@charset "utf-8";

@import url('reset.css');
@import url('loading.css');


/* 아이콘 */
.material-symbols-rounded {font-variation-settings:'FILL' 0,'wght' 400,'GRAD' -25,'opsz' 45}

/* root */
:root {
  --text-primary:#49a6aa;
  --text-black:#1e1e20;
  --text-white:#fff;
  --text-red:#EE3929;
  --text-blue:#4185ed;
  --bg-prime #49a6aa;
  --bg-blue: #4185ed;
  --bg-red:#EE3929;
  --bg-gray:#f8f8f9;
}

.fc_cyan{color:#49a6aa !important;}
.fc_red {color:#EE3929 !important;}
.fc_blue {color:#4185ed !important;}
.fc_white {color:#fff !important;}
.fc_black {color:#1e1e20 !important;}
.fc_gray {color:#93979d !important;}
.fb {font-weight:600 !important;}
.fb_7 {font-weight:700 !important;}
.nolh {line-height:normal !important;}
.mt0 {margin-top:0 !important;}
.pt0 {padding-top:0 !important;}
.fs_16 {font-size:16px !important;}


/* ICON */
.material-symbols-rounded {font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 20}

/* CONTENT */
#wrap {position:relative; width:100%; clear:both;}
#content {width:100%; height:100%; min-height: calc(100vh - 150px);}
#content.top_area{padding-top:50px;}
#content.content_area{margin-bottom:70px;}

/* iPhone */
.safeArea {padding-bottom:calc(env(safe-area-inset-bottom) + 16px); padding-bottom:calc(constant(safe-area-inset-bottom) + 16px);}

/* HEADER */
.main_header {width:100%; height:98px; padding:0 16px; background:linear-gradient(90deg, #6ACCD0, #49A6AA);}
.main_header .gnb_area{height:54px;}
.main_header h1 {position:relative; display:inline-block; }
.main_header h1 a.logo{width:135px; height:37.97px; margin:8px 0 4px 1px; overflow:hidden; color:transparent; display:inline-block; background: url(../images/common/logo_white.svg) no-repeat 50% / 100% auto;}
.main_header .box__title { position:absolute; top:16px; left:165px; font-size:18px; color:#fff; font-weight:600; letter-spacing:-.3px;}
.main_header .btn__head_area {position:absolute; top:12px; right:23px; float:right;}
.main_header .btn__head_area li {position:relative; display:inline-block; width:28px;}
.main_header .btn__head_area li button {display:block; width:100%; padding-top:0;}
.main_header .btn__head_area li button .my, .home {display:block;}
.main_header .btn__head_area li button .image {width:23px; height:auto;}
.main_header .btn__head_area li button .num {-webkit-border-radius:20px; border-radius:20px; position:absolute; right:-7px; top:-9px; min-width:20px; padding:0 5px; font-size:11px; color:#49A6AA; line-height:20px; text-align:center; font-weight:700; background-color:#FFF; box-sizing:border-box;}
.main_header .top_search_area {position:relative; width:100%;}
.main_header .search__area {display:flex; position:relative; top:0; right:0; width:100%; height:36px;}
.main_header .search__area .search_form {position:relative; width:100%; height:100%; border-radius:25px; border:1px solid #49A6AA; background:#fff;}
.main_header .search__area .search_form input{width:100%; height:auto; padding:0 46px 0 16px; font-size:14px; line-height:36px; letter-spacing:-.28px; border:1px; color:#1e1e20; border-radius:25px; text-overflow:ellipsis;}
.main_header .search__area .search_form .search_btn {position: absolute; width:22px; height:22px; top:6px; right:15px; text-indent:-99999em; background:url(../images/common/icon_search.svg) no-repeat 50% 50% / 22px;}

.page_header {position:relative; display:flex; height:52px; justify-content:center; align-items:center; border-bottom:1px solid #eee; background:#fff; z-index: 2;}
.page_header.left_type {justify-content:flex-start;  border-bottom:0;}
.page_header h1 {position:relative; display:inline-block; }
.page_header h1 a.logo{width:135px; height:37.98px; margin-left:16px; overflow:hidden; color:transparent; display:inline-block; background: url(../images/common/logo.svg) no-repeat 50% / 100% auto;}
.page_header .page_title {display:block; font-size:20px; font-weight:600; line-height:52px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.page_header .button_back {position:absolute; left:10px; top:10px; width:31px; height:31px; background:url(../images/common/icon_header_back_black.svg) no-repeat 50%; background-size:100% auto;}
.page_header .button_close {position:absolute; right:10px; top:10px; width:31px; height:31px; background:url(../images/common/icon_header_close_black.svg) no-repeat 50%; background-size:100% auto;}
.page_header .button_cart {position:absolute; right:18px; top:15px; width:22px; height:22px; background:url(../images/common/icon_header_cart_black.svg) no-repeat 50%; background-size:100% auto;}
.page_header .button_my {position:absolute; right:50px; top:15px; width:22px; height:22px; background:url(../images/common/icon_header_mypage_black.svg) no-repeat 50%; background-size:100% auto;}
.page_header .button_home {position:absolute; right:18px; top:15px; width:22px; height:22px; background:url(../images/common/icon_header_home_black.svg) no-repeat 50%; background-size:100% auto;}
.page_header .btn_head_area {position:absolute; top:10px; right:16px; float:right;}
.page_header .btn_head_area li {position:relative; display:inline-block; width:35px;}
.page_header .btn_head_area li button {display:block; width:100%; padding-top:0;}
.page_header .btn_head_area li button .my {display:block;}
.page_header .btn_head_area li button .image {width:23px; height:auto;}
.page_header .btn_head_area li button .num {-webkit-border-radius:20px; border-radius:20px; position:absolute; right:-2px; top:-8px; min-width:20px; padding:0 5px; font-size:11px; color:#FFF; line-height:20px; text-align:center; font-weight:700; background-color:#49A6AA; box-sizing:border-box;}

/* MAIN */
.main_contents_header {position:relative; padding:0 16px 20px; background:linear-gradient(280deg, #49A6AA 44.54%, #7CCECE 98.08%);}
.main_header_inner {position:relative;  max-width:768px; margin:0 auto;}
.main_contents_header .uk_logo{position:absolute; top:20px; right:20px; border:1px solid #fff; padding:6px 8px; border-radius:8px; z-index:9999;}
.main_contents_header .uk_logo button {display:block; width:100%; z-index: 1;}
.main_contents_header .uk_logo img{ width:41px;}
.main_contents_header .big_logo{ position:absolute; top:0; right:0; width:330px; height:330px; background:url(../images/common/logo_white_circle.svg) no-repeat right -60px top -40px; background-size:330px 330px; opacity:0.08;} 
.box_mypv {margin-top:20px; padding:0 15px 10px; border-radius:8px; border:0.8px solid rgba(73, 166, 170, 0.20); background:#FFF; box-shadow:0px 5px 5px 0px rgba(30, 30, 32, 0.07); position: relative; z-index: 1}
.box_mypv .text_now {display:flex; justify-content:space-between; align-items:center; padding:6px 0; margin-bottom:8px; border-bottom:1px solid #eee; line-height:32px;}
.box_mypv .text_now .text_value {font-size:20px; color:#49A6AA; font-weight:700; letter-spacing:-0.3px;}
.box_mypv .text_now .text_value .text__unit {font-size:15px; font-weight:500; margin-left:-2px;}
.box_mypv .text_past {display:flex; justify-content:space-between; align-items:center; padding:5px 0; color:rgba(30, 30, 32, 0.7);}
.box_mypv .text_past .text_value {font-size:16px; color:#1e1e20; letter-spacing:-0.2px;}
.box_mypv .text_past .text_value .number {font-size:18px; font-weight:600; letter-spacing:-0.3px;}
.box_mypv .text_past .text_value .unit{font-size:14px; font-weight:500; margin-left:-2px;}
.box_level { position:relative; margin-top:20px; padding:12px 15px; display:flex; justify-content:space-between; align-items:center;border-radius:8px; color:#fff; background:#2C9297;}
.box_level .text_nml{font-weight:400;}
.box_level .level_name img {width:18px; height:18px; margin-top:-2px;}

.box_component {max-width:768px; margin:0 auto; padding:0 16px;}
.box_component .shop_menu {margin-top:15px;}
.shop_menu .list_menu {width:100%; position:relative; }
.shop_menu .list_menu::after {content:""; display:block; clear:both;}
.shop_menu .list_menu li {float:left; width:25%;padding:0 5px; text-align:center;}
.shop_menu .list_menu li a {display:block; cursor:pointer;}
.shop_menu .list_menu li .icon_box {display:block; margin-bottom:5px;}
.shop_menu .list_menu li .text__name {padding:3px 0 5px; font-weight:600;}

.box_title {position:relative; padding-top:20px}
.box_title .text_greeting {font-size:20px; color:#fff; font-weight:600; line-height:32px;}
.box_title .text_name{font-size:17px; color:#fff; line-height:32px; font-weight:400;}
.box_title .text_name strong {font-size:20px; font-weight:600;}

.box_extra {margin:15px 0 5px;}
.box_extra .list_extra {width:100%; padding:16px 0;}
.box_extra .list_extra li{position:relative; display:flex; align-items:center; letter-spacing:-.2px; margin-bottom:20px;}
.box_extra .list_extra li .icon__box {padding-right:10px;}
.box_extra .list_extra li strong {font-size:17px; font-weight:600; letter-spacing:-0.8px;}
.box_extra .list_extra li .t_text{font-size:17px; font-weight:700; line-height:1.5; letter-spacing:-0.8px;}
.box_extra .list_extra li .s_text {display:block; font-size:14px; font-weight:400; letter-spacing:-0.2px;}
.box_extra .list_extra li .text_-unit{margin-left:-2px; font-size:14px;}
.box_extra .list_extra li:last-child {margin-bottom:0;}
.box_extra .list_extra li .btn_area{position: absolute; right:11px;}
.box_extra .list_extra li .more {width:20px; height:20px;
  background-image: url(../images/common/icon_next.svg);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: center center;}
.box_etc_info {margin-top:15px; padding:18px 16px; display:flex; align-items:center; justify-content:space-between; letter-spacing:-.2px; background:rgba(73, 166, 170, 0.09); border-radius:5px;}
.box_etc_info.type1 {background:rgba(30, 30, 32, 0.04);}
.box_etc_info .text__value {color:#49A6AA;}
.box_etc_info .text__value strong {font-size:17px; font-weight:600; letter-spacing:-0.8px;}
.box_etc_info .text__value .c_unit{margin-left:-2px; font-size:14px;}


 
/* FOOTER */
#footer {position:relative; padding:10px 16px; padding-bottom:calc(env(safe-area-inset-bottom) + 16px); padding-bottom:calc(constant(safe-area-inset-bottom) + 16px); background-color:#fafafa;}
#footer h2.footerLogo {margin-top:14px;}
#footer h2.footerLogo a.logo {overflow:hidden; text-indent:-9999px; display:block; width:124px; height:34.88px; background:url(../images/common/logo.svg) no-repeat 50% / 100% auto;}
#footer .company_info {padding-top:20px; font-size:0; color:rgba(30, 30, 32, .7); border-bottom:1px solid #eee;}
#footer .company_info h2 {display:inline-block; margin:0 8px 8px 0; font-size:14px; font-weight:700; line-height:20px; letter-spacing:-.3px; color: #1e1e20;}
#footer .company_info button {width:18px; height:18px; line-height:18px; background-image: url(../images/common/common_arrow_close.svg); background-repeat:no-repeat; background-size:contain; vertical-align:top; -webkit-transform:rotate(0deg); transform: rotate(0deg);}
#footer .company_info button.opened {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
#footer .info_list {display:block; padding:16px 0; border-top:1px solid #eee;}
#footer .info_list .text__title {float:left; min-width:92px; margin-top:3px; font-size:12px; font-weight:500; line-height:18px; letter-spacing: -0.5px;}
#footer .info_list .text__desc {overflow:hidden; width:165px; margin-top:3px; font-size:12px; font-weight:400; line-height:18px;letter-spacing: -0.5px;}
#footer .info_list .text__desc .link_go {display:block; color:#1e1e20; font-size:12px; text-decoration:underline;}
#footer .text {margin-top:3px; display:block; word-break:keep-all;}
#footer .menu_list {margin-top:8px; font-size:0;}
#footer .menu_list .menu_list__term:after {position:absolute; top:50%; right:8px; width:1px; height:9px; margin-top:-4px; background-color:#e0e0e0; content:'';}
#footer .menu_list .menu_list__term {display:inline-block; position:relative; padding-right:17px; font-size:0;}
#footer .menu_list .menu_list__term:last-child {padding-right:0;}
#footer .menu_list .menu_list__term .link__info {display:inline-block; padding:9px 0 7px;  color:rgba(30, 30, 32, .85); font-size:13px; line-height:18px; font-weight:normal;}
#footer .footer_info {margin:10px 0 80px; color:rgba(30, 30, 32, .6); font-size:12px; font-weight:400; line-height:16px; text-align:left;}

/* LOGIN */
.login_wrap {max-width:768px; padding:16px 16px 1px; margin:0 auto; box-sizing:border-box;}
.login_wrap .login_header{padding:8px 0 30px; text-align:center;}
.login_wrap .login_header a .link_logo {display:block; margin:0 auto; width:200px; height:auto;}
.login_wrap .login_form {max-width:none;}
.login_wrap .login_form input {border:1px solid #e0e0e0; border-radius:3px;}
.login_wrap .login_form input[type="text"] {width:100%; height:48px; line-height:48px; font-size:16px; font-weight:500; text-indent:10px;}
.login_wrap .login_form input[type="text"]:focus {border-color:#49A6AA;}
.login_wrap .login_form input[type="password"] {width:100%; height:48px; line-height:48px; font-size:16px; font-weight:500; text-indent:10px;}
.login_wrap .login_form input[type="password"]:focus {border-color:#49A6AA;}
.login_wrap .login_form input:last-child {margin-top:10px;}
.login_wrap .l_utill {margin:12px 0 20px 0;}
.login_wrap .l_bottom {margin:0 auto; text-align:center; border-top:1px solid #eee;}
.login_wrap .login_option {margin:20px 0 40px;}
.login_wrap .login_option_info {position:relative; text-align:center; font-size:0;}
.login_wrap .login_option .list_item {position:relative; display:inline-block; vertical-align:middle; margin-left:30px;}
.login_wrap .login_option .list_item:first-child {margin-left:0;}
.login_wrap .login_option .list_item:before {content:''; position:absolute; width:3px; height:3px; top:7px; left:-16px; border-radius:50%; background-color:#c1c1c1;}
.login_wrap .login_option .list_item:first-child::before {content:none;}
.login_wrap .login_option .list_item .link_option {display:block; font-size:14px; line-height:17px; color:rgba(30, 30, 32, 0.8);}


/* 보안문자코드 */
.login_wrap .msg_text {font-size:15px; padding-bottom:10px; color:rgba(30, 30, 32, 0.8);}
.code_wrap {display:flex; justify-content: space-between; margin-bottom:3px;}
.box_captcha_image {width:100%; height:50px; margin-right:5px; border-radius:3px; text-align:center; -webkit-box-sizing:border-box; box-sizing: border-box;}
 .button_reload {display:block; border:1px solid #ddd; border-radius:3px; width:82px; height:50px; padding:0 5px; margin-right:5px;}
 .button_reload img {width:30px; margin-left: -2px;}
.form_input_idpw{width:100%; height:50px; text-indent:10px; font-size:16px; font-weight:600; background: #fff !important; border:1px solid #e0e0e0; border-radius:3px;}

  

/* JOIN */
.join_area {max-width:768px; margin:0 auto; min-height:800px;}
.join_area.type1{max-width:768px; margin:0 auto; min-height:100%;}
.join_title {margin-top:10px; font-size:18px; text-align:center;}
.join_step_box {padding:30px 16px 30px 16px;}
.join_step_box .title {font-size:26px; font-weight:600; line-height:32px;}
.join_step_box .text_emphasis {color:#49A6AA;}
.join_step_box .text_sub {margin-top:14px; color:rgba(30, 30, 32, 0.6); line-height:24px; font-weight:500;}

.join_form {margin:10px 16px 50px;}
.join_form.type1{margin:10px 16px 15px;}
.join_form .text_title {font-size:16px; font-weight:700; margin-bottom:8px;}
.join_form .terms_all {position:relative; display:block; background:#f5f5f5; border-radius:3px;}
.join_form .text_warning{position:initial; margin:2px 0 11px; padding-left:11px; font-size:13px; color:#EE3929; line-height:16px; text-align:left;}
.join_list_form {position:relative;}
.join_list_form li{margin-bottom:12px;}

.joinCheck {display:inline-block; position:relative; padding:17px 16px 17px 53px; font-size:16px; line-height:23px;}
.joinCheck input[type="checkbox"]{position:absolute; opacity:0; left:0; top:50%;}
.joinCheck span.fakeCheck{position:absolute; width:22px; height:22px; left:18px; top:17.5px; background:url(../images/common/chcek_off.svg) no-repeat 0 0; background-size:22px auto; transition:all 0.5s ease;}
.joinCheck input[type="checkbox"]:checked ~ span.fakeCheck{background:url(../images/common/chcek_on.svg) no-repeat 0 0; background-size:22px auto; transition:all 0.5s ease;}

.agree_list {padding:17px 0 12px;}
.agree_list_group {position:relative;}
.agree_list_group li{position:relative; margin-bottom:15px;}
.agree_list_group li .text_importance {font-size:13px; color:#989898; font-weight:400;}
.agreeCheck {position:relative; padding:6px 0 6px 50px; font-size:15px; line-height:23px;}
.agreeCheck input[type="checkbox"]{position:absolute; opacity:0; left:0; top:50%;}
.agreeCheck span.fakeCheck{position:absolute; width:22px; height:22px; left:18px; top:4px; background:url(../images/common/chcek_off.svg) no-repeat 0 0; background-size:22px auto; transition:all 0.5s ease;}
.agreeCheck input[type="checkbox"]:checked ~ span.fakeCheck{background:url(../images/common/chcek_on.svg) no-repeat 0 0; background-size:22px auto; transition:all 0.5s ease;}
.agree_message {margin:0 16px 24px; color:#adadad; font-size:12px; font-weight:400; line-height:16px;}
.link_view_terms {position:absolute; right:0; top:0; padding:0 20px; height:22px; color:#989898; font-size:13px; line-height:22px; text-align:center; font-weight:400;} 
.link_view_terms:after {display:block; position:absolute; content:''; top:5px; right:5px; width:12px; height:12px; margin:0; padding:0; background:url(../images/common/icon_next.svg) no-repeat 0 0; background-size:12px auto;}
.termsArea {margin:15px;}
.termsContents {max-height:500px; overflow:auto; font-size:15px; line-height:1.6; padding:0 10px 10px 0;}

/* BUTTON */
.l_btns {margin:12px 0;}
.l_button_submit {width:100%; height:48px; font-weight:700; background:#49A6AA; color:#fff; padding-bottom:1px; font-size:16px; line-height:48px; border-radius:3px;}
.btns_area {margin:12px 16px 40px; padding-bottom:40px;}
.btns_area.type1 {margin:7px 0 30px; padding-bottom:0;}
.btns_area_bottom{padding:32px 16px; margin:0 -16px; text-align:center;}
.btns_half {display:flex; margin:12px -4px 20px;} 
.button_l_default{width:100%; height:52px; margin:0 4px; font-weight:700; background:#fff; color:#1e1e20; padding-bottom:1px; font-size:16px; line-height:18px; border-radius:3px; border:1px solid #eee;} 
.button_l_submit{width:100%; height:52px; margin:0 4px; font-weight:700; background:#49A6AA; color:#fff; padding-bottom:1px; font-size:16px; line-height:18px; border-radius:3px;}
.btn_box {margin-top:35px; text-align:center;}
.btn_gray {width:100%; height:46px; border-radius:3px; background-color:#f8f8f9; font-size:14px; font-weight:500; letter-spacing:-.15px;}
.btn_more {width:100%; height:50px; border-radius:3px; border:1px solid #e0e0e0; background:#fff; font-size:16px; font-weight:600; color:#1e1e20; text-align:center; line-height:1.38;}
.btn_more .arrow_down img,  .btn_prime .arrow_down img{width:19px; height:auto;}
.btn_prime {width:100%; height:50px; border-radius:3px; border:1px solid #49A6AA; background:#fff; font-size:16px; font-weight:600; color:#49A6AA; text-align:center; line-height:1.38;}
.floating_area {position:fixed; right:0; bottom:0; left:0; z-index:5000;}
.floating_area .btn_sum_order {display:block; width:100%; height:54px; background:#49A6AA; color:#fff; font-size:17px; font-weight:700; line-height:53px; text-align:center;}
.floating_area .btn_sum_cancel {display:block; width:100%; height:54px; border-top:1px solid #49A6AA; background:#fff; color:#49A6AA; font-size:17px; font-weight:700; line-height:53px; text-align:center;}
.button_floating {position:fixed; left:0; right:0; bottom:0; padding:6px; background-color:#fff; z-index:2;}
.button_floating::before {position:absolute; left:0; top:-1px; right:0; height:1px; background-color:rgba(0, 0, 0, 0.1); content:'';}
.button_area {display:table; width:100%; table-layout:fixed;}
.button_area .button_cell {display:table-cell; padding:0 0 0 0;}
.button_cell + .button_cell {padding:0 0 0 4px;}
.button_cell + .button_cell + .button_cell {padding:0 4px 0 4px;}
.common_button {position:relative; display:block; width:100%; height:50px; border-radius:3px; border:1px solid #49A6AA; background-color:#fff; color:#49A6AA; font-size:16px; font-weight:600; letter-spacing:-.5px; text-align:center; vertical-align:middle;}
.common_button.cyan{background-color:#49A6AA; color:#fff;}
.move_top {position:fixed; overflow:hidden; width:50px; height:50px; border-radius:0; -webkit-box-shadow:none; box-shadow:none; bottom:68px; right:16px; border:0; background:url(../images/common/icon_move_top.svg) 0 0 no-repeat; background-size:50px 50px; color:transparent; z-index:99; outline:0;}
.btn_agree {display:block; width:100%; height:45px; border:1px solid #49A6AA; font-size:15px; font-weight:600; color:#49A6AA; background:#fff; border-radius:3px; line-height:45px; vertical-align:top;}
.btn_uk_go {width:100%; height:76px;  padding:0 16px; border-radius:5px; background-color:#f2f9f9; background-image:url(../images/common/logo_uk.svg); background-size:110px auto; background-repeat:no-repeat; background-position:left 16px center;}
.btn_dm_go {width:100%; height:60px; border:1px solid #eee; padding:0 16px; border-radius:5px; background-image:url(../images/common/dolmedi_logo.svg); background-size:110px auto; background-repeat:no-repeat; background-position:left 16px center;}
.btn_uk_go span, .btn_dm_go span {float:right; font-size:13px; color:#fff; padding:6px 2px 6px 8px; background-color:#6ab7ba; border-radius:3px;}
.btn_uk_go span img, .btn_dm_go span img {width:16px; height:auto;}
.btn_prime_type1 {width:100%; height:45px; border-radius:3px; border:1px solid #49A6AA; background:#fff; font-size:15px; font-weight:500; color:#49A6AA; text-align:center; line-height:1.38;}

.btn_assets_area {margin:10px 0;}

/* TAB */
.tab_wrap {position:relative; width:100%;}
.tab_wrap .scroll_area {width:100%; left:0; top:0; position:relative; overflow:hidden; background:#fff; box-shadow:0 1px 0 0 rgba(30, 30, 32, .07);}
.tab_wrap .scroll_area ul {white-space:nowrap; display:table; justify-content:center; position:relative; overflow:hidden; padding:0 7px;}
.tab_wrap .scroll_area ul li {display: inline-block;margin:0 4px; padding:0 9px;line-height:1.2;}
.tab_wrap .scroll_area ul li a {position:relative; display:block; width:auto; padding:13px 0 12px; font-size:16px; font-weight:600; color:#1e1e20;}
.tab_wrap .scroll_area ul li a.active {color:#49A6AA;}
.tab_wrap .scroll_area ul li.on {border-bottom:4px solid #49A6AA; position:relative;}
.tab_wrap .tabs_01 {background:#fff;}
.tab_wrap .tabs_01::after {content:""; display:block; clear:both;}
.tab_wrap .tabs_01 li{position:relative; float:left; width:50%;}
.tab_wrap .tabs_01 li a {display:block; font-size:16px; line-height:20px; padding:15px 0; text-align:center;}
.tab_wrap .tabs_01 li.on a{font-weight:600; color:#49A6AA;}
.tab_wrap .tabs_01 li:before{content:''; position:absolute; width:100%; height:1px; background-color:#eee; bottom:0; left: 0;}
.tab_wrap .tabs_01 li.on:before{content:''; position:absolute; width:100%; height:2px; background-color:#49A6AA; bottom:0; left: 0;}
.tab_wrap .tabs_01 li{position:relative; float:left; width:50%;}

/* TITLE */
.page_head_m_title {display:block; font-size:16px; font-weight:700; margin-bottom:10px;}
.title_txt {font-size:16px; font-weight:600; margin-bottom:5px; line-height:20px; letter-spacing:-.19px;}
.title_item.lineEllipsis_2 {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
.cash_title { padding-top:20px; font-size:15px;}

/* STYLE */
.division_line {margin-bottom:12px; border-bottom:1px solid #eee;}
.gap_line { border-bottom: 1px dashed #d4d3d3; margin-bottom:13px;}

/* INFORMATION */
.text_information {text-align:center; font-size:16px; line-height:26px; margin-bottom:50px;}
.text_information .image {width:80px; height:auto; margin:20px 0;}
.text_table_area {padding-bottom:10px;}
.text_table_guide {font-size:15px; color:rgba(30, 30, 32, 0.7); padding-bottom:10px;}
.text_info_area {padding:33px 0 40px; text-align:center; border-bottom:1px solid #eee;} 
.text_info_area img {width:70px; height:70px; margin-bottom:10px;}
.text_info_area .title {padding-top:8px; font-size:18px; font-weight:600; line-height:44px;}
.text_info_area .text {color:rgba(30, 30, 32, 0.6); line-height:25px;}
.description {padding-top:15px;}
.description h3 {font-size:16px; font-weight:600; padding-bottom:10px;}
.description .box {padding:15px 0px; border-top:1px solid #eee; word-break:keep-all;}
.description .box .t1 {font-size:14px; margin-bottom:5px; line-height:1.6;}
.description .box .t2 {font-size:14px; font-weight:400; color:rgba(30,30,32,0.7); margin-bottom:5px; line-height:1.6;}
.description .box br {margin-bottom:5px;}    
.guide_contenets {margin-top:10px; padding:8px 0 17px; border-top:1px solid #eee; font-size:15px; line-height:22px;}
.guide_contenets ul li {position:relative; font-size:14px; line-height:19px; letter-spacing:-.2px; color:rgba(50, 50, 50, 0.7);}
.guide_contenets ul.bullet li {padding-left:10px; margin-top: 6px;}
.guide_contenets ul.bullet li:before {content: ""; display:block; position:absolute; left:0px; top:9px; width:2px; height:2px; background:rgba(50, 50, 50, 0.4);}
.notice_contenets {margin-top:5px; padding:5px 15px 17px; font-size:13px; line-height:19px;}
.notice_contenets ul li {position:relative; font-weight:500; line-height:19px; letter-spacing:-.2px; color:rgba(30, 30, 32, 0.7);}
.notice_contenets ul.bullet li {padding-left:10px; margin-top:6px;}
.notice_contenets ul.bullet li:before {content: ""; display:block; position:absolute; left:0px; top:9px; width:2px; height:2px; background:rgba(30, 30, 32, 0.5);}
.msg_box {padding:30px 0; text-align: center;}
.msg_box .icon_no_list img {width:70px; height:auto; padding-bottom:15px;}
.msg_box .main-text {font-size:16px; font-weight:500;}
.msg_box .main-text strong{font-size:18px; color:#49A6AA; font-weight:600;}
.msg_box .sub__text {font-size:15px; color:rgba(30, 30, 32, 0.7);}
.timer_text {text-align:right; padding:0 3px 12px 0; color:rgba(30, 30, 32, 0.8);}
.delivery_description {padding-top:5px; font-size:13px; color:#4185ed}

/* INPUT & SELECT & RADIO */
.inp_area {position:relative; display:block;}
.inp_area button {position:absolute; top:0; right:0; height:50px; min-width:90px; padding:0 15px; line-height:22px; font-size:15px; color:#fff; font-weight:500; text-align:center; background:#838385; border-top-left-radius:0; border-bottom-left-radius:0; border-top-right-radius:3px; border-bottom-right-radius:3px;}
.inp_tw_area {display:flex; align-items:baseline;}
.inp_tw_area .slash {padding:0 5px;}
.inp_text {width:100%; height:50px; font-weight:500; margin-bottom:10px; padding:0 10px 0 10px; font-family:"Pretendard Variable", Pretendard,'Noto Sans KR'; color:#1e1e20; background:#fff; border:1px solid #e0e0e0; border-radius:3px;}
.inp_text:disabled {background:#f6f7f8; border:0; opacity:1;}
.inp_text:focus {border-color:#49A6AA;}
.input_set .limit.medium textarea {height:115px;}
.input_set .limit_number {font-size:13px; line-height:18px; color: #bfbfbf; text-align:right; padding:5px 0 12px 0;}
.inp_pop_text {width:100%; height:45px; font-weight:500; padding:0 10px 0 10px; font-family:"Pretendard Variable", Pretendard, 'Noto Sans KR'; color:#1e1e20; background:#fff; border:1px solid #e0e0e0; border-radius:3px;}
.inp_pop_text:disabled {background:#f6f7f8; border:0; opacity:1;}
.inp_pop_text:focus {border-color:#49A6AA;}
.inp_pop_text:hover {border:1px solid #49A6AA;}

.select_wrap {display:flex; justify-content:flex-end;}
.select_area {margin-bottom:8px;}
.select_area.type1 {margin-right:8px;}
.select_ty1 {width:100%; height:50px; border:1px solid #eee; padding:0 12px; font-size:16px; line-height:32px; border-radius:3px; background-image:url(../images/common/icon_down.svg); background-size:20px 20px; background-repeat:no-repeat; background-position:calc(100% - 8px) 14px;}
.select_ty2 {width:70px; height:30px; border:0; padding:0; font-size:16px; line-height:32px; border-radius:3px; background-image:url(../images/common/icon_down.svg); background-size:20px 20px; background-repeat:no-repeat; background-position:calc(100% - 20px) 6px;}
.select_ty3 {width:100px; height:30px; border:0; padding:0; font-size:16px; line-height:32px; border-radius:3px; background-image:url(../images/common/icon_down.svg); background-size:20px 20px; background-repeat:no-repeat; background-position:calc(100%) 6px;}
.select_ty4 {width:140px; height:40px; border:1px solid #eee; padding:0 12px; font-size:16px; line-height:32px; border-radius:3px; background-image:url(../images/common/icon_down.svg); background-size:20px 20px; background-repeat:no-repeat; background-position:calc(100% - 20px) 6px;}

.textarea_basic {width:100%; padding:15px 10px; height:250px; line-height:1.6; box-sizing:border-box; border:1px solid #e0e0e0;}
.input_set {position:relative;}
.input_set textarea {resize:none; width:100%; border:0; min-height:auto; padding:12px 14px; font-size:14px; line-height:22px;}
.input_set .limit {margin-top:5px; width:100%; border:1px solid #e0e0e0; border-radius:3px; font-family:"Pretendard Variable", Pretendard,'Noto Sans KR';}

.radio_wrap {display:flex; border-top: 1px solid #eee;}
.radio_wrap .radio_set{flex:auto; display:inline-block; margin-top:10px;} 
.radio_set_area {display:inline-block; margin-top:5px; padding:0;}
.radioArea {cursor:pointer; display:inline-block; vertical-align:top; padding-left:24px; padding-top:3px; position:relative; font-size:14px; -ms-user-select:none; -moz-user-select:-moz-none;-khtml-user-select:none; -webkit-user-select:none; user-select:none;}
.radioArea input[type="radio"] {position:absolute; z-index:-99999; opacity:0;}
.radioArea .fakeRadiobox {position:absolute; width:18px; height:18px; border:1px solid #e0e0e0;; border-radius:100%; box-sizing:border-box; left:0; top:50%; margin-top:-7px; background-color:#fff; background-repeat:no-repeat; background-position:center center;}
.radioArea .fakeRadiobox.type1 { margin-top:-9px;}
.radioArea input[type="radio"]:checked + .fakeRadiobox:after {content:'';position: absolute; width:9px; height:9px; background-color:#49A6AA; border-radius:100%; left:50%; top:50%; transform:translate(-50%, -50%);}

/* BOX */
.box_module {padding:16px;}
.box_module.type1{padding:0 16px;}
.box_inner {padding:10px 0; border:0; margin-top:6px;}
.box_inner.top_line {padding:10px 0 0; border:0; border-top: 1px solid #eee;}
.box_inner.popup {padding:10px 15px; border:0; margin-top:6px;}
.box_inner .header_area {position:relative; border-bottom:0; padding-bottom:3px;}
.box_inner .header_area h3.title {font-size:16px; font-weight:700; line-height:32px;}
.box_inner .header_area .button_change {position:absolute; bottom:4px; right:0; margin-left:8px; padding:7px 8px; color:#1e1e20; font-size:12px; font-weight:600; line-height:16px; border:1px solid #eee; border-radius:3px; background:#fff;}

.box_inner .delivery__info {margin-top:8px; padding:0;}
.box_inner .delivery__info .text_msg{padding:10px 15px; font-size:15px; color:rgba(30,30,32,0.8); font-weight:400; text-align:center;}
.box_inner .delivery__info .delivery_place {display:flex; align-items:center;}
.box_inner .delivery__info .delivery_place .name {font-size:15px; font-weight:700;}
.box_inner .total_pay_price{position:relative; margin-top:15px;}
.box_inner .order_info{position:relative; margin-top:15px;}
.delivery__info .delivery_place .default {margin-left:12px; font-size:14px; color:rgba(30,30,32,0.5);}
.delivery__info .delivery_address {padding-top:5px; font-size:15px; font-weight:400; line-height:20px;}
.delivery__info .delivery_number {padding-top:4px; font-size:15px; color:rgba(30,30,32,0.7)}
.delivery__info .delivery_memo {padding-top:8px; font-size:15px; color:rgba(30,30,32,0.6)}
.delivery__info .delivery_memo input[type="text"] {width:100%; height:45px; font-weight:500; padding:0 10px 0 10px; font-family:"Pretendard Variable", Pretendard,'Noto Sans KR'; color:#1e1e20; background:#fff; border:1px solid #e0e0e0; border-radius:3px;}
.delivery__info .extra_info {clear:both; position:relative; padding:7px 0 0 5px; font-size:12px; line-height:17px; color:rgba(30,30,32,0.6);}

.order_list{position:relative;}
.order_list .order_list_group {height:auto;}
.cart__basket {overflow:hidden; padding:0 15px; margin-bottom:12px; border:1px solid #eee; border-radius:3px; background:#fff;}
.order_title {padding:15px 0 13px; font-size:16px; font-weight:600; border-bottom:1px solid #eee;}
.order_title .input_custom {float:left; position:relative;display:block; line-height:1; height:39px; margin-top:-4px;}
.order_title .order_number {margin-left:4px; font-size:14px; color:#999; line-height:20px; font-weight:400;letter-spacing:-.22px;}
.order_title.lineEllipsis_1 {display:block; word-wrap:break-word; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.order_inner {display:block; clear:both; content:''; padding:0;}
.order_plist li {position:relative; margin:0;}
.order_plist li .ord_pdt {position:relative; margin:13px 0; -webkit-box-orient:vertical; -webkit-box-pack:center;}
.order_plist li .order_pdt .thmb {display:block; overflow:hidden; position:absolute; top:0; left:0; width:82px; height:82px; border:1px solid #eee; border-radius:3px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.order_plist li .ord_pdt .thmb img {position:absolute; width:82px; height:82px; border-radius:3px; vertical-align:top;}
.order_plist li .ord_pdt .info {margin-left:115px; min-height: 100px; margin-bottom: 10px;}
.order_plist li .ord_pdt .info .price__list__box {position:relative;}
.order_plist li .ord_pdt .info .price__list__box .list {padding-top:2px;}
.order_plist li .ord_pdt .info .price__list__box .list_ty1 {padding:2px 0 10px;}
.order_plist li .ord_pdt .info .price__list__box .label {display:inline-block; font-size:15px; color:rgba(30,30,32,0.6); line-height:22px;}
.order_plist li .ord_pdt .info .price__list__box .format_price {display:inline-block; position:absolute; right:0; font-size:15px; line-height:22px;}
.order_plist li .ord_pdt .info .price__list__box .state_text {display:inline-block; position:absolute; right:0; font-size:15px; font-weight:600;line-height:22px; color:#4185ed;}
.order_plist li .ord_pdt .info .price__list__box .cancel_text {display:inline-block; position:absolute; right:0; font-size:15px; font-weight:600;line-height:22px; color:#EE3929;}
.order_plist li .ord_pdt .info .price__list__box .order_price{display:inline-block; position:absolute; right:0; font-size:16px; line-height:22px; font-size:16px; font-weight:700; letter-spacing:-0.3px;}

.total_order_info {position:relative; border-top:1px solid #eee;}
.total_order_info .receipt_list_box {margin-top:12px;}
.total_order_info .receipt_list_box li{padding:2px 5px; display:flex; align-items:center; justify-content:space-between;}
.total_order_info .receipt_list_box li:first-child{padding-top:0;}
.total_order_info .receipt_list_box li .label {font-size:15px; color:rgba(30,30,32,0.6); line-height:22px;}
.total_order_info .receipt_list_box li .order_price{line-height:22px; font-size:17px; font-weight:700; letter-spacing:-0.3px;}

.total_order_info .receipt_list_box {margin-top:12px;}
.order_summary {position:relative; display:flex; justify-content:space-between; align-items:center; margin-top:13px; padding:13px 5px 13px 7px; border-top:1px solid #e5e5e5; background:rgba(50, 50, 50, 0.05);}
.order_summary .title {font-size:16px; font-weight:600; letter-spacing:-0.3px;}
.order_summary .sum{font-size:20px; font-weight:700;letter-spacing:-0.3px;}
.order_summary .sum .num {display:inline-block; margin-left:-3px; margin-right:2px; font-size:18px; font-weight:600;}

.order_buttons_group {display:flex; min-width:100px; margin:3px -2px 6px;}
.order_buttons_group button {-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:0; flex-shrink:0; -ms-flex-preferred-size:0; flex-basis:0; margin:0 4px; font-size:14px; border:1px solid #e0e0e0; border-radius:3px; line-height:42px; vertical-align:top;}
.order_buttons_group button.btn_order {border:1px solid #49A6AA; font-weight:bold; background:#fff; color:#49A6AA;}

.payment_toggl_list {margin-top:8px;}
.payment_toggl_list .payment_area {border-radius:3px; border:1px solid #e0e0e0; overflow:hidden;}
.payment_toggl_list .payment_area.active {border-color:#1e1e20;}
.payment_toggl_list .payment_area button{display:block; width:100%; height:auto; min-height:52px; font-size:17px; font-weight:600; letter-spacing:-.3px; line-height:52px;}
.payment_toggl_list .payment_area button .card {background:url(../images/common/icon_card.svg); background-size:25px auto; background-position:0 center; background-repeat:no-repeat; padding-left:35px;}
.payment_toggl_list .payment_area button .bank {background:url(../images/common/icon_bank.svg); background-size:25px auto; background-position:0 center; background-repeat:no-repeat; padding-left:35px;}
.payment_toggl_list .payment_area button .pay {background:url(../images/common/icon_pay.svg); background-size:25px auto; background-position:0 center; background-repeat:no-repeat; padding-left:35px;}
.payment_toggl_list .payment_area .bank_info {padding:15px 15px 13px; background-color:#f8f8f8;}
.payment_toggl_list .payment_area .bank_info .lable{margin-top:8px;}

.info_box_1 {padding:20px; background:#FFF; box-shadow:0px 4px 40px rgba(30, 30, 32, 0.09); border-radius:5px;}
.info_box_1 dl {display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; color:rgba(30, 30, 32, 0.7);}
.ifon_box_1 dl dt{ font-weight:400; letter-spacing:-0.3px;}
.info_box_1 dl dt strong {font-size:18px; color:#1e1e20; font-weight:700; letter-spacing:-0.3px;}
.info_box_1 dl dd {font-weight:600; color:rgba(30, 30, 32, 0.8); letter-spacing:-0.3px;}
.info_box_1 dl dd strong { font-size:18px; color:#1e1e20; font-weight:700; letter-spacing:-0.3px;}
.info_box_1 dl:last-child {margin-bottom:0;}


/* LIST */
.list_base {width:100%;}
.list_base li {position:relative; border-bottom:1px solid #e6e6e6; padding:15px 5px; font-weight:500;}
.list_base li > a {display:block;}
.list_base li img {width:22px; height:auto}
.list_base li .go {position:absolute; top:15px; right:0;}
.list_base li .icon {margin-top:-3px; vertical-align:middle; padding-right:4px;}
.person_info {margin-top:12px;}
.person_info li {position:relative; padding:2px 5px 3px 100px; font-size:15px; line-height:22px;}
.person_info strong {position:absolute; left:0; top:0; overflow:hidden; width:100px; margin-left:0px; white-space:nowrap; text-overflow:ellipsis; font-weight:500; color:rgba(30, 30, 32, 0.6);}
.person_info span {display:inline-block; vertical-align:top; margin-top:-2px; word-wrap:break-word;}

.card_info {margin-top:12px;}
.card_info li {position:relative; padding:4px 5px 5px 102px; font-size:15px; line-height:22px; text-align:right;}
.card_info strong {vertical-align:top; word-wrap:break-word; font-weight:500;}
.card_info strong.price { font-size:16px; font-weight:700;}
.card_info span {position:absolute; left:0; top:3px; width:102px; margin-left:0px; text-align:left; color:rgba(30, 30, 32, 0.6);}

.setting_list {position:relative;}
.setting_list li {position:relative; display:block; margin-top:2px; line-height:50px; font-size:16px; padding:0 0 0 5px;letter-spacing: -.02em; border-bottom: 1px solid #eee;}
.setting_list>li a em {position:relative; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-left:30px;font-size:16px;}
.setting_list li .icon_-box {position:absolute; display:inline-block; width:30px; height:50px;}
.setting_list li .icon_-box img {position:absolute; width:24px; height:24px; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.setting_list>li a {display:grid; height:100%; background:none; position:relative; grid-auto-flow:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; grid-gap:16px; margin-top:-1px; background:url(../images/common/icon_go.svg) right 50% no-repeat; background-size:18px auto;}


/* TABLE */
.tbl_area {margin-top:25px;}
.tbl_area table{width:100%; border-bottom:1px solid #eee;}
.tbl_area table tr {border-bottom:1px solid #eee;}
.tbl_area table th {border-top:1px solid #1e1e20; padding:15px 10px; text-align:center;}
.tbl_area table th .text_normal {display:block; font-weight:normal;}
.tbl_area table td { padding:15px 10px; text-align:center;}
.tbl_area table td strong {font-weight:bold;}
.tbl_area table td.list-title {display:block; width:220px; text-align:left; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.tbl_area table td.list-title.type1 {padding-left:0; width:230px;}
.tbl_area table td a.link { display:block; text-decoration:underline;}
.tbl_area table td a:hover{color:#49A6AA;}
.tbl_area table td .name{display:block; color:rgba(30, 30, 32, 0.7);}
.tbl_area table td .icon_new {display:inline-block; margin-top:-2px; width:18px; height:18px; vertical-align:middle; background:url(../images/common/icon_new.svg) no-repeat 0 0; background-size:100%; text-indent:-9999em;}

.board_area {margin-top:25px;}
.board_view_top {border-top:1px solid #eee; padding:15px 0; border-bottom:1px solid #eee;}
.board_view_top .date{padding-top:8px; font-size:14px; font-weight:400; color:rgba(30, 30, 32, 0.7);}
.board_view_cont {padding:15px 0; line-height:1.6; overflow:hidden; border-bottom:1px solid #eee; }

.product_visual_area {position:relative; width:100%; height:100%; z-index:0; margin-bottom:0; overflow:hidden;}
.product_visual_area .product_img {position:relative; text-align:center; width:100%; height:auto;}
.product_visual_area .product_img .pagination_custom {position:absolute; left:0; right:0; bottom:15px; z-index:10; text-align:center; line-height:1;}
.product_visual_area .product_img .pagination_custom .pagenum {display:inline-block; min-width:50px; height:24px; border-radius:11px; background-color:rgba(30, 30, 32, 0.6); color:#fff; vertical-align:top;}
.product_visual_area .product_img .pagination_custom .pagenum span {font-size:12px; letter-spacing:-0.5px; color:#fff; line-height:24px;}

.product_package_info {position:relative; padding:20px 0 15px; letter-spacing:-.2px; border-bottom:1px solid #eee;}
.product_package_info .package_text, .info_area .package_text {font-family:"Pretendard Variable", Pretendard,'Noto Sans KR', sans-serif; font-size:15px; font-weight:normal; line-height:1.4;}

.product_title_area {position:relative; padding:20px 0 15px; border-bottom:1px solid #eee;}
.product_title_area .product__name {margin-bottom:5px; font-size:18px; font-weight:600;}
.product_title_area .product__desc {font-size:15px; color:rgba(30, 30, 32, 0.6);}

.benefit_info_list {width:100%; margin-top:15px;}
.benefit_info_list li{display:flex; align-items:center; justify-content:space-between; letter-spacing:-.2px; margin-bottom:5px;} 
.benefit_info_list li strong {font-size:17px; font-weight:700;}

.delivery_info {position:relative; padding:20px 0 15px; letter-spacing:-.2px;}
.delivery_info .delivery_text {font-family:"Pretendard Variable", Pretendard,'Noto Sans KR', sans-serif; font-size:15px; font-weight:normal; line-height:1.5;}

.product_detail_area {position:relative; margin-bottom:15px;}
.product_detail_area::after{content:""; display:block; clear:both;}
.option_info {position:relative;}
.option_info .option_box {position:relative; width:100%; height:50px; font-size:15px; background:#fff; margin-bottom:12px;}
.option_box .sel_option {display:block; height:51px; line-height:50px; border-radius:3px; padding:0 15px; border:1px solid #eee; font-weight:600;}
.option_box .sel_option:after {content:""; position:absolute; right:20px; top:16px; width:20px; height:20px; background:url(../images/common/icon_down.svg); background-size:20px auto; background-position:0 0;}
.option_box.open .option_item_list {border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top:1px solid #49A6AA;}
.option_box.open .option_item_list:after {content:""; display:block; clear:both;}
.option_box.open .sel_option {border-bottom-left-radius:0; border-bottom-right-radius:0; color:#49A6AA; border-color:#49A6AA;}
.option_box.open .sel_option:after {content: ""; position:absolute; right:20px; top:16px; width:20px; height:20px; background:url(../images/common/icon_up_cyan.svg); background-size:20px auto; background-position:0 0;}
.option_box .option_item_list {display:block; position:absolute; top:50px; left:0; width:100%; overflow-y:auto; border-left:1px solid #bcbcbd; border-right:1px solid #bcbcbd; border-bottom:1px solid #bcbcbd; background:#fff; z-index:1;}
.option_box .option_item_list li {position:relative; border-bottom:1px solid #e4e4e4;}
.option_box .option_item_list li:last-child {border-bottom:0;}
.option_box .option_item_list .btn_cho_option {width:100%; padding:14px 30px 14px 15px; font-size:15px; color:#1e1e20; text-align:left; line-height:1.5;}
.option_box .option_item_list .btn_cho_option:hover {background:rgba(30, 30, 32, 0.04);}
.option_box .option_item_list .btn_cho_option:disabled {background:#f5f5f5;}
.prod_detail_box .option_box .sel_option input {border:0; font-weight:600;}
.prd_cnt_box {position:relative; margin:0; padding:5px 20px 6px; border:1px solid #eee; background:#f9f9f9; border-radius:3px;}
.prd_cnt_box:after {content:""; display:block; clear:both;}
.prd_cnt_box .icon {position:absolute; top:13px; right:-4px;}
.prd_cnt_box .icon .option_btn_delete {display:block; padding:5px; width:25px; height:25px; background:url(../images/common/btn_delete_gray.svg);background-size:25px auto;}
.prd_cnt_box .tit_area {position:relative; height:133px; line-height:25px; padding:12px 0 0; border-top:1px solid #eee;}
.prd_cnt_box .tit_area::after{content:""; display:block; clear:both;}
.prd_cnt_box .tit_area:first-child {border-top:0;}
.prd_cnt_box .tit_area>span {display:block; font-weight:600;}
.prd_cnt_box .tit_area .option_cnt_box {margin-top:15px;}
.prd_cnt_box .option_cnt_box {margin:7px 0 15px; display:block; max-width:121px; border:1px solid #ddd; overflow:hidden; border-radius:5px;}
.prd_cnt_box .tit_area .option_cnt_box .btnCalc {float:left; width:29px; height:28px; text-indent:9999px; background:#f5f5f5;}
.prd_cnt_box .tit_area .option_cnt_box input[type=text] {float:left; font-weight:700; width:60px; height:28px; padding:0 10px; border:0; text-align:center;}
.prd_cnt_box .tit_area .option_cnt_box input[type=text]:disabled {background:#f5f5f5;}
.prd_cnt_box .tit_area .option_cnt_box input[type=number] {float:left; font-weight:700; width:60px; height:28px; padding:0 10px; border:0; text-align:center;}
.prd_cnt_box .tit_area .option_cnt_box input[type=number]:disabled {background:#f5f5f5;}
.prd_cnt_box .tit_area .option_cnt_box .btnCalc.minus {border-right:1px solid #ddd; background:url(../images/common/icon_calculator_minus.png) center center/10px auto no-repeat #f5f5f5;}
.prd_cnt_box .tit_area .option_cnt_box .btnCalc.plus {border-left:1px solid #ddd; background:url(../images/common/icon_calculator_plus.png) center center/10px auto no-repeat #f5f5f5;}
.prd_cnt_box .tit_area .cont_area {position: absolute; top:47px; right:0; max-width:50%;}
.prd_cnt_box .tit_area .cont_area .option_price{float: right;}
.prd_cnt_box .tit_area .cont_area .option_price .won {font-size:17px; font-weight:600; line-height:26px; text-align: ;}
.prd_cnt_box .tit_area .cont_area .option_price .won>em {vertical-align:1px; font-size:15px; line-height:20px; letter-spacing:-.3px; font-weight:400;}
.prd_cnt_box .tit_area .cont_area .option_pv{ text-align:right; margin-right:1px; letter-spacing:-.2px;}
.prd_cnt_box .tit_area .cont_area .option_pv>em {vertical-align:1px; font-size:15px; letter-spacing:-.3px; font-weight:400;}
.total_price_area {overflow:hidden; margin:10px 0 0; padding:15px 3px 0; font-size:16px; border-bottom:1px solid #eee;}
.total_price_area::after{content:""; display:block; clear:both;}
.total_price_area .total_price {display:table; width:100%;}
.total_price_area .total_price .price_num {display:table-cell;}
.total_price_area .total_price .price_num strong {color:#EE3929; font-weight:700;}
.total_price_area .total_price .price {display:table-cell; text-align:right; color:#EE3929;}
.total_price_area .total_price .price em {margin-right:8px;}
.total_price_area .total_price .price strong {font-size:20px; font-weight:700; margin-right:1px; vertical-align:-2px; letter-spacing:-.5px;}
.prod_detail_box .btn_area {display:block; margin-top:15px; padding-bottom:12px; display:flex; justify-content:space-between;}
.prod_detail_box .btn_area .btn_prime:first-of-type {margin-left:0px;}
.total_price_area .total_detail {padding-top:8px; display:flex; align-items:baseline; justify-content:space-between;}
.total_price_area .total_detail:last-child {padding-bottom:10px;}

.product_contents {position:relative;}
.product_detail_tab {width:100%; display:flex;}
.product_detail_tab .tab {display:block; position:relative; flex:1 1 0px; width:100%; height:52px; font-size:16px; color:#1e1e20; font-weight:500; line-height:52px; border-bottom:1px solid #eee;}
.product_detail_tab .tab::before {content:""; display:none; position:absolute; left:0px; bottom:0px; width:100%; height:3px; background:#49A6AA;}
.product_detail_tab .tab.on {color:#49A6AA; font-weight:700;}
.product_detail_tab .tab.on::before {display:block;}
.product_detai_area {position:relative; padding:16px 0;}
.pinch_zoom {position:relative; margin-top:20px; padding:11px 0; border:1px solid #eee; text-align:center;}
.pinch_zoom figure {display:inline-block; width:30px; height:30px; margin-right:8px; vertical-align:middle; background:url(../images/common/icon_pinch_zoom.svg) no-repeat 50%/cover;}
.pinch_zoom p {display:inline-block; margin:0 auto; font-size:15px; padding-top:7px;}
.pinch_zoom p>em {font-weight:700; color:#49A6AA;}
.product_detai_area .seller_html {overflow:hidden; position:relative; margin-top:25px; padding-bottom:50px; padding-top:0; text-align:center; min-height:100px;}
.product_detai_area .seller_html .img_area {max-height:1000px; overflow:hidden; min-height: 200px;}
.product_detai_area .seller_html .img_area img{ height: auto; }
.btn_detail_more {position:absolute; z-index:1; bottom:0; left:0; right:0; padding:24px 36px 36px 36px; background-color:#fff; border-bottom:1px solid #eee;}
.btn_detail_more .button_detail_more {display:block; width:235px; height:50px; margin:0 auto; background-color:#fff; border-radius:25px; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.2); border:solid 1px #49A6AA; color:#49A6AA; font-size:16px; line-height:50px;}
.btn_detail_more .button_detail_more:before {content:""; position:absolute; top:-40px; right:0; width:100%; height:40px; background:linear-gradient(0deg, rgba(255,255,255,1), rgba(255,255,255,0));}
.btn_detail_more .button_detail_more:after {content:''; display:inline-block; vertical-align:middle; width:20px; height:20px; margin:-4px 0 0 5px; background:url(../images/common/icon_down_cyan.svg) no-repeat center center; background-size:20px auto;}
.btn_detail_more .button_detail_more.on:after {background:url(../images/common/icon_up_cyan.svg) no-repeat center center; background-size:20px auto;}
.prod_notice_info {margin-top:30px;}
.prod_notice_info .sub_title {margin-bottom:6px;}
.prod_notice_info .sub_title h3 {display:block; font-size:16px; line-height:24px;}
.prod_notice_info .additional{margin-top:10px; font-size:13px; color:rgba(30, 30, 32, 0.7); line-height:1.4; letter-spacing:-.3px;}
.product_notice_list {position:relative;}
.prod_detail_table {table-layout:fixed; width:100%; text-align:left; margin-top:10px; padding-bottom:10px;}
.prod_detail_table.type1 {border-bottom:1px solid #eee;}
.prod_detail_table {width:100%; padding-top:10px; border-top:1px solid #eee; border-collapse:separate; font-size:14px;}
.prod_detail_table caption {overflow:hidden; position:relative; width:0; height:1px;}
.prod_detail_table th {padding:5px 0 5px 15px; font-size:14px; line-height:20px; text-align:left;}
.prod_detail_table td {color:#666; padding:5px 0 5px 15px; line-height:20px;}
.prod_detail_table td p {margin-top:8px;}
.tableContents td p {margin-top:8px;}
.tableContents td p:first-child {margin-top:0;}
.prod_detail_table .list-item-hide {display:none;}
.more_prodBtn {position: relative;height:22px; padding:0 4px 0 15px; font-size:14px; line-height:1.57; letter-spacing:-.3px;} 
.more_prodBtn::after {content: ""; width:14px; height:14px; position:absolute; top:3px; background:url(../images/common/icon_next_1.png) no-repeat 50%; background-size:13px;}

.prod_notice_more {padding:12px 0 12px 0;}
.prod_notice_info .additional{margin-top:10px; font-size:13px; color:rgba(50, 50, 50, 0.7); line-height:1.4; letter-spacing:-.3px;}
.prod_notice_more {padding:12px 0 12px 15px; border-top:1px solid #ececec; border-bottom:1px solid #b1b5b9; font-size:14px; line-height:20px;}
.prod_notice_more .button_detail_more {background:none; color:#49A6AA; font-size:14px; letter-spacing:-0.5px;}
.prod_notice_more .button_detail_more:after {content:''; display:inline-block; width:20px; height:20px; margin:-2px 0 0 8px; vertical-align:middle; background:url(../images/common/icon_down_cyan.svg) no-repeat center center; background-size:20px auto;}
.prod_notice_more .button_detail_more.on:after {background:url(../images/common/icon_up_cyan.svg) no-repeat center center; background-size:20px auto;}

.product_item_wrap {overflow:hidden;}
.product_item_list {margin:0 -8px -20px; width:calc(100% + 16px);}
.product_item_list::after{content:""; display:block; clear:both;}
.product_item_list>li {float:left; width:50%; padding:0 8px; box-sizing:border-box; margin-bottom:20px; vertical-align:top;}
.product_item_list>li a {display: block;}
.product_item_list .img_box {position:relative; overflow:hidden; display:block; height:100%; border-radius:3px; height:calc((100vw - 30px - 9px)/2);}
.product_item_list .img_box .complete_cover {position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; content: "";}
.product_item_list .img_box img {width:100%; height:100%; object-fit:cover;}
.product_item_list .img_box .btn__cart {position:absolute; right:8px; bottom:8px; width:30px; height:30px; padding:0; border-radius:50%; background:rgba(30, 30,32, .4);}
.product_item_list .img_box .btn__cart .icon {display: inline-block; vertical-align:middle; width:16px; height:16px; background:url(../images/common/icon_header_cart_white.svg) no-repeat 50% 50%; background-size:16px auto; border:none;}
.product_item_list .info_area, .product_item_sigle_list .info_area{padding-top:14px;}
.product_item_sigle_list {display:block; overflow:hidden; margin:0 16px 6px; text-overflow:ellipsis; white-space:nowrap;}
.product_item_sigle_list li:first-child{padding-top:0;} 
.product_item_sigle_list li {position:relative; width:100%; border-bottom:1px solid #eee;}
.product_item_sigle_list .img_box {position:relative; overflow:hidden; display:block; height:100%; border-radius:3px; height:calc((100vw - -287px - 2px)/2);}
.product_item_sigle_list .img_box img {width:100%; height:100%; object-fit:cover;}
.product_addition { margin-top:10px; display:flex; align-items:center; width:100%; padding:10px 2px 12px; justify-content:space-between; border-top:1px solid #eee;}
.product_addition strong { font-weight:700; letter-spacing:-.5px;}
.product_addition strong .currency {margin-left:-2px; font-size:14px; font-weight:500; vertical-align:top;}
.product_addition .sub__text{display:inline-block;font-size:15px; font-weight:400; color:#4185ed; letter-spacing:-.2px;}
.product_addition .text__unit{margin-left:-2px; font-size:14px; font-weight:400; vertical-align:top;}
.product_item_sigle_list .img_box .btn__cart {position:absolute; right:8px; bottom:8px; width:30px; height:30px; padding:0; border-radius:50%; background:rgba(30, 30,32, .4);}
.product_item_sigle_list .img_box .btn__cart .icon {display: inline-block; vertical-align: middle; width:16px; height:16px; background:url(../images/common/icon_header_cart_white.svg) no-repeat 50% 50%; background-size:16px auto; border:none;}
.price_item{display:block; margin-top:8px; font-size:17px; line-height:20px;}
.price_item .final {display:inline-block; font-weight:700; letter-spacing:-.5px;}
.price_item .currency {margin-left:-2px; font-size:14px; font-weight:500; vertical-align:top;}
.title_item {display:block; margin-right: 10px;; font-size:15px; font-weight:400; line-height:1.48; letter-spacing:normal; color:#1e1e20; word-break:keep-all; text-overflow:ellipsis;  overflow:hidden; white-space: nowrap; min-height:45px;}
.brand_name {padding-bottom:3px; font-size:14px; font-weight:600; line-height:1.48; letter-spacing:normal; color:rgba(30, 30, 32, .65); word-break:break-all;}
.packge_name {font-size:17px; font-weight:700; letter-spacing:-.5px;}
.packge_text strong {display:block; font-size:15px; font-weight:600; margin:10px 0 2px;}
.packge_text {font-size:14px; font-weight:400; line-height:1.35; letter-spacing:normal; color:#1e1e20; word-break:break-all;}
.sub_title_item {display: block;margin-top:5px; font-size:15px; font-weight:400; color:#4185ed; letter-spacing:-.2px; min-height: 45px; }
.sub_title_item_type1 {display:block;margin-top:2px; font-size:15px; color:#1e1e20; font-weight:400; letter-spacing:-.2px;}
.sub_title_item .text_unit{margin-left:-2px; font-size:14px; font-weight:400; vertical-align:top;}
.sub_text {margin-top:1px; color:#a5a5a6; font-size:13px; font-weight:400; letter-spacing:0; display: block;}

.agree_area {position:relative; margin:15px 3px;}
.agree_area .agree_box {padding:20px 0 14px; font-size:15px;}
.agree_area button {position:absolute; top:20px; left:322px; display:block;}
.agree_area .dropdown {content:''; position:absolute; padding:5px; width:20px; height:20px; background:url(../images/common/icon_down_gray.svg) no-repeat; background-size:20px;}
.agree_area .dropdown.open {transform:rotate(180deg);}
.agree_area .agree_content {padding-bottom:14px;}
.agree_area .agree_content .title {font-size:15px; font-weight:600;}
.agree_area .agree_content .title strong {color:#49A6AA; font-weight:500; margin-left:3px;}
.agree_area .agree_content .agree_info {margin-top:12px;}
.agree_area .agree_content .agree_info li {position:relative; font-size:13px; color:rgba(30, 30, 32, 0.6); line-height:21px;}
.agree_area .agree_content .agree_info li {padding:0}
.agree_area .agree_content .agree_info li li~li {margin-top:7px;}

.cart_option_area {position:relative; height:48px;}
.cart_option_area .cart_option_box {margin:0; padding:0 8px 5px 3px;}
.cart_option_area .cart_option_box .sort {float:left; line-height:28px; font-size:14px;}
.cart_option_area .cart_option_box .btn__area {float:right;}
.cart_option_area .cart_option_box .btn__area .button_delete {position:absolute; top:0; right:0; margin-left:8px; padding:7px 8px; font-family: "Pretendard Variable", Pretendard, 'Noto Sans KR'; color:#1e1e20; font-size:12px; font-weight:600; line-height:16px; border:1px solid #D9D9D9; border-radius:3px; background #fff;}

.price_area {position:relative; display:flex; min-width:0; margin-top:10px; line-height:18px; letter-spacing:-0.5px;}
.price_area:first-child{margin-top:0;}
.price_area.top_line{border-top:1px solid #eee; padding-top:15px;}
.price_area.top_line.type1{padding:16px 0; border-bottom:1px solid #eee;}
.price_area .title {padding-left:2px; font-size:15px; color:#1e1e20;}
.price_area strong{font-size:16px; font-weight:700;}
.price_area em {font-size:15px; color:#1e1e20; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; padding-left:10px; letter-spacing:-0.5px; text-align:right;}

.state_area {position:relative; display:flex; min-width:0; margin-top:10px; padding:16px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; line-height:18px; letter-spacing: -0.5px;}
.state_area .title {padding-left:2px; font-size:15px; color:#1e1e20;}
.state_area strong{font-size:16px; font-weight:700;}
.state_area em {font-size:15px; color:#1e1e20; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; padding-left:10px; letter-spacing:-0.5px; text-align:right;}
.state_area .state {font-weight:700; color:#4185ed;}

.date_area {position:relative; display:flex; min-width:0; padding:16px 0; border-bottom:1px solid #eee; line-height:18px; letter-spacing:-0.5px;}
.date_area .title {padding-left:2px; font-size:15px; color:#1e1e20;}
.date_area em {font-size:15px; color:#1e1e20; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; padding-left:10px; letter-spacing:-0.5px; text-align:right;}
.date_area .red_text {font-weight:700; color:#EE3929;}

.search_area{padding:10px 0 15px; text-align:center;}
.search_area .big_text {font-size:20px; font-weight:600;}
.search_area .big_text strong{color:#49A6AA;}

.order_confirm_area{padding:15px 16px; text-align:center; background:#f7f7f7;} 
.order_confirm_area .date {font-size:16px; font-weight:700; color:#1e1e20; line-height:23px;}
.order_confirm_area .order_number {font-size:14px; color:rgba(30, 30, 32, 0.6);line-height:22px;}

.number_controller {position:relative; display:inline-block; border:1px solid #ddd; background-color:#ffffff; border-radius:3px; height:28px; vertical-align:top;}
.number_controller .btnCalc {float:left; width:29px; height:26px; text-indent:-9999px; background:#f5f5f5;}
.number_controller input[type=text] {float:left; font-weight:600; width:55px; height:26px; font-size:15px; padding:0 10px; border:0; text-align:center;}
.number_controller .btnCalc.minus {border-right:1px solid #ddd; background:url(../images/common/icon_calculator_minus.png) center center/10px auto no-repeat #f5f5f5;}
.number_controller .btnCalc.plus {border-left:1px solid #ddd; background:url(../images/common/icon_calculator_plus.png) center center/10px auto no-repeat #f5f5f5;}


.inquiry_area {margin-top:25px;}
.inquiry_list {position:relative;}
.inquiry_list li{position:relative; padding:15px 0;}
.inquiry_list li .title {font-size:16px; font-weight:600; padding-bottom:5px;}
.inquiry_list input[type=text] {width:100%; height:45px; padding:0 0 0 3px;  background:#fff; border:0; border-bottom:1px solid #e0e0e0; outline:none; transition:all 200ms ease;}
.inquiry_list li .t1 {font-size:16px; color:#49A6AA; font-weight:600; padding-bottom:6px;}
.inquiry_list li .t2 {font-size:16px; font-weight:600; padding-bottom:3px;}
.inquiry_list li .text {line-height:1.5; padding:6px 0 10px 0; color:rgba(50, 50, 50, 0.8);}
.inquiry_list li .date {padding-top:15px; font-size:14px; color:rgba(50, 50, 50, 0.6); font-weight:500;}
.inquiry_list li .btn_area {position:absolute; right:0; bottom:11px;}
.inquiry_list li .btn_area button {padding: 5px 12px 6px; color:#fff; border-radius:5px; font-size:14px; line-height:16px; text-align:center; background:#c0c0c5;}
.inquiry_list li .mes {font-size:16px; font-weight: normal; padding-bottom:10px;}
.inquiry_list li.p_line {border-top:1px solid #49A6AA; background:#f8f8f8; padding-left:10px;}

.new_address {margin:15px 15px 30px;}
.new_add_area {margin:15px 15px 10px;}
.new_add_area.type1{margin:30px 15px 0;}
.new_add_area .title {font-size:15px; font-weight:600; color:#1e1e20; padding:5px 0 7px;}
.address_input {display:block; margin:0 15px;}
.address_input .gap {margin-top:7px;}
.zipcode_wrap {position:relative; display:block; margin:20px 15px 7px; padding-right:107px;}
.zipcode_wrap .title {font-size:15px; font-weight:600; color:#1e1e20; padding-bottom:7px;}
.zipcode_wrap .btn_zip_search {position:absolute; top:27px; right:0; width:100px; height:45px; line-height:22px; border:1px solid #49A6AA; font-size:15px; color:#49A6AA; font-weight:600; text-align:center; background:#fff; border-radius:3px;}
.new_add_area .extra_info {padding:7px 0 10px 5px; font-size:12px; line-height:17px; color:rgba(30,30,32,0.7);}
.address_input {display:block; margin:0 15px;}
.address_list {position:relative; margin:20px 16px; padding-bottom:15px; border-bottom:1px solid #eee;}
.address_list:after {display:block; clear:both; content:'';}
.address_list:last-child {margin-bottom:80px;}
.address_list .btn_set { position:absolute; top:0px; right:0;}
.address_list .btn_set button:nth-child(2) {position:relative; padding-left:8px; margin-left:6px;}
.address_list .btn_set button:nth-child(2):before {position:absolute; top:2px; left:0; width:1px; height:12px; background:#d8d8d8; content:''}
.address_list .btn_set button {display:inline-block; color:rgba(50, 50, 50, 0.75); font-size:14px; font-family:"Pretendard Variable", Pretendard,'Noto Sans KR'; }
.address_list .btnArea {margin-top:10px; text-align:right;}
.address_list .btn_select_add {padding:7px 15px; font-family:"Pretendard Variable", Pretendard,'Noto Sans KR'; color:#49A6AA; font-size:12px; font-weight:600; line-height:16px; border:1px solid #49A6AA; border-radius:3px; background:#fff;}
.delivery__info{position:relative; margin-top:15px;}
.delivery_info .delivery_place .default {margin-left:12px; font-size:15px; color:rgba(50,50,50,0.7);}
.delivery_info .delivery_address {padding-top:8px; line-height:22px;}
.delivery_info .delivery_number {padding-top:4px; color:rgba(50,50,50,0.8);}
.delivery_info .delivery_memo {padding-top:8px;}
.delivery_info .extra_info {clear:both; position:relative; padding:7px 0 0 5px; font-size:12px; line-height:17px; color:rgba(30,30,32,0.6);}

/* POPUP */
.modal_backdrop {position:fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:100; opacity:.7; filter:alpha(opacity=70);}
.layer {width:100%; height:100vh; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; position:fixed; top:0; left:0; right:0; z-index:3000; display:none;}
.layer.active {display:-ms-flexbox; display:flex;}
.layerContents {width:100%; height:100%; max-width:100%; max-height:100%; overflow-x:auto; background-color:#fff;}
.layerBox {position:relative; border-radius:5px; background-color:#fff;}
.layerContents::-webkit-scrollbar{width:8px; height:5px; border-radius:60px;}
.layerContents::-webkit-scrollbar-track{background-color:#f7f7f7; border-radius:60px;}
.layerContents::-webkit-scrollbar-thumb{background:#cccccc; border-radius:60px;}
.layerContents::-webkit-scrollbar-thumb:hover{background:#cccccc;}
.layerContents::-webkit-scrollbar-thumb:active{background:#cccccc;}
.layerContents::-webkit-scrollbar-button {display: none;}
.layerContents::-webkit-scrollbar {display:none;}/* 스크롤 안 보이기 */
.layerBox h2 {position:relative; padding:0 20px; font-size:16px; line-height:47px; text-align:left; border-bottom:1px solid #eee;}
.layerBox .btnClose {position:absolute; top:0; right:0; display:block; width:47px; height:47px; background:url(../images/common/icon_header_close_black.svg) no-repeat center center; background-size:22px auto;}
.layerBox .contents {overflow-y:auto; margin-bottom:100px;}
.layerBox .section_option {margin:0 15px 12px; border-bottom:1px solid #e9ecef;}
.layerBox .section_option .title {font-size:15px; color:#1e1e20; font-weight:600; line-height:18px;}
.layerBox .section_option .select-lay {position:relative; padding-top:10px;}
.layerBox .section_option .select-lay li:not(:first-child) {border-top:1px solid #eee;}
.layerBox .section_option .select-lay .btn_option {position:relative; width:100%; padding:0 30px 0 9px; font-size:14px; line-height:40px; border:1px solid #eee; border-radius:3px; color:#1e1e20; text-align:left;}
.layerBox .section_option .select-lay .btn_option:after {content:""; position:absolute; right:10px; top:11px; width:18px; height:18px; background:url(../images/common/icon_down.svg); background-size:18px auto; background-position:0 0;}
.layerBox .section_option .select-lay .btn_option.open{border-bottom-left-radius:0; border-bottom-right-radius:0; color: #49A6AA; border-color:#49A6AA;}
.layerBox .section_option .select-lay .btn_option.open:after{content: ""; position:absolute; right:10px; top:11px; width:18px; height:18px; background:url(../images/common/icon_up_cyan.svg); background-size:18px auto; background-position:0 0;}
.layerBox .section_option .input_lay {position:relative; padding-top:10px;}
.layerBox .section_option .input_lay .title {padding:10px 0 5px; font-size:15px; color:#1e1e20; font-weight:600; line-height:18px;}
.layerBox .section_option .option_list {margin-top:-1px; overflow-y:auto; max-height:210px; padding:0; background:#fff; border:1px solid #eee; border-radius: 0 0 2px 2px; z-index:10;}
.layerBox .section_option .option_list span {padding-left:8px;}
.layerBox .section_option .option_list .btn_cho_option{width:100%; padding:0 0; font-size:14px; line-height:40px; color:#1e1e20; text-align:left;}
.layerBox .section_option .option_list .btn_cho_option:hover {background: rgba(50, 50, 50, 0.04);}
.layerBox .contents .product__item {margin:10px 15px 12px; padding-bottom:12px; background-color:transparent; border-bottom:1px solid #eee;}
.layerBox .contents .product__item .title {padding:5px 0 6px; font-size:15px; font-weight:600; line-height:18px;}
.layerBox .contents .product__item .title.type1{padding:5px 0 0;}
.layerBox .contents .product__item .title.type2{padding:5px 0 8px; border-bottom:2px solid #1e1e20;}
.layerBox .contents .product__item .btn_add_area {padding:5px 0 3px; text-align:right;}
.layerBox .contents .product__item .btn_add_area .button_add_change {padding:6px 8px; color:#1e1e20; font-size:12px; font-weight:600; line-height:16px; border:1px solid #D9D9D9; border-radius:3px; background:#fff;}
.layerBox .contents .product__item .desc_text {padding:2px 0 10px; font-size:13px; color:rgba(50, 50, 50, 0.7); line-height:18px;}
.layerBox .contents .product__item .option_info {display:flex; min-width:0;}
.layerBox .contents .product__item .option_info .name {flex-grow:1; font-size:14px; line-height:24px; color:#323232;}
.layerBox .contents .product__item .number_price {display:flex; min-width:0; margin-top:4px; align-items:end;}
.layerBox .contents .product__item .number_price .number_controller {position:relative; display:inline-block; border:1px solid #ddd; background-color:#ffffff; border-radius:3px; height:30px; vertical-align:top;}
.layerBox .contents .product__item .number_price .price {flex-grow:1; text-align:right; font-size:14px; line-height:18px;}
.layerBox .contents .product__item .number_price .number_controller .btnCalc {float:left; width:29px; height:28px; text-indent:-9999px; background: #f5f5f5;}
.layerBox .contents .product__item .number_price .number_controller input[type=text] {float:left; font-weight:700; width:60px; height:28px; padding:0 10px;border:0;text-align:center; }
.layerBox .contents .product__item .number_price .number_controller .btnCalc.minus {border-right:1px solid #ddd; background:url(../images/common/icon_calculator_minus.png) center center/10px auto no-repeat #f5f5f5;}
.layerBox .contents .product__item .number_price .number_controller .btnCalc.plus {border-left:1px solid #ddd; background:url(../images/common/icon_calculator_plus.png) center center/10px auto no-repeat #f5f5f5;}
.layerBox .contents .price_info{ margin:0 15px; padding-bottom:12px; background-color:transparent; border-bottom:1px solid #eee;}
.layerBox .contents .price_info .s_title {padding:5px 0 6px; font-size:15px; font-weight:600; line-height:18px;}
.layerBox .contents .info_text_area {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; min-width:0; margin-top:10px; line-height:18px; letter-spacing:-0.5px;}
.layerBox .contents .info_text_area .title {padding-left:2px; font-size:15px; }
.layerBox .contents .info_text_area em {font-size:15px; font-weight:bold; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; padding-left: 10px; line-height:18px; letter-spacing:-0.5px; text-align: right;}
.layerBox .bottom_area{padding:11px 0 12px; margin:0 20px;}
.layerBox .bottom_area .btn_area {display:flex; min-width:0; margin:8px -2px;}
.layerBox .bottom_area .btn_area button {flex-grow:1; margin:0 2px; font-size:15px; font-weight:600; line-height:45px; border-radius:3px;}
.layerBox .bottom_area .btn_area .btn_cancel{border:1px solid #49A6AA; color:#49A6AA;}
.layerBox .bottom_area .btn_area .btn_confirm{border:1px solid #49A6AA; background-color:#49A6AA; color:#ffffff;}


/* ALERT */
.Dialog.active {display:-ms-flexbox; display:flex;}
.Dialog {width:100%; height:100vh; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; position:fixed; top:0; left:0; right:0; z-index:3000; display:none;}
.DialogContents {width:90%; max-width:360px;}
.DialogBox {position:relative; padding-bottom:24px; background-color:#fff; border-radius:3px;}
.DialogMessage {font-size:15px; line-height:25px; text-align:center; padding-top:30px; margin-bottom:30px; padding-left:20px; padding-right:20px; color:#323232;}
.DialogButtonBox {display:-ms-flexbox; display:flex; margin-top:16px; padding-left:24px; padding-right:24px;}
.DialogButtonBox button span {font-weight:600;}
.DialogButtonBox button {width:100%; height:45px; line-height:45px; font-size:15px; margin:0 5px; display:inline-block; vertical-align: middle; border:1px solid #49A6AA; border-radius:3px; color:#49A6AA; cursor:pointer;}
.DialogButtonBox button.prime {background:#49A6AA; color:#fff;}