@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(font/NotoSansKR-Thin.woff2) format('woff2'),url(font/NotoSansKR-Thin.woff) format('woff');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(font/NotoSansKR-Light.woff2) format('woff2'),url(font/NotoSansKR-Light.woff) format('woff');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(font/NotoSansKR-Regular.woff2) format('woff2'),url(font/NotoSansKR-Regular.woff) format('woff');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(font/NotoSansKR-Medium.woff2) format('woff2'),url(font/NotoSansKR-Medium.woff) format('woff');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(font/NotoSansKR-Bold.woff2) format('woff2'),url(font/NotoSansKR-Bold.woff) format('woff');}
@font-face {font-family: 'Times New Roman'; src:local('Times New Roman'); unicode-range:U+26;}

/* font */
/* @font-face {font-family:'notokr-bold';src:url('./font/notokr-bold.eot');src:url('./font/notokr-bold.eot?#iefix') format('embedded-opentype'),url('./font/notokr-bold.woff2') format('woff2'),url('./font/notokr-bold.woff') format('woff'),url('./font/notokr-bold.ttf') format('truetype'),url('./font/notokr-bold.svg#notokr-bold') format('svg');font-weight:400;font-style:normal}
@font-face {font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;src:url('./font/NotoSansKR-Medium.eot');src:url('./font/NotoSansKR-Medium.woff2') format('woff2'),url('./font/NotoSansKR-Medium.woff') format('woff'),url('./font/NotoSansKR-Medium.otf') format('opentype'),url('./font/NotoSansKR-Medium.ttf') format('truetype'),url('./font/NotoSansKR-Medium.svg#NotoSansKR-Medium') format('svg');font-style:normal;font-weight:400}
@font-face{font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;src:url('./font/NotoSansKR-Regular.eot');src:url('./font/NotoSansKR-Regular.woff2') format('woff2'),url('./font/NotoSansKR-Regular.woff') format('woff'),url('./font/NotoSansKR-Regular.otf') format('opentype'),url('./font/NotoSansKR-Regular.ttf') format('truetype'),url('./font/NotoSansKR-Regular.svg#NotoSansKR-Regular') format('svg');font-style:normal;font-weight:400} */

/* common */
html.onepage {position:fixed !important;top:0 !important;bottom:0 !important;overflow:hidden !important;width:100% !important;height:auto !important;}
body.move {position:fixed;width:100%;height:100%;}
html, body {margin:0;padding:0;width:100%;height:100%;-webkit-text-size-adjust:none;-ms-touch-action: manipulation;touch-action: manipulation;}
/* body {color:#1b1e23;font-family:'Noto Sans KR',-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-size:13px;letter-spacing:-.05em}*/
body {color:#1b1e23;font-family:'Noto Sans KR', -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-size:13px;letter-spacing:-.05em;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal}
p, ul, ol, li, dl, dt, dd {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0}
em {font-style:normal}
a {text-decoration:none;color:#666;-webkit-tap-highlight-color: transparent;}
a:hover, a:active {text-decoration:none;color:#666}
table {width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
table th {font-weight:normal}
* html table {border-collapse:collapse}
*+html table {border-collapse:collapse}
img {border:none}
input[type='button'], button {margin:0;padding:0;-webkit-tap-highlight-color: transparent;cursor:pointer;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;background-color:transparent;border:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
button:active {text-indent:0}
p {word-break:break-all}
strong {font-weight:normal;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;}
input[type='text']::-ms-clear {display:none !important}
input[type='search']::-webkit-search-cancel-button {display:none !important}
input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='number'],
input[type='search'] {height:34px;padding:0 7px 1px 7px;border:1px solid #dde0e5;font-size:13px;border-radius:0 !important;-webkit-appearance:none !important;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;box-sizing:border-box;line-height:32px;color:#1b1e23;letter-spacing:-.05em}
input[type='file'] {line-height:1;padding:0 7px;border:1px solid #ddd;font-size:13px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;cursor:pointer;box-sizing:border-box}
input[type='text'].error {border-color:#ff0000}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
.input_big input[type='text'],
.input_big input[type='password'],
.input_big input[type='email'],
.input_big input[type='tel'] {height:60px;padding:0 20px;line-height:58px;font-size:16px}
input.masking{ -webkit-text-security: disc};
select {font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-size:13px;border:1px solid #ddd;height:34px;line-height:32px;padding:0 7px;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color:#ccd1d8;letter-spacing:-.09em;}
input:-moz-placeholder,
textarea:-moz-placeholder {color:#ccd1d8;opacity:1;letter-spacing:-.09em;}
input::-moz-placeholder,
textarea::-moz-placeholder {color:#ccd1d8;opacity:1;letter-spacing:-.09em;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {line-height:18px;letter-spacing:-0.09em}
textarea::-webkit-input-placeholder {line-height:18px;letter-spacing:-0.05em}
textarea:-moz-placeholder {line-height:18px;letter-spacing:-0.05em}
textarea:-ms-input-placeholder {line-height:18px;letter-spacing:-0.05em}
input[type='checkbox'],
input[type='radio'] {margin:0;padding:0;position:relative;top:2px}
input[type='checkbox']:disabled + label,
input[type='radio']:disabled + label {color:#abb2be !important}
input[type='checkbox']:disabled + label em,
input[type='radio']:disabled + label em {color:#abb2be !important}
input:disabled, input:readonly {background:#e5e5e5}
input[readonly='readonly'], input[readonly],
input[disabled='disabled'], input[disabled] {border-color:#dde0e5;background-color:#f9fafb;color:#788497 !important;opacity:1 !important}
input.datepicker[disabled='disabled'], input.datepicker[disabled],
input.datepicker[readonly='readonly'], input.datepicker[readonly],
input.datepicker[disabled='disabled']::-webkit-input-placeholder,
input.datepicker[disabled]::-webkit-input-placeholder {background-color:#fff !important;color:#1b1e23 !important;opacity:1 !important}
select[disabled] {background:#e5e5e5;color:#bababa;opacity:1;}
textarea {width:100%;box-sizing:border-box;padding:10px;resize:none;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-size:inherit;border:1px solid #d9d9d9;border-radius:0;-webkit-border-radius:0;appearance:none;-webkit-appearance:none}
legend {font-size:0;text-indent:-99999em;line-height:0}
header, section, footer, article, nav, aside {display:block}
img {width:100%;vertical-align:top}
::-webkit-scrollbar {display:none}
/*2024-07-12 입력창 비밀번호 보기 아이콘 제거(ie) */
input::-ms-reveal{display:none !important}

/*2018-10-19 달력 readonly dim 제거*/
.datepicker_box input.hasDatepicker[readonly='readonly'],.datepicker_box input.hasDatepicker[readonly] {background-color:#fff !important; color:#1b1e23 !important;}

/* ETC */
*, *:before, *:after {box-sizing:border-box}
.tover {display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:95%}
caption, .hide {height:0;width:0;overflow:hidden;font-size:0;line-height:0;text-indent:-99999em}
.flex_box {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.clearFix:after {display:table;clear:both;content:""}
.block {display:block}
.pay_data {color:inherit !important}
.bor_top1 {border-top:1px solid #eef0f2;}
.border_bottom_none {border-bottom:none !important;}

/* margin */
.mgt_no {margin-top:0 !important}
.mgtxs {margin-top:10px}
.mgts {margin-top:20px !important}
.mgtsl {margin-top:25px !important}
.mgtm {margin-top:30px}
.mgt40 {margin-top:40px !important}
.mgb30 {margin-bottom:30px !important}
.mgb40 {margin-bottom:40px !important}
.mgb_no {margin-bottom:0 !important}
.mg_no {margin:0 !important}
.mgt_m20 {margin-top:-20px !important}
.mgl5 {margin-left:5px  !important}
.mgl20 {margin-left:20px  !important}

/* padding */
.pdt01 {padding-top:25px !important}
.pdt02 {padding-top:5px !important}
.pdt03 {padding-top:10px !important}
.pdt04 {padding-top:20px !important}
.pdt15 {padding-top:15px !important}
.pdt28 {padding-top:28px !important}
.pdt60 {padding-top:60px !important}
.pdt_no {padding-top:0 !important}
.pdb_no {padding-bottom:0 !important}
.pdb15 {padding-bottom:15px !important}
.pdb20 {padding-bottom:20px !important}
.pdb40 {padding-bottom:40px !important}

/* align */
.tc {text-align:center !important}
.tl {text-align:left !important}
.tr {text-align:right !important}
.ver_t {vertical-align: top !important;}
.ver_m {vertical-align: middle !important;}
.ver_b {vertical-align: bottom !important;}

/* font */
.extxt12 {line-height:18px;font-size:12px;color:#5c6677;}

/* Point Color */
.point_col01 {color:#ea2829 !important}/*2022-05-04 추가*/
.point_col02 {color:#ea2829 !important}/*2022-05-04 추가*/
.point_col03 {color:#000 !important}/*2022-05-04 추가*/
.txt_exp {padding-left: 4px; font-size: 11px; color: #ABB2BE; word-break:keep-all;}
.txt_exp2 {font-size: 11px; color: #ABB2BE; word-break:keep-all;}
.f_size01_xs {font-size:14px;line-height:17px}
.f_size02 {font-size:16px;}
.txt_ps {margin-top:8px;line-height:18px;font-size:12px;color:#abb0be}
.txt_ps2 {margin-top:8px;line-height:20px;font-size:13px;color:#abb0be}
.txt_cnt16 {padding:20px 0;text-align:center;line-height:24px;font-size:16px;font-weight:700;color:#1b1e23;}

/* ico */
.ico_com, .ico_coma, .ico_comb {font-size:0;line-height:0}
.ico_com, .ico_comb::before, .ico_coma::after, .btn_fullMenu:before,
.sel:after, .checkbox label:after, .ui-datepicker .ui-datepicker-title:after,
.cp_area .cp_box .cp:before, .cp_area .cp_box .cp:after, .cp_area .cp_box ~ .cp_box:before, .iframe_close:before,
.ui-datepicker .ui-datepicker-title:before, .share_popup .layer_close {content:"";display:inline-block;background:url('../../images/API_M_KO/common/ico_common.png?ver=1') no-repeat;background-size:auto 750px}
.ico_level {font-size:0;line-height:0;display:inline-block;background:url('../../images/API_M_KO/common/ico_level.png') no-repeat;background-size:auto 500px}

/* 2020-04-01 모바일 메인화면 상단영역 개선 */
.ic_logo_h {width:78px;height:21px;background-size: auto 560px;vertical-align: middle;}

.ic_logo_v {width:47px;height:48px;background-position:-440px -560px}
.ic_user {width:22px;height:20px;background-position-x:-110px}
.ic_cart {width:19px;height:23px;background-position-x:-150px}
.i_qprd:before {width:21px;height:23px;background-position:-190px -150px} /* 고객님을 위한 똑똑한 제안 */
.ico_com[class*='prd_'] {width:43px;height:43px}
.prd_cart {background-position:-90px -250px}
.prd_reorder {background-position:-140px -250px}
.prd_favorite {background-position:-190px -250px}
.prd_favorite.active {background-position:-290px -250px}
.cart_favorite {width:43px;height:43px;background-position:-190px -250px} /* 장바구니 관심상품 */
.cart_favorite.active {background-position:-290px -250px} /* 장바구니 관심상품 활성 */
.icart_empty {width:47px;height:47px;background-position:-120px -355px} /* 장바구니 no data */
.icart_chk {width:47px;height:47px;background-position:-170px -355px} /* 주문완료 */
.ipay_cancel {width:54px;height:40px;background-position:-225px -355px} /* 결제실패 */
.i_wish {width:29px;height:25px;background-position:-200px -560px} /* 관심상품 등록 */
.i_wish.no {background-position:-465px -355px} /* 관심상품 해제  */
.ico_comb[class*='list_']:before {width:18px;height:18px}
.list_type0:before {background-position:0 -150px}
.list_type1:before {background-position:-20px -150px}
.list_type2:before {background-position:-40px -150px}
.list_filter:before {background-position:0 -170px} /* 상세검색 오픈 */
.list_brand:before {background-position:-120px -150px} /* 베스트브랜드 팝업 */
.ico_comb.first:before {width:11px;height:10px;background-position:0 -190px} /* 페이징 처음 */
.ico_comb.prev:before {width:11px;height:10px;background-position:-15px -190px} /* 페이징 이전 */
.ico_comb.next:before {width:11px;height:10px;background-position:-30px -190px} /* 페이징 다음 */
.ico_comb.last:before {width:11px;height:10px;background-position:-45px -190px} /* 페이징 마지막 */
.ico_com.more {width:17px;height:17px;background-position:-60px -190px} /* 더보기 */
.ico_com.photo {width:16px;height:13px;background-position:-100px -190px} /* 카메라 */
.down:after {width:17px;height:17px;background-position:-90px -90px} /* 쿠폰 다운 */
.i_write {width:17px;height:17px;background-position:-115px -90px} /* 글쓰기(연필) */
.ico_comb.attention:before {width:20px;height:17px;background-position:-20px -130px} /* 유의사항 */
.i_back, .i_back:after {width:20px;height:14px;background-position:-30px -110px} /* 상단 이전 */
.i_home, .i_home:after {width:20px;height:19px;background-position:-465px -110px} /* 상단 홈 */
.i_depth:before {width:7px;height:4px;background-position:-140px -90px} /* 타이틀 영역 뎁스 오픈 */
.i_depth.active:before {background-position:-150px -90px}
.i_close {width:15px;height:15px;background-position:-60px -110px}
[class*=ic_sbox_]:after {width:22px;height:22px;background-position:-150px -110px}
.ic_sbox_clear:after {background-position-x:-210px}
.ic_sbox_search:after {background-position-x:-150px}
.ic_sbox_qr:after {background-position-x:-120px}
.ic_sbox_barcode:after {background-position-x:-180px}
.ic_sbox_voice:after {background-position-x:-90px}
.r_del {width:17px;height:17px;background-position:-340px -110px} /* 검색어 삭제 */
.r_del2 {width:17px;height:17px;background-position:-340px -130px} /* 검색어 삭제 (원형배경 없는 모양)*/
.i_blt01, .r_no:before {width:22px;height:22px;background-position:-360px -110px} /* 원 느낌표 */
.i_arrow,
.i_more:before {width:13px;height:7px;background-position:-280px -110px} /* 상세검색 토글 */
.active .i_more:before {background-position-x:-300px}
.i_departure {width:17px;height:17px;background-position:-150px -150px} /* 즐겨찾는 항공 */
.active.i_departure {background-position-x:-170px}
.i_del:before {width:7px;height:8px;background-position:-320px -110px} /* 상세검색 토글 */
.i_close2 {width:14px;height:14px;background-position:-260px -110px} /* 상세검색 닫기 */
.i_blt02 {width:22px;height:22px;background-position:-390px -110px} /* 원 체크 */
.i_blt03 {width:19px;height:17px;background-position:-415px -110px} /* 가입완료 */
.link01:after {width:7px;height:13px;background-position:-165px -90px} /* link arrow */
.link02:after {width:4px;height:7px;background-position:-180px -90px} /* link arrow */
.link03:after {width:7px;height:13px;background-position:-260px -90px} /* link arrow */
.link_logout:after {width:13px;height:11px;background-position:-270px -190px} /* 설정 logout */
[class*=sns_] {width:50px;height:50px;background-position-y:-300px} /* 설정 전화연결 */
.sns_hpoint {background-position-x:0}
.sns_blog {background-position-x:-50px}
.sns_facebook {background-position-x:-100px}
.sns_kstory {background-position-x:-150px}
.sns_ktalk {background-position-x:-200px}
.sns_insta {background-position-x:-250px}
.sns_sms {background-position-x:-300px}
.sns_url {background-position-x:-350px}
.i_sms {width:38px;height:40px;background-position:0 -250px} /* sms 인증 */
.i_email {width:44px;height:40px;background-position:-40px -250px} /* email 인증 */
.i_close3 {width:14px;height:14px;background-position:-190px -90px} /* 팝업창닫기 */
.old_pw {width:51px;height:53px;background-position:0 -355px} /* 장기 비밀번호 */
.i_new {width:20px;height:21px;background-position:-60px -150px} /* new */
.i_best {width:20px;height:21px;background-position:-90px -150px} /* best */
.i_down_before:before {width:16px;height:15px;background-position:-60px -130px} /* 쿠폰다운받기 */
.i_down_after:before {width:16px;height:14px;background-position:-80px -130px} /* 쿠폰다운받기완료 */
.i_downred {width:16px;height:12px;background-position:-190px -190px} /* 쿠폰다운받기레드 */
.i_help {width:12px;height:12px;background-position:-150px -190px} /* 도움말 */
.i_money {width:18px;height:18px;background-position:-120px -190px} /* 적립금 */
.i_money2 {width:17px;height:15px;background-position:-290px -190px} /* 적립금2 (small) */
.i_coupon {width:17px;height:13px;background-position:-165px -190px} /* 쿠폰 */
.i_open:after {width:15px;height:8px;background-position:-215px -90px} /* 아코디언 */
.active .i_open:after {background-position-x:-235px}
.i_attention {width:21px;height:18px;background-position:-240px -190px} /* 관심표시 비활성 */
.i_attention.active {background-position-x:-215px} /* 관심표시 활성*/
.i_hp {width:63px;height:23px;background-position:-260px 0} /* hpoint(로그인) */
.i_hp02 {width:89px;height:31px;background-position:-320px -459px} /* H.Point 안내 */
.i_q {width:22px;height:22px;background: url(../../images/API_M_KO/common/icon_q.png) 0 0 no-repeat;background-size: 22px 22px;} /* 질문 */
.i_a {width:22px;height:22px;background: url(../../images/API_M_KO/common/icon_a.png) 0 0 no-repeat;background-size: 22px 22px;;} /* 답변 */
/*.i_bih {width:43px;height:43px;background-position:-320px -415px}*/ /* 고객센터(제휴사) */
.i_bih {width:21px;height:21px;background-position:-415px -465px} /* 고객센터(제휴사) */
.i_app01 {width:43px;height:43px;background-position:-370px -415px} /* 고객센터(제휴사) */
.i_app02 {width:43px;height:43px;background-position:-420px -415px} /* 고객센터(제휴사) */
.i_max01 {width:60px;height:60px;background-position:-320px -355px} /* 구매한도(내국인) */
.i_max02 {width:60px;height:60px;background-position:-390px -355px} /* 구매한도(외국인) */
.i_not {width:17px;height:15px;background-position:-180px -560px} /* 고객센터(공지사항) */
.i_tel,
.link_tel:after {width:13px;height:13px;background-position:-60px -560px} /* 상품상세(전화) */
.i_shopping {width:14px;height:17px;background-position:-40px -560px} /* 상품상세(담기) */
.i_freebies {width:35px;height:35px;background-position:-0 -560px} /* 상품상세(사은품) */
.i_share {width:22px;height:22px;background-position:-80px -560px} /* 상품상세(공유) */
.i_share2 {width:22px;height:22px;background-position:-80px -560px/*background-position:-360px -250px*/} /* 상품상세(공유) */
.i_expand {width:22px;height:22px;background-position:-110px -560px} /* 상품상세(확대) */
.i_discount {width:9px;height:14px;background-position:-140px -560px} /* 상품상세(할인율) */
.i_sh:before {width:17px;height:18px;background-position:-160px -560px} /* 검색 돋보기 */
.ico_coma.icon_pn:after {width:17px;height:17px;background-position:-60px -190px} /* 이전글/다음글 */
.i_customer {width:54px;height:46px;background-position:-60px -355px} /* 고객센터(안내원) */
.red_tel {width:15px;height:15px;background-position:-150px -600px} /* 고객센터(전화) */
.i_airplane:after {width:30px;height:12px;background-position:-272px -90px;background-color:#fff} /* 마이(출국) */
[class*=isns_] {width:30px;height:30px;background-position-y:-150px} /* SNS 간편로그인 */
.isns_n {background-position-x:-260px} /* 네이버(로그인) */
.isns_f {background-position-x:-300px} /* 페이스북(로그인) */
.isns_c {background-position-x:-340px} /* 카카오톡(로그인) */
[class*=ijoin_] {width:55px;height:55px;background-position-x:-440px} /* 회원가입 */
.ijoin_hp {background-position-y:-150px} /* 회원가입(H) */
.ijoin_bi {background-position-y:-210px} /* 회원가입(면세점) */
.ijoin_fo {background-position-y:-270px} /* 회원가입(외국인) */
[class*=ibene_] {width:30px;height:30px;background-position-y:-210px} /* 회원가입(전용혜택) */
.ibene_01 {background-position-x:-215px} /* 신규가입 적립금 */
.ibene_02 {background-position-x:-250px} /* 다양한 이벤트 적립금 */
.ibene_03 {background-position-x:-285px} /* 회원전용 할인혜택 */
.ibene_04 {background-position-x:-320px} /* 회원 쿠폰북 발급 */
.ibene_05 {background-position-x:-355px} /* 회원 등급별 구매 할인 */
[class*=lv_on_up] {width:80px;height:80px;background-position-y:0} /* 회원등급(80X80) */
[class*=lv_off_up] {width:91px;height:58px;background-position-y:-220px} /* 회원등급(99X58) */
.lv_on_up005 {background-position-x:-360px} /* H.VVIP */
.lv_on_up004 {background-position-x:-270px} /* H.VIP */
.lv_on_up003 {background-position-x:-180px} /* PREMIUM */
.lv_on_up002 {background-position-x:-90px} /* FAMILY */
.lv_on_up001 {background-position-x:0} /* HELLO */
.lv_on_up000 {} /* LOGOUT */
.lv_off_up001 {background-position-x:-183px} /* PLATINUM 001*/
.lv_off_up002 {background-position-x:0} /* SILVER 002*/
.lv_off_up003 {background-position-x:-91px} /* GOLD 003*/
.lv_off_up004 {background-position-x:-275px} /* BLACK 004*/
.lv_off_up005 {background-position-x:-366px} /* PRESTIGE 005*/
.lv_off_up012 {background-position-x:-458px} /* 계열사 011*/
.lv_off_up011 {background-position-x:-458px} /* 임직원 012*/
.lv_off_up000 {} /* 비회원 */
[class*=lv_on_up].size_m {width:55px;height:55px;background-position-y:-150px} /* 회원등급(55X55) */
[class*=lv_off_up].size_m {width:48px;height:32px;background-position-y:-290px} /* 회원등급(54X32) */
.lv_on_up005.size_m {background-position-x:-300px} /* H.VVIP */
.lv_on_up004.size_m {background-position-x:-225px} /* H.VIP */
.lv_on_up003.size_m {background-position-x:-150px} /* PREMIUM */
.lv_on_up002.size_m {background-position-x:-75px} /* FAMILY */
.lv_on_up001.size_m {background-position-x:0} /* HELLO */
.lv_on_up000.size_m {} /* LOGOUT */
.lv_off_up001.size_m {background-position-x:-201px} /* PLATINUM 001*/
.lv_off_up002.size_m {background-position-x:-75px} /* SILVER 002*/
.lv_off_up003.size_m {background-position-x:-138px} /* GOLD 003*/
.lv_off_up004.size_m {background-position-x:-264px} /* BLACK 004*/
.lv_off_up005.size_m {background-position-x:-327px} /* PRESTIGE 005*/
.lv_off_up012.size_m {background-position-x:-390px} /* 계열사 011*/
.lv_off_up011.size_m {background-position-x:-390px} /* 임직원 012*/
.lv_off_up000.size_m {} /* 비회원 */
[class*=lv_on_up].size_s,
[class*=lv_off_up].size_s {width:38px;height:38px;background-position-y:-90px} /* 회원등급(38X38) */
.lv_on_up005.size_s {background-position-x:-200px} /* H.VVIP */
.lv_on_up004.size_s {background-position-x:-150px} /* H.VIP */
.lv_on_up003.size_s {background-position-x:-100px} /* PREMIUM */
.lv_on_up002.size_s {background-position-x:-50px} /* FAMILY */
.lv_on_up001.size_s {background-position-x:0} /* HELLO */
.lv_on_up000.size_s {} /* LOGOUT */
.lv_off_up012.size_s {} /* 계열사 */
.lv_off_up011.size_s {} /* 임직원 */
.lv_off_up004.size_s {} /* VVIP */
.lv_off_up003.size_s {} /* VIP */
.lv_off_up002.size_s {} /* GOLD */
.lv_off_up001.size_s {} /* SILVER */
.lv_off_up000.size_s {} /* 비회원 */
.i_close4 {width:17px;height:17px;background-position:-440px -110px} /* 탑배너닫기 */
[class*=imb_] {width:60px;height:60px;background-position-y:-415px} /* hpoint 혜택안내 */
.imb_01 {background-position-x:-80px}
.imb_02 {background-position-x:-140px}
.imb_03 {background-position-x:-200px}
.imb_04 {background-position-x:-260px}
.step_box [class*=is_] {width:30px;height:30px;background-position-y:-560px} /* 상품수령 안내 */
.is_step01 {background-position-x:-240px}
.is_step02 {background-position-x:-280px}
.is_step03 {background-position-x:-320px}
.is_step04 {background-position-x:-360px}
.istep_arr {width:13px;height:13px;background-position:-180px -580px} /* 상품수령 안내(화살) */
[class*=ibest] {width:30px;height:30px;background-position-y:-600px} /* 베스트 */
.active [class*=ibest] {background-position-y:-640px}
.ibest01 {background-position-x:0}
.ibest02 {background-position-x:-40px}
.ibest03 {background-position-x:-80px}
.ibest04 {background-position-x:-120px}
[class*=icu] {width:40px;height:40px;background-position-y:-600px} /* 고객센터(메뉴 아이콘) */
.icu01 {background-position-x:-180px}
.icu02 {background-position-x:-230px}
.icu03 {background-position-x:-280px}
/* [pub]22-04-25 수정 - 비회원 1:1 상담 lnb 및 본문 추가 Start */
.ico_type_members, .ico_type_non_members {color: #fff;width: 56px;margin: 0 auto;border-radius: 12px;padding: 2px 0;background: #1b1e23;}
.step_notice_box {width: 100%;padding-top: 18px;}
.step_notice_box .context_area.type_none_members {padding: 17px 20px;overflow-x: hidden;overflow-y: auto;background-color: #f2f2f2;}
.step_notice_box .context_area.type_none_members .btn_login {height: 40px;padding: 0 20px;min-width: 120px;font-size: 14px;line-height: 38px;font-weight: normal;color: #ffffff !important;border: 1px solid #7f7f7f;background-color: #7f7f7f;border-radius: 5px;margin-top: 18px;}
.personal_check.type_none_members label:after {display:block;}
.personal_check.type_none_members label {font-size: 14px;}
.personal_more.type_none_members{padding: 17px 20px;overflow-x: hidden;overflow-y: auto;border: 1px solid #e6e6e6;float: right;width: 90%;}
.personal_more.type_none_members ul {margin-top:18px;}
.personal_more.type_none_members ul:first-of-type {margin-top: 0;}
.input_type_none_members {width: 100%;}
/* [pub]22-05-16 추가 - 비회원 1:1 상담 lnb 및 본문 추가 수정 Start */
.personal_more.type_none_members {display:block !important;} 
.personal_check.type_none_members {display: inline-block; width: 100%;}
.personal_more.type_none_members ul li {word-break: keep-all;}
.personal_more.type_none_members em {font-weight: 800;font-size: 15px;text-decoration: underline;}
.agree_precaution_desc {display: inline-block; width: 100%; box-sizing: border-box; padding-top: 8px; padding-left: 10.2%;font-size: 12px;word-break: keep-all;}
.form_box .alarm_type_none_members {color: red;font-size: 12px;display: inline-block;width: 100%;line-height: 22px;} /* [pub]22-05-18 추가 - 비회원 1:1 상담 lnb 및 본문 추가 수정 */
/* [pub]22-05-16 추가 - 비회원 1:1 상담 lnb 및 본문 추가 수정 End */
.btn_basic2.type_non_members {width: 50% !important; margin: 0 auto !important;}
/* [pub]22-04-25 수정 - 비회원 1:1 상담 lnb 및 본문 추가 End */
.ipay_samsung:before {width:45px;height:21px;background-position:-280px -640px}
.ipay_naver:before {width:37px;height:15px;background-position:-330px -640px}
.ipay_kakao:before {width:48px;height:11px;background-position:-370px -640px}
.i_ring {width:37px;height:55px;background-position:-390px -150px} /* 웨딩샵 ring */
[class*=ihs_] {height:17px;width:17px;background-position-y:-600px} /* h-story */
.active [class*=ihs_] {background-position-y:-620px}
.ihs_01 {background-position-x:-330px} /* Home */
.ihs_02 {background-position-x:-350px} /* H-Style */
.ihs_03 {background-position-x:-370px} /* H-Event */
.ihs_04 {background-position-x:-390px} /* H-Info */
.iplay {width:53px;height:53px;background-position:-440px -640px}
.i_app_down {width:20px;height:26px;background-position:-120px -30px} /* app down */
.cp_logo {width:58px;height:16px;background-position:-240px -130px} /* 쿠폰 로고 */
.ineed {width:46px;height:52px;background-position:0 -438px} /* 로그인요청 */
.ic_pencil {width:17px;height:17px;margin-left:5px;background-position:-390px -250px}
.i_finger {width:21px;height:22px;background-position:-360px -3px} /* 로그인 지문 */
.i_faceid {width:21px;height:22px;background-position:-465px -3px} /* 로그인 안면  */
.i_roulette {width:33px;height:42px;background-position:0 -700px} /* 룰렛 화살표 */
.ev_check {width:13px;height:11px;background-position:-440px -629px} /* 출석체크 화살표 */

/* heading */
.sub_title {position:relative;height:45px;background-color:#fafafa}
.sub_title .h2_type {text-align:center;color:#1b1e23;font-size:17px;line-height:45px}
.sub_title .i_back {position:absolute;left:21px;top:50%;margin-top:-7px}
.sub_title .i_depth {position:relative;top:-1px;height:20px;width:20px;text-align:center;vertical-align:middle;border-radius:4px}
.h3_type {position:relative;padding-top:20px;color:#1b1e23;font-size:21px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;}
.h3_type.fs01 {font-size:20px}
.h3_type p {margin-top:6px;color:#666;font-size:13px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;}
.h3_type.thin {font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;;line-height:24px}
.h3_type2,
.h3_type3 {padding-top:10px;color:#000;font-size:21px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;}
.h3_type2 span,
.h3_type3 span {margin-left:2px;color:#ea2829;font-size:13px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;}
.h3_type2 span.gray {color:#666}
.h3_type3 span.gray {display:block;color:#666}
.h4_type {color:#000;font-size:15px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;}
.sub_title.depth {z-index:10}
.h_wrap {position:relative}
.h_wrap .link01 {position:absolute;right:0;bottom:3px}
.h_wrap .btn_r {position:absolute;right:0;bottom:-4px}
.h_wrap > [class*=btn_basic] {position:absolute;right:0;bottom:-2px}
.h_wrap .coupon_count {position:absolute;right:0;bottom:0}
.h3_type i {position:relative;top:-2px;margin-right:6px;vertical-align:middle}
.h3_type i.i_ph {margin-right:4px}
.h3_type i.i_ph02 {top:-3px}
.h5_type {padding-top:20px;color:#1b1e23;font-size:15px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;}
.h_wrap.type2 {margin:9px 0 -9px 0;padding:0 21px;height:40px;background-color:#b39f89;border-radius:8px 8px 0 0}
.h_wrap.type2 .h3_type {padding-top:0;color:#fff;line-height:40px}
.h_wrap.type2 .link03 {position:absolute;right:21px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.header_type02 {position:relative}
.header_type02 .h1_type {height:43px;line-height:43px;border-bottom:1px solid #ddd;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;font-size:21px;color:#000;text-align:center}
.header_type02 .i_back {position:absolute;top:11px;left:21px;width:22px;height:22px}
.header_type02 .i_home {position:absolute;top:11px;right:21px;z-index:10;display:block;width:22px;height:22px}
.depth_box {position:absolute;top:45px;left:0;right:0;display:none;padding:20px;background-color:#fafafa}
.depth_box ul {margin:-5px -3px}
.depth_box:after,
.depth_box ul:after {content:'';display:block;clear:both}
.depth_box ul li {float:left;width:50%;margin:5px 0}
.depth_box ul li a {display:block;margin:0 3px;height:40px;padding:0 14px;font-size:13px;line-height:40px;text-align:center;color:#000;background-color:#fff;border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,.1)}
.depth_box ul li a:hover {border:1px solid #e50f11}
.depth_box .i_close {float:right;margin-top:20px}

/* contents */
.app_type .container {padding-top:0}
.container {padding:60px 0 8px 0;/* background-color:#f2f2f2; */overflow-x:hidden}/* 21-04-22 : padding 아래 69 >8로수정 */
.container.new_type {background-color:transparent;padding-top:60px;}
.container.new_type2 {background-color:transparent;padding-top:104px;padding-bottom:0;}
.container.new_type3 {background-color:transparent;padding-top:113px;}
.container.new_type4 {background-color:transparent;padding-top:60px;}
.container.new_type5 {background-color:transparent;margin-top:80px;padding-top:0;border-top:8px solid #eef0f2;}
.sub_container {background-color:#f2f2f2;overflow-x: hidden;}
.sub_container .contents_area:last-child {border-bottom:none}
.contents_area {padding:0 21px 25px 21px;background-color:#fff;border-bottom:1px solid #e6e6e6}
.container .contents_area:last-child {border-bottom:none;padding-bottom:0;}
.contents_area.bor_none {border-bottom:none}
.contents_area.type2 {padding:10px 21px;border-bottom:none}
.contents_area ~ .contents_area,
.tab_view_box ~ .contents_area,
.contents_area + form .contents_area {margin-top:9px}
.contents_area + .contents_area.no_top,
.contents_area + .contents_area.no_top2 {margin-top:0;padding-top:9px}
.contents_area.no_space {padding:0}
.contents_area.no_space + .contents_area.no_top {position:relative;top:-1px;border-top:1px solid #f2f2f2}
.contents_area.no_space + .contents_area.no_top .info_t.type3 {margin-top:0}
.contents_area2 {padding:30px 21px 25px 21px;background-color:#fff;}
.blank_area {padding:30px 21px}
.blank_area.type2 {padding:25px 21px}
.tline {border-top:1px solid #f2f2f2}
.tab_type1 + form .tab_view_box,
.tab_type1 + .tab_view_box,
.tab_type1 + .tab_view_box + .tab_view_box {margin-top:-1px}
.contents_area > .attention_wrap {padding-top:25px}
.contents_area.no_top > .btn_box {margin-top:0;padding-top:21px}
.mg_minus2 {margin:0 -21px}
.contents_area.top_sh {padding:10px 21px;background-color:#f9f9f9;border-bottom:none}
.contents_area.top_sh .cols {vertical-align:middle}

/* spinner */
.ui-spinner.ui-widget.ui-widget-content {border:0;background-color:transparent}
.ui-spinner-input {margin:0}
.spinner_box .ui-spinner-input {width:100px;height:34px;margin:0 40px;background-color:#fff;font-size:12px;line-height:24px;text-align:center}
.spinner_box .ui-spinner-button {top:0px;width:34px;height:34px;border:1px solid #000000 !important;border-radius:50%}
.spinner_box .ui-spinner-button.ui-spinner-up {right:0}
.spinner_box .ui-spinner-button.ui-spinner-down {left:0}
.spinner_box .ui-spinner-button .ui-icon-triangle-1-n {background-position:-40px -90px}
.spinner_box .ui-spinner-button .ui-icon-triangle-1-s {background-position:-60px -90px}
.spinner_box .ui-state-disabled {background-color:transparent;border-color:#999 !important}

/* spinner new */
.spinner_box.new .ui-spinner-input {width:50px;height:34px;margin:0 40px;background-color:none;border:0;font-size:14px;font-weight:700;line-height:24px;text-align:center}
.spinner_box.new .ui-spinner-button {top:0px;width:34px;height:34px;border:0 !important;border-radius:50%}
.spinner_box.new .ui-spinner-button.ui-spinner-up {right:0}
.spinner_box.new .ui-spinner-button.ui-spinner-down {left:0}
.spinner_box.new .ui-spinner-button .ui-icon-triangle-1-n {background-position:-40px -90px}
.spinner_box.new .ui-spinner-button .ui-icon-triangle-1-s {background-position:-60px -90px}
.spinner_box.new .ui-state-disabled {background-color:transparent;border-color:#999 !important}

/* select 04-14 수정 */
.sel {display:inline-block;vertical-align:middle;background:#fff;position:relative}
.sel:after {content:'';position:absolute;top:50%;right:15px;z-index:1;display:block;margin-top:-4px;width:12px;height:8px;background-color:transparent;background:url("../../images/API_M_KO/common/bull_arrow_basic.png") no-repeat;background-size:12px 8px;}
.sel select {width:100%;height:34px;color:#1b1e23;font-size:13px;background:transparent;border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;padding:0 33px 0 10px;letter-spacing:-.05em}
.sel select:disabled {background:#f9fafb;border-color:#dde0e5;color:#788497;}
.sel.dis:after {opacity:1}
.sel select  {-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */appearance:none;}
.sel select::-ms-expand {display:none}

/* checkbox */
.checkbox {position:relative}
.checkbox label {position:relative;z-index:3;display:inline-block;padding-left:29px;font-size:13px;line-height:23px;color:#1b1e23;vertical-align:middle;cursor:pointer}
.checkbox label span {color:#1b1e23}
.checkbox label:before {content:'';position:absolute;left:0;top:0;display:inline-block;width:20px;height:20px;border:1px solid #ddd;-webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;transition:border 0.15s ease-in-out, color 0.15s ease-in-out;background-color:#fff}
.checkbox.round label:before {border-radius:50%}
.checkbox.round label:before {background-color:#dadada}
.checkbox.round label:after {content:''}
.checkbox label:after {position:absolute;top:6px;left:5px;display:none;width:12px;height:8px;background-position:0 -90px}
.checkbox input[type='checkbox'] {position:absolute;top:0;left:0;z-index:1;width:20px;height:20px;vertical-align:middle;opacity:0 !important}
.checkbox input[type='checkbox']:focus + label:before {outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.checkbox input[type='checkbox']:checked + label:before {background-color: #1b1e23;border-color: #1b1e23;}
.checkbox input[type='checkbox']:checked + label:after {display:block}
.checkbox input[type='checkbox']:disabled + label {color:#999}
.checkbox input[type='checkbox']:disabled + label:before {background-color:#ddd;cursor:not-allowed}
.checkbox input[type='checkbox']:disabled:checked + label:before {background-color:#ddd;border-color:#ddd;cursor:not-allowed}
.checkbox.no_label label {min-height:23px;font-size:0;line-height:0}

.checkbox.new {position:relative;display: inline-block;}
.checkbox.new label {position:relative;z-index:3;display:inline-block;padding-left:29px;font-size:13px;line-height:20px;color:#1b1e23;vertical-align:middle;cursor:pointer}
.checkbox.new label span {color:#1b1e23}
.checkbox.new label:before {content:'';position:absolute;left:0;top:0;display:inline-block;width:20px;height:20px;border:1px solid #ddd;border-radius:0;-webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;transition:border 0.15s ease-in-out, color 0.15s ease-in-out;background-color:#fff}
.checkbox.new label:after {position:absolute;top:6px;left:5px;display:none;width:12px;height:8px;background-position:0 -90px}
.checkbox.new input[type='checkbox'] {position:absolute;top:0;left:0;z-index:1;width:20px;height:20px;vertical-align:middle;opacity:0 !important}
.checkbox.new input[type='checkbox']:focus + label:before {outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.checkbox.new input[type='checkbox']:checked + label:before {background-color:#1b1e23;border-color:#1b1e23}
.checkbox.new input[type='checkbox']:checked + label:after {display:block}
.checkbox.new input[type='checkbox']:disabled + label {color:#999}
.checkbox.new input[type='checkbox']:disabled + label:before {background-color:#ddd;cursor:not-allowed}
.checkbox.new input[type='checkbox']:disabled:checked + label:before {background-color:#ddd;border-color:#ddd;cursor:not-allowed}
.checkbox.new.no_label label {min-height:23px;font-size:0;line-height:0}

/* S: 2023-08-21 plus chk*/
.checkbox.plus {font-size:0; line-height:0}
.checkbox.plus input + label {padding-right:0; font-size:0; line-height:0; height:24px;}
.checkbox.plus input + label::before {margin-right:0}
.checkbox.plus input[type='checkbox'] + label,
.checkbox.plus input[type='radio'] + label {display:inline-block; padding-left:24px; position:relative;}
.checkbox.plus input[type='checkbox'] + label::before,
.checkbox.plus input[type='radio'] + label:before {content:''; display:inline-block; width:24px; height:24px; border-radius:50%; background:url('../../images/API_M_KO/common/ic_ck_plus.png') no-repeat center center #d6d6d6; background-size:10px 10px; font-size:0; line-height:0; vertical-align:top; position:absolute; top:0; left:0;}
.checkbox.plus input[type='checkbox']:checked + label:before {background:#000;}
.checkbox.plus label:after {top: 8px; left: 6px;}
/* E: 2023-08-21 plus chk*/

.switch {position:relative;display:inline-block}
.switch label {display:inline-block}
.switch label .no_txt ~ .slider {margin-left:5px}
.switch input {display:none}
.switch .slider {position:relative;display:inline-block;cursor:pointer;height:27px;width:55px;background-color:#e6e6e6;border-radius:27px;-webkit-transition:.4s;transition:.4s}
.switch .slider:after {position:absolute;content:'';height:23px;width:23px;left:2px;bottom:2px;background-color:#ffffff;border-radius:50%;-webkit-transition:.4s;transition:.4s}
.switch input:checked + label .slider {background-color:#1b1e23}
.switch input:checked + label .on_txt {display:inline-block}
.switch input:checked + label .no_txt,
.switch input + label .on_txt {display:none}
.switch input:focus + label .slider {box-shadow:0 0 1px #1b1e23}
.switch input:checked + label .slider:after {-webkit-transform:translateX(28px);-ms-transform:translateX(28px);transform:translateX(28px)}
.switch input:disabled + label .slider {background-color:#e6e6e6}
.switch input:checked:disabled + label .slider {background-color:#9bd0b4}
.switch.type2 .slider {height:20px;width:40px;border-radius:10px;vertical-align:top;}
.switch.type2 .slider:before {content:'';right:12px;bottom:8px}
.switch.type2 .slider:after {height:14px;width:14px;left:3px;bottom:3px}
.switch.type2 input:checked + label .slider:before {content:''}
.switch.type2 input:checked + label .slider:after {-webkit-transform:translateX(19px);-ms-transform:translateX(19px);transform:translateX(19px)}

/* radio */
.radio {position:relative}
.radio label {position:relative;display:inline-block;padding-left:29px;font-size:14px;line-height:22px;color:#1b1e23;vertical-align:middle;cursor:pointer}
.radio label:before {content:'';position:absolute;left:0;top:0;display:inline-block;width:20px;height:20px;border:1px solid #ddd;border-radius:50%;-webkit-transition:border 0.15s ease-in-out;-o-transition:border 0.15s ease-in-out;transition:border 0.15s ease-in-out;background-color:#ffffff}
.radio label:after {position:absolute;left:6px;top:6px;display:block;width:8px;height:8px;border-radius:50%;background-color:#fff;-webkit-transform:scale(0, 0);-ms-transform:scale(0, 0);-o-transform:scale(0, 0);transform:scale(0, 0);-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-moz-transition:-moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-o-transition:-o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);transition:transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33)}
.radio input[type='radio'] {position:absolute;top:0;left:0;z-index:1;width:20px;height:20px;opacity:0 !important;}
.radio input[type='radio']:focus + label:before {outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.radio input[type='radio']:checked + label:before {background-color:#1b1e23;border-color:#1b1e23}
.radio input[type='radio']:checked + label:after {-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}
.radio input[type='radio']:disabled + label {color:#999}
.radio input[type='radio']:disabled + label:before {background-color:#f2f2f2;cursor:not-allowed}
.radio input[type='radio']:disabled:checked + label:before {background-color:#ddd !important;border-color:#ddd !important;cursor:not-allowed !important}
.radio input[type='radio']:checked + label:after {content:''}
.radio.new input[type='radio']:checked + label:before {background-color:#1b1e23;border-color:#1b1e23;}
.radio.new input[type='radio']:checked + label {/* font-weight:700; */}
.radio.no_label label {min-height:23px;font-size:0;line-height:0}
.checkbox label em,
.radio label em {color:#1b1e23}

.radio_check_wrap {position:relative;padding:14px 20px 2px;}
.radio_check {position:relative}
.radio_check label {position:relative;display:inline-block;padding-left:18px;margin-right:3px;font-size:16px;line-height:22px;vertical-align:middle;cursor:pointer}
.radio_check label:before {content:'';position:absolute;left:0;top:3px;display:inline-block;width:16px;height:16px;}
.radio_check label:after {position:absolute;left:6px;top:6px;display:block;width:9px;height:9px;}
.radio_check input[type='radio'] {position:absolute;top:0;left:0;z-index:1;width:16px;height:16px;opacity:0 !important}
.radio_check input[type='radio'] + label {color:#abb2be;}
.radio_check input[type='radio']:focus + label:before {background:url("../../images/API_M_KO/common/ico_radio_check.png") no-repeat;}
.radio_check input[type='radio']:checked + label {color:#1b1e23;font-weight:700;}
.radio_check input[type='radio']:checked + label:before {background:url("../../images/API_M_KO/common/ico_radio_check.png") no-repeat;}
.radio_check input[type='radio']:checked + label:after {content:''}
.radio_check_wrap .switch_wrap {position:absolute;right:20px;top:4px;}

/* datepicker */
.ui-datepicker {background-color:#ffffff}
.ui-datepicker {width:264px;background-color:#ffffff;touch-action: none;}
.ui-datepicker .ui-widget-header {background-color:transparent;border-color:transparent}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default {font-size:14px;border-color:transparent}
.ui-datepicker-unselectable.ui-state-disabled {background-color:#fff}
.ui-datepicker-unselectable.ui-state-disabled .ui-state-default {opacity:.3}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-widget-content .ui-state-active {height:30px;background-color:#1b1e23;border-color:#1b1e23;color:#ffffff}
.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-header .ui-state-highlight {height:30px;color:#333333;border:2px solid #1b1e23;background-color:transparent}
.ui-datepicker .ui-state-default.ui-state-hover,
.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default.ui-state-active {color:#ffffff !important;background-color:#1b1e23}
.ui-datepicker .ui-state-highlight.ui-state-hover {color:#333333 !important;border:2px solid #1b1e23;background-color:transparent}
.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default {color:#ff5959}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {display:none}
.ui-datepicker .ui-datepicker-title {position:relative}
.ui-datepicker .ui-datepicker-title:after,
.ui-datepicker .ui-datepicker-title:before {content:'';position:absolute;top:50%;z-index:2;display:block;margin-top:-3px;width:9px;height:5px;background-color:transparent;background-position:-20px -90px}
.ui-datepicker .ui-datepicker-title:before {left:106px}
.ui-datepicker .ui-datepicker-title:after {right:56px}
.ui-datepicker .ui-datepicker-title select {width:80px;height:32px;color:#666;background:transparent;border:1px solid #cbccce;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;padding:0 24px 0 10px}
.ui-datepicker .ui-datepicker-title select:disabled{background:#f5f5f5;border-color:#ddd;color:#666}
.datepicker_box {position:relative}
.datepicker_box .datepicker {padding-right:40px !important}
.ui-datepicker-trigger {position:absolute;right:2px;top:50%;margin-top:-16px;width:32px;height:32px}

/* dialog */
.ui-widget-overlay {background-color:#1b1e23;opacity:.5;cursor:pointer;touch-action: none; }
.ui-dialog.ui-widget.ui-widget-content {padding:0;border:none;border-radius:2px}
/* .ui-dialog .ui-dialog-titlebar.ui-widget-header {position:relative;height:48px;padding:0 21px;background:none;border-color:#e6e6e6;border-width:0 0 1px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;font-size:21px;font-weight:normal;line-height:46px;color:#000000;z-index:2} */

.ui-dialog .ui-dialog-titlebar.ui-widget-header {
    position: relative;
    height: calc(constant(safe-area-inset-top) + 60px);
    height: calc(env(safe-area-inset-top) + 60px);
    padding: 16px 20px 0;/*2024-07-25 해더 버튼 수정 15px 21px 0*/
    background: none;
    border-color: #eef0f2;
    border-width: 0 0 1px;
    font-family: -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 17px;
    font-weight: bold;
    /* line-height: 47px; */
    z-index: 2;
    background: #e0e0e0;
    color: #1b1e23;
}

/* 2021-11-23 특정 레이어팝업 최상단 고정 */    
.ui-dialog.fixed_layer {position:fixed !important; top:50% !important; transform:translateY(-50%) !important;}

.ui-dialog .ui-dialog-title {margin:0; width: 100%;text-align:center;font-size:18px;}/*2024-07-25 해더 버튼 수정*/
.ui-dialog .ui-dialog-titlebar-close {display:block;right:0;width:60px;height:60px;margin:0;padding:0;border:none;font-size:0;line-height:0;background-color:transparent;cursor:pointer;text-indent:-999px;top: calc(constant(safe-area-inset-top));top: calc(env(safe-area-inset-top));}/*2024-07-25 해더 버튼 수정*/
/* .ui-dialog .ui-dialog-titlebar-close .ui-icon {right:50%;top:15px;width:28px;height:28px;margin:0 0 0 -8px;background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-position:-206px -14px;background-size:750px 750px;cursor:pointer} *//*2024-07-25 해더 버튼 수정*/
.ui-dialog .ui-dialog-titlebar-close .ui-icon {right:50%;top:50%; transform:translate(-50%, -50%); width:24px;height:24px;margin:0;background:url(../../images/API_M_KO/common/n/icon_close_3.svg) no-repeat 50% 50%/contain;cursor:pointer}/*2024-07-25 해더 버튼 수정*/
.ui-dialog .ui-dialog-content {padding:0}
.ui-dialog-content .layer_cont {padding:25px}
.ui-dialog-content .layer_cont > .title {max-width:94%;margin-bottom:13px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;font-size:18px;line-height:26px;color:#1b1e23}/*2024-07-25 해더 버튼 수정*/
.ui-dialog-content .layer_cont > .title.type2 {font-size:18px}
.ui-dialog-content .layer_cont > .txt {font-size:13px;color:#1b1e23;line-height:18px}
.ui-dialog-content .layer_cont > .txt2 {font-size:13px;color:#1b1e23;line-height:18px}
.ui-dialog-content .layer_cont > .txt3 {font-size:12px;line-height:17px}
.ui-dialog-content .layer_cont > .txt2 + .txt2,
.ui-dialog-content .layer_cont > .txt2 + .txt3 {margin-top:5px}
.ui-dialog-content .layer_cont > .txt2 + .order_list {padding-top:7px}
.ui-dialog-content .layer_cont > .txt2 + .order_list dd {text-align:left}
.ui-dialog-content .layer_cont > .order_list + .txt2 {margin-top:20px}
.ui-dialog-content .layer_cont > .txt ~ .txt {margin-top:10px}
.ui-dialog-content .layer_cont > .h_wrap + .form_box {margin-top:7px}
.ui-dialog-content .layer_cont .btn_full,
.ui-dialog-content .layer_cont .btn_basic {margin-bottom:5px}
.ui-dialog-content .layer_cont .btn_basic:after {content:'';display:block;clear:both}
.ui-dialog-content .layer_cont .btn_basic button[class*=btn_basic] {float:left;width:calc(50% - 3px)}
.ui-dialog-content .layer_cont .btn_basic button[class*=btn_basic] ~ button[class*=btn_basic] {margin-left:6px}
.ui-dialog-content .layer_cont.new_type {padding:25px;background-color:red;border-radius:20px;}
.ui-dialog.full_type2 .ui-dialog-title {width:100%;}

/*** layer full screen ***/
/* basic */
.ui-dialog.basic {background:transparent}
.ui-dialog.ui-widget.ui-widget-content.basic {position:fixed !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; padding-top:45px}
.ui-dialog.basic .ui-dialog-titlebar {padding:0; height:25px; border-radius:25px 0 0 0; overflow:hidden; box-shadow:  0 -6px 20px rgba(0,0,0,5%); border-bottom:0}
.ui-dialog.basic .ui-dialog-title {display:none}
.ui-dialog.basic .ui-dialog-titlebar-close {display:block; position:absolute; height:25px; width:100%; top:0; left:0; background:#fff; text-indent:-9999px}
.ui-dialog.basic .ui-dialog-titlebar-close .ui-icon {display:block; width:40px; height:3px; background:#ebebeb; border-radius:4px; position:absolute; top:11px; left:50%; margin-left:-20px}
.ui-dialog.basic .ui-dialog-content {height:100% !important}
.ui-dialog.basic .box {width:100%; height:calc(100% - 25px); overflow-y:auto; background:#fff}
.ui-dialog.basic .box > div {height:100px; background:#fff}
.ui-dialog.basic .box > div:nth-child(2n+2) {background:#d9d9d9}

/* second */
.ui-dialog.second {background:transparent}
.ui-dialog.ui-widget.ui-widget-content.second {position:fixed !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; padding-top:90px}
.ui-dialog.second .ui-dialog-titlebar {padding:0; height:25px; border-radius:25px 0 0 0; overflow:hidden; box-shadow:  0 -6px 20px rgba(0,0,0,5%); border-bottom:0}
.ui-dialog.second .ui-dialog-title {display:none}
.ui-dialog.second .ui-dialog-titlebar-close {display:block; position:absolute; height:25px; width:100%; top:0; left:0; background:#fff; text-indent:-9999px}
.ui-dialog.second .ui-dialog-titlebar-close .ui-icon {display:block; width:40px; height:3px; background:#ebebeb; border-radius:4px; position:absolute; top:11px; left:50%; margin-left:-20px}
.ui-dialog.second .ui-dialog-content {height:100% !important}
.ui-dialog.second .box {width:100%; height:calc(100% - 25px); overflow-y:auto; background:#fff}
.ui-dialog.second .box > div {height:100px; background:#fff}
.ui-dialog.second .box > div:nth-child(2n+2) {background:#d9d9d9}

/* bottom */
.ui-dialog.bottom {background:transparent}
.ui-dialog.ui-widget.ui-widget-content.bottom {position:fixed !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; padding-top:calc(100% - 230px)}
.ui-dialog.bottom .ui-dialog-titlebar {padding:0; height:47px; border-radius:25px 25px 0 0; overflow:hidden; border-bottom:0; background:#fff}
.ui-dialog.bottom .ui-dialog-title {display:none}
.ui-dialog.bottom .ui-dialog-titlebar-close {height:17px; width:17px; top:20px; right:20px}
.ui-dialog.bottom .ui-dialog-titlebar-close .ui-icon {margin:0; top:0; right:0; left:0}
.ui-dialog.bottom .ui-dialog-content {height:100% !important}
.ui-dialog.bottom .box {width:100%; height:calc(100% - 47px); overflow-y:auto; background:#fff}
.ui-dialog.bottom .box > div {height:100px; background:#fff}
.ui-dialog.bottom .box > div:nth-child(2n+2) {background:#d9d9d9}

/* bottom2 */
.ui-dialog.bottom2 {background:transparent}
.ui-dialog.ui-widget.ui-widget-content.bottom2 {position:fixed !important;top:auto !important; bottom:0; left:0 !important; width:100% !important;}
.ui-dialog.bottom2 .ui-dialog-titlebar {padding:0; height:47px; border-radius:25px 25px 0 0; overflow:hidden; border-bottom:0; background:#fff}
.ui-dialog.bottom2 .ui-dialog-title {display:none}
.ui-dialog.bottom2 .ui-dialog-titlebar-close {height:17px; width:17px; top:20px; right:20px}
.ui-dialog.bottom2 .ui-dialog-titlebar-close .ui-icon {margin:0; top:0; right:0; left:0}
.ui-dialog.bottom2 .ui-dialog-content {height:100% !important}
.ui-dialog.bottom2 .box {width:100%; height:calc(100% - 47px); overflow-y:auto; background:#fff}
.ui-dialog.bottom2 .box a {display: inline-block;}
.ui-dialog.bottom2 .box > div {height:100px; background:#fff}
.ui-dialog.bottom2 .box > div:nth-child(2n+2) {background:#d9d9d9}

/* no_title */
.ui-dialog.no_title .ui-dialog-title {display:none;z-index:-1;}
.ui-dialog.no_title .ui-dialog-titlebar.ui-widget-header {height:0;padding:0;border:none}
.ui-dialog.no_title_02.full_type .ui-dialog-titlebar.ui-widget-header {
    padding-top:16px;
    padding-top: calc(constant(safe-area-inset-top) + 16px ) !important;
    padding-top: calc(env(safe-area-inset-top) + 16px ) !important;
}/*2024-07-25 해더 버튼 수정*/
.ui-dialog.no_title.full_type .ui-dialog-content {min-height:100% !important;padding-top:0 !important;top:0;
    padding-top: calc(constant(safe-area-inset-top)) !important;
    padding-top: calc(env(safe-area-inset-top)) !important;
}
/* iframe_type */
.ui-dialog.iframe_type iframe {width:100%;height:100%;display:block;}

/*full_type*/
.ui-dialog.ui-widget.ui-widget-content.full_type {position:fixed !important;top:0 !important;bottom:0;border-radius:0;}
.ui-dialog.ui-widget.noclose .ui-dialog-titlebar-close {display:none}
.ui-dialog.full_type .ui-dialog-content {height:100% !important;background-color:#fff}
.ui-dialog.full_type .ui-dialog-titlebar.ui-widget-header {position:fixed;top:0;left:0;width:100%;background-color:#fff;padding-top: 0;}
.ui-dialog.full_type .ui-dialog-content {padding-top : 60px;}
.ui-dialog.full_type.iframe_type .ui-dialog-content {padding-top: 0px;}
.ui-dialog.full_type2 .ui-dialog-titlebar {height:auto;    min-height: 60px;padding:15px 0;font-size:21px;text-align:center;color:#1b1e23;}
/* .ui-dialog.full_type2 .ui-dialog-titlebar-close {top:calc(100% - 50px); right: 6px;} */
.ui-dialog.full_type2 .ui-dialog-content {padding-top:60px !important;}
.ui-dialog.full_type.no_line .ui-dialog-titlebar.ui-widget-header {border-bottom:none}

/* layer popup */
.layer_popup .layer_box {padding:25px 21px}
.layer_box > .h3_type:first-child,
.layer_box > .h5_type:first-child {padding-top:0}
.layer_box .h3_type + .tb_list,
.layer_box .h5_type + .tb_list {margin-top:10px}
.layer_box .basic_txt + .basic_txt {margin-top:5px}
.layer_box .info_center {padding:5px 0 15px 0}
.h_guide_img {margin:15px 0;border:1px solid #f2f2f2}
.h_guide_img img {width:100%;vertical-align:top}
.brand_info {text-align:center}
.brand_info .logo {display:block;padding:40px 0;border:1px solid #e5e5e5}
.brand_info .logo img {width:100px;height:30px}
.brand_info .logo ~ p {margin-top:17px}
.brand_info .basic_txt span {display:block}
.brand_info .basic_txt span ~ span {margin-left:4px}
.terms_wrap {position:absolute;top:0px;bottom:0;right:0;left:0}
.terms_wrap .terms_box {position:absolute; top:0;bottom:85px;right:0;left:0;padding:15px 21px 17px;border-bottom:1px solid #e6e6e6;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.terms_box > table {width:100% !important;}
.terms_box > table td {width:auto !important}
.terms_area .terms_list {display:none}
.terms_area .tb_list02 {border-top:1px solid #e5e5e5;text-align:left;text-indent: 0;}
.terms_area .tb_list02 thead th {padding:8px 0;background-color:#f9f9f9;border-bottom:1px solid #e5e5e5;font-size:11px;line-height:17px;text-align:center}
.terms_area .tb_list02 tbody th {padding:12px 10px;border-bottom:1px solid #e5e5e5;font-size:11px;vertical-align:top}
.terms_area .tb_list02 tbody td {padding:12px 10px;border-bottom:1px solid #e5e5e5;font-size:11px;word-break:break-all}
.terms_area .tb_list02 thead th ~ th,
.terms_area .tb_list02 tbody td ~ td {border-left:1px solid #e5e5e5}
.terms_area .tb_list02 thead th + th,
.terms_area .tb_list02 tbody td + td,
.terms_area .tb_list02 tbody th + td {border-left:1px solid #e5e5e5}
.terms_wrap .btn_full,
.terms_wrap .btn_fix {position:absolute;bottom:25px;right:21px;left:21px}/*2022-09-21 btn_fix 추가*/
.terms_area .tb_list table {border-color:#e5e5e5}
.tb_list02 .bleft {border-left: 1px solid #e5e5e5;} /*2022-08-03 추가*/

/* 하단 고정버튼 */
.layer_popup.btn_fixs {padding-bottom:80px; overflow-x:auto;}
.layer_popup.btn_fixs .btn_group {position:fixed;bottom:0;}

/* basic-new */
.fullscreen_basic { z-index:1001; background:#fff; position:fixed; top:120% ; left:0 ; width:100% ; transition: all .3s; border-radius: 40px 0 0 0; box-shadow:  0 -6px 20px rgba(0,0,0,5%); overflow:hidden; margin-top:20px; margin-top: calc(constant(safe-area-inset-top) + 20px); margin-top: calc(env(safe-area-inset-top) + 20px); isolation: isolate; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); height:calc(100% - 20px); min-height:calc(100% - 20px); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;
}
.fullscreen_basic.active { top:0%; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.fullscreen_basic > .fullscreen_dimm{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;opacity:0.5;z-index:-1;}
.fullscreen_basic.active > .fullscreen_dimm{display:block;}
.fullscreen_basic .ui-titlebar {position:relative;padding:0; border-bottom:0;background-color:#fff;}
.fullscreen_basic .ui-title {padding:10px;}
.fullscreen_basic .btn_swipe_close {}
.fullscreen_basic .ui-close {display:block; position:absolute; height:24px; width:100%; top:0; left:0; background:#fff; text-indent:-9999px;z-index:111;}
.fullscreen_basic .ui-close .ui-icon {display: block;width: 32px;height: 11px;position: absolute;top: 11px;left: 50%;margin-left: -16px;background:url("../../images/API_M_KO/common/icon_open.png") no-repeat;background-size:32px 11px;}
.fullscreen_basic.active .ui-close .ui-icon {background:url("../../images/API_M_KO/common/icon_close.png") no-repeat;background-size:32px 11px;}
.fullscreen_basic .box {width:100%; height:calc(100% - 20px); overflow-y:auto; overflow-x:hidden;background:#fff;-webkit-overflow-scrolling: touch;}

/* second */
.fullscreen_second { z-index:1002; background:transparent; position:fixed; top:120% ; left:0 ; width:100% ; height:100% ; transition: all .3s; border-radius: 40px 0 0 0; box-shadow:  0 -6px 20px rgba(0,0,0,5%); overflow:hidden; margin-top:40px; margin-top: calc(constant(safe-area-inset-top) + 40px); margin-top: calc(env(safe-area-inset-top) + 40px); isolation: isolate; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); height:calc(100% - 40px); min-height:calc(100% - 40px); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;
}
.fullscreen_second.active { top:0%; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.fullscreen_second > .fullscreen_dimm{display:none;position:fixed;top:-40px;left:0;width:100%;height:100%;background:transparent;opacity:0.5;z-index:-1;}
.fullscreen_second.active > .fullscreen_dimm{display:block;touch-action: none;}
.fullscreen_second .ui-titlebar {position:relative;padding:0; height:40px; background-color:#fff;}
.fullscreen_second .ui-title {padding:10px;}
.fullscreen_second .btn_swipe_close {}
.fullscreen_second .ui-close {display:block; position:absolute; height:25px; width:100%; top:0; left:0; background:#fff; text-indent:-9999px}
.fullscreen_second .ui-close .ui-icon {content:""; display: block;width: 32px;height: 11px;position: absolute;top: 11px;left: 50%;margin-left: -16px;background:url("../../images/API_M_KO/common/icon_open.png") no-repeat;background-size:32px 11px;}
.fullscreen_second.active .ui-close .ui-icon  {background:url("../../images/API_M_KO/common/icon_close.png") no-repeat;background-size:32px 11px;}

.fullscreen_second .box {position:relative;width:100%; height:calc(100% - 65px); overflow-y:auto; background:#fff}

/* third */
/* .fullscreen_third {z-index:1003;background:transparent;position:fixed; top:120% ; left:0 ; width:100% ; height:100% ; margin-top:200px;transition: all .3s;border-radius: 40px 0 0 0;box-shadow:  0 -6px 20px rgba(0,0,0,5%);overflow:hidden;margin-top: calc(constant(safe-area-inset-top) + 200px);margin-top: calc(env(safe-area-inset-top) + 200px);} */

.fullscreen_third { z-index:1003; background:transparent; position:fixed; bottom:-100% ; left:0 ; width:100% ; height: 70%; margin-top:200px; transition: all .3s; border-radius: 40px 0 0 0; box-shadow:  0 -6px 20px rgba(0,0,0,5%); overflow:hidden; margin-top: calc(constant(safe-area-inset-top) + 200px); margin-top: calc(env(safe-area-inset-top) + 200px); isolation: isolate; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;
}
.fullscreen_third.active { bottom:0%; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.fullscreen_third > .fullscreen_dimm{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:-1;}
.fullscreen_third.active > .fullscreen_dimm{display:block;}
.fullscreen_third .ui-titlebar {position:relative;padding:0;  background-color:#fff;}
.fullscreen_third .ui-title {padding:10px;}
.fullscreen_third .btn_swipe_close {}
.fullscreen_third .ui-close {display:block; position:absolute; height:25px; width:100%; top:0; left:0; background:#fff; text-indent:-9999px}
.fullscreen_third .ui-close .ui-icon {display:block; width:40px; height:3px; background:#ebebeb; border-radius:4px; position:absolute; top:11px; left:50%; margin-left:-20px}
.fullscreen_third .box {width:100%; height:calc(100% - 20px); overflow-y:auto; background:#fff}
.fullscreen_third .ui-titlebar.ty02 {border-radius: 40px 40px 0 0;overflow: hidden;}
.fullscreen_third .ui-titlebar.ty02 .ui-title {padding-top: 40px;padding-left: 20px;padding-right: 20px;color:#1b1e23;font-size:20px; font-weight: bold;}
.fullscreen_third .btn_pop_close {position: absolute;top: 40px; right: 20px;height: 17px; width: 17px; margin: 0 0 0 -8px;background: url(../../images/API_M_KO/common/ico_common.png) no-repeat -59px -109px transparent;background-size: auto 750px;display: block;text-indent:-9999px;}

/* half */
.fullscreen_half { z-index:1004; background:transparent; position:fixed; top:120% ; left:0 ; width:100% ; height:100% ; transition: all .3s; border-radius: 40px 0 0 0; box-shadow:  0 -6px 20px rgba(0,0,0,5%); overflow:hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.fullscreen_half.active { top:0%; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.fullscreen_half > .fullscreen_dimm{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;opacity:0.5;z-index:-1;}
.fullscreen_half.active > .fullscreen_dimm{display:block;}
.fullscreen_half .ui-titlebar {position:relative;padding:0; background-color:#fff;}
.fullscreen_half .ui-titlebar.ty02 .ui-title {padding-top: 40px;color:#1b1e23;font-size:18px;}
.fullscreen_half .ui-title {padding:10px;}
.fullscreen_half .btn_swipe_close {width: 100px;}
.fullscreen_half .ui-close {display:block; position:absolute; height:25px; width:100%; top:0; left:0; background:#fff; text-indent:-9999px}
.fullscreen_half .ui-close .ui-icon {display:block; width:40px; height:3px; background:#ebebeb; border-radius:4px; position:absolute; top:11px; left:50%; margin-left:-20px}
.fullscreen_half .box {width:100%; height:calc(100% - 20px); overflow-y:auto; background:#fff}

/* fourth */
.fullscreen_fourth { z-index:1005; background:transparent; position:fixed; bottom:0%; left:0 ; width:100% ; height:100% ; transition: all .3s; border-radius: 40px 0 0 0; box-shadow:  0 -6px 20px rgba(0,0,0,5%); overflow:hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.fullscreen_fourth.active { bottom:-100%; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.fullscreen_fourth > .fullscreen_dimm{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;opacity:0.5;z-index:-1;}
.fullscreen_fourth.active > .fullscreen_dimm{display:block;}
.fullscreen_fourth .ui-titlebar {position:relative;padding:0;  background-color:#fff;}
.fullscreen_fourth .ui-title {padding:10px;}
.fullscreen_fourth .btn_swipe_close {}
.fullscreen_fourth .ui-close {display:block; position:absolute; height:25px; width:100%; top:0; left:0; background:#fff; text-indent:-9999px}
.fullscreen_fourth .ui-close .ui-icon {display:block; width:40px; height:3px; background:#ebebeb; border-radius:4px; position:absolute; top:11px; left:50%; margin-left:-20px}
.fullscreen_fourth .box {width:100%; height:calc(100% - 20px); overflow-y:auto; background:#fff}
.fullscreen_fourth .ui-titlebar.ty02 {border-radius: 25px 25px 0 0}
.fullscreen_fourth .ui-titlebar.ty02 .ui-title {padding-top: 40px;color:#1b1e23;font-size:20px; font-weight: bold;}
.fullscreen_fourth .btn_pop_close {position: absolute;top: 40px; right: 20px;height: 17px; width: 17px; margin: 0 0 0 -8px;background: url(../../images/API_M_KO/common/ico_common.png) no-repeat -59px -109px transparent;background-size: auto 750px;display: block;text-indent:-9999px;}

.product_visual .video-js {width:100vw !important; height:100%; margin-left:-50px}

/* bottom new */
.fullscreen_btm { box-shadow:  0 -6px 20px rgba(0,0,0,5%); z-index:1200; background:#fff; -webkit-border-radius: 40px 40px 0 0; -moz-border-radius: 40px 40px 0 0; border-radius: 40px 40px 0 0; overflow:hidden; position:fixed; left:0; bottom:-100%; width:100%; min-height:300px; max-height:500px; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; }
.fullscreen_btm.active { bottom:0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.fullscreen_btm .ui-titlebar {position:relative;padding:0;border-bottom:0;background-color:#fff;border-radius:40px 40px 0 0;overflow: hidden;}
.fullscreen_btm .ui-title {padding:34px 20px 28px;font-size:20px;font-weight:700;color:#1b1e23;}
.fullscreen_btm .ui-close {display:block; position:absolute; height:25px; width:100%; top:0; left:0; bottom:0; text-indent:-9999px;border-radius:40px 40px 0 0;overflow:hidden;}
.fullscreen_btm .ui-close .ui-icon {display:block; width:40px; height:3px; background:#ebebeb; border-radius:4px; position:absolute; top:11px; left:50%; margin-left:-20px}
.fullscreen_btm.arrow_type .ui-close .ui-icon {
    width:32px;
    height:11px;
    background: url(../../images/API_M_KO/common/icon_close.png) no-repeat;
    background-size: 32px 11px;
}
.fullscreen_btm.arrow_type.active .ui-close .ui-icon {
    width:32px;
    height:11px;
    background: url(../../images/API_M_KO/common/icon_open.png) no-repeat;
    background-size: 32px 11px;
}
.fullscreen_btm .box {position:relative;width:100%;height:calc(100% - 89px);padding-bottom:95px;background:#fff}/* 210525 : 95 89로 변경 */
.fullscreen_btm .box .box_in {height:100%;overflow-y:auto;}
.fullscreen_btm .box .box_in::after {content:'';position:absolute;top:-8px;left:0;right:0;height:10px;background-color:#fff;z-index:1;}
.fullscreen_btm .box .box_in .loading {position:absolute;left:50%;top:50%;width:60px;height:60px;margin-left:-30px;margin-top:-30px;z-index:111;background:url(../../images/API_M_KO/common/loading_apng.gif) no-repeat; background-size:60px 60px;}
.fullscreen_btm .box .btn_btm {padding-top:20px;background:#fff;position:absolute;bottom:0;}
.fullscreen_btm.active .box .btn_btm {position:fixed;}
.fullscreen_btm .ui-titlebar.ty02 {border-radius: 25px 25px 0 0}
.fullscreen_btm .ui-titlebar.ty02 .ui-title {padding-top: 40px;color:#1b1e23;font-size:20px; font-weight: bold;}
.fullscreen_btm .btn_pop_close {position: absolute;top: 40px; right: 20px;height: 17px; width: 17px; margin: 0 0 0 -8px;background: url(../../images/API_M_KO/common/ico_common.png) no-repeat -59px -109px transparent;background-size: auto 750px;display: none;text-indent:-9999px;}
.fullscreen_btm .box .box_in.fom_list {height:243px;overflow-y:auto;}
.fullscreen_btm .box .box_in .fom_list > ul > li:first-child {padding-top:0;}
.pop_dimmed {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:999}
.fullscreen_btm > .popbtm_dimmed {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:-1;}
.fullscreen_btm.active > .popbtm_dimmed {display:block;}
.popbtm_dimmed2 {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;z-index:-1;}
.active .popbtm_dimmed2 {display:block;}

/* filter popup */
.filter_popup { z-index:1003; background:transparent; position:fixed; bottom:-400px ; left:0 ; width:100% ; height:350px ; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.filter_popup.active { bottom:0 !important; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.filter_popup .filter_bottom_dimmed {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;z-index: -1; touch-action: none; }
.filter_popup.active .filter_bottom_dimmed {display:block;}
.filter_popup .ui-titlebar {position:relative;padding:0; border-radius:25px 25px 0 0; overflow:hidden; box-shadow:  0 -6px 20px rgba(0,0,0,5%); border-bottom:0;background-color:#fff;}
.filter_popup .ui-title {padding:20px;}
.filter_popup .btn_swipe_close {}
.filter_popup .ui-close {display:block; position:absolute; height:50px; width:100%; top:0; left:0; background:#fff; text-indent:-9999px}
.filter_popup .ui-close .ui-icon {display:block; width:40px; height:3px; background:#ebebeb; border-radius:4px; position:absolute; top:11px; left:50%; margin-left:-20px}
.filter_popup .box {position:relative;width:100%; height:calc(100% - 40px); background:#fff}
.filter_popup .ui-titlebar.ty02 {border-radius: 25px 25px 0 0}
.filter_popup .ui-titlebar.ty02 .ui-title {padding-top: 40px;color:#1b1e23;font-size:20px; font-weight: bold;}
.filter_popup .btn_pop_close {position: absolute;top: 40px; right: 20px;height: 17px; width: 17px; margin: 0 0 0 -8px;background: url(../../images/API_M_KO/common/ico_common.png) no-repeat -59px -109px transparent;background-size: auto 750px;display: block;text-indent:-9999px;}
.filter_con {padding:0 20px 100px;height:100%;overflow:hidden;}
.filter_popup .filter_btn_area {position:relative;width:100%;height:50px;background-color:#eef0f2;padding:10px 0;}
.filter_popup .filter_btn_cancle {display:inline-block;padding:5px 20px;line-height:19px;font-size:13px;}
.filter_popup .sh_btn_floating {bottom:0;}
.filter_popup .brd_total {display:inline-block;padding:6px 10px;border-radius:20px;border:1px solid #ea2829;color:#ea2829;font-weight:700;}
.filter_popup .brd_total.off {border:1px solid #eef0f2;color:#1b1e23;}
.filter_popup .filter_toggle .filter_toggle_num {color:#abb2be;margin-left:5px;font-weight:700;}
#filter_swiper {overflow:hidden;overflow-y:auto;position:relative;width:100%;height:100%;}
#filter_swiper .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox;height:100%;}
#filter_swiper .visual_item {background:#fff;height:190px;overflow-y:auto;}
#filter_swiper .visual_item .scroll_area_wrap {width:100%;height:100%;}
#filter_swiper .filter_tit {font-size:13px;font-weight:700;color:#1b1e23;padding-bottom:20px;border-bottom:1px solid #eef0f2;}
#filter_swiper .price_area {color:#5c6677;}
#filter_swiper .price_area_input {display:inline-block;margin-left:20px;}
#filter_swiper .price_area_input input {width:85px;text-align:right;}
#filter_swiper .price_area_input .price_area_input_space {padding-right:5px;}
#filter_swiper .price_area_input .price_area_input_space2 {padding:0 5px;}
/* ui-titlebar */
.ui-titlebar.ty02 + .box {height: calc(100% - 120px)}
.ui-titlebar.ty02_1 + .box {height: calc(100% - 77px)}
.ui-titlebar.ty03 + .box {height: calc(100% - 114px);padding-bottom:150px;}
.ui-titlebar .subtit {display:block;font-size:13px;padding-top:3px;font-weight:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:36px;line-height:18px;color:#5c6677}
.ui-titlebar .subtit em {padding-right:10px;color:#ea2829}
.ui-titlebar .title2 {padding-top: 40px;color:#1b1e23;font-size:18px;border-radius:40px 40px 0 0;overflow: hidden;}

/* 약관 */
.terms_area {font-size:11px}
.terms_area .top_txt,
.terms_area .terms_txt {line-height:17px}
.terms_area .terms_list {margin-top:10px}
.terms_area .terms_list {border:1px solid #e5e5e5;padding:15px}
.terms_area .terms_list:after {content:'';display:block;clear:both}
.terms_area .terms_list li {float:left;width:50%;line-height:17px}
.terms_area .terms_list li:nth-child(2n+1) {clear:both;padding-right:15px}
.terms_area .terms_list + .terms_style {margin-top:15px}
.terms_area .terms_style > li > span {font-size:14px;color:#333}
.terms_area .terms_style > li + li {margin-top:10px}
.terms_area .terms_style > li > ul,
.terms_area .terms_style .terms_txt {margin-top:5px}
.terms_area .int > li {padding-left:16px;text-indent:-16px;line-height:17px}
.terms_area .int > li > ul,
.terms_area .int > li .p_dot_list,
.terms_area .int > li .sub_txt,
.terms_area .int3 > li > ul {text-indent:0}
.terms_area .int2 > li {padding-left:14px;text-indent:-14px;line-height:17px}
.terms_area .int3 > li {padding-left:12px;text-indent:-12px;line-height:17px}
.terms_area .int > li > ul,
.terms_area .int > li > .p_dot_list {margin-bottom:10px}
.terms_area .int > li > .dot_list > li .tb_box {margin:5px 0 5px -22px}
.terms_area .int3 > li > ul {margin-bottom:5px}
.pop_content .terms_area .dot_list li:before {top:9px;background-color:#8f8f8f}
.terms_area .p_dot_list:before {top:9px}
.terms_area table,
.terms_area table + p,
.terms_area .int > li .sub_txt {margin-top:10px}
.terms_area .p_dot_list,
.terms_area .dot_list li {font-size:11px;color:#1b1e23}
.terms_area .dot_list li + li,
.terms_area .sub_dot > li + li,
.terms_area .basic_list > li + li {margin-top:0}
.terms_area .sub_dot > li .p_dot_list {margin-left:16px}
.terms_area .t_int {padding-left:14px;text-indent:-14px;line-height:17px}
.terms_area .star_style {margin-top:5px;margin-left:5px;font-size:12px;}
.tems_box .terms_area .terms_list,
.step_agree_box .terms_area .terms_list {display:none}
.step_agree_box .terms_area .terms_list + .terms_style {margin-top:0}
/* 2018-10-18 pub09 td th style 4줄 추가 */
.terms_area .tb_list02 .bl_type1 {border-left:1px solid #e5e5e5}
.terms_area .tb_list02.type7 thead th {padding:8px 0;color:#666666}
.terms_area .tb_list02.type7 tbody th {padding:12px 10px;color:#666666;background-color:#f9f9f9}
.terms_area .tb_list02.type7 tbody td {padding:12px 10px;text-align:left;line-height:20px}

/* iframe */
.iframe_title {position:fixed;top: 0px ;left:0;right:0;z-index:900;text-align:center;height:60px;line-height:60px;color:#1b1e23;font-size:21px;text-align:center;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;border-bottom:1px solid #e6e6e6;background-color:#fff;-webkit-transform: translateZ(0);webkit-backface-visibility:hidden;}
.iframe_title.en_v1 {height:73px;padding-top:10px;line-height:26px;}
.iframe_box {padding:75px 20px 25px;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}/*2024-07-11 회원가입 개선*/
/*.iframe_box.login{padding: 75px 0 25px 0;}2024-07-11 회원가입 개선*/
.iframe_box.passport_guide{padding: 72px 21px 25px 21px;}
.iframe_box.en_v1 {padding-top:95px;}
.bg_type {background-color:#fafafa}
.iframe_box .attention_wrap.line {padding:20px 21px 0 21px;margin:17px -21px 0 -21px;border-top:1px solid #f2f2f2}
.bg_type .iframe_box {min-height:100%;padding-bottom:0}
.iframe_box .white {margin:-12px -21px 0 -21px;padding:15px 21px;background-color:#fff;border-bottom:1px solid #f2f2f2}
.iframe_box .white2 {position:fixed;top:48px;right:0;left:0;padding:17px 21px 15px 21px;background-color:#fff;border-bottom:1px solid #f2f2f2}
.iframe_box .top_sh {margin:-15px -21px 0 -21px !important;}
.iframe_box .btn_fix {position:fixed;left:0;right:0;bottom:0;padding:25px 21px;background-color:#fff;border-top:1px solid #f2f2f2}
.iframe_box .btn_fix.type2 {border:none}
.iframe_box .btn_fix .btn_box {margin:0}
.iframe_box .basic_txt + .basic_txt {margin-top:5px}
.iframe_close {position:fixed;top:0;right:0;z-index:5;width:50px;height:48px;font-size:0;text-align:center}
.iframe_close:before {content:'';width:17px;height:17px;background-position:-59px -109px}
.personal_check {position:relative;margin-top:20px}
.personal_check .personal_open {position:absolute;top:-3px;right:-2px;width:25px;height:25px}
.personal_more {display:none}
.bg_type .tab_view_box {margin:-1px -21px 0 -21px;background-color:#fff}
.login_type .tab_view_box {margin:-1px -21px 0 -21px}
.iframe_box .info_center,
.info_center.type2{padding:10px 20px 15px 20px;margin:0 -21px;border-bottom:1px solid #f2f2f2}
.info_center.noline {padding-bottom:0;border-bottom:none}
.iframe_box .info_center.type2 {border:none}
.iframe_box .tab_top {margin:-12px -21px 0 -21px}
.iframe_box > .login_box_area > .tab_top {margin:0;} /* 로그인 화면 : top -12px 0  으로 변경 *//*2024-07-11 회원가입 개선 margin:0 -21px 0 -21px*/
.iframe_box .join_form .join_row:last-child {border-bottom-color:#f2f2f2}
.iframe_box .save_check {margin:15px 21px}
.iframe_box .form_box.btn_full {margin:6px 0 0 0}
.prd_sh_list {margin:0 -21px 65px -21px}
.prd_sh_list .prd_small .prd_chk {vertical-align:middle}
.prd_sh_list .prd_small .prd_tit a {display:block}
.prd_sh_list .prd_small .prd_tit .txt {margin:0}
.prd_sh_list .card_list .prd_box .prd_chk {top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.prd_small .code_num {font-size:12px;margin-bottom:3px}
.prd_small .code_num span {margin-left:4px;font-size:13px;color:#1b1e23}
.prd_small .prd_tit dl {overflow:hidden}
.prd_small .prd_tit dl dt {float:left;font-size:12px;width:47px}
.prd_small .prd_tit dl dd {display:block;overflow:hidden;color:#1b1e23}
.prd_small .prd_tit dl dd.tover {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:36px;line-height:18px;white-space:normal}
.prd_small .prd_tit dl dd.price {color:#666}
.prd_small .prd_tit dl dd.price em {color:#ea2829}
.layer_popup {position:relative; height:100%;}

/* button */
button:disabled {opacity:.4}
button.ico_com {border:none;background-color:transparent}
button[class*="btn_basic"],
a[class*="btn_basic"] {display:inline-flex; justify-content:center; align-items:center; height:34px;padding:0 10px;min-width:50px;font-size:13px;line-height:1.2;letter-spacing:-.05em;text-align:center;font-weight:normal; border-radius:4px}/*2024-02-06 버튼 행간 수정*/
button[class*="btn_basic"].big,
a[class*="btn_basic"].big {min-width:90px;padding:0 10px;height:48px;line-height:48px;text-align:center;font-size:14px}
.btn_full button, .btn_full a {display:block;width:100%;font-size:16px;height:56px;line-height:56px;font-weight:700;}
.btn_box {margin-top:30px;text-align:center}
.btn_box button + button {margin-left:4px}

.btn_box.type2 {display:table;width:100%;table-layout:fixed}
.btn_box.type2 .col {display:table-cell;}
.btn_box.type2 .col:last-child {padding-right:0}
.btn_box.type2 .col button,
.btn_box.type2 .col a {/* display:block; */width:100%;padding:0}/*2024-02-06 버튼 행간 수정*/
.btn_box.type2 .col a.login {height:38px; /*line-height:36px;*/}/*2024-02-06 버튼 행간 수정*/
.btn_box.type2.btn_area {padding: 30px 21px 30px;margin-top:0;background-color:#fff;}
.btn_box.type3 {text-align:right}
.btn_box.type3 button {margin-left:4px}

.btn_box + .btn_full {margin-top:6px}
.mgt_no > .btn_box {margin-top:0;padding-top:20px}
.btn_basic1 {color:#1b1e23 !important;border:1px solid #1b1e23;background-color:#fff}
.btn_basic2 {color:#fff !important;border:1px solid #1b1e23;background-color:#1b1e23}
.btn_basic3 {color:#1b1e23 !important;border:1px solid #1b1e23;background-color:#fff}
.btn_basic4 {color:#1b1e23 !important;border:1px solid #ddd;background-color:#fff}
.btn_basic4 span {color:#999}
.btn_basic4 em {color:#ea2829}
.btn_basic5 {color:#fff !important;border:1px solid #1b1e23;background-color:#1b1e23}
.btn_basic5:hover {background-color:#333339}

/* S: 2023-12-06 버튼 뉴 타입*/
.btn_box.new-type {display:flex; flex-wrap:wrap; gap:0 9px;}
.btn_box.new-type button,
.btn_box.new-type a {display: flex; flex:1; align-items: center; justify-content: center; text-align:center; height: 48px; padding: 0 12px; border-radius: 4px; font-size: 16px; font-weight: 700; letter-spacing: -0.8px; color: #1b1e23;}
.btn_box.new-type .btn_basic1 {border: 1px solid #1b1e23; background-color: #fff;}
.btn_box.new-type .btn_basic2 {background-color: #1b1e23; color: #fff;}
/*E: 2023-12-06 버튼 뉴 타입*/

.with_txt .ui-datepicker-trigger {right:16px}
button.cp {position:relative;padding-right:44px}
button.cp i {position:absolute;top:-1px;right:-1px;width:34px;height:34px;background-color:#1b1e23;border-radius:0 4px 4px 0}
button.cp i:after {position:absolute;top:50%;left:50%;margin:-9px 0 0 -8px}
button .i_write {position:relative;top:-1px;margin-left:4px;vertical-align:middle;display:none;}
button.i_help {position:relative;top:-1px;margin-left:4px;vertical-align:middle}
.link_hpoint {display:inline-block;height:34px;padding:0 12px;min-width:50px;font-size:13px;line-height:32px;text-align:center;color:#fff !important;font-weight:normal;border-radius:4px;background-color:#1b1e23}
.btn_full .link_hpoint {height:40px;line-height:38px;font-size:14px}
.accordion_list ~ .btn_full {margin-top:15px}
.link01 {color:#666;font-size:13px;line-height:18px}
.link01:after {position:relative;top:-2px;margin-left:9px;vertical-align:middle}
.link02 {color:#666;font-size:11px;line-height:18px}
.link02:after {position:relative;top:-1px;margin-left:6px;vertical-align:middle}
.link03 {color:#fff;font-size:13px;line-height:18px}
.link03:after {position:relative;top:-2px;margin-left:9px;vertical-align:middle}
.link03:after {position:relative;top:-2px;margin-left:9px;vertical-align:middle}
.btn01 {display:inline-block;height:23px;line-height:21px;padding:0 5px;border:1px solid #ddd;border-radius:5px;font-size:11px;color:#1b1e23}
.btn01:after {display:inline-block;width:3px;height:5px;margin-left:6px;border-left:3px solid #000;border-bottom:3px solid transparent;border-top:3px solid transparent; vertical-align:1px;content:""}

@media screen and (max-width:375px){
    /*.btn_box.type2 .col {display:block;padding-right:0;margin-bottom:10px;}
    .btn_box.type2 .col ~ .col {padding-left:0;}*/ /*2018-10-24 많은 버튼들이 100%로 늘어나서 다시 주석 처리. 추후 100%버튼이 나와야 할 경우 따로 클래스 줄것 phj*/
    .sub_title .h2_type{font-size:13px;}
    .h3_type2, .h3_type3 {font-size:16px}
    .btn_box.type2.box_cell .col {
        display: table-cell !important;
        padding-right: 3px !important;
        margin-bottom: 0px;
    }
    .btn_box.type2.box_cell .col:last-child {
        padding-right: 0 !important;
    }
}

button[class*="btn_s_basic"],
a[class*="btn_s_basic"] {display:inline-block;height:28px;padding:0 12px;min-width:45px;font-size:12px;/*line-height:28px;*/letter-spacing:-.05em;text-align:center;font-weight:normal;color:#1b1e23;}/*2024-02-06 버튼 행간 수정*/
.btn_s_basic1 {border:1px solid #dde0e5;background:#fff;}
.btn_s_basic2 {border:1px solid #1b1e23;background:#1b1e23;color:#fff !important;}
.btn_s_basic3 {border:1px solid #abb2be;background:#fff;}
.btn_s_basic4 {border:1px solid #dde0e5;background:none;}

/* button */
.btn_basic_new1 {border-color:#1b1e23;background:#1b1e23;color:#fff !important;}
.btn_basic_new2 {border-color:#abb2be;background:#abb2be;font-size:12px;color:#fff;}
.btn_basic_new3 {border-color:#1b1e23;color:#1b1e23;}
button[class*="btn_basic_new"],
a[class*="btn_basic_new"] {border-width:1px;border-style:solid;border-radius:0;font-size:12px;}
button[class*="btn_basic_new"].big,
a[class*="btn_basic"].big {font-size:12px;}
button[class*="btn_basic_new"].b_big,
a[class*="btn_basic"].b_big {min-width:92px;height:48px;padding:0 10px;/*line-height:48px;*/font-size:14px;}/*2024-02-06 버튼 행간 수정*/
button[class*="btn_basic_new"].h36,
a[class*="btn_basic"].h36 {height:36px !important;}

/* noimg */
.noimg_bg {display:block;height:100%;background:#d2d9e5 url("../../images/API_M_KO/common/logo_v.png") no-repeat center 50%;}
.noimg_bg.noimg_main, .noimg_bg.noimg_bn {background-position-y:40%;}
.noimg_bg_h {display:block;height:200px;background:#d2d9e5 url("../../images/API_M_KO/common/logo_h.png") no-repeat center 50%;}

/* btn_group */
.btn_group {display:table;width:100%;table-layout:fixed;border-collapse:collapse}
.btn_group a {display:table-cell;vertical-align:middle;text-align:center;height:48px;line-height:48px;width:100%;font-size:14px;font-weight:700;border:1px solid #1b1e23;}
.btn_group a.btn_w {background:#fff;color:#1b1e23}
.btn_group a.btn_b {background:#1b1e23;color:#fff}
.btn_group a.bbig {height:58px;line-height:61px;}
.btn_group.ty_count  {width:100%;}
.btn_group.ty_count .btn_count {display: table-cell;width:100%;}
.btn_group.ty_count .btn_count::before {content:'';position:absolute;top:-1px;left:0;width: calc(100% - 40px);margin-left:20px;border-top:1px solid #1b1e23; }
.btn_group.ty_count .btn_count .cart_amount {width:140px;margin: 5px auto 0;}

.btn_box1 {padding:28px 0;text-align:center;}
.btn_box2 {padding:16px 0 20px;text-align:center;}
.btn_box2 button {min-width: 94px;}
.btn_box1 .bbig {height:56px;padding:0 28px;line-height:54px;font-size:16px;font-weight:700;}
/* tab */
.tab_type1 {position:relative;z-index:3;display:table;width:100%;table-layout:fixed;border-bottom:1px solid #ddd}
.tab_type1 li {position:relative;display:table-cell;height:42px;vertical-align:top}
.tab_type1 li a {display:table;width:100%;height:100%;text-align:center;font-size: 12px; /* line-height: 44px; */color:#abb2be;font-weight: 700;background-color:#fff}
.tab_type1 li a span {display:table-cell;vertical-align:middle;height:100%}
.tab_type1 li a span em {color:#999;/*display:block;margin-top:-1px*/}
.tab_type1 li a span em.small {margin-top:-3px}
.tab_type1 li a.active,
.tab_type1 li a.active span em {color:#1b1e23}
.tab_type1 li a.active span:after {content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#1b1e23}
.tab_type1.wide {width:auto}
.tab_type2 {display:table;width:100%;table-layout:fixed;border-collapse:collapse}
.tab_type2 li {display:table-cell;vertical-align:middle;text-align:center}
.tab_type2 li button {display:block;height:36px;width:100%;font-size:12px;border:1px solid #ddd}
.tab_type2 li:first-child button {border-right:none;border-radius:5px 0 0 5px}
.tab_type2 li button.active {color:#fff;background-color:#1b1e23;border-color:#1b1e23}
.tab_type2 li:last-child button {border-left:none;border-radius:0 5px 5px 0}
.tab_type_brand {display:table;width:100%;table-layout:fixed;border-collapse:collapse}
.tab_type_brand li {display:table-cell;vertical-align:middle;text-align:center}
.tab_type_brand li button {display:block;height:36px;width:100%;font-size:12px;border:1px solid #ddd;background-color:#ffffff}
.tab_type_brand li:first-child button {border-right:none;border-radius:5px 0 0 5px}
.tab_type_brand li button.active {color:#fff;background-color:#1b1e23;border-color:#1b1e23}
.tab_type_brand li:last-child button {border-left:none;border-radius:0 5px 5px 0}
.tab_type3 {display:table;width:100%;table-layout:fixed;border-collapse:collapse}
.tab_type3 li {position:relative;display:table-cell;height:34px;vertical-align:middle;text-align:center}
.tab_type3 li button {display:block;height:34px;width:100%;font-size:13px;color:#1b1e23;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fafafa}
.tab_type3 li:first-child button {border-left:1px solid #ddd;border-radius:5px 0 0 5px}
.tab_type3 li button:after {content:'';position:absolute;top:10px;bottom:10px;right:0;width:1px;display:block;background-color:#ddd}
.tab_type3 li:last-child button {border-right:1px solid #ddd;border-radius:0 5px 5px 0}
.tab_type3 li:last-child button:after,
.tab_type3 li button.active:after {display:none}
.tab_type3 li button.active {color:#fff;background-color:#1b1e23;border:1px solid #1b1e23 !important}
#searchTotal {overflow:hidden;position:relative;width:100%}
#searchTotal .swiper-wrapper {display:-webkit-box;display:-moz-box}
#searchTotal .search-slide {position:relative;background:#fff}
.sch_tab {display:table;width:100%;table-layout:fixed;border-collapse:collapse}
.sch_tab li {display:table-cell;vertical-align:middle;text-align:center}
.sch_tab li button {display:block;height:36px;width:100%;font-size:12px;border:1px solid #ddd}
.sch_tab li:first-child button {border-right:none;border-radius:4px 0 0 4px}
.sch_tab li.active button,
.sch_tab li:nth-child(2).active button {color:#fff;background-color:#ea2829;border-color:#ea2829}
.sch_tab li ~ li button {border-left:none}
.sch_tab li:nth-child(2) button {border-left:1px solid #ddd}
.sch_tab li:last-child button {border-radius:0 4px 4px 0}
.tab_view_box,
.tab_view_box2,
.tab_view_box4, /* 2022-06-20 tab_type4 추가 pub10 */
.tab_view_box5, /* 2022-06-20 tab_type5 추가 pub10 */
.tab_view_box_brand {display:none}
.tab_view_box.block,
.tab_view_box2.block,
.tab_view_box4.block, /* 2022-06-20 tab_type4 추가 pub10 */
.tab_view_box5.block, /* 2022-06-20 tab_type5 추가 pub10 */
.tab_view_box_brand.block {display:block}
/* S: 2022-06-20 tab_type4, tab_type5 추가 pub10 */
.tab_type4 {position:relative;z-index:3;display:table;width:100%;table-layout: fixed;border:1px solid #ddd;border-radius:4px;}
.tab_type4 li {position:relative; display:table-cell; height:36px; vertical-align:top;}
.tab_type4 li + li:before {content:'';position:absolute;left:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#ddd;z-index: 1;}
.tab_type4 li a {position:relative; display:table; width:100%; height:100%; text-align:center;font-size: 13px;color:#abb2be;}
.tab_type4 li a span {display:table-cell; vertical-align:middle; height:100%;}
.tab_type4 li a.active {color:#1b1e23; font-weight:700;}
.tab_type5 {position:relative;z-index:3; display:flex; justify-content:space-between;}
.tab_type5 li {position:relative; vertical-align:top; }
.tab_type5 li a {position:relative; display:inline-block; font-size: 13px;color:#AFB5BF; padding:0 5px 5px; margin:0 5px;}
.tab_type5 li a.active {color:#000; font-weight:700;}
.tab_type5 li a.active:after {content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#000}
/* E: 2022-06-20 tab_type4, tab_type5 추가 pub10 */

/* 컨텐츠 검색 */
.basic_search {position:relative;margin:0 0 20px;padding:17px 85px 17px 2px;border-bottom:2px solid #333;overflow:hidden;}
.basic_search input {width:100%;border:none;padding:0 0;height:24px;line-height:24px;font-size:16px;}
.basic_search_btn {position:absolute;right:20px;top:calc(50% - 12px);width:24px;height:24px;background:url('../../images/API_M_KO/common/ico_basic_search.png') 0 0 no-repeat;background-size:24px 24px;}
.basic_search input::-webkit-input-placeholder {color:#ccd1d8}
.basic_search .btn_search_clear {
    position: absolute;
    top: 19px;
    right: 60px;
    width: 18px;
    height: 18px;
    background-image: url(../../images/API_M_KO/common/Ic_clearbtn.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
}

/* table */
.tb_list table {border-top:1px solid #000000;text-align:left}
.tb_list thead th {padding:8px 0;border-bottom:1px solid #dddddd;font-size:12px;line-height:17px;text-align:center}
.tb_list tbody th {padding:12px 10px;border-bottom:1px solid #f2f2f2;font-size:12px;line-height:17px;vertical-align:top}
.tb_list tbody td {padding:12px 10px;border-bottom:1px solid #f2f2f2;font-size:13px;line-height:18px;color:#1b1e23;vertical-align:top}
.tb_list tbody td .dot_list.black li {color:#1b1e23}
.tb_list thead th.tr , .tb_list.ty_align_m .txt_va_b.tr {padding-right:0;}
.tb_list .tc {text-align:center}
.tb_list .txt_more {position:relative}
.tb_list .txt_more p {padding-right:28px;}
.tb_list .txt_more .btn_more {position:absolute;top:0;right:0;padding:0;display:none}
.tb_list .txt_more .btn_more i {display:block;background-position:-80px -190px}
.tb_list .txt_more.opened {height:18px;overflow:hidden}
.tb_list .txt_more.opened .btn_more {top:inherit;bottom:0}
.tb_list .txt_more.opened .btn_more i {background-position:-60px -190px}
.tb_list.type2 tbody th {padding:12px 0}
.tb_list.type2 tbody td {padding-right:0}
.tb_list.type2 img {max-width:100%}
.tb_list.savemoney {margin:33px 21px 0 21px}
.tb_list.savemoney tbody td {text-align:right}
.tb_write tbody th {height:43px;padding-top:16px;vertical-align:top;font-size:12px;line-height:17px;text-align:left;color:#666}
.tb_write tbody td {padding-top:15px;vertical-align:top;color:#1b1e23;font-size:13px;line-height:18px;word-break: break-all;}
.tb_write tbody th.type2,
.tb_write tbody td.type2 {padding-top:9px}
.tb_write tbody td .info_t {margin-top:5px}
.tb_write tbody td .t_error {margin-top:5px;color:#ea2829;font-size:11px;line-height:16px}
.tb_write tbody th > em.essential {color:#ea2829}
.tb_write tbody th > em.essential:after {display: none;} /* // 2024-01-25 고객센터 문의 필수항목 아이콘 중복 삭제 건 */
.tb_write tbody th.wide {padding-bottom:0;height:auto}
.tb_write tbody td.wide {padding-top:4px}
.tb_write.mg_minus {margin-top:20px;padding-top:15px;border-top:1px solid #f2f2f2}
.tb_write.rateit_wrap {margin:0 -21px 10px;border-bottom:1px solid #f2f2f2}
.tb_write.rateit_wrap table {padding:13px 21px 20px}
.tb_write.rateit_wrap tbody th {height:34px;padding-top:0;vertical-align:middle}
.tb_write.rateit_wrap tbody td {text-align:right;padding-top:0;vertical-align:middle}

.mu_box {margin-top:28px;}
.mu_box table {border-top:2px solid #1b1e23;border-bottom:1px solid #dde0e5;text-align:left;}
.mu_box tbody th {padding:15px 0 12px;font-weight:700;font-size:14px;line-height:17px;text-align:left;}
.mu_box tbody td {padding:2px 0;font-size:12px;line-height:14px;color:#1b1e23;vertical-align:top}
.mu_box tbody td.total {padding:2px 0 12px;}

/* dl_price 금액table */
.dl_price li {padding:10px 0;border-top:1px solid #dde0e5;}
.dl_price li:first-child {border-top:0;}
.dl_price dl {display:table;width:100%;padding:10px 0 9px;}
.dl_price dl.tr_sub {padding:0 0 0 5px}
.dl_price dl.tr_sub:last-child {padding-bottom:10px}
.dl_price dt,
.dl_price dd {display:table-cell;font-size:14px;letter-spacing:-0.7px;color:#1b1e23;}
.dl_price dt {text-align:left;}
.dl_price dd {text-align:right;}
.dl_price dd strong {font-family:'roboto';font-size:16px;letter-spacing:0;}
.dl_price .tr_sub dt,
.dl_price .tr_sub dd {padding:0 0 5px 0;color:#5c6677;}
.dl_price .tr_sub dd strong {font-weight:normal;}
.dl_price .total {border-top:2px solid #000;font-weight:700;}
.dl_price .total dt,
.dl_price .total dd {color:#ea2829;}
.dl_price .total dd {font-size:14px;font-weight:normal}
.dl_price .total dd strong {font-size:18px;}

/* tb_etc */
.tb_etc table {border-bottom:1px solid #dde0e5}
.tb_etc th,
.tb_etc td {padding:5px 0;text-align:left;}
.tb_etc th {padding-left:20px;font-size:13px;color:#5c6677;}
.tb_etc td {font-size:14px;font-weight:700;color:#1b1e23;}
.tb_etc thead td {padding:15px;border:1px solid #dde0e5;border-width:0 0 1px 1px;font-size:13px;font-weight:normal;color:#5c6677;}
.tb_etc thead td strong {display:block;padding-top:3px;font-size:18px;color:#1b1e23;}
.tb_etc thead .no_leftline {border-left:0}
.tb_etc thead tr:first-child th,
.tb_etc thead tr:first-child td {padding-top:20px;border-top:2px solid #1b1e23;}
.tb_etc tbody tr:first-child th,
.tb_etc tbody tr:first-child td {padding-top:20px;}
.tb_etc tbody tr:last-child th,
.tb_etc tbody tr:last-child td {padding-bottom:20px;}

/* text */
.info_t {color:#999;font-size:11px;line-height:16px}
.info_t2 {margin-bottom:15px;font-size:11px}
.info_t3 {color:#666}
.info_t.type2 {margin-top:10px;text-align:center;color:#666}
.info_t.type3 {margin-top:5px;text-align:right}
.point_txt {font-size:15px;line-height:20px;color:#1b1e23}
@media (max-width:320px) {
    .point_txt {font-size:14px;}
}
.point_txt i.old_pw {display:block;margin:5px auto 10px auto !important}
.point_txt2 {font-size:17px;line-height:20px;color:#1b1e23}
.point_txt2 .sub_txt {margin-right:5px;font-size:15px;color:#999}
.point_txt3 {font-size:15px;line-height:20px;color:#1b1e23}
.point_txt4 {font-size:14px;line-height:20px;color:#1b1e23}
.point_txt.type2 {color:#1b1e23;line-height:22px}
.point_txt.type2 strong {color:#1b1e23}
.point_txt i {display:none;position:relative;top:-1px;margin-right:5px;vertical-align:middle}
.point_txt em {color:#1b1e23;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;}
.basic_txt {line-height:18px;word-break: normal;}
.basic_txt span {color:#1b1e23}
.basic_txt strong {color:#1b1e23;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;}
.basic_txt em {color:#1B1E23;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;}/* 2021-09-09 휴면계정 팝업 관련 수정: #ea2829 → #1B1E23 */
.point_txt + .basic_txt {margin-top:5px}
.int01 {padding-left:12px;text-indent:-12px}
.int02 {padding-left:7px;text-indent:-7px}
.int03 {padding-left:34px;text-indent:-34px}
.int04 {padding-left:42px;text-indent:-42px}
.txt01 {font-size:12px;color:#1b1e23}
.txt01.type2 {color:#666}
.txt01.type3 {color:#999}
.txt02 {font-size:21px;color:#1b1e23}
.txt02.type2 {color:#333}
.txt02 span {color:#ea2829}
.txt03 {font-size:13px;color:#1b1e23}
.txt_with_btn {position:relative;padding-right:80px;min-height:34px;color:#666}
.txt_with_btn p {padding-top:6px}
.txt_with_btn p.nop {padding-top:0;line-height:18px; word-break: keep-all;}
.txt_with_btn button,
.txt_with_btn a {position:absolute;top:0;right:0}
.txt_with_btn.type2 {padding:10px 0 5px 0}
.txt_with_btn.first {padding-top:19px}
.top_line {margin:20px -20px 0 -20px;padding:15px 20px 0 20px;border-top:1px solid #f2f2f2}
.txt_with_btn + .txt_with_btn {margin-top:10px}

/* form */
.form_box {position:relative;display:table;table-layout:fixed;width:100%;min-height:34px}
.form_box .placeholder_wrap {position:relative}
.form_box .placeholder_wrap label {position:absolute;top:0;left:7px;line-height:34px;color:#999}
.form_box .cols {position:relative;display:table-cell}
.form_box .cols ~ .sel {padding-left:6px}
.form_box .cols ~ .cols .checkbox {margin-left:6px;margin-right:-20px}
.form_box .cols.sel {display:table-cell}
.form_box .cols.with_txt {padding-right:16px}
.form_box .cols.with_txt span,
.form_box .cols.with_txt2 span,
.form_box .cols.with_txt3 span {position:absolute;top:0;text-align:center;line-height:34px}
.form_box .cols.with_txt2 {padding-left:12px}
.form_box .cols.with_txt3 {padding:0 16px 0 12px}
.form_box .cols.with_txt4 {padding:0 16px}
.form_box .cols.with_txt span {right:0;width:16px}
.form_box .cols.with_txt2 .l_txt,
.form_box .cols.with_txt3 .l_txt {left:0;text-align:left;width:12px}
.form_box .cols.with_txt4 .l_txt {left:0;width:16px;text-align:center}
.form_box .cols.with_txt3 .r_txt {right:0;width:16px}
.form_box input[type="text"],
.form_box input[type="password"],
.form_box input[type="email"],
.form_box input[type="tel"] {width:100%}
.form_box .spinner_box .ui-spinner-input {width:calc(100% - 80px)}
.form_btn {position:absolute;top:0;right:0}
.form_btn.type2 {top:-8px}
.form_box .sel {display:block}
.form_box .checkbox,
.form_box .radio {display:inline-block;margin:6px 20px 6px 0}
.form_box .block {display:block !important}
.form_box .checkbox:last-child,
.form_box .radio:last-child {margin-right:0}
.form_box .checkbox ~ .info_t {margin-top:0}
.form_box ~ .form_box {margin-top:6px}
p.form_txt a {color:#1b1e23;text-decoration:underline}
span.form_txt {margin:0 10px}
.with_btn1 {position:relative;padding-right:70px}
.with_btn2 {position:relative;padding-right:95px}
.with_btn3 {position:relative;padding-right:57px}
.with_link .link02 {position:absolute;top:50%;right:3px;margin-top:-9px;height:18px;line-height:18px}
.form_box.with_btn1 .checkbox {margin-right:0}
.top_btn {padding-top:25px;text-align:right}
.form_box.in_txt input[type="text"],
.form_box.in_txt input[type="password"],
.form_box.in_txt input[type="email"],
.form_box.in_txt input[type="tel"] {padding-right:40px}
.form_box.in_txt .txt {position:absolute;right:10px;line-height:32px}
.form_box.in_txt .txt.time {color:#ea2829;font-size:12px}
.form_box.time .cols:first-child {padding-right:3px}
.form_box.time .cols ~ .cols {padding-left:3px}
.form_box .cols.with_txt.sel:after {right:30px}
.form_box .cols.sh {padding-left:6px}
.form_box .cols.sh .i_sh {position:absolute;right:0;top:1px;width:35px;height:32px}
.form_box textarea {height:120px;line-height:18px}
.form_box .ui-datepicker-trigger {width:100%;font-size:0}
.form_box .ui-datepicker-trigger:after {content:'';position:absolute;top:0;right:0;width: 32px;height: 32px;background: url(../../images/API_M_KO/common/ic_calendar.png) center center no-repeat;background-size: 24px 24px;}
.form_box.input_box .cols {padding:0 4px;}
.form_box.input_box .cols:first-child {padding-left:0}
.form_box.input_box .cols:last-child {padding-right:0}
.form_box.input_box .cols_txt {width:12px;padding:0;text-align:center;}

/* join */
.t_error2 {padding:0 20px;margin-top:5px;line-height:16px;color:#ea2829;font-size:11px;text-align:left}
.join_form .join_row {position:relative;min-height:54px;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}
.join_form .join_row.mail_type {border-top-color:#e6e6e6 !important}
.join_form .ui-datepicker-trigger {right:14px;top:15px;margin-top:0;/* right:18px;top:18px;width:21px;height:18px */width:24px; height:24px;}/*2018-11-06 data picker*/
.join_form .join_row ~ .join_row {margin-top:-1px;border-color:#f2f2f2}
.join_form .join_row:last-child {margin-bottom:-1px;border-bottom-color:transparent}
.join_form.type2 .join_row:last-child {border-bottom-color:#f2f2f2}
.join_form .join_row.lineb,
.join_form.type2 .join_row.lineb {position:relative;z-index:2;border-bottom-color:#ddd}
.join_form.type2 ~ .type2 .join_row:first-child {border-top-color:transparent}
.join_form .join_row input[type="text"], .join_form .join_row input[type="txt"],
.join_form .join_row input[type="password"],
.join_form .join_row input[type="tel"],
.join_form .join_row input[type="email"] {width:100%;padding:0 10px 0 20px;height:50px;border-color:transparent}
.join_form .join_row input[disabled='disabled'],
.join_form .join_row input[disabled],
.join_form .sel select:disabled {background-color:#f7f7f7 !important; color: #999 !important; opacity: 1;}/* 2020-11-23 select disabled 수정 */
.join_form .join_row input.datepicker[disabled='disabled'],
.join_form .join_row input.datepicker[disabled] {background-color:#fff !important}
.join_row.placeholder_wrap {position:relative}
.join_row.placeholder_wrap label {position:absolute;top:0;left:20px;line-height:54px;color:#999}
.join_row.placeholder_wrap label span {padding-left:4px;font-size:11px;color:#999}
.join_row .t_error {padding:0 20px 13px 20px;line-height:16px;color:#ea2829;font-size:11px;text-align:left}
.join_row.tb_block {display:table;table-layout:fixed;width:100%}
.join_row.tb_block .join_col {display:table-cell;text-align:center;vertical-align:middle}
.join_row.tb_block .join_col.sel {vertical-align:top}
.join_row.tb_block > .t_error {display:table-row}
.join_row.tb_block > .t_error span {display:block;padding:0 0 13px 20px;white-space:nowrap}
.join_form .with_txt {position:relative;padding-right:20px}
.join_form .with_txt span {position:absolute;top:0;right:0;width:20px;color:#1b1e23;text-align:center;line-height:54px}
.join_form .sel select {height:54px;padding-left:20px;border-color:transparent}
.join_form .sel:after {right:12px;top:25px;margin-top:0}
.join_form .sel + .join_col {border-left:1px solid #f2f2f2}
.join_row .posi_right {position:absolute;top:0;right:20px;padding-right:2px;text-align:right;line-height:54px;color:#ea2829}
.join_row.with_btn1 button,
.join_row .with_btn1 button,
.join_row.with_btn2 button,
.join_row .with_btn2 button {position:absolute;top:10px;right:20px}
.join_row.dis {background-color:#f7f7f7;border-color:#eaeaea}
.join_row.tb_block .join_col:first-child input[type="tel"] {padding-left:20px}
.join_row.tb_block .join_col input[type="tel"] {padding-left:15px}
.secession .join_form .join_row {border-top:none;}
.w01 {width:80%}
.w02 {width:37%}
.w03 {width:20%}
.w04 {width:18%}
.w05 {width:70%}
.w06 {width:60%}
.w07 {width:45%}
.w08 {width:55%}
.w09 {width:102px}
.w10 {width:92px}
.w14 {width: 10%}

.choice_box {padding:15px 20px 0 20px}
.choice_box > p {margin-bottom:10px;color:#1b1e23}
.choice_box ul:after {content:'';display:block;clear:both}
.choice_box ul {margin-top:-8px;padding-bottom:15px}
.choice_box ul li {float:left;width:50%;margin-top:8px}
.choice_box ul li:nth-child(2n+1) {clear:both}
.error_txt_box .t_error {padding:10px 0 0 0;line-height:16px;color:#f4511e;font-size:11px}
.iframe_box .error_txt_box .t_error {padding-top:5px}
.error_txt_box.type2 {border-bottom:1px solid #f2f2f2}
.no_top .error_txt_box .t_error {padding-top:0}
.info_center {padding-top:20px;text-align:center}
.info_center .small_form {margin:10px 50px 0 50px}
.info_center .basic_txt .link {color:#ea2829;text-decoration:underline}
.join_bn {margin-top:25px}
.join_bn ul li img {width:100%;vertical-align:top}
.join_bn ul li ~ li {margin-top:10px}
.join_box_type ul {display:table;table-layout:fixed;width:100%}
.join_box_type ul li {display:table-cell}
.join_box_type ul li:first-child {padding-right:3px}
.join_box_type ul li ~ li {padding-left:3px}
.join_box_type ul li a {display:block;padding-top:25px;height:115px;color:#1b1e23;text-align:center;border:1px solid #ccc;border-radius:4px}
.join_box_type ul li a:hover {border:1px solid #1b1e23}
.join_box_type ul li a i {display:block;margin:0 auto 7px auto}
.basic_txt ~ .join_box_type {margin-top:15px}
.find_idpw {margin-top:12px;padding-bottom:20px;text-align:center}
.find_idpw ul {display:inline-block}
.find_idpw ul:after {content:'';display:block;clear:both}
.find_idpw ul li {float:left}
.find_idpw ul li a {position:relative;display:block;padding:0 13px;color:#666}
.find_idpw ul li ~ li a:before {content:'';position:absolute;top:50%;left:0;display:block;margin-top:-6px;width:1px;height:12px;background-color:#ddd}
.join_complete .title {text-align:center;font-size:15px;color:#000}
.join_complete ul:after {content:'';display:block;clear:both}
.join_complete ul li {float:left;width:50%;margin-top:15px;text-align:center}
.join_complete ul li a {display:block}
.join_complete ul li a img {width:100px}
.join_complete ul li a span {display:block;margin-top:5px}
.idpw_find .hpoint + ul.find_box {margin-top:6px;}

.info_center_new {padding:60px 0 0;text-align:center;color:#1b1e23;}
.info_center_new .small_form {margin:20px 20px 0;}
.info_center_new .small_form input[type="text"],
.info_center_new .small_form input[type="password"] {height:48px;line-height:48px;padding:0 20px;}
.info_center_new .basic_txt {font-size:14px;line-height:20px;}
.info_center_new .basic_txt .link {color:#ea2829;text-decoration:underline}

/* 마이 */
.small_form.sel {display:block}
.small_form input[type="text"],
.small_form input[type="password"],
.small_form input[type="tel"],
.small_form input[type="email"] {width:100%}
.small_form ~ .small_form {margin-top:6px}

/*2022-03-07 마이 스페셜오더 수정*/
.category_list.myhd_special .cat_tit .cat_total .txt_lft {text-align:left;}
.category_list.myhd_special .cat_tit .cat_total .txt_lft em {color:#1b1e23;}
.category_list.myhd_special .cat_tit .cat_total > span {margin-top:20px; font-size:14px; font-weight:700;}
.myhd_special .tbl_box .tbl_list dl dt {width:40%;}

/* list */
.list_top {position:relative;height:44px;padding:0 21px}
.list_top:after {content:'';display:block;clear:both}
.list_top .total {float:left;line-height:37px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;font-size:21px;color:#1b1e23}
.list_top .total em {margin-left:5px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-size:13px;color:#999}
.list_top .list_sort {position:absolute;top:0;right:21px;}
.list_top .list_sort .sel select {min-width:130px}
.review_list > ul {border-top:1px solid #f2f2f2}
.review_list > ul > li {padding:0 21px;border-bottom:1px solid #f2f2f2}
.review_list > ul > li > a,
.review_list > ul > li > .food {display:block;padding:15px 0 12px;cursor:pointer}
.review_list .title {margin-top:7px;color:#1b1e23;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.review_list .title2 {color:#1b1e23;line-height:16px;word-break:break-all}
.review_list .review_img + .title2 {padding-left:125px}
.review_list .title .photo {position:relative;top:1px;margin-right:5px}
.review_list .info {display:block;margin-top:3px;color:#999;font-size:11px}
.review_list .info .date:before {content:'';display:inline-block;width:1px;height:10px;margin:0 8px;background-color:#999}
.review_cont {display:none;position:relative;padding-bottom:15px}
.review_cont:after {content:'';display:block;clear:both}
.review_cont .review_img {float:left;width:140px;padding-right:15px}
.review_cont .review_img img {width:140px;vertical-align:top}
.review_cont .review_txt {margin-bottom:56px;line-height:18px;word-break:break-all;/*display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;*/overflow:hidden}
.review_cont .btn_wrap {position:absolute;right:0;bottom:20px;margin-bottom:0 !important;font-size:0}
.review_cont .btn_wrap button ~ button {margin-left:6px}
.reply_top {padding:25px 21px 12px}
.reply_top .reply_count {display:inline-block;margin-top:20px;color:#1b1e23}
.reply_top .reply_count .point_col01 {color:#1B1E23;}
.review_cont2 {position:relative;padding:15px 0}
.review_cont2 .my_reply {display:inline-block;height:15px;padding:0 8px;background-color:#ea2829;line-height:15px;font-size:11px;color:#fff;vertical-align:top;border-radius:7px; margin-bottom:10px;}/* 2021-08-24 수정 : H.story [나의댓글] 아이콘과 댓글 사이 간격 */
.review_list .btn_wrap {margin:-10px 0 15px 0;text-align:right}
.review_list .btn_wrap button ~ button {margin-left:4px}
.photo_type .review_cont2 {min-height:140px}
.photo_type .review_cont2 .review_img {position:absolute;left:0;width:125px;padding-right:15px}
.photo_type .review_cont2 .review_data {min-height:110px;padding-left:125px}
.photo_type .review_cont2 .info {clear:both;padding-top:3px}
.photo_type .review_data .btn_wrap {margin:10px 0 0 0}
.contents_area .paging.reply {margin:15px 0 25px 0}
.review_list.prd_comment {margin:0 -21px 15px}
.review_list.prd_comment > ul > li {padding-left:0;padding-right:0}
.review_list.prd_comment > ul > li > a {padding:15px 21px }
.review_list.prd_comment .tit_bar {position:relative;height:32px;padding:0 21px;background-color:#f9f9f9;font-size:12px;line-height:32px;cursor:pointer}
.review_list.prd_comment .tit_bar:after {content:'';display:block;clear:both}
.review_list.prd_comment .tit_bar .t_tit {padding-right:80px;color:#1b1e23;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.review_list.prd_comment .tit_bar .t_date {position:absolute;top:0;right:21px;color:#999}
.review_list.prd_comment.reoder {margin-bottom:-25px}
.review_list.prd_comment.reoder > ul > li {position:relative}
.review_list.prd_comment.reoder > ul > li:last-child {border-bottom:none}
.review_list.prd_comment.reoder .title {margin-top:0}
.review_list.prd_comment.reoder .tit_bar .ing {color:#5c6677}
.review_list.prd_comment.reoder .tit_bar .end {color:#0e8de6}
.review_list.prd_comment.reoder > ul > li > a {padding:0}
.review_list.prd_comment.reoder .prd_small {padding:13px 97px 13px 21px}
.review_list.prd_comment.reoder .prd_small .prd_tit .info .date:before {margin:0 5px}
.review_list.prd_comment.reoder .btn_basic4 {position:absolute;right:21px;top:50%;margin-top:-2px;padding:0;width:70px}
.review_list.prd_comment .review_cont {padding-left:21px;padding-right:21px}
.review_list.prd_comment .review_cont .btn_wrap {right:21px}
.no_review_list {margin:0 -21px}
.no_review_list li {position:relative;border-bottom:1px solid #f2f2f2}
.no_review_list li > a {position:relative;display:block;/*height:110px;*/padding:15px 90px 15px 21px}
.no_review_list li > button {position:absolute;top:50%;right:21px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
.no_review_list + .btn_full {padding-top:15px}
.star_wrap {margin-bottom:15px;padding:7px 0 ;background-color:#fafafa;font-size:0;text-align:center}
.star_wrap dl {display:inline-block}
.star_wrap dl ~ dl {margin-left:15px}
.star_wrap dl:after {content:'';display:block;clear:both}
.star_wrap dt {float:left;padding-right:10px;font-size:12px}
.star_wrap dd {float:left}
.star_wrap dd .ico_com.star {margin-top:4px;text-align:left}
div.rateit {position:relative;top:2px;display:inline-block;height:20px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none}
div.rateit div.rateit-range {background:url("../../images/API_M_KO/common/star_default.png") 0px 0px;background-size:24px 20px;display:inline-block;position:relative}
div.rateit div.rateit-hover {left:0px;position:absolute}
div.rateit div.rateit-selected {left:0px;position:absolute}
div.rateit div.rateit-hover,
div.rateit div.rateit-selected,
div.rateit div.rateit-preset {background:url("../../images/API_M_KO/common/star_on.png") 0 0;background-size:24px 20px}

/* paging *//*2024-04-02 수정. 페이징 스타일 전체 변경*/
.contents_area .paging {margin:20px -21px 0 -21px}
.paging {/*font-size:0;*/display: flex; align-items:center; justify-content:center; gap:4px; text-align:center}
.paging a {display:inline-flex; align-items:center; justify-content:center; min-width:28px;height:28px;padding:0 10px;text-align:center; color:#5c6677;}
.paging .active {font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700; background-color: #1b1e23; border-radius: 4px; color:#fff;}
.paging :is(.first, .last, .prev, .next) {min-width:24px; width:24px; height:24px;}
.paging .prev {margin-right:10px;}
.paging .next {margin-left:10px;}
.paging .first:before, 
.paging .last:before {background:url("../../images/API_M_KO/common/ico_paging_double_arrow.svg") no-repeat 50% 50%/contain; width:16px; height:16px; flex-shrink: 0;}
.paging .first:before {transform:rotate(-180deg);}
.paging .prev:before,
.paging .next:before {background:url("../../images/API_M_KO/common/ico_paging_arrow.svg") no-repeat 50% 50%/contain; width:16px; height:16px; flex-shrink: 0;}
.paging .prev:before {transform:rotate(-180deg);}

/* 유의사항 */
.attention_wrap .attention {margin-bottom: 12px;padding: 10px 0; border-bottom: 1px solid #1b1e23;font-size:14px;color:#1b1e23;line-height:100%;font-weight:700; }/*180917 lsy*/
.attention_wrap .attention:before {display: none;}
.attention_wrap .dot_list li p.int02 {margin-top:0}
.attention_wrap .dot_list li .btn_r {margin:8px 0;text-align:right}
.attention_wrap ul {margin-top:8px}

.dot_list li {position:relative; padding-left:7px; line-height:1.4em; color:#1b1e23; word-break:break-all;}
.dot_list li.point {color:#1b1e23}
.dot_list li.point2 {color:#1b1e23}
.dot_list li ~ li {margin-top:5px}
.dot_list li::before {content: ''; position: absolute; top: 7px; left: 0;width: 2px; height: 2px; background-color: #1b1e23;}
.dot_list.black li strong {color:#1b1e23}
.dot_list.black li:before {background-color:#1b1e23}
.dot_list li p.int04,
.dot_list li p.int02 {margin-top:4px}
.dot_list li .btn01 {margin-top:5px}
.dot_list .int_txt {padding-left:8px;text-indent:-8px}
.sub_tit {margin-top:25px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;font-size:15px;color:#1b1e23}
.dot_list .btn_area {text-align:right}
.dot_list .btn_area button {margin-top:5px;color:#666}
.dot_list .btn_area .i_arrow {margin:-2px 0 0 5px;vertical-align:middle;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.p_dot_list {position:relative;padding-left:8px;line-height:18px;color:#666}
.p_dot_list:before {content:'';position:absolute;top:7px;left:0;width:3px;height:3px;border-radius:50%;background-color:#666}
.dash_list li{position:relative;padding-left:6px;}
.dash_list li + li {margin-top:5px}
.dash_list li:before {content:'';position:absolute;top:10px;left:0;width:4px;height:1px;background-color:#8f8f8f}
.dash_list.type1 li{color:#999;font-size:12px;}

/* 상품 리스트 */
.prd_icon:after {content:'';display:block;clear:both}
.prd_icon [class*='prd_'] {float:left;display:inline-block;width:44px;height:15px;line-height:15px;margin:2px 0 0 2px;border-radius:15px;font-size:11px;color:#fff;text-align:center}
.prd_icon .prd_coupon {background-color:#60b3ef}
.prd_icon .prd_sale {background-color:#f95c5c}
.prd_icon .prd_gift {background-color:#e573b0}
.prd_icon .prd_3time {background-color:#50c686}
.prd_icon .prd_5time {background-color:#a8c846}
.prd_icon .prd_new {background-color:#41cbce}
.prd_icon .prd_soldout {background-color:#e78c52}
.prd_icon .prd_bigsale {background-color:#c088e5}
.prd_tit > span {display:block}
.prd_tit .brand {font-size:14px;color:#1b1e23;line-height:1;font-weight:700;}
.prd_tit .brand_stxt {margin-top: 4px;font-size:13px;color:#abb2be;line-height:1;display: inline-block;}
.prd_tit .brand_ex {font-size:14px;color:#1b1e23;margin-top:2px;margin-bottom:10px;}
.prd_tit .txt {height:54px;margin:3px 0 1px;color:#666;line-height:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.prd_tit .msg {font-size:14px}
.prd_tit .msg em {color:#ea2829}
.prd_price > span {font-size:14px;color:#ea2829}
.prd_price .be {margin-right:6px;font-size:11px;color:#ccc;text-decoration:line-through}
.prd_price .sale {color:#ea2829}
.prd_price .won,
.prd_price .soldout_txt {display:block;margin-top:1px;font-size:13px;color:#666}
.prd_price .etc {font-size:13px;color:#999}
.prd_small {display:table;width:100%;table-layout:fixed}
.prd_small .prd_img {display:table-cell;width:90px;vertical-align:top;}
.prd_small .prd_img img {width:80px;height:80px}
.prd_small .prd_tit {display:table-cell;vertical-align:middle}
.prd_small .prd_tit .prd_icon {margin:-2px 0 10px -2px}
.prd_small .prd_tit .ico_com.star {display:block}
.prd_small .prd_tit .title {font-size:14px;color:#1b1e23;line-height:16px;}
.prd_small .prd_tit .ico_com.star + .title {margin-top:5px}
.prd_small .prd_tit .txt {display:block;height:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.prd_small .prd_tit .txt span {color:#1b1e23}
.prd_small .prd_tit .txt em {color:#999}
.prd_small .prd_tit .info {color:#999;font-size:11px;line-height:1}
.prd_small .prd_tit .info .date:before {content:'';display:inline-block;width:1px;height:10px;margin:0 8px;background-color:#f2f2f2}
.prd_list_top {height:41px;border-top:1px solid #eef0f2;border-bottom:4px solid #fff}
.prd_list_top.prd_fixed_wrap.prd_fixed {position:fixed;left:0;background-color:#fff;z-index:104;width:100%;border-top:1px solid #dde0e5;}
.prd_list_top.ty02.fixed {position:fixed;top:60px;left:0;width:100%;background-color:#fff;z-index:111;}
.prd_list_top:after {content:'';display:block;clear:both}
.prd_list_top.bor_top {border-top:1px solid #eef0f2;}
.prd_list_top .total {float:left;line-height:41px;padding-left:21px;color:#1b1e23;vertical-align:middle}
.prd_list_top .total em {color:#ea2829}
.prd_list_top .prd_sort {float:right}
.prd_list_top .prd_sort > span {display:block;float:left;border-left:1px solid #f2f2f2}
.prd_list_top .prd_sort > span:first-child {border-left:none}
.prd_list_top .prd_sort .sel select {padding: 0 22px 0 10px;min-width:102px;height:40px;line-height:40px;border:none}
.prd_list_top .prd_sort .sort_btn button {position:relative;width:40px;height:40px}
.prd_list_top .prd_sort .sort_btn button .ico_comb:before {position:absolute;top:11px;left:11px}
.prd_list_bottom {padding:15px 21px 27px;border-top:1px solid #f2f2f2}
.prd_list_bottom .btn_more {width:100%}
.prd_list {background-color:#fff}
.prd_list:after {content:'';display:block;clear:both}
.list_type0 ul:after {content:'';display:block;clear:both}
.prd_list li {position:relative;border-top:1px solid #f2f2f2}
.prd_list li:nth-child(1) {border-top:none}
.prd_list li > a {position:relative;display:block;padding:20px 21px}
.prd_list .prd_icon {position:relative;height:28px;margin:-2px 0 0 -2px;text-align:left}
.prd_list .prd_img {display:block;width:126px;height:126px;margin:0 auto}
.prd_list .prd_tit {margin-top:18px}
.prd_list .prd_tit .txt > em {color:#999}
.prd_list .prd_btn {position:absolute;bottom:20px;right:21px}
.prd_list.list_type2 .prd_btn {bottom:22px}
.prd_list .prd_btn > a {display:block;float:left}
.prd_list .prd_btn > a ~ a {margin-left:10px}

.prd_tit2 > span {display:block;}
.prd_tit2 .brand {display:block;font-size:13px;color:#1b1e23;line-height:18px;font-weight:700;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.prd_tit2 .brand_stxt { margin-top: 4px;font-size:13px;/*color:#abb2be;*/line-height:1;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; color: #eb2838; background: -webkit-linear-gradient(-45deg, #EA2869 0%, #CE28A5 60%, #A928EA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;float:left; max-width:100%; padding-bottom:3px;}/*2022-04-12 그라디언트 텍스트로 변경*/
.product_list li .tx_key::after {content:""; clear:both; display:block; height:0;}/*2022-04-12 추가*/
.prd_tit2 .brand_ex {font-size:13px;color:#1b1e23;margin-top:2px;margin-bottom:10px;height:36px;margin:3px 0 1px;color:#5c6677;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;  word-break: break-all;overflow:hidden; clear:both;}/*2022-04-12 수정*/
.prd_tit2 .txt {height:54px;margin:3px 0 1px;color:#abb2be;line-height:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.prd_tit2 .msg {font-size:14px}
.prd_tit2 .msg em {color:#ea2829}
.prd_tit2.ty_sw_rht .brand {float:left;}
.prd_tit2.ty_sw_rht:after {content:'';display:block;clear:both}
.prd_tit2.ty_sw_rht .switch_rht{float:right; margin-top: -4px;}
.prd_price2 {margin-top:8px;}
.prd_price2 > span {font-size:14px;color:#ea2829}
.prd_price2 .be {margin-right:4px;font-size:14px;color:#abb2be;text-decoration:line-through}
.prd_price2 .be_per {font-size:14px;color:#1b1e23;font-weight:400;}
.prd_price2 .be_login{color:#abb2be;font-size:12px;line-height:16px;}
.prd_price2 .sale {font-size:18px;font-weight:700;color:#ea2829}
.prd_price2 .won  {font-size:14px;color:#1b1e23;font-weight:400;}
.prd_price2 .won em {font-size:13px;color:#1b1e23;font-weight:400;padding-left:1px;}
.prd_price2 .soldout_txt {display:block;margin-top:1px;font-size:13px;color:#666}
.prd_price2 .etc {font-size:13px;color:#999}

/* type1 */
.prd_list.list_type0 li {float:left;width:50%/*;height:325px*/ }
.prd_list.list_type0 li:nth-child(2) {border-top:none}
.prd_list.list_type0 li > a {height:325px;text-align:center}
.prd_list.list_type0 .prd_icon {position:absolute;top:20px;left:14px;min-width:150px;height:36px;margin-top:-2px}
.prd_list.list_type0 .prd_img {margin-top:36px}
.prd_list.list_type0 .prd_tit {margin-top:15px}
.prd_list.list_type0 li:nth-child(2n) > a {padding-left:10px}
.prd_list.list_type0 li:nth-child(2n-1) > a {padding-right:10px}
.prd_list.list_type0 li:nth-child(2n) .prd_rank {margin-left:-73px}
.prd_list.list_type0 li:nth-child(2n) .prd_icon {margin-left:-5px}
.prd_list.list_type0 li:nth-child(2n-1) .prd_rank {margin-left:-63px}
.prd_list.list_type0 li:nth-child(2n-1) .prd_icon {margin-left:5px}
.prd_list.list_type0 .prd_btn {left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);right:inherit;bottom:144px;margin-left:60px}
.prd_list.list_type0 li:nth-child(2n) .prd_btn {margin-left:50px}
.prd_list.list_type0 .prd_btn .ico_com.prd_favorite {display:none}
.prd_list.list_type0.best li > a {height:355px}
.prd_list.list_type0.best .prd_img {margin-top:66px}
.prd_list.list_type0.best .prd_icon {top:40px}
.prd_list.list_type0.best2 li > a {height:289px}
.prd_list.list_type0.best2 .prd_img {margin-top:0}
.prd_list.list_type0.best2 .prd_icon .rank {top:0}
.prd_list .prd_btn .soldout_t {display:block;width:43px;height:43px;padding-top:8px;text-align:center;line-height:13px;color:#fff;font-size:11px;background-color:#333;border-radius:50%}

/* type2 */
.prd_list.list_type1 li > a {height:191px;padding:45px 21px 20px 167px}
.prd_list.list_type1 li .prd_rank {left:19px}
.prd_list.list_type1 .prd_icon {position:absolute;top:20px;left:21px;z-index:2;width: 90%}
.prd_list.list_type1 .prd_img {position:absolute;top:45px;left:21px;z-index:1}
.prd_list.list_type1 .prd_tit .txt {-webkit-line-clamp:3}
.prd_list.list_type1 .prd_tit {margin-top:5px}
.prd_list.list_type1 .prd_favorite {display:none}
.prd_list.list_type1.best li > a {height:221px;padding-top:75px}
.prd_list.list_type1.best .prd_img {top:75px}
.prd_list.list_type1.best .prd_icon {top:40px}

/* type3 */
.prd_list.list_type2 .prd_img {width:150px;height:150px;/*width:134px;height:134px*/}/*2019-06-12 썸네일 사이즈 변경*/
.prd_list.list_type2 .prd_tit .txt {height:auto;max-height:36px;-webkit-line-clamp:2;padding-right:104px}
.prd_list.list_type2 .prd_price .won {display:inline-block;margin-top:0;margin-left:8px}
.prd_list.list_type2.best .prd_icon {top:20px}
.prd_list.list_type2.best .prd_img {margin-top:25px}

/* type4 */
.prd_list_new {padding-bottom:1px;}
.prd_list_new.no_text ul li {margin-bottom:20px;}
.prd_list_new ul {display:flex;flex-flow:wrap;justify-content:flex-start;width:100%;}
.prd_list_new li {position:relative;width:50%;/*;height:325px*/box-sizing:border-box;}
.prd_list_new li.brand_img .prd_img img {opacity:0;}
.prd_list_new li.finish_item .prd_tit2,
.prd_list_new li.finish_item .prd_img {opacity:0.5;}
.prd_list_new li > a {width:100%;height:206px;position:relative;display:block;padding:20px;margin-bottom:20px;text-align:center;overflow:hidden;}
.prd_list_new li > a video {height: 100vh;width: 100%;object-fit: cover;position: absolute;}

.prd_list_new li > a iframe {position:absolute;left:0;top:0;z-index:100;}
.prd_list_new li.has_video > a {padding:0;}
.prd_list_new li > a::before {content: "";position: absolute;top: 0;left: 0;background: rgba(12,54,122,.04);display: block;z-index: 10;width: 100%;height: 100%;}
.prd_list_new li span.btn_play_show {display:inline-block;position: absolute;top:16px;right:16px;background:url("../../images/API_M_KO/common/bull_img_play.png") no-repeat;background-size:24px 24px;display: block;z-index: 9;width: 24px;height: 24px;z-index:11;font-size:0;text-indent:-9999px;}
.prd_list_new li > a.noimg {background:#d2d9e5 url("../../images/API_M_KO/common/logo_v.png") center no-repeat;background-size:50px auto;}
.prd_list_new li > a.noimg img {opacity:0;}
.prd_list_new li > a.noimg:before {display:none;}
.prd_list_new li.ev_box > a {padding:0;}
.prd_list_new li.ev_box .pic_section {padding:19px;}
.prd_list_new li.ev_box .pic_section::before {content: "";position: absolute;top: 0;left: 0;border:1px solid #dde0e5;display: block;z-index: 10;width: 100%;height: 100%;}
.prd_list_new li.brend_box {padding:0;}
.prd_list_new li.brend_box a {padding:0;overflow: hidden;}
.prd_list_new li.brend_box a > img{position: absolute;top: 50%; left: 50%;right: 0;bottom: 0;width: 100%; height: auto; transform: translate(-50%, -50%);}
.prd_list_new li.brend_box a:after {content: "";position: absolute;top: 0;left: 0;width:100%;height:100%;background: #000;opacity: .2;}
.prd_list_new li.brend_box a > .brend_tit { position: absolute;top: 50%; left: 0;z-index: 1;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translate(0, -50%);padding:0 10px; width:100%; text-align: center;font-size: 20px; font-weight: bold; color: #fff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word; line-height: 24px;max-height: 48px;}


.prd_list_new li.ev_box  + li:nth-child(2n).ev_box .pic_section::before {left:-1px;}
.prd_list_new li:nth-child(2n).ev_box  + li:nth-child(2n).ev_box .pic_section::before {left:0;}
.prd_list_new li:nth-child(2n).ev_box .pic_section::before {content: "";position: absolute;top: 0;left: 0;border:1px solid #dde0e5;display: block;z-index: 10;width: 100%;height: 100%;}

.prd_list_new li .cart,
.pro_detail_02 .prd_tit2 > .cart {position:absolute;right:0;top:150px;text-align:right;padding-right:20px;z-index: 11;}
.prd_list_new li .cart a,
.pro_detail_02 .prd_tit2 > .cart > a {display:inline-block;width:24px;height:24px;padding:0;background:url("../../images/API_M_KO/common/ico_common_2021.png") no-repeat;background-size:750px 750px;background-position:-60px 0px;text-indent:-9999px;font-size:0;}
/* 20231213 추가*/
.prd_list_new .list-product.list-product__searchlist.type-1 .cart a {
    background-image: none;
}
.pro_detail_02 .prd_tit2 > .cart { top:-65px; right: 10px; padding:0;}

.prd_list_new .prd_img {display:block;margin:0 auto;}
.prd_list_new .prd_img img {max-width: 170px;}
.prd_list_new.ty_brand .prd_img img {width: auto;max-width:100%;height:40px;}
.prd_list_new .prd_txtbox {position:relative;height:166px;text-align:left;color:#788497;display: block;}
.prd_list_new .prd_txtbox span {display: block;}
.prd_list_new .prd_txtbox .prd_name {font-weight:700;}
.prd_list_new .prd_txtbox .prd_th {padding-top:12px;font-weight:700;font-size:20px;color:#1b1e23;line-height:29px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}/* 2021-08-11 말줄임 3줄 추가 */
.prd_list_new .prd_txtbox .prd_td {position:absolute;left:0;bottom:0;}
.prd_list_new .prd_tit2 {/*padding:0 21px 16px;*/padding:0 0 16px !important;margin-top: -4px;}/*2024-02-19 템플릿관 상품 리스트 수정*/
.prd_list_new .list-product.list-product__searchlist.type-1.case-1 .prd_tit2 {/* 20231226 */
    padding-left: 0;
    padding-right: 0;
}
.prd_list_new .list-product.list-product__searchlist.type-1.case-1 li .sale_per {/* 20231226 */
    z-index: 1;
}
.prd_list_new .prd_tit2 > a {display:block;}
.prd_list_new .prd_tit2 .num_amount + .btn_set {margin-top:8px;}
.prd_list_new .prd_tit2 .btn_set {margin-top:37px;font-size:0;line-height:0;}
.prd_list_new .prd_tit2 .btn_set .btn_s_basic1, .prd_list_new .prd_tit2 .btn_set .btn_s_basic2 {padding:0 10px;}
.prd_list_new .prd_tit2 .btn_set .btn_s_basic1 + .btn_s_basic2{margin-left:8px;}
.prd_list_new .prd_condition {margin-top:8px; font-size: 0; line-height: 0;}
.prd_list_new .prd_condition span {position:relative;display:inline-block;height:21px;margin:2px 4px 2px 0;padding:0 8px;border:1px solid #eef0f2;font-size:11px;color:#5c6677;text-align:center;line-height:19px;}
.prd_list_new .prd_condition .cd_sale {background: linear-gradient(135deg, #ea2829, #982fcb);color:#fff;}
/* .prd_list_new .prd_condition span + span {margin-left:4px;} */

/* .prd_list_new li> a.no_stoc  {content: "재입고 알림";position: absolute;bottom:0;left: 0;width:100%;height:32px;padding:7px 0;background: rgba(0,0,0,.06);display: block;color:rgba(0,0,0,.4); font-weight: 500;display: block;opacity:.6;} */
.prd_list_new li.no_stoc2 > a::after {content: "일시품절";position: absolute;bottom:0;left: 0;width:100%;height:32px;padding:7px 0;background: rgba(0,0,0,.06);display: block;color:rgba(0,0,0,.4); font-weight: 500; display: block;/*opacity:.6;*/}
.prd_list_new li.no_stoc3 > a::after {content: "판매종료";position: absolute;bottom:0;left: 0;width:100%;height:32px;padding:7px 0;background: rgba(0,0,0,.06);display: block;color:rgba(0,0,0,.4); font-weight: 500; display: block;/*opacity:.6;*/}

.prd_list_new li > a.no_stoc,
.pro_detail_02 .prd_tit2 > a.no_stoc {position: absolute;top:174px;left: 0;width:100%;height:32px; margin: 0;padding:7px 0; background: rgba(0,0,0,.06);display: block;color:rgba(0,0,0,.4); font-weight: 500;/*opacity:.6;*/z-index:10;}
.prd_list_new li > a.no_stoc::before,
.pro_detail_02 .prd_tit2 > a.no_stoc::before {display:none;}
.pro_detail_02 .prd_tit2 > a.no_stoc {top:-52px; padding:0; display: flex; justify-content: center; align-items: center;}


.prd_list_new li.badge_etc > a::after {content: "온라인 단독";position: absolute;top:0;left: 0;min-width:70px;height:26px;padding:0 12px;background: #1b1e23;display: block;color:#fff;font-size:12px;line-height:26px;}
.prd_list_new li.badge_represent > a::after {content: "대표브랜드";position: absolute;z-index: 10;top:0;left: 0;min-width:70px;height:26px;padding:0 12px;background: #fff;display: block;color:#1b1e23;font-size:12px;line-height:26px;}
.prd_list_new li.no_stoc .cart a {display:none;}
.prd_list_new li.no_stoc2 .cart a {display:none;}
.prd_list_new li.no_stoc3 .cart a {display:none;}
.prd_list_new li .checkbox {position:absolute;left:10px;top:10px;}
.prd_list_new li .checkbox_dimm {display:none;position:absolute;left:1px;top:0;width:100%;height:205px;z-index:12;margin-left:-1px;}
.prd_list_new.active li .checkbox_dimm {display:block;}
.prd_list_new li:nth-child(2n) .checkbox_dimm {left:0;}
.prd_list_new li.active .checkbox_dimm {display:block;border:1px solid #1b1e23;}
.prd_list_new li.on .checkbox_dimm {border:1px solid #1b1e23;}
.prd_list_new li .sale_per {font-style:italic;font-size:20px;font-weight:700;color:#1b1e23;display:inline-block;width:40px;height:20px;padding-top:5px;border-top:3px solid #1b1e23;text-align:center;position:absolute;left:20px;top:0;}
.prd_list_new li .sale_per em {font-style:italic;font-size:11px;color:#1b1e23;padding-left:2px;}
.prd_list_new li .sale_per > span {line-height: 15px; padding-left: 5px;font-weight: normal;}
.prd_list_new li .best_num {font-style:italic;font-size:20px;font-weight:700;color:#1b1e23;display:inline-block;padding-top:5px;text-align:center;position:absolute;left:20px;top:17px;}
.prd_list_new li .sale_completed {position:absolute;top:50%;left:50%;width:100px;height:46px;font-size:14px;font-weight:700;margin-top:-24px;margin-left:-50px;border:2px solid #1b1e23;padding-top:12px;background-color:#fff;color:#1b1e23;text-align:center;z-index:1;}

.prd_list_new .cop_item, .prd_list_new .save_item {padding:10px 13px;}
.prd_list_new .cop_item li, .prd_list_new .save_item li {width:100%;padding:0;}
.cop_item + .btn_group {margin-top:34px;}
.cop_item li:nth-child(2n-1) {padding-right:0;}

/*S: 2022-04-12 dubble 영역 추가*/
.prd_list_new .dubble_box {width:100%;}
.prd_list_new .dubble_box > a::before {display:none;}
.prd_list_new .dubble_box .video_area video {position:relative;}
/*E: 2022-04-12 dubble 영역 추가*/

/* card type list*/
.prd_card_list {position:relative;text-align:center;overflow:hidden;margin:0 -21px -25px;padding:10px 0 30px}
.prd_card_list .swiper-wrapper {display:-webkit-box;display:-moz-box;display:-ms-flexbox;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center}
.prd_card_list .swiper-wrapper .prd_tit {text-align:left}
.prd_card_list .swiper-wrapper .prd_item a {border:1px solid transparent}
.prd_card_list .swiper-wrapper .prd_item a:hover {border:1px solid #e50f11}
.prd_card_list .swiper_paging {bottom:15px}
.prd_card_list ul:after {content:'';display:block;clear:both}
.prd_card_list li {float:left;min-width:100%}
.prd_card_list li > a {position:relative;display:block;height:156px;margin:0 21px;padding:15px 15px 15px 156px;background-color:#fff;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.05)}
.prd_card_list .prd_rank {top:15px;left:15px}
.prd_card_list .prd_tit {margin-top:5px}
.prd_card_list .prd_img {position:absolute;top:15px;left:15px;display:block;width:126px;height:126px;margin:0 auto;z-index:1}
.prd_icon .rank {position:absolute;top:-25px;left:5px;height:25px;line-height:20px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;font-size:14px;color:#000;text-align:center;text-indent:-1px;z-index:2}
.prd_icon .rank:after {content:'';position:absolute;bottom:4px;left:-1px;right:-1px;height:1px;background-color:#000}
.prd_icon .rank.first {border-color:#ff5959;color:#ff5959}
.prd_icon .rank.first:after {background-color:#ff5959}
.freebies_prd .prd_list.list_type0 .prd_tit {padding-left:3px;padding-right:3px}

/* 상품평 별점 */
.prd_list .star_box {margin-top:4px}
.prd_list .star_box * {vertical-align:top}
.prd_list .star_box .review_total {position:relative;top:-1px;margin-left:3px;color:#999;font-size:11px}
.prd_list .star_box .ico_com.star {text-align:left}
.prd_list.list_type1.best .review_best li > a {height:231px}
/* .prd_list.list_type0.best .review_best li > a {height:377px} */
.prd_list.list_type0.best .review_best li > a {height:400px} /* 202001 변경 */
.prd_list.list_type0.best .review_best .star_box {position:absolute;bottom:14px;left:0;right:0}
.best20_box:after {content:'';display:block;clear:both}
.best20_box ul {float:left;width:50%;margin:-15px 0}
.best20_box ul li {margin:15px 0}
.best20_box ul li a {display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#000}
.best20_box ul li a span {display:inline-block;width:18px;font-style:italic;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;}
.best20_box ul li a.active {position:relative;color:#e60e11}
.best20_box ul li a.active:before {content:'';position:absolute;bottom:-2px;left:0;right:-2px;height:1px;background-color:#e60e11}

/* 상품상세 > 성인인증 */
/* S: 2024-01-12 어덜트 수정*/
/* .adult .pic_section { width: 100%;height: 100%;background:url('../../images/API_M_KO/product/icon_adult.png') center center no-repeat; background-size:72px 72px;}
.adult .pic_section .prd_img img {display:none} */
.list-product__searchlist.type-1 > .adult > .wrap-inner__img > a .pic_section .prd_img::before {
    filter: blur(6px);
    -webkit-filter: blur(6px);
}
.list-product__searchlist.type-1 > .adult  > .wrap-inner__img > a .pic_section .prd_img::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12.8vw;
    height: 12.8vw;
    background: url(../../images/API_M_KO/common/n/icon_adult_2.svg) 50% 50% no-repeat;
    background-size: contain;
    z-index: 2;
    content: "";
}
.list-product__searchlist.type-1 > .adult  > .wrap-inner__img > a .pic_section .prd_img img {
    filter: blur(6px);
    -webkit-filter: blur(6px);
}
/* E: 2024-01-12 어덜트 수정*/

/* 관심 상품/관심 브랜드 */
.favorite_list_top {position:relative;margin:0 -21px;height:60px}
.favorite_list_top .checkbox {position:absolute;top:20px;left:21px}
.favorite_list_top .btn_wrap {position:absolute;top:15px;right:21px;font-size:0}
.favorite_list_top .btn_wrap button ~ button {margin-left:6px}
.prd_list.favorite_type {margin:0 -21px;border-bottom:1px solid #f2f2f2}
.prd_list.favorite_type li:first-child {border-top:1px solid #f2f2f2}
.prd_list.favorite_type li .checkbox {position:absolute;top:20px;left:21px}
.prd_list.favorite_type li .i_attention {position:absolute;top:22px;right:21px;height:18px;min-height:18px;padding:0;z-index:2}
.prd_list.favorite_type li > a {min-height:169px;padding-left:133px}
.prd_list.favorite_type .prd_icon {height:auto;min-height:34px;padding-right:30px;overflow:hidden}
.prd_list.favorite_type .prd_img {position:absolute;top:47px;left:43px;width:75px;height:75px}
.prd_list.favorite_type .prd_tit {margin-top:10px}
.prd_list.favorite_type .prd_tit .txt {height:18px;-webkit-line-clamp:1}
.prd_list.favorite_type .prd_btn {bottom:20px}
.prd_list.favorite_type + .btn_full {padding-top:15px}
.brand_list ul {margin-top:-10px}
.brand_list ul:after {content:'';display:block;clear:both}
.brand_list li {position:relative;float:left;width:calc(50% - 5px);height:94px;margin-top:10px;padding-top:26px;border:1px solid #e5e5e5;border-radius:4px;text-align:center}
.brand_list li:hover {border-color:#e50f11}
.brand_list li:nth-child(2n) {margin-left:10px}
.brand_list li a {display:block}
.brand_list li .online_only {position:absolute;top:-1px;left:-1px;padding:0 7px 0 10px;height:15px;line-height:15px;font-size:11px;color:#fff;border-radius:4px 0 4px 0;background-color:#bc7cbc;}
.brand_list li .online_only:after {content:'';position:absolute;right:-9px;top:0;display:block;width:9px;height:12px;border-left:10px solid #bc7cbc;border-bottom:14px solid transparent}
.brand_list li .i_attention {position:absolute;top:8px;right:7px;height:18px;padding:0;z-index:2}
.brand_list .brand_tit {color:#000;font-size:12px;line-height:1}
.brand_list .brand_logo {width:91px;height:25px;margin:10px auto 0}
.brand_list + .btn_full {padding-top:15px}

/* 추천 */
.recommend_list {position:relative;margin:0 -21px;padding:12px 0 19px;overflow:hidden;text-align:center}
.recommend_list .swiper-wrapper {display:-webkit-box;display:-moz-box;display:-ms-flexbox;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center}
.recommend_list .swiper_paging {bottom:0}
.recommend_list ul:after {content:'';display:block;clear:both}
.recommend_list li {width:50%}
.recommend_list li > a {display:inline-block;width:126px;height:126px}

/* order */
.sub_container.cart {padding-bottom:100px}
.order_login {padding:23px 21px 30px;background-color:#fff;border-bottom:1px solid #e6e6e6;text-align:center}
.order_login p + .btn_basic3 {margin-top:12px}
.tit_wrap {position:relative;padding-top:20px}
.tit_wrap .h3_type {padding-top:0}
.tit_wrap .btn_wrap {position:absolute;top:17px;right:0}
.tit_wrap .basic_txt {margin:8px 0 12px}
.tit_wrap + .price_list {padding-top:20px}
.card_list .tit_wrap {padding:20px 21px 8px;background-color:#fff}
.card_list_bar,
.card_list li,
.card_list .no_data {background-color:#fff;border-bottom:1px solid #e6e6e6}
.card_list.lately_prd .no_data {border-bottom:none}
.card_list_bar {position:relative;height:45px;padding:5px 21px}
.card_list_bar:after {content:'';display:block;clear:both}
.card_list_bar .checkbox {position:absolute;top:11px;left:21px}
.card_list_bar .btn_wrap {float:right;font-size:0}
.card_list_bar .btn_wrap button ~ button {margin-left:6px}
.card_list ~ .card_list_bar {margin-top:6px}
.card_list_bar ~ .card_list,
.card_list li ~ li,
.card_list + .contents_area {margin-top:6px}
.card_list.lately_prd li {border-color:#f2f2f2}
.card_list.lately_prd li:last-child {border-color:transparent}
.card_list.lately_prd li ~ li {margin-top:0}
.card_list li {padding:0 21px}
.card_list .prd_box {position:relative;padding:20px 0 20px 34px}
.card_list .prd_box .prd_small .prd_tit .txt {height:auto;text-overflow:ellipsis;white-space:normal;overflow:visible}
.card_list.lately_prd .prd_box .prd_small .prd_tit .txt {text-overflow:hidden;white-space:nowrap;overflow:hidden}
.card_list.payment .prd_box {padding-left:0}
.card_list .prd_box .prd_chk {position:absolute;top:20px;left:0}
.card_list .soldout .prd_small .prd_img,
.card_list .soldout .prd_small .prd_tit,
.card_list .soldout .tb_order:not(.option) {opacity:.3}
.card_list .soldout .soldout_txt {font-size:14px;line-height:1;color:#e60e11;text-align:right}
.card_list .btn_box {margin-top:0;margin-bottom:15px}
.card_list .btn_box .col {vertical-align:middle}
.card_list .btn_box .col.favorite {width:50px;padding-left:7px}
.card_list .no_data {padding:64px 0}
.card_list .no_data .icart_empty {margin-bottom:10px}
.card_list .no_data p {font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;}
.prd_etc {margin:0 -21px;padding:0 21px;height:36px;border-top:1px solid #f2f2f2}
.prd_etc dt {float:left;padding-right:10px}
.prd_etc dt > span {position:relative;top:6px;display:inline-block;height:23px;line-height:21px;padding:0 6px;background-color:#fff;border:1px solid;border-radius:2px;font-size:12px}
.prd_etc dt > span:before {position:absolute;top:-1px;right:-10px;width:12px;height:23px}
.prd_etc dt > span.special {color:#ff5959;border-color:#ff5959}
.prd_etc dt > span.coupon {color:#a864a8;border-color:#a864a8}
.prd_etc dt > span.special:before {background-position:-150px -210px}
.prd_etc dt > span.coupon:before {background-position:-165px -210px}
.prd_etc dd {overflow:hidden;color:#000;line-height:35px;text-align:right}
.prd_etc dd > em {color:#e60e11;margin-left:5px;}
.contents_area .prd_etc {border-top: none;}/*2021-07-23 리뉴얼 수정: 추가*/
.contents_area .prd_etc dt {width: 31%;}/*2021-07-23 리뉴얼 수정: 추가*/
.contents_area .prd_etc dd {text-align: left;}/*2021-07-23 리뉴얼 수정: 추가*/
.tb_order {margin:0 -21px;padding:10px 21px}
.tb_order tbody th {height:24px;font-size:12px;text-align:left}
.tb_order tbody td {text-align:right}
.tb_order tbody .chk_coupon th,
.tb_order tbody .chk_coupon td {padding:15px 0 5px}
.tb_order.option {background-color:#fafafa}
.tb_order.option tbody td {padding:5px 0;font-size:14px;color:#000;line-height:1}
.tb_order .prd_price .won {display:inline-block;margin-top:0}
.price_list {padding:25px 0 10px}
.price_list dl:after {content:'';display:block;clear:both}
.price_list dl {color:#000;font-size:13px}
.price_list dt {float:left;width:45%}
.price_list dd {float:left;width:55%;text-align:right}
.price_list > dl ~ dl {margin-top:20px}
.price_list > dl > dt {line-height:25px}
.price_list > dl > dd {font-size:15px;line-height:25px}
.price_list > dl.hpoint > dt {font-size:12px; color:#666;}/*180905 lsy*/
.price_list > dl.hpoint > dd {font-size:12px; color:#666;}/*180905 lsy*/
.price_list > dl > dd em {color:#e60e11;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;font-size:21px;}
.price_list > dl > dd .won {color:#666}
.price_list > dl > dd * {display:inline-block;line-height:1}
.price_list .price_detail dt {color:#666;font-size:12px;line-height:23px}
.price_list .price_detail dd {line-height:23px}
.price_list .price_detail ~ .price_detail {margin-top:5px;padding-top:5px;border-top:1px dashed #f2f2f2}
.price_list.total {margin:0 -21px -5px;padding:12px 21px 0 21px}
.price_list.total + .btn_box {margin-top:15px}
.price_list ~ .price_list.total {padding-top:20px;border-top:1px solid #f2f2f2}
.price_list ~ .price_list.total dd em{vertical-align:middle;}
.price_list .price_detail span.detail{display:block;margin-top:-6px;}
.set_product .with_gift {margin:0 21px}
.set_prd_tit {padding:12px 21px;background-color:#fafafa;text-align:center}
.set_prd_txt {position:relative;padding:20px 21px 0}
.set_prd_txt p {padding-right:120px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;font-size:21px;color:#222}
.set_prd_txt p > em {color:#e60e11}
.set_prd_txt .btn_cart {position:absolute;top:26px;right:21px;color:#666;font-size:13px}
.set_prd_txt .btn_cart .i_shopping {position:relative;top:-2px;margin-left:6px;vertical-align:middle}
.set_product .prd_list.list_type0.best2 {position:relative;text-align:center;overflow:hidden;margin:0 11px}
.set_product .prd_list.list_type0.best2 .swiper-wrapper {display:-webkit-box;display:-moz-box;display:-ms-flexbox;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center}
.set_product .prd_list.list_type0.best2 li {border-top:none}
.set_product .prd_list.list_type0.best2 li > a {height:auto;padding:20px 0 35px !important}
.set_product .prd_list.list_type0.best2 li.in_cart > a {opacity:.3}
.set_product .prd_list.list_type0.best2 .prd_img {width:80px;height:80px}
.set_product .prd_list.list_type0.best2 .prd_tit {margin-top:10px;padding:0 10px}
.set_product .prd_list.list_type0.best2 .prd_tit .txt {height:36px;-webkit-line-clamp:2}
.set_product .prd_list.list_type0.best2 .prd_tit .count {display:inline-block;height:25px;line-height:23px;margin-top:12px;padding:0 11px;background-color:#fafafa;border:1px solid #f2f2f2;border-radius:25px;color:#000;font-size:12px}
.set_product .swiper_paging {bottom:20px}
.coupon_choice {margin-top:3px}
.coupon_choice li span {display:block;color:#666;font-size:12px;line-height:18px}
.coupon_choice li .ico_com {position:relative;top:-1px;margin-left:6px;line-height:22px;vertical-align:middle}
.payment_item {margin-top:10px}
.payment_item ul {position:relative}
.payment_item ul:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f9f9f9;border:1px solid #f2f2f2}
.payment_item ul:after {content:'';display:block;clear:both}
.payment_item li {float:left;width:25%;height:52px}
.payment_item button {position:relative;width:100%;height:52px;/*width:calc(100% - 1px);height:calc(100% - 1px);*/background-color:#f9f9f9;/*outline:1px solid #f2f2f2*/}
.payment_item button:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #f2f2f2}
.payment_item li ~ li button:before {left:-1px}
.payment_item li:nth-child(4n+1) button:before {left:0}
.payment_item li:nth-child(n+5) button:before {top:-1px}
.payment_item span {position:absolute;top:50%;left:50%;word-break:break-all;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);width:90%;color:#666;font-size:13px;line-height:18px}
.payment_item .active {background-color:#fff;/*outline-color:#000*/font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;color:#000;z-index:1}
.payment_item .active:before {border-color:#000}
.payment_item .active span {color:#000}
.payment_item [class*=ipay_] {font-size:0;line-height:0}
.payment_item .active [class*=ipay_]:before {background-position-y:-670px}
.payment_wrap {position:relative}
.payment_wrap .payment_dimmed {position:absolute;top:-1px;bottom:0;left:-21px;right:-21px;background-color:rgba(255,255,255,.8);z-index:3}
.payment_wrap .chk_detail {display:none}
.payment_wrap .chk_detail.block {display:table-row}
.pay_info_tit {display:block;margin-bottom:5px;color:#000}
.pay_info_tit ~ .pay_info_tit {margin-top:20px}
.payment_top {padding-top:30px;text-align:center}
.payment_top .icart_chk {margin-bottom:6px}
.payment_top .ipay_cancel {margin:5px 0 12px}
.my_order_list {margin:0 -21px;background-color:#f2f2f2}
.my_order_list .total_area {position:relative;padding:32px 21px 16px;background-color:#fff}
.my_order_list .total_area .page_total {padding-top:0}
.my_order_list .total_area .sel {position:absolute;top:24px;right:21px;width:135px}
.my_order_list li {background-color:#fff}
.my_order_list li:last-child {border-bottom:none}
.my_order_list .order_prd,
.my_order_list .order_list,
.my_order_list .price_list {padding-left:21px;padding-right:21px}
.my_order_list .order_top {margin-left:0;margin-right:0}
.my_order_list .order_prd {margin-top:17px}
.my_order_list .order_prd p {text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.my_order_list .order_list {padding-top:15px}
.my_order_list .order_list dt {width:20%}
.my_order_list .order_list dd {width:80%}
.my_order_list .price_list {margin:15px 0 0;padding:12px 21px;border-top:1px solid #f2f2f2}
.my_order_list .price_list dt {font-size:12px;color:#666}
.my_order_list .price_list dd,
.my_order_list .price_list dd em {font-size:14px}
.order_list {padding-top:25px}
.order_list dl:after {content:'';display:block;clear:both}
.order_list dl {font-size:12px;line-height:23px}
.order_list dt {float:left;width:30%}
.order_list dd {float:left;width:70%;color:#000;font-size:13px;text-align:right}
.order_list.type2 dl {line-height:34px;overflow:hidden}
.order_list.type2 dl dt {width:57px}
.order_list.type2 dl dd {overflow:hidden;width:auto;float:none}
.order_list:not(.bottom).type2 dd {text-align:left}
.order_list.bottom {margin:15px -21px -10px;padding:15px 21px 0 21px;border-top:1px solid #f2f2f2}
.order_prd {margin-top:7px}
.order_prd .prd_tit {display:block;margin-bottom:2px;color:#000;font-size:14px}
.order_prd span.special {position:relative;display:inline-block;height:23px;padding:0 6px;margin-bottom:4px;line-height:21px;color:#ff5959;border-color:#ff5959;background-color:#fff;border:1px solid;border-radius:2px;font-size:12px}
.order_prd span.special:before {position:absolute;top:-1px;right:-10px;width:12px;height:23px;background-position:-150px -210px}
.order_prd_list {margin:0 -21px -25px;background-color:#f2f2f2;border-top:1px solid #f2f2f2}
.order_prd_list .order_item {background-color: #fff;border-bottom:1px solid #e6e6e6}
.order_prd_list .order_item:last-child {border-bottom:none}
.order_prd_list .order_item ~ .order_item {margin-top:7px}
.contents_area .tit_wrap + .order_prd_list {margin-top:10px}
.contents_area.divide{margin:-1px -21px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.contents_area.divide:first-child{border-top:0;}
.contents_area.divide:last-child{border-bottom:5px solid #e6e6e6; padding-bottom:0;}
.order_item li {background-color:#fff}
.order_item li ~ li {border-top:4px solid #f9f9f9}
.order_item .prd_small {padding:20px 21px}
.order_item .price_list {padding:10px 21px;border-top:1px solid #f2f2f2}
.order_item .price_list > dl {color:#666}
.order_item .price_list > dl > dt {font-size:12px}
.order_item .price_list > dl > dd,
.order_item .price_list > dl > dd em {font-size:14px}
.order_item .price_list > dl ~ dl {margin-top:0}
.gift_list {margin-top:10px}
.gift_list li ~ li {margin-top:10px}
.gift_list .prd_small .basic_txt ~ .basic_txt {margin-top:3px}
.gift_list .prd_small .basic_txt.condition {display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.contents_area.counsel {padding-top:12px;padding-bottom:15px;background-color:#fafafa;border-bottom:none;text-align:center}
.contents_area.counsel .btn_box {margin-top:12px}
.progress_box {position:absolute;top:43px;left:0;right:0;bottom:0;width:100%;text-align:center;overflow:hidden}
.progress_box p {position:absolute;top:50%;left:50%;transform:translate(-50%, -65%);-webkit-transform:translate(-50%, -65%);-moz-transform:translate(-50%, -65%)}
.progress_box p .progress_img {display:block;width:110px;margin:0 auto 10px}
.progress_box2 {margin:0 -21px}
.progress_box2 .point_txt {text-align:center}
.progress_box2 .progress_img {display:block;width:110px;margin:65px auto 15px}
.progress_box2 .next_step {margin-top:50px}
.progress_box2 .next_step li {position:relative;padding:15px 0}
.progress_box2 .next_step li + li {border-top:1px solid #f2f2f2}
.progress_box2 .next_step li a {position:absolute;top:50%;right:0;margin-top:-17px;width:115px}
.progress_box2 .basic_txt.type2 {position:relative;margin:0 -21px;padding:15px 21px 15px 54px;background-color:#fafeff;border-bottom:1px solid #e6e6e6}
.progress_box2 .basic_txt.type2 .r_no {position:absolute;top:15px;left:21px}
.progress_box2 + .progress_box2 {border-top:9px solid #f2f2f2}
.progress_con {padding:0 21px}

/* swiper pagination */
.swiper_paging {position:absolute;left:0;right:0;font-size:0;z-index:2}
.swiper_paging .swiper-pagination-bullet {display:inline-block;width:4px;height:4px;margin:0 2px;background-color:rgba(0,0,0,.1);border-radius:100%}
.swiper_paging .swiper-pagination-bullet-active {background-color:#1b1e23}

/* 할인쿠폰 */
.coupon_count span {color:#e60e11}
.pay_receive li {padding-left:12px;text-indent:-12px;color:#1b1e23;line-height:18px}
.pay_receive li ~ li {margin-top:5px}
.indorsement_box .airport_t {margin-top:15px;color:#1b1e23;line-height:18px}
.indorsement_box .airport {overflow:hidden;padding-top:5px}
.indorsement_box .tit {display:block;margin:25px 0 5px;color:#1b1e23;font-size:15px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;}
.indorsement_box .airport dt {float:left;margin-top:5px;width:80px;font-size:12px}
.indorsement_box .airport dd {margin-top:5px;overflow:hidden;min-height:18px;color:#1b1e23}
.indorsement_box .airport dd + dt {clear:both}
.contents_area .tit_wrap + .indorsement_box {margin-top:10px}

/* 사은품 */
.h3_type.full_line {margin-top:20px}
.h3_type.full_line:before {content:"";position:absolute;left:-21px;right:-21px;top:-10px;height:10px;background-color:#f2f2f2;border-top:1px solid #e6e6e6}
.freebies_txt {padding:25px 0;background-color:#fff;border-bottom:1px solid #f2f2f2;line-height:18px;text-align:center}
.freebies_prd {position:relative;overflow:hidden;padding-bottom:30px}
.freebies_prd .prd_list li {margin-top:15px;border:none}
.freebies_prd .prd_list.list_type0.best2 .swiper-wrapper {display:-webkit-box;display:-moz-box;display:-ms-flexbox;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center}
.freebies_prd .prd_list.list_type0.best2 li {text-align:center}
.freebies_prd .prd_list.list_type0.best2 li > a {height:280px}
.freebies_prd .prd_list.list_type0 .prd_btn .ico_com.prd_favorite {display:inline-block}
.freebies_prd .prd_list.list_type0 .prd_btn {left:0;right:0;bottom:0;margin-left:0;text-align:center;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}
.freebies_prd .prd_list.list_type0 .prd_btn button ~ button {margin-left:10px}
.freebies_prd .prd_list.list_type0.best2 .prd_tit .count {display:inline-block;height:25px;line-height:23px;margin-top:12px;padding:0 11px;background-color:#fafafa;border:1px solid #f2f2f2;border-radius:25px;color:#000;font-size:12px}
.freebies_prd .prd_list.list_type0.best2 .prd_tit .subt {color:#000;font-size:14px;display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.freebies_prd .prd_list li > a {padding:20px 0}
.freebies_prd .prd_list.list_type0.best2 .radio {position:absolute;top:0;left:10px}
.freebies_prd .swiper_paging {text-align:center;bottom:15px}
.no_choice {height:43px;padding:10px;margin-top:7px;background-color:#fafafa}

/* 배너 */
.prd_zoom {position:absolute;top:48px;left:0;right:0;bottom:0;width:100%;text-align:center;overflow:hidden}
.prd_zoom .swiper-wrapper {height:100%;/*min-height:calc(100vh);margin-top:-48px;*/display:-webkit-box;display:-moz-box;display:-ms-flexbox;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center}
.prd_zoom .swiper_paging {bottom:30px}
.prd_zoom .swiper-pagination {position: absolute; left: 0;bottom: 30px;width:100%;font-size: 0;z-index: 2;}
.prd_zoom .swiper-pagination.swiper-pagination-bullets span {display: inline-block;    width: 6px;height: 6px;border: solid 1px #1b1e23;background: transparent;}
.prd_zoom .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet-active{background-color: #1b1e23;}
.img_zoom {position:absolute;top:48px;left:0;right:0;bottom:0;width:100%;text-align:center;overflow:hidden}
.img_zoom img {position:absolute;top:50%;max-width:100%;max-height:100%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%)}

.prd_zoom .pd_zoom {position:fixed; top:calc(100% - 30px); background:transparent}
.prd_zoom .pd_zoom .swiper-pagination-bullet {width:6px; height:6px; border:solid 1px #1b1e23; background:transparent}
.prd_zoom .pd_zoom span.swiper-pagination-bullet-active {background:#1b1e23}
.swiper_index_num {display:none}

/* 배너 */
.banner_list {position:relative;text-align:center;overflow:hidden}
.banner_list .swiper-wrapper {display:-webkit-box;display:-moz-box;display:-ms-flexbox;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center}
.banner_list .swiper-wrapper .banner_item {position:relative;height:100%;-webkit-flex-shrink: 0;-ms-flex-negative:0;flex-shrink:0}
.banner_list .swiper_paging {bottom:10px} .banner_list a img {width:100%}

/* SNS 공유하기 */
.share_popup {position:fixed;top:50%;left:50%;z-index:10000;width:295px;background-color:#fff;border-radius:5px;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%)}
.share_popup .layer_cont {padding:25px}
.share_popup .layer_cont > .title {max-width:94%;margin-bottom:13px;/*font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;*/font-size:21px; font-weight: 700;line-height:26px;color:#1b1e23}
.share_list ul:after {content:'';display:block;clear:both}
.share_list ul {margin-bottom:-13px}
.share_list li {float:left;margin:12px 0 18px 15px}
.share_list li:nth-child(4n+1) {margin-left:0}
.share_list li a {display:block;width:50px;height:50px;overflow:hidden}
.share_popup .layer_close {position:absolute;right:25px;top:25px;width:17px;height:17px;margin:0;font-size:0;line-height:0;background-position:-59px -109px}

/* 베스트 */
.best_tab:after {content:'';display:block;clear:both}
.best_tab li {float:left;width:25%;text-align:center}
.best_tab li a {display:block;height:65px;padding-top:10px;font-size:12px;color:#999}
.best_tab li a i {display:block;margin:0 auto}
.best_tab li a.active {color:#1b1e23}

/* search */
.search_header {margin-bottom:9px;padding:12px 21px;background-color: #fff;border-bottom:1px solid #e6e6e6}
.search_header .i_back {position:absolute;top:18px;left:21px;width:22px;height:22px}
.search_header .search_box {width: auto; margin:0 0 0 28px;padding-right:70px;background-color:#f2f2f2;border:none; border-radius:6px;}
.search_header .search_box .search_top {background-color:transparent}
.search_header .search_box .s_btn {position:absolute;top:6px;right:10px}
.search_header .search_box .s_btn button {float:left}
.search_header .search_box .s_btn button + button {position:relative;margin-left:13px}
.search_header .search_box .s_btn button + button:before {content:'';position:absolute;left:-7px;top:3px;width:1px;height:16px;background-color:#ddd}
.search_header .search_box .s_btn .ic_sbox_clear,
.search_header .search_box .s_btn .ic_sbox_search,
.search_header .search_box .s_btn.focusIn .ic_sbox_qr,
.search_header .search_box .s_btn.focusIn .ic_sbox_voice,
.search_header .search_box .s_btn .ic_sbox_voice::before {display: none}
.search_header .search_box .s_btn.focusIn .ic_sbox_clear,
.search_header .search_box .s_btn.focusIn .ic_sbox_search {display:block}
.search_result .result_tit {margin:22px 0 10px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;font-size:15px;color:#1b1e23;text-align:center}
.search_result .result_tit .keyword {color:#ea2829}
.search_result .result_txt {margin:-2px 0 12px;text-align:center}
.search_result .result_txt .keyword {color:#1b1e23}
.search_result .keyword_list {margin:0 -21px -12px;padding:0 21px 12px;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}
.search_result .keyword_list ul {display:table;white-space:nowrap}
.search_result .keyword_list li {display:table-cell}
.search_result .keyword_list li ~ li {padding-left:6px}
.search_result .keyword_list li a {display:inline-block;height:29px;padding:0 14px;max-width:160px;overflow:hidden;line-height:27px;color:#666;text-overflow:ellipsis;white-space:nowrap;border:1px solid #ddd;background-color:#fff;border-radius:29px}
.search_result .keyword_list li a:hover {border-color:#e50f11}
.no_result {padding-top:25px;text-align:center}
.no_result > strong {display:block;margin-bottom:8px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;font-size:15px;color:#ea2829;text-align:center}
.no_result > strong:before {margin-right:6px;vertical-align:text-bottom}
.no_result p {line-height:18px}
.autocomplate_list > ul > li > ul > li a:not(.btn_basic4) {height:28px;line-height:28px}
.detail_search {position:fixed;right:0;top:0;bottom:0;width:80%;max-width:400px;background-color:#fff;z-index:9999; -webkit-transform: translate3d(100%, 0,0);  transform: translate3d(100%, 0,0);  -webkit-transition:all .25s;transition:all .25s; -webkit-overflow-scrolling:touch}
.detail_search.is_actived {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.detail_search .title {height:62px;padding:26px 0 0 21px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;font-size:17px;color:#1b1e23}
.detail_search .i_close2 {display:none;position:absolute;top:32px;left:-26px}
.detail_search.is_actived .i_close2 {display:block}
.chk_item_list_top_area.active {position:fixed;top:158px;left:0;width:100%;z-index:10;background-color:#fff;}
.chk_item_wrap {position:absolute;width:100%;top:0;bottom:90px;/*height:calc(100% - 90px);*/overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.chk_item_list .item_group {position:relative;display:block;width:100%;height:43px;line-height:43px;padding:0 21px;font-size:13px;color:#1b1e23;text-align:left}
.chk_item_list .item_group .i_arrow {position:absolute;top:18px;right:23px}
.chk_item_list .item_group.active .i_arrow {background-position-x:-300px}
.chk_item_list > ul > li ~ li {border-top:1px solid #f2f2f2}
.chk_item_list > ul > li > ul {display:none;padding:5px 21px 12px;background-color:#f9f9f9}
.chk_item_list > ul > li > ul:after {content:'';display:block;clear:both}
.chk_item_list > ul > li > ul > li {float:left;width:calc(50% - 4px);margin-top:7px}
.chk_item_list > ul > li > ul:not(.col_3) > li:nth-child(2n) {margin-left:8px}
.chk_item_list > ul > li > ul.col_3 > li {width:calc(34% - 6px)}
.chk_item_list > ul > li > ul.col_3 > li:nth-child(3n),
.chk_item_list > ul > li > ul.col_3 > li:nth-child(3n-1) {width:calc(33% - 5px);margin-left:8px}
.chk_item_list .chk_item {position:relative}
.chk_item_list .chk_item input[type='radio'],
.chk_item_list .chk_item input[type='checkbox'] {position:absolute;top:0;left:0;z-index:1;width:1px;height:1px;opacity:0}
.chk_item_list .chk_item label {display:inline-block;max-width:100%;height:29px;line-height:29px;padding:0 12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.chk_item_list .chk_item label em {color:#999}
.chk_item_list .chk_item input[type='radio']:checked + label,
.chk_item_list .chk_item input[type='checkbox']:checked + label {background-color:#85858c;border-radius:29px;color:#fff}
.chk_item_list .chk_item input[type='radio']:checked + label > em,
.chk_item_list .chk_item input[type='checkbox']:checked + label > em {color:#fff}

.chk_item_list .brand_cate_list .chk_item {position:relative}
.chk_item_list .brand_cate_list .chk_item input[type='radio'],
.chk_item_list .brand_cate_list .chk_item input[type='checkbox'] {position:absolute;top:0;left:0;z-index:1;width:1px;height:1px;opacity:0}
.chk_item_list .brand_cate_list .chk_item label {display:inline-block;border:1px solid #eef0f2;border-radius:30px;max-width:100%;height:34px;line-height:34px;padding:0 14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.chk_item_list .brand_cate_list .chk_item label em {color:#999}
.chk_item_list .brand_cate_list .chk_item input[type='radio']:checked + label,
.chk_item_list .brand_cate_list .chk_item input[type='checkbox']:checked + label {background-color:#fff;border:1px solid #ea2829;border-radius:29px;color:#ea2829}
.chk_item_list .brand_cate_list .chk_item input[type='radio']:checked + label > em,
.chk_item_list .brand_cate_list .chk_item input[type='checkbox']:checked + label > em {color:#fff}

.chk_item_list .brand_filter {display:none;padding:20px 21px 10px 21px;background-color:#f9f9f9}
.chk_item_list .brand_filter .brand_filter_list:after {content:'';display:block;clear:both}
.chk_item_list .brand_filter .brand_filter_list > li {float:left;width:calc(50% - 4px);margin-top:7px}
.chk_item_list .brand_filter .brand_filter_list > li:nth-child(2n) {margin-left:8px}
.chk_item_list .chk_price {display:none;padding:20px 21px;background-color:#f9f9f9;color:#1b1e23;letter-spacing:1px}
.chk_item_list .search_input {padding:12px 21px 0}
.chk_item_list .search_input label {display:block;margin-bottom:7px;color:#1b1e23}
.chk_item_list .search_input input[type=text] {width:100%}
.checked_list {overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}
.checked_list ul {display:table;padding:12px 21px;white-space:nowrap}
.checked_list li {display:table-cell}
.checked_list li ~ li {padding-left:6px}
.checked_list li > span {display:inline-block;height:29px;line-height:29px;padding:0 10px;background-color:#85858c;border-radius:29px;color:#fff}
.checked_list li > span .i_del {position:relative;top:-2px;width:17px;height:17px;margin-left:6px;vertical-align:middle}
.detail_search .btn_wrap {position:absolute;bottom:0;left:0;right:0;height:40px;padding:25px 21px;background-color:#fff;border-top:1px solid #ddd;box-sizing:content-box}
.detail_search .btn_wrap:after {content:'';display:block;clear:both}
.detail_search .btn_wrap button[class*=btn_basic] {float:left;width:calc(50% - 3px)}
.detail_search .btn_wrap button[class*=btn_basic] ~ button[class*=btn_basic] {margin-left:6px}
.search_dimmed {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:9999}/*2018-10-26 z-index:105->116*/

/* 검색결과 */
.contents_area .best_prd_list {margin:0 -21px -25px}
.h3_type ~ .ev_list {margin-top:10px}

/* 적립금 */
.savemoney_box {padding-top:25px}
.save_info:after,
.dl_type1:after {content:'';display:block;clear:both}
.r_box {border:1px solid #f2f2f2;border-radius:4px}
.save_info {padding:17px 15px}
.save_info .l_area {float:left;width:45%}
.save_info .r_area {float:right;width:55%;max-width:200px}
.save_info .r_area .txt02 {margin:-7px 0 -5px 0;text-align:right}
.save_info ~ .save_info {border-top:1px solid #f2f2f2}
.savemoney_add .form_box .cols,
.coupon_add .form_box .cols {vertical-align:middle}
.savemoney_add .form_box .with_btn3 *,
.coupon_add .form_box .with_btn3 * {vertical-align:top}
.dl_type1 {font-size:11px}
.dl_type1 dt {float:left;width:52%}
.dl_type1 dd {float:left;width:48%;text-align:right;color:#1b1e23}
.dl_type1 dd ~ dt {clear:both;margin-top:3px}
.dl_type1 dd ~ dd {margin-top:3px}
.savemoney_add {padding:25px 15px 15px 15px;text-align:center;background:url('../../images/API_M_KO/mypage/bg01.png') repeat-x 0 0 #fafafa;background-size:auto 10px;border-radius:0 0 4px 4px}
.savemoney_add .i_money {position:relative;top:-1px;margin-right:3px;vertical-align:middle}
.savemoney_add .btn_full {padding:0 15px}
.savemoney_add .form_box .cols.w09 {width:104px;text-align:left}
.sh_area {padding:25px 21px;background-color:#fafafa}
.tb_sh {padding-top:25px}
.coupon_add {position:relative;padding:25px 15px 15px 10px;text-align:center;background-color:#fafafa;border-radius:0 0 4px 4px}
.coupon_add:before {content:'';position:absolute;top:0;left:-1px;right:-1px;display:block;height:8px;background:url('../../images/API_M_KO/mypage/bg02.png') repeat-x 0 0;background-size:auto 8px}
.cols .i_coupon,
.coupon_add .i_coupon {position:relative;top:-1px;margin-right:3px;vertical-align:middle}
/*.coupon_add input[type="email"] {width:32%;margin:0 3px 0 8px}*/

.r_minus {margin-right:-21px}
.accordion_list dl {border-bottom:1px solid #f2f2f2}
.accordion_list dl dt {position:relative;border-top:1px solid #f2f2f2}
.accordion_list dl dt:first-child {border-top:none;}
.accordion_list dl dt a,
.accordion_list dl dt span {position:relative;display:block;padding:18px 0;font-size:13px;line-height:18px;cursor:pointer}
.accordion_list dl dt a:after,
.accordion_list dl dt span:after {position:absolute;top:50%;right:21px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.accordion_list dl dt .day {font-size:12px;color:#999}
.accordion_list dl dt .day + .tit {margin-top:2px;padding-right:135px}
.accordion_list dl dt .tit {font-size:15px;color:#1b1e23;padding-right:120px}
.accordion_list dl dt .tit .percent {display:block}
.accordion_list dl dt .money {position:absolute;top:50%;/* right:60px; */right:44px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);color:#999;text-align:right}/*2018-11-05 마이 > 적립금 영역 조정 pub02 right:60px;->right:44px; */
.accordion_list dl dt .money.type2 {top:15px;transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%)}
.accordion_list dl dt .money .days {display:block;margin-bottom:2px;color:#666}
.accordion_list dl dt .money.plus {color:#ea2829}
.accordion_list dl dt .money.minus {color:#0e8de6}
.accordion_list dl dd {display:none;margin:3px 0 28px 0}
.accordion_list dl dd ul li:after {content:'';display:block;clear:both}
.accordion_list dl dd ul li ~ li {margin-top:10px}
.accordion_list dl dd ul li span {float:left;width:50%;font-size:11px}
.accordion_list dl dd ul li span.type_dd {padding-right:21px;color:#1b1e23;text-align:right}
.accordion_list.membership dl dt:first-child {border-top:none}
.accordion_list.membership dl {border-bottom:none}
.accordion_list.membership {margin-bottom:-25px}
.accordion_list.area {margin:15px 0 0 0}
.accordion_list.area .area_info {margin-right:0}
.accordion_list.membership .btn_box {margin-top:25px}
.accordion_list.membership .tb_list {margin-right:21px}
.accordion_list.membership .tb_list th,
.accordion_list.membership .tb_list td {text-align:center;}
.wd_tab ~ .contents_area .accordion_list dl dt .tit,
#faqList.accordion_list dl dt .tit {padding-right:0}
.btn_box + .accordion_list dl dt:first-child {border-top:1px solid #f2f2f2}

/* 쿠폰 */
.coupon_list ul:after,
.coupon_brand ul:after,
.coupon_brand_list ul:after {content:'';display:block;clear:both}
.coupon_list ul li {float:left;width:50%;padding-right:5px;padding-bottom:15px;text-align:center}
.coupon_list ul li:nth-child(2n) {padding-right:0;padding-left:5px}
.coupon_list ul li:nth-child(2n+1) {clear:both}
.coupon_list ul li .day {margin:5px 0 -2px 0}
.coupon_list ul li .subt {color:#999}
.coupon_box {position:relative;padding-top:52.632%;text-align:left;background:url('../../images/API_M_KO/common/coupon_bg.png') no-repeat 0 0;background-size:100% auto}
.coupon_box .data {position:absolute;left:0;right:34%;top:50%;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.coupon_box .percent {font-size:11px}
.coupon_box .percent span {font-size:21px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;color:#1b1e23}
.coupon_box .percent em {position:relative;top:-2px}
.coupon_box .tit {margin:-3px 0 -1px 0;color:#999;font-size:11px}
.coupon_box button {position:absolute;top:50%;right:7.8%;height:35px;width:35px;text-align:center;background-color:#c51315;border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.coupon_list + .btn_full {margin-top:5px}
.h3_type.thin + .coupon_list {margin-top:18px}
.coupon_brand {padding-bottom:15px}
.coupon_brand ul li {float:left;width:12.5%}
.coupon_brand ul li button {width:100%;height:28px;text-align:center;line-height:26px;font-size:13px;color:#666}
.coupon_brand ul li button.active {color:#fff;background-color:#85858c;border-radius:14px}
.coupon_brand.type2 ul li {width:33%}
.coupon_brand.type2 ul li:nth-child(9n+1) {margin-left:0}
.coupon_brand.type2 ul li:nth-child(9n) {margin-right:0}
.coupon_brand.type2 ul li:nth-child(3n+1) {margin-left:.5%}
.coupon_brand.type2 ul li:nth-child(3n) {margin-right:.5%}
.coupon_brand.type2 ul li button {padding:0 8px;width:100%;text-align:left;font-size:12px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.coupon_brand_list {border-top:1px solid #f2f2f2}
.coupon_brand_list ul {margin-top:10px}
.coupon_brand_list ul li {float:left;width:50%;/*margin-top:20px;*/color:#1b1e23}
.coupon_brand_list ul li:nth-child(2n+1) {clear:both}
.coupon_brand_list ul li a {display:block;padding:10px 5px 10px 0;color:#1b1e23;word-break:break-all}
.coupon_brand_list ul li:nth-child(2n) a {padding:10px 0 10px 5px}
.contents_area.coupon_top {padding:0}
.contents_area.coupon_top img {width:100%}
.my_coupon_info {display:table;width:100%;table-layout:fixed}
.my_coupon_info .col {display:table-cell;width:50%;padding:20px 0;text-align:center;vertical-align:middle}
.my_coupon_info .col ~ .col {position:relative;padding:0;border-left:1px solid #f2f2f2;color:#000;text-align:left}
.my_coupon_info .col .ico_level {margin-bottom:5px}
.my_coupon_info .col > a {position:absolute;top:0;left:0;right:0;bottom:50%;color:#000}
.my_coupon_info .col > a ~ a {top:50%;bottom:0;border-top:1px solid #f2f2f2}
.my_coupon_info .col > a p {position:absolute;top:50%;left:21px;right:21px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.my_coupon_info .col .coupon_info:after {content:'';display:block;clear:both}
.my_coupon_info .col .coupon_info:hover {color:#e50f11}
.my_coupon_info .col .coupon_info span {float:right}
.my_coupon_info .col .coupon_info:hover span {color:#000}
.my_coupon_info .col .coupon_info span em {color:#e60e11}
.my_coupon_info .col .link01:hover {color:#e50f11}
.my_coupon_info .col .link01:after {position:absolute;top:50%;right:21px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.my_coupon_info .col .basic_txt {padding:0 10px}
.contents_area.customer_link .customer_nav {padding-top:0}
.contents_area.customer_link .customer_nav .nav_02 li {border-top:none}

/* 이벤트/기획전 */
.my_event_list {margin:0 -21px}
.my_event_list ul li {border-bottom:1px solid #f2f2f2}
.my_event_list ul li a {position:relative;display:block;padding:10px 21px;color:#000;font-size:12px}
.my_event_list ul li .tit {display:block;font-size:13px}
.my_event_list ul li .day {color:#999}
.my_event_list ul li .result {position:absolute;right:21px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.my_event_list ul li .result.yes {color:#e60e11}
.my_event_list ul li .result.no {color:#0e8de6}
.ev_list {margin:0 -21px}
.mg_no .ev_list {margin:0}
.ev_list li {position:relative}
.ev_list li a {display:block}
.ev_list .i_area {position:relative}
.ev_list .i_area .label {position:absolute;top:0;left:0;width:100px;height:25px;padding-left:20px;background-image: url('../../images/API_M_KO/product/event_label.png');background-repeat:no-repeat;background-position-x:0;background-size:100px;color:#fff;line-height:24px}
.ev_list .i_area .label.event {background-position-y:0}
.ev_list .i_area .label.plan {background-position-y:-25px}
.ev_list.h_evt_box .i_area .label {color:#fff;background:url('../../images/API_M_KO/hstory/hevent_label.png') no-repeat left top;background-size:100px}/* 2019-04-29 pub09 */
.ev_list .i_area img {vertical-align:top;width:100%}
.ev_list .t_area {position:relative;top:-25px;margin:0 0 -15px 21px;padding:15px 20px;background-color:#fff}
.ev_list .tit {height:20px;padding-right:24px;color:#000;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ev_list .subt {margin-top:5px;height:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev_list .day {font-size:12px;color:#999}
.ev_list .i_attention {position:absolute;right:21px;bottom:82px;z-index:3}
.benefit_top {margin:0 -21px}
.benefit_top img {width:100%}
.h3_type.ev_benefit {position:relative;padding:45px 0 5px;text-align:center}
.h3_type.ev_benefit:before {content:'';position:absolute;top:30px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);width:87px;height:10px;background:url('../../images/API_M_KO/product/ev_benefit_tit.jpg') repeat center top;background-size:87px}
.benefit_list {position:relative;margin:0 auto;background-color:#fafafa;border:1px solid #e6e6e6;border-radius:10px;overflow:hidden}
.benefit_list:before {content:'';position:absolute;bottom:0;right:0;width:50%;height:110px;background-color:#fff;background:url('../../images/API_M_KO/product/coming_soon.png') no-repeat center center;background-size:60px;border-top:1px solid #f2f2f2}
.benefit_list ul {margin-top:-1px}
.benefit_list ul:after {content:'';display:block;clear:both}
.benefit_list li {position:relative;float:left;width:50%;height:110px;padding:13px 5px;border-top:1px solid #f2f2f2}
.benefit_list li:nth-child(2n-1) {border-right:1px solid #f2f2f2}
.benefit_list li:nth-child(2n-1):before {content:'';position:absolute;top:22px;right:-4px;width:7px;height:67px;background:url('../../images/API_M_KO/product/ev_benefit_bg.png') no-repeat left top;background-size:7px}
.benefit_list .benefit_item {background-color:#fafafa;text-align:center}
.benefit_list .benefit_item > span {display:block}
.benefit_list .benefit_item .txt {font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.benefit_list .benefit_item .txt2 {margin:-2px 0 4px;font-size:21px;color:#333}
.benefit_list .benefit_item .btn_benefit {display:inline-block;min-width:90px;height:30px;line-height:30px;padding:0 10px;background-color:#ff5959;border-radius:60px;color:#fff;font-size:12px;text-align:center}
.level_benefit {background-color:#fafafa;border:1px solid #e6e6e6;border-radius:10px}
.level_benefit .level_list {padding:15px 0;text-align:center}
.level_benefit .level_list li {display:inline-block;width:90px;margin:9px 0;vertical-align:top}
.level_benefit li img {width:55px;height:55px;margin-bottom:8px}
.level_benefit .basic_txt strong {display:block}
.level_benefit .level_coupon {position:relative;padding:30px 30px 24px;border-top:1px solid #f2f2f2}
.level_benefit .level_coupon:before {content:'';position:absolute;top:-4px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);width:271px;height:7px;background:url('../../images/API_M_KO/product/ev_benefit_bg2.png') no-repeat left top;background-size:271px}
.level_benefit .level_coupon .h4_type {font-size:16px;text-align:center}
.level_benefit .level_coupon ol {margin:8px 0 10px;line-height:18px}
.level_benefit .level_coupon ol li ~ li {margin-top:10px}
.level_benefit .level_coupon .dot_list li {color:#999999;font-size:12px;line-height:17px}
.level_benefit .level_coupon .dot_list li ~ li {margin-top:0}
.level_benefit .level_coupon .dot_list li:before {width:2px;height:2px;background-color:#999999}

/* 추가 */
.gnbev_list {padding:10px 0 20px 20px}
.gnbev_list .form_box {padding-right:20px;}
.gnbev_list li {margin-bottom:40px}
.gnbev_list li:last-child {margin-bottom:0;}
.gnbev_list .list_img {margin-bottom:16px}
.gnbev_list .list_img img {width:100%;}
.gnbev_list .list_info {position:relative;color:#5c6677}
.gnbev_list .list_info .ti1 {margin-bottom:8px;font-size:14px;font-weight:700;color:#1b1e23;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 50px;}
.gnbev_list .list_info .ti2 {margin-bottom:8px;font-size:13px;color:#5c6677;}
.gnbev_list .list_info .date {font-size:12px;letter-spacing:0;color:#5c6677;}
.gnbev_list .list_info .btn_like {position:absolute;top:0;right:20px;z-index:1;font-size:0;line-height:0;}

.gnbev_list .list_link {position:relative;display:block;}
.gnbev_list .list_link > .ev_info {position:absolute;bottom: 20px;left:20px;color:#fff;width:100%;}
.gnbev_list .list_link > .ev_info .ev_tit {padding-right:50px;padding-bottom:4px;font-size:20px;font-weight:700;display:block;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.gnbev_list .list_link > .ev_info .ev_date {padding-right:50px;font-size:12px;display:block;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

.gnbev_list.ty_txt li {margin-bottom:4px;}
.gnbev_list.ty_txt li:last-child {margin-bottom:0;}
.gnbev_list.ty_txt .list_link {position:relative;background-color:#f9fafb;display:block;}
.gnbev_list.ty_txt .list_link:after {position:absolute;top:50%;right:20px;content:'';width:26px;height:26px;margin-top:-13px;background: url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-position:-228px 0;background-size:750px 750px;}
.gnbev_list.ty_txt .list_link > .ev_info{position:static;padding:27px 20px 22px}
.gnbev_list.ty_txt .list_link > .ev_info .ev_tit {margin-right: 30px;padding-bottom:4px;font-size:18px;color:#1b1e23;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle}
.gnbev_list.ty_txt .list_link > .ev_info .ev_date {margin-right: 30px;font-size:12px;color:#5c6677;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle}

.gnbev_view .banner_lists {padding:20px 0 20px 20px}
.gnbev_view .banner_lists .special_visual + .special_visual {margin-top:30px}
.gnbev_view  .special_visual .visual_bottom {bottom:10px;right:-10px;}
.gnbev_view .btn_share_wrap {position:relative;z-index:11;}
.gnbev_view .btn_share_area {position:absolute;top:20px;right:16px;}
.gnbev_view .btn_share_area > a {width:36px;height:36px;display: block;}
.gnbev_view .btn_share_area > a + a {margin-top:10px;}
.gnbev_view .btn_share_area > a.btn_ev_share {background: url('../../images/API_M_KO/common/ic_link.png') no-repeat;background-size:36px 36px;}
.gnbev_view .btn_share_area > a.btn_ev_like {background: url('../../images/API_M_KO/common/btn_like_off.png') no-repeat;background-size:36px 36px;}
.gnbev_view .btn_share_area > a.btn_ev_like.on {background: url('../../images/API_M_KO/common/btn_like_on.png') no-repeat;background-size:36px 36px;}
.gnbev_view .ev_editarea {min-height: 120px;}
.gnbev_view .ev_editarea img {width:100% !important;height:auto !important;}
.gnbev_view .attention_area {padding-bottom:40px !important;}
.gnbev_view .ev_editarea + .banner_visual {margin-top:40px;}
.gnbev_view .visual_item .visual_tit {top:40px;}
.gnbev_view .visual_item .visual_tit .visual_tit3 {margin-top:12px;}

/* 신상품 */
.contents_area .new_brand_list {margin:0 -21px -25px}
/*.new_brand_list ul:after {content:'';display:block;clear:both}*/
.new_brand_list {position:relative;overflow:hidden;padding:25px 0}
.new_brand_list li {width:275px;background-color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.05); -webkit-flex-shrink: 0;-ms-flex-negative:0;flex-shrink:0}
.new_brand_list .swiper-wrapper {display:-webkit-box;display:-moz-box;display:-ms-flexbox;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center}
.new_brand_list .brand_txt {padding:18px 0 15px}
.new_brand_list .brand_txt .b_logo {display:block;width:110px;height:30px;margin:0 auto}
.new_brand_list .brand_txt .b_prd {margin-top:10px;font-size:0;text-align:center}
.new_brand_list .brand_txt .b_prd a {display:inline-block;width:110px;vertical-align:top; min-height:130px;}/*2018-10-24 min-height 추가 phj*/
.new_brand_list .brand_txt .b_prd a ~ a {margin-left:17px}
.new_brand_list .brand_txt .b_prd a img {width:90px}
.new_brand_list .brand_txt .b_prd a p {/*min-height:36px;*/margin-top:4px;font-size:13px;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}/*2018-10-24 min-height 삭제 phj*/

/* no_data */
.no_data {padding:60px 0;text-align:center}
.no_data p {font-size:14px;font-weight:normal;color:#ccd1d8;}
.no_data p i {display:none;}
.no_data .btn_basic4 {margin-top:10px}
.no_data.type2 {padding-bottom:35px}
.no_data.new {padding:60px 0 80px}
.no_data.new p {font-size:14px;font-weight:normal;color:#ccd1d8;}

/* 로그인 */
.save_check .checkbox {margin-right:20px}
.app_type + .idpw_find {margin-top:8px;padding-bottom:14px}
.idpw_find {margin-top:15px;padding:0px 21px 15px;text-align:center}
.idpw_find .hpoint {padding-top:15px;color:#1b1e23}
.idpw_find .hpoint * {vertical-align:middle}
.idpw_find .hpoint .i_hp {position:relative;top:-2px;margin-right:8px}
.idpw_find .hpoint + ul {margin-top:6px}
.idpw_find ul,
.nomember_btn ul {display:inline-block}
.idpw_find ul:after,
.join_sns ul:after,
.nomember_btn ul:after,
.join_type ul:after,
.benefit_info ul:after {content:'';display:block;clear:both}
.idpw_find ul li,
.nomember_btn ul li {float:left}
.idpw_find ul li a,
.nomember_btn ul li a {position:relative;display:block;padding:0 15px}
.idpw_find ul li ~ li a:before,
.nomember_btn ul li ~ li a:before {content:'';position:absolute;top:50%;left:0;margin-top:-6px;height:12px;width:1px}
.idpw_find ul li ~ li a:before {background-color:#f2f2f2}
.nomember_btn ul li ~ li a:before {background-color:#f2f2f2}
.nomember_btn.type{background:#e5e5e5;}
.join_sns {margin-top:12px;text-align:center}
.join_sns.type2 {padding:12px 0 10px 0;margin-top:0;border-top:1px solid #F2F2F2}
.join_sns .tit {color:#1b1e23;font-size:15px;margin-bottom:8px}
.join_sns ul {display:inline-block}
.join_sns ul li {float:left;margin:0 10px}
.join_sns ul li a {display:block;width:50px;color:#1b1e23;text-align:center}
.join_sns ul li a i {display:block;margin:0 auto 2px auto}
.login_box_area .join_sns {margin:0 -21px;padding-top:18px;border-top:1px solid #F2F2F2}
.login_box_area .join_sns .tit {margin-bottom:10px}
.nomember_btn {margin-top:15px;text-align:center}
.login_box_area {position:relative;height:100%;min-height:640px;padding-bottom:50px}
.iframe_box .login_box_area .btn_box {margin-top:20px;padding: 0 21px}
.iframe_box .login_box_area .btn_box .i_finger,
.iframe_box .login_box_area .btn_box .i_faceid {display:inline-block;margin-left:7px;vertical-align:middle}
.leverup_txt {margin-bottom:15px;padding-top:5px;text-align:center;color:#1b1e23;line-height:18px}
.leverup_txt i {display:block;margin:0 auto 10px auto}
.leverup_txt span {display:block;margin-bottom:7px;font-size:17px}
.leverup_txt span em {color:#1b1e23;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;}
.join_type {margin-bottom:25px}
.join_type ul li {float:left;width:50%;text-align:center;line-height:18px}
.join_type ul li:first-child{float:none;width:100%;padding:25px 0 20px 0;margin-bottom:30px;border-bottom:1px solid #F2F2F2}
.join_type ul li span {display:block;margin-bottom:5px;color:#1b1e23;font-size:15px}
.join_type ul li.type1 a {display:block}
.join_type ul li.type2 span {margin-bottom:14px}
.join_type ul li.type2 {min-height:120px;border-left:1px solid #F2F2F2}
.join_type ul li.type2 a {position:relative;display:inline-block;margin:0 5px;font-size:14px}
.join_type ul li.type2 a:before {content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:#999}
.benefit_info {padding-top:20px;text-align:center}
.benefit_info .tit {padding-bottom:15px;font-size:15px;color:#1b1e23}
.benefit_info ul {margin:0 -21px}
.benefit_info ul li {float:left;width:20%;font-size:11px;line-height:16px}
.benefit_info ul li i {display:block;margin:0 auto 5px auto}
.connet_btn {padding:10px 21px 0 21px}
/* [pub]22-05-18 - 클럽트래블 관련 국문 MO 로그인 페이지 퍼블 Start */
.join_type ul li.type_club {position: static;display: block;margin: 44px auto 0;width: 85%;padding: 0;height: auto !important;border: 1px solid #e5e5e5;box-shadow: 3px 3px 6px rgb(0 0 0 / 20%);}
.join_type ul li.type_club .btn_type_club{padding: 12% 0;width: 100%;display: inline-block;}
/* [pub]22-05-18 - 클럽트래블 관련 국문 MO 로그인 페이지 퍼블 End */

/*S:2024-07-11 회원가입 개선*/
.login_box_area {padding-bottom:13.33vw; min-height:auto;}
.login_box_area .tab_type1 {display:flex; background:#f4f5f6; border-radius:4px; padding:2px; border:none;}
.login_box_area .tab_type1 li {width:50%; min-height:10.67vw; height:auto;}
.login_box_area .tab_type1 li a {background:none;}
.login_box_area .tab_type1 li a span {display:flex; align-items:center; justify-content:center; height:100%; width:100%; font-size:3.47vw; color:#788497; font-weight:500; padding:1.33vw 0;}
.login_box_area .tab_type1 li a.active span {background:#fff; border-radius:4px; color:#1b1e23; font-weight:700;}
.login_box_area .tab_type1 li a.active span:after {display:none;}
.login_box_area .tab_view_box {margin-top:5.33vw;}
.login_box_area .join_form .join_row {height:13.07vw; border-top:none; border-bottom:1px solid #dde0e5; min-height:auto;}
.login_box_area .join_form .join_row + .join_row {margin-top:4.27vw;}
.login_box_area .join_form .join_row input {font-size:4.27vw; background: transparent; height:13.07vw;}
.iframe_box .login_box_area .join_form .join_row:last-child {border-bottom-color:#dde0e5;}
.iframe_box .login_box_area .btn_box {padding:0; margin-top:8.8vw;}
.iframe_box .login_box_area .btn_box.type2 .col a.login {height:12.8vw; font-size:4.27vw;}
.iframe_box .login_box_area .save_check {display:flex; justify-content:space-between; align-items:center; margin:4.8vw 0 0;}
.iframe_box .login_box_area .save_check .switch .slider {height: 5.33vw; width: 9.07vw; margin-left:8px;}
.iframe_box .login_box_area .save_check .switch label {display:inline-flex;}
.iframe_box .login_box_area .save_check .switch .slider:after {height: 3.2vw; width:3.2vw; left:12%; bottom:auto; top:50%; transform:translateY(-50%);}
.iframe_box .login_box_area .save_check .switch input:checked + label .slider:after {left:4.7vw}
.login_box_area .join_sns {border-top:none; margin:8.53vw 0 0; padding:0; display:flex; justify-content:space-between; align-items:center;}
.login_box_area .join_sns .tit {font-size:3.73vw; color:#788497; margin:0;}
.login_box_area .join_sns ul {display:inline-flex; }
.login_box_area .join_sns ul li {float:none; width:10.67vw;}
.login_box_area .join_sns ul li + li {margin-left:3.2vw;}
.login_box_area .join_sns ul li a {overflow:hidden; width:100%; height:100%;}
.login_box_area .join_sns ul li a .hide {position:absolute;}
.login_box_area .join_sns ul li a::before {content:""; display:inline-block; width:10.67vw; height:10.67vw; border-radius:50%;}
.login_box_area .join_sns ul li a.ico_naver::before {background:url('../../images/API_M_KO/common/icon_sns_naver.webp') no-repeat center center/cover}
.login_box_area .join_sns ul li a.ico_kakao::before {background:url('../../images/API_M_KO/common/icon_sns_kakao.webp') no-repeat center center/cover}
.login_box_area .join_sns ul li a.ico_faceid::before {background:url('../../images/API_M_KO/common/icon_faceid.svg') no-repeat center center/cover;}
.login_box_area .join_sns ul li a.ico_finger::before {background:url('../../images/API_M_KO/common/icon_fingerprint.svg') no-repeat center center/cover;}
.login_box_area :is(.idpw_find, .nomember_btn) {padding:0; margin-top:4.27vw;}
.login_box_area :is(.idpw_find ul, .nomember_btn ul) {display:inline-flex;}
.login_box_area :is(.idpw_find ul li, .nomember_btn ul li) {float:none; flex-shrink:0;}
.login_box_area :is(.idpw_find ul li + li, .nomember_btn ul li + li) {margin-left:24px;}
.login_box_area .idpw_find ul li ~ li a:before,
.login_box_area .nomember_btn ul li ~ li a:before {background-color:#dde0e5; left:-12px;}
.login_box_area :is(.idpw_find ul li a, .nomember_btn ul li a) {color:#788497; font-size:3.47vw; padding:0;}
.login_box_area .join_box {text-align:center; margin-top:10vw;}
.login_box_area .join_box .join_alert {position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:7.47vw; color:#fff; font-size:3.2vw; margin-bottom:6px; padding:1.33vw 12px; background-image: linear-gradient(99deg, #ea2829 -3%, #ea2869 41%, #ce28a5 75%, #a928ea 101%); border-radius:999rem;}
.login_box_area .join_box .join_alert::after {content:""; position:absolute; bottom:-7px; left:18%; width: 0px; height: 0px; border-style: solid; border-width: 8px 6px 0 6px; border-color: #ea2829 transparent transparent transparent; transform: rotate(0deg);}
.login_box_area .join_box .join_hpoint {display:inline-flex; align-items:center; justify-content:center; height:10.67vw; border:1px solid #dde0e5; color:#1b1e23; font-size:3.47vw; padding:0 8%; border-radius:999rem;}
/*E:2024-07-11 회원가입 개선*/

/* 3시간전 샵 */
.fast_top {background:url('../../images/API_M_KO/product/fast_shop_top.jpg') no-repeat 50% 0;background-size:cover}
.fast_top .sel {background-color:transparent}
.fast_top .sel select {background-color:#fff}
.fast_top .btn_box {margin-top:15px}
.order_time_box {position:relative;height:147px;margin:-3px 17px 0 17px;background:url('../../images/API_M_KO/product/fast_shop_bg.png') repeat-x 0 0;background-size:auto 147px;-webkit-background-size:auto 147px;-moz-background-size:auto 147px}
.order_time_box:before,
.order_time_box:after {content:'';position:absolute;top:0;width:17px;height:147px;background-image:url('../../images/API_M_KO/product/fast_shop_rbg.png');background-repeat:no-repeat;background-size:auto 147px}
.order_time_box:before {left:-17px;background-position:0 0}
.order_time_box:after {right:-17px;background-position:-17px 0}
.time_txt01 {padding-top:15px;margin:0 5px;height:80px;border-bottom:1px solid #f2f2f2}
.time_txt01 .st {font-size:12px}
.time_txt01 .time_t {margin-top:4px;text-align:center;font-size:21px;color:#1b1e23}
.time_txt01 .time_t span {margin-right:4px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;}
.time_txt02 {position:relative}
.time_txt02:before,
.time_txt02:after {content:'';position:absolute;top:-13px;width:6px;height:6px;border:1px solid #f2f2f2;background-color:#fff;border-radius:50%}
.time_txt02:before {left:0}
.time_txt02:after {right:0}
.time_txt02 ul {margin:10px 0 0 5px;line-height:18px;font-size:13px}
.time_txt02 ul:after {position:absolute;top:-16px;left:50%;margin-left:-15px;background-color:#f7f8f9}
.time_txt02 ul li span {font-size:12px;margin-right:15px}
.time_txt02 ul li ~ li {margin-top:3px}
.time_txt02 ul li em {color:#1b1e23}

/* 스폐설오더 */
.special_top {min-height:145px;background:url('../../images/API_M_KO/product/special_top.jpg') no-repeat 50% 0;background-size:cover;border-bottom:none}
.special_top .h3_type {padding:32px 0 5px 0;font-size:17px}
.special_top .info_t {font-size:13px}
.special_info {padding-top:15px}
.basic_dl {overflow:hidden}
.basic_dl dt {float:left;width:80px;font-size:12px;line-height:23px}
.basic_dl dd {overflow:hidden;color:#333;line-height:23px}
.special_info ~ .btn_full button.big {font-size:16px}
.special_txt {margin:20px 0 10px 0;font-size:12px;line-height:16px}
.special_brand_list ul:after {content:'';display:block;clear:both}
.special_brand_list ul {margin:0 -4px}
.special_brand_list ul li {position:relative;float:left;width:33.3%;margin-top:5px}
.special_brand_list ul li:nth-child(3n) {width:33.4%}
.special_brand_list ul li a {display:block;margin:0 4px;padding-bottom:53.409%;border:1px solid #e5e5e5;border-radius:4px;text-align:center}
.special_brand_list ul li a:hover {border-color:#1b1e23}
.special_brand_list ul li a img {position:absolute;height:43.75%;width:85.227%;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%)}
.sbd_logo {border:1px solid #e5e5e5;padding:30px 60px}
.sbd_info {margin-top:15px;text-align:center;color:#1b1e23}
.sbd_info span {padding:0 3px}

/* 세일 */
.time_bn_box {margin:15px -21px -25px -21px}
.time_visual {overflow:hidden;position:relative;width:100%;min-height:150px}
.time_visual .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox}
.time_visual .visual_item {position:relative;background:#fff}
.time_visual .visual_item p {position:absolute;bottom:25px;width:100%;color:#000;padding-left:30px;font-weight:bold;font-size:27px;line-height:32px;}
.time_visual .visual_item p em,
.time_visual .visual_item p span {display:block;font-weight:normal;vertical-align:top}
.time_visual .visual_item p em {font-style:normal;font-size:17px;line-height:20px}
.time_visual .visual_item p span {color:#888;font-size:14px;line-height:20px}
.time_visual .visual_item img {width:100%}
.deal_list {margin:0 -21px;overflow:hidden}
.deal_list .prd_list li {border:none}
.deal_list .prd_list.list_type0 .prd_img {margin-top:0}
.deal_list .prd_list.list_type0 li > a {height:290px}
.deal_list .prd_list.list_type0 li.soldout_item .prd_img,
.deal_list .prd_list.list_type0 li.soldout_item .prd_tit {opacity:.4}
.deal_list .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox}
.deal_list .swiper_paging {text-align:center}


/* 웨딩샵 */
.terms_box.type2 {max-height:140px;overflow-y:scroll;margin-top:15px;padding:10px;border:1px solid #dddddd}
.cp_img {padding:0 37px 50px 37px;text-align:center}
.cp_area {padding:0 37px 50px 37px}
.cp_area .cp_box .cp {position:relative;padding-top:40px;height:134px;text-align:center}
.cp_area .cp_box .cp:before,
.cp_area .cp_box .cp:after {position:absolute;width:64px;height:10px;box-sizing:content-box;background-color:#fff}
.cp_area .cp_box .cp:before {top:-6px;left:23.225%;border-top:1px solid #fff}
.cp_area .cp_box .cp:after {bottom:-6px;right:23.225%;border-bottom:1px solid #fff}
.cp_area .cp_box .cp_logo {position:absolute;top:9px;left:9px}
.cp_area .cp_box .cp.save {border:5px solid #84d3da}
.cp_area .cp_box .cp.save:before {background-position:-310px -88px}
.cp_area .cp_box .cp.save:after {background-position:-310px -99px}
.cp_area .cp_box .cp.coupon {border:5px solid #f9acc0}
.cp_area .cp_box .cp.coupon:before {background-position:-380px -88px}
.cp_area .cp_box .cp.coupon:after {background-position:-380px -99px}
.cp_area .cp_box ~ .cp_box {position:relative;margin-top:60px}
.cp_area .cp_box ~ .cp_box:before {position:absolute;top:-45px;left:50%;margin-left:-15px;width:30px;height:30px;background-position:-465px -30px}
.cp_area .cp_box p {line-height:100%}
.cp_area .cp_box .big {font-size:23px;color:#1b1e23}
.cp_area .cp_box .big span {font-size:44px}
.cp_area .cp_box .small {margin-top:12px;color:#999;font-size:17px}
.loding_area {position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;background-color:rgba(0,0,0,.7)}
.loding_area .bar {position:absolute;top:50%;left:50%;width:60px;height:60px;background:url('../../images/API_M_KO/common/loading_apng.gif') 0 0 no-repeat;background-size:55px auto;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);/*border-radius:50%*/}

/* 브랜드 */
.brand_info_box .top_img img {width:100%}
.brand_info_box .brand_other {position:relative;padding:20px 20px 25px 20px}
.brand_other .brand_logo img {width:110px}
.brand_other .brand_not {margin-top:10px;color:#000}
.brand_other .brand_not2 {margin-top:6px;line-height:15px;font-size:11px}
.brand_other .i_attention {position:absolute;top:25px;right:21px}
.brand_info_box .movie_box {position:relative;padding-top:56%}
.brand_info_box .movie_box iframe {position:absolute;top:0;right:0;bottom:0;left:0}

/* 출국정보 */
.departure_list {margin:10px -21px 0 -21px}
.departure_list ul {border-top:1px solid #f2f2f2}
.departure_list ul li {padding:10px 21px;border-bottom:1px solid #f2f2f2}
.departure_list p.info {color:#000}
.departure_list p.day {color:#999}
.departure_list .btn_box {margin-top:7px}

/* 문의내역 */
.inquiry {margin:10px -21px 0 -21px}
.accordion_list.inquiry dl dt a {position:relative;padding:15px 21px 15px 53px;cursor:pointer}
.accordion_list.inquiry dl .tit {margin:0;font-size:13px;color:#1b1e23;line-height:18px}
.accordion_list.inquiry dl .tit.type2 {word-break:break-word;padding-right:50px}
.accordion_list.inquiry dl .tit.type2 .pr_info {padding:2px 0;color:#666}
.accordion_list.inquiry.faq dl .tit {margin-top:1px;line-height:18px}
.inquiry dl {line-height:100%}
.inquiry dl .day {margin:0 0 0 -10px;color:#999}
.inquiry dl .day span {position:relative;display:inline-block;padding:0 10px;font-size:12px}
.inquiry dl .day span ~ span:before {content:'';position:absolute;left:0;top:50%;display:block;margin-top:-4px;height:9px;width:1px;background-color:#e5e5e5}
.inquiry dl .result {position:absolute;top:15px;right:21px;font-size:12px}
.inquiry dl .result.ing {color:#0e8de6}
.inquiry dl .result.end {color:#5c6677}
.inquiry dl .q_txt {padding:0 21px 15px 53px;line-height:18px;word-break:break-all}
.inquiry dl .q_txt .img_box {display:block;margin-right:32px}
.inquiry dl .q_txt .img_box img {width:100%}
.inquiry dl i {position:absolute;top:15px;left:21px}
.accordion_list.inquiry dl dd {margin:0}
.accordion_list.inquiry.faq {margin-top:-1px}
.accordion_list.inquiry.faq dl dt .tit {padding:0}
.inquiry .a_area {position:relative;padding:15px 21px 15px 53px;background-color:#f9f9f9}
.inquiry .a_area .txt {margin-top:12px;line-height:18px}

/* 회원등급 */
/* 2024-05-02 온/오프라인 회원등급 통합 : 삭제
.membership_list {padding-right:21px;}
.membership_list li {position:relative;padding-left:75px}
.membership_list li i {position:absolute;top:3px;left:0}
.membership_list li .card {position:absolute;top:35px;left:0; width:68px; padding-right:10px; text-align:center; font-size:11px; color:#1b1e23; line-height:1.2;}
.membership_list li .card i {position:static;}
.membership_list li .tit {color:#1b1e23; margin-top:5px; line-height:1.5;}
.membership_list li .tit em {display:block;color:#666;font-size:11px}
.membership_list li .subt {margin-top:5px;font-size:11px;line-height:16px}
.membership_list li ~ li {margin-top:25px !important}
.membership_list.mbl li {padding-top:10px;}
.membership_list.mbl li i {top:50%;margin-top:-22px}
.accordion_list dl dd .membership_list li .dot_list li {padding-left:8px; padding-top:0; margin-top: 3px !important;font-size: 12px}
.accordion_list dl dd .membership_list li .subt {margin-top:5px;font-size:11px;line-height:16px}
.accordion_list dl dd .membership_list li .subt + .subt {margin-top:0}
.accordion_list dl dd .membership_list li ~ li {margin-top:25px}
.accordion_list dl dd .membership_list.mbl li {padding-top:10px;} */

.h_benefit {margin:10px -21px 0 -21px}
.h_benefit ul {border-top:1px solid #f2f2f2}
.h_benefit ul li {position:relative;padding:20px 21px 20px 95px;min-height:95px;border-bottom:1px solid #f2f2f2}
.h_benefit ul li:last-child {padding-bottom:26px}
.h_benefit ul li p {margin-bottom:4px;color:#1b1e23;line-height:18px}
.h_benefit ul li i {position:absolute;top:20px;left:21px}
.hp_partner {margin:0 -21px -25px -21px}
.hp_partner a {position:relative;display:block;padding:25px 21px}
.hp_partner a .tit {color:#1b1e23;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;}
.hp_partner a .info_t {display:block;margin-top:2px}
.hp_partner a i {position:absolute;top:50%;right:21px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}

.add_down a {position:relative;display:block;padding:25px 21px}
.add_down a .tit {font-size:21px;color:#1b1e23;line-height:100%;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;}
.add_down a i {position:absolute;top:50%;right:21px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}

/* Product Detail Page */
.sub_container.product {padding-bottom:100px}
.sub_container.product .h3_type {z-index:10}
.product_area {position:relative}
.prd_swipe {margin:25px 49px 0;padding-bottom:25px;overflow:hidden;}
.prd_swipe .swiper-wrapper {min-height: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;}
.prd_swipe .prd_item {position: relative;height:100%;width: 100%;text-align:center;-webkit-flex-shrink: 0;-ms-flex-negative: 0; flex-shrink: 0;}
.prd_swipe .prd_item .movie_box {position:absolute;top:50%;left:0;right:0;padding-top:56%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.prd_swipe .prd_item .movie_box iframe {position:absolute;top:0;right:0;bottom:0;left:0}
.prd_swipe .detail_paging {bottom:5px;text-align:center}
.detail_paging {position:absolute;left:0;right:0;font-size:0;z-index:2}
.detail_paging .swiper-pagination-bullet {display:inline-block;width:4px;height:4px;margin:0 2px;background-color:rgba(0,0,0,.1);border-radius:100%}
.detail_paging .swiper-pagination-bullet-active {background-color:#e60e11}
.product_area .prd_icon {position:absolute;top:0;left:0;width:50px}
.product_area .i_share,
.product_area .i_attention,
.product_area .i_expand {position:absolute;right:0}
.product_area .i_share {top:0}
.product_area .i_attention {top:35px}
.product_area .i_expand {bottom:6px}
.product_info {padding:10px 0 0}
.product_info .prd_info01 {}
.product_info .prd_name {display:inline-block;height:23px;line-height:21px;padding:0 5px;border:1px solid #ddd;border-radius:5px;font-size:11px;}
.product_info .prd_name:after {display:inline-block;width:3px;height:5px;margin-left:6px;border-left:3px solid#000;border-bottom:3px solid transparent;border-top:3px solid transparent; vertical-align:1px;content:""}
.product_info .prd_info01 {margin-top:5px}
.product_info .prd_info01 .prd_tit {font-size:14px;color:#000}
.product_info .prd_info01 .prd_subtit {margin-left:6px;font-size:13px; color:#999;}
.product_info .prd_info02 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:15px;margin-top: 5px; line-height:1.5;}
.product_info .prd_info02 .prd_status {color:#999}
.product_info .prd_info02 .prd_desc {font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;color:#000;}
.product_info .before_login {display:inline-block; margin-top:10px; border-bottom:1px solid #e60e11;font-size:14px;color:#e60e11}
.price_box {font-size:14px;color:#e60e11;clear:both;}
.price_box .price01 {font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;font-size:21px}
.price_box .price02 {color:#666}
.price_box .upto {margin-left:10px}
.price_box .i_discount {display:inline-block;margin-left:4px;vertical-align:-1px}
.contents_area.prd_case01 {padding-top:5px}
.contents_area.prd_case01 .mg_minus {margin-top:20px;padding-top:5px;border-top:1px solid #f2f2f2}
.freebies {display:block;position:relative;height:90px}
.freebies .icon {position:absolute;left:21px;top:20px;text-align:center;font-size:11px;color:#e573b0}
.freebies .i_freebies {display:block;}
.freebies .freebies_desc {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;text-overflow:ellipsis; position:absolute;left:75px;right:45px; top:50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);}
.freebies .more {position:absolute; right:21px; top:34px;-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.guide_list {margin:0 -21px; padding-top:5px;}
.guide_list li {display:table;table-layout:fixed;width:100%;padding:15px 21px;line-height:18px;border-bottom:1px solid #f2f2f2}
.guide_list li:last-child {padding-bottom:0;border-bottom:none}
.guide_list li .guide_cols {display:table-cell;vertical-align:middle}
.guide_list li .guide_cols + .guide_cols {width:47%;padding-left:10px;text-align:right}
.guide_list li .guide_cols + .guide_cols .btn_basic4 {padding:0 9px}
.with_gift {position:relative}
.with_gift .h3_type {font-size:16px}
.btn_with {position:absolute;top:23px;right:0;font-size:13px;color:#666;z-index:30;letter-spacing:-.05em}
.btn_with .i_shopping{margin-left:8px;vertical-align:-3px}
.with_box {margin-top:-17px}
.with_list li {float:left;width:50%;margin-top:30px}
.with_list li .prd_img {display:block;width:126px;height:126px;margin:0 auto}
.with_list li.in_cart {opacity:.3}
.sub_container.product .tab_type1.spy {position:fixed;top:0;z-index:100}
.detail_info {padding:0 21px}
.info_list {padding-top:20px}
.info_list li {display:table;table-layout:fixed;width:100%;margin-bottom:3px}
.info_list li .info_cols { display:table-cell;font-size:13px}
.info_list li .info_cols:first-child {width:35%; color:#666}
.info_list li .info_cols + .info_cols {color:#000}
.info_list .local {margin-top:7px}
.info_list .local_txt {font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;color:#000}
.info_list .img_item {margin-top:25px}
.detail_group * {max-width:100% !important}
.detail_group img {height:auto !important}
.free_gift p.notice_freeGift {padding:15px 0;color:#000;border-bottom:1px solid #f2f2f2}
.free_gift .attention_wrap {padding:15px 0;border-bottom:1px solid #f2f2f2}
.free_gift .attention_wrap .attention {margin-bottom:10px}
.data_freeGift {margin-top:10px;border-top:1px solid #000}
.data_freeGift ~ .data_freeGift {margin-top:15px}
.data_freeGift dt {float:left;width:80px;padding-top:10px}
.data_freeGift dd {padding:10px 0 18px 30%;border-bottom:1px solid #f2f2f2;min-height:91px;}
.data_freeGift .dot_list {color:#000}
.data_freeGift .dot_list li {color:#000}
.data_freeGift .dot_list li:before { background-color:#000}
.data_freeGift .p_dot_list {color:#000}
.free_gift ~ .free_gift .data_freeGift {margin-top:-1px;border-color:#e5e5e5}
.detail_best_box {position:relative;margin:-10px -21px 0;padding-bottom:25px;text-align:center}
.detail_best_box .swiper-wrapper,
.together_box .swiper-wrapper {display: -webkit-box;display: -moz-box;display: -ms-flexbox;-ms-flex-align: center;}
.detail_best_box .swiper-wrapper .best_item {position:relative;height:100%;-webkit-flex-shrink: 0;-ms-flex-negative:0;flex-shrink:0}
.detail_best_box .prd_list li,
.together_box .prd_list li {border-top:none}
.together_box {position:relative;margin: -10px -21px 0; text-align: center;}
.together_box .swiper-wrapper .together_item {position:relative;height:100%;-webkit-flex-shrink: 0;-ms-flex-negative:0;flex-shrink:0}
.detail_best_box .swiper_paging {bottom:25px}
.together_box .swiper_paging {bottom:1px}
.notice_box {padding:0 21px 25px}
.notice_box .tb_list {margin-top:8px}
.notice_box .mark_area img {width:20px;height:20px;margin-right:5px}
.review_top {padding:25px 21px 20px;background-color:#f9f9f9;text-align:center}
.satisfy {display:inline-block;margin-top:20px}
.satisfy > * {vertical-align:middle}
.satisfy .star {margin:0 10px;text-align:left}
.satisfy .basic_txt {vertical-align:-5px}
.tab_view_box .list_top {margin-top:17px}
.tab_view_box .paging.review {margin:15px 0}
.order_guide {padding:0 21px 25px}
.order_guide .h3_type + .basic_txt,
.order_guide .h3_type + .dot_list,
.order_guide .basic_txt + .dot_list {margin-top:7px}
.order_guide .basic_txt + .basic_txt {margin-top:9px}
.order_guide .h3_type + .sub_tit {margin-top:5px}
.detail_dockbar {position:fixed;bottom:0;width:100%;z-index:100}
.my_status {padding:10px 21px;background-color:#fafafa;box-shadow:0 0 5px 1px rgba(0,0,0,.1)}
.my_status .total {float:left;color:#000}
.my_status .price {float:right;font-size:14px}
.my_status .price .be {font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;color:#e60e11}
.my_status .price .won {color:#666}
.my_status .temp_soldout {text-align:center;font-size:14px;color:#000}
.detail_dockbar .stop_selling {padding:12px 21px;background-color:#000;text-align:center;font-size:14px;color:#fff}
.btn_dockbar {text-align:center}
.btn_dockbar .btn_dock {display:block;height:50px;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;flex:1;background-color:#1b1e23;font-family:"notokr-medium";font-size:16px; color:#fff; line-height:50px;}
.btn_dockbar .btn_dock.cart {background-color:#393940}
.detail_dockbar .go_top {top:-60px;margin-top:0}

/* 관심상품 등록 */
.add_wish_wrap {position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);display:none;width:140px;height:140px;border-radius:50%;background-color:rgba(0,0,0,.8);color:#ffffff;font-size:15px;line-height:20px;text-align:center;z-index:100}
.add_wish_wrap.view {display:table}
.add_wish_wrap p {display:table-cell;text-align:center;vertical-align:middle}
.add_wish_wrap p i {display:block;margin:0 auto 2px}

/* 콘텐츠 스와이프 메뉴 */
.nav_section {position:relative;background-color:#fff}
.nav_section.type1:before {content:'';position:absolute;display:block;left:0;right:0;bottom:0;height:1px;background-color:#ddd}
.navSection_swiper {position:relative;overflow:hidden;}
.navSection_swiper.bor_bottom {border-bottom:8px solid #eef0f2;}
.section_tab {display: table; width:auto !important; height: 100%; position: relative; overflow: visible; font-size: 0; line-height: 0; white-space: nowrap;
-webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;}
.section_tab .tab_item {display:inline-block;/*float:left;*/}
.section_tab .tab_item:first-child a {padding-left:21px}
.section_tab .tab_item a {display:inline-block;position:relative; height:32px; padding:0 10px; white-space:nowrap; color:#1b1e23; text-align: center;
font-size:12px; line-height:32px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; cursor:pointer}
.section_tab .tab_item .close_btn {display:none;}
.section_tab .tab_item.is_selected a {color:#1b1e23;}
.section_tab .tab_item.is_selected a span {position:relative}
.section_tab .tab_item.is_selected a span:before {content:'';position:absolute;left:-2px;right:-2px;bottom:-9px;height:2px;background-color:#1b1e23;z-index:1;}
.section_tab .tab_item.is_selected .close_btn {display:block;width:12px;height:12px;position:absolute;right:0;top:1px;background:url("../../images/API_M_KO/common/bt_filter_close.png") no-repeat;background-size:12px 12px;font-size:0;text-indent:-9999px;}
.nav_section.type2:before {content:'';position:absolute;display:block;left:0;right:0;bottom:0;height:1px;background-color:#ddd}
.nav_section.type2 .section_tab .tab_item a {padding:14px 12px 15px;color:#666;}

.sort_sel {position:relative;padding:5px 40px 10px 20px;overflow:hidden;height:38px;}
.sort_sel.on {overflow:inherit;height:auto;}
.sort_sel .btn_toggle_sort {display:inline-block;position:absolute;top:6px;right:0px;width:32px;height:20px;text-indent:-9999px;padding:0;background: url('../../images/API_M_KO/common/btn_fullmenu.png') center left no-repeat;background-size:12px 8px;}
.sort_sel .btn_toggle_sort.on {background: url('../../images/API_M_KO/common/btn_fullmenu_up.png') center left no-repeat;background-size:12px 8px;}
.sort_sel a {display:inline-block;padding:7px 5px;margin: 1px 0 0 0;font-size:12px;line-height:12px;color:#788497;}
.sort_sel a span:after {content:"";width:10px;height:7px;margin:2px 0 0 5px;background: url('../../images/API_M_KO/common/ico_del01.png') center center no-repeat;background-size:10px 10px; vertical-align: top;display:inline-block;}

/* 브랜드 베스트 스와이프 */
.contents_area.brand_swipe {padding: 0 0 25px 0}
.brand_swipe .h3_type {padding-left:21px}
.tab_wrapper {overflow:hidden}
.brand_tab_box {border-bottom:1px solid #ddd}
.tab_brand {display:-webkit-box;display:-moz-box;display:-ms-flexbox;height:42px;white-space:nowrap;z-index:1}
.tab_brand .brand_item {position:relative}
.tab_brand .brand_item:first-child {margin-left:11px}
.tab_brand .brand_item:last-child {margin-right:10px}
.tab_brand .brand_item a {display:block;height:43px;padding:0 10px;color:#666;text-align:center;font-size:12px;line-height:43px}
.tab_brand .brand_item.active a {font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;color:#E60E11}
.tab_brand .brand_item.active:after {content:"";position:absolute;bottom:-1px;left:5px;right:5px;height:2px;background-color:#e60e11}
.bb_container,
.bbHr_container {margin:0 auto;position:relative;overflow:hidden;width:100%;z-index:1}
.bb_container .swiper-wrapper,
.bbHr_container .swiper-wrapper{position:relative; width:100%; height:100%; z-index:1;
display:-webkit-box; display:-moz-box;  display:-ms-flexbox; -ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center;
-webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; transition-property:transform;
-webkit-transform:translate3d(0px,0,0); -moz-transform:translate3d(0px,0,0);-o-transform:translate(0px,0px); transform:translate3d(0px,0,0);}
.bb_slide_depth01,
.bb_slide_depth02 {position:relative;-webkit-flex-shrink:0;width:100%;background:#fff;-webkit-flex-shrink: 0;-ms-flex-negative:0;flex-shrink:0}
.bbHr_container .bb_paging {width:100%; text-align:center; font-size:0; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;
-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}
.bb_paging .bb_bullet {display:inline-block;width:4px;height:4px;margin:0 2px;background:rgba(0,0,0,.1);border-radius:100%}
.bb_paging .bb_bullet_active {background-color:#e60e11}
.order_top {height:33px;margin:0 -21px;padding:0 21px;line-height:33px;background-color:#f9f9f9;border-top:1px solid #f2f2f2;color:#000;font-size:13px}
.order_top .order_l {float:left}
.order_top .order_l .odr_number {display:inline-block;margin-right:10px;font-size:12px}
.order_top .order_l .odr_number a {color:inherit;text-decoration:underline}
.order_top .order_l .odr_date {display:inline-block;color:#999}
.order_top .order_r {text-align:right;font-size:12px}
.tb_special {position:relative;margin-top:15px}
.tb_special table {text-align:left}
.tb_special tbody th {padding:4px 0;font-size:12px;line-height:17px;vertical-align:top}
.tb_special tbody td {padding: 4px 20px 4px 0;font-size:13px;line-height:18px;color:#000}
.tb_special tbody .boundery ~ tr {display:none}
.tb_special .i_open {position:absolute;right:0;top:50%;width:20px;height:20px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
.special_box .sp_reply {display:none;margin-top:7px;padding-top:12px;border-top:1px solid #f2f2f2;}
.special_box .btn_wrap {margin:15px 0 20px;text-align:center;}
.special_box.open .tb_special tbody .boundery ~ tr {display:table-row}
.special_box.open .sp_reply {display:block}
.special_box.open .tb_special .i_open:after {transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.contents_area .paging.special {margin-top:33px}
.max_info {margin:15px -21px -15px -21px}
.max_info > ul > li {position:relative;padding:24px 21px 18px 100px;/*border-top:1px solid #f2f2f2*/}
.max_info > ul > li + li {border-top:1px solid #f2f2f2}/* 2021-08-25 쇼핑이용안내 > 구매한도 타이틀 하단 보더 제거 */
.max_info > ul > li .tit {color:#000;font-size:15px;margin-bottom:4px}
.max_info > ul > li i {position:absolute;top:50%;left:21px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.area_info {margin-right:21px}
.area_info dl {overflow:hidden;margin-top:10px;border:none}
.area_info dl dt {float:left;width:88px;clear:both;font-size:12px;border:none}
.area_info dl dd {overflow:hidden;display:block;margin:0;color:#000}
.order_time_txt {padding:12px 15px;margin:20px -21px -25px -21px;text-align:center;background-color:#fafafa}
.order_time_txt p {font-size:12px;line-height:17px}
.order_time_txt p span {color:#000}
.terms_box ~ .sel {margin-top:15px}
.page_total {padding-top:12px;color:#000}
.page_total +  .nav_section.type1 {margin-top:10px;}
.page_total span {color:#1B1E23}
.go_top.fixed {position:fixed;bottom:4px;z-index:100}

/* 공지사항 */
.view_header {padding:15px 21px;color:#666}
.view_header .title {font-size:16px}
.view_header .title span {color:#1b1e23}
.view_header .day_count {margin-top:2px;font-size:12px}
.view_header .day_count span + span {margin-left:8px}
.view_header .day_count .count {color:#999}
.view_contents {padding:30px 21px;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}
.prenex_wrap {background-color:#fff}
.prenex_wrap ul li {position:relative;border-bottom:1px solid #f2f2f2}
.prenex_wrap ul li a, .prenex_wrap ul li > span {position:relative;display:block;padding:18px 21px;font-size:13px;line-height:100%}
.prenex_wrap ul li a .tit, .prenex_wrap ul li > span .tit {display:inline-block;max-width:73%;margin-left:20px;color:#1b1e23}
.prenex_wrap ul li a:after {position:absolute;top:50%;right:21px;margin-top:-8px}
.prenex_wrap ul li.prev a:after {-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.prenex_wrap ul li.next a:after {-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.prenex_wrap ~ .btn_box {margin:0 21px;padding:15px 0 0 0}
.view_contents .content_txt .tb_list {text-align:center}
.view_contents .content_txt .tb_list table {width:60%;margin:15px auto 0}
.view_contents .content_txt .tb_list table th {color:#1b1e23}
.view_contents .content_txt .tb_list table td {color:#666;text-align:center}
.not_list {margin:10px -21px 0 -21px}
.not_list ul {border-top:1px solid #f2f2f2}
.not_list ul li {border-bottom:1px solid #f2f2f2}
.not_list ul li a {position:relative;display:block;padding:12px 100px 12px 50px;font-size:14px}
.not_list ul li a .number {position:absolute;left:14px;top:50%;width:30px;text-align:center;color:#ABB2BE;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.not_list ul li a .day {position:absolute;top:50%;right:0;width:100px;color:#ABB2BE;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.not_list ul li a .type {display:block;color:#5C6677}
.not_list ul li a .tit {max-width:100%;color:#1b1e23}
.not_list ul li a.urgency .tit {font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;}

/* 첨부파일 */
.file_sh {border:1px solid #ddd}
.file_sh .file_name {display:block;padding-left:7px;height:32px;line-height:32px}
.file_sh .file_name span {display:inline-block;margin-right:5px;max-width:76%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle}
.file_sh .file_name button.r_del {display:none;vertical-align:middle}
.file_sh .real_file {display:none}
.file_sh .fake_file {position:absolute;top:0;right:0}

/* 상품수령 스텝*/
.step_box ol {position:relative}
.step_box ol:after {content:'';display:block;clear:both}
.step_box ol li {float:left;width:50%;text-align:center}
.step_box ol li:first-child:before {content:'';position:absolute;top:50px;left:25%;right:10px;height:1px;background-color:#ddd}
.step_box ol li:nth-child(2n+1) {clear:both}
.step_box ol li:nth-child(2):before {content:'';position:absolute;top:50px;right:10px;bottom:88px;width:1px;background-color:#ddd}
.step_box ol li:nth-child(3):before {content:'';position:absolute;bottom:88px;left:25%;right:10px;height:1px;background-color:#ddd}
.step_box ol li .step_img {position:relative;display:block;width:60px;height:60px;margin:20px auto 7px auto;padding-top:14px;border:1px solid #ddd;border-radius:50%;background-color:#fff}
.step_box ol li .step_tit {color:#ea2829;font-size:11px}
.step_box ol li .step_txt {color:#1b1e23;line-height:18px}
.step_box ol li .istep_arr {position:absolute}
.step_box ol li:nth-child(1) .istep_arr {top:44px;left:50%;margin-left:-6px}
.step_box ol li:nth-child(2) .istep_arr {top:44%;right:4px;margin-top:-6px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.step_box ol li:nth-child(3) .istep_arr {bottom:82px;left:50%;margin-left:-6px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.step_box ol li:nth-child(3),
.step_box ol li:nth-child(4) {float:right}

/* 고객센터 메인 */
.customer_top {text-align:center}
.customer_top .customer_box {position:relative;display:inline-block;padding:27px 0 3px 80px;text-align:left}
.customer_top .i_customer {position:absolute;top:25px;left:2px}
.customer_top .tel a {color:#1B1E23;font-size:21px}
.customer_top .customer_time {margin-top:2px;font-size:11px}
.customer_top .customer_time span {color:#1b1e23;margin-right:6px}
.faq_sh {position:relative;margin:25px -21px 0 -21px;padding:18px 21px;background-color:#f9f9f9}
.faq_sh .link01 {position:absolute;top:18px;right:21px}
.faq_sh .form_box {position:relative;margin-top:10px}
.faq_sh .form_box input[type="text"] {padding-right:35px}
.faq_sh .form_box .i_sh {position:absolute;right:0;top:1px;width:35px;height:32px}

/*editer 수정*/
.accordion_list.inquiry.faq em {font-style:italic !important;}
.accordion_list.inquiry.faq u {text-decoration: underline;}
.accordion_list.inquiry.faq strong{font-weight:700;}
.accordion_list.inquiry.faq strike{text-decoration: line-through;}
.accordion_list.inquiry.faq img {max-width:100% !important; width:auto !important;}
.accordion_list.inquiry.faq [type="button"] {display: inline-block; height: 34px; padding: 0 10px; min-width: 65px; line-height: 32px; font-size: 13px; color: #666666 !important; border: 1px solid #b2b2b2; background-color: #ffffff;}
.accordion_list.inquiry.faq.faq dd .ico_comb .ico_com.a {overflow:hidden !important;font-size:0 !important;line-height:0 !important;text-indent:-99999em !important;}
.accordion_list.inquiry.faq p{word-break:break-all;color: #666666 !important; font-family: 'NotoSans','맑은 고딕','Malgun Gothic' !important; font-size: 13px !important; letter-spacing: -.05em !important;}
.accordion_list.inquiry.faq div{word-break:break-all;color: #666666 !important; font-family: 'NotoSans','맑은 고딕','Malgun Gothic' !important; font-size: 13px !important; letter-spacing: -.05em !important;}
.accordion_list.inquiry.faq table {width:100% !important;}

.sht_list {overflow-x:auto;overflow-y:hidden;margin:10px -21px -18px -21px;padding-bottom:21px}
.sht_list ul {display:table}
.sht_list ul li {display:table-cell}
.sht_list ul li:first-child {padding-left:21px}
.sht_list ul li a {display:block;padding:0 15px;margin-right:6px;height:30px;line-height:28px;border-radius:15px;border:1px solid #ddd;background-color:#fff;white-space:nowrap}
.sht_list ul li a:hover {border:1px solid #1b1e23}
.customer_nav {margin:0 -21px -25px -21px;padding-top:20px}
.customer_nav.type2 {padding-top:0}
.customer_nav a {color:#1b1e23}
.customer_nav .nav_01 {display:table;width:100%;table-layout:fixed;padding-bottom:20px}
.customer_nav .nav_01 li {display:table-cell;text-align:center}
.customer_nav .nav_01 li a i {display:block;margin:0 auto;}
.customer_nav .nav_02:after {content:'';display:block;clear:both}
.customer_nav .nav_02 li {float:left;width:50%;padding:11px 0;border-top:1px solid #f2f2f2}
.customer_nav .nav_02 li a {position:relative;display:block;padding-left:20px;height:38px;line-height:38px;font-size:13px}
.customer_nav .nav_02 li a:hover {color:#e50f11}
.customer_nav .nav_02 li:nth-child(2n) a {border-left:1px dashed #f2f2f2}
.customer_nav .nav_02 li a:after {position:absolute;top:50%;right:16px;margin-top:-8px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.bbs_box {position:relative}
.bbs_box ul li {position:relative;padding-right:60px;margin-top:10px}
.bbs_box ul li .day {position:absolute;top:0;right:0;color:#999}
.bbs_box ul li a {color:#1b1e23}
.bbs_box ul li.point a {font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;}
.bbs_box ul li.point a .i_not {margin-right:4px}
.bbs_box .link01 {position:absolute;top:26px;right:0}
.prohibited_wrap {margin-top:-20px}
.prohibited_wrap .h4_type {margin-top:0;padding-top:20px;color:#1b1e23;font-size:21px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;line-height:24px}
.prohibited_wrap .p_dot_list{margin-top:10px}
.prohibited_wrap .case1 {margin-top:4px}
.prohibited_wrap .case1 dt {float:left}
.prohibited_wrap .case1 dt ~ dt,
.prohibited_wrap .case1 dd ~ dd {margin-top:4px}
.prohibited_wrap .case1 dd {margin-left:40px}

/*지점안내*/
.accordion_list.store_info {margin-top:15px;}
.accordion_list.store_info .store_info_box {position:relative;}
.accordion_list.store_info .store_info_box img {width:100%;vertical-align:top}
.accordion_list.store_info .store_btn {text-align:center}
.accordion_list.store_info .store_info_box .txt_info {position:absolute; bottom:5.6vw; left:0; right:0; padding:0 6%; color:#fff;}
.accordion_list.store_info .store_info_box .txt_info .tit {font-size:5.33vw; font-weight:700;}
.accordion_list.store_info .store_info_box .txt_info .txt {font-size:3.47vw; margin-top:10px; line-height:1.5}

/* 마이 메인 */
.view_product .swiper_paging {text-align:center}
.contents_area.ticket {padding-top:20px;padding-bottom:15px}
.ticket .tb_list table {border-top:0}
.ticket .tb_list tbody th,
.ticket .tb_list tbody td {padding:12px 0;border-bottom:0}
.code_top {padding:0 21px;height:32px;background-color:#f9f9f9;line-height:32px;}
.code_top .code_txt { margin-right:10px;font-size:12px;color:#666}
.code_top .code_number {font-size:13px;color:#1b1e23}
.code_top .status {float:right;font-size:12px;color:#1b1e23}
.code_top .checkbox {top:-2px}
.contents_area.barcode {padding:0 0 30px 0}
.barcode_area {position:relative;height:100%}
.barcode_area .logo * {vertical-align:top}
.barcode_box {position:relative; padding:20px 0;}
.barcode_box .bc {margin:0 auto}
.barcode_box .i_expand {position:absolute;right:5%;bottom:20px}
.barcode_container {margin:0 auto; text-align:center; position:absolute; left:50%; width:auto; top:50%; transform:translateX(-50%) translateY(-50%) rotate(90deg);-webkit-transform:translateX(-50%) translateY(-50%) rotate(90deg); -moz-transform:translateX(-50%) translateY(-50%) rotate(90deg);}
.barcode_container .data_txt {margin-top:10px;color:#1b1e23;font-size:15px}
.barcode_container .data_txt span {position:relative;padding:0 10px}
.barcode_container .data_txt span ~ span:before {content:'';position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background-color:#f2f2f2}
.barcode_container .data_txt em {color:#ea2829}
.wd_visual {position:relative;text-align:center; margin:0 auto; max-width:750px;}
.wd_visual .visual_link {display:block; cursor: default;max-width:750px;margin:0 auto;}
.wd_visual .invitation {display:block}
.wd_visual .btn_banner{position:absolute; right:27.5%;bottom:10%;width:45%;height:12.5%;}
.wd_tab li {-webkit-box-flex:1; -moz-box-flex:1;-webkit-flex:1; flex:1;}
.wd_tab li a {display:block;height:40px; line-height:40px;background-color:#f4e8e4;color:#999;text-align:center}
.wd_tab li.active a {background-color:#fff;color:#333}
[data-tab] {display:none}
[data-tab="tab1"] {display:block}
[data-tab] + .contents_area,
.contents_area + [data-tab] {margin-top:9px}
/* .evt_top {padding-top:25px;} */
.evt_top img {width:100%}
.evt_top .basic_txt {text-align:center;color:#1b1e23}
.evt_top + .btn_full {padding:10px 21px 25px 25px;}
.basic_txt.sub_tit {margin-top:10px}
.h3_type + #evtList {margin-top:10px}
#evtList {position:relative;overflow:hidden;padding-bottom:10px}
#evtList .swiper-wrapper {display: -webkit-box; display: -moz-box; display: -ms-flexbox; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center;}
#evtList .swiper_paging {text-align:center;bottom:0}
#evtList .i_attention {bottom:70px}
.h3_type.v1 {padding-left:21px;padding-bottom:10px;border-bottom:1px solid #f2f2f2}
.form_box.v1 {position:relative;padding:30px 21px 0 21px;background-color:#fff}
.form_box.v2 {position:relative;padding:10px 21px;background-color:#f9f9f9}

/* 이벤트/기획전 상세 상단 */
.detail_visual_top {position:relative;}
.detail_visual_top .link_box {position:absolute;top:15px;right:15px;z-index:4}
.detail_visual_top .link_box .btn_share,
.detail_visual_top .link_box .btn_attention {display:block;width:43px;height:43px;margin-bottom:10px;font-size:0;line-height:0;border-radius:100%}
.detail_visual_top .link_box .btn_share {background-color:#fff}
.detail_visual_top .link_box .btn_share .i_share2 {position:relative;left:-1px}
.detail_visual_top .link_box .btn_attention {background-color:#ffffff}
.link_box .btn_attention .i_attention {vertical-align:middle}

/* 제휴/입점 문의 */
.contact_box {padding:25px 21px 27px;background-color:#fafafa;text-align:center}
.contact_box .txt02 {position:relative;display:block;padding-bottom:24px}
.contact_box .txt02:after {content:'';position: absolute;bottom:13px;left:50%;width:20px;height:1px;margin-left:-10px;background-color:#666}
.contact_box ~ .contact_box {margin-top:20px}
/* 제휴/입점 문의 */
/* 2019-06-03 입점 및 제휴문의 스타일변경 */
.contact_us h3 + .name_box_new {margin-top:10px;}
.contact_us .name_box_new:after {content:""; clear:both; display:block; height:0;}
.contact_us .name_box_new li {/* float:left; width:69%; */ border: 1px solid #e5e5e5; border-bottom:none; margin: 0 -1px -1px 0; padding: 15px 15px 18px;}
.contact_us .name_box_new li:last-child {border-bottom: 1px solid #e5e5e5;} /* 20200220 콘텐츠 수정 */
.contact_us .name_box_new li .tit_team {display:block; margin-bottom:10px; font-size:15px; color:#333; font-weight:700;}
.contact_us .name_box_new li p {font-size:13px; color:#666; margin:5px 0;}    /* background-position: -278px -1018px; */
.contact_us .name_box_new li .btn_send_email {background-position:-620px -873px; width:30px; height:30px; margin-left:5px; vertical-align:middle;}
.contact_us .name_box_new li .email_box {display:inline-block; position:relative; padding-right:20px; letter-spacing:0;}
.contact_us .name_box_new li .email_box:after {content:""; position:absolute; right:0; top:-1px; width:16px; height:16px; background:url('../../images/API_M_KO/common/ico_common.png') no-repeat; background-size:auto 750px; background-position:-168px -712px; }

/* 다운로드 타입 */
.download_box .type1 dl:before,
.download_box .type1 .save_money:before,
.download_box .type1 .save_money:after,
.download_box .type1 .end:before,
.download_box .type1 .coming_soon:before,
.download_box .type2 .save_money,
.ev_first .ev_flabel,
.ev_first .ev_first_end:after,
.random_box .save_money,
.random_box .i_tp_gift,
.random_box .i_tp_boom,
.random_box .random_gray_bg:before,
.layer_popup .download_box.v1 .number:before {content: "";  display: inline-block;  background: url(../../images/API_M_KO/product/download_sp.png) no-repeat;background-size: auto 750px;}
.layer_popup .download_box.v1 .number:before {position:absolute;top:5px;left:5px;width:36px;height:10px;background-position-x:-40px}
.download_box {padding:0 21px 15px}
.download_box .type1 {padding-top:30px}
.download_box .type1 li {position:relative;margin-bottom:10px}
.download_box .type1 dl {position:relative;}
.download_box .type1 dl:before {position:absolute;top:33px;left:9px;width:36px;height:10px;background-position-x:-40px;}
.download_box .type1 dl dt {float:left;font-size:14px;color:#1b1e23}
.download_box .type1 dl dd {overflow:hidden;text-align:right;font-size:11px;color:#666; line-height:23px;}
.download_box .type1 .save_money {position:relative;height:100px;border:4px solid #ea2829}
.download_box .type1 dl dd {overflow:hidden;text-align:right;font-size:11px;color:#666; line-height:23px;}
.download_box .type1 .save_money:before,
.download_box .type1 .save_money:after {position:absolute;width:39px;height:8px;background-color:#fff;box-sizing:content-box}
.download_box .type1 .save_money:before {top:-5px;left:65px;background-position-x:-160px;border-top:1px solid #fff}
.download_box .type1 .save_money:after {bottom:-5px;left:114px;background-position-x:-200px;border-bottom:1px solid #fff}
.download_box .type1 .number {width:70%;padding-top:10px;text-align:center;font-size:21px;color:#666}
.download_box .type1 .number span {font-size:45px;color:#ea2829;}
.download_box .type1 .down {position:absolute;right:0;top:0;width:30%;height:100%;text-align:center}
.download_box .type1 .down:before {content:"";position:absolute;left:0;top:12px;bottom:12px;width:1px;background: url(../../images/API_M_KO/product/download_dotted.png);background-size:auto 5px}
.download_box .type1 .down .i_down_before,
.download_box .type1 .down .i_down_after {display:inline-block;position:absolute;top:50%;width:36px;height:36px;line-height:35px;text-align:center;border-radius:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.download_box .type1 .down .i_down_before {background-color:#ea2829;}
.download_box .type1 .down .i_down_after {background-color:#303033;}
.download_box .type1 .down .i_down_before:before,
.download_box .type1 .down .i_down_after:before {vertical-align:middle}
.download_box .type1 .end:before,
.download_box .type1 .coming_soon:before {position:absolute;left:50%;top:57%;width:60px;height:60px;background-position-y:-15px;z-index:10;-webkit-transform: translate(-50%, -50%);transform:translate(-50%, -50%);}
.download_box .type1 .coming_soon:before {background-position-x:-70px}
.download_box .type1 .end dl:before,
.download_box .type1 .coming_soon dl:before {background-position-x:0;}
.download_box .type1 .end .save_money,
.download_box .type1 .coming_soon .save_money {border-color:#e6e6e6}
.download_box .type1 .end .save_money:before,
.download_box .type1 .coming_soon .save_money:before {background-position-x:-80px}
.download_box .type1 .end .save_money:after,
.download_box .type1 .coming_soon .save_money:after {background-position-x:-120px}
.download_box .type1 .end .number,
.download_box .type1 .end .number span { color:#e5e5e5;}
.download_box .type1 .end .down .i_down_before {background-color:#e6e6e6;}
.download_box .type1 .coming_soon .down:before {display:none}
.download_box .type2 {padding:30px 0 15px}
.download_box .type2:after {display:block;clear:both;content:""}
.download_box .type2 li {float:left;width:50%;text-align:center}
.download_box .type2 li:nth-child(2n+1) {padding-right:5px}
.download_box .type2 li:nth-child(2n) {padding-left:5px}
.download_box .type2 li:nth-child(2) ~ li {margin-top:15px}
.download_box .type2 dt {font-size:14px;color:#1b1e23}
.download_box .type2 dd {font-size:11px;color:#666}
.download_box .type2 .save_money {position:relative;width:131px;height:131px;margin-top:8px;background-position-y:-215px}
.random_box .save_money {position:relative;width:95px;height:95px;text-align:center;background-position:-160px -215px}
.random_box .i_tp_gift {font-size:0;line-height:0;vertical-align:top;width:102px;height:95px;background-position:0 -535px}
.random_box .i_tp_boom {font-size:0;line-height:0;vertical-align:top;width:95px;height:95px;background-position:-120px -535px}
.random_box .random_gray_bg:before {position:absolute;left:50%;top:-7px;margin-left:-47px;width:95px;height:95px;background-position:-150px -365px}
.download_box .type2 .number {margin-top:44px;font-size:13px; color:#333}
.download_box .type2 .number span { display:inline-block;margin-left:5px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;font-size:21px;color:#1b1e23}
.download_box .type2 .down {display:inline-block;width:100%;height:35px;margin-top:21px}
.download_box .type2 .down i {display:inline-block; font-size:13px; color:#fff;font-style:normal;line-height:34px}
.download_box .type2 .down .i_down_before:before,
.download_box .type2 .down .i_down_after:before {margin-right:6px;vertical-align:middle}
.download_box .type2 .end .save_money {background-position-y:-80px}
.download_box .type2 .end .number {display:none}
.download_box .type2 .coming_soon .save_money {background-position:-150px -80px}
.download_box .type2 .end .down,
.download_box .type2 .coming_soon .down {visibility:hidden}

/*위클리적립금이벤트 */
.download_box .type1.weekly .down span {display:block;font-size:12px;}
.download_box .type1.weekly .down .i_down_before,
.download_box .type1.weekly .down .i_down_after {position:static;transform:translate(0, 0);-webkit-transform:translate(0, 0);}
.download_box .type1.weekly  li.end .down .i_down_before {margin-top:28px;}
.download_box .type1.weekly li.end span {color:#999;}
.download_box .type1.weekly .down .i_down_after {margin-top:20px;}

/* 이벤트 템플릿 (공통) */
input[type='text'].red_type {border-color:#1b1e23;background-color:#fafafa}

/* 이벤트 템플릿 (일반 적립금) */
.download_box.ev_reserves {padding:0}
.download_box.ev_reserves .type2 {padding:0;margin:0}
.download_box.ev_reserves .type2 li {float:none;width:100%;text-align:center;padding:20px 21px;border-top:1px solid #f2f2f2}
.download_box.ev_reserves .type2 li:first-child {border-top:none}
.download_box.ev_reserves .type2 li:nth-child(2n+1) {padding-right:21px}
.download_box.ev_reserves .type2 li:nth-child(2n) {padding-left:21px}
.download_box.ev_reserves .type2 li:nth-child(2) ~ li {margin-top:0}
.download_box.ev_reserves .type2 li .tit {height:20px;text-align:left;font-size:14px;color:#000;margin:5px 0 12px}
.download_box.ev_reserves .type2 li .tit i {position:relative;top:-2px;margin-right:6px;vertical-align:middle}
.download_box.ev_reserves .type2 .save_money {position:relative;width:136px;height:151px;margin:0 0 10px;background-position-y:-365px}
.download_box.ev_reserves .type2 .title {position:absolute;top:30px;left:0;right:0;font-size:12px;color:#c51315;line-height:12px}
.download_box.ev_reserves .type2 .number {margin-top:55px;font-size:15px;color:#333}
.download_box.ev_reserves .type2 .number span {font-size:26px;color:#333}
.download_box.ev_reserves .type2 .down {margin-top:23px}
.download_box.ev_reserves .txt_type1 dt {float:left;width:105px;font-size:12px;color:#666;text-align:left;padding:3px 0}
.download_box.ev_reserves .txt_type1 dd {font-size:13px;color:#000;line-height:18px;text-align:left;padding:3px 0}

/* 이벤트 템플릿 (랜덤 적립금) */
.random_box > ul > li {display:table;width:100%;min-height:125px;padding:15px 21px;border-bottom:1px solid #f2f2f2}
.random_box .img_wrap {position:relative;display:table-cell;text-align:center;width:176px;padding-right:22px;vertical-align:top}
.random_box .title {position:absolute;top:14px;left:0;right:0;font-size:11px;color:#c51315;line-height:12px}
.random_box .number {margin-top:34px;font-size:15px;color:#333}
.random_box .number span {display:inline-block;margin-left:5px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;font-size:21px;color:#000}
.random_box .txt_wrap {display:table-cell}
.random_box .txt_wrap dt {font-size:15px;color:#000;margin:10px 0 8px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;}
.random_box .txt_wrap dd {font-size:13px;color:#666}
.random_box .txt_wrap dd + dd {font-size:11px;color:#999}
.random_box + .btn_full {padding:15px 21px 25px 21px}
.random_box .coupon_wrap {position:relative;margin-top:7px}
.random_box .coupon_box {margin-top:0px}
.random_box .coupon_box .data {right:0}
.random_box .coupon_box .percent {font-size:16px}
.random_box .coupon_box .percent span {font-size:26px}
.random_box .coupon_box .tit {margin:-3px 0 1px 0}
.layer_popup .random_gray_bg {margin:0 auto;width:154px}
.layer_popup .random_gray_bg .coupon_box .data {right:0}

/* 이벤트 템플릿 (브랜드 적립금) */
.ev_brand_logo .logo_wrap {margin:5px auto 8px auto;width:208px;height:35px;border-top:1px solid #f2f2f2;text-align:center;border-bottom:1px solid #f2f2f2}
.ev_brand_logo .logo_wrap img {max-height:27px;margin-top:4px;width:auto;}

/* 이벤트 템플릿 (선착순 적립금) */
.ev_first .save_money {margin-top:20px !important}
.ev_first .ev_flabel {position:absolute;top:-10px;right:-61px;width:82px;height:92px}
.ev_first .ev_flabel.bg_type1 {background-position:0 -635px}
.ev_first .ev_flabel.bg_type2 {background-position:-102px -635px}
.ev_first .ev_ftitle {color:#fff;font-size:11px;line-height:12px;padding:25px 0 4px}
.ev_first .ev_fnum {font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;line-height:20px;font-size:21px;color:#fff}
.ev_first .ev_first_end {position:relative}
.ev_first .ev_first_end:before {content:'';display:block;clear:both;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;opacity:0.8;z-index:1}
.ev_first .ev_first_end:after {position:absolute;top:67px;left:50%;width:137px;height:137px;margin-left:-68px;background-position:-280px 0;z-index:2}
.ev_first .ev_first_end .ev_flabel {display:none}
.ev_first .type2 .ev_first_end .save_money {height:122px;background-image:unset}
.ev_first .ev_first_end .save_money > p, .ev_first .ev_first_end .save_money > button {display:none}

/* 이벤트 템플릿 (룰렛) */
.ev_roulette {background-color:#e4dcd1;padding-bottom:30px; display:block;}
.ev_roulette .ev_rwrap {position:relative;text-align:center;font-size:0;line-height:0; margin-top:30px; display:inline-block; width:100%}
.ev_roulette .ev_rwrap .i_roulette {position:absolute;top:2px;left:50%;width:33px;height:42px;margin:0 0 0 -15px;z-index:1}
.ev_roulette .ev_rwrap .r_btn {position:absolute;top:50%;left:50%;width:64px;height:64px;line-height:64px;margin:-32px 0 0 -32px;z-index:1}
.ev_roulette .ev_rwrap .r_btn:before {content:'';display:block;clear:both;position:absolute;width:80px;height:80px;margin:-8px 0 0 -8px;background-color:#000;border-radius:50%;opacity:.1;z-index:1}
.ev_roulette .ev_rwrap .r_btn > a {position:relative;display:block;font-size:13px;color:#fff;background-color:#e60e11;border-radius:50%;z-index:2;box-shadow:2px 4px 6px rgba(0,0,0,.35)}
.ev_roulette .ev_rwrap .r_img {display:inline-block;max-width:320px}
.ev_roulette .blank_area {text-align:center;}
@media (max-width:320px) {
    .ev_roulette .ev_rwrap .r_img {max-width:300px}
}

/* 이벤트 템플릿 (출석체크) */
.ev_daily {background-color:#e4dcd1;padding-bottom:30px}
.ev_daily .ev_calenter {padding:0 21px}
.ev_daily .month {color:#333333;font-size:18px;text-align:center}
.ev_daily .month em {font-weight:bold}
.ev_daily .event_calender {margin-top:10px;padding:15px 10px 10px 10px;background-color:#ffffff;border-radius:10px;box-shadow:0px 3px 15px 0px rgba(0,0,0,.2)}
.ev_daily .event_calender table thead th {height:22px;color:#333333;font-size:11px;text-align:center;border-bottom:1px solid #000000}
.ev_daily .event_calender table tbody td {position:relative;height:66px;background-color:#ffffff;border-top:1px solid #e6e6e6}
.ev_daily .event_calender table tbody > tr:first-child > td {border-top:none}
.ev_daily .event_calender table thead th.sun,
.ev_daily .event_calender table tbody td.sun .calender_box .day {color:#c51315}
.ev_daily .event_calender .calender_box {position:absolute;top:0;left:0;right:0;padding:7px 0;text-align:left}
.ev_daily .event_calender .calender_box span {font-size:11px;color:#999;line-height:1}
.ev_daily .event_detail_btn {margin-top:20px;text-align:center}
.ev_daily .ev_calenter .event_detail_btn button {min-width:100%}
.ev_daily .ev_calenter .event_detail_btn button .ev_check {position:relative;bottom:10px;margin-left:7px;}
.ev_daily .event_calender .calender_box::after {position:absolute;top:20px;left:50%;width:37px;height:37px;margin-left:-18px;background-position:-40px -700px}
.ev_daily .event_calender .calender_box.check::after {background-position:-80px -700px}
.ev_daily .event_calender .calender_box.benefit::after {background-position:-120px -700px}
@media (max-width:320px) {
    .ev_daily .ev_calenter {padding:0 10px}
}

.event_detail_btn .btn_basic1 {color:#fff !important; background-color:#45454d; border:1px solid #2e2e33;}

/* 이벤트 템플릿 (등업) */
.level_benefit.ev_lv {background-color:#fff;border:none;border-radius:0}
.level_benefit.ev_lv .level_list {padding:15px 21px}
.ev_lv .how_to {margin-top:5px;padding:30px 0;background-color:#f2f2f2;text-align:center}
.ev_lv .how_to ol {display:inline-block;margin:14px 16px 0 16px}
.ev_lv .how_to ol:after {content:'';display:block;clear:both}
.ev_lv .how_to ol li {position:relative;float:left;width:calc(50% - 10px);height:145px;margin:18px 5px;padding:20px 5px;background-color:#ffffff}
.ev_lv .how_to ol li:before {position:absolute;top:-22px;left:50%;content:'';display:inline-block;width:48px;height:48px;margin-left:-24px;background-color:#fff;border-radius:50%}
.ev_lv .step_no {position:absolute;top:-20px;left:50%;width:48px;height:48px;margin-left:-24px;font-size:11px;color:#fff;line-height:13px;padding-top:10px;z-index:0}
.ev_lv .step_no:before {position:absolute;top:3px;left:50%;content:'';display:inline-block;width:38px;height:38px;margin-left:-19px;background-color:#808080;border-radius:50%;z-index:-1}
.ev_lv .how_to ol li:nth-child(2) .step_no:before {background-color:#666}
.ev_lv .how_to ol li:nth-child(3) .step_no:before {background-color:#4d4d4d}
.ev_lv .how_to ol li:nth-child(4) .step_no:before {background-color:#303030}
.ev_lv .step_tit {display:table;width:100%;color:#000;font-size:13px;line-height:21px;padding:12px 0 8px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;}
.ev_lv .step_tit p {display:table-cell;vertical-align:top;line-height:20px}
.ev_lv .step_txt {margin-top:0;font-size:11px;color:#666}
.ev_lv .event_detail_btn {margin:0;padding-bottom:80px;background-color:#eeeeee}
.ev_lv .event_detail_btn button {width:300px;height:74px;font-size:24px}
.ev_lv .event_detail_btn button + button {margin-left:10px}
.ev_lv.type2 .how_to {margin-top:0;padding:20px 0 5px;}
.ev_lv.type2 .how_to ol {display:block;}
.ev_lv.type2 .how_to ol li {display:table;float:none;width:calc(100% - 20px);height:auto;margin-left:20px;padding:15px 0;}
.ev_lv.type2 .how_to ol li + li {margin-top:14px;}
.ev_lv.type2 .how_to ol li:before {top:50%;left:-20px;margin:-22px 0 0 0;}
.ev_lv.type2 .step_no {top:50%;left:-20px;margin:-20px 0 0 0;}
.ev_lv.type2 .step_tit {display:table-cell;width:145px;padding:0 10px 0 30px;vertical-align:middle;text-align:left;}
.ev_lv.type2 .step_txt {display:table-cell;vertical-align:middle;text-align:left;padding-right:10px;}

/* 이벤트 템플릿 (구매사은) */
.ev_buy .t_group {font-size:11px;text-align:left;padding-top:10px;margin-top:10px;border-top:1px solid #f2f2f2}
.ev_buy .t_box {padding:45px 21px 10px 21px}
.ev_buy .t_box_title {padding-bottom:45px}
.ev_buy .price_list {padding:0}
.ev_buy .price_list dl {padding:4px 21px;color:#666;font-size:12px}
.ev_buy .price_list dl.dl_title {border-top:1px solid #f2f2f2;background-color:#f9f9f9}
.ev_buy .price_list > dl > dd {color:#000;font-size:13px}
.ev_buy .price_detail {padding:10px 0}
.ev_buy .price_detail dl {padding:0 21px}
.ev_buy .price_detail > dl > dd {font-size:14px}
.ev_buy.no_data {padding:80px 0}
.download_box.ev_reserves.ev_buy .type2 li{padding:21px 0}

/* 이벤트 템플릿 (구매왕) */
.ev_king .event_detail_wrap {position:relative;min-height:400px;text-align:center}
.ev_king .event_detail_wrap .img_list {position:absolute;left:0;right:0;bottom:10px;display:table;width:100%}
.ev_king .event_detail_wrap .img_list li {display:table-cell;width:50%}
.ev_king .event_detail_wrap .img_list dl {position:relative;height:200px;text-align:center}
.ev_king .event_detail_wrap .img_list dl dt {position:absolute;left:0;right:0;bottom:0;height:55px;overflow:hidden;font-size:12px;padding:0 10px}
.ev_king .event_detail_wrap .img_list dl dt > span {display:block;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;color:#000;font-size:13px}
.ev_king .event_detail_wrap .img_list dl dd {padding:0 0 0px 0}
.ev_king .event_detail_wrap .img_list dl dd img {width:140px;height:140px;border-radius:50%}
@media (max-width:320px) {
    .ev_king .event_detail_wrap .img_list dl {height:180px}
    .ev_king .event_detail_wrap .img_list dl dd img {width:120px;height:120px}
}
.ev_king .rank {padding:30px 0 40px 0;background-color:#fcc428}
.ev_king .r_title {font-size:21px;color:#333;text-align:center;padding:10px 0 0}
.ev_king .r_title > span {border-bottom:2px solid #000}
.ev_king .r_wrap {background-color:#fff;margin:15px 21px 0 21px;padding:20px 20px 30px 20px;border-radius:20px 0 20px}
.ev_king .r_wrap > dl {display:table;width:100%;font-size:12px;color:#000;padding:5px 0}
.ev_king .r_wrap > dl dt {display:table-cell;width:60px;text-align:center;padding-right:10px}
.ev_king .r_wrap > dl dd {display:table-cell;text-align:left;color:#666}
.ev_king .r_wrap > dl dd + dd {width:80px;font-size:13px;color:#000;text-align:right;padding-right:10px}
.ev_king .r_self {margin-top:15px;padding:15px 0 0;border-top:1px solid #f2f2f2}
.ev_king .r_self > dl {display:table;width:100%;background-color:#f7f7f7;padding:10px 0;margin-top:10px;text-align:center}
.ev_king .r_self > dl dt {display:table-cell;text-align:right;padding-right:20px}
.ev_king .r_self > dl dd {display:table-cell}
.ev_king .r_self > dl dd + dd {text-align:left;padding-left:20px}
.ev_king .dot_list {padding:10px 21px}
.ev_bking .btn_box {margin:25px 0}

/* 이벤트 템플릿 (상품평) */
.ev_review.no_data {border-top:1px solid #f2f2f2;padding:80px 0}
@media (max-width:320px) {
    .ev_review .review_cont .review_img {width:115px}
    .ev_review .review_cont .review_img img {width:115px}
}

/* 이벤트 템플릿 (친구추천) */
.ev_fr .btn_box {margin-top:12px}
.ev_fr_rc table {text-align:center;color:#000}
.ev_fr_rc table th {font-size:12px;color:#666;padding:10px 0}
.ev_fr_rc table td {padding:0 3px 6px 3px}
.ev_fr_rc table td > span {display:block;height:34px;line-height:32px;background-color:#f2f2f2;overflow:hidden}
.ev_fr_rc table td.on > span {border:1px solid #ddd;background-color:#fff}

/* 이벤트 템플릿 (그룹구매왕) */
.ev_grk {padding-top:15px}
.ev_grk.pdt04 {padding:0 21px}
.ev_grk .ev_grk_box {border:1px solid #e60e11;border-radius:3px}
.ev_grk .ev_grk_box > ul {display:table;width:100%;padding:17px 0}
.ev_grk .ev_grk_box > ul > li {display:table-cell;width:50%;text-align:center}
.ev_grk .ev_grk_box > ul > li:first-child {background-image:linear-gradient(#f2f2f2 50%, rgba(242,242,242,0) 0%);background-position:right;background-size:1px 4px;background-repeat:repeat-y}
.ev_grk .ev_grk_box > ul > li > span {display:block}
.ev_grk .ev_grk_box > ul > li .title {font-size:12px}
.ev_grk .ev_grk_box > ul > li .name {font-size:21px;color:#000}
.ev_grk .ev_grk_box > ul > li .name em {border-bottom:1px solid #000}
.ev_grk .ev_grk_box > ul > li .name.type2 {color:#e60e11}
.ev_grk .ev_grk_box > ul > li .name.type2 em {border-bottom:1px solid #e60e11}
.download_box.ev_reserves.ev_grk_gap .type2 li:first-child {padding-top:5px}
.download_box.ev_reserves.ev_grk_gap .type2 .save_money.inactive:before {content:'';display:block;clear:both;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;opacity:0.6;z-index:1}

/* popup */
.title_area {position:relative;height:48px;padding:0 20px;border-bottom:1px solid #e6e6e6}
.h1_type {color:#1b1e23;line-height:47px;font-size:21px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:700;}
.title_area .i_close3 {position:absolute;top:16px;right:25px}
.pop_wrap {padding:25px 20px}
.pop_wrap > .tb_write {padding-top:-10px}

/* error */
.sub_container.error .contents_area {padding-top:25px;border-bottom:0}
.error_top {margin-bottom:34px;padding-top:calc(100% * .052);text-align:center}
.error_top i {display:block;margin:0 auto 15px auto}
.error_top .ic_logo_v {display:block;margin:0 auto 10px;vertical-align:top}
.error_top .txt02 ~ .basic_txt {margin-top:8px}
.sub_container.error .h4_type ~ .tb_list {margin-top:12px}
.sub_container.error .tb_list ~ .h4_type {margin-top:15px}
.error_top.need {margin-bottom:0;padding-top:50px}
.error_top.need ~ .btn_box {margin-top:20px;padding-bottom:70px}
.error_top.need .txt02 ~ .basic_txt {margin-top:3px}

/* bridge page */
.bridge_container {position:relative;width:100%;min-height:100%;padding:25px 30px 70px 30px;background-color:#fff;text-align:center}
.bridge_container .go_ko {display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:100%;height:51px;line-height:51px;background-color:#f2f2f2}
.bridge_top .ic_logo_v {display:block;margin:0 auto 10px;vertical-align:top}
.bridge_top .txt02 ~ .basic_txt {margin-top:8px;font-size:14px}
.bridge_box .bridge_img {display:block;margin:10px 15px 20px 15px}
.bridge_container .bridge_box > a {display:block}
.bridge_container .bridge_box > a + a {margin-top:20px;color:#1b1e23}
.bridge_container .bridge_box .app_down {display:inline-block;height:auto;padding:15px 16px;line-height:18px;font-size:13px;box-shadow:0 10px 20px rgba(230,14,18,.3)}
.bridge_container .bridge_box .app_down span {display:inline-block;float:left;text-align:left}
.bridge_container .bridge_box .app_down i {display:inline-block;margin-left:46px;margin-top:5px}

/* hstory */
.contents_area.main_top {min-height:85px}
.contents_area.hstory_top {padding:15px 0;text-align:center;background-color:#adb4be}
.hstory_top ul {margin:0 auto;width:260px}
.hstory_top ul:after {content:'';display:block;clear:both}
.hstory_top ul li {float:left;width:25%}
.hstory_top ul li a {display:block;width:55px;height:55px;margin:0 5px;padding-top:11px;font-size:11px;text-align:center;background-color:#fff;border:1px solid #e5e5e5;border-radius:50%}
.hstory_top ul li a i {display:block;margin:0 auto 2px auto}
.hstory_top ul li a.active {color:#fff;background-color:#1b1e23;border-color:#1b1e23}
.hstory_list ul li {position:relative;margin-bottom:25px}
.hstory_list ul li a {display:block}
.hstory_list ul li .iplay {position:absolute;top:24.5%;left:50%;margin-left:-26px}
.hstory_list ul li .inew {position:absolute;top:21px;left:21px;width:43px;height:43px;text-align:center;color:#fff;font-size:11px;line-height:43px;background-color:#000;border-radius:50%}
.hstory_list .hstory_txt {position:absolute;left:21px;right:0;bottom:0;height:34%;padding:17px 20px 0 20px;background-color:#fff}
.hstory_list .hstory_txt .vol {font-size:12px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;}
.hstory_list .hstory_txt .tit {margin-top:3px;font-size:17px;color:#000;line-height:22px}
.hstyle_total {padding:0 11px 0 21px;height:40px;line-height:40px;overflow:hidden}
.hstyle_total p {float:left}
.hstyle_total p em {color:#1b1e23}
.hstyle_total ul {float:right}
.hstyle_total ul:after {content:'';display:block;clear:both}
.hstyle_total ul li {float:left}
.hstyle_total ul li a {position:relative;display:block;padding:0 10px;color:#000}
.hstyle_total ul li ~ li a:before {content:'';position:absolute;left:0;top:50%;width:1px;height:14px;margin-top:-7px;background-color:#f2f2f2}
.hstyle_total ul li a.active {color:#1b1e23;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;}
.hstory_title {position:relative;padding:15px 50px 0 21px;min-height:50px;background-color:#fff}
.hstory_title p {font-size:15px;color:#222}
.hstory_title p span {margin-right:5px;font-size:14px;font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight:bold;}
.hstory_title button {position:absolute;right:21px;top:15px}
.hstory_list .swiper-wrapper {min-height:100%;display:-webkit-box;display:-moz-box}
.hstory_list .swiper_paging {bottom:25px;text-align:center}
#hstoryList {position:relative;padding:0 21px 30px 21px;overflow:hidden}
.contents_area.h_info {padding:25px 11px 15px 21px;background-color:#d9d0c3}
.h_info_list li {float:left;width:50%;padding:0 10px 10px 0;text-align:center}
.hstory_top.m_top {position:absolute;width:100%;padding:15px 0;background:rgba(0,0,0,.3);z-index:10}
.txt_tag_area.h_tag {margin-top:0;padding-top:25px}
.h_evt_box {margin:0 -21px;padding:10px 0 20px}
.contents_area.no_space .h_evt_box {margin-left:0;margin-right:0;padding-top:0}
.contents_area.no_space .h_evt_box + .ev_list {margin-top:30px;margin-left:0;margin-right:0}
.contents_area.no_space.noborder{border-bottom:0;}
.h_evt_total {padding:0 21px;height:40px;line-height:40px}
.h_evt_total em {color:#1b1e23}
.h_evt li {display:inline-block;position:relative;width:100%;padding-bottom:10px}
.h_evt li a {position:relative;display:block;z-index:10;}
.h_evt li .thumb,
.h_evt li .thumb_info {position:relative;float:left;width:50%}
.h_evt li:nth-child(2n) .thumb {float:right}
.h_evt li:nth-child(2n+1) .thumb_info { padding-left:20px}
.h_evt li:nth-child(2n) .thumb_info { padding-right:20px; text-align:right}
.h_evt li:nth-child(2n+1):after {content:"";position:absolute;left:36.5%;right:0;top:75px;bottom:-20px;background:#f7f7f7}
.h_evt li:nth-child(2n):after {content:"";position:absolute;right:36.5%;left:0;top:75px;bottom:-20px;background:#f7f7f7}
.h_evt li .thumb img {box-shadow:0 10px 10px rgba(0,0,0,.1)}
.h_evt li .thumb .label {position:absolute;top:0;left:0;width:100px;height:25px;line-height:24px;padding-right:12px;font-size:13px;color:#fff;background:url('../../images/API_M_KO/hstory/hevent_label.png') no-repeat left top;background-size:100px;text-align:center}
.h_evt li .thumb_info em {position:relative;display:block;padding-top:60px;padding-bottom:12px;font-size:16px;color:#000}
.h_evt li .thumb_info em:after {content:"";position:absolute;left:0;bottom:0;width:20px;height:1px;background-color:#000}
.h_evt li:nth-child(2n) .thumb_info em:after {left:auto;right:0}
.h_evt li .thumb_info .desc {display:block;margin:15px 0 10px;font-size:13px; color:#666}
.h_evt li .thumb_info .date {color:#999}
.h_evt li .i_attention {position:absolute;top:16px;right:21px;z-index:11}
.h_evt li:nth-child(2n) .i_attention {right:auto;left:21px}
.event_detail_wrap {position:relative}
.event_detail_wrap .movie_box {position:absolute;left:21px;right:21px;bottom:25px;padding-top:56%;overflow:hidden;box-shadow:0px 0 25px rgba(0,0,0,.2)}
.event_detail_wrap .movie_box iframe {position:absolute;top:0;right:0;bottom:0;left:0}
.en_join_area .txt_with_btn { padding-right:110px;}
.en_join_area button[class*="btn_basic"].big, a[class*="btn_basic"].big {font-size:15px}
.en_join_area .checkbox label {line-height:18px}
.en_join_area .checkbox label:before,
.en_join_area .checkbox label:after {top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.en_join_area .txt_with_btn button,
.en_join_area .txt_with_btn a {top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.en_join_area .join_col.with_dash input[type="tel"] {padding:0 0 0 5px;text-align:center}
.en_join_area .join_form .with_dash {position:relative;padding-right:12px}
.en_join_area .join_form .with_dash:nth-child(4) input[type="tel"] {padding-left:0}
.en_join_area .join_form .with_dash span {position:absolute;top:0;right:0;width:10px;color:#000;text-align:center;line-height:54px}
.en_join_area .join_col.en_sel {width:34%}
.en_join_area .join_col.en_sel select { padding-right:20px }
.txt_with_btn.en_btn_v1 {padding-right:130px}
.join_row.placeholder_wrap label.en {padding-top:8px;line-height:18px}
.join_row.placeholder_wrap input[type="password"] + label.en {padding-top:17px}
.en_join_area .choice_box.en {padding: 15px 20px 5px;}
.en_join_area .h_wrap > .btn_en_type {position:static;width:100%;margin:10px 0 5px}
.en_join_area .join_row.with_btn2 button.en_mid {top:50%;-webkit-transform:translateY(-50%);;transform:translateY(-50%)}
.en_join_area .join_row.tb_block.disabled * {background-color:#fafafa;color:#999}
@media (max-width:320px) {
    .join_row.placeholder_wrap input[type="password"] + label.en {padding-top:8px}
}
@media (max-width:460px) {
    .join_row.en.join_row input[type="email"]{height:75px;width:125px;}
    .join_row.en.placeholder_wrap.with_btn2 label {padding-right:140px; line-height:13px;}
}
.loading_layer {position:fixed;top:50%;left:50%;width:130px;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);background-color:transparent;z-index:110}
.loading_layer .progress_img img {border-radius:50%}
.loading_layer .loading_txt {margin-top:10px;font-size:15px;color:#fff;text-align:center}
.layer_dimmed {display:none;position:fixed;left:0;top:0;bottom:-100px;width:100%;height:100vh;background:rgba(0,0,0, .8);z-index:105}

/* 동영상 추가 */
.com_movie {position:relative;padding-top:56%}
.com_movie iframe {position:absolute;top:0;right:0;bottom:0;left:0}

/* iframe 스크롤 이벤트 */
.ui-dialog, .ui-dialog-content {-webkit-overflow-scrolling:touch}
.btn_readmore{padding:20px 20px 0 ;border-top:1px solid #b2b2b2;margin:0 -21px;}
.btn_readmore button{width:100%;}

/*취소반품*/
.refund_wrap .tb_write.view {margin:5px 21px 20px;}
.refund_wrap {border-top:1px solid #b2b2b2;margin:20px -21px -1px;}
.refund_wrap + .refund_wrap {margin-top:0;}

/*마케팅동의*/
.consign:before{content:''; width:100%; clear:both; display:block}
.consign {margin: 10px 21px 15px 21px; color: #999999;}
.md_agree:after{content:''; width:100%; clear:both; display:block;}
.with_btn2.md_agree {padding-right: 0;}
.consign a, .consign a:link, .consign a:hover{color:#666; text-decoration:underline;}
.en_join_area.en .txt_with_btn.first{padding-right:0;}
.en_join_area .en2 .checkbox label {width:100% !important; word-break: keep-all !important;}/*2019-02-15 : 시스템폰트 변경의 건 : keep-all";"삭제*/
.en_join_area .en .checkbox label {width:100% !important; word-break: keep-all !important;}/*2019-02-15 : 시스템폰트 변경의 건 : keep-all";"삭제*/
/*grand open*//*180913 lsy*/
.grand_open {height:100%;background:#100200 url('../../images/API_M_KO/product/grand01.png') no-repeat 50% 50%; background-size:100% 100%;}
.blind{position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .grand_open{background:#100200 url('../../images/API_M_KO/product/grand02.png') no-repeat 50% 50%; }
}

/*320*/
@media only screen and (min-device-width: 320px) and (max-device-width: 413px) {
    .with_btn2.md_agree .checkbox {width:40%;}
    .en_join_area .checkbox label {width: 65%;}
    .en_join_area .choice_box.en  {padding: 10px 20px 5px;}
}
.en_join_area.en .txt_with_btn.first{padding-right:0;}
.en_join_area .en2 .checkbox label {width:100% !important; word-break: keep-all !important;}/*2019-02-15 : 시스템폰트 변경의 건 : keep-all";"삭제*/
.en_join_area .en .checkbox label {width:100% !important; word-break: keep-all !important;}/*2019-02-15 : 시스템폰트 변경의 건 : keep-all";"삭제*/
/*grand open*//*180913 lsy*/
.grand_open {height:100%;background:#100200 url('../../images/API_M_KO/product/grand01.png') no-repeat 50% 50%; background-size:100% 100%;}
.blind{position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .grand_open{background:#100200 url('../../images/API_M_KO/product/grand02.png') no-repeat 50% 50%; }
}

/*리사이징*/
.resize{overflow:hidden;padding:0 10px; display:block; line-height:1;font-size:49px;}
.resize.lg{float:left;width:70%;height:90px;line-height:90px;color:#ea2829;text-align: center;}
.resize.lg span {font-size:60%}
.download_box .type1 .end .resize.lg{color:#999;}
.download_box .type1 .end .resize.lg span{color:#e5e5e5;}
.resize span{color:#666;font-size:60%;}
.resize.md {width:110px;position:relative;margin:34px auto 0; padding:0 1px;line-height:47px;height:47px; font-size:32px; color: #333;}
.resize.md span{font-size:70%;color:#1b1e23;}
.resize.e_save{width:280px;margin:0; color:#1b1e23; padding:0 10px 0 0;height: 65px;line-height: 65px;}
.resize.e_save.decrease{font-size:61px;}
.resize.e_save span{color:#1b1e23;}
.resize.reserves{width:110px;position:relative;margin:48px auto 0; padding:0 1px;line-height:45px;height:45px; font-size:32px; color: #333;}
.resize.win {width:95px;padding:0 5px;margin:35px auto 0; height:25px; line-height:25px;color:#333;}
.resize.king{width:120px;position:relative;margin:52px auto 4px; padding:0 1px;line-height:37px;height:37px; font-size:32px; color: #333;}
.resize.king.dim {opacity:0.5;}
.download_box .type2 .down.weekly {margin-top:15px;}
.resize.save {position:absolute;top:45px;left:290px; width:400px; height:80px;line-height:80px;color:#c51315;}
.resize.save span{color:#333;}

.ban_header {width:100%; height:130px;}

/*img error*/
.img_error li {float:none!important}

/* 2018-10-17 pub09 H.Luxury */
.tab_type1.hlux li {height: 45px;}
.tab_type1.hlux li:not(:first-child)::before{content: '';position: absolute;top: 0; left: 0;width: 2px; height: 45px;   border: 12px solid #fff;border-width: 12px 0;background-color: #f2f2f2}
.tab_type1.hlux li a {font-size: 14px;color: #5C6677;}
.tab_type1.hlux li a.active {color: #222;}
.tab_type1.hlux li a.active span:after {display: none;}
.tab_view_box.hlux {padding-top: 15px;margin: 0 -15px -15px 0;overflow: hidden}
.hlux_list_item {float: left;display: block;margin-right: 15px;margin-bottom: 15px;width: calc(50% - 15px)}
.hlux_list_item.col_full {width: calc(100% - 15px);margin-bottom: 35px}
.hlux_list_item img{width: 100%;height: auto}

/* 2018-10-25 H.Luxury */

.h_luxury_list {display: table; padding-top:15px; }
.h_luxury_list li{float:left; width:50%; padding:0 5px 10px; text-align: center;}
.h_luxury_list li:nth-child(2n+1){padding-left:0;}
.h_luxury_list li:nth-child(2n){padding-right:0;}
.h_luxury_list li dl dt .text_name{font-size:11px; margin-top:5px;}
.h_luxury_list li dl dt .logo img{height:25px; width:auto;}

/*상품상세 */
/*상단 회색부분_overflow:hidden으로 생긴 오류 2018-10-22 ldh*/
.prd_swipe {margin-top:0; padding-top:25px;}
.product_area .prd_icon {top:25px;}
.product_area .i_share {top:25px;}
.product_area .i_attention {top:60px;}

/*상단 회색부분_overflow:hidden으로 생긴 오류 2018-10-31 ldh*/
.img_type .product_area .prd_swipe{margin-top:0 !important; padding-top:45px !important;}
.img_type .product_area .prd_icon {top:10px !important;}
.img_type .product_area .i_share {top:10px !important;}
.img_type .product_area .i_attention {top:45px !important;}

/*인도장 리사이징 해제 2018-10-31 ldh*/
.map {text-align: center;}
.map img{width:auto; height:auto; max-width:100%;}
.indorsement_map {text-align:center;}
.indorsement_map img {width:auto; height:auto; max-width:100%;}

/* event 2018-11-05 pub09 */
.evt_temp .blind,.evt_temp .hide,.evt_banner .blind,.evt_banner .hide {height:0;width:0;overflow:hidden;font-size:0;line-height:0;text-indent:-99999em}
.evt_temp,.evt_banner {position:relative; text-align:center}
.evt_temp img,.evt_banner img {width:100%}
.evt_temp .ev_btn,.evt_banner .ev_btn {position:absolute; display:block; background:url(about:blank)}

/*2018-11-06 외부 회원가입*/
.etc_wrap .container{padding:0;}
.etc_wrap .header_top {padding-bottom:10px; background:#fff;}
.etc_wrap .contents_area{border:0 none;}
.etc_wrap .etc_type {background:#fff;}
.etc_wrap .join_type {margin-top:25px; background:#fff;}
.etc_wrap .join_type ul li:first-child {float:left; width:50%; border-bottom:0 none; margin-bottom:0;border-left:0 none; padding:0;}
.etc_wrap .join_type ul li.type2 a:before {display:none;}
.etc_type .contents_area > div:nth-of-type(1){margin-top:40px;}
.etc_wrap .choice_box ul li {width:33.3%;}
.etc_wrap .choice_box ul li:nth-child(2n+1) {float:left; clear:none;}
.etc_wrap .choice_box ul li:after {clear:both;}
.etc_wrap .txt_with_btn.first a{top:15px;}

/*2018-11-15 외국인 회원가입 SMS인증 팝업 알림문구 추가 */
.join_col.with_btn1.sms {padding-right:0;}
.join_col.with_btn1.sms input {padding-right:77px;}

/*2018-12-07  휴대폰인증*/
.w11 {width:100%}
.w13 {width:25%}

.with_btn4 {padding-right:7px;}

.bb_none {border-bottom:0 none !important;}
.bt_none {border-top:0 none !important;}
.bl_none {border-left:0 none !important;}
.br_none {border-right:0 none !important;}

.t_error .time {padding-left:10px;}
.join_col.tel_btn {width:28%; text-align:right !important;padding-right:20px;}
.join_col.tel_btn_cn {width:40%;text-align:right !important; padding-right:20px;}
.join_form .sel:after {pointer-events: none}

.join_row.tb_block .join_col.with_btn1.sms input[type="tel"] {padding-left:20px;}

/* event 2018-12-10 pub09 */
.evt_temp.show-map .ev_btn,.evt_banner.show-map .ev_btn{background:rgba(200,0,0,.32)!important;border:1px solid red}
.evt_temp.show-map .ev_btn::before,.evt_banner.show-map .ev_btn::before{content:attr(title);font-weight:bold;;font-size:.8em;color:red;display:flex;align-items:center;justify-content:center;width:100%;height:100%}

.ev_btn.stamp[href="#;"],.ev_btn.stamp[href="javascript:;"]{cursor: default}
.ev_btn.stamp:after{content:'';position:absolute;display:block;overflow:hidden;user-select:none;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url('../../images/API_M_KO/common/stamps.png');background-repeat:no-repeat;background-size:auto 100px;width:194px;height:100px}
.ev_btn.stamp.sold-out-m:after{width:153px;height:79px;background-position:-194px 0}
.ev_btn.stamp.sold-out-s:after{width:94px;height:48px;background-position:-347px 0}
.stamp.sold-out-l-blue:after {background-image:url('../../images/API_M_KO/common/stamps_blue.png');}
.stamp.sold-out-m-blue:after {background-image:url('../../images/API_M_KO/common/stamps_blue.png'); background-position: -194px 0; width: 153px; height: 79px;}
.stamp.sold-out-s-blue:after {background-image:url('../../images/API_M_KO/common/stamps_blue.png'); width: 94px; height: 48px; background-position: -347px 0;}

.ev_movie {position:absolute}
.ev_movie .youtubeWrap, .ev_movie .videoWrap {position: relative;width: 100%;height: 100%;}
.ev_movie .youtubeWrap iframe, .ev_movie .videoWrap {width: 100%; height: 100%;}

/* 2018-12-19 hstyle 하단 슬라이드 타이틀 영역 위치 수정 phj */
.hstory_list .hstory_txt {bottom:-1px;}

/*2018-12-20 휴대폰 인증*/
.time_code {position:relative;}
.time_code .time {position:absolute; top:50%; right:0px; margin-top:-9px;color:#e60e11;}
.time_code input {padding-right:10px !important;}

.time_code2 {position:relative;display:inline-block;width:100%;}
.time_code2 .time {position:absolute; top:50%; right:10px; margin-top:-9px;color:#e60e11; font-size:12px;}
.time_code2 input {padding-right:20px;}

.time_code3 {position:relative;display:inline-block;width:100%;}
.time_code3 .time {position:absolute; top:50%; right:8px; margin-top:-9px;color:#e60e11;}
.time_code3 input {padding-right:38px;}

/* 2019-01-16 H Story - H Style - 슬라이드 컨텐츠 phj */
#hstyle_slide_con_wrap {max-width:100%; height:auto; margin:0 auto; margin-bottom:30px; text-align:center; position:relative;}
#hstyle_slide_con_wrap .hstyle_slide_con {min-height:100%; display:-webkit-box; display:-moz-box;}
#hstyle_slide_con_wrap .swiper_paging {bottom:-17px;}
#hstyle_slide_con_wrap .swiper-button-prev,
#hstyle_slide_con_wrap .swiper-button-next {position:absolute; top:50%; margin-top:-25px; display:block; width:25px; height:50px; background:rgba(0,0,0,.3);}
#hstyle_slide_con_wrap .swiper-button-prev {left:0; padding-left:8px;}
#hstyle_slide_con_wrap .swiper-button-next {right:0; padding-right:8px;}
#hstyle_slide_con_wrap .swiper-button-prev i,
#hstyle_slide_con_wrap .swiper-button-next i {margin-top:16px; border:solid white; border-width:0 2px 2px 0; display:inline-block; padding:8px; }
#hstyle_slide_con_wrap .swiper-button-prev i {transform: rotate(135deg); -webkit-transform: rotate(135deg);}
#hstyle_slide_con_wrap .swiper-button-next i {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

/*2019-01-24 이벤트 메인로고*/
.ic_logo_h.logo_event1 {width:150px;height:28px; background:url('../../images/API_M_KO/common/logo_event1.png') no-repeat; background-size:auto 28px;}

/*2019-01-31 주문관련 페이지 내 면세구매한도 영역 추가*/
.price_list dl dt.lt1 {line-height:1.4; color:#666; font-size:12px; width:66%;}
.price_list dl dd.lt2 {color:#666; font-size:13px; width:34%;}

/*2019-02-22 Basic tab 에 구분선 있는 버전 추가*/
.tab_type1.tab_line {border:1px solid #ddd;}
.tab_type1.tab_line li a {border-left:1px solid #ddd;}
.tab_type1.tab_line li:first-child a {border-left:none;}
.detail_visual_top .tab_type1.tab_line {border-left:none; border-right:none;}

/*2019-03-11 event brand list*/
.evt_brand_shop {padding: 0 20px 10px 20px}
.evt_brand_shop .evt_tit {padding-top:20px;padding-bottom:15px;font-size:14px;color:#c51315;text-align:center;border-bottom:1px solid #c51315;letter-spacing:-1px;}
.evt_brand_shop .brand_section {padding:0 10px;}
.evt_brand_shop .evt_brand_list {overflow:hidden;}
.evt_brand_shop .evt_brand_list ul {margin-left:-7px;}
.evt_brand_shop .evt_brand_list ul:after {content:"";display:block;clear:both;}
.evt_brand_shop .evt_brand_list ul li {display:table;float:left;width:33.333%;height:40px;margin-top:10px;padding-left:7px;box-sizing:border-box;}
.evt_brand_shop .evt_brand_list ul li a {display:table-cell;width:100%;height:40px;vertical-align: middle;border:1px solid #dbdbdb;font-size:11px;color:#4d4d4d;box-sizing:border-box;}
@media (max-width: 360px) {
    .evt_brand_shop .evt_brand_list ul li {width:50%;}
}

/*2019-04-05 마이페이지 내 '회원등급' 안내 변경의 건*/
.my_level ul li i {margin:7px auto 7px auto;}
.my_level ul li i[class*=lv_off_up] {margin:18px auto 16px auto;}

/* 2019-07-10 sns 로그인 수정 */
.join_sns ul li {margin:0}
.join_sns ul li a {width:80px;}
/* 2019-09-09 pub10 sns설정 수정 */
.sns_connect  { position : relative ; display : inline-block ; cursor : pointer ; height : 27px ; width : 55px ; background-color : #e6e6e6 ; border-radius : 27px ; text-indent : -9999px ; overflow : hidden ; text-align : left ;}
.sns_connect:after  { position : absolute ; content : '' ; height : 23px ; width : 23px ; left : 2px ; bottom : 2px ; background-color : #ffffff ; border-radius : 50% ;}
.sns_connect.on  { background-color : #e60e11 }
.sns_connect.on:after  { left : 30px ;}

/*2019-07-25 상품정보 탭 내 기초정보, 추가정보 타이틀 및 노출 영역*/
.group_line1{border-top:1px solid #000000; margin:29px 0;}
.group_line2{border-top:1px solid #ddd; margin:29px 0;}
#detail01 .pdt_no {padding-top:0 !important;}

/*2019-08-22 결제 수단 태그 추가*/
.payment_item ul:before {background-color:#fff; border:none;}
.payment_item li {width:33.333%; height:60px;}
.payment_item button {height:60px; position:relative;}
.payment_item li i {position:absolute; left:2px; top:2px; background:url('../../images/API_M_KO/common/tag_payment.png') no-repeat; text-indent:-9999px; overflow:hidden; width:49px; height:19px; background-size:49px auto;}
.payment_item li i.ico_pay_2 {background-position:0 0;}/*NEW*/
.payment_item li i.ico_pay_2 {background-position:0 -24px;}/*EVENT*/
.payment_item li i.ico_pay_3 {background-position:0 -47px;}/* 이벤트*/
.payment_item li i.ico_pay_4 {background-position:0 -71px;}/*즉시할인*/
.payment_item li i.ico_pay_5 {background-position:0 -95px;}/*혜택*/

/*2019-08-28 : 신규브랜드, 신상품 영역 수정 */
.new_brand_list.add_info .prd_tit .txt {height: 36px; -webkit-line-clamp: 2;}

/* 2019-09-23 : pub02 오프라인 이어가입 프로세스 추가 */
.join_type ul li.type3 {float:left;width:100%;min-height:120px;border-top:1px solid #f2f2f2;padding:25px 0 20px 0; margin-top:30px;}/* 2020-11-03 수정 */
.join_type ul li.type3 span {display:block;}
.join_type ul li.type3 span.txt1 {color: #000; font-size: 15px;line-height:1.5; margin-bottom:15px;}
.join_type ul li.type3 span.txt2 {color:#666; font-size:13px; margin-bottom:20px;}
.join_type ul li.type3 a {position: relative; display: inline-block; margin: 0 5px; font-size: 14px;}
.join_type ul li.type3 a:before {content: ''; position: absolute; left: 0;right: 0; bottom: -1px; height: 1px;background-color: #ABB2BE;}
@media (max-width: 360px) {
    .join_type ul li.type3 span.txt1 {letter-spacing: -0.07em}
}
.ijoin_offline {background-position:-485px -270px} /* 회원가입(오프라인) */

/* 2019-09-23 : 오프라인 이어가입 프로세스 추가 : 회원가입 step02 */
.word {word-break: keep-all ;}
.error_txt_box .t_error.type4 {padding-left:8px;}
.p_dot_list2{position: relative;padding-left:8px;line-height: 18px;color: #5C6677; font-size:11px;}
.p_dot_list2:before {content:''; position:absolute;top:7px; left: 0; width: 3px; height: 3px; border-radius:50%; background-color:#666; word-break:keep-all;}
.p_txt_list {font-size:11px;line-height: 18px;color: #5C6677;word-break: keep-all ;}
.email_address {text-align:center; padding-top:25px;word-break: keep-all ;}
.email_address .t_error {color:#ea2829;font-size:13px;line-height:16px}

/* 2019-09-23 : pub02 오프라인 이어가입 프로세스 추가 : 회원가입 완료 step04 */
.h_point_infor {border:1px solid #e1e1e1;background:#f9f9f9; margin-top:30px;text-align:center; padding:30px 0 30px;}
.h_point_infor:before {content: '';display: inline-block; overflow: hidden; background-image: url('../../images/API_M_KO/common/ico_common.png');background-repeat: no-repeat;width: 50px; height: 50px;background-position:-440px -150px;background-size:auto 750px;}
.h_point_infor .tit {color:#333; font-size:15px;  margin-top:15px;}
.h_point_infor .txt1 {margin-top:20px; font-size:13px;}
.h_point_infor .txt2 {color:#333; font-size:14px; margin-top:20px;}

/*2019-09-20: pub10 오프라인 선불카드 프로세스 추가*/
.offline_login {/*height:100%;*/ position:relative; padding-bottom:30px; border-bottom:1px solid #e5e5e5;}
.offline_login .iframe_box.login {height:auto}
.offline_login .header {text-align:center; height:50px; border-bottom:1px solid #e5e5e5;}
.offline_login .header:after {display:none;}
.offline_login .login_choose {position:relative; text-align:center; /*top:50%;*/ margin-top:8%;}
.offline_login .login_txt {color:#222; font-size:16px; line-height:2;}
.offline_login .btn_choose {margin:30px auto 0; border-top:1px solid #e5e5e5; padding-top:30px; width:179px;}
.offline_login .btn_choose a {margin-top:15px; display:block; border:1px solid #e5e5e5; height:49px; line-height:49px; font-size:18px; color:#333;}
.offline_login .btn_choose a:first-child {margin-top:0}
.login_eng {padding:50px 0 25px; height:100%; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch;}
.login_eng .login_box_area .join_form .join_row:first-child {border-top:none}

/*2019-10-01 : pub02 오프라인 선불카드 퍼블 2차 요청*/
/*2019-10-22 : pub02 오프라인 선불카드 퍼블 2차 수정*/
.accordion_list dl dt .tit.card {padding-right:30px !important; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;line-height:1.5;}
.accordion_list dl dt.active .tit.card {-webkit-line-clamp:3;}
.point_col02 {color:#ea2829 !important}
.save_info.card .l_area{width:45%;}
.save_info.card .r_area{width:55%;}
@media screen and (max-width: 320px){
    .save_info.card .r_area .txt02{ margin-top:-4px;}
    .save_info.card .r_area .txt02 span{font-size:17px;}
    .save_info.card .l_area{width:50%;}
    .save_info.card .r_area{width:50%;}
}
.save_info.card.en .l_area{width:35%;}
.save_info.card.en .r_area{width:65%;}
.coupon_language {text-align:right; padding-top:25px;}
.coupon_language a {display:inline-block;border-bottom:1px solid #000; padding-bottom:2px;cursor:pointer; color:#1b1e23;}

/*2019-10-01 : pub02 적립금,쿠폰,예치금 내역 아코디언 리스트*/
.accordion_list.r_minus_add dl dt .tit{padding-right:115px;}
.accordion_list.r_minus_add dl dt .money {right:24px;}
.accordion_list.r_minus_add dl dt a:after, .accordion_list.r_minus_add dl dt span:after {right:0;}

/*2019-10-01: pub10 오프라인 선불카드 마이 메인*/
.i_prepaid {width:23px;height:15px;background-position:-322px -190px}/* 마이 메인 선불카드 아이콘*/
.shopping_benefit .benefit_type.prepaid_data {margin-top:17px; border-top:1px solid #f2f2f2;padding-bottom:0}
.shopping_benefit .benefit_type.prepaid_data li {float:none; width:100%;}
.shopping_benefit a.point_line.passport {font-size:16px; text-decoration:none; display:inline-block;}
.shopping_benefit a.point_line.passport:before {bottom:-1px;}

/*2019-10-01: pub10 오프라인 선불카드 여권수정*/
.btn_ch_eng {display:inline-block; margin-right:15px; padding-bottom:2px; border-bottom:1px solid #666;}

/* 2019-10-11 pub09 EVENT - Thanks for 1year */
.ctdfs-first-anniv{position:fixed;z-index:19;top:195px;left:27px;text-align:center}
.ctdfs-tf1-wrap{width:100%;position:relative}
.ctdfs-tf1-close{position:absolute;top:-6px;right:-6px;display:block;width:24px;height:24px;font-size:0;text-indent:-9999px;background-color:rgba(255,255,255,0)}
.ctdfs-tf1-close::before,.ctdfs-tf1-close::after{position:absolute;top:6px;left:12px;content:' ';height:13px;width:1px;background-color:#333}
.ctdfs-tf1-close:hover::before,.ctdfs-tf1-close:hover::after{background-color:#f33}
.ctdfs-tf1-close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.ctdfs-tf1-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.ctdfs-tf1-close.big{top:20px;right:20px;width:28px;height:28px}
.ctdfs-tf1-close.big::before,.ctdfs-tf1-close.big::after{top:0;left:14px;width:1px;height:28px}
.ctdfs-tf1-tclose{margin:0 auto;font-size:9px}
.ctdfs-tf1-tclose > span{color:#333;padding:2px 0;border-bottom:1px solid rgba(51,51,51,.7)}
.bounce_ani{-webkit-animation:verticalBounce 5s ease-out infinite both;animation:verticalBounce 5s ease-out infinite both}
.ctdfs-tf1-symbol > img{width:85px}
.ctdfs-tf1-symbol:hover .bounce_ani{-webkit-animation:none;animation:none}
@-webkit-keyframes verticalBounce {
0%,10%,30%,50%,70%,90%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
20%,40%,60%,80%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}
}
@keyframes verticalBounce {
0%,10%,30%,50%,70%,90%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
20%,40%,60%,80%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}
}
#eventResultHead{font-weight:700;color:#333;font-size:15px;text-align:center}
#eventResultHead small{font-size:13px}
#eventResultHead strong{color:#e7430f}
#eventResultDesc{font-size:12px;color:#333;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.message_box{position:relative}
.message_box .ev_btn{position:absolute;display:block}
.message_box .blind{height:0;width:0;overflow:hidden;font-size:0;line-height:0;text-indent:-99999em}
.message_box .modal-close {position:absolute;top:10px;right:10px;display:block;width:18px;height:18px;font-size:0;text-indent:-9999px;background-color:rgba(255,255,255,0)}
.message_box .modal-close::before,.message_box .modal-close::after {position:absolute;left:9px;content:' ';height:19px;width:1px;background-color:#333}
.message_box .modal-close:hover::before,.message_box .modal-close:hover::after{background-color:#f33}
.message_box .modal-close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.message_box .modal-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
#eventResultImg{width:295px;height:332px;background-color:#ffe1e6;background-size:100% auto;background-image:url(https://cdn.ctdfs.com/files/editor/20191012/92f563e9_201910121512167530.png);background-repeat:no-repeat;background-position-x:-0;background-position-y:calc(100%/8 * 8)}
#eventResultImg.reward-img-0{background-position-x:-0;background-position-y:calc(100%/8 * 0)}
#eventResultImg.reward-img-1{background-position-x:-0;background-position-y:calc(100%/8 * 1)}
#eventResultImg.reward-img-2{background-position-x:-0;background-position-y:calc(100%/8 * 2)}
#eventResultImg.reward-img-3{background-position-x:-0;background-position-y:calc(100%/8 * 3)}
#eventResultImg.reward-img-4{background-position-x:-0;background-position-y:calc(100%/8 * 4)}
#eventResultImg.reward-img-5{background-position-x:-0;background-position-y:calc(100%/8 * 5)}
#eventResultImg.reward-img-6{background-position-x:-0;background-position-y:calc(100%/8 * 6)}
#eventResultImg.reward-img-7{background-position-x:-0;background-position-y:calc(100%/8 * 7)}
#eventResultImg.reward-img-8{background-position-x:-0;background-position-y:calc(100%/8 * 8)}
.ctdfs-first-anniv.tf1-position-0 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-1 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-2 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-3 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-4 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-5 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-6 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-7 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-8 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-9 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-10 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-11 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-12 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-13 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-14 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-15 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-16 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-17 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-18 {top:195px;left:27px;}
.ctdfs-first-anniv.tf1-position-19 {top:195px;left:27px;}

/*2019-11-06 : pub10 : 결제완료 혜택 팝업 */
#pay_benefit .layer_cont {padding:0;}
#pay_benefit a img {vertical-align:top;}

/* 2019-11-05 pub10 마이 이벤트/기획전 리스트, 2차 2019-11-27 */
.my_event_list ul li {position:relative;display:block;padding:10px 21px;color:#1b1e23;font-size:12px}
.my_event_list ul li a {position:static;display:inline;padding:0 0 1px 0;}
.my_event_list ul li .tit {padding-right:30px;}
.my_event_list ul li .result.yes {text-align:right; width:48%;}
.my_event_list ul li .result.yes em {/*color:#ea2829; border-bottom:1px solid #ea2829;*/ color:#1b1e23; border-bottom:1px solid #000;}
.my_event_list ul li .result.no em {color:#1b1e23; border-bottom:1px solid #000;}
.my_event_list ul li .day {display:inline-block; margin-top:4px;}

.ui-dialog-content .layer_cont .my_event_list{margin:-25px 0 0}
.ui-dialog-content .layer_cont .my_event_list ul li {padding:10px 0;}
.ui-dialog-content .layer_cont .my_event_list ul li .result {right:0; width:42px; text-align:center;}
.ui-dialog-content .layer_cont .my_event_list ul li .result.yes em {color:#ea2829; border-bottom:none;}
.ui-dialog-content .layer_cont .my_event_list ul li .result.no em {color:#999; border-bottom:none;}

.pr_import {display:block; height:28px;}
.pr_import em {position:relative; display:inline-block; font-size:11px; color:#333; border:1px solid #ccc; padding:1px 5px 2px 18px;}
.pr_import em:before {content:""; position:absolute; left:5px; top:50%; background:url('../../images/API_M_KO/common/ico_import.png') no-repeat; display:inline-block; width:10px; height:10px; background-size:10px 10px; -webkit-transform:translateY(-50%);transform:translateY(-50%);}
/* Product Detail*/
.product_info .pro_img .pr_import {text-align:center; margin-top:10px;}
.product_info .pro_img .pr_import em {border:none; color:#333; font-size:12px; padding-left:22px;}
.product_info .pro_img .pr_import em:before {width:11px; height:11px; background-size:11px 11px;}
.pro_detail_area .tab_view_box .box_import {text-align:center; border-bottom:1px solid #e6e6e6; padding-bottom:15px; color:#999; font-size:14px; }
.pro_detail_area .tab_view_box .pr_import {margin-bottom:10px; }
.pro_detail_area .tab_view_box .pr_import em {border:none; color:#333; font-size:13px; padding-left:28px; color:#333; font-weight:bold;}
.pro_detail_area .tab_view_box .pr_import em:before {width:15px; height:15px; background-size:15px 15px;}
.info_list .box_import .pr_import {margin-bottom:10px; }
.info_list .box_import .pr_import em {border:none; color:#333; font-size:16px; padding-left:27px; color:#333; font-weight:bold}
.info_list .box_import .pr_import em:before {width:15px; height:15px; background-size:15px 15px; filter:contrast(500%)}
.info_list .box_import .txt {margin-top:10px;}
.info_list li a + a {margin-top:5px;}
.info_list .local {position:relative; padding-left:8px}
.info_list .local:after {content: ''; position: absolute; top: 7px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #5C6677;}
/* 2020-02-18: pub16 병행수입 문구 추가 */
.pro_info li p{margin-top: 5px;}
.pro_info > li > p:first-child{font-weight:bold; color: #333333;}
.pro_info dl{margin-top: 5px; padding-left: 10px;}
.pro_info dt{text-indent: -10px;}
.pro_info dd+dd{margin-top: 5px;}
.pro_info dl+dl{margin-top: 10px;}
.pro_info .dot_list{margin-top: 5px;}

/*2020-01-10: pub15  [이면세] 신규점 출점 관련 퍼블리싱 수정 및 추가 css*/
.prd_list.list_type1 .prd_tit .txt {-webkit-line-clamp:2;}
.prd_list.list_type1 .prd_tit .txt {height:36px;}
.prd_list.list_type1 li > a .prd_price {position:absolute; bottom:18px}
.prd_list.list_type0 li > a {height:355px;}
.prd_list.list_type0 .prd_btn {bottom:173px;}

.prd_list.list_type0.best li > a {height:383px;}
.prd_list.list_type0.best .prd_btn {bottom:171px;}
.prd_list.list_type0.best2 li > a {height:319px;}

/* 20200121 best review list 높이 조정 */
.prd_list.list_type0.best .review_best.addHeight .prd_btn {bottom: 188px;}

/* 2020-02-06 pub13 footer link popup */
#seller_information {}
#seller_information h2 {padding:0 0 13px 0; margin:0 0 13px 0; color:#000; font-size:20px; line-height:20px; border-bottom:1px solid #e5e5e5;}
#seller_information strong {position:relative; display:block; padding:0 0 4px 5px; color:#000; font-size:13px; }
#seller_information strong:before {content:''; position:absolute; left:0; top:9px; display:block; width:2px; height:2px; background:#000;}
#seller_information dl {padding-left:6px; margin-top:2px; color:#666; font-size:13px;}
#seller_information dl:after {content:''; display:block; clear:both;}
#seller_information dl dt {float:left;}
#seller_information dl dd {float:left;}
#seller_information dl + strong {margin:15px 0 0 0;}

/* 2020-01-22 환불정보 영역추가 */
table.refundTbl td dl{overflow:hidden;position:relative;margin:0;width:100%;}
table.refundTbl td dl:nth-child(1){padding-bottom:10px;margin-bottom:10px;}
table.refundTbl td dl:nth-child(1)::after{content:'';position:absolute;bottom:0;left:0;right:0;border:1px dotted #e5e5e5}
table.refundTbl td dl dt{float:left;width:60%;text-align:left;}
table.refundTbl td dl dd{float:right;width:40%;text-align:right;}
table.refundTbl td.p_info .p_price span{display:block;}
table.refundTbl td.p_info .p_price span.rePrice{color: #e60e11;font-family: -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;font-weight: bold;}

/* 2020-04-06 환불정보 영역추가 */
.refundTbl tr:nth-child(1) td {padding-bottom:12px}
.refundTbl tr:nth-child(2) th, .refundTbl tr:nth-child(2) td {border-top: 1px solid #f2f2f2}
.refundTbl td.p_info .p_price span.rePrice {font-size: 21px}

/* 2020-02-24 KT 추가할인 */
.form_box.membership .cols {padding-right:10px;}
.form_box.membership .cols + .cols {width:50px; vertical-align:top;}
.form_box.membership .cols + .cols:after {content:none;}
.form_box.membership .cols {position:relative;}
.form_box.membership .cols:after {content:""; display:inline-block; background:url('../../images/API_M_KO/common/ico_common.png') no-repeat;background-size:auto 750px; position:absolute;top:50%;right:25px;z-index:2;display:block;margin-top:-3px;width:9px;height:5px;background-color:transparent;background-position:-20px -90px}
.form_box.membership .cols select  {width:100%;height:34px;color:#000;font-size:13px;background:transparent;border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;padding:0 33px 0 10px;letter-spacing:-.05em;}
.form_box.membership .cols select::-ms-expand {display:none}
.pop_wrap.membership {padding:19px 30px 30px}
.kt_membership .logo {width:105px; margin:0 auto 25px;}
.kt_membership .membership_info .info_box {width:100%; height:auto; padding:15px 15px; border:1px solid #e5e5e5; overflow-y:auto; box-sizing:border-box;}
.kt_membership .membership_info .info_box + .input_box {margin:10px 0 0 0;}
.kt_membership .membership_info .input_box {width:100%; height:auto; padding:15px 15px; border:1px solid #e5e5e5; border-bottom:0; box-sizing:border-box;}
.kt_membership .membership_info + h2 {padding:48px 0 0 0;}
.kt_membership .membership_input .gap2 {margin:0 1px; color:#c8c8c8;}
.kt_membership h2 {padding:0 0 10px 0; color:#333; text-align:center; font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif; font-weight:bold;}
.kt_membership h3 {padding:20px 0 10px 0; color:#333; text-align:left; font-weight:bold;}
.info_box li {color:#999;}
.info_box li a {color:#565656; border-bottom:1px solid #565656;}
.info_box li strong {color:#666666; font-weight:normal;}
.info_box li {position:relative; padding:0 0 0 5px;}
.info_box li + li {margin:3px 0 0 0;}
.info_box li:before {content:''; position:absolute; left:0; top:8px; width:2px; height:2px; background:#999999;}
.kt_membership .checkbox label {color:#666666;}
.kt_membership .input_btn input[type="text"] {width:65%;}
.kt_membership .input_btn button {width:33%;}
.kt_membership .info_box li strong {font-weight:bold; font-size:14px; text-decoration:underline;}/*2021-09-13 추가*/
.mcd_info{padding-top: 5px;}
.mcd_pointbx{position: relative;padding-top: 5px;}
.mcd_pointbx span{position: absolute; left: 10px; top: 14px; color: #5C6677;}
.mcd_pointbx input{padding: 0 20px;text-align: right;color:#000!important;}
.mcd_pointbx input::placeholder{color: #000;}
.mcd_pointbx:after{content: "P"; position: absolute; right: 10px; top: 14px;color: #5C6677;}
.mcd_pointbx+.mcd_pointbx:after{content: "원"; right: 8px;}

/* 20200618 출국정보 변경 기능추가 */
.contents_area.contents_area_orderInfo .tit_wrap { padding: 25px 0 16px; margin-bottom: 11.5px; border-bottom: 2px solid #000;}
.contents_area.contents_area_orderInfo .tb_write tbody > tr > td em{ font-size:14px; font-weight: bold; color:#e60e11;}
.contents_area.contents_area_departureInfo .tit_wrap { padding: 25px 0 16px; margin-bottom: 11.5px; border-bottom: 2px solid #000;}
.contents_area.contents_area_departureInfo .tb_write .tb_write_date td { overflow:hidden;}
.contents_area.contents_area_departureInfo .tb_write .tb_write_date td .form_box_date { width:48%; float:left;}
.contents_area.contents_area_departureInfo .tb_write .tb_write_date td .form_box_time { width:52%; float:left; margin-top: 0;}
.contents_area.contents_area_departureInfo .tb_write .tb_write_date td .form_box_time .cols.sel {padding-left: 6px;}
.contents_area.contents_area_departureInfo .tb_write .tb_write_date td .form_box_time .cols.sel select { padding-right: 20px;}

/* 2020-08-19 신규가입 등급UP 추가 */
.level_up{position: relative; white-space: nowrap;display: inline-block; width: 100%;}/* 2021-04-01 개인정보 유효기간 변경 */
.level_up.radio label{font-size: 13px;}
.level_up .btn_basic2{margin: 0 0 0 5px; border: none; font-size: 12px; vertical-align: middle; position: absolute; top: -8px;}/* 2021-04-01 개인정보 유효기간 변경 */
.level_up.round .btn_basic2{background: #e60e11;}
.layer_levelup{display: none; width: 75vw; padding: 20px 20px 30px; position: absolute; right: 0; top: 40px; z-index: 4; border: 1px solid #333333; background: white; text-align: center; white-space: normal;}
.layer_levelup:before{content:''; display: block; width: 12px; height: 12px; border: 1px solid #333333; border-width: 1px 1px 0 0; background: white; position: absolute; right: 23px; top: -7px; transform: rotate(-45deg);}
.layer_levelup p{font-size: 12px; text-align: left; word-break: keep-all; word-spacing: -0.5px; letter-spacing: -1px;}
.level_up.round .layer_levelup p{font-size: 13px;}
.layer_levelup p+p{margin-top: 10px;}
.layer_levelup p strong{font-weight: normal; color: #c51315;}
.layer_levelup .btn_basic1{height: 40px; margin-top: 25px; padding: 3px 29px;}
.layer_levelup .layer_close{display: inline-block; width: 30px; height: 30px; margin: 0; padding: 9px; position: absolute; right: 0; top: 0; cursor: pointer;}
.layer_levelup .layer_close span{overflow: hidden; display: inline-block; width: 13px; height: 13px; margin: 0; background-image: url(../../images/API_M_KO/common/ico_common.png); background-position: -61px -111px; background-size: auto 750px; vertical-align: top; text-indent: -9999px;}
.level_up.en{display: inline-block; white-space: normal;}
.level_up.en .btn_basic2{position: absolute; right: 0; top: 20px;}
.level_up.en .layer_levelup{top: 65px;}

/* 2020-09-01 변경 : 면세점 간편회원 회원가입 본인인증 프로세스 - 이메일인증 step02 */
.w63{width: 63%; position: relative;}
.join_time{position: absolute; top: 50%; margin-top: -7.5px; right: 0;     color: #ea2829;}
.btn_double{zoom:1; padding-top: 32px;}
.btn_double:after{content:"";display:block;clear:both;}
.btn_double button{float: left; width: 50%;}
.btn_double button:last-child{float: right;}
.error_txt_box .p_dot_list2.t_error:before{background-color:#ff5959}
.join_time{position: absolute; top: 50%; margin-top: -7.5px; right: 30px; color: #ea2829;}

/* 2020-09-08 회원가입 : width 수정 */
@media (max-width:460px) {
    .join_row.en.join_row input[type="email"]{height:45px;width:125px;}
}

.join_row.placeholder_wrap > input[type="email"] + label.en {padding-top: 13px;}
.join_row.placeholder_wrap input[type="password"] + label.en {padding-top: 10px; padding-right: 10px;}
.with_btn5{position: relative; padding-right: 125px;}

/* 2020-10-08 아이디찾기 : 추가 */
.w65p {width:65%}
.join_col.tel_btn.w35p {width:35%}
.choice_box2{padding: 0 10px 0 20px;}
.choice_box2 .select_nation {display:inline-block;line-height: 54px;margin-left:30px;}
.choice_box2 .select_nation li{display:inline;margin-left:20px;}
.join_col.with_txt.w65p{padding-right:0;}

/* 2020-10-08 회원가입(휴대폰인증) : 추가 */
.mgt_m1 {margin-top:-1px !important}
.join_col.with_txt.w65p{padding-right:0;}
.contents_pd{padding:0 21px 25px 21px; background-color:#fff;}
.contents_pd.type2{padding:10px 21px;}
.contents_pd.no_top{padding-top: 9px; position: relative; top: -1px; border-top: 1px solid #f2f2f2;}
.join_form .join_row input.datepicker.date_disabled[disabled] {background-color:#f7f7f7 !important; color: rgba(0,0,0,.5) !important;}

/* 2020-12-07 회원가입 : 인증번호 버튼 width 수정 */
.join_row.btn_row button[class*="btn_basic"], .join_row.btn_row a[class*="btn_basic"]{width: 100px;}

/* 2020-11-23 주문결제 정보 : 전액사용 버튼화*/
.form_box.savemoney .cols {width:60%}
.form_box.savemoney .cols + .cols {width:40%; vertical-align:top;text-align: right;}
.form_box.savemoney .cols + .cols > button {width: calc(100% - 10px);min-width: 73px;}
.form_box.savemoney .cols + .cols:after {content:none;}

/* 2020-12-07 회원가입 : 인증번호 버튼 width 수정 */
.join_row.btn_row button[class*="btn_basic"], .join_row.btn_row a[class*="btn_basic"]{width: 100px;}


/* 2020-12-08 회원가입완료 페이지 내 배너 */
.join_wrap .ban_col.type2 a{display:inline-block;font-size:0;margin:0;padding:0;}

/* Intro */
.intro_top {position:absolute;top:10%;width:100%;height:95px;font-size: 0;background:url("../../images/API_M_KO/intro/intro_top_bg.png") center bottom no-repeat;background-size:auto 95px;}
.intro_type01 {position:relative;width:100%;height:100%;overflow:hidden;}
.intro_type02 {position:relative;width:100%;height:100%;overflow:hidden;}
.intro_type03 {position:relative;width:100%;height:100%;overflow:hidden;}
.intro_logo {text-align:center;}
.intro_logo a {display:block;width:auto;height:34px;font-size:0;text-indent:-9999px;}
.intro_logo02_wrap {position:relative;text-align:center;padding-top:135px;}
.intro_logo02 {position:absolute;top:40px;left:50%;width:162px;height:34px;font-size: 0;margin-left:-81px;}
.intro_logo02 a {display:block;height:34px;}

.intro_search_box {position:relative;width: calc(100% - 80px);margin:0 40px;padding:0 40px 0 0;border-bottom:3px solid #333;}
.intro_search_box input {width:100%;border:none;padding:10px 0;height:44px;font-weight:700;font-size:20px;background-color:transparent;}
.intro_search_btn {position:absolute;right:0;top:8px;width:24px;height:24px;background:url('../../images/API_M_KO/intro/intro_search_btn.png') left top no-repeat;background-size:24px 24px;}
.intro_search_box input::-webkit-input-placeholder {font-size:20px;color:#e6e6e6;}
.intro_search_box input.type02::-webkit-input-placeholder {font-size:20px;color:#1b1e23;}
.intro_hash_list {position:absolute;top:50%;left:30px;margin-top:-180px !important;height:320px;overflow:hidden;}
.intro_hash_list ul {}
.intro_hash_list ul li {margin-top:8px;}
.intro_hash_list ul li:first-child {margin-top:0;}
.intro_hash_list ul li a {padding:1px 12px 0px;line-height:37px;border:1px solid #fff;font-size:20px;font-weight:700;color:#fff;overflow:hidden;display:inline-block;max-width:250px;text-overflow:ellipsis;white-space:nowrap;}
.intro_hash_list ul li a.on {background:#fff;color:#1b1e23;}

.intro_hash_w {width:100%;position:absolute;bottom:75px;}
.intro_hash_list02 {padding:0 30px;position:relative;margin-bottom:15%;}
.intro_hash_list02 ul {max-height:166px;overflow:hidden;overflow-y:scroll;}
.intro_hash_list02 ul li {display:inline-block;height:27px;line-height:27px;margin:8px 10px;}
.intro_hash_list02 ul li a {border-bottom:2px solid transparent;font-size:18px;font-weight: bold;color:#fff;/*color:#1b1e23;*/letter-spacing: -.9px;overflow:hidden;display:inline-block;max-width:250px;text-overflow:ellipsis;white-space:nowrap;}
.intro_hash_list02 ul li a.on {border-bottom:2px solid #000;}

.intro_hash_list03 {position:absolute;top:50%;left:10%;margin-top:-120px;padding-bottom:30px;}
.intro_hash_list03 ul {padding-top:60px;}
.intro_hash_list03 ul li {margin-top:18px;}
.intro_hash_list03 ul li:first-child {margin-top:0;}
.intro_hash_list03 ul li a {border-bottom:2px solid transparent;font-size:20px;font-weight: bold;color:#fff;overflow:hidden;display:inline-block;max-width:250px;text-overflow:ellipsis;white-space:nowrap;}
.intro_hash_list03 ul li a.on {border-bottom:2px solid #fff;}

.toggle_spin {position:absolute;bottom:86px;left:50%;width:324px;border-radius: 40px;background-color:#ffffff20;height:48px;margin-left:-162px;}
.toggle_spin a {opacity:1;transition: 0.2s;}
.toggle_spin a.active {opacity:.3;}
.toggle_spin_left {display:inline-block;position:absolute;left:0;top:0;font-size:12px;color:#fff;padding:15px 18px 17px;padding-right:10px;background: url("../../images/API_M_KO/intro/intro_arrow_left.png") left center no-repeat;background-size:16px 16px;margin-left:20px;}
.toggle_spin_left:visited {color:#fff;}
.toggle_spin_right {display:inline-block;position:absolute;right:0;top:0;font-size:12px;color:#fff;padding:15px 18px 17px;padding-left:10px;background: url("../../images/API_M_KO/intro/intro_arrow_right.png") right center no-repeat;background-size:16px 16px;margin-right:20px;}
.toggle_spin_right:visited {color:#fff;}
.toggle_btn_area {width:48px;height:48px;position: absolute;width: 48px;height: 48px;top:0;left:calc(50% - 24px);background:url('../../images/API_M_KO/intro/btn_shap.png') no-repeat;font-size:0;background-size:48px 48px;border-radius: 50%;box-shadow: 0 1px 1px rgba(0,0,0,0.25);transition: left 0.4s;}
.toggle_btn_area.move_left {left:0;}
.toggle_btn_area.move_right {left:calc(100% - 48px);}
.toggle_spin .toggle_bloom {display:inline-block;width:220px;position:absolute;top:-50px;left:50%;margin-left:-110px;padding:10px;background-color:#fff;color:#333;font-size:11px;border-radius: 20px;opacity:0;}
.toggle_spin .toggle_bloom::after {position:absolute;left:50%;bottom:-5px;display:block;width:12px;height:6px;margin-left:-6px;content:"";background:transparent url("../../images/API_M_KO/intro/ico_tail.png") no-repeat;background-size:12px 6px;}
.swiper-slide-active .toggle_spin .toggle_bloom.active {opacity:0;animation-name: example;animation-duration: 4s;}
@keyframes example {
    0%   {opacity:0;}
    70%  {opacity:1;}
    100% {opacity:0;}
}
.intro_banner .banner_visual01 {height:120px !important;}
.intro_banner img {width:100%;height:auto;}

.intro_bottom {position:fixed;bottom:0;width:100%;box-shadow: 0px -4px 6px 0px rgb(27 30 35 / 8%);}
.intro_bottom ul {background-color:#fff;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.intro_bottom ul li {-webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1;}
.intro_bottom ul li a {display:block;width:100%;height:56px;padding-top:10px;text-align:center;line-height:0;font-size:9px; color:#919191;}/*2022-11-29 인트로: 폰트 사이즈, 컬러 변경, 패딩*/
.intro_bottom ul li a.ico_duty {font-size:0; padding-top:15px;}/*2022-11-29 인트로: 추가*/
.intro_bottom ul li a.ico_comb::before {display:block;margin:0 auto 12px;width:20px;height:20px;background-position-y:-30px;content:""}
.intro_bottom ul li a.ico_duty::before {background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-position:2px -70px;background-size:800px 800px; width:30px; height:27px;}/*2022-11-29 인트로: 사이즈, 위치 수정 */
.intro_bottom ul li a.ico_home::before {background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-position:-49px -66px;background-size:740px 740px;}/*2022-11-29 인트로: 사이즈, 위치 수정*/
.intro_bottom ul li a.ico_my::before {background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-position:-94px -66px;background-size:740px 740px;}/*2022-11-29 인트로: 사이즈, 위치 수정*/
.intro_bottom ul li a.ico_gnb::before {background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-position:-27px -66px;background-size:740px 740px;}/*2022-11-29 인트로: 추가*/

/* special visual */
.special_visual {overflow:hidden;position:relative;width:100%;margin-bottom:40px;}
.special_visual .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox;}
.special_visual .visual_item {position:relative;background:#fff;height:100%;}
.special_visual .visual_item a {display:block;position:relative;}
.special_visual .visual_item a video,
.special_visual .visual_item a .video-js {height:200px;}
.special_visual .visual_item a img {width:100%;height:auto;}
.special_visual .visual_bottom {position:absolute;bottom:0;width:100%;height:30px;text-align:right;z-index:11;}
.special_visual .visual_bottom .vb_inner {height:30px;position:relative;right: 0;display:inline-block;width:85px;line-height:30px;border-radius:12px;color: #ffffff;font-size: 15px;text-align:left}
.special_visual .visual_bottom .vb_inner.no_more {padding-right:20px;text-align:right;}
.special_visual .visual_pagination .num_total {padding-left:5px;opacity: .6;}
.special_visual .visual_bottom .visual-pagination {display:inline-block;width:60px;padding-top: 1px;line-height:22px;text-align:center;letter-spacing: -1.2px; font-family: 'roboto'; font-size:0;}
.special_visual .visual_bottom .visual-pagination span{letter-spacing: 0.5px; font-size: 13px; padding: 0 3px;}
.special_visual .visual_bottom .space {display:inline-block;padding:0 4px;opacity:.6;}
.special_visual .visual_bottom .btn_visual {position:absolute;right:0;bottom:0;width:30px;height:30px;background:#000;vertical-align:top;font-size:0;line-height:0}
.special_visual .visual_bottom .btn_visual::before,
.special_visual .visual_bottom .btn_visual::after {position:absolute;left:calc(50% - 5px);top:calc(50% - 1px);width:10px;height:2px;background-color:#fff;content:""}
.special_visual .visual_bottom .btn_visual::after {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.special_visual .visual_item .visual_tit {position:absolute;top:40px;left:20px;font-size:24px;font-weight:700;color:#fff;z-index:1;line-height:34px;width:100%;}
.special_visual .visual_item .visual_tit span {display:block;margin-top:2px;font-size:12px;font-weight:normal}
.special_visual .visual_item .ti2 {font-size:20px;line-height:1.3;top:inherit; bottom:25px}
.visual_item .visual_tit {padding-right:20px; text-shadow: 0 4px 10px rgb(0 0 0 / 50%)}
.visual_item .visual_tit .visual_tit1 {padding-right:20px;font-size:24px;line-height:30px;display:block;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.visual_item .visual_tit .visual_tit2 {padding-right:20px;font-size:24px;line-height:30px;display:block;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.visual_item .visual_tit .visual_tit3 {padding-right:20px;margin-top:7px;font-size:14px;line-height:18px;display:block;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

.special_visual .visual_item video {height: 100vh;width: 100%;object-fit: cover;position: absolute;}

.special_visual0101 {height:200px !important;}
.special_visual0102 {height:400px !important;}
.special_visual0103 {height:560px !important;}

/* 특화메뉴 */
.hash_tit_area {text-align:center;}
.hash_tit_area .hash_tit {position:relative;display:inline-block;font-weight:700;padding:4px 10px;background-color:#1b1e23;font-size:12px;color:#fff;}
.hash_tit_area .hash_tit::after {position:absolute;left:0;bottom:-5px;width:4px;height:6px;content:"";background:url("../../images/API_M_KO/common/bull_tail.png") no-repeat;background-size:4px 6px;}
.hash_tag_wrap {padding:10px 30px 30px;text-align:center;}
.hash_tag_wrap a {display:inline-block;padding:10px;font-size:18px;font-weight:700;line-height:26px;letter-spacing:-1px;color:#1b1e23;}
.video_area,
.htmlArea {padding:0 20px;margin-bottom:60px;overflow:hidden;position:relative;}
.htmlArea img {
    width: 100% !important;
    height:auto !important;
}
.video_area .video-js {width:100%;height:220px;}
.brand_img_area {padding:0 20px;margin-bottom:60px;overflow:hidden;}
.video_area video {object-fit:cover;height: 100vh;width: 100%;object-fit: cover;position: absolute;}
.brand_type .anchor_intro_con .video_area {padding:0;margin-bottom:0;}
.brand_type .banner_visual_wrap {padding-left:20px;}

.banner_img_section {padding:0 20px;margin-bottom:60px;}
.banner_img_section img {width:100%;height:auto;}
.list_round_wrap {padding:0 15px;}
.list_round_wrap + .coupon_list_wrap {margin-top:30px;}
.list_round {overflow:hidden;}
.list_round li {float:left;width:33.3%;text-align:center;padding:5px 0;}
.list_round li a {display:inline-block;width:105px;height:105px;font-size:18px;line-height:105px;text-align:center;border-radius:50%;background-color:#0e8de6;color:#fff;font-weight:700;background-size:105px 105px !important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.coupon_list_wrap {padding:0 20px;margin-bottom:20px;}
.coupon_list_wrap .coupon_list {border:1px solid #ccd1d8;}
.space_top {margin-top:10px !important;}
.space_top2 {margin-top:20px !important;}
.coupon_list li {background:url("../../images/API_M_KO/common/coupon_bor_top.png") left top repeat-x;}
.coupon_list li:first-child {background-image:none;}
.coupon_list li a {position:relative;display:block;padding:20px;}
.coupon_list li .coupon_tit {font-size:14px;font-weight:700;color:#1b1e23;}
.coupon_list li .coupon_price {font-size:29px;font-weight:700;color:#1b1e23;line-height:55px;margin:3px 0 0;}
.coupon_list li .coupon_date {color:#7a828e;}
.coupon_list li .coupon_date.ty02 {font-size:12px;}
.coupon_list li.is_disabled {position: relative;}
.coupon_list li.is_disabled::after {content: '';position: absolute;top: 0; left: 0;width: 100%; height: calc(100% - 2px);margin-top:2px;background-color: #fff;opacity: 0.6;}
.coupon_list li .bull_down {position:absolute;right:30px;top:50%;margin-top:-12px;display:inline-block;width:22px;height:24px;background:url("../../images/API_M_KO/common/bull_coupon_btn.png") no-repeat;background-size:22px 24px;text-indent:-9999px;}
.coupon_list li .gift_finished {position:absolute;right:15px;top:50%;z-index: 10;margin-top:-15px;display:inline-block;width:70px;height:31px;background-color:#abb2be;border-radius:20px;color:#fff;line-height:31px;font-size:13px;text-align:center;}
.coupon-all_btn {padding:20px; text-align:right;}
.coupon-all_btn a {position: relative;padding-bottom:2px;color:#1b1e23;font-size:13px;display: inline-block;}
.coupon-all_btn a:after {position:absolute;left:0;bottom:0;content: '';width:100%;height:1px;background-color: #1b1e23;}
/* special swiper */
.special_visual02 {overflow:hidden;position:relative;width:100%;padding:0 20px;}
.special_visual02.mb40 {margin-bottom:40px;}
.special_visual02 .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox;}
.special_visual02 .visual_item {position:relative;background:#fff}
.special_visual02 .visual_item .item_img {position:relative;}
.special_visual02 .visual_item .item_img img {width:100%;height:auto;}
.special_visual02 .special_visual02_tit {padding-right:30px;position:absolute;bottom:20px;left:20px;font-size:14px;font-weight:700;color:#fff;z-index:1;width:100%;display:block;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 공통 - 이후정리 예정 */
.submain_h3 {padding:40px 20px 20px;color:#1b1e23;font-weight:700;font-size:24px}
.more_btn_wrap {text-align:center;margin-top:28px;margin-bottom:74px;}
.more_btn_wrap a {display:inline-block;font-size:13px;font-weight:700;color:#5c6677;padding-right:15px;background:url("../../images/API_M_KO/common/ico_btn_more.png")  right 1px top 4px no-repeat;background-size:10px 10px;}
.more_btn_wrap a.is_active {background:url("../../images/API_M_KO/common/ico_btn_minus.png") right 8px no-repeat;background-size:10px 2px;}
.submain_h3.aftermore {margin-top:-60px}
.type_view .submain_h3 {padding:60px 20px 20px}
/* SLAE */
/* slae visual */
.sale_visual {overflow:hidden;position:relative;width:100%;/* height:200px; */}
.sale_visual .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox;}
.sale_visual .visual_item {position:relative;background:#fff;width:100%;}

/* 이미지 유동적인경우 중앙정렬
.special_visual .visual_item a {display:block;position:relative;padding-top:50%;overflow:hidden}
.special_visual .visual_item a img {position:absolute;top:50%;left:50%;right:0;bottom:0;max-width:100%;height:auto;transform: translate(-50%, -50%)} */
.sale_visual .visual_item a {display:block;position:relative;}
.sale_visual .visual_item a img {width:100%;height:auto;}
.sale_visual .visual_bottom {position:absolute;bottom:0;width:100%;text-align:right;z-index:11;height:30px;}
.sale_visual .visual_bottom .vb_inner {position:relative;right: 0;display:inline-block;width:80px;height:30px;line-height:30px;border-radius:12px;color: #ffffff;font-size: 15px;text-align:left}
.sale_visual .visual_bottom .vb_inner.no_more {padding-right:20px;text-align:right;}
.sale_visual .visual_bottom .visual-pagination {display:inline-block;width:60px;padding-top: 1px;line-height:22px;text-align:center;letter-spacing: -1.2px; font-family: 'roboto'; font-size:0;}
.sale_visual .visual_bottom .visual-pagination span{letter-spacing: 0.5px; font-size: 13px; padding: 0 3px;}
.sale_visual .visual_bottom .visual_pagination .num_total {opacity:.6;}
.sale_visual .visual_bottom .space {display:inline-block;padding:0 4px;opacity:.6;}
.sale_visual .visual_bottom .visual_pagination .visual_current{font-weight: 600;position: relative;left: 1px}
.sale_visual .visual_bottom .visual_pagination .visual_total{font-weight: 300;}
.sale_visual .visual_bottom .btn_visual {position:absolute;right:0;top:calc(50% - 15px);width:30px;height:30px;background:#000;vertical-align:top;font-size:0;line-height:0}
.sale_visual .visual_bottom .btn_visual::before,
.sale_visual .visual_bottom .btn_visual::after {position:absolute;left:calc(50% - 5px);top:calc(50% - 1px);width:10px;height:2px;background-color:#fff;content:""}
.sale_visual .visual_bottom .btn_visual::after {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg)}
.sale_visual .visual_item .visual_tit {position:absolute;top:40px;left:30px;font-size:24px;font-weight:700;color:#fff;z-index:1;line-height:34px;width:100%;padding-right:50px; text-shadow:0 4px 10px rgba(0,0,0,0.5);}
.sale_visual .visual_item a video {height: 100vh;width: 100%;max-height:200px;object-fit: cover;position: absolute;}

/* coupon visual */
.coupon_visual {overflow:hidden;position:relative;width:100%}
.coupon_visual .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox;}
.coupon_visual .visual_item {position:relative;background:#fff;}
.coupon_visual .visual_item a {display:block;position:relative;}
.coupon_visual .visual_item a img {width:100%;height:auto;}
.coupon_visual .visual_bottom {position:absolute;bottom:0;width:100%;text-align:right;z-index:11;}
.coupon_visual .visual_bottom .vb_inner {position:relative;right: 0;display:inline-block;width:75px;padding:8px 0;border-radius:12px;color:#1b1e23;font-size: 15px;text-align:left}
.coupon_visual .visual_bottom .visual-pagination {display:inline-block;width:60px;padding-top: 1px;line-height:22px;text-align:center;letter-spacing: -1.2px; font-family: 'roboto'; font-size:0;}
.coupon_visual .visual_bottom .visual-pagination span{letter-spacing: 0.5px; font-size: 13px; padding: 0 3px;}
.coupon_visual .visual_bottom .visual_pagination .num_total {opacity:.8;}
.coupon_visual .visual_bottom .space {display:inline-block;padding:0 3px;opacity:.6;}
.coupon_visual .visual_bottom .visual_pagination .visual_current{font-weight: 600;position: relative;left: 1px}
.coupon_visual .visual_bottom .visual_pagination .visual_total{font-weight: 300;}
.coupon_visual .visual_bottom .btn_visual {position:absolute;right:0;top:calc(50% - 15px);width:30px;height:30px;background:#000;vertical-align:top;font-size:0;line-height:0}
.coupon_visual .visual_bottom .btn_visual::before,
.coupon_visual .visual_bottom .btn_visual::after {position:absolute;left:calc(50% - 5px);top:calc(50% - 1px);width:10px;height:2px;background-color:#fff;content:""}
.coupon_visual .visual_bottom .btn_visual::after {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg)}
.coupon_visual .visual_item .visual_tit {position:absolute;top:30px;left:30px;font-size:24px;font-weight:700;color:#fff;z-index:1;line-height:34px}

/* time sale*/
.time_swiper {overflow:hidden;position:relative;width:100%;padding:0 20px 40px}
.time_swiper .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox;}
.time_swiper .visual_item {position:relative;width:100%;background:#fff}
.time_swiper .visual_item .item_img {position:relative;padding-top:100%;overflow:hidden; text-shadow: 0 4px 10px rgb(0 0 0 / 50%)}
.time_swiper .visual_item .item_img img { position:absolute; top:50%; left:50%; right:0; bottom:0; width:100%; height:auto; transform: translate(-50%, -39%); -webkit-transform: translate(-50%, -39%); -moz-transform: translate(-50%, -39%); -ms-transform: translate(-50%, -39%); -o-transform: translate(-50%, -39%); }/*2023-06-20 translate 수정*/
.time_swiper .visual_item .item_img p {position:absolute;bottom:35px;left:40px;font-size:24px;font-weight:700;line-height:42px;color:#fff;text-decoration: underline;text-underline-position: under;display: inline-block;z-index:2;}
.time_swiper .visual_item .item_img p .txt_brand {font-size:24px;font-weight:700;display:block;}
.time_swiper .visual_item .item_img p .txt_times {font-size:24px;font-weight:700;display:block;}
.time_swiper .visual_item .timer {padding:20px 35px 20px 40px;font-size:20px;font-weight:700;color:#1b1e23}
.time_swiper .visual_item .timer .dotpoint {width:8px;height:8px;margin-left:5px;background:#ea2829;border-radius:50%}
.time_swiper .visual_item .timer span{display:inline-block;padding:5px;font-size:36px;line-height:47px;vertical-align:middle}
.time_swiper .visual_bottom {margin:0 40px;height:2px;background:#eef0f2}
.time_swiper .visual_bottom .swiper-scrollbar {height:2px;opacity:1 !important}
.time_swiper .visual_bottom .swiper-scrollbar-drag {height:2px;background:#000}
.time_swiper .visual_item.ty_item .timer .txt_rest {display:block;color:#abb2be;font-size:12px;}
.time_swiper .visual_item.ty_item .item_img::after {content:'';display: block;position: absolute; width: 100%; height: 100%; left: 0;top: 0;background-color:#000;opacity: .5;}
.time_item {padding:0 20px 40px;}
.time_item .visual_item a {display:block;position:relative;}
.time_item .visual_item .item_img {padding-top:71%;}
.time_item .visual_item .timer {position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform: translateY(-50%);transform: translate(0, -50%);text-align:center;color:#fff;}
.time_item .visual_item .timer .txt_coming {font-size:24px;font-weight:700;}
.time_item .visual_item .timer .txt_times {margin-top:10px;font-size:36px;font-weight:700;position:relative;}
.time_item .visual_item .timer .txt_times span {display:inline-block;border-bottom:3px solid #fff;}
.time_item .visual_item .timer .txt_rest {margin-top:30px;}
.time_item .visual_item .timer .txt_rest em{display:inline-block;margin-left:14px;font-size:20px;font-style:italic;}

/* S: H.Share : 2022-03-25 추가 by pub10 */
.hshare-swiper {overflow: hidden; position: relative; padding: 28px 20px 0; margin-bottom: 60px;}
.hshare-swiper strong {font-family:'Noto Sans KR', -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;}
.hshare-swiper .swiper-slide {position:relative; padding-left:1px;}
.hshare-swiper a {display:block; background:#fff;color:#1b1e23;}
.hshare-swiper .info {display:inline-block; position:absolute; left:17px; top:-30px; font-size:17px; font-weight:600; z-index: 2;}
.hshare-swiper .info strong {color:#eb2838; background: -webkit-linear-gradient(-45deg, #EA2830 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family:'roboto'; font-size:19px; font-weight:800;}
.hshare-swiper .info .share,
.hshare-swiper .info .discount {display:block; position:relative;}
.hshare-swiper .info .share {padding-bottom:8px;}
.hshare-swiper .info .share:after {content:""; position:absolute; left:0; bottom:0; height:2px; width:100%; background-color:#000;}
.hshare-swiper .info .discount {margin-top:5px;}
.hshare-swiper .info .discount strong {font-family:'roboto'; font-size:27px; vertical-align: top; line-height: 1.2;}
.hshare-swiper .img {display:inline-block; position:relative; padding:16% 13% 10%;}
.hshare-swiper .img img {width:100%; max-width:200px;}
.hshare-swiper .img::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(12,54,122,.04);}
.hshare-swiper .product {display:block; margin:10px 17px; font-size:14px;}
.hshare-swiper .schedule {display:block; padding-bottom:7px; font-size:12px; color:#AAB1BB; font-style:italic; font-weight:600; border-bottom:1px solid #e2e2e4; line-height:1.5;}
.hshare-swiper .schedule .date,
.hshare-swiper .schedule .peolpe {display:block;}
.hshare-swiper .schedule .peolpe {margin-top:5px;}
.hshare-swiper .schedule strong {color:#eb2838; background: -webkit-linear-gradient(-45deg, #EA2830 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-right: 3px; margin-left:10px; font-family:'roboto'; font-size:13px; font-weight:800;}
.hshare-swiper .schedule strong em {font-style:italic;}
.hshare-swiper .goodsnm {display:block; margin-top:10px;}
.hshare-swiper .goodsnm strong {display: block; font-size: 13px; color: #1b1e23; line-height: 18px; 
font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.hshare-swiper .goodsnm em {height: 36px; margin: 3px 0 1px; color: #5c6677; line-height: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; overflow:hidden; font-size:13px}
.hshare-swiper .percent {margin-top:8px; height:16px; display: block; color: #656565;}
.hshare-swiper .percent:after {content:""; clear:both; display:block; height:0;}
.hshare-swiper .percent del {display: inline-block; font-size: 12px; margin-right: 4px; color: #abb2be; text-decoration: line-through;}
.hshare-swiper .percent strong {display: inline-block; font-size: 12px; color: #1b1e23; font-weight: 400;}
.hshare-swiper .price {margin-top:6px; display: block; color: #1b1e23;}
.hshare-swiper .price span {display:inline-block;}/*2022-06-22 margin 추가*/
.hshare-swiper .price i {display: inline-block; font-style:normal; font-size:13px; font-weight:600; margin-right:3px;}/*2022-06-22 margin 추가*/
.hshare-swiper .price strong {display: inline-block; color: #ea2829; font-size: 15px; font-weight: 700; margin-right:3px;}/*2022-06-22  margin 추가*/
.hshare-swiper .price em {display: inline-block; font-size: 11px; color: #1b1e23; font-weight:400;}
/* E: H.Share : 2022-03-25 추가 by pub10 */

/* New Product */
.newproduct {padding-top:30px;}
.newproduct_swiper {overflow:hidden;position:relative;width:100%;padding:0 30px 60px}
.newproduct_swiper .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox;}
.newproduct_swiper .visual_item {position:relative;background:#fff;padding-bottom:40px;width:294px;margin:0 10px;}
.newproduct_swiper .visual_item a {display:block;position:relative;padding:0;}
.newproduct_swiper .visual_item a.brandlogo {margin-bottom:20px;text-align:center}
.newproduct_swiper .visual_item a.brandlogo img {width:auto;height:40px;vertical-align: middle;}
.newproduct_swiper .visual_item a.brandlogo span {display:inline-block;width:40px;height:40px;margin-right:12px;border:2px solid #1b1e23;border-radius:100%;overflow:hidden;vertical-align: middle;}
.newproduct_swiper .visual_item a.brandlogo span img {width:100%;height:100%;}
.newproduct_swiper .visual_item a .brandimg {display:block;position:relative;max-width:294px;padding-top:100%;overflow:hidden;border-radius: 50%;}
.newproduct_swiper .visual_item a .brandimg img {position:absolute;top:50%;left:50%;right:0;bottom:0;width:auto;max-width:100%;height:100%;transform:translate(-50%, -50%)}
.newproduct_swiper .visual_item a p {position:absolute;bottom:40px;left:40px;font-size:20px;color:#fff}
.newproduct_swiper .visual_item a .bgtype01 {background:#04408f;}
.newproduct_swiper .visual_item a .bgtype02 {background:#f9adc9;}
.newproduct_swiper .visual_item a .bgtype03 {background:#bcb5b9;}
.newproduct_swiper .visual_bottom {margin:0 20px;height:2px;background:#eef0f2}
.newproduct_swiper .visual_bottom .swiper-scrollbar {height:2px;opacity:1 !important}
.newproduct_swiper .visual_bottom .swiper-scrollbar-drag {height:2px;background:#000}

/* hluxury */
.hluxury_wrap {padding-top:20px}
.hluxury_list {padding-top:10px}
.hluxury_list li {padding:10px 20px;position:relative}
.hluxury_list li .list_img {position:relative}
.hluxury_list li .list_img > a {position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:2;}
.hluxury_list li .list_img img {width:100%;}
.hluxury_list li .list_img:after {content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:#000;opacity:0.4;}
.hluxury_list li .list_img .btn_like {display:block;position:absolute;top:10px;left:10px;padding-left:30px;color:#1b1e23;font-size:12px;line-height:24px;z-index:3;}
.hluxury_list li .list_brand {position:absolute;top:50%;left:30px;right:30px;-webkit-transform:translateY(-50%);-ms-transform: translateY(-50%);transform: translate(0, -50%);text-align:center;font-size:20px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hluxury_list li .list_btns {position:absolute;bottom:10px;right:20px;z-index:3;}
.hluxury_list li .list_btns a {display:inline-block;width:56px;height:56px;font-size:0;line-height:0;vertical-align:bottom;overflow:hidden}
.hluxury_list li .list_btns a.btn_reserve {background:#fff url("../../images/API_M_KO/common/ic_spoint.png") no-repeat center center;background-size:23px auto;}
.hluxury_list li .list_btns a.btn_coupon {background:#000 url("../../images/API_M_KO/common/ic_coupon.png") no-repeat center center;background-size:24px auto;}

/* filteringmenu */
.filtering_menu .chk_item_wrap {position:static;padding-bottom:96px;}
.filtering_menu .nav_section{background-color: unset;}
.section_tab.ty02 a {padding:0 8px;color: #9aa3b1;font-size: 16px;font-weight: bold;}
.section_tab.ty02 .tab_item.is_selected a {color: #1b1e23;font-family: unset;}
.section_tab.ty02 .tab_item.on {position:relative;}
.section_tab.ty02 .tab_item.on:after {content:'';position:absolute;top:0;right:2px;z-index:1;width:4px;height:4px;background-color:#ea2829;border-radius:50%;}
.section_tab.ty02 a span:before{display:none;}
.section_tab.ty02 .tab_item:first-child a {padding-left:20px;}
.section_tab.ty02 .tab_item:last-child a {padding-right:20px;}
.section_tab.ty02 .tab_item:last-child.on:after {right:12px;}
.sort_depth01.ty02 {margin-bottom:30px;}
.sort_depth01.ty02 .sort_list01 li {width: 13%;display: inline-block;}
.sort_depth01.ty02 .sort_list01 {padding:0;}
.sort_depth01.ty02 .sort_list01 li button {font-size: 13px;}
.sort_depth01.ty02 .sort_list01 li .preface {display: inline-block; width: 40px; height: 33px;padding-top:0; border-radius: 30px;line-height: 33px; border:1px solid #eef0f2;}
.sort_depth01.ty02 .sort_list01 li.on .preface {border:1px solid #ea2829;border-radius: 30px;}
.sort_depth01.ty02 .sort_list01 li .no_use .preface {background-color:#eef0f2;}
.sort_depth01.ty02 .sort_list01 li button:disabled {opacity: 1;}
.sort_depth01.ty02 .sort_list01 li button:disabled  .preface {background-color:#eef0f2;border:1px solid #eef0f2;color:#abb2be;}
.sort_depth01.ty02 .sort_list01 li a.disabled  .preface {background-color:#eef0f2;border:1px solid #eef0f2;color:#abb2be;}
.wrap_dotline {margin-top:20px;padding:20px 0;border-top:2px dashed #eef0f2;border-bottom:2px dashed #eef0f2;}
.wrap_dotline2 {padding:0 0 20px;border-bottom:2px dashed #eef0f2;}
.nav_tab4 .filtering_tit {position:absolute;right:20px;top:88px;}
.chk_item_list.ty02 {padding:10px 20px 0;}
.chk_item_list.ty02 > ul > li:first-child .filtering_tit {padding-top:0;}
.chk_item_list.ty02 .filtering_tit {padding:10px 0 12px;color: #1b1e23;font-size: 13px;font-weight:700;}
.chk_item_list.ty02 .chk_price {display:block;padding:0;padding-bottom:10px;background:none;letter-spacing:-0.05em;}
.chk_item_list.ty02 .chk_price ul {margin-left:-4px;}
.chk_item_list.ty02 .chk_price ul:after {clear:both; content:''; display:block;}
.chk_item_list.ty02 .chk_price ul li {display:inline-block; float:left; padding-left:4px;}
.chk_item_list.ty02 li {border-top:0;}
.chk_item_list.ty02 .chk_item a  {display:inline-block;padding:0 14px;margin-bottom:10px;background-color: #fff;border:1px solid rgb(238, 240, 242);border-radius: 29px; height: 33px; line-height: 33px;}
.chk_item_list.ty02 .chk_item a.disabled {
    background-color: #eef0f2;
    border: 1px solid #eef0f2;
    color: #abb2be;
}
.chk_item_list.ty02 .chk_item.on a  {border: 1px solid #ea2829;color: #ea2829;}
.chk_item_list.ty02 .chk_item {display: inline-block;}
/* .chk_item_list.ty02 .form_box input[type="text"], .form_box input[type="tel"] {width:85px;} */
.chk_item_list.ty02 .form_box input[type="text"] {width:85px;}
.chk_item_list.ty02 .form_box{width:auto;padding-top:8px;}
.chk_item_list.ty02 .form_box .form_txt {width:93px;}
.chk_item_list.ty02 .form_box .cols.with_txt3 {width:113px;}
.chk_item_list.ty02 .form_box .cols.with_txt3 + .cols {width:calc(100% - 206px)}
.chk_item_list.ty02 .brand_filter {padding: 0;background-color: #fff;display: block;}
.category_acc.ty02 {margin: 0;padding:0;border-bottom:0;box-shadow:none;}
.category_acc.ty02 .depth01 a {padding: 18px 12px 17px;color:#1b1e23;font-weight: bold;height:50px;}
.category_acc.ty02 .depth01 em {color:#abb2be;font-weight:normal;}
.category_acc.ty02 .depth01 a:after {right:12px; top: 15px;width:18px;height:18px;background: url(../../images/API_M_KO/common/ico_arrow_bottom2.png) no-repeat;background-size:18px 18px;}
.category_acc.ty02 .depth01{border-bottom:1px solid #eef0f2;}
.category_acc.ty02 .depth02_area {padding:8px 0; border-top: 1px solid #eef0f2;}
.category_acc.ty02 .depth02_area:after {content:'';display:block;clear:both}
.category_acc.ty02 .depth02_area li {float:left;width:50%;}
.category_acc.ty02 .depth02_area li a{height: auto;padding:8px 12px;color:#5c6677;font-size:13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.category_acc.ty02 .depth02_area li a.choose {color:#ea2829;}
.category_acc.ty02 .depth02_area {background-color:#f8f9fa;}
.category_acc.ty02 .depth02 a:after, .category_acc.ty02 .depth02 a:before {display:none;}

.search_con_area ul.category_acc li a {font-size:13px;}
.cate_result_con ul.category_acc li a {font-size:13px;}
.cate_result_con ul.category_acc li a span {color:#abb2be;}

.fix_itme {position:absolute;bottom:0;width:100%;display:table;box-shadow:0 0 10px #abb2be; z-index:1;}
.fix_itme .btn_basic1 {width: 30%;background-color:#fff;color:#1b1e23 !important;}
.fix_itme .btn_basic2 {width: 70%;background-color:#1b1e23;}
.fix_itme button[class*="btn_basic"], .fix_itme a[class*="btn_basic"] {height:56px;border-radius:0;border:0;}
.align_rht {text-align:right;}
.w100 {width: 100%}
input[type='text'].search_item {width:100%; height:48px;}
.arrow_toggle {margin-left:16px;color:#abb2be;line-height:18px; }
.arrow_toggle::before {content:'';width:18px;height:18px;margin-right:2px; background: url(../../images/API_M_KO/common/ico_arrow_sides.png) no-repeat left 4px;background-size:18px 18px;display:inline-block;}
.prd_list_top.ty02  {position: relative;height:auto;overflow: hidden;}
.prd_list_top.ty02 .total{color:#1b1e23;font-size: 14px;line-height:44px;}
.prd_list_top.ty02 .total.ck_none {padding-left: 20px;}
.prd_list_top.ty02 .total em {color:#1b1e23;}
.prd_list_top.ty02 .checked_list {width:100%;}
.prd_list_top.ty02 .checked_list .i_del{margin-left: 0;}
.prd_list_top.ty02 .checked_list .i_del:before {width:18px;height:18px;background: url(../../images/API_M_KO/common/ico_del01.png) no-repeat center center;background-size:10px 10px;}
.prd_list_top.ty02 .prd_sort {margin-right: 20px;}
.my_wrap .prd_list_top.ty02 .prd_sort {margin-right: 20px !important;}
.prd_list_top.ty02 .prd_sort > .btn_basic7 {height: 33px !important;margin-top: 5px;border:1px solid #abb2be;line-height: 31px !important;}
.prd_list_top.ty02 .sel:after {background: url('../../images/API_M_KO/common/ic_sort_dropdown.png') center center no-repeat;background-size:10px 5px;}
.prd_list_top.ty02 .prd_sort .sel select { height: 44px; line-height: 44px; text-align-last: right;}
.prd_list_top.ty02 .prd_sort .sel.disabled select {background-color:#fff;color:#bababa}
.prd_list_top.ty02 .prd_sort .sel.disabled:after{opacity: .4;}
.prd_list_top.ty02 .prd_sort > span {border-left:0;}
.prd_list_top .sel:after {right: 2px;background: url('../../images/API_M_KO/common/ic_sort_dropdown.png') center center no-repeat;background-size:10px 5px;}
.nav_wrap2 {overflow: hidden;}
.nav_wrap3 {position:relative;padding:6px 56px 6px 20px; overflow: hidden;}
.nav_wrap4 {position:relative;padding: 10px 0 10px 20px; overflow: hidden;}
.nav_wrap4.mgts {padding-top:20px;margin-top:0 !important;}
.nav_wrap5 {position:relative;padding: 4px 0 4px 20px; overflow: hidden;}
.section_tab.ty03 {/* width:100% !important; */}
.section_tab.ty03 .tab_item {padding-right:6px;}
.section_tab.ty03 .tab_item:last-child {padding-right:0;}
.section_tab.ty03 .tab_item a {height:33px;padding:0 12px;border:1px solid #abb2be;border-radius:20px; font-size: 13px;line-height:33px;color:#5c6677}
.section_tab.ty03 .tab_item a span:after {content:"";width:10px;height:7px;margin:12px 0 0 7px;background: url('../../images/API_M_KO/common/ic_sort_filter_dropdown.png') center center no-repeat;background-size:10px 7px; vertical-align: top;display:inline-block;}
.section_tab.ty03 .tab_item.is_selected a span:after {background-image:none;}
.section_tab.ty03 .tab_item.is_selected a {background-color:#1b1e23;border:1px solid #1b1e23;border-radius:20px;color:#fff; font-family: unset;}
.section_tab.ty03 .tab_item.is_selected a span:before {display:none;}
.section_tab.ty04 {/* width:100% !important; */}
.section_tab.ty04 .tab_item {padding-right:8px;}
.section_tab.ty04 .tab_item:last-child {padding-right:0;}
.section_tab.ty04 .tab_item a {height:35px;padding:0 14px;border-radius:30px; font-size: 13px;line-height:35px;box-shadow:0 6px 10px rgb(0 0 0 / 8%);background-color:#fff;}
.section_tab.ty04 .tab_item.is_selected a {background-color:#1b1e23;border:1px solid #1b1e23;border-radius:30px;color:#fff;font-weight:700;}
.section_tab.ty04 .tab_item.is_selected a span:before {display:none;}
.section_tab.ty04_s {width:auto !important;margin:0 auto;}
.section_tab.ty04_s .tab_item {padding-right:8px}
.section_tab.ty04_s .tab_item a {padding:0 10px;}
.section_tab.ty04_s li:first-child .tab_item a{margin-left:-20px;}
.section_tab.ty04 .tab_item:last-child {padding-right:20px;}
.section_tab.ty05 {width:100% !important;}
.section_tab.ty05 .tab_item {padding-right:6px;}
.section_tab.ty05 .tab_item:last-child {padding-right:0;}
.section_tab.ty05 .tab_item a {height:28px; padding: 0 4px 0 12px;background-color:#fff;border:1px solid #dde0e5;border-radius:0; font-size: 13px;line-height:28px;}
.section_tab.ty05 .tab_item a span:after {content:"";width:10px;height:7px;margin:9px 0 0 7px;background: url('../../images/API_M_KO/common/ico_del01.png') center center no-repeat;background-size:10px 10px; vertical-align: top;display:inline-block;}
.section_tab.ty05 .tab_item.is_selected a {border:1px solid #dde0e5;color: #000;font-family: unset;}
.section_tab.ty05 .tab_item.is_selected a span:before {display:none;}

.section_tab.ty06 {width:100% !important;}
.section_tab.ty06 .tab_item {padding-right:4px;}
.section_tab.ty06 .tab_item:last-child {padding-right:0;}
.section_tab.ty06 .tab_item a {height:35px;padding:0 15px;border-radius:30px; font-size: 13px;line-height:35px;box-shadow:0 3px 10px #abb2be;background-color:#fff;}
.section_tab.ty06 .tab_item.is_selected a {background-color:#1b1e23;border:1px solid #1b1e23;border-radius:20px;color:#fff; font-family: unset;}
.section_tab.ty06 .tab_item.is_selected a span:before {display:none;}

.section_tab.ty07 {/* width:100% !important; */}
.section_tab.ty07 .tab_item {padding-right:4px;}
.section_tab.ty07 .tab_item:last-child {padding-right:0;}
.section_tab.ty07 .tab_item a {height:44px;margin:0;margin-left:20px;padding: 0; font-size: 14px;line-height:44px;font-weight:700;}
.section_tab.ty07 .tab_item.is_selected a {border-bottom:2px solid #1b1e23; font-family: unset;color:#1b1e23;}
.section_tab.ty07 .tab_item.is_selected a span:before {display:none;}

.section_tab.ty08 {width:100% !important;}
.section_tab.ty08 .tab_item:last-child {padding-right:0;}
.section_tab.ty08 .tab_item a {min-width:88px; height:44px;margin:0;padding: 0 13px;color:#abb2be;font-size: 14px;line-height:44px;}
.section_tab.ty08 .tab_item.is_selected a {border-bottom:2px solid #1b1e23; font-family: unset;color:#1b1e23;}
.section_tab.ty08 .tab_item.is_selected a span:before {display:none;}

.btn_reset_wrap {position:absolute;right:0;top:6px;width:54px;height:33px;padding-left:15px;background: linear-gradient(to right, #ffffff00, #ffffff, #ffffff) no-repeat; z-index: 100;}
.btn_reset_wrap .btn_reset {width:33px;height:33px;background: url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-position:-27px 1px;background-size:750px 750px;text-indent:-9999px;overflow: hidden;display:inline-block;}
.switch_wrap {padding-top: 7px;}
.switch_wrap .switch_txt {padding-left: 5px; color: #000; font-size: 14px;}
.switch.ty02{margin:4px 0;}
.switch.ty02 .slider {width:32px;height:12px;}
.switch.ty02 .slider:after {width:16px;height:16px; left: 0px;bottom: -2px;box-shadow:0 1px 4px 0 rgb(0 0 0 / 0.24);}
.switch.ty02 input:checked + label .slider:after {-webkit-transform: translateX(17px); -ms-transform: translateX(17px);transform: translateX(17px);}
.switch.ty02.bg_black input:checked + label .slider {background-color:#1b1e23;}
.ch_btn.ty02 {position:absolute;left:0;width:100%;height:44px;background-color:#1b1e23;border-radius:0 30px 30px 0;font-size:0;display: table;z-index:100;}
.ch_btn.ty02 a {height:44px;text-align:center;line-height:44px;vertical-align: top;display:table-cell;}
.ch_btn.ty02 .btn_txt {display:inline-block;color:#fff;font-size:14px;width:100%;animation: all .5s linear 1s;overflow:hidden;}
.ch_btn.ty02 .btn_txt.on {font-size:0;}
.ch_btn.ty02 .btn_ck {position:absolute;right:0;top:0;width:44px;background: url('../../images/API_M_KO/common/ico_ck01.png') center center no-repeat;background-size:16px 16px;text-indent:-9999px;overflow: hidden;}
.ch_btn.ty02 .btn_ck.on {background: url('../../images/API_M_KO/common/ico_ck02.png') center center no-repeat;background-size:16px 16px;}
.total-wrap {width:100%;height:44px;overflow: hidden;}
.total-wrap:after {display:table;clear:both;content:""}
.total-wrap .total {padding-left:55px;}

.border_my_top_line {border-top:1px solid #dde0e5; overflow:hidden;}

/* filteringmenu */

/* banner pop img */
.banner_full_size ul li {position: relative;}
.banner_full_size .visual_tit{position:absolute;top:30px;left:30px;font-size:24px;font-weight:700;color:#fff;z-index:1;line-height:34px}

/* event */
.btn_full_ty2 {padding:20px}
.btn_full_ty3 {padding:40px 0 0;}
.btn_full_ty2 .btn_basic1 {border-radius:0;border: 1px solid #1b1e23;background-color: #1b1e23;color:#fff !important;line-height: 54px;}
.btn_full_ty2 .btn_basic6 {border-radius:0;border: 1px solid #1b1e23;background-color: #fff; color:#1b1e23; line-height: 54px;}
.btn_dwn {width:100%;height:48px;margin-top:20px;background: #1b1e23;border-radius:30px;color:#fff;font-size:14px;font-weight:700;line-height:46px;text-align:center;display: block;}
.btn_dwn::before {content:'';width:24px;height:24px;margin-right:10px;background: url(../../images/API_M_KO/gnb/ic_down2.png) no-repeat;background-size: 24px 24px;vertical-align: middle;display: inline-block;}
.event_top_area img {width:100%;height:auto;}
.event_item {padding:60px 40px;color:#1b1e23;}
.event_item .event_itemlist > li {position: relative;margin-top:50px;}
.event_item .event_itemlist > li:first-child {margin-top:0;}
.event_item  li.is_end .event_more {opacity: .4; }

.event_item  li.is_end .event_badge {padding-top: 16px;background-color:#abb2be;font-size:16px;}
.event_item  li.is_end .event_type {border-color:#abb2be}
.event_item  li.is_end .event_type:after {background-image: url('../../images/API_M_KO/gnb/gnb_coupon_bg1_off.png');}
.event_item  li.is_end .btn_dwn {background-color:#abb2be;}
.event_item  li.is_end .event_tit, .event_item  li.is_end .event_benefit, .event_item  li.is_end .event_txt ,  .event_item  li.is_end .event_txt2 {color:#abb2be;}

.event_item .event_type {position:relative; width: 100%;height:169px;padding:18px 77px 20px 25px;background: #fff;border:9px solid #c41314;}
.event_item .event_type:after {content:"";position:absolute;right:-9px;top:-9px;width:77px;height:169px;background: url('../../images/API_M_KO/gnb/gnb_coupon_bg1.png') no-repeat;background-size:77px 169px;}
.event_item .event_type .event_badge {position:absolute;right:-28px;top:-28px;width:56px;height:56px; padding-top: 12px;border-radius:50%;background-color:#1b1e23;color:#fff;font-size:12px;font-weight:700;text-align:center;z-index: 1; box-shadow:6px 8px 12px 0 rgba(0,0,0,.1);}
.event_item .event_type.ty02 {height:157px;}
.event_item .event_type.ty02:before,
.event_item .event_type.ty02:after {display:none;}

.event_item .event_type.ty_bod {height:161px;background:#c41314;border:0;}
.event_item .event_type.ty_bod::after {right:0;top:0;width:80px;height:161px;background: url('../../images/API_M_KO/gnb/gnb_coupon_bg2.png') no-repeat;background-size:80px 161px;}
.event_item .event_type.ty_bod.ty02:before {display:block;top:60px;}
.event_item .event_type.ty_bod.ty02:after {display:block;top:60px;}
.event_item .event_type.ty_bod .event_benefit em,
.event_item .event_type.ty_bod .event_benefit span,
.event_item .event_type.ty_bod .event_tit, .event_item .event_type.ty_bod .event_txt {color:#fff;}
.event_item .event_type.ty_bod em.mount01 {font-size:24px;padding-bottom:3px;padding-top:10px;color:#fff;}
.event_item .event_type.ty_bod em.mount02 {font-size:20px;padding-bottom:5px;padding-top:12px;color:#fff;}
.event_item  li.is_end .event_type.ty_bod {background:#abb2be;border:0;}
.event_item  li.is_end .event_type.ty_bod:after {background-image: url('../../images/API_M_KO/gnb/gnb_coupon_bg_off.png');}

.event_item .event_type.ty_ticket {position:relative;height:177px;background: #fff url('../../images/API_M_KO/gnb/gnb_coupon_bg5.png')  right top no-repeat;background-size:62px 159px;border:6px solid #1b1e23;}
.event_item .event_type.ty_ticket::before  {content:"";position:absolute;left:0;top:-6px;width:100%;height:12px;background: url('../../images/API_M_KO/gnb/gnb_coupon_bg3.png') center top no-repeat;background-size:94px 12px;}
.event_item .event_type.ty_ticket::after {content:"";position:absolute;left:0;bottom:-6px;right:unset;top: unset;width:100%;height:12px;background: url('../../images/API_M_KO/gnb/gnb_coupon_bg4.png')  center top no-repeat;background-size:94px 12px;}

.event_item .event_type.ty_ticket .ty_ticket_tit_all {display: flex; flex-wrap: wrap; align-items: center;height:120px;}
.event_item .event_type.ty_ticket .ty_ticket_tit_all .ty_ticket_tit {color:#1b1e23;font-size:24px; font-weight: bold;max-height:30px;
    display: -webkit-box; display: -ms-flexbox; display: box; max-height:66px; overflow:hidden;text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2
}

.event_item .event_tit {font-size:16px;font-weight:700;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.event_item .event_txt {position:relative;padding-top:7px;color:#788497;}
.event_item .event_txt2 {position:relative;padding-top:25px;color:#788497;}
.event_item .event_txt +  .event_txt {padding-top:0;}
.event_item .event_txt > span {display: inline-block;}
.event_item .event_txt > span + span {padding-left:12px;}
.event_item .event_txt > span + span:before {content:"";width:1px;height:12px; margin-right: 12px;background-color:#dde0e5;display: inline-block;}

.event_item .event_benefit {font-weight:700;}
.event_item .event_benefit span {padding-right:5px;padding-bottom: 7px;font-size:14px;vertical-align: bottom;display: inline-block;}
.event_item .event_benefit em {font-size:34px;font-family:"Roboto";vertical-align: bottom;display: inline-block;}
.event_item .event_benefit em.mount01 {font-size:24px;padding-bottom:3px;padding-top:10px;}
.event_item .event_benefit em.mount02 {font-size:20px;padding-bottom:5px;padding-top:12px;}
.event_item .event_benefit em + span {padding-left:3px;padding-right:0;}
.event_item .event_more {padding-top:20px;}

.event_item .event_more p + ul {padding-top:10px;}
.event_item .event_more ul li{position:relative;margin-top:4px;padding-left:6px;}
.event_item .event_more ul li::before {position:absolute;left:0;top:8px;content:'';width:2px;height:2px;margin-right:6px;background-color:#1b1e23;border-radius:50%;display: inline-block;}
.event_item .event_more ul li:first-child{margin-top:0;}
.event_item .event_more ul li span{color:#1b1e23;display: inline-block;}
.event_item .event_more ul li .tit{min-width:90px;font-size:13px;color:#1b1e23;}
/* event */

/* coupon */
.coupon_top_area {position:relative;}
.coupon_top_area img {width:100%;height:auto;}
.coupon_top_area .coupon_tit_area {position:absolute;top:30px;left:20px;font-size:26px;color:#1b1e23;line-height:38px;}
.coupon_top_area .coupon_tit_area span {font-size:26px;color:#574b97;font-weight:700;}
.coupon_login {position:relative;padding:30px 20px 30px;font-size:16px;font-weight:700;color:#1b1e23;line-height:24px;border-bottom:10px solid #eef0f2;margin-bottom:30px;}
.coupon_login .btn_coupon_login {position:absolute;right:20px;top:calc(50% - 24px);display:inline-block;padding:15px 28px;font-size:14px;color:#fff;background-color:#1b1e23;}

.coupon_apply_area {position:relative;margin-top:20px;border:1px solid #788497;padding-right:68px;}
.coupon_apply_area input {border:none;width:100%;padding:24px 20px;}
.coupon_apply_area .btn_coupon_apply {display:inline-block;position:absolute;right:-1px;top:-1px;border:1px solid #1b1e23; line-height: 48px; height: 50px;padding:0 20px;font-size:14px;color:#1b1e23;font-weight:700;}
.coupon_area {padding-left:20px;margin-top:38px;margin-bottom:40px;}
.coupon_area ul {border:1px solid #ccd1d8;}
.coupon_area ul li {position:relative;border-top:1px dashed #ebeff2;height:142px;padding:20px 30px;background-color:#fff;}
.coupon_area ul li:first-child {border-top:0;}
.coupon_area ul li .coupon_tit {font-size:14px;font-weight:700;color:#1b1e23;}
.coupon_area ul li .coupon_txt {font-size:30px;font-weight:700;color:#1b1e23;line-height:57px;}
.coupon_area ul li .coupon_txt2 {font-size:12px;color:#1b1e23;}
.coupon_area ul li a.btn_coupon_down {position:absolute;right:0;top:0;display:inline-block;width:92px;height:150px;text-indent:-9999px;font-size:0;background:url("../../images/API_M_KO/gnb/gnb_coupon_down.png") right top no-repeat;}
.coupon_area ul li.active::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0.6;}
.coupon_area ul li.active a.btn_coupon_down {display:none;}
.coupon_area ul li .gift_finished {position:absolute;right:30px;top:50%;margin-top:-45px;display:inline-block;width:90px;height:90px;background:url("../../images/API_M_KO/gnb/ico_coupon_finished.png") no-repeat;text-indent:-9999px;font-size:0;}
.attention_wrap_all {padding:20px;}
.btn_link {border-top:10px solid #eef0f2;}
.btn_link li:first-child a {margin-top:15px;}
.btn_link li a {display:block;font-size:18px;line-height:24px;color:#1b1e23;font-weight:700;padding:15px 20px;background:url("../../images/API_M_KO/common/ico_btn_link.png") 95% center no-repeat;}
.coupon_apply {position:relative;border:2px solid #1b1e23;padding-right:90px;height:48px;}
.coupon_apply input {border:none;width:100%;padding:22px 10px;}
.coupon_apply .btn_coupon_apply {width:80px;height:44px;text-align:center;display:inline-block;background-color:#1b1e23;position:absolute;right:0;top:0;color:#fff;font-size:13px;padding-top:14px;}
.attention_area {padding:30px 20px 60px;}
.attention_tit {font-size:14px;font-weight:700;color:#1b1e23;padding:10px 0;border-bottom:1px solid #1b1e23;margin-bottom:12px;}
.dot_list_new li {position:relative;padding-left:7px;line-height:18px;color:#1b1e23;word-break:break-all}
.dot_list_new li ~ li {margin-top:5px}
.dot_list_new li:before {content:'';position:absolute;top:7px;left:0;width:2px;height:2px;background-color:#1b1e23}
.dot_list_new .ty_dash::before {position: absolute;top: 0 !important; left: 0;content:'-' !important;width: 4px !important; height: 2px !important;border-radius:0 !important;background:none !important;}
.coupon_customer_info {padding:20px 0 20px 40px;border-bottom:10px solid #eef0f2;}
.coupon_customer_info .info_area {position:relative;padding:20px 100px 20px 0;border-bottom:1px solid #eef0f2;}
.info_area .tit_area {font-size:20px;color:#1b1e23;}
.info_area .tit_area span {font-size:20px;font-weight:700;color:#1b1e23;}
.info_area .txt_area {display:inline-block;font-size:14px;padding-right:20px;margin-top:10px;color:#788497;background:url("../../images/API_M_KO/common/ico_bt_arrow.png") right center no-repeat;background-size:16px 16px;}
.info_area .bull_area {position:absolute;right:40px;top:calc(50% - 50px);width:60px;height:60px;background-repeat:no-repeat;background-size:60px 60px;background-position: unset;}
.info_area .bull_area.lv_on_up001 {background-image:url("../../images/API_M_KO/mypage/lv_on_up001_big.png");}
.info_area .bull_area.lv_on_up002 {background-image:url("../../images/API_M_KO/mypage/lv_on_up002_big.png");}
.info_area .bull_area.lv_on_up003 {background-image:url("../../images/API_M_KO/mypage/lv_on_up003_big.png");}
.info_area .bull_area.lv_on_up004 {background-image:url("../../images/API_M_KO/mypage/lv_on_up004_big.png");}
.info_area .bull_area.lv_on_up005 {background-image:url("../../images/API_M_KO/mypage/lv_on_up005_big.png");}
.mycoupon_area {position:relative;padding:30px 40px 0px 0;}
.mycoupon_area dt {font-size:14px;font-weight: 700;color:#1b1e23;}
.mycoupon_area dd {position:absolute;right:40px;top:22px;font-size:26px;font-weight: 700;color:#1b1e23;}
.mycoupon_area dd em {font-size:14px;font-weight:400;padding-left:2px;}

/* layer_newtype */
.ui-dialog.ui-widget.ui-widget-content.layer_newtype {background:#fff;border-radius:20px}
.ui-dialog.layer_newtype .ui-dialog-titlebar {display:none;}
.layer_newtype .newlayer_close {position:absolute;bottom:0;width:100%;height:54px;line-height:54px;border-top:1px solid #eef0f2;color:#abb2be;font-size:15px;text-align:center;}
.layer_newtype .newlayer_close.type_black {background-color:#1b1e23;color:#fff;border-bottom-right-radius: 18px;border-bottom-left-radius: 18px;}
.layer_newtype .alert_type {padding-top:28px;padding-bottom:85px;max-height:470px;overflow-y:auto;}
.layer_newtype .alert_type.win {padding-top:40px;}
.layer_newtype .alert_type p {text-align:center;color:#1b1e23;}
.layer_newtype .alert_type .txt_ty1 {font-size:30px;font-weight:700;line-height:39px;}
.layer_newtype .alert_type .txt_ty1 + .txt_ty3 {margin-top:5px;}
.layer_newtype .alert_type .txt_ty3 {font-size:21px;}
.layer_newtype .alert_type .txt_ty2 {font-size:18px;font-weight:700;line-height:20px;}
.layer_newtype .alert_type .order_num {margin-top:20px;font-size:14px;color:#0288d1;}
.layer_newtype .alert_type .order_num2 {padding:5px 0 20px;font-size:14px;color:#0288d1;}

.layer_newtype .alert_type .text_ty2 {margin-top:10px;font-size:18px;font-weight:700;}
.layer_newtype .alert_type .img_banner {padding-top:28px;}
.layer_newtype .alert_type .ty2_1 {margin:20px 0 30px;}
.layer_newtype .event_ty {padding-top:50px;background:url("../../images/API_M_KO/gnb/img_pollen.png") center 0 no-repeat;}

.pop_cont_wrap {padding-top:20px;color:#1b1e23;}
.pop_cont_wrap .pop_cont_txt {font-size:13px;font-weight:700;}
.pop_cont_wrap .pop_cont_txt2 {font-size:14px;}
.pop_cont_wrap .pop_cont_txt> em {padding-left:4px;font-size:18px;display: inline-block;}
.pop_cont_wrap .pop_cont_txt + button {margin-top:8px;}
.pop_cont_wrap .pop_cont_txt2 + button {margin-top:12px;}
.pop_cont_wrap .dl_group {padding:12px;margin-top:20px !important;margin-bottom:0 !important;background-color:#f4f5f6;font-size: 12px;}
.pop_cont_wrap .dl_group dt {font-weight:700;color:#1b1e23 !important;}
.pop_cont_wrap .dl_group dt:after {display: none !important;}
.pop_cont_wrap .dl_group dd {margin-top:8px;}
#mainNavi {display:none;}

/*passport*/
.layer_newtype .alert_type .text_ty3 {margin-top: 8px; font-size: 14px;color:#5c6677;text-align: center; letter-spacing: -.06em;}
.layer_newtype .alert_type .text_ty3 > p {text-align:left;}
.btn_basic1.round {height: 44px;padding: 0 30px; min-width: 50px; font-size: 15px; line-height: 42px;border-radius: 30px;}
.btn_basic2.round {height: 44px;padding: 0 30px; min-width: 50px; font-size: 15px; line-height: 42px;border-radius: 30px;}
.form_box.ty_full {margin-top:24px;text-align:center;}
.form_box.ty_full input {width:100%;height:48px;padding:0 24px;font-size:14px;line-height: 48px;}
.form_box.ty_full input + button {margin-top:24px;}
.btn_full_ty2 {display: flex;}
.passport_wrap {padding:0  0 40px;}
.passport_wrap .category_acc.ty02 .depth01 a {padding-left:20px;padding-right:20px;font-size:14px;}
.passport_wrap .category_acc.ty02 .depth01 a:after {right:20px;}
.passport_wrap .category_acc.ty02 .depth01 {border:0;}
.passport_wrap .category_acc.ty02 .depth02_area {padding:0;background:none;border:0;}
.passport_wrap .category_acc.ty02 .depth02_area li {float:none;width:100%;display: block;}
.passport_guide .point_txt{font-size:16px;font-weight: bold;color:#1b1e23;}
.passport_guide .point_txt + .basic_txt{margin-top:8px;color:#1b1e23;}
.passport_guide, .fom_list {padding:2px 20px;}
.cash_wrap .fom_list {padding:2px 0;}
.passport_guide {padding-bottom:18px;}
.passport_img img {width:100%;}
.fom_list > ul:after {display:table;clear:both;content:"";}
.fom_list > ul > li {float:left;width:100%;padding-top:20px;}
.fom_list > ul > li:first-child {padding-top:10px;}
.fom_list > ul > li .none {padding-top:inherit;}
.fom_list .form_tit {margin-bottom:9px;color:#1b1e23;}
.fom_list .form_tit .form_tit_rht{float:right;}
.fom_list .form_tit.ico_compulsory:after {content:'*';color:#f4511e;display: inline-block;}
.fom_list .form_txt_comment {margin-top:8px;color:#abb2be;font-size:12px;}
.fom_list input, .fom_list select {height:48px;padding: 0 20px;font-size:14px;}
.fom_list + .btn_full_ty2 {padding-top:40px;}
.fom_list .form_box .ui-datepicker-trigger:after { right: 0;top:0;width:48px;height:48px;background: url(../../images/API_M_KO/common/ic_calendar.png) center center no-repeat;background-size: 24px 24px;}
.fom_list .form_box .ui-datepicker-trigger {top:0;right:0;width:100%; height:48px;margin-top:0;}
.fom_list .datepicker_box {height:48px;display:block;}
.fom_list .form_box .cols.with_txt span {width:20px;}
.fom_list .form_box .radio {margin-top:15px;}
.fom_list .hr01.m10 {margin:0 0 10px !important;}
.wid50p {width:50% !important;}
.wid55 {width:55px !important;}
.wid50.wid_first {padding-right:20px;}
.form_box .tel_item .sel + .tel_group {margin-top:8px;}
.form_box .tel_item .tel_group, .form_box .tel_item .email_group {width:100%;display:table; table-layout: fixed;}
.form_box .tel_item .tel_group .cols {position:relative;width: calc(25% + 20px);padding-left: 20px; }
.form_box .tel_item .tel_group .cols:first-child {width: calc(25% - 20px);padding-left: 0; }
.form_box .tel_item .tel_group .cols:after {position:absolute;bottom:0;right:-20px;width:20px;height:54px;line-height:54px;content:'-';text-align: center;}
.form_box .tel_item .tel_group .cols.cols_btn {padding-left: 8px; }
.form_box .tel_item .tel_group .cols.cols_btn:after {display: none;}
.form_box .tel_item .tel_group input[type="tel"] {width:100%;padding:0 5px;text-align:center;}
.form_box .tel_item .tel_group button {width: 100%;padding: 0 4px;border-radius: 0;height:48px;}
.form_box .email_group .cols:first-child {position:relative;width: calc(50% + 20px);padding-right:20px;}
.form_box .email_group .cols:first-child:after {position:absolute;bottom:0;right:0;width:20px;height:54px;line-height:54px;content:'@';text-align: center;}
.form_box .email_group .cols {width: calc(50% - 20px);}
.radio.ty02 input[type='radio']:checked + label:before {border-color:#1b1e23;background-color: #1b1e23;}
input:disabled {background-color:#f9fafb;}

/* cate */
.cate_wrap {}
.cate_top_area {padding:20px 20px;position:relative;}
/* .country_info {overflow:hidden;} */
.country_info:after {content:'';display:block;clear:both}
.country_info > li {float:left;}
.country_info > li +li {margin-left:15px;}
/* .country_info > li .ico_country {margin-right:20px;display:inline-block;width:18px;height:18px;text-indent:-9999px; background:url('../../images/API_M_KO/common/ic_korea.png') no-repeat; background-size:18px 18px;} 2022-09-14 수정 : GNB 언어변경 버튼 수정 및 영문추가 */
.country_info > li .ico_currency {display:inline-block;height:20px;line-height:20px;font-size:12px;font-weight:700;padding-left:23px;}
.country_info > li .ico_currency.currency_krw {background:url("../../images/API_M_KO/common/ico_currency_korea.png") left -1px no-repeat;background-size:20px 20px;}
.country_info > li .ico_currency.currency_cny {background:url("../../images/API_M_KO/common/ico_currency_cny.png") left -1px  no-repeat;background-size:20px 20px;}
.country_info > li .ico_currency .bull_down {display:inline-block;margin-left:3px;width:10px;height:17px;background:url("../../images/API_M_KO/common/ic_sort_filter_dropdown2.png") right center no-repeat;background-size:10px 7px;text-indent:-9999px;}
.cate_top_right {overflow:hidden;position:absolute;top:15px;right:20px;}
.cate_top_right li {float:left;margin-left:18px;}
.cate_top_right li a {display:inline-block;width:20px;height:20px;}
.cate_top_right li a.bull01 {background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-size:750px 750px;background-position:-109px -94px;text-indent:-9999px;}
.cate_top_right li a.bull02 {background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-size:750px 750px;background-position:-135px -94px;text-indent:-9999px;}
.cate_top_right li a.bull03 {background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-size:750px 750px;background-position:-157px -94px;text-indent:-9999px;}
.cate_top_right li a.bull04 {background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-size:750px 750px;background-position:-183px -94px;text-indent:-9999px;}
.today_exchange_rate {text-align:center;margin-top:13px;}
.today_exchange_rate span {display:inline-block;font-size:12px;color:#fff;padding:7px 30px;border-radius:20px;background-color:#abb2be;}
.today_exchange_rate span em {margin-left:10px;}
.cate_nav {padding:20px 40px 30px;border-bottom:1px solid #eef0f2;}
.cate_nav ul {max-width: 450px;margin: 0 auto;display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;overflow:hidden;}
.cate_nav ul li {}
.cate_nav ul li a {position:relative;display:block;text-align:center;font-size:14px;color:#1b1e23;padding-top:42px;}
/* S: 2022-05-06 아이콘 정렬 관련 수정*/
.cate_nav ul li a:before {content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); display:block; width:40px; height:34px;}
.cate_nav ul li a.nav01:before {background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-size:750px 750px;background-position:8px -130px;}
.cate_nav ul li a.nav02:before {background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-size:750px 750px;background-position:-49px -130px;}
.cate_nav ul li a.nav02 .count_area {position:absolute;top:0;left:50%;padding:3px 8px;border-radius:20px;text-align: center;background-color:#ff0000;color:#fff;font-size:11px;}
.cate_nav ul li a.nav03:before {background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-size:750px 750px;background-position:-116px -130px;}
.cate_nav ul li a.nav04:before {background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-size:750px 750px;background-position:-177px -130px;}
/* E: 2022-05-06 아이콘 정렬 관련 수정*/

.cate_search {}
.cate_search {position:relative;margin:40px 0 20px 20px;padding:0 60px 0 0;border-bottom:2px solid #333;}
.cate_search input {width:100%;border:none;padding:10px 0;height:44px;font-weight:700;font-size:24px;}
.cate_search_btn {position:absolute;right:20px;top:8px;width:24px;height:24px;background:url('../../images/API_M_KO/intro/intro_search_btn.png') left top no-repeat;background-size:24px 24px;}
.cate_search input::-webkit-input-placeholder {font-size:24px;color:#e6e6e6;}
.btn_cate_search {width:calc( 100% - 20px );height:59px;margin:40px 0 30px 20px;padding:0 ;border-bottom:3px solid #333;background:url('../../images/API_M_KO/intro/intro_search_btn.png') right 20px top 5px no-repeat;background-size:24px 24px;color:#dde0e5;font-size:24px;font-weight:700;display:block;}
.btn_cate_search:hover, .btn_cate_search:active {color:#dde0e5;}
.box_cont {height:auto !important;padding:0 20px;color:#1b1e23;font-size:14px;}
.box_cont p {padding-bottom:15px;}

/* banner */
.banner_area img {width:100%;height:auto;}
.banner_area.coupon_banner01 {margin-top:50px;margin-bottom:20px;}

/***** 장바구니 *****/
.overflow_ini {overflow:initial !important;}
.tab_title {padding:35px 10px 5px;position:static;z-index:100;}
.tab_title ul {position:relative}
.tab_title li {display:inline-block;position:relative;}
.tab_title a {display:block;height:54px;line-height:54px;padding:0 10px;font-size:24px;font-weight:700;letter-spacing:-1.2px;color:#dde0e5;position:relative}
.tab_title a.active {color:#1b1e23}
.tab_title a.active:after { content: ''; position: absolute; top:10px; right: 3px;z-index: 1; width: 6px;height: 6px; background-color: #ea2829; border-radius: 50%;}
.tab_title .tip_bubble {display:block;min-width:166px;padding:0 20px;line-height:30px;background:#ea2829;border-radius:20px;position:absolute;top:45px;font-size:11px;color:#fff;z-index:100;}
.tab_title .tip_bubble:after {content:"";display:block;width:6px;height:6px;background:#ea2829;position:absolute;top:-3px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform:rotate(45deg);}
.tab_title .bubble1 {left:20px;}
.tab_title .bubble1:after {left:25px;}
.tab_title .bubble2 {right:20px;}
.tab_title .bubble2:after {right:25px;}

.fullscreen_second .box.cart_area {height: calc(100% - 94px);}

.cart_area {height:100%;position:relative}
.cart_area .typeline {height:8px;margin:0;border:0;background:#eef0f2;}
.cart_area .typeline + .cart_total {padding-top:40px;}
.cart_area .cart_list .typeline {margin:0 -20px;}
.cart_area .item_area + .typeline {margin-top:-1px;}
.cart_area .no_item {width:100%;text-align:center;padding:60px 0 20px;}
.cart_area .no_item img {width:auto}
.cart_area .no_item p {margin-top:20px;font-size:16px;font-weight:700;letter-spacing:-0.8px;color:#1b1e23}
.sub_txt2 {font-size:13px;text-align:center;}
.cart_area .sale_popup {display:block; width:56px; height:56px; border-radius:60px; text-indent:-9999px; background:url('../../images/API_M_KO/product/icon_app_sale.gif') center center no-repeat #fff; background-size:60px 60px; box-shadow:6px 8px 12px 0 rgba(0,0,0,.1); position:inherit; top:inherit; bottom:170px;right: 20px;z-index:11;
    margin-bottom: calc(constant(safe-area-inset-top));
    margin-bottom: calc(env(safe-area-inset-top));
}
.fullscreen_basic.active .sale_popup {position:fixed;bottom:160px;right:20px;}
.cart_area .nonmember + .no_item,
.cart_area .prd_list_top + .no_item {padding-top:80px;}
.fullscreen_basic .box.cart_area {}
.fullscreen_basic .box.my_area {height: calc(100% - 40px);padding-bottom:20px;}

.cartdel_wrap {padding:0 0 10px 20px;border-bottom:8px solid #eef0f2;}
.cartdel_wrap:after {content:'';display:block;clear:both}
.cartdel_wrap .checkbox {float:left;height:44px;line-height: 44px;}
.cartdel_wrap .checkbox + .cartdel_btn {padding-left:0;}
.cartdel_btn {float:left;height:44px;line-height:44px;padding:0 20px 0;}
.cartdel_btn a {display:inline-block;padding:0 10px;background:url("../../images/API_M_KO/common/ico_condition_device.png") center left no-repeat;color:#1b1e23;}
.cartdel_btn a:first-child {padding-left:0;background:none;}

#cart_list {position:relative;height:100% !important;min-height:100% !important;}
.cart_list {padding:0 20px 20px;}
.cart_list .item_area {padding:28px 0;border-bottom:1px solid #dde0e5;}
.cart_list .item_area:last-child {border:0;}
.cart_list > .item_area:last-child {padding-bottom:8px;}
.cart_list .tit_wrap {padding-bottom:16px;padding-top:0;}
.cart_list .tit_wrap .h4_type {display:inline-block;padding-top:0;}
.cart_list .tit_wrap .discount {padding-left:6px;font-family: serif;color:#ea2829;font-size:14px;}
.cart_list .tit_wrap .discount em {font-weight:700;font-size:20px;font-family: serif;}
.cart_list .tit_wrap .setnum {display:inline-block;padding-left:8px;color:#5c6677;}
.cart_list .tit_wrap .setnum em {font-weight:700;color:#1b1e23}
.cart_list .item_chk {position:relative;min-height:23px;margin-bottom:16px;}
.cart_list .item_chk .btn_area {position:absolute;top:0; right:0;}
.cart_list .item_chk .btn_area button {margin-left:13px;overflow:hidden;font-size:0;}
.cart_list .item_cont {/* overflow:hidden; */position:relative;}
.cart_list .item_cont .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox;}
.cart_list .item_cont .cont_swiper .visual_item .item_img::before {content: ""; position: absolute; top: 0; left: 0; background: rgba(12,54,122,.04); display: block;z-index: 10;width: 100%;height: 100%;}
.cart_list .item_cont .visual_item {position:relative;background:#fff;max-width:31%;}
.cart_list .item_cont .visual_item .item_img {position:relative;margin-bottom:10px;}
.cart_list .item_cont .visual_item .item_img.adult {background: url(../../images/API_M_KO/product/icon_adult.png) center center no-repeat;background-size: 72px 72px;}
.cart_list .item_cont .visual_item .item_img.adult img {opacity:0;}
.cart_list .item_cont .visual_item .item_img img {width:100%;height:auto;}
.cart_list .item_cont .visual_item .item_img .btn_play_show {display:inline-block;position: absolute;top:10px;right:10px;background:url("../../images/API_M_KO/common/bull_img_play.png") no-repeat;background-size:24px 24px;display: block;z-index: 9;width: 24px;height: 24px;z-index:11;font-size:0;text-indent:-9999px;}
.cart_list .item_cont.type_de .item_img .btn_play_show {display:inline-block;position: absolute;top:10px;right:10px;background:url("../../images/API_M_KO/common/bull_img_play.png") no-repeat;background-size:24px 24px;display: block;z-index: 9;width: 24px;height: 24px;z-index:11;font-size:0;text-indent:-9999px;}
.cart_list .item_cont .main_item .item_img {border:2px solid #000;}
.cart_list .item_cont .main_item .item_img:after {content:"필수";display:block;height:20px;line-height:20px;padding:0 8px;background:#000;font-size:11px;color:#fff;position:absolute;top:0;right:0;}
.cart_list .item_btm del {line-height:20px;font-size:14px;color:#abb2be}
.cart_list .item_btm .product_minimum {font-size:14px;}
.cart_list .item_btm .product_minimum span {font-size:14px;font-weight:700;}
.cart_list .item_btm .pay {margin-bottom:15px}
.cart_list .item_btm .pay strong {font-size:18px;color:#ea2829}
.cart_list .item_btm .pay span {padding-left:5px;color:#1b1e23}
.cart_list .item_btm .item_sel {position:relative;margin-bottom:15px;margin-top:-5px}
.cart_list .item_btm .item_sel .select {display:inline-block;width:100%;padding:0 60px 5px 0;line-height:30px;background:url("../../images/API_M_KO/common/ico_btn_select.png") no-repeat right 50%;background-size:12px 8px;border:2px solid #000;border-width:0 0 2px 0;font-size:14px;font-weight:700;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;display:-webkit-box;-webkit-box-orient:vertical;word-wrap:break-word;}
.cart_list .item_btm .item_sel .sel_soldout {font-weight:700;color:#abb2be;position:absolute;top:calc(50% - 12px);right:150px;}
.cart_list .item_btm .txt01 {padding-bottom:15px;color:#5c6677;}
.cart_list .item_btm .txt01 strong {color:#1b1e23}
.cart_list .item_btm .txt_set_info {position:relative;margin-top:15px;margin-bottom:15px;color:#abb2be;font-size:12px;padding-left:6px;}
.cart_list .item_btm .txt01 + .txt_set_info {margin-top:-10px;margin-bottom:15px;color:#abb2be;font-size:12px;}
.cart_list .item_btm .txt_set_info:after {position:absolute;left:0;top:7px;content:"";display:block;width:2px;height:2px;background-color:#abb2be;}
.cart_list .item_btm .num_amount {float:left;}
.cart_list .item_btm .item_buy:after {content:"";display:block;clear:both}
.cart_list .item_btm .item_buy button {float:right; height: 40px;min-width: 84px; line-height: 40px;font-size: 12px;font-weight: 700;}
.cart_list .item_btm button.btn_change {float:left;min-width: 70px;}
.cart_list .item_btm > *:last-child{margin-bottom:0;}

.cart_list .item_btm .set_txt01 {color:#5c6677;}
.cart_list .item_btm .set_txt01 strong {color:#1b1e23}
.cart_list .item_btm .set_txt02 {padding-top:5px;color:#5c6677;}
.cart_list .item_btm .set_txt02 strong {color:#1b1e23}

.cart_list .item_info {margin-bottom:15px;color:#5c6677;}
.cart_list .item_info strong {display:block;color:#1b1e23;line-height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:50px;}
.cart_list .item_info strong > em {color:#ea2829;padding-right:5px;font-weight:normal;}
.cart_list .item_info span {margin-top:4px;display:block;min-height:40px;color:#abb2be;line-height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.cart_list .item_info .txt_mount {font-size:13px;color:#1b1e23;font-weight:700;margin-top:5px;}
.cart_list .item_cont.type_de .item_info, .cart_list .item_cont.type_de .item_sel {padding-right:120px;}
.cart_list .item_cont.type_de .item_img {width:84px;height:84px;position:absolute;top:0;right:0;overflow: hidden;}
.cart_list .item_cont.type_de .item_img.adult {background: url(../../images/API_M_KO/product/icon_adult.png) center center no-repeat;background-size: 72px 72px;}
.cart_list .item_cont.type_de .item_img.adult img {opacity:0;}
.cart_list .item_cont.type_de .item_img::before {content: "";position: absolute;top: 0;left: 0;background: rgba(12,54,122,.04);display: block;z-index: 10;width: 100%;height: 100%;}
.cart_list .cont_swiper .item_info strong {display:block;max-height:15px;color:#1b1e23;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;line-height:19px;}

.cart_list .soldout .item_info, .soldout .pay {opacity:.4;}
/*.cart_list .soldout .item_img:before {content:"";display:block;width:100%;height:100%;position:absolute;top:0;background:#f7f7f7;opacity:0.8;}*/
.cart_list .item_cont .cont_swiper .soldout .item_img:before {content:"SOLD OUT";display:block;width:100%;position:absolute;top:calc(50% - 10px);background-color:transparent;text-align:center;font-size:14px;font-weight:700;color:#1b1e23;}
.cart_list .item_cont .cont_swiper .soldout .item_img.adult:before {display:none;}
.cart_list .item_cont .cont_swiper .soldout .item_img img {opacity: .1;}
.cart_list .item_area.soldout .item_img:before {content:"SOLD OUT";display:block;width:100%;position:absolute;top:calc(50% - 10px);background-color:transparent;text-align:center;font-size:14px;font-weight:700;color:#1b1e23;}
.cart_list .item_area.soldout .item_img.adult:before {display:none;}
.cart_list .item_area.soldout .item_img img {opacity: .1;}
.cart_list .item_area.soldout .item_sel {opacity: .5;}
.cart_list .item_area.soldout .item_btm.soldout .txt01 {color:#1b1e23;}

.cart_list .brand_set {padding-top:28px;}
.cart_list .brand_set + .brand_set {margin-top:-16px;}
.cart_list .brand_set .brand_tit {margin-left:-20px;padding:16px 20px;background:#f5f6f8;}
.cart_list .brand_set .brand_tit .item_chk {margin-bottom:0;font-weight:700;}
.cart_list .brand_set .brand_tit .item_chk label {font-size:16px;}
.cart_list .brand_set .brand_tit .btn_area .btn_alldel {width:auto;font-size:14px;font-weight:700;color:#5c6677}

.cart_total {padding:10px 20px 0;}
.cart_total th, .cart_total td {padding:6px 0;color:#1b1e23;font-size:14px}
.cart_total th {text-align:left}
.cart_total td {text-align:right;letter-spacing:0}
.cart_total td strong {font-size:16px}
.cart_total td strong em {font-size:14px;font-weight:normal}
.cart_total td strong,
.cart_total td span {display:inline-block}
.cart_total .txt_pointtype th,
.txt_pointtype td {width:auto;padding-bottom:15px;color:#ea2829}
.cart_total tfoot th {font-weight:700}
.cart_total tfoot th,
.cart_total tfoot td {padding:20px 0;border-top:1px solid#dde0e5}
.cart_total tfoot td strong,
.cart_total tfoot td span {display:inline-block}
.cart_total tfoot td strong {font-size:18px}
.cart_total tfoot td span {font-size:16px}

.cart_bottom {margin-top:0;background:#fff;box-shadow:5px -1px 10px 5px rgba(0, 0, 0, .05);bottom:0;left:0;right:0;z-index:101;min-height:110px;
    padding-bottom: calc(constant(safe-area-inset-top));
    padding-bottom: calc(env(safe-area-inset-top));
}
.active .cart_bottom {position:fixed;}
#order_bottom {bottom:0;}
.cart_bottom .btm_cont {padding:15px 20px}
.cart_bottom .btm_cont .chk {margin-bottom:5px}
.cart_bottom .btm_cont .pay {font-size:14px;letter-spacing:0;color:#1b1e23}
.cart_bottom .btm_cont .pay:after {content:"";display:block;clear:both}
.cart_bottom .btm_cont .pay strong,
.cart_bottom .btm_cont .pay span {display:inline-block}
.cart_bottom .btm_cont .pay strong {position:relative;top:1px;font-size:18px;color:#ea2829}
.cart_bottom .btm_cont .pay p:first-child,
.cart_bottom .btm_cont .pay p.ty_fc {float:left;max-width:27%}
.cart_bottom .btm_cont .pay p:last-child {float:right;max-width:73%;text-align:right}
.cart_bottom .btm_cont .pay p:last-child  span {padding-left:5px}
.cart_bottom .btm_cont .square_tooltip {display:inline-block;margin-left:5px}

/* cart 수량변경 */
.item_modify {padding:0 20px;}
.modify_table {padding:0 0 20px 0;}
.modify_table th,
.modify_table td {min-height:64px;padding:13px 0;text-align:left;border-top:1px solid #dde0e5;color:#1b1e23}
.modify_table tr:first-child th,
.modify_table tr:first-child td {padding-top:5px;border-top:0}
.modify_table td.td_right {text-align:right}
.modify_table .has_condition td {vertical-align:bottom;}
.modify_table td .radio.new {display:block;}
.modify_table td .radio.new label {float:left;max-width:80%;}
.modify_table td .radio.new em {display:block;float:left;margin-left:10px;padding-left:10px;border-left:1px solid #abb2be;position:relative;top:2px;color:#abb2be}
.modify_table .txt_ov_area {position:relative;width:100%;}
.modify_table .txt_ov_area > .txt_ov_tit {width:85%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.modify_table .txt_ov_area > .txt_ov_ty {position:absolute;right:0;top:0;padding-left:8px;border-left:1px solid #abb2be;font-size:14px;}
.modify_table table {border-bottom: 1px solid #dde0e5;}
.modify_table .num_amount .count {width:54px;}
.txt_disabled th .txt_ov_area, .txt_disabled td .num_amount  {opacity: .3;}
.modify_total {display:table;width:100%;padding:0 0 17px;}
.modify_total > p {display:table-cell;font-size: 14px;letter-spacing: 0;color: #000;}
.modify_total > p > strong{position: relative;top: 1px; font-family: serif; font-size: 18px;color: #ea2829;display:inline-block;}
.modify_total > p > .s_txt {padding-left:3px;color:#5c6677;font-size:13px;display:inline-block;}
.modify_total > p > .s_t_line {padding-right:3px;color:#1b1e23;font-size: 14px;display:inline-block;text-decoration: line-through;display:inline-block;}
.modify_total > p:last-child { max-width: 75%; text-align: right;}
.modify_total > p > .s_t_won {display:block;margin-top:3px;font-size: 13px;}
/* maxdiscount 최대할인 엿보기 */
.iframe_box .popupcont_wrap {padding-left:0;padding-right:0;}
.popupcont_wrap {/*padding-top:60px;*/padding-left:20px;padding-right:20px; padding-bottom:10px;
    padding-bottom: calc(constant(safe-area-inset-bottom) + 10px);
    padding-bottom: calc(env(safe-area-inset-bottom) + 10px);
}
.popupcont_wrap .attention_area {padding:0;}
.iframe_title + .layer_popup .popupcont_wrap {padding-top:60px;}/*2024-02-06 풀팝업 여백 수정*/

/* condition */
.item_condition {margin-bottom:8px}
.item_condition span {display:inline-block;padding:0 8px;line-height:19px;font-size:11px;margin:0 3px 3px 0;}/*2022-05-23 마진수정*/
.item_condition .condition01 {border:1px solid #abb2be;color:#5c6677}
.item_condition .condition02 {border:1px solid #000;background:#000;color:#fff}
.item_condition .condition03 {position:relative; color:#eb2838 !important; border-color:#eb2838 !important; background: -webkit-linear-gradient(-45deg, #EA2869 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; border:1px solid !important; border-image:-webkit-linear-gradient(140deg, #EA2869 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%) 1 !important; border-image:linear-gradient(140deg, #EA2869 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%) 1 !important;}/*2022-05-23 추가 그라디언트 테두리, 글자*/
.item_condition .condition04 {border:1px solid #72767c;background:#72767c;color:#fff}/*2022-05-23 추가 회색배경*/

/* 비회원 박스 */
.nonmember {padding:60px 0 20px;line-height:24px;font-size:16px;font-weight:700;letter-spacing:-0.8px;text-align:center;color:#1b1e23;}
.nonmember.login_img:before {content:"";display:block;width:64px;height:64px;margin:0 auto 40px;background:url("../../images/API_M_KO/common/ic_login.png") center center no-repeat;background-size:64px 64px;}
.nonmember .mb_tit {font-size:20px;}
.nonmember .mb_txt {margin-top:8px;color:#788497;font-size:14px;font-weight:normal;}
.nonmember + .prd_list_top {border-top:0;}
/* 여권정보 */

.tit_group {margin-top:20px}
.tit_group h3 {display:inline-block;margin-bottom:10px;font-size:18px;font-weight:700;color:#1b1e23;vertical-align:middle}
.tit_group .right_area {float:right}
.tit_group .right_area a {display:inline-block;padding:5px 8px;border:1px solid #ABB2BE;font-size:12px;color:#1b1e23;vertical-align:middle}
ul + .tit_group {margin-top:38px}

.box.item_modify {padding:0 20px 20px}

.radio_list {}
.radio_list li {margin-bottom:24px}
.radio_list label {font-weight:normal}
.radio_list span,
.radio_list strong {display:block}
.radio.new input[type='radio']:checked + label.normal {font-weight:normal}
.radio.new label.normal span {color:#5c6677}
.radio.new label.textover {display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.fom_list .sel:after {right:20px}

.hr01 {height:1px;margin:28px 0;background:#dde0e5;border:0}
.hr01.m10 {margin:10px 0;}
.hr08 {height:8px;margin:0;background:#dde0e5;border:0}

.textsection_area {padding:10px 0 20px;font-size:13px;color:#5c6677}
.textsection_area > ul > li {margin-bottom:28px;line-height:20px;}
.textsection_area li h4 {margin-bottom:8px;font-size:14px;font-weight:700;color:#1b1e23}
.textsection_area li h5 {margin-bottom:8px;font-size:12px;font-weight:700;color:#1b1e23}
.textsection_area li .dot_list li {margin-bottom:8px;color:#5c6677}
.textsection_area li:last-child {margin-bottom:20px;}

.form_box.input_rightbtn {padding-right:100px;position:relative;}
.form_box.input_rightbtn .right_input {width:92px;position:absolute;top:0;right:0;}
.form_box.input_rightbtn .right_input:disabled {background:#f9fafb !important;color:#788497;}
.form_box.input_rightbtn button {width:92px;position:absolute;top:0;right:0;}
.fom_list select:required:invalid {color:#ccd1d8;}
.fom_list select option {color:black;}
.fom_list input[type='text']::placeholder {color:#ccd1d8;}
.fom_list .input_error {border-color:#f4511e;}
.fom_list .psmsg {margin-top:8px;font-size:12px;color:#abb2be;}
.fom_list .errormsg {margin-top:8px;font-size:12px;color:#f4511e;}
.form_box .errormsg {margin-top:8px;font-size:12px;color:#f4511e !important;text-align: left !important;font-weight:normal !important;}
.form_box .input_error {border-color:#f4511e;}

.departure_box {padding:8px 20px 77px;overflow: auto;}
.departure_box .btn_group {position:absolute;left:0;bottom:0;}
.departure_box .departure_list,
.popupcont_wrap .departure_list {margin:0;}
.departure_list li {margin-bottom:17px;}
.departure_list li:last-child {margin-bottom:0;}
.departure_list li img {width:20px;height:20px;}
.departure_list li label {width:100%;padding:0;text-align:center;border:1px solid #dde0e5;border-radius:6px;overflow:hidden}
.departure_list li label:before {top:18px;left:16px}
.departure_list li label:after {top:24px;left:22px}
.departure_list li .air_dename {margin-top:20px;font-size:16px;font-weight:700;color:#1b1e23;}
.departure_list li .air_dename:after {content:"";display:block;width:140px;height:4px;left:50%;margin-left:-70px;background:#dde0e5;position:absolute;top:0;}
.departure_list li .air_date {margin:4px 0 5px;line-height:1;font-family:"Roboto";font-size:12px;font-weight:normal;}
.departure_list li .air_entname {margin-bottom:12px;font-family:"Roboto";font-size:16px;font-weight:700;color:#1b1e23;}
.departure_list li .air_tag {padding:12px;background:#eceef2;}
.departure_list li .air_tag span {display:inline-block;padding:5px 12px;border-radius:20px;background:#aeb2b9;font-size:11px;font-weight:normal;color:#fff}
.departure_list dl {margin-bottom:17px;}
.departure_list dl dt,
.departure_list dl dd {display:inline-block;}
.departure_list dl dt {margin-right:5px;color:#5c6677;font-size:15px;font-weight: normal;}
.departure_list dl dd {font-size:18px}
.departure_list dl dd:first-of-type {width:90px;}
.departure_list li input[type='radio']:checked + label  {border-color:#1b1e23;box-shadow:  4px 6px 6px rgba(0,0,0,8%);}
.departure_list li input[type='radio']:checked + label .air_dename:after {background:#000}

.departure_list.list_ty1 li label {padding-left:56px;text-align:left;}
.departure_list.list_ty1 li .air_dename {margin-top:16px;}
.tab_list.txt_tab {}
.tab_list.txt_tab {width:100%;margin:0;display:block;}
.tab_list.txt_tab li{display:inline-block;float:none;width:auto;height:48px;background:none;text-align:center;line-height:46px;margin:0 17px 0 0;}
.tab_list.txt_tab li > span {display:block;font-size:18px;font-weight:700;text-decoration:none;color:#1b1e23}
.tab_list.txt_tab li.is_active {background:none;border-bottom:3px solid #000;}
.tab_list.txt_tab li.is_active span {color:#1b1e23;}

.air_choice li {margin-bottom:8px;position:relative;overflow:hidden;}
.air_choice input[type='radio'] {width:0;height:0;position:absolute;top:-100px;left:-100px;}
.air_choice label {display:block;padding:14px 20px;border:1px solid #eef0f2;border-radius:8px;color:#1b1e23;font-weight:700;}
.air_choice label span {color:#5c6677;font-weight:normal;}
.air_choice label strong {color:#0288d1;}
.air_choice .pin {display:block;width:18px;height:18px;background:url("../../images/API_M_KO/common/ic_pin_off.png") no-repeat 0 0;background-size: cover;position:absolute;top:50%;right:20px;margin-top:-9px}
.air_choice .pin.on {background:url("../../images/API_M_KO/common/ic_pin_on.png") no-repeat 0 0;background-size: cover;}
.air_choice input:checked + label {background:#858fa0;color:#fff;}
.air_choice input:checked + label strong {color:#fff;}
.air_choice input:checked + label span {color:#fff}
.air_choice input:checked + label + .pin {opacity:0.3}
.air_choice input:checked + label + .pin.on {background:url("../../images/API_M_KO/common/ic_pin_on2.png") no-repeat 0 0;opacity:1;}
.air_choice + .tab_list {margin-top:28px;}
.src_box {height:48px;margin-bottom:20px;padding-right:81px;position:relative}
.src_box input {width:100%;height:48px;padding-left:20px;}
.src_box input:focus {border-color: #1b1e23;}
.src_box .btn_src {position:absolute;top:0;right:0;}

.nosearch {padding-top:40px;}
.nosearch p {padding-top:40px;background:url("../../images/API_M_KO/common/ic_nosearch.png") no-repeat center 0;background-size:34px 34px;text-align:center;font-size:16px;font-weight:700;color:#ea2829;}

.num_amount.cart_amount input {display:inline-block;float:none;}
.num_amount.cart_amount input[type="button"] {width:40px;height:40px;overflow:hidden;text-indent:-10000px;}
.num_amount.cart_amount input[type="button"]:first-of-type {background:url("../../images/API_M_KO/common/ic_wminus.png") no-repeat 0 0;background-size: cover;}
.num_amount.cart_amount input[type="button"]:last-of-type {background:url("../../images/API_M_KO/common/ic_wplus.png") no-repeat 0 0;background-size: cover;}
.num_amount.cart_amount input[type="number"] {width:50px;padding-left:0;padding-right:0;height:38px;color:#1b1e23;line-height:38px;border:0;text-align:center; font-weight: 700;vertical-align: bottom;}
.num_amount.cart_amount input:disabled {background-color:#fff !important;opacity: 0.5 !important;}
.num_amount.cart_amount input[type="button"]:disabled {opacity: 0.3 !important;}

/*********** product_detail 상품상세 ***********/
/* .container.product_detail {padding:60px 0 0 0; background:#f5f7fa; height:100%; overflow:hidden} */
body.pd_fix {position:fixed; width:100%; height:100%}
.container.product_detail {padding:0; background:#f5f7fa; height:100%; -webkit-overflow-scrolling:touch}
.container.product_detail h4 {color:#1a1a1a; font-size:16px; font-weight:700; line-height:24px; padding-top:40px}
.container.product_detail h4 .txt_count {color:#abb2be; font-size:18px; font-weight:700;padding-left:5px;}
.container.product_detail h4.active {color:#f00}
.container.product_detail .title::after {content:""; display:block; clear:both}
.container.product_detail .title h4 {float:left;}
.container.product_detail .title .link_quick {float:right;padding-right:10px;margin:40px 20px 0 0;background:url("../../images/API_M_KO/common/ico_arrow2.png") no-repeat right 6px;background-size: 7px 10px;color:#5c6677;font-weight: 700;line-height: 24px;}
.container.product_detail .foot_wrap .foot_bg {padding-bottom:140px;}

.product_detail .fixed_area {width:100%; height:100%; position:fixed; overflow:hidden;}
.drag_area.scrollup {transition:top .3s; top:20px}

.product_visual {position:fixed; height:300px; overflow:hidden; top:60px; width:100%}
.product_visual .tag,
.luxury_tag {position:absolute; z-index:10; top:20px; left:20px}
.product_visual .tag li,
.luxury_tag li {display:block; height:23px; margin-top:4px}
.product_visual .tag li:first-child,
.luxury_tag li:first-child {margin-top:0}
.product_visual .tag li span,
.luxury_tag li span {background:#fff; padding:0 6px; line-height:21px; border:solid 1px #eef0f2; font-size:11px; color:#5c6677; display:inline-block}
.product_visual .tag li span.cd_sale,
.luxury_tag li span.cd_sale {background: linear-gradient(135deg, #ea2829, #982fcb);color:#fff;}
/* S:2022-03-25 그라데이션: 보더, 텍스트 태그 추가*/
.product_visual .tag li span.cd_color,
.luxury_tag li span.cd_color {position:relative; color:#eb2838; border-color:#eb2838; background: -webkit-linear-gradient(140deg, #ab29e5 0%, #ea2833 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border:1px solid; border-image:-webkit-linear-gradient(140deg, #EA2830 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%) 1; border-image:linear-gradient(140deg, #EA2869 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%) 1;}
.product_visual .tag li span.cd_color:after,
.luxury_tag li span.cd_color:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; z-index:-1;}
/* E: 2022-03-25 그라데이션: 보더, 텍스트 태그 추가*/

.product_visual .swiper-container {width:100%;height:100%}
.product_visual .swiper-wrapper {}
.product_visual .swiper-slide {display:block; position:relative; padding:0 50px; width:100%; height:300px; background:#fff; text-align:center}
.product_visual .swiper-slide.bg_black {background-color:#000;}

.product_visual .swiper-slide a {display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(12,54,122,.04); text-indent:-9999px}
/* .product_visual .swiper-slide::after {content:""; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(12,54,122,.04)} */
.product_visual .swiper-slide.video::after {display:none}
.product_visual .swiper-slide img {width:100%; max-width:300px; padding:20px}
.product_visual .swiper-slide video {height: 100vh;width: 100%;max-height:300px;object-fit: cover;position: absolute;}
.product-pagination {position:absolute; width:6px; right:20px; top:50%; transform:translate3d(0,-50%,0); z-index:999;}
.product-pagination .swiper-pagination-bullet {opacity:1;display:block; width:6px; height:6px; border-radius:10px; border:solid 1px #999; margin-top:6px; background:#fff}
.product-pagination .swiper-pagination-bullet:first-child {margin-top:0}
.product-pagination .swiper-pagination-bullet-active {background:#999; border:0}

/* .drag_area {position:fixed; z-index:99; top:360px; width:100%} */
.drag_area {width:100%; margin-top:360px; position:relative; z-index:200; overflow:hidden; height:100%;border-radius:40px 0 0 0;box-shadow:  0 -6px 20px rgba(0,0,0,5%);}
.drag_area.pd_sticky .scroll_area::before {display:none;}
.drag_area.pd_sticky {z-index:200; position:absolute;margin-top:26px;transition:all .3s}
.drag_area .handler {z-index:200;width:100%; height:40px; background:#fff; border-radius:40px 0 0 0; position:fixed; top:360px; transition:top .3s;}
.drag_area .handler::before {content:""; display: block;width: 32px;height: 11px;position: absolute;top: 11px;left: 50%;margin-left: -16px;background:url("../../images/API_M_KO/common/icon_open.png") no-repeat;background-size:32px 11px;}
.drag_area.pd_sticky .handler::before  {background:url("../../images/API_M_KO/common/icon_close.png") no-repeat;background-size:32px 11px;}
.drag_area .handler::after {content:""; display:block; width:100%; height:40px; border-radius:40px 0 0 0; position:absolute; top:0; left:0; background:transparent}
.drag_area.pd_sticky .handler {top:20px; transition:top .3s}

.drag_area .area_close {width:100%; height:40px; position:fixed; top:360px; transition:top .3s; z-index:199;}
.drag_area.pd_sticky .area_close {top:20px; transition:top .3s}

.scroll_area {position:fixed; top:386px; background:#fff; padding:20px 0 46px; width:100%; height:100%;  border-radius: 20px 0 0 0; overflow-y:scroll; transition:top .3s}
.drag_area.pd_sticky .scroll_area {top:46px; transition:top .3s}

.product_detail .product_info {padding:0 20px}
.product_info p {padding-bottom: 2px;color:#5c6677; font-size:13px;line-height: 15px; max-height:42px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.product_info p.key {color: #eb2838; background: -webkit-linear-gradient(-45deg, #EA2869 0%, #CE28A5 60%, #A928EA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;float:left; max-width:100%;}/*2022-04-13 추가*/
.product_info .title {clear:both;}/*2022-04-13 추가*/
.product_info .badge_txt {position:relative;padding:0 0 8px 10px;color:#1b1e23; font-size:13px;font-weight:700; clear:both;}/*2022-04-13 clear추가*/
.product_info .badge_txt:after {position:absolute;content:''; top:5px;left: 0;width:4px;height:4px;background-color:#ea2829 ;border-radius:50%;}
.product_info .title::after {content:""; display:block; clear:both}
.product_info .title strong {display:block; float:left; font-weight:700; color:#1b1e23; font-size:16px; width:calc(100% - 40px); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:24px; max-height:48px}
.product_info .title strong a {color:#5c6677;font-size:16px;font-weight:700;padding-right:5px;}
.product_info .title .sns {display:block; float:right; width:24px; height:24px; text-indent:-9999px; background:url('../../images/API_M_KO/product/icon_sns.png') 0 0 no-repeat; background-size:contain}

.price_info {margin-top:16px;padding:0 20px}
.price_info .upto {display:inline-block; background:#333; line-height:20px; padding:0 6px; font-size:13px; color:#fff; font-weight: 700; position:relative;}
.price_info .upto::after {content:""; display:block; position:absolute; bottom:-5px; left:0; border-bottom:solid 5px transparent; border-left:solid 5px #333;}
.price_info .del {margin-top:7px;color:#1b1e23; font-size:14px;}
.price_info .del del {display:inline-block; line-height:19px}
.price_info .del .won {color:#abb2be}
.price_info .del .won em{font-size:13px;}
.price_info .price {line-height:32px}
.price_info .price::after {content:""; display:block; clear:both}
.price_info .price strong {display:block; float:left; color:#ea2829; font-size:24px}
.price_info .price p {float:left; line-height:21px; padding:7px 0 0 8px; font-size:16px; color:#1b1e23}
.price_info .price p em { font-size:14px;}
.price_info .txt {padding-top:10px;color:#5c6677;}
.product_detail .pro_option { position:relative;margin:24px 20px 0 20px;}
.luxury_option.pro_option { position:relative;padding:18px 0; border-top: 1px solid #eaeaea;}
.product_detail .pro_option select,
.luxury_option.pro_option select {width:100%; height:48px; line-height:48px; background:#fff;border:1px solid #1b1e23;-moz-appearance: none;-webkit-appearance: none;appearance: none;padding:0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product_detail .pro_option:after,
.luxury_option.pro_option:after {content:'';position:absolute;top:50%;right:20px;z-index:2;display:block;margin-top:-3px;width:10px;height:5px;    background: url(../../images/API_M_KO/common/ic_sort_dropdown.png) no-repeat;background-size: cover;}
.product_tab {margin-top:32px; width:100%; border-bottom:solid 1px #eef0f2; padding:0 20px}
.product_tab ul::after {content:""; display:block; clear:both}
.product_tab li {display:block; float:left; width:30%; text-align:center; line-height:56px; color:#5c6677; font-size:14px; position:relative}
.product_tab li:nth-child(2) {width:40%}
.product_tab li a {color:#5c6677; }
.product_tab li.active a {color:#1b1e23; font-weight:700}
.product_tab li.active a::after {content:""; display:block; position:absolute; width:100%; height:2px; background:#1b1e23; left:0; bottom:-1px}
.product_tab.sticky {position:fixed; left:0; top:45px; width:100%; background:#fff; margin:0;padding-top:5px;border-radius: 20px 0 0 0; z-index:200}
.product_tab.-firstdeal li {width:50%;}/* 2024-05-14 첫구매딜 추가 */

.color_chip_area01 {position:relative;padding:24px 40px 0 20px;height:66px;overflow:hidden;}
.color_chip_area01 ul::after {content:""; display:block; clear:both}
.color_chip_area01 ul li {float:left;width:20%;text-align:center;margin-top:2px;}
.color_chip_area01 ul li::after {content:""; display:block; clear:both}
.color_chip_area01 ul li a {position:relative;display:inline-block;width:36px;height:36px;background-color:#999;overflow:hidden;border-radius: 50%;}
.color_chip_area01 ul li a.no_mount::before {content:""; display:block; position:absolute;right:-23%;top:48%;width:150%;height:2px;background-color:#fff;transform: rotate(-45deg);}
.color_chip_area01 ul li:first-child a::after {content:""; display:block; position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #1b1e23;border-radius: 50%;}
.color_chip_area01 .btn_more_area {width:20%;height:40px;padding-right:14px;background-color:#fff;position:absolute;right:28px;top:23px;text-align:right;}
.color_chip_area01 .btn_more_area a.btn_more {display:inline-block;width:36px;height:36px;border-radius:50%;overflow:hidden;background:url("../../images/API_M_KO/common/ico_btn_more2.png") center center no-repeat;background-size:10px 10px; box-shadow:6px 6px 6px 0 rgba(0,0,0,.1);text-indent:-9999px;font-size:0;}
.color_chip_area01 .btn_close_area {position:relative;text-align:center;margin-top:20px;padding-bottom:5px;}
.color_chip_area01 .btn_close_area a.btn_close {display:inline-block;width:36px;height:36px;border-radius:50%;overflow:hidden;background:url("../../images/API_M_KO/common/ico_chip_close.png") center center no-repeat;background-size:10px 10px; box-shadow:6px 6px 6px 0 rgba(0,0,0,.1);text-indent:-9999px;font-size:0;}

.color_chip_area02 {position:relative;padding:24px 40px 0 20px;height:66px;overflow:hidden;}
.color_chip_area02 ul::after {content:""; display:block; clear:both}
.color_chip_area02 ul li {float:left;width:25%;text-align:center;margin-top:2px;}
.color_chip_area02 ul li::after {content:""; display:block; clear:both}
.color_chip_area02 ul li a {position:relative;display:inline-block;width:60px;height:36px;background-color:#999;overflow:hidden;}
.color_chip_area02 ul li a.no_mount::before {content:""; display:block; position:absolute;right:-5%;top:50%;width:120%;height:2px;background-color:#fff;transform: rotate(-30deg);}
.color_chip_area02 ul li:first-child a::after {content:""; display:block; position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #1b1e23;}
.color_chip_area02 .btn_more_area {width:25%;height:40px;padding-right:20px;background-color:#fff;position:absolute;right:22px;top:23px;text-align:right;}
.color_chip_area02 .btn_more_area a.btn_more {display:inline-block;width:36px;height:36px;border-radius:50%;overflow:hidden;background:url("../../images/API_M_KO/common/ico_btn_more2.png") center center no-repeat;background-size:10px 10px; box-shadow:6px 6px 6px 0 rgba(0,0,0,.1);text-indent:-9999px;font-size:0;}
.color_chip_area02 .btn_close_area {position:relative;text-align:center;margin-top:20px;padding-bottom:5px;}
.color_chip_area02 .btn_close_area a.btn_close {display:inline-block;width:36px;height:36px;border-radius:50%;overflow:hidden;background:url("../../images/API_M_KO/common/ico_chip_close.png") center center no-repeat;background-size:10px 10px; box-shadow:6px 6px 6px 0 rgba(0,0,0,.1);text-indent:-9999px;font-size:0;}

.product_panel {}
.product_panel.sticky {padding-top:22px; position:relative}
/* .product_panel.sticky::before {content:""; display:block; width:100%; height:30px; background:#fff; position:absolute; top:92px; left:0} */
.product_panel .box {display:none}
.product_panel .box.current {display:block}
.product_panel [class^="pro_detail_0"] {background:#fff; margin-top:8px; padding:0 20px; position:relative}
.product_panel [class^="pro_detail_0"]::before {content:""; display:block; position:absolute; width:100%; height:8px; background:#eef0f2; left:0; top:30px}
.product_panel.sticky .pro_detail_01 {padding-top:60px}
.product_panel .pro_detail_01 {border:0; padding-top:28px}
.product_panel .pro_detail_01 .purchase_benefits:first-child h4 {padding-top:0px;}
.product_panel .pro_detail_01::before {display:none}
.product_panel .pro_detail_02 {padding:40px 0 40px 20px}
.product_panel .pro_detail_03 {padding:40px 20px 0}

.coupon_get {border:solid 1px #ccd1d8; border-radius:10px; padding:0 17px; color:#1b1e23}
.coupon_get::before {content:""; display:block}
.coupon_get li {line-height:19px; padding:16px 0; background:url('../../images/API_M_KO/product/detail_coupon_dot.png') 0 0 repeat-x; background-size:6px 2px; position:relative;}
.coupon_get li:first-child {background:none}
.coupon_get li:first-child::before, .coupon_get li:first-child::after {display:none}
.coupon_get li::before, .coupon_get li::after {content:""; display:block; position:absolute; top:-12px; width:8px; height:23px; background:url('../../images/API_M_KO/product/detail_coupon_semicircle.png') 0 0 no-repeat #fff; background-size:contain}
.coupon_get li::before {left:-18px}
.coupon_get li::after {right:-18px; transform:rotate(180deg)}
.coupon_get li span {color:#5c6677;display:block}
.coupon_get li a {display:block; position:absolute; top:16px; right:0; line-height:19px; color:#1b1e23; font-weight:700; text-align:right}

.text_jejuair {display:block; padding:20px 0;color:#1b1e23; border-bottom:1px solid #eef0f2}

.purchase_benefits {/* border-top:solid 1px #eef0f2;  margin-top:20px*/}
.purchase_benefits .con {margin-top:20px}
.purchase_benefits .con > li {line-height:18px; margin-top:13px}
.purchase_benefits .con > li::after {content:""; display:block; clear:both}
.purchase_benefits .con > li:first-child {margin-top:0}
.purchase_benefits .con > li > strong {display:block; float:left; font-weight:normal; width:105px;color:#5c6677;}
.purchase_benefits .con > li > a {color:#1b1e23;}
.purchase_benefits .con > li > strong::after {content:""; display:block; clear:both}
.purchase_benefits .con > li p {float:left;color:#5c6677;}
.purchase_benefits .con > li .square_tooltip {float:left; margin-left:4px}
.purchase_benefits .con > li > div {float:left; width:calc(100% - 105px)}
.purchase_benefits .con li > button {display:block; float:left; width:calc(100% - 90px); text-align:left; position:relative; padding-right:30px}
.purchase_benefits .con li > button:after {content:""; display:block; background:url('../../images/API_M_KO/product/accordion_arrow.png') 0 0 no-repeat; width:18px; height:18px; background-size:contain; position:absolute; right:0px; top:0px; transform:rotate(270deg)}
.purchase_benefits .con li > a img.arr {width:16px; vertical-align:middle; position: relative;top: -1px;}

.square_tooltip {position:relative}
.square_tooltip .btn {display:block; background:url('../../images/API_M_KO/product/icon_tootip_info.png') 0 0 no-repeat; width:18px; height:18px; background-size:contain; text-indent:-9999px}
.square_tooltip .tooltip {display:none; position:absolute; border:solid 1px #1b1e23; background:#fff; border-radius:10px; padding:20px 40px 20px 18px; z-index:100; line-height:18px; font-size:12px; bottom:30px; left:-35px; width:290px}
.square_tooltip.open .tooltip {display:block; text-indent:0}
.square_tooltip .tooltip::after {content:""; display:block; width:25px; height:11px; background:url('../../images/API_M_KO/product/tooltip_icon.png') 0 0 no-repeat; background-size:contain; position:absolute; bottom:-11px; left:30px}
.square_tooltip .close {width:18px; height:18px; position:absolute; top:12px; right:12px; background:url('../../images/API_M_KO/product/tooltip_close.png') 0 0 no-repeat; background-size:contain; text-indent:-9999px}
.square_tooltip .tooltip.type02 {padding-right:20px}
.square_tooltip .tooltip .ti {margin-bottom:15px;font-size:13px;font-weight:700;color:#1b1e23}

.setproduct_selection {}
.setproduct_selection > ul {margin-top:20px}
.setproduct_selection li {color:#1b1e23; border-bottom:solid 1px #eef0f2; padding:15px 0}
.setproduct_selection li::after {content:""; display:block; clear:both}
.setproduct_selection li i {display:block; float:left; font-family: serif;font-style:italic; font-size:28px; font-weight:normal; font-weight: 700;width:105px; line-height:30px}
.setproduct_selection li span {font-size:16px}
.setproduct_selection .screen {float:left; width:calc(100% - 105px); padding-top:8px}
.setproduct_selection .screen p {line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; padding-right:25px}
.setproduct_selection .screen p::after {content:""; display:block; width:18px; height:18px; background:url('../../images/API_M_KO/product/accordion_arrow.png') 0 0 no-repeat; background-size:contain; position:absolute; top:0; right:0}
.setproduct_selection .con {display:none; margin-top:20px; position:relative; min-height:28px}
.setproduct_selection .con::after {content:""; display:block; clear:both}
.setproduct_selection .img {display:block; float:left; width:60px; height:60px; overflow:hidden; background:#fff; position:relative}
.setproduct_selection .img::after {content:""; display:block; width:100%; height:100%; background:rgba(12,54,122,.04); position:absolute; top:0; left:0}
.setproduct_selection .img img {width:100%}
.setproduct_selection .img.adult {background: rgba(12,54,122,.04) url("../../images/API_M_KO/product/icon_adult.png") center center no-repeat;background-size: 40px 40px;}
.setproduct_selection .img.adult img {opacity:0;}

.setproduct_selection .num_amount {float:left; margin:32px 0 0 21px}
.setproduct_selection li.open .screen p {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal; max-height:40px}
.setproduct_selection li.open .screen p::after {transform:rotate(180deg)}
.setproduct_selection li.open .con {display:block}
.num_amount::after {content:""; display:block; clear:both}
.num_amount input {display:block; float:left; width:28px; height:28px; line-height:28px; text-align:center; border:0}
.num_amount .minus {background:url('../../images/API_M_KO/product/amount_minus.png') 0 0 no-repeat; background-size:contain}
.num_amount .count {width:60px;padding-left: 0;padding-right: 0;font-size:14px;font-weight:700;}
.num_amount .plus {background:url('../../images/API_M_KO/product/amount_plus.png') 0 0 no-repeat; background-size:contain}
.setproduct_selection .cart {display:block; width:66px; height:28px; text-align:center; line-height:28px; background:#1b1e23; color:#fff; position:absolute; right:0; bottom:0}
.setproduct_selection .btn_set { position: absolute; right: 0; bottom: 0;width:72px;width: 72px;}
.setproduct_selection .btn_set button + button, .setproduct_selection .btn_set > a + a {margin-top:4px;}
.setproduct_selection .btn_set  .btn_s_basic1 {border:1px solid #1b1e23;}
.gift_selection {color:#1b1e23; width:calc(100% + 20px)}
.gift_selection .swiper-container {padding:20px 0 0}
.gift_selection .swiper-slide {}
.gift_selection .tit {width:100%; background:#f5f7fa; padding:12px 40px 12px 12px; position:relative; min-height:84px}
.gift_selection .tit::before {content:""; display:block; width:18px; height:18px; background:url('../../images/API_M_KO/product/accordion_arrow.png') 0 0 no-repeat; background-size:contain; position:absolute; top:33px; right:12px; transition:all .2s;}
.gift_selection .swiper-slide.open .tit::before {transform:rotate(180deg)}
.gift_selection .tit::after {content:""; display:block; clear:both}
.gift_selection .img {display:block; width:60px; height:60px; overflow:hidden; position:relative; float:left; margin-right:8px; margin-bottom:10px;}
.gift_selection .img::before {content:""; display:block; width:100%; height:100%; background:rgba(12,54,122,.04); position:absolute; top:0; left:0}
.gift_selection .img img {width:100%}
.gift_selection .tit div {float:left; width:100%; padding-top:3px; line-height:20px}
.gift_selection .tit div img {max-width:100%;height:auto !important;}
.gift_selection .tit .img + div {width:calc(100% - 68px)}
.gift_selection .tit strong {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 0 10px;}
.gift_selection .tit p {overflow:hidden; /*text-overflow:ellipsis; white-space:nowrap*/clear: both;}
.gift_selection .screen {background:#f5f7fa; margin-top:1px; color:#1b1e23; line-height:20px; padding:20px; display:none}
.gift_selection .screen strong {font-weight:700; display:block}
.gift_selection .screen p {padding-top:8px}
.gift_selection .screen li {margin-top:20px}
.gift_selection .screen li:first-child {margin-top:0}
.gift_selection .screen li ul {margin-top:8px}
.gift_selection .screen li li {margin-top:8px; padding-left:6px; position:relative}
.gift_selection .screen li li::after {content:""; display:block; width:2px; height:2px; background:#1b1e23; position:absolute; top:9px; left:0}

.product_editarea {width:calc(100% + 40px); margin-left:-20px}
.product_editarea .brand_title {position:relative; color:#fff; margin:40px 20px 0;padding:24px 0;border-bottom:2px solid #1b1e23;}
.product_editarea .brand_title::after {content:""; display:block; clear:both}
.product_editarea .brand_title a {position:relative;display:block; color:#fff; float:left;z-index:111;}
.product_editarea .b_favorites_motion {position:absolute;right:-20px;top:-15px;width:67px;height:100px;z-index:9;opacity:0;}
.product_editarea .b_favorites_motion svg {position:absolute;top:0;right:42px;}

.brand_title h5 {line-height:24px; font-size:24px}
.brand_title h5 img {width:auto; height:30px}
.brand_title p {line-height:20px; padding-top:8px;color:#1b1e23; font-size:14px; font-weight:700;}
.brand_title  .md_keyword {width:100%;padding-top:20px;color:#5c6677;display: table;}
.product_editarea .brand_title ul {float:right}
.product_editarea .brand_title ul::after {content:""; display:block; clear:both}
.product_editarea .product_infomation_caution img {max-width:100%;height:auto !important;}
.brand_title li {float:left; margin-left:20px}
.brand_title li:first-child {margin-left:0}
.brand_title li a {width:24px; height:24px; text-indent:-9999px}
.brand_title .b_favorites {display:block; background:url('../../images/API_M_KO/product/icon_favorites.png') 0 0 no-repeat; background-size:contain}
.brand_title .b_favorites.on {background:url("../../images/API_M_KO/brand/btn_like_on.png") left center no-repeat;background-size:24px 24px;}
.brand_title .b_notice {display:block; background:url('../../images/API_M_KO/product/icon_notice.png') 0 0 no-repeat; background-size:contain}
.brand_title .b_notice.check {background:url('../../images/API_M_KO/product/icon_notice_on.png') 0 0 no-repeat; background-size:contain}
.basic_information {padding:40px 20px 60px}
.basic_information ul {}
.basic_information li {line-height:20px; color:#1a1a1a; font-weight:700}
.basic_information .tel {display:flex;flex-flow:wrap;justify-content:flex-start;margin-top:15px}
.basic_information .tel a {display:block;width:33%;margin:5px 0;padding:0 15px; color:#1b1e23; }
.basic_information .tel a:nth-child(3n-2) {padding-left:0;}
.basic_information .tel a:nth-child(3n-1) {width:34%;border-left:1px solid #eef0f2;border-right:1px solid #eef0f2;}
.basic_information .tel p {display:none;width:40px; height:40px; border:solid 1px #1b1e23; background:url('../../images/API_M_KO/product/icon_call.png') center center no-repeat; background-size:18px 18px; border-radius:40px; text-indent:-9999px; margin-left:20px}
.basic_information .tel strong {display:block;font-size:13px; letter-spacing:-1px}
.basic_information .tel span {display:block;padding-top: 4px;font-size:13px;}

.product_view {position:relative; max-height:900px; overflow:hidden}
.product_view > div {padding:0 20px;}
.product_view > div > img {width: calc(100% + 40px) !important; height:auto !important; margin:0 -20px;}/*2021-10-27 수정 : 이미지 넓이, 높이 수정 */
.product_view a.more {display:block; position:absolute; bottom:20px; left:20px; width:calc(100% - 40px); height:48px; text-align:center; line-height:48px; border:solid 1px #1b1e23; background:#fff; color:#1b1e23; font-weight:700; font-size:13px}
.product_view a.more::after {content:""; display:block; width:0; height:0; border-right:solid 5px transparent; border-left:solid 5px transparent; border-top:solid 5px #1b1e23; border-bottom:none; position:absolute; top:20px; right:50%; margin-right:-33px}
.product_view a.more.none {display:none}
.product_view.open {height:auto; max-height:100%; padding-bottom:88px}
.product_view.open a.more {}
.product_view.open a.more::after {transform:rotate(180deg)}
.product_view > div > div > img {width:100% !important;height:auto !important;}/*210426 상품상세 여백*/

.accordion_set {}
.accordion_toggle {}
.accordion_toggle .pro_screen {}
.accordion_toggle .pro_screen.open {}
.accordion_toggle .pro_screen div {display:none}
.accordion_toggle .pro_screen.open div {display:block; padding:20px 0;}/* 2021-08-11 상품정보 아코디언 콘텐츠 padding */
/* .accordion_toggle .pro_screen.open div {display:block} */

.pro_screen {}
.pro_screen a {display:block}

.text_jejuair  + .parallelimport_message {margin-top:0;}
.parallelimport_message {margin-top:20px; border-bottom: solid 1px #eef0f2;}
.parallelimport_message.accordion_toggle .pro_screen a.tit {color:#1b1e23;}
.parallelimport_message.accordion_toggle .pro_screen.open div {margin-top:20px;padding-bottom:20px;}
.pro_notice {padding:20px 20px}
.pro_notice .link_popup {display:block; line-height:19px; position:relative}
.pro_notice .link_popup::after {content:""; display:block; background:url('../../images/API_M_KO/product/accordion_arrow.png') 0 0 no-repeat; width:18px; height:18px; background-size:contain; position:absolute; right:0px; top:21px; z-index:0; transform:rotate(270deg)}
.pro_notice .link_popup a {display:block; padding:21px 18px 20px 0;color:#1b1e23;font-weight:700; position:relative; z-index:1;}
.pro_notice .pro_screen ul {padding:20px 0 40px}
.accordion_toggle > div {border-top:solid 1px #eef0f2}
.accordion_toggle > div:first-child {border-top:0}
.accordion_toggle .pro_screen a.tit {display:block; line-height:19px; padding:21px 18px 20px 0; position:relative;color:#1b1e23;font-weight:700;}
.accordion_toggle .pro_screen a.tit::after {content:""; display:block; background:url('../../images/API_M_KO/product/accordion_arrow.png') 0 0 no-repeat; width:18px; height:18px; background-size:contain; position:absolute; right:0px; top:21px; transform:rotate(0deg)}
.accordion_toggle .pro_screen.open a.tit::after {transform:rotate(180deg)}
.accordion_toggle .pro_screen li {padding-left:6px; position:relative; margin-top:8px; color:#1b1e23}
.accordion_toggle .pro_screen li::before {content:""; display:block; width:2px; height:2px; background:#1b1e23; position:absolute; top:9px; left:0}
.accordion_toggle .pro_screen li:first-child {margin-top:0}

/* .product_panel .pro_detail_02 {padding:0 0 60px 20px} */
.slide_recommendation {padding:20px 0 20px}
.slide_recommendation .swiper-slide .img {display:block; position:relative; height:100%; overflow:hidden;} /* 2021-07-14 수정 : overflow 추가 */
.slide_recommendation .swiper-slide .img::after {content:""; display:block; width:100%; height:100%; background:rgba(12,54,122,.04); position:absolute; top:0; left:0}
.slide_recommendation [class^="item_"] {position:absolute; top:0; right:0; width:150px; height:150px; display:block}
.slide_recommendation .item_a {width:calc(100% - 150px); height:300px; position:relative}
.slide_recommendation .item_c {top:150px}
.slide_recommendation [class^="item_"] ul {position:absolute; bottom:0; right:0}
.slide_recommendation [class^="item_"] li {display:block; text-align:right}
.slide_recommendation [class^="item_"] span {display:inline-block; background:#1b1e23; color:#fff; line-height:16px; font-size:12px; padding:4px 8px}
.slide_recommendation .recommendation-bottom {margin:0 20px;height:2px;background:#eef0f2;margin-top:20px;}
.slide_recommendation .recommendation-scrollbar {height:2px;opacity:1 !important}
.slide_recommendation .swiper-scrollbar-drag {height:2px;background:#1b1e23 !important;opacity:1;}

.slide_brandbest {margin-top:20px}
.slide_brandbest .swiper-slide {color:#1b1e23; font-size:13px; display:block; position:relative;}
.slide_brandbest .img {display:block; position:relative}
.slide_brandbest span.best_num {font-style:italic;font-size:16px;font-weight:700;color:#1b1e23;display:inline-block;padding-top:5px;text-align:center;position:absolute;left:12px;top:8px;}
.slide_brandbest .img::after {content:""; display:block; width:100%; height:100%; background:rgba(12,54,122,.04); position:absolute; top:0; left:0}
.slide_brandbest .adult .img::after {background: rgba(12,54,122,.04) url('../../images/API_M_KO/product/icon_adult.png') center center no-repeat; background-size:72px 72px;}
.slide_brandbest .adult .img img {visibility: hidden;}
.slide_brandbest span.btn_play_show {display:inline-block;position: absolute;top:10px;right:10px;background:url("../../images/API_M_KO/common/bull_img_play.png") no-repeat;background-size:24px 24px;display: block;z-index: 9;width: 24px;height: 24px;z-index:11;font-size:0;text-indent:-9999px;}

.slide_brandbest .prd_tit2 {position:relative; margin-top: 20px;}
.slide_brandbest .prd_tit2 > a {display:block;}
.slide_brandbest .prd_tit2 .num_amount + .btn_set {margin-top:8px;}
.slide_brandbest .prd_tit2 .btn_set {margin-top:37px;font-size:0;line-height:0;}
.slide_brandbest .prd_tit2 .btn_set .btn_s_basic1, .prd_list_new .prd_tit2 .btn_set .btn_s_basic2 {padding:0 10px;}
.slide_brandbest .prd_tit2 .btn_set .btn_s_basic1 + .btn_s_basic2{margin-left:8px;}
.slide_brandbest .prd_condition {margin-top:8px; font-size: 0; line-height: 0;}
.slide_brandbest .prd_condition span {position:relative;display:inline-block;height:21px;margin:2px 4px 2px 0;padding:0 8px;border:1px solid #eef0f2;font-size:11px;color:#5c6677;text-align:center;line-height:19px;}
.slide_brandbest .prd_condition .cd_sale {background: linear-gradient(135deg, #ea2829, #982fcb);color:#fff;}

.slide_together {margin-top:20px}
.slide_together .swiper-slide {color:#1b1e23; font-size:13px; display:block; position:relative;}
.slide_together .img {display:block; position:relative}
.slide_together .img::after {content:""; display:block; width:100%; height:100%; background:rgba(12,54,122,.04); position:absolute; top:0; left:0}
.slide_together .adult .img::after {background: rgba(12,54,122,.04) url('../../images/API_M_KO/product/icon_adult.png') center center no-repeat; background-size:72px 72px;}
.slide_together .adult .img img {visibility: hidden;}
.slide_together span.btn_play_show {display:inline-block;position: absolute;top:10px;right:10px;background:url("../../images/API_M_KO/common/bull_img_play.png") no-repeat;background-size:24px 24px;display: block;z-index: 9;width: 24px;height: 24px;z-index:11;font-size:0;text-indent:-9999px;}
.slide_together .prd_tit2 {position:relative; margin-top: 20px;}
.slide_together .prd_tit2 > a {display:block;}
.slide_together .prd_tit2 .num_amount + .btn_set {margin-top:8px;}
.slide_together .prd_tit2 .btn_set {margin-top:37px;font-size:0;line-height:0;}
.slide_together .prd_tit2 .btn_set .btn_s_basic1, .prd_list_new .prd_tit2 .btn_set .btn_s_basic2 {padding:0 10px;}
.slide_together .prd_tit2 .btn_set .btn_s_basic1 + .btn_s_basic2{margin-left:8px;}
.slide_together .prd_condition {margin-top:8px; font-size: 0; line-height: 0;}
.slide_together .prd_condition span {position:relative;display:inline-block;height:21px;margin:2px 4px 2px 0;padding:0 8px;border:1px solid #eef0f2;font-size:11px;color:#5c6677;text-align:center;line-height:19px;}
.slide_together .prd_condition .cd_sale {background: linear-gradient(135deg, #ea2829, #982fcb);color:#fff;}

/* .product_panel .pro_detail_03 {padding:0 20px 0} */
.total_score {margin-top:20px}
.total_score .screen {width:190px; margin:0 auto}
.total_score .screen::after {content:""; display:block; clear:both}
.total_score .startradio {display:none; overflow:hidden; height:18px; float:left; margin-top:11px}
.total_score .startradio:after {content:""; display:block; position:relative; z-index:10; height:18px; background:url('../../images/API_M_KO/product/icon_startradio.png') repeat-x 0 0; background-size:contain; pointer-events:none}
.total_score .startradio_box {position:relative; z-index:1; float:left; width:10px; height:18px; cursor:pointer}
.total_score .startradio_box input {opacity:0 !important; height:0 !important; width:0 !important; position:absolute !important}
.total_score .startradio_box input:checked + .startradio_img {background-color:#1b1e23}
.total_score .startradio_img {display:block; position:absolute; right:0; width:100px; height:18px; pointer-events:none}
.total_score .startradio .blind {position:absolute; overflow:hidden; margin:-1px; padding:0; width:1px; height:1px; border:none; clip:rect(0, 0, 0, 0)}
.total_score .total_star {width:98px; height:36px; margin-top:10px;float:left;}
.total_score .total_star, .total_score .total_star span {display:inline-block; display:block; height:18px; background:url('../../images/API_M_KO/product/icon_total_score.png') 0 0 no-repeat; background-size:98px 36px}
.total_score .total_star span {background-position:left bottom; line-height:0; vertical-align:top; text-indent:-9999px}
.total_score .scoreboard {float:right; font-size:16px; height:40px; line-height:40px; color:#1b1e23; font-style:italic; font-family: serif;font-weight:bold;}
.total_score .scoreboard strong {display:inline-block; font-size:40px; font-weight:normal;  font-family: serif;}
.total_score .btn {display:block; width:100%; height:56px; text-align:center; line-height:56px; color:#fff; background:#1b1e23; margin-top:40px; font-size:16px;font-weight:700;}

.user_review {}
.user_review .photo_review {margin-top:40px}
.user_review select {position:relative;padding-right:18px;border:0;background: url(../../images/API_M_KO/common/ic_sort_dropdown.png) right center no-repeat;background-size: 10px 5px; text-align-last: right;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */appearance:none; direction:rtl; color:#1b1e23; }/*2021-12-23 오른쪽정렬, 글자색 추가*/
.user_review .title {line-height:34px}
.user_review .title::after {content:""; display:block; clear:both}
.user_review .title h4 {float:left; padding:0; line-height:34px}
.user_review .title select {float:right}
.user_review .screen {margin-top:10px}
.user_review .screen a {display:block; border-top:solid 1px rgba(0,0,0,.05); margin-top:20px; padding-bottom:18px}
.user_review .screen a:first-child {margin-top:0;}
.user_review .tit {padding:20px 0 18px}
.user_review .tit::after {content:""; display:block; clear:both}
.user_review .star_point {width:68px; float:left}
.user_review .star_point, .user_review .star_point span {display:inline-block; display:block; height:12px; background:url('../../images/API_M_KO/product/icon_star.png') 0 0 no-repeat; background-size:68px 24px}
.user_review .star_point span {background-position:left bottom; line-height:0; vertical-align:top; text-indent:-9999px}
.user_review .tit ul {float:right}
.user_review .tit ul::after {content:""; display:block; clear:both}
.user_review .tit li {float:left; color:#abb2be; font-size:12px; margin-left:12px}
.user_review .tit li:first-child {margin-left:0}
.user_review .info {color:#abb2be; font-size:12px; line-height:18px}
.user_review .review_title {line-height:20px; font-size:14px; color:#1b1e23;font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:76px; display:block}
.user_review .review_box {color:#1b1e23; position:relative; text-indent:-9999px; height:0}
.user_review .img {display:block; width:56px; height:56px; position:absolute; top:-38px; right:0; overflow:hidden; text-indent:0}
.user_review .img img {width:100%}
.user_review .modify_btn {text-align:right; margin-top:10px; display:none}
.user_review .modify_btn button {display:inline-block; width:45px; height:28px; background:#1b1e23; color:#fff; margin-left:6px}
.user_review .modify_btn button.del {border:solid 1px #1b1e23; color:#1b1e23; background:#fff}
.user_review .modify_btn button:first-child {margin-left:0}
.user_review .screen a.open {padding:0}
.user_review .open .review_title {overflow:visible; text-overflow:inherit; white-space:normal; padding-right:0}
.user_review .open .review_box {padding:0 0 0 140px; height:auto; min-height:130px; line-height:20px; text-indent:0; margin-top:12px}
.user_review .open .img {width:130px; height:130px; top:0; left:0}
.user_review .open .modify_btn {display:block}
.user_review .text_review {margin-top:60px}
.user_review .text_review .review_title {padding:0;font-weight: normal;word-break: break-all;}
.user_review .text_review .open .review_box {padding:0; min-height:auto;word-break: break-all;}
.user_review .paging {margin-top:40px;margin-bottom:40px;}

.product_appbar {position:fixed; bottom:76px; left:20px; z-index:300; width:calc(100% - 40px)}
.shipping_popup {display:block; width:56px; height:56px; border-radius:60px; text-indent:-9999px; background:url('../../images/API_M_KO/product/icon_app_time.png') center center no-repeat #1b1e23; background-size:24px 24px; box-shadow:6px 8px 12px 0 rgba(0,0,0,.1); position:absolute; top:0; left:0}
.wish_popup {display:block; width:56px; height:56px; border-radius:60px; text-indent:-9999px; background:url('../../images/API_M_KO/product/icon_app_like.png') center 12px no-repeat #1b1e23; background-size:18px 18px; box-shadow:6px 8px 12px 0 rgba(0,0,0,.1); position:absolute; top:0; left:68px; font-size:0}
.wish_popup.on {background:url('../../images/API_M_KO/product/icon_app_like_on.png') center 12px no-repeat #1b1e23; background-size:18px 18px}
.wish_popup span {display:block; font-size:11px; color:#fff; padding-top:30px; line-height:15px; text-align:center; text-indent:0}
.sale_popup {display:block; width:56px; height:56px; border-radius:60px; text-indent:-9999px; background:url('../../images/API_M_KO/product/icon_app_sale.gif') center center no-repeat #fff; background-size:60px 60px; box-shadow:6px 8px 12px 0 rgba(0,0,0,.1); position:absolute; bottom:0; right:0;z-index:22;}
.add_cart {display:block; width:56px; height:56px; border-radius:60px; text-indent:-9999px; position:absolute; top:0; transform: translate(calc(100vw - 96px), 0px); z-index:110; box-shadow: 6px 8px 12px 0 rgb(0 0 0 / 10%); background:rgb(234,40,41); background:-moz-linear-gradient(-45deg, rgba(234,40,41,1) 0%, rgba(234,40,105,1) 51%, rgba(206,40,165,1) 79%, rgba(169,40,234,1) 100%); background:-webkit-linear-gradient(-45deg, rgba(234,40,41,1) 0%,rgba(234,40,105,1) 51%,rgba(206,40,165,1) 79%,rgba(169,40,234,1) 100%); background:linear-gradient(135deg, rgba(234,40,41,1) 0%,rgba(234,40,105,1) 51%,rgba(206,40,165,1) 79%,rgba(169,40,234,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2829', endColorstr='#a928ea',GradientType=1 );} /* [pub]22-12-15 - 제품 상세페이지 내 장바구니 버튼 슬라이드형식으로 변경 */
.add_cart::after {content:""; display:block; width:24px; height:24px; background:url('../../images/API_M_KO/product/icon_app_cart.png') 0 0 no-repeat; background-size:contain; position:absolute; top:16px; left:16px}
.add_cart.activated {pointer-events: auto; transition: transform 0s;}  /* [pub]22-12-15 - 제품 상세페이지 내 장바구니 버튼 슬라이드형식으로 변경 */
.pro_cart_area {display:none; width:100%; height:56px; position:absolute; left:0; top:0; z-index:100; border-radius:56px; background:#ea2831; background: -moz-linear-gradient(250deg, #aa28e6,#cd28a6, #ea2831); background: -webkit-linear-gradient(250deg, #aa28e6,#cd28a6, #ea2831); background: linear-gradient(250deg, #aa28e6,#cd28a6, #ea2831); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2831', endColorstr='#aa28e6',GradientType=1 );}
.pro_cart_area::after {content:""; display:block; clear:both}
.pro_cart_area a {display:block; position:relative; line-height:56px; width:calc(50% - 28px); font-weight:700; color:#fff; opacity:1; transition: 0.2s;} /* [pub]22-12-15 - 제품 상세페이지 내 장바구니 버튼 슬라이드형식으로 변경 */
.pro_cart_area a::before {display:none;content:"";  width:18px; height:18px; background:url('../../images/API_M_KO/product/arrow_cart_area.png') 0 0 no-repeat; background-size:contain; position:absolute; top:18px}
.pro_cart_area .link_cart {float:left; padding-left:30px}
.pro_cart_area .link_cart::before {left:20px}
.pro_cart_area .link_buy {float:right; padding-right:30px; text-align:right}
.pro_cart_area .link_buy::before {transform:rotate(180deg); right:20px}
.product_appbar.cart_open .add_cart {transform: translate(calc(50vw - 48px), 0px); pointer-events:none; transition: transform .3s; background:#e729bc; background: -moz-linear-gradient(250deg, rgba(209,41,235,1), rgba(235,41,177,1)); background: -webkit-linear-gradient(250deg, rgba(209,41,235,1), rgba(235,41,177,1)); background: linear-gradient(250deg, rgba(209,41,235,1), rgba(235,41,177,1)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e829b7', endColorstr='#d629df',GradientType=1 ); box-shadow: none;}  /* [pub]22-12-15 - 제품 상세페이지 내 장바구니 버튼 슬라이드형식으로 변경 */
.product_appbar.cart_open .add_cart.activated {pointer-events: auto; transition: transform 0s;}  /* [pub]22-12-15 - 제품 상세페이지 내 장바구니 버튼 슬라이드형식으로 변경 */
.product_appbar.cart_open .pro_cart_area {display:block}
.product_appbar.cart_open .sale_popup {opacity:0; transition:all 0s 0s}
.product_appbar.cart_open .shipping_popup {opacity:0; transition:all 0s 0s}
.product_appbar.cart_open .wish_popup {opacity:0; transition:all 0s 0s}
.product_appbar .sale_popup, .product_appbar .shipping_popup, .product_appbar .wish_popup {transition:all .4s .4s; opacity:1;}
.product_appbar .sale_popup {bottom:20px;}
/* [pub]22-12-15 - 제품 상세페이지 내 장바구니 버튼 슬라이드형식으로 변경 Start */
.pro_cart_area a.active {opacity:.3;}
.add_cart.return {animation:btnreturn .8s}
.add_cart.return_left {animation:btnreturnleft .8s}
.add_cart.return_right {animation:btnreturnright .8s}
@keyframes btnreturn {
    0% {transform: translate(calc(50vw - 48px), 0px); opacity: 1}
    40% {transform: translate(calc(50vw - 48px), 0px); opacity:0}
    50% {opacity:0}
    60% {transform: translate(100vw, 0px); opacity:0}
    70% {transform: translate(calc(100vw - 96px), 0px); opacity:1}
    100% {transform: translate(calc(100vw - 96px), 0px); opacity:1}
}  
@keyframes btnreturnleft {
    0% {transform: translate(0px, 0px); opacity: 1}
    40% {transform: translate(-86px, 0px); opacity:0}
    50% {opacity:0}
    60% {transform: translate(100vw, 0px); opacity:0}
    70% {transform: translate(calc(100vw - 96px), 0px); opacity:1}
    100% {transform: translate(calc(100vw - 96px), 0px); opacity:1}
}  
@keyframes btnreturnright {
    0% {transform: translate(calc(100vw - 96px), 0px); opacity: 1}
    40% {transform: translate(100vw, 0px); opacity:0}
    50% {opacity:0}
    60% {transform: translate(100vw, 0px); opacity:0}
    70% {transform: translate(calc(100vw - 96px), 0px); opacity:1}
    100% {transform: translate(calc(100vw - 96px), 0px); opacity:1}
}  
/* [pub]22-12-15 - 제품 상세페이지 내 장바구니 버튼 슬라이드형식으로 변경 End */

.add_cart.buy_turn {animation:buyturn 400ms}
@keyframes buyturn {
    0% {transform: translate(calc(50vw - 48px), 0px)}
    70% {opacity:1}
    100% {transform: translate(calc(100vw - 96px), 0px); opacity:0}
}  /* [pub]22-12-15 - 제품 상세페이지 내 장바구니 버튼 슬라이드형식으로 변경 */

.pro_soldout {position:absolute; top:0; right:0; width:56px}
.pro_soldout a {display:block; width:56px; height:56px; border-radius:60px; background:url('../../images/API_M_KO/product/icon_alarm.png') center center no-repeat #fff; background-size:24px 24px; box-shadow:6px 8px 12px 0 rgba(0,0,0,.1); text-indent:-9999px}
.pro_soldout.alarm a {background:url('../../images/API_M_KO/product/icon_alarm_on.png') center center no-repeat #fff; background-size:24px 24px}
.pro_soldout .tooltip {position:absolute; background:#f4511e; right:0; top:-40px; color:#fff; font-size:12px; letter-spacing:-1px; width:200px; text-align:center; border-radius:20px; line-height:30px}
.pro_soldout .tooltip::after {content:""; display:block; width:0; height:0; border-right:solid 5px transparent; border-left:solid 5px transparent; border-top:solid 5px #f4511e; border-bottom:none; position:absolute; bottom:-5px; right:20px}

.stopselling {position:absolute; top:0; right:0; width:56px}
.stopselling span {display:block; width:56px; height:56px; border-radius:60px; background:url('../../images/API_M_KO/product/icon_app_cart.png') center center no-repeat #dde0e5; background-size:24px 24px; box-shadow:6px 8px 12px 0 rgba(0,0,0,.1); text-indent:-9999px}
.stopselling span::before {content:""; display:block; width:56px; height:2px; background:#fff; position:absolute; top:27px; left:0; border-radius:60px; transform: rotate(225deg)}
.stopselling .tooltip {position:absolute; background:#f4511e; right:0; top:-40px; color:#fff; font-size:12px; letter-spacing:-1px; width:220px; text-align:center; border-radius:20px; line-height:30px}
.stopselling .tooltip::after {content:""; display:block; width:0; height:0; border-right:solid 5px transparent; border-left:solid 5px transparent; border-top:solid 5px #f4511e; border-bottom:none; position:absolute; bottom:-5px; right:20px}

.toast_message > div {position:fixed; top:0; background:#0288d1; color:#fff; text-align:center; font-size:15px; line-height:18px; padding:23px 20px 20px; width:100%; z-index:999; min-height:60px; letter-spacing:-1px; display:none;
    padding:23px 20px 20px;
    padding-top: calc(constant(safe-area-inset-top) + 23px);
    padding-top: calc(env(safe-area-inset-top) + 23px);
}
.toast_message > .savings {background:#f4511e;}
.toast_message > .main1 {background:#f4511e;}

.tb_list2.pop013 {margin-top:28px}
.tb_list2.pop013 .kc_mark {max-width:10px;height:auto;margin-right:2px;}

.popup_certification_num {border-bottom:solid 1px #f2f2f2; padding:50px 0 20px}
.popup_certification_num::after {content:""; display:block; clear:both}
.popup_certification_num .img {display:block; float:left; margin-right:20px; width:56px}
.popup_certification_num .img img {width:100%}
.popup_certification_num ul {float:left}
.popup_certification_num li {color:#5c6677; margin-top:20px}
.popup_certification_num li:first-child {margin-top:0}
.popup_certification_num strong {color:#1a1a1a; display:block; padding-top:5px}
.dot_list.colorgrey {padding-top:20px}
.dot_list.colorgrey li {color:#5c6677}

.pro_dim {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#1b1e23; opacity: 0.5; z-index:200;}
.pro_cart {background:#fff; position:fixed; bottom:-400px; left:0; z-index:200; width:100%; border-radius:40px 40px 0 0; padding:40px 20px 20px; height:250px; transition:bottom .3s}
.pro_cart.open {bottom:0; transition:bottom .3s}
.pro_cart .pro_cart_handler {position:absolute; top:0; left:0; width:100%; height:26px; text-indent:-9999px}
.pro_cart .pro_cart_handler::after {content:""; display:block; width:40px; height:4px; background:#f5f7fa; position:absolute; left:50%; top:11px; margin-left:-20px; border-radius:10px}
.pro_cart .scroll_box {}
.pro_cart.has_select {height:384px;}
.pro_option_layer {position:relative; margin-bottom:8px}
.pro_option_layer .close {display:none; position:absolute; width:100%; height:100%; background:transparent; z-index:100; text-indent:-9999px}
.pro_option_layer.open .close {display:block}
.pro_option_layer .selected {display:block; width:100%; height:48px; background:#fff; border:solid 1px #1b1e23; color:#1b1e23; font-size: 14px;padding:0 40px 0 20px; line-height:48px; position:relative; text-align:left}
.pro_option_layer .selected::after {content:""; display:block; width:0; height:0; border-right:solid 5px transparent; border-left:solid 5px transparent; border-top:solid 5px #1b1e23; border-bottom:none; position:absolute; right:20px; top:22px}
.pro_option_layer .select_list {position:absolute; top:48px; width:100%; max-height:208px; background:#fff; overflow-y:auto; border:solid 1px #1b1e23; border-top:0; display:none; z-index:10}
.pro_option_layer.open .select_list {display:block}
.select_list a {display:block; border-top:solid 1px #eef0f2; padding:12px 20px 12px}
.select_list a strong {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block}
.select_list a dl {font-size:14px; line-height:19px; margin-top:4px}
.select_list a dl::after {content:""; display:block; clear:both}
.select_list a dt {float:left; font-weight:700; color:#1b1e23}
.select_list a dd {float:left; color:#5c6677; margin-left:8px}
.select_list a dd em {font-size:13px;}
.select_list a.soldout_hiden {pointer-events:none; position:relative; color:#abb2be}
.select_list a.soldout_hiden strong {margin-right:50px;font-weight:normal;}
.select_list a.soldout_hiden p {position:absolute; background:#fff; line-height:40px; font-weight:700; width:30px; right:20px; top:50%; margin-top:-20px}
.select_list a.soldout_hiden dt, .select_list a.soldout_hiden dd {color:#abb2be}
.pro_cart .pro_option_list {max-height:167px; background:#fff; overflow-y:scroll}
.pro_cart .pro_option_list .box > strong {padding-right:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; max-height:20px}
.pro_option_list .box {border-top:solid 1px #eef0f2; padding:12px 0; position:relative}
.pro_option_list .box:first-child {border-top:0}
.pro_option_list > strong {display:block; max-height:38px; line-height:19px; color:#1b1e23;font-weight:normal; padding-right:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word}
.pro_option_list .box div {margin-top:12px}
.pro_option_list .box div::after {content:""; display:block; clear:both}
.pro_option_list .box .num_amount {float:left; margin-top:0}
.pro_option_list .box dl {float:right; font-size:14px; line-height:28px}
.pro_option_list .box dl::after {content:""; display:block; clear:both}
.pro_option_list .box dt {float:left; color:#1b1e23; font-weight:700; margin-right:8px}
.pro_option_list .box dd {float:left; color:#5c6677;}
.pro_option_list .box dd > em {font-size:13px;}
.pro_option_list .option_del {display:block; width:18px; height:18px; text-indent:-9999px; position:absolute; right:0; top:12px; background:url('../../images/API_M_KO/product/btn_optiondel.png') 0 0 no-repeat; background-size:contain}
.pro_option_total {border-top:solid 1px #1b1e23; line-height:45px; color:#1b1e23}
.pro_option_total::after {content:""; display:block; clear:both}
.pro_option_total div {float:left}
.pro_option_total strong {font-weight:700;font-size:14px;}
.pro_option_total dl {float:right}
.pro_option_total dl::after {content:""; display:block; clear:both}
.pro_option_total dt {float:left; font-weight:700;font-size:16px;}
.pro_option_total dd {float:left; color:#5c6677; margin-left:8px;font-size:14px;}
.pro_option_total dd > em {font-size:13px;}

.setproduct_selection .counter_amount {float:left;width: calc(100% - 132px);margin-top: 31px;text-align: center;}
.pro_option_list .box .counter_amount {float:left; margin-top:0}
.set_item_list .counter_amount {margin-top:15px}
.item_info_box .box .counter_amount {float:left}
[class^="counter_amount"]::after {content:""; display:block; clear:both}
[class^="counter_amount"] input {display:inline-block; width:28px; height:28px; line-height:28px; text-align:center; border:0;vertical-align: top;}
[class^="counter_amount"] .minus {background: url('../../images/API_M_KO/product/amount_minus.png') 0 0 no-repeat; background-size:28px 28px;font-size:0;line-height:0;}
[class^="counter_amount"] .count {width:30px;padding:0; font-size: 14px;font-weight: 700;}
[class^="counter_amount"] .plus {background: url('../../images/API_M_KO/product/amount_plus.png') 0 0 no-repeat; background-size:28px 28px;font-size:0;line-height:0;}
input[type='button'].minus, input[type='button'].plus {font-size:0;line-height:0;}

/*********** // product_detail 상품상세 // ***********/

/*********** pro_select_set 상품상세 - 세트상품 선택 ***********/
.pro_select_set {z-index:1; position:relative; padding-bottom:120px;overflow:hidden;}
.pro_select_set .sale_tooltip {margin:20px 20px 0;text-align:center;}
.pro_select_set .sale_tooltip p {background:#1b1e23; color:#fff; font-size:12px; line-height:18px; padding:6px 20px; border-radius:15px; display:inline-block; position:relative}
.pro_select_set .sale_tooltip p > span {display:block;}
.pro_select_set .sale_tooltip p::after {content:""; display:block; width:0; height:0; border-right:solid 5px transparent; border-left:solid 5px transparent; border-top:solid 5px #1b1e23; border-bottom:none; position:absolute; bottom:-5px; left:50%; margin-left:-5px}
.pro_select_set .screen {border-bottom:solid 1px #eef0f2; position:relative; margin-bottom:8px; padding:20px 0}
.pro_select_set .screen::after {content:""; display:block; background:url('../../images/API_M_KO/product/select_set_line.png') 0 bottom no-repeat; background-size:contain; width:25px; height:8px; position:absolute; bottom:-8px; left:50%; margin-left:-12px}
.pro_select_set h4 {color:#1b1e23; font-size:16px; line-height:24px; font-weight:700; margin-bottom:20px; padding:0 20px}
.pro_select_set .brand_select {padding:20px 20px 20px 20px;width:100%;}
.pro_select_set .brand_select h4 {padding-left:0}
.brand_select .swiper-slide {width:109px !important}
.brand_select .radio label strong {color:#1b1e23; font-size:14px; font-weight:normal; line-height:20px}
.brand_select .radio label p {color:#0288d1; font-size:12px; line-height:18px; padding-top:2px}
.brand_select .radio label:before {border:solid 1px #dde0e5}
.brand_select .radio input[type='radio']:checked + label:before {background-color:#1b1e23; border-color:#1b1e23}

.pro_select_set .required_pd { position:relative;/*  margin-bottom:28px; */ padding:20px 0}
/* .pro_select_set .required_pd::after {content:""; display:block; background:url('../../images/API_M_KO/product/select_set_line.png') 0 bottom no-repeat; background-size:contain; width:25px; height:8px; position:absolute; bottom:-8px; left:50%; margin-left:-12px} */
.pro_select_set .required_pd .checkbox_dimm {/*border:solid 1px #1b1e23 */}
.pro_select_set .required_pd .checkbox.new input[type='checkbox']:disabled:checked + label:before {background-color:#abb2be;border-color:#abb2be}
.pro_select_set .checkbox.new label {padding:0; width:20px; height:20px; min-height:20px}
.set_item_list .prd_list_new li .checkbox_dimm {height:100px}
.set_item_list .prd_list_new + .submain_h3 {padding-top:0;}
.set_item_list .counter {position:absolute; top:12px; left:37px; width:auto}/*2023-08-21 top:10px; left:35px; 수정*/
.set_item_list .counter::after {content:""; display:block; clear:both}
.set_item_list .counter li {width:auto; background:#1b1e23; color:#fff; line-height:20px; padding:0 7px; margin-left:1px; font-size:12px; float:left}
.set_item_list .counter li:first-child {margin-left:0}
.set_item_list .bundle {padding:15px 20px 20px; color:#5c6677; height:196px}
.set_item_list .tit {font-size:13px; line-height:20px}
.set_item_list .tit strong {color:#1b1e23; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.set_item_list .tit p {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; max-height:40px}
.set_item_list .del {color:#1b1e23; margin-top:6px}
.set_item_list .del del {display:inline-block; color:#abb2be;font-size:12px;line-height:19px;}
.set_item_list .del .won {margin-left:4px;color:#1b1e23;text-decoration: none; }
.set_item_list .price {line-height: unset;}
.set_item_list .price::after {content:""; display:block; clear:both}
.set_item_list .price strong {display:block; float:left; color:#ea2829; font-size:16px;}
.set_item_list .price p {float:left; line-height:21px; padding:0 0 0 4px; font-size:12px; color:#1b1e23}
.set_item_list .price p > em { font-size:11px;}
.set_item_list [class^="counter_amount"] {margin-top:15px}
.set_item_list .no_stoc .checkbox_dimm {border:0}
.set_item_list .num_amount {margin-top:15px;}
.set_item_list .none {display:none}

.pro_select_set .add_to_cart {position:fixed; bottom:0; left:0; width:100%; height:108px; background:#fff;box-shadow:0 -6px 20px 0 rgba(0,0,0,8%); padding:32px 20px 20px; z-index:200; border-radius:40px 40px 0 0}
.pro_select_set .add_to_cart.open {height:auto; padding-bottom:90px; transition:all .3s}
.pro_select_set .add_to_cart::after {content:""; display:block; background:#fff; width:100%; height:76px; position:absolute; bottom:0; left:0; z-index:100}
.add_to_cart .handler {position:absolute; top:0; left:0; width:100%; height:26px; text-indent:-9999px}
.add_to_cart .handler::before {content:""; display:block; width:32px; height:11px; background:#f5f7fa; position:absolute; left:50%; top:11px; margin-left:-20px; border-radius:10px; background: url('../../images/API_M_KO/common/icon_open.png') no-repeat; background-size: 32px 11px;}
.add_to_cart.open .handler::before {background:url('../../images/API_M_KO/common/icon_close.png') no-repeat; background-size:32px 11px;}
.add_to_cart .handler::after {content:""; display:block; width:100%; height:40px; border-radius:40px 40px 0 0; position:absolute; top:0; left:0; background:transparent}
.add_to_cart .cart_item_list {max-height:167px; background:#fff; overflow-y:scroll;}
.add_to_cart .cart_item_list::-webkit-scrollbar {display:block; width:3px;}
.add_to_cart .cart_item_list::-webkit-scrollbar-thumb {background:#a9a9a9;}
.add_to_cart.open .cart_item_list {}
.cart_item_list li .item_info_box {}
.cart_item_list li {position:relative; border-top:solid 1px #eef0f2; padding-top:12px; margin-top:12px; min-height:62px}
.cart_item_list li:first-child {border-top:0; margin-top:0}
.cart_item_list li::after {content:""; display:block; clear:both}
.cart_item_list .img {display:block; float:left; width:60px; height:60px; position:relative; padding:10px; overflow:hidden;}
.cart_item_list .img::after {content:""; display:block; width:100%; height:100%; background:rgba(12,54,122,.04); position:absolute; top:0; left:0}
.cart_item_list .img img {width:100%}
.cart_item_list .img.adult {background:url('../../images/API_M_KO/product/icon_adult.png') center center no-repeat; background-size:40px 40px;}
.cart_item_list .img.adult img {display:none}

.item_info_box {float:left; width:calc(100% - 70px); margin-left:10px}
.item_info_box .tit {display:block; padding-right:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:17px; height:34px}
.item_info_box .tit strong {font-weight:700; color:#1b1e23;margin-right:5px;}
.item_info_box .box {}
.item_info_box .box::after {content:""; display:block; clear:both}
.item_info_box .box .num_amount {float:left}
.item_info_box .box dl {float:right; font-size:14px; line-height:28px}
.item_info_box .box dl::after {content:""; display:block; clear:both}
.item_info_box .box dt {display:block; float:left; font-weight:700; color:#1b1e23}
.item_info_box .box dd {display:block; float:left; margin-left:8px}
.cart_item_list .option_del {display:block; width:18px; height:18px; text-indent:-9999px; position:absolute; right:0; top:12px; background:url('../../images/API_M_KO/product/btn_optiondel.png') 0 0 no-repeat; background-size:contain}
.add_to_cart .add_btn {display:block; width:100%; height:56px; text-align:center; line-height:56px; background:#eef0f2; color:#abb2be; font-size:16px; position:fixed; bottom:20px; left:20px; width:calc(100% - 40px); z-index:110}
.add_to_cart .add_btn.on {background:#1b1e23; color:#fff;font-weight:700;}

/* S: 2023-08-21 plus chk*/
.pro_select_set .checkbox.new input + label {height:24px;}
.pro_select_set .checkbox.new input[type='checkbox'] + label,
.pro_select_set .checkbox.new input[type='radio'] + label {padding-left:24px;}
.pro_select_set .checkbox.new input[type='checkbox'] + label::before,
.pro_select_set .checkbox.new input[type='radio'] + label:before {width:24px; height:24px; border-radius:50%; background:url('../../images/API_M_KO/common/ic_ck_plus.png') no-repeat center center #d6d6d6; background-size:10px 10px;}
.pro_select_set .checkbox.new input[type='checkbox']:checked + label:before {background:#000;}
.pro_select_set .checkbox.new input + label:after {top: 8px; left: 6px;}
/* E: 2023-08-21 plus chk*/
/*********** // pro_select_set 상품상세 - 세트상품 선택 // ***********/

/*주문결제 */
.category_acc.ty03 {margin: 0; padding: 0; border-bottom: 0; box-shadow: none;}
.category_acc.ty03 .depth01 {border-top:1px solid #dde0e5;}
.category_acc.ty03 .depth01:first-child {border-top:0;}
.category_acc.ty03 .depth01 > a:after {right:0;}
.category_acc.ty03 .depth01 > a {padding: 22px 21px 19px 0;font-size:18px;color:#1b1e23;font-weight:700;}
.category_acc.ty03 .depth01 > a .sub_point {padding-left:3px;font-size:20px; color:#abb2be;display: inline-block;}
.category_acc.ty03 .depth01 > a .rht_item {float:right;padding-right:5px;font-size:16px; color:#abb2be;font-weight:normal;}
.category_acc.ty03 .depth01 > a:after {width:18px;height:18px;background: url(../../images/API_M_KO/common/ic_arrow_black.png) left top no-repeat;background-size:18px 18px; -webkit-transform: rotate(180deg);transform: rotate(180deg);}
.category_acc.ty03 .depth01.active > a:after { -webkit-transform: rotate(0);transform: rotate(0);}
.category_acc.ty03 .depth01 .sel {width:100%;}
.category_acc.ty03 .depth01 .sel select {height:48px;}

.category_list {margin: 0; padding: 0; border-bottom: 0; box-shadow: none;}
.category_list .cat_tit {position:relative;border-top:1px solid #dde0e5;}
.category_list .cat_tit:first-child {border-top:0;}
.category_list .cat_tit > a:after {position: absolute; top:17px; right:0;content: "";width:18px;height:18px;background: url(../../images/API_M_KO/common/ic_arrow_black.png) left top no-repeat;background-size:18px 18px;  -webkit-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: .25s ease-in; transition: .25s ease-in;}
.category_list .cat_tit:first-child > a:after {top:7px;}
.category_list .cat_tit > a.active:after{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
.category_list .cat_tit > a {position:relative;padding: 22px 21px 19px 0;font-size:18px;color:#1b1e23;font-weight:700;display:block;}
.category_list .cat_tit > a .sub_point {padding-left:3px;font-size:20px; color:#abb2be;display: inline-block;}
.category_list .cat_tit > a .rht_item {float:right;padding-right:5px;font-size:16px; color:#abb2be;font-weight:normal;}
.category_list .cat_tit > a .cat_tit_s {font-size:14px;font-weight:normal;}
.category_list .cat_tit.active > a:after { -webkit-transform: rotate(0);transform: rotate(0);}
.category_list .cat_tit .sel {width:100%;}
.category_list .cat_tit .sel select {height:48px;}
.category_list .cat_tit .cat_tit_area {padding: 18px 60px 19px 0;}
.category_list .cat_tit:first-child .cat_tit_area {padding: 18px 60px 19px 0;}
.category_list .cat_tit .cat_tit_area.ty_rht {padding: 18px 0 19px 0;margin-top:10px;}
.category_list .cat_tit .cat_tit_area .cat_tit_rht {float:right;font-size:16px;color:#1b1e23;font-weight:700;}
.category_list .cat_tit .cat_tit_area .cat_tit_rht > span {padding-left:3px;font-weight:normal;display: inline-block;}
.category_list .cat_tit .cat_tit_area + .cat_total {margin-top:-13px}
.category_list .cat_tit .cat_tit_area .square_tooltip {margin-top: 4px;margin-bottom: 4px;vertical-align: top;font-size: 0; line-height: 0;display:inline-block;}
.category_list .cat_tit .cat_tit_area >  strong {font-size:18px;color:#1b1e23;font-weight:700;min-height:20px;}
.category_list .cat_tit .cat_tit_area >  strong > span {padding-left:4px; padding-top: 3px;font-size:14px;font-weight: normal;vertical-align: top;display:inline-block;}
.category_list .cat_tit .cat_tit_area >  strong > em {display:block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}/*2022-08-23 추가*/
.category_list .cat_tit .cat_tit_area >  strong > em + span {padding-left:0;}/*2022-08-23 추가*/

.category_list .cat_tit  a.cat_arrow {position:absolute;right:0;top:12px;width:60px;height:30px;display:block;}
.category_list .cat_tit .cat_total {padding-bottom:16px;font-size:18px; color:#1b1e23;text-align:right;}
.category_list .cat_tit .cat_total::after {display:table;clear:both;content:""}
.category_list .cat_tit .cat_total > span {padding-left:4px;font-size:16px;display:inline-block;}
.category_list .cat_tit .cat_total .txt_lft {float:left;font-size:14px;color:#788497;}
.category_list .cat_tit .cat_total .tit_rht {font-size:16px;color:#1b1e23;}
.category_list .cat_tit .cat_total .tit_rht2 {font-size:16px;color:#788497;}
.category_list .cat_tit .cat_total .txt_lft > span {padding-left:4px;font-size:13px;}
.category_list .cat_tit .cat_total.txt_fix {position:absolute;right:0;bottom:5px;}
.category_list .cat_tit .no_use {position:absolute;left:0;top:65px;width:calc(100% + 40px );background-color:#1b1e23;height:0;opacity:0.6;z-index:10;margin-left:-20px;}
.category_list .cat_tit.check .no_use {height:327px;}
.category_list .cat_con  {display: none}
.category_list.ty_fist {}
.category_list.ty_fist > li:last-child {border-bottom:1px solid #dde0e5}
.category_list.ty_first2 > li:last-child {border-bottom:1px solid #dde0e5}
.category_list.ty_first2 .cat_tit > a:after {top:22px;}
.pay_wrap {padding:0 20px;overflow: hidden;}
.pay_listitem01 {padding-bottom:37px;}
.pay_listitem01 li {margin-top:18px;padding-right:70px;background: url(../../images/API_M_KO/common/ic_gift.png) right center no-repeat;background-size:58px 58px; }
.pay_listitem01 li.gift_none {background:none; }
.pay_listitem01 li:first-child {margin-top:0;}
.pay_listitem01 .pay_listitem01_tit, .pay_listitem02 .pay_listitem02_tit {font-size:14px;color:#1b1e23;font-weight:700;}
.pay_listitem01 .pay_listitem01_txt, .pay_listitem02 .pay_listitem02_txt  {margin-top:2px;}
.pay_listitem01 .pay_listitem01_tit .square_tooltip, .pay_listitem02 .pay_listitem02_tit .square_tooltip {display:inline-block;}
.pay_listitem01 .pay_listitem01_tit .square_tooltip a, .pay_listitem02 .pay_listitem02_tit .square_tooltip a {padding: 0;display:inline-block;}
.pay_listitem01 .pay_listitem01_tit .square_tooltip.bottom_style .btn::after, .pay_listitem02 .pay_listitem02_tit .square_tooltip.bottom_style .btn::after {top:20px;}
.pay_listitem01 .pay_listitem01_txt.color_dark {color:#1b1e23;}
.pay_listitem01.ty_txtpd .pay_listitem01_txt {padding-top:8px;}
.square_tooltip_tit {margin-bottom:16px;padding-right: 40px;color: #1b1e23;font-size:13px;font-weight:700;}
.square_tooltip div{color: #1b1e23;}
.square_tooltip ul li {position:relative;margin-top:6px;padding-left:6px;font-size:12px;font-weight: normal;}
.square_tooltip ul li:first-child {margin-top:0;}
.square_tooltip ul li:before {position:absolute; top:7px;left: 0;content:'';width:2px;height:2px;background-color:#1b1e23;}

.pay_listitem02 {padding-bottom:28px;}
.pay_listitem02 > li {position:relative;margin-bottom:8px;background-color:#f4f5f6;}
.pay_listitem02 > li .box_item {width:100%;display: table;}
.pay_listitem02 > li .box_item.ty_nolink .box_rht {padding-right:20px;}
.pay_listitem02 > li .box_lft {min-width:120px;}
.pay_listitem02 > li .box_lft, .pay_listitem02 li .box_rht {padding:24px 16px;display:table-cell;}
.pay_listitem02 > li .box_rht {padding-left:0;padding-right:34px;text-align:right;}
.pay_listitem02 > li a.link_item {position:absolute;left:0;top:0;width:100%;height:100%;display:block;}
.pay_listitem02 > li a.link_item:after {content:''; position:absolute;top:50%;right: 10px;width:16px;height:16px;margin-top:-8px;background: url(../../images/API_M_KO/common/ico_bt_arrow.png) left top no-repeat;background-size:16px 16px;}
.pay_listitem02 .pay_listitem02_txt2 {padding-top: 2px;color:#1b1e23;}
.pay_listitem02 .pay_listitem02_txt3 {padding-top: 2px;color:#5c6677;}
.pay_listitem02 .pay_listitem02_txt4 {padding-top: 2px;color:#0288d1;}
.pay_listitem02 > li.plus_area {padding:14px 0 24px;}
.pay_listitem02 > li.plus_area > .plus_btn_area  {margin-top:14px;text-align:center;}
.pay_listitem02 > li.plus_area .box_lft, .pay_listitem02 > li.plus_area .box_rht {display:table-cell;}
.pay_listitem02 > li.plus_area .box_lft{padding:10px 10px 0 16px;}
.pay_listitem02 > li.plus_area .box_rht {padding:10px 16px 0 10px;}

.pay_listitem03 {width:100%;margin-top:9px;display: inline-block;}
.pay_listitem03 li {float:left;width:50%;}
.pay_listitem03 li.pl4 {padding-left:4px;}
.pay_listitem03 li.pr4 {padding-right:4px;}
.pay_listitem03 li .gray_box {width:100%;padding:24px 12px;background-color:#f4f5f6;display:table;}
.pay_listitem03 li .gray_box .tit_lft, .pay_listitem03 li .gray_box .txt_rht{font-size:14px;display:table-cell;letter-spacing: -.05em;}
.pay_listitem03 li .gray_box .tit_lft{color:#5c6677;font-weight:700;}
.pay_listitem03 li .gray_box .txt_rht{color:#1b1e23;font-weight:700;text-align:right;}
.btn_tip {width:18px;height:18px;padding:0 !important;margin-left:4px;border-radius:50%;box-sizing:border-box;background-color:#bcc1cb;color:#fff !important;font-size:13px !important; text-indent: -2px;line-height:19px !important;text-align:center;display:inline-block !important;}
.btn_tip:after {display:none;}
.box_item2 {padding:20px;}
.box.cart_area .prd_list_top.ty02{border-top:0;}

.box_item2.ty02 .box_sub {padding-top:8px;}
.box_item2 .box_wid, .box_item3 .box_wid {width:100%;display: table;}
.box_item2 .box_wid .pay_listitem02_tit, .box_wid .pay_listitem02_txt {padding:0;display:table-cell;}
.box_item2 .txt_can_use {font-size:13px;color:#5c6677;margin-top:8px;}
.box_item2 .txt_can_use > span {font-size:14px;font-family:"Roboto";font-weight:700;margin-left:3px;}
.box_item3 {padding-bottom:28px;}
.box_item3 .box_wid .pay_listitem02_tit {font-size:13px;color:#1b1e23;}
.box_item3 .box_wid .pay_listitem02_txt {color:#5c6677;}
.box_item3 .box_wid {margin-bottom:8px;}
.box_wid .pay_listitem02_txt {text-align:right;color:#5c6677;}
.box_wid .pay_listitem02_txt .txt_info {padding-right:4px;}
.box_wid .pay_listitem02_txt .price_area {font-size:14px;color:#1b1e23;font-weight:700;}
.box_item2 .save_point_link {margin-top:8px;font-size:13px;}
.box_item2 .save_point_link a {padding-right:16px;background: url(../../images/API_M_KO/common/ic_arrow_sh03.png) right center no-repeat; background-size: 16px 16px;color:#5c6677;display: inline-block;}
.box_item2 .save_point_link span {color:inherit; font-size:14px;font-weight:700;}
.box_sub {padding-top:16px;}
.box_sub .textdata_info {padding-top:16px;border-top:1px solid #dde0e5;}
.box_sub .textdata_info dd {color:#abb2be;}
.box_sub .textdata_info dd.dd_dot:before {background-color:#abb2be;}
.box_bottom {width:100%;padding-top:8px;display: table;}
.box_bottom .tbl_lft, .box_bottom .tbl_rht { vertical-align: top;display:table-cell;}
.box_bottom .tbl_lft {color:#abb2be;font-size:12px;}
.box_bottom .tbl_rht {width:163px;font-size:0;text-align:right;}
.box_bottom .tbl_rht .btn_basic7 + .btn_basic7 {margin-left:8px;}
.txt_wrap {padding:0 20px;}
.th_tit01 {font-size:16px;color:#1b1e23;}
.box_list {margin-top:20px;padding:16px 20px;border:1px solid #dde0e5;}
.box_list {font-size:12px;}
.box_list .dot_list li:before {width:2px;height:2px;}
.mt12 {margin-top:12px;}
.mt30 {margin-top:30px;}
.h3_type4 {padding-top:28px;font-size:18px;font-weight:700;}
.tbl_div {display: flex;}
.tbl_cell {width:100%;}
.pay_apply_area {position:relative;height: 50px; background: #fff;border:1px solid #dde0e5;padding-right:95px;}
.pay_apply_area input {border:none;width:100%;height: 48px; line-height: 48px;padding:0 20px;vertical-align: top;}
.pay_apply_area input[disabled='disabled'] + button { background-color: #eef0f2; color: #aeb5c0;}
.pay_apply_area .btn_coupon_apply {display:inline-block;position:absolute;right:-1px;top:-1px;height: 50px;line-height: 50px;min-width: 95px;border:1px solid #dde0e5;background-color:#fff;padding:0 20px;font-size:14px;color:#1b1e23;letter-spacing:-0.7px;}
.pay_apply_area .btn_coupon_apply.btn_readonly {background-color:#eef0f2;color:#aeb5c0;}
.btn_basic7 {height: 36px !important; line-height: 34px !important;font-size: 12px !important;color:#1b1e23 !important;background-color:#fff;border:1px solid #1b1e23;border-radius:0 !important;}
.btn_basic7.big {height: 48px !important; line-height: 48px !important;font-size: 14px !important;  letter-spacing: -.08em;}
.btn_basic7.bbig {height: 40px !important; line-height: 38px !important;font-size: 12px !important; font-weight:700; letter-spacing: -.08em;}
.btn_rht_area {padding-top:15px;text-align:right;}
.btn_arrow {padding:5px 17px 5px 10px;font-size:13px;color:#5c6677;background: url(../../images/API_M_KO/common/ic_pay_arrow.png) right center no-repeat;background-size:16px 16px;display:inline-block;}

.radio.ty02 + .radio.ty02 {margin-left:20px;}
.tab_list {width: 100%;margin:0 -2px;display:flex;}
.tab_list li{position: relative;float: left;width:100%;height: 48px;margin:0 2px;background: #eef0f2;text-align:center;line-height: 1.2; }
.tab_list li > span {position: relative;font-size: 12px;color: #1b1e23;text-decoration: none;display: flex; justify-content:center; align-items:center; height:100%;}
.tab_list li.is_active {background: #1b1e23;}
.tab_list li.is_active span {color:#fff; font-weight: 700;}
.tab_cont_box {width: 100%;padding:28px 0 0;}
.tab_cont_item {padding-bottom:28px;}
.tab_list li > span.card_badge:after {position:absolute;content:''; top:-14px;right: 4px;width:42px;height:28px;background: url(../../images/API_M_KO/order/ic_card_flag.png) left top no-repeat;background-size:42px 28px;}

.pay_wrap .tbl_box .tbl_tit_area {padding-bottom:18px;}
.pay_wrap .category_list .cat_tit > a:after {top:22px;}
.tbl_box {border-top:1px solid #dde0e5;padding-top:27px;}
.tbl_box.ty_foot {border-top:0;padding-top:12px;}
.tbl_box.ty_foot .tbl_list_total {border-top:1px solid #1b1e23;margin-top: 12px;padding-top:12px;}
.tbl_box.ty_foot .tbl_list_total .barcode_wrap {margin:28px 0 40px;}
.tbl_box .tbl_tit {font-size:18px;color:#1b1e23;font-weight:700;}
.tbl_box .tbl_tit_area {width:100%;display:table;}
.tbl_box .tbl_tit_area > div {display:table-cell;vertical-align: middle;}
.tbl_box .tbl_tit_area .tbl_total {color:#abb2be;font-size:14px;font-weight:700;text-align:right;}
.tbl_box .tbl_tit_area .tbl_total > em {padding:0 0 0 4px;font-size:16px;display:inline-block;}
.tbl_box .tbl_list > li {padding-top:10px;}
.tbl_box .tbl_list > li:firdt-child {padding-top:0;}
.tbl_box .tbl_list dl {width:100%;display:table;}
.tbl_box .tbl_list dl dt {width:50%;}
.tbl_box .tbl_list dl dt > strong > em {display:inline-block;}
.tbl_box .tbl_list dl dt,
.tbl_box .tbl_list dl dd {color:#1b1e23;font-size:14px;display:table-cell;}
.tbl_box .tbl_list dl dt .square_tooltip {display: inline-block;}
.tbl_box .tbl_list dl dt .tit_sub {padding:8px 0;color:#5c6677;font-size:13px;display:block;}
.tbl_box .tbl_list dl dt .tit_sub2 {padding-top:0;color:#1b1e23;font-size:14px;display:block;}
.tbl_box .tbl_list dl dt > strong {font-weight:normal;}
.tbl_box .tbl_list dl dd {font-size:16px;font-weight:700;text-align:right}
.tbl_box .tbl_list dl dd .txt_sub3 {padding-top:10px;color:#788497;font-size:15px;font-weight:700;text-align:right;display:block;}
.tbl_box .tbl_list dl dd .txt_sub4 {padding-top:4px;color:#788497;font-size:12px;text-align:right;display:block;}
.tbl_box .tbl_list dl dd .txt_sub5 {padding-top:4px;color:#1b1e23;font-weight:700;font-size:14px;text-align:right;display:block;}
.tbl_box .tbl_list dl dd .txt_sub5 > span {font-size:13px;font-weight:normal;}
.tbl_box .tbl_list dl dd .txt_sub6 {padding-top:4px;color:#1b1e23;font-weight:700;font-size:18px;text-align:right;display:block;}
.tbl_box .tbl_list dl dd > span {padding-left:4px;font-size:14px;font-weight:normal;display:inline-block;}
.tbl_box .tbl_list dl dd .unit {padding-left:4px;font-weight:normal;display:inline-block;}
.tbl_box .tbl_list .tbl_foot dt, .tbl_box .tbl_list .tbl_foot dd {color:#ea2829; font-weight:700;}
.tbl_box .tbl_list.ty_dd16 dd {font-size:14px;}
.tbl_cont {padding:4px 0 18px;}
.tbl_cont > li {width:100%;padding-top:8px;display:table;}
.tbl_cont > li span {color:#5c6677;display:table-cell;}
.tbl_cont > li .tbl_cont_tit {position: relative;padding:0 10px 0 17px;font-size:12px;}
.tbl_cont > li .tbl_cont_tit2 {position: relative;padding:0 10px 0 0;font-size:12px;}
.tbl_cont > li .tbl_cont_tit:before, .tbl_cont > li .tbl_cont_tit:after {position:absolute;content:''; top:5px;left:6px;width:6px;height:6px;}
.tbl_cont > li .tbl_cont_tit:before {background-color:#5c6677;}
.tbl_cont > li .tbl_cont_tit:after {top:4px;left:7px;background-color:#fff;}
.tbl_cont > li .tbl_cont_txt {min-width:90px;text-align:right;}
.tbl_cont > li .tbl_cont_txt > em {padding-left:2px;font-size:12px;display:inline-block;}
.btn_more_toggle {width:16px;height:16px;margin-left:4px;background: url(../../images/API_M_KO/common/ic_arrow02_d.png) right center no-repeat;background-size:16px 16px;color: transparent;font-size:0;text-indent:-999px;vertical-align: top;overflow:hidden;display:inline-block;}
.btn_more_toggle.is_active {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.btn_m_tg {width:16px;height:16px;margin-left:4px;background: url(../../images/API_M_KO/common/ic_arrow02_d.png) right center no-repeat;background-size:16px 16px;color: transparent;font-size:0;text-indent:-999px;vertical-align: middle;overflow:hidden;display:inline-block;-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.btn_m_tg.is_active {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
.toggle_item .tbl_cont_wrap {display:none;}
.card_item {position:relative;width:100%;height:180px;border-radius:8px;box-shadow: 0 3px 5px 0 rgb(228 228 228);overflow:hidden;}
.card_item.card_normal {background-color:#f2f4f7;border:1px solid #dde0e5;text-align:center;}
.card_item.card_normal:before, .card_item.card_normal:after{position:absolute;content:''; top:50%;left: 50%;width:2px;height:12px;margin:-6px 0 0 -2px;background-color:#abb2be;display: block;}
.card_item.card_normal:after{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.card_item.card_normal > p {padding-top:96px;font-size:12px;color:#abb2be;}
.card_item .card_wrap {position:relative;height:100%;padding:20px;color:#fff;border:4px solid transparent;}
.card_item .card_wrap.card_choose {border:4px solid #000;}
.card_item .card_wrap:after {display:table;clear:both;content:""}
.card_item .card_wrap .btn_set {float:right;height:30px;padding:0 14px;border:1px solid #fff;border-radius:20px;font-size:12px;color:#fff;display: block;}
.card_item .card_wrap .checkbox.new label {color:#fff;}
.card_item .card_wrap[class*='color_payitem0']  .card_tit {margin:0;}
.card_item .card_wrap .card_tit {margin:0 0 12px;font-size:20px;font-weight:700;}
.card_item .card_wrap .card_tit > img {width:72px;height:72px;}
.card_item .card_wrap .card_txt {margin-bottom:8px;font-size:10px;line-height:12px;opacity: .6;}
.card_item .card_wrap .pay_tit_wrap {width:100%;padding-top:27px;display:table;}
.card_item .card_wrap .pay_tit_wrap p {display:table-cell;color:#fff;}
.card_item .card_wrap.color_payitem02 .pay_tit_wrap p {color:#1b1e23;}
.card_item .card_wrap .pay_tit_wrap .pay_tit_lft {font-size:20px;font-weight:700;}
.card_item .card_wrap .pay_tit_wrap .pay_tit_rht {font-size:13px;text-align:right}
.card_item .card_wrap .btn_appset {color:#fff;font-size:13px;font-weight:700;display:inline-block;}
.card_item .card_wrap .btn_appset:after {content:"";width:16px;height:16px;background: url(../../images/API_M_KO/common/ic_arrow_rht_w.png) right 1px no-repeat;background-size:16px 16px;font-weight:700;vertical-align: top;display:inline-block;}
.card_item .card_wrap.color_item00 {border:1px solid #dde0e5;border-radius: 8px;}
.card_item .card_wrap.color_item00 .card_tit {color:#1b1e23;}
.card_item .card_wrap.color_item00 span.btn_set {color:#5c6677;font-size:13px; border:0;}
.textdata_info {padding-top:28px;}
.textdata_info dt {font-size:14px;color:#1b1e23;font-weight:700;}
.textdata_info dt.dt_sub {padding-top:12px;font-size:13px;color:#5c6677;font-weight:700;}
.textdata_info dd +dt.dt_sub {padding-top:16px;}
.textdata_info dd {padding-top:8px;color:#5c6677;line-height: 19px;}
.textdata_info dd + dt {padding-top:20px;}
.textdata_info dd.dd_dot {position:relative;padding-left:8px;}
.textdata_info dd.dd_dot:before {position:absolute;content:''; top:15px;left: 0;width:2px;height:2px;background-color:#5c6677;display:inline-block;}
.color_KRO016406 {background-color:#585a5f;}/*현대카드*/
.color_KRO016401 {background-color:#aa1538;}/*BC카드*/
.color_KRO016421 {background-color:#d8181f;}/*롯데카드*/
.color_KRO016403 {background-color:#00907f;}/*하나카드*/
.color_KRO016404 {background-color:#0b1966;}/*신한카드*/
.color_KRO016402 {background-color:#645b4c;}/*KB국민카드*/
.color_KRO016405 {background-color:#006bff;}/*삼성카드*/
.color_KRO016408 {background-color:#3270b7;}/*NH농협카드*/
.color_item09 {background-color:#ed4c1a;}/*해외신용카드*/
.color_KRO0164P000 {background-color:#ed4c1a;}/*해외신용카드*/
.color_toss {background:#0064FF} /* 토스뱅크 2022-05-30 추가 */
.color_kdb {background:#00357F} /* KDB산업체크 2022-05-30 추가 */
.color_post {background:#EE2722} /* 우체국체크 2022-05-30 추가 */
.color_mg {background:#00326D} /* MG새마을금고체크 2022-05-30 추가 */
.color_savings {background:#005EA1} /* 저축은행체크 2022-05-30 추가 */
.color_shinhyeop {background:#0B56A7} /* 신협체크 2022-05-30 추가 */
.color_union {background:#006D6F} /* 중국은련 2022-05-30 추가 */
.color_discover {background:#F07622} /* 해외DISCOVER 2022-05-30 추가 */

.color_KRO0102105 {background-color:#0a45cd;}/*삼성페이*/
.color_KRO0102106 {background-color:#ffdf00;}/*카카오페이*/
.color_KRO0102203 {background-color:#006d6f;}/*유니온페이*/
.color_KRO0102205 {background-color:#006d6f;}/*유니온페이 2021-08-20 추가*/
.color_KRO0102201 {background-color:#00a2ef;}/*알리페이*/
.color_KRO0102107 {background-color:#332d97;}/*스마일페이*/
.color_KRO0102202 {background-color:#00b73a;}/*위챗페이*/
.color_KRO0102108 {background-color:#585858;}/*네이버페이*/
.color_KRO0102204 {background-color:#002c8a;}/*페이팔*/
.color_KRO0102109 {background-color:#FA2828;} /* 페이코 */
.color_payitem08 {background-color:#5c6677;}/*휴대폰 소액결제*/

.card_item .card_wrap .sel {position:absolute;right:20px;bottom:28px;background:none;width:110px !important;}
.card_item .card_wrap .sel:after {right: 0;width:12px;height:8px;background: url(../../images/API_M_KO/common/ic_dropdown_w.png) right center no-repeat;background-size:12px 8px;}
.card_item .card_wrap .sel select {height:32px;padding-left:0;border:0; border-bottom:2px solid #fff;color:#fff;font-size:14px;line-height:32px;font-weight: 700;}
.card_item .card_wrap .sel select option {color:#1b1e23;}
.category_acc.ty03 .depth01 .cart_bottom .btn_group a.bbig {color: #fff;font-size:16px;}
.category_acc.ty03 .depth01 .cart_bottom .btn_group a:after{display:none;}
.category_acc.ty03 .depth01 .cart_bottom .checkbox.new label {font-size:14px;}
.category_acc .depth01 .visual_item a {padding:0;}
.cart_bottom .btm_cont .pay p:first-child {padding-top:3px;}
.cart_bottom .btm_cont .pay p:first-child {padding-top:3px;}
.cart_bottom .btm_cont .pay p.ck_pd { max-width: 135px;}
.card_item .fom_list {padding-top:30px;}
.paylist {padding:0 10px;margin-bottom: -10px;}
.paylist:after {display:table;clear:both;content:""}
.paylist > li {float:left;width:50%;padding:0 0 10px;}
.paylist > li  > div {position:relative;padding:9px 5px 9px 20px;border:1px solid #fff;border-radius:8px;font-size: 0;}
.paylist > li  > div.is_active {border:1px solid #1b1e23;    box-shadow: 0 6px 10px rgb(0 0 0 / 8%);}
.paylist > li  > div.is_active > span {font-weight:700;color:#1b1e23;}
.paylist > li  > div > img, .paylist > li  > div > span  {vertical-align: middle;}
.paylist > li  > div > img {width:36px;height:36px;display:inline-block;}
.paylist > li  > div > span {max-width: calc(100% - 36px);padding-left:12px;font-size:14px;color:#abb2be; display:inline-block;}
.paylist > li:nth-child(2n-1) {padding-right:4px;}
.paylist > li:nth-child(2n) {padding-left:4px;}
.paylist > li > div .pay_badge {position:absolute; top:-14px;right: 4px;min-width:50px;height:28px;line-height:28px;padding:0 8px;background-color:#ea2829;border-radius:20px;font-size:12px;color:#fff;}

.paylist.ty2 {padding:20px;margin-bottom:0;}
.paylist.ty2  > li  > div.is_active {border:1px solid #585a5f;background-color:#585a5f;}
.paylist.ty2  > li  > div.is_active span {color:#fff;}
.paylist.ty2  > li  > div {padding:14px 20px;border:1px solid #dde0e5;}
.paylist.ty2 > li  > div > span {max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left:0;color:#1b1e23;font-weight: bold;}

.cash_wrap {margin-top:28px;padding-top:28px;border-top: 1px solid #dde0e5;}
.dl_tbl {margin-top:20px;}
.dl_tbl > li {width:100%;display:table;}
.dl_tbl > li .txt_dt {width:61px;padding-bottom:6px;font-size:14px;color:#5c6677;display:table-cell;}
.dl_tbl > li .txt_dd {font-size:14px;color:#1b1e23;display:table-cell;}
.box_form {position:relative;padding:20px;border:1px solid #dde0e5;border-radius:8px;}
.box_form.is_active {border:1px solid #1b1e23;box-shadow: 3px 3px 5px 0 rgb(228 228 228);}
.box_form + .box_form {margin-top:16px;}
.radio_ty_box .pay_badge,
.box_form .pay_badge {position:absolute; top:-14px;right: 4px;min-width:50px;height:28px;line-height:28px;padding:0 8px;background-color:#ea2829;border-radius:20px;font-size:12px;color:#fff; z-index: 1;}
.box_form_ck {padding:20px;border:1px solid #dde0e5;}

.radio_ty_box {position:relative;}
.radio_ty_box .label_tybox {padding: 20px;border-radius:8px;display:block;}
.radio_ty_box + .radio_ty_box {margin-top:16px;}
.radio.radio_ty_box .label_tybox {border:1px solid #dde0e5;border-radius:8px;}
.radio.radio_ty_box .label_tybox .label_txt{padding-left:28px;}
.radio.radio_ty_box  input[type='radio']:checked +.label_tybox {border:1px solid #1b1e23;box-shadow: 3px 3px 5px 0 rgb(228 228 228);}
.radio.radio_ty_box  input[type='radio']:checked +.label_tybox:after {left:26px;top:26px;}
.radio.radio_ty_box input[type='radio']:checked + .label_tybox:before {left:20px;top:20px;}
.radio.radio_ty_box .label_tybox:before {left:20px;top:20px;}

.terms_item {padding-top:28px;}
.terms_item li{margin-top:16px;}
.terms_item li:first-child{margin-top:0;}
.terms_cont {padding-top:28px;color:#5c6677;font-size:12px;display:none;}
.terms_cont > div + div {margin-top:20px;}
.terms_tit {position:relative;padding-right: 40px;}
.terms_tit .checkbox.new label {font-size:14px;}
.terms_toggle {position: absolute;right:0;top:0;}
.btn_wrap2 {padding:28px 20px 12px;}
.pdt20 {padding-top:20px !important;}
.pd_rl20 {padding:0 20px !important;}
.mt12 {margin-top:12px;}
.wid100{width:100% !important;}
.wid50 {width:50% !important;}
.fom_list.pd_ty {margin:0 -20px 20px -20px!important; }
.mg-pd {padding-top:28px !important;margin-left:-20px !important;margin-right:-20px !important;}
.link_txt_point {color:#0288d1 !important;border-bottom:1px solid #0288d1;}
.link_txt_point.ty_s {font-size:12px;font-weight:normal;}
.popupcont_wrap.ty02 {padding-top:18px;}
.ty_underline { text-decoration: underline; text-underline-position: under;}
/* card_visual swiper */
.card_visual {position:relative;width:100%;padding-right:20px;}
.card_visual .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox;}
.card_visual .visual_item {position:relative;background:#fff;}
.card_visual .visual_item:last-child {}
.card_visual .visual_item > a {padding:0 !important;}
.card_visual .visual_item .item_img {position:relative;}
.card_visual .visual_item .item_img img {width:100%;height:auto;}
.card_visual .card_visual_tit {position:absolute;bottom:20px;left:20px;font-size:14px;font-weight:700;color:#fff;z-index:1;}
/* .pd_line_list {padding-bottom:76px;} */
.pd_line_list .fom_list > ul > li{padding-bottom:28px;border-bottom:1px solid #dde0e5;}
.pd_line_list .fom_list > ul > li:last-child {padding-bottom:0;border-bottom:0;}
.pd_line_list .fom_list > ul > li .sel + .form_tit {padding-top:12px;}
.pd_coupon_item {position:relative;padding:0 0 12px 76px;color:#1b1e23;}
.pd_coupon_item img{position:absolute;left:0;top:0;width:56px;height:56px;}
.pd_coupon_tit {padding-top: 2px;font-weight:700;}
.pd_coupon_txt {padding-top:18px;font-size:16px;font-weight:700;}
.pd_coupon_txt .unit {padding-left:4px;color:#5c6677;display:inline-block;}

/* .plus_wrap {padding-bottom:80px;} */
.plus_wrap .fom_list > ul > li {padding-bottom:0;}
.plus_wrap .fom_list > ul > li:first-child {padding-bottom:0;padding-top:0;}
.plus_wrap .pay_apply_area .btn_coupon_apply {top: -1px;border: 1px solid #1b1e23;}
.plus_area_tit {margin:40px 0 16px;color:#1b1e23;font-size:18px;font-weight:700;}
.plus_area_tit:after {display:table;clear:both;content:""}
.plus_area_tit .float_rht {float:right;}
.plus_area_tit > em {padding-left:4px;color:#abb2be;display: inline-block;}
.fom_list.ty_cklist > ul > li {padding-top:16px;}
.ch_plus label {padding-left:22px;border:1px solid #dde0e5;border-left:6px solid #dde0e5;display:block !important;}
.ch_plus .ch_plus_tit {position:relative;width:100%;padding:10px 40px 10px 22px; font-size:16px;font-weight:700;display:block;}
.ch_plus .ch_plus_label {padding:0 0 16px 22px;width:100%;padding-right:16px;display: block;}

.ch_plus .ch_plus_label span { font-size:13px;color:#5c6677 !important;display:block;}
.ch_plus .ch_plus_label .ch_plus_date {margin-top:12px;font-size:12px;}

.ch_plus_item .ck_label {border:1px solid #1b1e23;border-left:6px solid #1b1e23;display:block !important;}
.ch_plus_item .ch_plus_tit {position:relative;width:100%;padding:10px 0 10px 22px;color:#1b1e23; font-size:16px;font-weight:700;display:block;}
.ch_plus_item .ch_plus_label {padding:0 0 16px 22px;width:100%;padding-right:16px;display: block;}
.ch_plus_item .ch_plus_label span { font-size:13px;color:#1b1e23 !important;display:block;}
.ch_plus_item .ch_plus_label .ch_plus_date {margin-top:12px;font-size:12px;}

.ui-title .float_rht {float:right;}

.checkbox.ch_plus input[type='checkbox']:checked + label,
.radio.ch_plus input[type='radio']:checked + label {border-color:#1b1e23;box-shadow: 0 6px 10px rgb(0 0 0 / 8%);}
.checkbox.new.ch_plus, .radio.new.ch_plu {position:relative;display:block !important;}
.checkbox.new.ch_plus input[type='checkbox']:disabled + label,
.radio.new.ch_plus input[type='radio']:disabled + label {opacity: .5;}
.checkbox.new.ch_plus.ty_disabled::after, .radio.new.ch_plus.ty_disabled::after {position:absolute;bottom:16px;right:16px;content:'중복사용불가';width:70px;height:20px;background:none;font-size:12px;color:#1b1e23;display: inline-block;}
.checkbox.new.ch_plus label, .radio.new.ch_plus label{padding-left: 0 !important;}
.checkbox.new.ch_plus label:before, .radio.new.ch_plus label:before {left: unset;right:16px;top:10px;}
.checkbox.new.ch_plus label:after {left: unset;right:19px;top:15px;}
.radio.new.ch_plus label:after {left: unset;right:22px;top:16px;}

.fom_rht_btn {width:120px !important;}
.fom_rht_btn .btn_basic_new1.big {width:100% !important;height:48px; font-size: 14px !important;line-height:46px;}
.txt_time {padding-left:4px;color:#ea2829;font-size:12px;display:inline-block;}
.com_error .form_txt_comment {color:#ea2829;}
.form_box.com_error input {border:1px solid #ea2829;}
.a_type_lft .text_ty2 + .text_ty3 {margin-top:28px;}
.a_type_lft .text_ty4 { font-size: 12px;color:#5c6677; }
.layer_newtype .alert_type.a_type_lft .text_ty3 {font-size: 13px;text-align:left !important;}
.layer_newtype .alert_type.ty2 {padding-bottom:54px!important;}
.form_box.ty_line {margin-top:16px;padding-top:20px;border-top:1px solid #dde0e5;text-align:center;}
.form_box.ty_line .checkbox {padding-bottom:8px;}
.btn_wrap3 {padding-top:28px;}
.top_tit_area {padding:146px 0 60px;}
.top_tit_area  p {color:#1b1e23;font-size:16px;font-weight:700;text-align:center;}
.top_img01 {background: url(../../images/API_M_KO/order/ic_card.gif) center 63px no-repeat;background-size:72px 72px;}
.box_gray {margin:0 30px;padding:20px;background-color:#f4f5f6;}
.box_gray li{width:100%;padding-top:12px;display:table;}
.box_gray li:first-child {padding-top:0px;}
.box_gray li > span {color:#1b1e23;font-size:14px;vertical-align: middle;display: table-cell;}
.box_gray_rht {padding-left:10px;text-align:right;}
.box_gray_rht button{min-width:100px !important;}
.box_gray_topline {margin-top:16px;padding-top:16px;border-top:1px solid #dde0e5;}
.box_gray2 {padding:28px 20px;background-color:#f7f7f7;}
.box_gray2 .dot_list_new li {font-size:12px;}
.box_gray3 {margin-bottom:28px;padding:12px;background-color:#f7f7f7;border-radius: 8px;}
.product_del_info {margin-bottom:10px;color:#5c6677;}
.btn_basic_new4 {background-color:#fff;border-color:#abb2be;color:#1b1e23;}
.tit16_cnt {padding:36px 0 16px;color:#1b1e23;font-size:16px;text-align:center;}

.tit_h3 {padding:28px 0;color:#1b1e23;font-size:16px;font-weight:700;}
.tit_h4 {padding:28px 0 20px;color:#1b1e23;font-size:18px;font-weight:700;}

.tb_list2 table {border-top:2px solid #1b1e23;text-align:left}
.tb_list2 thead th {padding:8px 0;border-bottom:1px solid #dddddd;font-size:12px;line-height:17px;text-align:center}
.tb_list2 tbody th {padding:18px 10px;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;font-size:13px;color:#1b1e23;line-height:17px;vertical-align:top}
.tb_list2 tbody tr.tbl_line_ty th {font-size:12px;color:#5c6677;line-height:24px;}
.tb_list2 tbody tr.tbl_line_ty td {line-height:24px;}
.tb_list2 tbody td {padding:18px 12px;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;font-size:13px;line-height:18px;color:#1b1e23;vertical-align:top}
.tb_list2 tbody td:last-child {border-right:0;}
.tb_list2 .win_table {margin-bottom:20px;}
.tb_list2 .win_table td {vertical-align:middle;border-right:0;padding:16px 10px;font-size:13px;}
.tb_list2 .win_table td.result {text-align:right;}
.tb_list2 .win_table td strong,
.tb_list2 .win_table td span {display:block;}
.tb_list2 .win_table td strong {font-size:14px;color:#1b1e23;}
.tb_list2 .win_table td span {color:#788497;}
.tb_list2 .win_table td strong + span {margin-top:5px;}
.tb_list2 + .attention_wrap {margin:20px 0 30px;}
.pd_wrap {padding:0 20px 28px;}
.pd_wrap2 {padding:0 20px;}
.pd_wrap2 .order_no_data {padding-bottom:40px !important;border-bottom:0 !important}

.mt28 {margin-top:28px !important;}
.text_ty2.txt_hig40 {margin:40px  0!important;}
.txt_hig20 {margin:20px  0 28px!important;}
.btn_newlayer {position:absolute;left:0;bottom:0;width:100%;height: 54px;display: flex;background-color:#fff;z-index:10;}
.btn_newlayer > div + div {border-left: 1px solid #eef0f2;}
.btn_newlayer > div {width:100%;line-height: 54px;border-top: 1px solid #eef0f2;font-size:15px;text-align: center;}
.btn_newlayer > div.newlayer_close {position:static !important;}
.btn_newlayer > div button {font-size:15px;}

.ck_list >li:first-child {margin-top:0;}
.ck_list >li {position:relative; margin-top:20px;overflow:hidden; padding-right:25px;}/*2022-09-21 position, padding-right 추가*/
.ck_arrow {float: right;width:20px;height:20px;background: url(../../images/API_M_KO/common/ic_pay_arrow.png) center center no-repeat;background-size:16px 16px;text-indent:-999px;overflow: hidden; vertical-align: middle;}
.ck_list .ck_arrow {position:absolute; right:0; top:0; }/*2022-09-21 추가*/
.non_member > li {padding:28px 0;border-top:1px solid #dde0e5;}
.non_member > li:first-child {padding-top:0;border-top:0;}
.non_member > li:last-child {padding-bottom:0;}
.non_member .fom_list {padding:2px 0;}

/* brandshop */
.contaner_brand {position:relative;width:100%;height:100%;overflow:hidden;}
.brandshop_swiper {overflow:hidden;position:relative;width:100%;height:451px;margin-top:60px;}
.brandshop_swiper .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox;}
.brandshop_swiper .visual_item {position:relative;background:#fff;width:100%;}
.brandshop_swiper .visual_item iframe {width:100%;min-height:451px;}
.brandshop_swiper .visual_item a img {width:100%;}
.brandshop_swiper .visual_item a {}
.brandshop_swiper .visual_item a.noimg_bg {min-height:451px;}
/* .brandshop_swiper .visual_item video {height: 100vh;max-height:469px;width: 100%;object-fit: cover;position: absolute;z-index:0;} */
.brandshop_swiper .visual_item video {height: 100% !important;max-height:100% !important;width: auto !important; max-width:100% !important; object-fit: cover;position: absolute;left:50%;z-index:0; transform:translateX(-50%);}
.brandshop_swiper .visual_bottom {position:absolute;top:10px;left:20px;width:100%;z-index:10;}
.brandshop_swiper .visual_bottom .vb_inner {position:relative;right:0;display:inline-block;width:92px;height:40px;padding-left:5px;color: #ffffff;font-size: 15px;line-height:38px;text-align:left;}
.brandshop_swiper .visual_bottom .vb_inner .space {padding:0 4px;opacity:.6;}
.brandshop_swiper .visual_bottom .vb_inner .num_total {opacity:.6;}
.brandshop_swiper .brandshop_swiper_tit {position:absolute;top:80px;left:20px;font-size:18px;font-weight:700;color:#1b1e23;line-height:27px;width:100%;}
.brandshop_swiper .brandshop_swiper_tit .tx1 {text-shadow: 0 4px 10px rgb(0 0 0 / 50%);color:#fff;padding-right:50px;display:block;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;font-size:22px;line-height:33px;}
.brandshop_swiper .brandshop_swiper_tit .tx2 {text-shadow: 0 4px 10px rgb(0 0 0 / 50%);color:#fff;padding-right:50px;display:block;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;font-size:22px;line-height:33px;}
.brandshop_swiper .brandshop_swiper_tit .tx3 {text-shadow: 0 4px 10px rgb(0 0 0 / 50%);color:#fff;padding-right:50px;display:block;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

.brand_con_all_area .banner_visual .visual_item a {height:auto;}

.brand_infomation_txt {font-size:16px;line-height:24px;color:#1b1e23;padding:20px;padding-top:30px;}
.bottom_page_con .brand_logo {display:block;margin-top:35px;text-align:center;}
.bottom_page_con .brand_logo img {width:auto;height:40px;}

.bottom_top_swiper {position:relative;}
.brandshop_swiper_bottom {position:absolute;bottom:55px;left:0;width:100%;padding:0 20px;z-index:10;}
.brandshop_swiper_bottom .tit_area {position:relative;font-size:24px;font-weight:700;color:#1b1e23;padding-right:70px;}
.brandshop_swiper_bottom .tit_area.type02 {padding-right:110px;min-height:32px;}
.brandshop_swiper_bottom .tit_area.type_white {color:#fff;}
.bull_like_area {position:absolute;right:0;top:0;}
.bull_like_area2 {position:absolute;left:10px;top:5px;}
.bull_like_area .motion_area {position:absolute;right:-24px;bottom:-32px;width:60px;height:100px;z-index:9;opacity:0;}
.bull_like_area2 .motion_area {position:absolute;right:18px;bottom:-32px;width:60px;height:100px;z-index:9;opacity:0;}
.bull_like_area .motion_area svg {position:absolute;top:0;right:42px;}
.bull_like_area a, .bull_like_area2 a {vertical-align:middle;}
.bull_like_area .bull_alim{position:relative;z-index:100;display:inline-block;width:24px;height:24px;margin-right:17px;text-indent:-9999px;font-size:0;background:url("../../images/API_M_KO/brand/btn_notice.png") left center no-repeat;background-size:24px 24px;}
.bull_like_area .bull_alim.on {background:url("../../images/API_M_KO/brand/btn_notice_on.png") left center no-repeat;background-size:24px 24px;}
.bull_like_area .bull_like,
.bull_like_area2 .bull_like2 {display:inline-block;min-width:60px;height:34px;position:relative;z-index:10;font-size:12px;font-weight:700;color:#1b1e23;padding:10px 0 10px 30px;background:url("../../images/API_M_KO/brand/btn_like_black.png") left center no-repeat;background-size:24px 24px;}
.bull_like_area .bull_like.on,
.bull_like_area2 .bull_like2.on {background:url("../../images/API_M_KO/brand/btn_like_on.png") left center no-repeat;background-size:24px 24px;}

.bull_like_area3 {position:absolute;right:8px;top:8px;}
.bull_like_area3 a {vertical-align:middle;}
.bull_like_area3 .bull_like3 {display:inline-block;position:relative;z-index:10;font-size:12px;font-weight:700;color:#1b1e23;padding:10px 12px 10px 12px;background:url("../../images/API_M_KO/brand/btn_like.png") left center no-repeat;background-size:24px 24px;}
.bull_like_area3 .bull_like3.on  {font-size:12px;font-weight:700;color:#1b1e23;padding:10px 12px 10px 12px;background:url("../../images/API_M_KO/brand/btn_like_on.png") left center no-repeat;background-size:24px 24px;}
.bull_like_area3 .bull_like3.off  {background:url("../../images/API_M_KO/brand/btn_like.png") left center no-repeat;background-size:24px 24px;}

.bull_like_area3 .bull_like3:active{
    -webkit-animation: like_motion 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation: like_motion 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards
}

.brandshop_swiper_bottom .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox}
.brandshop_swiper_bottom .visual_item {position:relative;background:#fff;max-width:91px;}
.brandshop_swiper_bottom .visual_item a img {width:100%}
.brandshop2_swiper {margin-top:20px;}
.brandshop2_swiper .visual_item {background-color:transparent;}
.brandshop2_swiper .visual_item > a {display:inline-block;width:80px;height:80px;line-height:80px;text-align:center;border-radius:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#ddd;color:#fff;font-weight:700;}

.brand_infomation_caution {padding:30px 0 20px;}
.brand_infomation_caution p {font-size:13px;line-height:19px;color:#5c6677;margin-bottom:15px;padding-left:24px;}
.brand_infomation_caution .caution_bull01 {background:url("../../images/API_M_KO/common/ic_caution01.png") no-repeat;background-size:20px 20px;}
.brand_infomation_caution .caution_bull02 {background:url("../../images/API_M_KO/common/ic_caution02.png") no-repeat;background-size:20px 20px;}
.top_notice {margin-top:20px;padding:12px 12px 12px 38px;border-radius:8px;background:#f4f5f6 url(../../images/API_M_KO/common/ic_notice.png) 14px 12px no-repeat;background-size:20px 20px;color:#1b1e23;}
.cart_bottom .btn_group a.bbig {font-size:16px;}
.cart_bottom .cart_b_tip {display:none;position:absolute; left:0;bottom:110px;width:100%;padding:16px 20px 0;background-color:#fff; box-shadow: -3px -3px 3px 0 rgb(0 0 0 / 5%);}
.cart_bottom .cart_b_tip.is_active {display:block;}
.cart_bottom .cart_b_tip p {padding-bottom:16px;border-bottom:1px solid #dde0e5; color:#5c6677;font-size:14px;}
.btn_group a.bbig {font-size:16px;}
.dot_list.ty_gray li {color:#5c6677;}
.product_infomation_caution {padding:20px 0 0;}
.product_infomation_caution p {font-size:13px;line-height:19px;color:#5c6677;padding-left:24px;padding-top:0;}
.product_infomation_caution .caution_bull01 {background:url("../../images/API_M_KO/common/ic_caution01.png") no-repeat;background-size:20px 20px;}
.product_infomation_caution .caution_bull02 {background:url("../../images/API_M_KO/common/ic_caution02.png") no-repeat;background-size:20px 20px;}

.brand_anchor_area {position:absolute;left:0;top:20px;width:100%;padding:10px 20px 0;z-index:103;background-color:#fff;border-bottom:1px solid #eef0f2;}
.brand_anchor_area ul {overflow:hidden;}
.brand_anchor_area ul li {width:33.3%;float:left;}
.brand_anchor_area ul li a {display:block;text-align:center;color:#1b1e23;padding:18px 0;}
.brand_anchor_area ul li a.active {font-weight:700;border-bottom:2px solid #000;}
.anchor_intro_con {padding-top:100px;}
.anchor_product_con #nav_tab7 {border-bottom:8px solid #eef0f2;height:52px;}
.anchor_product_con .prd_list_top.fixed {position:absolute;top:86px;left:0;width:100%;background-color:#fff;z-index:111;border-top:none;}
.anchor_product_con .prd_list_new.fixed {padding-top:180px;}
.sticky_product .prd_list_top.fixed2 {position:absolute;top:20px;left:0;width:100%;background-color:#fff;z-index:111;border-top:none;}
.sticky_product .prd_list_new.fixed2 {margin-top:70px;}
.cont_tg {position:relative;font-size:14px;color:#1b1e23;text-align:left !important;font-weight:normal !important;}
.cont_tg::after{ position: absolute; top: 0; right: 0;content: ""; width: 18px; height: 18px; background: url(../../images/API_M_KO/common/ic_arrow_black.png) left top no-repeat;background-size: 18px 18px;-webkit-transform: rotate(180deg);transform: rotate(180deg); -webkit-transition: .25s ease-in;transition: .25s ease-in;}
.cont_tg.is_active::after{-webkit-transform: rotate( 0deg); transform: rotate(0deg );}
.cont_tg_box {display:none;}
/*주문결제 */

/*.category*/
.cart_bottom_area { z-index:1002; background:#fff; -webkit-border-radius: 25px 25px 0 0; -moz-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0; position:fixed; left:0; bottom:-100%; width:100%; transition:all .3s; padding: 30px 20px 90px; box-shadow: 0 -10px 10px 0 #00000030; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; }
.cart_bottom_area.active { bottom:0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.cart_bottom_area .sale_popup {right:20px;bottom:auto;top:-80px;}
.cart_bottom_area .popbtm_dimmed {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:-1;}
.cart_bottom_area .toggle_spin {height:56px;
    border-radius:56px;
    background:#ea2831;
    background: -moz-linear-gradient(250deg, #aa28e6,#cd28a6, #ea2831);
    background: -webkit-linear-gradient(250deg, #aa28e6,#cd28a6, #ea2831);
    background: linear-gradient(250deg, #aa28e6,#cd28a6, #ea2831);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2831', endColorstr='#aa28e6',GradientType=1 )
}
.cart_bottom_area .cart_btn_area .toggle_spin {bottom:20px;}
.cart_bottom_area .swipe_area {position:absolute;top:0;left:0;width:100%;padding:10px;text-align:center;}
.cart_bottom_area .swipe_area .ui-icon {display: block;width: 40px;height: 3px;background: #ebebeb;border-radius: 4px;position: absolute;top: 11px;left: 50%;margin-left: -20px;}
.cart_bottom_area .toggle_spin_left {color:#fff;font-size:13px;padding:20px 20px 19px;font-weight:700;background-image:none;}
.cart_bottom_area .toggle_spin_right {color:#fff;font-size:13px;padding:20px 20px 19px;font-weight:700;background-image:none;}
/* [pub]22-12-15 - 제품 상세페이지 내 장바구니 버튼 슬라이드형식으로 변경 Start */
.cart_bottom_area .cart_btn_area .toggle_spin.type_touch_list {position: relative; width: calc(100% - 40px); margin-left: 20px; left: auto; right: auto; top: auto; bottom: auto; margin-top: 14px;}
.cart_bottom_area .toggle_btn_area {width: 56px; height: 56px; position: absolute; top: 0; left: 0; transform: translate(calc(50vw - 48px), 0px); background: url('../../images/API_M_KO/common/btn_cart.png') no-repeat; font-size: 0; background-size: 56px 56px; border-radius: 50%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); transition: transform 0.4s;}
.cart_bottom_area .toggle_btn_area.activated {pointer-events: auto; transition: transform 0s;}
.cart_bottom_area .toggle_btn_area.move_left {transform: translate(0px, 0px);}
.cart_bottom_area .toggle_btn_area.move_right {transform: translate(calc(100vw - 96px), 0px);}
/* [pub]22-12-15 - 제품 상세페이지 내 장바구니 버튼 슬라이드형식으로 변경 End */
.cart_bottom_list {overflow-y:auto;max-height:160px;}
.cart_bottom_list li {border-bottom:1px solid #eef0f2;}
.cart_bottom_list li:last-child {border-bottom:1px solid #1b1e23;}
.cart_bottom_list li .product_tit {position:relative;padding:10px 50px 10px 0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:19px;}
.cart_bottom_list li .product_tit .btn_cart_tit_close {display:inline-block;position:absolute;right:5px;top:10px;width:18px;height:18px;background:url("../../images/API_M_KO/common/btn_cart_list_close.png") no-repeat;background-size:18px 18px;text-indent:-9999px;}
.cart_bottom_area.active .cart_btn_area {position:fixed;bottom:0;left:0;width:100%;height:90px;background-color:#fff;}

.cart_total_price_all {position:relative;padding-top:12px;}
.cart_total_price_all .price_number {font-family:"Roboto";font-size:14px;font-weight:700;padding:0 2px;}
.cart_total_price_all .cart_total_price {position:absolute;right:0;bottom:0;}
.cart_total_price_all .cart_total_price .txt_dollar {font-family:"Roboto";font-size:16px;font-weight:700;padding-right:8px;}
.cart_total_price_all .cart_total_price .txt_won {font-size:13px;}
.cart_total_price_all .cart_total_price .txt_won em {font-family:"Roboto";font-size:14px;color:#5C6677;}

/* banner visual */
.banner_visual_wrap.intro_banner {}
.banner_visual_wrap {padding-left:20px;margin-bottom:20px;}
.banner_visual_wrap .img_mask {display:none;}
.banner_visual {overflow:hidden;position:relative;width:100%;height:100%;}
.banner_visual .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox}
.banner_visual .visual_item {position:relative;background:#fff;width:100%;}
.banner_visual .visual_item a {display:block;}
.banner_visual .visual_item a img {width:100%;height:auto;min-height:120px;}
.banner_visual .visual_txt_area {position:absolute;left:20px;bottom:20px;color:#fff;width:100%;}
.banner_visual .visual_txt_area .banner_tit {text-shadow: 0 4px 10px rgb(0 0 0 / 50%);padding-right:40px;font-size:20px;color:#fff;font-weight:700;display:block;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.banner_visual .visual_txt_area .banner_date {text-shadow: 0 4px 10px rgb(0 0 0 / 50%);padding-right:80px;font-size:12px;color:#fff;margin-top:5px;display:block;white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.banner_visual .visual_bottom {position:absolute;right:20px;bottom:20px;z-index:11;}
.banner_visual .visual_bottom .space {display:inline-block;padding:0 4px;opacity:.6;}
.banner_visual .visual_bottom .vb_inner {color: #ffffff;font-size: 15px;text-align: left;}
.banner_visual .visual_pagination .num_total {opacity: .6;}
.mask_wrap {position:relative;overflow:hidden;}
.mask_wrap .img_mask {width:100%;}
.mask_wrap .img_ban {position:absolute;top:0;left:0;}
.banner_visual_auto  .visual_item a video {height: 100vh;width: 100%;max-height:200px;object-fit: cover;position: absolute;}
.gnbev_list .img_mask {display:none;}

.category_list2 {
    padding-bottom: calc(constant(safe-area-inset-top) + 10px);
    padding-bottom: calc(env(safe-area-inset-top) + 10px);
}
.category_list2 .category_wrap .category_cont {display:none;}
.category_list2 .category_wrap > a {display: block; position: relative;padding: 10px 21px 10px; color: #1b1e23;font-size: 24px;line-height: 1;font-weight:700;}
.category_list2 .category_wrap > a:after {position: absolute;top: 12px;right: 20px;width:18px;height:18px;background: url(../../images/API_M_KO/common/ic_toggle_arrow.png) left top no-repeat;background-size:18px 18px; -webkit-transition: .25s ease-in;transition: .25s ease-in;}
.category_list2 .category_wrap.active  > a:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.category_list2 .category_wrap .category_cont .depth02_list01 {padding-bottom:20px;}
.category_list2 .category_wrap .category_cont .depth02_list01 li >a { display: block;  position: relative; padding: 10px 20px;font-size: 18px;color:#1b1e23;font-weight:700;}
.category_list2 .category_wrap .category_cont .depth02_list01.ty_small li >a { padding: 8px 20px;font-size: 16px;font-weight:normal;}
.category_list2 .category_wrap .category_cont .depth02_list01.ty_small li >a >span {font-size: 16px;}
.category_list2 .category_wrap .category_cont .depth02_list01.ty_small {padding:22px 0;}
.category_list2 .goods_item {padding:2px 20px 30px}
.category_list2 .goods_item.ty_round  {padding-top:0}
.category_list2 .category_wrap .category_cont .depth02_list01 li >a > span {position:relative;display:inline-block; z-index: 1;}
.category_list2 .category_wrap .category_cont .depth02_list01 li >a > span.badge_new:before {display:block;position:absolute;top: 0;right:0;content:'';width:21px;height:14px;background: url(../../images/API_M_KO/common/ic_new.png) left top no-repeat;background-size:21px 14px;z-index: -1;}
.category_list2 .category_wrap .category_cont .depth02_list01 li >a > span.badge_img img {display:block;position:absolute;top: 0;right:0;content:'';width:21px;height:14px;z-index: 1;}
.category_list2 .category_wrap .category_cont .navSection_swiper {margin-top:10px;padding-left:20px;padding-top:2px;height:35px; }
.category_list2 .category_wrap .category_cont .depth02_list01 li >a > div {position:relative;display:inline-block; }
.category_list2 .category_wrap .category_cont .depth02_list01 li >a > div.badge_img img {width:auto;height:14px;margin: 5px 0 0 2px;display: inline-block;}
.category_list2 .category_wrap .category_cont .section_tab .tab_item a {height:33px; padding:0;font-size:18px;font-weight:700; line-height: 1;}
.category_list2 .category_wrap .category_cont .section_tab .tab_item a:before {content: '';position: absolute;left: -2px; right: -2px;bottom: 0;height: 1px;background-color: #eef0f2;}
.category_list2 .category_wrap .category_cont .section_tab .tab_item a span {color:#ccd1d8;margin:0 12px;}
.category_list2 .category_wrap .category_cont .section_tab .tab_item:first-child a span {margin-left:0;}
.category_list2 .category_wrap .category_cont .section_tab .tab_item.is_selected a span {color:#1b1e23;}
.category_list2 .category_wrap .category_cont .section_tab .tab_item.is_selected a span:before {bottom:-13px;left:0;right:0;height:2px;background-color:#1b1e23;z-index:2;}
.category_list2 .category_wrap .category_cont .section_tab .tab_item:first-child a span {padding-left:0;}
.category_acc.ty_sh .depth01 > a {font-size: 24px;font-weight:700;}
.category_acc.ty_sh .depth01 > a:after {top: 35px;width:18px;height:18px;background: url(../../images/API_M_KO/common/ic_toggle_arrow.png) left top no-repeat;background-size:18px 18px;}
.category_acc.ty_sh {border-bottom:0 !important; box-shadow: none;}
.category_acc.ty_sh .depth01 > a {padding: 17px 21px 15px;font-size: 24px;font-weight:700;}
.category_acc.ty_sh .depth01 > a:after {top: 16px;width:18px;height:18px;background: url(../../images/API_M_KO/common/ic_toggle_arrow.png) left top no-repeat;background-size:18px 18px;}
.category_acc.ty_sh .depth01 .depth02_area .depth02_list01 {padding-bottom:20px;}
.category_acc.ty_sh .depth01 .depth02_area .depth02_list01 li >a { display: block;  position: relative; padding: 10px 20px;font-size: 18px;color:#1b1e23;font-weight:700;}
.category_acc.ty_sh .depth01 .depth02_area .depth02_list01.ty_small li >a { padding: 13px 20px;font-size: 16px;font-weight:normal;}
.category_acc.ty_sh .depth01 .depth02_area .depth02_list01.ty_small li >a >span {font-size: 16px;}
.category_acc.ty_sh .depth01 .depth02_area .depth02_list01.ty_small {padding:25px 0 30px 0;}
.category_acc.ty_sh .depth01 .depth02_area .depth02_list01 li >a:after,
.category_acc.ty_sh .depth01 .depth02_area .section_tab .tab_item a:after {display:none;}
.category_acc.ty_sh .depth01 .depth02_area .depth02_list01 li >a > span {position:relative;display:inline-block; z-index: 0;}
.category_acc.ty_sh .depth01 .depth02_area .depth02_list01 li >a > span.badge_new:before {position:absolute;top: -8px;right:-20px;content:'';width:21px;height:14px;background: url(../../images/API_M_KO/common/ic_new.png) left top no-repeat;background-size:21px 14px;z-index: -1;}
.category_acc.ty_sh .depth01 .depth02_area .depth02_list01 li >a > span.badge_img img {position:absolute;top: -8px;right:-20px;content:'';width:21px;height:14px;z-index: -1;}
.category_acc.ty_sh .depth01 .depth02_area .navSection_swiper {margin-top:12px;padding-left:20px;padding-top:2px;height:35px; }
.category_acc.ty_sh .depth01 .depth02_area .section_tab {}
.category_acc.ty_sh .depth01 .depth02_area .section_tab .tab_item a {height:33px; padding:0;font-size:18px;font-weight:700;}
.category_acc.ty_sh .depth01 .depth02_area .section_tab .tab_item a span {color:#ccd1d8;padding:0 12px;}
.category_acc.ty_sh .depth01 .depth02_area .section_tab .tab_item a span:before {content: '';position: absolute;left: -2px; right: -2px;bottom: 0;height: 1px;background-color: #eef0f2;}
.category_acc.ty_sh .depth01 .depth02_area .section_tab .tab_item.is_selected a span {color:#1b1e23;}
.category_acc.ty_sh .depth01 .depth02_area .section_tab .tab_item.is_selected a span:before {bottom:-12px;left:0;right:0;height:2px;background-color:#1b1e23;z-index:1;}
.category_acc.ty_sh .depth01 .depth02_area .section_tab .tab_item:first-child a span {padding-left:0;}

.goods_item {padding:5px 20px 27px; display:flex; flex-flow:wrap; justify-content:flex-start;}
.goods_item > li {width:50%; padding-bottom:0px; text-align:center; line-height:100%;}
.goods_item > li > a {display:block; position:relative; height: 100%; padding:0; overflow:hidden;}
.goods_item > li > a:after {display:none;}
/* .goods_item > li > a > img {position:absolute; top:50%; left:50%; right:0; bottom:0; width:100%; height:auto; transform:translate(-50%, -50%);} */
.goods_item > li > a > span {
    position: absolute;
    top: 50%;
    left:0;
    width: 100%;
    max-height: 40px;
    min-height: 20px;
    margin-top:-8px;
    padding: 0 3px;
    line-height:20px;
    color:#fff;
    font-size:18px;
    font-weight:700;
    text-shadow: 2px 2px 2px rgba(0,0,0,.1);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.goods_item.ty_round > li{width:31%;height:auto;margin:0 1.15%;margin-top:8px;}
.goods_item.ty_round > li >a {border-radius: 50%;}

.cate_search {position:relative;margin:40px 0 30px 20px;padding:0 60px 0 0;border-bottom:2px solid #333;}
.cate_search input {width:100%;border:none;padding:10px 0;height:44px;font-weight:700;font-size:24px;}
.cate_search_btn {position:absolute;right:20px;top:8px;width:24px;height:24px;background:url('../../images/API_M_KO/intro/intro_search_btn.png') left top no-repeat;background-size:24px 24px;}
.cate_search input::-webkit-input-placeholder {font-size:24px;color:#e6e6e6;}

.select_item {position:relative;}
.select_item .select_name {position:relative; display:inline-block; padding-right:20px;}
.select_item .select_name:after {position:absolute; right:0; top:0; content:''; display: inline-block; width:20px; height:100%; background:url('../../images/API_M_KO/common/ic_sort_filter_dropdown2.png') center center no-repeat; background-size:10px 7px; text-indent:-9999em;}
.select_item .select_name > span {color:#1b1e23; line-height:18px; font-size:12px; font-weight:700;}
/* S : 2022-09-14 수정 : GNB 언어변경 버튼 수정 및 영문추가 */
/* .select_item .select_name .ico_country_korea {width: 20px;height: 20px; background: url('../../images/API_M_KO/common/ic_korea2.png') no-repeat; background-size:20px 20px;}
.select_item .select_name .ico_country_china {width: 20px;height: 20px; background: url('../../images/API_M_KO/common/ic_cn2.png') no-repeat; background-size:20px 20px;}
.select_item .select_name .ico_country_english {width: 20px;height: 20px; background: url('../../images/API_M_KO/common/ic_en2.png') no-repeat; background-size:20px 20px;}
.select_item .select_list {position:absolute;left:0;top:-5px;padding:10px 0;background-color:#fff;border:1px solid #1b1e23;border-radius:15px;display:none;z-index:112;}
.select_item .select_list > li {float:none;padding:10px;text-align:center; cursor: pointer;display:block;}
.select_item .select_list > li span {color:#1b1e23;font-size: 12px; }
.select_item .select_list > li a {border-top: 0;padding: 0;}
.select_item .select_list.sel-wid {width:75px;}
.select_list > li.is_selected {font-weight:700;text-decoration:underline;}
.ico_country_korea {display: inline-block;width: 28px;height: 28px;text-indent: -9999px; background: url('../../images/API_M_KO/common/ic_korea.png') no-repeat; background-size: 28px 28px;}
.ico_country_china {display: inline-block;width: 28px;height:28px;text-indent: -9999px; background: url('../../images/API_M_KO/common/ic_cn.png') no-repeat; background-size: 28px 28px;}
.ico_country_english {display: inline-block;width: 28px;height:28px;text-indent: -9999px; background: url('../../images/API_M_KO/common/ic_en.png') no-repeat; background-size: 28px 28px;} */
.select_item .select_name .ico_country {display:inline-block; width:20px; height:20px; text-indent:-9999em; font-size:0; overflow:hidden;}
.select_item .select_name .ico_country_korea {background:url('../../images/API_M_KO/common/ic_korea3.png') no-repeat; background-size:20px 20px;}
.select_item .select_name .ico_country_china {background:url('../../images/API_M_KO/common/ic_cn3.png') no-repeat; background-size:20px 20px;}
.select_item .select_name .ico_country_english {background:url('../../images/API_M_KO/common/ic_en3.png') no-repeat; background-size:20px 20px;}
.select_item .select_list {position:absolute; left:0; top:-5px; width:68px; padding:10px 0; background-color:#fff; border:1px solid #1b1e23; border-radius:15px; display:none; z-index:112;}
.select_item .select_list > li {float:none; display:block; padding:10px; text-align:center; cursor:pointer;}
.select_item .select_list > li a {border-top:0; padding:0;}
.select_item .select_list > li a span {display:inline-block; padding-bottom:1px; line-height:100%; color:#1b1e23; font-size:12px;}
.select_list > li.is_selected a span {font-weight:700; border-bottom:1.5px solid #1b1e23;}
/* E : 2022-09-14 수정 : GNB 언어변경 버튼 수정 및 영문추가 */

/*검색*/
.sh_wrap {padding-bottom:70px;}
.sh_wrap .nav_wrap4 {padding:80px 0 10px 20px;}
.sh_wrap .section_tab.ty04_s {margin:0;}
.sh_wrap .chk_item_list.ty02 {margin:0  20px;padding:10px 0 5px;border-bottom:1px dashed #dde0e5;}
.sh_wrap .category_acc.ty02 {padding:0  20px;}
.sh_top {position:relative;height:60px;font-size:0;}
.sh_top.fixed {position:sticky;top:0;left:0;width:100%;height:60px;font-size:0;z-index:10;background-color:#fff;}
.sh_top.fixed2 {position:sticky;top:0;left:0;width:100%;height:50px;font-size:0;z-index:10;background-color:#fff;}
.sh_top.fixed:after {position:absolute;bottom: 0;right:0;content:'';width: calc(100% - 20px);height:2px;background-color:#1b1e23;}
.sh_top input {width:100%;height:50px;border:0;font-size:16px;line-height:50px; font-weight: 700;margin-top:5px;}
.sh_top input.search_top2 {padding-left:30px;background: url(../../images/API_M_KO/common/ic_hashtag.png) left 17px no-repeat;background-size:24px 24px;}
.sh_top button, .sh_top a {height:58px;display:inline-block;font-size:0;line-height:0;background-repeat:no-repeat; background-position: center center;background-size: 24px 24px;vertical-align: top;}
.sh_top .sh_rht {float:right;padding-right:10px;}
.sh_top .sh_ipt {position:relative;width: calc(100% - 150px);height:100%;display:inline-block;}
.sh_top .sh_ipt.ty02 {width: calc(100% - 110px);}
.sh_top .sh_ipt  .btn_clear {position:absolute;top: 0;right:0;width:40px;height:58px;background-image: url(../../images/API_M_KO/common/Ic_clearbtn.png);background-size:18px 18px;}
.sh_top .sh_ipt .click_search {
    position:relative;
    width: 100%;
    height: 58px;
    border: 0;
    font-size: 16px;
    line-height: 58px;
    font-weight: 700;
    padding-right:15px;
    overflow: hidden;
}
.sh_top .sh_ipt .click_search span {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.sh_top .sh_ipt .click_search .click_search_clear {
    display:inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 58px;
    background-image: url(../../images/API_M_KO/common/Ic_clearbtn.png);
    background-size: 18px 18px;
}

.search_top input {display:block; font-weight: 700;padding-right:30px;}
.search_top .search_top2 {display:none;}
.search_top.active .search_top1 {display:none;}
.search_top.active .search_top2 {display:block;}
.search_top input::-webkit-input-placeholder, .sh_top input::-webkit-input-placeholder {font-weight: normal;}
.search_top input::-moz-placeholder, .sh_top input::-moz-placeholder  {font-weight: normal;}
.search_top input::-moz-placeholder, .sh_top input::-moz-placeholder{font-weight: normal;}

.header .sh_top .sh_ipt {width: calc(100% - 110px);height:100%;display:inline-block;}
.history_back {height:58px;display:inline-block;font-size:0;line-height:0;width:60px;background-image: url(../../images/API_M_KO/common/ic_appbar_back.png);}
.sh_btn_tg {width:40px;background-image: url(../../images/API_M_KO/common/ic_hashtag.png);}
/* .sh_btn_hashtag {background-image: url(../../images/API_M_KO/common/ic_hashtag.png);} */
.sh_btn_text {background-image: url(../../images/API_M_KO/common/ic_text.png);}
.sh_btn_search {width:40px;background-image: url(../../images/API_M_KO/common/ic_appbar_search.png);}
.section_tab.ty02.big{padding-top:30px;}
.section_tab.ty02.big .tab_item {width:auto;}
.section_tab.ty02.big .tab_item a {color: #dde0e5;font-size:24px;letter-spacing: -1px;text-align: left;padding-right: 25px;}
.section_tab.ty02.big .tab_item.on:after {display:none;}
.section_tab.ty02.big .tab_item.on span{position:relative;color: #1b1e23;}
.section_tab.ty02.big .tab_item.on span:after { content: ''; position: absolute; top: -5px; right: -9px;z-index: 1; width: 6px;height: 6px; background-color: #ea2829; border-radius: 50%;}

.sh_list_item {padding:0 20px 20px;}
.sh_list_item >li + li {padding-top:60px;}
.sh_list_item .sh_tit {padding-bottom:16px;font-size:16px;color:#1b1e23;font-weight:700;}
.sh_tit_wrap + .sh_list_item {padding-top:0;}
.sh_tit_wrap {width:100%;padding:100px 20px 0;display: inline-block;}
.sh_tit_wrap:after{display:table;clear:both;content:""}
.sh_tit_wrap .sh_tit_lft {float:left;padding-bottom:16px;font-size:16px;color:#1b1e23;font-weight:700;}
.sh_tit_wrap .sh_tit_rht {float:right;}
.sh_tit_wrap .switch_wrap {padding-top:0;}

.sh_wrap .no_search_result {padding:24px 0 0;color:#ccd1d8;font-size:14px;text-align:center;}

.btn_sh_wrap {padding:22px 0 0;text-align:center;}
.btn_delet_all {height:26px;padding:0 15px;background-color:#f4f5f6;border-radius:20px;color:#5c6677;line-height:24px;font-size:12px;display: inline-block;}

.sh_list01 > li {min-height:32px;font-size:16px;color:#5c6677;display:block; }
.sh_list01 > li:after{display:table;clear:both;content:""}
.sh_list01 > li span{padding: 10px 0 9px;min-height:40px;display:inline-block; width: calc(100% - 50px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sh_list01 > li > button {float:right;width: 28px;height:40px;text-indent: -9999px; background: url(../../images/API_M_KO/common/ic_x.png) center center no-repeat; background-size: 16px 16px;}
.sh_list01.ty_float:after{display:table;clear:both;content:""}
.sh_list01.ty_float > li {float:left;width:50%;}
.sh_list01.ty_float > li:nth-child(2n) {padding-left:19px;}
.sh_list02:after, .sh_btn_floating {display:table;clear:both;content:""}
.sh_list02 li {float:left;padding:5px 14px 5px 0;}
.sh_list02 li > a {position:relative;max-width:180px;height:40px;padding:0 15px;border-radius:20px;border:1px solid #eef0f2;color:#5c6677;line-height:38px;font-size:16px;display:block;}
.sh_list02 li > a > span {display:inline-block; width: 100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sh_list02 li > a.badge_up {padding-right: 28px;}
.sh_list02 li > a.badge_up > span {min-width: 55px;}
.sh_list02 li > a.badge_up:after {position:absolute;top: 15px;right:15px;content:'';width: 8px;height:6px;margin-left:4px; background: url(../../images/API_M_KO/common/ic_up.png) center center no-repeat; background-size: 8px 6px;display: inline-block;}

.sh_btn_floating {position:fixed;bottom:0;left:0;width:100%;height:50px;background-color:#eef0f2;}
.sh_btn_floating .floating_rht{float:right;padding-right:10px;}
.sh_btn_floating .floating_rht>button {height:50px;display:inline-block;text-indent: -9999px;background-repeat:no-repeat; background-position: center center;background-size: 24px 24px;overflow: hidden;}
.sh_btn_mic {width:40px;background-image: url(../../images/API_M_KO/common/ic_mic.png);}
.sh_btn_qr {width:40px;background-image: url(../../images/API_M_KO/common/ic_QR.png);}
.sh_btn_txt {min-width:50px;height:50px;padding:0 20px;font-size:13px;}

.sh_multi_wrap {padding:0 20px}
.sh_multi_wrap > ul > li {padding:25px 0;border-top:1px solid #eef0f2;}
.sh_multi_wrap > ul > li:first-child {border-top:0;}
.sh_multi_tit {padding-bottom:15px;font-size:16px;font-weight:700;color:#1b1e23;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sh_multi01 > li > a {padding:5px 0;display: block;}
.sh_multi01 > li > a > span{position:relative;font-size:16px;font-weight:700;color:#1b1e23;display:inline-block;}
.sh_multi01 > li > a > span:after {content:'';width: 16px;height:16px;margin-left:4px; background: url(../../images/API_M_KO/common/ic_arrow_sh02.png) center 2px no-repeat; background-size: 16px 16px;display: inline-block;}

.sh_multi02 > li > a {position:relative;padding:5px 0;display: block;}
.sh_multi02 > li > a > span{font-size:16px;color:#1b1e23;display:inline-block; width: calc(100% - 50px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sh_multi02.ty_none > li > a > span:after {display: none;}
.sh_multi02 > li > a > span:after {position:absolute;top: 10px;right:0;content:'';width: 16px;height:16px;margin-left:4px; background: url(../../images/API_M_KO/common/ic_arrow_sh01.png) center center no-repeat; background-size: 16px 16px;display: inline-block;}
.badge_gray {width:24px;height:24px;margin-right:10px;background-color:#dde0e5;border-radius:50%;font-size:12px;color:#fff;font-weight:700;text-align:center;line-height:24px; vertical-align: top;display:inline-block;}

.sh_multi03 > li > a {position:relative;padding:6px 0 5px 9px;display: block;}
.sh_multi03 > li > a:before {position:absolute;top: 15px;left:0;content:'';width: 3px;height:3px;background: #1b1e23;border-radius: 50%;}
.sh_multi03 > li > a > span{font-size:16px;color:#1b1e23;}
.sh_multi03 > li > a > .txt_num {margin-left:4px;font-size:16px;color:#abb2be;display: inline-block;}
.txt_point {color:#ea2829;}
.tip_item  { display: inline-block;width: 40px; height: 58px;position: relative;}
.tip_item .tip_bubble {white-space:nowrap;word-break: keep-all;display:block;padding:0 20px;line-height:30px;background:#ea2829;border-radius:20px;position:absolute;top:50px;right:0;font-size:11px;color:#fff;z-index:100;}
.tip_item .tip_bubble:after {content:"";display:block;width:6px;height:6px;background:#ea2829;position:absolute;top:-3px;right:25px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform:rotate(45deg);}

.search_ko_con .depth02_area input {position: absolute;top: 0;left: 0;z-index: 1;width: 1px;height: 1px;opacity: 0;}
.search_ko_con .depth02_area input + label {display:block;padding: 8px 12px;color: #5c6677;font-size: 13px;font-weight:700;}
.search_ko_con .depth02_area input[type='radio']:checked + label,
.search_ko_con .depth02_area input[type='checkbox']:checked + label {color:#ea2829}
.search_ko_con .depth02_area input[type='radio']:checked + label > em,
.search_ko_con .depth02_area input[type='checkbox']:checked + label > em {color:#fff}

/* icon button */
.btn_like {display:block;width:24px;height:24px;background:url("../../images/API_M_KO/common/btn_like_w.png") no-repeat 0 0;background-size:24px 24px;font-size:0;line-height:0;font-weight:700;}
.btn_like.on {display:block;width:24px;height:24px;background:url("../../images/API_M_KO/common/btn_like_r.png") no-repeat 0 0;background-size:24px 24px;}
.btn_like_s {display:inline-block;width:18px;height:18px;background:url("../../images/API_M_KO/common/ic_hrt_off.png") center center no-repeat;background-size:cover;font-size:0;line-height:0;}
.btn_like_s.on {background:url("../../images/API_M_KO/common/ic_hrt_on.png") center center no-repeat ;background-size:cover;}
.btn_pin {display:inline-block;width:18px;height:18px;background:url("../../images/API_M_KO/common/ic_pin_off.png") center center no-repeat;background-size:cover;font-size:0;line-height:0;}
.btn_pin.on {background:url("../../images/API_M_KO/common/ic_pin_on.png") center center no-repeat;background-size:cover;}
.btn_del {display:inline-block;width:18px;height:18px;background:url("../../images/API_M_KO/common/btn_x.png") center center no-repeat;background-size:cover; font-size:0;line-height:0;}

.cop_item {padding:0 20px;}
.cop_item:after {display:table;clear:both;content:""}
.cop_item li {float:left;width:50%;padding-top:10px;padding-bottom:10px;}
.cop_item li:nth-child(2n) {padding-left:5px;}
.cop_item li:nth-child(2n-1) {padding-right:5px;}
.cop_item li .cop_box {position:relative;min-height:169px;margin-bottom:18px;border:1px solid #ccd1d8;text-align:center;}
.cop_item li .cop_box:before {z-index:1;content:'';position:absolute;left:-1px;top:48px;display:inline-block;width:11px;height:18px;background:url("../../images/API_M_KO/common/ic_cop_bg.png") left top no-repeat;}
.cop_item li .cop_box:after {z-index:1;content:'';position:absolute;right:-1px;top:48px;display:inline-block;width:11px;height:18px;background:url("../../images/API_M_KO/common/ic_cop_bg.png") left top no-repeat;-ms-transform: rotate(180deg);-webkit-transform: rotate(18deg);transform:rotate(180deg);}
.cop_item li .cop_box .cop_point {position:relative;height:61px;margin:0 0;padding-top:18px;font-size:28px;color:#ea2829;font-weight:700;box-sizing: border-box;}
.cop_item li .cop_box .cop_point em {font-size:18px;}/* 2021-08-11 추가 : 쿠폰 화폐단위 <em>테그 */
.cop_item li .cop_box .cop_point.over_million {font-size:22px;}
.cop_item li .cop_box .cop_point.over_million em {font-size:14px;}

.cop_item li .cop_box .cop_point.cost_type01 {font-size:25px;}
.cop_item li .cop_box .cop_point.cost_type02 {font-size:17px;}
.cop_item li .cop_box .cop_point:after {position:absolute;left:1px;bottom:1px;content:'';width:100%;height:1px;background:url("../../images/API_M_KO/common/ic_cop_bg2.png") left top repeat-x;display:block;}
.cop_item li .cop_box .cop_tit {margin:0 10px;padding-top:18px;font-size:12px;color:#1b1e23;font-weight:700;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;}
.cop_item li .cop_box .cop_txt{margin:0 10px;padding-top:6px;font-size:12px;color:#5c6677;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.cop_item li .cop_box .btn_cop{position:absolute;bottom: -18px;left:50%;width:78px;height:36px;margin-left:-39px;background-color:#1b1e23;border-radius:30px;font-size:13px;color:#fff;}
.cop_item.ty02 li .cop_box {min-height:208px}
.cop_item.ty02 li .cop_box .cop_tit_top {height:41px;margin:22px 10px 0;font-size:14px;color:#1b1e23;font-weight:700;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word; line-height: 20px;}
.cop_item.ty02 li .cop_box .cop_tit {margin:8px 10px 0; padding:0;font-size:12px;color:#5c6677;}
.cop_item.ty02 li .cop_box .cop_txt{margin:4px 10px 0;padding:0;font-size:12px;color:#5c6677;}

.save_item {padding:0 20px;}
.save_item:after {display:table;clear:both;content:""}
.save_item li {float:left;width:50%;padding-top:20px;text-align: center;}
.save_item li .cop_box {position:relative;width:158px;height:158px;margin:0 auto 18px;background:url("../../images/API_M_KO/common/ic_cop_bg3.png") center top no-repeat;background-size:100% 100%;text-align:center; display: flex;justify-content: center;flex-direction: column;}
.save_item li .cop_box .cop_tit {font-size:12px;color:#1b1e23;font-weight:700;}
.save_item li .cop_box .cop_point {margin:3px 14px 0;font-size:28px;color:#ea2829;font-weight:700;}
.save_item li .cop_box .cop_point > em{font-size:20px;color:#ea2829;font-weight:700;}
.save_item li .cop_box .cop_txt{margin:0 14px;padding-top:4px;font-size:12px;color:#5c6677;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;}
.save_item li .cop_box .btn_cop{position:absolute;bottom: -18px;left:50%;width:78px;height:36px;margin-left:-39px;background-color:#1b1e23;border-radius:30px;font-size:13px;color:#fff;}

.save_item li .cop_box .cop_point.cost_type01 {font-size:25px;margin:5px 10px 2px;}
.save_item li .cop_box .cop_point.cost_type02 {font-size:22px;margin:7px 10px 3px;}
.save_item li .cop_box .cop_point.cost_type03 {font-size:18px;margin:9px 10px 4px;}

.sh_swiper {border-bottom:7px solid #eef0f2;}
.sh_swiper .navSection_swiper {border-bottom:1px solid #dde0e5;}
.sh_swiper .section_tab .tab_item a span {color:#5c6677;font-size:14px;}
.sh_swiper .section_tab .tab_item.is_selected a span {color:#1b1e23;}
.sh_swiper .section_tab .tab_item a span:before {display:none;}
.sh_swiper .section_tab .tab_item a {height: 48px;line-height:46px;}
.bd_b_none {border-bottom:0;}
.mov_item {padding:20px;}
.mov_item .video_area {padding:0;margin:0;}
.sh_nodata {padding:80px 0 60px;background:url("../../images/API_M_KO/common/ic_nodata.png") center 40px no-repeat;background-size:36px 36px;text-align: center;}
.sh_nodata p{font-size:16px; color:#ea2829}

.bd_b_color {border-bottom:none !important;}
.img_full_size ul li {position:relative;overflow-x:hidden;}

.layer_newtype .alert_type .app_info_tit {font-size:18px;font-weight:700;line-height:27px;}
.layer_newtype .alert_type .app_info_box {padding:20px;background-color:#f9fafb;margin-top:15px;}
.layer_newtype .alert_type .app_info_box_bottom {font-size:13px;line-height:19px;color:#abb2be;border-top:1px solid #eef0f2;padding-top:10px;margin-top:8px;}

.layer_newtype .alert_type .app_info_box_tit {font-size:13px;line-height:19px;font-weight:700;color:#1b1e23;text-align:left;}
.layer_newtype .alert_type dl {margin-top:4px;margin-bottom:8px;}
.layer_newtype .alert_type dt {position:relative;font-size:13px;line-height:19px;font-weight:700;color:#5c6677;padding-left:6px;}
.layer_newtype .alert_type dt::after {content:'';position:absolute;left:0;top:8px;display:inline-block;width:2px;height:2px;background-color:#5c6677;}
.layer_newtype .alert_type dd {padding-left:6px;}

.main_bottom_pop_wrap.ui-dialog.bottom .ui-button {display:none;}
.tab_con_area {position:relative;}
.ui-dialog.ui-widget.ui-widget-content.pop_to_pop {background:#fff;border-radius:20px;touch-action: auto;}
.ui-dialog.pop_to_pop .ui-dialog-titlebar {display:none;}
.pop_to_pop .newlayer_close {position:absolute;bottom:0;width:100%;height:54px;line-height:54px;border-top:1px solid #eef0f2;text-align:center;}
.pop_to_pop .alert_type {padding-bottom:75px;}
.pop_to_pop .alert_type p {text-align:center;font-weight:700;color:#1b1e23;}
.pop_to_pop .alert_type .text_ty2 {margin-top:10px;font-size:18px;}
.pop_to_pop .alert_type .text_ty3 {margin-top: 8px; font-size: 14px;color:#5c6677;text-align: center; letter-spacing: -.06em;}
.pop_to_pop .form_box button {margin-bottom:8px}

/* 다운로드 팝업 */
.download_wrap {padding:20px;}
.download_wrap .save_item, .download_wrap .cop_item {padding:0;}
.download_wrap .btn_group + .cop_item {padding-top:18px;}
.ck_radio_list li {margin-bottom:8px;}
.ck_radio_list li:last-child {margin-bottom:0;}
.ck_radio_list li label {width:100%;padding:0;border:1px solid #dde0e5;overflow:hidden;}
.ck_radio_list li label:before {top:18px;left:16px}
.ck_radio_list li label:after {top:24px;left:22px}
.ck_radio_list li label {padding:17px 20px 17px 44px;display: table;}
.ck_radio_list li label >dl {display:table-cell;vertical-align: middle;}
.ck_radio_list li label >div {position:absolute;right:10px;top:15px;}
.ck_radio_list li label >div >span {height:27px;padding:0 12px;background-color:#1b1e23;border-radius:30px;font-size:13px;color:#fff;line-height: 27px;display:inline-block;}
.ck_radio_list li label >dl dt {font-size:14px;font-weight:700;color:#1b1e23;}
.ck_radio_list li label >dl dt span {display:block;}
.ck_radio_list li label >dl dt span + span {font-size:12px;}
.ck_radio_list li label >dl dt > p.txt_price {display:inline-block;padding-left:5px;font-size:12px;font-weight:normal;} 
.ck_radio_list li label >dl dd {padding-top:4px;font-size:12px;color:#5c6677;display:block;letter-spacing: -0.08em;}
.ck_radio_list li input[type='radio']:checked + label  {border-color:#1b1e23; box-shadow: 0 6px 10px rgb(0 0 0 / 8%);}
.ck_radio_list li input[type='radio']:checked + label .air_dename:after {background:#000}
.box_gray_ty01 {margin: 16px 0  28px;padding: 16px;background-color: #f4f5f6;}
.box_gray_ty01 .textdata_info {padding-top:0;}
.box_gray_ty01 .textdata_info dd {padding-top: 4px;color:#abb2be;}
.box_gray_ty01 .textdata_info dd.dd_dot:before {top: 11px;background-color:#abb2be;}
.swiper-pagination-bullet {}

/* warn_box */
.warn_box {padding:20px;font-size:14px;line-height:21px;}
.warn_box .dot_list_new {margin-top:15px; padding-bottom:18px; border-bottom:1px solid #eef0f2;}
.warn_box .dot_list_new li {font-size:13px;line-height:20px;}
.popupcont_wrap .txt_caution19 {font-size:16px;text-align:center;color:#abb2be;font-weight:700;padding-bottom:20px;}
.popupcont_wrap .txt_caution19_02 {font-size:13px;text-align:center;color:#1b1e23;font-weight:700;padding-bottom:40px;}
.popupcont_wrap .txt_cnt16 {padding-bottom:0;}

.warn19_box {display:table;padding-left:52px;min-height:48px;background:url("../../images/API_M_KO/common/img_warn19.png") no-repeat 0 0;background-size:40px 40px;}
.warn19_box p {display:table-cell;vertical-align:middle;line-height:21px;font-size:14px;font-weight:700;}

.phone_cert {width:180px;height:180px;display:table;text-align:center;margin:0 auto 40px;background:#f5f7fa;border-radius:50%;}
.phone_cert a {display:table-cell;vertical-align:middle;}
.phone_cert span {display:block;height:94px;padding-top:74px;vertical-align:middle;background:url("../../images/API_M_KO/common/ico_phone.png") no-repeat center 4px;font-size:14px;font-weight:700;color:#1b1e23}

/*square_tooltip*/
.tool_position {position:relative}
.tool_position .square_tooltip {position:static}
.tool_position .square_tooltip .tooltip {left:-20px;}
.tool_position .square_tooltip.open .btn {position:relative;z-index:101}
.tool_position .square_tooltip.open .btn::after {display:block}
.tool_position .square_tooltip .btn::after {position:absolute; top:-13px; left:-3px;content:""; display:none; width:25px; height:11px; background:url('../../images/API_M_KO/product/tooltip_icon.png') 0 0 no-repeat; background-size:25px 11px; }
.tool_position .square_tooltip .tooltip::after {display:none}
.tool_position .square_tooltip.bottom_style .tooltip {bottom:auto;top:30px;}
.tool_position .square_tooltip.bottom_style .btn::after {top:19px;width:25px; height:11px;background:url('../../images/API_M_KO/product/tooltip_icon2.png') 0 0 no-repeat; background-size:25px 11px;}
.my_wrap .tool_position.cat_tit_area .square_tooltip.bottom_style .tooltip { top: 51px;bottom:auto;}
.my_wrap .square_tooltip .tooltip { padding-right: 20px;}
.my_wrap .passport_wrap {padding-bottom:0;}
.tool_position.cat_tit_area .square_tooltip .btn {z-index: 106;}
.tool_position.cat_tit_area .square_tooltip .tooltip { left:0;bottom: 53px;z-index: 105;}
.tbl_box .tool_position .square_tooltip .tooltip {left:10px;}

/* video */
.vjs-progress-control {display:none;}

/* filter */
.search_fixed.on {position:fixed;left:0;z-index:10;background-color:#fff;
    top: calc(constant(safe-area-inset-top) + 138px );
    top: calc(env(safe-area-inset-top) + 138px);
}
.cate_box .chk_item_list_top_area {padding-top:10px;}
.cate_box .chk_item_list_top_area.fixed {position:fixed;left:0;width:100%;z-index:9;background-color:#fff;
    top: calc(constant(safe-area-inset-top) + 138px );
    top: calc(env(safe-area-inset-top) + 138px);
}
.cate_box .btn_category_area.fixed {position:fixed;left:0;width:calc(100% - 40px );z-index:9;background-color:#fff;margin:0 20px !important;padding:20px 0 10px !important;
    top: calc(constant(safe-area-inset-top) + 138px );
    top: calc(env(safe-area-inset-top) + 138px);
}

.cate_box2 .chk_item_list_top_area {}
.cate_box2 .chk_item_list_top_area.fixed {position:fixed;left:0;width:100%;z-index:9;background-color:#fff;
    top: calc(constant(safe-area-inset-top) + 283px );
    top: calc(env(safe-area-inset-top) + 283px);
}
.cate_box2 .btn_category_area.fixed {position:fixed;left:0;width:calc(100% - 40px );z-index:9;background-color:#fff;margin:0 20px !important;padding:20px 0 10px !important;
    top: calc(constant(safe-area-inset-top) + 120px );
    top: calc(env(safe-area-inset-top) + 120px);
}

/* product video view */
.goods_item li {}
.video-js {width:100%; height:100%}
.link_position {position:relative}
.goods_item li a.link {display:block; top:4px; position:absolute; width:calc(100% - 4px); height:calc(100% - 8px); text-indent:-9999px; z-index:100}
.goods_item li:nth-child(2n+1) {left:0}
.goods_item li:nth-child(2n+2) {right:0}

.prd_list_new li > a .video-js {width:calc(100% + 40px); height:calc(100% + 40px); margin:-20px 0 0 -20px}
.prd_list_new li:nth-child(2n) > a .video-js {}
.prd_list_new li > a .pic_section.video .video-js {width:100%; height:100%; position:absolute; left:0; top:0; margin:0}
.prd_list_new li .pic_section.video .sale_per {z-index:100}
.prd_list_new li.link_position a.link {display:block; position:absolute; top:0; left:0; width:100%; height:206px; z-index:100; text-indent:-9999px}
.prd_list_new.recommendGoosList .more_btn_wrap {margin-bottom: 44px;}
.swiper-slide .img .video-js {width:100%; height:100%}

/* main_all video */
.main_swiper .visual_item .video-js .vjs-control-bar {bottom:60px; background:transparent}

/* special_visual video */
.special_visual .video-js, .special_visual .video-js .vjs-tech {min-height:170px}

/*my */
/*2021-12-22 가이드 추가*/
.guide_mypage {position: fixed; left: 0; top: 0;bottom:0;z-index: 99999;width:100%;background:url("../../images/API_M_KO/mypage/my_guide_bg.gif") no-repeat; background-size:100% auto;}
.guide_mypage .guide_visual {overflow:hidden;position:relative;width:100%; height:100%;}
.guide_mypage .guide_visual .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox;}
.guide_mypage .guide_visual .visual_item {position:relative;width:100%;height: 100vh;text-align:center;}
.guide_mypage .guide_visual .visual_item img {width:100%;}
/*2021-12-22 가이드 추가*/

.my_top_line {border-top:1px solid #eef0f2;}
.ty_buy {border-top:1px solid #eef0f2;}
.my_wrap .prd_list_top {border-top:0 !important;}
.ty_bd_top {border-top:1px solid #e6e6e6;}
.ty_bd_top::before {content:'';width:100%;height:6px;background-color:#eef0f2;display:block;}
.ty_buy2 {border-top:1px solid #eef0f2;}
.my_wrap .cart_list .item_cont {margin:20px 0 0;padding-bottom: 20px;border-bottom: 1px solid #dde0e5;}
.my_wrap .cart_list .item_info span {min-height:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;color:#5c6677;}
.my_wrap .cart_list .item_btm .pay {margin-bottom:0;}
.my_wrap .cart_list .item_cont.type_de .item_info.ty_noimg {padding-right:0;}
.my_wrap .cart_list .item_cont.type_de .item_info.ty_noimg  span{min-height:auto;}
.my_wrap .cart_list .item_cont.type_de .item_info.ty_noimg .txt_sub  {padding-top:4px;color:#5c6677;font-size:12px;}
.my_wrap .cart_list .item_cont.type_de  .txt_total {color:#1b1e23;}
.my_wrap .tbl_box .tbl_tit_area .tbl_tit > span{color:#5c6677;font-size:14px;display:inline-block;}
.my_wrap .tbl_box .tbl_tit_area .tbl_tit > span::after {content:'';width:14px;height:14px;margin-left:6px;background: url(../../images/API_M_KO/common/ic_my_ck.png) center center no-repeat; background-size: 14px 14px;display: inline-block;}
.my_wrap .tbl_box .tbl_tit_area .tbl_total {font-size:0;}
.my_wrap .pay_wrap .tbl_box .tbl_tit_area .tbl_total {font-size:14px;}
.my_wrap .tbl_box .tbl_tit_area .tbl_total .txt_sub2 {color:#1b1e23;font-size:13px; font-weight: normal;}
.my_wrap .tbl_box .tbl_tit_area .tbl_total button:first-child {margin-left:0;}
.my_wrap .tbl_box .tbl_tit_area .tbl_total button {margin-left:8px;padding: 0 15px;}
.my_wrap .tbl_box .tbl_tit_area + .tbl_list {padding-top:24px;}
.my_wrap .tbl_box .tbl_list {padding-top:0;}
.my_wrap .tbl_box {padding:20px 0;border-top:0;border-bottom: 1px solid #dde0e5;}
.my_wrap .tbl_box.ty_bdb_none {padding-top:3px;border-bottom: 0;}
/* .my_wrap .tbl_box.ty_bdb_none .tit_sub2 {font-size: 14px;} */
.my_wrap .tbl_box.ty_bdb_none4 {border-bottom: 0;}
.my_pd_wrap .tbl_box.ty_bd_none2 {padding:28px 0 0;border-top: 0;border-bottom: 0;}
.my_pd_wrap .tbl_box.ty_bd_none3 {padding:10px 0 0;border-top: 0;border-bottom: 0;}
.my_wrap .cart_list, .my_wrap .cart_list .item_area {padding-bottom:0;}
.my_wrap .cart_list + .cart_list {margin-top:8px;}
.my_wrap .cart_list li:first-child  .item_area {padding-top:18px;}
.my_wrap .tbl_box .tbl_list > li:first-child {padding-top:0;}
.my_wrap .prd_sort{margin-right:10px !important;}
.my_pd_wrap .fom_list {padding:0;}
.my_pd_wrap .form_box textarea {padding:20px;}
.my_pd_wrap .form_box .sel + textarea{margin-top:16px;}
.my_pd_wrap .tbl_box .tbl_list > li:first-child {padding-top:0;}
.my_pd_wrap .pay_listitem01{padding:28px 0 0;}
.my_pd_wrap .my_wrap .cart_list > ul > li:last-child .tbl_box {padding-bottom: 0;border-bottom:0;}
.my_pd_wrap .my_wrap .cart_list li:first-child .item_area {padding-top:28px;}
.my_pd_wrap .tbl_box.ty_bd_none {border-top: 0;}
.my_pd_wrap .tbl_box.ty_bd_none .tbl_list dl dt > strong {font-weight:700;}
.my_pd_wrap .more_btn_wrap {margin:0;padding:30px 0  42px;border-top: 1px solid #dde0e5}
.my_pd_num .my_rht_tit {float: right;}
.my_pd_num .my_rht_tit > span{color:#5c6677;font-size:14px;font-weight:700;}
.my_pd_num .my_rht_tit > span::after {content:'';width:14px;height:14px;margin-left:6px;background: url(../../images/API_M_KO/common/ic_my_ck.png) center center no-repeat;background-size:14px 14px; display: inline-block;}

.my_wrap .inbox {padding:20px;}
.my_wrap .inbox + .tab_area {border-top:0;}
.my_pd_num  {}
.my_info {padding:20px;border-top: 1px solid #dde0e5;}
.my_info .my_lft{position:relative;}
.my_info .my_lft .my_s  {position:absolute; top:0; left:0;color:#1b1e23;font-size:12px;font-weight:700;}
.my_info .my_lft .my_name {padding-top:20px;color:#1b1e23;font-size:24px;width:200px;}
.my_info .my_lft .my_name strong {word-break: break-all;}
.my_info .my_lft .my_name > .my_detail {width:18px;height:18px;background: url(../../images/API_M_KO/common/ic_sort_dropdown.png) center center no-repeat;background-size: 10px 5px;font-size:0;line-height:0;vertical-align: middle;display: inline-block;}
.my_info .my_lft .my_name > .my_detail.is_active {-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.my_info .my_lft .my_num {margin-top:6px;color:#5c6677;font-size:13px;}
.my_info .my_ranking {position:absolute; top:50%; right:0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translate(0, -50%); font-size:0;}
.my_info .my_ranking img {width:36px;height:36px;margin-left:8px;}
.my_info .my_ranking img:first-child {margin-left:0;}
.my_info_view  {display: none;}
.my_info_view > ul {margin-top:45px;}
.my_info_view > ul > li {width:100%;padding:15px 0;border-top:1px solid #dde0e5;display:table;}
.my_info_view > ul > li:first-child {border-top:0;padding-top:0;}
.my_info_view > ul > li > div {display: table-cell;}
.my_info_view > ul > li > div:first-child {width:60%;}
.my_info_view > ul > li > div > span {color:#5c6677;font-size:13px;}
.my_info_view > ul > li > div > div{margin-top:8px;color:#1b1e23;font-size:18px;font-weight:700;}
.my_info_view > ul > li > div > div a {color: #1b1e23;}

.tab_area {border-bottom:1px solid #1b1e23;border-top:1px solid #dde0e5}
.tab_area ul {width:100%;display:flex;overflow:hidden;}
.tab_area ul li {width:100%;}
.tab_area ul li a {display:block;font-size:16px;text-align:center;color:#abb2be;padding:16px 0 15px;}
.tab_area ul li.is_active a {color:#1b1e23;font-weight:700;border-bottom:2px solid #1b1e23;}
.tab_area ul.tab_default2 li a.is_active {color:#1b1e23;font-weight:700;border-bottom:2px solid #1b1e23;}

.chk_item_list.ty02 .chk_price.ty_my {font-size:0;}
.chk_item_list.ty02 .chk_item.ty03 label {height:33px;background-color:#fff;border:1px solid #dde0e5;border-radius:30px; color:#788497;font-size:13px;line-height: 31px;}
.chk_item_list.ty02 .chk_item.ty03 {margin-right:6px;}
.chk_item_list.ty02 .chk_item.ty03:last-child {margin-right:0;}
.chk_item_list.ty02 .chk_item.ty03 input[type='radio']:checked + label, .chk_item_list.ty02 .chk_item.ty03 input[type='checkbox']:checked + label {background-color:#fff;border-color:#1b1e23;color:#1b1e23;}
.order_filter {padding:24px 0;background-color:#f7f7f7;}
.order_filter .fom_list > ul > li:first-child {padding-top:0;}
.order_filter .fom_list > ul > li {padding-top:16px;}
.order_filter .chk_item_list.ty02 {padding:0;}
.order_filter .fom_list .btn_group {margin-top:8px;}
.order_no_data {padding:60px 0;color:#ccd1d8;font-size:14px;text-align:center;}
.no_data2 {padding:80px 0;color:#ccd1d8;font-size:14px;text-align:center;}
.my_total_wrap {width:100%;padding-top:10px;display: table;}
.my_total_wrap > div {display: table-cell;}
.my_total_wrap > .my_total_tit {padding-top:7px;font-size:14px;color:#1b1e23;}
.my_total_wrap > .my_total_tit >em {padding-left:4px; display: inline-block;}
.my_total_wrap > .my_total_sel {text-align:right;}
.my_total_wrap > .my_total_sel.sel select {width:auto;border:0;font-size:14px; text-align-last: right;}
.my_total_wrap > .my_total_sel.sel::after {top: 17px;width:10px;height:5px;background: url(../../images/API_M_KO/common/ic_sort_dropdown.png) center center no-repeat;background-size: 10px 5px;font-size:0;line-height:0;vertical-align: middle;display: inline-block;}
.my_total_wrap  + .order_no_data {padding-bottom:22px;}
.my_map {margin-top:16px;width: 100%;background-color:#fff;border-radius:5px;overflow: hidden;}
.btn_txtlink {margin-bottom:46px;text-align:center;}
.link_txt_line {font-size:14px;color:#1b1e23;text-decoration: underline;}
.txt_dl_area {width:100%;margin-top:20px;font-size:0;display: inline-block;overflow: hidden;}
.txt_dl_area >dt, .txt_dl_area >dd {font-size:20px;color:#1b1e23;font-weight:700;display:inline-block;}
.txt_dl_area >dt {padding-right:8px;}
.txt_dl_area >dt::after {content:'';width:1px;height:16px;margin-left:8px;background-color:#dde0e5;display: inline-block;}
.txt_dl_area .dd_rht {float:right;font-size:14px;color:#1b1e23;font-weight:normal;}
.my_pd_num {width:100%;padding:0 0 12px;color:#1b1e23;border-bottom:2px solid #222529;display:inline-block;}
.my_pd_num > span {color:#0288d1;}
.my_pd_num .my_date {float:right;color:#5c6677;}
.mybutton_tab {padding:17px 0 16px; font-size: 0; line-height: 0;text-align:center;}
.mybutton_tab .tab_item {margin-left:8px;display: inline-block;vertical-align:top}
.mybutton_tab .tab_item:first-child {margin-left:0;}
.mybutton_tab .tab_item a {display:block;position:relative; height:36px;padding:0 20px;border-radius:30px;color:#abb2be; font-size: 14px;line-height:36px;box-shadow:0 6px 10px rgb(0 0 0 / 8%);background-color:#fff;}
.mybutton_tab .tab_item.is_selected a {background-color:#1b1e23;border:1px solid #1b1e23;border-radius:20px;color:#fff; font-family: unset;}
.btn_ty01 {display: inline-block; height:32px;padding: 0 8px;border: 1px solid #dde0e5;border-radius:0; line-height: 30px; font-size: 12px;color: #1b1e23;}
.my_pd_wrap {padding:0 20px;}
.my_pd_wrap.ty_buy button[class*="btn_basic"].big, .my_pd_wrap.ty_buy a[class*="btn_basic"].big {padding: 0 16px;height: 40px; line-height: 40px; text-align: center; font-size: 12px;font-weight:700;}
.my_pd_wrap > ul > li {padding:28px 0;border-top:1px solid #dde0e5;}
.my_pd_wrap > ul > li:first-child {padding-top:0;border-top:0;}
.my_pd_wrap > ul > li .my_pd_tit {font-size:18px;color:#1b1e23;font-weight:700;display:block;}
.my_pd_wrap > ul > li .my_pd_tit + .my_pd_txt {padding-top:28px;}
.my_pd_wrap > ul > li .my_pd_tit + .btn_group {margin-top:16px;}
.my_pd_wrap > ul > li > .cart_list {padding:0;}
.my_pd_wrap > ul > li > .cart_list .item_info {margin-bottom:0;}
.my_pd_wrap > ul > li > .cart_list > .item_area:last-child {padding-bottom: 0;padding-top:15px;}
.my_top_tit {width:100%;display: table;}
.my_top_tit > span {padding:24px 0 16px;font-size:14px;display:table-cell;}
.my_top_tit .my_top_title{color:#1b1e23;font-weight:700;}
.my_top_tit .my_top_txt{color:#5c6677;text-align:right;}
.my_sign_tit {margin:28px 0 16px;color:#1b1e23;font-size:14px;font-weight:700;}
.my_sign_area {height:164px;border:1px solid #dde0e5;border-radius:10px;overflow: hidden;}
.my_pd_wrap > ul > li .my_pd_txt + .btn_box1 {padding-bottom:0;}
.my_pd_wrap > ul > li .my_pd_txt {font-size:14px;color:#1b1e23;}
.my_pd_wrap .my_wrap {border-top:0;}
.my_pd_wrap .my_wrap .cart_list {padding:0;}
.dl_dot_wrap {padding:10px 0 30px;border-bottom:1px solid #dde0e5;}
.dl_dot_wrap + .tit_group {margin-top:28px;}
.dl_dot_wrap .dl_dot_list li > span {width:90px;}
.dl_dot_list li {width:100%;padding-top:8px;display:table;table-layout: fixed;}
.dl_dot_list li:first-child {padding-top:0;}
.dl_dot_list li > span, .dl_dot_list li > em {display:table-cell;}
.dl_dot_list li > em > span {display:block;}
.dl_dot_list li > em > .em_point {color:#1b1e23;}
.dl_dot_list li > span{position:relative;width:72px;padding-left:7px;font-size:14px;color:#1b1e23;font-weight:700;}
.dl_dot_list li > span::before {content:'';position:absolute;top:7px;left:0;width:3px;height:3px;border-radius:50%;background-color:#1b1e23}
.dl_dot_list li >  em{color:#5c6677;}
.dl_dot_list li >  em > em {border-left:1px solid #dde0e5; padding-left:8px;margin-left:8px;display:inline-block;}
.dl_dot_list + .btn_group {margin-top:30px;}
.btn_pd {margin:28px 0 22px;}
.btn_pd2 {margin:28px 0 0;text-align:center;}
.tbl_b_txt {padding:8px 15px 0;color:#abb2be;font-size:12px;}
.box > .pd_wrap > .dl_dot_list {padding-top:25px;}

.tit_cate_brand {position:relative;padding:20px;}
.tit_cate_brand .tit_brand {color:#1b1e23;font-weight:700;}
.tit_cate_brand .filtering_tit {position:absolute;right:20px;top:20px;}
.favor_area_ko {margin:0 20px;}
.favor_area_ko_con {padding:20px 0;border-bottom: 1px dashed #dde0e5;}
.favor_area_ko_con a {display: inline-block;height: 33px;padding:0 20px;margin-bottom:5px;border-radius: 30px;line-height: 33px;border: 1px solid #eef0f2;}
.favor_area_en {margin:0 20px;}
.favor_area_en_con {padding:20px 0;border-bottom: 1px dashed #dde0e5;}
.favor_area_en_con a {display: inline-block;height: 33px;padding:0 20px;margin-bottom:5px;border-radius: 30px;line-height: 33px;border: 1px solid #eef0f2;}
/*구매리스트*/
.nav_wrap3.buy_sw {padding-top:11px;padding-bottom:11px;border-bottom:1px solid #dde0e5;}
.nav_wrap3.buy_sw + .tab_area {border-top:0;}
.prd_list_new li .bull_like_area3 {right:8px;top:8px;bottom: unset; z-index: 100;}
.prd_list_new.ty_pd > ul > li:nth-child(2n-1) {padding-right:10px;}
.prd_list_new.ty_pd > ul > li:nth-child(2n) {padding-left:10px;}
.prd_list_new.ty_pd > ul > li > a {height:157px;padding:25px;display:table;}
.prd_list_new.ty_pd > ul > li > a .pic_section {display: table-cell;vertical-align: middle;}
.prd_list_new.ty_pd .prd_tit2 {padding: 0 0 16px;}
.prd_list_new.ty_pd .prd_img {padding:0;}
.txt_default {padding-top:41px;color:#1b1e23;line-height:23px;}
.form_area .cols input {height:48px; line-height: 46px;border-right: 0;}
.form_area .form_box.input_box .cols {padding:0;vertical-align: top;}
.form_area .form_box.input_box .fom_rht_btn {width:90px !important;}
.tb_list.ty_align_m{margin-top:28px;}
.tb_list.ty_align_m thead th{font-weight:700;color:#1b1e23;}
.tb_list.ty_align_m tbody th, .tb_list.ty_align_m tbody td{font-size:12px;vertical-align: middle;text-align:center;}
.tb_list.ty_align_m tbody th{color:#788497;text-align:left;}
.tb_list.ty_align_m tbody th {padding-left:0;}
.tb_list.ty_align_m .txt_t_pt {padding-top:8px;}
.tb_list.ty_align_m .txt_g_point {padding-top:8px;color:#788497;position: absolute;right: 0;bottom: 12px;}
.tb_list.ty_align_m .txt_va_b {position:relative;vertical-align: bottom;}
.tb_list.ty_align_m .txt_va_b strong {margin-bottom:25px;display:block;}
.tb_list.ty_align_m .txt_va_b.tr .txt_g_point strong {margin-bottom:0}
.tbl_bottom{padding-top:16px;}
.tbl_bottom > span:first-child{padding-left:0;}
.tbl_bottom > span{padding:0 8px;font-size:12px;color:#1b1e23;display:inline-block;}
.tbl_bottom > span + span {border-left:1px solid #dde0e5;}

.my_pd_wrap.ty_buy > ul > li:first-child .my_pd_tit {padding-top:28px;}
/* .my_pd_wrap.ty_buy .tbl_box.ty_bd_none {padding-top:5px;} */
.my_pd_wrap.ty_buy .tbl_box .tbl_list > li {padding-top:10px;}
.my_pd_wrap.ty_buy .tbl_box .tbl_list > li:first-child {padding-top:0;}
.my_pd_wrap.ty_buy .tbl_box .tbl_list > li.tbl_foot .tbl_cont {padding-bottom:0;}
.my_nav_swiper.nav_section {border-bottom: 1px solid #1b1e23;}
.my_nav_swiper2.nav_section {margin-top:10px;border-bottom: 1px solid #1b1e23;}
.barcode_wrap {margin-top:28px;height:114px;text-align:center;}
.barcode_wrap > img {width:197px;height:auto;}
.bd_bottom {border-bottom: 1px solid #dde0e5;}
.prd_list_new.ty_brand .brand_name{position:absolute;left:0;bottom:20px;width:100%;color:#1b1e23;font-weight:700;font-size:13px;}
.prd_list_new.ty_brand li > a {width: calc(100% + 1px);margin-bottom:1px;display:table;}
.prd_list_new.ty_brand li > a > div {display:table-cell;vertical-align: middle;}

.my_ariport_list {padding:0 20px;}
.my_ariport_list li {padding:20px 0;border-bottom:1px solid #dde0e5;font-size:14px;}
.my_ariport_list li a.title {display:block;margin-bottom:9px;font-weight:700;color:#1b1e23;}
.my_ariport_list li .date{font-family:"Roboto-Regular";color:#788497;}
.my_ariport_list li .btns {margin-top:10px;text-align:right;}
.my_ariport_list li .btns a {margin-left:4px;}

.search_cate_top {padding:0 20px;}
.search_cate_con {padding:20px 0;    border-bottom: 1px dashed #dde0e5;}
.search_cate_top .search_cate_tit {color:#1b1e23;font-weight:700;margin-bottom:10px;padding-top:10px;}
.search_cate_con .search_total {display:inline-block;border:1px solid #ea2829;color:#ea2829;border-radius:30px;padding:7px 14px;line-height:17px;font-weight:700;}

.search_cate_result {padding:0 20px;}
.search_cate_result_con {padding:20px 0;}
.search_cate_result .search_cate_result_tit {color:#1b1e23;font-weight:700;margin-bottom:10px;padding-top:10px;}
.search_cate_result .search_total {display:inline-block;}
.search_cate_result_input input {width:100%;}

.tbl_li_ty > li {border-bottom:1px solid #dde0e5;}
.tbl_li_ty > li.order_no_data {border-bottom:0;}
.tbl_li_ty > li .tbl_li_th {display:table;width:100%;padding:30px 0 12px;border-bottom:1px solid #1b1e23;}
.tbl_li_ty > li .tbl_li_th > span {display:table-cell;color:#1b1e23;font-size:14px;font-weight:700;}
.tbl_li_ty > li .tbl_li_th > .tbl_li_lft > span {padding-left:10px;color:#788497;font-size:13px;font-weight: normal;}
.tbl_li_ty > li .tbl_li_th > .tbl_li_rht {text-align:right;}
.tbl_li_ty > li .tbl_li_th > .tbl_li_rht > span {font-size:13px;font-weight:normal;display:inline-block;}
.tbl_li_ty > li .tbl_li_th > .tbl_li_rht > em {font-size:13px;font-weight:normal;display:inline-block;}
.tbl_li_ty > li .tbl_li_td > li {display:table;width:100%;padding-top:9px;}
.tbl_li_ty > li .tbl_li_td > li:first-child {padding-top:16px;}
.tbl_li_ty > li .tbl_li_td > li:last-child {padding-bottom:16px;}
.tbl_li_ty > li .tbl_li_td > li > span {display:table-cell;color:#5c6677;}
.tbl_li_ty > li .tbl_li_td > li > span.tbl_td_lft {font-size:12px;}
.tbl_li_ty > li .tbl_li_td > li > span.tbl_td_rht {text-align:right;}
.tbl_li_ty2 > li {display:table;width:100%;padding:28px 0 17px;border-bottom:1px solid #dde0e5;table-layout: fixed;}
.tbl_li_ty2 > li > div {display:table-cell;vertical-align: top;}
.tbl_li_ty2 > li > .tbl_td_lft2 {/* width: calc(100% - 60px) */}
.tbl_li_ty2 > li > .tbl_td_lft2 .tbl_td_txt {font-size:0;}
.tbl_li_ty2 > li > .tbl_td_lft2 .tbl_td_txt .tit_ty_d {width: 95%;margin-bottom: 5px;color:#1b1e23;font-size:18px;padding-top: 1px;vertical-align: top;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;}
.tbl_li_ty2 > li > .tbl_td_lft2 .tbl_td_txt .tit_ty_d + .badge_line {margin-right:6px;}
.tbl_li_ty2 > li > .tbl_td_lft2 .txt_ty_g {padding-top:8px;color:#788497;}
.tbl_li_ty2 > li > .tbl_td_rht2 {text-align:right;}
.badge_line + .badge_line {margin-right:6px;}
.badge_line {height: 28px;padding:0 12px;background-color: #fff;border: 1px solid #dde0e5;border-radius: 30px;color: #1b1e23;font-size: 12px; line-height: 28px;display:inline-block;}
.badge_line.badge_disabled {background-color: #dde0e5;color:#788497;}
.ov_hide {overflow:hidden !important;}
.ov_y {overflow-y:auto !important;}
.pdset_wrap {padding:0 20px;}
.pdset_wrap .item_info_box .tit strong {display:block;}
.pdset_wrap .cart_item_list {padding-bottom:8px;}
.pdset_wrap .cart_item_list li { display: flex; align-items: center;}
.pdset_wrap .cart_item_list li:first-child {padding-top: 0;}
.pdset_wrap .cart_item_list .num {display:block; float:left; width:60px; height:60px; position:relative; padding:10px; overflow:hidden;}
.pdset_wrap .cart_item_list .num .sale_per2 {font-family:serif;font-style:italic;font-size:20px;font-weight:700;color:#1b1e23;display:inline-block;width:40px;height:20px;padding-top:5px;text-align:center;}
.pdset_wrap .cart_item_list .num .sale_per2 em {font-style:italic;font-size:11px;color:#1b1e23;padding-left:2px;}
.pdset_wrap .cart_item_list li:nth-child(2) {border-top:0;}
.pdset_wrap .item_info_box .tit {height: auto;max-height: 51px;padding-right: 25px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap: break-word; line-height: 17px;}
.pdset_wrap .item_info_box .tit2 {height: auto;max-height: 34px;padding-right: 25px;color:#1b1e23;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word; line-height: 17px;}

.tit_cnt {padding:30px 0;text-align:center;color:#1b1e23;font-size:18px;font-weight:normal;}
.etc_wrap .prd_list_top{border-bottom:0;}
.etc_wrap .prd_list_top {border-top:0 !important;}
.etc_wrap .prd_list_top.ty02 + .prd_list_new  {margin-top:10px;}

/* 설정 */
.sub_container.setting {padding-top:0}
.h3_type + .setting_list {margin-top:15px}
.setting_list dl {display:table;table-layout:auto;width:100%}
.setting_list dl ~ dl {margin-top:10px}
.setting_list dt,
.setting_list dd {display:table-cell;vertical-align:middle}
.setting_list dt {color:#1b1e23}
.setting_list dd {text-align:right}
.setting_list dl ~ .basic_txt {margin-top:3px;color:#abb2be}
.setting_list dl.type2 dt {color:#1b1e23}
.setting_list dl.type2 dd {color:#1b1e23}
.setting_list .link_logout,
.setting_list .link_tel {font-size:13px;line-height:18px;color:#1b1e23;}
.setting_list .link_logout:after {margin-left:6px}
.setting_list .link_tel:after {margin-left:5px}
.setting_toast {position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);display:none;width:230px;height:100px;border-radius:10px;background-color:rgba(0,0,0,.8);color:#ffffff;text-align:center;z-index:120}
.setting_toast.addTop {position:fixed;top:70%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);display:none;width:230px;height:100px;border-radius:10px;background-color:rgba(0,0,0,.8);color:#ffffff;text-align:center;z-index:120}
.setting_toast.view {display:table}
.setting_toast p {display:table-cell;text-align:center;vertical-align:middle}

.passport_list {}
.passport_list .passport_list_btn {position: relative; padding: 18px 20px 17px;color: #1b1e23;  font-size: 14px;font-weight: bold; }
.passport_list .passport_list_btn::after {position:absolute;right:20px;top:18px;display:block;content:'';width:18px;height:18px;background: url(../../images/API_M_KO/common/ic_arrow_black.png) left top no-repeat; background-size: 18px 18px;-webkit-transform: rotate(180deg); transform: rotate( 180deg);-webkit-transition: .25s ease-in;transition: .25s ease-in;}
.passport_list .passport_list_btn.active::after {-webkit-transform: rotate(0deg); transform: rotate( 0deg);}
.passport_list .passport_list_con {display: none;}

.filter_box {padding-bottom:10px;}
.filter_box > input {width:100%;}
.filter_box2 {border-bottom:1px dashed #e0e0e0;padding-bottom:20px;margin-bottom:20px;}
.filter_box3 {padding:0 0 12px;border-bottom:1px dashed #e0e0e0;position:relative;}
.filter_chk_item {display:inline-block;position:relative;padding:1px 4px 1px 0;}
.filter_chk_item input[type='checkbox'] {position:absolute;top:0;left:0;z-index:1;width:1px;height:1px;opacity:0}
.filter_chk_item label {border:1px solid #eef0f2;border-radius:20px;display:inline-block;max-width:100%;height:33px;line-height:33px;padding:0 12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.filter_chk_item label em {color:#999}
.filter_chk_item input[type='checkbox']:checked + label {border:1px solid #ea2829;border-radius:29px;color:#ea2829}

.filter_chk_item2 {position:relative}
.filter_chk_item2 input[type='checkbox'] {position:absolute;top:0;left:0;z-index:1;width:1px;height:1px;opacity:0}
.filter_chk_item2 label {color:#5c6677;font-weight:700;display:inline-block;max-width:100%;height:29px;line-height:29px;padding:0 12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.filter_chk_item2 input[type='checkbox']:checked + label {color:#ea2829}
.filter_toggle_con_list {overflow:hidden;}
.filter_toggle_con_list li {float:left;width:50%;}
.filter_toggle_con {display:none;padding:10px 12px 7px;background-color:#f2f4f7;border-top:1px solid #eef0f2;}
.filter_toggle > li > a {position:relative;display:block;padding:16px 10px;border-bottom:1px solid #eef0f2;color:#1b1e23;font-weight:700;}
.filter_toggle > li > a::after {position: absolute;top: 19px;width: 13px;height: 7px;content: "";-webkit-transition: .25s ease-in; transition: .25s ease-in;right: 12px;background: url(../../images/API_M_KO/common/ico_arrow_bottom.png) no-repeat;background-size: 12px 8px;}
.filter_toggle > li > a.on {color:#ea2829;}
.filter_toggle > li.active > a:after { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.lang_change_en {color:#abb2be;margin-left:5px;padding-left:20px;background:url("../../images/API_M_KO/common/bull_lang_change.png") left center no-repeat;background-size:18px 18px;}

.scroll_area_wrap .lang_change_en_con {display:none}
.scroll_area_wrap.on .lang_change_en_con {display:block}
.scroll_area_wrap .lang_change_ko_con {display:block}
.scroll_area_wrap.on .lang_change_ko_con {display:none}

/* specil box */
.order_top {height:33px;margin:0 -21px;padding:0 21px;line-height:33px;background-color:#f9f9f9;border-top:1px solid #F2F2F2;color:#1b1e23;font-size:13px}
.order_top .order_l {float:left}
.order_top .order_l .odr_number {display:inline-block;margin-right:10px;font-size:12px}
.order_top .order_l .odr_number a {color:inherit;text-decoration:underline}
.order_top .order_l .odr_date {display:inline-block;color:#999}
.order_top .order_r {text-align:right;font-size:12px}
.tb_special {position:relative;margin-top:15px}
.tb_special table {text-align:left}
.tb_special tbody th {padding:4px 0;font-size:12px;line-height:17px;vertical-align:top}
.tb_special tbody td {padding: 4px 20px 4px 0;font-size:13px;line-height:18px;color:#1b1e23}
.tb_special tbody .boundery ~ tr {display:none}
.tb_special .i_open {position:absolute;right:0;top:50%;width:20px;height:20px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
.special_box .sp_reply {display:none;margin-top:7px;padding-top:12px;border-top:1px solid #F2F2F2;}
.special_box .btn_wrap {margin:15px 0 20px;text-align:center;}
.special_box.open .tb_special tbody .boundery ~ tr {display:table-row}
.special_box.open .sp_reply {display:block}
.special_box.open .tb_special .i_open:after {transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}

/* one banner */
.only_one_swiper {position:relative;}
.only_one_swiper .visual_bottom {position:absolute;bottom:0;width:100%;text-align:right;z-index:11;}
.only_one_swiper .visual_bottom .vb_inner {position:relative;right: 0;display:inline-block;width:85px;padding:8px 0;border-radius:12px;color: #ffffff;font-size: 15px;text-align:left}
.only_one_swiper .visual_bottom .btn_visual {position:absolute;right:0;top:calc(50% - 15px);width:30px;height:30px;background:#000;vertical-align:top;font-size:0;line-height:0}
.only_one_swiper .visual_bottom .btn_visual::before,
.only_one_swiper .visual_bottom .btn_visual::after {position:absolute;left:calc(50% - 5px);top:calc(50% - 1px);width:10px;height:2px;background-color:#fff;content:""}
.only_one_swiper .visual_bottom .btn_visual::after {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}

/*S:2024-06-19 기획전 리뉴얼 수정*/
/* 이벤트 ,기획전 큰이미지보기 */
.img_full_size .visual_item .visual_tit {position:absolute; left:30px; top:50%; transform: translateY(-50%); line-height: 34px; text-shadow:none;}
.img_full_size .visual_item .visual_tit .visual_tit1 {/*text-shadow: 0 4px 10px rgb(0 0 0 / 50%);*/color:#fff;font-weight:500;font-size:20px;line-height:30px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.img_full_size .visual_item .visual_tit .visual_tit2 {/*text-shadow: 0 4px 10px rgb(0 0 0 / 50%);*/color:#fff;font-weight:500;font-size:20px;line-height:30px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.img_full_size .visual_item .visual_tit .visual_tit3 {/*text-shadow: 0 4px 10px rgb(0 0 0 / 50%);*/color:#fff;font-weight:300;margin-top:0px;font-size:13px;line-height:18px;}
/*E:2024-06-19 기획전 리뉴얼 수정*/

.swiper-pagination-custom {font-weight:700;/*text-shadow: 0 4px 10px rgb(0 0 0 / 50%);*/}/*2024-02-19 템플릿관 상품 리스트 수정*/
.swiper-pagination-custom .num_total {font-weight:normal !important;/*text-shadow: 0 4px 10px rgb(0 0 0 / 50%);*/}/*2024-02-19 템플릿관 상품 리스트 수정*/

.tab_con_item {display:none;}
.tab_con_item .category_list {/* border-bottom: 1px solid #dde0e5; */}
.tab_con_item + .pd_wrap {padding-top:30px;}
iframe {width:100%;}

/*app guide*/
.guide_intro {position: fixed; left: 0; top: 0;bottom:0;z-index: 99999;width:100%;background:url("../../images/API_M_KO/intro/intro_bg.png") repeat;}
.guide_visual {overflow:hidden;position:relative;width:100%}
.guide_visual .swiper-wrapper  {display:-webkit-box;display:-moz-box;display:-ms-flexbox;}
.guide_visual .visual_item {position:relative;width:100%;height: 100vh;text-align:center;}
.guide_visual .visual_item img{width:375px;height:auto;}
.guide_visual .visual_item.item01 .v_item01_01 {position:fixed;top: 50%;left:50%;margin-left:-187px;margin-top:-93px;}
.guide_visual .visual_item.item01 .v_item01_02 {position:fixed;bottom: 40px;left:50%;margin-left:-187px;}
.guide_visual .visual_item.item01 .v_item01_03 {position:fixed;top: 280px;left:50%;margin-left:-187px;}
.guide_visual .visual_item.item01 .v_item01_04 {position:fixed;bottom: 0;left:50%;margin-left:-187px;}
.guide_visual .visual_bottom {position:absolute;top:20px;left:0;width:100%;z-index:11;}
.guide_visual .visual_bottom .vb_inner {position:relative;display:inline-block;padding: 20px;color: #fff;font-size: 15px;}
.guide_visual .visual_bottom .intro_close {position:absolute;top:20px;right:20px;padding-right:20px;background:url("../../images/API_M_KO/intro/intro_close.png") right 3px no-repeat;background-size:12px 12px;color:#fff;font-size:14px;}
.guide_visual .visual_bottom .intro_close2 {display:none;position:absolute;top:20px;left:20px;color:#fff;font-size:14px;}
.guide_visual .visual_bottom .visual-pagination {display:inline-block;width:60px;padding: 20px;line-height:22px;text-align:center;letter-spacing: -1.2px; font-family: 'roboto'; font-size:0;}
.guide_visual .visual_bottom .space {display:inline-block;padding:0 4px;opacity:.6;}
.guide_visual .visual_bottom .visual_pagination .visual_current{font-weight: 600;position: relative;left: 1px}
.guide_visual .visual_bottom .visual_pagination .visual_total{font-weight: 300;}
.guide_visual .swiper-container-horizontal>.swiper-pagination-bullets, .guide_visual .swiper-pagination-custom, .guide_visual .swiper-pagination-fraction {font-size: 16px; color: #fff;}

/* 2021-12-22 추가 */
@media (max-width:320px) {
    .guide_visual .visual_bottom .intro_close,
    .guide_visual .visual_bottom .intro_close2 {top:10px; right:10px; font-size:13px;}
}
/* 2021-12-22 추가 */

#srchListAirCmpl .textsection_area {padding: 60px 0 0;}

.layer_top_btn {display:none;position:fixed;bottom:80px;right:20px;z-index:50;}/* 2021-08-12 absolute → fixed */
.layer_top_btn a {text-indent:-9999px;display:block;border-radius:56px;width:56px;height:56px;background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-size:750px 750px; background-position:-129px 0px;   box-shadow: 6px 8px 12px 0 rgb(0 0 0 / 10%);}

.cart_layer_top_btn {display:none;position:fixed;bottom:240px;right:20px;z-index:50;}
.cart_layer_top_btn a {text-indent:-9999px;display:block;border-radius:56px;width:56px;height:56px;background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-size:750px 750px; background-position:-129px 0px;  box-shadow: 6px 8px 12px 0 rgb(0 0 0 / 10%);
    margin-bottom: calc(constant(safe-area-inset-top));
    margin-bottom: calc(env(safe-area-inset-top));
}
.cart_layer_top_btn.none_sale_popup {bottom:168px;}

.pro_layer_top_btn {display:none;position:absolute;bottom:183px;right:20px;z-index:50;}
.pro_layer_top_btn a {text-indent:-9999px;display:block;border-radius:56px;width:56px;height:56px;background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-size:750px 750px; background-position:-129px 0px; box-shadow: 6px 8px 12px 0 rgb(0 0 0 / 10%);}
.tit_line {color:#1b1e23;font-size:14px;font-weight:700;padding:40px 0 8px;border-bottom:1px solid #1b1e23;}
.tit_line + .tit_strong {padding-top:12px;}
.tit_strong {padding:28px 0 8px;color:#1b1e23;font-size:14px;font-weight:700;}
.fixed_area .product_visual {z-index:200;}

/* 2019-01-16 H Story - H Style - 슬라이드 컨텐츠 phj */
.hstyle_slide_con_wrap .bx-wrapper .bx-controls-direction a.bx-prev {left:0; background-position:-200px -40px;}
.hstyle_slide_con_wrap .bx-wrapper .bx-controls-direction a.bx-next {right:0; background-position:-240px -40px;}
.hstyle_slide_con_wrap .bx-wrapper .bx-controls-direction a.bx-prev:hover, .hstyle_slide_con_wrap .bx-wrapper .bx-controls-direction a.bx-next:hover {background-position-y:-100px;}
.hstyle_slide_con_wrap .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; height:51px; width:26px; margin-top:-25px;}
.hstyle_slide_con_wrap {width:800px; height:800px; margin:0 auto;overflow:hidden;}

.mkk_row_list {height:auto; margin:0 20px; overflow:hidden;}
.mkk_row_list .swiper-wrapper{position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox;}
/* S: 2021-11-10 수정 : 템플릿관 상품리스트 관련 - 슬라이드 상품 뱃지 유무에 따른 높이값 차이로 리스트 틀어짐 해결 */
/*.mkk_row_list .swiper-wrapper .swiper_group{position:relative; -webkit-flex-shrink:0;width:100%;background:#fff;-webkit-flex-shrink: 0;-ms-flex-negative:0;flex-shrink:0}
.mkk_row_list .swiper-wrapper .swiper_group .item{float:left; width:50%;}
.mkk_row_list .swiper-wrapper .swiper_group ul{position:relative; width:100%; display:block;}*/
.mkk_row_list .swiper-wrapper .swiper_group{position:relative; -webkit-flex-shrink:0;width:100%;background:#fff;-webkit-flex-shrink: 0;-ms-flex-negative:0;flex-shrink:0; display:flex; flex-flow:row wrap; gap:0 20px}
.mkk_row_list .swiper-wrapper .swiper_group .item{float:left; width:100%;}
.mkk_row_list .swiper-wrapper .swiper_group ul{position:relative; width:calc(50% - 10px); display:block;}
/* E: 2021-11-10 수정 : 템플릿관 상품리스트 관련 - 슬라이드 상품 뱃지 유무에 따른 높이값 차이로 리스트 틀어짐 해결 */

.mkk_row_list .swiper_info {position:relative; height:15px; text-align: center; }
.mkk_row_list .swiper_info>div{display: inline-block;}
.mkk_row_list .swiper_info .swiper-button-prev{left:50%;margin-left:-40px; top:3px;position:absolute; width:10px; height:15px; background: url('../../images/API_M_KO/common/ico_common.png') no-repeat -357px -720px; background-size: auto 750px; margin-top:0; }/*2024-02-19 템플릿관 상품 리스트 수정*/
.mkk_row_list .swiper_info .swiper-button-next{left:50%;margin-left:25px; top:3px;position:absolute; width:10px; height:15px; background: url('../../images/API_M_KO/common/ico_common.png') no-repeat -368px -720px; background-size: auto 750px; margin-top:0;}/*2024-02-19 템플릿관 상품 리스트 수정*/
.mkk_row_list .swiper_info .swiper-button-disabled{opacity: 0.2}
.mkk_row_list .swiper_info .swiper_paging{position:relative; padding:0 8px; font-size:12px; line-height: 15px; vertical-align:top; color:#000;}
.mkk_row_list .swiper_info .swiper_paging .visual_current{color:#ff5959;}
.mkk_row_list .visual_pagination {color:#1b1e23;font-weight:700;}
.mkk_row_list .visual_pagination .space {padding:0 2px;color:#1b1e23;font-weight:normal;}
.mkk_row_list .visual_pagination .num_total {color:#1b1e23;font-weight:normal;}

.mkk_row_list2{position:relative; padding:0 0 5px; margin:0 20px; overflow:hidden;}
/*.mkk_row_list2 .swiper-wrapper {display: -webkit-box;display: -moz-box;display: -ms-flexbox;-ms-flex-align: center;}*/
.mkk_row_list2 .list-product.list-product__searchlist {gap:0; flex-wrap: nowrap;}
.mkk_row_list2 .item {float:none; position:relative; height:100%; flex-shrink:0; -webkit-flex-shrink: 0; -moz-flex-shrink:0; -moz-flex-negative:0; -ms-flex-negative:0;}
.mkk_row_list2 .prd_list.type_circle{background: none;}
.mkk_row_list2 .prd_list.type_circle .prd_img{width:141px; height:141px; border-radius: 50%; background: #fff; overflow:hidden;}
.mkk_row_list2 .prd_list_new li {text-align:left;}
.mkk_row_list2 .swiper-pagination {position:relative;bottom:auto;margin-top:10px;}
.mkk_row_list2 .swiper-pagination .swiper-pagination-bullet {width:5px;height:5px;margin:0 2px !important;}
.mkk_row_list2 .swiper-pagination .swiper-pagination-bullet-active {background-color:#1b1e23;}

.chk input[type='checkbox']:focus + label:before {outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.chk input[type='radio']:focus + label:before {outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

/* 2021-03-29 제휴사 포인트 적립신청 */
.aff_air_info{padding-top: 5px;}
.aff_membership .logo {width:105px; margin:0 auto 25px;}
.aff_membership .membership_info .info_box {width:100%; height:auto; padding:15px 15px; border:1px solid #e5e5e5; overflow-y:auto; box-sizing:border-box;}
.aff_membership .membership_info .info_box + .input_box {margin:10px 0 0 0;}
.aff_membership .membership_info .input_box {width:100%; height:auto; padding:15px 15px; border:1px solid #e5e5e5; border-bottom:0; box-sizing:border-box;}
.aff_membership .membership_info + h2 {padding:48px 0 0 0;}
.aff_membership .membership_input .gap2 {margin:0 1px; color:#c8c8c8;}
.aff_membership h2 {padding:0 0 10px 0; color:#333; text-align:center; font-family:-apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif; font-weight:bold;}
.aff_membership h3 {padding:20px 0 10px 0; color:#333; text-align:left; font-weight:bold;}
.aff_membership .checkbox label {color:#666666;}
.aff_membership .input_btn input[type="text"] {width:65%;}
.aff_membership .input_btn button {width:33%;}
.aff_mem_input h2 {margin-top: 10px; color:#333; font-size:14px; text-align: left;}
.aff_mem_input input[type="text"] {width: 100%; height:40px;}
.aff_mem_input .aff_mem_input2::after{content: ''; display: block; clear: both;}
.aff_mem_input .aff_mem_input2 input{width: 48%; float: right;}
.aff_mem_input .aff_mem_input2 input:first-child{float: left;}
.price_list .price_detail dt,
.price_list .price_detail dd {line-height: 1.4; margin-top: 5px;}

@media (max-width:320px) {
    .join_row.placeholder_wrap input[type="password"] + label.en {padding-top:8px}
    .point_txt {font-size:14px;}
    .contact_us .name_box_new li {float:none; width:100%;}
    .save_info.card .r_area .txt02{ margin-top:-4px;}
    .save_info.card .r_area .txt02 span{font-size:17px;}
    .save_info.card .l_area{width:50%;}
    .save_info.card .r_area{width:50%;}
    .intro_logo {top:60px;}
    
    .tab_title a {font-size:20px}
}
/*320*/
@media only screen and (min-device-width: 320px) and (max-device-width: 413px) {
    .with_btn2.md_agree .checkbox {width:40%;}
    .en_join_area .checkbox label {width: 65%;}
    .en_join_area .choice_box.en  {padding: 10px 20px 5px;}
}
@media (max-width: 360px) {
    .join_type ul li.type3 span.txt1 {letter-spacing: -0.07em}
}
@media screen and (max-width: 375px){
    .sub_title .h2_type{font-size:13px;}
    .h3_type2, .h3_type3 {font-size:16px}
}
@media (max-width:460px) {
    .join_row.en.join_row input[type="email"]{height:75px;width:125px;}
    .join_row.en.placeholder_wrap.with_btn2 label {padding-right:140px; line-height:13px;}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
    .save_item, .cop_item, .sh_btn_txt,  .box_cont, .product_detail .product_info, .video_area, .coupon_list_wrap, .sh_multi_wrap, .mov_item, .sh_wrap .category_acc.ty02, .special_visual02, .item_modify, .my_pd_wrap, .txt_wrap, .brandshop_swiper_bottom, .fom_list, .price_info, .product_tab, .pro_select_set h4, .banner_img_section {padding: 0 15px;}
    .radio_check_wrap {padding: 14px 15px;}
    .goods_item{padding: 5px 15px 27px;}

    .save_item li .cop_box {width:135px;height:135px;}
    .prd_list_new .prd_tit2 {padding: 0 15px 16px;}
    .gnbev_list {padding: 10px 0 20px 15px;}
    .nav_wrap3 {padding: 6px 56px 6px 15px;}
    .list_round li a {width: 90px; height: 90px; background-size: 90px 90px !important;line-height: 90px;}
    .prd_list_new .prd_tit2 .btn_set .btn_s_basic1, .prd_list_new .prd_tit2 .btn_set .btn_s_basic2 { padding: 0 6px;}
    .more_btn_wrap {margin-top: 10px;margin-bottom: 40px;}
    .cate_top_area, .btn_link li a, .coupon-all_btn, .cart_bottom .btm_cont, .btn_full_ty2 {padding: 15px;}
    .cate_nav {padding: 20px 35px 30px;}
    .btn_cate_search {margin: 40px 0 20px 15px;}
    .category_list2 .category_wrap > a { padding: 17px 15px 15px;}
    .category_list2 .category_wrap > a:after {right: 15px;}
    .sh_list_item {padding: 40px 15px 20px;}
    .history_back {width: 50px;}
    .sh_top .sh_rht {padding-right: 5px;}
    .sh_wrap .chk_item_list.ty02 { margin: 0 15px;}
    .sh_wrap .nav_wrap4 {padding: 80px 0 10px 15px;}
    .sh_btn_floating .floating_rht {padding-right: 5px;}
    .section_tab .tab_item:first-child a {padding-left: 15px;}
    .section_tab.ty07 .tab_item a {margin-left: 15px;padding: 0;}
    .brand_infomation_txt {padding:20px 15px;}
    .banner_visual .visual_txt_area .banner_tit {font-size:18px;}
    .brandshop2_swiper .visual_item > a {width: 75px; height: 75px;}
    .brand_anchor_area {padding: 10px 15px 0;}
    .brandshop_swiper .visual_bottom { left: 15px;}
    .prd_list_top.ty02 .prd_sort {margin-right: 0;}
    .btn_reset_wrap {padding-left: 20px;}
    .coupon_login { padding: 30px 15px;}
    .nav_wrap4 {padding: 10px 0 10px 15px;}
    .submain_h3 {padding: 30px 15px 15px;}
    .banner_visual .visual_bottom { right:15px;  bottom: 15px;}
    .attention_area {padding: 30px 15px 40px;}
    .coupon_customer_info {padding: 20px 0 20px 25px;}
    .type_view .submain_h3 {padding: 60px 15px 20px;}
    .time_swiper {padding: 0 15px 40px;}
    .hluxury_list li {padding: 10px 15px;}
    .fullscreen_btm .ui-title { padding: 20px 15px 15px;}
    .gnbev_list .list_info .btn_like {right: 15px;}
    .basic_search_btn {right: 15px;}
    .cartdel_wrap {padding: 0 0 10px 15px;}
    .cart_list {padding: 0 15px 20px;}
    .square_tooltip .tooltip {width:250px;}
    .cart_total {padding: 10px 15px 0;}
    .btn_wrap2 {padding: 28px 15px 12px;}
    .popupcont_wrap {padding: 60px 15px 10px;}
    .passport_list .passport_list_btn {padding: 18px 15px 17px;}
    .passport_guide {padding: 0 15px 18px;}
    .fullscreen_third .ui-title {padding: 20px 15px;}
    .departure_box {padding: 8px 15px 20px;}
    .pay_wrap {padding: 0 15px 13px;}
    .paylist > li > div {padding: 9px 5px 9px 10px;}
    .paylist > li > div > span { padding-left: 8px;}
    .cart_bottom .cart_b_tip {padding: 16px 15px 0;}
    .paylist.ty2 {padding: 20px 15px;}
    .fom_list.pd_ty {margin: 0 -15px 20px -15px!important;}
    .box_gray {margin: 0 15px;}
    .pd_wrap {padding: 0 15px 28px;}
    .product_panel [class^="pro_detail_0"] {padding: 0 15px;padding-top:40px;}
    .pro_cart {padding: 46px 15px 20px;}
    .download_wrap {padding: 20px 15px;}
    .pro_select_set .brand_select {padding: 20px 0 20px 15px;}
    .set_item_list .bundle { padding: 15px 15px 20px;}
    .add_to_cart .add_btn {left: 15px;width: calc(100% - 30px);}
    .warn_box, .my_info {padding: 20px 15px;}
    .my_wrap .prd_sort {margin-right: 5px !important;}
    .prd_list_top.ty02 .prd_sort > span { margin-right: 0;}
    .prd_list_new.ty_pd > ul > li:nth-child(2n) {padding-left: 5px;}
    .prd_list_new.ty_pd > ul > li:nth-child(2n-1) {padding-right: 5px;}
    .box_gray2 {padding: 20px 15px;}
    .prd_list_new.ty_pd > ul > li > a {padding: 25px 15px;}
    .info_center_new .small_form {margin: 20px 15px 0;}
    .prd_list_new li .cart {padding-right: 15px;}
    .total-wrap .total {padding-left: 50px;}
    .tab_area ul li a {font-size: 14px; letter-spacing: -1px;}
    .prd_list_top.ty02 .prd_sort > .btn_basic7 { margin-right: 10px;}
    .event_item {padding: 30px 20px;}
    .event_item .event_type { padding: 18px 77px 20px 15px;}
    .event_item .event_type .event_badge {right:-20px}
    .btn_group.ty_count .btn_count::before {width: calc(100% - 30px);margin-left:15px;}
    .badge_line + .badge_line {margin-left: 3px;}
    .setproduct_selection li i {width: 65px;font-size:26px;}
    .setproduct_selection .screen {width: calc(100% - 65px);}
    .brandshop_swiper {height:350px;}
    .brandshop_swiper .visual_item a,
    .brandshop_swiper .visual_item video {height:400px;}
    .section_tab.ty02.big .tab_item a {font-size:20px;}
    .intro_search_box {}
    .intro_hash_w {bottom:65px;}
    .intro_logo {top:30px;background-size:100% auto;}
    .intro_hash_list ul li a {padding:8px 10px 6px;font-size:16px;line-height:20px;}
    .cop_item li .cop_box .cop_point {font-size:24px;}
    .cop_item li .cop_box .cop_point.cost_type01 {font-size:20px;}
    .cop_item li .cop_box .cop_point.cost_type02 {font-size:15px;}
    .intro_hash_list02 {margin-bottom:50px;}
    .intro_hash_list02 ul {max-height:120px;}
    .basic_information .tel a {padding: 0 10px;}
    .intro_logo02_wrap {padding-top:100px;}
    button[class*="btn_basic_new"].b_big, a[class*="btn_basic"].b_big {min-width:65px;}
    .src_box {padding-right: 63px;}
    .tab_type1 li a {font-size:13px;}
    .save_item li .cop_box .cop_point.cost_type01 {font-size:25px;margin:5px 0 2px;}
    .save_item li .cop_box .cop_point.cost_type02 {font-size:22px;margin:7px 0 3px;}
    .save_item li .cop_box .cop_point.cost_type03 {font-size:18px;margin:9px 0 4px;}
    .save_item li .cop_box .cop_point {margin: 3px 0 0;}

    .guide_visual .visual_item img{width:320px;height:auto;}
    .guide_visual .visual_item.item01 .v_item01_01 {position:absolute;top: 50%;left:50%;margin-left:-160px;margin-top:-80px;}
    .guide_visual .visual_item.item01 .v_item01_02 {position:absolute;bottom: 56px;left:50%;margin-left:-160px;}
    .guide_visual .visual_item.item01 .v_item01_03 {position:absolute;top: 35%;left:50%;margin-left:-160px;margin-top:-80px;}
    .guide_visual .visual_item.item01 .v_item01_04 {position:fixed;bottom: 70px;left:50%;margin-left:-160px;}

    .toggle_spin {width:280px;margin-left:-140px;}
    .toggle_spin_left {margin-left:8px;}
    .toggle_spin_right {margin-right:8px;}
    .intro_top {top:30px;}

    .newproduct_swiper .visual_item {position:relative;background:#fff;padding-bottom:40px;width:260px;}

    .ui-titlebar.ty03 + .box {height: calc(100% - 114px);padding-bottom:170px;}
    .fullscreen_btm .box {padding-bottom:80px;}
    .fullscreen_btm .box .btn_btm {padding-top:10px;}

    .intro_hash_list {/*height:272px;*/margin-top:-178px !important;} 

    .brandshop_swiper .visual_item a.noimg_bg {min-height:350px;}

    .cart_bottom .btm_cont .pay {font-size:12px;}
    .cart_bottom .btm_cont .pay strong {font-size:16px;}
}

@media only screen and (min-device-width: 767px) {
    .list_round li {width:auto;padding:5px 10px;}
    .goods_item.ty_round > li{width:auto;}
    .my_map {height:auto;}
    .filter_popup {bottom:-550px ; height:500px ;}
}

@media (max-height : 800px){ /* from 0 to 800 px max height applies */
    .departure_box .departure_list, .popupcont_wrap .departure_list {
        margin: 0;
        margin-bottom: 80px;
    }
}

/* S: 2021-10-01 추가 : 중국 특정 브라우저 동영상 레이어 */
.video_layer {width:30px; height:30px; font-size:0; background:#fff url('../../images/API_M_KO/common/icon_video_play.png') 50% 50% no-repeat; background-size:cover; border-radius:50%; box-shadow:3px 3px 7px rgba(0,0,0,0.2); position:absolute; top:50%; left:50%; display:inline-block; transform:translate(-50%, -50%); z-index:1;}

#layerPop {background-color:rgba(0,0,0,0.4); position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; display:none;}
#layerPop.active {display:block;}
#layerPop .layer_container {/*max-height:80vh; */position:absolute; top:50%; right:20px; left:20px; transform:translateY(-50%);}
#layerPop .btn_close {width:26px; height:26px; position:absolute; top:-26px; right:0;}
#layerPop .btn_close:before, #layerPop .btn_close:after {width:100%; border-top:2px solid #fff; content:''; position:absolute; top:50%; right:0; display:block;}
#layerPop .btn_close:before {transform:rotate(45deg);}
#layerPop .btn_close:after {transform:rotate(135deg);}

#layerPop .video_wrap {margin:0 auto; overflow:hidden; position:relative;}
#layerPop .video_wrap iframe {width:100%; height:100%; position:absolute; top:0; left:0;}
/* E: 2021-10-01 추가 : 중국 특정 브라우저 동영상 레이어 */

/* [pub]22-02-03 추가 - 버튼 H.COS Face 추가 Start */
.btn_cos_face {
    display: block;
    position: fixed;
    width: 56px;
    height: 56px;
    z-index: 50;
    border-radius: 60px;
    text-indent: -9999px;
    background: url(../../images/API_M_KO/product/icon_face.gif) center center no-repeat #fff;
    background-size: 56px 56px;
    box-shadow: 6px 8px 12px 0 rgb(0 0 0 / 10%);
}
.btn_cos_face.type-utilbar{
    right: 31px;
    bottom: 76px;
}
.btn_cos_face.type-bottom{
    right: 21px;
    bottom: 80px;
}
.btn_cos_face.type-tooltip{
    right: 20px;
    transition: all .4s .4s;
    opacity: 1;
}
.product_appbar.cart_open .btn_cos_face.type-tooltip{
    opacity: 0;
    transition: all 0s 0s;
}
.btn_cos_face.type-tooltip.is-selling{
    bottom: 170px;
}
.btn_cos_face.type-tooltip.is-soldout{
    bottom: 128px;
}
.btn_cos_face.type-tooltip.no-selling{
    bottom: 128px;
}
/* [pub]22-02-03 추가 - 버튼 H.COS Face 추가 End */

/* [pub]22-05-23 추가 및 수정 - 어코디언 형 해쉬태그 내 링크 영역 추가 Start */
.toggle_swiper_wrap .toggle_banner.type-accordion:after {display: block;position: absolute;top: 0;left: 20px;opacity: .2;width: 100%;height: 100%;background-color: #1b1e23;content: "";z-index: 1;}
.hash-link-desc, .hash-link-desc:hover {color: #fff !important; text-decoration: none !important;}
.hash-link-desc.type-accordion {display: flex !important; align-items: center; height: 100%; width: 100%;}
.hash-link-desc.type-accordion span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 20px; padding: 5% 0;}
.hash-link-desc:after {background-color: transparent !important; display: none !important;}
.toggle_banner .toggle_banner_tit.type-accordion {width: calc(100% - 90px) !important; padding: 0 ! important; left: 20px; top: 0 !important; height: 100% !important; margin-top: 0 !important;}
.hash-btn-arrow {position: absolute; height: 100%; right: 0; width: 70px; top: 0; background-color: transparent !important;}
.hash-btn-arrow:after {background-color: transparent !important; left: 0 !important; z-index: 3 !important;}
/* [pub]22-05-23 추가 및 수정 - 어코디언 형 해쉬태그 내 링크 영역 추가 End */

/* S: H.Share 상품상세 : 2022-03-25 추가 by pub10 */
.pd_hshare {background: #fff;padding: 0 20px; position: relative;}
.container.product_detail .pd_hshare h4 {padding-top:20px; display: inline-block;}
.pd_hshare .remain {color:#eb2838; background: -webkit-linear-gradient(-45deg, #EA2830 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-left:8px; display:inline-block; font-family:'roboto'; font-weight:800; font-size:18px; font-style:italic; padding-right:5px;}
.pd_hshare .square_tooltip {display:inline-block; margin-left: 4px;vertical-align:1px; z-index:3;}
.pd_hshare .tooltip {width:200px;}
.pd_hshare .graph {position:relative; margin-top:26px; padding:0 24px 18px 0; border-bottom: 1px solid #EEF0F2;}
.pd_hshare .graph .bar {position:relative; height:17px; border-radius:9px; overflow:hidden;border:1px solid #DCDCDC; box-shadow:1px 2px 4px rgba(0,0,0,.16);}
/* .pd_hshare .graph .bar:after {content:""; position:absolute; left:0; top:0; width:100%; height:17px; border-radius:9px; z-index:0;} */
.pd_hshare .graph .percent {position:relative;display:inline-block; height:17px; border-radius:9px; background: linear-gradient(-45deg, #EA2830 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%);z-index:1;}
.pd_hshare .graph .num {position:absolute; top:-16px; transform:translateX(-50%); display:inline-block; min-width: 28px; text-align:center; background-color:#fff; line-height:11px; z-index: 2; 
    border: 1px solid transparent; border-radius: 3px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(#fff, #fff), linear-gradient(114deg, rgba(234,40,41,1) 0%, rgba(234,40,105,1) 50%, rgba(206,40,165,1) 80%, rgba(169,40,234,1) 100%);}
.pd_hshare .graph .num span {display:inline-block; padding:4px 3px; font-family:"roboto"; font-size:17px; color:#eb2838; background: -webkit-linear-gradient(-45deg, #EA2830 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  font-weight:800; font-style:italic;}
.pd_hshare .graph .num span em {font-family:'Noto Sans CJK KR'; font-size:8px;}
.pd_hshare .graph .num:after, 
.pd_hshare .graph .num:before {content: ""; position: absolute; width: 0; height: 0;}
.pd_hshare .graph .num:before {top: 100%;left: 50%;margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 4px solid #CE28A5;}
.pd_hshare .graph .num:after{top: 100%; left: 50%; margin-left: -3px;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 3px solid;border-top-color: #fff;}
.pd_hshare .graph .goal {font-size:12px; font-weight:600; color:#5c6677; display:flex; justify-content:space-between;}
.pd_hshare .hshare_price {border-bottom: solid 1px #eef0f2; padding:20px 0;}
.pd_hshare .hshare_price li {line-height: 20px;}
.pd_hshare .hshare_price li + li {margin-top: 9px;}
.pd_hshare .hshare_price li:after {content:""; clear:both; height:0; display:block;}
.pd_hshare .hshare_price .tit {display: block; float: left; width: 120px; font-weight: 400; color: #5c6677;}
.pd_hshare .hshare_price .box {float: left; width: calc(100% - 120px); font-size:14px;}
.pd_hshare .hshare_price .del {text-decoration:line-through; color:#5C6677;}
.pd_hshare .hshare_price .box i {font-style:normal; font-family:'roboto';}
.pd_hshare .hshare_price .box .price {font-family:'roboto'; font-size:16px; font-weight:800;}
.pd_hshare .hshare_price .box .off {font-family:'roboto'; display:inline-block; margin-left:3px; font-size:13px; font-weight:800;}
.pd_hshare .hshare_price .box .off em {font-size:16px;}
.pd_hshare .parallelimport_message {margin-top:0;}

.btn_hshare {display:flex; justify-content:center; align-items:center; width:56px; height:56px; border-radius:60px; position:absolute; top:0; /*right:0;*/ z-index:110; box-shadow: 6px 8px 12px 0 rgb(0 0 0 / 10%); color:#fff; line-height:1.2; letter-spacing:0; font-weight:600;text-indent:0; transition:none;
    background:rgb(234,40,41);
    background:-moz-linear-gradient(-45deg, rgba(234,40,41,1) 0%, rgba(234,40,105,1) 51%, rgba(206,40,165,1) 79%, rgba(169,40,234,1) 100%);
    background:-webkit-linear-gradient(-45deg, rgba(234,40,41,1) 0%,rgba(234,40,105,1) 51%,rgba(206,40,165,1) 79%,rgba(169,40,234,1) 100%);
    background:linear-gradient(135deg, rgba(234,40,41,1) 0%,rgba(234,40,105,1) 51%,rgba(206,40,165,1) 79%,rgba(169,40,234,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2829', endColorstr='#a928ea',GradientType=1 )
} /* [pub]22-12-15 - 제품 상세페이지 내 장바구니 버튼 슬라이드형식으로 변경 */
.btn_hshare:after {display:none;}
.btn_hshare.hshare_end {background:#ccd1d8; font-size:14px; pointer-events: none;}/*2022-06-22 수정*/
.btn_hshare.hshare_finish {background:#ABB2BE; font-size:14px;}/*2022-06-22 수정*/
.btn_hshare:hover, .btn_hshare:active {color:#fff;}
.pro_cart_area .link_join {width:100%; text-align:center;}
.product_appbar.cart_open .add_cart.btn_hshare {transition:none;}
.add_cart.btn_hshare.return {animation:none}
.summary_info .price .upto em {color:#1b1e23;}
/* E: H.Share 상품상세 : 2022-03-25 추가 by pub10 */

/* S: 2022-05-11 H.Point Pay 추가 pub10 */
.pay_wrap .tab_list {overflow-x:auto; padding-top: 14px; margin-top: -14px;}
.pay_wrap .tab_list li {min-width:103px;}

.payway_area_hpay {overflow: hidden;}
.payway_area_hpay .hpay_choose label img {vertical-align:-2px; margin-right:2px; width:44px;}
.payway_area_hpay .hpay_tag {display: inline-block; height: 22px; line-height: 20px; padding: 0 5px; background: linear-gradient(135deg, #ea2829, #982fcb);color:#fff; border: 0; font-size: 12px; margin-left: 8px;}
.payway_area_hpay .hpay_box {padding-top:20px; display:none;}
.payway_area_hpay .hpay_box.active {display:block;}

.pay_wrap .color_hpay {background:#4e2bf4} /* H.Point Pay */

.hpay_name {margin-top:10px; text-align:center;}
.hpay_name span {position:relative; display:inline-block; padding-left:10px; margin-left:10px;}
.hpay_name span:before {content:""; position:absolute; left:0; top:6px; width:1px; height:10px; background-color:#dde0e5;}
.pay_wrap .color_hpay .hpay_name {width:auto; margin:16px 0; text-align:left; font-size:12px; color:#fff;}
.logo_hpay {display:inline-block; background:url('../../images/API_M_KO/common/logo_hpay.png') no-repeat; background-size:75px 30px; width:75px; height:30px; text-indent:-9999px; overflow:hidden; vertical-align: bottom; margin-right:5px;}

.hpay_info {border-top: solid 1px #dde0e5; padding-top: 35px; margin:35px -35px 0;}
.hpay_info .attention_area.type2:first-child {margin-top:0px}

.terms_item.type2 li {border: 1px solid #dde0e5; padding: 10px; position:relative;}
.terms_item.type2 li + li {margin-top: 12px;}
.terms_item.type2 .terms_title .checkbox label{font-size:13px;line-height:20px; color:#1b1e23; padding-right:0;}
.terms_item.type2 .terms_title .checkbox label::before{margin-right:8px;}
.terms_item.type2 .terms_title{position:relative; padding-right:16px;}
.terms_item.type2 .terms_title .checkbox input {position: absolute;/* display:none; */opacity: 0;border: none;}/* 2021-10-13 수정 : 운영 인풋 포커스 관련 */
.terms_item.type2 .terms_view{position:absolute; top:2px; right:0; }
.terms_item.type2 .terms_view a{display:block; background:url('../../images/API_M_KO/common/ico_common.png') no-repeat; background-size: auto 750px; background-position: -160px -88px; text-indent:-9999px; width:16px; height:16px; opacity:.4;}

/*마이 H.Point Pay*/
.hpay_setting {text-align:right;}
.hpay_setting a {display: inline-block; width: 20px; height: 20px; background:url('../../images/API_M_KO/common/ico_common_2021.png') no-repeat;background-size:750px 750px;background-position:-183px -94px;overflow:hidden;color:transparent;}
.myhd_hpay .my_total_wrap {padding-bottom:20px; border-bottom:1px solid #dde0e5;}
.myhd_hpay .card_visual {margin-top:20px; }
.myhd_hpay .hpay_name {/*margin-top:30px;*/ width:auto; text-align:left; color:#fff;}
.myhd_hpay .hpay_name + .hpay_name {margin-top:10px;}
.myhd_hpay .color_item00 .hpay_name {color:#5c6677}
.myhd_hpay dd {border:none !important; }
.myhd_hpay dd a {vertical-align:top;}
.myhd_hpay .btn_modify {position:absolute; left:20px; bottom:18px; text-align:right; }
.myhd_hpay .btn_modify a {height:30px;line-height:29px;padding:0 14px;border:1px solid #fff;border-radius:20px;font-size:12px;color:#fff;display: inline-block;}
.myhd_hpay .btn_modify .btn_fin,
.myhd_hpay .btn_modify .btn_cancle {display:none;}
.myhd_hpay .btn_modify .btn_fin.on,
.myhd_hpay .btn_modify .btn_cancle.on {display:inline-block;}
.myhd_hpay .color_item00 .btn_modify a {color:#5c6677; border-color:#dde0e5;}
.myhd_hpay .hpay_name.input_de {display:none;}
.myhd_hpay .hpay_name.input_de input[type='text'] {width:100%; height:25px; line-height:25px; font-size:13px;}
.myhd_hpay .hpay_del {position:absolute; right:10px; top:10px; display:inline-block; padding:10px;}
.myhd_hpay .hpay_del .ico_com {vertical-align:top;}
.myhd_hpay .card_wrap .card_tit {margin-right:20px;}
/*마이 H.Point Pay 세팅*/
.box_hpay {padding: 5px 20px;}
.box_hpay .btn_full + .btn_full {margin-top:10px;}
/* E: 2022-05-11 H.Point Pay 추가 pub10 */

/* [pub10]2022-07-06 추가 - lolozem 버튼 추가 Start */
.btn_lolozem {
    display: block;
    position: fixed;
    width: 56px;
    height: 56px;
    z-index: 50;
    border-radius: 60px;
    text-indent: -9999px;
    background:url('../../images/API_M_KO/product/icon_lolozem.png') no-repeat #fff;
    background-size: 56px 56px;
    box-shadow: 6px 8px 12px 0 rgb(0 0 0 / 10%);
}
.btn_lolozem.type-tooltip{
    right: 20px;
    transition: all .4s .4s;
    opacity: 1;
}
.product_appbar.cart_open .btn_lolozem.type-tooltip{
    opacity: 0;
    transition: all 0s 0s;
}
.btn_lolozem.type-tooltip.is-selling{
    bottom: 170px;
}
.btn_lolozem.type-tooltip.is-soldout{
    bottom: 128px;
}
.btn_lolozem.type-tooltip.no-selling{
    bottom: 128px;
}
/* [pub10]2022-07-06 추가 - lolozem 버튼 추가 End */

/* [pub10] 2022-08-23 공통으로 쓰기위해 태그 추가 */
.prd_condition {margin-top:8px; font-size: 0; line-height: 0;}
.prd_condition span {position:relative;display:inline-block;height:21px;margin:2px 4px 2px 0;padding:0 8px;border:1px solid #eef0f2;font-size:11px;color:#5c6677;text-align:center;line-height:19px;}
.prd_condition .cd_sale {background: linear-gradient(135deg, #ea2829, #982fcb);color:#fff;}
.prd_condition .cd_color {position:relative; color:#eb2838 !important; border-color:#eb2838 !important; background: -webkit-linear-gradient(-45deg, #EA2869 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; border:1px solid !important; border-image:-webkit-linear-gradient(140deg, #EA2869 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%) 1 !important; border-image:linear-gradient(140deg, #EA2869 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%) 1 !important;}/* 2022-03-25 그라데이션: 보더, 텍스트 태그 추가*/
.prd_condition .cd_color:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; z-index:-1;}/* 2022-03-25 그라데이션: 보더, 텍스트 태그 추가*/
.prd_condition .type-first-deal {border: 1px solid #ffeaea !important; background-color: #ffeaea !important; color: #ea2869 !important; padding:0 6px;}/*2024-05-14 첫구매딜 관련 추가*/
.prd_condition .type-first-deal:before {content:""; display: inline-block; width: 16px; height:16px; margin-right:2px; background:url('../../images/API_M_KO/common/ic_first_deal.svg') no-repeat center center/contain;}/*2024-05-14 첫구매딜 관련 추가*/

/* S: 2022-08-09 럭셔리관 관련 상품상세 추가*/
.luxury_detail_html {margin:50px 20px 0 0;}
.luxury_detail_video {position: relative; padding-bottom: 53.25%; margin: 0 auto;}
.luxury_detail_video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* S: 2022-08-09 럭셔리관 관련 상품상세 추가*/

/* S: 2022-08-26 쇼핑백 추가 주문결제 pub10*/
.shoping_bag {padding-bottom:30px;}
.shoping_bag .box_bag li + li {margin-top:8px; }
.shoping_bag .box_bag input[type='radio'] + label {position:relative; width:100%; border:1px solid #dde0e5; padding: 22px 20px 22px 50px !important;}
.shoping_bag .box_bag label span {display:block;}
.shoping_bag .box_bag label strong {display:block; font-size:14px; color:#1b1e23;}
.shoping_bag .box_bag label em {position:relative; display:inline-block; font-size:14px; color:#20ac2a; margin-top:4px;}
.shoping_bag .box_bag label em:after {content:""; display:inline-block; margin:0px 0 -2px 7px; width:19px; height:15px; background:url("../../images/API_M_KO/common/img_leaf.png") no-repeat; background-size:19px 15px;}
.shoping_bag .box_bag label i {display:block; font-size:13px; color:#5c6677; font-style:normal; margin-top:4px;}
.shoping_bag .box_bag input[type='radio'] + label:before {top:50%; left:20px; margin-top:-10px;}
.shoping_bag .box_bag input[type='radio'] + label:after {top:50%; left:26px; margin-top:-4px;}
.shoping_bag .box_bag input[type='radio']:checked + label {border-color:#1d1e22;}
.shoping_bag .box_bag li:first-child input[type='radio']:checked + label {border-color:#87c232;}
/* E: 2022-08-26 쇼핑백 추가 주문결제 pub10*/

/* S: 2022-09-05 선불카드: 추가 */
.offline_card .tab_area ul li a {font-size:14px; line-height:1.2; height:50px; display:flex; align-items:center; justify-content:center; padding:0;}
.offline_card .accordion_list dl dd ul {margin:0 15px;}
.offline_card .accordion_list dl {border-top:1px solid #f2f2f2;}
.offline_card .accordion_list dl dd ul li {display:flex; justify-content:space-between;flex-wrap:wrap;}
.offline_card .accordion_list dl dd ul li span {width:auto; display:block; float:none;}
.offline_card .accordion_list dl dd ul li span.type_dd {padding-right:0;}
.offline_card .accordion_list dl dd ul li:after {display:none;}
.offline_card_extension .accordion_list dl dt {padding-left:30px;}
.offline_card_extension .accordion_list dl dt .checkbox.no_label {position:absolute; left:0; top:2px;}
/* E: 2022-09-05 선불카드: 추가 */

/* S: 2022-09-07 브랜딩 컨텐츠 추가 pub10 */
.branding_list {margin-top:10px;}
.branding_list li {/*padding:10px 20px;*/ position:relative;}
.branding_list .branding_box {position:relative;}
.branding_list .branding_box > a {position:absolute; width:100%;height:100%;z-index:2;}
.branding_list .branding_box .list_img,
.branding_list .branding_box .list_txt {position:relative; display:block;}
.branding_list .branding_box .list_img img,
.branding_list .branding_box .list_img video {width:100%; vertical-align:top;}

.branding_list .branding_box .list_brand {position:absolute;top:50%;left:30px;right:30px;-webkit-transform:translateY(-50%);-ms-transform: translateY(-50%);transform: translate(0, -50%);text-align:center;font-size:20px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.branding_list li .list_btns {position:absolute;bottom:10px;right:20px;z-index:3;}
.branding_list li .list_btns a {display:inline-block;width:56px;height:56px;font-size:0;line-height:0;vertical-align:bottom;overflow:hidden}
.branding_list .list_txt {padding:20px 21px 0; color:#000;}
.branding_list .list_txt .btn_like {display:inline-block; padding-left:30px; color:#000; font-size:12px;}
.branding_list .list_txt .list_tit {position:relative; display:block;}
.branding_list .list_txt .list_tit .brand_tit {position:relative; font-size:29px; font-weight:bold; vertical-align:top; display:block; margin-right:110px; color:#000;}
.branding_list .list_txt .list_tit .bull_like_area2 {position:absolute; top:-1px; right:0; left:auto; margin-left:15px; display:inline-block; vertical-align:top; }
.branding_list .list_txt .list_tit .bull_like_area2 .bull_like2 {font-weight:300; padding:8px 0 10px 30px;color:#000;}
.branding_list .list_txt .list_tit .brand_summary {margin-top:10px;}
.branding_list .branding_hash {margin-left:-5px;}
.branding_list .branding_hash a {margin-left:5px}

.branding_hash {padding:16px 21px 55px;}
.branding_hash a {display:inline-block; font-size:12px; color:#000; }
.branding_hash a + a {margin-left:5px}

.branding_tit_wrap {position:relative; color:#000; padding:28px 21px;} 
.branding_tit_wrap .branding_tit {font-size:19px; font-weight:bold; margin-right:80px;}
.branding_tit_wrap .branding_txt {margin-top:10px; font-size:12px; line-height:1.2;}
.branding_tit_wrap .branding_hash {margin-top:15px; padding:0;}
.branding_share {text-align:center; width:100%; margin-top:20px;}
.branding_share .bull_like_area2 {position:relative; display:inline-block;}
.branding_share .bull_like_area2 .bull_like2 {font-weight:300; padding:8px 0 10px 30px;color:#000;}
.branding_share .btn_like.on .motion_area {top:-23px; left:-23px;}
.branding_share .sns {display:inline-block; width:24px; height:24px; margin-left:20px; text-indent:9999px; background:url('../../images/API_M_KO/product/icon_sns.png') 0 0 no-repeat; background-size:contain; vertical-align:bottom;}

.branding_slide {position:relative; overflow:hidden; margin-top:13px; padding-bottom:40px;}
.branding_slide .branding_slide_wrap {display:block;}
.branding_slide .branding_img {display:block;}
.branding_slide .branding_img img, 
.branding_slide .branding_img video {width:100%;}
.branding_slide .branding_txt {display:block; margin-top:15px; padding-right:20px; }
.branding_slide .branding_txt .tit {display:block; color:#000; font-size:14px; font-weight:bold;}
.branding_slide .branding_txt .txt {display:block; color:#585858; font-size:12px;line-height:1.2; margin-top:10px;}
.branding_slide .branding_hash {display:block; margin-top:15px; margin-left:-10px; padding:0; font-size:12px; font-style:normal;}
.branding_slide .branding_hash a {color:#000; margin-left:10px;}

.branding_slide .swiper-button-prev,
.branding_slide .swiper-button-next {position:absolute; top:38%; /*margin-top:-25px;*/ display:block; width:35px; height:50px; background:rgba(0,0,0,.2);}
.branding_slide .swiper-button-prev {left:0; padding-left:14px;}
.branding_slide .swiper-button-next {right:0; padding-right:14px; text-align:right;}
.branding_slide .swiper-button-prev i,
.branding_slide .swiper-button-next i {margin-top:20px; border:solid white; border-width:0 2px 2px 0; display:inline-block; padding:4px; line-height:0;}
.branding_slide .swiper-button-prev i {transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.branding_slide .swiper-button-next i {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.branding_slide .swiper-pagination {bottom:0; width:100%; text-align:center;}
.branding_slide .swiper-pagination-bullet {display:inline-block; width:7px; height:7px; border-radius:50%; background-color:#fff; border:1px solid #9e9e9e; margin:0 4px; opacity:1;}
.branding_slide .swiper-pagination-bullet-active {background-color:#000; border-color:#000;}
.branding_btn_box {margin-top:60px; text-align:center;}
/* E: 2022-09-07 브랜딩 컨텐츠 추가 pub10 */

/* S: 2022-09-21 고유식별정보 추가 */
.choice_box.uniq {padding:15px 108px 15px 20px;}
.choice_box.uniq + button {position:absolute; right:20px; top:50%; margin-top:-17px;}
.choice_box.uniq .checkbox label {width:100% !important}
.myhd_uniq {position:relative; padding:20px 0;}
.myhd_uniq button {position:absolute; right:0; top:50%; transform:translateY(-50%);}
input.datepicker[disabled] {background-color:#f9fafb !important; color:#788497 !important;}
.join_form .join_row input.datepicker[disabled] {background-color:#f7f7f7 !important;}
input.datepicker[disabled]::placeholder {color:#ccd1d8 !important; background-color:transparent !important;}
/* E: 2022-09-21 고유식별정보 추가 */

/*S: 2022-11-29 인트로: 추가*/
.intro_type04 {position:relative;width:100%;height:100%;overflow:hidden;}
.intro_logo04_wrap {position:relative;text-align:center;padding-top:100px; height:100%;}
.intro_logo04 {display:inline-block;width:127px; height:25px;font-size: 0; vertical-align:top;}
.intro_logo04 a {display:block;height:25px;}
.intro_type04 .intro_logo04 {position:relative; z-index:2;}/*2023-05-03 추가*/
.intro_type04 .intro_search_box {position:absolute; bottom:56px; left:0; right:0; height:80px; padding:13px; margin:0; border:none; width:100%; background:rgba(255, 255, 255, .5); border-radius:28px 28px 0 0; z-index:2;}/*2023-05-03 z-index 추가*/
.intro_type04 .intro_search_box .box_input {position:relative; width:100%; height:55px; border-radius:30px; border-color:#eb2838; background: -webkit-linear-gradient(-45deg, #ea2829 0%, #ea2869 33%, #ce28a5 66%, #a928ea 100%); padding:1px;}
.intro_type04 .intro_search_box .box_input .inner {background-color:#fff; height:100%; border-radius:30px; padding:0 65px 0 30px;}
.intro_type04 .intro_search_box input {color:#1b1e23; height:55px; font-size:16px;}
.intro_type04 .intro_search_box input::-webkit-input-placeholder {font-size:16px;color:#1b1e23;}
.intro_type04 .intro_search_box input:focus::-webkit-input-placeholder {color:transparent;}
.intro_type04 .intro_search_btn {right:10px; width:39px; height:39px; border-radius:50%; background: url('../../images/API_M_KO/intro/intro_search_btn_wh.png') no-repeat center center / 18px 18px, -webkit-linear-gradient(-45deg, #ea2829 0%, #ea2869 33%, #ce28a5 66%, #a928ea 100%);}
.intro_type04 .slidesjs-navigation {z-index:2;}/*2023-05-03 추가*/
.intro_type04 .intro_link {position:absolute; display:block; top:0; bottom:0; left:0; right:0; width:100%; height:100%; text-indent:-9999px; overflow:hidden; z-index:1;}/*2023-05-03 추가*/
/*E: 2022-11-29 인트로: 추가*/

/* S : 이벤트 내 적립금 폼 리뉴얼 */
.event_reserves_new {padding:0 18px;letter-spacing:-0.06em;}
.event_reserves_new li {padding:50px 50px;display:block;text-align:center;background:#fff;border-bottom:1px solid #e6e6e6;}
.event_reserves_new li .benefit {font-size:12px;line-height:1;position:relative;font-weight:bold;}
.event_reserves_new li .benefit span {position:relative;z-index:2;}
.event_reserves_new li .benefit:after {content:'';width:66px;height:10px;background:#ffea00;position:absolute;top:6px;z-index:1;left:50%;margin-left:-33px;}
.event_reserves_new li .title {font-size:18px;line-height:23px;font-weight:bold;padding-top:10px;}
.event_reserves_new li ul.useage {display:inline-block;position:relative;padding-top:10px;max-width:204px;}
.event_reserves_new li ul.useage li {position:relative;font-size:12px;line-height:18px;padding:0;box-shadow:none;border-radius:0;padding-left:8px;text-align:left;border:none;}
.event_reserves_new li ul.useage li + li {margin:0;}
.event_reserves_new li ul.useage li:before {content:'';position:absolute;top:8px;left:2px;width:2px;height:2px;background-color:#000;border-radius:100%;}
.event_reserves_new li .reserves_box {width:204px;height:121px;background:url('https://cdn.ctdfs.com/files/editor/20230508/2cffde31_202305081329255930.png') top left no-repeat;background-size:100% 100%;display:block;position:relative;left:50%;margin:20px 0 0 -102px;text-align:left;}
.event_reserves_new li .reserves_box .title {font-size:11px;line-height:1;font-weight:bold;padding:20px 0 0 16px;}
.event_reserves_new li .reserves_box .reserves {font-size:23px;line-height:1;font-weight:bold;padding:12px 0 0 16px;font-family:Roboto,sans-serif;color:#000;}
.event_reserves_new li .reserves_box .reserves span {padding-left:5px;font-size:12px;font-family:'Noto Sans KR',-apple-system-font,Apple SD Gothic Neo,Helvetica,sans-serif;color:#000;}
.event_reserves_new li .reserves_box .reserves.resize {margin:0;color:#000;height:auto;width:130px;}
.event_reserves_new li .reserves_box .condition {font-size:10px;color:#788497;line-height:1;padding:22px 0 0 16px;}    
.event_reserves_new li .save_btn {position:relative;width:204px;font-size:13px;line-height:1;color:#fff;font-weight:bold;padding:15px 20px;background:#000;border-radius:10px;display:block;position:relative;left:50%;margin:13px 0 0 -102px;text-align:left;}
.event_reserves_new li .save_btn .ico_coma {position:absolute;top:12px;right:20px;}
/* E : 이벤트 내 적립금 폼 리뉴얼 */

/* S: 2023-06-14 간편가입 추가 */
.join_type li .quick_join {position:relative; width:100%; text-align:center; margin-top:10px;}
.join_type li .quick_join a { position:relative; display:inline-block !important; }
.join_type li .quick_join a + a {margin-left:4px;}
.join_type li .quick_join a i {vertical-align:top;}
.join_type li .quick_join .ico_tip {position:absolute; top:5px; left:50%; margin-left:-102px; z-index:2; padding:0 10px; font-size:11px; background:#fff; border:1px solid #1b1e23; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }
.join_type li .quick_join .ico_tip:before,
.join_type li .quick_join .ico_tip:after {content:""; position:absolute; width: 0; height: 0;}
.join_type li .quick_join .ico_tip:before {top:5px; right:-4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #fff; z-index:2;}
.join_type li .quick_join .ico_tip:after {top:4px; right:-5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #1b1e23;}
/* E: 2023-06-14 간편가입 추가 */

/*2023-06-27 선수금 영역 버튼 수정*/
.btn_group.type2 {display:flex; gap:0 5px}

/*2023-11-15 웨딩샵 수정*/
.wedding_evt_list .ev_list .i_area {padding-left:20px;}
.wedding_evt_list .ev_list .t_area {top:0; margin: 16px 0 0 20px; padding:0;}
.wedding_evt_list .ev_list .tit {color:#1b1e23;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 50px; font-weight:700;}
.wedding_evt_list #evtList .i_attention {bottom:50px;}
.wedding_evt_list .ev_list .subt {margin-top:8px; font-size: 13px; color: #5c6677;}
.wedding_evt_list .ev_list .day {margin-top:5px; font-size: 12px; letter-spacing: 0; color: #5c6677; line-height:1;}
.wedding_evt_list .swiper_paging .swiper-pagination-bullet {background-color: rgba(0,0,0,.6);}
.wedding_evt_list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}

/* S: 2023 개편 */
/* main top--list */
.layer-dim {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
}
body.is-dimmed::before {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110;
    width: 100%;
    height: 100%;
    background-color: rgba(27, 30, 35, 0.5);
    content: "";
}

input[type=button],
button {
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
}

#mainNavi {
    display: none;
}

.box-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.tit--color-dark {
    font-weight: 700;
    color: #1b1e23;
    font-size: 20px;
    line-height: 1.7;
    letter-spacing: -0.1px;
}
.tit--color-dark :is(a, button) {
    color: #1b1e23;
}
.tit--color-dark.tit--icon-arrow :is(a, button) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;/* 2024-05-14 첫구매딜 관련 수정 8*/
}

/*.tit--icon-arrow :is(a, button)::after {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../../images/API_M_KO/common/n/icon_arrow_1.svg) no-repeat;
    background-size: contain;
    content: "";
}*//* 2024-05-14 첫구매딜 관련 수정 */
.tit--icon-arrow :is(a, button)::after {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/common/n/icon_arrow_3.svg) no-repeat;
    transform: rotate(-90deg);
    background-size: contain;
    content: "";
}/* 2024-05-14 첫구매딜 관련 수정 */

[role=tablist],
.tab--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.tab-content {
    display: none;
}

.tab-content.is-active {
    display: block;
}

.tab-content .swiper-pagination,
.wrap-swiper .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    position: relative;
    margin-top: 20px;
}
.tab-content .swiper-pagination.swiper-pagination-horizontal,
.wrap-swiper .swiper-pagination.swiper-pagination-horizontal {
    bottom: auto;
    top: auto;
}
.tab-content .swiper-pagination .swiper-pagination-bullet,
.wrap-swiper .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    -webkit-transition: width 0.2s linear;
    transition: width 0.2s linear;
    width: 8px;
    height: 8px;
    margin: 0 !important;
    border-radius: 8px;
    background-color: #ebebeb;
}
.tab-content .swiper-pagination .swiper-pagination-bullet-active,
.wrap-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #1b1e23;
}

[role=region] {
    display: none;
    overflow: hidden;
}
[role=region].is-active {
    display: block;
}

/* gnb */
.area-gnb {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 20px);
    padding: 20px;
}

.gnb-util {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.gnb-util .language-choice {
    position: relative;
    z-index: 10;
}
.gnb-util .language-choice .link-choice button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    height: 30px;
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
}
.gnb-util .language-choice .link-choice button span {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}
.gnb-util .language-choice .link-choice button::before, .gnb-util .language-choice .link-choice button::after {
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
}
.gnb-util .language-choice .link-choice button::before {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background-image: url(../../images/API_M_KO/common/n/icon_gnb_language.svg);
}
.gnb-util .language-choice .link-choice button::after {
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
    width: 10px;
    height: 10px;
    background-image: url(../../images/API_M_KO/common/n/icon_arrow_3.svg);
}
.gnb-util .language-choice.is-active .link-choice button::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.gnb-util .list-language {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #000;
    border-radius: 8px;
    background-color: #fff;
    padding: 6px 0;
}
.gnb-util .list-language a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 6px 24px;
}
.gnb-util .list-language a span {
    display: block;
    position: relative;
    padding: 4px 0;
    font-size: 14px;
    color: #abb2be;
    white-space: nowrap;
    word-break: keep-all; /*2023-07-24 추가수정*/
    white-space: nowrap /*2023-09-07 추가수정*/
}
.gnb-util .list-language a span::after {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1b1e23;
    content: "";
}
.gnb-util .list-language .is_selected a {
    font-weight: 500;
}
.gnb-util .list-language .is_selected a span {
    color: #1b1e23;
}
.gnb-util .list-language .is_selected a span::after {
    display: block;
}
.gnb-util .btn-setting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    height: 30px;
    font-weight: 500;
    font-size: 14px;
    color: #1b1e23;
}
.gnb-util .btn-setting::after {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/API_M_KO/common/n/icon_gnb_setting.svg) no-repeat;
    background-size: contain;
    content: "";
}
.gnb-util + .list-quick-link {
    margin-top: 26px;
}

.list-quick-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 17px 10%;
}
@media screen and (min-width : 600px) {
    .list-quick-link {
        gap: 17px 4%;
    }
}
.list-quick-link > li {
    width: 17.5%;
}
@media screen and (min-width : 600px) {
    .list-quick-link > li {
        width: 9%;
    }
}
.list-quick-link > li.quick-link a::before {
    background-image: none;
}
.list-quick-link > li.quick-link a .quick-link__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 0;
    left: 4px;
    width: calc(100% - 8px);
    height: 0;
    padding-top: calc(100% - 8px);
}
.list-quick-link > li.quick-link a .quick-link__img img {
    position: absolute;
    top: 50%;
    left: 4px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: calc(100% - 8px);
}
.list-quick-link > li.quick-link__sale a::before {
    background-image: url(../../images/API_M_KO/common/n/icon_gnb_sale.svg);
}
.list-quick-link > li.quick-link__best a::before {
    background-image: url(../../images/API_M_KO/common/n/icon_gnb_best.svg);
}
.list-quick-link > li.quick-link__benefit a::before {
    background-image: url(../../images/API_M_KO/common/n/icon_gnb_benefit.svg);
}
.list-quick-link > li.quick-link__promotion a::before {
    background-image: url(../../images/API_M_KO/common/n/icon_gnb_promotion.svg);
}
.list-quick-link > li.quick-link__coupon a::before {
    /* background-image: url(../../images/API_M_KO/common/n/icon_gnb_coupon.svg); */
    background-image: url('https://cdn.ctdfs.com/files/op/20240429/25d719b9_202404291326525360.png');
} /* 2024-04-29 3시간샵 아이콘 추가 */
.list-quick-link > li.quick-link__new a::before {
    background-image: url(../../images/API_M_KO/common/n/icon_gnb_new_product.svg);
}
.list-quick-link > li.quick-link__special a::before {
    background-image: url(../../images/API_M_KO/common/n/icon_gnb_special.svg);
}
.list-quick-link > li.quick-link__h-cos a::before {
    background-image: url(../../images/API_M_KO/common/n/icon_gnb_ar.png);
}
.list-quick-link > li .tag-img {
    display: block;
    position: absolute;
    top: 0;
    right: -7px;
    overflow: hidden;
    width: 28px;
    height: 12px;
}
.list-quick-link > li .tag-img img {
    display: block;
    width: 100%;
}
.list-quick-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    position: relative;
    font-size: 11px;
    color: #000;
    text-align: center;
}
.list-quick-link a::before {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%;
    border-radius: 16px;
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: calc(100% - 8px);
    content: "";
}
.list-quick-link + .gnb-category {
    margin-top: 48px;
}

.gnb-info-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 104px;
    padding: 0;
    background-color: #f9fafb;
}
.gnb-info-link > li {
    width: 33.3333333333%;
}
.gnb-info-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-size: 14px;
    color: #5c6677;
    text-align: center;
}
.gnb-info-link a::before {
    display: block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.gnb-info-link .gnb-info-link__shopping a::before {
    background-image: url(../../images/API_M_KO/common/n/icon_gnb_shopping.svg);
}
.gnb-info-link .gnb-info-link__delivery a::before {
    background-image: url(../../images/API_M_KO/common/n/icon_gnb_delivery.svg);
}
.gnb-info-link .gnb-info-link__branch a::before {
    background-image: url(../../images/API_M_KO/common/n/icon_gnb_branch.svg);
}

.gnb-category + .gnb-info-link, .gnb-category + .gnb-showroom {
    margin-top: 32px;
}

.gnb-category__tit button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    font-weight: 700;
    color: #1b1e23;
    font-size: 18px;
    letter-spacing: -0.9px;
}
.gnb-category__tit button::after {
    display: block;
    width: 18px;
    height: 18px;
    -webkit-transition: -webkit-transform 0.2s ease-in;
    transition: -webkit-transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
    background: url(../../images/API_M_KO/common/n/icon_arrow_3.svg) no-repeat;
    background-size: contain;
    content: "";
}
.gnb-category__tit button[aria-expanded=true]::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.gnb-category__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 26px;
    padding-bottom: 28px;
}
.gnb-category__inner [role=tablist].gnb-category--list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 50%;
}
.gnb-category__inner [role=tablist].gnb-category--list button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
    font-size: 16px;
    letter-spacing: -0.8px;
    color: #abb2be;
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
}
.gnb-category__inner [role=tablist].gnb-category--list button::after {
    display: block;
    width: 0;
    height: 2px;
    -webkit-transition: width 0.2s ease-out;
    transition: width 0.2s ease-out;
    background-color: #1b1e23;
    content: "";
}
.gnb-category__inner [role=tablist].gnb-category--list li.is-active button {
    font-weight: 500;
    color: #1b1e23;
}
.gnb-category__inner [role=tablist].gnb-category--list li.is-active button::after {
    width: 100%;
}
.gnb-category__inner [role=tablist].gnb-category--list li + li {
    margin-top: 20px;
}

.gnb-category--2depth {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    width: 50%;
    margin-top: 5px;
}
.gnb-category--2depth.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.gnb-category--2depth a {
    display: inline-block;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #1b1e23;
    font-weight: 500;
}

.gnb-showroom {
    position: relative;
}
.gnb-showroom + .gnb-info-link {
    margin-top: 40px;
}
.gnb-showroom .swiper-container-horizontal > .swiper-scrollbar,
.gnb-showroom .swiper-horizontal > .swiper-scrollbar {
    position: relative;
    bottom: auto;
    top: auto;
    height: 2px;
    margin-top: 40px;
    background-color: #eef0f2;
}
.gnb-showroom .swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag,
.gnb-showroom .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: #1b1e23;
}
.gnb-showroom .list-product {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: unset;
}
.gnb-showroom .product__item .product__info--img {
    overflow: hidden;
    position: relative;
    width: 100%;
    min-width: calc((100vw - 48px) / 2);
    height: 0;
    padding-top: 75%;
}
@media screen and (min-width : 600px) {
    .gnb-showroom .product__item .product__info--img {
        min-width: calc((100vw - 64px) / 4);
    }
}
.gnb-showroom .product__item .product__info--img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 110%;
    height: 110%;
}
.gnb-showroom .product__item .product__info .product__brand-info {
    width: 80%;
}

.gnb-showroom__tit {
    font-weight: 700;
    color: #1b1e23;
    font-size: 18px;
}
.gnb-showroom__tit + .swiper__gnb-showroom {
    margin-top: 24px;
}

.tab--list {
    gap: 24px;
}
.tab--list button {
    position: relative;
    padding: 3px 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 15px;
    color: #4e5765;
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
}
.tab--list button::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: width 0.2s linear;
    transition: width 0.2s linear;
    background-color: #242424;
    content: "";
}
.tab--list button:focus-visible {
    outline: none;
}
.tab--list .is-active button {
    font-weight: 700;
    color: #1b1e23;
}
.tab--list .is-active button::after {
    width: 100%;
}

.list-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 40px 9px;
}
.list-product > li {
    position: relative;
    width: calc((100% - 9px) / 2);
}
@media screen and (min-width : 520px) {
    .list-product > li {
        width: calc((100% - 18px) / 3);
    }
}
@media screen and (min-width : 600px) {
    .list-product > li {
        width: calc((100% - 27px) / 4);
    }
}
.list-product .swiper-slide {
    width: calc((100% - 15px) / 2);
}
.list-product .product__item .product__brand {
    font-size: 14px;
}
.list-product .product__item .product__brand:first-child {
    margin-top: 17px;/*2024-08-14 썸네일 이미지 확장 8px*/
}
.list-product .product__item .product__brand + .product__brand-info {
    margin-top: 2px;
}
.list-product .product__item .product__brand-info {
    font-size: 14px;
}
.list-product .type-full .product__item .product__img {
    height: 0;
    padding: 100% 0 0;
}
.list-product .type-full .product__item .product__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.list-product .type-coupon .product__img {
    position: relative;
    height: 0;
    padding: 100% 0 0;
}
.list-product .type-coupon .product__img .coupon__info {
    text-align: left;
}
.list-product .type-coupon .product__img .coupon__info,
.list-product .type-coupon .product__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.list-product .type-coupon .product__img img {
    width: calc(100% - 28px);
}
.list-product .type-coupon .product__img .coupon__info {
    width: calc(100% - 48px);
    color: #fff;
}
.list-product .type-coupon .product__img .coupon__info .coupon__tit {
    font-size: 8px;
    letter-spacing: -0.4px;
}
.list-product .type-coupon .product__img .coupon__info .coupon__point {
    font-weight: 700;
    font-size: 10px;
}
.list-product .type-coupon .product__img .coupon__info .coupon__point span {
    font-size: 18px;
}
.list-product .type-coupon .coupon__btn {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    text-indent: 9999px;
}
.list-product .type-coupon .coupon__btn span {
    position: absolute;
    left: -100%;
    font-size: 0;
}
.list-product.list-product__recommend {
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 12px;
}
.list-product.list-product__recommend > li {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 34.5vw;
}
.list-product.list-product__recommend > li:last-child {
    margin-right: 20px;
}
.list-product.list-product__recommend .product__item .product__img {
    /* height: 34.5vw; *//*2024-08-14 썸네일 이미지 확장*/
    border-radius: 4px;
}
.list-product.list-product__recommend .product__item .product__img .btn-cart {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 32px;
    height: 0;
    padding-top: 32px;
    border: none;
    border-radius: 4px;
    background-color: rgba(27, 30, 35, 0.3);/* 20231227 */
    /* -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); */ /* 20231227 */
    text-indent: -9999px;
}
.list-product.list-product__recommend .product__item .product__img .btn-cart::before {
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_product_cart.svg);
    background-size: contain;
    content: "";
}
.list-product.list-product__recommend .product__item .product__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
}
.list-product.list-product__recommend .product__item .product__info .product__brand-info.type-highlight {
    display: block;
    height: auto;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    color: #ea2829;
}
.list-product.list-product__recommend .product__item .product__info .product__brand-info.type-highlight + .product__brand-info {
    margin-top: 2px;
}
.list-product.list-product__recommend .product__item .product__info .product__price--won {
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #3d444f;
}
.list-product.list-product__recommend .product__item .product__info .product__price--won span {
    font-size: 12px;
    font-weight: 400;
    color: #3d444f;
}
.list-product.list-product__recommend .product__item.type-sales--video .product__img::after {
    left: auto;
    right: 10px;
}
.list-product.list-product__recommend .product__price--origin + .product__tag {
    margin-top: 8px;
}
.list-product.list-product__cart {
    padding: 15px 20px 20px;
}
.list-product.list-product__cart .checkbox.new input[type=checkbox]:checked + label::before {
    border-color: #dde0e5;
    border-radius: 2px;
}
.list-product.list-product__cart + .wrap-list-cart::before {
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    background-color: #eef0f2;
    content: "";
}
.list-product.list-product__cart .product__item {
    width: 100%;
}
.list-product.list-product__cart .product__item.type-sales--end .product__img::after {
    bottom: 0;
    height: 27px;
    background-color: rgba(27, 30, 35, 0.2);
    font-weight: 700;
}
.list-product .cart__no-item {
    width: 100%;
}

.product__item a {
    display: block;
    position: relative;
}
.product__item .product__img {
    overflow: hidden;
    position: relative;
    padding: 0;/*2024-08-14 썸네일 이미지 확장 16px*/
    border-radius: 8px;
    /* background-color: #f5f7fa; *//*2024-08-14 썸네일 이미지 확장*/
    text-align: center;
}
.product__item .co-buying__remain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
    height: 20px;
    padding: 0 6px;
    border-radius: 4px;
    background-color: #000;
    font-size: 11px;
    color: #fff;
    letter-spacing: -0.55px;
}
.product__item .product__sale-mount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2px;
    position: absolute;
    top: 10px;
    right: 16px;
    z-index: 1;
    font-size: 16px;
    font-family: "Times New Roman", "Times", Serif;
    font-style: italic;
    font-weight: 700;
    color: #1b1e23;
}
.product__item .product__sale-mount span {
    position: relative;
    top: 2px;
    font-size: 26px;
}
.product__item .product__info {
    position: relative;
}
.product__item .product__info .product__brand {
    font-size: 14px;
    color: #1b1e23;
    font-weight: 700;
}
.product__item .product__info .product__brand + .product__brand-info {
    margin-top: 4px;
}
.product__item .product__info .product__brand-info {
    display: -webkit-box;
    overflow: hidden;
    height: 36px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
    color: #5c6677;
    line-height: 1.38;
    word-break: keep-all;
}
.product__item .product__info .product__brand-info .product_name {
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    height:22px;
    width:100%;
}/*2024-06-10 ai추천 슬라이드 변경*/
.product__item .product__info .product__brand-info + .product__sale-info {
    margin-top: 8px;
}
.product__item .product__info .product__brand-info + .product__brand-amount {
    margin-top: 4px;
}
.product__item .product__info .product__sale-info.type-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.product__item .product__info .product__sale-info.type-inline .product__price--sale {
    font-size: 14px;
}
.product__item .product__info .product__price--origin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2px 4px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
    line-height: 1.25;
    white-space: nowrap;
}
.product__item .product__info .product__price--origin .product__price {
    color: #abb2be;
    font-weight: 300;
    text-decoration: line-through;
}
.product__item .product__info .product__price--origin .product__per {
    color: #ea2829;
}
.product__item .product__info .product__price--origin .product__price--sale {
    font-size: 14px;
}
.product__item .product__info .product__price--origin.type-1 {
    gap: 6px;
    margin-top: 3px;
}
.product__item .product__info .product__price--origin.type-1 .product__per {
    font-size: 12px;
}
.product__item .product__info .product__price--origin.type-1 .product__per .product__per--num {
    font-size: 16px;
    font-weight: 700;
}
.product__item .product__info .product__price--sale {
    font-size: 15px;
    font-weight: 700;
    color: #ea2829;
}
.product__item .product__info .product__price--won {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 2px;
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
    color: #1b1e23;
    font-size: 12px;
}
.product__item .product__info .product__price--won span {
    font-size: 14px;
    font-weight: 700;
}
.product__item .product__info .product__price--won + .product__per {
    margin-left: 4px;
}
.product__item .product__info .product__tit-info {
    margin-top: 10px;
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
    font-size: 12px;
    color: #1b1e23;
}
.product__item .product__info .product__co-buying {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 29px;
}
.product__item .product__info .product__co-buying p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1px;
    position: absolute;
    top: 0;
    right: 0;
    color: #abb2be;
    font-size: 11px;
    line-height: 1.3;
}
.product__item .product__info .product__co-buying p .co-buying__current {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}
.product__item .product__info .product__co-buying::before,
.product__item .product__info .product__co-buying .co-buying__bar {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
    border-radius: 2px;
    content: "";
}
.product__item .product__info .product__co-buying::before {
    background: #eef0f2;
}
.product__item .product__info .product__co-buying .co-buying__bar {
    width: 0;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    background: #ea2829;
    background: -webkit-gradient(linear, left top, right top, from(#ea2829), color-stop(33%, #ea2869), color-stop(66%, #ce28a5), to(#a928ea));
    background: linear-gradient(to right, #ea2829 0%, #ea2869 33%, #ce28a5 66%, #a928ea 100%);
}
.product__item .product__info .product__brand-amount {
    font-size: 13px;
    color: #788497;
    letter-spacing: -0.65px;
}
.product__item .product__item--notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-weight: 500;
    font-size: 12px;
    color: #5c6677;
    letter-spacing: -0.6px;
}
.product__item .product__item--notice + a {
    margin-top: 8px;
}
.product__item .product__item--notice.type-special::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_star_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.product__item .product__item--notice.type-order::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_bag_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.product__item .product__item--notice.type-coupon::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_coupon_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.product__item .product__item--notice.type-first::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/ic_cake.svg) no-repeat;
    background-size: contain;
    content: "";
}/* 2024-05-14 첫구매딜 추가 */
.product__item .product__item--notice .product__item--notice-date {
    color: #ea2829;
}
.product__item .product__item--notice .product__item--notice-price {
    color: #ea2829;
}
.product__item .product__price .product__price--login-guide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #3d444f;
}
.product__item .product__price .product__price--login-guide a {
    color: #ea2829;
    text-decoration: underline;
}
.product__item.product__item--row a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.product__item.product__item--row a .product__img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    grid-column: 1;
    width: calc((100vw - 40px) * 0.462);
}
@media screen and (min-width : 600px) {
    .product__item.product__item--row a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media screen and (min-width : 600px) {
    .product__item.product__item--row a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.product__item.type-color-white .product__sale-mount {
    color: #fff;
}
.product__item.type-sales--end .product__img::after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 28px;
    background-color: rgba(27, 30, 35, 0.6);
    font-size: 13px;/*2023-11-27 12에서 13으로 수정*/
    color: #fff;
    content: "판매종료";
    background: rgba(0,0,0,.06); /*2023-11-27 추가*/
    color: rgba(0,0,0,.4);/*2023-11-27 추가*/
    backdrop-filter: blur(5px);/*2024-08-14 썸네일 이미지 확장*/
}
.product__item.type-sales--restock .product__img::after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 28px;
    background-color: rgba(27, 30, 35, 0.6);
    font-size: 13px;/*2023-11-27 12에서 13으로 수정*/
    color: #fff;
    content: "재입고 알림";
    background: rgba(0,0,0,.06); /*2023-11-27 추가*/
    color: rgba(0,0,0,.4);/*2023-11-27 추가*/
}
.product__item.type-sales--set .product__sale-mount {
    font-size: 14px;
}
.product__item.type-sales--set .product__sale-mount span {
    font-size: 22px;
}
.product__item.type-sales--set .product__sale-mount::after {
    display: block;
    content: "~";
}
.product__item.type-sales--video .product__img::after {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 24px;
    height: 24px;
    background: url(../../images/API_M_KO/common/n/icon_play.svg) no-repeat;
    content: "";
}
.product__item.type-sales--adult .product__img {
    position: relative;
}
/* S: 2024-01-12 어덜트 수정*/
/* .product__item.type-sales--adult .product__img::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f5f7fa url(../../images/API_M_KO/common/n/icon_adult.svg) 50% 50% no-repeat;
    background-size: 80px 80px;
    content: "";
} */
.product__item.type-sales--adult .product__img::before {
    filter: blur(6px);
    -webkit-filter: blur(6px);
}
.product__item.type-sales--adult .product__img::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%);
    width: 12.8vw;
    height: 12.8vw;
    background: url(../../images/API_M_KO/common/n/icon_adult_2.svg) 50% 50% no-repeat;
    background-size: contain;
    z-index: 2;
    content: "";
}
.product__item.type-sales--adult .product__img img {
    filter: blur(6px);
    -webkit-filter: blur(6px);
}
/* E: 2024-01-12 어덜트 수정*/

/* S: 2024-05-14 첫구매딜 추가 */
.product__item .cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    padding-right: 0;
}
.product__item .cart :is(a, button) {
    display: block;
    overflow: hidden;
    position: relative;
    width: 32px;
    height: 0;
    padding-top: 32px;
    border: none;
    border-radius: 4px 0;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    text-indent: -9999px;
}
.product__item .cart a::before,
.product__item .cart button::before {
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_product_cart_w.svg) no-repeat;
    background-size: contain;
    content: "";
}
.product__item .no_stoc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 28px;
    border-radius: 0 0 8px 8px;
    background-color: rgba(0, 0, 0, 0.06);
    font-size: 12px;
    letter-spacing: -0.6px;
    color: rgba(0, 0, 0, 0.4);
    text-align: center;
    backdrop-filter: blur(5px);/*2024-08-14 썸네일 이미지 확장*/
}
/* E: 2024-05-14 첫구매딜 추가 */

.product__item.product__item--cart + .product__item {
    position: relative;
}
.product__item.product__item--cart + .product__item::before {
    display: block;
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eef0f2;
    content: "";
}
.product__item.product__item--cart a .product__img {
    width: 96px;
    height: 96px;
    /* padding: 10px; *//*2024-08-14 썸네일 이미지 확장*/
}
.product__item.product__item--cart a + .product__price {
    margin-top: 16px;
}
.product__item.product__item--cart .product__price.type-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.product__item.product__item--cart .product__price.type-inline + .product__price.type-inline {
    margin-top: 8px;
}
.product__item.product__item--cart .product__price.type-inline + .product__price.type-inline.type-gap {
    margin-top: 16px;
}
.product__item.product__item--cart .product__price.type-inline .product__option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
}
.product__item.product__item--cart .product__info--tag {
    margin-bottom: 0;
}
.product__item.product__item--cart .product__info--tag .type-sold-out {
    background-color: #eef0f2;
    color: #abb2be;
}
.product__item.product__item--cart .product__info--tag + .product__brand-info {
    margin-top: 8px;
}
.product__item.product__item--cart .product__info .product__brand-info .type-highlight {
    color: #1b1e23;
    font-weight: 700;
}
.product__item.product__item--cart .product__info .product__brand-info + .product__brand-option {
    margin-top: 4px;
}
.product__item.product__item--cart .product__brand-option {
    color: #788497;
    font-size: 13px;
    letter-spacing: -0.65px;
}
.product__item.product__item--cart .product__price--origin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.product__item.product__item--cart .product__price-ratio {
    font-size: 13px;
    color: #1b1e23;
    letter-spacing: -0.65px;
    font-weight: 500;
    line-height: 1.46;
}
.product__item.product__item--cart .product__price--sale {
    color: #abb2be;
    letter-spacing: -0.65px;
    line-height: 1.46;
}
.product__item.product__item--cart .product__price--sale.type-line-through {
    text-decoration: line-through;
}
.product__item.product__item--cart .product__sale-info {
    color: #5c6677;
}
.product__item.product__item--cart .product__sale-info.type-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.product__item.product__item--cart .product__sale-info.type-inline .product__price--sale {
    font-size: 16px;
    color: #ea2829;
    font-weight: 700;
}
.product__item.product__item--cart .product__sale-info.type-inline .product__price--won {
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #3d444f;
}
.product__item.product__item--cart .product__price-info {
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #3d444f;
}

.btn-move-top {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 50;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.btn-move-top.is-active {
    display: block;
}
.btn-move-top button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 48px;
    height: 0;
    padding-top: 48px;
    border: none;
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
    text-indent: -9999px;
}
.btn-move-top button::after {
    display: block;
    position: absolute;
    top: 12px;
    left: 12px;
    width: 24px;
    height: 24px;
    background: url(../../images/API_M_KO/common/n/icon_top.svg) no-repeat;
    background-size: contain;
    content: "";
}

.appbar.list-app-util {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 4px;
}
.appbar.list-app-util a {
    float: none;
    width: 20%;
}
.appbar.list-app-util a::before {
    display: none;
}
.appbar.list-app-util a::after {
    display: block;
    margin: 0 auto 12px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0;
    text-align: center;
    content: "";
}
.appbar.list-app-util a.app_main::after {
    background-image: url(../../images/API_M_KO/common/n/icon_appbar_home.svg);
}
.appbar.list-app-util a.app_gnb::after {
    background-image: url(../../images/API_M_KO/common/n/icon_appbar_menu.svg);
}
.appbar.list-app-util a.app_search::after {
    background-image: url(../../images/API_M_KO/common/n/icon_appbar_search.svg);
}
.appbar.list-app-util a.app_cart::after {
    background-image: url(../../images/API_M_KO/common/n/icon_appbar_cart.svg);
}
.appbar.list-app-util a.app_mypage::after {
    background-image: url(../../images/API_M_KO/common/n/icon_appbar_my.svg);
}
.appbar.list-app-util a.active.app_main::after, .appbar.list-app-util a.active.app_mypage::after {
    background-position: 50% -24px;
}
.appbar.list-app-util::after {
    display: none;
}

.btn-square {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    height: 32px;
    padding: 0 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.65px;
    color: #1b1e23;
    text-align: center;/*2024-05-29 예상등급 관련 수정*/
}
.btn-square.size-1 {
    height: 40px;
    padding: 0 16px;
    font-size: 14px;
    letter-spacing: -0.7px;
}
.btn-square.size-small {
    height: 24px;
    padding: 0 6px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.6px;
}
.btn-square.size-big {
    height: 48px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.8px;
}
.btn-square.type-dark-1 {
    background-color: #1b1e23;
    color: #fff;
}
.btn-square.type-white {
    border: 1px solid #1b1e23;
    background-color: #fff;
}
.btn-square.type-line-1 {
    border: 1px solid #dde0e5;
    background-color: #fff;
}
.btn-square.type-alram::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_btn_alram.svg) no-repeat;
    background-size: contain;
    content: "";
}
.btn-square.type-disable {
    background-color: #eef0f2;
    color: #abb2be;
}
.btn-square.type-finish::before {
    width: 12px;
    height: 12px;
    background: url(../../images/API_M_KO/common/n/icon_btn_check_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.btn-square.type-download::before {
    width: 12px;
    height: 12px;
    background: url(../../images/API_M_KO/common/n/icon_btn_download_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.btn-square.type-full {
    width: 100%;
}

/* 장바구니 */
.bar-login-guide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 57px;
    background-color: #f5f7fa;
}
.bar-login-guide .btn-login__cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    position: relative;
    border: none;
    background-image: linear-gradient(96deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.7px;
}
.bar-login-guide .btn-login__cart::after {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_arrow_5.svg) no-repeat;
    background-size: contain;
    content: "";
}

.util-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 52px;
    padding: 0 20px;
    border-bottom: 1px solid #dde0e5;
}
.util-cart + .wrap-list-cart {
    padding-top: 15px;
}

.cart__no-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    height: 60vh;
    font-size: 15px;
    line-height: 1.46;
    letter-spacing: -0.75px;
    color: #1b1e23;
    text-align: center;
}
.cart__no-item::before {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../../images/API_M_KO/common/n/icon_empty_cart.svg) no-repeat;
    background-size: contain;
    content: "";
}

.wrap-list-cart {
    position: relative;
    padding: 20px 0 0;
}
.wrap-list-cart .list-cart__tit {
    margin-left: 20px;
}
.wrap-list-cart .list-product.list-product__recommend {
    padding-left: 20px;
}
.wrap-list-cart .list-product + .product-tooltip__amount {
    margin-top: 13px;
}
.wrap-list-cart + .area-attention {
    margin-top: 30px;
}
.wrap-list-cart .wrap-chk {
    margin: 0 20px;
}
.wrap-list-cart .product-tooltip__amount {
    margin-left: 20px;
    margin-right: 20px;
}
.wrap-list-cart .product__item.type-single {
    margin-left: 20px;
    margin-right: 20px;
}
.wrap-list-cart .product__item.type-sales--end .product__img::after {
    bottom: 0;
    height: 27px;
    background-color: rgba(27, 30, 35, 0.2);
}
.wrap-list-cart.type-sales--end .wrap-chk .checkbox:not(.no_label).new label {
    color: rgba(27, 30, 35, 0.5);
}
.wrap-list-cart.type-sales--end .wrap-chk .checkbox:not(.no_label).new label .chk__sale {
    opacity: 0.5;
}
.wrap-list-cart.type-sales--end .wrap-chk .chk__info {
    opacity: 0.5;
}
.wrap-list-cart.type-sales--end .list-product .product__item.type-sales--end .product__brand:first-child {
    opacity: 0.5;
}
.wrap-list-cart.type-sales--end .list-product .product__item.type-sales--end .product__brand-info,
.wrap-list-cart.type-sales--end .list-product .product__item.type-sales--end .product__brand-amount {
    opacity: 0.5;
}
.wrap-list-cart + .wrap-list-cart {
    margin-top: 20px;
    padding-top: 15px;
}
.wrap-list-cart + .wrap-list-cart::before {
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    background-color: #eef0f2;
    content: "";
}
#allTotalHpoinRsvgRate + .list-product.list-product__cart, .wrap-list-cart + .list-product.list-product__cart {
    position: relative;
    margin-top: 20px;
    padding-top: 23px;
}/*2024-03-19 장바구니 코드 정리*/
#allTotalHpoinRsvgRate + .list-product.list-product__cart::before, .wrap-list-cart + .list-product.list-product__cart::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #eef0f2;
    content: "";
}/*2024-03-19 장바구니 코드 정리*/
.list-product.list-product__cart .typeline {
    /* width: calc(100% + 40px);
    height: 8px;
    background-color: #eef0f2;
    border: none;
    margin: 20px -20px -20px; */
    display: none;
}/* 2024-03-12 장바구니 수정 */
.list-cart__tit {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.8px;
    line-height: 1.5;
    color: #000;
}
.list-cart__tit + .list-product {
    margin-top: 16px;
}

.area-attention.type-1 {
    padding: 24px 20px 0;
    border-top: 8px solid #eef0f2;
}

.attention__tit {
    font-size: 14px;
    color: #1b1e23;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -0.7px;
}
.attention__tit + .list-info {
    margin-top: 8px;
}

.list-info.type-dot > li {
    position: relative;
    padding-left: 6px;
    font-size: 12px;
    color: #788497;
    line-height: 1.5;
    letter-spacing: -0.6px;
}
.list-info.type-dot > li::before {
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #abb2be;
    content: "";
}
.list-info.type-dot > li + li {
    margin-top: 8px;
}
.list-info.type-1 > li {
    font-size: 13px;
    color: #1b1e23;
}
.list-info.type-1.type-dot > li::before {
    color: #1b1e23;
}

.product__info--tag,
.product__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
}
.product__info--tag > *,
.product__tag > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 20px;
    padding: 6px;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    font-size: 11px;
    color: #5c6677;
    letter-spacing: -0.55px;
}
.product__info--tag > *.type-sold-out,
.product__tag > *.type-sold-out {
    border-color: #eef0f2;
    background-color: #eef0f2;
    color: #abb2be;
}
.product__info--tag > *.type-first-deal,
.product__tag > *.type-first-deal {
    border: 1px solid #ffeaea;
    background-color: #ffeaea;
    color: #ea2869;
}/*2024-05-14 첫구매딜 관련 추가*/
.product__info--tag > *.type-first-deal:before,
.product__tag > *.type-first-deal:before {
    content:""; display: inline-block; width: 16px; height:16px; margin-right:2px; background:url('../../images/API_M_KO/common/ic_first_deal.svg') no-repeat center center/contain;
}/*2024-05-14 첫구매딜 관련 추가*/

.wrap-payment {
    padding-bottom: 22px;
    border-top: 8px solid #eef0f2;
    background-color: #f9fafb;
}
.wrap-payment .payment-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 20px;
}
.wrap-payment .payment-info + .payment-info {
    margin-top: 22px;
}
.wrap-payment .payment-info .paymenu-info__tit {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #3d444f;
    line-height: 1.42;
}
.wrap-payment .payment-info .paymenu-info__detail {
    text-align: right;
}
.wrap-payment .payment-info .paymenu-info--price1 {
    font-weight: 700;
    font-size: 15px;
    color: #abb2be;
    letter-spacing: -0.75px;
    line-height: 1.46;
}
.wrap-payment .payment-info .paymenu-info--price1 .paymenu-info--won {
    font-size: 13px;
    font-weight: 400;
}
.wrap-payment .payment-info .paymenu-info--won {
    font-size: 12px;
    letter-spacing: -0.6px;
    line-height: 1.5;
    color: #3d444f;
}
.wrap-payment .payment-info.payment-info__bill {
    height: 60px;
    padding-top: 10px;
    background-color: #fff;
}
.wrap-payment .payment-info.payment-info__bill .paymenu-info__tit {
    font-weight: 700;
    font-size: 16px;
    color: #ea2829;
    line-height: 2.07;
}
.wrap-payment .payment-info.payment-info__bill .paymenu-info--price1 {
    font-size: 20px;
    letter-spacing: -1px;
    color: #ea2829;
}
.wrap-payment .payment-info.payment-info__bill .paymenu-info--price1 .paymenu-info--won {
    font-size: 13px;
    font-weight: 400;
}
.wrap-payment .payment-info.payment-info__bill .payment-info__tit {
    font-weight: 700;
    font-size: 16px;
    color: #ea2829;
    line-height: 2.07;
}
.wrap-payment .payment-info.payment-info__bill .payment-info--price1 {
    font-size: 20px;
    letter-spacing: -1px;
    color: #ea2829;
}
.wrap-payment .payment-info.payment-info__bill .payment-info--price1 .payment-info--won {
    font-size: 13px;
    font-weight: 400;
}
.wrap-payment .payment-info .payment-info--price1 {
    font-weight: 700;
    font-size: 16px;
    color: #abb2be;
    letter-spacing: -0.8px;
    line-height: 1.46;
}
.wrap-payment .payment-info .payment-info--won {
    font-size: 12px;
    letter-spacing: -0.6px;
    line-height: 1.5;
    color: #3d444f;
}
.wrap-payment .payment-info .payment-info--price1 .payment-info--won {
    font-size: 13px;
    font-weight: 400;
}
.wrap-payment .payment-info .payment-info__tit {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #3d444f;
    line-height: 1.42;
}
.wrap-payment .payment-info__low-price + .payment-info {
    margin-top: 22px;
}
.wrap-payment .payment-info__low-price .bottom-price__open + .bottom-price__detail {
    margin-top: 12px;
                     
}
.wrap-payment .payment-info__low-price .bottom-price__open button::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_arrow_3.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-payment .payment-info__low-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 14px 20px 20px;
    background-color: #fff;
}
.wrap-payment .payment-info__low-price .bottom-price__detail {
    display: none;
    overflow: hidden;
    width: 100%;
    -webkit-transition: all 0.45s ease-out;
    transition: all 0.45s ease-out;
}
.wrap-payment .payment-info__low-price .bottom-price__detail .wrap-detail {
    position: relative;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #ea2869;
    background-color: #fff;
}
.wrap-payment .payment-info__low-price .bottom-price__detail .wrap-detail + .txt-reference {
    margin-top: 12px;
}
.wrap-payment .payment-info__low-price .list-bottom-price > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 13px;
    letter-spacing: -0.65px;
    line-height: 1.46;
}
.wrap-payment .payment-info__low-price .list-bottom-price > li .bottom-price__item {
    font-weight: 500;
    color: #3d444f;
}
.wrap-payment .payment-info__low-price .list-bottom-price > li .bottom-price__item button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    border: none;
    background-color: transparent;
    color: #3d444f;
}
.wrap-payment .payment-info__low-price .list-bottom-price > li .bottom-price__item button::after {
    display: block;
    width: 16px;
    height: 16px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: url(../../images/API_M_KO/common/n/icon_arrow_3.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-payment .payment-info__low-price .list-bottom-price > li .bottom-price__money {
    font-weight: 700;
    color: #1b1e23;
    text-align: right;
}
.wrap-payment .payment-info__low-price .list-bottom-price > li + li {
    margin-top: 12px;
}
.wrap-payment .payment-info__low-price .list-bottom-price + .list-bottom-price {
    position: relative;
    margin-top: 16px;
    padding-top: 16px;
}
.wrap-payment .payment-info__low-price .list-bottom-price + .list-bottom-price::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dde0e5;
    content: "";
}
.wrap-payment .payment-info__low-price .list-bottom-price .list-bottom-price--detail {
    display: none;
    overflow: hidden;
    width: 100%;
    margin-top: 10px;
}
.wrap-payment .payment-info__low-price .list-bottom-price .list-bottom-price--detail > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 12px;
    letter-spacing: -0.6px;
    line-height: 1.5;
}
.wrap-payment .payment-info__low-price .list-bottom-price .list-bottom-price--detail > li .bottom-price__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    color: #5c6677;
}
.wrap-payment .payment-info__low-price .list-bottom-price .list-bottom-price--detail > li .bottom-price__item::before {
    display: block;
    width: 4px;
    height: 4px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #abb2be;
    content: "";
}
.wrap-payment .payment-info__low-price .list-bottom-price .list-bottom-price--detail > li .bottom-price__money {
    font-weight: 500;
    color: #3d444f;
    text-align: right;
}
.wrap-payment .payment-info__low-price .list-bottom-price .list-bottom-price--detail > li + li {
    margin-top: 8px;
}
.wrap-payment .payment-info__low-price .list-bottom-price + .txt-reference {
    margin-top: 12px;
}
.wrap-payment .payment-info__low-price .list-bottom-price.active > li .bottom-price__item button::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.wrap-payment .payment-info__low-price + .payment-order {
    margin-top: 8px;
}
.wrap-payment .payment-info__low-price.active .bottom-price__open button::before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
}
.wrap-payment .payment-info__low-price.active .bottom-price__open .btn-square {
    border: none;
    border-radius: 4px 4px 0 0;
    background-image: linear-gradient(98deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
    color: #fff;
}
.wrap-payment .payment-info__low-price.active .bottom-price__open .btn-square::before {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}
.wrap-payment .payment-info__low-price .product__item--notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    font-size: 13px;
    font-weight: 500;
    color: #1b1e23;
    letter-spacing: -0.65px;
}
.wrap-payment .payment-info__low-price .product__item--notice .product__item--notice-date {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(118deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
    -webkit-background-clip: text;
            background-clip: text;
}
.wrap-payment .payment-info__low-price .product__item--notice::before {
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    background: url(../../images/API_M_KO/common/n/icon_low_price.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-payment .payment-info__low-price .bottom-price__open .btn-square {
    position: relative;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.wrap-payment .payment-info__low-price .bottom-price__open .btn-square:hover::after {
    display: block;
    position: absolute;
    -webkit-animation: viewBtoT 0.2s;
            animation: viewBtoT 0.2s;
    left: 32px;
    top: -34px;
    width: 205px;
    height: 38px;
    background: url(../../images/API_M_KO/common/n/icon_tooltip_1.svg) no-repeat;
    background-size: contain;
    font-size: 12px;
    line-height: 27px;
    letter-spacing: -0.3px;
    color: #fff;
    content: "고객님 최저가 혜택을 확인해보세요!";
}
.wrap-payment .payment-info__low-price .bottom-price__open button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 30px;
    height: 0;
    padding-top: 30px;
    text-indent: -9999px;
    font-size: 0;
}
.wrap-chk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.wrap-chk + a {
    margin-top: 10px;
}
.wrap-chk + .product__item--notice {
    margin-top: 16px;
}
.wrap-chk .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
}
.wrap-chk .btn_del,
.wrap-chk .btn_like_s,
.wrap-chk .btn_pin {
    display: block;
    position: relative;
    width: 30px;
    height: 0;
    padding-top: 30px;
    background-image: none;
}
.wrap-chk .btn_del::before,
.wrap-chk .btn_like_s::before,
.wrap-chk .btn_pin::before {
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    height: 6px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.wrap-chk .btn_pin::before {
    background-image: url(../../images/API_M_KO/common/n/icon_pin_blank.svg);
}
.wrap-chk .btn_pin.on::before {
    background-image: url(../../images/API_M_KO/common/n/icon_pin_fill.svg);
}
.wrap-chk .btn_like_s::before {
    background-image: url(../../images/API_M_KO/common/n/icon_heart_blank.svg);
}
.wrap-chk .btn_like_s.on::before {
    background-image: url(../../images/API_M_KO/common/n/icon_heart_fill.svg);
}
.wrap-chk .btn_like_s + .btn_del {
    margin-left: 11px;
}
.wrap-chk .btn_like_s + .btn_del::after {
    display: block;
    position: absolute;
    top: 50%;
    left: -5px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background-color: #dde0e5;
    content: "";
}
.wrap-chk .btn_del {
    margin-right: -5px;
}
.wrap-chk .btn_del::before {
    background-image: url(../../images/API_M_KO/common/n/icon_close_1.svg);
}
.wrap-chk .chk__info {
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #5c6677;
}
.wrap-chk .chk__info + .btn_del {
    margin-left: 18px;
}
.wrap-chk .chk__info + .btn_del::after {
    display: block;
    position: absolute;
    top: 50%;
    left: -5px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background-color: #dde0e5;
    content: "";
}
.wrap-chk .chk__info--num {
    font-weight: 500;
    color: #1b1e23;
}
.wrap-chk .checkbox:not(.no_label).new label {
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.7px;
}
/* S: 2023-09-17 수정*/
.wrap-chk .checkbox:not(.no_label).new label .chk__sale {
    /* color: #ea2829;
    font-style: italic;
    font-family: "Times New Roman", "Times", Serif; */
    font-size: 13px;
    background-image: linear-gradient(96deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    letter-spacing: -0.03em;
    padding-right: 1px;
    font-style:normal;
    font-family:"Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
    margin-right:4px;
}
/* E: 2023-09-17 수정*/
.wrap-chk .checkbox.new input[type=checkbox]:disabled + label::before {
    border-color: #dde0e5;
    background-color: #f5f7fa;
}
.wrap-chk + .list-product.list-product__recommend {
    margin-top: 16px;
}

.util-cart__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
}
.util-cart__btn .wrap-sold-out + .btn-del__sold-out {
    position: relative;
}
.util-cart__btn .wrap-sold-out + .btn-del__sold-out::before {
    display: block;
    position: absolute;
    left: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #dde0e5;
    content: "";
}
.util-cart__btn .btn-del__sold-out {
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #3d444f;
    font-weight: 500;
}

.wrap-sold-out {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.wrap-sold-out .btn-sold-out {
    position: relative;
    color: #3d444f;
}
.wrap-sold-out .form-sold-out {
    overflow: hidden;
    position: fixed;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.wrap-sold-out .form-sold-out + label {
    position: relative;
    padding-right: 42px;
}
.wrap-sold-out .form-sold-out + label::before, .wrap-sold-out .form-sold-out + label::after {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    content: "";
}
.wrap-sold-out .form-sold-out + label::before {
    width: 34px;
    height: 20px;
    border-radius: 34px;
    background-color: #dde0e5;
}
.wrap-sold-out .form-sold-out + label::after {
    right: 18px;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #fff;
}
.wrap-sold-out .form-sold-out:checked + label::before {
    background-color: #3d444f;
}
.wrap-sold-out .form-sold-out:checked + label::after {
    right: 4px;
}

/* 툴팁 */
.wrap-tooltip {
    position: relative;
}
.wrap-tooltip .btn-tooltip {
    display: block;
    overflow: hidden;
    width: 24px;
    height: 0;
    padding-top: 30px;
    text-indent: 0;
}
.wrap-tooltip .btn-tooltip::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 4px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_tooltip.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-tooltip .wrap-tooltip__content {
    display: none;
    position: fixed;
    top: 100px;
    left: 20px;
    z-index: 10;
    width: calc(100vw - 40px);
    padding: 12px 42px 12px 12px;
    border: 1px solid #1b1e23;
    border-radius: 4px;
    background-color: #fff;
}
.wrap-tooltip .wrap-tooltip__content.type-title {
    padding: 12px;
}
.wrap-tooltip .wrap-tooltip__content .btn-close {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 0;
    padding-top: 32px;
    text-indent: -9999px;
}
.wrap-tooltip .wrap-tooltip__content .btn-close::before {
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/common/n/icon_close_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-tooltip .wrap-tooltip__content .tooltip__tit {
    font-size: 13px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.65px;
}
.wrap-tooltip .wrap-tooltip__content .tooltip__tit + .tooltip__content, .wrap-tooltip .wrap-tooltip__content .tooltip__tit + .list-info {
    margin-top: 8px;
}
.wrap-tooltip .wrap-tooltip__content .tooltip__content {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.65px;
    color: #1b1e23;
}
.wrap-tooltip .wrap-tooltip__content.active {
    display: block;
}

.product-tooltip__amount .product__amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #5c6677;
}
.product-tooltip__amount .product__amount .product__amount--num {
    font-weight: 500;
    color: #1b1e23;
}
.product-tooltip__amount + .product__item {
    margin-top: 24px;
}

/* 하단 float */
.box-bottom-float {
    overflow: hidden;
    position: fixed;
    bottom: -100vh;
    z-index: 1100;;
    left: 0;
    width: 100%;
    padding: 0 20px 21px;
    -webkit-box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.06);
    border-radius: 16px 16px 0 0;
    background-color: #fff;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.box-bottom-float.active {
    bottom: 0;
    padding-bottom: 36px;
}

.box-bottom-float .btn-close-float button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 24px;
    text-indent: -9999px;
    font-size: 0;
}
.box-bottom-float .btn-close-float button::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 40px;
    height: 3px;
    background-color: #ebebeb;
    content: "";
}

.box-bottom-float .btn-close-layer button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 24px;
    text-indent: -9999px;
    font-size: 0;
}
.box-bottom-float .btn-close-layer button::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 40px;
    height: 3px;
    background-color: #ebebeb;
    background-image: none;
    content: "";
}

/* 장바구니 하단 결제하기 */
.wrap-payment-cart .wrap-bottom-price {
    padding-top: 16px;
}
.wrap-payment-cart .wrap-bottom-price + .payment-cart {
    margin-top: 12px;
}
.wrap-payment-cart .payment-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.wrap-payment-cart .payment-cart__tit {
    font-size: 13px;
    color: #3d444f;
    letter-spacing: -0.65px;
}
.wrap-payment-cart .payment-cart__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 4px;
}
.wrap-payment-cart .product__price--sale {
    font-size: 20px;
    color: #ff0000;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.45;
}
.wrap-payment-cart .product__price--won {
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #3d444f;
    line-height: 1.7;
}
.wrap-payment-cart .product__item--notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-weight: 500;
    font-size: 12px;
    color: #5c6677;
    letter-spacing: -0.6px;
}
.wrap-payment-cart .product__item--notice .product__item--notice-date {
    color: #ea2829;
}
.wrap-payment-cart .product__item--notice.type-bottom-price::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_bottom_price.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-payment-cart .bottom-price__open {
    position: absolute;
    top: 7px;
    right: 9px;
}
.wrap-payment-cart .bottom-price__open button {
    display: block;
    overflow: hidden;
    width: 35px;
    height: 0;
    padding-top: 35px;
    text-indent: -9999px;
    font-size: 0;
}
.wrap-payment-cart .bottom-price__open button::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_arrow_3.svg) no-repeat;
    background-size: contain;
    content: "";
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.wrap-payment-cart .wrap-bottom-price.active .bottom-price__open button::before {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
}
.wrap-payment-cart .bottom-price__detail {
    display: none;
    overflow: hidden;
    -webkit-transition: all 0.45s ease-out;
    transition: all 0.45s ease-out;
}
.wrap-payment-cart .bottom-price__detail .wrap-detail {
    position: relative;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #ea2869;
    background-color: #fff;
}
.wrap-payment-cart .bottom-price__detail .wrap-detail + .txt-reference {
    margin-top: 12px;
}
.wrap-payment-cart .list-bottom-price > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 13px;
    letter-spacing: -0.65px;
    line-height: 1.46;
}
.wrap-payment-cart .list-bottom-price > li .bottom-price__item {
    font-weight: 500;
    color: #3d444f;
}
.wrap-payment-cart .list-bottom-price > li .bottom-price__item button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    border: none;
    background-color: transparent;
    color: #3d444f;
}
.wrap-payment-cart .list-bottom-price > li .bottom-price__item button::after {
    display: block;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    background: url(../../images/API_M_KO/common/n/icon_arrow_3.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-payment-cart .list-bottom-price > li .bottom-price__money {
    font-weight: 700;
    color: #1b1e23;
    text-align: right;
}
.wrap-payment-cart .list-bottom-price > li + li {
    margin-top: 12px;
}
.wrap-payment-cart .list-bottom-price + .list-bottom-price {
    position: relative;
    margin-top: 15px;
    padding-top: 15px;
}
.wrap-payment-cart .list-bottom-price + .list-bottom-price::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dde0e5;
    content: "";
}
.wrap-payment-cart .list-bottom-price .list-bottom-price--detail {
    display: none;
    overflow: hidden;
    width: 100%;
}
.wrap-payment-cart .list-bottom-price .list-bottom-price--detail > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 12px;
    letter-spacing: -0.6px;
    line-height: 1.5;
}
.wrap-payment-cart .list-bottom-price .list-bottom-price--detail > li .bottom-price__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    color: #5c6677;
}
.wrap-payment-cart .list-bottom-price .list-bottom-price--detail > li .bottom-price__item::before {
    display: block;
    width: 4px;
    height: 4px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #abb2be;
    content: "";
}
.wrap-payment-cart .list-bottom-price .list-bottom-price--detail > li .bottom-price__money {
    font-weight: 500;
    color: #3d444f;
    text-align: right;
}
.wrap-payment-cart .list-bottom-price .list-bottom-price--detail > li + li {
    margin-top: 8px;
}
.wrap-payment-cart .list-bottom-price + .txt-reference {
    margin-top: 12px;
}
.wrap-payment-cart .list-bottom-price.active .list-bottom-price--detail {
    margin-top: 10px;
}
.wrap-payment-cart .btn-square {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
}
.wrap-payment-cart .btn-square .order-num {
    position: relative;
    top: 1px;
    z-index: 1;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.6px;
    color: #1b1e23;
}
.wrap-payment-cart .list-bottom-price.active > li .bottom-price__item button::after {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
.wrap-payment-cart .list-bottom-price > li .bottom-price__money + .list-bottom-price--detail {
    margin-top: 10px;
}
.wrap-payment-cart .list-bottom-price > li .bottom-price__item button[aria-expanded=true]::after {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
.wrap-payment-cart .btn-square .order-num::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fff;
    content: "";
}
.wrap-payment-cart.active .bottom-price__detail {
    margin-top: 12px;
}
.wrap-payment-cart.active .bottom-price__open button::before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
}
.wrap-payment-cart.active .bottom-price__open button[aria-expanded=true]::before {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
}
.wrap-payment-cart.active .wrap-bottom-price + .payment-cart {
    margin-top: 20px;
}

/* 장바구니 하단 옵션 변경 */
.wrap-option-change {
    overflow-y: auto;
    max-height: calc(100vh - 100px);
    z-index: 1200;
}
.wrap-option-change.type-set {
    padding-bottom: 86px;
}
.wrap-option-change.type-set .option-change__btn {
    position: absolute;
    bottom: 38px;
    left: 0;
    z-index: 10;
}
.wrap-option-change.type-single .option-change + .option-change__btn {
    margin-top: 54px;
    padding: 0;
}
.wrap-option-change.type-single .option-change__num {
    height: 40px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
}
.wrap-option-change .btn-close-layer + .info-option-chahge {
    margin-top: 12px;
}
.wrap-option-change .info-option-chahge + .area-scroll, .wrap-option-change .info-option-chahge + .group-option-change {
    margin-top: 16px;
}
.wrap-option-change .option-change__tit {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #1b1e23;
}
.wrap-option-change .option-change__tit + .option-change__info {
    margin-top: 12px;
}
.wrap-option-change .option-change__tit + .box-select {
    margin-top: 8px;
}
.wrap-option-change .option-change__info {
    padding: 16px;
    border-radius: 8px;
    background-color: #f9fafb;
}
.wrap-option-change .option-change__info .list__info {
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #1b1e23;
    line-height: 1.46;
}
.wrap-option-change .option-change__info .list__info > li + li {
    margin-top: 8px;
}
.wrap-option-change .option-change__info + .txt-reference {
    margin-top: 16px;
}
.wrap-option-change .area-scroll {
    position: relative;
    height: 35vh;
}
.wrap-option-change .area-scroll::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 32px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(48%, #fff));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 48%);
    content: "";
}
.wrap-option-change .group-option-change {
    overflow-y: auto;
    position: relative;
    height: 100%;
}
.wrap-option-change .group-option-change .option-change__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 28px;
    padding: 16px;
    border: 1px solid #dde0e5;
    border-radius: 8px;
    font-size: 13px;
    letter-spacing: -0.65px;
    line-height: 1.46;
}
.wrap-option-change .group-option-change .option-change__item + .option-change__item {
    margin-top: 12px;
}
.wrap-option-change .group-option-change .option-change__item + .txt-error {
    margin-top: 4px;
}
.wrap-option-change .group-option-change .option-change__item .option-change__brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7px;
    color: #1b1e23;
}
.wrap-option-change .group-option-change .option-change__item .option-change__brand + .option-change__detail {
    margin-top: 6px;
}
.wrap-option-change .group-option-change .option-change__item .co-buying__remain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 20px;
    padding: 0 6px;
    border-radius: 4px;
    background-color: #000;
    font-size: 11px;
    color: #fff;
    letter-spacing: -0.55px;
}
.wrap-option-change .group-option-change .option-change__item .option-change__detail {
    overflow: hidden;
    max-height: 38px;
    color: #3d444f;
}
.wrap-option-change .option-change__num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 94px;
}
.wrap-option-change .option-change__num input[type=button] {
    overflow: hidden;
    position: relative;
    width: 26px;
    height: 0;
    padding-top: 26px;
    text-indent: -9999px;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 16px 16px;
    background-image: url(../../images/API_M_KO/common/n/icon_btn_minus.svg);
}
.wrap-option-change .option-change__num input[type=button]:last-child {
    background-image: url(../../images/API_M_KO/common/n/icon_btn_plus.svg);
}
.wrap-option-change .option-change__num input[type=button]:disabled {
    opacity: 0.2 !important;
}
.wrap-option-change .option-change__num .count {
    width: 42px;
    padding: 0;
    border: none;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.7px;
    color: #1b1e23;
}
.wrap-option-change .option-change__num .count:disabled {
    background-color: transparent;
    color: #abb2be;
}
.wrap-option-change .option-change__btn {
    width: 100%;
    padding: 0 20px;
}
.wrap-option-change .txt-error + .option-change__item {
    margin-top: 12px;
}
.wrap-option-change .option-change.type-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.wrap-option-change .option-change + .option-change {
    margin-top: 54px;
}
.wrap-option-change .box-select select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    height: 40px;
    padding-left: 12px;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    background: url(../../images/API_M_KO/common/n/icon_arrow_6.svg) no-repeat 100% 50%;
    background-size: 40px 40px;
    color: #1b1e23;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.7px;
}

.wrap-option-change .box-select select:disabled {
    border-color: #dde0e5;
    background-color: #f9fafb;
    background-image: url(../../images/API_M_KO/common/n/icon_arrow_6_1.svg);
    color: #abb2be;
}

/* 쿠폰 다운로드 */
.box-float-layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1200;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
}
.pd.m_popup_renew.box-float-layer.np {
    height: 100%;
}
.box-float-layer.active {
    display: block;
}
.box-float-layer .btn-close-layer {
    position: absolute;
    top: 0;
    right: 0;
}
.box-float-layer .tit-layer + .area-scroll {
    margin-top: 20px;
}
.box-float-layer .area-scroll {
    overflow-y: auto;
    height: 100%;
    padding: 0 10px;
}

.wrap-download-coupon .download-coupon {
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    padding: 20px 10px;
    background-color: #f9fafb;
}
.wrap-download-coupon .tit-layer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 60px;
    text-align: center;
}
.wrap-download-coupon .tit-layer + .download-coupon {
    border-top: 1px solid #dde0e5;
}
.wrap-download-coupon .btn-download-all + .list-coupon {
    margin-top: 24px;
}
.wrap-download-coupon .list-coupon > li {
    overflow: hidden;
    border: 1px solid #dde0e5;
    border-radius: 8px;
}
.wrap-download-coupon .list-coupon > li + li {
    margin-top: 12px;
}
.wrap-download-coupon .list-coupon > li.type-disable a .coupon__status {
    width: auto;
    height: 32px;
    padding: 0 12px;
    background-color: #f4f5f6;
    background-image: none;
    font-size: 13px;
    line-height: 32px;
    color: #abb2be;
}
.wrap-download-coupon .list-coupon > li.type-disable a .coupon__tit,
.wrap-download-coupon .list-coupon > li.type-disable a .coupon__info,
.wrap-download-coupon .list-coupon > li.type-disable a .coupon__period {
    color: #abb2be;
}
.wrap-download-coupon .list-coupon > li.type-end a .coupon__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    width: auto;
    height: auto;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    background-image: none;
    font-size: 13px;
    font-weight: 500;
    color: #5c6677;
}
.wrap-download-coupon .list-coupon > li.type-end a .coupon__status::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_check_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-download-coupon .list-coupon a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    padding: 16px;
    background-color: #fff;
}
.wrap-download-coupon .list-coupon a .coupon__tit {
    font-size: 15px;
    letter-spacing: -0.75px;
    color: #1b1e23;
    font-weight: 700;
}
.wrap-download-coupon .list-coupon a .coupon__tit + .coupon__info {
    margin-top: 4px;
}
.wrap-download-coupon .list-coupon a .coupon__info {
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #3d444f;
}
.wrap-download-coupon .list-coupon a .coupon__info + .coupon__period {
    margin-top: 16px;
}
.wrap-download-coupon .list-coupon a .coupon__period {
    font-size: 13px;
    color: #5c6677;
    letter-spacing: -0.65px;
}
.wrap-download-coupon .list-coupon a .coupon__status {
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 32px;
    height: 0;
    padding-top: 32px;
    border-radius: 32px;
    background: #1b1e23 url(../../images/API_M_KO/common/n/icon_btn_download_1.svg) 50% 50% no-repeat;
    background-size: 16px 16px;
}

.txt-reference {
    position: relative;
    padding-left: 5px;
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #788497;
    line-height: 1.5;
}
.txt-reference::before {
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #788497;
    content: "";
}
.txt-reference.none-dot {
    padding-left: 0;
}/*2024-04-02 입점 및 제휴문의(공정거래) 신규 */
.txt-reference.none-dot::before {
    display: none;
}/*2024-04-02 입점 및 제휴문의(공정거래) 신규 */
.txt-reference.type-1 {
    padding-left: 0;
    font-size: 13px;
    color: #5c6677;
}
.txt-reference.type-1::before {
    display: none;
}

.txt-highlight {
    font-weight: 700;
}

.txt-error {
    font-size: 12px;
    line-height: 1.5;
    color: #f4511e;
}

.tit-layer {
    font-weight: 700;
    color: #000;
    font-size: 20px;
    line-height: 1.45;
    letter-spacing: -1px;
}

.btn-close-layer button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 60px;
    height: 0;
    padding-top: 100%;
    text-indent: -9999px;
    font-size: 0;
}
.btn-close-layer button::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 24px;/*2024-07-25 해더 버튼 수정*/
    height: 24px;/*2024-07-25 해더 버튼 수정*/
    background: url(../../images/API_M_KO/common/n/icon_close_3.svg) no-repeat;
    background-size: contain;
    content: "";
}

/* confirm 창 */
.box-confirm-layer {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 120;
    width: 295px;
    border-radius: 16px;
    background-color: #fff;
}
.box-confirm-layer.active {
    display: block;
}
.box-confirm-layer .txt-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 117px;
    padding: 0 20px;
    font-size: 15px;
    color: #1b1e23;
    letter-spacing: -0.75px;
    text-align: center;
}
.box-confirm-layer .list-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid #dde0e5;
}
.box-confirm-layer .list-btn > li {
    -ms-flex-negative: 1;
        flex-shrink: 1;
    width: 100%;
}
.box-confirm-layer .list-btn > li + li {
    border-left: 1px solid #dde0e5;
}
.box-confirm-layer .list-btn > li a,
.box-confirm-layer .list-btn > li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 52px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.7px;
    color: #1b1e23;
    text-align: center;
}
.box-confirm-layer .list-btn > li a.btn-cancle,
.box-confirm-layer .list-btn > li button.btn-cancle {
    font-weight: 400;
    color: #788497;
}

.box-confirm-layer .wrap-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 24px;
    text-align: center;
}
.box-confirm-layer .wrap-txt + .list-btn-column {
    margin-top: 24px;
}
.box-confirm-layer .wrap-txt .txt-cont {
    height: auto;
    padding: 0;
}
.box-confirm-layer .txt-info {
    font-size: 13px;
    letter-spacing: -0.33px;
    line-height: 1.46;
    color: #5c6677;
}
.box-confirm-layer .list-btn-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    padding: 0 20px;
}
.box-confirm-layer .list-btn-column + .list-btn {
    margin-top: 23px;
}
.box-confirm-layer .txt-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 117px;
    padding: 0 20px;
    font-weight: 700;
    font-size: 14px;
    color: #1b1e23;
    letter-spacing: -0.35px;
    text-align: center;
}
.box-confirm-layer .txt-cont + .txt-info {
    margin-top: 8px;
}
/* 20231226_1 */
.box-confirm-layer.od.m_popup_renew.case-1.active {
    z-index: 1070;
}
.txt-confirm-message {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 110;
    height: 35px;
    padding: 0 24px;
    border-radius: 35px;
    background-color: rgba(92, 102, 119, 0.8);
    line-height: 35px;
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #fff;
    text-align: center;
}

.btn-square.type-order::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/API_M_KO/common/n/icon_order_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.btn-square.type-departure {
    border: 1px solid #1b1e23;
}
.btn-square.type-departure::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/API_M_KO/common/n/icon_departure_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
/*E: 2023 개편*/

/* 2023 개선 cart */
/* main top--list */
html,
body {
    height: auto;
}
html.is-dimmed::before,
body.is-dimmed::before {
    z-index: 1060;
}

.header {
    border-bottom: 1px solid #dde0e5;
}
.header .header_top .search.type-1 {
    right: 16px;
}

#cart_list.container.new_type {
    height: auto !important;
    min-height: auto !important;
}

.gnb-util .list-language a span {
    word-break: unset;
    white-space: nowrap;
}

.fullscreen_basic {
    z-index: 1070;
}

select {
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
}

.layer-dim {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
}
.layer-dim .m_popup_renew .float_btn {
    position: fixed;
}

/* 장바구니 */
.wrap-list-cart .list-product.list-product__recommend .product__item .product__img::before {
    display: block;
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 16px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 16px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 32px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 32px)*/
    z-index: 1;
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}

.bar-login-guide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 57px;
    background-color: #f5f7fa;
}
.bar-login-guide .btn-login__cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    position: relative;
    border: none;
    background-image: linear-gradient(96deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.7px;
}
.bar-login-guide .btn-login__cart::after {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_arrow_5.svg) no-repeat;
    background-size: contain;
    content: "";
}

.util-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 52px;
    padding: 0 20px;
    border-bottom: 1px solid #dde0e5;
}
.util-cart + .wrap-list-cart {
    padding-top: 15px;
}

.cart__no-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    height: auto;
    padding-top: 57px;
    padding-bottom: 80px;
    font-size: 15px;
    line-height: 1.46;
    letter-spacing: -0.75px;
    color: #1b1e23;
    text-align: center;
}
.cart__no-item::before {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../../images/API_M_KO/common/n/icon_empty_cart.svg) no-repeat;
    background-size: contain;
    content: "";
}

.wrap-list-cart {
    position: relative;
    padding: 20px 0 0;
}
.wrap-list-cart .list-cart__tit {
    margin-left: 20px;
}
.wrap-list-cart .list-product.list-product__recommend {
    padding-left: 20px;
}
.wrap-list-cart .list-product + .product-tooltip__amount {
    margin-top: 13px;
}
.wrap-list-cart + .area-attention {
    margin-top: 30px;
}
.wrap-list-cart .wrap-chk {
    margin: 0 20px;
}
.wrap-list-cart .product-tooltip__amount {
    margin-left: 20px;
    margin-right: 20px;
}
.wrap-list-cart .product__item.type-single {
    margin-left: 20px;
    margin-right: 20px;
}
.wrap-list-cart .product__item.type-sales--end .product__img::after {
    bottom: 0;
    height: 27px;
    background-color: rgba(27, 30, 35, 0.2);
}
.wrap-list-cart.type-sales--end .wrap-chk .checkbox:not(.no_label).new label {
    color: rgba(27, 30, 35, 0.5);
}
.wrap-list-cart.type-sales--end .wrap-chk .checkbox:not(.no_label).new label .chk__sale {
    opacity: 0.5;
}
.wrap-list-cart.type-sales--end .wrap-chk .chk__info {
    opacity: 0.5;
}
.wrap-list-cart.type-sales--end .list-product .product__item.type-sales--end .product__brand:first-child {
    opacity: 0.5;
}
.wrap-list-cart.type-sales--end .list-product .product__item.type-sales--end .product__brand-info,
.wrap-list-cart.type-sales--end .list-product .product__item.type-sales--end .product__brand-amount {
    opacity: 0.5;
}
.wrap-list-cart + .wrap-list-cart {
    margin-top: 20px;
    padding-top: 15px;
}
.wrap-list-cart + .wrap-list-cart::before {
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    background-color: #eef0f2;
    content: "";
}
.wrap-list-cart + .list-product.list-product__cart {
    position: relative;
    margin-top: 20px;
    padding-top: 23px;
}
.wrap-list-cart + .list-product.list-product__cart::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #eef0f2;
    content: "";
}

.list-cart__tit {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.8px;
    line-height: 1.5;
    color: #000;
}
.list-cart__tit + .list-product {
    margin-top: 16px;
}

.area-attention.type-1 {
    padding: 24px 20px 0;
    border-top: 8px solid #eef0f2;
}
.area-attention + .wrap-event-banner {
    margin-top: 32px;
}
.area-attention .attention_tit {
    position: relative;
    margin-bottom: 0;
    padding: 0 0 0 24px;
    border-bottom: none;
    font-size: 14px;
    font-weight: 600;
    color: #1b1e23;
}/*2023-12-25 유의사항 수정*/
.area-attention .attention_tit:before {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    background-image: url(../../images/API_M_KO/common/n/M_exclamation.svg);
}/*2023-12-25 유의사항 수정*/
.area-attention .attention_tit + .dot_list_new {
    margin-top: 8px;
}

.attention__tit {
    font-size: 14px;
    color: #1b1e23;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -0.7px;
}
.attention__tit + .list-info {
    margin-top: 8px;
}

.list-info.type-dot > li {
    position: relative;
    padding-left: 6px;
    font-size: 12px;
    color: #788497;
    line-height: 1.5;
    letter-spacing: -0.6px;
}
.list-info.type-dot > li::before {
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #abb2be;
    content: "";
}
.list-info.type-dot > li + li {
    margin-top: 8px;
}
.list-info.type-dot > li .txt-additional {
    margin-top: 4px;
}
.list-info.type-1 > li {
    font-size: 13px;
    color: #1b1e23;
}
.list-info.type-1.type-dot > li::before {
    color: #1b1e23;
}
.list-info .txt-additional {
    display: block;
    font-size: 12px;
    color: #788497;
    letter-spacing: -0.6px;
}

.product__info--tag,
.product__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.product__info--tag > *,
.product__tag > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 20px;
    padding: 6px;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    font-size: 11px;
    color: #5c6677;
    letter-spacing: -0.55px;
    white-space: nowrap;
}
.product__info--tag > *.type-sold-out,
.product__tag > *.type-sold-out {
    border-color: #eef0f2;
    background-color: #eef0f2;
    color: #abb2be;
}

.wrap-payment {
    padding-bottom: 22px;
    border-top: 8px solid #eef0f2;
    background-color: #f9fafb;
}
.wrap-payment .payment-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 20px;
}
.wrap-payment .payment-info + .payment-info {
    margin-top: 22px;
}
.wrap-payment .payment-info .payment-info__tit {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #3d444f;
    line-height: 1.42;
}
.wrap-payment .payment-info .payment-info__detail {
    text-align: right;
}
.wrap-payment .payment-info .payment-info--price1 {
    font-weight: 700;
    font-size: 16px;
    color: #abb2be;
    letter-spacing: -0.8px;
    line-height: 1.46;
}
.wrap-payment .payment-info .payment-info--price1 .payment-info--won {
    font-size: 13px;
    font-weight: 400;
}
.wrap-payment .payment-info .payment-info--price1.type-total {
    color: #1b1e23;
}
.wrap-payment .payment-info .payment-info--price1.type-discount {
    color: #ea2829;
}
.wrap-payment .payment-info .payment-info--price1.type-point {
    color: #5a3ff2;
}
.wrap-payment .payment-info .payment-info--won {
    font-size: 12px;
    letter-spacing: -0.6px;
    line-height: 1.5;
    color: #3d444f;
}
.wrap-payment .payment-info.payment-info__bill {
    height: 60px;
    padding-top: 10px;
    background-color: #fff;
}
.wrap-payment .payment-info.payment-info__bill .payment-info__tit {
    font-weight: 700;
    font-size: 16px;
    color: #ea2829;
    line-height: 2.07;
}
.wrap-payment .payment-info.payment-info__bill .payment-info--price1 {
    font-size: 20px;
    letter-spacing: -1px;
    color: #ea2829;
}
.wrap-payment .payment-info.payment-info__bill .payment-info--price1 .payment-info--won {
    font-size: 13px;
    font-weight: 400;
}
.wrap-payment .payment-info__low-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 14px 20px 20px;
    background-color: #fff;
}
.wrap-payment .payment-info__low-price .bottom-price__detail {
    display: none;
    overflow: hidden;
    width: 100%;
    -webkit-transition: all 0.45s ease-out;
    transition: all 0.45s ease-out;
}
.wrap-payment .payment-info__low-price .bottom-price__detail .wrap-detail {
    position: relative;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #ea2869;
    background-color: #fff;
}
.wrap-payment .payment-info__low-price .bottom-price__detail .wrap-detail + .txt-reference {
    margin-top: 12px;
}
.wrap-payment .payment-info__low-price .list-bottom-price > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 13px;
    letter-spacing: -0.65px;
    line-height: 1.46;
}
.wrap-payment .payment-info__low-price .list-bottom-price > li .bottom-price__item {
    font-weight: 500;
    color: #3d444f;
}
.wrap-payment .payment-info__low-price .list-bottom-price > li .bottom-price__item button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    border: none;
    background-color: transparent;
    color: #3d444f;
    font-weight: 500;
}
.wrap-payment .payment-info__low-price .list-bottom-price > li .bottom-price__item button::after {
    display: block;
    width: 16px;
    height: 16px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: url(../../images/API_M_KO/common/n/icon_arrow_3.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-payment .payment-info__low-price .list-bottom-price > li .bottom-price__item button[aria-expanded=true]::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.wrap-payment .payment-info__low-price .list-bottom-price > li .bottom-price__money {
    font-weight: 700;
    color: #1b1e23;
    text-align: right;
}
.wrap-payment .payment-info__low-price .list-bottom-price > li + li {
    margin-top: 12px;
}
.wrap-payment .payment-info__low-price .list-bottom-price > li.type-1 {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 12px;
}
.wrap-payment .payment-info__low-price .list-bottom-price > li.type-1 .bottom-price__money {
    white-space: nowrap;
}
.wrap-payment .payment-info__low-price .list-bottom-price + .list-bottom-price {
    position: relative;
    margin-top: 16px;
    padding-top: 16px;
}
.wrap-payment .payment-info__low-price .list-bottom-price + .list-bottom-price::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dde0e5;
    content: "";
}
.wrap-payment .payment-info__low-price .list-bottom-price .list-bottom-price--detail {
    display: none;
    overflow: hidden;
    width: 100%;
    margin-top: 10px;
}
.wrap-payment .payment-info__low-price .list-bottom-price .list-bottom-price--detail > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 12px;
    letter-spacing: -0.6px;
    line-height: 1.5;
}
.wrap-payment .payment-info__low-price .list-bottom-price .list-bottom-price--detail > li .bottom-price__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    color: #5c6677;
}
.wrap-payment .payment-info__low-price .list-bottom-price .list-bottom-price--detail > li .bottom-price__item::before {
    display: block;
    width: 4px;
    height: 4px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #abb2be;
    content: "";
}
.wrap-payment .payment-info__low-price .list-bottom-price .list-bottom-price--detail > li .bottom-price__money {
    font-weight: 500;
    color: #3d444f;
    text-align: right;
}
.wrap-payment .payment-info__low-price .list-bottom-price .list-bottom-price--detail > li + li {
    margin-top: 8px;
}
.wrap-payment .payment-info__low-price .list-bottom-price + .txt-reference {
    margin-top: 12px;
}
.wrap-payment .payment-info__low-price .list-bottom-price.active > li .bottom-price__item button::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.wrap-payment .payment-info__low-price + .payment-order {
    margin-top: 8px;
}
.wrap-payment .payment-info__low-price.active .bottom-price__open button::before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
}
.wrap-payment .payment-info__low-price.active .bottom-price__open .btn-square {
    border: none;
    border-radius: 4px 4px 0 0;
    background-image: linear-gradient(98deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
    color: #fff;
}
.wrap-payment .payment-info__low-price.active .bottom-price__open .btn-square::before {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}
.wrap-payment .payment-info__low-price .product__item--notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    font-size: 13px;
    font-weight: 500;
    color: #1b1e23;
    letter-spacing: -0.65px;
}
.wrap-payment .payment-info__low-price .product__item--notice .product__item--notice-date {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(118deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
    -webkit-background-clip: text;
            background-clip: text;
}
.wrap-payment .payment-info__low-price .product__item--notice::before {
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    background: url(../../images/API_M_KO/common/n/icon_low_price.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-payment .payment-info__low-price .bottom-price__open .btn-square {
    position: relative;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.wrap-payment .payment-info__low-price .bottom-price__open .btn-square:hover::after {
    display: block;
    position: absolute;
    -webkit-animation: viewBtoT 0.2s;
            animation: viewBtoT 0.2s;
    left: 32px;
    top: -34px;
    width: 205px;
    height: 38px;
    background: url(../../images/API_M_KO/common/n/icon_tooltip_1.svg) no-repeat;
    background-size: contain;
    font-size: 12px;
    line-height: 27px;
    letter-spacing: -0.3px;
    color: #fff;
    content: "고객님 최저가 혜택을 확인해보세요!";
}
.wrap-payment .payment-info__low-price .bottom-price__open button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 30px;
    height: 0;
    padding-top: 30px;
    text-indent: -9999px;
    font-size: 0;
}
.wrap-payment .payment-info__low-price .bottom-price__open button::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_arrow_3.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-payment .payment-info__low-price .bottom-price__open button[aria-expanded=true]::before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
}
.wrap-payment .payment-info__low-price .bottom-price__open + .bottom-price__detail {
    margin-top: 12px;
}
.wrap-payment .payment-info__low-price + .payment-info {
    margin-top: 22px;
}

.wrap-chk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.wrap-chk + a {
    margin-top: 10px;
}
.wrap-chk + .product__item--notice {
    margin-top: 16px;
}
.wrap-chk .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
}
.wrap-chk .btn_del,
.wrap-chk .btn_like_s,
.wrap-chk .btn_pin {
    display: block;
    position: relative;
    width: 30px;
    height: 0;
    padding-top: 30px;
    background-image: none;
}
.wrap-chk .btn_del::before,
.wrap-chk .btn_like_s::before,
.wrap-chk .btn_pin::before {
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    height: 6px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.wrap-chk .btn_pin::before {
    background-image: url(../../images/API_M_KO/common/n/icon_pin_blank.svg);
}
.wrap-chk .btn_pin.on::before {
    background-image: url(../../images/API_M_KO/common/n/icon_pin_fill.svg);
}
.wrap-chk .btn_like_s::before {
    background-image: url(../../images/API_M_KO/common/n/icon_heart_blank.svg);
}
.wrap-chk .btn_like_s.on::before {
    background-image: url(../../images/API_M_KO/common/n/icon_heart_fill.svg);
}
.wrap-chk .btn_like_s + .btn_del {
    margin-left: 11px;
}
.wrap-chk .btn_like_s + .btn_del::after {
    display: block;
    position: absolute;
    top: 50%;
    left: -5px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background-color: #dde0e5;
    content: "";
}
.wrap-chk .btn_del {
    margin-right: -5px;
}
.wrap-chk .btn_del::before {
    background-image: url(../../images/API_M_KO/common/n/icon_close_1.svg);
}
.wrap-chk .chk__info {
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #5c6677;
}
.wrap-chk .chk__info + .btn_del {
    margin-left: 18px;
}
.wrap-chk .chk__info + .btn_del::after {
    display: block;
    position: absolute;
    top: 50%;
    left: -5px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background-color: #dde0e5;
    content: "";
}
.wrap-chk .chk__info--num {
    font-weight: 500;
    color: #1b1e23;
}
.wrap-chk .checkbox:not(.no_label).new label {
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.7px;
}
.wrap-chk .checkbox:not(.no_label).new label .chk__sale {
    /* font-size: 16px; */
    /* color: #ea2829; */
    /* font-style: italic; */
    /* font-family: "Times New Roman", "Times", Serif; */
}
.wrap-chk .checkbox.new input[type=checkbox]:disabled + label::before {
    border-color: #dde0e5;
    background-color: #f5f7fa;
}
.wrap-chk + .list-product.list-product__recommend {
    margin-top: 16px;
}

.util-cart__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
}
.util-cart__btn .wrap-sold-out + .btn-del__sold-out {
    position: relative;
}
.util-cart__btn .wrap-sold-out + .btn-del__sold-out::before {
    display: block;
    position: absolute;
    left: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #dde0e5;
    content: "";
}
.util-cart__btn .btn-del__sold-out {
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #3d444f;
    font-weight: 500;
}

.wrap-sold-out {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.wrap-sold-out .btn-sold-out {
    position: relative;
    color: #3d444f;
}
.wrap-sold-out .form-sold-out {
    overflow: hidden;
    position: fixed;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.wrap-sold-out .form-sold-out + label {
    position: relative;
    padding-right: 42px;
}
.wrap-sold-out .form-sold-out + label::before, .wrap-sold-out .form-sold-out + label::after {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    content: "";
}
.wrap-sold-out .form-sold-out + label::before {
    width: 34px;
    height: 20px;
    border-radius: 34px;
    background-color: #dde0e5;
}
.wrap-sold-out .form-sold-out + label::after {
    right: 18px;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #fff;
}
.wrap-sold-out .form-sold-out:checked + label::before {
    background-color: #3d444f;
}
.wrap-sold-out .form-sold-out:checked + label::after {
    right: 4px;
}

/* 툴팁 */
.wrap-tooltip {
    position: relative;
}
.wrap-tooltip .btn-tooltip {
    display: block;
    overflow: hidden;
    width: 24px;
    height: 0;
    padding-top: 30px;
    text-indent: 0;
}
.wrap-tooltip .btn-tooltip::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 4px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_tooltip.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-tooltip .wrap-tooltip__content {
    display: none;
    position: fixed;
    top: 120px;
    left: 20px;
    z-index: 1200;
    width: calc(100vw - 40px);
    padding: 12px 42px 12px 12px;
    border: 1px solid #1b1e23;
    border-radius: 4px;
    background-color: #fff;
    font-weight: 400;
}
.wrap-tooltip .wrap-tooltip__content.type-title {
    padding: 12px;
}
.wrap-tooltip .wrap-tooltip__content .btn-close {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 0;
    padding-top: 32px;
    text-indent: -9999px;
}
.wrap-tooltip .wrap-tooltip__content .btn-close::before {
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/common/n/icon_close_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-tooltip .wrap-tooltip__content .tooltip__tit {
    font-size: 13px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.65px;
}
.wrap-tooltip .wrap-tooltip__content .tooltip__tit + .tooltip__content, .wrap-tooltip .wrap-tooltip__content .tooltip__tit + .list-info {
    margin-top: 8px;
}
.wrap-tooltip .wrap-tooltip__content .tooltip__content {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.65px;
    color: #1b1e23;
}
.wrap-tooltip .wrap-tooltip__content.active {
    display: block;
}

.product-tooltip__amount .product__amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #5c6677;
}
.product-tooltip__amount .product__amount .product__amount--num {
    font-weight: 500;
    color: #1b1e23;
}
.product-tooltip__amount + .product__item {
    margin-top: 24px;
}

/* 하단 float */
.box-bottom-float {
    overflow: hidden;
    position: fixed;
    bottom: -100vh;
    z-index: 1050;
    left: 0;
    width: 100%;
    padding: 0 20px 21px;
    -webkit-box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.06);
    border-radius: 16px 16px 0 0;
    background-color: #fff;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.box-bottom-float.active {
    bottom: 0;
    padding-bottom: 20px;
}
.box-bottom-float .btn-close-layer button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 24px;
    text-indent: -9999px;
    font-size: 0;
}
.box-bottom-float .btn-close-layer button::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 40px;
    height: 3px;
    background-color: #ebebeb;
    background-image: none;
    content: "";
}
.box-bottom-float .btn-close-layer + .option-change {
    margin-top: 20px;
}
.box-bottom-float.wrap-payment-cart.is-active {
    z-index: 1060;
}

/* 장바구니 하단 결제하기 */
.wrap-payment-cart .wrap-order-check,
.wrap-payment-cart .wrap-bottom-price {
    padding-top: 16px;
}
.wrap-payment-cart .wrap-order-check + .payment-cart,
.wrap-payment-cart .wrap-bottom-price + .payment-cart {
    margin-top: 12px;
}
.wrap-payment-cart .wrap-order-check.active .bottom-price__open button::before,
.wrap-payment-cart .wrap-bottom-price.active .bottom-price__open button::before {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
}
.wrap-payment-cart .wrap-bottom-price.type-1 {
    position: relative;
}
.wrap-payment-cart .wrap-bottom-price.type-1 .bottom-price__open {
    right: 0;
    width: 100%;
}
.wrap-payment-cart .wrap-bottom-price.type-1 .bottom-price__open button {
    width: 100%;
}
.wrap-payment-cart .wrap-bottom-price.type-1 .bottom-price__open button::before {
    left: auto;
    right: 0;
}
.wrap-payment-cart .payment-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.wrap-payment-cart .payment-cart__tit {
    font-size: 13px;
    color: #3d444f;
    letter-spacing: -0.65px;
}
.wrap-payment-cart .payment-cart__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px;
}
.wrap-payment-cart .product__price--sale {
    font-size: 20px;
    color: #ff0000;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.45;
}
.wrap-payment-cart .product__price--won {
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #3d444f;
    line-height: 1.7;
}
.wrap-payment-cart .product__item--notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-weight: 500;
    font-size: 12px;
    color: #5c6677;
    letter-spacing: -0.6px;
}
.wrap-payment-cart .product__item--notice.type-1 {
    gap: 2px;
}
.wrap-payment-cart .product__item--notice.type-1::before {
    margin-right: 2px;
}
.wrap-payment-cart .product__item--notice.type-2 {
    gap: 0;
}
.wrap-payment-cart .product__item--notice.type-2::before {
    margin-right: 4px;
}
.wrap-payment-cart .product__item--notice .product__item--notice-date {
    color: #ea2829;
}
.wrap-payment-cart .product__item--notice .product__item--notice-date.type-1 {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(118deg, #ea2829, #ea2869 42%, #ce28a5 74%, #a928ea 100%);
}
.wrap-payment-cart .product__item--notice.type-bottom-price::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_bottom_price.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-payment-cart .bottom-price__open {
    position: absolute;
    top: 7px;
    right: 9px;
}
.wrap-payment-cart .bottom-price__open button {
    display: block;
    overflow: hidden;
    width: 35px;
    height: 0;
    padding-top: 35px;
    text-indent: -9999px;
    font-size: 0;
}
.wrap-payment-cart .bottom-price__open button::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_arrow_3.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-payment-cart .bottom-price__detail {
    display: none;
    overflow: hidden;
    -webkit-transition: all 0.45s ease-out;
    transition: all 0.45s ease-out;
}
.wrap-payment-cart .bottom-price__detail .wrap-detail {
    position: relative;
    margin-top: 12px;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #ea2869;
    background-color: #fff;
}
.wrap-payment-cart .bottom-price__detail .wrap-detail + .txt-reference {
    margin-top: 12px;
}
.wrap-payment-cart .list-bottom-price > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 13px;
    letter-spacing: -0.65px;
    line-height: 1.46;
}
.wrap-payment-cart .list-bottom-price > li .bottom-price__item {
    color: #3d444f;
    font-weight: 500;
}
.wrap-payment-cart .list-bottom-price > li .bottom-price__item button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    border: none;
    background-color: transparent;
    color: #3d444f;
}
.wrap-payment-cart .list-bottom-price > li .bottom-price__item button::after {
    display: block;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    background: url(../../images/API_M_KO/common/n/icon_arrow_3.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-payment-cart .list-bottom-price > li .bottom-price__item button[aria-expanded=true]::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.wrap-payment-cart .list-bottom-price > li .bottom-price__money {
    font-weight: 700;
    color: #1b1e23;
    text-align: right;
}
.wrap-payment-cart .list-bottom-price > li .bottom-price__money + .list-bottom-price--detail {
    margin-top: 10px;
}
.wrap-payment-cart .list-bottom-price > li + li {
    margin-top: 12px;
}
.wrap-payment-cart .list-bottom-price + .list-bottom-price {
    position: relative;
    margin-top: 15px;
    padding-top: 15px;
}
.wrap-payment-cart .list-bottom-price + .list-bottom-price::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dde0e5;
    content: "";
}
.wrap-payment-cart .list-bottom-price .list-bottom-price--detail {
    display: none;
    overflow: hidden;
    width: 100%;
}
.wrap-payment-cart .list-bottom-price .list-bottom-price--detail > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 12px;
    letter-spacing: -0.6px;
    line-height: 1.5;
}
.wrap-payment-cart .list-bottom-price .list-bottom-price--detail > li .bottom-price__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    color: #5c6677;
    font-weight: 400;
}
.wrap-payment-cart .list-bottom-price .list-bottom-price--detail > li .bottom-price__item::before {
    display: block;
    width: 4px;
    height: 4px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #abb2be;
    content: "";
}
.wrap-payment-cart .list-bottom-price .list-bottom-price--detail > li .bottom-price__money {
    font-weight: 500;
    color: #3d444f;
    text-align: right;
}
.wrap-payment-cart .list-bottom-price .list-bottom-price--detail > li + li {
    margin-top: 8px;
}
.wrap-payment-cart .list-bottom-price + .txt-reference {
    margin-top: 12px;
}
.wrap-payment-cart .list-bottom-price.active > li .bottom-price__item button::after {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
.wrap-payment-cart .list-bottom-price.active .list-bottom-price--detail {
    margin-top: 10px;
}
.wrap-payment-cart .btn-square {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
}
.wrap-payment-cart .btn-square .order-num {
    position: relative;
    top: 1px;
    z-index: 1;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.6px;
    color: #1b1e23;
}
.wrap-payment-cart .btn-square .order-num::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fff;
    content: "";
}
.wrap-payment-cart.active .bottom-price__open button::before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
}
.wrap-payment-cart.active .bottom-price__open button[aria-expanded=true]::before {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
}
.wrap-payment-cart.active .wrap-bottom-price + .payment-cart {
    margin-top: 14px;
}
.wrap-payment-cart.box-bottom-float .list-bottom-price > li .bottom-price__item button[aria-expanded=true]::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

/* 장바구니 하단 옵션 변경 */
.wrap-option-change {
    z-index: 1200;
    overflow-y: auto;
    max-height: calc(100vh - 100px);
}
.wrap-option-change.type-set {
    padding-bottom: 86px;
}
.wrap-option-change.type-set .option-change__btn {
    position: absolute;
    bottom: 38px;
    left: 0;
    z-index: 10;
}
.wrap-option-change.type-single .option-change + .option-change__btn {
    margin-top: 54px;
    padding: 0;
}
.wrap-option-change.type-single .option-change__num {
    height: 40px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
}
.wrap-option-change .btn-close-layer + .info-option-chahge {
    margin-top: 12px;
}
.wrap-option-change .info-option-chahge + .area-scroll, .wrap-option-change .info-option-chahge + .group-option-change {
    margin-top: 16px;
}
.wrap-option-change .option-change__tit {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #1b1e23;
}
.wrap-option-change .option-change__tit + .option-change__info {
    margin-top: 12px;
}
.wrap-option-change .option-change__tit + .box-select {
    margin-top: 8px;
}
.wrap-option-change .option-change__info {
    padding: 16px;
    border-radius: 8px;
    background-color: #f9fafb;
}
.wrap-option-change .option-change__info .list__info {
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #1b1e23;
    line-height: 1.46;
}
.wrap-option-change .option-change__info .list__info > li + li {
    margin-top: 8px;
}
.wrap-option-change .option-change__info + .txt-reference {
    margin-top: 16px;
}
.wrap-option-change .area-scroll {
    position: relative;
    height: 35vh;
    padding-bottom: 32px;
}
.wrap-option-change .area-scroll::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 32px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(48%, #fff));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 48%);
    content: "";
}
.wrap-option-change .group-option-change {
    overflow-y: auto;
    position: relative;
    height: 100%;
}
.wrap-option-change .group-option-change .option-change__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 28px;
    padding: 16px;
    border: 1px solid #dde0e5;
    border-radius: 8px;
    font-size: 13px;
    letter-spacing: -0.65px;
    line-height: 1.46;
}
.wrap-option-change .group-option-change .option-change__item + .option-change__item {
    margin-top: 12px;
}
.wrap-option-change .group-option-change .option-change__item + .txt-error {
    margin-top: 4px;
}
.wrap-option-change .group-option-change .option-change__item .option-change__brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7px;
    color: #1b1e23;
}
.wrap-option-change .group-option-change .option-change__item .option-change__brand + .option-change__detail {
    margin-top: 6px;
}
.wrap-option-change .group-option-change .option-change__item .co-buying__remain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 20px;
    padding: 0 6px;
    border-radius: 4px;
    background-color: #000;
    font-size: 11px;
    color: #fff;
    letter-spacing: -0.55px;
}
.wrap-option-change .group-option-change .option-change__item .option-change__detail {
    overflow: hidden;
    max-height: 38px;
    color: #3d444f;
}
.wrap-option-change .option-change__num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 94px;
}
.wrap-option-change .option-change__num input[type=button] {
    overflow: hidden;
    position: relative;
    width: 26px;
    height: 0;
    padding-top: 26px;
    text-indent: -9999px;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 16px 16px;
    background-image: url(../../images/API_M_KO/common/n/icon_btn_minus.svg);
}
.wrap-option-change .option-change__num input[type=button]:last-child {
    background-image: url(../../images/API_M_KO/common/n/icon_btn_plus.svg);
}
.wrap-option-change .option-change__num input[type=button]:disabled {
    opacity: 0.2 !important;
}
.wrap-option-change .option-change__num .count {
    width: 42px;
    padding: 0;
    border: none;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.7px;
    color: #1b1e23;
}
.wrap-option-change .option-change__num .count:disabled {
    background-color: transparent;
    color: #abb2be;
}
.wrap-option-change .option-change__btn {
    width: 100%;
    padding: 0 20px;
}
.wrap-option-change .txt-error + .option-change__item {
    margin-top: 12px;
}
.wrap-option-change .option-change.type-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.wrap-option-change .option-change + .option-change {
    margin-top: 54px;
}
.wrap-option-change .box-select select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    height: 40px;
    padding-left: 12px;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    background: url(../../images/API_M_KO/common/n/icon_arrow_6.svg) no-repeat 100% 50%;
    background-size: 40px 40px;
    color: #1b1e23;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.7px;
}
.wrap-option-change .box-select select:disabled {
    border-color: #dde0e5;
    background-color: #f9fafb;
    background-image: url(../../images/API_M_KO/common/n/icon_arrow_6_1.svg);
    color: #abb2be;
}
.wrap-option-change .box-select .wrap-add-dropdown .btn-dropdown {
    height: 40px;
    padding-left: 12px;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: -0.7px;
}

/* S: 2023-09-17 수정*/
.wrap-option-change.type-set {
    padding-bottom:150px;
}
.wrap-option-change .option-change__bottom {
    position:absolute;
    bottom:0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 20px;
    border-top: 1px solid #DDE0E5;
    background: #fff;
}
.wrap-option-change .option-change__choice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.wrap-option-change .option-change__bottom .option-change__choice .option-change__choice-num {
    font-size: 14px;
    font-weight: 700;
}
/* .wrap-option-change .option-change__bottom .option-change__choice .option-change__choice-num strong {
    font-weight: 400;
} */
.wrap-option-change .option-change__bottom .option-change__choice .option-change__sale {
    margin-top: 4px;
    font-size: 13px;
    background-image: linear-gradient(96deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    padding-right: 2px;
}
.wrap-option-change .option-change__bottom .option-change__choice .option-change__price {
    text-align:right;
}
.wrap-option-change .option-change__bottom .option-change__choice .option-change__price-total span {
    color: #ABB2BE;
    font-size: 13px;
    text-decoration: line-through;
}
.wrap-option-change .option-change__bottom .option-change__choice .option-change__price-total strong {
    margin-left: 8px;
    color: #EA2829;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
}
.wrap-option-change .option-change__bottom .option-change__choice .option-change__price-won {
    font-size: 13px;
    color: #3D444F;
}
.wrap-option-change .option-change__bottom .option-change__btn {
    position:static;
    margin-top:32px;
    padding: 0;
}
/* E: 2023-09-17 수정*/

/* 쿠폰 다운로드 */
.box-float-layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
}
.box-float-layer.active {
    display: block;
}
.box-float-layer .btn-close-layer {
    position: absolute;
    top: 0;
    right: 0;
}
.box-float-layer .tit-layer + .area-scroll {
    margin-top: 20px;
}
.box-float-layer .area-scroll {
    overflow-y: auto;
    height: 100%;
}

.wrap-download-coupon .download-coupon {
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    padding: 20px 10px;
    background-color: #f9fafb;
}
.wrap-download-coupon .tit-layer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 60px;
    text-align: center;
}
.wrap-download-coupon .tit-layer + .download-coupon {
    border-top: 1px solid #dde0e5;
}
.wrap-download-coupon .btn-download-all + .list-coupon {
    margin-top: 24px;
}
.wrap-download-coupon .list-coupon > li {
    overflow: hidden;
    border: 1px solid #dde0e5;
    border-radius: 8px;
}
.wrap-download-coupon .list-coupon > li + li {
    margin-top: 12px;
}
.wrap-download-coupon .list-coupon > li.type-disable a .coupon__status {
    width: auto;
    height: 32px;
    padding: 0 12px;
    background-color: #f4f5f6;
    background-image: none;
    font-size: 13px;
    line-height: 32px;
    color: #abb2be;
}
.wrap-download-coupon .list-coupon > li.type-disable a .coupon__tit,
.wrap-download-coupon .list-coupon > li.type-disable a .coupon__info,
.wrap-download-coupon .list-coupon > li.type-disable a .coupon__period {
    color: #abb2be;
}
.wrap-download-coupon .list-coupon > li.type-end a .coupon__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    width: auto;
    height: auto;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    background-image: none;
    font-size: 13px;
    font-weight: 500;
    color: #5c6677;
}
.wrap-download-coupon .list-coupon > li.type-end a .coupon__status::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_check_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-download-coupon .list-coupon a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    padding: 16px;
    background-color: #fff;
}
.wrap-download-coupon .list-coupon a .coupon__tit {
    font-size: 15px;
    letter-spacing: -0.75px;
    color: #1b1e23;
    font-weight: 700;
}
.wrap-download-coupon .list-coupon a .coupon__tit + .coupon__info {
    margin-top: 4px;
}
.wrap-download-coupon .list-coupon a .coupon__info {
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #3d444f;
}
.wrap-download-coupon .list-coupon a .coupon__info + .coupon__period {
    margin-top: 16px;
}
.wrap-download-coupon .list-coupon a .coupon__period {
    font-size: 13px;
    color: #5c6677;
    letter-spacing: -0.65px;
}
.wrap-download-coupon .list-coupon a .coupon__status {
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 32px;
    height: 0;
    padding-top: 32px;
    border-radius: 32px;
    background: #1b1e23 url(../../images/API_M_KO/common/n/icon_btn_download_1.svg) 50% 50% no-repeat;
    background-size: 16px 16px;
}

.txt-reference {
    position: relative;
    padding-left: 5px;
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #788497;
    line-height: 1.5;
}
.txt-reference::before {
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #788497;
    content: "";
}
.txt-reference.type-1 {
    padding-left: 0;
    font-size: 13px;
    color: #5c6677;
}
.txt-reference.type-1::before {
    display: none;
}

.txt-highlight {
    font-weight: 700;
}

.txt-error {
    font-size: 12px;
    line-height: 1.5;
    color: #f4511e;
}

.tit-layer {
    font-weight: 700;
    color: #000;
    font-size: 20px;
    line-height: 1.45;
    letter-spacing: -1px;
}

.btn-close-layer button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 60px;
    height: 0;
    padding-top: 100%;
    text-indent: -9999px;
    font-size: 0;
}
.btn-close-layer button::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 24px;/*2024-07-25 해더 버튼 수정*/
    height: 24px;/*2024-07-25 해더 버튼 수정*/
    background: url(../../images/API_M_KO/common/n/icon_close_3.svg) no-repeat;
    background-size: contain;
    content: "";
}

/* confirm 창 */
.box-confirm-layer {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 1060;
    width: 295px;
    border-radius: 16px;
    background-color: #fff;
}
.box-confirm-layer.active {
    display: block;
}
.box-confirm-layer .txt-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 117px;
    padding: 0 20px;
    font-size: 15px;
    color: #1b1e23;
    letter-spacing: -0.75px;
    text-align: center;
}
.box-confirm-layer .txt-cont.type-1 {
    height: auto;
    padding: 48px 20px 30px;
    font-weight: 500;
    line-height: 1.46;
}
.box-confirm-layer .list-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #dde0e5;
}
.box-confirm-layer .list-btn > li {
    -ms-flex-negative: 1;
        flex-shrink: 1;
    width: 100%;
}
.box-confirm-layer .list-btn > li + li {
    border-left: 1px solid #dde0e5;
}
.box-confirm-layer .list-btn > li a,
.box-confirm-layer .list-btn > li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 52px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.7px;
    color: #1b1e23;
    text-align: center;
}
.box-confirm-layer .list-btn > li a.btn-cancel, .box-confirm-layer .list-btn > li a.btn-cancle,
.box-confirm-layer .list-btn > li button.btn-cancel,
.box-confirm-layer .list-btn > li button.btn-cancle {
    font-weight: 400;
    color: #788497;
}
.box-confirm-layer .wrap-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
}
.box-confirm-layer .wrap-txt + .list-btn-column {
    margin-top: 24px;
}
.box-confirm-layer .wrap-txt .txt-cont {
    height: auto;
    padding: 0;
}
.box-confirm-layer .txt-info {
    font-size: 13px;
    letter-spacing: -0.33px;
    line-height: 1.46;
    color: #5c6677;
}
.box-confirm-layer .list-btn-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    padding: 0 20px;
}
.box-confirm-layer .list-btn-column + .list-btn {
    margin-top: 23px;
}
.box-confirm-layer .txt-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 117px;
    padding: 0 20px;
    font-weight: 700;
    font-size: 14px;
    color: #1b1e23;
    letter-spacing: -0.35px;
    text-align: center;
}
.box-confirm-layer .txt-cont + .txt-info {
    margin-top: 8px;
}
.box-confirm-layer .btn-close-layer {
    position: absolute;
    top: 10px;
    right: 10px;
}
.box-confirm-layer .btn-close-layer button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 24px;
    height: 0;
    padding-top: 100%;
    text-indent: -9999px;
    font-size: 0;
}
.box-confirm-layer .btn-close-layer button::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background: url(../../images/API_M_KO/common/n/icon_close_1.svg) no-repeat;
    background-size: contain;
    content: "";
}

.alert-modal {
    display: block;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1200;
    width: 100%;
    height: 100%;
}
.alert-modal::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(27, 30, 35, 0.3);
    content: "";
}
.alert-modal .box-confirm-layer {
    display: block;
}

.txt-confirm-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    position: fixed;
    top: 68px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1100;
    max-width: 90vw;
    min-height: 35px;
    padding: 8px 24px;
    border-radius: 35px;
    background-color: rgba(92, 102, 119, 0.9);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    line-height: 1.4;
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #fff;
    text-align: center;
}

.btn-square {
    white-space: nowrap;
}
.btn-square.type-order::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/API_M_KO/common/n/icon_order_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.btn-square.type-departure {
    border: 1px solid #1b1e23;
}
.btn-square.type-departure::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/API_M_KO/common/n/icon_departure_1.svg) no-repeat;
    background-size: contain;
    content: "";
}

.list-product.list-product__recommend .product__item .product__info .product__brand-info.type-highlight {
    color: #ea2869;
}
.list-product.list-product__recommend .product__item.type-sales--end .product__img .btn-cart {
    display: none;
}
.list-product.list-product__recommend .product__item.type-sales--end .product__img::after {
    content: "SOLD OUT";
}

.wrap-order-float {
    overflow: hidden;
    position: fixed;
    bottom: 0;
    z-index: 1050;
    left: 0;
    width: 100%;
    padding: 0 20px 21px;
    -webkit-box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.06);
    border-radius: 16px 16px 0 0;
    background-color: #fff;
}
.wrap-order-float .wrap-order-check .wrap-form__checkbox label input[type=checkbox] {
    display: none;
}
.wrap-order-float .wrap-order-check .wrap-form__checkbox label input[type=checkbox] + .txt-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #788497;
    letter-spacing: -0.7px;
}
.wrap-order-float .wrap-order-check .wrap-form__checkbox label input[type=checkbox] + .txt-label::before {
    display: block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    border: 1px solid #dde0e5;
    border-radius: 2px;
    isolation: isolate;
    content: "";
}
.wrap-order-float .wrap-order-check .wrap-form__checkbox label input[type=checkbox]:checked + .txt-label::before {
    border: none;
    background: url(../../images/API_M_KO/common/n/icon_check_on_1.svg) no-repeat;
    background-size: contain;
}
.wrap-order-float .wrap-order-check {
    padding-top: 16px;
}
.wrap-order-float .wrap-order-check + .payment-cart {
    margin-top: 12px;
}
.wrap-order-float .payment-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.wrap-order-float .payment-cart__tit {
    font-size: 13px;
    color: #3d444f;
    letter-spacing: -0.65px;
}
.wrap-order-float .payment-cart__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 4px;
}
.wrap-order-float .product__price--sale {
    font-size: 20px;
    color: #ff0000;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.45;
}
.wrap-order-float .product__price--won {
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #3d444f;
    line-height: 1.7;
}

.checkbox.new label::before {
    isolation: isolate;
    overflow: hidden;
    border-radius: 2px;
    background-image: url(../../images/API_M_KO/common/n/M_check.svg);
    background-position: 50% 50%;
    background-size: 16px 16px;
}
.checkbox.new label input[type=checkbox] + label::before {
    border: none;
    background-image: url(../../images/API_M_KO/common/n/M_check.svg);
    background-position: 50% 50%;
    background-size: 16px 16px;
}

.list-product.list-product__cart .checkbox.new input[type=checkbox]:checked + label::before {
    border: none;
    background-image: url(../../images/API_M_KO/common/n/M_check_chk.svg);
}
.list-product.list-product__cart .checkbox.new input[type=checkbox]:checked + label::after {
    display: none;
}

.btn-move-top {
    bottom: 95px;
}

.product__item.product__item--cart + .wrap-option-change + .product__item {
    position: relative;
}
.product__item.product__item--cart + .wrap-option-change + .product__item::before {
    display: block;
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eef0f2;
    content: "";
}

.list-product.list-product__cart .product__item.type-sales--end .product__img::after {
    font-weight: 700;
    content: "SOLD OUT";
}
.list-product.list-product__recommend .product__item .product__img .btn-cart {
    bottom: 0;
    right: 0;
    border-radius: 4px 0 4px 0;
    background-color: rgba(27, 30, 35, 0.3);
}
.list-product.list-product__recommend .product__item .product__img .btn-cart::before {
    background-image: url(../../images/API_M_KO/common/n/icon_product_cart_white.svg);
}

/* 확인 용 */
.product__item .product__item--notice.type-order::before {
    background-image: url(../../images/API_M_KO/common/n/icon_bag_1.svg);
}
.product__item .product__item--notice.type-special::before {
    background-image: url(../../images/API_M_KO/common/n/icon_star_1.svg);
}
.product__item .product__item--notice.type-coupon::before {
    background-image: url(../../images/API_M_KO/common/n/icon_coupon_1.svg);
}

.btn-square.type-finish::before {
    background-image: url(../../images/API_M_KO/common/n/icon_btn_check_1.svg);
}
.btn-square.type-download::before {
    background: url(../../images/API_M_KO/common/n/icon_btn_download_1.svg);
}

.list-product.list-product__cart + .list-product.list-product__cart .product__item.product__item--cart:first-child {
    position: relative;
}
.list-product.list-product__cart + .list-product.list-product__cart .product__item.product__item--cart:first-child::before {
    display: block;
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eef0f2;
    content: "";
}

.product__item.product__item--cart a .product__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.product__item.product__item--cart a .product__img::before {
    display: block;
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 10px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 10px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}

.product_minimum {
    color: #1b1e23;
}

/* 2023 개선 order */
/* main top--list */
.header {
    border-bottom: 1px solid #dde0e5;
}

.container.new_type {
    padding-bottom: 0;
}

/* od - 주문결제,여권출국정보 전용 */
.od {
    padding: 0px;
    /* od-layout */
    /* common */
}
.od a:focus,
.od button:focus,
.od input:focus,
.od textarea:focus,
.od select:focus,
.od option:focus {
    outline: none;
}
.od select,
.od textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
}
.od strong {
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
}
.od.type-has-btn {
    margin-bottom: 70px;
}
@media screen and (max-width : 320px) {
    .od.type-has-btn {
        padding-bottom: 150px;
    }
}
.od .panel {
    background: #fff;
    margin-top: 6px;
    padding: 22px 20px;
    position: relative;
}
/* 20231227 */
.layer_popup .popupcont_wrap .textsection_area .od .panel {
    padding-left: 0;
    padding-right: 0;
}
.od .panel.my-panel {
    padding: 20px;
    margin-top: 20px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    border-radius: 12px;
}
.od .panel::before {
    display: block;
    position: absolute;
    top: -8px;
    left: 0;
    width: 100%;
    height: 8px;
    background: #eef0f2;
    content: "";
}
.od .panel:first-child {
    margin-top: 0;
}
.od .panel:first-child::before {
    content: "";
    display: none;
}
.od .panel:last-child:not(.my-panel, .wrap-layer-cont) {
    padding-bottom: 20px;
}
.od .panel:last-child.accordion_item.not_folded {
    padding-bottom: 0;
}
.od .panel:last-child.accordion_item.not_folded .ac_head .tit_box .tit {
    color: #ea2829;
}
.od .panel .pn-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    padding-bottom: 20px;
}
.od .panel .pn-tit p {
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    line-height: 28px;
    letter-spacing: -0.05em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.od .panel .pn-tit p + a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    border: 1px solid #abb2be;
    background-color: #fff;
    font-weight: 600;
    padding: 6px 12px;
    color: #3d444f;
    font-size: 14px;
    text-align: center;
}
.od .panel .pn-multi-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.od .panel .pn-multi-tit p:nth-of-type(2) {
    color: #5c6677;
    font-size: 13px;
    font-weight: 600;
}
.od .panel .pn-cont + .pn-tit {
    margin-top: 20px;
}
.od .panel.type-order-status {
    margin-top: 0;
}
.od .blind {
    position: absolute;
    top: -5000px;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.od .tab_contian .tab_nav.wide {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-bottom: 20px;
    border-bottom: 1px solid #dde0e5;
    margin-bottom: 20px;
    padding: 0 20px;
}
.od .tab_contian .tab_nav .tab_list {
    margin: 0;
    padding: 0;
    display: block;
}
.od .tab_contian .tab_nav .tab_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.od .tab_contian .tab_nav .tab_list ul li {
    margin: 0;
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    line-height: 0;
    height: 56px;
    width: auto !important;
    width: 50% !important;
    background: #fff;
}
.od .tab_contian .tab_nav .tab_list ul li:first-child {
    margin-left: 0;
}
.od .tab_contian .tab_nav .tab_list ul li a {
    display: block;
    position: relative;
    color: #888888;
    line-height: 80px;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    padding: 0 20px 14px;
    font-size: 16px;
    line-height: 54px;
    white-space: nowrap;
}
.od .tab_contian .tab_nav .tab_list ul li.active a {
    color: #1b1e23;
    font-weight: 700;
}
.od .tab_contian .tab_nav .tab_list ul li.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #1b1e23;
}
.od .tab_contian .tab_contents .tab_cont {
    display: none;
}
.od .tab_contian .tab_contents .tab_cont.active {
    display: block;
}
.od .tab_contian .subTab_cont {
    position: relative;
    background: #fff;
    padding: 20px 20px;
    position: relative;
}
.od .tab_contian .order_list_filter {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 12px 0;
    margin-bottom: 4px;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.od .tab_contian .order_list_filter p {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #1b1e23;
}
.od .tab_contian .order_list_filter p span {
    margin-left: 4px;
}
.od .tab_contian .order_list_filter .filter_result {
    line-height: 1;
}
.od .tab_contian .order_list_filter .filter_result span {
    display: block;
    position: relative;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.05em;
    text-align: right;
    color: #5c6677;
}
.od .tab_contian .order_list_filter .filter_result span + span {
    margin-left: 8px;
}
.od .tab_contian .order_list_filter .filter_result span + span::before {
    display: block;
    width: 1px;
    height: 14px;
    background-color: #dde0e5;
    position: absolute;
    top: 50%;
    left: -8px;
    transform: translateY(-50%);
    content: "";
}
.od .tab_contian .order_list_filter .filter_result .btn_filter {
    display: flex;
    align-items: center;
    gap: 8px;
}
.od .tab_contian .order_list_filter .filter_result .btn_filter .filter_period {
    overflow: hidden;
    width: 16px;
    height: 0;
    margin-left: 0;
    padding-top: 16px;
    background: url(../../images/API_M_KO/common/n/icon_filter_1.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    text-indent: -9999px;
    font-size: 0;
}
.od .tab_contian .order_list_filter .filter_result .btn_filter .filter_period::before {
    display: none;
}
.od .tab_contian .order_list {
    padding: 0;
}
.od .tab_contian .order_list > li {
    padding: 20px 0;
}
.od .tab_contian .order_list > li:last-child {
    padding-bottom: 0;
}
.od .tab_contian .order_list .order_goods_tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 0 10px;
    border-bottom: 2px solid #1b1e23;
}
.od .tab_contian .order_list .order_goods_tit.type-single {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.od .tab_contian .order_list .order_goods_tit p {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #3d444f;
}
.od .tab_contian .order_list .order_goods_tit p span {
    font-weight: 600;
}
.od .tab_contian .order_list .order_goods_tit p span + span {
    margin-left: 4px;
}
.od .tab_contian .order_list .order_goods_tit a,
.od .tab_contian .order_list .order_goods_tit .order_num {
    color: #ea2869;
}
.od .tab_contian .order_list .order_goods_tit a span,
.od .tab_contian .order_list .order_goods_tit .order_num span {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.05em;
}
.od .tab_contian .order_list .order_goods_tit a span::after,
.od .tab_contian .order_list .order_goods_tit .order_num span::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ea2869;
}
.od .tab_contian .order_list .order_goods_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 19px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    position: relative;
    padding: 19px 0 0;
}
.od .tab_contian .order_list .order_goods_info .order_goods__tit {
    width: 100%;
}
.od .tab_contian .order_list .order_goods_info .order_goods_img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    width: 96px;
    height: 96px;
    /* padding: 10px; *//*2024-08-14 썸네일 이미지 확장*/
    overflow: hidden;/*2024-08-14 썸네일 이미지 확장*/
    background-color: #f5f7fa;
    border-radius: 8px;
}
.od .tab_contian .order_list .order_goods_info .order_goods_img > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.od .tab_contian .order_list .order_goods_info .order_goods_img::before {
    display: block;
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 10px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 10px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}
.od .tab_contian .order_list .order_goods_info .order_goods_img + .order_goods__tit {
    width: calc(100% - 115px);
}
.od .tab_contian .order_list .order_goods_info .order_goods_result {
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 16px 0 0;
}
.od .tab_contian .order_list .order_goods_info .order_goods_result p {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #3d444f;
}
.od .tab_contian .order_list .order_goods_info .order_goods_result .price strong {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.075em;
    color: #1b1e23;
}
.od .tab_contian .order_list .order_goods_info .order_goods_result .price span {
    margin-left: 4px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #3d444f;
}
.od .tab_contian .order_list .order_goods_info .order_goods_result .btn_white {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    padding: 5px 12px;
    border-color: #ccd1d8;
}
.od .tab_contian .order_list .order_goods_info .order_goods_result .btn_white span {
    color: #3d444f;
}
.od .tab_contian .order_list .order_goods_info .order_prodname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.od .tab_contian .order_list .order_goods_info .order_prodname + .order_prod_more {
    margin-top: 4px;
}
.od .tab_contian .order_list .order_goods_info .order_tit {
    font-size: 13px;
    color: #1b1e23;
}
.od .tab_contian .order_list .order_goods_info .order_detail {
    display: inline;
    margin-top: 4px;
    margin-right: 20px;
    font-size: 13px;
    color: #3d444f;
}
.od .tab_contian .order_list .order_goods_info .order_prod_more {
    color: #3d444f;
    font-size: 13px;
    margin-top: 4px;
}
.od .tab_contian .order_list .order_goods_info + .order_schedule {
    margin-top: 20px;
}
.od .tab_contian .order_list .order_schedule {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 12px;
    background-color: #f9fafb;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.od .tab_contian .order_list .order_schedule p {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #3d444f;
}
.od .tab_contian .order_list .order_schedule p + p {
    font-weight: initial;
    color: #3d444f;
    text-align: right;
}
.od .tab_contian .order_list .order_schedule p strong {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.46;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #3d444f;
    margin-left: 4px;
}
.od .offscreen {
    /* height: 0;
    width: 0; */
    overflow: hidden;
    font-size: 0;
    /* line-height: 0; */
    text-indent: -99999em;
}
/* .od .offscreen + .form_cont {
    margin-top: 7px !important;
} */
.od .txt_14_gray {
    font-size: 14px;
    color: #5c6677;
}
.od .txt_13_green {
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #16b255;
    margin-top: 6px;
    margin-left: 22px;
}
.od .txt_13_green::after {
    content: "";
    position: absolute;
    right: -22px;
    bottom: 1px;
    width: 16px;
    height: 16px;
    background-image: url(../../images/API_M_KO/common/n/icon_eco.svg);
    background-repeat: no-repeat;
}
.od .explan {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #3d444f;
    margin-top: 6px;
    margin-left: 22px;
}
.od .item_preferential {
    display: block;
    width: auto;
    height: 20px;
    padding: 1px 6px 2px 6px;
    color: #fff;
    line-height: 18px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.045em;
    border-radius: 4px;
    background-color: #ea2869;
}
.od .item_preferential.pure {
    color: #5c6677;
    border: solid 1px #ccd1d8;
    background-color: #fff;
}
.od .item_preferential + .item_preferential {
    margin-left: 4px;
}
.od .btn_passport {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 100%;
    padding: 0 10px;
    margin: 4px 0 20px;
    height: 48px;
    font-size: 16px;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: -0.065em;
    text-align: center;
    background-color: #f4f5f6;
    border-radius: 4px;
}
.od .btn_passport span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 700;
    color: #3d444f;
    letter-spacing: -0.8px;
}
.od .btn_passport span::before {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../../images/API_M_KO/common/n/M_btn_passport.svg) no-repeat;
    background-size: contain;
    content: "";
}
.od .btn_white {
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #1b1e23;
    background-color: #fff;
}
.od .btn_white span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.065em;
    text-align: center;
    color: #1b1e23;
}
.od .btn_white:disabled {
    color: #abb2be;
    border-color: #dde0e5;
}
.od .btn_white.min {
    padding: 1px 8px;
    border: solid 1px #abb2be;
}
.od .btn_white.min span {
    font-size: 13px;
    color: #3d444f;
    white-space: nowrap;
}
.od .btn_gray {
    padding: 6px 12px;
    border-radius: 4px;
    background-color: #eef0f2;
}
.od .btn_gray span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.065em;
    text-align: center;
    color: #abb2be;
}
.od button:disabled {
    opacity: 1;
}
.od .btn_dark {
    padding: 6px 12px;
    border-radius: 4px;
    background-color: #1b1e23;
}
.od .btn_dark span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.065em;
    text-align: center;
    color: #fff;
}
.od .btn_chk {
    position: relative;
    display: inline-block;
    display: block;
}
.od .btn_chk input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 1px;
    height: 1px;
    opacity: 0;
}
.od .btn_chk input[type=checkbox] + label {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    padding: 0 18px 0 43px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 48px;
    border: 1px solid #dde0e5;
    border-radius: 8px;
    background-color: #fff;
    color: #788497;
    font-size: 16px;
    letter-spacing: -0.05em;
    line-height: 48px;
    cursor: pointer;
}
.od .btn_chk input[type=checkbox]:checked + label {
    border-color: #1b1e23;
    background-color: #1b1e23;
    font-weight: 600;
    color: #fff;
}
.od .btn_chk input[type=checkbox]:checked + label::before {
    content: "";
}
.od .btn_chk.terms label {
    padding: 0 18px 0 38px;
    background-image: url(../../images/API_M_KO/common/n/m_terms.svg);
    background-image: url(../../images/API_M_KO/common/n/M_terms.svg);
    background-size: 16px 16px;
    background-position: 12px 16px;
    background-repeat: no-repeat;
}
.od .btn_chk.terms input[type=checkbox]:checked + label {
    background-image: url(../../images/API_M_KO/common/n/m_terms_chk.svg);
    background-image: url(../../images/API_M_KO/common/n/M_terms_chk.svg);
    background-size: 16px 16px;
    background-position: 12px 16px;
    background-repeat: no-repeat;
}
.od .btn_chk.terms + ul {
    padding: 10px;
}
.od .btn_chk.terms + ul.type-1 li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
}
.od .btn_chk.terms + ul.type-1 input[type=checkbox] + label + .btn_txtlink {
    position: static;
    white-space: nowrap;
}
.od .btn_chk.terms + ul li {
    position: relative;
    margin: 6px 0;
}
.od .btn_chk.terms + ul input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    opacity: 0 !important;
}
.od .btn_chk.terms + ul input[type=checkbox] + label {
    position: relative;
    z-index: 3;
    display: inline-block;
    padding-left: 30px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.065em;
    color: #788497;
}
.od .btn_chk.terms + ul input[type=checkbox] + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 0;
    background-image: url(../../images/API_M_KO/common/n/m_terms.svg);
    background-image: url(../../images/API_M_KO/common/n/M_terms.svg);
    background-size: 16px 16px;
    background-position: 4px 4px;
    background-repeat: no-repeat;
    background-color: #fff;
}
.od .btn_chk.terms + ul input[type=checkbox] + label + .btn_txtlink {
    position: absolute;
    top: 0;
    right: 3px;
    white-space: nowrap;
}
.od .btn_chk.terms + ul input[type=checkbox]:checked + label {
    color: #1b1e23;
    font-weight: 600;
}
.od .btn_chk.terms + ul input[type=checkbox]:checked + label::before {
    background-image: url(../../images/API_M_KO/common/n/M_terms_opt_chk.svg);
    background-size: 16px 16px;
    background-position: 4px 2px;
    background-repeat: no-repeat;
}
.od .btn_txtlink {
    display: block;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    color: #788497;
    letter-spacing: -0.04em;
}
.od .btn_txtlink::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: relative;
    bottom: 4px;
    background-color: #788497;
}
.od input[type=text],
.od input[type=password],
.od input[type=email],
.od input[type=tel],
.od input[type=number],
.od input[type=search] {
    height: 39px;
    padding: 0;
    border: 1px solid #dde0e5;
    font-size: 16px;
    border-radius: 0 !important;
    background-color: transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 32px;
    color: #1b1e23;
    letter-spacing: -0.05em;
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
}
.od input[type=text]::-webkit-input-placeholder, .od input[type=password]::-webkit-input-placeholder, .od input[type=email]::-webkit-input-placeholder, .od input[type=tel]::-webkit-input-placeholder, .od input[type=number]::-webkit-input-placeholder, .od input[type=search]::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 15px;
    color: #abb2be;
    letter-spacing: -0.05em;
}
.od input[type=text]::-moz-placeholder, .od input[type=password]::-moz-placeholder, .od input[type=email]::-moz-placeholder, .od input[type=tel]::-moz-placeholder, .od input[type=number]::-moz-placeholder, .od input[type=search]::-moz-placeholder {
    font-weight: 400;
    font-size: 15px;
    color: #abb2be;
    letter-spacing: -0.05em;
}
.od input[type=text]:-ms-input-placeholder, .od input[type=password]:-ms-input-placeholder, .od input[type=email]:-ms-input-placeholder, .od input[type=tel]:-ms-input-placeholder, .od input[type=number]:-ms-input-placeholder, .od input[type=search]:-ms-input-placeholder {
    font-weight: 400;
    font-size: 15px;
    color: #abb2be;
    letter-spacing: -0.05em;
}
.od input[type=text]::-ms-input-placeholder, .od input[type=password]::-ms-input-placeholder, .od input[type=email]::-ms-input-placeholder, .od input[type=tel]::-ms-input-placeholder, .od input[type=number]::-ms-input-placeholder, .od input[type=search]::-ms-input-placeholder {
    font-weight: 400;
    font-size: 15px;
    color: #abb2be;
    letter-spacing: -0.05em;
}
.od input[type=text]::placeholder,
.od input[type=password]::placeholder,
.od input[type=email]::placeholder,
.od input[type=tel]::placeholder,
.od input[type=number]::placeholder,
.od input[type=search]::placeholder {
    font-weight: 400;
    font-size: 15px;
    color: #abb2be;
    letter-spacing: -0.05em;
}
.od .form_box input[type=text],
.od .form_box input[type=password],
.od .form_box input[type=email],
.od .form_box input[type=tel] {
    width: 100%;
}
.od input[type=button].minus,
.od input[type=button].plus {
    font-size: 0;
    line-height: 0;
}
.od select {
    display: inline-block;
    width: 100%;
    height: 40px;
    padding: 0 35px 0 0;
    border-bottom: 1px solid #dde0e5;
    color: #1b1e23;
    font-size: 16px;
    font-weight: 600;
    line-height: 38px;
    background-image: url(../../images/API_M_KO/common/n/M_arrow_down.svg);
    background-size: 16px 16px;
    background-position: right;
    background-position-x: calc(100% - 9px);
    background-repeat: no-repeat;
}
.od select:required:invalid {
    font-weight: 400;
    color: #abb2be;
}
.od select:disabled {
    border-color: #dde0e5;
    color: #abb2be;
    background-image: url(../../images/API_M_KO/common/n/M_arrow_down_disabled.svg);
}
.od select.t_err {
    border-bottom: 1px solid #f4511e;
}
.od select:focus {
    /* outline: 1px dashed $color-gray-2;
    outline-offset: 1px; */
    border-color: #788497;
}
.od .temp_opt select {
    display: inline-block;
    width: 100%;
    height: 40px;
    padding: 0px 35px 0 12px;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    color: #1b1e23;
    font-size: 14px;
    font-weight: 600;
    line-height: 38px;
}
.od .temp_opt select:disabled {
    border-color: #dde0e5;
    color: #abb2be;
    background-color: #f9fafb;
    background-image: url(../../images/API_M_KO/common/n/M_arrow_down_disabled.svg);
}
.od .temp_opt select:required:invalid {
    font-weight: 400;
    color: #abb2be;
}
.od .temp_opt select.t_err {
    border-bottom: 1px solid #f4511e;
}
.od .temp_opt .temp_chk {
    margin-top: 12px;
}
.od .temp_opt.conleft {
    width: calc(100% - 92px);
}
.od .temp_opt + .btn_white {
    padding: 9px 14px;
    max-width: 84px;
}
.od .temp_opt.is-setted select {
    display: none;
}
.od .temp_opt.is-setted .fake-dropdown {
    padding-left: 12px;
}
.od .temp_opt.is-setted .btn-dropdown {
    height: 40px;
    padding-left: 12px;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    font-size: 14px;
}
.od .temp_opt.is-setted .btn-dropdown::before {
    background-image: url(../../images/API_M_KO/common/n/M_arrow_down_disabled.svg);
}
.od .temp_opt.is-setted.is-error select,
.od .temp_opt.is-setted.is-error .btn-dropdown {
    border-color: #ea2829;
}
.od .temp_opt .wrap-select.is-setted select {
    display: none;
}
.od .temp_opt .wrap-select.is-setted .fake-dropdown {
    padding-left: 12px;
}
.od .temp_opt .wrap-select.is-setted .btn-dropdown {
    height: 40px;
    padding-left: 12px;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    font-size: 14px;
}
.od .temp_opt .wrap-select.is-setted .btn-dropdown::before {
    background-image: url(../../images/API_M_KO/common/n/M_arrow_down_disabled.svg);
}
.od .temp_opt.is-error select {
    border-color: #ea2829;
}
.od .temp_chk {
    position: relative;
    display: block;
}
.od .temp_chk input[type=checkbox] + label::after {
    background-image: url(../../images/API_M_KO/common/n/M_check.svg);
    background-size: contain;
}
.od .temp_chk input[type=checkbox]:focus + label::after {
    border-color: #788497;
}
.od .temp_chk + .temp_chk {
    margin-top: 16px;
}
.od .temp_chk.horiz {
    display: inline-block;
}
.od .temp_chk.horiz + .temp_chk {
    margin-top: 0px;
}
.od .temp_chk input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    opacity: 0 !important;
}
.od .temp_chk input[type=checkbox]:disabled + label {
    color: #abb2be;
}
.od .temp_chk input[type=checkbox]:disabled + label::before {
    border: solid 1px #dde0e5;
    background-color: #f5f7fa;
}
.od .temp_chk input[type=checkbox]:disabled + label::after {
    display: none;
}
.od .temp_chk input[type=checkbox]:checked + label {
    color: #1b1e23;
    font-weight: 600;
}
.od .temp_chk input[type=checkbox]:checked + label::before {
    background-color: #1b1e23;
    border-color: #1b1e23;
}
.od .temp_chk input[type=checkbox]:checked + label::after {
    display: block;
    background: url(../../images/API_M_KO/common/n/M_check_chk.svg) no-repeat;
}
.od .temp_chk label {
    position: relative;
    z-index: 3;
    display: inline-block;
    padding-left: 28px;
    color: #788497;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.05em;
    vertical-align: middle;
    cursor: pointer;
}
.od .temp_chk label::before {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #dde0e5;
    border-radius: 2px;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    background-color: #fff;
    content: "";
}
.od .temp_chk label::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_check.svg) no-repeat;
}
.od .temp_chk.is-error input[type=checkbox] + label::before {
    border-color: #ea2829;
}
.od .temp_data input {
    display: inline-block;
    width: 100%;
    height: 40px;
    color: #1b1e23;
    line-height: 38px;
    padding: 0 35px 0 0;
    border: 0;
    border-bottom: 1px solid #dde0e5;
}
.od .temp_email .maildomain {
    width: 40.9% !important;
}
.od .temp_email [role=maildomain] {
    position: relative;
    width: 56.42%;
    margin-left: 6px;
}
.od .temp_email [role=maildomain]::before {
    content: "@";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.8px;
    color: #1b1e23;
    position: absolute;
    top: 10px;
}
.od .temp_email [role=maildomain] select {
    padding: 0 35px 0 24px;
}
.od .num_amount input {
    display: block;
    float: left;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 0;
}
.od .num_amount .minus {
    background-size: contain;
}
.od .num_amount .plus {
    background-size: contain;
}
.od .num_amount .count {
    width: 60px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    font-weight: 700;
}
.od .num_amount::after {
    content: "";
    display: block;
    clear: both;
}
.od .odform {
    position: relative;
    width: 100%;
    display: table;
    table-layout: fixed;
}
.od .odform.type-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px 24px;
}
.od .odform.type-wrap label {
    padding-right: 0;
}
.od .odform.type-wrap input[type=radio] + label {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0;
    min-height: 40px;
    position: relative;
    padding-left: 28px;
    line-height: 1.5;
}
.od .odform.type-wrap input[type=radio] + label em {
    margin-left: 5px;
    margin-right: 5px;
}
.od .odform.type-wrap input[type=radio] + label::before {
    position: absolute;
    left: 0;
    top: 8px;
}
.od .odform.type-wrap input[type=radio] + label br {
    display: none;
}
.od .odform + .odform {
    margin-top: 16px;
}
.od .odform + .info_tooltip {
    margin-top: 15px;
}
.od .odform + .info_tooltip.btn_white.min {
    float: right;
    display: inline;
    margin-top: -2px;
}
.od .odform .col {
    position: relative;
    display: table-cell;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 49%;
}
.od .odform .col:nth-child(even) {
    padding-left: 9px;
    padding-right: 0;
}
.od .odform .col.col-3 {
    width: 70% !important;
}
.od .odform .col.col-3 + .col {
    width: 100%;
}
.od .odform .col.form_cont {
    width: 50%;
}
.od .odform .horiz {
    position: relative;
    display: table-cell;
    padding-right: 20px;
}
.od .odform .horiz:nth-child(even) {
    padding-right: 0;
}
.od .odform .form_name {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #5c6677;
}
.od .odform .temp_opt,
.od .odform .form_cont {
    position: relative;
    margin-top: 4px;
}
.od .odform .temp_opt .btn-circle,
.od .odform .form_cont .btn-circle {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    right: 8px;
    width: 16px;
    height: 0;
    padding-top: 40px;
    text-indent: -9999px;
    font-size: 0;
}
.od .odform .temp_opt .btn-circle::before, .od .odform .temp_opt .btn-circle::after,
.od .odform .form_cont .btn-circle::before,
.od .odform .form_cont .btn-circle::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    content: "";
}
.od .odform .temp_opt .btn-circle::after,
.od .odform .form_cont .btn-circle::after {
    width: 8px;
    height: 8px;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    background: url(../../images/API_M_KO/common/n/icon_close_1.svg) no-repeat;
    background-size: contain;
}
.od .odform .temp_opt .btn-circle::before,
.od .odform .form_cont .btn-circle::before {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background-color: #9aa3b1;
}
.od .odform .form_cont.size-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.od .odform .form_cont.size-2 select {
    width: calc(50% - 4px);
}
.od .odform .form_cont.size-2 .help_block {
    width: 100%;
}
.od .odform .wrap-form_cont.size-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0 8px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 4px;
}
.od .odform .wrap-form_cont.size-2 .form_cont {
    width: calc(50% - 4px);
    margin-top: 0;
}
.od .odform .wrap-form_cont.size-2 .help_block {
    width: 100%;
}
.od .odform .temp_email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0 9px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.od .odform .temp_email .form_cont {
    width: calc(43.58% - 9px);
    margin-top: 0;
}
.od .odform .temp_email .form_cont input {
    width: 100%;
}
.od .odform .temp_email [role=maildomain] {
    margin-left: 0;
}
.od .odform .temp_email [role=maildomain] .form_cont {
    width: 100%;
}
.od .odform .temp_email [role=maildomain] .form_cont .btn-dropdown {
    padding-left: 24px;
}
.od .odform .temp_email .help_block {
    width: 100%;
}
.od .odform .btn-calendar {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    padding-top: 40px;
    background: url(../../images/API_M_KO/common/n/icon_calendar_1.svg) no-repeat;
    background-position: 50% 50%;
    background-size: 16px 16px;
    content: "";
}
.od .odform input[type=text],
.od .odform input[type=password],
.od .odform input[type=search],
.od .odform input[readonly] {
    display: inline-block;
    width: 100%;
    height: 40px;
    font-weight: 600;
    color: #1b1e23 !important;
    line-height: 38px;
    border: 0;
    border-bottom: 1px solid #dde0e5;
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
}
.od .odform input[type=text]:focus,
.od .odform input[type=password]:focus,
.od .odform input[type=search]:focus,
.od .odform input[readonly]:focus {
    border-color: #788497;
}
.od .odform input[type=text].t_err,
.od .odform input[type=password].t_err,
.od .odform input[type=search].t_err,
.od .odform input[readonly].t_err {
    border-bottom: 1px solid #f4511e;
}
.od .odform input[type=radio] {
    display: none;
}
.od .odform input[type=radio] + label {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: auto;
    font-size: 16px;
    line-height: 22px;
    line-height: 40px;
    color: #788497;
    vertical-align: middle;
    cursor: pointer;
}
.od .odform input[type=radio] + label em {
    margin-left: -8px;
    margin-right: -8px;
}
.od .odform input[type=radio] + label::before {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #dde0e5;
    border-radius: 50%;
    -webkit-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
    background-color: #fff;
    content: "";
}
.od .odform input[type=radio] + label::after {
    position: absolute;
    left: 6px;
    top: 6px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.od .odform input[type=radio]:checked + label {
    font-weight: 700;
    color: #1b1e23;
}
.od .odform input[type=radio]:checked + label::before {
    top: 10px;
    background-color: #1b1e23;
    border-color: #1b1e23;
}
.od .odform input[type=radio]:checked + label::after {
    content: "";
    top: 16px;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
}
.od .odform input[type=radio]:disabled + label {
    font-weight: 400;
}
.od .odform input[type=radio]:disabled + label::before {
    background-color: #f9fafb;
    border-color: #dde0e5;
}
.od .odform input[type=radio]:disabled + label::after {
    display: none;
}
.od .odform .input_multi {
    position: relative;
}
.od .odform .input_multi .conleft {
    float: left;
}
.od .odform .input_multi .conright {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.od .odform .input_multi .temp_opt {
    margin-top: 0;
}
.od .odform .input_multi::after {
    content: "";
    display: block;
    clear: both;
}
.od .odform .act {
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
}
.od .odform .act .clear {
    font-size: 0;
    display: none;
}
.od .odform .act .clear::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background: url(../../images/API_M_KO/common/n/group-228.svg) no-repeat;
    background-color: #9aa3b1;
    background-size: cover;
    border-radius: 100%;
    vertical-align: top;
}
.od .odform .act .clear span {
    position: relative;
}
.od .odform .act .clear span::before, .od .odform .act .clear span::after {
    content: "";
    position: absolute;
    right: 9px;
    top: 6px;
    height: 8px;
    width: 1px;
    background-color: #fff;
}
.od .odform .act .clear span::before {
    -webkit-transform: rotate(43deg);
            transform: rotate(43deg);
}
.od .odform .act .clear span::after {
    -webkit-transform: rotate(-43deg);
            transform: rotate(-43deg);
}
.od .odform .hint_block {
    position: absolute;
    top: -21px;
    right: 0px;
    color: #0288d1;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.05em;
}
.od .odform .help_block {
    display: none;
    position: relative;
    margin-top: 4px;
    width: 100%;
}
.od .odform .help_block .t_err {
    display: block;
    margin-top: 0px;
    font-size: 12px;
    font-weight: 600;
    text-indent: 0px;
    letter-spacing: -0.04em;
    color: #f4511e;
}
.od .odform .timer {
    position: absolute;
    top: 50%;
    right: 56px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #f4511e;
}
.od .odform.type-line {
    position: relative;
    margin-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 22px;
}
.od .odform.type-line::before {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 1px;
    margin-left: -50vw;
    background-color: #dde0e5;
    content: "";
}
.od .odform.type-line + .panel {
    margin-top: 20px;
}
.od .odform.member_info + .area-attention {
    margin-top: 36px;
}
.od .odform.type-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 9px;
    padding-bottom: 175px;
}
.od .odform.type-between .col {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
}
.m_popup_renew .od.type-1 {
    padding: 0;
}/*2024-01-25 sms 팝업 수정*/
.od .odform.type-between .col.size-1 {
    /* width: 138px; *//*2024-01-25 sms 팝업 수정*/
    width: 38%;/*2024-01-25 sms 팝업 수정*/
}
.od .odform.type-between .col.size-2 {
    /* width: calc(100% - 147px); *//*2024-01-25 sms 팝업 수정*/
    width: calc(62% - 10px);/*2024-01-25 sms 팝업 수정*/
    padding-left: 0;
}
.od .odform.type-between.type-auth {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px 5px; /*2024-01-25 sms 팝업 수정 gap: 12px 9px;*/
}
.od .odform.type-between.type-auth input {
    width: 100%;
}/*2024-01-25 sms 팝업 수정 */
.od .odform.type-between.type-auth .wrap-add-dropdown .btn-dropdown {
    letter-spacing: -1px;
    padding: 0 29px 0 0;
    font-weight: 400;
}/*2024-01-25 sms 팝업 수정*/
.od .odform.type-between.type-auth .form_cont {
    margin-top: 0;
}
.od .odform.type-between.type-auth .input_multi input {
    height: 44px;
}
.od .odform.type-between.type-auth .input_multi .timer,
.od .odform.type-between.type-auth .input_multi .conright {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.od .odform.type-between.type-auth.type-1 .input_multi {
    width: 100%;
}
.od .odform.type-between.type-auth.type-1 .input_multi input {
    border-width: 0 0 1px 0;
}
.od .odform.type-between.type-auth.type-1 .wrap-add-dropdown[data-disabled=disabled] .btn-dropdown {
    background-color: transparent;
}
.od .odform.type-isolate {
    display: block;
    border-top: 8px solid #eef0f2;
    padding: 20px;
}
.od .odform.type-isolate .form_cont {
    margin-top: 0;
}
.od .odform.is-error .help_block {
    display: block;
}
.od .odform.is-error input[type=radio] {
    border-color: #ea2829;
}
.od .odform.is-error input[type=radio] + label::before {
    border-color: #ea2829;
}
.od .odform .wrap-select.is-setted select {
    display: none;
}
.od .odform .wrap-select.is-setted .wrap-add-dropdown .fake-dropdown,
.od .odform .wrap-select.is-setted .wrap-add-dropdown .btn-dropdown {
    height: 40px;
    padding-left: 12px;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    font-size: 14px;
}
.od .tit-layer-2 {
    font-size: 12px;
    line-height: 1.42;
    color: #5c6677;
    letter-spacing: -0.6px;
}
.od .accordion_item .ac_head {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.od .accordion_item .ac_head[aria-controls=false], .od .accordion_item .ac_head[role=button] {
    padding-right: 24px;
}
.od .accordion_item .ac_head[aria-controls=false]::after, .od .accordion_item .ac_head[role=button]::after {
    top: 12px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_ico_accordion_arrow.svg) no-repeat;
}
.od .accordion_item .ac_head[aria-controls=false] .od .accordion_item .ac_head[aria-controls=false].active, .od .accordion_item .ac_head[aria-controls=false] .od .accordion_item .ac_head[role=button].active, .od .accordion_item .ac_head[role=button] .od .accordion_item .ac_head[aria-controls=false].active, .od .accordion_item .ac_head[role=button] .od .accordion_item .ac_head[role=button].active {
    margin-bottom: 20px;
}
.od .accordion_item .ac_head[aria-controls=false] .od .accordion_item .ac_head[aria-controls=false].active + .ac_body, .od .accordion_item .ac_head[aria-controls=false] .od .accordion_item .ac_head[role=button].active + .ac_body, .od .accordion_item .ac_head[role=button] .od .accordion_item .ac_head[aria-controls=false].active + .ac_body, .od .accordion_item .ac_head[role=button] .od .accordion_item .ac_head[role=button].active + .ac_body {
    display: block;
}
.od .accordion_item .ac_head[aria-controls=false] .od .accordion_item .ac_head[aria-controls=false].active::after, .od .accordion_item .ac_head[aria-controls=false] .od .accordion_item .ac_head[role=button].active::after, .od .accordion_item .ac_head[role=button] .od .accordion_item .ac_head[aria-controls=false].active::after, .od .accordion_item .ac_head[role=button] .od .accordion_item .ac_head[role=button].active::after {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
}
.od .accordion_item .ac_head[aria-controls=false] .od .accordion_item .ac_head[aria-controls=false].active .txt_info .gift_case,
.od .accordion_item .ac_head[aria-controls=false] .od .accordion_item .ac_head[aria-controls=false].active .txt_info .total_case, .od .accordion_item .ac_head[aria-controls=false] .od .accordion_item .ac_head[role=button].active .txt_info .gift_case,
.od .accordion_item .ac_head[aria-controls=false] .od .accordion_item .ac_head[role=button].active .txt_info .total_case, .od .accordion_item .ac_head[role=button] .od .accordion_item .ac_head[aria-controls=false].active .txt_info .gift_case,
.od .accordion_item .ac_head[role=button] .od .accordion_item .ac_head[aria-controls=false].active .txt_info .total_case, .od .accordion_item .ac_head[role=button] .od .accordion_item .ac_head[role=button].active .txt_info .gift_case,
.od .accordion_item .ac_head[role=button] .od .accordion_item .ac_head[role=button].active .txt_info .total_case {
    display: none;
}
.od .accordion_item .ac_head[aria-controls=false] .od .accordion_item .ac_head[aria-controls=false].active .txt_info .price, .od .accordion_item .ac_head[aria-controls=false] .od .accordion_item .ac_head[role=button].active .txt_info .price, .od .accordion_item .ac_head[role=button] .od .accordion_item .ac_head[aria-controls=false].active .txt_info .price, .od .accordion_item .ac_head[role=button] .od .accordion_item .ac_head[role=button].active .txt_info .price {
    display: block;
}
.od .accordion_item .ac_head .tit_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    gap: 0 12px;
}
.od .accordion_item .ac_head .tit_box .tit {
    font-size: 16px;
    font-weight: 600;
}
.od .accordion_item .ac_head .tit_box .s_bubble {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    padding: 4px 12px;
    background: linear-gradient(100deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
    border-radius: 13px 13px 13px 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: absolute;
    top: -30px;
    left: 0;
}
.od .accordion_item .ac_head .txt_info {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.od .accordion_item .ac_head .txt_info .payment {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.05em;
    text-align: right;
    color: #3d444f;
}
.od .accordion_item .ac_head .txt_info .payment_final_price {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -0.06em;
    text-align: right;
    color: #ea2829;
}
.od .accordion_item .ac_head .txt_info .payment_final_price em {
    margin-left: 4px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.06em;
    text-align: right;
    color: #3d444f;
    font-weight: normal;
}
.od .accordion_item .ac_head .txt_info .gift_case {
    color: #3d444f;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.06em;
}
.od .accordion_item .ac_head .txt_info .total_case {
    color: #ea2869;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.06em;
}
.od .accordion_item .ac_head .txt_info .price {
    color: #ea2869;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.06em;
}
.od .accordion_item .ac_head .txt_info .gift_case,
.od .accordion_item .ac_head .txt_info .total_case {
    display: block;
}
.od .accordion_item .ac_head .txt_info span + span {
    position: relative;
    margin-left: 24px;
}
.od .accordion_item .ac_head .txt_info span + span::before {
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #eef0f2;
}
.od .accordion_item .ac_head + .ac_body.type-1 {
    margin-top: 28px;
}
/*S: 2023-10-10 추가*/
.od .accordion_item .ac_expected {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 10px;
}
.od .accordion_item .ac_expected .tit {
    font-size: 13px;
    color: #3D444F;
    line-height: 19px;
    padding-left: 10px;
}
.od .accordion_item .ac_expected .tit::before {
    content:'';
    position:absolute;
    top:6px;
    left: 0;
    border: solid #abb2be;
    border-width: 0 1px 1px 0;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    display: inline-block;
    padding: 2px;
}
.od .accordion_item .ac_expected .detail_val {
    font-size: 13px;
    text-align: right;
    background-image: linear-gradient(96deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}
.od .accordion_item .ac_expected .payment-expected__banner {
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top:16px;
    background: #fcf7ff;
    width:100%;
    height: 44px;
    border-radius: 4px;
}
.od .accordion_item .ac_expected .payment-expected__banner .banner-text {
    display:inline-flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    color: #a33ff2;
    font-size: 13px;
    line-height:19px;
    font-weight:700;
}
.od .accordion_item .ac_expected .payment-expected__banner .banner-text:before {
    content: "";
    background: url('../../images/API_M_KO/common/icon_expected.svg') no-repeat center center / 24px 24px;
    width: 24px;
    height: 24px;
    display: inlnie-block;
}
/*E: 2023-10-10 추가*/

.od .accordion_item .ac_body {
    display: none;
}
.od .accordion_item .ac_body .more {
    width: 100%;
    display: block;
    margin-top: 19px;
    padding-top: 12px;
    text-align: center;
    border-top: 1px solid #eef0f2;
}
.od .accordion_item .ac_body .more span {
    position: relative;
    color: #788497;
    font-size: 14px;
    font-weight: 600;
}
.od .accordion_item .ac_body .more span::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../images/API_M_KO/common/n/M_ico_more_arrow_down.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    position: absolute;
    right: -20px;
    bottom: -7px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.od .accordion_item .ac_body .more.close span::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.od .accordion_item .ac_body.is-active {
    display: block;
}
.od .accordion_item .ac_body.area_otp {
    background-color: #f5f7fa;
    padding: 20px 0;
    margin: -20px;
    margin-top: 20px;
}
.od .accordion_item .ac_body.area_otp div[class^=otp_] {
    margin: 0 20px;
    padding: 20px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    background-color: #fff;
}
.od .accordion_item .ac_body.area_otp div[class^=otp_] .title {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #3d444f;
    margin-bottom: 12px;
}
.od .accordion_item .ac_body.area_otp div[class^=otp_] .input_multi .conright.btn_white {
    min-width: 84px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
}
.od .accordion_item .ac_body.area_otp div[class^=otp_] + div[class^=otp_] {
    margin-top: 12px;
}
.od .accordion_item .ac_body.area_otp div[class^=otp_] .wrap-tooltip__tit {
    min-height: 30px;
}
.od .accordion_item .ac_body.area_otp div[class^=otp_] .wrap-tooltip__tit + .temp_opt {
    margin-top: 7px;
}
.od .accordion_item .ac_body.area_otp div[class^=otp_] .wrap-tooltip__tit.type-1 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    gap: 12px;
}
.od .accordion_item .ac_body.area_otp div[class^=otp_] .wrap-tooltip__tit.type-1 .title {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    word-break: keep-all;
}
.od .accordion_item .ac_body.area_otp div[class^=otp_] .wrap-tooltip__tit.type-1 .wrap-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
}
.od .accordion_item .ac_body.area_otp div[class^=otp_] .wrap-tooltip__tit.type-1 .induce_message {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    top: auto;
    -webkit-transform: translateY(0);
        transform: translateY(0);
    right: auto;
}
.od .accordion_item .ac_body.area_otp div[class^=otp_] .wrap-tooltip__tit.type-1 .induce_message .txt-info-1,
.od .accordion_item .ac_body.area_otp div[class^=otp_] .wrap-tooltip__tit.type-1 .induce_message button,
.od .accordion_item .ac_body.area_otp div[class^=otp_] .wrap-tooltip__tit.type-1 .induce_message a {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.od .accordion_item .ac_body.area_otp .otp_apply .title {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #3d444f;
    margin-bottom: 12px;
}
.od .accordion_item .ac_body.area_otp .otp_apply > li + li {
    margin-top: 20px;
}
.od .accordion_item .ac_body .order_list {
    padding: 0;
}
.od .accordion_item .ac_body .order_list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 19px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.od .accordion_item .ac_body .order_list > li + li {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eef0f2;
}
.od .accordion_item .ac_body .order_list > li:first-child {
    margin-top: 4px;
}
.od .accordion_item .ac_body .order_list > li .otp_apply.prod_coupon {
    width: 100%;
}
.od .accordion_item .ac_body .order_list.type-grid > li {
    display: grid;
    grid-template-columns: 1fr 96px;
    gap: 18px 20px;
}
.od .accordion_item .ac_body .order_list.type-grid > li .order_goods_img {
    grid-column: 2/3;
    grid-row: 1/2;
}
.od .accordion_item .ac_body .order_list.type-grid > li .order_goods_info {
    grid-column: 1/2;
    grid-row: 1/2;
}
.od .accordion_item .ac_body .order_list.type-grid > li .order_goods_info .product__info--tag {
    margin-bottom: 8px;
}/* 2024-05-14 첫구매딜 추가 */
.od .accordion_item .ac_body .order_list.type-grid > li .otp_apply.prod_coupon {
    grid-column: 1/3;
    grid-row: 2/3;
}
.od .accordion_item .ac_body .order_list.type-grid > li .odform.type-contain-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px;
    min-height: 30px;
}
.od .accordion_item .ac_body .order_list.type-grid > li .odform.type-contain-select + .type-contain-select {
    margin-top: 6px;
    padding-top: 0;
    border-top: none;
}
.od .accordion_item .ac_body .order_list.type-grid > li .odform.type-contain-select .wrap-tooltip__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.od .accordion_item .ac_body .order_list.type-grid > li .odform.type-contain-select .temp_opt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(68.4% - 17px);
}
.od .accordion_item .ac_body .order_list.type-grid > li .odform.type-contain-select .temp_opt select,
.od .accordion_item .ac_body .order_list.type-grid > li .odform.type-contain-select .temp_opt .wrap-select {
    width: 100%;
    height: 24px;
}
.od .accordion_item .ac_body .order_list.type-grid > li .odform.type-contain-select .temp_opt select {
    line-height: 24px;
}
.od .accordion_item .ac_body .order_list.type-grid > li .odform.type-contain-select .temp_opt .wrap-select.is-setted select {
    display: none;
}
.od .accordion_item .ac_body .order_list.type-grid > li .odform.type-contain-select .temp_opt .wrap-select .wrap-add-dropdown .fake-dropdown,
.od .accordion_item .ac_body .order_list.type-grid > li .odform.type-contain-select .temp_opt .wrap-select .wrap-add-dropdown .btn-dropdown {
    height: 24px;
    padding-left: 12px;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    font-size: 14px;
}
.od .accordion_item .ac_body .order_list.type-grid > li .odform.type-contain-select .temp_opt .wrap-select .wrap-add-dropdown[data-disabled=disabled] .btn-dropdown {
    background-color: #f9fafb;
    color: #abb2be;
}
.od .accordion_item .ac_body .order_list.type-grid > li .odform.type-contain-select .temp_opt .wrap-select .wrap-add-dropdown[data-disabled=disabled] .btn-dropdown::before {
    background-image: url(../../images/API_M_KO/common/n/M_arrow_down_disabled.svg);
}
.od .accordion_item .ac_body .order_goods_info .top div {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.od .accordion_item .ac_body .order_goods_info .top .add {
    font-size: 14px;
    font-weight: 700;
    padding: 0 1px 0 0;
    background: linear-gradient(110deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ea2829;
}
.od .accordion_item .ac_body .order_goods_info .top .order_tit {
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;/* 2024-05-14 첫구매딜 추가 */
}
.od .accordion_item .ac_body .order_goods_info .order_detail {
    margin-top: 4px;
    font-size: 14px;
    color: #3d444f;
    display: inline;
}
.od .accordion_item .ac_body .order_goods_info .order_amount {
    margin-top: 4px;
    font-size: 14px;
    color: #788497;
}
.od .accordion_item .ac_body .order_goods_info .discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 16px;
}
.od .accordion_item .ac_body .order_goods_info .discount span {
    font-size: 14px;
    font-weight: 700;
}
.od .accordion_item .ac_body .order_goods_info .discount del {
    color: #abb2be;
    font-size: 13px;
}
.od .accordion_item .ac_body .order_goods_info .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 2px;
}
.od .accordion_item .ac_body .order_goods_info .price span {
    font-size: 14px;
    color: #3d444f;
    line-height: 1.46;
    margin-bottom: 2px;
}
.od .accordion_item .ac_body .order_goods_info .price strong {
    color: #ea2829;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
.od .accordion_item .ac_body .order_goods_img {
    position: relative;
    width: 96px;
    /* padding: 10px; *//*2024-08-14 썸네일 이미지 확장*/
    overflow: hidden;/*2024-08-14 썸네일 이미지 확장*/
    background-color: #f5f7fa;
    border-radius: 8px;
}
.od .accordion_item .ac_body .order_goods_img > img {
    width: 100%;/*2024-08-14 썸네일 이미지 확장 76px*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 76px*/
    -o-object-fit: cover;
       object-fit: cover;
}
.od .accordion_item .ac_body .order_goods_img::before {
    display: block;
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 10px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 10px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}
.od .accordion_item .ac_body + .foldgroup {
    margin-top: 6px;
}
.od .accordion_item .ac_body.type-1 .request_name {
    font-weight: 600;
    font-size: 14px;
    color: #3d444f;
    letter-spacing: -0.7px;
}
.od .accordion_item .ac_body.type-1 .request_name + .temp_opt {
    margin-top: 12px;
}
.od .accordion_item .ac_body.type-1 .temp_opt input[type=text], .od .accordion_item .ac_body.type-1 .temp_opt input[type=password] {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    color: #1b1e23;
    line-height: 38px;
    border-radius: 4px !important;
    border: 1px solid #dde0e5;
}
.od .accordion_item .ac_body.type-1 .temp_opt + .request_name {
    margin-top: 20px;
}
.od .accordion_item.not_folded .ac_body {
    display: block;
}
.od .foldgroup {
    width: 100%;
    margin-top: 20px;
    margin-bottom: -4px;
}
.od .foldgroup ul li {
    position: relative;
    width: 100%;
    margin: 0;
    border: 0;
    border-top: 1px solid #dde0e5;
    border-bottom: 1px solid #dde0e5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.od .foldgroup ul li:first-child {
    border-top: 0px solid #fff;
}
.od .foldgroup ul li:last-child {
    border-bottom: 0px solid #fff;
}
.od .foldgroup ul li + li {
    margin: 0;
    border-top: 0 solid;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.od .foldgroup ul .fold_info .fold_head span {
    padding-left: 23px;
}
.od .foldgroup ul .fold_info .fold_head span::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_exclamation.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    position: absolute;
    top: 3px;
    left: 0;
}
.od .foldgroup .fold_head,
.od .foldgroup .fold_foot,
.od .foldgroup .fold_cont {
    width: 100%;
}
.od .foldgroup .fold_cont {
    display: none;
    padding: 20px 0 8px;
    position: relative;
    color: #000;
    font-weight: 200;
    font-size: 14px;
    line-height: 1.625;
}
.od .foldgroup .fold_cont ul li {
    border: 0;
    list-style: none;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.04em;
    text-align: left;
    color: #788497;
}
.od .foldgroup .fold_cont ul li::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    margin: 3px 2px 3px 0;
    background-color: #abb2be;
}
.od .foldgroup .fold_cont ul li + li {
    margin: 8px 0;
}
.od .foldgroup .fold_head {
    position: relative;
    width: 100%;
    border-bottom: 0;
}
.od .foldgroup .fold_head a {
    display: block;
    width: inherit;
    height: 100%;
    padding: 16px 0px 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.od .foldgroup .fold_head .fold_tit {
    position: relative;
}
.od .foldgroup .fold_head .fold_tit span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #3d444f;
    letter-spacing: -0.05em;
}
.od .foldgroup .fold_head::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    top: 20px;
    left: auto;
    right: 2px;
    background-image: url(../../images/API_M_KO/common/n/M_ico_fold_arrow.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in;
    transition: 0.25s ease-in;
}
.od .foldgroup .fold_head.on::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.od .foldgroup + .odform .form_cont {
    padding-top: 20px;
    border-top: 1px solid #dde0e5;
    margin-top: 16px;
    margin-right: -20px;
    margin-left: -20px;
    padding: 0 20px;
}
.od .foldgroup + .odform .form_cont .temp_chk:first-child {
    padding-top: 20px;
}
.od .od_state {
    padding: 12px;
    border-radius: 8px;
    background-color: #f9fafb;
}
.od .od_state ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
}
.od .od_state ul li {
    text-align: center;
    display: inline-block;
    width: 100%;
    min-height: 58px;
    color: #1b1e23;
    padding: 4px 0;
    border-right: 1px solid #eef0f2;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.od .od_state ul li:last-child {
    border-right: 0px;
}
.od .od_state span {
    width: 100%;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.9px;
    letter-spacing: -0.05em;
    text-align: center;
    color: #1b1e23;
}
.od .od_state p {
    padding-top: 4px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: -0.04em;
    text-align: center;
    color: #3d444f;
}
.od .order-history-info {
    font-size: 13px;
    text-align: right;
    color: #5c6677;
    margin-top: 16px;
    padding-bottom: 10px;
} /* 2023-10-10 추가*/
.od .radio_custom_group {
    margin: 20px 0 14px;
}
.od .radio_custom_group.n_bd .r_item label {
    border: solid 1px transparent;
}
.od .radio_custom_group.n_bd .r_item label.active {
    padding: 16px 16px;
}
.od .radio_custom_group.n_bd .r_item + .r_item {
    margin-top: 0;
}
.od .radio_custom_group.n_bd .r_item input:focus + label {
    border-color: #788497;
}
.od .radio_custom_group.n_bd.type-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}
.od .radio_custom_group.n_bd.type-1 .r_item label {
    border: 1px solid #dde0e5;
}
.od .radio_custom_group.n_bd.type-1 .r_item input:focus + label {
    border-color: #788497;
}
.od .radio_custom_group .r_item {
    position: relative;
}
.od .radio_custom_group .r_item input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    width: 20px;
    height: 40px;
    opacity: 0 !important;
}
.od .radio_custom_group .r_item input[type=radio]:checked + label {
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
    border: solid 1px #1b1e23;
    padding: 16px;
}
.od .radio_custom_group .r_item input[type=radio]:checked + label .r_body {
    display: block;
}
.od .radio_custom_group .r_item input[type=radio]:checked + label::before {
    background-color: #1b1e23;
    border-color: #1b1e23;
}
.od .radio_custom_group .r_item input[type=radio]:checked + label::after {
    content: "";
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.od .radio_custom_group .r_item input[type=radio]:checked + label .tit_box span {
    color: #1b1e23;
    font-weight: 600;
}
.od .radio_custom_group .r_item label {
    display: block;
    border: solid 1px #dde0e5;
    border-radius: 8px;
    padding: 16px;
}
.od .radio_custom_group .r_item label::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 18px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #dde0e5;
    border-radius: 50%;
    -webkit-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
    background-color: #fff;
}
.od .radio_custom_group .r_item label::after {
    position: absolute;
    left: 22px;
    top: 24px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.od .radio_custom_group .r_item + .r_item {
    margin-top: 20px;
}
.od .radio_custom_group .r_item .r_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.od .radio_custom_group .r_item .r_head .tit_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 8px;
    margin-right: 8px;
    margin-left: 26px;
}
.od .radio_custom_group .r_item .r_head .tit_box span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #788497;
}
.od .radio_custom_group .r_item .r_body {
    display: none;
    margin-top: 18px;
}
.od .radio_custom_group .r_item .request {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
}
.od .radio_custom_group .r_item .request .request_name {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #3d444f;
}
.od .radio_custom_group .r_item .request .request_val {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.05em;
    text-align: right;
    color: #1b1e23;
}
.od .radio_custom_group .r_item .request .request_val.amp {
    color: #ea2829;
}
.od .radio_custom_group .r_item .request + .temp_opt {
    margin-top: 20px;
}
.od .info_question {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    text-align: left;
    position: relative;
    top: 2px;
    font-weight: 400;
}
.od .info_question a {
    display: block;
    background: url(../../images/API_M_KO/common/n/M_info_question.svg) 0 0 no-repeat;
    width: 18px;
    height: 18px;
    background-size: contain;
    text-indent: -9999px;
}
.od .info_question .detail {
    display: none;
    position: absolute;
    border: solid 1px #1b1e23;
    background: #fff;
    border-radius: 10px;
    padding: 20px 30px 20px 18px;
    z-index: 1;
    line-height: 18px;
    font-size: 12px;
}
.od .info_tooltip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 25px;
    position: relative;
}
.od .info_tooltip.type-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.od .info_tooltip button:not(.btn_white),
.od .info_tooltip a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    position: relative;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #788497;
    text-decoration: underline;
    text-underline-position: under;
}
.od .info_tooltip button:not(.btn_white)::before,
.od .info_tooltip a::before {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_info_tooltip.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    content: "";
}
.od .info_tooltip button:not(.btn_white).disabled,
.od .info_tooltip a.disabled {
    text-decoration: none;
}
/* S : 2024-08-19 주문서 > H.POINT > 유의사항 아이콘 정렬 수정 */
.od .otp_apply .info_tooltip button:not(.btn_white),
.od .otp_apply .info_tooltip a {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
/* E : 2024-08-19 주문서 > H.POINT > 유의사항 아이콘 정렬 수정 */
.od .passport_info ul li {
    display: block;
    padding-bottom: 16px;
}
.od .passport_info ul li.col {
    display: inline-block;
    width: 49.5%;
    vertical-align: top;
}
.od .passport_info ul + ul {
    margin: 4px 0 -16px;
    border-top: 1px solid #eef0f2;
    padding-top: 20px;
}
.od .passport_info.type-flex ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px 9px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}
.od .passport_info.type-flex ul li {
    width: 100%;
    padding-bottom: 0;
}
.od .passport_info.type-flex ul li.col {
    display: block;
    width: calc((100% - 9px) / 2);
}
.od .passport_info.type-flex ul li.col:nth-child(even) {
    padding-left: 0;
}
.od .passport_info.type-flex ul li .form_cont {
    margin-top: 0;
}
.od .passport_info.type-flex ul li .hint_block {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 4px;
}
/* .od .passport_info.type-flex ul + .import {
    margin-top: 18px;
} */
.od .passport_info .val {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.8px;
    text-align: left;
    color: #1b1e23;
    margin-top: 4px;
}
.od .passport_info .import .val {
    padding-bottom: 8px;
    border-bottom: 1px solid #dde0e5;
}
.od .passport_info + .info_tooltip {
    margin-top: 20px;
}
.od .otp_apply .odform {
    margin-top: 2px;
}
.od .otp_apply .odform + .odform {
    margin-top: 12px;
}
.od .otp_apply > li {
    position: relative;
}
.od .otp_apply > li + li {
    margin-top: 20px;
}
.od .otp_apply.prod_coupon .col-3 {
    width: 22.6% !important;
    width: 31.6% !important;
}
.od .otp_apply.prod_coupon .col-3.info_question {
    position: absolute;
    top: 2px;
    right: 16px;
}
.od .otp_apply.prod_coupon .col-3 + .temp_opt {
    display: inline;
}
.od .otp_apply.prod_coupon .title {
    display: inline-block;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.044em;
    color: #3d444f;
}
.od .otp_apply.prod_coupon > li + li {
    margin-top: 20px;
}
.od .otp_apply.prod_coupon > li .temp_opt {
    display: table-cell;
}
.od .otp_apply.prod_coupon > li .temp_opt select {
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}
.od .otp_apply label {
    padding-right: 24px;
}
.od .otp_apply label:last-child {
    padding-right: 0;
}
.od .otp_apply .induce_message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    text-align: right;
}
.od .otp_apply .induce_message .txt-info-1,
.od .otp_apply .induce_message button,
.od .otp_apply .induce_message a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    color: #5c6677;
}
.od .otp_apply .induce_message .txt-info-1:not(.btn_white, .txt-info-1)::after,
.od .otp_apply .induce_message button:not(.btn_white, .txt-info-1)::after,
.od .otp_apply .induce_message a:not(.btn_white, .txt-info-1)::after {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../../images/API_M_KO/common/n/icon_arrow_4.svg) no-repeat;
    background-size: contain;
    content: "";
}
.od .otp_apply .induce_message .txt-info-1.linktxt,
.od .otp_apply .induce_message button.linktxt,
.od .otp_apply .induce_message a.linktxt {
    background-size: 12px 12px;
    background-image: url(../../images/API_M_KO/common/n/M_ico_arrow_linktext.svg);
    background-repeat: no-repeat;
    padding-right: 14px;
}
.od .otp_apply .induce_message .txt-info-1.disabled,
.od .otp_apply .induce_message button.disabled,
.od .otp_apply .induce_message a.disabled {
    padding-right: 0;
    background: none;
}
.od .otp_apply .induce_message .txt-info-1 + .btn_white,
.od .otp_apply .induce_message button + .btn_white,
.od .otp_apply .induce_message a + .btn_white {
    margin-left: 8px;
}
.od .otp_apply .induce_message .txt-info-1 em,
.od .otp_apply .induce_message button em,
.od .otp_apply .induce_message a em {
    font-weight: 700;
}
.od .otp_apply .induce_message .txt-info-1::after {
    display: none;
}
.od .otp_apply .induce_message .txt-info-1 + .btn_white {
    margin-left: 8px;
}
.od .otp_apply .induce_message button:not(.btn_white):disabled {
    padding-right: 0;
    background: none;
}
.od .otp_apply .induce_message button.btn_white:disabled {
    background-color: #f9fafb;
}
.od .otp_apply .induce_message button.btn_white:disabled span {
    color: #abb2be;
}
.od .otp_apply input[type=text] {
    border-radius: 4px !important;
    border: 1px solid #dde0e5;
    padding-left: 12px;
}
.od .otp_apply input[type=text]:disabled {
    background-color: #f9fafb;
}
.od .otp_freegift {
    margin-top: 20px;
    padding-top: 32px;
    border-top: 1px dashed #dde0e5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.od .otp_freegift .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #1b1e23;
}
.od .otp_freegift .title.type-1 {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.9px;
}
.od .otp_freegift .wrap-order-list.type-1 {
    margin-top: 16px;
    padding-top: 0;
}
.od .otp_freegift .wrap-order-list.type-1[data-status=unfold] + .more span::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.od .otp_freegift .fgift_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
    width: 100%;
    margin-top: 16px;
}
.od .otp_freegift .fgift_list.order_list.type-1 {
    margin-top: 0;
    padding-top: 0;
}
.od .otp_freegift .fgift_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 16px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(50% - 16px);
            flex: 1 0 calc(50% - 16px);
}
.od .otp_freegift .fgift_list li i.icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background-color: #f5f7fa;
    border-radius: 100%;
    overflow: hidden;
    width: 54px;
    height: 54px;
}
.od .otp_freegift .fgift_list li i.icon img {
    max-width: 100%;
}
.od .otp_freegift .fgift_list .fgift_txt p {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #1b1e23;
}
.od .otp_freegift .fgift_list .fgift_txt span {
    display: inline-block;
    margin-top: 2px;
    font-size: 13px;
    color: #5c6677;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.od .otp_freegift .fgift_list.type-gift > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.od .otp_freegift .fgift_list.type-gift > li .t_round_bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: hidden;
    width: 54px;
    height: 54px;
    background-color: #f5f7fa;
    border-radius: 100%;
}
.od .otp_freegift .fgift_list.type-gift > li .t_round_bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.od .otp_freegift .fgift_list.type-gift + .list-info {
    margin-top: 20px;
}
#koreanAirSkyPassLayerPopup {
    padding-bottom: 100px;
}/*2024-03-04 스카이패스 적립 수정 */
.od .box_mileage .txt_14_gray {
    margin-top: 8px;
    text-align: center;
}
.od .box_mileage button {
    width: 100%;
    display: block;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #1b1e23;
}
.od .box_mileage .mil_icon {
    display: block;
    text-align: center;
    margin: 8px 0 16px;
}
.od .box_mileage .mil_icon img {
    max-width: 160px;
    width: 100%;
    height: auto;
}
.od .box_mileage.complete {
    margin: 32px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 0 20px;
    flex-wrap: wrap;/*2024-03-04 스카이패스 적립 수정 */
}
.od .box_mileage.complete > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62%;
            flex: 0 0 62%;
    text-align: center;
}
.od .box_mileage.complete .mil_icon {
    display: inline-block;
    margin-right: 8px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
}
.od .box_mileage.complete .mil_icon img {
    width: 24px;
    height: 24px;
}
.od .box_mileage.complete .mil_num {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #1b1e23;
    vertical-align: middle;
}
.od .box_mileage.complete .mil_txt {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.044em;
    padding-right: 24px;
    text-align: right;
    color: #788497;
    position: relative;
}
.od .box_mileage.complete .mil_txt::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    background-image: url(../../images/API_M_KO/common/n/M_mileage_complete.svg);
    background-repeat: no-repeat;
}
.od .box_mileage.complete .list-order__btn {
    width: 100%;
    display: flex;
    gap: 5px;
}/*2024-03-04 스카이패스 적립 추가 */
.od .box_mileage.type-1 {
    margin: 20px 0 12px;
}
.od .box_mileage.type-1 .btn_white {
    width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto;
}
.od .box_notice {
    padding: 0 0 0 28px;
    color: #1b1e23;
}
.od .box_notice .noti_tit {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.46;
}
.od .box_notice .noti_txt {
    font-size: 13px;
    font-weight: 400;
}
.od .box_notice .noti_sub {
    display: inline-block;
    margin-top: 12px;
    font-size: 13px;
    color: #5c6677;
}
.od .box_notice .noti_p {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.05em;
    text-align: left;
    color: #788497;
}
.od .box_notice .noti_p + .noti_p {
    margin-top: 8px;
}
.od .box_notice .noti_p::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    margin: 3px 2px 3px 0;
    background-color: #abb2be;
}
.od .box_notice::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    background-image: url(../../images/API_M_KO/common/n/M_ico_noti.svg);
    background-repeat: no-repeat;
}
.od .box_notice.no_ico {
    padding-left: 0px;
}
.od .box_notice.no_ico::before {
    display: none;
}
.od .payment_tab .tab_list {
    margin: 0;
    padding: 2px;
    background-color: #f4f5f6;
    border-radius: 4px;
}
.od .payment_tab .tab_list li {
    position: relative;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    background: transparent;
    padding: 0px;
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    -ms-flex-positive: 1;
        flex-grow: 1;
}
.od .payment_tab .tab_list li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    color: #788497;
    line-height: 1.2;
    letter-spacing: -0.05em;
}
.od .payment_tab .tab_list li .item_preferential {
    display: block;
    width: auto;
    height: 20px;
    padding: 1px 6px 2px 6px;
    color: #fff;
    line-height: 20px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: -0.045em;
    border-radius: 4px;
    background-color: #ea2869;
    position: absolute;
    top: -14px;
    left: 8px;
}
.od .payment_tab .tab_list li.is-active {
    background: #fff;
    border-radius: 4px;
}
.od .payment_tab .tab_list li.is-active button {
    color: #1b1e23;
    font-weight: 700;
    letter-spacing: -0.05em;
}
.od .payment_tab .tab_cont {
    margin-top: 20px;
}
.od .payment_tab .tab_cont.paylist {
    margin-bottom: 0;
}
.od .payment_tab .tab_cont .box_notice {
    padding: 12px 16px 0;
}
.od .payment_tab .tab_cont .radio_group {
    margin-top: 0;
}
.od .payment_tab .temp_opt + .temp_opt {
    margin: 12px 0;
}
.od .payment_tab .temp_opt input[type=text] {
    display: inline-block;
    width: 100%;
    height: 40px;
    color: #1b1e23;
    line-height: 38px;
    border-radius: 4px !important;
    border: 1px solid #dde0e5;
    padding: 0 12px;
}
.od .payment_tab .highlight {
    padding: 13px 16px 0;
}
.od .payment_tab .highlight li::before {
    content: "혜택";
    display: inline-block;
    margin-right: 4px;
    padding: 2px 6px;
    color: #5c6677;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: -0.046em;
    border-radius: 4px;
    border: solid 1px #ccd1d8;
    background-color: #fff;
}
.od .payment_tab .highlight li + li {
    margin-top: 9px;
}
.od .payment_tab .pay_btngroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px 9px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.od .payment_tab .pay_btngroup [class^=btnpay_] {
    padding: 0 10px;
    border-radius: 8px;
    border: solid 1px #dde0e5;
    background-color: #fff;
    min-width: 163px;
    height: 56px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(50% - 9px);
            flex: 1 0 calc(50% - 9px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 20px;
}
.od .payment_tab .pay_btngroup [class^=btnpay_] p {
    width: 36px;
    height: 36px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.od .payment_tab .pay_btngroup [class^=btnpay_] p:empty {
    background: #fff;
}
.od .payment_tab .pay_btngroup [class^=btnpay_] p img {
    width: 100%;
    display: inline-block;
}
.od .payment_tab .pay_btngroup [class^=btnpay_] span {
    margin: 8px 0 8px 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.044em;
    text-align: center;
    color: #788497;
}
.od .payment_tab .pay_btngroup [class^=btnpay_].active {
    border-color: #1b1e23;
}
.od .payment_tab .pay_btngroup [class^=btnpay_].active > span {
    color: #1b1e23;
    font-weight: 700;
}
.od .payment_tab .list-payment-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px 9px;
}
.od .payment_tab .list-payment-card > li {
    position: relative;
    width: calc((100% - 9px) / 2);
}
.od .payment_tab .list-payment-card > li label input[type=radio] {
    display: none;
}
.od .payment_tab .list-payment-card > li label input[type=radio] + .txt-label {
    display: grid;
    grid-template-columns: 36px 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 56px;
    position: relative;
    padding: 10px;
    border: 1px solid #dde0e5;
    border-radius: 8px;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #788497;
    text-align: center;
}
.od .payment_tab .list-payment-card > li label input[type=radio] + .txt-label::before {
    display: block;
    overflow: hidden;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
}
.od .payment_tab .list-payment-card > li label input[type=radio]:checked + .txt-label {
    border-color: #1b1e23;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
    font-weight: 700;
    color: #1b1e23;
}
.od .payment_tab .list-payment-card > li.btnpay_1 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/btnpay_1.png);
}
.od .payment_tab .list-payment-card > li.btnpay_106 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/btnpay_2.png);
}
.od .payment_tab .list-payment-card > li.btnpay_205 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/btnpay_3.png);
}
.od .payment_tab .list-payment-card > li.btnpay_201 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/btnpay_4.png);
}
.od .payment_tab .list-payment-card > li.btnpay_107 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/img_smilepay.png);
}
.od .payment_tab .list-payment-card > li.btnpay_202 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/img_wechatpay.png);
}
.od .payment_tab .list-payment-card > li.btnpay_108 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/img_npay.png);
}
.od .payment_tab .list-payment-card > li.btnpay_204 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/img_paypal.png);
}
.od .payment_tab .list-payment-card > li.btnpay_109 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/img_payco.png);
}
.od .payment_tab .list-payment-card > li.btnpay_112 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/img_tos.png);
}
.od .payment_tab .list-payment-card > li .tag-easypament {
    display: block;
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 6px;
    border-radius: 4px;
    background-color: #ea2869;
    font-size: 11px;
    /* font-weight: 600; */ /*2023-10-10 수정*/
    color: #fff;
    letter-spacing: -0.55px;
    line-height: 20px;
    white-space: nowrap;
}
.od .payment_tab .list-payment-card > li .tag-easypament.color-purple {
    background-color: #a33ff2;
}/*2023-10-10 추가*/
.od .payment_tab .list-payment-card + .box_notice {
    margin-left: 16px;
    margin-right: 16px;
}
.od .billchk ~ .bill input {
    background-color: #f5f7fa;
    pointer-events: none;
}
.od .billchk:checked ~ .bill input {
    background-color: #fff;
}
.od .bill {
    margin-top: 12px;
}
.od .bill .title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.044em;
    text-align: left;
}
.od .bill .billform {
    margin-bottom: 12px;
}
.od .bill .billform .temp_opt {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
}
.od .bill .billform .temp_opt input[type=text] {
    display: inline-block;
    width: 100%;
    height: 40px;
    color: #1b1e23;
    padding: 2px;
    line-height: 38px;
    border-radius: 4px !important;
    border: 1px solid #dde0e5;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.od .bill .note p {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.05em;
    text-align: left;
    color: #5c6677;
}
.od .payment_final_detail {
    margin: 22px -20px 0;
    padding: 22px 20px 34px;
    background-color: #f9fafb;
}
.od .payment_final_detail li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.od .payment_final_detail li + li {
    padding-top: 20px;
}
.od .payment_final_detail .detail_tit {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.044em;
    text-align: left;
    color: #3d444f;
}
.od .payment_final_detail .detail_val {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.075em;
    text-align: right;
    color: #1b1e23;
}
.od .payment_final_detail .detail_val span {
    margin-left: 4px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.05em;
    text-align: right;
    color: #3d444f;
    font-weight: normal;
}
.od .payment_final_detail .reward .detail_val {
    color: #5a3ff2;
}
.od .payment_final_detail .discount .detail_val {
    color: #ea2829;
}
.od .payment_final_detail .detail_discount {
    padding: 14px 0 0;
    width: 100%;
}
.od .payment_final_detail .detail_discount.accordion__cont {
    display: none;
}
.od .payment_final_detail .detail_discount.accordion__cont.is-active {
    display: block;
}
.od .payment_final_detail .detail_discount li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
}
.od .payment_final_detail .detail_discount li + li {
    margin-top: 8px;
}
.od .payment_final_detail .detail_discount .discount_name {
    font-size: 12px;
    color: #5c6677;
    letter-spacing: -0.6px;
}
.od .payment_final_detail .detail_discount .discount_name::before {
    content: "└";
    display: inline-block;
    font-size: 10px;
    width: 4px;
    height: 4px;
    color: #abb2be;
    margin-right: 10px;
}
.od .payment_final_detail .detail_discount .discount_price {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.05em;
    text-align: right;
    color: #3d444f;
}
.od .payment_final_detail .folding .detail_tit {
    position: relative;
}
.od .payment_final_detail .folding .detail_tit::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_ico_fold_arrow_payment.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    position: absolute;
    right: -19px;
    bottom: -6px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.od .payment_final_detail .folding .detail_tit.type-btn::after {
    display: none;
}
.od .payment_final_detail .folding .detail_tit.type-btn button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #3d444f;
    letter-spacing: -0.7px;
}
.od .payment_final_detail .folding .detail_tit.type-btn button::after {
    display: block;
    width: 16px;
    height: 16px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: url(../../images/API_M_KO/common/n/M_ico_fold_arrow_payment.svg) no-repeat;
    background-size: cover;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    content: "";
}
.od .payment_final_detail .folding .detail_tit.type-btn button[aria-expanded=true]::after {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
.od .payment_final_detail .folding .detail_discount {
    display: none;
}
.od .payment_final_detail .folding.on .detail_tit::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.od .payment_final_detail .folding.on .detail_discount {
    display: block;
}
.od .od_calc_wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    z-index: 1001;
    font-size: 0;
    width: 100%;
    background: #1b1e23;
}
.od .od_calc_wrap button {
    width: 100%;
    height: 56px;
}
.od .od_calc_wrap .btn_w {
    background: #fff;
    color: #1b1e23;
}
.od .od_calc_wrap .btn_b {
    background: #1b1e23;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.7px;
    color: #fff;
}
.od .passport_list .passport_list_btn {
    position: relative;
    padding: 18px 20px 17px;
    color: #1b1e23;
    font-size: 14px;
    font-weight: 700;
}
.od .passport_list .passport_list_btn::after {
    position: absolute;
    right: 20px;
    top: 18px;
    display: block;
    content: "";
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/common/m_ic_arrow_black.png) left top no-repeat;
    background-size: 18px 18px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.25s ease-in;
    transition: 0.25s ease-in;
}
.od .passport_list.active::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.od .passport_list .passport_list_con {
    display: none;
}
.od .passport_guide,
.od .fom_list {
    padding: 2px 20px;
}
.od .passport_guide {
    padding-bottom: 18px;
}
.od .passport_guide .point_txt {
    font-size: 16px;
    font-weight: 700;
    color: #1b1e23;
}
.od .passport_guide + .basic_txt {
    margin-top: 8px;
    color: #1b1e23;
}
.od .passport_img img {
    width: 100%;
}
.od .pro_option_list .box .num_amount {
    float: left;
    margin-top: 12px;
    margin-top: 0;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label {
    padding-top: 24px;
    padding-bottom: 24px;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .highlight,
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .box_notice, .od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label::before {
    display: none;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label::after {
    display: block;
    position: absolute;
    top: 50%;
    left: auto;
    right: 20px;
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(-50%) scale(1) rotate(-90deg);
            transform: translateY(-50%) scale(1) rotate(-90deg);
    border-radius: 0;
    background: url(../../images/API_M_KO/common/n/icon_arrow_3.svg) no-repeat;
    background-size: contain;
    content: "";
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .r_head .tit_box {
    margin-left: 0;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .r_head .tit-box__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 15px;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .r_head .tit-box__tit::before {
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .r_head .tit-box__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 20px;
    padding: 0 6px;
    border-radius: 4px;
    background-color: #ea2869;
    font-weight: 400;
    font-size: 11px;
    color: #fff;
    letter-spacing: -0.55px;
    font-weight: 600;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .r_head + .r-body {
    margin-top: 22px;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .payment-method__info {
    padding: 16px;
    border-radius: 8px;
    background-color: #f5f7fa;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .payment-method__info + .temp_opt {
    margin-top: 12px;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .payment-method__info + .temp_opt + .info_tooltip {
    margin-top: 12px;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .payment-method__info + .temp_opt + .info_tooltip + .btn-change-payment {
    margin-top: 20px;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .payment-method__info + .btn-change-payment {
    margin-top: 20px;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .payment-method__info-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.7px;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .payment-method__info-tit::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_check_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .payment-method__info-tit + .payment-method__info-detail {
    margin-top: 12px;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .payment-method__info-detail {
    font-weight: 600;
    color: #5c6677;
    letter-spacing: -0.7px;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .btn-change-payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .btn-change-payment a {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #5c6677;
    letter-spacing: -0.65px;
    font-weight: 600;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .btn-change-payment a::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_plus_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .wrap-label-content + .highlight {
    margin-top: 16px;
    padding-top: 0;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .wrap-label-content + .box_notice, .od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .wrap-label-content + .highlight {
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .wrap-label-content + .box_notice + .box_notice, .od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .wrap-label-content + .box_notice + .highlight, .od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .wrap-label-content + .highlight + .box_notice, .od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .wrap-label-content + .highlight + .highlight {
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .swiper-payment .payment-method__info .payment-method__info-tit::before {
    display: none;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .swiper-payment .swiper-slide-active .payment-method__info {
    background-color: #1b1e23;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .swiper-payment .swiper-slide-active .payment-method__info .payment-method__info-tit {
    color: #fff;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .swiper-payment .swiper-slide-active .payment-method__info .payment-method__info-tit::before {
    display: block;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .swiper-payment .swiper-slide-active .payment-method__info .payment-method__info-detail {
    color: #abb2be;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .swiper-payment .swiper-pagination {
    bottom: auto;
    margin-top: 12px;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .swiper-payment + .btn-change-payment {
    margin-top: 20px;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .swiper-payment + .info_tooltip {
    margin-top: 12px;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio] + label .swiper-payment + .info_tooltip + .btn-change-payment {
    margin-top: 20px;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio]:checked + label {
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio]:checked + label .highlight,
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio]:checked + label .box_notice {
    display: block;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio]:checked + label::after {
    display: none;
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item > input[type=radio]:checked + label .wrap-label-content {
    padding: 16px;
    border: solid 1px #1b1e23;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item.type-card input[type=radio] + label .r_head .tit_box .tit-box__tit::before {
    background-image: url(../../images/API_M_KO/common/n/icon_payment_method_card.svg);
}
.od .wrap-payment-method .radio_custom_group.type-1 .r_item.type-account input[type=radio] + label .r_head .tit_box .tit-box__tit::before {
    background-image: url(../../images/API_M_KO/common/n/icon_payment_method_account.svg);
}
.od .wrap-payment-method .radio_custom_group .box_notice,
.od .wrap-payment-method .radio_custom_group .highlight {
    margin-left: 16px;
    margin-right: 16px;
}
.od .wrap-payment-method .radio_custom_group + .odform.type-1 {
    margin-top: 40px;
}
.od .wrap-payment-method .payment_tab .box_notice,
.od .wrap-payment-method .payment_tab .highlight {
    margin-top: 20px;
    padding: 0;
}
.od .wrap-payment-method .payment_tab .box_notice + .odform.type-1,
.od .wrap-payment-method .payment_tab .highlight + .odform.type-1 {
    margin-top: 40px;
}
.od .wrap-payment-method .payment_tab .box_notice + .box_notice,
.od .wrap-payment-method .payment_tab .highlight + .box_notice {
    margin-top: 13px;
}
.od .wrap-payment-method .payment_tab .box_notice + .box_notice + .odform.type-1,
.od .wrap-payment-method .payment_tab .highlight + .box_notice + .odform.type-1 {
    margin-top: 40px;
}
.od .wrap-payment-method .payment_tab .highlight li {
    font-weight: 600;
    color: #5c6677;
    letter-spacing: -0.6px;
}
.od .wrap-payment-method .payment_tab .box_notice .noti_p {
    position: relative;
    padding-left: 6px;
}
.od .wrap-payment-method .payment_tab .box_notice .noti_p::before {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
}
.od .wrap-payment-method .payment_tab .box_notice .notice_tit {
    position: relative;
    margin-bottom: 0;
    padding-left: 24px;
    border-bottom: none;
    font-size: 14px;
    font-weight: 600;
    color: #1b1e23;
}/*2023-12-25 유의사항 수정*/
.od .wrap-payment-method .payment_tab .box_notice .notice_tit:before {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    background-image: url(../../images/API_M_KO/common/n/M_exclamation.svg);
}/*2023-12-25 유의사항 수정*/

/* S: 2023-09-19 신용카드 개선 추가*/
.od .payment_tab .list-credit-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px 9px;
}
.od .payment_tab .list-credit-card > li {
    position: relative;
    width: calc((100% - 18px) / 3);
}
.od .payment_tab .list-credit-card > li label input[type=radio] {
    display: none;
}
.od .payment_tab .list-credit-card > li label input[type=radio] + .txt-label {
    position: relative;
    border: 1px solid #dde0e5;
    border-radius: 8px;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #788497;
    text-align: center;
    display: block;
    padding: 24px 10px 20px;
    height:100%;
    line-height:1.2;
}
.od .payment_tab .list-credit-card > li label input[type=radio] + .txt-label::before {
    display: block;
    overflow: hidden;
    width: 80px;
    height: 38px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: auto 36px;
    background-position: center center;
    content: "";
    margin: 0 auto 4px;
}
.od .payment_tab .list-credit-card > li label input[type=radio]:checked + .txt-label {
    border-color: #1b1e23;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
    font-weight: 700;
    color: #1b1e23;
}
.od .payment_tab .list-credit-card > li label input[type=radio]:checked + .txt-label {
    border-color: #1b1e23;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
    font-weight: 700;
    color: #1b1e23;
}
.od .payment_tab .list-credit-card > li.card-064 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/card_hyundai.png);
}
.od .payment_tab .list-credit-card > li.card-0311 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/card_hana.png);
}
.od .payment_tab .list-credit-card > li.card-020204 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/card_kb.png);
}
.od .payment_tab .list-credit-card > li.card-215 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/card_lotte.png);
}
.od .payment_tab .list-credit-card > li.card-0814 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/card_nh.png);
}
.od .payment_tab .list-credit-card > li.card-052 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/card_samsung.png);
}
.od .payment_tab .list-credit-card > li.card-046 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/card_shinhan.png);
}
.od .payment_tab .list-credit-card > li.card-010100 label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/card_bc.png);
}
.od .payment_tab .list-credit-card > li.card- label input[type=radio] + .txt-label::before {
    background-image: url(../../images/API_M_KO/common/n/card_overseas.png);
}
.od .payment_tab .list-credit-card > li .tag-credit {
    display: block;
    position: absolute;
    top: -6px;
    left: 10px;
    padding: 0 6px;
    border-radius: 4px;
    background-color: #ea2869;
    font-size: 11px;
    font-weight:400;
    color: #fff;
    letter-spacing: -0.55px;
    line-height: 20px;
    white-space: nowrap;
}
/* E: 2023-09-19 신용카드 개선 추가*/

.btn-square.type-line-1 {
    border: 1px solid #ccd1d8;
    font-size: 14px;
    font-weight: 600;
    color: #3d444f;
}
.btn-square.type-line-2 {
    border: 1px solid #1b1e23;
    color: #1b1e23;
}
.btn-square.type-line-3 {
    border: 1px solid #ccd1d8;
    color: #3d444f;
    font-weight: 600;
    font-size: 14px;
}
.btn-square.type-line-4 {
    border: 1px solid #abb2be;
    color: #1b1e23;
}/*2024-07-11 회원가입 개선*/

.wrap-accordion .accordion__tit {
    position: relative;
    padding-right: 24px;
}
.wrap-accordion .accordion__tit button {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-indent: -9999px;
    font-size: 0;
}
.wrap-accordion .accordion__tit button::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_ico_accordion_arrow.svg) no-repeat;
    content: "";
}
.wrap-accordion .accordion__tit button[aria-expanded=true]::after {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
}
.wrap-accordion .accordion__tit + .accordion__cont {
    padding-top: 20px;
}
.wrap-accordion .accordion__cont[role=region] {
    display: none;
    color: #788497;
    line-height: 1.75;
}
.wrap-accordion .accordion__cont[role=region] .payment_tab + .odform.type-1 {
    margin-top: 40px;
}
.wrap-accordion .accordion__cont[role=region].is-active {
    display: block;
}
.wrap-accordion.area-attention .accordion__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #3d444f;
    letter-spacing: -0.7px;
}
.wrap-accordion.area-attention .accordion__tit::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/common/n/M_exclamation.svg) no-repeat;
    background-size: contain;
    content: "";
}

.area-attention.type-2, .area-attention.type-3 {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 0;
}
.area-attention.type-2.type-line, .area-attention.type-3.type-line {
    border-top: 1px solid #dde0e5;
}
.area-attention.type-2.type-line .attention__tit, .area-attention.type-3.type-line .attention__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    height: 52px;
    font-size: 14px;
    color: #3d444f;
    letter-spacing: -0.32px;
}
.area-attention.type-2.type-line .attention__tit::before, .area-attention.type-3.type-line .attention__tit::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_exclamation.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-attention.type-2.type-line .attention__tit + .accordion__cont, .area-attention.type-3.type-line .attention__tit + .accordion__cont {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 32px;
}
.area-attention.type-3 {
    margin-top: 28px;
}

.pn-cont .odform + .area-attention {
    margin-top: 36px;
}
.pn-cont .area-attention.type-2 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.wrap-tooltip__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    position: relative;
}
.wrap-tooltip__tit .title {
    margin-bottom: 0 !important;
}
.wrap-tooltip__tit + .odform {
    margin-top: 12px !important;
}

.list-column > li + li {
    margin-top: 20px;
}

.wrap-tooltip.type-1 .btn-tooltip::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_info_question.svg) 0 0 no-repeat;
    background-size: contain;
    content: "";
}

.list-info + .info_tooltip {
    margin-top: 8px;
}

.discount-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
}

.discount-content + .discount-content,
.discount-content__head + .discount-content {
    margin-top: 12px;
}

.discount-content {
    gap: 8px;
}
.discount-content .wrap-form__input {
    width: calc(100% - 92px);
}
.discount-content .wrap-form__input input {
    width: 100%;
}
.discount-content .btn-square {
    width: 84px;
    padding: 0;
}

.discount-content__tit {
    font-size: 14px;
    color: #3d444f;
    letter-spacing: -0.35px;
    line-height: 1.42;
}

.wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]) {
    height: 40px;
    border: 1px solid #dde0e5;
    border-radius: 4px !important;
}
.wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]):disabled {
    background-color: #f9fafb !important;
}
.wrap-form__input.type-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.wrap-form__input.type-inline.size-4 {
    border-bottom: 2px solid #dde0e5;
}
.wrap-form__input.type-inline.size-4 input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]) {
    width: calc((100% - 18px) / 4);
    border-bottom: none;
}
.wrap-form__input.type-inline.size-4 input + input::before {
    display: block;
    content: "-";
}
.wrap-form__input.type-inline .txt-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 6px;
    font-size: 16px;
    font-weight: 600;
    color: #dde0e5;
    text-align: center;
}

.wrap-calendar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.wrap-calendar.is-active .wrap-calendar__inner {
    bottom: 0;
}
.wrap-calendar .wrap-calendar__inner {
    overflow: hidden;
    position: fixed;
    bottom: -100vh;
    z-index: 1100;
    left: 0;
    width: 100%;
    height: 470px;
    padding: 0 20px 70px;
    -webkit-box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.06);
    border-radius: 16px 16px 0 0;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.wrap-calendar .wrap-calendar__inner .btn-close-layer + .tit-calendar {
    margin-top: 12px;
}
.wrap-calendar .wrap-calendar__inner .tit-calendar {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.1px;
    color: #1b1e23;
}
.wrap-calendar .wrap-calendar__inner .tit-calendar + .area-calendar {
    margin-top: 20px;
}
.wrap-calendar .wrap-calendar__inner .area-calendar {
    overflow: hidden;
    width: 100%;
    text-align: center;
}
.wrap-calendar .wrap-calendar__inner .area-calendar + .btn-square {
    margin-top: 30px;
}
/* [S] 2024-08-01 캘린더 드롭다운 화살표 추가 */
.wrap-calendar .wrap-calendar__inner .area-year-month {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0;
    text-align: center;
    padding: 0 10px;
}
.wrap-calendar .wrap-calendar__inner .area-year-month .wrap-year-month {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.45px;
}
.wrap-calendar .wrap-calendar__inner .area-year-month .wrap-year-month .txt-year {
    margin: 0 16px 0 0;
}
.wrap-calendar .wrap-calendar__inner .area-year-month .wrap-year-month .txt-year > button,
.wrap-calendar .wrap-calendar__inner .area-year-month .wrap-year-month .txt-month > button {
    font-size: 18px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.45px;
    position: relative;
    padding: 0 20px 0 0;
}
.wrap-calendar .wrap-calendar__inner .area-year-month .wrap-year-month .txt-year > button:after,
.wrap-calendar .wrap-calendar__inner .area-year-month .wrap-year-month .txt-month > button:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_ico_accordion_arrow.svg) no-repeat;
    content: "";
}
.wrap-calendar .wrap-calendar__inner .area-year-month .wrap-year-month .txt-year > button.is-choice:after,
.wrap-calendar .wrap-calendar__inner .area-year-month .wrap-year-month .txt-month > button.is-choice:after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}
/* // [E] 2024-08-01 캘린더 드롭다운 화살표 추가 */
.wrap-calendar .wrap-calendar__inner .area-year-month .wrap-year-month .remove-dim {
    position: fixed;
    z-index: 90;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wrap-calendar .wrap-calendar__inner .area-year-month .btn-next button,
.wrap-calendar .wrap-calendar__inner .area-year-month .btn-prev button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 28px;
    height: 0;
    padding-top: 26px;
    border: 1px solid #dde0e5;
    border-radius: 8px;
    text-indent: -9999px;
    font-size: 0;
}
.wrap-calendar .wrap-calendar__inner .area-year-month .btn-next button::before,
.wrap-calendar .wrap-calendar__inner .area-year-month .btn-prev button::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/common/n/icon_arrow_7.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-calendar .wrap-calendar__inner .area-year-month .btn-prev button::before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
}
.wrap-calendar .wrap-calendar__inner .area-year-month + .wrap-calendar-day {
    margin-top: 24px;
}
.wrap-calendar .wrap-calendar__inner .area-year-month .list-dropdown {
    overflow-y: auto;
    max-height: 176px;
    margin: 12px 0;
    padding: 0;
}
.wrap-calendar .wrap-calendar__inner .area-year-month .list-dropdown > li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 40px;
    width: 100%;
    padding-left: 16px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 14px;
    letter-spacing: -0.33px;
    line-height: 1.5;
    color: #5c6677;
    text-align: left;
}
.wrap-calendar .wrap-calendar__inner .area-year-month .list-dropdown > li button:hover {
    background-color: #f5f7fa;
    color: #1b1e23;
    font-weight: 700;
}
.wrap-calendar .wrap-calendar__inner .area-year-month .list-dropdown > li button[data-disabled] {
    color: #abb2be;
    pointer-events: none;
}
.wrap-calendar .wrap-calendar__inner .area-year-month .list-dropdown > li.is-selected button {
    background-color: #f5f7fa;
    color: #1b1e23;
}
.wrap-calendar .wrap-calendar__inner .area-year-month .list-dropdown::-webkit-scrollbar {
    width: 4px;
}
.wrap-calendar .wrap-calendar__inner .area-year-month .list-dropdown::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.wrap-calendar .wrap-calendar__inner .area-year-month .list-dropdown::-webkit-scrollbar-track {
    background-color: #fff;
}
.wrap-calendar .wrap-calendar__inner .wrap-week {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.wrap-calendar .wrap-calendar__inner .wrap-week > * {
    width: 14.2857142857%;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #5c6677;
}
.wrap-calendar .wrap-calendar__inner .wrap-week + .wrap-day {
    margin-top: 10px;
}
.wrap-calendar .wrap-calendar__inner .wrap-day {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px 0;
}
.wrap-calendar .wrap-calendar__inner .wrap-day > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 32px;
    font-size: 14px;
    letter-spacing: -0.7px;
    text-align: center;
}
.wrap-calendar .wrap-calendar__inner .wrap-day button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 32px;
    background-color: transparent;
    font-size: 14px;
    color: #5c6677;
}
.wrap-calendar .wrap-calendar__inner .wrap-day .day-saturday button {
    color: #5a3ff2;
}
.wrap-calendar .wrap-calendar__inner .wrap-day .day-sunday button {
    color: #f4511e;
}
.wrap-calendar .wrap-calendar__inner .wrap-day .day-today button {
    border: 1px solid #1b1e23;
    font-weight: 700;
}
.wrap-calendar .wrap-calendar__inner .wrap-day .day-pass {
    color: #abb2be;
}
.wrap-calendar .wrap-calendar__inner .wrap-day .is-selected-end button,
.wrap-calendar .wrap-calendar__inner .wrap-day .is-selected button {
    background-color: #1b1e23;
    color: #fff;
}
.wrap-calendar .wrap-calendar__inner .btn-square.type-full {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px);
}

.btn-close-layer.type-bar button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 24px;
    text-indent: -9999px;
    font-size: 0;
}
.btn-close-layer.type-bar button::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 40px;
    height: 3px;
    background-color: #ebebeb;
    background-image: none;
    content: "";
}

.wrap-order-list {
    overflow: hidden;
    max-height: 140px;
}
.wrap-order-list [role=region] {
    display: block;
}

.wrap-order-info.type-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.wrap-order-info.type-line {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #dde0e5;
}
.wrap-order-info .order-info__txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    font-size: 12px;
    color: #5c6677;
    letter-spacing: -0.6px;
}
.wrap-order-info .order-info__txt span {
    font-weight: 600;
}
.wrap-order-info .order-info__result {
    font-weight: 700;
    font-size: 14px;
    color: #1b1e23;
    letter-spacing: -0.7px;
}

.tit-layer-info {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.8px;
    color: #1b1e23;
}
.tit-layer-info + .tbl-1 {
    margin-top: 14px;
}

.tbl-1 tbody th {
    vertical-align: top;
}
.tbl-1 tbody td {
    font-size: 13px;
    font-weight: 400;
    color: #1b1e23;
    line-height: 1.42;
    letter-spacing: -0.65px;
}

.wrap-input-choice .btn_option_group label input[type=radio] {
    display: none;
}
.wrap-input-choice .btn_option_group label input[type=radio] + .txt-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 40px;
    padding: 10px;
    border-radius: 4px;
    border: solid 1px #dde0e5;
    background-color: #fff;
    text-align: center;
    color: #5c6677;
    letter-spacing: -0.45px;
}
.wrap-input-choice .btn_option_group label input[type=radio]:checked + .txt-label {
    border-color: #1b1e23;
    color: #1b1e23;
    font-weight: 600;
}
.wrap-input-choice .btn_option_group label input[type=radio]:checked + .txt-label + .wrap-form__calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tit-layer.type-tooltip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}

.wrap-tooltip .btn-tooltip.type-question::before {
    background-image: url(../../images/API_M_KO/common/n/M_info_question.svg);
}

.area-inner-scroll {
    overflow-y: auto;
    max-height: 142px;
}

.wrap-order-history .tab-order-history {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 20px;
    border-bottom: 1px solid #dde0e5;
}
.wrap-order-history .tab-order-history > li {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    background-color: transparent;
}
.wrap-order-history .tab-order-history > li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    width: 100%;
    height: 56px;
    font-size: 16px;
    font-weight: 600;
    color: #abb2be;
    letter-spacing: -0.8px;
    text-align: center;
}
.wrap-order-history .tab-order-history > li button::after {
    display: none;
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100%;
    background-color: #1b1e23;
    content: "";
}
.wrap-order-history .tab-order-history > li.is-active button {
    font-weight: 700;
    color: #1b1e23;
}
.wrap-order-history .tab-order-history > li.is-active button::after {
    display: block;
}
.wrap-order-history.tab_contian .tab-content .order_list_filter {
    padding: 0;
}
.wrap-order-history.tab_contian .tab-content .order_list_filter .order_list > li {
    padding: 0;
}
.wrap-order-history.tab_contian .tab-content .order_list_filter .order_list > li > li {
    margin-top: 40px;
}

.swiper-h-point-card,
.swiper-h-point-account {
    overflow: hidden;
}

/* select box */
.is-setted select {
    display: none;
}

.od .odform .form_cont.size-2 .wrap-add-dropdown {
    width: calc(50% - 4px);
}
.od .odform .form_cont.is-error input[type=radio] + label::before {
    border-color: #ea2829;
}
.od .odform .form_cont.is-error select {
    border-color: #ea2829;
}
.od .odform .is-error .btn-dropdown:not(:disabled),
.od .odform .is-error input:is([type=text], [type=password], [type=date], [type=number]):not(:disabled) {
    border-color: #f4511e;
}
.od .odform .is-error .help_block {
    display: block;
    color: #f4511e;
}
.od .odform.type-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px 9px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.od .odform.type-flex .col {
    width: calc((100% - 9px) / 2);
    padding-left: 0;
}
.od .odform.type-flex .form_cont {
    margin-top: 0;
}
.od .odform.type-flex .hint_block {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 4px;
}
.od .odform input[type=radio]:focus + label::before {
    border-color: #788497;
}

.wrap-add-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.wrap-add-dropdown .fake-dropdown,
.wrap-add-dropdown .btn-dropdown {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 35px 0 0;
    border-bottom: 1px solid #dde0e5;
    color: #f4511e;
    font-size: 16px;
    color: #bababa;
    white-space: nowrap;
    text-align: left;
}
.wrap-add-dropdown .fake-dropdown::before,
.wrap-add-dropdown .btn-dropdown::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url(../../images/API_M_KO/common/n/M_arrow_down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
}
.wrap-add-dropdown .fake-dropdown.active,
.wrap-add-dropdown .btn-dropdown.active {
    font-weight: 600;
    color: #1b1e23;
}
.wrap-add-dropdown .fake-dropdown[data-disabled],
.wrap-add-dropdown .btn-dropdown[data-disabled] {
    color: #abb2be;
    pointer-events: none;
}
.wrap-add-dropdown .fake-dropdown {
    opacity: 0;
    pointer-events: none;
}
.wrap-add-dropdown .btn-dropdown {
    position: absolute;
    top: 0;
    left: 0;
}
.wrap-add-dropdown .btn-dropdown:focus {
    border-color: #788497;
}
.wrap-add-dropdown.active .btn-dropdown::before {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.wrap-add-dropdown[data-disabled=disabled] .btn-dropdown {
    background-color: transparent; /* 20231227 */
    color: #bababa;
    pointer-events: none;
}
.wrap-add-dropdown[data-disabled=disabled] .btn-dropdown::before {
    opacity: 0.2;
}

.wrap-list-dropdown {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 39px;
    left: 0;
    z-index: 100;
    padding: 0;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    background-color: #fff;
    width: 100%;
}
.wrap-list-dropdown.active {
    display: block;
}
.wrap-list-dropdown.type-month {
    left: auto;
    right: 0;
    width: 70px;
}
.wrap-list-dropdown .list-dropdown {
    overflow-y: auto;
    max-height: 200px;
    margin: 12px 0;
    padding: 0;
}
.wrap-list-dropdown .list-dropdown > li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 18px;
    width: 100%;
    padding-left: 12px;
    border-radius: 4px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 12px;
    letter-spacing: -0.33px;
    line-height: 1.5;
    color: #5c6677;
    text-align: left;
}
.wrap-list-dropdown .list-dropdown > li button:hover {
    background-color: #f5f7fa;
    color: #1b1e23;
    font-weight: 700;
}
.wrap-list-dropdown .list-dropdown > li button[data-disabled] {
    color: #abb2be;
    pointer-events: none;
}
.wrap-list-dropdown .list-dropdown > li.is-selected button {
    background-color: #f5f7fa;
    color: #1b1e23;
}
.wrap-list-dropdown .list-dropdown::-webkit-scrollbar {
    width: 4px;
}
.wrap-list-dropdown .list-dropdown::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.wrap-list-dropdown .list-dropdown::-webkit-scrollbar-track {
    background-color: #fff;
}

.wrap-year-month .wrap-list-dropdown {
    display: none;
}
.wrap-year-month .wrap-list-dropdown.is-active {
    display: block;
}

.wrap-pos-add-dropdown {
    position: fixed;
    z-index: 1000;
}
.wrap-pos-add-dropdown.type-modal {
    z-index: 1100;
}
.wrap-pos-add-dropdown.direct-up .wrap-list-dropdown {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.wrap-pos-add-dropdown .wrap-list-dropdown {
    position: relative;
    top: auto;
    left: auto;
}
.wrap-pos-add-dropdown .list-dropdown {
    overflow-y: auto;
    max-height: 200px;
    margin: 0;
    padding: 0;
}
.wrap-pos-add-dropdown .list-dropdown > li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 44px;
    width: 100%;
    padding-left: 12px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 14px;
    letter-spacing: -0.33px;
    line-height: 1.5;
    color: #1b1e23;
    text-align: left;
}
.wrap-pos-add-dropdown .list-dropdown > li button[data-disabled] {
    color: #abb2be;
    pointer-events: none;
}
.wrap-pos-add-dropdown .list-dropdown > li.is-selected button {
    background-color: #f5f7fa;
    color: #1b1e23;
    font-weight: 700;
}
.wrap-pos-add-dropdown .list-dropdown::-webkit-scrollbar {
    width: 4px;
}
.wrap-pos-add-dropdown .list-dropdown::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.wrap-pos-add-dropdown .list-dropdown::-webkit-scrollbar-track {
    background-color: #fff;
}

.payment-method-dim .ac_head,
.payment-method-dim .ac_body {
    overflow: visible;
    position: relative;
    pointer-events: none;
}
.payment-method-dim .ac_head::after,
.payment-method-dim .ac_body::after {
    display: block;
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 6;
    width: 100vw;
    height: 100%;
    background-color: rgba(27, 30, 35, 0.3);
    content: "";
}
.payment-method-dim .ac_head::after {
    height: calc(100% + 20px);
}
.payment-method-dim .ac_body::after {
    top: 0;
    height: calc(100% + 22px);
}

/* 기내 반입 제한 물품 */
.no-carry-on {
    width: 592px;
    padding: 38px 32px 40px;
}
.no-carry-on-inner {
    margin-top: 40px;
}
.no-carry-on-section {
    margin-top: 32px;
}
.no-carry-on-section h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    margin-bottom: 8px;
}
.no-carry-on-section > ul > li {
    position: relative;
    padding-left: 9px;
    font-size: 13px;
    line-height: 1.46;
}
.no-carry-on-section > ul > li:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 8px;
    left: 0px;
    border-radius: 50%;
    background-color: #1b1e23;
}
.no-carry-on-section > ul > li > ul > li {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.6px;
    text-align: left;
    color: #5c6677;
}
.no-carry-on-section > ul > li > ul > li + li {
    margin-top: 4px;
}
.no-carry-on-section > ul > li + li {
    margin-top: 8px;
}
.no-carry-on-btn {
    margin-top: 40px;
}

/* 항공편 정보 입력 */
.airplane-info-write {
    padding: 40px 32px;
}
.airplane-info-write .search-form {
    margin: 20px 0 32px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dde0e5;
}
.airplane-info-write .search-form .write-field {
    position: relative;
    display: inline-block;
}
.airplane-info-write .search-form .write-field input[type=text] {
    width: 470px;
    margin-right: 2px;
    padding: 0px;
    border-width: 0px;
}
.airplane-info-write .search-form .write-field .btn-word-reset {
    position: absolute;
    top: 6px;
    right: 18px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/API_M_KO/common/n/btn-word-reset.svg) no-repeat center center;
}
.airplane-info-write .search-form .btn-search {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53px;
}
.airplane-info-write h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.45px;
    color: #1b1e23;
}
.airplane-info-write .tab-navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0px 20px;
}
.airplane-info-write .tab-navi li {
    line-height: 0;
}
.airplane-info-write .tab-navi li button,
.airplane-info-write .tab-navi li a {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: #1b1e23;
    padding-bottom: 8px;
}
.airplane-info-write .tab-navi li button:after,
.airplane-info-write .tab-navi li a:after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
    display: block;
    width: 0%;
    height: 3px;
    background-color: #1b1e23;
}
.airplane-info-write .tab-navi li button[aria-selected=true]:after,
.airplane-info-write .tab-navi li a.active:after {
    width: 100%;
}
.airplane-info-write .tab-navi[role=tablist] + .tab-content {
    margin-top: 20px;
}
.airplane-info-write .tab-content[role=tabpanel] + .tab-content[role=tabpanel] {
    margin-top: 20px;
}
.airplane-info-write .tab-cont {
    display: none;
}
.airplane-info-write .tab-cont.tab-content.is-active {
    display: block;
}
.airplane-info-write .airplane-compnay + .airplane-compnay {
    margin-top: 20px;
}
.airplane-info-write .airplane-compnay .airplane-compnay-btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0px 12px;
}
.airplane-info-write .airplane-compnay .airplane-compnay-btn-wrap button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    width: calc((100% - 12px) / 2);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    text-align: left;
    padding: 14px 16px;
    border-radius: 8px;
    border: solid 1px #dde0e5;
}
.airplane-info-write .airplane-compnay .airplane-compnay-btn-wrap button .txt {
    display: inline-block;
    font-size: 14px;
    line-height: 1.43;
}
.airplane-info-write .airplane-compnay .airplane-compnay-btn-wrap button .txt.kor {
    color: #1b1e23;
    margin-right: 4px;
}
.airplane-info-write .airplane-compnay .airplane-compnay-btn-wrap button .txt.eng {
    color: #788497;
}
.airplane-info-write .airplane-compnay .airplane-compnay-btn-wrap button i.bookmark {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/common/n/btn_pin_off.svg) no-repeat center center;
}
.airplane-info-write .airplane-compnay .airplane-compnay-btn-wrap button i.bookmark.active {
    background-image: url(../../images/API_M_KO/common/n/btn_pin_on.svg);
}
.airplane-info-write .airplane-compnay .airplane-compnay-btn-wrap button b.keyword {
    font-weight: normal;
    color: #0288d1;
}
.airplane-info-write .airplane-compnay .airplane-compnay-btn-wrap button.active {
    border-color: #1b1e23;
}
.airplane-info-write .airplane-compnay .airplane-compnay-btn-wrap button.active .txt.kor {
    font-weight: 700;
}
.airplane-info-write .airplane-compnay .airplane-compnay-btn-wrap button .txt_lang_wrap {
    display: block;
    width: calc(100% - 26px);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.airplane-info-write .airplane-compnay .airplane-schedule {
    display: none;
    margin-top: 12px;
    padding: 4px 20px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
    border: solid 1px #1b1e23;
}
.airplane-info-write .airplane-compnay .airplane-schedule .airplane-schedule-list {
    padding-left: 0px;
}
.airplane-info-write .airplane-compnay .airplane-schedule .airplane-schedule-list li label {
    display: block;
    position: relative;
    padding: 15px 0px 15px 72px;
    border-radius: 8px;
}
.airplane-info-write .airplane-compnay .airplane-schedule .airplane-schedule-list li label.active {
    background-color: #f5f7fa;
}
.airplane-info-write .airplane-compnay .airplane-schedule .airplane-schedule-list li label input[type=radio] {
    position: absolute;
    top: 14px;
    left: 20px;
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: url(../../images/API_M_KO/common/n/btn_radio_off.svg) no-repeat center center;
}
.airplane-info-write .airplane-compnay .airplane-schedule .airplane-schedule-list li label input[type=radio]:checked {
    background-image: url(../../images/API_M_KO/common/n/btn_radio_on.svg);
}
.airplane-info-write .airplane-compnay .airplane-schedule .airplane-schedule-list li label .as_info {
    display: grid;
    grid-template-columns: 138px 106px auto;
}
.airplane-info-write .airplane-compnay .airplane-schedule .airplane-schedule-list li label .as_info p {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 0px 6px;
    line-height: 1.46;
    font-size: 13px;
}
.airplane-info-write .airplane-compnay .airplane-schedule .airplane-schedule-list li label .as_info p .category {
    color: #788497;
}
.airplane-info-write .airplane-compnay .airplane-schedule .airplane-schedule-list li label .as_info p .value {
    font-weight: 700;
    color: #1b1e23;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-compnay-btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0px 12px;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-compnay-btn-wrap button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    width: calc((100% - 12px) / 2);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    text-align: left;
    padding: 14px 16px;
    border-radius: 8px;
    border: solid 1px #dde0e5;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-compnay-btn-wrap button .txt {
    display: inline-block;
    font-size: 14px;
    line-height: 1.43;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-compnay-btn-wrap button .txt.kor {
    color: #1b1e23;
    margin-right: 4px;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-compnay-btn-wrap button .txt.eng {
    color: #788497;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-compnay-btn-wrap button i.bookmark {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/common/n/btn_pin_off.svg) no-repeat center center;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-compnay-btn-wrap button i.bookmark.active {
    background-image: url(../../images/API_M_KO/common/n/btn_pin_on.svg);
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-compnay-btn-wrap button b.keyword {
    font-weight: normal;
    color: #0288d1;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-compnay-btn-wrap button.active {
    border-color: #1b1e23;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-compnay-btn-wrap button.active .txt.kor {
    font-weight: 700;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-compnay-btn-wrap button .txt_lang_wrap {
    display: block;
    width: calc(100% - 26px);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label {
    margin-bottom: 0;
    padding: 0;
    border: none;
    background-color: transparent;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input[type=radio] {
    display: none;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input[type=radio]:checked + .as_info {
    border-color: #1b1e23;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input[type=radio]:checked + .as_info::before {
    border: 6px solid #1b1e23;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input + .as_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    padding: 16px 0px 16px 72px;
    border-radius: 8px;
    border: 1px solid #dde0e5;
    background-color: #fff;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input + .as_info::before {
    position: absolute;
    top: 50%;
    left: 16px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #dde0e5;
    content: "";
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input + .as_info p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0px 6px;
    line-height: 1.46;
    font-size: 13px;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input + .as_info p .category {
    color: #788497;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input + .as_info p .value {
    font-weight: 700;
    color: #1b1e23;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label.active {
    background-color: #f5f7fa;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li + li:not([style*="display: none"]) {
    margin-top: 12px;
}
.airplane-info-write .airplane-compnay + .airplane-compnay {
    margin-top: 12px;
}
.airplane-info-write .search-empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    padding: 72px 0 100px;
    text-align: center;
}
.airplane-info-write .search-empty .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 16px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #1b1e23;
}
.airplane-info-write .search-empty .txt::before {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../../images/API_M_KO/common/n/icon_empty_info.svg) no-repeat;
    background-size: contain;
    content: "";
}
.airplane-info-write .search-empty.type-ship .txt::before {
    background-image: url(../../images/API_M_KO/common/n/icon_empty_ship_info.svg);
}
.airplane-info-write .info-regist {
    display: none;
    margin-top: 35px;
}
.airplane-info-write .info-regist h3 {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #1b1e23;
}
.airplane-info-write .info-regist .write-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 32px;
    margin-top: 24px;
}
.airplane-info-write .info-regist .write-form .field-wrap label {
    display: block;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #5c6677;
}
.airplane-info-write .info-regist .write-form .field-wrap p.field {
    position: relative;
    border-bottom: 1px solid #dde0e5;
}
.airplane-info-write .info-regist .write-form .field-wrap p.field input {
    width: 100%;
    height: 40px;
    padding: 0px;
    border-width: 0px;
    font-size: 16px;
}
.airplane-info-write .info-regist .write-form .field-wrap p.field .btn-word-reset {
    position: absolute;
    top: 14px;
    right: 0px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/API_M_KO/common/n/btn-word-reset.svg) no-repeat center center;
}
.airplane-info-write .info-regist .write-form .field-wrap p.msg {
    display: none;
}
.airplane-info-write .info-regist .write-form .warning {
    position: relative;
    grid-column: span 2;
    margin-top: 8px;
    padding-left: 9px;
    color: #788497;
}
.airplane-info-write .info-regist .write-form .warning:after {
    position: absolute;
    top: 8px;
    left: 0px;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #788497;
}
.airplane-info-write-btn {
    margin-top: 40px;
}

/* SMS 인증 */
.sms-confirm .sms-confirm-write-info {
    margin-top: 12px;
}
.sms-confirm .sms-confirm-write-info p.category {
    margin: 31px 0px 8px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #5c6677;
}
.sms-confirm .sms-confirm-write-info p.category:first-child {
    margin-top: 0px;
}
.sms-confirm .sms-confirm-write-info .field-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 0px 9px;
}
.sms-confirm .sms-confirm-write-info .field-wrap .field {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: 3px;
    border-bottom: 1px solid rgba(27, 30, 35, 0.3);
}
.sms-confirm .sms-confirm-write-info .field-wrap .field select,
.sms-confirm .sms-confirm-write-info .field-wrap .field input[type=text] {
    height: 40px;
    font-size: 16px;
    line-height: 24px;
    border-width: 0px;
    padding-left: 0px;
}
.sms-confirm .sms-confirm-write-info .field-wrap .field .time {
    position: absolute;
    top: 7px;
    right: 64px;
    font-size: 14px;
    color: #f4511e;
}
.sms-confirm .sms-confirm-write-info .field-wrap .field .btn-confirm {
    position: absolute;
    top: 2px;
    right: 0px;
}
.sms-confirm-btn {
    margin-top: 68px;
}

/* 적립금 상세 */
.accumulated-money-list .guide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.43;
}
.accumulated-money-list .limit {
    color: #1b1e23;
    font-weight: 600;
}
.accumulated-money-list .limit > strong {
    font-weight: 600;
}
.accumulated-money-list .quantity {
    color: #788497;
}
.accumulated-money-list .quantity > strong {
    font-weight: 600;
}
.accumulated-money-list ul li:not(.r_item) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #dde0e5;
}
.accumulated-money-list ul li:not(.r_item) .check-radio {
    margin-right: 16px;
    position: relative;
    top: -2px;
}
.accumulated-money-list ul li:not(.r_item) .check-radio .radio {
    position: relative;
    top: 10px;
}
.accumulated-money-list ul li:not(.r_item) .cont strong,
.accumulated-money-list ul li:not(.r_item) .cont h2 {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #1b1e23;
}
.accumulated-money-list ul li:not(.r_item) .cont p.condition {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #3d444f;
}
.accumulated-money-list ul li:not(.r_item) .cont p.limit {
    margin-top: 16px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    text-align: left;
    color: #5c6677;
}
.accumulated-money-list ul li + li {
    margin-top: 12px;
}
.accumulated-money-list + .total-amount-available {
    margin-top: 125px;
}
.accumulated-money-list.area-scroll {
    padding-left: 0px !important;
    margin-right: -16px;
}
.accumulated-money-btn {
    margin-top: 40px;
}
.accumulated-money.wrap-option-change {
    min-height: 394px;
}

.total-amount-available h3 {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #3d444f;
}
.total-amount-available h3 + .field {
    margin-top: 12px;
}
.total-amount-available .field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0px 8px;
}
.total-amount-available .field input[type=text] {
    height: 40px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    border-radius: 4px !important;
    border: 1px solid #dde0e5;
    padding: 0 12px;
}
.total-amount-available .field button.btn-square {
    max-width: 84px;
}

/* 대한항공 스카이패스 회원 인증 */
.koreanair-skypass {
    width: 348px;
    padding: 40px 32px;
}
.koreanair-skypass .tit-layer button.btn-about {
    position: relative;
    top: -2px;
    margin-left: 5px;
}
.koreanair-skypass-cont {
    margin-top: 40px;
}
.koreanair-skypass-cont dl.tearms {
    border: 1px solid #dde0e5;
    border-radius: 8px;
    overflow: hidden;
}
.koreanair-skypass-cont dl.tearms dt {
    padding: 16px 19px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.35px;
    text-align: left;
    color: #1b1e23;
}
.koreanair-skypass-cont dl.tearms dd {
    padding: 20px 19px;
    border-top: 1px solid #dde0e5;
}
.koreanair-skypass-cont dl.tearms dd h3 {
    font-size: 14px;
    font-weight: 700;
    color: #5c6677;
}
.koreanair-skypass-cont dl.tearms dd h3 + p {
    margin-top: 12px;
}
.koreanair-skypass-cont dl.tearms dd p {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #5c6677;
    margin-top: 8px;
}
.koreanair-skypass-cont dl.tearms dd p + h3 {
    margin-top: 12px;
}
.koreanair-skypass-cont ul.member-info {
    margin-top: 32px;
}
.koreanair-skypass-cont ul.member-info li span {
    display: block;
}
.koreanair-skypass-cont ul.member-info li span.category {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #3d444f;
}
.koreanair-skypass-cont ul.member-info li span.value input[type=text] {
    width: 100%;
    height: 44px;
    font-weight: 700;
    color: #1b1e23;
    padding: 0px;
    border-width: 0px 0px 1px 0px;
    border-color: #dde0e5;
    background-color: white !important;
}
.koreanair-skypass-cont ul.member-info li + li {
    margin-top: 19px;
}
.koreanair-skypass-cont .note {
    margin-top: 31px;
}
.koreanair-skypass-cont .note h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #1b1e23;
}
.koreanair-skypass-cont .note h3:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_alert_txt.svg) no-repeat center center;
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    top: -1px;
}
.koreanair-skypass-cont .note ul {
    margin-top: 12px;
}
.koreanair-skypass-cont .note ul li {
    position: relative;
    padding-left: 9px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #788497;
}
.koreanair-skypass-cont .note ul li:before {
    position: absolute;
    top: 8px;
    left: 0px;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #788497;
}
.koreanair-skypass-btn {
    margin-top: 40px;
}

/* KT 멤버십 할인 */
.kt-membership ul.membership-info li .category {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #3d444f;
}
.kt-membership ul.membership-info li .value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.kt-membership ul.membership-info li .value .ms_num {
    width: 100%;
}
.kt-membership ul.membership-info li .value input[type=text] {
    width: 100%;
    height: 44px;
    font-weight: 700;
    font-size: 16px;
    color: #1b1e23;
    padding: 0px;
    border-width: 0px 0px 1px 0px;
    border-color: #dde0e5;
    background-color: white !important;
}
.kt-membership ul.membership-info li .value span.ms_num + span.ms_num {
    position: relative;
    padding-left: 8px;
}
.kt-membership ul.membership-info li .value span.ms_num + span.ms_num:before {
    content: "-";
    display: block;
    position: absolute;
    top: 8px;
    left: 0px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.8px;
    color: #abb2be;
}
.kt-membership ul.membership-info li + li {
    margin-top: 19px;
}
.kt-membership .note {
    margin-top: 15px;
}
.kt-membership .note ul li {
    position: relative;
    padding-left: 9px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #788497;
}
.kt-membership .note ul li:before {
    position: absolute;
    top: 8px;
    left: 0px;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #788497;
}
.kt-membership .note ul li + li {
    margin-top: 8px;
}
.kt-membership .note .btn_detail {
    margin-top: 12px;
}
.kt-membership dl.tearms {
    border: 1px solid #dde0e5;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 32px;
}
.kt-membership dl.tearms dt {
    padding: 16px 19px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.35px;
    text-align: left;
    color: #1b1e23;
}
.kt-membership dl.tearms dd {
    padding: 16px 19px;
    border-top: 1px solid #dde0e5;
}
.kt-membership dl.tearms dd h3 {
    font-size: 14px;
    font-weight: 700;
    color: #5c6677;
}
.kt-membership dl.tearms dd p {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #5c6677;
}
.kt-membership dl.tearms + dl.tearms {
    margin-top: 16px;
}
.kt-membership-btn {
    margin-top: 40px;
}

/* 무이자할부/카드사포인트 안내 */
.interest-free-points-list h2 {
    margin: 40px 0px 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #1b1e23;
}
.interest-free-points-list h2:first-child {
    margin-top: 0px;
}
.interest-free-points-list table {
    border-top: 1px solid #1b1e23;
}
.interest-free-points-list table tr th,
.interest-free-points-list table tr td {
    padding: 16px 20px;
    border-bottom: 1px solid #dde0e5;
}
.interest-free-points-list table tr th {
    font-weight: 700;
    background-color: #F7F7F7;
}

/* 이용약관 */
.use-terms-inner {
    padding-top: 8px;
}
.use-terms-section h2 {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #5c6677;
}
.use-terms-section p,
.use-terms-section li {
    color: #5c6677;
    line-height: 1.46;
    letter-spacing: -0.33px;
}
.use-terms-section + .use-terms-section {
    margin-top: 40px;
}
.use-terms-btn {
    margin-top: 40px;
}

.m_popup_renew {
    overflow-y: auto;
}
.m_popup_renew.type-no-scroll {
    overflow: hidden;
}
.m_popup_renew.type-no-scroll .float_btn::before {
    display: none;
}
.m_popup_renew .od {
    margin-top: 12px;
}
.m_popup_renew .interest-free-points-list + .interest-free-points-list {
    margin-top: 40px;
}
.m_popup_renew .interest-free-points-list table tr td {
    font-weight: 600;
}
.m_popup_renew.box-float-layer.active {
    padding-bottom: 118px;
}
.m_popup_renew.box-float-layer .od {
    margin-top: 0;
}
.m_popup_renew.box-float-layer .tit_layer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 60px;
    padding: 10px 60px 10px 20px;
    text-align: center;
    font-size: 18px;/*2024-07-25 해더 버튼 수정*/
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -1px;
    text-align: center;
    color: #000;
    border-bottom: 1px solid #dde0e5;
}
.m_popup_renew.box-float-layer.n_float_btn {
    padding-bottom: 34px;
}
.m_popup_renew.box-float-layer .panel {
    padding-bottom: 0;
}
.m_popup_renew .tearms .temp_chk label {
    color: #1b1e23;
}
.m_popup_renew.box-bottom-float {
    max-height: calc(100vh - 44px);
}
.m_popup_renew.box-bottom-float.active {
    padding-bottom: 118px;
}
.m_popup_renew.box-bottom-float.type_s {
    min-height: auto;
}
.m_popup_renew.box-bottom-float .panel {
    padding: 0;
}
.m_popup_renew.box-bottom-float .btn-close-layer {
    position: sticky;
    left: 0;
    top: 0;
    width: calc(100% + 40px);
    z-index: 1000;
    background: #fff;
    border-radius: 16px 16px 0 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
}
.m_popup_renew.box-bottom-float .btn-close-layer::before {
    content: "";
    width: 100%;
    background-color: #fff;
}
.m_popup_renew.box-bottom-float .foldgroup {
    padding-bottom: 28px;
}
.m_popup_renew .panel.m_12 {
    margin-top: 12px;
}
.m_popup_renew .panel .pn-tit p {
    font-size: 20px;
}
.m_popup_renew .koreanair-skypass-cont {
    margin-top: 0px;
}
.m_popup_renew input[readonly] {
    background-color: transparent;
    color: #1b1e23 !important;
    font-weight: 700 !important;
}
.m_popup_renew .member_info ul {
    padding: 20px 0 0;
}
.m_popup_renew .member_info ul li {
    display: block;
    padding-bottom: 16px;
}
.m_popup_renew .member_info ul li.col {
    display: inline-block;
    width: 49.5%;
}
.m_popup_renew .member_info ul li:last-of-type {
    padding-bottom: 0;
}
.m_popup_renew .member_info ul + ul {
    margin: 4px 0 -16px;
    border-top: 1px solid #eef0f2;
}
.m_popup_renew .member_info .val {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.8px;
    text-align: left;
    color: #1b1e23;
    margin-top: 4px;
}
.m_popup_renew .member_info .import .val {
    padding-bottom: 8px;
    border-bottom: 1px solid #dde0e5;
}
.m_popup_renew .member_info + .info_tooltip {
    margin-top: 20px;
}
.m_popup_renew .float_btn {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
}
.m_popup_renew .float_btn > div {
    padding: 0 20px 38px;
    background: #fff;
}
.m_popup_renew .float_btn::before {
    content: "";
    display: block;
    padding-top: 32px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(48%, #fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 48%);
}
.m_popup_renew .float_btn.type_col2 > div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 9px;
}
.m_popup_renew .float_btn .btn-direct-input::before {
    content: "";
    display: inline-block;
}
.m_popup_renew.box-confirm-layer {
    max-height: 580px;
}
.m_popup_renew.box-confirm-layer .confirm_group.type-scroll {
    overflow-y: auto;
    max-height: calc(100vh - 200px);
}
.m_popup_renew.box-confirm-layer .confirm_tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 24px;
    padding-left: 19px;
    padding-right: 19px;
    text-align: center;
}
.m_popup_renew.box-confirm-layer .confirm_tit + .confirm_img .confirm__img {
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 24px;
}
.m_popup_renew.box-confirm-layer .confirm_tit + .confirm_img .confirm__img + p {
    margin-top: 8px;
    text-align: center;
    font-size: 12px;
    color: #1b1e23;
}
.m_popup_renew.box-confirm-layer .confirm_tit span {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.7px;
    color: #5c6677;
    margin-top: 8px;
}
.m_popup_renew.box-confirm-layer .confirm_tit span > em.num {
    font-size: 14px;
    color: #ea2869;
}
.m_popup_renew.box-confirm-layer .confirm_tit p {
    font-size: 15px;
    font-weight: 600;
}
.m_popup_renew.box-confirm-layer .img_box {
    margin-top: 20px;
}
.m_popup_renew.box-confirm-layer .float_btn {
    position: sticky;
}
.m_popup_renew.box-confirm-layer .float_btn .list-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 1px solid #dde0e5;
}
.m_popup_renew.box-confirm-layer .float_btn .list-btn > li {
    -ms-flex-negative: 1;
        flex-shrink: 1;
    width: 100%;
}
.m_popup_renew.box-confirm-layer .float_btn .list-btn > li a,
.m_popup_renew.box-confirm-layer .float_btn .list-btn > li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 52px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #1b1e23;
    text-align: center;
    background-color: #fff;
}
.m_popup_renew.box-confirm-layer .float_btn .list-btn > li a.btn_cancle,
.m_popup_renew.box-confirm-layer .float_btn .list-btn > li button.btn_cancle {
    color: #788497;
    font-weight: normal;
}
.m_popup_renew.box-confirm-layer .float_btn::before {
    padding-top: 24px;
}
.m_popup_renew.box-confirm-layer .float_btn .temp_chk {
    display: block;
    background-color: #fff;
    padding: 0 20px 20px;
}
.m_popup_renew .confirm_body {
    margin-top: 8px;
    padding: 0 20px;
    padding-bottom: 6px;
}
.m_popup_renew .confirm_body .p_info_box > div.inner {
    margin-top: 20px;
    padding: 16px;
    border-radius: 8px;
    background-color: #f9fafb;
}
.m_popup_renew .confirm_body .p_info_box > div.inner + .p_txt {
    margin-top: 32px;
}
.m_popup_renew .confirm_body .p_info_box.t_info ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.m_popup_renew .confirm_body .p_info_box.t_info ul li + li {
    margin-top: 8px;
}
.m_popup_renew .confirm_body .p_info_box.t_info ul li .case {
    font-weight: 600;
    color: #5c6677;
}
.m_popup_renew .confirm_body .p_info_box.t_info ul li .i_txt {
    font-weight: 700;
    text-align: right;
}
.m_popup_renew .confirm_body .p_info_box.t_noti > div.inner {
    color: #5c6677;
}
.m_popup_renew .confirm_body .p_info_box.t_noti p.t_txt {
    font-size: 13px;
}
.m_popup_renew .confirm_body .p_info_box.t_noti p.t_txt.on {
    font-weight: 700;
    font-size: 14px;
}
.m_popup_renew .confirm_body .p_info_box.t_noti ul {
    margin-top: 8px;
}
.m_popup_renew .confirm_body .p_info_box.t_noti ul li {
    font-size: 12px;
}
.m_popup_renew .confirm_body .p_info_box.t_noti ul li + li {
    margin-top: 8px;
}
.m_popup_renew .confirm_body .p_info_box.t_dotlist ul li {
    position: relative;
    padding-left: 5px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.6px;
    color: #3d444f;
}
.m_popup_renew .confirm_body .p_info_box.t_dotlist ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #3d444f;
}
.m_popup_renew .confirm_body .p_info_box.t_dotlist ul li + li {
    margin-top: 8px;
}
.m_popup_renew .confirm_body .p_info_box.t_complete p.t_txt {
    font-size: 14px;
    font-weight: 700;
    color: #5c6677;
}
.m_popup_renew .confirm_body .p_info_box.t_complete .case {
    font-size: 13px;
    color: #5c6677;
    font-weight: normal;
    min-width: 49px;
    display: inline-block;
}
.m_popup_renew .confirm_body .p_info_box.t_complete .i_txt {
    font-size: 13px;
    font-weight: 700;
}
.m_popup_renew .confirm_body .p_info_box.t_complete ul {
    margin-top: 12px;
}
.m_popup_renew .confirm_body .p_info_box.t_complete ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 12px;
}
.m_popup_renew .confirm_body .p_info_box.t_complete ul li + li {
    margin-top: 8px;
}
.m_popup_renew .confirm_body .p_info_box.t_small .inner {
    margin-top: 12px;
    padding: 14px 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 4px;
}
.m_popup_renew .confirm_body .p_info_box.t_small .inner p {
    font-size: 13px;
    font-weight: 700;
    color: #3d444f;
}
.m_popup_renew .confirm_body .p_info_box.t_small .inner span {
    font-size: 16px;
    font-weight: 700;
}
.m_popup_renew .confirm_body .p_info_box.t_small .p_btn_group {
    margin-top: 12px;
}
.m_popup_renew .confirm_body .p_txt {
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: -0.75px;
}
.m_popup_renew .confirm_body .p_txt.t_gray_1 {
    color: #5c6677;
}
.m_popup_renew .confirm_body .p_txt.s_14 {
    font-size: 14px;
    font-weight: normal;
}
.m_popup_renew .confirm_body .p_txt span.s_txt {
    font-size: 12px;
    color: #5c6677;
    font-weight: normal;
}
.m_popup_renew .radio_group .r_item label {
    /* &.active {
        border: solid 1px $font-color-2;
        // .r_body {
        //     display: block;
        // }
    } */
}
.m_popup_renew .radio_group .r_item label input[type=checkbox], .m_popup_renew .radio_group .r_item label input[type=radio] {
    display: none;
}
.m_popup_renew .radio_group .r_item label input[type=checkbox] + .inner, .m_popup_renew .radio_group .r_item label input[type=radio] + .inner {
    display: block;
    position: relative;
    border: solid 1px #dde0e5;
    border-radius: 8px;
    padding: 16px 16px 16px 44px;
}
.m_popup_renew .radio_group .r_item label input[type=checkbox] + .inner::before, .m_popup_renew .radio_group .r_item label input[type=radio] + .inner::before {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #dde0e5;
    content: "";
}
.m_popup_renew .radio_group .r_item label input[type=checkbox]:checked + .inner, .m_popup_renew .radio_group .r_item label input[type=radio]:checked + .inner {
    border-color: #1b1e23;
}
.m_popup_renew .radio_group .r_item label input[type=checkbox]:checked + .inner::before, .m_popup_renew .radio_group .r_item label input[type=radio]:checked + .inner::before {
    border: 6px solid #1b1e23;
}
.m_popup_renew .radio_group .r_item label input[type=checkbox] + .inner::before {
    border-radius: 2px;
    background: url(../../images/API_M_KO/common/n/M_check.svg) no-repeat center center;
}
.m_popup_renew .radio_group .r_item label input[type=checkbox]:checked + .inner::before {
    border: none;
    background: url(../../images/API_M_KO/common/n/icon_check_on_1.svg) no-repeat center center;
}
.m_popup_renew .radio_group .r_item label input[type=checkbox]:disabled + .inner::before {
    background-color: #f5f7fa;
}
.m_popup_renew .radio_group .r_item label.disabled div.inner {
    opacity: 0.4;
}
.m_popup_renew .radio_group .r_item .r_head .tit_box strong.tit {
    font-size: 15px;
    font-weight: 700;
}
.m_popup_renew .radio_group .r_item .r_head .n_used {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.65px;
    color: #788497;
}
.m_popup_renew .radio_group .r_item .r_head .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.m_popup_renew .radio_group .r_item .r_head .inner .cont p.condition {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #3d444f;
}
.m_popup_renew .radio_group .r_item .r_head .inner .cont p.limit {
    margin-top: 16px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    text-align: left;
    color: #5c6677;
}
.m_popup_renew .radio_group .r_item .r_body {
    margin-top: 16px;
}
.m_popup_renew .radio_group .r_item .notice_box {
    margin-top: 16px;
    color: #5c6677;
    font-size: 13px;
    padding: 20px;
}
.m_popup_renew .radio_group .r_item .notice_box li + li {
    margin-top: 13px;
}
.m_popup_renew .radio_group .r_item .notice_box span {
    font-size: 13px;
    font-weight: 700;
}
.m_popup_renew .radio_group .r_item .notice_box .badge + span {
    margin-left: 8px;
}
.m_popup_renew .radio_group .r_item + .r_item {
    margin-top: 12px;
}
.m_popup_renew input[type=radio] {
    all: unset;
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: solid 1px #dde0e5;
    background-color: #fff;
    border-radius: 100%;
}
.m_popup_renew input[type=radio]:checked {
    background: url(../../images/API_M_KO/common/n/btn_radio_on.svg) no-repeat center center;
    border: transparent;
}
.m_popup_renew input[type=radio]:disabled {
    background-color: #eef0f2;
}
.m_popup_renew input[type=checkbox] {
    all: unset;
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: solid 1px #dde0e5;
    background-color: #fff;
    border-radius: 2px;
}
.m_popup_renew input[type=checkbox]:checked {
    background: url(../../images/API_M_KO/common/n/icon_check_on_1.svg) no-repeat center center;
}
.m_popup_renew input[type=checkbox]:disabled {
    background-color: #f5f7fa;
}
.m_popup_renew .float_btn input[type=radio] {
    display: none;
}
.m_popup_renew .float_btn input[type=radio] + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.m_popup_renew .float_btn input[type=radio] + label::before {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: solid 1px #dde0e5;
    background-color: #fff;
    border-radius: 100%;
    content: "";
}
.m_popup_renew .float_btn input[type=radio]:checked + label::before {
    background: url(../../images/API_M_KO/common/n/btn_radio_on.svg) no-repeat center center;
    border: transparent;
}
.m_popup_renew .float_btn input[type=radio]:disabled + label::before {
    background-color: #eef0f2;
}
.m_popup_renew .float_btn input[type=checkbox] {
    /* display: none; */
    appearance: none;
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0,0,0,0);
}
.m_popup_renew .float_btn input[type=checkbox] + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.m_popup_renew .float_btn input[type=checkbox] + label::before {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: solid 1px #dde0e5;
    background-color: #fff;
    border-radius: 2px;
    content: "";
}
.m_popup_renew .float_btn input[type=checkbox]:checked + label::before {
    background: url(../../images/API_M_KO/common/n/icon_check_on_1.svg) no-repeat center center;
}
.m_popup_renew .float_btn input[type=checkbox]:disabled + label::before {
    background-color: #f5f7fa;
}
.m_popup_renew .float_btn input[type=checkbox]:focus + label::before {
    outline: 1px solid #f4511e;
    outline-offset: -3px;
}
.m_popup_renew .btn-square.type_line_2 {
    border: 1px solid #1b1e23;
    background-color: #fff;
}
.m_popup_renew .btn_detail {
    display: inline-block;
}
.m_popup_renew .btn_detail > span {
    text-decoration: underline;
    color: #788497;
}
.m_popup_renew .p_btn_group {
    margin-top: 20px;
}
.m_popup_renew .p_btn_group button + button {
    margin-top: 12px;
}
.m_popup_renew .mt30 {
    margin-top: 30px;
}
.m_popup_renew .mt12 {
    margin-top: 12px;
}
.m_popup_renew .departure-info ul li a {
    display: block;
    padding: 15px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #dde0e5;
    -webkit-transition: 0.3s ease border-color, 0.3s ease box-shadow;
    transition: 0.3s ease border-color, 0.3s ease box-shadow;
}
.m_popup_renew .departure-info ul li a.active {
    border-color: #1b1e23;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
}
.m_popup_renew .departure-info ul li a p {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #1b1e23;
}
.m_popup_renew .departure-info ul li a .departure-arrival {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding: 12px 0px;
}
.m_popup_renew .departure-info ul li a .departure-arrival .area-name span {
    display: block;
}
.m_popup_renew .departure-info ul li a .departure-arrival .area-name span.eng {
    font-size: 18px;
    line-height: 27px;
    color: #788497;
}
.m_popup_renew .departure-info ul li a .departure-arrival .area-name span.kor {
    font-size: 13px;
    line-height: 19px;
    color: #5c6677;
}
.m_popup_renew .departure-info ul li a .departure-arrival .airplane {
    text-indent: -9999px;
    overflow: hidden;
    width: 64px;
    height: 20px;
    background: url(../../images/API_M_KO/common/n/icon_airplane_fly.svg) no-repeat center center;
}
.m_popup_renew .departure-info ul li + li {
    margin-top: 16px;
}
.m_popup_renew .passport_guide {
    padding: 0;
    padding-bottom: 8px;
}
.m_popup_renew .m_guide_list ul li {
    font-size: 13px;
}
.m_popup_renew .m_guide_list .tit {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 4px;
}
.m_popup_renew .m_guide_list .tit + .dot_list {
    padding-top: 8px;
}
.m_popup_renew .m_guide_list > div {
    padding-top: 20px;
}
.m_popup_renew .m_guide_list .dash_list li {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.6px;
    color: #5c6677;
}
.m_popup_renew .m_guide_list .sub_list {
    padding-left: 28px;
}
.m_popup_renew .m_guide_list .sub_list li {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.6px;
    color: #5c6677;
}
.m_popup_renew .m_guide_list .sub_list li::before {
    content: unset;
}
.m_popup_renew .m_guide_list .dot_list li + li {
    margin-top: 8px;
}
.m_popup_renew .m_guide_list .dot_list .dash_list {
    margin-top: 4px;
}
.m_popup_renew .m_guide_list .dot_list .dash_list li + li {
    margin-top: 4px;
}
.m_popup_renew .btn_option_group .case {
    font-size: 14px;
    font-weight: 600;
}
.m_popup_renew .btn_option_group .case + .type-flex {
    margin-top: 8px;
}
.m_popup_renew .btn_option_group .case + .col_g {
    margin-top: 8px;
}
.m_popup_renew .btn_option_group + .btn_option_group {
    margin-top: 32px;
}
.m_popup_renew .btn_option_group button {
    border-radius: 4px;
    border: solid 1px #dde0e5;
    background-color: #fff;
    padding: 10px;
    text-align: center;
    color: #5c6677;
}
.m_popup_renew .btn_option_group button.active {
    border-color: #1b1e23;
    color: #1b1e23;
    font-weight: 600;
}
.m_popup_renew .btn_option_group .col_g {
    display: grid;
    gap: 8px 9px;
}
.m_popup_renew .btn_option_group .col_2 {
    grid-template-columns: repeat(2, 1fr);
}
.m_popup_renew .btn_option_group .col_4 {
    grid-template-columns: repeat(4, 1fr);
}
.m_popup_renew .btn_option_group .col_3 {
    grid-template-columns: repeat(3, 1fr);
}
.m_popup_renew .btn_option_group .type-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 9px;
}
.m_popup_renew .btn_option_group .type-flex.size-4 > * {
    width: calc((100% - 27px) / 4);
}
.m_popup_renew .btn_option_group .type-flex.size-4 > * .wrap-form__calendar {
    width: calc(100vw - 40px);
}
.m_popup_renew .btn_option_group .type-flex.size-4 > *:nth-child(4n) .wrap-form__calendar {
    margin-left: calc((300% + 27px) * -1);
}
.m_popup_renew .btn_option_group .wrap-form__calendar {
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 25px;
    margin-top: 20px;
}
.m_popup_renew .btn_option_group .wrap-form__input.type-1 {
    position: relative;
    width: 100%;
}
.m_popup_renew .btn_option_group .wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]) {
    width: 100%;
    padding: 0 30px 0 12px;
    font-weight: 400;
    font-size: 14px;
}
.m_popup_renew .btn_option_group .wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly])::-webkit-input-placeholder {
    font-weight: 400;
}
.m_popup_renew .btn_option_group .wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly])::-moz-placeholder {
    font-weight: 400;
}
.m_popup_renew .btn_option_group .wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]):-ms-input-placeholder {
    font-weight: 400;
}
.m_popup_renew .btn_option_group .wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly])::-ms-input-placeholder {
    font-weight: 400;
}
.m_popup_renew .btn_option_group .wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly])::placeholder {
    font-weight: 400;
}
.m_popup_renew .btn_option_group .wrap-form__input.type-1 .btn-calendar {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 40px;
    height: 0;
    padding-top: 40px;
    border: none;
    background: url(../../images/API_M_KO/common/n/icon_calendar_1.svg) no-repeat;
    background-size: 16px 16px;
    background-position: 50% 50%;
    text-indent: -9999px;
    font-size: 0;
}
.m_popup_renew .btn_option_group .wrap-form__input.type-1 + .wrap-form__input::before {
    display: block;
    position: absolute;
    top: 0;
    left: -19px;
    font-size: 14px;
    color: #1b1e23;
    line-height: 40px;
    content: "~";
}
.m_popup_renew .btn_option_group .wrap-form__input.type-1 input[disabled="disabled"] + .btn-calendar {opacity:.5; pointer-events: none;}/*2024-07-10 마이 주문내역 달력 수정*/
.m_popup_renew .order-history__group .wrap-form__input.type-1 .btn-calendar {width: 100%; background-position: 92% center;}/*2024-07-10 마이 주문내역 달력 수정*/

.box-confirm-layer .download-coupon,
.box-bottom-float .download-coupon {
    position: relative;
}
.box-confirm-layer .download-coupon::before,
.box-bottom-float .download-coupon::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 32px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(48%, #fff));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 48%);
    content: "";
}
.box-confirm-layer .download-coupon + .total-amount-available,
.box-bottom-float .download-coupon + .total-amount-available {
    margin-top: 20px;
}
.box-confirm-layer .area-scroll,
.box-bottom-float .area-scroll {
    overflow-y: auto;
    height: 100%;
    padding-bottom: 30px;
}

.accumulated-money__guide {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.7px;
}
.accumulated-money__guide.type-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 20px;
}
.accumulated-money__guide .limit {
    color: #1b1e23;
}
.accumulated-money__guide .quantity {
    color: #788497;
}

.airplane-info-write {
    width: 100%;
    padding: 0 0px;
    /* 상단 검색창 */
    /* 국내외 항공사 선택*/
    /* 항공권 정보가 없습니다. */
    /* 항공편 정보 직접입력*/
}
.airplane-info-write .content_wrap {
    padding: 0 20px;
}
.airplane-info-write .search-form {
    position: relative;
}
.airplane-info-write .search-form .write-field {
    position: relative;
    width: calc(100% - 60px);
}
.airplane-info-write .search-form .write-field input[type=text] {
    width: 100%;
    font-size: 16px;
}
.airplane-info-write .search-form .btn-circle {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -3px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    right: 8px;
    width: 16px;
    height: 0;
    padding-top: 40px;
    text-indent: -9999px;
    font-size: 0;
}
.airplane-info-write .search-form .btn-circle::before, .airplane-info-write .search-form .btn-circle::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    content: "";
}
.airplane-info-write .search-form .btn-circle::after {
    width: 8px;
    height: 8px;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    background: url(../../images/API_M_KO/common/n/icon_close_1.svg) no-repeat;
    background-size: contain;
}
.airplane-info-write .search-form .btn-circle::before {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background-color: #9aa3b1;
}
.airplane-info-write .tab-navi li a {
    font-size: 16px;
}
.airplane-info-write .airplane-compnay .list-sch-plane {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px 9px;
}
.airplane-info-write .airplane-compnay .list-sch-plane > li {
    width: calc((100% - 9px) / 2);
}
.airplane-info-write .airplane-compnay .list-sch-plane > li:nth-child(even) label input[type=radio] + .wrap-label + .airplane-schedule {
    margin-left: calc((-100vw - 9px) / 2);
}
.airplane-info-write .airplane-compnay .list-sch-plane label input[type=radio] {
    display: none;
}
.airplane-info-write .airplane-compnay .list-sch-plane label input[type=radio] + .wrap-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    position: relative;
    padding: 14px 16px;
    border: 1px solid #dde0e5;
    border-radius: 8px;
    font-size: 14px;
    letter-spacing: -0.7px;
}
.airplane-info-write .airplane-compnay .list-sch-plane label input[type=radio] + .wrap-label .txt.kor {
    display: block;
    overflow: hidden;
    width: calc(100% - 20px);
    text-overflow: ellipsis;
    color: #1b1e23;
    white-space: nowrap;
    letter-spacing: -0.45px;
}
.airplane-info-write .airplane-compnay .list-sch-plane label input[type=radio] + .wrap-label .txt.eng {
    display: inline-block;
    margin-left: 3px;
    color: #788497;
}
.airplane-info-write .airplane-compnay .list-sch-plane label input[type=radio] + .wrap-label .txt__keyword {
    color: #2879eb;
}
.airplane-info-write .airplane-compnay .list-sch-plane label input[type=radio] + .wrap-label .pin.btn_onoff {
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/common/n/btn_pin_off.svg) no-repeat;
    background-size: contain;
    content: "";
}
.airplane-info-write .airplane-compnay .list-sch-plane label input[type=radio] + .wrap-label .pin.btn_onoff.on {
    background-image: url(../../images/API_M_KO/common/n/btn_pin_on.svg);
}
.airplane-info-write .airplane-compnay .list-sch-plane label input[type=radio] + .wrap-label + .airplane-schedule {
    display: none;
    width: 100vw;
}
.airplane-info-write .airplane-compnay .list-sch-plane label input[type=radio] + .wrap-label + div .airplane-schedule {
    display: none;
    width: 100vw;
}
.airplane-info-write .airplane-compnay .list-sch-plane label input[type=radio]:checked + .wrap-label {
    border-color: #1b1e23;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
}
.airplane-info-write .airplane-compnay .list-sch-plane label input[type=radio]:checked + .wrap-label .txt.kor {
    font-weight: 700;
}
.airplane-info-write .airplane-compnay .list-sch-plane label input[type=radio]:checked + .wrap-label .txt.eng {
    font-weight: 600;
    color: #5c6677;
}
.airplane-info-write .airplane-compnay .list-sch-plane label input[type=radio]:checked + .wrap-label + .airplane-schedule {
    display: block;
}
.airplane-info-write .airplane-compnay .airplane-schedule {
    padding: 20px;
    margin: 0 -20px;
    margin-top: 12px;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #f5f7fa;
    /* 항공편 정보 */
}
.airplane-info-write .airplane-compnay .airplane-schedule.no-sch {
    padding-top: 74px;
    padding-bottom: 96px;
    font-size: 15px;
    color: #1b1e23;
    letter-spacing: -0.75px;
    text-align: center;
}
.airplane-info-write .airplane-compnay .airplane-schedule.no-sch::before {
    display: block;
    content: "편명 정보가 없습니다.";
}
.airplane-info-write .tit-layer-1 {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.8px;
    color: #1b1e23;
    margin-top: 20px;
}
.airplane-info-write .tit-layer-1 + .tab-content {
    margin-top: 18px;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list {
    padding: 0;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input[type=radio] + .as_info {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    gap: 8px;
    position: relative;
    padding: 16px 16px 16px 52px;
    background-color: #fff;
    border: solid 1px #dde0e5;
    padding-left: 50px;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input[type=radio] + .as_info::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 16px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #dde0e5;
    content: "";
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input[type=radio] + .as_info .as_info__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 12px 35px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input[type=radio] + .as_info .as_info__tit,
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input[type=radio] + .as_info .as_info__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-weight: 600;
    white-space: nowrap;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input[type=radio] + .as_info .value {
    font-weight: 600;
    font-size: 16px;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input[type=radio] + .as_info .category {
    font-weight: 600;
    font-size: 14px;
}
.airplane-info-write .tab-content[role=tabpanel] .airplane-compnay .airplane-schedule .airplane-schedule-list li label input[type=radio]:checked + .as_info .value {
    font-weight: 700;
}
.airplane-info-write .airplane-info-write .search-empty {
    background-color: transparent;
}
.airplane-info-write .airplane-info-write .search-empty .ico img {
    width: 100px;
}
.airplane-info-write .airplane-info-write .search-empty .txt {
    font-size: 15px;
}
.airplane-info-write .airplane-info-write .info-regist h3 {
    font-size: 15px;
}
.airplane-info-write .airplane-info-write .info-regist .write-form .field-wrap label {
    font-size: 12px;
}
.airplane-info-write .airplane-info-write .info-regist .write-form .field-wrap .field input {
    font-size: 16px;
}
.airplane-info-write .airplane-info-write .info-regist .write-form .warning {
    font-size: 12px;
}

.btn-square {
    font-size: 14px;
}

/* 항공사 선택 */
.airplane-info-write .airplane-compnay .airplane-compnay-btn-wrap button .txt_lang_wrap {
    overflow: hidden;
    white-space: nowrap;
}

/*적용 버튼*/
.btn-square.size-1 {
    width: 100%;
}

.btn-direct-input {
    display: none;
    margin-bottom: 16px;
    font-size: 13px;
    width: 100%;
    text-align: center;
}
.btn-direct-input img {
    width: 16px;
    margin-top: 2px;
}

.m_popup_renew .float_btn > div {
    padding: 0 20px 20px;
}

/* 항만편 정보 입력
******************************************************/
.passenger-ship .airplane-info-write h2 {
    font-size: 16px;
}
.passenger-ship .airplane-info-write .airplane-compnay .airplane-compnay-btn-wrap button .txt.kor {
    font-weight: 600;
}
.passenger-ship .airplane-info-write .airplane-compnay .airplane-compnay-btn-wrap button {
    overflow: hidden;
}
.passenger-ship .airplane-info-write .airplane-compnay .airplane-compnay-btn-wrap button p {
    overflow: hidden;
    white-space: nowrap;
}

/* 출국정보선택 */
.departure_info_sel .dpat_item {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    background-color: #fff;
    text-align: center;
}
.departure_info_sel .dpat_item input[type=radio] {
    margin: 0;
    padding: 0;
    position: relative;
    top: 2px;
    border: 0px;
}
.departure_info_sel .dpat_item input[type=radio]:checked + label {
    border: solid 1px #1b1e23;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
}
.departure_info_sel .dpat_item label {
    display: block;
    border: solid 1px #dde0e5;
    border-radius: 8px;
    padding: 16px 0;
}
.departure_info_sel .dpat_item .date {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
}
.departure_info_sel .dpat_item .flight {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
}
.departure_info_sel .dpat_item .flight span {
    font-weight: 600;
}
.departure_info_sel .dpat_item .flight_city {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 14.6vw;
}
.departure_info_sel .dpat_item .city_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    width: 56px;
    text-align: center;
}
.departure_info_sel .dpat_item .city_name p {
    color: #788497;
}
.departure_info_sel .dpat_item .city_name .city_eng {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
}
.departure_info_sel .dpat_item .city_name .city_kor {
    font-size: 13px;
    font-weight: 600;
}
.departure_info_sel .dpat_item .city_name + .city_name::before, .departure_info_sel .dpat_item .city_name + .city_name::after {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    content: "";
}
.departure_info_sel .dpat_item .city_name + .city_name:before {
    left: -7.3vw;
    width: 14.6vw;
    height: 1px;
    border-top: dashed 1px #dde0e5;
}
.departure_info_sel .dpat_item .city_name + .city_name::after {
    left: -7.3vw;
    width: 20px;
    height: 20px;
    background: url(../../images/API_M_KO/common/n/icon_flight_1.svg) no-repeat;
    background-size: contain;
}

.od .btn_chk.case-1 {
    position: relative;
}
.od .btn_chk.case-1 input[type=checkbox] + label {
    line-height: 46px;
}
.od .btn_chk.case-1 .btn_txtlink {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.od .btn_chk.case-1 input[type=checkbox]:checked + label + .btn_txtlink {
    color: #fff;
}

/* S: 2023-10-10 출국정보 없는 케이스 추가*/
.departure_info_sel .dpat_item.no-data {
    margin-top: 48px;
    font-size: 15px;
    font-weight: 600;
}
/* E: 2023-10-10 추가*/

/* 2023 개선 mypage */
/* main top--list */
.myhd .noti-benner {
    position: relative;
    display: block;
    height: 40px;
    background-image: linear-gradient(96deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
    padding: 10px 24px;
    text-align: center;
}
.myhd .noti-benner:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    left: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-image: url(../../images/API_M_KO/common/n/M_ico_bell.svg);
    background-repeat: no-repeat;
}
.myhd .noti-benner a {
    display: none;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px;
    font-size: 15px;
    white-space: nowrap;
    color: #fff;
}
.myhd .noti-benner a.is-active {
    display: block;
}
.myhd .my-hd-wrap {
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe6ee), color-stop(2%, #fde8f2), color-stop(3%, #faeaf5), color-stop(5%, #f8edf8), color-stop(6%, #f7f0fa), color-stop(8%, #f4effa), color-stop(11%, #f4f3fb), color-stop(16%, #f4f5fb), color-stop(27%, #f4f6fb), color-stop(69%, #f5f7fa));
    background-image: linear-gradient(180deg, #ffe6ee 0%, #fde8f2 2%, #faeaf5 3%, #f8edf8 5%, #f7f0fa 6%, #f4effa 8%, #f4f3fb 11%, #f4f5fb 16%, #f4f6fb 27%, #f5f7fa 69%);
    padding: 30px 20px 29px 20px;
}
.myhd .my-hd-wrap .my-before-line {
    position: relative;
    margin-right: 6px;
}
.myhd .my-hd-wrap .my-before-line::after {
    display: block;
    position: absolute;
    width: 1px;
    height: 10px;
    background: #eef0f2;
    right: -3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "";
}
.myhd .my-hd-wrap .hd-executives-name {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;/
            align-items: center;*//* 2024-05-29 예상등급 수정 flex-end*//*2024-06-21 ai 상품추천 수정*/
    /* gap: 2px; *//*2024-06-21 ai 상품추천 수정*/
    letter-spacing: -1.2px;
    line-height:1.4;/*2024-06-21 ai 상품추천 수정*/
    word-break:break-all;/*2024-06-21 ai 상품추천 수정*/
}
.myhd .my-hd-wrap .hd-executives-name span:nth-of-type(1) {
    font-size: 24px;
    font-weight: 700;
}
.myhd .my-hd-wrap .hd-executives-name span:nth-of-type(2) {
    font-size: 24px;/* 2024-05-29 예상등급 수정 20*/
    font-weight: 700;/* 2024-05-29 예상등급 수정*/
}
.myhd .my-hd-wrap .hd-executives-name a {
    position: relative;
    padding: 9px;/* 2024-05-29 예상등급 수정 18*/
    /*background: #5c6677;
    border-radius: 20px; *//* 2024-05-29 예상등급 수정*/
    margin-left: 6px;
    font-size: 0;
    cursor: pointer;
    vertical-align:middle;/*2024-06-21 ai 상품추천 수정*/
    display:inline-block;
}
.myhd .my-hd-wrap .hd-executives-name a:before {
    position: absolute;
    content: "";
    width: 18px;/* 2024-05-29 예상등급 수정*/
    height: 18px;/* 2024-05-29 예상등급 수정*/
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    /* background-image: url(../../images/API_M_KO/common/n/M_ico_pencil.svg); *//* 2024-05-29 예상등급 수정*/
    background-image: url(../../images/API_M_KO/common/n/m_icon_modify.svg);
    background-repeat: no-repeat;
}
.myhd .my-hd-wrap .my-tab-menu-wrap {
    margin-top: 32px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap.my-od-tab-menu-wrap {
    margin-bottom: 40px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab .my-od-tab-list {
    position: relative;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab .my-od-tab-list a,
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab .my-od-tab-list button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: none;
    padding: 8px 18px 8px;
    font-size: 16px;
    color: #5c6677;
    font-weight: 600;
    cursor: pointer;
}
@media screen and (max-width : 320px) {
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab .my-od-tab-list a,
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab .my-od-tab-list button {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px;
        letter-spacing: -0.05rem;/*2023-03-28 마이 메인 상단 수정*/
    }
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab .my-od-tab-list .my-od-ballon {
    position: absolute;
    min-height: 26px;
    left: 8px;
    bottom: calc(100% - 5px);
    background: #fff;
    padding: 4px 8px;
    color: #3d444f;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    letter-spacing: -0.6px;
    white-space: nowrap;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab .my-od-tab-list .my-od-ballon::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 40px;
    border-top: 4px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 0px solid transparent;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab .my-od-tab-list.is-active a,
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab .my-od-tab-list.is-active button {
    background: #1b1e23;
    border-radius: 20px;
    color: #fff;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab + .my-od-tab-content {
    margin-top: 12px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-tab-content-wrap {
    margin-top: 12px;
    background: #fff;
    border-radius: 12px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content {
    display: none;
    min-height: 186px;
    margin-bottom: 12px;/*2024-07-11 회원가입 개선 40*/
    padding: 20px;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    background-color: #fff;
    font-size: 24px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content.type-1 {
    padding: 20px 0;
}
@media screen and (max-width : 320px) {
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content {
        height: auto;
    }
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 28px;
    height:calc(50% - 19px);/*2024-07-19 예상등급 수정*/
}
@media screen and (max-width : 320px) {
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 10px;/*2023-03-28 마이 메인 상단 수정*/
    }
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content:first-child {
    padding-bottom: 19px;
    margin-bottom: 19px;
    border-bottom: 1px solid #eef0f2;
    height:50%;/*2024-07-19 예상등급 수정*/
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content .my-tab--content-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    width: calc((100% - 28px) / 2);
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content .my-tab--content-div + .my-tab--content-div::before {
    display: block;
    position: absolute;
    top: 0;
    left: -14px;
    width: 1px;
    height: 100%;
    background-color: #eef0f2;
    content: "";
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content .my-tab--content-div p {
    -ms-flex-item-align: start;
        align-self: flex-start;
    position: relative;
    color: #5c6677;
    font-size: 12px;
    font-weight: 600;
    padding-left: 20px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content .my-tab--content-div p:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content .my-tab--content-div .reserves:before {
    background-image: url(../../images/API_M_KO/common/n/M_ico_reserves.svg);
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content .my-tab--content-div .coupon:before {
    background-image: url(../../images/API_M_KO/common/n/M_ico_coupon.svg);
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content .my-tab--content-div .point:before {
    background-image: url(../../images/API_M_KO/common/n/M_ico_point.svg);
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content .my-tab--content-div .card:before {
    background-image: url(../../images/API_M_KO/common/n/M_ico_offline_card.svg);
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content .my-tab--content-div .hpoint-reload:after {
    content: "";
    display:inline-block;
    background: url(../../images/API_M_KO/common/n/ic-refresh.svg) no-repeat center center;
    width: 16px;
    height: 16px;
    margin-left:4px;
    text-indent: -9999px;
    overflow: hidden;
    vertical-align: -1px;
}/*2023-09-17 리로드 아이콘 추가*/
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content .my-tab--content-div a {
    display: block;
    margin-top: 5px;
    text-align: center;
    font-size: 18px;
    color: #1b1e23;
    font-weight: 700;
    line-height: 1.3;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content .my-tab--content-div .my-od-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 31px;
    padding: 4px 12px;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    color: #3d444f;
    font-size: 14px;
    font-weight: 600;
}
@media screen and (max-width : 320px) {
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content {
        padding:16px;
    }/*2023-03-28 마이 메인 상단 수정*/
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content .my-tab--content-div {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 12px;
        width: 100%;
    }
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content .my-tab--content-div a {
        margin-top: 0;
        font-size: 16px;/*2023-03-28 마이 메인 상단 수정*/
        white-space: nowrap;/*2023-03-28 마이 메인 상단 수정*/
    }
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content .my-tab--content-div + .my-tab--content-div::before {
        display: none;
    }/*2023-03-28 마이 메인 상단 수정*/
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-tab--content .my-tab--content-div + .my-tab--content-div {
        margin-top: 10px;
    }
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content + .my-od-tab-content {
    margin-top: 12px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content.is-active {
    display: block;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 28px;
    height:100%;/*2024-07-19 예상등급 수정*/
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 6px;
    width: calc((100% - 28px) / 2);
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info img {
    width: 16px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info p {
    font-size: 14px;
    color: #3d444f;
    font-weight: 600;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info + .pd-info {
    position: relative;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info + .pd-info::before {
    display: block;
    position: absolute;
    top: 0;
    left: -14px;
    width: 1px;
    height: 100%;
    background-color: #eef0f2;
    content: "";
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .passport-departur-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    margin-left: 4px;
    color: #5c6677;
    font-size: 12px;
    font-weight: 600;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .passport-departur-info span {
    position: relative;
    padding-left: 20px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .passport-departur-info span:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .passport-departur-info .passport:before {
    background-image: url(../../images/API_M_KO/common/n/M_ico_passport.svg);
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .passport-departur-info .departure:before {
    background-image: url(../../images/API_M_KO/common/n/M_ico_departure.svg);
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .my-pd-badge {
    padding: 1px 6px 2px;
    margin-top: 15px;/*2024-07-19 예상등급 수정*/
    border-radius: 4px;
    font-size: 11px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .my-passport-badge {
    background: #ffebe5;
    color: #f4511e;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .my-departure-badge {
    background: #ffe5ee;
    color: #ea2869;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .pd-magnetic-info,
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .pd-magnetic-info a {
    color: #1b1e23;
    font-size: 18px;
    font-weight: 700;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .pd-magnetic-info.departure__route,
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .pd-magnetic-info.departure__route a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .pd-magnetic-info.departure__route .departure__route--from,
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .pd-magnetic-info.departure__route .departure__route--to {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 52px;
    font-size: 18px;
    letter-spacing: -0.9px;
    color: #1b1e23;
    font-weight: 700;
    white-space: nowrap;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .pd-magnetic-info.departure__route .departure__route--to {
    position: relative;
    max-width: 76px;
    padding-left: 24px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .pd-magnetic-info.departure__route .departure__route--to::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../../images/API_M_KO/common/n/M_ico_double_arrow_b.svg) no-repeat;
    content: "";
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .pd-magnetic-info + p {
    margin-top: 8px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .departure-not-text {
    width: 100%;
    margin: 24px 0 5px;
    padding: 0 16px;
    text-align: center;
    color: #5c6677;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .departure-info-btn {
    min-width: 107px;
    margin: 0 auto;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .departure-info-btn button {
    padding: 6px 12px;
    color: #3d444f;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    letter-spacing: -0.7px;
}

@media screen and (max-width : 320px) {
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap {
        /* -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; */
        gap: 12px 20px;
    }
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info {
        width: calc((100% - 20px) / 2);
    }
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info + .pd-info::before {
        left: -10px;
    }
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .pd-magnetic-info.departure__route .departure__route--from, .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-info-wrap .pd-info .pd-magnetic-info.departure__route .departure__route--to {
        font-size:16px;
    }
}/*2023-03-28 마이 메인 상단 수정 css위치도 이동*/

.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-not-info-wrap {
    margin: 27px 0 27px 0;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-not-info-wrap .departure-not-text {
    margin-bottom: 16px;
    text-align: center;
    color: #5c6677;
    font-size: 15px;
    font-weight: 600;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-not-info-wrap .departure-info-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .passport-departur-not-info-wrap .departure-info-btn button {
    padding: 6px 12px;
    color: #3d444f;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap .membership-level {
    width: 100%;
    text-align: center;
    position: relative;
    padding: 12px 0px;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap .membership-level img {
    width: 48px;
    height: 48px;
    margin: 24px 0 8px 0;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap .membership-level p {
    text-align: center;
    margin: 0 auto;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap .membership-level p:first-child {
    color: #5c6677;
    font-size: 12px;
    font-weight: 600;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap .membership-level p:last-child {
    font-size: 16px;
    font-weight: 700;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap .membership-level + .membership-level {
    position: relative;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap .membership-level + .membership-level::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background-color: #eef0f2;
    content: "";
}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap .membership-level .membership-level__tit {
    color: #1b1e23;
    font-weight: 700;
    letter-spacing: -0.8px;
    font-size: 16px;
}
@media screen and (max-width : 320px) {
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap {
        /* -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; */
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 10px;
        height: 100%;
        align-items: center;
    }
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap .membership-level {
        padding: 0;
    }
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap .membership-level + .membership-level::before {
        left: -5px;
    }
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap .membership-level a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 6px;
        flex-direction: column;
    }
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap .membership-level a img {
        margin: 0;
    }
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap .membership-level .membership-level__tit,
    .myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .membership-level-wrap .membership-level p:last-child {
        font-size:15px;
    }
}/*2023-03-28 마이 메인 상단 수정, css위치 이동*/
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content.temped {
    display: block;
    visibility: hidden;
}
.myhd .my-hd-wrap .my-tab-menu-wrap .panel.my-panel::before {
    display: none;
}

/*S:2024-07-11 회원가입 개선*/
.my-join-banner {margin-bottom:10.67vw;}
.my-join-banner a {display:flex; align-items:center; width:100%; height:18.67vw; border-radius:12px; padding:7.1%; font-size:3.73vw; color:#3d444f; background:#e9e5ff url('../../images/API_M_KO/common/img_join_hpoint.svg') no-repeat 100% 0/contain;}
.my-join-banner a strong {color:#5a3ff2; font-weight:700;}
/*E:2024-07-11 회원가입 개선*/

.myhd .my-hd-wrap .hd-od-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 12px;
}
.myhd .my-hd-wrap .hd-od-title span:nth-of-type(1) {
    font-size: 18px;
    font-weight: 700;
}
.myhd .my-hd-wrap .hd-od-title span:nth-of-type(2) {
    color: #5c6677;
    font-size: 13px;
    font-weight: 600;
}
.myhd .my-hd-wrap .hd-od-title.type-1 {
    font-size: 16px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.9px;
}
.myhd .my-hd-wrap .od-not-product-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    padding: 28px 0 48px 0;
    color: #3d444f;
    font-size: 15px;
    font-weight: 700;
}
.myhd .my-hd-wrap .my-situation-swiper {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 70px;
}
.myhd .my-hd-wrap .my-situation-swiper .my-panel {
    margin-top: 0;
}
@media screen and (max-width : 320px) {
    .myhd .my-hd-wrap .my-situation-swiper .my-panel {
        height: auto;
    }
}
.myhd .my-hd-wrap .my-situation-swiper .swiper-pagination-bullet-active {
    background: #1b1e23;
}
.myhd .my-hd-wrap .my-situation-swiper .swiper-pagination-bullets {
    bottom: -35px;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-date-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 12px;
}
@media screen and (max-width : 320px) {
    .myhd .my-hd-wrap .my-situation-swiper .my-od-date-info {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 5px;
    }
    .myhd .my-hd-wrap .my-situation-swiper .my-od-date-info a {
        text-align: center;
    }
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-date-info .my-od-badge {
    margin-right: 4px;
    border-radius: 4px;
    border: 1px solid #ccd1d8;
    color: #5c6677;
    font-size: 11px;
    padding: 1px 6px 2px;
    font-weight: 600;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-date-info .order_num span {
    color: #ea2869;
    text-decoration: underline;
    font-weight: 600;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-date-info > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-date-info > div span:nth-of-type(1) {
    color: #3d444f;
    font-weight: 600;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-date-info > div span:nth-of-type(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-date-info > div span:nth-of-type(2) img {
    width: 16px;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-flex .my-od-product-info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 19px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 17px;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-flex .my-od-product-info-wrap .my-od-product-info .my-od-product-name:nth-of-type(1) {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /*margin-right: 16px;*//* 2024-05-14 첫구매딜 관련 수정 */
    color: #3d444f;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-flex .my-od-product-info-wrap .my-od-product-info .my-od-product-name:nth-of-type(2) {
    font-weight: 900;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-flex .my-od-product-info-wrap .my-od-product-info .my-od-product-name span {
    color: #1b1e23;
    font-weight: 900;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-flex .my-od-product-info-wrap .my-od-product-info .my-hd-addition-txt {
    font-weight: 700;
    color: #3d444f;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-flex .my-od-product-info-wrap .my-od-product {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    width: 96px;
    height: 96px;
    background-color: #f5f7fa;
    border-radius: 4px;
    overflow: hidden;/*2024-08-14 썸네일 이미지 확장*/
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-flex .my-od-product-info-wrap .my-od-product::before {
    display: block;
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 10px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 10px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    z-index: 1;
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-flex .my-od-product-info-wrap .my-od-product img {
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 10px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 10px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    -o-object-fit: cover;
       object-fit: cover;
}
@media screen and (max-width : 320px) {
    .myhd .my-hd-wrap .my-situation-swiper .my-od-flex .my-od-product-info-wrap .my-od-product {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-flex .my-od-product-info-wrap .my-od-product img {
    /* width: 76px; *//*2024-08-14 썸네일 이미지 확장*/
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-flex .my-od-total-price {
    margin-top: 16px;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-flex .my-od-total-price p {
    color: #3d444f;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-flex .my-od-total-price .galler {
    margin-right: 4px;
    font-size: 16px;
    font-weight: 700;
    color: #1b1e23;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-flex .my-od-total-price .krw {
    color: #3d444f;
}
.myhd .my-hd-wrap .my-situation-swiper .airport-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 6px 12px 7px;
    background: #e8f7ff;
    border-radius: 4px;
}
.myhd .my-hd-wrap .my-situation-swiper .airport-info .order-product__route {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.myhd .my-hd-wrap .my-situation-swiper .airport-info .order-product__route::before {
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(../../images/API_M_KO/common/n/M_ico_air.svg) no-repeat;
    background-size: contain;
    content: "";
}
.myhd .my-hd-wrap .my-situation-swiper .airport-info .order-product__route span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    max-width: 40px;
    white-space: nowrap;
}
.myhd .my-hd-wrap .my-situation-swiper .airport-info .order-product__route span + span {
    max-width: 58px;
    padding-left: 18px;
}
.myhd .my-hd-wrap .my-situation-swiper .airport-info .order-product__route span + span::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_ico_double_arrow.svg) no-repeat;
    background-size: contain;
    content: "";
}
.myhd .my-hd-wrap .my-situation-swiper .airport-info .order-product__route.type-ship::before {
    background-image: url(../../images/API_M_KO/common/n/icon_ship_1.svg);
}
@media screen and (max-width : 320px) {
    .myhd .my-hd-wrap .my-situation-swiper .airport-info {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 5px;
        text-align: center;
    }
}
.myhd .my-hd-wrap .my-situation-swiper .airport-info div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    color: #0288d1;
    font-weight: 700;
}
.myhd .my-hd-wrap .my-situation-swiper .airport-info div:nth-of-type(2) {
    color: #0288d1;
}
.myhd .my-hd-wrap .my-situation-swiper .airport-info div:nth-of-type(2) .my-before-line::after {
    background: #ccd1d8;
}
.myhd .my-hd-wrap .my-situation-swiper .airport-info .order-product__schedule {
    font-size: 13px;
    color: #0288d1;
    letter-spacing: -0.65px;
}
.myhd .my-hd-wrap .my-situation-swiper .airport-info img {
    width: 16px;
}
.myhd .my-hd-wrap .my-situation-swiper .airport-info + .my-od-code-view {
    margin-top: 18px;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-code-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-code-view span {
    font-size: 14px;
    color: #3d444f;
    font-weight: 600;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-code-view .my-od-pickup,
.myhd .my-hd-wrap .my-situation-swiper .my-od-code-view .my-od-barcode {
    position: relative;
    width: 100%;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-code-view .my-od-pickup button,
.myhd .my-hd-wrap .my-situation-swiper .my-od-code-view .my-od-barcode button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    width: 100%;
    height: 20px;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #3d444f;
    text-align: center;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-code-view .my-od-pickup button::before,
.myhd .my-hd-wrap .my-situation-swiper .my-od-code-view .my-od-barcode button::before {
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-code-view .my-od-barcode button::before {
    background-image: url(../../images/API_M_KO/common/n/icon_barcode_1.svg);
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-code-view .my-od-pickup button::before {
    background-image: url(../../images/API_M_KO/common/n/icon_pickup_1.svg);
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-code-view > * + *::after {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 19px;
    background: #dde0e5;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "";
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-list-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 210px;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-list-more div {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-list-more a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.myhd .my-hd-wrap .my-situation-swiper .my-od-list-more a::after {
    content: url(../../images/API_M_KO/common/n/M_ico_order_list_more.svg);
    margin: 2px 0 0 2px;
}
.myhd .my-hd-wrap .my-suggestion-swiper {
    margin-bottom: 40px;
    /* width: 100vw; *//*2024-06-10 ai추천 슬라이드 변경*/
}
.myhd .my-hd-wrap .my-suggestion-swiper .my-suggestion-prdouct {
    position: relative;
    width: 34.6vw;
    height: 34.6vw;
    background: url(../../images/API_M_KO/common/n/M_order_product.png) center #fff no-repeat;
    background-size: contain;
}
.myhd .my-hd-wrap .my-suggestion-swiper .my-suggestion-prdouct button {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    z-index: 2;
}
.myhd .my-hd-wrap .my-suggestion-swiper .my-suggestion-prdouct button span {
    font-size: 0;
}
.myhd .my-hd-wrap .my-suggestion-swiper .my-suggestion-prdouct button:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-repeat: no-repeat;
}
.myhd .my-hd-wrap .my-suggestion-swiper .my-suggestion-prdouct .my-play {
    right: 10px;
    top: 10px;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.myhd .my-hd-wrap .my-suggestion-swiper .my-suggestion-prdouct .my-play:before {
    width: 24px;
    height: 24px;
    background-image: url(../../images/API_M_KO/common/n/M_ico_unit_play.svg);
}
.myhd .my-hd-wrap .my-suggestion-swiper .my-suggestion-prdouct .my-cart {
    right: 8px;
    bottom: 8px;
    padding: 16px;
}
.myhd .my-hd-wrap .my-suggestion-swiper .my-suggestion-prdouct .my-cart:before {
    width: 24px;
    height: 24px;
    background-image: url(../../images/API_M_KO/common/n/M_ico_cart.svg);
    background-position: center;
}
.myhd .my-hd-wrap .my-suggestion-swiper .swiper-slide {
    width: 34.6vw;
    margin-right: 12px;
}
.myhd .my-hd-wrap .my-suggestion-swiper .swiper-slide .my-od-suggestion-info .my-od-suggestion-title {
    margin: 12px 0 2px 0;
    font-weight: 700;
}
.myhd .my-hd-wrap .my-suggestion-swiper .swiper-slide .my-od-suggestion-info .my-od-suggestion-sale-text {
    color: #ea2869;
}
.myhd .my-hd-wrap .my-suggestion-swiper .swiper-slide .my-od-suggestion-info .my-od-suggestion-content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    color: #3d444f;
}
.myhd .my-hd-wrap .my-suggestion-swiper .swiper-slide .my-od-suggestion-info .discount span:first-child {
    font-size: 12px;
    color: #1b1e23;
}
.myhd .my-hd-wrap .my-suggestion-swiper .swiper-slide .my-od-suggestion-info .discount span:last-child {
    margin-left: 2px;
    font-size: 12px;
    color: #abb2be;
}
.myhd .my-hd-wrap .my-suggestion-swiper .swiper-slide .my-od-suggestion-info .price-result span:first-child {
    font-size: 15px;
    color: #ea2829;
    font-weight: 700;
}
.myhd .my-hd-wrap .my-suggestion-swiper .swiper-slide .my-od-suggestion-info .price-result span:last-child {
    margin-left: 2px;
    font-size: 12px;
    color: #3d444f;
}
.myhd .my-hd-wrap .my-suggestion-swiper .swiper-slide .my-od-suggestion-info .product-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin-top: 8px;
}
.myhd .my-hd-wrap .my-suggestion-swiper .swiper-slide .my-od-suggestion-info .product-badge div {
    background: #fff;
    padding: 1px 6px 2px;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    color: #5c6677;
    font-weight: 600;
    font-size: 11px;
}
.myhd .my-hd-wrap .my-suggestion-swiper .list-product.list-product__recommend {
    overflow: visible;
    gap: 0;
}
.myhd .my-hd-wrap .my-suggestion-swiper .list-product.list-product__recommend .product__item .product__img {
    background-color: #fff;
}
.myhd .my-hd-wrap .my-suggestion-swiper .list-product.list-product__recommend .product__item .product__img::before {
    display:none;
}/*2024-08-14 썸네일 이미지 확장*/
.myhd .my-hd-wrap .my-suggestion-swiper .list-product.list-product__recommend .product__item .product__img + .product__info {
    margin-top: 12px;
}
.myhd .my-hd-wrap .my-od-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 16px;
}
.myhd .my-hd-wrap .my-od-info:before {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../../images/API_M_KO/common/n/M_ico_right_arrow.svg);
    background-repeat: no-repeat;
}
.myhd .my-hd-wrap .my-od-info:last-child {
    margin-bottom: 0;
}
.myhd .my-hd-wrap .my-od-info span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 15px;
    font-weight: 600;
    color: #1b1e23;
}
.myhd .my-hd-wrap .my-od-info .new-product-mark {
    position: relative;
}
.myhd .my-hd-wrap .my-od-info .new-product-mark:after {
    display: block;
    width: 12px;
    height: 12px;
    background-image: url(../../images/API_M_KO/common/n/M_ico_n.svg);
    background-repeat: no-repeat;
    content: "";
}
.myhd .my-hd-wrap .hd-help-wrap .my-panel {
    margin-top: 12px;
}
.myhd .my-hd-wrap .hd-help-wrap .hd-help--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
}
.myhd .my-hd-wrap .hd-help-wrap .hd-help--wrap .hd-help {
    width: 100%;
    text-align: center;
}
.myhd .my-hd-wrap .hd-help-wrap .hd-help--wrap .hd-help img {
    width: 24px;
    margin-bottom: 8px;
}
.myhd .my-hd-wrap .hd-help-wrap .hd-help--wrap .hd-help p {
    color: #5c6677;
    font-weight: 600;
    font-size: 14px;
}
.myhd .my-hd-wrap .hd-call-center-info {
    position: relative;
    margin-top: 12px;
    margin-left: 5px;
    font-size: 12px;
    color: #788497;
    letter-spacing: -0.04em;
}
.myhd .my-hd-wrap .hd-call-center-info::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 7px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #788497;
}
.myhd .my-hd-wrap .electronic-passport-wrap {
    position: fixed;
    overflow: hidden;
    bottom: 81px;
    width: calc(100% - 40px);
    z-index: 1000;
}
.myhd .my-hd-wrap .electronic-passport-wrap.active .electronic-passport {
    border-radius: 16px 16px 0 0;
}
.myhd .my-hd-wrap .electronic-passport-wrap .electronic-passport {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 20px;
    background: #5c6677;
    border-radius: 16px;
}
.myhd .my-hd-wrap .electronic-passport-wrap .electronic-passport .electronic-passport-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.myhd .my-hd-wrap .electronic-passport-wrap .electronic-passport .electronic-passport-info p {
    margin-left: 8px;
    color: #fff;
    font-size: 16px;
}
.myhd .my-hd-wrap .electronic-passport-wrap .electronic-passport .electronic-passport-info img {
    width: 24px;
    height: 24px;
}
.myhd .my-hd-wrap .electronic-passport-wrap .electronic-passport span {
    color: #ccd1d8;
}
.myhd .my-hd-wrap .electronic-passport-wrap .electronic-passport-content {
    position: relative;
    display: none;
    padding: 0 10px 10px 10px;
    background: #5c6677;
    border-radius: 0 0 16px 16px;
}
.myhd .my-hd-wrap .electronic-passport-wrap .electronic-passport-content .electronic-passport--content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 204px;
    background: #7e8591;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
}
.myhd .my-od-sticky {
    position: fixed;
    top: 80px;
    z-index: 9999;
}
.myhd.od {
    /* .panel,
    .tab_contian .subTab_cont {
        padding: 20px 0;
    } */
}
.myhd.od .tab_contian .tab_nav.wide {
    margin-bottom: 0;
}
.myhd.od .tab_contian .order_list li:first-child {
    padding-top: 0;
}
.myhd.od .tab_contian .order_list .order_goods_info {
    padding-bottom: 0;
}
.myhd.od .foldgroup {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 22px;
}
.myhd.od .foldgroup .fold_cont ul li .inner_list li {
    margin-top: 5px;
    padding-left: 5px;
}
.myhd.od .foldgroup .fold_cont ul li .inner_list li:before {
    content: none;
}
.myhd .pn-cont .inner ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 12px;
}
.myhd .pn-cont .inner ul li:last-child {
    margin-bottom: 0;
}
.myhd .pn-cont .inner ul li .case {
    font-size: 14px;
    color: #5c6677;
}
.myhd .pn-cont .inner ul li .i_txt {
    font-size: 14px;
    color: #1b1e23;
    font-weight: 700;
}
.myhd .order_goods_tit .temp_chk label:before {
    top: -10px;
}
.myhd .order_goods_tit .temp_chk label:after {
    top: -8px;
    background: none;
}
.myhd .order_product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0 19px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 19px 0 20px;
}
.myhd .order_product .order_goods_infom {
    width: 100%;
}
.myhd .order_product .order_goods_img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    width: 96px;
    height: 96px;
    background-color: #f5f7fa;
    border-radius: 8px;
    position: relative;
}
.myhd .order_product .order_goods_img::before {
    display: block;
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 10px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 10px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    z-index: 1;
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}
.myhd .order_product .order_goods_img img {
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 10px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 10px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    -o-object-fit: cover;
       object-fit: cover;
}
.myhd .order_product .order_goods_infom .top div {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.myhd .order_product .order_goods_infom .top div .add {
    font-size: 14px;
    font-weight: 700;
    padding: 0 1px 0 0;
    background: linear-gradient(110deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.myhd .order_product .order_goods_infom .top div .order_tit {
    font-size: 14px;
    font-weight: 700;
}
.myhd .order_product .order_goods_infom .top div .order_detail {
    margin-top: 4px;
    font-size: 14px;
    color: #3d444f;
    display: inline;
}
.myhd .order_product .order_goods_infom .sku_num {
    margin-top: 4px;
    font-size: 14px;
    color: #788497;
}
.myhd .order_product .order_goods_infom .discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px;
}
.myhd .order_product .order_goods_infom .discount span {
    font-size: 14px;
    font-weight: 700;
}
.myhd .order_product .order_goods_infom .discount del {
    color: #abb2be;
    font-size: 13px;
}
.myhd .order_product .order_goods_infom .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px;
}
.myhd .order_product .order_goods_infom .price strong {
    color: #ea2829;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
.myhd .order_product .order_goods_infom .price span {
    font-size: 14px;
    color: #3d444f;
    line-height: 1.46;
    margin-bottom: 2px;
}
.myhd .order_complete {
    padding: 12px;
    background-color: #f9fafb;
}
.myhd .order_complete .order_com_tit {
    font-weight: 700;
    font-size: 13px;
    color: #3d444f;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: solid 1px #dde0e5;
}
.myhd .order_complete ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 !important;
    padding-bottom: 12px !important;
}
.myhd .order_complete ul li p {
    font-size: 13px;
    color: #3d444f;
}
.myhd .order_complete ul li:last-child {
    padding-bottom: 0;
}
.myhd .order_complete .discount .sum {
    color: #ea2829;
}
.myhd .order_complete .discount .sum span {
    font-size: 14px;
    font-weight: 700;
}
.myhd .order_complete .purchase .sum {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 4px;
    color: #1b1e23;
}
.myhd .order_complete .purchase .sum span {
    font-size: 16px;
    font-weight: 700;
}
.myhd .otp_freegift {
    border-top: unset;
    margin: 0;
    padding: 0;
}
.myhd .otp_freegift .fgift_list li:last-child {
    padding-bottom: 0;
}
.myhd .otp_freegift .more {
    width: 100%;
    display: block;
    margin-top: 19px;
    padding-top: 12px;
    text-align: center;
    border-top: 1px solid #eef0f2;
}
.myhd .otp_freegift .more span {
    position: relative;
    color: #788497;
    font-size: 14px;
    font-weight: 600;
}
.myhd .otp_freegift .more span:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../images/API_M_KO/common/n/M_ico_more_arrow_down.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    position: absolute;
    right: -20px;
    bottom: -7px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.myhd .payment_info_wrap {
    padding: 20px;
}
.myhd .detail_discount .discount_name:before {
    content: "└";
    display: inline-block;
    font-size: 10px;
    width: 4px;
    height: 4px;
    color: #abb2be;
    margin-right: 10px;
}
.myhd .pn-title {
    padding-top: 20px;
    margin-bottom: 20px;
    border-top: solid 1px #dde0e5;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    line-height: 28px;
    letter-spacing: -0.05em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.myhd .pay_box {
    margin-bottom: 20px;
}
.myhd .pay_box ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #5c6677;
    margin-bottom: 8px;
}
.myhd .pay_box ul li .title {
    font-size: 12px;
}
.myhd .pay_box ul li .price {
    font-size: 14px;
    font-weight: 700;
}
.myhd .pay_box_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #1b1e23;
    margin-bottom: 10px;
}
.myhd .pay_box_head .title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}
.myhd .pay_box_head .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}
.myhd .pay_box_head .price span {
    font-size: 13px;
    line-height: 19px;
    color: #3d444f;
}
.myhd .pay_box.total .pay_box_head {
    color: #ea2829;
}
.myhd .pay_box.total .pay_box_head .title {
    font-size: 16px;
    line-height: 24px;
}
.myhd .pay_box.total .pay_box_head .price {
    font-size: 20px;
    line-height: 29px;
}
.myhd .pay_box.total .pay_box_head .price span {
    font-size: 13px;
    line-height: 19px;
    color: #3d444f;
}
.myhd .payment_method {
    padding-left: 20px;
    padding-right: 20px;
}
.myhd .payment_method ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
            align-items: flex-start;
    margin-bottom: 12px;
    font-size: 14px;
    color: #1b1e23;
}
.myhd .payment_method ul li:last-child {
    margin-bottom: 0;
}
.myhd .payment_method ul li .case {
    font-size: 14px;
    color: #5c6677;
}
.myhd .payment_method ul li .price {
    position: relative;
    font-weight: 700;
    text-align: right;
}
.myhd .payment_method ul li .price .sms-agree {
    text-align: right;
    font-size: 12px;
    color: #5c6677;
    font-weight: 600;
}
.myhd .payment_method ul li .title {
    font-weight: 600;
}
.myhd .just_btn {
    margin: 32px 0;
}
.myhd .just_btn.type-1 {
    margin-bottom: 0;
}
.myhd .just_btn > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 9px;
}
.myhd .just_btn > div button {
    padding: 0;
    border: solid 1px #1b1e23;
}
.myhd .inquiry_mtm {
    padding: 40px 0;
    margin: 0 20px;
    border-top: solid 1px #dde0e5;
    text-align: center;
}
.myhd .inquiry_mtm p {
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
    color: #1b1e23;
}
.myhd .inquiry_mtm .inquiry_mtm__txt {
    font-weight: 600;
}
.myhd .inquiry_mtm button {
    border: 1px solid #ccd1d8;
}
.myhd .inquiry_mtm button span {
    color: #3d444f;
}
.myhd .panel .payment_method {
    padding: 0;
    margin-bottom: 30px;
}
.myhd .panel .payment_method.type-1 {
    margin-bottom: 0;
}
.myhd .panel .pn-title {
    padding-top: 0;
    border-top: unset;
}
.myhd .panel .order_goods_tit.cancel {
    padding: 0 0 10px;
    border-bottom: 2px solid #1b1e23;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    gap: 0 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #3d444f;
}
.myhd .panel .order_product.cancel .price strong {
    color: #1b1e23;
}
.myhd .panel .payment_info.cancel {
    background-color: #f9fafb;
    padding: 12px;
    margin-bottom: 31px;
}
.myhd .panel .payment_info.cancel .pn-title {
    font-size: 13px;
    font-weight: 700;
    color: #3d444f;
    margin-bottom: 13px;
    padding-bottom: 13px;
}
.myhd .panel .payment_info.cancel .pay_box:nth-of-type(1) {
    margin-bottom: 0;
}
.myhd .panel .payment_info.cancel .pay_box_head .title {
    font-size: 13px;
    color: #3d444f;
    font-weight: 600;
}
.myhd .panel .payment_info.cancel .pay_box_head .price {
    font-size: 14px;
    color: #788497;
}
.myhd .panel .payment_info.cancel .pay_box_head .price span {
    font-size: 13px;
    font-weight: 400;
    color: #788497;
}
.myhd .panel .payment_info.cancel .pay_box_head.total .price {
    font-size: 16px;
    color: #1b1e23;
}
.myhd .panel .payment_method.top-line {
    border-top: solid 1px #dde0e5;
    padding-top: 20px;
}
.myhd .panel .otp_freegift.top-line {
    border-top: solid 1px #dde0e5;
    padding-top: 20px;
}
.myhd .m_popup_renew.box-float-layer.active {
    padding-bottom: 50px;
}
.myhd .m_popup_renew.box-float-layer .panel {
    padding: 20px 0;
}
.myhd .m_popup_renew.box-float-layer .confirm_tit span {
    font-size: 12px;
}
.myhd .m_popup_renew.box-float-layer .confirm_body .p_info_box.t_dotlist ul li {
    color: #788497;
}
.myhd .interest-free-points-list table {
    border-top: solid 2px #1b1e23;
}
.myhd .od {
    padding: 0 20px;
}
.myhd .confirm_img {
    margin: 24px 0;
}
.myhd .confirm_img.img-integrate {
    padding: 0;
}
.myhd .confirm_img.img-integrate .confirm__img {
    margin: 0 20px;
}
.myhd .confirm_img.img-integrate .confirm__img + p {
    margin-top: 8px;
}
.myhd .confirm_img p {
    font-size: 12px;
    font-weight: 600;
    color: #1b1e23;
    text-align: center;
}
.myhd .m_popup_renew .confirm_body {
    padding: 0;
}
.myhd .m_popup_renew .confirm_body.myhd_alt {
    padding: 0 24px;
}

.od .foldgroup .fold_cont .faq {
    font-size: 12px;
    color: #ea2869;
    text-decoration: underline;
}

.panel.interest-free-points + .barcord-wrap {
    margin-top: 0;
}

.barcord-wrap ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.barcord-wrap ul li img {
    width: 303px;
}
.barcord-wrap ul li button {
    position: relative;
    width: 24px;
    height: 24px;
}
.barcord-wrap ul li button span {
    font-size: 0;
}
.barcord-wrap ul li button:before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url(../../images/API_M_KO/common/n/icon_expansion.svg);
}
.barcord-wrap ul li:last-child {
    margin-bottom: 0;
}

.barcord-img {
    margin: 32px 0;
    width: 100%;
    text-align: center;
}

.coupon-info {
    margin-bottom: 30px;
}
.coupon-info ul li {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.65px;
    color: #1b1e23;
}

.coupon-table {
    margin-bottom: 40px;
}
.coupon-table table {
    border-top: solid 2px #1b1e23;
}
.coupon-table thead {
    padding: 15px 0;
}
.coupon-table thead td {
    font-size: 13px;
    font-weight: 700;
    color: #1b1e23;
    padding: 16px 0;
    text-align: center;
}
.coupon-table thead td:first-child {
    text-align: left;
}
.coupon-table thead td:last-child {
    text-align: right;
}
.coupon-table tbody {
    border-bottom: solid 1px #dde0e5;
}
.coupon-table tbody tr th {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-align: left;
}
.coupon-table tbody tr td {
    text-align: center;
}
.coupon-table tbody tr td:last-of-type {
    text-align: right;
}
.coupon-table tbody tr:first-child th, .coupon-table tbody tr:first-child td {
    padding: 12px 0 4px;
    border-top: solid 1px #dde0e5;
    font-weight: 700;
}
.coupon-table tbody tr:first-child th p {
    font-weight: 600;
}
.coupon-table tbody tr:nth-child(2) th, .coupon-table tbody tr:nth-child(2) td {
    padding: 4px 0 12px;
    border-bottom: solid 1px #dde0e5;
    color: #788497;
}
.coupon-table tbody tr:nth-child(2) .price {
    font-size: 14px;
    font-weight: 700;
}
.coupon-table tbody tr:nth-child(3) th, .coupon-table tbody tr:nth-child(3) td {
    padding: 12px 0 6px;
    color: #3d444f;
}
.coupon-table tbody tr:nth-child(4) th, .coupon-table tbody tr:nth-child(4) td {
    padding: 6px 0;
    font-weight: 700;
}
.coupon-table tbody tr:nth-child(4) .price {
    font-size: 16px;
}
.coupon-table tbody tr:last-child th, .coupon-table tbody tr:last-child td {
    padding: 6px 0 12px;
    border-bottom: solid 1px #dde0e5;
    font-weight: 700;
}
.coupon-table tbody tr:last-child .price {
    font-size: 16px;
}

.buyer-sign .pn-tit {
    font-size: 15px;
    font-weight: 700;
    color: #1b1e23;
}
.buyer-sign .sign-img {
    margin-top: 12px;
    padding: 20px 34px 20px 35px;
    border-radius: 8px;
    border: solid 1px #dde0e5;
    background-color: #fff;
    min-height: 162px;
}

.recipt_inform {
    margin-top: 24px;
    margin-bottom: 20px;
}
.recipt_inform .pn-tit {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}
.recipt_inform .recipt-img {
    width: 100%;
    border: solid 1px #dde0e5;
    border-radius: 8px;
    overflow: hidden;
}
.recipt_inform .recipt-img img {
    width: 100%;
}

.inform-list {
    margin-bottom: 0;
}
.inform-list + .inform-list {
    margin-top: 32px;
}
.inform-list p {
    font-size: 13px;
}
.inform-list .inform-title {
    font-weight: 700;
    margin-bottom: 8px;
}
.inform-list .inform-cont {
    font-weight: 600;
}

.tab-order-list .tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 20px;
    border-bottom: 1px solid #dde0e5;
}
.tab-order-list .tab-list > li {
    width: 100%;
}
.tab-order-list .tab-list .tab-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    width: 100%;
    color: #abb2be;
    letter-spacing: -0.35px;
    height: 56px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
}
.tab-order-list .tab-list .tab-button::after {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
    content: "";
}
.tab-order-list .tab-list .is-active .tab-button {
    color: #1b1e23;
    font-weight: 700;
}
.tab-order-list .tab-list .is-active .tab-button::after {
    display: block;
}
.tab-order-list .tab-content.is-active {
    display: block;
}

.area-attention > button[aria-controls] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3px;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 16px 0 0;
    text-align: left;
}
.area-attention > button[aria-controls]::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_exclamation.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    content: "";
}
.area-attention > button[aria-controls]::after {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 2px;
    background-image: url(../../images/API_M_KO/common/n/M_ico_fold_arrow.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
    -webkit-transition: 0.25s ease-in;
    transition: 0.25s ease-in;
    content: "";
}
.area-attention > button[aria-controls][aria-expanded=false]::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.area-attention + .fold_cont.is-active {
    display: block;
}

.od .foldgroup .fold_head.area-attention::after {
    display: none;
}
.od .foldgroup .fold_cont ul.list-info.type-dot li::before {
    display: block;
    margin: 0;
}

.myhd .tab_contian.tab-order-list {
    margin-bottom: 0;
}
.myhd .tab_contian.tab-order-list + .foldgroup {
    margin-top: 17px;
}

.btn-square.type-line-3 {
    border: 1px solid #ccd1d8;
    color: #3d444f;
    font-weight: 600;
}

.od .panel .pn-tit.type-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.m_popup_renew.box-float-layer .od {
    padding: 0 20px;
}
.m_popup_renew.box-float-layer .od .panel {
    padding-left: 0;
    padding-right: 0;
}
.m_popup_renew.box-float-layer .od .panel + .barcord-wrap {
    margin-top: 25px;
}
.m_popup_renew.box-float-layer .od .panel .od {
    padding-left: 0;
    padding-right: 0;
}
.m_popup_renew.box-float-layer .od .panel .od .panel {
    padding: 0;
}
.m_popup_renew.box-float-layer .od .panel .od .panel:last-child:not(.my-panel, .wrap-layer-cont) {
    padding-bottom: 0;
}

.product__item .product__info .product__price--origin .product__price.type-1 {
    font-weight: 600;
    color: #1b1e23;
    text-decoration: none;
}
.product__item .product__info .product__price--origin .product__price--sale.type-line-through {
    font-size: 12px;
    font-weight: 400;
    color: #abb2be;
    text-decoration: line-through;
}

.product__tag > *,
.product__info--tag > * {
    background-color: #fff;
}

.my-od-tab-menu-wrap.my-tab-menu-wrap.fixed {
    padding-top: 57px;
}
.my-od-tab-menu-wrap.my-tab-menu-wrap.fixed .my-tab-menu-info {
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 1000;
    width: 100%;
    padding: 10px 20px;
    background-color: #f5f7fa;
}

.tab-content.my-panel[role=tabpanel] {
    display: none;
    margin-top: 10px;
}
.tab-content.my-panel[role=tabpanel].is-active {
    display: block;
}
.tab-content.my-panel[role=tabpanel]::before {
    display: none;
}

.myhd p {
    word-break: keep-all;
}

.wrap-btn.type-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}

.ui-dialog.case-1 .ui-dialog-titlebar-close {
    width: 60px;
    height: 0;
    padding-top: 60px;
}
.ui-dialog.case-1 .ui-dialog-titlebar-close .ui-icon {
    display: block;
    top: 50%;
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    margin: 0;
    background-image: url(../../images/API_M_KO/common/n/icon_close_3.svg);
    background-size: contain;
    background-position: 0 0;
}

.myhd .od .tab_contian .tab_nav.wide {
    margin-bottom: 0;
}
.myhd .od .tab_contian .order_list li:first-child {
    padding-top: 0;
}
.myhd .od .tab_contian .order_list .order_goods_info {
    padding-bottom: 0;
}
.myhd .od .foldgroup {
    padding: 0 20px;
}
.myhd .od .foldgroup .fold_cont ul li .inner_list li {
    margin-top: 5px;
    padding-left: 5px;
}
.myhd .od .foldgroup .fold_cont ul li .inner_list li::before {
    content: none;
}
.myhd .pn-cont .inner ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 12px;
}
.myhd .pn-cont .inner ul li:last-child {
    margin-bottom: 0;
}
.myhd .pn-cont .inner ul li .case {
    font-weight: 600;
    font-size: 14px;
    color: #5c6677;
}
.myhd .pn-cont .inner ul li .i_txt {
    font-size: 14px;
    color: #1b1e23;
    font-weight: 700;
}
.myhd .tab_contian + .otp_freegift {
    margin-top: 40px;
}
.myhd.od .otp_freegift {
    margin-top: 40px;
}/*2023-03-29 마이 주문내역 상세 수정 */
.myhd .order_goods_tit .temp_chk label:before {
    top: -10px;
}
.myhd .order_goods_tit .temp_chk label:after {
    top: -8px;
    background: none;
}
.myhd .order_product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0 19px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 19px 0 20px;
}
.myhd .order_product .order_goods_img {
    width: 96px;
    /* padding: 10px; *//*2024-08-14 썸네일 이미지 확장*/
    overflow: hidden;/*2024-08-14 썸네일 이미지 확장*/
    background-color: #f5f7fa;
    border-radius: 8px;
}
.myhd .order_product .order_goods_img img {
    width: 100%;/*2024-08-14 썸네일 이미지 확장 76px*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 76px*/
    -o-object-fit: cover;
        object-fit: cover;
}
.myhd .order_product .order_goods_img::before {
    display: block;
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 10px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 10px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    z-index: 1;
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}
.myhd .order_product .order_goods_infom .top div {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.myhd .order_product .order_goods_infom .top div .add {
    font-size: 14px;
    font-weight: 700;
    padding: 0 1px 0 0;
    background: linear-gradient(110deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.myhd .order_product .order_goods_infom .top div .order_tit {
    font-size: 14px;
    font-weight: 700;
}
.myhd .order_product .order_goods_infom .top div .order_detail {
    margin-top: 4px;
    font-size: 14px;
    color: #3d444f;
    display: inline;
}
.myhd .order_product .order_goods_infom .sku_num {
    margin-top: 4px;
    font-size: 14px;
    color: #788497;
}
.myhd .order_product .order_goods_infom .discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px;
}
.myhd .order_product .order_goods_infom .discount span {
    font-size: 14px;
    font-weight: 700;
}
.myhd .order_product .order_goods_infom .discount del {
    color: #abb2be;
    font-size: 13px;
}
.myhd .order_product .order_goods_infom .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px;
}
.myhd .order_product .order_goods_infom .price strong {
    color: #ea2829;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
.myhd .order_product .order_goods_infom .price span {
    font-size: 14px;
    color: #3d444f;
    line-height: 1.46;
    margin-bottom: 2px;
}
.myhd .order_complete {
    padding: 12px;
    background-color: #f9fafb;
}
.myhd .order_complete .order_com_tit {
    font-weight: 700;
    font-size: 13px;
    color: #3d444f;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: solid 1px #dde0e5;
}
.myhd .order_complete ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 !important;
}
.myhd .order_complete ul li p {
    font-size: 13px;
    color: #3d444f;
}
.myhd .order_complete ul li + li {
    margin-top: 12px;
}
.myhd .order_complete .discount .sum {
    color: #ea2829;
}
.myhd .order_complete .discount .sum span {
    font-size: 14px;
    font-weight: 700;
}
.myhd .order_complete .purchase .sum {
    color: #1b1e23;
}
.myhd .order_complete .purchase .sum span {
    font-size: 16px;
    font-weight: 700;
}
.myhd .od .otp_freegift {
    border-top: unset;
    margin: 0;
    padding: 0;
}
.myhd .od .otp_freegift .fgift_list li:last-child {
    padding-bottom: 0;
}
.myhd .od .otp_freegift .more {
    width: 100%;
    display: block;
    margin-top: 19px;
    padding-top: 12px;
    text-align: center;
    border-top: 1px solid #eef0f2;
}
.myhd .od .otp_freegift .more span {
    position: relative;
    color: #788497;
    font-size: 14px;
    font-weight: 600;
}
.myhd .od .otp_freegift .more span:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../images/API_M_KO/common/n/M_ico_more_arrow_down.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    position: absolute;
    right: -20px;
    bottom: -7px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.myhd .payment_info_wrap {
    padding: 20px;
}
.myhd .detail_discount .discount_price {
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #3d444f;
    font-weight: 600;
}
.myhd .detail_discount .discount_name {
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #5c6677;
}
.myhd .detail_discount .discount_name:before {
    content: "└";
    display: inline-block;
    font-size: 10px;
    width: 4px;
    height: 4px;
    color: #abb2be;
    margin-right: 10px;
}
.myhd .pn-title {
    padding-top: 20px;
    margin-bottom: 20px;
    border-top: solid 1px #dde0e5;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    line-height: 28px;
    letter-spacing: -0.05em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.myhd .pay_box {
    margin-bottom: 20px;
}
.myhd .pay_box ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #5c6677;
    margin-bottom: 8px;
}
.myhd .pay_box ul li .title {
    font-size: 12px;
}
.myhd .pay_box ul li .price {
    font-size: 14px;
    font-weight: 700;
}
.myhd .pay_box_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #1b1e23;
    margin-bottom: 10px;
}
.myhd .pay_box_head .title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}
.myhd .pay_box_head .price {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}
.myhd .pay_box_head .price span {
    font-size: 13px;
    line-height: 19px;
    color: #3d444f;
    font-weight: 400;
}
.myhd .pay_box.total .pay_box_head {
    color: #ea2829;
}
.myhd .pay_box.total .pay_box_head .title {
    font-size: 16px;
    line-height: 24px;
}
.myhd .pay_box.total .pay_box_head .price {
    font-size: 20px;
    line-height: 29px;
}
.myhd .pay_box.total .pay_box_head .price span {
    font-size: 13px;
    line-height: 19px;
    color: #3d444f;
}
.myhd .payment_method {
    padding: 0 20px;
}
.myhd .payment_method ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
            align-items: flex-start;
    margin-bottom: 12px;
    font-size: 14px;
    color: #1b1e23;
}
.myhd .payment_method ul li:last-child {
    margin-bottom: 0;
}
.myhd .payment_method ul li .case {
    font-weight: 600;
    font-size: 14px;
    color: #5c6677;
}
.myhd .payment_method ul li .price {
    position: relative;
    font-weight: 700;
    text-align: right;
}
.myhd .payment_method ul li .price .sms-agree {
    text-align: right;
    font-size: 12px;
    color: #5c6677;
    font-weight: 600;
}
.myhd .payment_method + .inquiry_mtm {
    margin-top: 32px;
}
.myhd .just_btn {
    margin: 32px 0;
}
.myhd .just_btn > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 9px;
}
.myhd .just_btn > div button {
    padding: 0;
    border: solid 1px #1b1e23;
}
.myhd .inquiry_mtm {
    margin: 0 20px;
    padding: 40px 0;
    border-top: solid 1px #dde0e5;
    text-align: center;
}
.myhd .inquiry_mtm p {
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
    color: #1b1e23;
    font-weight: 600;
}
.myhd .inquiry_mtm a,
.myhd .inquiry_mtm button {
    border: 1px solid #ccd1d8;
}
.myhd .inquiry_mtm a span,
.myhd .inquiry_mtm button span {
    color: #3d444f;
    font-weight: 600;
}
.myhd .panel .payment_method {
    padding: 0;
    margin-bottom: 40px;
}
.myhd .panel .pn-title {
    padding-top: 0;
    border-top: unset;
}
.myhd .panel .order_goods_tit.cancel {
    padding: 0 0 10px;
    border-bottom: 2px solid #1b1e23;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    gap: 0 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #3d444f;
}
.myhd .panel .order_goods_tit.cancel p {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #3d444f;
}/*2023-03-29 마이 주문내역 상세 수정*/
.myhd .panel .order_product.cancel .price strong {
    color: #1b1e23;
}
.myhd .panel .payment_info.cancel {
    background-color: #f9fafb;
    padding: 12px;
    margin-bottom: 31px;
}
.myhd .panel .payment_info.cancel .pn-title {
    font-size: 13px;
    font-weight: 700;
    color: #3d444f;
    border-bottom: solid 1px #dde0e5;
    margin-bottom: 13px;
    padding-bottom: 13px;
}
.myhd .panel .payment_info.cancel .pay_box {
    margin-bottom: 0;
}
.myhd .panel .payment_info.cancel .pay_box + .pay_box {
    margin-top: 20px;
}
.myhd .panel .payment_info.cancel .pay_box:nth-of-type(1) + .pay_box {
    margin-top: 0;
}
.myhd .panel .payment_info.cancel .pay_box_head .title {
    font-size: 13px;
    color: #3d444f;
    font-weight: 600;
}
.myhd .panel .payment_info.cancel .pay_box_head .price {
    font-size: 14px;
    color: #788497;
}
.myhd .panel .payment_info.cancel .pay_box_head .price span {
    font-size: 13px;
    font-weight: 400;
    color: #788497;
}
.myhd .panel .payment_info.cancel .pay_box_head.total .price {
    font-size: 16px;
    color: #1b1e23;
}
.myhd .panel .payment_method.top-line {
    border-top: solid 1px #dde0e5;
    padding-top: 20px;
}
.myhd .panel .otp_freegift.top-line {
    border-top: solid 1px #dde0e5;
    padding-top: 20px;
}
.myhd .m_popup_renew.box-float-layer .panel {
    padding: 20px 0;
}
.myhd .interest-free-points-list table {
    border-top: solid 2px #1b1e23;
}
.myhd .od {
    padding: 0 20px;
}
.myhd .confirm_tit {
    padding: 0 20px;
}
.myhd .m_popup_renew.box-float-layer.active {
    padding-bottom: 50px;
}
.myhd .m_popup_renew.box-float-layer .confirm_tit span {
    font-size: 12px;
}
.myhd .m_popup_renew .confirm_body .p_info_box.t_dotlist ul li {
    color: #788497;
}
.myhd .confirm_img {
    padding: 0 20px;
    margin: 24px 0;
}
.myhd .confirm_img p {
    font-size: 12px;
    font-weight: 600;
    color: #1b1e23;
    text-align: center;
}
.myhd .m_popup_renew .confirm_body.myhd_alt {
    padding: 0 24px;
}

/* S: 2024-05-29 예상등급 추가(마이 메인)*/
.my-grade {padding:0 4.8vw;}/*2024-07-19 예상등급 수정*/
.my-grade .my-grade__level {position:relative; display:flex; align-items:center; gap:2%;}
.my-grade .my-grade__level .my-grade__box  .my-grade__name {font-size:4.8vw; color:#1b1e23; font-weight:700;}
.my-grade .my-grade__level .my-grade__box  .my-grade__date {font-size:3.2vw; color:#788497; font-weight:400;}
.my-grade .my-grade__level .present-level {display:block; display:inline-flex; justify-content:center; align-items:center;  width:11.20vw; height:11.20vw; border-radius:50%; border:2px solid; font-size:5.87vw; font-weight:700;}
.my-grade .my-grade__level .present-level::before {display:flex; justify-content:center; align-items:center;}
.my-grade .my-grade__level .present-level.lv_off_up002 {border-color:#788497; color:#788497;}/*silver*/
.my-grade .my-grade__level .present-level.lv_off_up002::before {content:"S";}
.my-grade .my-grade__level .present-level.lv_off_up003 {border-color:#baa577; color:#baa577;}/*gold*/
.my-grade .my-grade__level .present-level.lv_off_up003::before {content:"G";}
.my-grade .my-grade__level .present-level.lv_off_up004 {border-color:#1b1e23; color:#1b1e23;}/*black*/
.my-grade .my-grade__level .present-level.lv_off_up004::before {content:"B";}
.my-grade .my-grade__level .present-level.lv_off_up005 {border-color:#ea2829; color:#ea2829;}/*prestige*/
.my-grade .my-grade__level .present-level.lv_off_up005::before {content:"P";}
.my-grade .my-grade__level .level-benefit {position:absolute; right:0; top:0;}

.my-grade .wrap-tooltip__tit {margin-top:1.27vw; display:block;}/*2024-07-19 예상등급 수정*/
.my-grade .wrap-tooltip__tit .wrap-tooltip {display:inline-block; vertical-align: middle; margin-left:-.7vw}/*2024-07-19 예상등급 수정*/
.my-grade .wrap-tooltip .btn-tooltip {padding-top:24px; width:16px;}/*2024-07-19 예상등급 수정*/
.my-grade .wrap-tooltip__content {width:75%; left:50%; transform:translateX(-50%)}
.my-grade .wrap-tooltip__tit .btn-open-tooltip.type-gray::before,
.my-grade .wrap-tooltip__tit .btn-tooltip.type-gray::before {width:16px; height:16px; background: url(../../images/API_M_KO/common/n/M_exclamation.svg) no-repeat; left:0;}/*회색 채워진 느낌표 2024-07-19 예상등급*/
.my-grade .discount-content__tit {color:#5c6677; font-size:3.73vw;}
.my-grade .discount-content__tit strong {color:#1b1e23; font-weight:700;}
.my-grade .discount-content__tit em {color:#ea2869; font-weight:700;}
.my-grade .wrap-tooltip__tit p {font-size:3.47vw; width:95%;}

.my-grade__status {position:relative; padding-top:12vw}
.my-grade__status .status-current {margin:0 3.5vw;}
.my-grade__status .status-current .current-bar {position:relative; display:flex; align-items:center; height: 2.13vw; background-image: linear-gradient(101deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea); border-radius:0 2.13vw 2.13vw 0; z-index:2;}
.my-grade__status .status-current .current-bar.max {border-radius:0;}
.my-grade__status .status-current .current-bar:before,
.my-grade__status .status-current .current-bar:after {content:""; display:inline-block; position:absolute; top:0; width:3.5vw; height:2.13vw; vertical-align:top;}
.my-grade__status .status-current .current-bar:before {left:-3.5vw; background-color:#ea2829; border-radius:2.13vw 0 0 2.13vw;}
.my-grade__status .status-current .current-bar:after {right:-3.5vw; background-color:#a928ea; border-radius:0 2.13vw 2.13vw 0; display:none}
.my-grade__status .status-current .current-bar.min:before {border-radius:2.13vw;}
.my-grade__status .status-current .current-bar.max:after {display:block;}

.my-grade__status .status-current .current-bar .status-price {position:absolute; top:-8.3vw; right:0; transform: translateX(50%); display:inline-flex; align-items:center; justify-content:center; min-width:10.67vw; height:5.6vw; padding:0 1.5vw; text-align:center; color:#fff; font-size:3.2vw; border-radius: 9999rem; background-image: linear-gradient(101deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea); font-weight:700; letter-spacing:0;}
.my-grade__status .status-current .current-bar .status-price:after {content: ""; position: absolute; bottom: -1.6vw; left: 50%; transform: translateX(-50%); width: 0; height: 0; display: inline-block; border-left: 1.87vw solid transparent; border-right: 1.87vw solid transparent; border-top: 1.87vw solid #ea2829;}

.my-grade__status .status-bar {position:absolute; left:0; top:12vw; width: 100%; height: 2.13vw; border-radius: 2.13vw; background-image: linear-gradient(to right, #eef0f2, #d1d1d1);}/*바닥 회색바*/

.my-grade__status .status-stat {position:relative; margin:1.07vw 3.5vw 0; height:8.53vw; z-index:3;}
.my-grade__status .status-stat span {position:absolute; display:inline-block; color:#788497; font-size:3.2vw;}
.my-grade__status .status-stat strong {font-weight:700;}
.my-grade__status .status-stat .stat1 {left:-3.5vw;}
.my-grade__status .status-stat .stat2 {left:20%;}
.my-grade__status .status-stat .stat3 {left:50%;}
.my-grade__status .status-stat .stat4 {right:-3.5vw; text-align:right; }
.my-grade__status .status-stat .stat1 strong {color:#788497;}
.my-grade__status .status-stat .stat2 strong {color:#baa577;}
.my-grade__status .status-stat .stat3 strong {color:#2b2b2b;}
.my-grade__status .status-stat .stat4 strong {color:#ea2829;}

.my-grade__status .status-stat .stat2:before,
.my-grade__status .status-stat .stat3:before {content:""; position:absolute; top:-3.07vw; left:0; display:inline-block; width:1px; height:2.13vw; background:#fff;}

/*임직원, platinum*/
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content {position:relative;}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-grade .membership-level-wrap {display:none; position:absolute; left:0; right:0; top:0; height:100%; align-items:center;}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-grade .membership-level-wrap .membership-level img {margin:0 0 2.13vw;}
.my-grade .membership-level-wrap a {color:#1b1e23;}
.my-grade .membership-level-wrap a::before {margin-bottom:0 !important;}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-grade.type-other .membership-level-wrap {display:flex;}
.myhd .my-hd-wrap .my-tab-menu-wrap .my-od-tab-content .my-grade.type-other :is(.my-grade__level, .wrap-tooltip__tit, .my-grade__status) {display:none;}
/* E: 2024-05-29 예상등급 추가(마이 메인)*/

.barcord-wrap {
    margin-top: 26px;
}
.barcord-wrap ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.barcord-wrap ul li img {
    width: 303px;
}
.barcord-wrap ul li button {
    position: relative;
    width: 24px;
    height: 24px;
}
.barcord-wrap ul li button span {
    font-size: 0;
}
.barcord-wrap ul li button:before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url("/front/images/API_M_KO/common/n/icon_expansion.svg");
}
.barcord-wrap ul li:last-child {
    margin-bottom: 0;
}

.barcord-img {
    margin: 32px 0;
    width: 100%;
    text-align: center;
}

.coupon-info {
    margin-bottom: 30px;
}
.coupon-info ul li {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.65px;
    color: #1b1e23;
}

.coupon-table {
    margin-bottom: 40px;
}
.coupon-table table {
    border-top: solid 2px #1b1e23;
}
.coupon-table thead {
    padding: 15px 0;
}
.coupon-table thead td {
    font-size: 13px;
    font-weight: 700;
    color: #1b1e23;
}
.coupon-table thead td:first-child {
    text-align: left;
}
.coupon-table thead td:last-child {
    text-align: right;
}
.coupon-table tbody {
    border-bottom: solid 1px #dde0e5;
}
.coupon-table tbody tr th {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-align: left;
}
.coupon-table tbody tr td:last-of-type {
    text-align: right;
}
.coupon-table tbody tr:first-child th, .coupon-table tbody tr:first-child td {
    height: 54px;
    border-top: solid 1px #dde0e5;
    font-weight: 700;
}
.coupon-table tbody tr:first-child th p {
    font-weight: 600;
}
.coupon-table tbody tr:nth-child(2) th, .coupon-table tbody tr:nth-child(2) td {
    height: 35px;
    border-bottom: solid 1px #dde0e5;
    color: #788497;
}
.coupon-table tbody tr:nth-child(2) .price {
    font-size: 14px;
    font-weight: 700;
}
.coupon-table tbody tr:nth-child(3) th, .coupon-table tbody tr:nth-child(3) td {
    height: 62px;
    color: #3d444f;
}
.coupon-table tbody tr:nth-child(4) th, .coupon-table tbody tr:nth-child(4) td {
    height: 32px;
    font-weight: 700;
}
.coupon-table tbody tr:nth-child(4) .price {
    font-size: 16px;
}
.coupon-table tbody tr:last-child th, .coupon-table tbody tr:last-child td {
    height: 39px;
    border-bottom: solid 1px #dde0e5;
    font-weight: 700;
}
.coupon-table tbody tr:last-child .price {
    font-size: 16px;
}

.buyer-sign .pn-tit {
    font-size: 15px;
    font-weight: 700;
    color: #1b1e23;
}
.buyer-sign .sign-img {
    margin-top: 12px;
    padding: 20px 34px 20px 35px;
    border-radius: 8px;
    border: solid 1px #dde0e5;
    background-color: #fff;
}

.recipt_inform {
    margin-top: 24px;
    margin-bottom: 20px;
}
.recipt_inform .pn-tit {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}
.recipt_inform .recipt-img {
    width: 100%;
    border: solid 1px #dde0e5;
    border-radius: 8px;
    overflow: hidden;
}
.recipt_inform .recipt-img img {
    width: 100%;
}

.inform-list {
    margin-bottom: 32px;
}
.inform-list p {
    font-size: 13px;
}
.inform-list .inform-title {
    font-weight: 700;
    margin-bottom: 8px;
}
.inform-list .inform-cont {
    font-weight: 600;
}

/* S: 2023-10-18 회원가입 리뉴얼*/
.join_wrap_new {width:100%; text-align:center;}
.join_wrap_new .tit {font-size:15px; font-weight:700!important;}
.join_wrap_new .desc {display:block; margin-top:4px; font-size:13px; font-weight:500; color:#666;}
.join_wrap_new .type_group,
.join_wrap_new .benefit_group {padding:32px 0 40px;}
.join_wrap_new .type_group + .type_group,
.join_wrap_new .type_group + .benefit_group {border-top:8px solid #eef0f2;}
.join_wrap_new .ico_comb {font-size:15px; font-weight:500; color:#1b1e23; line-height:normal;}
.join_wrap_new .ico_comb[class*=i_join]::before {display:block; margin:0 auto 8px; width:55px; height:55px;}
.join_wrap_new .ico_comb.i_join_hp::before {background-position:-495px -150px;} /* H.Point 통합회원 (국중영 다름) */
.join_wrap_new .ico_comb.i_join_lo::before {background-position:-495px -210px;} /* 내국인 (국중영 다름) */
.join_wrap_new .ico_comb.i_join_fo::before {background-position:-550px -210px;} /* 외국인 */
.join_wrap_new .ico_comb.i_join_st::before {background-position:-550px -270px;} /* 오프라인 매장 (국중영 다름) */

.join_choose {padding:0 20px;}
.join_choose .join_alram {display:block; width:fit-content; margin-bottom:35px; padding:4px 12px 5px; text-align:left; border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -ms-border-bottom-left-radius:0; background-image:linear-gradient(160deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);}
.join_choose .join_alram em {position:relative; font-size:12px; /*font-weight:500;*/ color:#fff;}

.join_choose .join_quick {display:flex; justify-content:center; align-items:center; gap:0 8px; margin-top:16px;}
.join_choose .join_quick .ico_tip {position:relative; padding:1px 8px; margin-right:4px; font-size:11px; background:#fff; border:1px solid #1b1e23; border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px;}
.join_choose .join_quick .ico_tip:before,
.join_choose .join_quick .ico_tip:after {content:""; position:absolute; width:0; height:0;}
.join_choose .join_quick .ico_tip:before {top:5px; right:-4px; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #fff; z-index:2;}
.join_choose .join_quick .ico_tip:after {top:4px; right:-5px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #1b1e23;}
.join_choose .join_quick a {width:30px; height:30px; border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%;}
.join_choose .join_quick a.quick_kakao {background-position:-550px -150px;}
.join_choose .join_quick a.quick_naver {background-position:-580px -150px;}

.join_choose .join_type {display:flex; justify-content:center; gap:8px; margin-top:20px; margin-bottom:0;}
.join_choose .join_type > a,
.join_choose .join_type > button {flex:1; height:40px; line-height:38px; font-size:14px; font-weight:500; color:#1b1e23; text-align:center; border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; border:1px solid #ccd1d8;}
.join_choose .join_type > a.i_dark,
.join_choose .join_type > button.i_dark {border-color:#1b1e23;}
.join_choose .join_type > a.i_bg,
.join_choose .join_type > button.i_bg {position:relative; color:#fff; border:none;}
.join_choose .join_type > a.i_bg::before,
.join_choose .join_type > button.i_bg::before {content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; margin:0; background-image:linear-gradient(160deg, #ff0012 2%, #ff006b 32%, #e500a6 64%, #bb00f3 99%); background-position:0 0; border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px;}
.join_choose .join_type.xsmall {margin-top:8px;}
.join_choose .join_type.xsmall > a,
.join_choose .join_type.xsmall > button {height:24px; line-height:22px; font-size:12px;}
.join_choose .join_type.small {margin-top:16px;}
.join_choose .join_type.small > a,
.join_choose .join_type.small > button {flex:unset; width:96px;}

.join_choose.flex {display:flex; margin-top:40px; padding:0;}
.join_choose.flex li {display:flex; flex-direction:column; justify-content:space-between; position:relative; width:50%; padding:0 17px;}
.join_choose.flex li + li::before {content:""; position:absolute; left:-.5px; top:0; width:1px; height:100%; background-color:#eef0f2;}
.join_choose.flex li.no_pd {padding:0;}
.join_choose.flex li.no_pd .ico_comb {font-size:13px;}

.join_wrap_new .benefit_group {padding-bottom:12px;}
.join_wrap_new .benefit_group ul {display:flex; justify-content:space-between; margin-top:16px;}
.join_wrap_new .benefit_group ul li {flex:1; width:auto; height:auto; font-size:14px; font-size:11px; font-weight:normal; color:#000;}
.join_wrap_new .benefit_group ul li[class*=ibene_]::before {display:block; width:30px; height:30px; margin:0 auto 5px;}
.join_wrap_new .benefit_group ul li.ibene_01::before {background-position:-550px -180px;} /* 신규가입 적립금 (국중영 다름) */
.join_wrap_new .benefit_group ul li.ibene_02::before {background-position:-580px -180px;} /* 다양한 이벤트 적립금 (국중영 다름) */
.join_wrap_new .benefit_group ul li.ibene_03::before {background-position:-610px -180px;} /* 회원전용 할인혜택 (국중영 다름) */
.join_wrap_new .benefit_group ul li.ibene_05::before {background-position:-640px -180px;} /* 회원 등급별 구매 할인 (국중영 다름) */
/* E: 2023-10-18 회원가입 리뉴얼*/

/*S:2024-07-11 회원가입 개선*/
.join_wrap_new2 {padding:10.67vw 5.3% 21.07vw;}
.join_wrap_new2 .join_logo {display:inline-block; width:64%; height:9.07vw; background:url('../../images/API_M_KO/common/img_join_logo.webp') no-repeat center center/contain; text-indent:-9999px; overflow:hidden;}
.join_wrap_new2 .h2_type {font-size:5.33vw; font-weight:700; color:#1b1e23;}
.join_wrap_new2 .join_logo + .h2_type {margin-top:8.53vw;}
.join_wrap_new2 .sub_txt {font-size:3.47vw; color:#788497; margin-top:2.13vw;}
.join_wrap_new2 .sub_txt span {color:#3d444f; font-weight:700;}
.join_wrap_new2 .box_join_btn {position:relative; margin-top:28.27vw;}
.join_wrap_new2.type-offline .box_join_btn {margin-top:29.87vw;}
.join_wrap_new2 .box_join_btn .my-grade__alram {position:absolute; left:0; bottom:112%; display:inline-flex; align-items:center; justify-content:center; font-size:3.47vw; padding:6px 3.2%; background: #fff; border-radius:8px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .2);}
.join_wrap_new2 .box_join_btn .my-grade__alram a {display:none; background: -webkit-linear-gradient(73deg, #3a7ade  0%, #ef6a9a 95%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight:700; line-height:1.2; cursor:default;}
.join_wrap_new2 .box_join_btn .my-grade__alram a.is-active {display:block;}
.join_wrap_new2 .box_join_btn .my-grade__alram::before {content:""; position:absolute; bottom:0; left:9px; width:14px; height:6px; background-color:#fff; z-index:1;}
.join_wrap_new2 .box_join_btn .my-grade__alram::after {content:""; position:absolute; bottom:-7px; left:10px; width: 0px; height: 0px; border-style: solid; border-width: 8px 6px 0 6px; border-color: #fff transparent transparent transparent; transform: rotate(0deg); -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .3)); filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .3)); z-index:0;}
.join_wrap_new2.type-online .box_join_btn .btn-hpoint_join {display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 12.8vw; border: none; font-size: 4.27vw; font-weight: 700; letter-spacing: -0.4px; text-align: center; color: #fff; border-radius: 4px; background-image: linear-gradient(98deg, #ea2829, #ea2869 42%, #ce28a5 74%, #a928ea); margin-top:5.87vw;}
.join_wrap_new2 .box_join_btn button + button {margin-top:3.2vw; font-size: 4.27vw;}
.join_wrap_new2 .box_join_off {margin-top:10.67vw; text-align:center;}
.join_wrap_new2 .box_join_off a {display:inline-block; font-size:3.47vw; color:#788497; border-bottom:1px solid #788497;}
.ico_lang {display:inline-block; width:7.47vw; height:7.47vw; text-indent:-9999px; overflow:hidden;}
.ico_lang.type_eng {background:url('../../images/API_M_KO/common/ico_eng.webp') no-repeat center center/contain}
.ico_lang.type_chi {background:url('../../images/API_M_KO/common/ico_chi.webp') no-repeat center center/contain}
.join_wrap_new2 .ico_lang {margin-right:1.07vw}

.join_wrap_new2 .join_simple {margin-top:6.4vw;}
.join_wrap_new2 .join_simple .sub_tit {position:relative; font-size:3.47vw; color:#abb2be; text-align:center;}
.join_wrap_new2 .join_simple .sub_tit:before,
.join_wrap_new2 .join_simple .sub_tit:after {content:""; position:absolute; top:50%; transform:translateY(-50%); width:27.73%; height:1px; background:#dde0e5;}
.join_wrap_new2 .join_simple .sub_tit:before {left:0;}
.join_wrap_new2 .join_simple .sub_tit:after {right:0;}
/*E:2024-07-11 회원가입 개선*/

/* S: 2023-10-24 어코디언 약관 */
.tearms.term-acd .accordion__tit .temp_chk {display:inline-block; position:relative; z-index:2;}
.tearms.term-acd .accordion__tit .temp_chk label {vertical-align:top;}
.tearms.term-acd .accordion__tit button:after {right:19px;}
.tearms.term-acd .wrap-tearms .agree-terms__scroll {max-height:95px;}
.tearms.term-acd + .tearms.term-acd {margin-top:20px;}
.tearms.term-acd .wrap-term-text {padding:20px 19px;}
.koreanair-skypass-cont dl.tearms.term-acd dd {padding:0;}
.tearms.term-acd + .odform.member_info {margin-top:12px;}
/* E: 2023-10-24 어코디언 약관 */

/* S: 재입고 알람 */
.m_popup_renew.box-float-layer.pop-restock {
    padding-top: 60px;
    padding-bottom: 98px;
}
.m_popup_renew.box-float-layer.pop-restock .tit_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 60px;
}
.m_popup_renew.box-float-layer.pop-restock .content_wrap {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 158px);
}
.m_popup_renew.box-float-layer.pop-restock .area-attention + .area-terms {
    margin-top: 20px;
}
.m_popup_renew.box-float-layer.pop-restock .wrap-accordion .accordion__tit + .accordion__cont {
    padding-top: 12px;
}
.m_popup_renew.box-float-layer.pop-restock .list-form__txt--exp {
    font-size: 12px;
    letter-spacing: -.6px;
    color: #788497;
}
.m_popup_renew.box-float-layer.pop-restock .od .odform.type-flex.type-1 {
    gap: 8px 9px;
}
.m_popup_renew.box-float-layer.pop-restock .od .koreanair-skypass-cont .odform.type-1 + .odform {
    margin-top: 32px;
}
.m_popup_renew.box-float-layer.pop-restock .od .koreanair-skypass-cont .odform + .area-attention {
    margin-top: 40px;
}
.m_popup_renew.box-float-layer.pop-restock .area-terms {
    overflow: hidden;
    border: 1px solid #dde0e5;
    border-radius: 8px;
}
.m_popup_renew.box-float-layer.pop-restock .area-terms .area-terms__tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 16px 19px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -.35px;
    color: #1b1e23;
}
.m_popup_renew.box-float-layer.pop-restock .area-terms .area-terms__cont {
    padding: 20px 19px;
    border-top: 1px solid #dde0e5;
}
.m_popup_renew.box-float-layer.pop-restock .wrap-accordion.area-terms .accordion__tit button {
    width: 52px;
    height: 52px;
    left: auto;
    right: 0;
}
.m_popup_renew.box-float-layer.pop-restock .wrap-accordion .accordion__tit button::after {
    right: auto;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
}
.m_popup_renew.box-float-layer.pop-restock .wrap-accordion .accordion__tit button[aria-expanded=true]::after {
    transform: translate(-50%, -50%) rotate(0deg);
}
/* E: 재입고 알람 */


/* 2023 개선 product */
/* main top--list */
.container_z_index {
    z-index: 1;
}

.m_popup_renew.box-bottom-float.active {
    max-height: calc(100% - 44px);
}

/* 공통 헤더 */
.header.product {
    border-bottom: none;
}

.wrap-pos-add-dropdown {
    z-index: 1100 !important;
}

.header_top .header_btn {
    width: 22px;
    height: 22px;
    float: right;
    margin-top: 2px;
    margin-right: 20px;
}
.header_top .header_btn.btn_home {
    background: url(../../images/API_M_KO/common/n/M_home.svg) 0 0 no-repeat;
}
.header_top .header_btn.btn_header_search {
    background: url(../../images/API_M_KO/common/n/icon_appbar_search.svg) 0 0 no-repeat;
}
.header_top .header_btn.btn_header_cart {
    margin-right: 0;
    background: url(../../images/API_M_KO/common/n/icon_appbar_cart.svg) 0 0 no-repeat;
}

/* productdetail - 상품상세 */
.productdetail {
    /* pd-layout */
    /* common */
    /* section */
    /* pd_visual - 비주얼 썸네일  */
    /* pd_descript - 상품기본정보 */
    /* pd_set  - 세트상품 */
    /* pd_gift - 관련 사은품 */
    /* productdetail_tab - 탭 */
    /* pd_descript_contents - 상품상세정보 */
    /* pd_recommended - 추천상품 */
    /* pd_pointreview - 리뷰요약 */
    /* pd_fitreview   - 리뷰진열 */
}
.productdetail .panel[class*=pd_] {
    margin-top: 6px;
    padding-top: 28px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
.productdetail .panel[class*=pd_]:first-child, .productdetail .panel[class*=pd_][class*=pd_descript], .productdetail .panel[class*=pd_][class*=pd_Paymentinfo] {
    margin-top: 0;
}
.productdetail .panel[class*=pd_].pd_descript_contents + .bg-line {
    width: 100vw;
    height: 8px;
    background: #eef0f2;
}
.productdetail .pd_visual + .panel[class*=pd_]::before {
    display: none;
}
.productdetail .panel[class*=pd_]::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 8px;
    background: #eef0f2;
    left: 0;
    top: 0;
}
.productdetail .panel[class*=pd_].type-1 {
    padding-top: 0;
}
.productdetail .blind {
    position: absolute;
    top: -5000px;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.productdetail .offscreen + .form_cont {
    margin-top: 8px !important;
}
.productdetail .txt_14_gray {
    font-size: 14px;
    color: #5c6677;
}
.productdetail .txt_13_green {
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #16b255;
    margin-top: 6px;
    margin-left: 22px;
}
.productdetail .txt_13_green::after {
    content: "";
    position: absolute;
    right: -22px;
    bottom: 1px;
    width: 16px;
    height: 16px;
    background-image: url(../../images/API_M_KO/common/n/icon_eco.svg);
    background-repeat: no-repeat;
}
.productdetail .btn_white {
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #1b1e23;
    background-color: #fff;
}
.productdetail .btn_white span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -0.065em;
    text-align: center;
    color: #1b1e23;
}
.productdetail .btn_white:disabled {
    color: #abb2be;
    border-color: #dde0e5;
}
.productdetail .btn_white.min {
    padding: 1px 8px;
    border: solid 1px #abb2be;
}
.productdetail .btn_white.min span {
    font-size: 13px;
    color: #3d444f;
}
.productdetail .btn_gray {
    padding: 6px 12px;
    border-radius: 4px;
    background-color: #eef0f2;
}
.productdetail .btn_gray span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -0.065em;
    text-align: center;
    color: #abb2be;
}
.productdetail .btn_dark {
    padding: 6px 12px;
    border-radius: 4px;
    background-color: #1b1e23;
}
.productdetail .btn_dark span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -0.065em;
    text-align: center;
    color: #fff;
}
.productdetail .btn_chk {
    position: relative;
    display: inline-block;
    display: block;
}
.productdetail .btn_chk input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 1px;
    height: 1px;
    opacity: 0;
}
.productdetail .btn_chk input[type=checkbox] + label {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    padding: 0 18px 0 43px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 48px;
    color: #788497;
    font-size: 16px;
    letter-spacing: -0.05em;
    line-height: 48px;
    background-color: #fff;
    border: 1px solid #e0e3e8;
    border-radius: 8px;
    cursor: pointer;
}
.productdetail .btn_chk input[type=checkbox]:checked + label {
    font-weight: 500;
    color: #fff;
    border-color: #1b1e23;
    background-color: #1b1e23;
}
.productdetail .btn_chk input[type=checkbox]:checked + label:before {
    content: "";
}
.productdetail .btn_txtlink {
    display: block;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    color: #788497;
    letter-spacing: -0.04em;
}
.productdetail .btn_txtlink::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: relative;
    bottom: 4px;
    background-color: #afb6c2;
}
.productdetail .noti_p {
    position: relative;
    padding-left: 6px;
    font-size: 12px;
    color: #788497;
    line-height: 1.5;
    letter-spacing: -0.05em;
    text-align: left;
}
.productdetail .noti_p::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 3px;
    height: 3px;
    margin: 3px 2px 3px 0;
    background-color: #abb2be;
    border-radius: 100%;
}
.productdetail input[type=text],
.productdetail input[type=password],
.productdetail input[type=email],
.productdetail input[type=tel],
.productdetail input[type=number],
.productdetail input[type=search] {
    height: 39px;
    padding: 0;
    border: 1px solid #dde0e5;
    font-size: 16px;
    border-radius: 0 !important;
    background-color: transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 32px;
    color: #1b1e23;
    letter-spacing: -0.05em;
}
.productdetail input[type=text]::-webkit-input-placeholder, .productdetail input[type=password]::-webkit-input-placeholder, .productdetail input[type=email]::-webkit-input-placeholder, .productdetail input[type=tel]::-webkit-input-placeholder, .productdetail input[type=number]::-webkit-input-placeholder, .productdetail input[type=search]::-webkit-input-placeholder {
    font-size: 15px;
    color: #abb2be;
    letter-spacing: -0.05em;
}
.productdetail input[type=text]::-moz-placeholder, .productdetail input[type=password]::-moz-placeholder, .productdetail input[type=email]::-moz-placeholder, .productdetail input[type=tel]::-moz-placeholder, .productdetail input[type=number]::-moz-placeholder, .productdetail input[type=search]::-moz-placeholder {
    font-size: 15px;
    color: #abb2be;
    letter-spacing: -0.05em;
}
.productdetail input[type=text]:-ms-input-placeholder, .productdetail input[type=password]:-ms-input-placeholder, .productdetail input[type=email]:-ms-input-placeholder, .productdetail input[type=tel]:-ms-input-placeholder, .productdetail input[type=number]:-ms-input-placeholder, .productdetail input[type=search]:-ms-input-placeholder {
    font-size: 15px;
    color: #abb2be;
    letter-spacing: -0.05em;
}
.productdetail input[type=text]::-ms-input-placeholder, .productdetail input[type=password]::-ms-input-placeholder, .productdetail input[type=email]::-ms-input-placeholder, .productdetail input[type=tel]::-ms-input-placeholder, .productdetail input[type=number]::-ms-input-placeholder, .productdetail input[type=search]::-ms-input-placeholder {
    font-size: 15px;
    color: #abb2be;
    letter-spacing: -0.05em;
}
.productdetail input[type=text]::placeholder,
.productdetail input[type=password]::placeholder,
.productdetail input[type=email]::placeholder,
.productdetail input[type=tel]::placeholder,
.productdetail input[type=number]::placeholder,
.productdetail input[type=search]::placeholder {
    font-size: 15px;
    color: #abb2be;
    letter-spacing: -0.05em;
}
.productdetail .form_box input[type=text],
.productdetail .form_box input[type=password],
.productdetail .form_box input[type=email],
.productdetail .form_box input[type=tel] {
    width: 100%;
}
.productdetail input[type=button].minus,
.productdetail input[type=button].plus {
    font-size: 0;
    line-height: 0;
}
.productdetail select {
    display: inline-block;
    width: 100%;
    height: 40px;
    padding: 0 35px 0 0;
    border-bottom: 1px solid #ddd;
    color: #1b1e23;
    font-size: 16px;
    font-weight: 400;
    line-height: 38px;
    background-image: url(../../images/API_M_KO/common/n/M_arrow_down.svg);
    background-size: 16px 16px;
    background-position: right;
    background-position-x: calc(100% - 9px);
    background-repeat: no-repeat;
}
.productdetail select:required:invalid {
    color: #abb2be;
}
.productdetail select:disabled {
    border-color: #dde0e5;
    color: #abb2be;
    background-image: url(../../images/API_M_KO/common/n/M_arrow_down_disabled.svg);
}
.productdetail select.t_err {
    border-bottom: 1px solid #f4511e;
}
.productdetail .temp_opt select {
    display: inline-block;
    width: 100%;
    height: 40px;
    padding: 0px 35px 0 12px;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    color: #1b1e23;
    font-size: 14px;
    font-weight: 500;
    line-height: 38px;
}
.productdetail .temp_opt select:disabled {
    border-color: #dde0e5;
    color: #abb2be;
    background-color: #f9fafb;
    background-image: url(../../images/API_M_KO/common/n/M_arrow_down_disabled.svg);
}
.productdetail .temp_opt select:required:invalid {
    color: #abb2be;
}
.productdetail .temp_opt select.t_err {
    border-bottom: 1px solid #f4511e;
}
.productdetail .temp_opt.conleft {
    width: calc(100% - 92px);
}
.productdetail .temp_opt + .btn_white {
    padding: 9px 14px;
    max-width: 84px;
}
.productdetail .temp_chk {
    position: relative;
    display: block;
}
.productdetail .temp_chk + .temp_chk {
    margin-top: 16px;
}
.productdetail .temp_chk.horiz {
    display: inline-block;
}
.productdetail .temp_chk.horiz + .temp_chk {
    margin-top: 0px;
}
.productdetail .temp_chk input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    opacity: 0 !important;
}
.productdetail .temp_chk input[type=checkbox]:disabled + label {
    color: #abb2be;
}
.productdetail .temp_chk input[type=checkbox]:disabled + label::before {
    border: solid 1px #dde0e5;
    background-color: #f5f7fa;
}
.productdetail .temp_chk input[type=checkbox]:disabled + label::after {
    display: none;
}
.productdetail .temp_chk input[type=checkbox]:checked + label {
    color: #1b1e23;
    font-weight: 500;
}
.productdetail .temp_chk input[type=checkbox]:checked + label:before {
    background-color: #1b1e23;
    border-color: #1b1e23;
}
.productdetail .temp_chk input[type=checkbox]:checked + label::after {
    display: block;
    background: url(../../images/API_M_KO/common/n/M_check_chk.svg) no-repeat;
}
.productdetail .temp_chk label {
    position: relative;
    z-index: 3;
    display: inline-block;
    padding-left: 28px;
    color: #788497;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.05em;
    vertical-align: middle;
    cursor: pointer;
}
.productdetail .temp_chk label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #dde0e5;
    border-radius: 2px;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    background-color: #fff;
}
.productdetail .temp_chk label::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_check.svg) no-repeat;
}
.productdetail .temp_data input {
    display: inline-block;
    width: 100%;
    height: 40px;
    color: #1b1e23;
    line-height: 38px;
    padding: 0 35px 0 0;
    border: 0;
    border-bottom: 1px solid #ddd;
    background-image: url(../../images/API_M_KO/common/n/M_arrow_down.svg);
    background-size: 16px 16px;
    background-position: right;
    background-position-x: calc(100% - 9px);
    background-repeat: no-repeat;
}
.productdetail .temp_email [role=mailparts],
.productdetail .temp_email [role=maildomain] {
    display: inline-block !important;
}
.productdetail .temp_email .maildomain,
.productdetail .temp_email [role=mailparts] {
    width: 40.9% !important;
}
.productdetail .temp_email [role=maildomain] {
    position: relative;
    width: 56.42%;
    margin-left: 6px;
}
.productdetail .temp_email [role=maildomain]::before {
    content: "@";
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.8px;
    color: #1b1e23;
    position: absolute;
    top: 10px;
}
.productdetail .temp_email [role=maildomain] select {
    padding: 0 35px 0 24px;
}
.productdetail .num_amount {
    display: inline-block;
}
.productdetail .num_amount input {
    display: block;
    float: left;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 0;
}
.productdetail .num_amount .minus {
    background-size: contain;
}
.productdetail .num_amount .plus {
    background-size: contain;
}
.productdetail .num_amount .count {
    width: 32px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    font-weight: 700;
}
.productdetail .num_amount::after {
    content: "";
    display: block;
    clear: both;
}
.productdetail .odform + .odform {
    margin-top: 16px;
}
.productdetail .odform + .info_tooltip {
    margin-top: 15px;
}
.productdetail .odform + .info_tooltip.btn_white.min {
    float: right;
    display: inline;
    margin-top: -2px;
}
.productdetail .odform .col {
    position: relative;
    display: table-cell;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 49%;
}
.productdetail .odform .col.form_cont {
    width: 50%;
}
.productdetail .odform .horiz {
    position: relative;
    display: table-cell;
    padding-right: 20px;
}
.productdetail .odform .horiz:nth-child(even) {
    padding-right: 0;
}
.productdetail .odform input[type=text]:focus,
.productdetail .odform input[type=password]:focus,
.productdetail .odform input[type=search]:focus {
    font-weight: 500;
    color: #1b1e23;
    border-color: #1b1e23;
}
.productdetail .odform input[type=text].t_err,
.productdetail .odform input[type=password].t_err,
.productdetail .odform input[type=search].t_err {
    border-bottom: 1px solid #f4511e;
}
.productdetail .odform input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 20px;
    height: 40px;
    opacity: 0 !important;
}
.productdetail .odform input[type=radio] + label {
    position: relative;
    display: inline-block;
    width: auto;
    padding-left: 26px;
    font-size: 16px;
    line-height: 22px;
    line-height: 40px;
    color: #788497;
    vertical-align: middle;
    cursor: pointer;
}
.productdetail .odform input[type=radio] + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 50%;
    -webkit-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
    background-color: #fff;
}
.productdetail .odform input[type=radio] + label::after {
    position: absolute;
    left: 6px;
    top: 6px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.productdetail .odform input[type=radio]:checked + label {
    font-weight: 700;
    color: #1b1e23;
}
.productdetail .odform input[type=radio]:checked + label:before {
    top: 10px;
    background-color: #1b1e23;
    border-color: #1b1e23;
}
.productdetail .odform input[type=radio]:checked + label::after {
    content: "";
    top: 16px;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
}
.productdetail .odform input[type=radio]:disabled + label {
    font-weight: 400;
}
.productdetail .odform input[type=radio]:disabled + label:before {
    background-color: #eef0f2;
    border-color: #eef0f2;
}
.productdetail .odform input[type=radio]:disabled + label::after {
    content: "";
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
}
.productdetail .odform .input_multi {
    position: relative;
}
.productdetail .odform .input_multi .conleft {
    float: left;
}
.productdetail .odform .input_multi .conright {
    position: absolute;
    top: 0;
    right: 0;
}
.productdetail .odform .input_multi::after {
    content: "";
    display: block;
    clear: both;
}
.productdetail .odform .act {
    position: absolute;
    top: 50%;
    top: 35px;
    right: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.productdetail .odform .act .clear {
    margin-left: 10px;
    font-size: 0;
    display: none;
}
.productdetail .odform .act .clear::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background-url: url(../../images/API_M_KO/common/n/group-228.svg) no-repeat;
    background-color: #9aa3b1;
    background-size: cover;
    border-radius: 100%;
    vertical-align: top;
}
.productdetail .odform .act .clear::after {
    content: "X";
    display: inline-block;
    width: 6px;
    height: 6px;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}
.productdetail .odform .act .clear span {
    position: relative;
}
.productdetail .odform .act .clear span::before, .productdetail .odform .act .clear span::after {
    content: "";
    position: absolute;
    right: 9px;
    top: 6px;
    height: 8px;
    width: 1px;
    background-color: #fff;
}
.productdetail .odform .act .clear span::before {
    -webkit-transform: rotate(43deg);
            transform: rotate(43deg);
}
.productdetail .odform .act .clear span::after {
    -webkit-transform: rotate(-43deg);
            transform: rotate(-43deg);
}
.productdetail .odform .hint_block {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #0288d1;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.05em;
}
.productdetail .odform .help_block {
    display: block;
    position: relative;
    margin-top: 4px;
    width: 100%;
}
.productdetail .odform .help_block .t_err {
    display: none;
    margin-top: 0px;
    font-size: 12px;
    font-weight: 500;
    text-indent: 0px;
    letter-spacing: -0.04em;
    color: #f4511e;
}
.productdetail .odform .help_block .t_sub {
    margin-top: 0px;
    font-size: 12px;
    font-weight: 500;
    text-indent: 0px;
    letter-spacing: -0.04em;
    color: #788497;
}
.productdetail .odform .help_block .t_sub span {
    color: #1b1e23;
}
.productdetail .odform .timer {
    position: absolute;
    top: 5px;
    right: 66px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #f4511e;
}
.productdetail .odform.type-line {
    position: relative;
    margin-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 22px;
}
.productdetail .odform.type-line::before {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 1px;
    margin-left: -50vw;
    background-color: #dde0e5;
    content: "";
}
.productdetail .odform.type-line + .panel {
    margin-top: 20px;
}
.productdetail .accordion_item .ac_head {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.productdetail .accordion_item .ac_head button:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
}
.productdetail .accordion_item .ac_head button[aria-expanded=true]:after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
}
.productdetail .accordion_item .ac_head[aria-controls=false], .productdetail .accordion_item .ac_head[role=button] {
    padding-right: 24px;
}
.productdetail .accordion_item .ac_head[aria-controls=false]::after, .productdetail .accordion_item .ac_head[role=button]::after {
    top: 12px;
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_ico_accordion_arrow.svg) no-repeat;
}
.productdetail .accordion_item .ac_head[aria-controls=false].active, .productdetail .accordion_item .ac_head[role=button].active {
    margin-bottom: 20px;
}
.productdetail .accordion_item .ac_head[aria-controls=false].active + .ac_body, .productdetail .accordion_item .ac_head[role=button].active + .ac_body {
    display: block;
}
.productdetail .accordion_item .ac_head[aria-controls=false].active::after, .productdetail .accordion_item .ac_head[role=button].active::after {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
}
.productdetail .accordion_item .ac_head[aria-controls=false].active .txt_info .gift_case,
.productdetail .accordion_item .ac_head[aria-controls=false].active .txt_info .total_case, .productdetail .accordion_item .ac_head[role=button].active .txt_info .gift_case,
.productdetail .accordion_item .ac_head[role=button].active .txt_info .total_case {
    display: none;
}
.productdetail .accordion_item .ac_head[aria-controls=false].active .txt_info .price, .productdetail .accordion_item .ac_head[role=button].active .txt_info .price {
    display: block;
}
.productdetail .accordion_item .ac_head .tit_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 12px;
}
.productdetail .accordion_item .ac_head .tit_box .tit {
    font-size: 16px;
    font-weight: 500;
}
.productdetail .accordion_item .ac_head .tit_box .s_bubble {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    padding: 4px 12px;
    background: linear-gradient(100deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
    border-radius: 13px 13px 13px 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: absolute;
    top: -30px;
    left: 0;
}
.productdetail .accordion_item .ac_head .txt_info {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.productdetail .accordion_item .ac_head .txt_info .payment {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.05em;
    text-align: right;
    color: #3d444f;
}
.productdetail .accordion_item .ac_head .txt_info .payment_final_price {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -0.06em;
    text-align: right;
    color: #ea2829;
}
.productdetail .accordion_item .ac_head .txt_info .payment_final_price em {
    margin-left: 4px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.06em;
    text-align: right;
    color: #3d444f;
    font-weight: normal;
}
.productdetail .accordion_item .ac_head .txt_info .gift_case {
    color: #3d444f;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.06em;
}
.productdetail .accordion_item .ac_head .txt_info .total_case {
    color: #ea2869;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.06em;
}
.productdetail .accordion_item .ac_head .txt_info .price {
    color: #ea2869;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.06em;
}
.productdetail .accordion_item .ac_head .txt_info .gift_case,
.productdetail .accordion_item .ac_head .txt_info .total_case {
    display: block;
}
.productdetail .accordion_item .ac_head .txt_info span + span {
    position: relative;
    margin-left: 24px;
}
.productdetail .accordion_item .ac_head .txt_info span + span::before {
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #eef0f2;
}
.productdetail .accordion_item .ac_body {
    display: none;
}
.productdetail .accordion_item .ac_body .more {
    width: 100%;
    display: block;
    margin-top: 19px;
    padding-top: 12px;
    text-align: center;
    border-top: 1px solid #eef0f2;
}
.productdetail .accordion_item .ac_body .more span {
    position: relative;
    color: #788497;
    font-size: 14px;
    font-weight: 500;
}
.productdetail .accordion_item .ac_body .more span::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../images/API_M_KO/common/n/M_ico_more_arrow_down.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    position: absolute;
    right: -20px;
    bottom: -7px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.productdetail .accordion_item .ac_body .more.close span::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.productdetail .accordion_item .ac_body.is-active {
    display: block;
}
.productdetail .accordion_item .ac_body.area_otp {
    background-color: #f5f7fa;
    padding: 20px 0;
    margin: -20px;
    margin-top: 20px;
}
.productdetail .accordion_item .ac_body.area_otp div[class^=otp_] {
    margin: 20px;
    padding: 20px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    background-color: #fff;
}
.productdetail .accordion_item .ac_body.area_otp div[class^=otp_]:first-child {
    margin-top: 0;
}
.productdetail .accordion_item .ac_body.area_otp div[class^=otp_] .title {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #3d444f;
    margin-bottom: 12px;
}
.productdetail .accordion_item .ac_body.area_otp .otp_apply .title {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #3d444f;
    margin-bottom: 12px;
}
.productdetail .accordion_item .ac_body.area_otp .otp_apply > li + li {
    margin-top: 20px;
}
.productdetail .accordion_item .ac_body .order_list {
    padding: 0;
}
.productdetail .accordion_item .ac_body .order_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 19px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 19px 0 20px;
}
.productdetail .accordion_item .ac_body .order_list li + li {
    border-top: 1px solid #eef0f2;
}
.productdetail .accordion_item .ac_body .order_goods_info .top div {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.productdetail .accordion_item .ac_body .order_goods_info .top .add {
    font-size: 14px;
    font-weight: 700;
    padding: 0 1px 0 0;
    background: linear-gradient(110deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ea2829;
}
.productdetail .accordion_item .ac_body .order_goods_info .top .order_tit {
    font-size: 14px;
    font-weight: 700;
}
.productdetail .accordion_item .ac_body .order_goods_info .order_detail {
    margin-top: 4px;
    font-size: 14px;
    color: #3d444f;
    display: inline;
}
.productdetail .accordion_item .ac_body .order_goods_info .order_amount {
    margin-top: 4px;
    font-size: 14px;
    color: #788497;
}
.productdetail .accordion_item .ac_body .order_goods_info .discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 4px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 16px;
}
.productdetail .accordion_item .ac_body .order_goods_info .discount span {
    font-size: 14px;
    font-weight: 700;
}
.productdetail .accordion_item .ac_body .order_goods_info .discount del {
    color: #abb2be;
    font-size: 13px;
}
.productdetail .accordion_item .ac_body .order_goods_info .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 4px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 2px;
}
.productdetail .accordion_item .ac_body .order_goods_info .price span {
    font-size: 14px;
    color: #3d444f;
    line-height: 1.46;
    margin-bottom: 2px;
}
.productdetail .accordion_item .ac_body .order_goods_info .price strong {
    color: #ea2829;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
.productdetail .accordion_item .ac_body .order_goods_img {
    width: 96px;
    padding: 10px;
    background-color: #f5f7fa;
    border-radius: 8px;
}
.productdetail .accordion_item .ac_body .order_goods_img > img {
    width: 76px;
}
.productdetail .accordion_item .ac_body + .foldgroup {
    margin-top: 6px;
}
.productdetail .accordion_item.not_folded .ac_body {
    display: block;
}
.productdetail .radio_custom_group {
    margin: 20px 0 14px;
}
.productdetail .radio_custom_group.n_bd .r_item label {
    border: solid 1px transparent;
}
.productdetail .radio_custom_group.n_bd .r_item label.active {
    padding: 16px 16px;
}
.productdetail .radio_custom_group.n_bd .r_item + .r_item {
    margin-top: 0;
}
.productdetail .radio_custom_group .r_item {
    position: relative;
}
.productdetail .radio_custom_group .r_item input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    width: 20px;
    height: 40px;
    opacity: 0 !important;
}
.productdetail .radio_custom_group .r_item input[type=radio]:checked + label {
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
    border: solid 1px #1b1e23;
    padding: 16px;
}
.productdetail .radio_custom_group .r_item input[type=radio]:checked + label .r_body {
    display: block;
}
.productdetail .radio_custom_group .r_item input[type=radio]:checked + label::before {
    background-color: #1b1e23;
    border-color: #1b1e23;
}
.productdetail .radio_custom_group .r_item input[type=radio]:checked + label::after {
    content: "";
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
}
.productdetail .radio_custom_group .r_item input[type=radio]:checked + label .tit_box span {
    color: #1b1e23;
    font-weight: 500;
}
.productdetail .radio_custom_group .r_item label {
    display: block;
    border: solid 1px #dde0e5;
    border-radius: 8px;
    padding: 16px;
}
.productdetail .radio_custom_group .r_item label::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 18px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 50%;
    -webkit-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
    background-color: #fff;
}
.productdetail .radio_custom_group .r_item label::after {
    position: absolute;
    left: 22px;
    top: 24px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.productdetail .radio_custom_group .r_item + .r_item {
    margin-top: 20px;
}
.productdetail .radio_custom_group .r_item .r_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.productdetail .radio_custom_group .r_item .r_head .tit_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 8px;
    margin-right: 8px;
    margin-left: 26px;
}
.productdetail .radio_custom_group .r_item .r_head .tit_box span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #788497;
}
.productdetail .radio_custom_group .r_item .r_body {
    display: none;
    margin-top: 18px;
}
.productdetail .radio_custom_group .r_item .request {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
}
.productdetail .radio_custom_group .r_item .request .request_name {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #3d444f;
}
.productdetail .radio_custom_group .r_item .request .request_val {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.05em;
    text-align: right;
    color: #1b1e23;
}
.productdetail .radio_custom_group .r_item .request .request_val.amp {
    color: #ea2829;
}
.productdetail .radio_custom_group .r_item .request + .temp_opt {
    margin-top: 20px;
}
.productdetail .od_calc_wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    z-index: 1001;
    font-size: 0;
    width: 100%;
    background: #f5f5f5;
    background: #1b1e23;
    padding-bottom: 34px;
}
.productdetail .od_calc_wrap button {
    width: 100%;
    height: 56px;
}
.productdetail .od_calc_wrap .btn_w {
    background: #fff;
    color: #1b1e23;
}
.productdetail .od_calc_wrap .btn_b {
    background: #1b1e23;
    color: #fff;
}
.productdetail .pd_visual {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 200;
    background-color: #f5f7fa;
}
.productdetail .pd_visual .swiper-container {
    min-height: 362px;
    overflow: visible;
}
.productdetail .pd_visual .swiper-container .swiper-slide {
    overflow: hidden;
}
.productdetail .pd_visual .swiper-container .swiper-pagination-bullets {
    bottom: 4px;
}
.productdetail .pd_visual .swiper-container .swiper-pagination-bullet {
    opacity: 1;
    margin: 1px 4px;
    width: 6px;
    height: 6px;
    background-color: #ccd1d8;
}
.productdetail .pd_visual .swiper-container .swiper-pagination-bullet-active {
    margin: 0px 4px;
    width: 8px;
    height: 8px;
    background-color: #000;
}
.productdetail .pd_visual .thumb_list {
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0;
}
.productdetail .pd_visual .thumb_list .thumb {
    position: relative;
    width: 100%;
    height: 0;
    padding: 100% 0 0;
    background-color: #f5f7fa;
    overflow: hidden;
}
.productdetail .pd_visual .thumb_list .thumb img,
.productdetail .pd_visual .thumb_list .thumb video {
    position: absolute;
    top: 37px;
    left: 37px;
    width: calc(100vw - 74px);
    height: calc(100vw - 74px);
    -o-object-fit: cover;
       object-fit: cover;
    padding: 0;
}
.productdetail .pd_visual .thumb_list .thumb::before {
    display: block;
    position: absolute;
    top: 37px;
    left: 37px;
    z-index: 1;
    width: calc(100% - 74px);
    height: calc(100% - 74px);
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}
.productdetail .pd_visual .badge {
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 20px;
}
.productdetail .pd_visual .badge ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4px;
}
.productdetail .pd_visual .badge li {
    margin-top: 4px;
}
.productdetail .pd_visual .badge li span {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: -0.55px;
    color: #5c6677;
    padding: 0px 6px 0px;
    border-radius: 4px;
    border: 1px solid #ccd1d8;
    background-color: #fff;
    display: flex;/*2024-05-14 첫구매딜 관련 추가*/
    align-items: center;/*2024-05-14 첫구매딜 관련 추가*/
}
.productdetail .pd_visual .badge li.HShare span {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: -0.55px;
    color: #fff;
    border: 1px solid transparent;
    background-image: linear-gradient(111deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%);
}
.productdetail .pd_visual .badge li.type-first-deal span {
    border: 1px solid #ffeaea; background-color: #ffeaea; color: #ea2869;
}/*2024-05-14 첫구매딜 관련 추가*/
.productdetail .pd_visual .badge li.type-first-deal span:before {
    content:""; display: inline-block; width: 16px; height:16px; margin-right:2px; background:url('../../images/API_M_KO/common/ic_first_deal.svg') no-repeat center center/contain;
}/*2024-05-14 첫구매딜 관련 추가*/
.productdetail .pd_visual .extra_service {
    position: absolute;
    z-index: 10;
    bottom: 20px;
    right: 20px;
}
.productdetail .pd_visual .extra_service button {
    width: 48px;
    height: 48px;
    margin: 8px 0 0;
    font-size: 0;
    text-indent: -999999px;
    border-radius: 16px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04);
    background-color: #fff;
    background-size: cover;
}
.productdetail .pd_visual .extra_service .VR {
    background-image: url(../../images/API_M_KO/product/n/M_btn_hcosface.svg);
    background-repeat: no-repeat;
}
.productdetail .pd_visual .extra_service .AR {
    background-image: url(../../images/API_M_KO/product/n/M_btn_ar.svg);
    background-repeat: no-repeat;
}
.productdetail .pd_descript {
    position: relative;
    margin-top: 0;
    padding-top: 16px;
    padding-bottom: 20px;
    background-color: #f5f7fa;
}
.productdetail .pd_descript .desc_MDcomment {
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.05em;
    background-image: linear-gradient(97deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.productdetail .pd_descript .desc_MDcomment.has_link {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(97deg, #ea2829 0%, #ea2869 15%, #ce28a5 20%, #a928ea 100%);
    border-image-slice: 1;
}/*2023-12-19 md 관련 추가*/
.productdetail .pd_descript .desc_MDcomment.has_link::after {/*2023-12-19 md 관련 has_link 클래스 추가*/
    content: "";
    display: inline-block;
    width: 12px;
    height: 13px;
    margin-left: 2px;
    margin-bottom: -2px;
    background-image: url(../../images/API_M_KO/common/n/icon_arrow_5_1.svg);
    background-repeat: no-repeat;
}
.productdetail .pd_descript .desc_goods {
    padding-top: 15px;
    position: relative;
}
.productdetail .pd_descript .desc_goods .goods_detail {
    position: relative;
}
.productdetail .pd_descript .desc_goods .goods_detail .goods_brand {
    position: relative;
    color: #1b1e23;
}
.productdetail .pd_descript .desc_goods .goods_detail .goods_brand strong {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: -0.04em;
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
    vertical-align: text-top;
    padding-left: 18px;
    padding-right: 2px;
}
.productdetail .pd_descript .desc_goods .goods_detail .goods_brand::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 2px;
    position: absolute;
    top: 1px;
    background-image: url(../../images/API_M_KO/product/n/M_brandhome.svg);
    background-repeat: no-repeat;
}
.productdetail .pd_descript .desc_goods .goods_detail .goods_name {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: -0.045em;
    color: #1b1e23;
    margin-top: 7px;
}
.productdetail .pd_descript .desc_goods .share {
    position: absolute;
    top: 10px;
    right: 0;
}
.productdetail .pd_descript .desc_goods .share button {
    width: 20px;
    height: 20px;
    font-size: 0;
    text-indent: -9999px;
    background: url(../../images/API_M_KO/product/n/M_ico_share.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
}
.productdetail .pd_descript .desc_priceinfo {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 20px;
}
.productdetail .pd_descript .desc_priceinfo .sale_percent {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -0.05em;
    color: #ea2829;
}
.productdetail .pd_descript .desc_priceinfo .sale_percent em {
    font-size: 18px;/*2024-05-09 적립금가 노출 관련 수정(28)*/
    font-weight: 700;
    line-height: 1.39;
    letter-spacing: -0.049em;
}
.productdetail .pd_descript .desc_priceinfo .sale_percent em::after {
    content: "%";
    display: inline-block;
    font-size: 14px;/*2024-05-09 적립금가 노출 관련 수정(28)*/
    color: #ea2829;
    margin-left: -1px;
}
.productdetail .pd_descript .desc_priceinfo .price {
    margin-right: auto;
}
.productdetail .pd_descript .desc_priceinfo .price .non_exp {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #3d444f;
}
/* 20231221 */
.productdetail .pd_descript .desc_priceinfo .price .non_exp a {
    color: #ea2869;
    text-decoration: underline;
    text-underline-position: under;
    margin-right: 5px;
}
.productdetail .pd_descript .desc_priceinfo .price .price_org {
    font-size: 14px;
    line-height: 1.36;
    letter-spacing: -0.044em;
    color: #788497;
}
.productdetail .pd_descript .desc_priceinfo .price .price_sale {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -0.063em;
    color: #1b1e23;
    margin-left: 4px;/*2024-05-09 적립금가 노출 관련 추가*/
}
.productdetail .pd_descript .desc_priceinfo .price .price_ko {
    position: relative;
    top: -3px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.044em;
    vertical-align: bottom;
    color: #3d444f;
    margin-left: 4px;
}
.productdetail .pd_descript .desc_priceinfo .save_point li + li {
    margin-top: 8px;
}
.productdetail .pd_descript .desc_priceinfo .save_point li button {
    position: relative;
    display: block;
    width: 100%;
    padding: 3px 20px 3px 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.038em;
    text-align: left;
    border-radius: 4px;
    color: #fff;
    background-color: #1b1e23;
}
.productdetail .pd_descript .desc_priceinfo .save_point li button:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-image: url(../../images/API_M_KO/common/n/M_ico_download.svg);
    background-size: cover;
}
.productdetail .pd_descript .desc_priceinfo .save_point li:last-child {
    margin-bottom: 0;
}
.productdetail .pd_descript .desc_opt .opt_basic {
    margin-top: 24px;
}
.productdetail .pd_descript .desc_opt .opt_basic .opt_basic_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 7px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
}
.productdetail .pd_descript .desc_opt .opt_basic .opt_basic_list li {
    position: relative;
    display: block;
}
.productdetail .pd_descript .desc_opt .opt_basic .opt_basic_list li:last-child {
    margin-right: 0;
}
.productdetail .pd_descript .desc_opt .opt_basic .opt_basic_list li input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    border: 0;
    clip: rect(0, 0, 0, 0);
}
.productdetail .pd_descript .desc_opt .opt_basic .opt_basic_list li input + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    min-width: calc((100vw - 61px) / 4);
    height: 40px;
    padding: 5px 10px;
    border: solid 1px #dde0e5;
    background-color: #fff;
    border-radius: 4px;
}
.productdetail .pd_descript .desc_opt .opt_basic .opt_basic_list li input + label p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    letter-spacing: -0.044em;
    color: #5c6677;
}
.productdetail .pd_descript .desc_opt .opt_basic .opt_basic_list li input:checked + label {
    border: solid 1px #1b1e23;
}
.productdetail .pd_descript .desc_opt .opt_basic .opt_basic_list li input:checked + label p {
    font-weight: 500;
    color: #1b1e23;
}
.productdetail .pd_descript .desc_opt .opt_chip {
    margin-top: 24px;
    margin-left: 0;
    margin-right: 0;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .itemchip {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    width: 28px;
    height: 28px;
    margin-top: -13px;
    border-radius: 50%;
    background-size: 100% auto !important;
    overflow: hidden;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .itemname {
    font-size: 14px;
    line-height: 1.43;
    font-weight: 500;
    letter-spacing: -0.044em;
    text-align: left;
    color: #1b1e23;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_choose {
    position: relative;
    border-radius: 4px;
    border: solid 1px #dde0e5;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_choose.accordion__tit::before {
    content: "";
    display: none;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_choose button::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_ico_accordion_arrow.svg) no-repeat;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_choose .sel_tit {
    width: 100%;
    padding: 15px 16px 15px 56px;
    font-size: 14px;
    text-align: left;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_choose .sel_tit .itemname {
    color: #1b1e23;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_choose .sel_tit span + p {
    display: none;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_choose p {
    display: block;
    font-weight: initial;
    color: #abb2be;
    margin-left: -40px;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_items {
    display: none;
    margin-top: 8px;
    padding-top: 0px;
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 200px;
    overflow-y: auto;
    border-radius: 4px;
    border: solid 1px #dde0e5;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_items button {
    width: 100%;
    text-align: left;
    padding: 15px 16px 15px 56px;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_items li {
    position: relative;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_items li::before {
    content: "";
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    top: calc(50% - 13px);
    left: 10px;
    border-radius: 100%;
    background: #dde0e5 no-repeat 50% 50%/100% auto;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_items .soldout:hover {
    background-color: unset;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_items .soldout .itemchip::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 1px;
    background-color: #fff;
    margin-bottom: 0;
    -webkit-transform: rotate(-45deg) perspective(34px) translateZ(10px);
            transform: rotate(-45deg) perspective(34px) translateZ(10px);
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_items .soldout .itemname {
    color: #abb2be;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_items .soldout .itemname::after {
    content: "(품절)";
    display: inline-block;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_items .soldout.stock .itemname::after {
    content: "(일시품절)";
    display: inline-block;
}
.productdetail .pd_descript .desc_opt .opt_chip .chip_select .select_items .sel_item.pick {
    background-color: rgba(154, 163, 177, 0.2);
}
.productdetail .pd_descript .desc_opt .opt_chip.type2 .chip_select .itemchip {
    border-radius: 0;
    width: 40px;
    height: 26px;
}
.productdetail .pd_descript .desc_opt .opt_chip.type2 .chip_select .select_items button {
    width: 100%;
    padding-left: 68px;
}
.productdetail .pd_descript .desc_opt .opt_chip.type2 .chip_select .select_items li::before {
    border-radius: 0;
    width: 40px;
    height: 26px;
}
.productdetail .pd_descript .desc_opt .opt_chip.type2 .chip_select .select_items .soldout .itemchip::before {
    content: "";
    display: inline-block;
    width: 49px;
    margin-bottom: 5px;
    -webkit-transform: rotate(-34deg) perspective(50px) translateZ(10px);
            transform: rotate(-34deg) perspective(50px) translateZ(10px);
}
.productdetail .pd_Paymentinfo::before {
    content: "";
    display: none !important;
}
.productdetail .pd_Paymentinfo > *:last-child {
    padding-bottom: 20px;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .ac_head {
    position: relative;
    padding: 8px;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .ac_head button {
    padding-left: 20px;
    border-radius: 8px 8px 8px 8px;
    border: solid 1px #ea2869;
    background-image: none;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .ac_head button + .tit {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.04em;
    color: #1b1e23;
    position: relative;
    padding-left: 20px;
    z-index: 1;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .ac_head button + .tit span {
    width: 35px;
    height: 19px;
    font-weight: 500;
    -webkit-background-clip: text;
            background-clip: text;
    background-image: linear-gradient(118deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%);
    -webkit-text-fill-color: transparent;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .ac_head button::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 5px;
    background-image: url(../../images/API_M_KO/product/n/M_ico_message.svg);
    background-repeat: no-repeat;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .ac_head button[aria-expanded*=true] {
    border: 0;
    border-radius: 8px 8px 0 0;
    background-image: linear-gradient(96deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%);
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .ac_head button[aria-expanded*=true]::before {
    background-image: url(../../images/API_M_KO/common/n/M_ico_message_w.svg);
    top: 9px;
    left: 7px;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .ac_head button[aria-expanded*=true]:after {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url(../../images/API_M_KO/common/n/M_ico_accordion_arrow_w.svg) no-repeat;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .ac_head button[aria-expanded*=true] + .tit {
    color: #fff;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .ac_head button[aria-expanded*=true] + .tit span {
    color: #fff;
    background-image: none;
    -webkit-text-fill-color: #fff;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .accordion__tit button::after {
    right: 8px !important;
    left: auto;
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .ac_body.accordion__cont {
    padding-top: 20px;
    margin-top: -21px;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .ac_body .noti_p {
    margin: 12px 0 0;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist {
    padding: 16px;
    border-radius: 0 0 8px 8px;
    border: 1px solid #ea2869;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 6px 0;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist li:first-child {
    padding-top: 0;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .tit {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.04em;
    color: #3d444f;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .txt {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: -0.04em;
    text-align: right;
    color: #1b1e23;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .detail_discount {
    overflow: hidden;
    padding: 14px 0 0;
    width: 100%;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .detail_discount li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .detail_discount li + li {
    margin-top: 8px;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .detail_discount li .discount_name {
    color: #5c6677;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .detail_discount .discount_name::before {
    content: "└";
    display: inline-block;
    font-size: 10px;
    width: 4px;
    height: 4px;
    color: #abb2be;
    margin-right: 10px;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .detail_discount .discount_price {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.05em;
    text-align: right;
    color: #3d444f;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .folding.discount {
    margin-top: 5px;
    padding-top: 16px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-top: 1px solid #dde0e5;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .folding .detail_tit {
    position: relative;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .folding .detail_tit::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../../images/API_M_KO/common/n/M_ico_fold_arrow_payment.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    position: absolute;
    right: -19px;
    bottom: -3px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .folding .detail_discount {
    display: none;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .folding.on .detail_tit::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .folding.on .detail_discount {
    display: block;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist > ul + .payment-total {
    margin-top: 15px;
    padding-top: 18px;
    border-top: 1px solid #dde0e5;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .payment-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .payment-total.type-1 {
    width: 100%;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .payment-total.type-1 .payment-total__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 2px;
    letter-spacing: -0.33px;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .payment-total.type-1 .payment-total__tit .payment-total__tit1 {
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
    color: #1b1e23;
    text-align: left;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .payment-total.type-1 .payment-total__tit .payment-total__tit2 {
    display: block;
    color: #5c6677;
    font-weight: 400;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .payment-total.type-1 .payment-total__cost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 2px;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .payment-total.type-1 .payment-total__cost .payment-total__cost1 {
    background-image: linear-gradient(112deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.4px;
    text-align: right;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .payment-total.type-1 .payment-total__cost .payment-total__cost2 {
    display: block;
    font-size: 13px;
    background-image: none;
    -webkit-text-fill-color: unset;
    color: #3d444f;
    letter-spacing: -0.33px;
    font-weight: 400;
    text-align: right;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .payment-total.type-1 + .noti_p {
    margin-top: 15px;
    padding-left: 0;
    padding-top: 15px;
    border-top: 1px solid #dde0e5;
    text-align: center;
}
.productdetail .pd_Paymentinfo .desc_lowestinfo .pricelist .payment-total.type-1 + .noti_p::before {
    display: none;
}
.productdetail .pd_Paymentinfo .desc_benefitsinfo {
    padding-top: 12px;
}
.productdetail .pd_Paymentinfo .desc_hShare + .desc_benefitsinfo {
    padding-top: 0;
    margin-top: 16px;
}
.productdetail .pd_Paymentinfo .desc_benefitsinfo ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.productdetail .pd_Paymentinfo .desc_benefitsinfo ul li .title {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    min-width: 78px;
    min-width: 73px;
    gap: 4px;
    margin-right: 12px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.productdetail .pd_Paymentinfo .desc_benefitsinfo ul li .title > span {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #5c6677;
}
.productdetail .pd_Paymentinfo .desc_benefitsinfo ul li .title .wrap-tooltip .btn-tooltip {
    padding-top: 20px;
}
.productdetail .pd_Paymentinfo .desc_benefitsinfo ul li .cont {
    color: #1b1e23;
    font-size: 13px;
    letter-spacing: -0.65px;
    line-height: 1.46;
    width: calc(100% - 85px);
}
.productdetail .pd_Paymentinfo .desc_benefitsinfo ul li .cont a {
    position: relative;
    font-weight: 500;
    color: #788497;
}
.productdetail .pd_Paymentinfo .desc_benefitsinfo ul li .cont a::after {
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #788497;
    content: "";
}
.productdetail .pd_Paymentinfo .desc_benefitsinfo ul li .cont .point {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #5a3ff2;
}
.productdetail .pd_Paymentinfo .desc_benefitsinfo ul li + li {
    margin-top: 10px;
}
/* S: 2024-01-15 hpoint 안내 추가 */
.productdetail .pd_Paymentinfo .desc_benefitsinfo .has-caution {
    position: relative;
    flex-wrap: wrap;
    margin-top: 2px;
}
.productdetail .pd_Paymentinfo .desc_benefitsinfo .has-caution .sub-caution {
    /* position: absolute;
    left: 0;
    bottom: 0; */
    width: 100%;
    font-size: 12.1px;
    color: #788497;
    line-height: 1.2;
}
/* E: 2024-01-15 hpoint 안내 추가 */
.productdetail .pd_Paymentinfo .desc_req {
    padding-top: 20px;
    padding-bottom: 20px;
}
.productdetail .pd_Paymentinfo .desc_req + .desc_req {
    padding-top: 0;
}
.productdetail .pd_Paymentinfo .desc_req .area-attention {
    padding: 8px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 8px;
    background-color: #f5f7fa;
}
.productdetail .pd_Paymentinfo .desc_req .area-attention .attention__tit {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #5c6677;
}
.productdetail .pd_Paymentinfo .desc_req .area-attention + .area-attention {
    margin-top: 8px;
    border-radius: 8px;
}
.productdetail .pd_Paymentinfo .desc_req .area-attention .accordion__cont {
    padding: 12px 16px 0 10px;
}
.productdetail .pd_Paymentinfo .desc_hShare {
    position: relative;
}
.productdetail .pd_Paymentinfo .desc_hShare .hshare_status {
    position: relative;
    padding: 16px 16px 0px;
    border-radius: 8px;
    border: 1px solid #dde0e5;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_head p {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #1b1e23;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_head p .countdown {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #ea2869;
    margin: 0 4px;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_graph {
    position: relative;
    width: 100%;
    height: 32px;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_graph::before {
    background: #eef0f2;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_graph::before,
.productdetail .pd_Paymentinfo .desc_hShare .status_graph .graph__bar {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 8px;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
    border-radius: 2px;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_graph p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1px;
    position: absolute;
    top: -25px;
    right: auto;
    color: #abb2be;
    font-size: 12px;
    text-indent: -0.3px;
    line-height: 1.3;
    padding: 2px 7px;
    letter-spacing: -1px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: #ea2869;
    color: #fff;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_graph p .graph__current {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_graph p .graph__max {
    display: inline-block;
    opacity: 0.7;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_graph p::before {
    content: "";
    display: inline-block;
    background: #eef0f2;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid #ea2869;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_graph p::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -3px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid;
    border-top-color: #ea2869;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_graph .graph__bar {
    width: 0;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    background: #ea2829;
    background: -webkit-gradient(linear, left top, right top, from(#ea2829), color-stop(33%, #ea2869), color-stop(66%, #ce28a5), to(#a928ea));
    background: linear-gradient(to right, #ea2829 0%, #ea2869 33%, #ce28a5 66%, #a928ea 100%);
}
.productdetail .pd_Paymentinfo .desc_hShare .status_info {
    background-color: #f9fafb;
    border-top: 1px solid #dde0e5;
    border-radius: 0 0 8px 8px;
    margin: 0 -16px;
    padding: 6px 0;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 6px 16px;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_info li p {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.04em;
    color: #5c6677;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_info li p span {
    font-weight: 700;
    color: #1b1e23;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_info li .rate {
    font-weight: 700;
    color: #ea2829;
}
.productdetail .pd_Paymentinfo .desc_hShare .status_info li .rate .percent {
    color: #ea2829;
}
.productdetail .pd_Paymentinfo .desc_hShare .area-attention {
    padding: 8px;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 8px;
    background-color: #f5f7fa;
}
.productdetail .pd_Paymentinfo .desc_hShare .area-attention .attention__tit {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #5c6677;
}
.productdetail .pd_Paymentinfo .desc_hShare .area-attention + .area-attention {
    margin-top: 8px;
    border-radius: 8px;
}
.productdetail .pd_Paymentinfo .desc_hShare .area-attention .accordion__cont {
    padding: 12px 16px 0 10px;
}
.productdetail .pd_set .pn-tit p {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.075em;
}
.productdetail .pd_set .pn-tit p span {
    margin-left: 4px;
    color: #ea2869;
}
.productdetail .pd_set .pn-cont {
    padding: 12px 0 20px;
}
.productdetail .pd_set .pn-cont .area-attention {
    padding: 16px 0 19px;
}
.productdetail .pd_set .pn-cont .area-attention .attention__tit {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #5c6677;
}
.productdetail .pd_set .pn-cont .area-attention .attention__tit.accordion__tit::before {
    content: "";
    display: none;
}
.productdetail .pd_set .pn-cont .area-attention .accordion__cont {
    padding: 12px 0 0 0;
}
.productdetail .pd_set .pn-cont .area-attention .accordion__cont button:after {
    top: 20%;
}
.productdetail .pd_set .pn-cont .set_product + .set_product {
    border-top: 1px solid #eef0f2;
}
.productdetail .pd_set .pn-cont .set_goods_title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0 4px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.productdetail .pd_set .pn-cont .set_rate {
    width: 20%;
    max-width: 62px;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    font-family: "Times New Roman", "Times", Serif;
    line-height: 1;
    text-align: left;
    color: #ea2829;
}
.productdetail .pd_set .pn-cont .set_prodname {
    font-weight: 700;
    font-size: 14px;
    text-align: left;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #1b1e23;
    width: 80%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.productdetail .pd_set .pn-cont .set_goods_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 20px;
    margin-left: 20%;
    margin-left: 62px;
    position: relative;
}
.productdetail .pd_set .pn-cont .set_goods_img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    width: 80px;
    height: 80px;
    padding: 0px;/*2024-08-14 썸네일 이미지 확장 10px*/
    background-color: #f5f7fa;
    border-radius: 8px;
}
.productdetail .pd_set .pn-cont .set_goods_img::before {
    display: block;
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 10px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 10px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 20px)*/
    z-index: 1;
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}
.productdetail .pd_set .pn-cont .set_goods_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.productdetail .pd_set .pn-cont .set_goods_tool {
    display: table;
}
.productdetail .pd_set .pn-cont .set_goods_tool > * {
    display: table-cell;
    vertical-align: middle;
}
.productdetail .pd_set .pn-cont .set_goods_tool .btn-view {
    position: absolute;
    top: 0;
    right: 0;
}
.productdetail .pd_set .pn-cont .set_goods_tool .btn-view span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -0.7px;
    letter-spacing: -0.044em;
    color: #5c6677;
    margin-right: 22px;
}
.productdetail .pd_set .pn-cont .set_goods_tool .btn-view span::after {
    content: "";
    position: absolute;
    right: -22px;
    bottom: 2px;
    width: 16px;
    height: 16px;
    padding-left: 5px;
    background: url(../../images/API_M_KO/product/n/M_ico_search.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: contain;
}
.productdetail .pd_set .pn-cont .set_goods_tool .num_amount {
    padding-right: 20px;
}
.productdetail .pd_gift {
    margin-bottom: 40px;
}
.productdetail .pd_gift .tit-gift {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3px;
    margin-bottom: 12px;
    font-weight: 600;
}
.productdetail .pd_gift .tit-gift .tit-gift__num {
    color: #ea2869;
}
.productdetail .pd_gift .swiper-slide {
    width: calc(100% - 20px);
}
.productdetail .pd_gift .giftitem {
    display: block;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 8px;
    border: solid 1px #dde0e5;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
}
.productdetail .pd_gift .attention__tit {
    margin: 19px -16px 0;
    padding-right: 0;
}
.productdetail .pd_gift .attention__tit.accordion__tit::before {
    content: "";
    display: none;
}
.productdetail .pd_gift .attention__tit .more {
    width: 100%;
    display: block;
    margin-top: 19px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 24px;
    text-align: center;
    border-top: 1px solid #eef0f2;
    color: #788497 !important;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
.productdetail .pd_gift .attention__tit .more button::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../images/API_M_KO/common/n/M_ico_more_arrow_down.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    position: absolute;
    right: 110px;
    right: 38%;
    left: 62%;
    bottom: -7px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.productdetail .pd_gift .attention__tit .more button[aria-expanded=true]::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.productdetail .pd_gift .item_head {
    margin-top: 8px;
}
.productdetail .pd_gift .item_head .pd-gift__img {
    overflow: hidden;
    position: relative;
    margin: 0 30.071% 5px;/*2024-02-19 사은품 영역 2차 수정*/
    padding-top: 39.87%;
    height: 0;
    background: url(../../images/API_M_KO/common/n/M_empty_gift.svg) 50% 50% no-repeat;
    background-size: contain;
    isolation: isolate;
}
.productdetail .pd_gift .item_head .pd-gift__img img {
    position: absolute;
    top: 0;
    left: 0;
    isolation: isolate;
}
.productdetail .pd_gift .item_head p {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.044em;
    text-align: center;
    color: #1b1e23;
}
.productdetail .pd_gift .item_head .subtit {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #3d444f;
    margin-top: 4px;/*2024-02-01 사은품 겟수 수정*/
    text-align: center;
}/*2024-02-19 사은품 영역 2차 수정*/
.productdetail .pd_gift .item_head .subtit * {
    font-weight: 500;
}/*2024-02-19 사은품 영역 2차 수정*/
.productdetail .pd_gift .item_head .subtit + .subtit {
    margin-top: 2px;
}/*2024-02-01 사은품 겟수 수정*//*2024-02-19 사은품 영역 2차 수정*/
.productdetail .pd_gift .item_body {
    margin-top: 20px;
}
.productdetail .pd_gift .item_body .tit {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #5c6677;
    margin-top: 16px;
}
.productdetail .pd_gift .item_body .tit:first-child {
    margin-top: 0;
}
.productdetail .pd_gift .item_body span {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.05em;
    text-align: left;
    color: #5c6677;
    margin-top: 5px;
}
.productdetail .pd_gift .item_body ul {
    margin-top: 5px;
}
.productdetail .pd_gift .item_body .ascent {
    color: #0000ff;
}
.productdetail .productdetail_tab.product_tab {
    position: sticky;
    top: 60px;
    padding-top: 0;
    margin-top: 0px;
}
.productdetail .pd_descript_contents {
    padding-top: 20px;
}
.productdetail .pd_descript_contents .brandzone {
    height: 80px;
    border-radius: 8px;
    border: 1px solid #eef0f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    padding-right: 16px;
    overflow: hidden;
}
.productdetail .pd_descript_contents .brandzone .logo {
    background-color: #f9fafb;
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 80px;
    height: 80px;
}
.productdetail .pd_descript_contents .brandzone .logo img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 8px;
}
.productdetail .pd_descript_contents .brandzone .name {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.47;
    letter-spacing: -0.085em;
    color: #1b1e23;
}
.productdetail .pd_descript_contents .brandzone .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 7px;
    margin-left: auto;
}
.productdetail .pd_descript_contents .brandzone .btn_area button {
    display: inline-block;
    width: 24px;
    height: 24px;
}
.productdetail .pd_descript_contents .brandzone .btn_area button + button {
    margin-left: 9px;
}
.productdetail .pd_descript_contents .brandzone .btn_area .btn_like--heart,
.productdetail .pd_descript_contents .brandzone .btn_area .btn_like {
    background: url(../../images/API_M_KO/product/n/M_btn_brandlike.svg) no-repeat 0 0;
}
.productdetail .pd_descript_contents .brandzone .btn_area .btn_like--heart.on,
.productdetail .pd_descript_contents .brandzone .btn_area .btn_like.on {
    background: url(../../images/API_M_KO/product/n/M_btn_brandlike_on.svg) no-repeat 0 0;
}
.productdetail .pd_descript_contents .brandzone .btn_area .btn_noti {
    font-size: 0;
    line-height: 0;
    background: url(../../images/API_M_KO/product/n/M_btn_brandnoti.svg) no-repeat 0 0;
    background-size: 24px 24px;
}
.productdetail .pd_descript_contents .brandzone .btn_area .btn_noti.on {
    background: url(../../images/API_M_KO/product/n/M_btn_brandnoti_on.svg) no-repeat 0 0;
}
/* S: 2023-12-27 브랜드 유의사항 - 추가*/
.pd_descript_contents .brand-notice {
    position: relative;
    margin-top: 20px;
    padding-left: 24px;
    font-size: 13px;
    line-height: 19px;
}
.pd_descript_contents .brand-notice:before {
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url(../../images/API_M_KO/common/ic_caution02.png) no-repeat left top/20px 20px;
    width: 20px;
    height: 20px;
    background-color: transparent;
}
/* E: 2023-12-27 브랜드 유의사항 - 추가*/
.productdetail .pd_descript_contents .prodNo {
    margin-top: 20px;
}
.productdetail .pd_descript_contents .prodNo li {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #1b1e23;
}
.productdetail .pd_descript_contents .storeinfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    margin-top: 20px;
}
.productdetail .pd_descript_contents .storeinfo li {
    position: relative;
    margin-left: 10px;
    width: 100%;
    /* height: 40px; */
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -0.044em;
    color: #1b1e23;
}
.productdetail .pd_descript_contents .storeinfo li .location {
    font-weight: 700;
}
.productdetail .pd_descript_contents .storeinfo li::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    height: 40px;
    background-color: #eef0f2;
    position: absolute;
    top: 0;
    right: 0;
}
.productdetail .pd_descript_contents .storeinfo li:first-child {
    margin-left: 0;
}
.productdetail .pd_descript_contents .storeinfo li:last-child::after {
    content: "";
    display: none;
    width: 0;
    height: 0;
}
.productdetail .pd_descript_contents .prodCont {
    overflow: hidden;
    max-height: 900px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.productdetail .pd_descript_contents .prodCont .edit_html {
    height: 100%;
}
.productdetail .pd_descript_contents .prodCont .edit_html img {
    width: 100%;
    height: 100%;
    display: block;
}
.productdetail .pd_descript_contents .prodCont .btn_more_box {
    position: relative;
    width: 100%;
    z-index: 2;
    padding: 0 20px 12px;
    background: #fff;
    text-align: center;
}
.productdetail .pd_descript_contents .prodCont .btn_more_box .btn_prodmore {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid #ccd1d8;
    color: #1b1e23;
    background: #fff;
    padding: 10px;
}
.productdetail .pd_descript_contents .prodCont .btn_more_box .btn_prodmore span {
    position: relative;
}
.productdetail .pd_descript_contents .prodCont .btn_more_box.covered::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(33%, #fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 33%);
    z-index: -1;
}
.productdetail .pd_descript_contents .prodCont.is-open {
    max-height: 100%;
    height: auto;
}
.productdetail .pd_descript_contents .prodCont.is-open .edit_html {
    max-height: 100%;
}
.productdetail .pd_descript_contents .prodCont.is-open + .btn_more_box .btn_prodmore::after {
    display: none;
}
.productdetail .pd_descript_contents .btn_more_box {
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 0;
    background: #fff;
    text-align: center;
}
.productdetail .pd_descript_contents .btn_more_box .btn_prodmore {
    display: none;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid #ccd1d8;
    color: #1b1e23;
    background: #fff;
    padding: 10px;
}
.productdetail .pd_descript_contents .btn_more_box .btn_prodmore span {
    position: relative;
}
.productdetail .pd_descript_contents .btn_more_box .btn_prodmore.is-hide {
    display: block;
}
.productdetail .pd_descript_contents .btn_more_box .btn_prodmore::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(33%, #fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 33%);
    z-index: -1;
}
.productdetail .pd_descript_contents .btn_more_box + [class*=pd_noti_] {
    margin-top: 30px;
}
.productdetail .pd_descript_contents .pd_noti_notiprod a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.productdetail .pd_descript_contents .edit_html {
    overflow-y: hidden;
    overflow-x: auto;
    max-height: 900px;
}
.productdetail .pd_descript_contents.is-open .edit_html {
    max-height: 100%;
    height: auto;
}
.productdetail [class*=pd_noti_] {
    height: 52px;
    padding: 0px 20px;
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid #eef0f2;
}
.productdetail [class*=pd_noti_] a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 52px;
}
.productdetail [class*=pd_noti_] a::after {
    content: "";
    display: block;
    clear: both;
}
.productdetail [class*=pd_noti_] .tit {
    width: calc(100% - 16px);
    line-height: 52px;
    color: #1b1e23;
    font-size: 16px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}
.productdetail [class*=pd_noti_] .btn_noti {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../../images/API_M_KO/common/n/icon_arrow_7.svg) no-repeat;
    font-size: 0;
    line-height: 0;
}
.productdetail [class*=pd_acd_] {
    background: #fff;
    margin-top: 6px;
    padding: 22px 20px;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
}
.productdetail [class*=pd_acd_] .accordion__tit button::after {
    background: url(../../images/API_M_KO/common/n/icon_arrow_7.svg) no-repeat;
}
.productdetail [class*=pd_acd_] .ac_body {
    margin: 0px;
    background-color: #fff;
}
.productdetail .pd_acd_mustread {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 1px solid #eef0f2;
}
.productdetail .pd_acd_mustread .ac_head button,
.productdetail .pd_acd_mustread .ac_head .tit_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 52px;
}
.productdetail .pd_acd_mustread .accordion__cont > div {
    padding-bottom: 20px;
}
.productdetail .pd_acd_mustread .list-info li span {
    color: #ea2869;
    text-decoration: underline;
}
.productdetail .pd_acd_mustread.wrap-accordion .accordion__tit button::after {
    right: 0;
    left: auto;
}
.productdetail [class*=pd_pn_] {
    padding: 20px 0 0 20px;
}
.productdetail [class*=pd_pn_] .tit a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
}
.productdetail [class*=pd_pn_] .tit,
.productdetail [class*=pd_pn_] .tit p a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.075em;
    color: #1b1e23;
}
.productdetail [class*=pd_pn_] .tit a::after {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    margin-left: 0;
    margin-top: 2px;
    background: url(../../images/API_M_KO/common/n/icon_arrow_8.svg) no-repeat;
    background-size: contain;
}
.productdetail [class*=pd_pn_] .cont {
    padding-top: 20px;
    padding-bottom: 24px;
}
.productdetail [class*=pd_pn_] .cont .product__item .product__img .btn-cart {
    bottom: 0px;
    right: 0px;
    z-index: 1;
    background-color: rgba(27, 30, 35, 0.3);
}
.productdetail [class*=pd_pn_] .cont .product__item .product__img .btn-cart::before {
    background: url(../../images/API_M_KO/common/n/icon_product_cart_w.svg);
}
.productdetail [class*=pd_pn_] .cont .product__item .product__info .product__sale-info {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.productdetail [class*=pd_pn_] .cont .product__item .product__info .product__sale-info .product__brand,
.productdetail [class*=pd_pn_] .cont .product__item .product__info .product__sale-info .product__brand-info {
    display: inline;
}
.productdetail [class*=pd_pn_] .cont .product__item .product__info .product__sale-info .product__price--origin .product__price--sale {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    color: #1b1e23;
}
.productdetail [class*=pd_pn_] .cont .product__item .product__info .product__sale-info .product__price--origin.type-1 .product__price--sale {
    font-size: 15px;
    color: #ea2829;
}
/* 20231227 */
.productdetail [class*=pd_pn_] .cont .product__item .soldout-banner {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 27px;
    background-color: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    backdrop-filter: blur(5px);/*2024-08-14 썸네일 이미지 확장*/
}
.productdetail [class*=pd_pn_] .cont .product__item .soldout-banner span {
    color: #fff;
    font-size: 12px;
}
.productdetail [class*=pd_pn_] + [class*=pd_pn_] {
    border-top: 1px solid #eef0f2;
}
.productdetail .pd_pn_recommended {
    padding-left: 0;
}
.productdetail .pd_pn_recommended .tit {
    padding-left: 20px;
}
.productdetail .pd_pn_recommended .list-product {
    overflow-x: visible;
    gap: 0;
    padding-left: 20px;
}
.productdetail .pd_pn_recommended .list-product > li {
    margin-right: 12px;
}
.productdetail .pd_pn_recommended .list-product > li:last-child {
    margin-right: 0;
}
.productdetail .pd_pn_bestbrand .list-product {
    padding-left: 20px;
    margin-left: -20px;
}
.productdetail .pd_pn_bestbrand .list-product.list-product__recommend {
    overflow-x: visible;
}
.productdetail .pd_pn_bestbrand .color-name {
    color: #ea2869;
}
.productdetail .pd_pn_ititems {
    padding-left: 20px;
    padding-right: 20px;
}
.productdetail .pd_pn_ititems .tit .username {
    color: #ea2869;
}
.productdetail .pd_pn_ititems .cont .product__item {
    width: 100%;
}
.productdetail .pd_pn_ititems .cont .product__item .list-product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
/* 20231227 */
.productdetail .pd_pn_ititems .cont .product__item .list-product .product__img {
    width: calc((100vw - 167px) * 0.462);
    height: 0;
    padding: calc((100vw - 167px) * 0.462) 0 0;
    /* height: 25.6vw; */
}
/* 20231227 */
.productdetail .pd_pn_ititems .cont .product__item .list-product .product__img img {
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 16px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 16px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 32px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 32px)*/
}
.productdetail .pd_pn_ititems .cont .product__item .list-product .product__brand:first-child {
    display: inline;
    margin-top: 0;
    margin-right: 2px;
    font-size: 13px;
}
/* 20231227 */
.productdetail .pd_pn_ititems .cont .product__item .list-product .product__info {
    width: 55%;/*2024-06-10 ai추천 슬라이드 변경 100*/
}
/* 20231227 */
.productdetail .pd_pn_ititems .cont .product__item .list-product .product__info .product__brand-info .product__brand {
    display: block;
    margin-bottom: 2px;
}
.productdetail .pd_pointreview .pn-tit {
    padding: 20px 0;
    position: relative;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.productdetail .pd_pointreview .pn-tit p {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.05em;
    color: #1b1e23;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.productdetail .pd_pointreview .pn-tit p .countAll {
    margin-left: 5px;
    color: #ea2869;
}
.productdetail .pd_pointreview .total-review-wrap {
    margin-bottom: 28px;
}
.productdetail .pd_pointreview .photolist {
    overflow: hidden;
    margin-bottom: 28px;
    margin-right: -20px;
    margin-left: -20px;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.productdetail .pd_pointreview .photolist ul li {
    display: inline-block;
}
.productdetail .pd_pointreview .photolist button {
    width: 72px;
    height: 72px;
    position: relative;
    border-radius: 4px; /* 20231225 */
    overflow: hidden; /* 20231225 */
}
.productdetail .pd_pointreview .photolist button div img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    -o-object-fit: cover; /* 20231225 */
        object-fit: cover; /* 20231225 */
}
.productdetail .pd_pointreview .photolist .more_photo::before {
    content: "더보기";
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.05em;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0px;
    padding-top: 35px;
    width: 100%;
    height: auto;
    z-index: 3;
    background: url(../../images/API_M_KO/common/n/icon_plus_1.svg) no-repeat center center;
}
.productdetail .pd_pointreview .photolist .more_photo::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(27, 30, 35, 0.3);
    z-index: 2;
    border-radius: 4px;
}
.productdetail .pd_pointreview + .pd_filterview {
    border-top: 8px solid #eef0f2;
}
.productdetail .pd_filterview::before {
    display: none !important;
}
.productdetail .product-no-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    padding: 32px 0 47px;
}
.productdetail .product-no-review::before {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../../images/API_M_KO/common/n/empty_review.svg) no-repeat;
    background-size: contain;
    content: "";
}
.productdetail .product-no-review p {
    font-size: 15px;
    color: #3d444f;
    font-weight: 500;
    line-height: 1.47;
}
.productdetail .product-no-review a {
    min-width: 84px;
    height: 40px;
}
.productdetail .form_cont {
    position: relative;
}
.productdetail .form_cont select {
    display: none;
}
.productdetail .form_cont .wrap-add-dropdown .fake-dropdown {
    padding: 0 10px 0 0;
}
.productdetail .form_cont .wrap-add-dropdown .btn-dropdown {
    position: absolute;
    height: 40px;
    padding-right: 0;
    border-bottom: none;
}
.productdetail .form_cont .wrap-add-dropdown .btn-dropdown::before {
    background-image: url(../../images/API_M_KO/common/n/M_arrow_down.svg);
}
.productdetail.fixed {
    padding-top: 57px;
}
.productdetail.fixed .productdetail_tab.product_tab {
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 1000;
    width: 100%;
    background-color: #fff;
}
.productdetail.fixed .productdetail_tab.product_tab li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
}
.productdetail.fixed .productdetail_tab.product_tab li a::after {
    display: none;
}
.productdetail.fixed .productdetail_tab.product_tab li.is-active a::after {
    display: block;
}
.productdetail .productdetail_tab.product_tab li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
}
.productdetail .productdetail_tab.product_tab li a::after {
    display: none;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #1b1e23;
    left: 0;
    bottom: -1px;
    content: "";
}
.productdetail .productdetail_tab.product_tab li.active a {
    font-weight: 400;
}
.productdetail .productdetail_tab.product_tab li.is-active a {
    font-weight: 700;
}
.productdetail .productdetail_tab.product_tab li.is-active a::after {
    display: block;
}
/*S: 2024-06-10 ai추천 슬라이드 변경*/
.productdetail .pd_pn_ititems .wrap-swiper-list-product {overflow:hidden; margin-top:-6px;}
.productdetail .pd_pn_ititems .list-product.list-product__recommend {max-height:116vw; gap:0;}
.productdetail .pd_pn_ititems .list-product__recommend li {height: 28.33vw; padding:6px 0;}
.productdetail .pd_pn_ititems .list-product__recommend li a {height:100%;}
.productdetail .pd_pn_ititems .cont .product__item .list-product.list-product__recommend .product__img {width:28.1%; height:auto; padding:0;}
/*E: 2024-06-10 ai추천 슬라이드 변경*/

.btn-square.type-line-2 {
    border: 1px solid #1b1e23;
    color: #1b1e23;
}

.wrap-accordion .accordion__cont[role=region] {
    display: none;
}
.wrap-accordion .accordion__cont[role=region].is-active {
    display: block;
}
.wrap-accordion.area-attention .accordion__tit button::after {
    right: 0;
    left: auto;
}

.wrap-tooltip__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    position: relative;
}
.wrap-tooltip__tit .title {
    margin-bottom: 0 !important;
}
.wrap-tooltip__tit + .odform {
    margin-top: 12px !important;
}

.list-column > li + li {
    margin-top: 20px;
}

.wrap-tooltip.type-1 .btn-tooltip::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_info_question.svg) 0 0 no-repeat;
    background-size: contain;
    content: "";
}

.list-info + .info_tooltip {
    margin-top: 8px;
}

.discount-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
}

.discount-content + .discount-content,
.discount-content__head + .discount-content {
    margin-top: 12px;
}

.discount-content {
    gap: 8px;
}
.discount-content .wrap-form__input {
    width: calc(100% - 92px);
}
.discount-content .wrap-form__input input {
    width: 100%;
}
.discount-content .btn-square {
    width: 84px;
    padding: 0;
}

.discount-content__tit {
    font-size: 14px;
    color: #3d444f;
    letter-spacing: -0.35px;
    line-height: 1.42;
}

.wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]) {
    height: 40px;
    border: 1px solid #dde0e5;
    border-radius: 4px !important;
}
.wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]):disabled {
    background-color: #f9fafb !important;
}
.wrap-form__input.type-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.wrap-form__input.type-inline.size-4 {
    border-bottom: 2px solid #dde0e5;
}
.wrap-form__input.type-inline.size-4 input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]) {
    width: calc((100% - 18px) / 4);
    border-bottom: none;
}
.wrap-form__input.type-inline.size-4 input + input::before {
    display: block;
    content: "-";
}
.wrap-form__input.type-inline .txt-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 6px;
    font-size: 16px;
    font-weight: 500;
    color: #dde0e5;
    text-align: center;
}

.btn-close-layer.type-bar button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 24px;
    text-indent: -9999px;
    font-size: 0;
}
.btn-close-layer.type-bar button::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 40px;
    height: 3px;
    background-color: #ebebeb;
    background-image: none;
    content: "";
}

.list-product.list-product__recommend .product__item .product__img::before {
    display: block;
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 16px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 16px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 32px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 32px)*/
    z-index: 1;
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}
.list-product.list-product__recommend .product__item .btn_like_s.on {
    background: url(../../images/API_M_KO/product/n/M_btn_brandlike_on.svg) no-repeat 0 0;
    background-size: 18px 18px;
}

.rating-static span {
    background: #dde0e5 !important;
}

.btn_like--heart {
    display: inline-block;
    overflow: hidden;
    width: 24px;
    height: 0;
    padding-top: 24px;
    background: url(../../images/API_M_KO/common/btn_like_w.png) no-repeat 0 0;
    background-size: 24px 24px;
    font-size: 0;
    line-height: 0;
    font-weight: 700;
    text-indent: -9999px;
    vertical-align: middle;
}
.product__info--tag > *.hShare,
.product__tag > *.hShare {
    background-image: linear-gradient(111deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%);
    border: 1px solid transparent;
    font-weight: 500;
    color: #fff;
}

.scroll-create {
    overflow-y: scroll;
    padding-right: 8px;
    padding-top: 0;
    margin-top: 16px;
}
.scroll-create::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.scroll-create::-webkit-scrollbar {
    display: block;
    width: 4px;
}
.scroll-create.option-multi-scroll-hg {
    height: 310px;
}
.scroll-create.guide-scroll-hg {
    height: calc(100vh - 148px);
}
.scroll-create.coupon-scroll-hg {
    height: 600px;
    padding-bottom: 8px;
}
.scroll-create.reserves-scroll-hg {
    height: auto;
    padding-bottom: 8px;
    padding-right: 0;
}
.scroll-create .temp_opt + .purchase-info-tab {
    margin-top: 15px;
}
.scroll-create .purchase-info-tab .product-price-amount {
    padding-top: 0;
}

.m_popup_renew.box-float-layer.np .btn-close-layer {
    z-index: 10;
}

.pd.m_popup_renew.box-bottom-float.active {
    padding-bottom: 20px;
    min-height: unset;
}
.pd.m_popup_renew.box-bottom-float.active.type-multi {
    padding-bottom: 78px;
}
.pd.m_popup_renew.box-bottom-float.active.type-multi .purchase-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px);
}
.pd.m_popup_renew.box-float-layer.active.np {
    padding-bottom: 0;
}
.pd .swiper {
    position: relative;
}
.pd .pd-swiper-pagination {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.pd .pd-swiper-pagination .swiper-pagination-bullet-active {
    background: #1b1e23;
}
.pd .pd-swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px;
}

.m_popup_renew.box-float-layer.np .pd-swiper-pagination {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.m_popup_renew.box-float-layer.np .pd-swiper-pagination .swiper-pagination-bullet-active {
    background: #1b1e23;
}
.m_popup_renew.box-float-layer.np .pd-swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px;
}

.product-price-amount .product-name-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.product-price-amount .product-name-wrap p {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: #3d444f;
}
.product-price-amount .product-name-wrap button {
    flex-shrink: 0;
    position: relative;
    font-size: 0;
    width: 16px;
    height: 16px;
}
.product-price-amount .product-name-wrap button:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    background-image: url(../../images/API_M_KO/common/n/icon_close_1.svg);
}
.product-price-amount .product-name-wrap + .price-amount-wrap {
    margin-top: 15px;
}
.product-price-amount .product-name-wrap + .product-info {
    margin-top: 2px;
}
.product-price-amount .product-info {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 500;
    color: #3d444f;
    letter-spacing: -0.7px;
    line-height: 1.42;
    font-size: 14px;
}
.product-price-amount .price-amount-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
}
.product-price-amount .price-amount-wrap .price {
    font-size: 15px;
    font-weight: 700;
    color: #1b1e23;
}
.product-price-amount .price-amount-wrap .price span {
    font-size: 12px;
    font-weight: 400;
    color: #3d444f;
}
.product-price-amount .price-amount-wrap .count-amount button {
    position: relative;
    width: 16px;
    height: 16px;
}
.product-price-amount .price-amount-wrap .count-amount button:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    background-position: center;
}
.product-price-amount .price-amount-wrap .count-amount button span {
    font-size: 0;
}
.product-price-amount .price-amount-wrap .count-amount .minus {
    font-size: 0;
}
.product-price-amount .price-amount-wrap .count-amount .minus:before {
    background-image: url(../../images/API_M_KO/common/n/icon_btn_amount_minus.svg);
}
.product-price-amount .price-amount-wrap .count-amount .plus {
    font-size: 0;
}
.product-price-amount .price-amount-wrap .count-amount .plus:before {
    background-image: url(../../images/API_M_KO/common/n/icon_btn_amount_plus.svg);
}
.product-price-amount .price-amount-wrap .count-amount input {
    height: 28px;
    width: 28px;
    border: none;
    font-size: 14px;
    line-height: 28px;
}
.product-price-amount + .product-price-amount {
    padding-top: 10px;
    border-top: 1px solid #eef0f2;
}

.result-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 17px;
    padding-bottom: 34px;
    border-top: 1px solid #dde0e5;
}
.result-price .amount {
    font-size: 14px;
    font-weight: 500;
}
.result-price .price {
    font-size: 16px;
    font-weight: 700;
    color: #ea2829;
}
.result-price .price span {
    font-size: 13px;
    font-weight: 400;
    color: #3d444f;
}
.result-price.result-price-floating {
    border-top: 1px solid #dde0e5;
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
}

.purchase-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 48px;
    border-radius: 4px;
    background-image: linear-gradient(98deg, #ea2829 0%, #ea2869 34%, #ce28a5 66%, #a928ea 100%);
}
.purchase-btn button {
    position: relative;
    width: 100%;
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.purchase-btn button + button::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 32px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #fff;
    opacity: 0.3;
}

.pd-img-popup-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.pd-img-popup-align .swiper {
    width: 100%;
}
.pd-img-popup-align .swiper .swiper-wrapaper {
    height: auto;
}
.pd-img-popup-align .swiper .swiper-slide {
    height: auto;
}

.product-img-wrap .product-img {
    width: 100%;
    padding: 50px;
}
.product-img-wrap .product-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.brand-alert-text {
    margin-bottom: 32px;
}
.brand-alert-text p {
    font-size: 14px;
    color: #5c6677;
    text-align: center;
}
.brand-alert-text p span {
    position: relative;
    color: #1b1e23;
    padding-right: 24px;
    font-weight: 500;
}
.brand-alert-text p span:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-image: url(../../images/API_M_KO/common/n/M_ico_alert.svg);
}

.pop_toast {
    overflow: hidden;
    opacity: 0;
    position: fixed;
    min-width: 252px;
    text-align: center;
    top: 112px;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
    padding: 8px 20px;
    border-radius: 18px;
    background-color: rgba(92, 102, 119, 0.8);
    font-size: 13px;
    visibility: hidden;
    color: #fff;
    z-index: 10000;
}
.pop_toast.reveal {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

.pd-coupon .m_popup_renew.box-float-layer {
    background-color: #f9fafb;
}
.pd-coupon .m_popup_renew.box-float-layer.active {
    padding-bottom: 0;
}
.pd-coupon .m_popup_renew.box-float-layer.coupon-box-float-layer.active {
    overflow-y: hidden;
}
.pd-coupon .m_popup_renew.box-float-layer .tit_layer {
    background-color: #fff;
}
.pd-coupon .od {
    padding: 0 20px;
}
.pd-coupon .od .once {
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    margin: 0 0 24px 0;
    padding: 12px 28px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #1b1e23;
}
.pd-coupon .od .pd-coupon-wrap .pd-coupon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 16px 20px 16px 16px;
    margin-bottom: 12px;
    background-color: #fff;
    border: 1px solid #dde0e5;
    border-radius: 8px;
}
.pd-coupon .od .pd-coupon-wrap .pd-coupon-box .pd-coupon-info {
    margin-right: auto;
    text-align: left;
}
.pd-coupon .od .pd-coupon-wrap .pd-coupon-box .pd-coupon-info p {
    margin-bottom: 16px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.47;
    letter-spacing: -0.047em;
}
.pd-coupon .od .pd-coupon-wrap .pd-coupon-box .pd-coupon-info p span {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.014em;
    color: #3d444f;
}
.pd-coupon .od .pd-coupon-wrap .pd-coupon-box .pd-coupon-info .date {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: -0.014em;
}
.pd-coupon .od .pd-coupon-wrap .pd-coupon-box .download-btn {
    position: relative;
    font-size: 0;
    width: 32px;
    height: 32px;
    padding: 8px;
    background-color: #1b1e23;
    border-radius: 50%;
}
.pd-coupon .od .pd-coupon-wrap .pd-coupon-box .download-btn:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url(../../images/API_M_KO/common/n/M_ico_download.svg);
}
.pd-coupon .od .pd-coupon-wrap .pd-coupon-box .invaild {
    margin: 3px 0 4px 50px;
    padding: 7px 12px 6px;
    border-radius: 16px;
    background-color: #f4f5f6;
    font-size: 13px;
    font-weight: 500;
    color: #abb2be;
    line-height: 1.46;
    letter-spacing: -0.014em;
}
.pd-coupon .od .pd-coupon-wrap .pd-coupon-box .used {
    position: relative;
    padding-top: 20px;
    font-size: 13px;
    font-weight: 500;
    color: #5c6677;
    line-height: 1.46;
    letter-spacing: -0.014em;
}
.pd-coupon .od .pd-coupon-wrap .pd-coupon-box .used:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url(../../images/API_M_KO/common/n/icon_checked_1.svg);
}
.pd-coupon .od .pd-coupon-wrap .pd-coupon-box.invaild-coupon .pd-coupon-info p, .pd-coupon .od .pd-coupon-wrap .pd-coupon-box.invaild-coupon .pd-coupon-info span {
    color: #abb2be;
}

.pd-sel-product .od .pn-tit {
    margin-bottom: 16px;
}
.pd-sel-product .od .pn-tit p {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.45px;
    /* em */
}

/* 타 css, product-detail css 섞인 부분 */
.m_popup_renew .panel .pn-tit.pn-tit-layer {
    padding-bottom: 14px;
}
.m_popup_renew .panel .pn-tit.pn-tit-layer p {
    font-size: 16px;
}
.m_popup_renew.box-float-layer.overflow-box-float-layer {
    height: 100%;
}
.m_popup_renew.box-float-layer.overflow-box-float-layer.active {
    padding-bottom: 0;
}
.m_popup_renew.box-float-layer .btn-close-layer + .od .cart-box {
    margin-top: 14px;
}
.m_popup_renew.box-float-layer .od {
    padding: 20px 20px 0 20px;
}
.m_popup_renew.box-float-layer .od .cart-box {
    height: 175px;
    overflow-y: auto;
}
.m_popup_renew.box-float-layer .panel {
    padding-bottom: 0;
}
.m_popup_renew.box-float-layer .small-banner-accordian + .od .pn-tit {
    margin-bottom: 16px;
}
.m_popup_renew.box-float-layer.case-2.active {
    padding-bottom: 88px;
}
.m_popup_renew.box-confirm-layer {
    max-height: 580px;
}
.box-confirm-layer.type-delete {
    z-index: 1100;
}
.m_popup_renew.box-confirm-layer .btn_type {
    padding: 0 20px;
}
.m_popup_renew.box-confirm-layer .btn_type .confirm_tit {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 12px;
}
.m_popup_renew.box-confirm-layer .btn_type .confirm_tit button {
    position: relative;
    font-size: 0;
}
.m_popup_renew.box-confirm-layer .btn_type .confirm_tit button:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url(../../images/API_M_KO/common/n/icon_close_1.svg);
}
.m_popup_renew.box-confirm-layer .btn_type .confirm_body {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    padding: 0 0 20px 0;
}
.m_popup_renew.box-confirm-layer .btn_type .confirm_body button,
.m_popup_renew.box-confirm-layer .btn_type .confirm_body a {
    width: 50px;
    height: 50px;
    background-color: #788497;
    border-radius: 50%;
    overflow: hidden;
}
.m_popup_renew.box-confirm-layer .btn_type .confirm_body button img,
.m_popup_renew.box-confirm-layer .btn_type .confirm_body a img {
    width: 100%;
    height: 100%;
}
.m_popup_renew.box-bottom-float.type_l {
    height: calc(100vh - 44px);
}
.m_popup_renew.box-bottom-float .panel {
    padding: 0;
}
.m_popup_renew.box-bottom-float.case-1.active, .m_popup_renew.box-bottom-float.case-3.active {
    z-index: 1060;
}
.m_popup_renew.box-bottom-float.case-multi.active {
    padding-bottom: 90px;
}
.m_popup_renew.box-bottom-float.case-multi.active .wrap-purchase-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 20px;
    background-color: #fff;
}
.m_popup_renew.box-bottom-float.case-multi .download-coupon {
    height: 100%;
}
.m_popup_renew.box-bottom-float.case-multi .area-scroll {
    max-height: calc(100% - 136px);
    padding-bottom: 0;
}
.m_popup_renew.box-bottom-float.case-1 .od, .m_popup_renew.box-bottom-float.case-3 .od {
    padding: 0;
}
.m_popup_renew.box-bottom-float.case-1 .od .panel:last-child:not(.my-panel, .wrap-layer-cont), .m_popup_renew.box-bottom-float.case-3 .od .panel:last-child:not(.my-panel, .wrap-layer-cont) {
    padding-bottom: 0;
}
.m_popup_renew.box-bottom-float.case-3.active {
    padding-bottom: 20px;
}
.m_popup_renew .od {
    margin-top: 12px;
    padding: 0 20px;
}
.m_popup_renew .float_btn.not_float_btn {
    position: unset;
}
.m_popup_renew .float_btn.not_float_btn:before {
    display: none;
}
.m_popup_renew .float_btn.float_btn_before_none:before {
    display: none;
}
.m_popup_renew .float_btn.type_col2 > div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 9px;
}
.m_popup_renew .float_btn .float_btn_up {
    border-top: none;
}
.m_popup_renew .btn_option_group + .btn_option_group {
    margin-top: 32px;
}
.m_popup_renew .btn_option_group .review-filter-options-category label input[type=radio],
.m_popup_renew .btn_option_group .review-filter-options-case label input[type=radio] {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    border: none;
}
.m_popup_renew .btn_option_group .review-filter-options-category label input[type=radio] + .txt-label,
.m_popup_renew .btn_option_group .review-filter-options-case label input[type=radio] + .txt-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 40px;
    border-radius: 4px;
    border: solid 1px #dde0e5;
    background-color: #fff;
    padding: 10px;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #5c6677;
    text-align: center;
}
.m_popup_renew .btn_option_group .review-filter-options-category label input[type=radio]:checked + .txt-label,
.m_popup_renew .btn_option_group .review-filter-options-case label input[type=radio]:checked + .txt-label {
    font-weight: 500;
    border-color: #1b1e23;
    color: #1b1e23;
}
.m_popup_renew .interest-free-points-list + .interest-free-points-list {
    margin-top: 40px;
}

.payment-cart-wrap.payment-product-wrap.box-bottom-float .od .cart-box {
    height: 175px;
    overflow-y: auto;
}

.notice-product-information-table table {
    border-top: 2px solid #1b1e23;
}
.notice-product-information-table table tr th {
    padding: 10px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #dde0e5;
    font-weight: 700;
}
.notice-product-information-table table tr td {
    padding: 12px;
    border-bottom: 1px solid #dde0e5;
}

/* 타 css에서 적용되는 것 */
.box-confirm-layer {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 120;
    width: 295px;
    border-radius: 16px;
    background-color: #fff;
}
.box-confirm-layer.active {
    display: block;
}

.box-bottom-float .btn-close-layer button.btn-up-arrow:before {
    content: "";
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
}

.od {
    padding: 0px;
}
.od .panel:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 8px;
    background: #eef0f2;
    left: 0;
    top: -8px;
}
.od input[type=number], .od input[type=text] {
    height: 39px;
    padding: 0;
    border: 1px solid #dde0e5;
    font-size: 16px;
    border-radius: 0 !important;
    background-color: transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 32px;
    color: #1b1e23;
    letter-spacing: -0.05em;
}
.od .odform + .odform {
    margin-top: 16px;
}
.od .odform + .odform.odform-brand-notification {
    margin-top: 32px;
}
.od .odform + .odform.odform-brand-notification .pd-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 9px;
}
.od .odform + .odform.odform-brand-notification .pd-col .col {
    width: calc((100% - 9px) / 2);
}
.od .odform + .odform.odform-brand-notification .pd-col .col.col-3 {
    width: calc((100% - 9px) / 2) !important;
}
.od .odform + .odform.odform-brand-notification .pd-col .col:nth-child(even) {
    padding-left: 0;
}
.od .odform.odform-brand-notification .help_block {
    display: block;
    position: relative;
    margin-top: 4px;
    width: 100%;
}
.od .odform.odform-brand-notification .help_block .t_sub {
    margin-top: 0px;
    font-size: 12px;
    font-weight: 500;
    text-indent: 0px;
    letter-spacing: -0.04em;
    color: #788497;
}
.od .odform.odform-brand-notification .help_block .t_sub span {
    color: #1b1e23;
}
.od .odform .input_multi {
    position: relative;
}
.od .odform .input_multi::after {
    content: "";
    display: block;
    clear: both;
}
.od .odform .input_multi .conleft {
    float: left;
}
.od .odform .col .wrap-add-dropdown[data-disabled=disabled] .btn-dropdown {
    background-color: transparent;
}
.od .temp_data input {
    display: inline-block;
    width: 100%;
    height: 40px;
    color: #1b1e23;
    line-height: 38px;
    padding: 0 35px 0 0;
    border: 0;
    border-bottom: 1px solid #ddd;
    background-image: url(../../images/API_M_KO/common/n/M_arrow_down.svg);
    background-size: 16px 16px;
    background-position: right;
    background-position-x: calc(100% - 9px);
    background-repeat: no-repeat;
}
.od .temp_data input.datepicker {
    background-image: none;
}
.od select {
    display: inline-block;
    width: 100%;
    height: 40px;
    padding: 0 35px 0 0;
    border-bottom: 1px solid #ddd;
    color: #1b1e23;
    font-size: 16px;
    font-weight: 400;
    line-height: 38px;
    background-image: url(../../images/API_M_KO/common/n/M_arrow_down.svg);
    background-size: 16px 16px;
    background-position: right;
    background-position-x: calc(100% - 9px);
    background-repeat: no-repeat;
}
.od select:required:invalid {
    color: #abb2be;
}
.od .foldgroup.notfold {
    padding-bottom: 100px;
}
.od .foldgroup.notfold .fold_head:after {
    content: none;
}
.od .foldgroup.notfold .fold_cont {
    display: block;
}
.od .foldgroup.notfold.notfold-pb-0 {
    padding-bottom: 0;
}
.od .odform .form_name.essential {
    display: inline-block;
    width: auto;
}
.od .odform .form_cont .txt-val {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #1b1e23;
    letter-spacing: -0.8px;
    text-align: left;
}
.od .info_tooltip.type-1 a,
.od .info_tooltip.type-1 button:not(.btn_white) {
    font-weight: 400;
}
.od .info_tooltip.type-1 + .wrap-accordion {
    margin-top: 32px;
}
.od .wrap-accordion.area-attention + .btn-wrap {
    margin-top: 32px;
}
.od .is-setted select {
    display: none;
}

.area-attention.type-2 {
    margin-left: 20px;
    margin-right: 20px;
}
.area-attention.type-2 .attention__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    color: #3d444f;
    letter-spacing: -0.32px;
}
.area-attention.type-2 .attention__tit:before {
    flex-shrink: 0;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_exclamation.svg) no-repeat;
    background-size: contain;
    content: "";
}

/* 타 css에서 적용되는 것 */
.small-banner-accordian {
    width: 100%;
    padding: 9px 20px;
    background-color: #f5f7fa;
    margin-bottom: 20px;
    pointer-events: none;
}
.small-banner-accordian .sb-accor-cont {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.small-banner-accordian .sb-accor-cont:before {
    display: none;
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 3px;
    right: 0;
    background-image: url(../../images/API_M_KO/common/n/icon_arrow_6.svg);
    background-position: center center;
}
.small-banner-accordian .sb-accor-cont span {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-right: 12px;
    font-size: 15px;
    line-height: 1.47;
    letter-spacing: -0.047em;
    color: #788497;
}
.small-banner-accordian .sb-accor-cont p {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.47;
    letter-spacing: -0.047em;
}
.small-banner-accordian .sb-accor-cont.active:before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.small-banner-accordian .sb-accor-cont.active p {
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
}

.select-brand-wrap {
    margin-bottom: 40px;
    margin-right: -20px;
    overflow: hidden;
}

.select-brand li label {
    position: relative;
    display: block;
    width: 100%;
    height: 90px;
    padding: 12px;
    border: solid 1px #dde0e5;
    border-radius: 8px;
    background-color: #fff;
}
.select-brand li label.active {
    border: solid 1px #1b1e23;
}
.select-brand li label input[type=checkbox], .select-brand li label input[type=radio] {
    position: absolute;
    top: 12px;
    left: 12px;
    border: unset;
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: url(../../images/API_M_KO/common/n/btn_radio_off.svg) no-repeat center center;
}
.select-brand li label input[type=checkbox]:checked, .select-brand li label input[type=radio]:checked {
    background: url(../../images/API_M_KO/common/n/btn_radio_on.svg) no-repeat center center;
}
.select-brand li label .sb-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
}
.select-brand li label .sb-name {
    padding-left: 28px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: -0.041em;
}
.select-brand li label .sb-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 10px;
}
.select-brand li label .sb-tag span {
    padding: 1px 6px 2px;
    font-size: 11px;
    line-height: 1.55;
    letter-spacing: -0.034em;
    border-radius: 4px;
    background-color: #1b1e23;
    color: #fff;
}
.select-brand li label .sb-tag p {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.038em;
}

.select-product-wrap .search-form {
    margin-bottom: 32px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dde0e5;
}
.select-product-wrap .search-form .write-field {
    position: relative;
    display: inline-block;
    width: calc(100% - 60px);
}
.select-product-wrap .search-form .write-field input[type=text] {
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
    width: 100%;
    font-size: 16px;
    margin-right: 2px;
    padding: 0;
    border-width: 0;
}
.select-product-wrap .search-form .write-field .btn-word-reset {
    position: absolute;
    top: 6px;
    right: 18px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/API_M_KO/common/n/btn-word-reset.svg) no-repeat center center;
}
.select-product-wrap .search-form .btn-search {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 53px;
}
.select-product-wrap .select-product-soldout {
    padding: 16px 0;
    text-align: center;
    font-size: 15px;
    color: #3d444f;
    font-weight: 500;
    line-height: 1.47;
    letter-spacing: -0.047em;
}

.select-product ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px 9px;
}
.select-product li {
    position: relative;
}
.select-product li .sel-box {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 24px;
    height: 24px;
    z-index: 99;
}
.select-product li .sel-box label {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 0;
}
.select-product li .sel-box label input[type=checkbox], .select-product li .sel-box label input[type=radio] {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: url(../../images/API_M_KO/common/n/icon_btn_plus_gray.svg) #dde0e5 no-repeat center center;
}
.select-product li .sel-box label input[type=checkbox]:checked, .select-product li .sel-box label input[type=radio]:checked {
    background: url(../../images/API_M_KO/common/n/M_terms_chk.svg) #1b1e23 no-repeat center center;
}
.select-product li a.active .sp-product-img {
    border: solid 1px #1b1e23;
}
.select-product li a.active .sp-product-img p {
    display: block;
}
.select-product li a .sp-product-img {
    position: relative;
    padding-top: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #f5f7fa;
    border-radius: 9px;
    overflow: hidden;
}
.select-product li a .sp-product-img::after {
    display: block;
    position: absolute;
    top: 18px;
    left: 18px;
    width: calc(100% - 36px);
    height: calc(100% - 36px);
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}
.select-product li a .sp-product-img img {
    position: absolute;
    top: 18px;
    left: 18px;
    width: calc(100% - 36px);
    height: calc(100% - 36px);
    -o-object-fit: cover;
       object-fit: cover;
}
.select-product li a .sp-product-img p {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 0;
    background-color: #1b1e23;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.038em;
    text-align: center;
}
.select-product li a .product-cont {
    margin-top: 8px;
}
.select-product li a .product-cont .pd-main {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.041em;
}
.select-product li a .product-cont .pd-main .pd-main-title {
    font-weight: 700;
    color: #1b1e23;
}
.select-product li a .product-cont .pd-main .pd-main-content {
    color: #3d444f;
}
.select-product li a .product-cont .product__price-info {
    font-size: 13px;
    letter-spacing: -0.041em;
    color: #3d444f;
}
.select-product li a .product-cont .product__price-info .product__price--origin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.select-product li a .product-cont .product__price-info .product__price--origin .product__price-ratio {
    font-size: 13px;
    color: #1b1e23;
    letter-spacing: -0.041em;
    font-weight: 500;
    line-height: 1.46;
}
.select-product li a .product-cont .product__price-info .product__sale-info {
    color: #5c6677;
}
.select-product li a .product-cont .product__price-info .product__sale-info.type-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.select-product li a .product-cont .product__price-info .product__sale-info .product__price--sale {
    font-size: 16px;
    color: #ea2829;
    font-weight: 700;
}
.select-product li a .product-cont .product__price-info .product__sale-info .product__price--won {
    font-size: 13px;
    letter-spacing: -0.041em;
    color: #3d444f;
}
.select-product li a .product-cont .product__price-info .product__price--sale {
    color: #abb2be;
    letter-spacing: -0.041em;
    line-height: 1.46;
}
.select-product li a .product-cont .product__price-info .product__price--sale.type-line-through {
    text-decoration: line-through;
}

.show-more-product {
    display: block;
    width: 100%;
    padding: 6px 0;
    margin: 32px 0 32px 0;
    text-align: center;
    border: 1px solid #ccd1d8 !important;
    border-radius: 4px !important;
}
.show-more-product p {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -0.044em;
    text-align: center;
    color: #3d444f;
}
.show-more-product p .now {
    margin-right: 2px;
}
.show-more-product p .total {
    color: #abb2be;
    margin-right: 8px;
}
.show-more-product p:before {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_arrow_6.svg) center center;
}

.payment-cart-wrap.off .min-down-btn:before {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
}
.payment-cart-wrap.off .btn-close-layer .min-down-btn::before {
    -webkit-transform: translateX(-50%) rotate(180deg);
            transform: translateX(-50%) rotate(180deg);
}
.payment-cart-wrap.off .od {
    display: none;
}
.payment-cart-wrap.off.m_popup_renew.box-bottom-float.active {
    padding-bottom: 80px;
}
.payment-cart-wrap.off.m_popup_renew .float_btn > div {
    padding-top: 0;
    border-top: none;
}
.payment-cart-wrap.empty .min-down-btn {
    display: none;
}
.payment-cart-wrap.empty .float_btn button {
    background-color: #eef0f2;
    color: #abb2be;
}
.payment-cart-wrap.m_popup_renew {
    min-height: unset;
    max-height: 302px;
}
.payment-cart-wrap.m_popup_renew.box-bottom-float.active {
    padding-bottom: 88px;
}
.payment-cart-wrap.m_popup_renew.type-buy.active {
    padding-bottom: 88px;
}
.payment-cart-wrap.m_popup_renew.type-set.active {
    z-index: 1060;
    width: 90%;/* 2024-03-05 세트구성 보기 레이어 팝업으로 변경 */
    max-height: 508px; /* 2024-03-05 세트구성 보기 레이어 팝업으로 변경*/
}
/* S: 2024-03-05 세트구성 보기 레이어 팝업으로 변경 */
.payment-cart-wrap.m_popup_renew.type-set .btn-close-layer button::before {
    width: 18px;
    height: 18px;
}
.payment-cart-wrap.m_popup_renew.type-set .od {
    padding: 0 20px;
}
.payment-cart-wrap.m_popup_renew.type-set .scroll-create {
    max-height: 280px;/* 2024-03-05 세트구성 보기 레이어 팝업으로 변경 height: 310px; */
}
/* E: 2024-03-05 세트구성 보기 레이어 팝업으로 변경 */
.payment-cart-wrap.m_popup_renew.type-set .box-set-info .pn-tit {
    font-size: 15px;/* 2024-03-05 세트구성 보기 레이어 팝업으로 변경 font-size: 16px;*/
    color: #1b1e23;
    font-weight: 600;/* 2024-03-05 세트구성 보기 레이어 팝업으로 변경 font-weight: 700;*/
    letter-spacing: -0.8px;
}
.payment-cart-wrap.m_popup_renew.type-set .box-set-info .pn-tit + .box-set-event {
    margin-top: 12px;
}
.payment-cart-wrap.m_popup_renew.type-set .box-set-info .box-set-event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.payment-cart-wrap.m_popup_renew.type-set .box-set-info .box-set-event .exp-event {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    min-width: 44px;
    font-size: 24px;
    font-family: "Times New Roman", "Times", Serif;
    font-style: italic;
    font-weight: 700;
    color: #ea2829;
}
.payment-cart-wrap.m_popup_renew.type-set .box-set-info .box-set-event .txt-event {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.7px;
    line-height: 1.42;
    font-size: 14px;
}
.payment-cart-wrap.m_popup_renew.type-set .box-set-info + .cart-box {
    margin-top: 24px;
}
.payment-cart-wrap.m_popup_renew.type-set .float_btn .wrap-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.payment-cart-wrap.m_popup_renew.type-set .float_btn .wrap-btn .num_amount .count {
    width: 40px;
    height: 28px; /* 2024-03-05 세트구성 보기 레이어 팝업으로 변경*/
    border: none; /* 2024-03-05 세트구성 보기 레이어 팝업으로 변경*/
}
.payment-cart-wrap.m_popup_renew.type-set .float_btn .wrap-btn .btn-square {
    width: 50%;
}
.payment-cart-wrap.m_popup_renew .od {
    padding: 0;
}
.payment-cart-wrap.m_popup_renew .float_btn > div {
    padding-top: 19px;
    border-top: 1px solid #dde0e5;
}
.payment-cart-wrap.m_popup_renew .float_btn > div .pro_soldout {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
}
.payment-cart-wrap.m_popup_renew .float_btn > div .pro_soldout button {
    width: 100%;
}
.payment-cart-wrap.payment-product-wrap .min-down-btn {
    display: none;
}
.payment-cart-wrap.payment-product-wrap .btn_like_s {
    background-size: 24px 24px;
}
.payment-cart-wrap.payment-product-wrap .btn-square.type-alram::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_btn_alram.svg) no-repeat;
    background-size: contain;
    content: "";
}
.payment-cart-wrap .btn-close-layer .min-down-btn {
    overflow: hidden;
}
.payment-cart-wrap .btn-close-layer .min-down-btn:before {
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 40px;
    height: 20px;
    background: url(../../images/API_M_KO/common/n/M_ico_min_layer_arrow.svg) no-repeat center center;
    content: "";
}
.payment-cart-wrap .cart-box .btn-square {
    display: block;
    width: 100%;
    padding: 12px 0;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.payment-cart-wrap .full-cart .cart-product-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 16px;
    margin-bottom: 18px;
    border-top: solid 1px #eef0f2;
}
.payment-cart-wrap .full-cart .cart-product-list li:first-child {
    padding-top: 0;
    border-top: unset;
}
.payment-cart-wrap .full-cart .cart-product-list li .sp-product-img {
    overflow: hidden;
    position: relative;
    width: 80px;
    height: 80px;
    padding: 8px;
    border-radius: 4px;
    background-color: #f5f7fa;
}
.payment-cart-wrap .full-cart .cart-product-list li .sp-product-img img {
    border-radius: 4px;
}
.payment-cart-wrap .full-cart .cart-product-list li .sp-product-img p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1px 0;
    background-color: #1b1e23;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: -0.034em;
    text-align: center;
}
.payment-cart-wrap .full-cart .cart-product-list li .sp-product-img:after {
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}
.payment-cart-wrap .full-cart .cart-product-list li .product-config {
    width: calc(100% - 96px);
}
.payment-cart-wrap .full-cart .cart-product-list li .product-name-wrap .product-name {
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.payment-cart-wrap .full-cart .cart-product-list li .product-name-wrap .product-name.case-1 {
    font-size: 13px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.65px;
}
.payment-cart-wrap .full-cart .cart-product-list li .price-amount-wrap {
    margin-bottom: 0;
}
.payment-cart-wrap .full-cart .cart-product-list li .price-amount-wrap .count-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.payment-cart-wrap .full-cart .cart-product-list li .price-amount-wrap .count-amount input[type=number] {
    font-size: 14px;
}

.photo-review-wrap.photo-review-wrap-pd {
    padding-top: 60px;
}
.photo-review-wrap ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
}
.photo-review-wrap li .review-img {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    border-radius: 4px;
}
.photo-review-wrap li .review-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.review-detail-img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    border-radius: 8px;
}
.review-detail-img ul {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.review-detail-img li img {
    height: 335px;
    -o-object-fit: cover;
       object-fit: cover;
}
.review-detail-img .pagination-fraction {
    z-index: 1;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    width: 39px;
    height: 25px;
    bottom: 16px;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.3);
    color: #bdbdbd;
    font-size: 11px;
}
.review-detail-img .pagination-fraction .swiper-pagination-current {
    color: #fff;
}
.review-detail-img .pagination-fraction .swiper-pagination-total {
    color: #bdbdbd;
}

.review-detail-cont {
    margin-top: 20px;
    padding-bottom: 20px;
}
.review-detail-cont:last-child {
    margin-bottom: 35px;
}
.review-detail-cont .review-detail-img {
    margin-top: 12px;
}
.review-detail-cont .photo-review-wrap {
    margin-top: 12px;
}
.review-detail-cont .photo-review-wrap ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4px;
}

.review-user-info .user {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.038em;
}
.review-user-info .user + .review-user-sub {
    margin-top: 4px;
}
.review-user-info .review-user-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.review-user-info .review-user-sub div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.review-user-info .review-user-sub .option,
.review-user-info .review-user-sub .date {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.038em;
    color: #788497;
}
.review-user-info .review-user-sub .date {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
}

.review-detail-text {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.041em;
    color: #3d444f;
}
.review-detail-text .title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.8px;
}
.review-detail-text .title + .cont {
    margin-top: 4px;
}
.review-detail-text .cont {
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #3d444f;
    line-height: 1.46;
}

.rating-static {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 8px;
}
.rating-static span {
    display: inline-block;
    position: relative;
    width: 75px;
    height: 11px;
    background: #788497;
}
.rating-static span .progbar {
    display: inline-block;
    vertical-align: top;
    height: 11px;
    background: #ea2869;
}
.rating-static span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 11px;
    background: url(../../images/API_M_KO/common/n/star_empty.png) no-repeat 0 0;
    background-size: 100% 100%;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -o-pixelated;
        image-rendering: pixelated;
}
.rating-static.big {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.rating-static.big span {
    width: 153px;
    height: 24px;
}
.rating-static.big span .progbar {
    height: 24px;
}
.rating-static.big span:before {
    height: 24px;
    background: url(../../images/API_M_KO/common/n/star_empty_big.png) no-repeat 0 0;
}

.review-product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}
.review-product-list .sp-product-img {
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #f5f7fa;
}
.review-product-list .sp-product-img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(12, 54, 122, 0.04);
    border-radius: 4px;
}
.review-product-list .product__info {
    width: calc(100% - 92px);
}
.review-product-list .product__info .product__brand-info {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    font-size: 13px;
}
.review-product-list .product__info .product__brand-info span {
    font-weight: 700;
}
.review-product-list .product__info .product__brand-option {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.46;
    color: #788497;
}

.pd-review .od .bg-line {
    width: 100vw;
    height: 8px;
    background: #eef0f2;
}
.pd-review .od .one-line-review input[type=text] {
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    border-radius: 4px !important;
}
.pd-review .od .panel.review-regist-panel {
    padding-bottom: 20px !important;
    padding-top: 0;
}
.pd-review .od .panel.review-regist-panel + .review-regist-panel {
    padding-top: 20px;
}
.pd-review .od .panel .review-product-list {
    padding-left: 20px;
    padding-right: 20px;
}
.pd-review .od .panel .pn-tit,
.pd-review .od .panel .star-rating,
.pd-review .od .panel .one-line-review,
.pd-review .od .panel .review-comment-wrap,
.pd-review .od .panel .wrap-accordion {
    padding-left: 20px;
    padding-right: 20px;
}
.pd-review .od .panel .attach-img-wrap {
    padding-left: 20px;
}
.pd-review .od .panel .pn-tit {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 5px;
    position: relative;
    margin-top: 32px;
    padding-bottom: 12px;
}
.pd-review .od .panel .pn-tit:nth-of-type(1) {
    margin-top: 0;
}
.pd-review .od .panel .pn-tit p {
    overflow: visible;
    text-overflow: unset;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.044em;
}
.pd-review .od .panel .pn-tit .point-tag {
    position: relative;
    padding: 2px 8px;
    background-color: #ea2869;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.038em;
    color: #fff;
    border-radius: 8px;
}
.pd-review .od .panel .pn-tit .point-tag:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    top: 50%;
    left: -3px;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    background-color: #ea2869;
}
.pd-review .od input.t_err {
    border: solid 1px #f4511e;
}
.pd-review .od .review-comment-wrap textarea {
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
    height: 200px;
    background-color: #fff;
    padding: 12px;
    border-radius: 4px;
    border: solid 1px #dde0e5;
    font-size: 14px;
}
.pd-review .od .review-comment-wrap textarea.t_err {
    border: solid 1px #f4511e;
}
.pd-review .area-attention.type-2 {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    margin-top: 20px;
}
.pd-review.m_popup_renew .content_wrap > .od {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 150px);
    padding-left: 0;
    padding-right: 0;
}
.pd-review.m_popup_renew .content_wrap .float_btn.not_float_btn {
    position: absolute;
}

.star-rating {
    margin-top: 12px;
}
.star-rating .star_grade {
    width: 224px;
    margin: 0 auto;
}
.star-rating .star_grade button {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-decoration: none;
    background: url(../../images/API_M_KO/common/n/icon_star_unset.svg) no-repeat center;
}
.star-rating .star_grade button.on {
    background: url(../../images/API_M_KO/common/n/icon_star.svg) no-repeat center;
}

.review-bottom-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
}
.review-bottom-sub .t_err {
    display: none;
    margin-top: 0px;
    font-size: 12px;
    font-weight: 500;
    text-indent: 0px;
    letter-spacing: -0.04em;
    color: #f4511e;
}
.review-bottom-sub .letter-limit {
    margin-left: auto;
}

.letter-limit {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.038em;
    text-align: right;
    color: #788497;
}
.letter-limit span {
    color: #1b1e23;
    font-weight: 700;
}

.attach-file-form {
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.038em;
    color: #788497;
}

.attach-img-wrap {
    overflow-x: auto;
}

.attach-img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 5px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 20px;
}
.attach-img-box .attached__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.attach-img-box .attached__img .attached__add {
    overflow: hidden;
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 4px;
}
.attach-img-box .attached__img .attached__add img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.attach-img-box .attached__img .attached__add button {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 0;
    padding-top: 32px;
    border-radius: 0 4px;
    background-color: rgba(27, 30, 35, 0.5);
    font-size: 0;
    text-indent: -9999px;
}
.attach-img-box .attached__img .attached__add button::before {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url(../../images/API_M_KO/common/n/icon_close_4.svg) no-repeat;
    background-size: contain;
    content: "";
}
.attach-img-box .attach__img label {
    position: relative;
}
.attach-img-box .attach__img label input {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
}
.attach-img-box .attach__img label input[type=file] + .txt-label {
    display: block;
    overflow: hidden;
    position: relative;
    width: 80px;
    height: 0;
    padding-top: 80px;
    background: url(../../images/API_M_KO/common/n/icon_btn_plus_big.svg) #eef0f2 50% 50% no-repeat;
    text-indent: -9999px;
}
.attach-img-box .attach__img label input[type=file]:disabled + .txt-label {
    display: none;
    opacity: 0.5;
}
.attach-img-box .attimg {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    overflow: hidden;
}
.attach-img-box .attached-img {
    position: relative;
}
.attach-img-box .attached-img img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
}
.attach-img-box .attached-img button {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border-radius: 0 4px;
    background-color: rgba(27, 30, 35, 0.5);
    font-size: 0;
}
.attach-img-box .attached-img button:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url(../../images/API_M_KO/common/n/icon_close_4.svg);
}
.attach-img-box .attach-img label {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../images/API_M_KO/common/n/icon_btn_plus_big.svg) #eef0f2 no-repeat center center;
}
.attach-img-box .attach-img input[type=file] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.total-review-wrap.noreview {
    margin-bottom: 30px;
}
.total-review-wrap .rating-static {
    margin: 0 auto;
}

.total-review-score {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.43;
    color: #abb2be;
    text-align: center;
}
.total-review-score .scoreAll {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: #1b1e23;
}
.total-review-score span:first-child {
    margin-right: 5px;
}
.total-review-score span:last-child {
    margin-left: 5px;
}

.pd_filterview .pn-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 20px;
    margin-left: -20px;
    margin-right: -20px;
    border-bottom: solid 1px #eef0f2;
}
.pd_filterview .pn-tit.type-1 {
    height: 58px;
    padding-top: 0;
    padding-bottom: 0;
}
.pd_filterview .pn-tit .filter-idx button {
    position: relative;
    padding-right: 18px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    color: #5c6677;
}
.pd_filterview .pn-tit .filter-idx button:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 17px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url(../../images/API_M_KO/common/n/icon_arrow_7.svg);
}
.pd_filterview .pn-tit .filter-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.pd_filterview .pn-tit .filter-cont p {
    padding: 0 8px;
}
.pd_filterview .pn-tit .filter-cont p:first-child {
    position: relative;
    padding-left: 0;
}
.pd_filterview .pn-tit .filter-cont p:first-child:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #dde0e5;
}
.pd_filterview .pn-tit .filter-cont button {
    display: block;
    font-size: 0;
    width: 16px;
    height: 17px;
}
.pd_filterview .pn-tit .filter-cont button:before {
    display: block;
    content: "";
    width: 16px;
    height: 17px;
    background: url(../../images/API_M_KO/common/n/M_icon_filter.svg);
}

.side_small_btn > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
}
.side_small_btn > div .small_btn {
    width: 48px;
    height: 48px;
    background-color: #fff;
    font-size: 0;
    -ms-flex-preferred-size: 48px;
        flex-basis: 48px;
    border-radius: 4px;
    border: solid 1px #ccd1d8;
}
.side_small_btn > div .small_btn.on {
    background-image: url("../../images/API_M_KO/common/n/ic_hrt_on.svg");
}
.side_small_btn > div .small_btn.reset {
    position: relative;
}
.side_small_btn > div .small_btn.reset:before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url(../../images/API_M_KO/common/n/icon_reset.svg) no-repeat center center;
}
.side_small_btn > div .small_btn + .pro_soldout, .side_small_btn > div .small_btn + button {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.side_small_btn > div .btn-square {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.select_custom {
    /* cursor: pointer; */
    display: block;
    position: relative;
    width: 100%;
}
.select_custom.active .combo-box .select:after {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
}
.select_custom.active .combo-box .product-select-list {
    display: block;
}
.select_custom.active .combo-box.is-hide .select::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.select_custom .combo-box {
    display: inline-block;
    position: relative;
    width: 100%;
}
.select_custom .combo-box .select {
    position: relative;
    padding: 10px 16px;
    margin-bottom: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fff;
    border: solid 1px #dde0e5;
    font-size: 14px;
    color: #abb2be;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
}
.select_custom .combo-box .select:after {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
    background: url(../../images/API_M_KO/common/n/M_ico_fold_arrow_payment.svg);
}
.select_custom .combo-box.is-hide .select:after {
    -webkit-transform: translateY(-50%) rotate(0);
            transform: translateY(-50%) rotate(0);
}
.select_custom .combo-box .product-select-list {
    display: none;
    position: relative;
    width: 100%;
    height: 354px;
    padding: 12px 16px;
    border: solid 1px #dde0e5;
    overflow-y: auto;
    z-index: 10;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fff;
    border-radius: 4px;
}
.select_custom .combo-box .product-select-list li {
    position: relative;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    cursor: pointer;
}
.select_custom .combo-box .product-select-list li.soldout-btn button p, .select_custom .combo-box .product-select-list li.soldout-btn button span {
    color: #abb2be !important;
}
.select_custom .combo-box .product-select-list li.soldout-btn button .soldout {
    display: inline-block;
}
.select_custom .combo-box .product-select-list li .product-list-select {
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 24px;
    text-align: left;
}
.select_custom .combo-box .product-select-list li .product-list-select .name {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.044em;
}
.select_custom .combo-box .product-select-list li .product-list-select .soldout {
    display: none;
}
.select_custom .combo-box .product-select-list li .product-list-select .price {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.044em;
}
.select_custom .combo-box .product-select-list li .product-list-select .price span {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.038em;
    color: #3d444f;
}
.select_custom .combo-box .product-select-list li:last-child button {
    padding-bottom: 0;
}
.select_custom + .purchase-info-tab {
    margin-top: 10px;
}

.opt_colorchip .select_custom .combo-box .product-select-list {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.opt_colorchip .select_custom .combo-box .product-select-list li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.opt_colorchip .select_custom .combo-box .product-select-list li button img {
    margin-right: 12px;
}
.opt_colorchip .select_custom .combo-box .product-select-list li button .circle {
    width: 28px;
}
.opt_colorchip .select_custom .combo-box .product-select-list li button .square {
    width: 40px;
}

.od .notice_page {
    padding: 20px 0;
}

.notice_list {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.041em;
    color: #1b1e23;
}
.notice_list:first-child {
    margin-top: 0;
}
.notice_list .notice_detail li {
    position: relative;
    padding-left: 5px;
    margin-bottom: 8px;
}
.notice_list .notice_detail li:first-child {
    margin-top: 8px;
}
.notice_list .notice_detail li:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    left: 0;
    top: 7px;
    border-radius: 50%;
    background-color: #1b1e23;
}
.notice_list .notice_detail li .notice_highlight {
    color: #ff0000;
}

.m_popup_renew.box-float-layer.case-4 {
    height: 100%;
    overflow: hidden;
    padding-bottom: 0;
}
.m_popup_renew.box-float-layer.case-4.active {
    padding-bottom: 0;
}
.m_popup_renew.box-float-layer.case-4 .tit_layer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background-color: #fff;
}
.m_popup_renew.box-float-layer.case-4 .btn-close-layer {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2;
}
.m_popup_renew.box-float-layer.case-4 .od {
    overflow-y: auto;
    height: 100%;
    padding-top: 60px;
}

.txt-confirm-message {
    z-index: 5000;
}

.category-menu-one-depth-btn {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    width: calc(100% - 64px);
    font-weight: 600;
    text-indent: unset !important;
    color: #000;
    font-size: 20px;
}
.category-menu-one-depth-btn:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/common/n/M_dropdown_arrow.svg) no-repeat;
}
.category-menu-one-depth-btn.active:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/common/n/M_dropdown_up_arrow.svg) no-repeat;
}

.category-menu-one-depth {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: calc(100vh - 116px);
    overflow-y: auto;
    background: #fff;
    border-top: 1px solid #dde0e5;
}
.category-menu-one-depth ul li {
    margin-top: 31px;
    text-align: center;
}
.category-menu-one-depth ul li:first-child {
    margin-top: 36px;
}
.category-menu-one-depth ul li:last-child {
    margin-bottom: 36px;
}
.category-menu-one-depth ul li a {
    color: #5c6677;
    font-size: 18px;
}
.category-menu-one-depth ul li a.active {
    color: #1b1e23;
    font-weight: 600;
}

.productList {
    /* common reset */
}
.productList input {
    display: inline-block;
    width: 100%;
    height: 59px;
    padding: 0 35px 0 35px;
    border-bottom: 1px solid #ddd;
    color: #1b1e23;
    line-height: 38px;
    border: 0;
    font-size: 16px;
    font-weight: 600;
}
.productList input::-webkit-input-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 500;
}
.productList input::-moz-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 500;
}
.productList input:-ms-input-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 500;
}
.productList input::-ms-input-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 500;
}
.productList input::placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 500;
}
.productList input:focus {
    border: none;
    outline: none;
    -webkit-box-shadow: inset 0 -2px 0 #1b1e23;
            box-shadow: inset 0 -2px 0 #1b1e23;
}
.productList .product-list {
    position: relative;
    width: 100%;
    padding-top: 56px;
}
.productList .product-list .bg-line {
    display: none;
    width: 100%;
    height: 8px;
    background: #eef0f2;
}
.productList .product-list .saerch-result-content {
    padding: 0 20px;
}
.productList .product-list .saerch-result-content .product-video-box {
    height: 220px;
    margin-top: 20px;
    border-radius: 8px;
}
.productList .product-list .saerch-result-content .product-video-box button {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.productList .product-list .saerch-result-content .product-video-box button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../images/API_M_KO/common/n/M_movie_play.svg) no-repeat;
}
.productList .product-list .saerch-result-content .product-video-box button video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px;
    isolation: isolate;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist {
    gap: 32px 9px;
    margin-top: 12px;
    padding: 0;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__img {
    padding: 16px;
    border-radius: 8px 8px 3px 8px;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__img:after {
    content: "";
    position: absolute;
    top: 16px;
    left: 16px;
    display: block;
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    background: rgba(12, 54, 122, 0.04);
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__img .product-discount {
    display: none;
    font-family: "Times New Roman", "Times", Serif;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    font-size: 26px;
    color: #1b1e23;
    font-style: italic;
    font-weight: 600;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__img .product-discount span {
    font-size: 16px;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__img .movie-play {
    display: block;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__img .movie-play:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    width: 24px;
    height: 24px;
    background: url(../../images/API_M_KO/common/n/M_movie_play_g.svg) no-repeat;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__img .btn-cart {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 0;
    padding-top: 32px;
    border: none;
    border-radius: 4px 0 4px 0;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    text-indent: -9999px;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__img .btn-cart:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_product_cart_w.svg);
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__brand:first-child {
    font-size: 13px;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__brand-info {
    height: unset;
    margin-top: 4px;
    color: #3d444f;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__brand-info.product__brand-promotion-info {
    color: #3d444f;
    font-weight: 400;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__brand-info.type-highlight {
    color: #ea2869;
    font-weight: 400;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info.product__promotion-info .product__price--origin {
    margin-top: 8px;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info.product__promotion-info .product__price--origin span {
    color: #788497;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin.type-1 .product__price--sale {
    font-size: 15px;
    color: #ea2829;
    font-weight: 600;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--sale {
    font-size: 12px;
    color: #1b1e23;
    font-weight: 400;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--sale.product__price--sale-confirm {
    color: #788497;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--won span {
    font-size: 12px;
    color: #3d444f;
    font-weight: 500;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__tag {
    margin-top: 10px;
}
.productList .product-list .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__tag p {
    padding: 1px 6px 2px;
    font-weight: 500;
}
.productList .product-list .saerch-result-content .search-result-offline-shop-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 70px 0 70px 0;
}
.productList .product-list .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-info {
    text-align: center;
}
.productList .product-list .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-info.search-result-empty p {
    margin-top: 16px;
    color: #3d444f;
    font-size: 15px;
    font-weight: 500;
}
.productList .product-list .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-info p {
    font-size: 16px;
}
.productList .product-list .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-info p:first-child {
    color: #ea2869;
    font-weight: 600;
}
.productList .product-list .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-info p:first-child:after {
    content: " ”";
    color: #3d444f;
}
.productList .product-list .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-info p:first-child:before {
    content: "“ ";
    color: #3d444f;
}
.productList .product-list .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-info p:nth-of-type(2) {
    margin-top: 4px;
    color: #3d444f;
    font-size: 15px;
    font-weight: 500;
}
.productList .product-list .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9px;
    margin-top: 16px;
}
.productList .product-list .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    width: 148px;
    height: 40px;
    border-radius: 4px;
    border: solid 1px #1b1e23;
    color: #1b1e23;
    font-size: 14px;
    font-weight: 500;
}
.productList .product-list .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-link a:nth-of-type(1):before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_offshop_b.svg) no-repeat;
}
.productList .product-list .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-link a:nth-of-type(2) {
    background: #1b1e23;
    color: #fff;
}
.productList .product-list .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-link a:nth-of-type(2):before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_star_w.svg) no-repeat;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eef0f2;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .sub-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 12px;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .sub-title span:nth-of-type(1) {
    font-size: 16px;
    font-weight: 600;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .sub-title span:nth-of-type(2) {
    color: #5c6677;
    font-size: 13px;
    font-weight: 500;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper {
    margin-bottom: 40px;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos {
    position: relative;
    width: 130px;
    height: 130px;
    background: url(../../images/API_M_KO/common/n/M_order_product.png) center #f5f7fa no-repeat;
    background-size: contain;
    border-radius: 4px;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos button {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    z-index: 2;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos button span {
    font-size: 0;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos button:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-repeat: no-repeat;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos .movie-play {
    right: 10px;
    top: 10px;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos .movie-play:before {
    width: 24px;
    height: 24px;
    background-image: url(../../images/API_M_KO/common/n/M_ico_unit_play.svg);
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos .cart {
    right: 0;
    bottom: 0;
    padding: 16px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px 0 4px 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos .cart:before {
    width: 24px;
    height: 24px;
    background-image: url(../../images/API_M_KO/common/n/icon_product_cart_w.svg);
    background-position: center;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide {
    width: 130px !important;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .suggestion-prdouct-title {
    margin: 12px 0 2px 0;
    color: #1b1e23;
    font-weight: 700;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .suggestion-prdouct-sale-text {
    color: #ea2869;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .suggestion-prdouct-content {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    color: #3d444f;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .discount span:first-child {
    font-size: 12px;
    color: #1b1e23;
    font-weight: 400;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .discount span:last-child {
    margin-left: 2px;
    font-size: 12px;
    color: #abb2be;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .price-result span:first-child {
    font-size: 15px;
    color: #ea2829;
    font-weight: 700;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .price-result span:last-child {
    margin-left: 2px;
    font-size: 12px;
    color: #3d444f;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .product-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin-top: 8px;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .product-badge div {
    background: #fff;
    padding: 1px 6px 2px;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    color: #5c6677;
    font-weight: 500;
    font-size: 11px;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend {
    overflow: visible;
    gap: 0;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item .product__img {
    background-color: #fff;
}
.productList .product-list .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item .product__img + .product__info {
    margin-top: 12px;
}
/* 20231222 */
.pn-cont.is-scroll .search-hashtag-result,
.pn-cont.is-scroll .product-saerch-list-top,
.productList .product-list .saerch-result-content.is-scroll .search-hashtag-result,
.productList .product-list .saerch-result-content.is-scroll .product-saerch-list-top,
.container.is-scroll .product-saerch-list-top.type-1 {
    position: fixed;
    left: 0;
    z-index: 100;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
}
/* 20231225 */
.pn-cont.is-scroll .search-hashtag-result {
    margin-top: 0;
    padding-bottom: 8px;
    padding-top: 8px;
    background-color: #fff;
}
.productList .product-list .saerch-result-content.is-scroll .search-hashtag-result .refresh-btn,
.productList .product-list .saerch-result-content.is-scroll .product-saerch-list-top .refresh-btn {
    right: 20px;
}
.productList .product-list .saerch-result-content.is-scroll .search-hashtag-result {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
}
.productList .product-list .saerch-result-content #goosArea .goosMoreArea {
    padding-left: 0;
    padding-right: 0;
}
.productList .product-list .category-menu-two-depth-wrap {
    position: fixed;
    top: 61px;
    left: 0;
    z-index: 104;
    width: 100%;
    padding-left: 20px;
    border-bottom: 8px solid #eef0f2;
    background-color: #fff;
    -webkit-transition: all 0.1s linear 0.1s;
    transition: all 0.1s linear 0.1s;
}
.productList .product-list .category-menu-two-depth-wrap .category-menu-two-depth {
    width: calc(100% - 45px);
    overflow-x: scroll;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.productList .product-list .category-menu-two-depth-wrap .category-menu-two-depth ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 24px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 48px;
}
.productList .product-list .category-menu-two-depth-wrap .category-menu-two-depth ul li a {
    color: #5c6677;
    font-size: 15px;
}
.productList .product-list .category-menu-two-depth-wrap .category-menu-two-depth ul li a.active {
    color: #1b1e23;
    font-weight: 600;
}
.productList .product-list .category-menu-two-depth-wrap .category-menu-two-depth-btn {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 5;
    font-size: 0;
}
.productList .product-list .category-menu-two-depth-wrap.active {
    z-index: 105;
    border-bottom: none;
    background-color: transparent;
    pointer-events: none;
}
.productList .product-list .category-menu-two-depth-wrap.active .category-menu-two-depth {
    opacity: 0;
    pointer-events: none;
}
.productList .product-list .category-menu-two-depth-wrap.active .category-menu-two-depth-btn {
    pointer-events: all;
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.productList .product-list .category-menu-two-depth-open {
    display: none;
    position: absolute;
    top: 1px;
    left: 0;
    z-index: 104;
    width: 100%;
    padding: 0 20px 13px 20px;
    overflow-y: auto;
    background: #fff;
}
.productList .product-list .category-menu-two-depth-open ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.productList .product-list .category-menu-two-depth-open ul li {
    width: 50%;
    margin-top: 16px;
}
.productList .product-list .category-menu-two-depth-open ul li a {
    color: #5c6677;
    font-size: 15px;
}
.productList .product-list .category-menu-two-depth-open ul li a.active {
    color: #1b1e23;
    font-weight: 600;
}
.productList .product-list .category-menu-dimmed {
    display: block;
    opacity: 0;
    position: fixed;
    transition: all 0.2s linear;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100vh;
    background: rgba(27, 30, 35, 0.3);
    pointer-events: none;
}
.productList .product-list .category-menu-dimmed.active {
    opacity: 1;
    pointer-events: all;
}

[data-recent=false] {
    display: none;
}

[data-recent=true] {
    display: block;
}

/* filter */
[data-filter=btn] {
    overflow: hidden;
    position: relative;
    width: 32px;
    height: 0;
    padding-top: 32px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
    text-indent: -9999px;
    font-size: 0;
}
[data-filter=btn]::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/common/n/M_filter_default.svg) no-repeat;
    background-size: contain;
    content: "";
}
[data-filter=btn].is-active {
    background-color: #3d444f;
    border-color: #1b1e23;
}
[data-filter=btn].is-active::before {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

[data-filter=wrap] {
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin-top: 8px;
    margin-bottom: 20px;
}
[data-filter=wrap] [data-filter=list] {
    overflow-x: scroll;
}
[data-filter=wrap] [data-filter=list] ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 30px;
}
[data-filter=wrap] [data-filter=list] ul li {
    position: relative;
}
[data-filter=wrap] [data-filter=list] ul li button.btn-current-choice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    position: relative;
    width: auto;
    padding: 6px 12px;
    border-radius: 20px;
    border: 1px solid #dde0e5;
    color: #5c6677;
    font-size: 14px;
}
[data-filter=wrap] [data-filter=list] ul li button.btn-current-choice:after {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../../images/API_M_KO/common/n/M_down_arrow_sm.svg) no-repeat;
    background-size: contain;
    content: "";
}
[data-filter=wrap] [data-filter=list] ul li button.btn-current-choice.active {
    padding-right: 32px;
    background: #1b1e23;
    color: #fff;
}
[data-filter=wrap] [data-filter=list] ul li button.btn-current-choice.active::after {
    display: none;
}
[data-filter=wrap] [data-filter=list] ul li button.btn-current-choice.active + .btn-current-close {
    display: block;
}
[data-filter=wrap] [data-filter=list] ul li button.btn-current-close {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 32px;
    height: 0;
    padding-top: 32px;
    border: none;
    background-color: transparent;
    text-indent: -9999px;
    font-size: 0;
}
[data-filter=wrap] [data-filter=list] ul li button.btn-current-close:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background: url(../../images/API_M_KO/common/n/M_close_w.svg) no-repeat;
    background-size: contain;
    content: "";
}
[data-filter=wrap] .refresh-btn {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    z-index: 1;
    width: 32px;
    height: 0;
    padding-top: 34px;
    background: #fff;
}
[data-filter=wrap] .refresh-btn::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_refrash.svg) no-repeat;
    background-size: contain;
    content: "";
}
[data-filter=wrap] .refresh-btn img {
    display: none;
}
[data-filter=wrap].is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
[data-filter=wrap].case-1 {
    margin-top: 13px;
    padding-left: 20px;
    padding-right: 20px;
}
[data-filter=wrap].case-1 .refresh-btn {
    right: 19px;
}

.product-saerch-list-right.active [data-filter=btn]::before {
    -webkit-filter: brightness(255) invert(0);
            filter: brightness(255) invert(0);
}
.product-saerch-list-right.active [data-filter=btn].is-active::before {
    -webkit-filter: brightness(255) invert(0);
            filter: brightness(255) invert(0);
}
.product-saerch-list-right [data-filter=btn].is-active {
    border-color: #dde0e5;
    background-color: #fff;
}
.product-saerch-list-right [data-filter=btn].is-active::before {
    -webkit-filter: none;
            filter: none;
}

.product-saerch-list-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
}
.product-saerch-list-top .saerch-list-total-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    font-weight: 500;
    white-space: nowrap;
}
.product-saerch-list-top .saerch-list-total-text span {
    font-size: 14px;
}
.product-saerch-list-top .product-saerch-list-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 15px;
    margin-left: auto;
}
.product-saerch-list-top .product-saerch-list-middle > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    color: #3d444f;
}
.product-saerch-list-top .product-saerch-list-middle > span + .toggle-switch-wrap {
    margin-left: 8px;
}
.product-saerch-list-top .product-saerch-list-middle .toggle-switch-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding-right: 16px;
}
.product-saerch-list-top .product-saerch-list-middle .toggle-switch-wrap:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    background: #dde0e5;
    right: 0;
    top: 2px;
}
.product-saerch-list-top .product-saerch-list-middle .toggle-switch-wrap span {
    color: #3d444f;
    font-size: 14px;
}
.product-saerch-list-top .product-saerch-list-middle .toggle-switch-wrap .toggle-switch {
    position: relative;
    width: 34px;
    height: 20px;
}
.product-saerch-list-top .product-saerch-list-middle .toggle-switch-wrap .toggle-switch input {
    display: none;
}
.product-saerch-list-top .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-switch-input:checked + .toggle-round {
    background: #3d444f;
}
.product-saerch-list-top .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-switch-input:checked + .toggle-round:before {
    -webkit-transform: translate(14px, 0);
            transform: translate(14px, 0);
}
.product-saerch-list-top .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-round {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #dde0e5;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 3.4rem;
    cursor: pointer;
}
.product-saerch-list-top .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-round:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.product-saerch-list-top .product-saerch-list-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}
.product-saerch-list-top .product-saerch-list-right .best-ranking-btn {
    color: #5c6677;
    font-weight: 500;
}
.product-saerch-list-top .product-saerch-list-right .best-ranking-btn:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_down_arrow.svg) center no-repeat;
    margin-left: 4px;
    vertical-align: middle;
}
.product-saerch-list-top .product-saerch-list-right .form_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product-saerch-list-top .product-saerch-list-right .form_cont select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
    background: url(../../images/API_M_KO/common/n/M_down_arrow.svg) 90% no-repeat;
    border: none;
    font-size: 13px;
    color: #5c6677;
    font-weight: 500;
}
.product-saerch-list-top .product-saerch-list-right .form_cont .wrap-add-dropdown {
    max-width: 85px;
}
.product-saerch-list-top .product-saerch-list-right .form_cont .wrap-add-dropdown .fake-dropdown {
    height: 32px;
}
.product-saerch-list-top .product-saerch-list-right .form_cont .wrap-add-dropdown .btn-dropdown {
    height: 32px;
    padding-right: 25px;
    border-bottom: none;
    font-size: 13px;
    color: #5c6677;
    font-weight: 500;
}
.product-saerch-list-top .product-saerch-list-right .form_cont .wrap-add-dropdown .btn-dropdown:before {
    right: 0;
    background-image: url(../../images/API_M_KO/common/n/M_down_arrow.svg);
}
.product-saerch-list-top .product-saerch-list-right.active [data-filter=btn] {
    border-color: #1b1e23;
    background-color: #3d444f;
}
.product-saerch-list-top.type-1 {
    padding-left: 20px;
    padding-right: 20px;
}

.wrap-pos-add-dropdown .list-dropdown > li button {
    padding-right: 12px;
    white-space: nowrap;
}

.bottom_page.brand_type .prd_list_top .product-saerch-list-top {
    padding-left: 20px;
    padding-right: 20px;
}
.bottom_page.brand_type .goosMoreArea {
    padding-left: 20px;
    padding-right: 20px;
}

#goosArea .goosMoreArea {
    padding-left: 20px;
    padding-right: 20px;
}

.box-float-layer.active {
    overflow-y: auto;
}

.m_popup_renew.box-bottom-float.type_l {
    height: 100%;
    border-radius: 40px 0 0 0;
    padding: 0 0 50px;
}

.saerch-top {
    position: fixed;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 20px;
}
.saerch-top.saerch-top-fix-no {
    position: relative;
}
.saerch-top input {
    display: inline-block;
    width: 100%;
    height: 59px;
    padding: 0 0 0 8px;
    line-height: 38px;
    border: 0;
    font-size: 16px;
    outline-style: none;
}
.saerch-top img {
    width: 24px;
}
.saerch-top .m-ico-hastag {
    right: 56px;
}
.saerch-top .m-ico-hastag-top {
    left: 55px;
}
.saerch-top .m-ico-search img {
    right: 20px;
}
.saerch-top .search-clear {
    display: none;
    position: absolute;
    right: 58px;
    top: 50%;
    bottom: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: #9aa3b1;
    margin: auto;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
}
.saerch-top:not(.saerch-top-fix-no) {
    background-color: #fff;
}
.saerch-top:not(.saerch-top-fix-no)::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 20px;
    height: 2px;
    width: calc(100% - 20px);
    background-color: #1b1e23;
    content: "";
}
.saerch-top:not(.saerch-top-fix-no) button.m-ico-search {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: hidden;
    position: relative;
    width: 56px;
    height: 0;
    padding-top: 60px;
    text-indent: -9999px;
}
.saerch-top:not(.saerch-top-fix-no) button.m-ico-search::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background: url(../../images/API_M_KO/product/n/M_ico_search.svg) no-repeat;
    background-size: contain;
    content: "";
}
.saerch-top:not(.saerch-top-fix-no) button.m-ico-search img {
    display: none;
}

.productSaerchList .saerch-top {
    position: relative;
    padding-left: 0;
}
.productSaerchList .saerch-top button {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    width: 56px;
    height: 60px;
}
.productSaerchList .saerch-top button img {
    left: 20px;
    pointer-events: none;
}
.productSaerchList .saerch-top form {
    position: relative;
    width: 100%;
}
.productSaerchList .saerch-top::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 20px;
    height: 2px;
    width: calc(100% - 20px);
    background-color: #1b1e23;
    content: "";
}
.productSaerchList .saerch-top .m-ico-search img {
    left: 12px;
}
.productSaerchList .saerch-top .btn-search-type {
    width: 24px;
}
.productSaerchList .saerch-top .btn-search-type .m-ico-hastag {
    display: none;
}
.productSaerchList .saerch-top .btn-search-type .m-ico-txt {
    display: block;
}
.productSaerchList .saerch-top .m-ico-hastag-top,
.productSaerchList .saerch-top .inp-hashtag {
    display: none;
}
.productSaerchList .saerch-top .inp-normal {
    display: block;
}
.productSaerchList .saerch-top.type-hash .m-ico-hastag-top,
.productSaerchList .saerch-top.type-hash .inp-hashtag {
    display: block;
}
.productSaerchList .saerch-top.type-hash .inp-normal {
    display: none;
}
.productSaerchList .saerch-top.type-hash .btn-search-type .m-ico-hastag {
    display: block;
}
.productSaerchList .saerch-top.type-hash .btn-search-type .m-ico-txt {
    display: none;
}
.productSaerchList .saerch-top .btn-input-del {
    display: block;
    overflow: hidden;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 0;
    padding-top: 16px;
    background-color: #9aa3b1;
    border-radius: 16px;
    text-indent: -9999px;
    font-size: 0;
}
.productSaerchList .saerch-top .btn-input-del::before, .productSaerchList .saerch-top .btn-input-del::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
    width: 8px;
    height: 1px;
    background-color: #fff;
    content: "";
}
.productSaerchList .saerch-top .btn-input-del::after {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
            transform: translate(-50%, -50%) rotate(135deg);
}
.productSaerchList input {
    display: block;
    width: 100%;
    height: 60px;
    padding-left: 8px;
    line-height: 38px;
    border: 0;
    font-size: 16px;
}
.productSaerchList input::-webkit-input-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 400;
}
.productSaerchList input::-moz-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 400;
}
.productSaerchList input:-ms-input-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 400;
}
.productSaerchList input::-ms-input-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 400;
}
.productSaerchList input::placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 400;
}
.productSaerchList input:focus {
    border: none;
    outline: none;
    -webkit-box-shadow: inset 0 -2px 0 #1b1e23;
            box-shadow: inset 0 -2px 0 #1b1e23;
}
.productSaerchList .search-word-title {
    display: block;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 900;
}
.productSaerchList .search-word-title .pink {
    color: #ea2869;
}
.productSaerchList.product-saerch-list-bg {
    position: relative;
    width: 100%;
    height: 100%;
}
.productSaerchList.product-saerch-list-bg .product-saerch-list-wrap {
    overflow: hidden;
    isolation: isolate;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1100;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 40px 0 0 0;
}
.productSaerchList.product-saerch-list-bg .product-saerch {
    position: relative;
    width: 100%;
    height: calc(100% - 40px);
}
.productSaerchList.product-saerch-list-bg .search-tab-content-wrap {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 80px);
}
.productSaerchList.product-saerch-list-bg .product-saerch {
    padding-top: 9px;
}
.productSaerchList.product-saerch-list-bg .product-saerch .pop-open {
    margin-top: 0;
}
.productSaerchList.product-saerch-list-bg .product-saerch .search-tab-menu-wrap.search-tab-menu-wrap-layer {
    height: calc(100% - 85px);
}
.productSaerchList.product-saerch-list-bg .product-saerch .search-interface-wrap {
    margin-top: 0;
}
.productSaerchList.product-saerch-list-popup {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}
.productSaerchList .filter-box-check {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 20px;
}
.productSaerchList .filter-box-check.filter-box-check-cs {
    padding: 0;
}
.productSaerchList .filter-box-check input[type=checkbox] {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    opacity: 0 !important;
}
.productSaerchList .filter-box-check input[type=checkbox]:checked + label {
    color: #1b1e23;
    font-weight: 600;
}
.productSaerchList .filter-box-check input[type=checkbox]:checked + label .filter-brand-total {
    color: #788497;
    font-weight: 400;
}
.productSaerchList .filter-box-check input[type=checkbox]:checked + label:before {
    background-color: #1b1e23;
    border: 1px solid #1b1e23;
}
.productSaerchList .filter-box-check input[type=checkbox]:checked + label:after {
    display: block;
    background: url(../../images/API_M_KO/common/n/M_check_chk.svg) no-repeat;
}
.productSaerchList .filter-box-check label {
    position: relative;
    z-index: 3;
    display: inline-block;
    width: 50%;
    margin-top: 16px;
    padding-left: 28px;
    color: #788497;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.05em;
    vertical-align: middle;
    cursor: pointer;
}
.productSaerchList .filter-box-check label span {
    margin-left: 4px;
    font-size: 12px;
}
.productSaerchList .filter-box-check label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #dde0e5;
    border-radius: 2px;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    background-color: #fff;
}
.productSaerchList .filter-box-check label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_check.svg) no-repeat;
}
.productSaerchList .filter-box-check.filter-box-check-full label {
    width: 100%;
}
.productSaerchList .product-saerch {
    width: 100%;
}
.productSaerchList .product-saerch .search-round-data-wrap {
    padding-top: 15px;
}
.productSaerchList .product-saerch .search-round-data-wrap .search-round-data {
    overflow-x: scroll;
    padding-left: 20px;
}
.productSaerchList .product-saerch .search-round-data-wrap .search-round-data ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.productSaerchList .product-saerch .search-round-data-wrap .search-round-data ul li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    width: auto;
    padding: 6px 12px;
    border-radius: 20px;
    background: #f5f7fa;
    color: #3d444f;
    font-size: 14px;
    font-weight: 500;
}
.productSaerchList .product-saerch .search-round-data-wrap .search-round-data-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    margin-top: 12px;
    padding-left: 20px;
}
.productSaerchList .product-saerch .search-round-data-wrap .search-round-data-2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    gap: 4px;
}
.productSaerchList .product-saerch .search-round-data-wrap .search-round-data-2 ul li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
    height: 40px;
    padding-right: 10px;
    border: 1px solid #dde0e5;
    border-radius: 24px;
}
.productSaerchList .product-saerch .search-round-data-wrap .search-round-data-2 ul li button img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.productSaerchList .product-saerch .search-round-data-wrap .search-round-data-2 ul li button span {
    font-size: 14px;
    color: #3d444f;
    font-weight: 500;
}
.productSaerchList .product-saerch .search-round-data-wrap + .bg-line + .saerch-result-content {
    margin-top: 15px;
}
.productSaerchList .product-saerch .search-round-data-wrap + .saerch-result-content {
    margin-top: 15px;
}
.productSaerchList .product-saerch .search-round-data-wrap + .bg-line + .saerch-result-content {
    border-top: 8px solid #eef0f2;
}
.productSaerchList .product-saerch .search-round-data-wrap + .saerch-result-content {
    border-top: 8px solid #eef0f2;
}
.productSaerchList .product-saerch .search-round-data-wrap.is-scroll {
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 100;
    width: 100%;
    background-color: #fff;
}
.productSaerchList .product-saerch .search-round-data-wrap.is-scroll::before {
    display: block;
    position: absolute;
    bottom: -23px;
    left: 0;
    width: 100%;
    height: 8px;
    z-index: 1;
    background-color: #eef0f2;
    content: "";
}
.productSaerchList .product-saerch .search-round-data-wrap.is-scroll::after {
    display: block;
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    background-color: #fff;
    content: "";
}
.productSaerchList .product-saerch .bg-line {
    display: none;
    width: 100%;
    height: 8px;
    margin: 20px 0 14px 0;
    background: #eef0f2;
}
.productSaerchList .product-saerch .saerch-result-content {
    padding: 0 20px;
}
.productSaerchList .product-saerch .saerch-result-content .product-video-box {
    height: 220px;
    margin-top: 20px;
    border-radius: 8px;
}
.productSaerchList .product-saerch .saerch-result-content .product-video-box button {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.productSaerchList .product-saerch .saerch-result-content .product-video-box button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../images/API_M_KO/common/n/M_movie_play.svg) no-repeat;
}
.productSaerchList .product-saerch .saerch-result-content .product-video-box button video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist {
    gap: 34px 9px;
    margin-top: 26px;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__img {
    border-radius: 8px 8px 3px 8px;
}
/* .productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__img:after {
    content: "";
    position: absolute;
    top: 16px;
    left: 16px;
    display: block;
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    background: rgba(12, 54, 122, 0.04);
} *//* 2024-03-18 검색결과 ai 추천 영역 추가 및 수정 */
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__img .btn-cart {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 0;
    padding-top: 32px;
    border: none;
    border-radius: 4px 0 4px 0;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    text-indent: -9999px;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__img .btn-cart:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_product_cart_w.svg);
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__promotion-box {
    position: relative;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__promotion-box .product__promotion-bg {
    position: relative;
    z-index: 1;
    height: 278px;
    padding: 16px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(36%, rgba(40, 44, 52, 0.08)), color-stop(63%, #282c34));
    background-image: linear-gradient(to bottom, rgba(40, 44, 52, 0.08) 36%, #282c34 63%);
    border-radius: 8px;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__promotion-box .product__promotion-bg .product__promotion--box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 100%;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__promotion-box .product__promotion-bg .product__promotion--box img {
    width: 28px;
    height: 28px;
    background: #5c6677;
    border-radius: 50%;
    padding: 6px;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__promotion-box .product__promotion-bg .product__promotion--box .product__promotion-title {
    margin: 8px 0;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__promotion-box .product__promotion-bg .product__promotion--box .product__promotion-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-size: 14px;
    color: #fff;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__promotion-box .product__promotion-bg .product__promotion--box .product__promotion-link:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_arrow_right_w.svg) no-repeat;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__promotion-box > img {
    position: absolute;
    top: 0;
    border-radius: 8px;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__promotion_img img {
    border-radius: 8px;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__brand:first-child {
    font-size: 13px;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__brand + .product__brand-info {
    color: #ea2869;
    font-weight: 500;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__brand-info {
    height: unset;
    margin-top: 4px;
    color: #3d444f;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__brand-info.product__brand-promotion-info {
    color: #3d444f;
    font-weight: 400;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info.product__promotion-info .product__price--origin {
    margin-top: 8px;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info.product__promotion-info .product__price--origin span {
    color: #788497;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin.type-1 .product__price--sale {
    font-size: 15px;
    color: #ea2829;
    font-weight: 600;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--sale {
    font-size: 12px;
    color: #1b1e23;
    font-weight: 400;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--sale.product__price--sale-confirm {
    color: #788497;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--sale.product__price--sale-confirm  .tx_sign_in {
    color: #ea2869 !important;
    font-size: 12px;
    text-decoration: underline;
}/* 2024-03-18 검색결과 ai 추천 영역 추가 및 수정 */
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--won span {
    font-size: 12px;
    color: #3d444f;
    font-weight: 500;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__tag {
    margin-top: 10px;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__tag p {
    padding: 1px 6px 2px;
    font-weight: 500;
}
.productSaerchList .product-saerch .saerch-result-content .search-result-offline-shop-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 70px 0 70px 0;
}
.productSaerchList .product-saerch .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-info {
    text-align: center;
}
.productSaerchList .product-saerch .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-info.search-result-empty p {
    margin-top: 16px;
    color: #3d444f;
    font-size: 15px;
    font-weight: 500;
}
.productSaerchList .product-saerch .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-info p {
    font-size: 16px;
}
.productSaerchList .product-saerch .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-info p:first-child {
    color: #ea2869;
    font-weight: 600;
}
.productSaerchList .product-saerch .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-info p:first-child:after {
    content: " ”";
    color: #3d444f;
}
.productSaerchList .product-saerch .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-info p:first-child:before {
    content: "“ ";
    color: #3d444f;
}
.productSaerchList .product-saerch .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-info p:nth-of-type(2) {
    margin-top: 4px;
    color: #3d444f;
    font-size: 15px;
    font-weight: 500;
}
.productSaerchList .product-saerch .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9px;
    margin-top: 16px;
}
.productSaerchList .product-saerch .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    width: 148px;
    height: 40px;
    border-radius: 4px;
    border: solid 1px #1b1e23;
    color: #1b1e23;
    font-size: 14px;
    font-weight: 500;
}
.productSaerchList .product-saerch .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-link a:nth-of-type(1):before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_offshop_b.svg) no-repeat;
}
.productSaerchList .product-saerch .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-link a:nth-of-type(2) {
    background: #1b1e23;
    color: #fff;
}
.productSaerchList .product-saerch .saerch-result-content .search-result-offline-shop-wrap .search-result-offline-shop-link a:nth-of-type(2):before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_star_w.svg) no-repeat;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eef0f2;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .sub-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 12px;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .sub-title span:nth-of-type(1) {
    font-size: 16px;
    font-weight: 600;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .sub-title span:nth-of-type(2) {
    color: #5c6677;
    font-size: 13px;
    font-weight: 500;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper {
    margin-bottom: 40px;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos {
    position: relative;
    width: 130px;
    height: 130px;
    background: url(../../images/API_M_KO/common/n/M_order_product.png) center #f5f7fa no-repeat;
    background-size: contain;
    border-radius: 4px;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos button {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    z-index: 2;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos button span {
    font-size: 0;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos button:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-repeat: no-repeat;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos .movie-play {
    right: 10px;
    top: 10px;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos .movie-play:before {
    width: 24px;
    height: 24px;
    background-image: url(../../images/API_M_KO/common/n/M_ico_unit_play.svg);
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos .cart {
    right: 0;
    bottom: 0;
    padding: 16px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px 0 4px 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos .cart:before {
    width: 24px;
    height: 24px;
    background-image: url(../../images/API_M_KO/common/n/icon_product_cart_w.svg);
    background-position: center;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide {
    width: 130px !important;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .suggestion-prdouct-title {
    margin: 12px 0 2px 0;
    color: #1b1e23;
    font-weight: 700;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .suggestion-prdouct-sale-text {
    color: #ea2869;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .suggestion-prdouct-content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    color: #3d444f;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .discount span:first-child {
    font-size: 12px;
    color: #1b1e23;
    font-weight: 400;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .discount span:last-child {
    margin-left: 2px;
    font-size: 12px;
    color: #abb2be;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .price-result span:first-child {
    font-size: 15px;
    color: #ea2829;
    font-weight: 700;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .price-result span:last-child {
    margin-left: 2px;
    font-size: 12px;
    color: #3d444f;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .product-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin-top: 8px;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .product-badge div {
    background: #fff;
    padding: 1px 6px 2px;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    color: #5c6677;
    font-weight: 500;
    font-size: 11px;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend {
    overflow: visible;
    gap: 0;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item .product__img {
    background-color: #fff;
}
.productSaerchList .product-saerch .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item .product__img + .product__info {
    margin-top: 12px;
}
/* S: 2024-03-18 검색결과 ai 추천 영역 추가 및 수정 */
.productSaerchList .product-saerch .saerch-result-content .wrap-list-cart {
    /* margin-bottom: 32px;
    border-top: 1px solid #eef0f2; */
    background-color: #fff5f9;
    width: calc(100% + 40px);
    margin: 0 -20px 50px;
    padding: 20px 0;/*2024-06-10 ai추천 슬라이드 변경 20px 0 20px 20px*/
}
.productSaerchList .product-saerch .saerch-result-content .list-product__searchlist .wrap-list-cart {
    margin-bottom: 0;
}
/* .productSaerchList .product-saerch .saerch-result-content .list-cart__tit {
    margin-left: 0;
} *//*2024-06-10 ai추천 슬라이드 변경*/
.productSaerchList .product-saerch .saerch-result-content .list-cart__tit:before {
    display: inline-block;
    position: relative;
    top: 0;
    margin-right: 4px;
    width: 15px;
    height: 15px;
    background: url(../../images/API_M_KO/common/ic_produce.svg) no-repeat;
    background-size: contain;
    content: "";
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__recommend {
    gap: 8px;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__recommend > li {
    background-color: #fff;
    border-radius: 8px;
    border: solid 1px #dde0e5;
    padding: 12px;
    width: calc((91% - 16px) /2);
    height: auto;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__recommend .product__item .product__img {
    padding: 0px;/*2024-08-14 썸네일 이미지 확장 14*/
    border-radius: 4px;
    height: auto;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__recommend .product__item .product__img::before {
    top: 0;/*2024-08-14 썸네일 이미지 확장 14px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 14px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 28px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 28px)*/
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__recommend .product__item.type-sales--video .product__img::after {
    left: 10px;
    right: auto;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__recommend .product__item .product__info .product__brand + .product__brand-info {
    color: #3d444f;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__recommend .product__item .product__info .product__price--origin .product__price.type-1 {
    font-weight: 500;
}
.productSaerchList .product-saerch .saerch-result-content .list-product.list-product__recommend .product__item .product__info .product__sale-info .product__price--origin .product__price--sale {
    color: #abb2be;
}
/* E: 2024-03-18 검색결과 ai 추천 영역 추가 및 수정 */
/* .productSaerchList .product-saerch .saerch-result-content .wrap-list-cart .list-product.list-product__recommend {
    padding-left: 0;
} *//*2024-06-10 ai추천 슬라이드 변경*/
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content {
    margin-bottom: 90px;
}
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content .search-hit-swiper {
    position: relative;
}
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content .search-hit-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
}
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content .search-hit-swiper .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background: #1b1e23;
}
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content .search-hit-swiper .swiper-pagination-bullets {
    position: absolute;
    left: 40%;
    bottom: -40px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content .search-hit-swiper .search-hit-wrap .search-hit-box {
    padding: 15px 19px 15px 19px;
    border-radius: 12px;
    border: solid 1px #dde0e5;
    background: #fff;
}
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 16px;
}
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
}
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li.hit-min:after {
    content: "";
    background: url(../../images/API_M_KO/product/n/M_ico_min.svg) no-repeat;
}
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li.hit-up:after {
    content: "";
    background: url(../../images/API_M_KO/product/n/M_ico_hit_up.svg) no-repeat;
}
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li.hit-down:after {
    content: "";
    background: url(../../images/API_M_KO/product/n/M_ico_hit_down.svg) no-repeat;
}
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li:last-child {
    margin-bottom: 0;
}
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li span {
    color: #3d444f;
    font-size: 14px;
    font-weight: 500;
}
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li span:first-child {
    color: #788497;
    font-weight: 900;
}
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li span.pink {
    color: #ea2869;
}
.productSaerchList .product-saerch .saerch-result-content .search-list-hit-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li .hit-name {
    width: 100%;
    margin-left: 20px;
    color: #3d444f;
}
.productSaerchList .product-saerch .saerch-result-content.is-scroll .product-saerch-list-top {
    position: fixed;
    left: 0;
    z-index: 100;
    width: 100%;
    padding: 8px 20px;
    background-color: #fff;
}
.productSaerchList .product-saerch .saerch-result-content.is-scroll .search-hashtag-result,
.container.is-scroll .search-hashtag-result.case-1 {
    position: fixed;
    left: 0;
    z-index: 100;
    width: 100%;
    margin-top: 0;
    padding: 8px 20px 8px;
    background-color: #fff;
}
.productSaerchList .product-saerch .saerch-result-content.is-scroll .refresh-btn {
    right: 20px;
    /* margin-top: 4px; */
}
.productSaerchList .product-saerch .saerch-result-content #goosArea .goosMoreArea {
    padding-left: 0;
    padding-right: 0;
}
.productSaerchList .product-saerch .pop-open {
    display: block;
    width: 100%;
    margin-top: 9px;
    text-align: center;
}
.productSaerchList .product-saerch .pop-open img {
    width: 32px;
}
.productSaerchList .product-saerch .general-search-wrap {
    overflow-y: auto;
    height: calc(100% - 76px);
    margin-top: 0;
    padding: 35px 20px 20px;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-link a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-link a:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_link.svg) no-repeat;
    margin-left: 2px;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-link a .pink {
    color: #ea2869;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-link a span {
    color: #1b1e23;
    font-size: 16px;
    font-weight: 600;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-link + .general-search-result-wrap {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #eef0f2;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-result-wrap .general-search-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 16px;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-result-wrap .general-search-result:first-child {
    margin-top: 0;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-result-wrap .general-search-result .pink {
    color: #ea2869;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-result-wrap .general-search-result span {
    font-size: 14px;
    font-weight: 500;
    color: #1b1e23;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-result-wrap .general-search-result .default-text {
    width: 66%;
    margin-right: 10px;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-result-wrap .general-search-result .default-text .special-order-ok {
    background-image: linear-gradient(104deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: 8px;
    font-size: 11px;
    font-weight: 500;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-result-wrap .general-search-result .badge-name {
    width: 54px;
    padding: 1px 6px 2px;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    text-align: center;
    color: #5c6677;
    font-size: 11px;
    font-weight: 500;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-result-wrap .general-search-result:before {
    content: "";
    width: 28px;
    height: 28px;
    background: url(../../images/API_M_KO/common/n/M_B_text.svg) #ccd1d8 center no-repeat;
    margin-right: 8px;
    border-radius: 50%;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-result-wrap .general-search-result:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_right_arrow.svg) no-repeat;
    margin-left: 2px;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-result-wrap .general-search-result.general-search-offshop:before {
    background: url(../../images/API_M_KO/common/n/M_offshop.svg) #ccd1d8 center no-repeat;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-result-wrap .general-search-result.general-search-magnifier .default-text {
    width: auto;
    margin-right: 0;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-result-wrap .general-search-result.general-search-magnifier:after {
    display: none;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-result-wrap .general-search-result.general-search-magnifier:before {
    background: url(../../images/API_M_KO/common/n/M_magnifier.svg) #ccd1d8 center no-repeat;
}
.productSaerchList .product-saerch .general-search-wrap .general-search-result-wrap + .general-search-result-wrap {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #eef0f2;
}
.productSaerchList .product-saerch .search-tab-menu-wrap.search-tab-menu-wrap-layer {
    margin-top: 7px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-menu {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 7px;
    padding-right: 20px;
    border-bottom: 1px solid #dde0e5;
    background: #fff;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-menu .search-tab-list {
    width: 47.5%;
    text-align: center;
    color: #abb2be;
    padding: 16px 0 15px 0;
    font-size: 16px;
    font-weight: 500;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-menu .search-tab-list.active {
    border-bottom: 2px solid #1b1e23;
    color: #1b1e23;
    font-weight: 900;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-menu + .search-tab-content-wrap {
    margin-top: 20px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .sh_multi_wrap + .search-tab-content-wrap {
    margin-top: 20px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content {
    display: none;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content.hit-search-tab-content {
    padding-left: 20px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content.active {
    display: block;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-list-content {
    margin-top: 55px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-list-content.content-first {
    margin-top: 30px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap {
    margin-bottom: 8px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-recent--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 16px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-recent--wrap .search-word-title {
    margin-bottom: 0;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-recent--wrap .search-recent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    padding-right: 20px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-recent--wrap .search-recent button {
    color: #3d444f;
    font-size: 14px;
    font-weight: 500;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-recent--wrap .search-recent .toggle-switch-auto-save {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding-right: 16px;
    margin-right: 5px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-recent--wrap .search-recent .toggle-switch-auto-save:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    background: #dde0e5;
    right: 0;
    top: 2px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-recent--wrap .search-recent .toggle-switch-auto-save span {
    color: #3d444f;
    font-size: 14px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-recent--wrap .search-recent .toggle-switch-auto-save .toggle-switch {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    width: 34px;
    height: 20px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-recent--wrap .search-recent .toggle-switch-auto-save .toggle-switch input {
    display: none;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-recent--wrap .search-recent .toggle-switch-auto-save .toggle-switch .toggle-switch-input:checked + .toggle-round {
    background-color: #3d444f;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-recent--wrap .search-recent .toggle-switch-auto-save .toggle-switch .toggle-switch-input:checked + .toggle-round:before {
    -webkit-transform: translate(14px, 0);
            transform: translate(14px, 0);
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-recent--wrap .search-recent .toggle-switch-auto-save .toggle-switch .toggle-round {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: #dde0e5;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 3.4rem;
    cursor: pointer;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-recent--wrap .search-recent .toggle-switch-auto-save .toggle-switch .toggle-round:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-result-wrap {
    overflow-x: scroll;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-result-wrap .search-result ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-result-wrap .search-result ul li {
    position: relative;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-result-text {
    padding: 14px 0 8px 0;
    text-align: center;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-result-text p {
    color: #abb2be;
    font-size: 15px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-recent-wrap .search-result-on {
    display: none;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-hit-swiper {
    position: relative;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-hit-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-hit-swiper .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background: #1b1e23;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-hit-swiper .swiper-pagination-bullets {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    margin-top: 13px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-hit-swiper .search-hit-wrap .search-hit-box {
    padding: 15px 19px 15px 19px;
    border-radius: 12px;
    border: solid 1px #dde0e5;
    background: #fff;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 16px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li.hit-min:after {
    content: "";
    background: url(../../images/API_M_KO/product/n/M_ico_min.svg) no-repeat;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li.hit-up:after {
    content: "";
    background: url(../../images/API_M_KO/product/n/M_ico_hit_up.svg) no-repeat;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li.hit-down:after {
    content: "";
    background: url(../../images/API_M_KO/product/n/M_ico_hit_down.svg) no-repeat;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li:last-child {
    margin-bottom: 0;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li span {
    color: #3d444f;
    font-size: 14px;
    font-weight: 500;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li span:first-child {
    color: #788497;
    font-weight: 900;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li span.pink {
    color: #ea2869;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .search-hit-swiper .search-hit-wrap .search-hit-box ul li .hit-name {
    width: 100%;
    margin-left: 20px;
    color: #3d444f;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .brand-category-wrap {
    margin-top: 19px;
    padding-top: 14px;
    border-top: 1px solid #eef0f2;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .brand-category-wrap .brand-category-content {
    padding-left: 20px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .brand-category-wrap .brand-category-content .brand-category {
    overflow-x: scroll;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .brand-category-wrap .brand-category-content .brand-category ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 24px;
    padding-right: 20px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .brand-category-wrap .brand-category-content .brand-category ul li button {
    color: #5c6677;
    font-size: 15px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .brand-category-wrap .brand-category-content .brand-category ul li button.active {
    font-weight: 600;
    color: #1b1e23;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .brand-category-wrap .brand-category-content .kr-en-conversion-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 18px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .kr-en-conversion {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 40px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .kr-en-conversion button {
    color: #abb2be;
    font-size: 13px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .kr-en-conversion button:first-child:after {
    content: "/";
    padding: 0 4px;
    color: #abb2be;
    font-weight: lighter;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .kr-en-conversion button.active {
    color: #1b1e23;
    font-weight: 600;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .initial-sound {
    overflow-x: scroll;
    padding-right: 20px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .initial-sound ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .initial-sound ul li button {
    width: 32px;
    height: 32px;
    background: #f5f7fa;
    border-radius: 50%;
    font-size: 13px;
    color: #5c6677;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .initial-sound ul li button.active {
    background: #000;
    color: #fff;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap.is-fixed {
    padding-top: 0;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap.is-fixed .brand-category-wrap .brand-category-content .brand-accordion-wrap {
    margin-top: 0;
    padding-top: 30px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap.is-fixed .search-tab-content.hit-search-tab-content.active {
    padding-top: 20px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap.is-fixed .search-tab-content .brand-category-wrap .brand-category-content .brand-category {
    padding-top: 20px;
}
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap.is-fixed .search-tab-content .brand-category-wrap .brand-category-content .brand-category,
.productSaerchList .product-saerch .search-tab-menu-wrap .search-tab-content-wrap.is-fixed .search-tab-content .brand-category-wrap .brand-category-content .kr-en-conversion-wrap {
    position: fixed;
    left: 0;
    z-index: 100;
    width: 100%;
    padding-left: 20px;
    background-color: #fff;
}
.productSaerchList .search-interface-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 40px;
    padding: 0 20px 0;
    background: #f9fafb;
}
.productSaerchList .search-interface-wrap a {
    font-size: 14px;
    font-weight: 500;
    color: #3d444f;
}
.productSaerchList .search-interface-wrap .search-interface {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}
.productSaerchList .brand-accordion-wrap {
    margin-top: 30px;
    padding-right: 20px;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion {
    padding-top: 16px;
    margin-top: 19px;
    border-top: 1px solid #eef0f2;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion:last-child {
    border-bottom: 1px solid #eef0f2;
    padding-bottom: 16px;
    margin-bottom: 19px;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion.area-attention.type-2 {
    margin-left: 0;
    margin-right: 0;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion.area-attention.type-2 .attention__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #3d444f;
    letter-spacing: -0.32px;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion.area-attention.type-2 .attention__tit:before {
    content: "";
    display: none;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_exclamation.svg) no-repeat;
    background-size: contain;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion .accordion__tit {
    position: relative;
    padding-right: 24px;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion .accordion__tit:before {
    display: none;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion .accordion__tit button {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-indent: -9999px;
    font-size: 0;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion .accordion__tit button:after {
    display: block;
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_ico_accordion_arrow.svg) no-repeat;
    content: "";
}
.productSaerchList .brand-accordion-wrap .wrap-accordion .accordion__tit button[aria-expanded=true]:after {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
}
.productSaerchList .brand-accordion-wrap .wrap-accordion .accordion__tit .kr-conversion-data {
    color: #1b1e23;
    font-weight: 600;
    font-size: 15px;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion .accordion__tit .kr-conversion-num-total {
    color: #788497;
    font-size: 12px;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion .accordion__cont {
    margin-top: 10px;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion .accordion__cont [role=region] {
    display: none;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion .accordion__cont [role=region].is-active {
    display: block;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion .accordion__cont ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion .accordion__cont ul li {
    width: 50%;
    margin-top: 10px;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion .accordion__cont ul li p:nth-of-type(1) {
    color: #3d444f;
    font-size: 14px;
    font-weight: 500;
}
.productSaerchList .brand-accordion-wrap .wrap-accordion .accordion__cont ul li p:nth-of-type(2) {
    color: #abb2be;
    font-size: 12px;
    font-weight: 300;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion {
    margin-top: 40px;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__tit {
    position: relative;
    padding: 0 20px;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__tit:before {
    display: none;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__tit button {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-indent: -9999px;
    font-size: 0;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__tit button:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    left: auto;
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_ico_accordion_arrow.svg) no-repeat;
    content: "";
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__tit button[aria-expanded=true]:after {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__tit .kr-conversion-data {
    color: #1b1e23;
    font-weight: 600;
    font-size: 16px;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__tit + .accordion__cont {
    padding-top: 0;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont[role=region] {
    display: none;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont[role=region].is-active {
    display: block;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont .initial-sound {
    overflow-x: scroll;
    margin: 16px -20px 12px 0;
    padding: 0 20px;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont .initial-sound ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont .initial-sound ul li button {
    width: 32px;
    height: 32px;
    background: #f5f7fa;
    border-radius: 50%;
    font-size: 13px;
    color: #5c6677;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont .initial-sound ul li button.active {
    background: #000;
    color: #fff;
    font-weight: 600;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont .view-more {
    padding: 0 20px;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont .view-more button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2px;
    width: 100%;
    padding: 6px 0 6px 0;
    margin-top: 24px;
    border-radius: 4px;
    border: 1px solid #ccd1d8;
    font-size: 14px;
    color: #3d444f;
    font-weight: 500;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont .view-more button:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_down_arrow.svg) no-repeat;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont .price-range-data-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont .price-range-data-wrap > div {
    margin-right: 45px;
    color: #3d444f;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont .price-range-data-wrap > label {
    margin-right: 8px;
    font-size: 14px;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont .price-range-data-wrap .price-range-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont .price-range-data-wrap .price-range-data input {
    width: 100px;
    height: 40px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
    font-size: 14px;
    text-align: right;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont .price-range-data-wrap .price-range-data input:disabled {
    background-color: transparent !important;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont .price-range-data-wrap .price-range-data input:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.productSaerchList .filter-accordion-wrap .wrap-accordion .accordion__cont .price-range-data-wrap .price-range-data label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 8px;
    font-size: 14px;
}
.productSaerchList .product-saerch-filter-wrap {
    height: 100vh;
}
.productSaerchList .product-saerch-filter-wrap .filter-box-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    border-bottom: 1px solid #dde0e5;
    background-color: #fff;
}
.productSaerchList .product-saerch-filter-wrap .filter-box-header span {
    /* margin-left: 37%; */
    font-size: 20px;
    color: #000000;
    font-weight: 600;
}
.productSaerchList .product-saerch-filter-wrap .filter-box-header img {
    width: 28px;
    height: 28px;
}
.productSaerchList .product-saerch-filter-wrap .filter-box-header #popupClose {
    margin-left: auto;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter {
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    top: 60px;
    height: calc(100% - 60px);
    padding-bottom: 122px;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box {
    padding: 0 20px;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box > p {
    margin: 40px 0 12px 0;
    font-size: 16px;
    font-weight: 600;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box > p:first-child {
    margin: 20px 0 12px 0;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g {
    display: grid;
    gap: 8px 9px;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g.col_2 {
    grid-template-columns: repeat(2, 1fr);
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g.filter-round-input-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g label {
    display: block;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g label input[type=radio],
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g label input[type=checkbox] {
    display: none;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g label input[type=radio] + .txt-label,
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g label input[type=checkbox] + .txt-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 5px;
    min-height: auto;
    padding: 5px 16px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
    background: #fff;
    letter-spacing: -0.45px;
    color: #1b1e23;
    font-weight: 500;
    font-size: 14px;
    word-break: break-all;
    white-space: wrap;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g label input[type=radio] + .txt-label.filter-round-name,
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g label input[type=checkbox] + .txt-label.filter-round-name {
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    height: 32px;
    margin-right: 2px;
    padding: 6px 12px;
    border: 1px solid #dde0e5;
    border-radius: 20px;
    font-size: 14px;
    line-height: 1.4;
    color: #5c6677;
    font-weight: 400;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g label input[type=radio] + .txt-label.filter-round-name.active,
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g label input[type=checkbox] + .txt-label.filter-round-name.active {
    background: #1b1e23;
    color: #fff;
    font-weight: 600;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g label input[type=radio] + .txt-label.filter-category-name .filter-category-total,
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g label input[type=checkbox] + .txt-label.filter-category-name .filter-category-total {
    margin-left: 4px;
    font-size: 12px;
    color: #788497;
    font-weight: 400;
    white-space: nowrap;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g label input[type=radio]:checked,
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g label input[type=checkbox]:checked {
    background: url(../../images/API_M_KO/common/n/btn_radio_on.svg) no-repeat center center;
    border: transparent;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g label input[type=radio]:checked + .txt-label,
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .col_g label input[type=checkbox]:checked + .txt-label {
    border-color: #1b1e23;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .filter-category-result-box {
    display: none;
    margin-top: 10px;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .filter-category-result-box .filter-category-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #5c6677;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .filter-category-result-box .filter-category-result input {
    height: 40px;
    padding: 0;
    border: none;
    background: transparent;
    color: #1b1e23 !important;
    font-size: 14px;
}
.productSaerchList .product-saerch-filter-wrap .product-saerch-filter .filter-box .filter-category-result-box .filter-category-result input + .filter-category-result-close:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_close_b_sm.svg) no-repeat;
}
.productSaerchList .product-saerch-filter-wrap .filter-box-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    padding: 14px 20px 12px 0;
    background-color: #fff;
}
.productSaerchList .product-saerch-filter-wrap .filter-box-footer.has-txt {
    border-top: 1px solid #dde0e5;
}
.productSaerchList .product-saerch-filter-wrap .filter-box-footer.has-txt .filter-box-function {
    margin-top: 14px;
}
.productSaerchList .product-saerch-filter-wrap .filter-box-footer .filter-data-save {
    overflow-x: scroll;
}
.productSaerchList .product-saerch-filter-wrap .filter-box-footer .filter-data-save ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-left: 20px;
}
.productSaerchList .product-saerch-filter-wrap .filter-box-footer .filter-data-save ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    font-size: 14px;
    color: #3d444f;
    font-weight: 500;
}
.productSaerchList .product-saerch-filter-wrap .filter-box-footer .filter-data-save ul li button:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../../images/API_M_KO/common/n/M_close_sm_g.svg) no-repeat;
    vertical-align: middle;
}
.productSaerchList .product-saerch-filter-wrap .filter-box-footer .filter-box-function {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding-left: 20px;
}
.productSaerchList .product-saerch-filter-wrap .filter-box-footer .filter-box-function button {
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #ccd1d8;
}
.productSaerchList .product-saerch-filter-wrap .filter-box-footer .filter-box-function a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 48px;
    background: #1b1e23;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
}
.productSaerchList .sh_multi_wrap .product-saerch .general-search-wrap {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
}
.productSaerchList .sh_multi_wrap .product-saerch .general-search-wrap .general-search-link li + li {
    margin-top: 16px;
}

.search-tab-contents .hot-brand-emotion {
    overflow-x: scroll;
    margin-top: 16px;
    padding-left: 20px;
}
.search-tab-contents .hot-brand-emotion ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 20px;
}
.search-tab-contents .hot-brand-emotion ul li {
    text-align: center;
}
.search-tab-contents .hot-brand-emotion ul li a img {
    border-radius: 50%;
    width: 56px;
    height: 56px;
}
.search-tab-contents .hot-brand-emotion ul li a p {
    margin-top: 4px;
    color: #3d444f;
    font-size: 12px;
}
.search-tab-contents .search-word-title {
    margin-left: 20px;
}

.list-product__searchlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.prd_list_new .list-product__searchlist.type-1.case-1 {
    padding-left: 20px;
    padding-right: 20px;
}
.list-product__searchlist.type-1 {
    gap: 32px 9px;
}
.list-product__searchlist.type-1 > li {
    position: relative;
    width: calc((100% - 9px) / 2);
}
.list-product__searchlist.type-1 > li .btn_play_show {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 24px;
    height: 0;
    padding-top: 24px;
    background: url(../../images/API_M_KO/common/n/icon_play.svg) no-repeat;
    text-indent: -9999px;
    font-size: 0;
    content: "";
}
.list-product__searchlist.type-1 > li.dubble_box {
    width: 100%;
}
.list-product__searchlist.type-1 > li.ev_box > a {
    height: auto;
}
.list-product__searchlist.type-1 > li.ev_box > a .pic_section {
    height: auto;
}
.list-product__searchlist.type-1 > li.ev_box > a .pic_section .prd_img {
    position: relative;
    height: 0;
    padding-top: 100%;
}
.list-product__searchlist.type-1 > li.ev_box > a .pic_section .prd_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
}
.list-product__searchlist.type-1 > li.ev_box > a .pic_section .coming-soon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    isolation: isolate;
    position: absolute;
    top: 133px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 30px;
    border-radius: 0 0 8px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.6px;
    text-align: center;
}
.list-product__searchlist.type-1 > li.ev_box > a .pic_section .coming-soon::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    content: "";
}
.list-product__searchlist.type-1 > li.brend_box a {
    overflow: hidden;
    isolation: isolate;
    height: 278px;
    border-radius: 8px;
}
.list-product__searchlist.type-1 > li.brend_box a::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(36%, rgba(40, 44, 52, 0.08)), color-stop(63%, #282c34));
    background-image: linear-gradient(to bottom, rgba(40, 44, 52, 0.08) 36%, #282c34 63%);
    content: "";
}
.list-product__searchlist.type-1 > li.brend_box a .wrap-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    position: absolute;
    bottom: 20px;
    left: 16px;
    z-index: 2;
}
.list-product__searchlist.type-1 > li.brend_box a .wrap-info::before {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: #5c6677 url(../../images/API_M_KO/common/n/icon_B_text.svg) 50% 50% no-repeat;
    background-size: 16px 16px;
    content: "";
}
.list-product__searchlist.type-1 > li.brend_box a .brend_tit {
    display: block;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.8px;
}
.list-product__searchlist.type-1 > li.brend_box a .link-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
    font-weight: 400;
    color: #fff;
}
.list-product__searchlist.type-1 > li.brend_box a .link-txt::after {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_arrow_4.svg) no-repeat;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    content: "";
}
.list-product__searchlist.type-1 > li > a {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    width: 100%;
    /* height: 163px; */
}
.list-product__searchlist.type-1 > li > a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0;
}
.list-product__searchlist.type-1 > li > a .pic_section {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.list-product__searchlist.type-1 > li > a .pic_section .prd_img {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.list-product__searchlist.type-1 > li > a .pic_section .prd_img::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(12, 54, 122, 0.04);
    content: "";
}
.list-product__searchlist.type-1 > li > a .pic_section .prd_img img {
    position: absolute;
    top: 16px;
    left: 16px;
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    -o-object-fit: cover;
       object-fit: cover;
}
.list-product__searchlist.type-1 > li > a .pic_section .btn_play {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    width: 24px;
    height: 0;
    padding-top: 24px;
    text-indent: -9999px;
}
.list-product__searchlist.type-1 > li > a .pic_section .btn_play::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../images/M_KOcommon/n/M_movie_play_g.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-product__searchlist.type-1 > li > a .pic_section .prd_txtbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 8px;
}
.list-product__searchlist.type-1 > li > a .pic_section .prd_txtbox .prd_name {
    font-size: 13px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.65px;
}
.list-product__searchlist.type-1 > li > a .pic_section .prd_txtbox .prd_name + .prd_th {
    margin-top: 2px;
}
.list-product__searchlist.type-1 > li > a .pic_section .prd_txtbox .prd_th {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
    color: #5c6677;
    line-height: 1.38;
    word-break: keep-all;
}
.list-product__searchlist.type-1 > li > a .pic_section .prd_txtbox .prd_th + .prd_td {
    margin-top: 8px;
}
.list-product__searchlist.type-1 > li > a .pic_section .prd_txtbox .prd_td {
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #788497;
}
.list-product__searchlist.type-1 > li > a .pic_section .prd_txtbox .prd_cd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    margin-top: 2px;
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #3d444f;
}
.list-product__searchlist.type-1 > li > a .pic_section .prd_txtbox .prd_cd::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/common/n/icon_countdown_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-product__searchlist.type-1 > li > a .product-discount {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    font-family: "Times New Roman", "Times", Serif;
    font-weight: 700;
    font-style: italic;
    color: #1b1e23;
    font-size: 26px;
}
.list-product__searchlist.type-1 > li > a .product-discount span {
    font-size: 16px;
}
.list-product__searchlist.type-1 > li > a .product-discount.type-bright {
    color: #fff;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a:not(.no_stoc):not(.no_stoc2) {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    width: 100%;
    height: 0;
    padding-top: 100%;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a img {
    position: absolute;
    top: 8px;
    left: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    object-fit: cover;
    object-position: 50% 0;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section .prd_img {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section .prd_img::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(12, 54, 122, 0.04);
    content: "";
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section .prd_img img {
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 16px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 16px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 32px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 32px)*/
    -o-object-fit: cover;
       object-fit: cover;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section .btn_play {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    width: 24px;
    height: 0;
    padding-top: 24px;
    text-indent: -9999px;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section .btn_play::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../images/M_KOcommon/n/M_movie_play_g.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section .prd_txtbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 8px;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section .prd_txtbox .prd_name {
    font-size: 13px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.65px;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section .prd_txtbox .prd_name + .prd_th {
    margin-top: 2px;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section .prd_txtbox .prd_th {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
    color: #5c6677;
    line-height: 1.38;
    word-break: keep-all;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section .prd_txtbox .prd_th + .prd_td {
    margin-top: 8px;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section .prd_txtbox .prd_td {
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #788497;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section .prd_txtbox .prd_cd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    margin-top: 2px;
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #3d444f;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section .prd_txtbox .prd_cd::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/common/n/icon_countdown_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .product-discount {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    font-family: "Times New Roman", "Times", Serif;
    font-weight: 700;
    font-style: italic;
    color: #1b1e23;
    font-size: 26px;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .product-discount span {
    font-size: 16px;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img > a .product-discount.type-bright {
    color: #fff;
}
.list-product__searchlist.type-1 > li .wrap-inner__img .cart {
    top: auto;
    bottom: 0;
}
.list-product__searchlist.type-1 > li > .wrap-inner__img a.no_stoc,
.list-product__searchlist.type-1 > li > .wrap-inner__img a.no_stoc2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 27px;
    border-radius: 0 0 8px 8px;
    background-color: rgba(0, 0, 0, 0.06);
    font-size: 12px;
    letter-spacing: -0.6px;
    color: rgba(0, 0, 0, 0.4);
    text-align: center;
    backdrop-filter: blur(5px);/*2024-08-14 썸네일 이미지 확장*/
}
.list-product__searchlist.type-1 > li .cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: absolute;
    top: 131px;
    right: 0;
    z-index: 1;
    padding-right: 0;
}
.list-product__searchlist.type-1 > li .cart a {
    display: block;
    overflow: hidden;
    position: relative;
    width: 32px;
    height: 0;
    padding-top: 32px;
    border: none;
    border-radius: 4px 0;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    text-indent: -9999px;
}
.list-product__searchlist.type-1 > li .cart a::before {
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_product_cart_w.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-product__searchlist.type-1 > li .checkbox_dimm {
    position: absolute;
    top: 10px;
    left: 10px;
}
.list-product__searchlist.type-1 > li .no_stoc,
.list-product__searchlist.type-1 > li .no_stoc2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    position: absolute;
    top: 136px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 27px;
    border-radius: 0 0 8px 8px;
    background-color: rgba(0, 0, 0, 0.06);
    font-size: 12px;
    letter-spacing: -0.6px;
    color: rgba(0, 0, 0, 0.4);
    text-align: center;
}
.list-product__searchlist.type-1 > li .wrap-inner__img .no_stoc,
.list-product__searchlist.type-1 > li .wrap-inner__img .no_stoc2 {
    top: auto;
    bottom: 0;
}
.list-product__searchlist.type-1 > li .prd_tit2 {
    margin-top: 17px;/*2024-08-14 썸네일 이미지 확장 8px*/
}
.list-product__searchlist.type-1 > li .prd_tit2 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
}
.list-product__searchlist.type-1 > li .prd_tit2 .brand {
    font-size: 13px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.65px;
}
.list-product__searchlist.type-1 > li .prd_tit2 .brand + .brand_stxt, .list-product__searchlist.type-1 > li .prd_tit2 .brand + .brand_ex {
    margin-top: 2px;
}
.list-product__searchlist.type-1 > li .prd_tit2 .brand_stxt {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    float: none;
    padding-bottom: 0;
    background: none;
    font-size: 13px;
    line-height: 1.46;
    -webkit-text-fill-color: #ea2869;
    color: #ea2869;
    white-space: unset;
    letter-spacing: -0.65px;
}
.list-product__searchlist.type-1 > li .prd_tit2 .brand_stxt + .brand_ex {
    margin-top: 2px;
}
.list-product__searchlist.type-1 > li .prd_tit2 .brand_ex {
    display: -webkit-box;
    overflow: hidden;
    height: 36px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
    color: #5c6677;
    line-height: 1.38;
    word-break: keep-all;
}
.list-product__searchlist.type-1 > li .prd_tit2 .prd_price2 {
    margin-top: 8px;
}
.list-product__searchlist.type-1 > li .prd_tit2 .prd_price2 .be_login {
    color: #788497;
}
.list-product__searchlist.type-1 > li .prd_tit2 .prd_price2 .be_area {
    display: flex;
    gap: 4px;
}
.list-product__searchlist.type-1 > li .prd_tit2 .prd_price2 .be_area .be {
    margin-right: 0;
    font-size: 12px;
    color: #abb2be;
    font-weight: 400;
    text-decoration: line-through;
}
.list-product__searchlist.type-1 > li .prd_tit2 .prd_price2 .be_area .be_per {
    font-weight: 600;
    font-size: 12px;
    color: #1b1e23;
    letter-spacing: -0.6px;
}
.list-product__searchlist.type-1 > li .prd_tit2 .prd_price2 .be_area + .now_area {
    margin-top: 2px;
}
.list-product__searchlist.type-1 > li .prd_tit2 .prd_price2 .now_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.list-product__searchlist.type-1 > li .prd_tit2 .prd_price2 .now_area .sale {
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -0.75px;
    color: #ea2829;
}
.list-product__searchlist.type-1 > li .prd_tit2 .prd_price2 .now_area .won {
    font-size: 12px;
    color: #3d444f;
    font-weight: 400;
    letter-spacing: -0.6px;
}
.list-product__searchlist.type-1 > li .prd_tit2 .prd_price2 .now_area .won em {
    font-size: 12px;
}
.list-product__searchlist.type-1 > li .prd_tit2 .prd_price2 .prd_condition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px;
    margin-top: 10px;
}
.list-product__searchlist.type-1 > li .prd_tit2 .prd_price2 .prd_condition span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 20px;
    margin: 0;
    padding: 2px 6px;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    background: none;
    font-size: 11px;
    color: #5c6677;
    letter-spacing: -0.55px;
}

.list-product__searchlist.type-1 > li .prd_price2 .tx_sign_in {
    font-size: 12px;
    text-decoration: underline;
    color: #ea2869;
}
.list-product__searchlist.type-1 > li .prd_price2 .tx_sign_in + .be_area {
    margin-top: 2px;
}

.list-product__searchlist.type-1 > li.adult .cart {
    display: none;
}
.list-product__searchlist.type-1 > li .cop_item,
.list-product__searchlist.type-1 > li .save_item {
    padding: 0;
}
.list-product__searchlist.type-1 > li .cop_item > li,
.list-product__searchlist.type-1 > li .save_item > li {
    position: relative;
    float: none;
    width: 100%;
    padding: 0;
}
.list-product__searchlist.type-1 > li .cop_item .cop_box,
.list-product__searchlist.type-1 > li .save_item .cop_box {
    position: relative;
    min-height: 0;
    margin-bottom: 0;
    border: none;
    text-align: left;
}
.list-product__searchlist.type-1 > li .cop_item .cop_box::before,
.list-product__searchlist.type-1 > li .save_item .cop_box::before {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 8px;
    width: 100%;
    height: 163px;
    margin: 0;
    background-color: #f5f7fa;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 135px 71px;
    content: "";
}
.list-product__searchlist.type-1 > li .cop_item .cop_box::after,
.list-product__searchlist.type-1 > li .save_item .cop_box::after {
    display: none;
}
.list-product__searchlist.type-1 > li .cop_item .cop_box .wrap-txt,
.list-product__searchlist.type-1 > li .save_item .cop_box .wrap-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 46px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 135px;
    height: 71px;
    z-index: 1;
    padding-left: 12px;
}
.list-product__searchlist.type-1 > li .cop_item .cop_box .wrap-txt .tit,
.list-product__searchlist.type-1 > li .save_item .cop_box .wrap-txt .tit {
    display: block;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: -0.45px;
    color: #fff;
}
.list-product__searchlist.type-1 > li .cop_item .cop_box .wrap-txt .cop_point,
.list-product__searchlist.type-1 > li .save_item .cop_box .wrap-txt .cop_point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 2px;
    height: auto;
    padding-top: 0;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -1.13px;
    color: #fff;
}
.list-product__searchlist.type-1 > li .cop_item .cop_box .wrap-txt .cop_point::after,
.list-product__searchlist.type-1 > li .save_item .cop_box .wrap-txt .cop_point::after {
    display: none;
}
.list-product__searchlist.type-1 > li .cop_item .cop_box .wrap-txt .cop_point em,
.list-product__searchlist.type-1 > li .save_item .cop_box .wrap-txt .cop_point em {
    position: relative;
    top: -3px;
    font-size: 12px;
    letter-spacing: -0.62px;
}
.list-product__searchlist.type-1 > li .cop_item .cop_box .cop_tit,
.list-product__searchlist.type-1 > li .save_item .cop_box .cop_tit {
    margin: 8px 0 0;
    padding-top: 0;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #1b1e23;
}
.list-product__searchlist.type-1 > li .cop_item .cop_box .cop_txt,
.list-product__searchlist.type-1 > li .save_item .cop_box .cop_txt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 2px 0 0;
    padding-top: 0;
    color: #5c6677;
    font-size: 13px;
    letter-spacing: -0.65px;
    white-space: normal;
}
.list-product__searchlist.type-1 > li .cop_item .cop_box .cop_date,
.list-product__searchlist.type-1 > li .save_item .cop_box .cop_date {
    margin-top: 8px;
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #788497;
}
.list-product__searchlist.type-1 > li .cop_item .btn_cop,
.list-product__searchlist.type-1 > li .save_item .btn_cop {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 100%;
    border: none;
    background-color: transparent;
    text-indent: -9999px;
    font-size: 0;
}
.list-product__searchlist.type-1 > li .cop_item .cop_box::before {
    background-image: url(../../images/API_M_KO/common/n/icon_coupon_2.svg);
}
.list-product__searchlist.type-1 > li .save_item > li .cop_box {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    background-image: none;
}
.list-product__searchlist.type-1 > li .save_item > li .cop_box::before {
    background-image: url(../../images/API_M_KO/common/n/icon_reserve_1.svg);
}
.list-product__searchlist.type-1 > li .save_item > li .cop_box .cop_point {
    margin: 0;
    color: #fff;
}
.list-product__searchlist.type-1 > li .save_item > li .cop_box .cop_point > em {
    color: #fff;
}
.list-product__searchlist.type-1 > li .pic_section.type-gift::before {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 8px;
    width: 100%;
    height: 163px;
    margin: 0;
    background: #f5f7fa url(../../images/API_M_KO/common/n/icon_gift_1.svg) 50% 50% no-repeat;
    background-size: 56px 56px;
    content: "";
}
.list-product__searchlist.type-1 > li .pic_section.type-gift .prd_txtbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
    margin-top: 8px;
}
.list-product__searchlist.type-1 > li .pic_section.type-gift .prd_txtbox .prd_name {
    font-weight: 700;
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #1b1e23;
}
.list-product__searchlist.type-1 > li .pic_section.type-gift .prd_txtbox .prd_th {
    color: #5c6677;
    font-size: 13px;
    letter-spacing: -0.65px;
}
.list-product__searchlist.type-1 > li .pic_section.type-gift .prd_txtbox .prd_td {
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #788497;
}
.list-product__searchlist.type-1 > li .mov_item {
    padding: 0;
}
.list-product__searchlist.type-1 > li .mov_item .video_area {
    overflow: hidden;
    isolation: isolate;
    position: relative;
    height: 220px;
    border-radius: 8px;
}
.list-product__searchlist.type-1 > li .mov_item .video_area img,
.list-product__searchlist.type-1 > li .mov_item .video_area video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.list-product__searchlist.type-1 > li .mov_item .video_area .btn-play {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
}
.list-product__searchlist.type-1 > li .mov_item .video_area .btn-play::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background: url(../../images/API_M_KO/common/n/M_movie_play.svg) no-repeat;
    background-size: contain;
    pointer-events: none;
    content: "";
}
.list-product__searchlist.type-1 > li .mov_item .video_area.is-play .btn-play::after {
    display: none;
}
.wrap-inner__img {
    position: relative;
}

.search-result-wrap .search-result ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.search-result-wrap .search-result ul li {
    position: relative;
}
.search-result-wrap .search-result ul li button.btn-current-choice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    position: relative;
    width: auto;
    padding: 6px 28px 6px 12px;
    border-radius: 20px;
    background-color: #f5f7fa;
    color: #5c6677;
    font-size: 14px;
}
.search-result-wrap .search-result ul li button.btn-current-choice.active {
    padding-right: 28px;
    background: #1b1e23;
    color: #fff;
}
.search-result-wrap .search-result ul li button.btn-current-choice.active::after {
    display: none;
}
.search-result-wrap .search-result ul li button.btn-current-choice.active + .btn-current-close {
    display: block;
}
.search-result-wrap .search-result ul li button.btn-current-close {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 28px;
    height: 0;
    padding-top: 32px;
    border: none;
    background-color: transparent;
    text-indent: -9999px;
    font-size: 0;
}
.search-result-wrap .search-result ul li button.btn-current-close:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background: url(../../images/API_M_KO/common/n/M_close_w.svg) no-repeat;
    background-size: contain;
    content: "";
}

.box-confirm-layer .area-pop {
    overflow: hidden;
    position: relative;
}
.box-confirm-layer .area-pop .btn-close-layer {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
}
.box-confirm-layer .area-pop .btn-close-layer button {
    width: 100%;
}
.box-confirm-layer .area-pop .btn-close-layer button::before {
    width: 18px;
    height: 18px;
}
.box-confirm-layer .area-pop .tit-layer.type-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 55px;
    border-bottom: 1px solid #dde0e5;
    text-align: center;
    font-size: 16px;
    letter-spacing: -0.8px;
}
.box-confirm-layer .area-pop .tit-layer + .wrap-scroll {
    margin-top: 16px;
}
.box-confirm-layer .area-pop .wrap-scroll {
    position: relative;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.box-confirm-layer .area-pop .wrap-scroll .area-scroll {
    overflow-x: hidden;
    height: 100%;
}
.box-confirm-layer .area-pop .wrap-scroll + .wrap-btn {
    margin-top: 48px;
}
.box-confirm-layer .area-pop .wrap-btn {
    padding: 0 20px 20px;
}

.area-offline-brand .offline-brand__tit {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.8px;
    color: #1b1e23;
}
.area-offline-brand .offline-brand__tit + .offline-brand-img {
    margin-top: 8px;
}
.area-offline-brand .offline-brand-img .swiper-wrapper {
    overflow: hidden;
    height: 233px;
}
.area-offline-brand .offline-brand-img .swiper-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.area-offline-brand .offline-brand-img .swiper-wrapper + .wrap-btn {
    margin-top: 20px;
}
.area-offline-brand .offline-brand-img .wrap-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0;
}
.area-offline-brand .offline-brand-img .wrap-btn button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 40px;
    height: 0;
    padding-top: 40px;
    border: 1px solid #eef0f2;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04);
    text-indent: -9999px;
}
.area-offline-brand .offline-brand-img .wrap-btn button::before, .area-offline-brand .offline-brand-img .wrap-btn button::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 12px;
    height: 2px;
    background-color: rgba(27, 30, 35, 0.8);
    content: "";
}
.area-offline-brand .offline-brand-img .wrap-btn button.btn-zoom-in::after {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 2px;
    height: 12px;
}
.area-offline-brand .offline-brand-img .wrap-btn button.btn-zoom-out::after {
    display: none;
}
.area-offline-brand .offline-brand-img + .list-offline-brand {
    margin-top: 24px;
}
.area-offline-brand .list-offline-brand li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.area-offline-brand .list-offline-brand li .list-offline-brand__tit {
    font-weight: 700;
    font-size: 13px;
    color: #5c6677;
    letter-spacing: -0.65px;
}
.area-offline-brand .list-offline-brand li .list-offline-brand__cont {
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #1b1e23;
    text-align: right;
}
.area-offline-brand .list-offline-brand li .list-offline-brand__cont a {
    color: #788497;
    text-decoration: underline;
}
.area-offline-brand .list-offline-brand li + li {
    margin-top: 8px;
}
.searchFilterPopup.box-float-layer {
    height: 100%;
    overflow-y: hidden;
}
.searchFilterPopup.box-float-layer .productSaerchList,
.searchFilterPopup.box-float-layer .productSaerchList .product-saerch-list-wrap,
.searchFilterPopup.box-float-layer .productSaerchList .product-saerch-filter-wrap {
    height: 100%
}
.searchFilterPopup.box-float-layer .productSaerchList .product-saerch-filter-wrap .filter-box-footer {
    position: fixed;
}
.searchFilterPopup.box-float-layer .btn-close-layer {
    z-index: 110;
}
.searchFilterPopup.box-float-layer .productSaerchList .filter-box-header .m-ico-search-left-arrow {
    display: none;
}

/* 공통 */
.essential {
    position: relative;
}
.essential:after {
    content: "";
    position: absolute;
    right: -7px;
    top: 2px;
    width: 4px;
    height: 4px;
    background: #ea2829;
    border-radius: 50%;
}

.sp-btn_header_search {
    margin-right: 0 !important;
}

/*.btn_benefit {
    width: 36px;
    height: 36px;
    float: right;
    background: url(../../images/API_M_KO/common/nav_benefit.gif) 0 0 no-repeat;
    background-size: contain;
    text-indent: -9999px;
}*/

.pop_toast.pop_toast_custom {
    min-width: unset;
    padding: 8px 24px;
    font-weight: 300;
}

.sp_p_txt {
    padding-top: 24px;
}

.btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 9px;
    margin-bottom: 46px;
}
.btn-wrap button {
    width: 163px;
    height: 48px;
    border-radius: 4px;
    border: 1px solid #1b1e23;
    font-size: 16px;
    font-weight: 600;
}
.btn-wrap button.application-btn {
    background: #1b1e23;
    color: #fff;
}
.btn-wrap button.application-btn.full-btn {
    width: 100%;
}

.carry-restrictions-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #788497;
    text-decoration: underline;
    text-underline-position: under;
}
.carry-restrictions-btn:before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_info_tooltip.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    content: "";
}

.wrap-option-change {
    z-index: 1;
}

.special-order-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: -1px;
}
.special-order-flex input {
    border-bottom: 1px solid #dde0e5 !important;
}
.special-order-flex button {
    position: absolute;
    right: 20px;
    width: 59px;
    height: 32px;
    border-radius: 4px;
    font-weight: 500;
}
.special-order-flex button.change-btn {
    border: 1px solid #ccd1d8;
}
.special-order-flex button.search-btn {
    background: #1b1e23;
    color: #fff;
}

.special-order-application-info {
    margin-top: 20px;
    margin-bottom: 20px;
}
.special-order-application-info.mb-8 {
    margin-bottom: 8px !important;
}
.special-order-application-info input {
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
}
.special-order-application-info input::-webkit-input-placeholder {
    font-weight: 400;
}
.special-order-application-info input::-moz-placeholder {
    font-weight: 400;
}
.special-order-application-info input:-ms-input-placeholder {
    font-weight: 400;
}
.special-order-application-info input::-ms-input-placeholder {
    font-weight: 400;
}
.special-order-application-info input::placeholder {
    font-weight: 400;
}
.special-order-application-info .order-user-info-title {
    display: inline-block;
    font-size: 12px;
    color: #5c6677;
    font-weight: 500;
}
.special-order-application-info .order-user-name {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 600;
}
.special-order-application-info .order-user-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9px;
}
.special-order-application-info .order-user-area .wrap-select .wrap-add-dropdown .btn-dropdown {
    font-weight: 600;
}
.special-order-application-info .order-user-area.order-user-phone-number .wrap-select .wrap-add-dropdown .fake-dropdown {
    width: 137px;
}
.special-order-application-info .order-user-area.order-user-email {
    margin-bottom: 12px;
}
.special-order-application-info .order-user-area.order-user-email .wrap-select {
    width: 100%;
}
.special-order-application-info .order-user-area .order-departure-date {
    width: 50%;
}
.special-order-application-info .order-user-area .order-departure-date input {
    position: relative;
    background-size: 16px;
    letter-spacing: -0.8px;
    border-bottom: 1px solid #dde0e5;
    font-weight: 600;
}
.special-order-application-info .order-user-area .order-departure-date input::-webkit-calendar-picker-indicator {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    color: transparent;
    cursor: pointer;
}
.special-order-application-info .order-user-area .order-departure-date input:before {
    content: attr(placeholder);
    width: 100%;
    height: 100%;
}
.special-order-application-info .order-user-area .order-departure-date input:valid:before {
    display: none;
}
.special-order-application-info .order-user-area .order-departure-date .form_cont .temp_data {
    position: relative;
}
.special-order-application-info .order-user-area .order-departure-date .form_cont .help_block {
    display: none;
    position: relative;
    margin-top: 4px;
    width: 100%;
}
.special-order-application-info .order-user-area .order-departure-date .form_cont .help_block .t_err {
    display: block;
    margin-top: 0px;
    font-size: 12px;
    font-weight: 600;
    text-indent: 0px;
    letter-spacing: -0.04em;
    color: #f4511e;
}
.special-order-application-info .order-user-area .order-departure-date .form_cont .btn-calendar {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    padding-top: 40px;
    background: url(../../images/API_M_KO/common/n/icon_calendar_1.svg) no-repeat;
    background-position: 50% 50%;
    background-size: 16px 16px;
    content: "";
}
.special-order-application-info .order-user-area .order-departure-date .form_cont.is-error input {
    border-bottom-color: #f4511e;
}
.special-order-application-info .order-user-area .order-departure-date .form_cont.is-error .help_block {
    display: block;
}
.special-order-application-info .order-user-area .order-departure-time {
    width: 50%;
}
.special-order-application-info .order-user-area .order-departure-time .wrap-select .wrap-add-dropdown .btn-dropdown {
    letter-spacing: -0.8px;
    color: #abb2be;
    font-weight: 400;
}
.special-order-application-info .order-user-area.order-direct-transit {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 42px;
}
.special-order-application-info .order-user-area.order-direct-transit .order-direct-transit-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
}
.special-order-application-info .order-user-area.order-direct-transit .order-direct-transit-area input[type=radio] {
    display: none;
}
.special-order-application-info .order-user-area.order-direct-transit .order-direct-transit-area input[type=radio] + label {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    width: 55px;
    font-size: 16px;
    color: #788497;
    vertical-align: middle;
    cursor: pointer;
}
.special-order-application-info .order-user-area.order-direct-transit .order-direct-transit-area input[type=radio] + label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #dde0e5;
    border-radius: 50%;
    -webkit-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
    background-color: #fff;
}
.special-order-application-info .order-user-area.order-direct-transit .order-direct-transit-area input[type=radio] + label:after {
    position: absolute;
    left: 6px;
    top: 6px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.special-order-application-info .order-user-area.order-direct-transit .order-direct-transit-area input[type=radio]:checked + label {
    color: #1b1e23;
    font-weight: 700;
}
.special-order-application-info .order-user-area.order-direct-transit .order-direct-transit-area input[type=radio]:checked + label:before {
    background-color: #1b1e23;
    border-color: #1b1e23;
}
.special-order-application-info .order-user-area.order-direct-transit .order-direct-transit-area input[type=radio]:checked + label:after {
    content: "";
    top: 7px;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
}
.special-order-application-info .order-user-area.order-direct-transit .wrap-select {
    width: calc(100% - 172px);
}
.special-order-application-info .order-user-area .order-airline input {
    border-bottom: 1px solid #dde0e5;
    font-weight: 600;
}
.special-order-application-info .order-user-area .order-flight-number {
    width: 100%;
}
.special-order-application-info .order-user-area .order-flight-number input {
    border-bottom: none;
    background-color: transparent; /* 20231227 */
    font-weight: 600;
}

.od .specialOrder .special-order-flex input[type=text], .od .specialOrder .special-order-flex input[type=number] {
    display: inline-block;
    width: 100%;
    height: 40px;
    padding: 0;
    border: none;
    font-size: 16px;
    font-weight: 400;
    outline-style: none;
    border-bottom: 1px solid #dde0e5;
}
.od .specialOrder .special-order-flex input[type=text]:focus, .od .specialOrder .special-order-flex input[type=number]:focus {
    -webkit-box-shadow: inset 0 -1px 0 #1b1e23;
            box-shadow: inset 0 -1px 0 #1b1e23;
}
.od .specialOrder .special-order-flex button {
    right: 0;
}

.specialOrder {
    /* 아코디언 START */
    /* 아코디언 END */
    /* 스페셜오더 안내 START */
    /* 스페셜오더 안내 END */
    /* 상품 신청 팝업 01 START */
    /* 상품 신청 팝업 01 END */
    /* 스페셜오더 신청 팝업 02 START */
    /* 스페셜오더 신청 팝업 02 END */
}
.specialOrder input[type=text], .specialOrder input[type=number] {
    display: inline-block;
    width: 100%;
    height: 40px;
    padding: 0;
    border: none;
    font-size: 16px;
    font-weight: 400;
    outline-style: none;
}
.specialOrder input[type=text]:focus, .specialOrder input[type=number]:focus {
    -webkit-box-shadow: inset 0 -1px 0 #1b1e23;
            box-shadow: inset 0 -1px 0 #1b1e23;
}
.specialOrder .bg-line {
    width: 100%;
    height: 8px;
    margin: 13px 0 20px 0;
    background: #eef0f2;
}
.specialOrder .brand-accordion-wrap {
    margin-top: 24px;
    padding-right: 20px;
}
.specialOrder .brand-accordion-wrap .wrap-accordion {
    padding-top: 16px;
    margin-top: 19px;
    border-top: 1px solid #eef0f2;
}
.specialOrder .brand-accordion-wrap .wrap-accordion:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}
.specialOrder .brand-accordion-wrap .wrap-accordion:last-child {
    border-bottom: 1px solid #eef0f2;
    padding-bottom: 16px;
    margin-bottom: 19px;
}
.specialOrder .brand-accordion-wrap .wrap-accordion.area-attention.type-2 {
    padding-left: 0;
    padding-right: 0;
}
.specialOrder .brand-accordion-wrap .wrap-accordion.area-attention.type-2 .attention__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #3d444f;
    letter-spacing: -0.32px;
}
.specialOrder .brand-accordion-wrap .wrap-accordion.area-attention.type-2 .attention__tit:before {
    display: none;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_exclamation.svg) no-repeat;
    background-size: contain;
    content: "";
}
.specialOrder .brand-accordion-wrap .wrap-accordion .accordion__tit:before {
    display: none;
}
.specialOrder .brand-accordion-wrap .wrap-accordion .accordion__tit .kr-conversion-data {
    color: #1b1e23;
    font-size: 15px;
}
.specialOrder .brand-accordion-wrap .wrap-accordion .accordion__tit .kr-conversion-num-total {
    color: #788497;
    font-size: 12px;
    font-weight: 400;
}
.specialOrder .brand-accordion-wrap .wrap-accordion .accordion__cont {
    padding-top: 12px;
}
.specialOrder .brand-accordion-wrap .wrap-accordion .accordion__cont [role=region] {
    display: none;
}
.specialOrder .brand-accordion-wrap .wrap-accordion .accordion__cont [role=region].is-active {
    display: block;
}
.specialOrder .brand-accordion-wrap .wrap-accordion .accordion__cont ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.specialOrder .brand-accordion-wrap .wrap-accordion .accordion__cont ul li {
    width: 50%;
    margin-top: 12px;
}
.specialOrder .brand-accordion-wrap .wrap-accordion .accordion__cont ul li p:nth-of-type(1) {
    color: #3d444f;
    font-size: 14px;
    font-weight: 500;
}
.specialOrder .brand-accordion-wrap .wrap-accordion .accordion__cont ul li p:nth-of-type(2) {
    color: #abb2be;
    font-size: 12px;
    font-weight: 300;
}
.specialOrder .special-order-application-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 22px;
}
.specialOrder .special-order-application-text p {
    font-size: 18px;
    font-weight: 600;
}
.specialOrder .special-order-application-text button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 76px;
    height: 32px;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    color: #3d444f;
    font-size: 14px;
    font-weight: 500;
}
.specialOrder .special-order {
    /* 신청내역 확인전 코멘트 START */
    /* 신청내역 확인전 코멘트 END */
    /* 신청 안내 START */
    /* 신청 안내 END */
    /* 검색어/카테고리 검색 입력 START */
    /* 검색어/카테고리 검색 입력 END */
}
.specialOrder .special-order .special-order-comment-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    padding: 30px;
    background: #f7f7f7;
    text-align: center;
}
.specialOrder .special-order .special-order-comment-wrap::before {
    display: block;
    width: 88px;
    height: 88px;
    margin-bottom: 16px;
    background: url(../../images/API_M_KO/product/n/icon_special_order_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.specialOrder .special-order .special-order-comment-wrap > img {
    display: none;
    width: 110px;
    margin: 0 auto 20px auto;
}
.specialOrder .special-order .special-order-comment-wrap > span {
    font-size: 18px;
    font-weight: 600;
}
.specialOrder .special-order .special-order-comment-wrap p {
    margin-top: 4px;
    font-size: 15px;
    font-weight: 500;
}
.specialOrder .special-order .special-order-comment-wrap .special-order-comment-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 260px;
    height: 48px;
    margin: 24px auto;
    font-size: 16px;
    color: #fff;
    background: #1b1e23;
    border-radius: 4px;
}
.specialOrder .special-order .special-order-comment-wrap ul {
    width: 220px;
    margin: 0 auto;
    text-align: left;
}
.specialOrder .special-order .special-order-comment-wrap ul li {
    position: relative;
    margin-bottom: 4px;
    color: #788497;
    font-size: 14px;
}
.specialOrder .special-order .special-order-comment-wrap ul li:last-child {
    margin-bottom: 0;
}
.specialOrder .special-order .special-order-comment-wrap ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -8px;
    width: 3px;
    height: 3px;
    background: #abb2be;
    border-radius: 50%;
}
.specialOrder .special-order .special-order-info-wrap {
    padding: 32px 20px 0 20px;
}
.specialOrder .special-order .special-order-info-wrap > span {
    font-size: 18px;
    font-weight: 600;
}
.specialOrder .special-order .special-order-info-wrap .special-order-info-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
    padding: 24px 0 19px 0;
    /* border-bottom: 1px solid #dde0e5; *//* 2024-01-17: 스페셜오더 유의사항 수정 */
}
.specialOrder .special-order .special-order-info-wrap .special-order-info-area + .special-order-info-area {
    border-top: 1px solid #dde0e5;
}/* 2024-01-17: 스페셜오더 유의사항 추가 */
.specialOrder .special-order .special-order-info-wrap .special-order-info-area:last-child {
    border-bottom: none;
}
.specialOrder .special-order .special-order-info-wrap .special-order-info-area .icon-special {
    width: 56px;
    height: 56px;
    border-radius: 16px;
}
.specialOrder .special-order .special-order-info-wrap .special-order-info-area .icon-special.icon-special-b {
    background: url(../../images/API_M_KO/common/n/icon_special_b.svg) no-repeat #f7f7f7 center center;
}
.specialOrder .special-order .special-order-info-wrap .special-order-info-area .icon-special.icon-special-pencial {
    background: url(../../images/API_M_KO/common/n/icon_special_pencial.svg) no-repeat #f7f7f7 center center;
}
.specialOrder .special-order .special-order-info-wrap .special-order-info-area .icon-special.icon-special-comment {
    background: url(../../images/API_M_KO/common/n/icon_special_comment.svg) no-repeat #f7f7f7 center center;
}
.specialOrder .special-order .special-order-info-wrap .special-order-info-area .icon-special.icon-special-pay {
    background: url(../../images/API_M_KO/common/n/icon_special_pay.svg) no-repeat #f7f7f7 center center;
}
.specialOrder .special-order .special-order-info-wrap .special-order-info-area .special-order-info--area span {
    font-size: 15px;
    font-weight: 600;
}
.specialOrder .special-order .special-order-info-wrap .special-order-info-area .special-order-info--area p {
    margin-top: 4px;
    font-size: 13px;
    color: #5c6677;
    word-break: keep-all;
}
.specialOrder .special-order .special-order-info-wrap .area-attention {
    border-top: none;
    padding: 30px 0 20px;
}/* 2024-01-17: 스페셜오더 유의사항 추가 */
.specialOrder .special-order .special-order-info-search {
    /* 검색어 입력 START */
    /* 검색어 입력 END */
    /* 카테고리 검색 START */
    /* 카테고리 검색 END */
}
.specialOrder .special-order .special-order-info-search .saerch-top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 20px);
    margin-top: 15px;
    margin-left: 20px;
    padding-left: 0;
}
.specialOrder .special-order .special-order-info-search .saerch-top input[type=text] {
    height: 60px;
    border-bottom: 2px solid #1b1e23;
    font-weight: 600;
}
.specialOrder .special-order .special-order-info-search .saerch-top input[type=text]::-webkit-input-placeholder {
    font-weight: 400;
}
.specialOrder .special-order .special-order-info-search .saerch-top input[type=text]::-moz-placeholder {
    font-weight: 400;
}
.specialOrder .special-order .special-order-info-search .saerch-top input[type=text]:-ms-input-placeholder {
    font-weight: 400;
}
.specialOrder .special-order .special-order-info-search .saerch-top input[type=text]::-ms-input-placeholder {
    font-weight: 400;
}
.specialOrder .special-order .special-order-info-search .saerch-top input[type=text]::placeholder {
    font-weight: 400;
}
.specialOrder .special-order .special-order-info-search .saerch-top input[type=text]:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.specialOrder .special-order .special-order-info-search .saerch-top img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.specialOrder .special-order .special-order-info-search .saerch-top .m-ico-search img {
    width: 24px;
    right: 20px;
}
.specialOrder .special-order .special-order-info-search .saerch-top .search-clear {
    display: none;
    position: absolute;
    right: 58px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    bottom: 15px;
    background: #9aa3b1;
    margin: auto;
    color: #fff;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 10px;
    text-align: center;
}
.specialOrder .special-order .special-order-info-search .saerch-top + .search-tab-contents {
    margin-top: 43px;
}
.specialOrder .special-order .special-order-info-search .text-validation {
    display: block;
    margin-top: 4px;
    margin-left: 20px;
    font-size: 12px;
    color: #f4511e;
    font-weight: 500;
}
.specialOrder .special-order .special-order-info-search .text-validation + .search-tab-contents {
    margin-top: 43px;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap {
    margin-top: 34px;
    margin-left: 20px;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap .brand-category-content .brand-category {
    overflow-x: scroll;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap .brand-category-content .brand-category ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap .brand-category-content .brand-category ul li button {
    color: #5c6677;
    font-size: 15px;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap .brand-category-content .brand-category ul li button.active {
    font-weight: 600;
    color: #1b1e23;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap .brand-category-content .kr-en-conversion-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 18px;
    margin-top: 24px;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .kr-en-conversion {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 55px;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .kr-en-conversion button {
    color: #abb2be;
    font-size: 13px;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .kr-en-conversion button:first-child:after {
    content: "/";
    padding: 0 4px;
    color: #abb2be;
    font-weight: lighter;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .kr-en-conversion button.active {
    color: #1b1e23;
    font-weight: 600;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .initial-sound {
    overflow-x: scroll;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .initial-sound ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .initial-sound ul li button {
    width: 32px;
    height: 32px;
    background: #f5f7fa;
    border-radius: 50%;
    font-size: 13px;
    color: #5c6677;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .initial-sound ul li button.active {
    background: #000;
    color: #fff;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .initial-sound ul li.initial-sound-hot button {
    width: 47px;
    background: #fff;
    border: 1px solid #1b1e23;
    border-radius: 80px;
    color: #1b1e23;
    font-weight: 600;
}
.specialOrder .special-order .special-order-info-search .brand-category-wrap .brand-category-content .kr-en-conversion-wrap .initial-sound ul li.initial-sound-all button {
    width: 44px;
    border-radius: 80px;
}
.specialOrder .special-order .special-order-info-search .search-tab-contents .search-word-title {
    display: block;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 700;
}
.specialOrder .special-order .special-order-info-search .search-tab-contents .search-word-title .pink {
    color: #ea2869;
}
.specialOrder .special-order .special-order-info-search .search-tab-contents + .brand-category-wrap {
    position: relative;
    margin-top: 19px;
    padding-top: 14px;
}
.specialOrder .special-order .special-order-info-search .search-tab-contents + .brand-category-wrap::before {
    display: block;
    position: absolute;
    top: 0;
    left: -20px;
    width: 100vw;
    height: 1px;
    background-color: #eef0f2;
    content: "";
}
.specialOrder .special-order .special-order-info-search .cart__no-item {
    padding-top: 36px;
    padding-bottom: 100px;
}
.specialOrder .special-order .special-order-info-search .wrap-list-cart {
    padding-top: 0;
}
.specialOrder .special-order .special-order-info-search .wrap-list-cart .list-cart__tit {
    margin-right: 20px;
    margin-right: 20px;
    padding-top: 20px;
    border-top: 1px solid #eef0f2;
}
.specialOrder .special-order .special-order-info-search .wrap-list-cart .list-product__searchlist {
    padding-left: 20px;
}
.specialOrder .special-order .special-order-info-search .wrap-list-cart .list-product__searchlist.type-1 > li {
    width: 34.5vw;
}
.specialOrder .special-order .special-order-info-search .wrap-list-cart .list-product__searchlist.type-1 > li > a {
    position: relative;
    height: 0;
    padding: 100% 0 0;
}
.specialOrder .special-order .special-order-info-search .wrap-list-cart .list-product__searchlist.type-1 > li > a .pic_section {
    position: absolute;
    top: 0;
    left: 0;
}
.specialOrder .special-order .special-order-info-search .wrap-list-cart .list-product__searchlist.type-1 > li .cart {
    position: relative;
    top: auto;
    margin-top: -32px;
}
.specialOrder .special-order-product-popup_01 {
    /* 브랜드/상품코드 START */
    /* 브랜드/상품코드 END */
    /* 조회상품 정보 START */
    /* 조회상품 정보 END */
    /* 지점 START */
    /* 지점 END */
    /* 수량 START */
    /* 수량 END */
    /* 요청사항 START */
    /* 요청사항 END */
}
.specialOrder .special-order-product-popup_01 > p {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
.specialOrder .special-order-product-popup_01 .special-order-product-info-title {
    font-size: 14px;
    font-weight: 500;
}
.specialOrder .special-order-product-popup_01 .special-order-product-title {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}
.specialOrder .special-order-product-popup_01 .special-order-product-apply .special-order-product-application .special-order-product-application-title {
    display: inline-block;
    margin-top: 20px;
    font-size: 12px;
    color: #5c6677;
    font-weight: 500;
}
.specialOrder .special-order-product-popup_01 .inquiry-product-info-wrap {
    margin-top: 32px;
    /* 상품 정보 있는 경우 START */
    /* 상품 정보 있는 경우 END */
    /* 상품 정보 없는 경우 START */
    /* 상품 정보 없는 경우 END */
}
.specialOrder .special-order-product-popup_01 .inquiry-product-info-wrap .inquiry-product-info-box-wrap {
    margin-top: 8px;
    padding: 16px;
    border: 1px solid #1b1e23;
    border-radius: 8px;
}
.specialOrder .special-order-product-popup_01 .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 12px;
}
.specialOrder .special-order-product-popup_01 .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box:first-child {
    margin-top: 0;
}
.specialOrder .special-order-product-popup_01 .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box span:first-child {
    width: 40%;
    color: #5c6677;
    font-weight: 500;
}
.specialOrder .special-order-product-popup_01 .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box span:last-child {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}
.specialOrder .special-order-product-popup_01 .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box span.price-en-kr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
}
.specialOrder .special-order-product-popup_01 .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box span.price-en-kr .price-kr {
    width: unset;
    color: #3d444f;
    font-weight: 500;
}
.specialOrder .special-order-product-popup_01 .inquiry-product-info-wrap .inquiry-product-not-info-box-wrap {
    height: 159px;
    border: 1px solid #1b1e23;
    border-radius: 8px;
}
.specialOrder .special-order-product-popup_01 .inquiry-product-info-wrap .inquiry-product-not-info-box-wrap .inquiry-product-not-info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    height: 100%;
}
.specialOrder .special-order-product-popup_01 .inquiry-product-info-wrap .inquiry-product-not-info-box-wrap .inquiry-product-not-info-box p {
    width: 100%;
    font-size: 15px;
    color: #3d444f;
    font-weight: 500;
}
.specialOrder .special-order-product-popup_01 .point-choice-wrap {
    margin-top: 32px;
}
.specialOrder .special-order-product-popup_01 .quantity-choice-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 32px 0 50px 0;
}
.specialOrder .special-order-product-popup_01 .request-wrap {
    font-size: 0;
    margin-bottom: 32px;
}
.specialOrder .special-order-product-popup_01 .request-wrap textarea {
    height: 170px;
    margin-top: 8px;
    padding: 12px 10px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
    font-size: 14px;
}
.specialOrder .special-order-product-popup_01 .request-wrap textarea::-webkit-input-placeholder {
    color: #abb2be;
}
.specialOrder .special-order-product-popup_01 .request-wrap textarea::-moz-placeholder {
    color: #abb2be;
}
.specialOrder .special-order-product-popup_01 .request-wrap textarea:-ms-input-placeholder {
    color: #abb2be;
}
.specialOrder .special-order-product-popup_01 .request-wrap textarea::-ms-input-placeholder {
    color: #abb2be;
}
.specialOrder .special-order-product-popup_01 .request-wrap textarea::placeholder {
    color: #abb2be;
}
.specialOrder .special-order-product-popup_01 .request-wrap textarea:focus {
    outline: none;
    border: 1px solid #1b1e23;
}
.specialOrder .special-order-product-popup_02 {
    /* 주문상품정보 START */
    /* 주문상품정보 END */
    /* 주문자 정보 START */
    /* 출국정보 입력 START */
    /* 출국정보 입력 END */
}
.specialOrder .special-order-product-popup_02 .inquiry-product-info-area {
    padding: 0 20px 7px;
}
.specialOrder .special-order-product-popup_02 .inquiry-product-info-area .inquiry-product-info-wrap {
    margin-top: 16px;
}
.specialOrder .special-order-product-popup_02 .inquiry-product-info-area .inquiry-product-info-wrap .inquiry-product-info-box-wrap {
    padding: 16px;
    border: 1px solid #ea2869;
    border-radius: 8px;
}
.specialOrder .special-order-product-popup_02 .inquiry-product-info-area .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 12px;
}
.specialOrder .special-order-product-popup_02 .inquiry-product-info-area .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box:first-child {
    margin-top: 0;
}
.specialOrder .special-order-product-popup_02 .inquiry-product-info-area .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box span {
    font-weight: 600;
}
.specialOrder .special-order-product-popup_02 .inquiry-product-info-area .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box span:first-child {
    width: 40%;
    color: #5c6677;
}
.specialOrder .special-order-product-popup_02 .inquiry-product-info-area .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box span:last-child {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.specialOrder .special-order-product-popup_02 .inquiry-product-info-area .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box.inquiry-product-info-request-box {
    padding-top: 16px;
    margin-top: 15px;
    border-top: 1px solid #dde0e5;
}
.specialOrder .special-order-product-popup_02 .inquiry-product-info-area .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box.inquiry-product-info-request-box span:last-child {
    width: 270px;
    display: unset;
    overflow: unset;
    text-overflow: unset;
}
.specialOrder .special-order-product-popup_02 .inquiry-product-info-area + .panel {
    margin-top: 21px;
}
.specialOrder .special-order-product-popup_02 .order-user-info-area {
    padding: 0 20px;
}
.specialOrder .special-order-product-popup_02 .order-user-info-area input {
    border-bottom: 1px solid #dde0e5;
    font-weight: 600;
}
.specialOrder .special-order-product-popup_02 .departure-info-area {
    padding: 0 20px;
}
.specialOrder .special-order-product-popup_02 .departure-info-area .load-btn {
    width: 125px;
}
.specialOrder .special-order-area-attention {
    padding: 32px 0;
}

/* 20231226 */
#spordRqmtPop.m_popup_renew.active .float_btn {
    position: fixed;
}

.list-product.list-product__searchlist {
    gap: 34px 9px;
    margin-top: 12px;
}
.list-product.list-product__searchlist .product-discount {
    font-family: "Times New Roman", "Times", Serif;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    font-size: 26px;
    color: #1b1e23;
    font-style: italic;
    font-weight: 600;
}
.list-product.list-product__searchlist .product-discount span {
    font-size: 16px;
}
.list-product.list-product__searchlist .movie-play {
    display: block;
}
.list-product.list-product__searchlist .btn-cart {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 32px;
    height: 0;
    padding-top: 32px;
    border: none;
    border-radius: 4px 0 4px 0;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    text-indent: -9999px;
}
.list-product.list-product__searchlist .btn-cart::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_product_cart_w.svg);
}

.product__item.display_product__item .product__img {
    border-radius: 8px;
}
.product__item.display_product__item .product__price--origin .product__price--sale.product__price--sale-confirm {
    color: #788497 !important;
}
.product__item.display_product__item .product__price--origin.type-1 .product__price--won span {
    font-weight: 500;
}

[class^=area-display-] {
    /* display-common */
}
[class^=area-display-].area-display-sale {
    padding: 32px 0 28px;
}
[class^=area-display-] .panel + .panel {
    margin-top: 32px;
}
[class^=area-display-] .panel .pn-tit {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
}
[class^=area-display-] .panel .pn-tit p {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -1px;
}
[class^=area-display-] .panel .pn-tit .move-to-morepage {
    font-size: 13px;
    font-weight: 500;
    color: #5c6677;
    padding-right: 14px;
    background: no-repeat url(../../images/API_M_KO/common/n/M_ico_arrow_linktext.svg);
    background-position: right 3px;
    background-size: 12px auto;
}
[class^=area-display-] .panel .pn-cont {
    position: relative;
}
[class^=area-display-] .break-line {
    margin-top: 8px;
    position: relative;
}
[class^=area-display-] .break-line::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 8px;
    background: #eef0f2;
    left: 0;
    top: -8px;
}
[class^=area-display-] .display_tab_menu {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #dde0e5;
}
[class^=area-display-] .display_tab_item {
    width: 50%;
    text-align: center;
    padding: 12px 0;
    margin: 0;
}
[class^=area-display-] .display_tab_item button {
    position: relative;
    padding: 3px 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: #4e5765;
}
[class^=area-display-] .display_tab_item button span {
    pointer-events: none;
    font-size: 16px;
    font-weight: 500;
    color: #abb2be;
}
[class^=area-display-] .display_tab_item.is-active {
    border-bottom: 2px solid #1b1e23;
}
[class^=area-display-] .display_tab_item.is-active button span {
    font-weight: 700;
    color: #1b1e23;
}
[class^=area-display-] .display_tab_content {
    display: none;
}
[class^=area-display-] .display_tab_content.hit-search-tab-content {
    padding-left: 20px;
}
[class^=area-display-] .display_tab_content.is-active {
    display: block;
}

.specials {
    position: relative;
}
.specials .pn-cont {
    margin: 24px 0 0;
    padding-left: 20px;
}
.specials .specials_tab {
    margin-top: 16px;
    position: relative;
}
.specials .specials_tab .display_tab_menu {
    gap: 24px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border-bottom: 0;
}
.specials .specials_tab .display_tab_item {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
}
.specials .specials_tab .display_tab_item button::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: width 0.2s linear;
    transition: width 0.2s linear;
    background-color: #242424;
}
.specials .specials_tab .display_tab_item button span {
    pointer-events: none;
    font-size: 15px;
}
.specials .specials_tab .display_tab_item.active {
    border-bottom: 0;
}
.specials .specials_tab .display_tab_item.active button::after {
    width: 100%;
}
.specials .specials_tab.type-layer {
    padding: initial;
}
.specials .swiper-slide {
    width: calc((100% - 36px) / 2);
    height: auto;
    border-radius: 8px;
    background-color: #f5f7fa;
}
.specials .specials_products .product__item a {
    padding: 16px 8px;
}
.specials .specials_products .product__item .product__img {
    padding: 8px;
}
.specials .specials_products .product__item .product__img::before {
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}
.specials .specials_products .product__item .product__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.specials .specials_products .product__info {
    padding-left: 8px;
    padding-right: 8px;
}
.specials .specials_products .product__info .product__md-key span {
    display: -webkit-box;
    overflow: hidden;
    max-height: 36px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
    /* color: #ea2869; */
    line-height: 1.38;
    word-break: keep-all;
    background-image: linear-gradient(96deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.specials .specials_products .product__info .product__md-key + .product__brand-info {
    margin-top: 2px;
}
.specials .product__item a {
    padding: 20px 8px 16px;
}
.specials .product__item.product__item--brand a {
    position: relative;
    padding: 0;
}
.specials .product__item.product__item--brand a .product__sale-mount {
    color: #fff;
}
.specials .product__item.product__item--brand a .product__sale-mount.product__sale-mount_back {
    color: #000;
}
.specials .product__item.product__item--brand a .product__img {
    height: 0;
    padding: 174.233% 0 0;
    isolation: isolate;
    background-color: transparent;
}
.specials .product__item.product__item--brand a .product__img::before {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(54%, rgba(27, 30, 35, 0)));
    background-image: linear-gradient(to top, #000 0%, rgba(27, 30, 35, 0) 54%);
    content: "";
}
.specials .product__item.product__item--brand a .product__img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.specials .product__item.product__item--brand a .product__img .product__img--logo {
    position: absolute;
    left: 16px;
    top: 58.45%;
    z-index: 10;
    width: calc(100% - 32px);
    height: 16.9%;
}
.specials .product__item.product__item--brand a .product__img .product__img--logo img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    width: 100%;
    height: 100%;
}
.specials .product__item.product__item--brand.type-coming-soon .product__sale-mount {
    display: none;
}
.specials .product__item.product__item--brand.type-coming-soon .product__img ::before {
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    background-color: rgba(0, 0, 0, 0.4);
}
.specials .product__item.product__item--brand.type-coming-soon .product__img--logo {
    top: 50%;
    margin-top: -34px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.specials .product__item.product__item--brand.type-coming-soon .product__remain {
    bottom: 20px;
    z-index: 10;
    height: auto;
    padding-left: 0;
    border: none;
    background-color: transparent;
    background-image: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.8px;
}
.specials .product__item.product__item--brand.type-coming-soon .product__remain::before {
    display: none;
}
.specials .product__item.product__item--brand.type-coming-soon .product__remain.type-coming-soon {
    bottom: 48px;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: 0;
}
.specials .product__item .product__remain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 3px;
    position: absolute;
    bottom: 16px;
    left: 50%;
    z-index: 1;
    width: calc(100% - 32px);
    height: 28px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding-left: 11px;
    border-radius: 38px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: url(../../images/API_M_KO/common/n/icon_time_white.svg) 8px center no-repeat rgba(255, 255, 255, 0.2);
    font-size: 13px;
    color: #fff;
}
.specials .swiper.no-swiper .swiper-slide + .swiper-slide {
    margin-left: 8px;
}

.specials_brands_swiper_mo .specials_logo,
.specials_brands_swiper_mo .specials_timer,
.specials_brands_swiper_mo .specials_product__price {
    position: absolute;
}
.specials_brands_swiper_mo .specials_logo {
    top: 20px;
    right: 20px;
}
.specials_brands_swiper_mo .specials_timer {
    top: 20px;
    right: 20px;
}
.specials_brands_swiper_mo .specials_product__price {
    top: 20px;
    right: 20px;
}

.hshares {
    padding-top: 32px;
    padding-bottom: 32px;
    background-color: #f9fafb;
}
.hshares .specials_h-share_swiper_mo {
    margin-top: 16px;
    padding: 0 20px 32px;
}
.hshares .specials_h-share_swiper_mo .swiper-slide {
    height: calc((100% - 8px) / 2);
    min-height: 162px;
}
.hshares .specials_h-share_swiper_mo .swiper-slide .product__item {
    margin-left: 0;
}
.hshares .specials_h-share_swiper_mo .swiper-pagination {
    bottom: 0;
}
.hshares .specials_h-share_swiper_mo .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
}
.hshares .specials_h-share_swiper_mo .swiper-pagination .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background: #1b1e23;
}
.hshares .product__item {
    height: 100%;
    margin-left: 8px;
}
.hshares .product__item a {
    height: 100%;
}
.hshares .product__item .product__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    position: relative;
    width: calc((100vw - 40px) * 0.462);
    height: 0;
    padding: calc((100vw - 40px) * 0.462) 0 0;
    border-radius: 8px;
    background-color: #fff;
}
.hshares .product__item .product__img img {
    display: block;
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 24px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 24px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 48px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 48px)*/
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}
.hshares .product__item .product__img img::after {
    display: block;
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 24px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 24px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 48px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 48px)*/
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}
.hshares .product__item .product__info {
    width: 100%;
    min-height: 147px;
    margin-top: 8px;
}
.hshares .product__item .product__tit-info {
    margin-top: 5px;
    color: #788497;
}
.hshares .product__item + .product__item {
    margin-top: 8px;
}

.product-more-link.type-add {
    position: relative;
    width: 100%;
    height: 0;
    margin-top: 16px;
    padding-top: 43.8%;
}
.product-more-link.type-add a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 1px solid #dee0e5;
    font-size: 16px;
    color: #1b1e23;
    line-height: 1.5;
    letter-spacing: -0.8px;
    font-weight: 700;
    text-align: center;
    word-break: keep-all;
    background: url(../../images/API_M_KO/common/n/icon_more_1.svg) no-repeat;
    background-size: cover;
}
.product-more-link.type-add a .product-more-link__txt {
    display: inline;
    font-size: 16px;
    font-weight: 700;
    color: #5a3ff2;
}
.product-more-link.type-add a .product-more-link__txt::after {
    display: none;
}

.browse .browse_category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.browse .browse_category.search-round-data-wrap {
    padding: 16px 0 7px;
}
.browse .browse_category.search-round-data-wrap .search-round-data button {
    background-color: #f5f7fa;
    border: 1px solid #f5f7fa;
}
.browse .browse_category.search-round-data-wrap .search-round-data .is-active button {
    background-color: #1b1e23;
    border: none;
}
.browse .browse_options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    padding: 0 20px;
}
.browse .browse_options .opt_total {
    font-size: 14px;
    font-weight: 500;
}
.browse .browse_options .opt_total em {
    margin-left: 4px;
}
.browse .browse_options .opt_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-left: auto;
}
.browse .browse_options .browse-form_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.browse .browse_options .browse-form_cont select {
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
    background: url(../../images/API_M_KO/common/n/M_down_arrow.svg) 90% no-repeat;
    border: none;
    font-size: 13px;
    color: #5c6677;
    font-weight: 500;
}
.browse .browse_options .browse-form_cont .wrap-add-dropdown {
    max-width: 85px;
}
.browse .browse_options .browse-form_cont .wrap-add-dropdown .btn-dropdown {
    height: 40px;
    padding-right: 25px;
    border-bottom: none;
    font-size: 13px;
    color: #5c6677;
    font-weight: 500;
}
.browse .browse_options .browse-form_cont .wrap-add-dropdown .btn-dropdown::before {
    right: 0;
    background-image: url(../../images/API_M_KO/common/n/M_down_arrow.svg);
}
.browse .browse_options .browse-form_cont.form_cont {
    padding-left: 24px;
    position: relative;
}
.browse .browse_options .browse-form_cont.form_cont::before {
    content: "";
    width: 1px;
    height: 16px;
    position: absolute;
    background-color: #dee0e5;
    top: 12px;
    left: 10px;
}
.browse .browse_options .wrap-pos-add-dropdown .list-dropdown > li button {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.65px;
    color: #5c6677;
}
.browse .browse_options .form-sold-out + label {
    font-size: 14px;
}
.browse .browse_options_result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin-top: 16px;
}
.browse .browse_options_result .options_result {
    padding-left: 20px;
    overflow-x: scroll;
    position: relative;
}
.browse .browse_options_result .options_result::after {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
    position: absolute;
    top: 0;
    right: 0;
}
.browse .browse_options_result .options_result ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.browse .browse_options_result .options_result ul li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    width: auto;
    padding: 6px 12px;
    border-radius: 20px;
    border: 1px solid #dde0e5;
    color: #5c6677;
    font-size: 14px;
}
.browse .browse_options_result .options_result ul li button.active {
    background: #1b1e23;
    color: #fff;
}
.browse .browse_options_result .options_result ul li button.active:after {
    content: "";
    width: 12px;
    height: 12px;
    background: url(../../images/API_M_KO/common/n/M_close_w.svg) no-repeat;
}
.browse .browse_options_result .options_result ul li button:after {
    content: "";
    width: 12px;
    height: 12px;
    background: url(../../images/API_M_KO/common/n/M_down_arrow_sm.svg) no-repeat;
}
.browse .browse_itemlist {
    position: relative;
}
.browse .browse_itemlist #goosArea .goosMoreArea {
    padding-left: 0;
    padding-right: 0;
}
.browse .browse_itemlist .list-product {
    padding-left: 20px;
    padding-right: 20px;
}
.browse .browse_itemlist .list-product .product__img::before {
    display: block;
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 16px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 16px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 32px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 32px)*/
    z-index: 1;
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}
.browse .browse_itemlist .list-product .product__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.browse .browse_itemlist .list-product .product__info .product__brand-info.type-highlight {
    height: auto;
    color: #ea2869;
}
.browse .browse_itemlist .list-product .product__info .product__brand-info.type-highlight + .product__info {
    margin-top: 2px;
}
.browse .browse_itemlist .list-product .product__info .product__sale-info > div:first-child .product__price--sale {
    font-size: 12px;
    color: #1b1e23;
    font-weight: 500;
}
.browse .browse_itemlist .list-product .product__tag {
    margin-top: 8px;
}

.productSaerchList .product-saerch-list-wrap .product-saerch-filter-wrap .product-saerch-filter .filter-round-box {
    padding-bottom: 20px;
}

.today-deal-box-float-layer .initHistory-btn {
    position: absolute;
    top: 16px;
    left: 20px;
}

.todayDealList {
    padding-bottom: 46px;
}
.todayDealList .area-display-sale {
    padding: initial;
}
.todayDealList .area-display-sale .specials_tab.type-layer {
    margin: initial;
}
.todayDealList .area-display-sale .filter-box-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
    padding: 0 20px;
    border-bottom: 1px solid #dde0e5;
}
.todayDealList .area-display-sale .filter-box-header span {
    text-align: center;
    display: inline-block;
    width: 88%;
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
.todayDealList .area-display-sale .filter-box-header img {
    width: 28px;
    height: 28px;
}
.todayDealList .area-display-sale .filter-box-header #popupClose {
    margin-left: auto;
}
.todayDealList .area-display-sale .pn-cont .list-product {
    margin-top: 20px;
}
.todayDealList .area-display-sale .pn-cont .list-product .product__item .product__img {
    height: 0;
    padding: 100% 0 0;
}
.todayDealList .area-display-sale .pn-cont .list-product .product__item .product__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-position: 50% 0;
       object-position: 50% 0;
    -o-object-fit: cover;
       object-fit: cover;
}
.todayDealList .area-display-sale .pn-cont .list-product .product__item .product__img::before {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
    width: 100%;
    height: 100%;
}
.todayDealList .area-display-sale .pn-cont .list-product .product__item .product__img .product-discount.discount_white {
    color: #fff;
}
.todayDealList .area-display-sale .pn-cont .list-product .product__item .product__img .coming_soon {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 30px;
    border-radius: 4px 0 4px 0;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    line-height: 28px;
    font-size: 12px;
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
    font-weight: 500;
    color: #fff;
}
/*.todayDealList .area-display-sale .pn-cont .list-product .product__item .product__info .product__sale-info > div:first-child .product__price--sale {
    font-size: 12px;
    color: #1b1e23;
    font-weight: 500;
}*/
.todayDealList .area-display-sale .pn-cont .list-product .product__item .product__info .product__remain {
    padding-left: 20px;
    background: url(../../images/API_M_KO/common/n/icon_time_gray.svg) left center no-repeat;
    font-size: 13px;
    color: #3d444f;
}
.todayDealList .list-product {
    padding-left: 20px;
    padding-right: 20px;
}

.list-product .product__info .product__brand-info.type-highlight {
    height: auto;
    color: #ea2869;
}
.list-product .product__info .product__brand-info.type-highlight + .product__info {
    margin-top: 2px;
}
.list-product .product__info .product__tag {
    margin-top: 8px;
}

[class^=area-display-] {
    /* display-common */
}
[class^=area-display-] .search-round-data-wrap {
    padding: 0 0 20px;
}
[class^=area-display-] .search-round-data-wrap .search-round-data {
    overflow-x: scroll;
}
[class^=area-display-] .search-round-data-wrap .search-round-data ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    padding-left: 20px;
}
[class^=area-display-] .search-round-data-wrap .search-round-data ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
}
[class^=area-display-] .search-round-data-wrap .search-round-data ul li:last-child {
    padding-right: 20px;
}
[class^=area-display-] .search-round-data-wrap .search-round-data button {
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #dde0e5;
    border-radius: 20px;
}
[class^=area-display-] .search-round-data-wrap .search-round-data button span {
    font-size: 14px;
    font-weight: 400;
    color: #5c6677;
    pointer-events: none;
}
[class^=area-display-] .search-round-data-wrap .search-round-data .is-active button {
    background-color: #1b1e23;
    border: 1px solid #1b1e23;
}
[class^=area-display-] .search-round-data-wrap .search-round-data .is-active button span {
    color: #fff;
    font-weight: 500;
}

.bests {
    position: relative;
}
.bests .best_num {
    position: absolute;
    top: 0;
    left: 8px;
    z-index: 2;
    width: 24px;
    height: 26px;
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.55px;
    color: #f5f7fa;
    background-image: url(../../images/API_M_KO/common/n/M_best_lanking.svg);
    background-repeat: no-repeat;
}
.bests .display_tab_content .search-round-data-wrap .search-round-data .is-active button span {
    color: #1b1e23;
    font-weight: 700;
    pointer-events: none;
}
.bests .display_tab_content .bests_itemlist li:nth-child(-n+3) .best_num {
    color: #fff;
    background-image: url(../../images/API_M_KO/common/n/M_best_lanking_top.svg);
}
.bests .display_tab_content .bests_itemlist .list-product {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.bests .display_tab_content .bests_itemlist .list-product .product__img {
    padding: 0;
}
.bests .display_tab_content .bests_itemlist .list-product .product__img::before {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
    width: 100%;
    height: 100%;
}
.bests .display_tab_content .bests_itemlist .list-product .product__info .product__sale-info > div:first-child .product__price--sale {
    font-size: 12px;
    color: #1b1e23;
    font-weight: 500;
}
.bests .display_tab_content .bests_itemlist .list-product .product__item {
    padding: 0;
}
.bests .display_tab_content .bests_itemlist .list-product .product__item .product__tag {
    margin-top: 8px;
}
.bests .display_tab_content .bests_itemlist .list-product .product__item .no_stoc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 136px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 27px;
    background-color: rgba(0, 0, 0, 0.06);
    letter-spacing: -0.6px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4);
    text-align: center;
}
.bests .display_tab_content.bests_brand .bests_brand_item:nth-child(-n+3) .best_num {
    color: #fff;
    background-image: url(../../images/API_M_KO/common/n/M_best_lanking_top.svg);
}
.bests .display_tab_content.bests_brand .bests_brand_item .bests_brand_item--btmbox .product__item {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
}
.bests .display_tab_content.bests_brand .bests_brand_item .bests_brand_item--btmbox .product__item a {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bests .display_tab_content.bests_brand .bests_brand_item .bests_brand_item--btmbox .product__item .product__img {
    height: 100%;
}
.bests .display_tab_content.bests_brand .bests_brand_item .bests_brand_item--btmbox .product__item .product__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.bests .display_tab_content.bests_brand .bests_brand_item .bests_brand_item--btmbox .product__item .product__img::before {
    display: block;
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}

.bests_tab {
    margin: 0;
    padding: 0;
    width: 100%;
}

.bests_goods {
    position: relative;
}
.bests_goods li {
    margin: 0;
    padding: 12px 0;
}
.bests_goods .search-round-data-wrap.bests_ico {
    padding: 8px 0 16px;
}
.bests_goods .search-round-data-wrap.bests_ico .search-round-data ul {
    gap: 16px;
    padding: 16px 0 0 20px;
}
.bests_goods .search-round-data-wrap.bests_ico .search-round-data ul > li {
    padding: 0;
}
.bests_goods .search-round-data-wrap.bests_ico .search-round-data ul > li:last-child {
    padding-right: 20px;
}
.bests_goods .search-round-data-wrap.bests_ico button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 48px;
    padding: 0;
    border: none;
    border-radius: 0;
    background-image: none;
    /* 전체 */
    /* 스킨케어 */
    /* 메이크업 */
    /* 향수헤어 */
    /* 가방지갑 */
    /* 시계주얼리 */
    /* 패션잡화 */
    /* 스포츠 */
    /* 전자리빙 */
    /* 식품 */
    /* 유아동 */
    /* 국내브랜드 */
    /* 주류 */
    /* 성인전용 */
}
.bests_goods .search-round-data-wrap.bests_ico button::before {
    display: block;
    width: 100%;
    height: 48px;
    border-radius: 16px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    border: 1px solid #eef0f2;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    content: "";
}
.bests_goods .search-round-data-wrap.bests_ico button span {
    display: -webkit-box;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.6px;
    color: #788497;
    word-break: break-all;
    text-align: center;
}
.bests_goods .search-round-data-wrap.bests_ico button.btn-category__all::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_all.svg);
}
.bests_goods .search-round-data-wrap.bests_ico button.btn-category__ctg-0001::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_skincare.svg);
}
.bests_goods .search-round-data-wrap.bests_ico button.btn-category__ctg-0002::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_makeup.svg);
}
.bests_goods .search-round-data-wrap.bests_ico button.btn-category__ctg-0003::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_perfume.svg);
}
.bests_goods .search-round-data-wrap.bests_ico button.btn-category__ctg-0004::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_bag.svg);
}
.bests_goods .search-round-data-wrap.bests_ico button.btn-category__ctg-0005::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_watch.svg);
}
.bests_goods .search-round-data-wrap.bests_ico button.btn-category__ctg-0007::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_fashion.svg);
}
.bests_goods .search-round-data-wrap.bests_ico button.btn-category__ctg-0013::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_sport.svg);
}
.bests_goods .search-round-data-wrap.bests_ico button.btn-category__ctg-0008::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_digital.svg);
}
.bests_goods .search-round-data-wrap.bests_ico button.btn-category__ctg-0009::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_food.svg);
}
.bests_goods .search-round-data-wrap.bests_ico button.btn-category__ctg-0010::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_kids.svg);
}
.bests_goods .search-round-data-wrap.bests_ico button.btn-category__ctg-0011::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_domesticb.svg);
}
.bests_goods .search-round-data-wrap.bests_ico button.btn-category__ctg-0014::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_alcohol.svg);
}
.bests_goods .search-round-data-wrap.bests_ico button.btn-category__ctg-0012::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_adult.svg);
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button {
    background-color: #fff;
    border: none;
    /* 전체 */
    /* 스킨케어 */
    /* 메이크업 */
    /* 향수헤어 */
    /* 가방지갑 */
    /* 시계주얼리 */
    /* 패션잡화 */
    /* 스포츠 */
    /* 전자리빙 */
    /* 식품 */
    /* 유아동 */
    /* 국내브랜드 */
    /* 주류 */
    /* 성인전용 */
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button::before {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: solid 1px #1b1e23;
    background-color: #1b1e23;
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button span {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.04em;
    color: #1b1e23;
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button.btn-category__all::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_all_on.svg);
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button.btn-category__ctg-0001::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_skincare_on.svg);
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button.btn-category__ctg-0002::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_makeup_on.svg);
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button.btn-category__ctg-0003::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_perfume_on.svg);
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button.btn-category__ctg-0004::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_bag_on.svg);
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button.btn-category__ctg-0005::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_watch_on.svg);
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button.btn-category__ctg-0007::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_fashion_on.svg);
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button.btn-category__ctg-0013::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_sport_on.svg);
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button.btn-category__ctg-0008::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_digital_on.svg);
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button.btn-category__ctg-0009::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_food_on.svg);
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button.btn-category__ctg-0010::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_kids_on.svg);
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button.btn-category__ctg-0011::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_domesticb_on.svg);
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button.btn-category__ctg-0014::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_alcohol_on.svg);
}
.bests_goods .search-round-data-wrap.bests_ico .is-active button.btn-category__ctg-0012::before {
    background-image: url(../../images/API_M_KO/display/icon_btn_adult_on.svg);
}

.bests_brand {
    padding: 32px 20px 0;
}
.bests_brand .bests_brand_item {
    display: grid;
    grid-template-columns: 68% 1fr;
}
.bests_brand .bests_brand_item .bests_brand_thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 137.6%;
    border-radius: 8px;
}
.bests_brand .bests_brand_item .bests_brand_thumb a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bests_brand .bests_brand_item .bests_brand_thumb a::before {
    content: "";
    position: absolute;
    height: 80px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 30, 35, 0)), to(rgba(27, 30, 35, 0.8)));
    background-image: linear-gradient(to bottom, rgba(27, 30, 35, 0) 0%, rgba(27, 30, 35, 0.8) 100%);
}
.bests_brand .bests_brand_item .bests_brand_thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
.bests_brand .bests_brand_item .bests_brand_thumb .bests_brand_tit {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 24px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}
.bests_brand .bests_brand_item .bests_brand_item--btmbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-left: 8px;
}
.bests_brand .bests_brand_item .product__item .product__img {
    padding: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bests_brand .bests_brand_item + .bests_brand_item {
    margin-top: 32px;
}
.bests_brand .best-brand-inner-thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

[class^=area-display-] {
    /* display-common */
}
[class^=area-display-] .display_search input {
    display: inline-block;
    width: calc(100% - 59px);
    height: 59px;
    padding: 0 20px 0 20px;
    color: #1b1e23;
    line-height: 38px;
    font-size: 16px;
    font-weight: 400;
    border: 0;
}
[class^=area-display-] .display_search .m-ico-search {
    width: 59px;
}
[class^=area-display-] .display_search .m-ico-search img {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 24px;
}
[class^=area-display-] .display_search .display_search_top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
[class^=area-display-] .display_search .display_search_clear {
    display: none;
    position: absolute;
    right: 58px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    bottom: 15px;
    background: #9aa3b1;
    margin: auto;
    color: #fff;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 10px;
    text-align: center;
}
[class^=area-display-] .display_tab_sub {
    position: relative;
}
[class^=area-display-] .display_tab_sub .display_tab_menu {
    overflow: scroll;
    gap: 24px;
}
[class^=area-display-] .display_tab_sub .display_tab_item {
    width: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
[class^=area-display-] .display_tab_sub .display_tab_item button span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: -0.7px;
    color: #788497;
}
[class^=area-display-] .display_tab_sub .display_tab_item.is-active button span {
    font-weight: 700;
    line-height: 1.43;
    color: #1b1e23;
}

.layer-dim .area-display-sale .specials_tab .search-tab-menu.display_tab_menu[role=tablist] {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #fff;
}

.benefits {
    position: relative;
}

.benefits-topbanner-swiper_mo {
    position: relative;
}
.benefits-topbanner-swiper_mo .banner_item {
    position: relative;
    background: #fff;
    width: 100%;
}
.benefits-topbanner-swiper_mo .banner_item a {
    overflow: hidden;
    height: 0;
    padding-top: 35.73%;
}
.benefits-topbanner-swiper_mo .banner_item a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-position: 50% 0;
        object-position: 50% 0;
    -o-object-fit: cover;
        object-fit: cover;
}
.benefits-topbanner-swiper_mo a {
    display: block;
    position: relative;
}
.benefits-topbanner-swiper_mo .banner_tit {
    width: 100%;
    padding-right: 22px;
    position: absolute;
    top: 26px;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
}
.benefits-topbanner-swiper_mo .banner_tit p {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}
.benefits-topbanner-swiper_mo .banner_tit1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -1px;
}
.benefits-topbanner-swiper_mo .banner_tit2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -1px;
}
.benefits-topbanner-swiper_mo .banner_tit3 {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.46;
    letter-spacing: -0.65px;
    opacity: 0.8;
}
.benefits-topbanner-swiper_mo .box-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    position: absolute;
    bottom: 8px;
    right: 8px;
    z-index: 1;
    height: 24px;
    padding: 0 8px;
    border-radius: 24px;
    background-color: rgba(27, 30, 35, 0.7);
}
.benefits-topbanner-swiper_mo .box-pagination .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3px;
    position: relative;
    bottom: auto;
    left: auto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.55px;
    color: rgba(255, 255, 255, 0.5);
}
.benefits-topbanner-swiper_mo .box-pagination .swiper-pagination-current {
    color: #fff;
}
.benefits-topbanner-swiper_mo .box-pagination .btn-view {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 16px;
    height: 16px;
}
.benefits-topbanner-swiper_mo .box-pagination .btn-view button {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 36px;
    height: 0;
    padding-top: 36px;
    text-indent: -9999px;
}
.benefits-topbanner-swiper_mo .box-pagination .btn-view button::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    border: none;
    background: url(../../images/API_M_KO/common/n/icon_plus_1.svg) no-repeat 50% 50%;
    background-size: 8px 8px;
    content: "";
}
/*S: 2024-06-19 기획전 리뉴얼 수정 클래스 변경*/
.benefits_tab .display_tab_content {
    padding: 0;
}
.benefits_tab .display_tab_content .search-round-data {
    overflow-y: hidden;
    overflow-x: scroll;
    height: 34px;
    margin-bottom: 24px;
}
.benefits_tab .display_tab_content .search-round-data ul {
    padding-left: 0;
}
.benefits_tab .display_tab_content .search-round-data ul li {
    position: relative;
    width: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-top: 0 !important;
}
.benefits_tab .display_tab_content .display_tab_menu + .search-round-data {
    margin-top: 16px;
}
.benefits_tab .display_tab_content .display_tab_menu + ul {
    margin-top: 20px;
}
.benefits_tab .display_tab_content ul:not(.display_tab_menu) {
    padding-left: 20px;
    padding-right: 20px;
}
.benefits_tab .display_tab_content ul:not(.display_tab_menu) li {
    position: relative;
}
.benefits_tab .display_tab_content ul:not(.display_tab_menu) li + li {
    margin-top: 32px;
}
.benefits_tab .display_tab_content ul:not(.display_tab_menu) li:last-child {
    margin-bottom: 27px;
}
.benefits_tab .display_tab_content img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.benefits_tab .display_tab_content .tit {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.47;
    letter-spacing: -0.75px;
    color: #1b1e23;
    margin-top: 12px;
    padding: 0 26px 0 0; /*//2024-09-19 혜택,기획전 리스트 > 타이틀 수정*/
}
.benefits_tab .display_tab_content .txt_sub {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: -0.65px;
    color: #3d444f;
    margin-top: 4px;
    padding: 0 26px 0 0; /*//2024-09-19 혜택,기획전 리스트 > 타이틀 수정*/
}
.benefits_tab .display_tab_content .txt_date {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.6px;
    color: #788497;
    margin-top: 8px;
}
.benefits_tab .display_tab_content .btn_like {
    position: absolute;
    top: 52.2vw;
    right: 0;
    z-index: 1;
}
.benefits_tab .display_tab_content .display_tab_menu {
    position: relative;
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
}
.benefits_tab .display_tab_content .display_tab_menu + .search-round-data {
    margin-top: 16px;
}
.benefits_tab .benefits-no-item {
    text-align: center;
    margin-top: 52px;
    margin-bottom: 80px;
}
.benefits_tab .benefits-no-item::before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    background: url(../../images/API_M_KO/common/n/icon_empty_cart.svg) no-repeat;
    background-size: contain;
}
.benefits_tab .benefits-no-item p {
    margin-top: 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.47;
    letter-spacing: -0.75px;
    color: #3d444f;
    text-align: center;
}
/*E: 2024-06-19 기획전 리뉴얼 수정 클래스 변경*/
/*S: 2024-06-19 기획전 리뉴얼 수정*/
.area-display-promotion .benefits_tab .display_tab_content .search-round-data {margin-top:16px; margin-bottom:0;}
.area-display-promotion .benefits_tab .display_tab_content .display-list-product {margin-top:20px;}
.area-display-promotion .display_tab_content.is-active {display:none;}
.area-display-promotion .display_tab_content.active {display:block;}
.area-display-promotion .display_tab_item.active {border-bottom: 2px solid #1b1e23;}
.area-display-promotion .display_tab_item.active button span {font-weight: 700; color: #1b1e23;}
/*E: 2024-06-19 기획전 리뉴얼 수정*/
.m_popup_renew.box-float-layer.active .tit_layer {
    padding: 10px 50px;
}

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], input[type=search] {
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
}

.container {
    padding-bottom: 0;
}
.container.ps_main_bg,
.container.ps_sub {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffefef), color-stop(49%, #f9d2fa), to(#dcd2fa));
    background-image: linear-gradient(to right, #ffefef 0%, #f9d2fa 49%, #dcd2fa 100%);
    padding-bottom: 68px;
}

.personal {
    margin-top: -60px;
    padding: 17px 0 0;
}
.personal::after {
    content: "";
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 200px;
    position: absolute;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(32%, #fffafc), color-stop(74%, rgba(255, 239, 255, 0.56)), color-stop(91%, rgba(255, 239, 255, 0)));
    background-image: linear-gradient(to bottom, #fffafc 32%, rgba(255, 239, 255, 0.56) 74%, rgba(255, 239, 255, 0) 91%);
}
.personal .ps_main_wrap {
    position: relative;
    z-index: 20;
    padding: 0 20px;
}
.personal .ps_main_wrap.is-loading .ps_info_top,
.personal .ps_main_wrap.is-loading .ps_slider_card,
.personal .ps_main_wrap.is-loading .ps_detai-wrap,
.personal .ps_main_wrap.is-loading .ps_quration {
    display: none;
}
.personal .ps_main_wrap.is-loading .ps_quration.type-loading {
    display: block;
}
.personal .ps_main_wrap.is-result .ps_slider_card .ps_quration {
    display: none;
}
.personal .ps_main_wrap.is-result .ps_quration.type-loading {
    display: none;
}
.personal .ps_main_wrap.is-result .ps_quration.type-result {
    display: block;
}
.personal .ps_main_wrap .title {
    padding: 12px 16px;
    font-size: 15px;
    line-height: 1.47;
    letter-spacing: -0.75px;
    color: #788497;
}
.personal .ps_main_wrap .title span {
    position: relative;
}
.personal .ps_info_top {
    padding-top: 80px;
}
.personal .ps_info_top .ps_title {
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -1.2px;
}
.personal .ps_info_top .ps_title::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 24px;
    height: 25px;
    background: url(../../images/API_M_KO/personal/m_personal_face.svg) no-repeat;
    margin-left: 2px;
}
.personal .ps_info_top .ps_Dday {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.65px;
}
.personal .ps_info_top .ps_magnetic_info {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.65px;
}
.personal .ps_info_top .ps_from {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.65px;
}
.personal .ps_info_top .ps_to {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.65px;
}
.personal .ps_info_top .ps_short {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.personal .ps_info_top .ps_magnetic_info {
    position: relative;
    padding: 0 8px;
}
.personal .ps_info_top .ps_exit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.personal .ps_info_top .ps_Dday {
    display: inline-block;
    padding: 4px 12px;
    text-align: center;
    background-color: rgba(27, 30, 35, 0.25);
    border-radius: 14px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}
.personal .ps_info_top .ps_from,
.personal .ps_info_top .ps_to {
    max-width: 35px;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    white-space: nowrap;
}
.personal .ps_info_top .ps_to {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    text-align: center;
}
.personal .ps_info_top .ps_to::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_ico_double_arrow_b2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.personal .ps_info_top .ps_detail_wrap {
    overflow: hidden;
    padding: 0 12px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.personal .ps_info_top .ps_detail_wrap.non_member {
    display: block;
    overflow: hidden;
    margin-bottom: 35px;
    text-align: center;
}
.personal .ps_info_top .ps_detail_wrap.non_member .ps_resister {
    padding: initial;
    margin: 22px 0 8px;
    background: none;
    font-size: 13px;
    font-weight: 500;
    color: #3d444f;
    line-height: 1.46;
    letter-spacing: -0.65px;
}
.personal .ps_info_top .ps_detail_wrap.non_member .ps_magnetic_info {
    margin-top: 5px;
}
.personal .ps_info_top .ps_detail_wrap.non_member .ps_magnetic_info::before {
    display: none;
}
.personal .ps_info_top .ps_detail_wrap.non_member .ps_magnetic_info::after {
    display: none;
}
.personal .ps_info_top .ps_detail_wrap.non_member .ps_detail_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    width: 100%;
}
.personal .ps_info_top .ps_detail_wrap.non_member button {
    display: block;
    padding: 3px 8px;
    background: #1b1e23;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.6px;
    border-radius: 4px;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail .detail_title {
    position: relative;
    padding-left: 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.6px;
    color: #5c6677;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail .detail_title:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail .detail_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail .detail_inner .ps_Dday {
    font-weight: 700;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail .detail_inner .ps_magnetic_info {
    font-weight: 700;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail .detail_inner .ps_from {
    font-weight: 700;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail .detail_inner .ps_to {
    font-weight: 700;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail .detail_inner [class*=resister_] {
    padding: 3px 8px;
    background: #1b1e23;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.6px;
    border-radius: 4px;
    grid-column-end: 4;
    white-space: nowrap;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.passport {
    margin-top: 25px;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.passport .detail_title:before {
    background-image: url(../../images/API_M_KO/common/n/M_ico_passport.svg);
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.passport .ps_magnetic_info {
    display: block;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.passport .ps_magnetic_info::before {
    display: none;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.passport .ps_magnetic_info::after {
    display: none;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.passport .ps_badge {
    padding: 2px 7px;
    background: #ffebe5;
    border-radius: 4px;
    color: #f4511e;
    font-size: 11px;
    font-weight: 500;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.exit {
    margin-top: 16px;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.exit .detail_inner {
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-template-columns: 0.5fr 1fr auto;
    gap: 0 5px;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.exit .detail_title::before {
    background-image: url(../../images/API_M_KO/common/n/M_ico_departure.svg);
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.exit .ps_badge {
    min-width: 65px;
    padding: 2px 6px;
    background: #ffe5ee;
    border-radius: 4px;
    color: #ea2869;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    word-break: inherit;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.exit .ps_flight {
    grid-column: 1/4;
    padding-top: 4px;
    text-align: center;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.exit .ps_time {
    position: relative;
    padding-left: 8px;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.exit .ps_time::before {
    top: 5px;
    left: 4px;
    position: absolute;
    content: "";
    width: 1px;
    height: 10px;
    background-color: #abb2be;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.pick {
    margin-top: 13px;
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.pick .detail_title::before {
    background-image: url(../../images/API_M_KO/common/n/M_ico_pick.svg);
}
.personal .ps_info_top .ps_detail_wrap .ps_detail.pick button {
    padding: 3px 8px;
    background: #1b1e23;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
}
.personal .ps_info_top .ps_short .ps_Dday.ps_Dday_rolling {
    padding: 0;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.65px;
    color: #1b1e23;
    background: none;
    font-weight: 500;
}
.personal .ps_info_top .ps_short .ps_magnetic_info,
.personal .ps_info_top .ps_short .ps_exit {
    display: none;
}
.personal .ps_info_top .ps_short .ps_magnetic_info {
    color: #3d444f;
}
.personal .ps_info_top .ps_short .ps_magnetic_info.non_resister.ps_magnetic_info_rolling::before, .personal .ps_info_top .ps_short .ps_magnetic_info.non_resister.ps_magnetic_info_rolling::after {
    display: none;
}
.personal .ps_info_top .ps_short .ps_magnetic_info.ps_magnetic_info_rolling::before {
    top: 4px;
    left: 10px;
    position: absolute;
    content: "";
    width: 1px;
    height: 10px;
    background-color: #abb2be;
}
.personal .ps_info_top .ps_short .ps_magnetic_info.ps_magnetic_info_rolling::after {
    top: 4px;
    right: 10px;
    position: absolute;
    content: "";
    width: 1px;
    height: 10px;
    background-color: #abb2be;
}
.personal .ps_slider_card {
    -webkit-transition: margin 0.2s linear;
    transition: margin 0.2s linear;
}
.personal .ps_slider_card .ps_short {
    -webkit-transition: margin 0.2s linear;
    transition: margin 0.2s linear;
}
.personal .ps_benefits .ps_card_box,
.personal .ps_quration .ps_card_box {
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0 -5px 10px 0 rgba(143, 123, 123, 0.1);
            box-shadow: 0 -5px 10px 0 rgba(143, 123, 123, 0.1);
}
.personal .ps_benefits .ps_benefits_card_box_1,
.personal .ps_quration .ps_benefits_card_box_1 {
    width: 100%;
    padding: 0 26px 22px 26px;
}
.personal .ps_benefits .ps_benefits_card_box_2,
.personal .ps_quration .ps_benefits_card_box_2 {
    top: 0px !important;
    width: 100%;
}
.personal .ps_benefits {
    position: relative;
    overflow: hidden;
    /* height: 182px; */
    width: 100%;
    margin-bottom: 16px;
    border-radius: 0 0 12px 12px;
}
.personal .ps_benefits .title {
    margin-left: -26px;
}
.personal .ps_benefits .title span::after {
    content: "";
    position: absolute;
    top: 3px;
    width: 15px;
    height: 16px;
    background: url(../../images/API_M_KO/personal/m_personal_dia.svg) no-repeat;
    margin-left: 2px;
}
.personal .ps_benefits [class*=swiper-button] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -webkit-box-shadow: 3px 5px 6px 0 rgba(143, 123, 123, 0.2);
            box-shadow: 3px 5px 6px 0 rgba(143, 123, 123, 0.2);
    background: url(../../images/API_M_KO/common/n/icon_arrow_8.svg) no-repeat center center #fff;
}
.personal .ps_benefits .swiper-button-next {
    top: 55%;
}
.personal .ps_benefits .swiper-button-prev {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    top: 55%;
}
.personal .benefits-slider {
    position: relative;
    overflow: hidden;
    margin-top: 4px;
}
.personal .benefits-slider .swiper-slide {
    width: calc((100% - 16px) / 3);
}
.personal .benefits-slider .product__item .product__img {
    height: 0;
    padding: 100% 0 0;
    background-color: transparent;
    margin-bottom: 4px;
}
.personal .benefits-slider .product__item .product__img.prod_blue {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #d7eaeb), to(#e6e6fb));
    background-image: linear-gradient(to bottom, #d7eaeb 50%, #e6e6fb 100%);
}
.personal .benefits-slider .product__item .product__img.prod_purp {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dbf9), to(#f4e9ff));
    background-image: linear-gradient(to bottom, #f2dbf9 0%, #f4e9ff 100%);
}
.personal .benefits-slider .product__item .product__img.prod_pink {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffdcf1), to(#ffe9f5));
    background-image: linear-gradient(to bottom, #ffdcf1 0%, #ffe9f5 100%);
}
.personal .benefits-slider .product__item .product__img img {
    position: absolute;
    top: 16px;
    left: 16px;
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
}
.personal .benefits-slider .product__item .product__brand {
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.6px;
    color: #3d444f;
    text-overflow: clip;
    white-space: nowrap;
}
.personal .ps_quration {
    position: relative;
}
.personal .ps_quration .title span {
    font-weight: 700;
    color: #1b1e23;
}
.personal .ps_quration .title::after {
    content: "";
    position: absolute;
    top: 15px;
    width: 15px;
    height: 16px;
    background: url(../../images/API_M_KO/personal/m_personal_heart.svg) no-repeat;
    margin-left: 2px;
}
.personal .ps_quration .step3 .title::after {
    display: inline-block;
    position: static;
    margin-bottom: 5px;
    vertical-align: middle;
    /* top: 37px; */
}
.personal .ps_quration .step3 .title.title_cn::after {
    top: 15px;
}
.personal .ps_quration .ps_tab {
    width: 175px;
    height: 34px;
    line-height: 34px;
    margin: 24px auto 0 auto;
    border: 1px solid #dde0e5;
    border-radius: 19px;
}
.personal .ps_quration .ps_tab.tab_list_en {
    width: 245px;
}
.personal .ps_quration .ps_tab.tab_list_cn {
    width: 176px;
    white-space: nowrap;
}
.personal .ps_quration .ps_tab li button {
    padding: 6px 16px 8px;
    text-align: center;
    font-size: 14px;
    color: #788497;
    line-height: 1.43;
    letter-spacing: -0.7px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}
.personal .ps_quration .ps_tab li.is-active {
    background: #1b1e23;
    border-radius: 19px;
}
.personal .ps_quration .ps_tab li.is-active button {
    font-weight: 700;
    color: #fff;
}
.personal .ps_quration .ps_tab_content {
    padding: 0 16px;
}
.personal .ps_quration .ps_tab_content.is-active {
    display: block;
}
.personal .ps_quration .ps_tab_content .ps_bene_title {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.47;
    letter-spacing: -0.75px;
    text-align: center;
    color: #1b1e23;
    font-weight: 700;
}
.personal .ps_quration .ps_tab_content .ps_bene_tab_check_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 9px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 20px 0;
}
.personal .ps_quration .ps_tab_content .ps_bene_tab_check_list .ps_bene_tab_check_content {
    position: relative;
    width: calc((100% - 18px) / 3);
}
.personal .ps_quration .ps_tab_content .ps_bene_tab_check_list .ps_bene_tab_check_content input[type=checkbox] {
    display: none;
}
.personal .ps_quration .ps_tab_content .ps_bene_tab_check_list .ps_bene_tab_check_content input[type=checkbox] + label {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 88px;
    padding: 36px 10px 10px;
    border: 1px solid #f5f7fa;
    border-radius: 8px;
    background: #f5f7fa;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.65px;
    color: #5c6677;
    text-align: center;
    word-break: break-all;
    white-space: wrap;
}
.personal .ps_quration .ps_tab_content .ps_bene_tab_check_list .ps_bene_tab_check_content input[type=checkbox] + label::after {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: url(../../images/API_M_KO//personal/m_icon_personal_gray.svg) no-repeat;
    content: "";
}
.personal .ps_quration .ps_tab_content .ps_bene_tab_check_list .ps_bene_tab_check_content input[type=checkbox]:checked + label {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-color: #ea2869;
    background-color: #fff2f7;
    color: #ea2869;
    font-weight: 700;
    content: "";
}
.personal .ps_quration .ps_tab_content .ps_bene_tab_check_list .ps_bene_tab_check_content input[type=checkbox]:checked + label::after {
    background-image: url(../../images/API_M_KO//personal/m_icon_personal_checked.svg);
    content: "";
}
.personal .ps_quration.type-result, .personal .ps_quration.type-loading {
    display: none;
}
.personal .ps_bene_btn {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 20px;
}
.personal .ps_bene_btn .btn_curation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    text-align: center;
    height: 48px;
    background: #1b1e23;
    border-radius: 4px;
    color: #fff;
    line-height: 1.2;
    letter-spacing: -0.8px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
}
.personal .ps_bene_btn .btn_recent {
    position: relative;
    padding: 16px 0 0;
    width: 100%;
    text-align: center;
    color: #788497;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.7px;
    font-weight: 500;
    cursor: pointer;
}
.personal .ps_bene_btn .btn_recent::after {
    position: absolute;
    width: 20px;
    height: 16px;
    top: 18px;
    content: "";
    background: url(../../images/API_M_KO/common/n/M_refrash.svg) center right no-repeat;
}
.personal .ps_qr_content {
    padding: 0 16px 20px;
}
.personal .qr_keyword {
    overflow-x: scroll;
    white-space: nowrap;
    padding-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin: 0 -15px;
}
.personal .keyword_list {
    padding-left: 20px;
}
.personal .keyword_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.personal .keyword_list ul li {
    padding: 6px 12px;
    background: #1b1e23;
    color: #fff;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.7px;
    border-radius: 28px;
}
.personal .keyword_modify {
    position: relative;
    padding-right: 20px;
}
.personal .keyword_modify button {
    display: block;
    border: 1px solid #ccd1d8;
    color: #1b1e23;
    position: relative;
    padding: 6px 12px 6px 30px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.7px;
    border-radius: 28px;
    font-weight: 500;
}
.personal .keyword_modify button::before {
    position: absolute;
    left: 12px;
    top: 8px;
    width: 16px;
    height: 16px;
    content: "";
    background: url(../../images/API_M_KO/common/n/m_icon_modify.svg) center no-repeat;
}
.personal .qr_result > div:first-child.tit {
    margin-top: 32px;
}
.personal .qr_result .tit {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.47;
    letter-spacing: -0.75px;
    color: #1b1e23;
    margin-top: 48px;
}
.personal .result_prod {
    width: 100%;
    padding-top: 16px;
}
.personal .result_prod.result_prod_brand_hash {
    padding-top: 12px;
}
.personal .prod_brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    position: relative;
    height: 72px;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    isolation: isolate; /*20231222 */
}
.personal .prod_brand img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0; /*20231222 */
    width: 100%;
    height: 100%;
    -o-object-position: 100% 100%;
       object-position: 100% 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.personal .prod_brand::before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.6);
    content: "";
}
.personal .prod_brand span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    font-weight: 500;
    z-index: 1;
}
.personal .prod_brand span::after {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/M_arrow_right_w.svg) no-repeat;
    background-size: contain;
    content: "";
}
.personal .prod_brand.type-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #eef0f2;
}
.personal .prod_brand.type-logo::before {
    display: none;
}
.personal .prod_brand.type-logo .result-product__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 72px;
    height: 72px;
    background-color: #f4f5f6;
}
.personal .prod_brand.type-logo .result-product__logo img {
    position: relative;
    right: auto;
    bottom: auto;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    -o-object-fit: contain;
       object-fit: contain;
}
.personal .prod_brand.type-logo span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
    width: calc(100% - 72px);
    height: 72px;
    color: #1b1e23;
    text-align: center;
}
.personal .prod_brand.type-logo span::after {
    -webkit-filter: brightness(0) invert(0);
            filter: brightness(0) invert(0);
}
.personal .prod_brand.brand_hash {
    margin-top: 32px;
}
.personal .result_prod_list .list-product {
    gap: 32px 9px;
}
.personal .result_prod_list.list_fir, .personal .result_prod_list.list_sec {
    margin-top: 12px;
}
.personal .result_prod_list.list_fir .list-product, .personal .result_prod_list.list_sec .list-product > li {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-bottom: 16px;
}
.personal .result_prod_list.list_fir .list-product.list-product__searchlist.type-1 > li {
    width: calc((100% - 18px) / 3);
}
.personal .result_prod_list.list_four .product__item .product__brand-info {
    margin-top: 2px;
}
/* 20231221 */
.personal .result_prod_list .product__item .product__info .product__brand:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    white-space: nowrap;
}
.personal .result_prod_list .product__item .product__info .product__price--origin .product__price--sale.product__price--sale-type-1 {
    color: #1b1e23;
    font-size: 12px;
    font-weight: 400;
}
.personal .result_prod_list .product__item .product__info .product__price--origin .product__price--won span {
    color: #3d444f;
    font-size: 12px;
    font-weight: 400;
}
.personal .result_prod_list .product__img {
    position: relative;
    height: 0;
    padding: 100% 0 0;
    border-radius: 8px;
}
.personal .result_prod_list .product__img img {
    position: absolute;
    top: 8px;
    left: 8px;
    transform: none;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
}
.personal .result_prod_list .product__img::before {
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
    height: calc(100% - 16px);
    width: calc(100% - 16px);
    pointer-events: none; /* 20231227 */
}
/* 20231221 */
.personal .result_prod_list .product__img.type_padd img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.personal .result_prod_list .product__img.type_padd::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.personal .result_prod_list .product__img .product-discount {
    font-family: "Times New Roman", "Times", Serif;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    font-size: 26px;
    color: #1b1e23;
    font-style: italic;
    font-weight: 600;
}
.personal .result_prod_list .product__img .product-discount span {
    font-size: 16px;
}
.personal .result_prod_list .product__img .movie-play {
    display: block;
}
.personal .result_prod_list .product__img .movie-play::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../../images/API_M_KO/common/n/M_ico_unit_play.svg);
}
.personal .result_prod_list .product__img .btn-cart {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 0;
    padding-top: 32px;
    border: none;
    border-radius: 4px 0 4px 0;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    text-indent: -9999px;
}
.personal .result_prod_list .product__img .btn-cart::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_product_cart_w.svg);
}

.personal .result_prod_list .product__img .btn-cart.type-re {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 32px;
    padding-top: 0;
    border-radius: 0 0 8px 8px;
    background-color: rgba(0, 0, 0, 0.06);
    background-image: none;
    box-shadow: unset;
    font-size: 12px;
    letter-spacing: -0.6px;
    color: rgba(0, 0, 0, 0.4);
    text-indent: 0;
    text-align: center;
}
.personal .result_prod_list .product__item.type-sales--end .product__img::after,
.personal .result_prod_list .product__img .btn-cart.type-re::before {
    display: none;
}


.personal .result_prod_list .product__img .discount_white {
    color: #fff;
}
.personal .result_prod_list .product__img .coming_soon {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 30px;
    border-radius: 4px 0 4px 0;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    line-height: 28px;
    font-size: 12px;
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
    font-weight: 500;
    color: #fff;
}
.personal .result_prod_list .list-product.list-product__searchlist .wrap-inner__img {
    overflow: hidden;
    position: relative;
    height: 0;
    padding: 100% 0 0;
    border-radius: 8px;
    background-color: #f5f7fa;
}
.personal .result_prod_list .product__img .btn-cart.type-re {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 32px;
    padding-top: 0;
    border-radius: 0 0 8px 8px;
    background-color: rgba(0, 0, 0, 0.06);
    background-image: none;
    box-shadow: unset;
    font-size: 12px;
    letter-spacing: -0.6px;
    color: rgba(0, 0, 0, 0.4);
    text-indent: 0;
    text-align: center;
}
.personal .result_prod_list .product__item.type-sales--end .product__img::after,
.personal .result_prod_list .product__img .btn-cart.type-re::before {
    display: none;
}
.personal .result_prod_list .product__img > a:not(.no_stoc):not(.no_stoc2),
.personal .result_prod_list .list-product__searchlist.type-1 > li > .wrap-inner__img > a:not(.no_stoc):not(.no_stoc2),
.personal .result_prod_list .list-product.list-product__searchlist .wrap-inner__img > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.personal .result_prod_list .list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section .prd_img::before {
    display: none;
}
.personal .result_prod_list .list-product__searchlist.type-1 > li > .wrap-inner__img > a .pic_section .prd_img img {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
}
.personal .result_prod_list .list-product__searchlist.type-1 > li .prd_tit2 .prd_price2 .prd_condition .cd_color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 20px;
    margin: 0;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: -0.55px;
    color: #fff !important;
    border: 1px solid transparent !important;
    background-image: linear-gradient(111deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%) !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}
.personal .result_prod_list .list-product__searchlist.type-1 > li > .wrap-inner__img a.no_stoc,
.personal .result_prod_list .list-product__searchlist.type-1 > li > .wrap-inner__img a.no_stoc2 {
    top: auto;
    bottom: 0;
    height: 32px;
}
.personal .result_prod_list .list-product.list-product__searchlist .wrap-inner__img a.no_stoc,
.personal .result_prod_list .list-product.list-product__searchlist .wrap-inner__img a.no_stoc2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 32px;
    border-radius: 0 0 8px 8px;
    background-color: rgba(0, 0, 0, 0.06);
    font-size: 12px;
    letter-spacing: -0.6px;
    color: rgba(0, 0, 0, 0.4);
    text-align: center;
}
.personal .result_prod_list .list-product.list-product__searchlist .wrap-inner__img + .prd_tit2 {
    margin-top: 5px;
}
.personal .result_prod_list .list-product.list-product__searchlist .wrap-inner__img .pic_section  {
    padding: 8px;
}
.personal .result_prod_list .list-product.list-product__searchlist .wrap-inner__img .pic_section::before {
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    background-color: rgba(12, 54, 122, 0.04);
    content: "";
}
.personal .result_prod_list .list-product.list-product__searchlist .wrap-inner__img .cart a {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 32px;
    height: 0;
    padding-top: 32px;
    border: none;
    border-radius: 4px 0;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    text-indent: -9999px;
}
.personal .result_prod_list .list-product.list-product__searchlist .wrap-inner__img .cart a::before {
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_product_cart_w.svg) no-repeat;
    background-size: contain;
    content: "";
}
.personal .result_prod_list .product__brand-info {
    margin-top: 8px;
    word-break: break-word;
    color: #3d444f;
}
.personal .result_prod_list .product__brand-info.type-highlight {
    height: auto;
    color: #ea2869;
    margin-bottom: 2px;
}
.personal .result_prod_list .product__remain {
    padding-left: 20px;
    background: url(../../images/API_M_KO/common/n/icon_time_gray.svg) left center no-repeat;
    font-size: 13px;
    color: #3d444f;
}
.personal .result_prod_list .product__tag {
    margin-top: 8px;
}
.personal .result_prod_list .product__tag p {
    font-weight: 500;
}
.personal .result_prod_list .info_peri {
    height: auto;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.6px;
    color: #788497;
}
.personal .result_prod_list .item_banner {
    /* height: 0; */
    width: calc((100% - 9px) / 2);
    position: relative;
}
.personal .result_prod_list .item_banner > a {
    display: block;
    width: 100%;
    height: 0;
    padding: 170% 0 0;
}
.personal .result_prod_list .item_banner > a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 9px;
}
.personal .result_prod_list .item_banner > a::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 9px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(36%, rgba(40, 44, 52, 0.08)), color-stop(63%, #282C34));
    background-image: linear-gradient(to bottom, rgba(40, 44, 52, 0.08) 36%, #282C34 63%);
}
.personal .result_prod_list .item_banner > a .wrap_info {
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 1;
    width: 100%;
}
.personal .result_prod_list .item_banner .wrap_info {
    padding-left: 16px;
}
.personal .result_prod_list .item_banner .type_banner {
    color: #fff;
    font-size: 16px !important;
    line-height: 1.5;
    letter-spacing: -0.8px;
    font-weight: 700;
    height: auto;
}
.personal .result_prod_list .item_banner .type_banner::before {
    position: absolute;
    bottom: 55px;
    width: 28px;
    height: 28px;
    background-image: url(../../images/API_M_KO/common/n/m_icon_b.svg);
    content: "";
}
.personal .result_prod_list .item_banner .type_go {
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.7px;
    height: auto;
}
.personal .result_prod_list .item_banner .type_go::after {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 3px;
    background-image: url(../../images/API_M_KO/common/n/M_arrow_right_w.svg);
    background-size: contain;
}
/* .personal .result_prod_list .type-coupon {
    padding-top: 16px;
} */
.personal .result_prod_list .type-coupon .product__item {
    position: relative;
}
.personal .result_prod_list .type-coupon .product__item .product__img {
    padding: 100% 0 0;
}
.personal .result_prod_list .type-coupon .product__item .product__img::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.personal .refresh {
    text-align: center;
    padding-top: 32px;
}
.personal .refresh button {
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.7px;
    color: #788497;
    position: relative;
    cursor: pointer;
}
.personal .refresh button::after {
    position: absolute;
    width: 20px;
    height: 16px;
    top: 2px;
    content: "";
    background: url(../../images/API_M_KO/common/n/M_refrash.svg) center right no-repeat;
}
.personal .step2 {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 160px);
}
.personal .step2 .ld_wait {
    padding-top: 22%;
    font-size: 14px;
    color: #5c6677;
    line-height: 1.43;
    letter-spacing: -0.7px;
    text-align: center;
}
.personal .step2 .ld_title {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.8px;
    color: #1b1e23;
    font-weight: 700;
    text-align: center;
    margin-top: 16px;
}
.personal .step2 .ld_title .title_emogi {
    position: relative;
}
.personal .step2 .ld_title .title_emogi::after {
    width: 18px;
    height: 19px;
    content: "";
    position: absolute;
    background: url(../../images/API_M_KO/personal/m_personal_eye.svg) right no-repeat;
    bottom: 2px;
    right: -24px;
}
.personal .ps_benefits,
.personal .step2,
.personal .step3 {
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0 -5px 10px 0 rgba(143, 123, 123, 0.1);
            box-shadow: 0 -5px 10px 0 rgba(143, 123, 123, 0.1);
    width: 100%;
}
.personal .login_area {
    position: relative;
    margin-top: 16px;
    border-radius: 12px;
    -webkit-box-shadow: 0 -5px 10px 0 rgba(143, 123, 123, 0.1);
            box-shadow: 0 -5px 10px 0 rgba(143, 123, 123, 0.1);
    background-image: linear-gradient(54deg, #3d73eb 15%, #de8fff 85%);
}
.personal .login_area .login_txt {
    padding: 32px;
    margin-bottom: 86px;
}
.personal .login_area .login_txt span {
    position: relative;
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -1.2px;
    color: #fff;
}
.personal .login_area .login_txt span::after, .personal .login_area .login_txt span::before {
    content: "";
    position: absolute;
}
.personal .login_area .login_txt .txt_1::after {
    top: -4px;
    width: 30px;
    height: 33px;
    background: url(../../images/API_M_KO/personal/m_personal_eyes.svg) no-repeat;
    margin-left: 2px;
}
.personal .login_area .login_txt .txt_1.txt_1_en::after {
    right: -15px;
}
.personal .login_area .login_txt .txt_2 .txt_2_1 {
    display: inline;
    margin-right: 30px;
}
.personal .login_area .login_txt .txt_2 .txt_2_1::after {
    top: 0;
    width: 28px;
    height: 34px;
    background: url(../../images/API_M_KO/personal/m_personal_yay.png) no-repeat;
}
.personal .login_area .login_txt .txt_3 {
    margin-left: 20px;
}
.personal .login_area .login_txt .txt_3::before {
    top: -5px;
    left: -40px;
    width: 44px;
    height: 47px;
    background: url(../../images/API_M_KO/personal/m_personal_star.svg) no-repeat;
}
.personal .login_area .login_txt .txt_3.txt_3_cn {
    margin-left: 0;
}
.personal .login_area .login_txt .txt_4 .txt_4_1 {
    display: inline;
    margin-left: 35px;
}
.personal .login_area .login_txt .txt_4 .txt_4_1::before {
    top: 1px;
    left: -38px;
    width: 41px;
    height: 35px;
    background: url(../../images/API_M_KO/personal/m_personal_foryou.svg) no-repeat;
}
.personal .login_area .login_txt .txt_4 .txt_4_1.txt_4_1_en {
    display: block;
}
.personal .login_area .login_txt .txt_4 .txt_4_1.txt_4_1_en::before {
    display: none;
}
.personal .login_area .login_txt .txt_4 .txt_4_1.txt_4_1_en::after {
    top: 0;
    right: -10px;
    width: 41px;
    height: 35px;
    background: url(../../images/API_M_KO/personal/m_personal_foryou.svg) no-repeat;
}
.personal .login_area .login_txt .txt_5 {
    display: inline !important;
}
.personal .login_area .login_txt .txt_5::after {
    right: -52px;
    top: 15px;
    z-index: 1;
    width: 41px;
    height: 41px;
    background: url(../../images/API_M_KO/personal/m_personal_smail.svg) no-repeat;
}
.personal .login_area .login_txt .txt_5.txt_5_en::after {
    right: 0;
}
.personal .login_area .login_txt .txt_6::after {
    top: 5px;
    width: 33px;
    height: 34px;
    margin-left: 2px;
    background: url(../../images/API_M_KO/personal/m_personal_flower.svg) no-repeat;
}
.personal .login_btn {
    position: relative;
    padding: 0 20px;
    bottom: 20px;
}
.personal .login_btn button {
    display: block;
    width: 100%;
    height: 48px;
    text-align: center;
    border-radius: 4px;
    background: #1b1e23;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.8px;
}
.personal .ps_main_wrap.is-fold .ps_info_top::before, .personal .ps_main_wrap.is-fold .ps_info_top::after {
    opacity: 0;
}
.personal .ps_main_wrap.is-fold .ps_info_top .ps_short {
    margin-top: 0;
    gap: 0 20px;
}
.personal .ps_main_wrap.is-fold .ps_info_top .ps_short::before {
    opacity: 0;
}
.personal .ps_main_wrap.is-fold .ps_info_top .ps_title {
    -webkit-transform: scale(0.65);
            transform: scale(0.65);
}
.personal .ps_main_wrap.is-fold .ps_info_top .ps_Dday {
    padding: 0;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.65px;
    color: #1b1e23;
    background: none;
    font-weight: 500;
}
.personal .ps_main_wrap.is-fold .ps_info_top .ps_Dday + .ps_magnetic_info::before {
    display: block;
    position: absolute;
    top: 50%;
    left: -10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background-color: #abb2be;
    content: "";
}
.personal .ps_main_wrap.is-fold .ps_info_top .ps_magnetic_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 0;
    color: #3d444f;
}
.personal .ps_main_wrap.is-fold .ps_info_top .ps_magnetic_info + .ps_exit::before {
    display: block;
    position: absolute;
    top: 50%;
    left: -10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background-color: #abb2be;
    content: "";
}
.personal .ps_main_wrap.is-fold .ps_info_top .ps_exit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.personal .ps_main_wrap.is-fold .ps_slider_card {
    margin-top: 20px;
}
.personal .ps_main_wrap.is-fixed {
    padding-top: 10px;
}
.personal .ps_main_wrap.is-fixed .ps_info_top {
    position: fixed;
    top: -60px;
    left: 0;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.personal .ps_main_wrap.is-fixed .ps_benefits {
    position: fixed;
    top: 150px;
    left: 20px;
    width: calc(100% - 40px);
    height: auto;
}
.personal .ps_main_wrap.is-fixed .ps_slider_card {
    padding-top: 280px;
}
.personal .ps_main_wrap.is-scroll .ps_benefits {
    display: none;
}

.ps_main_bg {
    padding-bottom: 0;
}
.ps_main_bg .personal .ps_info_top + .ps_slider_card {
    margin-top: 32px;
}
.ps_main_bg .personal .ps_info_top::before, .ps_main_bg .personal .ps_info_top::after {
    display: block;
    position: absolute;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.ps_main_bg .personal .ps_info_top::before {
    left: 0;
    top: 0;
    width: 26.64%;
    height: 0;
    padding-top: 15.118%;
    background-image: url(../../images/API_M_KO/personal/main_cloud_1.png);
    -webkit-animation: moveCloud1 16s alternate infinite;
            animation: moveCloud1 16s alternate infinite;
}
.ps_main_bg .personal .ps_info_top::after {
    right: 0;
    top: 40px;
    width: 34.9%;
    height: 0;
    padding-top: 26.64%;
    background-image: url(../../images/API_M_KO/personal/main_cloud_2.png);
    -webkit-animation: moveCloud2 17s alternate infinite;
            animation: moveCloud2 17s alternate infinite;
}
.ps_main_bg .personal .ps_info_top .ps_short::before {
    display: block;
    position: absolute;
    left: 32.8%;
    top: 27px;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    width: 34.66%;
    height: 0;
    padding-top: 9.597%;
    background-image: url(../../images/API_M_KO/personal/main_airplane.png);
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-animation: moveAirplane 8s infinite alternate linear;
            animation: moveAirplane 8s infinite alternate linear;
    content: "";
}

.util_area .util_bar .appbar.type-benefit {
    position: relative;
    width: 100%;
    background: url(../../images/API_M_KO/personal/appbar_bg.svg) center no-repeat;
}
.util_area .util_bar .appbar.type-benefit::after {
    display: block;
    content: "";
    width: 38%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: -1;
}
.util_area .util_bar .appbar.type-benefit::before {
    content: "";
    width: 38%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    display: block;
}
.util_area .util_bar .appbar.type-benefit.list-app-util a {
    background-color: #fff;
}
.util_area .util_bar .appbar.type-benefit.list-app-util a.active.app_search::after {
    background: url(../../images/API_M_KO/common/n/icon_appbar_search_active.svg) no-repeat;
}
.util_area .util_bar .appbar.type-benefit .app_more {
    top: -12px;
    width: 54px;
    height: 54px;
    background-image: linear-gradient(135deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%);
    border-radius: 50%;
}
.util_area .util_bar .appbar.type-benefit .app_more::after {
    position: absolute;
    content: "";
    background: url(../../images/API_M_KO/personal/m_personal_Frame.svg) no-repeat;
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.util_area .util_bar .appbar.type-benefit .app_gnb {
    border-radius: 0 20px 0 0;
}
.util_area .util_bar .appbar.type-benefit .app_search {
    border-radius: 20px 0 0 0;
}

.bgGif svg {
    position: absolute;
    bottom: -1px;
    right: -1px;
}

.bgGif .eye_blink_pink,
.bgGif .eye_sight_pink {
    -webkit-animation: pBlink2 6s step-end 0.5s infinite;
            animation: pBlink2 6s step-end 0.5s infinite;
}

.bgGif .p_blink {
    -webkit-animation: pBlink 6s step-end 0.5s infinite;
            animation: pBlink 6s step-end 0.5s infinite;
}

.bgGif .eye_animation {
    -webkit-animation: eyeAni 6s step-end 0.5s infinite;
            animation: eyeAni 6s step-end 0.5s infinite;
}

.bgGif .purple_blink_all {
    -webkit-animation: pBlink2 5s step-end 1s infinite;
            animation: pBlink2 5s step-end 1s infinite;
}

.bgGif .purple_blink {
    -webkit-animation: pBlink 5s step-end 1s infinite;
            animation: pBlink 5s step-end 1s infinite;
}

.bgGif .eye_animation2 {
    -webkit-animation: eyeAni2 5s step-end 1s infinite;
            animation: eyeAni2 5s step-end 1s infinite;
}

.bgGif .mouse_animation {
    -webkit-animation: mouseAni 1s step-end 5.5s infinite;
            animation: mouseAni 1s step-end 5.5s infinite;
}

@-webkit-keyframes eyeAni {
    0% {
        -webkit-transform: translate(0);
                transform: translate(0);
    }
    50% {
        -webkit-transform: translate(5px, -5px);
                transform: translate(5px, -5px);
    }
    80% {
        -webkit-transform: translate(-4px, 8px);
                transform: translate(-4px, 8px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
}

@keyframes eyeAni {
    0% {
        -webkit-transform: translate(0);
                transform: translate(0);
    }
    50% {
        -webkit-transform: translate(5px, -5px);
                transform: translate(5px, -5px);
    }
    80% {
        -webkit-transform: translate(-4px, 8px);
                transform: translate(-4px, 8px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
}
@-webkit-keyframes eyeAni2 {
    0% {
        opacity: 1;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(5px, -5px);
                transform: translate(5px, -5px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
}
@keyframes eyeAni2 {
    0% {
        opacity: 1;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(5px, -5px);
                transform: translate(5px, -5px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
}
@-webkit-keyframes mouseAni {
    from {
        d: path("M87.1956 302.5C91.1956 302.5 102.8 298.5 108 294.5C112.304 291.189 116.862 286.5 119.196 283.5");
    }
    to {
        d: path("M73 305.676C80.2499 305.676 101.283 298.097 110.708 290.518C118.508 284.245 126.77 275.36 131 269.676");
    }
}
@keyframes mouseAni {
    from {
        d: path("M87.1956 302.5C91.1956 302.5 102.8 298.5 108 294.5C112.304 291.189 116.862 286.5 119.196 283.5");
    }
    to {
        d: path("M73 305.676C80.2499 305.676 101.283 298.097 110.708 290.518C118.508 284.245 126.77 275.36 131 269.676");
    }
}
@-webkit-keyframes pBlink {
    0% {
        opacity: 0;
    }
    96% {
        opacity: 0;
    }
    98% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes pBlink {
    0% {
        opacity: 0;
    }
    96% {
        opacity: 0;
    }
    98% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes pBlink2 {
    0% {
        opacity: 1;
    }
    96% {
        opacity: 1;
    }
    98% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes pBlink2 {
    0% {
        opacity: 1;
    }
    96% {
        opacity: 1;
    }
    98% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes moveCloud1 {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    20% {
        -webkit-transform: translate(-10%, 10%);
                transform: translate(-10%, 10%);
    }
    40% {
        -webkit-transform: translate(0, 30%);
                transform: translate(0, 30%);
    }
    60% {
        -webkit-transform: translate(-10%, 15%);
                transform: translate(-10%, 15%);
    }
    80% {
        -webkit-transform: translate(-3%, 0);
                transform: translate(-3%, 0);
    }
    100% {
        -webkit-transform: translate(0, -5%);
                transform: translate(0, -5%);
    }
}
@keyframes moveCloud1 {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    20% {
        -webkit-transform: translate(-10%, 10%);
                transform: translate(-10%, 10%);
    }
    40% {
        -webkit-transform: translate(0, 30%);
                transform: translate(0, 30%);
    }
    60% {
        -webkit-transform: translate(-10%, 15%);
                transform: translate(-10%, 15%);
    }
    80% {
        -webkit-transform: translate(-3%, 0);
                transform: translate(-3%, 0);
    }
    100% {
        -webkit-transform: translate(0, -5%);
                transform: translate(0, -5%);
    }
}
@-webkit-keyframes moveCloud2 {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    20% {
        -webkit-transform: translate(8%, 10%);
                transform: translate(8%, 10%);
    }
    40% {
        -webkit-transform: translate(0, 24%);
                transform: translate(0, 24%);
    }
    60% {
        -webkit-transform: translate(6%, 12%);
                transform: translate(6%, 12%);
    }
    80% {
        -webkit-transform: translate(-2%, -2%);
                transform: translate(-2%, -2%);
    }
    100% {
        -webkit-transform: translate(1%, -8%);
                transform: translate(1%, -8%);
    }
}
@keyframes moveCloud2 {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    20% {
        -webkit-transform: translate(8%, 10%);
                transform: translate(8%, 10%);
    }
    40% {
        -webkit-transform: translate(0, 24%);
                transform: translate(0, 24%);
    }
    60% {
        -webkit-transform: translate(6%, 12%);
                transform: translate(6%, 12%);
    }
    80% {
        -webkit-transform: translate(-2%, -2%);
                transform: translate(-2%, -2%);
    }
    100% {
        -webkit-transform: translate(1%, -8%);
                transform: translate(1%, -8%);
    }
}
@-webkit-keyframes moveAirplane {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    20% {
        -webkit-transform: translate(-10%, -10%);
                transform: translate(-10%, -10%);
    }
    40% {
        -webkit-transform: translate(-15%, -5%);
                transform: translate(-15%, -5%);
    }
    60% {
        -webkit-transform: translate(-6%, 2%);
                transform: translate(-6%, 2%);
    }
    80% {
        -webkit-transform: translate(5%, 10%);
                transform: translate(5%, 10%);
    }
    100% {
        -webkit-transform: translate(8%, 3%);
                transform: translate(8%, 3%);
    }
}
@keyframes moveAirplane {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    20% {
        -webkit-transform: translate(-10%, -10%);
                transform: translate(-10%, -10%);
    }
    40% {
        -webkit-transform: translate(-15%, -5%);
                transform: translate(-15%, -5%);
    }
    60% {
        -webkit-transform: translate(-6%, 2%);
                transform: translate(-6%, 2%);
    }
    80% {
        -webkit-transform: translate(5%, 10%);
                transform: translate(5%, 10%);
    }
    100% {
        -webkit-transform: translate(8%, 3%);
                transform: translate(8%, 3%);
    }
}
.foot_wrap .foot_notice {
    background-color: #fff;
}

.txt-benefit-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    bottom: 84px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 110;
    min-height: 35px;
    padding: 10px 24px;
    border-radius: 35px;
    background-color: rgba(92, 102, 119, 0.8);
    line-height: 1.3;
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
}

.m_popup_renew.box-float-layer .tit_layer {
    padding-left: 60px;
}
/* main top--list */
.wrap-gnb-search {
    margin-top: 18px;
    padding: 0 20px;
    justify-self: center;
}
.wrap-gnb-search .searchfield {
    position: relative;
}
.wrap-gnb-search .select_search .tag_search {
    background-color: transparent;
    background-image: url(../../images/API_M_KO/common/n/icon_gnb_hash_1.svg);
    background-position: 0 0;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 15px;
    right: 48px;
    text-indent: -9999px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 79;
}
.wrap-gnb-search .select_search .text_search {
    background-color: transparent;
    background-image: url(../../images/API_M_KO/common/n/icon_gnb_text.svg);
    background-position: 0 0;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 15px;
    right: 48px;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 78;
}
.wrap-gnb-search .select_search.tag .tag_search {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 15px;
    right: 61px;
    background-image: url(../../images/API_M_KO/common/n/icon_gnb_hash_1.svg);
    text-indent: -9999px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 79;
}
.wrap-gnb-search .sh_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    width: 100%;
    height: 52px;
    border: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 16px;
    border-radius: 8px;
    border: solid 1px #dde0e5;
    background-color: #fff;
}
.wrap-gnb-search .sh_top .sh_ipt {
    display: block;
    width: calc(100% - 90px);
    height: auto;
}
.wrap-gnb-search .sh_top .sh_rht {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    float: none;
    padding-right: 0;
}
.wrap-gnb-search .sh_top .sh_rht .tip_item {
    height: 100%;
}
.wrap-gnb-search .sh_top input.search_top2 {
    padding-left: 45px;
    background-position: 16px 50%;
}
.wrap-gnb-search .sh_top button {
    height: 52px;
}
.wrap-gnb-search .search_top input {
    margin-top: 0;
    padding-left: 16px;
    padding-right: 0;
    border: none;
    background-color: transparent;
    font-size: 16px;
    line-height: 50px;
}
.wrap-gnb-search .search_top .tag_search {
    display: none;
}
.wrap-gnb-search .btn_search {
    background-image: url(../../images/API_M_KO/common/n/icon_gnb_search.svg);
    background-position: 0 0;
    display: block;
    position: absolute;
    top: 15px;
    right: 12px;
    width: 22px;
    height: 22px;
    border: 0;
    text-indent: -9999px;
}
.wrap-gnb-search .advanced_search {
    z-index: 35;
}

.ps_main_box_wrap {
    padding: 40px 20px 0;/* 2024-03-14 ai추천 관련 수정 20px 20px 0*/
}
.ps_main_box_wrap .ps_main_box {
    padding: 16px;
    border-radius: 8px;
    background-image: -webkit-gradient(linear, left top, right top, from(#f0f6ff), color-stop(36%, #fef4f4), to(#ffeffb));
    background-image: linear-gradient(to right, #f0f6ff 0%, #fef4f4 36%, #ffeffb 100%);
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.ps_main_box_wrap .ps_main_box + .ps_main_box {
    margin-top: 26px;
}
.ps_main_box_wrap .ps_main_box .ps_main_box_hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.ps_main_box_wrap .ps_main_box .ps_main_box_hd span {
    font-weight: 500;
}
.ps_main_box_wrap .ps_main_box .ps_main_box_hd .ps_main_box_hd_left .ps_main_box_departure {
    position: relative;
    padding: 0 8px 0 20px;
    color: #ea2869;
}
.ps_main_box_wrap .ps_main_box .ps_main_box_hd .ps_main_box_hd_left .ps_main_box_departure::before {
    top: 1px;
    left: 0;
    position: absolute;
    width: 16px;
    height: 16px;
    content: "";
    background: url(../../images/API_M_KO/common/n/ps_air.svg);
}
.ps_main_box_wrap .ps_main_box .ps_main_box_hd .ps_main_box_hd_left .ps_main_box_name {
    color: #3d444f;
    padding-left: 8px;
    position: relative;
}
.ps_main_box_wrap .ps_main_box .ps_main_box_hd .ps_main_box_hd_left .ps_main_box_name::before {
    top: 4px;
    left: 0;
    position: absolute;
    width: 1px;
    height: 12px;
    background: #CCD1D8;
    content: "";
}
.ps_main_box_wrap .ps_main_box .ps_main_box_hd .ps_main_box_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.ps_main_box_wrap .ps_main_box .ps_main_box_hd .ps_main_box_temperature {
    color: #3d444f;
    padding-left: 4px;
}
.ps_main_box_wrap .ps_main_box .ps_main_box_hd + .ps_main_box_info {
    margin-top: 12px;
}
.ps_main_box_wrap .ps_main_box .ps_main_box_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.ps_main_box_wrap .ps_main_box .ps_main_box_info .ps_main_box_info_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    -ms-flex-preferred-size: 286px;
        flex-basis: 286px;
}
.ps_main_box_wrap .ps_main_box .ps_main_box_info .ps_main_box_info_left img {
    width: 64px;
    height: 64px;
}
.ps_main_box_wrap .ps_main_box .ps_main_box_info .ps_main_box_info_left .ps_main_box_info_text p {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.47;
    letter-spacing: -0.75px;
    color: #1b1e23;
}
.ps_main_box_wrap .ps_main_box .ps_main_box_info .ps_main_box_info_left .ps_main_box_info_text p strong {
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
}
.ps_main_box_wrap .ps_main_box .ps_main_box_info .ps_main_box_info_left .ps_main_box_info_text p .text_gradi {
    background: linear-gradient(102deg, #EA2829 0%, #EA2869 42%, #ce28a5 74%, #a928ea 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}
.ps_main_box_wrap .ps_main_box .ps_main_box_info .ps_link {
    display: block;
    width: 28px;
    height: 28px;
    background: url(../../images/API_M_KO/common/n/ps_arrow.svg) no-repeat center #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}




/* S: 2023-10-18 리뷰라운지 추가*/
/* main top--list */
.review-rounge {
    overflow-x: hidden;
    /* common reset */
}
.review-rounge .product-list {
    position: relative;
    width: 100%;
}
.review-rounge .product-saerch-list-top {
    padding: 0 20px;
}
.review-rounge .product-saerch-list-top span {
    display: inline-block;
    margin-right: 16px;
}
.review-rounge .product-saerch-list-top .product-saerch-list-right .form_cont .wrap-add-dropdown {
    max-width: 65px;
}
.review-rounge .product-list .search-review-data {
    position: sticky;
    top: 61px;
    left: 0;
    z-index: 10;
    padding: 16px 0;
    background-color: #fff;
}
.review-rounge .product-list .search-review-data .btn-ordered-review {
    position: absolute;
    left: 0;
    top: 10px;
}
.review-rounge .product-list .search-review-data .btn-ordered-review:after {
    content:"";
    position: absolute;
    left:20px;
    top:0;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);
    width: 30px;
    height: 100%;
    z-index: 1;
}
.review-rounge .product-list .search-review-data .btn-ordered-review button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    height: 44px;
    padding: 0 13px 0 6px;
    border: none;
    border-radius: 0 44px 44px 0;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.23);
            box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.23);
    background-color: transparent;
    background-image: linear-gradient(138deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%);
    text-indent: -9999px;
    position:relative;
    z-index:2; 
}
.review-rounge .product-list .search-review-data .btn-ordered-review button span {
    display: none;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.7px;
    pointer-events: none;
}
.review-rounge .product-list .search-review-data .btn-ordered-review button::before {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 20px;
    background: url(../../images/API_M_KO/review/icon_filter_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.review-rounge .product-list .search-review-data .btn-ordered-review button.is-active {
    padding-right: 16px;
}
.review-rounge .product-list .search-review-data .btn-ordered-review button.is-active span {
    display: block;
    margin-left: 8px;
}
.review-rounge .product-list .search-review-data .list-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    padding-left: 50px;
    padding-right: 20px;
    position: relative;
}
.review-rounge .product-list .search-review-data .list-filter li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    height: 32px;
    padding: 5px 12px;
    border: 1px solid #ccd1d8;
    border-radius: 32px;
    background-color: transparent;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #1b1e23;
    white-space: nowrap;
}
.review-rounge .product-list .search-review-data .list-filter li button.is-active {
    border: none;
    background-color: #1b1e23;
    color: #fff;
}
.review-rounge .product-list .search-review-data .list-filter li button.is-active::after {
    display: block;
    width: 14px;
    height: 14px;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    background: url(../../images/API_M_KO/common/n/icon_check_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.review-rounge .product-list .search-review-data .list-filter + .wrap-list-filter-result {
    margin-top: 22px;
}
.review-rounge .product-list .search-review-data .wrap-list-filter-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}
.review-rounge .product-list .search-review-data .wrap-list-filter-result .btn-reset {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.review-rounge .product-list .search-review-data .wrap-list-filter-result .btn-reset button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    border: none;
    background-color: transparent;
    font-size: 14px;
    color: #788497;
    letter-spacing: -0.35px;
}
.review-rounge .product-list .search-review-data .wrap-list-filter-result .btn-reset button::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/common/n/icon_reset_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.review-rounge .product-list .search-review-data .list-filter-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.review-rounge .product-list .search-review-data .list-filter-result li {
    position: relative;
}
.review-rounge .product-list .search-review-data .list-filter-result li button.btn-current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    height: 32px;
    padding: 5px 12px;
    border: none;
    border-radius: 32px;
    background-color: #f5f7fa;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #3d444f;
    white-space: nowrap;
}
.review-rounge .product-list .search-review-data .list-filter-result li button.btn-current:after {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../../images/API_M_KO/common/n/M_close_w.svg) no-repeat;
    background-size: contain;
    content: "";
}
.review-rounge .product-list .saerch-result-content {
    padding-top: 18px;
    border-top: 8px solid #eef0f2;
}
.review-rounge .product-list .saerch-result-content .product-saerch-list-top {
    padding-left: 20px;
    padding-right: 20px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge {
    gap: 32px 9px;
    margin-top: 12px;
    padding: 0 20px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__img {
    padding: 0;
    border-radius: 8px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(12, 54, 122, 0.04);
    z-index: 1;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__img:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__info {
    margin-top: 8px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__info .review__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__info .review__tit .review__name {
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.65px;
    color: #1b1e23;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review__like button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    position: relative;
    z-index: 1;
    font-size: 13px;
    letter-spacing: -0.65px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review__like button .btn__tit {
    display: none;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review__like button::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/review/icon_like_off.svg) no-repeat;
    background-size: contain;
    content: "";
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review__like button.is-active::before {
    background-image: url(../../images/API_M_KO/review/icon_like_on.svg);
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__info .review__tit + .review__detail {
    margin-top: 6px;
    word-break: break-all;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__info .review__detail {
    display: -webkit-box;
    overflow: hidden;
    height: 40px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
    color: #3d444f;
    line-height: 1.46;
    letter-spacing: -0.65px;
    word-break: keep-all;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .link-product {
    margin-top: 12px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 6px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review-product .review-product__img {
    overflow: hidden;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 4px;
    isolation: isolate;
    background-color: #f5f7fa;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review-product .review-product__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review-product .review-product__img::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 54, 122, 0.04);
    content: "";
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review-product .review-product__info {
    width: 100%;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review-product .review-product__info .review-product__tit {
    font-size: 10px;
    letter-spacing: -0.5px;
    color: #1b1e23;
    font-weight: 700;
    line-height: 1.1;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review-product .review-product__info .review-product__tit + .review-product__detail {
    margin-top: 2px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review-product .review-product__info .review-product__detail {
    display: -webkit-box;
    overflow: hidden;
    height: 30px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 10px;
    color: #5c6677;
    line-height: 1.4;
    letter-spacing: -0.5px;
    word-break: keep-all;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review-product .review-product__info .review-product__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-size: 10px;
    letter-spacing: -0.5px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review-product .review-product__info .review-product__price .product__price {
    color: #ea2829;
    font-weight: 700;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review-product .review-product__info .review-product__price .product__price--won {
    color: #3d444f;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review-product .review-product__info .review-product__price .product__price--won span {
    font-weight: 700;
}
.review-rounge .product-list .saerch-result-content .main-banner + .list-product.list-review-rounge {
    margin-top: 32px;
}
.review-rounge .product-list .saerch-result-content .no-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    padding: 48px 20px 80px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.75px;
    color: #3d444f;
    text-align: center;
}
.review-rounge .product-list .saerch-result-content .no-review::before {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../../images/API_M_KO/review/icon_empty_review.svg) no-repeat;
    background-size: contain;
    content: "";
}
.review-rounge .list-review-rounge__banner {
    width: calc(100% + 40px);
    margin: 0 -20px;
}
.review-rounge .main-banner {
    position: relative;
    margin-top: 0;
    overflow: hidden;
}
.review-rounge .main-banner .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3px;
    position: absolute;
    top: auto;
    left: auto;
    right: 8px;
    bottom: 8px;
    z-index: 1;
    width: auto;
    height: 24px;
    margin-top: 0;
    padding: 0 8px;
    border-radius: 24px;
    background-color: rgba(27, 30, 35, 0.7);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.55px;
    color: rgba(255, 255, 255, 0.5);
}
.review-rounge .main-banner .swiper-pagination .swiper-pagination-current {
    color: #fff;
}

.m_popup_renew.box-bottom-float.type-review-rounge {
    z-index: 1100;
    padding-bottom: 90px;
    padding-left: 0;
    padding-right: 0;
}
.m_popup_renew.type-review-rounge {
    overflow: hidden;
    padding-bottom: 90px;
}
.m_popup_renew.type-review-rounge.no-pad {
    padding-bottom: 0;
}
.m_popup_renew.type-review-rounge .tit_layer {
    padding-left: 50px;
}
.m_popup_renew.type-review-rounge .wrap-order-check {
    padding:0 0 26px;
}
.m_popup_renew.type-review-rounge .wrap-order-check li {
    display: flex;
    justify-content: space-between;
}
.m_popup_renew.type-review-rounge .wrap-order-check li + li {
    margin-top: 16px;
}
.m_popup_renew.type-review-rounge .wrap-order-float .wrap-order-check .wrap-form__checkbox label input[type=checkbox]:checked + .txt-label {
    color: #1b1e23;
    font-weight: 600;
}
.m_popup_renew.type-review-rounge .wrap-order-check .btn_more_view {
    color: #788497;
    text-decoration: underline;
}
.m_popup_renew .pop-review-rounge {
    /* 리뷰 작성 */
}
.m_popup_renew .pop-review-rounge.type-1 {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 240px);
    padding-bottom: 10px;
}
.m_popup_renew .pop-review-rounge.type-2 {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 60px);
    padding-bottom: 10px;
}
.m_popup_renew .pop-review-rounge.type-3 {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 150px);
    padding-bottom: 10px;
}
.m_popup_renew .pop-review-rounge .inner-review-rounge {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 190px);
    margin-top: 12px;
}
.m_popup_renew .pop-review-rounge .pop-review-rounge__tit {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    letter-spacing: -0.9px;
    text-align: center;
}
.m_popup_renew .pop-review-rounge .title-layer__sub {
    margin: 30px 0 20px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.8px;
    text-align: center;
}
.m_popup_renew .pop-review-rounge .pop-review-rounge__tit + .pop-review-rounge__txt {
    margin-top: 5px;
}
.m_popup_renew .pop-review-rounge .pop-review-rounge__txt {
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #1b1e23;
    text-align: center;
}
.m_popup_renew .pop-review-rounge .pop-review-rounge__txt + .review-rounge {
    margin-top: 32px;
}
.m_popup_renew .pop-review-rounge .review-rounge .wrap-review-form + .wrap-accordion, .m_popup_renew .pop-review-rounge .review-rounge .wrap-review-form + .wrap-review-form {
    margin-top: 32px;
}
.m_popup_renew .pop-review-rounge .review-form__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.7px;
    font-size: 14px;
}
.m_popup_renew .pop-review-rounge .review-form__tit .sub-txt {
    font-size:12.1px; font-weight:400; color:#788497; margin-left:3px;
}
.m_popup_renew .pop-review-rounge .review-form__tit.type__check {
    justify-content: space-between;
}
.m_popup_renew .pop-review-rounge .review-form__tit .review-form__exp {
    color: #ea2869;
}
.m_popup_renew .pop-review-rounge .review-form__tit + .list-review-form {
    margin-top: 12px;
}
.m_popup_renew .pop-review-rounge .review-form__tit + .graph-track {
    margin-top: 7px;
}
.m_popup_renew .pop-review-rounge .review-form__start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    padding: 2px 5px;
    border-radius: 6px;
    background-color: #5c6677;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: -0.5px;
    color: #fff;
}
.m_popup_renew .pop-review-rounge .review-form__start::after {
    display: block;
    position: absolute;
    bottom: -4px;
    left: 12px;
    width: 0;
    height: 0;
    border-top: 4px solid #5c6677;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    content: "";
}
.m_popup_renew .pop-review-rounge .list-review-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.m_popup_renew .pop-review-rounge .list-review-form label {
    position: relative;
}
.m_popup_renew .pop-review-rounge .list-review-form label input {
    position: absolute;
    overflow: hidden;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
}
.m_popup_renew .pop-review-rounge .list-review-form label input + .txt-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 60px;
    min-height: 32px;
    padding: 7px 10px;
    border-radius: 32px;
    border: 1px solid #eef0f2;
    font-weight: 600;
    color: #5c6677;
    letter-spacing: -0.65px;
    text-align: center;
}
.m_popup_renew .pop-review-rounge .list-review-form label input:checked + .txt-label {
    border-color: #ea2869;
    color: #ea2869;
    font-weight: 700;
}
.m_popup_renew .pop-review-rounge .graph-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    height: 65px;
}
.m_popup_renew .pop-review-rounge .graph-track .wrap-input__range {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 24px;
}
.m_popup_renew .pop-review-rounge .wrap-review-form.no-tag .graph-track {
    height: 45px;
}
.m_popup_renew .pop-review-rounge .wrap-review-form.no-tag .graph-track .wrap-input__range {
    top: 0px;
}
.m_popup_renew .pop-review-rounge .graph-track .wrap-input__range input[type=range],
.m_popup_renew .pop-review-rounge .graph-track .wrap-input__range input[type=range]:disabled {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    position: relative;
    z-index: 2;
    opacity: 0 !important;
    width: 100%;
    height: 24px;
}
.m_popup_renew .pop-review-rounge .graph-track .wrap-input__range input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: red;
    height: 24px;
    width: 24px;
    border: 0;
    border-radius: 0;
    pointer-events: all;
    cursor: pointer;
}
.m_popup_renew .pop-review-rounge .graph-track .wrap-division {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 29px;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #dde0e5;
    border-radius: 8px;
}
.m_popup_renew .pop-review-rounge .graph-track .wrap-division .cur-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    border-radius: 12px;
    background-image: linear-gradient(91deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%);
}
.m_popup_renew .pop-review-rounge .graph-track .list-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    width: 100%;
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #000;
    font-weight: 700;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.m_popup_renew .pop-review-rounge .graph-track .list-track li {
    width: 150px;
    text-align: center;
    color: #5c6677;
    font-weight: 500;
}
.m_popup_renew .pop-review-rounge .graph-track .list-track li:first-child {
    text-align: left;
}
.m_popup_renew .pop-review-rounge .graph-track .list-track li:last-child {
    text-align: right;
}
.m_popup_renew .pop-review-rounge .graph-track .list-track::before {
    display: block;
    position: absolute;
    bottom: 29px;
    left: 0;
    height: 8px;
    width: 100%;
    border-radius: 8px;
    background-image: linear-gradient(91deg, var(--point-01-pinkish-red-ea-2829) 0%, var(--point-02-pink-ea-2869) 42%, #ce28a5 74%, #a928ea 100%);
    content: "";
}
.m_popup_renew .pop-review-rounge .graph-track .graph-track__cur {
    position: absolute;
    bottom: 22px;
    left: 0;
    z-index: 2;
    width: 24px;
    height: 24px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: left 0.05s linear;
    transition: left 0.05s linear;
    pointer-events: none;
}
.m_popup_renew .pop-review-rounge .graph-track .graph-track__cur::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    height: 100%;
    border: 1px solid #ccd1d8;
    border-radius: 100%;
    background-color: #fff;
    content: "";
}
.m_popup_renew .pop-review-rounge .purchase-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 9px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 32px 20px 20px;
    background-color: #fff;
    background-image: none;
}
.m_popup_renew .pop-review-rounge .purchase-btn button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 48px;
    border: 1px solid #1b1e23;
    font-weight: 700;
    letter-spacing: -0.8px;
    font-size: 16px;
    text-align: center;
    color: #1b1e23;
}
.m_popup_renew .pop-review-rounge .purchase-btn button.type-dark {
    background-color: #1b1e23;
    color: #fff;
}
.m_popup_renew .pop-review-rounge .review-product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}
.m_popup_renew .pop-review-rounge .review-product-list .sp-product-img {
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #f5f7fa;
}
.m_popup_renew .pop-review-rounge .review-product-list .sp-product-img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(12, 54, 122, 0.04);
    border-radius: 4px;
}
.m_popup_renew .pop-review-rounge .review-product-list .product__info {
    width: calc(100% - 92px);
}
.m_popup_renew .pop-review-rounge .review-product-list .product__info .product__brand-info {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    font-size: 13px;
}
.m_popup_renew .pop-review-rounge .review-product-list .product__info .product__brand-info span {
    font-weight: 700;
}
.m_popup_renew .pop-review-rounge .review-product-list .product__info .product__brand-option {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.46;
    color: #788497;
}
.m_popup_renew .pop-review-rounge .star-rating {
    margin-top: 12px;
}
.m_popup_renew .pop-review-rounge .star-rating .star_grade {
    width: 224px;
    margin: 0 auto;
}
.m_popup_renew .pop-review-rounge .star-rating .star_grade button {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-decoration: none;
    background: url(../../images/API_M_KO/common/n/icon_star_unset.svg) no-repeat center;
}
.m_popup_renew .pop-review-rounge .star-rating .star_grade button.on {
    background: url(../../images/API_M_KO/common/n/icon_star.svg) no-repeat center;
}
.m_popup_renew .pop-review-rounge .star-rating + .pn-tit {
    margin-top: 32px;
}
.m_popup_renew .pop-review-rounge .star-rating .is-error .review-bottom-sub .t_err {
    margin-top: 8px;
}
.m_popup_renew .pop-review-rounge .star-rating + .wrap-accordion {
    margin-top:20px;
}
.m_popup_renew .pop-review-rounge .letter-limit {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.038em;
    text-align: right;
    color: #788497;
}
.m_popup_renew .pop-review-rounge .letter-limit span {
    color: #1b1e23;
    font-weight: 700;
}
.m_popup_renew .pop-review-rounge .attach-file-form {
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.038em;
    color: #788497;
}
.m_popup_renew .pop-review-rounge .attach-img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 5px;
}
.m_popup_renew .pop-review-rounge .attach-img-box .attimg {
    overflow: hidden;
}
.m_popup_renew .pop-review-rounge .attach-img-box .attimg .attached__add {
    overflow: hidden;
    width: 80px;
    height: 80px;
    border-radius: 4px;
}
.m_popup_renew .pop-review-rounge .attach-img-box .attached-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    position: relative;
}
.m_popup_renew .pop-review-rounge .attach-img-box .attached-img img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
}
.m_popup_renew .pop-review-rounge .attach-img-box .attached-img button {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border-radius: 0 4px;
    background-color: rgba(27, 30, 35, 0.5);
    font-size: 0;
}
.m_popup_renew .pop-review-rounge .attach-img-box .attached-img button:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url(../../images/API_M_KO/common/n/icon_close_4.svg);
}
.m_popup_renew .pop-review-rounge .attach-img-box .attach-img label {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../images/API_M_KO/common/n/icon_btn_plus_big.svg) #eef0f2 no-repeat center center;
}
.m_popup_renew .pop-review-rounge .attach-img-box .attach-img input[type=file] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.m_popup_renew .pop-review-rounge .review-bottom-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.m_popup_renew .pop-review-rounge .review-bottom-sub .t_err {
    display: none;
    margin-top: 0px;
    font-size: 12px;
    font-weight: 500;
    text-indent: 0px;
    letter-spacing: -0.04em;
    color: #f4511e;
}
.m_popup_renew .pop-review-rounge .review-bottom-sub .letter-limit {
    margin-top: 8px;
    margin-left: auto;
}
.m_popup_renew .pop-review-rounge .one-line-review input[type=text] {
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    border-radius: 4px !important;
}


/*리뷰 등록*/
.review-rounge .point-tag {
    position: absolute;
    top: 0px;
    left: 58px;
    padding: 2px 8px;
    background-color: #ea2869;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.038em;
    color: #fff;
    border-radius: 8px;
}
.review-rounge .point-tag:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    top: 50%;
    left: -3px;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    background-color: #ea2869;
}
.review-rounge .review-regist-panel {
    padding-left: 20px;
    padding-right: 20px;
}
.review-rounge .review-regist-panel + .review-regist-panel {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 8px solid #eef0f2;
}
.review-rounge .pn-tit {
    position: relative;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #1b1e23;
}
.review-rounge .pn-tit + .tit-relative {
    margin-top: 12px;
}
.review-rounge .tit-relative + .wrap-review-form, .review-rounge .tit-relative + .pn-tit {
    margin-top: 32px;
}
.review-rounge .is-error .review-bottom-sub .t_err {
    display: block;
    margin-top: 8px;
}
.review-rounge .is-error textarea,
.review-rounge .is-error input[type=text] {
    border-color: #f4511e;
}

.pd_filterview .pn-tit + .pn-cont.type-review-rounge {
    margin-top: 20px;
}

.type-review-rounge {
    /* 상세리뷰 */
}
.type-review-rounge .review-rounge {
    padding: 20px;
}
.type-review-rounge .review-rounge.type-1 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.type-review-rounge .review-detail-img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    border-radius: 8px;
}
.type-review-rounge .review-detail-img ul {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.type-review-rounge .review-detail-img li img {
    height: 335px;
    -o-object-fit: cover;
       object-fit: cover;
}
.type-review-rounge .review-detail-img .pagination-fraction {
    z-index: 1;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    width: 39px;
    height: 25px;
    bottom: 16px;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.3);
    color: #bdbdbd;
    font-size: 11px;
}
.type-review-rounge .review-detail-img .pagination-fraction .swiper-pagination-current {
    color: #fff;
}
.type-review-rounge .review-detail-img .pagination-fraction .swiper-pagination-total {
    color: #bdbdbd;
}
.type-review-rounge .review-detail-img + .list-review-rounge {
    margin-top: 16px;
}
.type-review-rounge .review-detail-cont {
    margin-top: 20px;
}
.type-review-rounge .review-detail-cont .review-detail-img {
    margin-top: 12px;
}
.type-review-rounge .review-detail-cont + .review-detail-cont {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #eef0f2;
}
.type-review-rounge .photo-review-wrap {
    margin-top: 12px;
}
.type-review-rounge .photo-review-wrap ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4px;
}
.type-review-rounge .photo-review-wrap ul li .review-img {
    display: block;
    overflow: hidden;
    width: 100%;
    border-radius: 4px;
}
.type-review-rounge .photo-review-wrap ul li .review-img img {
    -o-object-fit: cover;
       object-fit: cover;
}
.type-review-rounge .review-user-info .user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.6px;
}
.type-review-rounge .review-user-info .user .user__info {
    color: #788497;
}
.type-review-rounge .review-user-info .user + .review-user-sub {
    margin-top: 6px;
}
.type-review-rounge .review-user-info .review-user-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.type-review-rounge .review-user-info .review-user-sub div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.type-review-rounge .review-user-info .review-user-sub .option, .type-review-rounge .review-user-info .review-user-sub .date {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.038em;
    color: #788497;
}
.type-review-rounge .list-review-rounge .review-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 12px;
}
.type-review-rounge .list-review-rounge .review-product .review-product__img {
    overflow: hidden;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    width: 81px;
    height: 81px;
    padding: 8px;
    border-radius: 4px;
    isolation: isolate;
    background-color: #f5f7fa;
}
.type-review-rounge .list-review-rounge .review-product .review-product__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.type-review-rounge .list-review-rounge .review-product .review-product__img::after {
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    background: rgba(12, 54, 122, 0.04);
    content: "";
}
.type-review-rounge .list-review-rounge .review-product .review-product__info {
    width: calc(100% - 93px);
}
.type-review-rounge .list-review-rounge .review-product .review-product__info .review-product__tit {
    font-size: 13px;
    letter-spacing: -0.5px;
    color: #1b1e23;
    font-weight: 700;
    line-height: 1.1;
}
.type-review-rounge .list-review-rounge .review-product .review-product__info .review-product__tit + .review-product__detail {
    margin-top: 2px;
}
.type-review-rounge .list-review-rounge .review-product .review-product__info .review-product__detail {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    color: #3d444f;
    line-height: 1.4;
    letter-spacing: -0.65px;
    white-space: nowrap;
}
.type-review-rounge .list-review-rounge .review-product .review-product__info .review-product__detail + .product__price--origin {
    margin-top: 2px;
}
.type-review-rounge .list-review-rounge .review-product .review-product__info .product__price--origin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.type-review-rounge .list-review-rounge .review-product .review-product__info .product__price--origin .product__price--sale {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.65px;
    color: #1b1e23;
}
.type-review-rounge .list-review-rounge .review-product .review-product__info .product__price--origin .product__price {
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #abb2be;
}
.type-review-rounge .list-review-rounge .review-product .review-product__info .product__price--origin .product__price.type-through {
    text-decoration: line-through;
}
.type-review-rounge .list-review-rounge .review-product .review-product__info .product__price--origin.type-1 .product__price--sale {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.75px;
    color: #ea2829;
}
.type-review-rounge .list-review-rounge .review-product .review-product__info .product__price--origin.type-1 .product__price {
    color: #3d444f;
}
.type-review-rounge .list-review-rounge .review-product .review-product__info .review-product__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-size: 10px;
    letter-spacing: -0.5px;
}
.type-review-rounge .list-review-rounge .review-product .review-product__info .review-product__price .product__price {
    color: #ea2829;
    font-weight: 700;
}
.type-review-rounge .list-review-rounge .review-product .review-product__info .review-product__price .product__price--won {
    color: #3d444f;
}
.type-review-rounge .list-review-rounge .review-product .review-product__info .review-product__price .product__price--won span {
    font-weight: 700;
}
.type-review-rounge .list-review-rounge + .review-detail-cont {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eef0f2;
}
.type-review-rounge .rating-static {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 8px;
}
.type-review-rounge .rating-static span {
    display: inline-block;
    position: relative;
    width: 75px;
    height: 11px;
    background: #788497;
}
.type-review-rounge .rating-static span .progbar {
    display: inline-block;
    vertical-align: top;
    height: 11px;
    background: #ea2869;
}
.type-review-rounge .rating-static span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 11px;
    background: url(../../images/API_M_KO/common/n/star_empty.png) no-repeat 0 0;
    background-size: 100% 100%;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: -o-pixelated;
        image-rendering: pixelated;
}
.type-review-rounge .rating-static.big {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.type-review-rounge .rating-static.big span {
    width: 153px;
    height: 24px;
}
.type-review-rounge .rating-static.big span .progbar {
    height: 24px;
}
.type-review-rounge .rating-static.big span:before {
    height: 24px;
    background: url(../../images/API_M_KO/common/n/star_empty_big.png) no-repeat 0 0;
}
.type-review-rounge .review-detail-text {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.46;
    color: #3d444f;
}
.type-review-rounge .review-detail-text .title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.8px;
}
.type-review-rounge .review-detail-text .title + .cont {
    margin-top: 4px;
}
.type-review-rounge .review-detail-text .cont {
    letter-spacing: -0.65px;
    line-height: 1.46;
}
.type-review-rounge .review-detail-text .cont + .list-review-tag {
    margin-top: 8px;
}
.type-review-rounge .review-detail-text + .review-detail-info {
    margin-top: 24px;
}
.type-review-rounge .review-detail-text + .photo-review-wrap {
    margin-top: 12px;
}
.type-review-rounge .list-review-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3px;
}
.type-review-rounge .list-review-tag li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 22px;
    padding: 2px 6px;
    border-radius: 22px;
    border: 1px solid #dde0e5;
    font-size: 11px;
    letter-spacing: -0.55px;
    color: #5c6677;
}
.type-review-rounge .review-detail-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.type-review-rounge .review-detail-info .review-detail-info__date {
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #788497;
}
.type-review-rounge .review-detail-info .review__like button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    position: relative;
    z-index: 1;
    height: 27px;
    padding: 2px 12px;
    border-radius: 27px;
    background-color: #f5f7fa;
    font-size: 13px;
    letter-spacing: -0.65px;
}
.type-review-rounge .review-detail-info .review__like button .btn__tit {
    display: none;
}
.type-review-rounge .review-detail-info .review__like button::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../../images/API_M_KO/review/icon_like_off.svg) no-repeat;
    background-size: contain;
    content: "";
}
.type-review-rounge .review-detail-info .review__like button.is-active::before {
    background-image: url(../../images/API_M_KO/review/icon_like_on.svg);
}
.pd_filterview .pn-tit.type-review-rounge .filter-cont button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 32px;
    height: 0;
    padding-top: 32px;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    text-indent: -9999px;
}
.pd_filterview .pn-tit.type-review-rounge .filter-cont button::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    background: url(../../images/API_M_KO/review/icon_filter_3.svg) no-repeat;
    background-size: contain;
    content: "";
}
/* .container {
    overflow: unset;
} */
.type-review-rounge .wrap-order-float {
    padding: 20px 20px 21px;
}
/*2023-12-20 리뷰라운지 등록 추가*/
.type-review-rounge .btn_unused {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    color: #1b1e23;
    vertical-align: middle;
    color: #788497;
    padding-right: 31px;
    font-weight: 400;
}
.type-review-rounge .btn_unused:before {
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    background-color: #fff;
    isolation: isolate;
    overflow: hidden;
    border-radius: 2px;
    background-image: url(../../images/API_M_KO/common/n/M_check.svg);
    background-position: 50% 50%;
    background-size: 16px 16px;
}
.type-review-rounge .btn_unused.is-active {
    color: #1b1e23;
    font-weight: 600;
}
.type-review-rounge .btn_unused.is-active:before {
    background-color: #1b1e23;
    border-color: #1b1e23;
}
.type-review-rounge .wrap-review-form.type-disabled .review-form__tit .review-form__exp {
    color: #abb2be;
}
.type-review-rounge .pop-review-rounge .wrap-review-form.type-disabled .wrap-division .cur-bar {
    display: none;
}
.type-review-rounge .pop-review-rounge .wrap-review-form.type-disabled .graph-track .wrap-division {
    background-color: #ccd1d8;
}
/* E: 2023-10-18 리뷰라운지 추가*/

/* S: 20231109 재입고 알림 신청 */
.m_popup_renew.box-float-layer.case-1 {
    padding-top: 60px;
    padding-bottom: 98px;
}
.m_popup_renew.box-float-layer.case-1 .tit_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 60px;
}
.m_popup_renew.box-float-layer.case-1 .content_wrap {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 158px);
}
.m_popup_renew.box-float-layer.case-1 .area-attention + .area-terms {
    margin-top: 20px;
}
.m_popup_renew.box-float-layer.case-1 .wrap-accordion .accordion__tit + .accordion__cont {
    padding-top: 12px;
}
.list-form__txt--exp {
    font-size: 12px;
    letter-spacing: -.6px;
    color: #788497;
}
.od .odform.type-flex.type-1 {
    gap: 8px 9px;
}
.od .koreanair-skypass-cont .odform.type-1 + .odform {
    margin-top: 32px;
}
.od .koreanair-skypass-cont .odform + .area-attention {
    margin-top: 40px;
}
.area-terms {
    overflow: hidden;
    border: 1px solid #dde0e5;
    border-radius: 8px;
}
.area-terms .area-terms__tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 16px 19px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -.35px;
    color: #1b1e23;
}
.area-terms .area-terms__cont {
    padding: 20px 19px;
    border-top: 1px solid #dde0e5;
}
.wrap-accordion.area-terms .accordion__tit button {
    width: 52px;
    height: 52px;
    left: auto;
    right: 0;
}
/* .wrap-accordion .accordion__tit button::after {
    right: auto;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
}
.wrap-accordion .accordion__tit button[aria-expanded=true]::after {
    transform: translate(-50%, -50%) rotate(0deg);
} *//*2023-12-13 삭제*/
/* E: 20231109 재입고 알림 신청 */

/* S: 2023-11-22 이지웰해더 추가*/
.ezwel_type .ezwel_header_wrap {position:relative; z-index:2;}
.ezwel_type .header {top:78px; position:absolute; -webkit-transition:none; transition:none;}
.ezwel_type .header.header--main {top:78px; position:absolute; -webkit-transition:none; transition:none;}

/*스크롤시*/
.ezwel_scroll .header.header--main {-webkit-transition:none; transition:none;}

/*2023-12-27 명품관 관련 추가*/
.ezwel_type .luxury_area.top_fixrow {top:138px;}/*아베다, 크리니크, 에스티로더, 조말론, 랩시리즈, 라메르, 오리진스, 맥, 톰포드 */
.ezwel_type #clarins-wrap .clarins-header {top:138px;}
.ezwel_type .dior .dior_header {top:138px;}
.ezwel_type #hr-wrap #hr-header {top:138px;}
/* E: 2023-11-22 이지웰해더 추가*/

/* S : 20231205 상품평 수정 */
.my_wrap .no_data p {font-size:15px; font-weight:500; color:#3d444f;} 
.review_list.prd_comment > ul {border:none;}
.review_list.prd_comment > ul > li {padding:0; border-bottom:none;}
.review_list.prd_comment > ul > li:last-child {border-bottom: 1px solid #eef0f2;}
.review_list.prd_comment > ul > li > a {padding:28px 20px;}
.review_list.prd_comment .tit_bar {position:static; display:flex; justify-content:space-between; align-items:center; height:39px; padding:0 21px; background-color:#f7f7f7; font-size:12px; line-height:1.5;}
.review_list.prd_comment .tit_bar::after {display:none;}
.review_list.prd_comment .tit_bar .t_date {position:static; color:#5c6677;}
.review_list.prd_comment .tit_bar .btn_wrap {margin:0;}
.review_list.prd_comment .tit_bar .btn_wrap button {position:relative; font-size:13px; color:#788497; padding:0 8px;}
.review_list.prd_comment .tit_bar .btn_wrap button ~ button {margin:0;}
.review_list.prd_comment .tit_bar .btn_wrap button + button::before {content:''; display:inline-block; position:absolute; top:5px; left:-1px; width:1px; height:11px; background:#ccd1d8; vertical-align:middle;}

.review_list.prd_comment .prd_small .prd_img {width:80px;}
.review_list.prd_comment .prd_small .prd_tit {padding-left:13px;}
.review_list.prd_comment .prd_small .prd_tit .title {margin:0; line-height:1.43; font-weight:600; text-decoration:underline; text-underline-offset:5px; overflow:unset; text-overflow:unset; white-space:unset;}
.review_list.prd_comment .prd_small .prd_tit .title .ico_com.photo {position:static; margin-right:0; margin-left:8px; vertical-align:middle;}
.review_list.prd_comment .prd_small .prd_tit .txt {margin:8px 0 0 0; line-height:19px;}
.review_list.prd_comment .prd_small .prd_tit .ico_com.star {width:80px; height:16px; margin-top:8px; background:url('../../images/API_M_KO/product/icon_star_review.png') 0 0 no-repeat; background-size:80px 32px;} /* 별점 */
.review_list.prd_comment .prd_small .prd_tit .ico_com.staron {display:block; height:16px; background:url('../../images/API_M_KO/product/icon_star_review.png') 0 0 no-repeat; background-size:80px 32px; background-position:left bottom; line-height:0;text-indent:-9999em;} /* 별점 */
/*2024-01-07 추가*/
#dtlGrvwsPop.type-review-rounge .review-rounge {
    padding: 0;
}
/* E : 20231205 상품평 수정 */
/* 20231226 */
.wrap-timepicker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    position: relative;
}
.wrap-timepicker::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    content: "";
}
.wrap-timepicker .type-time {
    width: calc((100% - 10px) / 2);
}
.wrap-timepicker-item {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 146px;
}
.wrap-timepicker-item::before, .wrap-timepicker-item::after {
    display: block;
    position: absolute;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 40%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(48%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    content: "";
}
.wrap-timepicker-item::before {
    top: 0;
}
.wrap-timepicker-item::after {
    bottom: 0;
    height: 30%;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.wrap-timepicker-item .list-timepicker {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
}
.wrap-timepicker-item .list-timepicker li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    left: 0;
    width: 100%;
    height: 30px;
}
.wrap-timepicker-item .list-timepicker li p {
    font-size: 20px;
    color: rgba(60, 60, 67, 0.6);
    text-align: center;
}

.wrap-add-timepicker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.wrap-add-timepicker .timepicker__inner {
    position: fixed;
    bottom: -100vh;
    z-index: 1100;
    left: 0;
    width: 100%;
    min-height: 340px;
    padding: 0 20px 70px;
    -webkit-box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.06);
    border-radius: 16px 16px 0 0;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.wrap-add-timepicker .timepicker__inner .tit-calendar {
    margin-top: 12px;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.1px;
    color: #1b1e23;
}
.wrap-add-timepicker .timepicker__inner .btn-square {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px);
}
.wrap-add-timepicker .area-timepicker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}
.wrap-add-timepicker .area-timepicker::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 30px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    pointer-events: none;
    content: "";
}
.wrap-add-timepicker .box-timepicker {
    width: 50px;
}
.wrap-add-timepicker + .wrap-add-timepicker {
    margin-top: 30px;
}
.wrap-add-timepicker.is-active .timepicker__inner {
    bottom: 0;
}
.wrap-timepicker .help_block {
    display: none;
    position: relative;
    margin-top: 4px;
    width: 100%;
}
.wrap-timepicker .help_block .t_err {
    display: block;
    margin-top: 0px;
    font-size: 12px;
    font-weight: 500;
    text-indent: 0px;
    letter-spacing: -0.04em;
    color: #f4511e;
}
.wrap-timepicker.is-error .help_block {
    display: block;
}

/* 2023-12-06 내국인 본인인증 개선 */
.join_renewal {padding:20px 20px 0;}
.join_renewal .join_box {display:flex; position:relative; flex-direction:column; align-items:center; padding-top:28px;}
.join_renewal .join_box .join_box_img {width:55px; height:55px; background:url('../../images/API_M_KO/member/img_certification.svg'); background-size:55px 55px;}
.join_renewal .join_box h3.join_box_text {font-size:18px; line-height:27px; color:#1B1E23; letter-spacing:-0.9px; font-weight:bold; text-align:center; margin-top:8px;}
.join_renewal .join_box button.join_box_btn {width:100%; height:40px; flex-grow:0; border-radius:4px; background: linear-gradient(94deg, #ff0012 1%, #ff006b 32%, #e500a6 65%, #bb00f3 100%); margin-top:20px; color:#fff; font-size:14px;  text-align:center;}
.join_renewal .join_box ul.join_box_ul {display:flex; flex-direction:column; gap:8px; align-self:flex-start; margin-top:20px;}
.join_renewal .join_box ul.join_box_ul li {position:relative; font-size:12.1px; line-height:18px; letter-spacing:-0.6px; color:#788497; padding-left:9px;}
.join_renewal .join_box ul.join_box_ul li:before {position:absolute; content:''; background:#788497; width:3px; height:3px; border-radius:100%; left:0px; top:8px;}

.join_renewal .h3_type2 {font-size:18px; padding-top:0;}
.join_renewal .join_form + .h3_type2,
.join_renewal .join_box + .h3_type2 {margin-top:40px;}
.join_renewal .h3_type2 span {font-size:13px; font-weight:400; color:#ea2829;}
.join_renewal .h3_type2 span.gray {color:#788497;}
.join_renewal .join_form {display:flex; flex-wrap:wrap; gap:0 8px;}

.join_renewal .join_form .join_info.type__disabled .wrap_input {border:none;}
.join_renewal .join_form .join_info.type__disabled input {border:none; color:#1b1e23 !important;; background-color:#fff !important; font-weight: 600 !important;}
.join_renewal .join_form .join_info p {display:flex; align-items:center; height:40px; background:#fff; border:none; font-size:16px; color:#1b1e23; font-weight:600;}
.join_renewal .join_form .join_info.type__phone {display:flex; flex-wrap:wrap; align-items:center;gap:0 4%;}
.join_renewal .join_form .join_info.type__phone label {width:100%;}
.join_renewal .join_form .join_info.type__phone .wrap_input {width:55%; }
.join_renewal .join_form .join_info.type__phone .country_code {width:40%;}

.join_renewal .join_form .join_row {min-height:auto; border:none; width:100%; margin-top:16px;}
.join_renewal .join_form .join_row.type__half {width:calc(50% - 4px);}
.join_renewal .join_form .join_row .wrap_input {position:relative; border-bottom:1px solid #dde0e5;}
.join_renewal .join_form .join_row .btn_type {padding-right:100px;}
.join_renewal .join_form .join_row .btn_type button {position:absolute; right:0; bottom:3px;}
.join_renewal .join_form .join_row input[type="text"], 
.join_renewal .join_form .join_row input[type="txt"], 
.join_renewal .join_form .join_row input[type="password"], 
.join_renewal .join_form .join_row input[type="tel"], 
.join_renewal .join_form .join_row input[type="email"] {height:40px; font-size:16px; color:#1b1e23; font-weight:500; padding:0;}
.join_renewal .join_form .join_row input::-webkit-input-placeholder {font-weight:400; color:#abb2be;}
.join_renewal .join_form .join_row input::input-placeholder {font-weight:400; color:#abb2be;}
.join_renewal .form_box .ui-datepicker-trigger:after {width:16px; height:16px; background-size:16px 16px;}

.join_renewal .join_form .join_row > label {display:block; font-size:12.1px; color:#5c6677;}
.join_renewal .join_row.dis {background-color: #fff; border:none;}
.join_renewal .join_form .join_row input[disabled='disabled'], 
.join_renewal .join_form .join_row input[disabled], 
.join_renewal .join_form .sel select:disabled {}

.join_renewal .join_row .t_error {font-size:12.1px; color:#f4511e; padding:0; margin-top:3px; font-weight:500;}
.join_renewal .join_form .join_row.error_type .wrap_input,
.join_renewal .join_form .join_row.error_type .wrap-add-dropdown .fake-dropdown, 
.join_renewal .join_form .join_row.error_type .wrap-add-dropdown .btn-dropdown {border-bottom-color:#f4511e}
.join_renewal .join_form .join_row .choice_box {display:flex; align-items:center; justify-content:space-between; padding:0;}
.join_renewal .join_form .join_row .checkbox.new input + label {font-size:14px; color:#788497;}
.join_renewal .join_form .join_row .checkbox.new input:checked + label {color:#1b1e23; font-weight:600;}
.join_renewal .join_form .join_row .choice_box .txt_link {color:#788497; border-bottom:1px solid #788497; line-height:1.2; }
.join_renewal .join_form .join_row .choice_box.type2 {justify-content:normal; gap:0 10%;}
.join_renewal .join_form .join_row .choice_box.type_gender {justify-content:normal; gap:0 10%; min-height:40px; align-items:normal; margin-top:8px;}

.join_renewal .h_wrap {display:flex; justify-content:space-between; margin-top:40px;}
.join_renewal .jb_text_normal {margin-top:12px; color:#5c6677;}
.join_renewal .consign {margin:12px 0 0 0; color:#5C6677; line-height:19px;}
.join_renewal .consign a {color:#ea2869;}
.join_renewal .info_t.type3 {margin-top:20px; font-size:12.1px; color:#788497; text-align:left;}
.join_renewal .h3_type2 + .info_t.type3 {margin-top:8px;}
.join_renewal .join_time {margin-top:0; right:65px; transform:translateY(-50%); color:#f4511e; font-size:14px; font-weight:500;}
/* //2023-12-06 내국인 본인인증 개선 */

/* S: 2024-01-12 검색 결과 페이지 해더 장바구니로 교체*/
.saerch-top .btn_cart {
    flex-shrink: 0;
    position: relative;
    width: 60px;
    height: 60px;
    float: right;
    background: url(../../images/API_M_KO/common/n/icon_product_cart.svg) center center no-repeat;
    background-size: 26px 26px;
    text-indent: -9999px;
}
.saerch-top .badge_cart {
    position: absolute;
    left: 50%;
    top: 15px;
    min-width: 18px;
    height: 18px;
    margin-left: 1px;
    padding: 0 3px;
    background-color: #ea2829;
    border-radius: 30px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    text-indent: 0;
    font-weight: bold;
    line-height: 18px;
    display: inline-block;
}
/* E: 2024-01-12 검색 결과 페이지 해더 장바구니로 교체*/

/* S : 2024-03-14 마이 오프라인 선불카드 유의사항 수정 */
.my_attention_wrap {margin-top:35px; padding:0 21px; display:flex; flex-direction:column;}
.my_attention_wrap .my_attention_title {font-size:14px; padding-bottom:10px; border-bottom:1px solid #1b1e23; font-weight:600; color:#1b1e23;}
.my_attention_wrap .my_attention_content {margin-top:25px;}
.my_attention_wrap .my_attention_content + .my_attention_content {margin-top:15px;}
.my_attention_wrap h3 {font-size:14px; font-weight:600; color:#1b1e23;}
.my_attention_wrap ul {display:flex !important; justify-content:flex-start !important; align-items:flex-start !important; flex-direction:column; margin-top:0px;}
.my_attention_wrap ul li {font-size:13px; font-weight:400; color:#1b1e23; position:relative; margin-bottom:5px; padding-left:7px; line-height:18px;word-break:keep-all;}
.my_attention_wrap ul li:before {content:""; width:2px; height:2px; background-color:#1b1e23; border-radius:50%; position:absolute; left:0px; top:7px; display:block;}
.my_attention_wrap h3 + ul {margin-top:12px;}
/* E : 2024-03-14 마이 오프라인 선불카드 유의사항 수정 */

/* S : 2024-03-12 APP PUSH 수신 설정 추가 */
.checkAblePush {position:relative;}            
.checkAblePush .setting_list dl ~ .basic_txt{color:#ccc}        
.checkAblePush h4 {font-size:13px; line-height:18px; padding-bottom:15px;}
.checkAblePush .btn-square {position:absolute; right:21px; top:20px; height:30px; padding:0 10px; font-size:13px;}
.checkAblePush.is-hidden h4, .checkAblePush.is-hidden .btn-square {display:none;}
.checkAblePush dt, .checkAblePush .basic_txt {color:#ccc;}
.checkAblePush.is-hidden dt {color:#1b1e23;}
.checkAblePush.is-hidden .basic_txt {color:#abb2be;}
/* E : 2024-03-12 APP PUSH 수신 설정 추가 */

/* S : 2024-03-20 대량구매 송부의뢰서 서명기능 추가 */
button[class*="btn_s_basic"], a[class*="btn_s_basic"] {display:inline-flex;align-items:center;justify-content:center;}
.btn_s_basic5 {border:1px solid #1b1e23;background:#1b1e23;color:#fff !important; left:20px; position:absolute; margin-left:0px !important;}
.wrap-layer-sign {padding:32px 20px 0px;}
.wrap-layer-sign .box-info {padding:16px; border-radius:4px; background:#F9FAFB; font-size:13px; line-height:19px; font-weight:500; color:#5C6677; letter-spacing:-0.65px; word-break:keep-all;}
.wrap-layer-sign .box-sign {margin-top:32px;}
.wrap-layer-sign .box-sign .box-sign__tit {font-weight:700; font-size:15px; color:#1b1e23;}         
.wrap-layer-sign .box-sign .box-sign__img {display:flex; position:relative; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:160px; padding:0; border:1px solid #DDE0E5; border-radius:8px; margin-top:12px;}
.wrap-layer-sign .box-sign .box-sign__img img {width:100%; height:100%; -o-object-fit:contain; object-fit:contain;}
.wrap-layer-sign .box-sign .box-sign__img canvas {position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; border-radius: 8px;}
/* E : 2024-03-20 대량구매 송부의뢰서 서명기능 추가 */

/* S: 2024-05-09 적립금가 노출 추가 */
.productdetail .desc_low_price {margin-top:24px;}/*2024-07-07 적립금가 수정 16*/
.productdetail .desc_low_price .desc_lowestinfo .accordion_item {border: solid 1px #ea2869; border-radius: 8px 8px 8px 8px; background:#fff; /*overflow:hidden;*/}/*2024-07-07 적립금가 수정 */
.productdetail .desc_low_price .desc_lowestinfo .ac_head {position: relative; padding: 12px; }
.productdetail .desc_low_price .desc_lowestinfo .ac_head::before {display: block; position: absolute; top: -16px; left:-1px; width: 169px; height: 26px; background: linear-gradient(99deg, #ea2829, #ea2829 42%, #ce28a5 74%, #a928ea); border-radius:99rem 99rem 99rem 0; font-size: 12px; line-height: 27px; color: #fff; text-align: center; content: "클릭하고 최저가를 확인하세요";}/*2024-07-07 적립금가 수정*/
.productdetail .desc_low_price .desc_lowestinfo .ac_head.hide-tooltip::before {display:none;}/*2024-07-07 적립금가 수정*/
.productdetail .desc_low_price .desc_lowestinfo .ac_head button + .tit {font-size: 13px; font-weight: 600; line-height: 1.46; letter-spacing: -0.04em; color: #1b1e23; position: relative; padding-left: 24px; z-index: 1; }
.productdetail .desc_low_price .desc_lowestinfo .ac_head button + .tit span {width: 35px; height: 19px; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(118deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%); -webkit-text-fill-color: transparent; }
.productdetail .desc_low_price .desc_lowestinfo .ac_head .txt_login {width:100%; margin-top:8px; font-size:13px;}
.productdetail .desc_low_price .desc_lowestinfo .ac_head .txt_login a {color:#ea2869; border-bottom:1px solid #ea2869; display:inline-block; line-height:1.2;}
.productdetail .desc_low_price .desc_lowestinfo .ac_head .tit_total {width:100%; margin-top:4px; display: flex; align-items: center; gap: 0 4px;}
.productdetail .desc_low_price .desc_lowestinfo .ac_head .tit_total .sale_percent {font-size: 15px; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(118deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%); -webkit-text-fill-color: transparent; font-weight:700;}
.productdetail .desc_low_price .desc_lowestinfo .ac_head .tit_total .sale_percent em::after {content: "%"; display: inline-block; font-size: 12px; padding-right:1px;}
.productdetail .desc_low_price .desc_lowestinfo .ac_head .tit_total .price_sale {font-size: 15px; font-weight: 700;}
.productdetail .desc_low_price .desc_lowestinfo .ac_head .tit_total .price_ko {font-size: 12px; font-weight: 500; color: #3d444f;}

.productdetail .desc_low_price .desc_lowestinfo .ac_head button::before {content: ""; width: 16px; height: 16px; display: inline-block; position: absolute; top: 12px; left: 12px; background-image: url(../../images/API_M_KO/product/n/M_ico_message.svg); background-repeat: no-repeat; }
.productdetail .desc_low_price .desc_lowestinfo .ac_head button[aria-expanded*=true] {border-radius: 8px 8px 0 0;}
.productdetail .desc_low_price .desc_lowestinfo .ac_head button[aria-expanded*=true]:after {-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.productdetail .desc_low_price .desc_lowestinfo .accordion_item .ac_head .tit_box {flex-wrap: wrap;}
.productdetail .desc_low_price .desc_lowestinfo .accordion__tit button::after {right: 12px !important; left: auto; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
.productdetail .desc_low_price .desc_lowestinfo .ac_body.accordion__cont {padding-top: 20px; margin-top: -21px; }
.productdetail .desc_low_price .desc_lowestinfo .ac_body .noti_p {margin: 12px 0 0; }
.productdetail .desc_low_price .desc_lowestinfo .pricelist {padding: 14px; border-top: 1px dotted #ccd1d8; }
.productdetail .desc_low_price .desc_lowestinfo .pricelist li {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 6px 0;}
.productdetail .desc_low_price .desc_lowestinfo .pricelist li:first-child {padding-top: 0; }
.productdetail .desc_low_price .desc_lowestinfo .pricelist .tit {font-size: 13px; font-weight: 500; line-height: 1.46; letter-spacing: -0.04em; color: #3d444f; }
.productdetail .desc_low_price .desc_lowestinfo .pricelist .txt {font-size: 13px; font-weight: 700; line-height: 1.46; letter-spacing: -0.04em; text-align: right; color: #1b1e23; }
.productdetail .desc_low_price .desc_lowestinfo .pricelist .detail_discount {overflow: hidden; padding: 14px 0 0; width: 100%; }
.productdetail .desc_low_price .desc_lowestinfo .pricelist .detail_discount li {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0; }
.productdetail .desc_low_price .desc_lowestinfo .pricelist .detail_discount li + li {margin-top: 8px; }
.productdetail .desc_low_price .desc_lowestinfo .pricelist .detail_discount li .discount_name {color: #5c6677; }
.productdetail .desc_low_price .desc_lowestinfo .pricelist .detail_discount .discount_name::before {content: "└"; display: inline-block; font-size: 10px; width: 4px; height: 4px; color: #abb2be; margin-right: 10px; }
.productdetail .desc_low_price .desc_lowestinfo .pricelist .detail_discount .discount_price {font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: -0.05em; text-align: right; color: #3d444f; }
.productdetail .desc_low_price .desc_lowestinfo .pricelist .folding.discount {margin-top: 5px;  margin-bottom: 0; padding-bottom: 0;  }/* 2024-05-09 적립금가 노출 추가*/
.productdetail .desc_low_price .desc_lowestinfo .pricelist li + .folding.discount {border-top: 1px solid #dde0e5; padding-top: 16px;}/* 2024-05-09 적립금가 노출 추가*/
.productdetail .desc_low_price .desc_lowestinfo .pricelist .folding .detail_tit {position: relative; }
.productdetail .desc_low_price .desc_lowestinfo .pricelist .folding .detail_tit::after {content: ""; display: inline-block; width: 12px; height: 12px; background: url(../../images/API_M_KO/common/n/M_ico_fold_arrow_payment.svg); background-repeat: no-repeat; background-position: 0 100%; background-size: cover; position: absolute; right: -19px; bottom: -3px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
.productdetail .desc_low_price .desc_lowestinfo .pricelist .folding .detail_discount {display: none; }
.productdetail .desc_low_price .desc_lowestinfo .pricelist .folding.on .detail_tit::after {-webkit-transform: translateY(-50%); transform: translateY(-50%); }
.productdetail .desc_low_price .desc_lowestinfo .pricelist .folding.on .detail_discount {display: block; }
.productdetail .desc_low_price .desc_lowestinfo .pricelist .bottom-info {margin-top: 15px; padding-left: 0; padding-top: 12px; border-top: 1px solid #dde0e5; text-align: center;}
.productdetail .desc_low_price .desc_lowestinfo .pricelist .bottom-info .payment-total__tit {position:relative; display:inline-block; color:#ea2869; font-size:12px; font-weight:600; padding-left:20px;}
.productdetail .desc_low_price .desc_lowestinfo .pricelist .bottom-info .payment-total__tit::before {content:""; display: inline-block; width: 16px; height: 16px; background: url(../../images/API_M_KO/common/n/check_pink.svg) no-repeat; background-size: contain; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.productdetail .desc_low_price .desc_lowestinfo .pricelist .noti_p {margin:0; padding:0; text-align: center;}
.productdetail .desc_low_price .desc_lowestinfo .pricelist .noti_p::before {display: none;}
/* E: 2024-05-09 적립금가 노출 추가 */
/* S: 2024-04-02 입점 및 제휴문의(공정거래) 신규 */
/* list form 추가*/
.list-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4.27vw;
}
.list-form .list-form__group,
.list-form .list-form__unit {
    width: calc((100% - 4.27vw) / 2);
}
.list-form .list-form__unit.type__full {
    width: 100%;
}
.list-form .list-form__group .checkbox + .checkbox,
.list-form .list-form__unit .checkbox + .checkbox {
    margin-left: 8%;
}
.list-form .list-form__group .radio + .radio,
.list-form .list-form__unit .radio + .radio {
    margin-left: 8%;
}
.list-form .list-form__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 9px;
}
.list-form .list-form__tit {
    font-size: 3.2vw;
    line-height: 1.42;
    color: #5c6677;
    letter-spacing: -0.35px;
}
.list-form .list-form__tit.type-flex {display:flex; justify-content:space-between; align-items:center;}
.list-form .txt-error {display:none;}
.list-form .is-error .txt-error {display:block;}
.wrap-form__input,
.wrap-form__select {position: relative;}
.wrap-form__input input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]),
.wrap-form__select input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]) {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 10.67vw;
    border: none;
    border-bottom: 1px solid #dde0e5;
    border-radius: 0;
    background-color: transparent !important;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 0;
}
.wrap-form__input select::-webkit-input-placeholder, .wrap-form__input input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly])::-webkit-input-placeholder, .wrap-form__select select::-webkit-input-placeholder, .wrap-form__select input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly])::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 4.27vw;
    letter-spacing: -0.4px;
    color: #abb2be !important;
}
.wrap-form__input select::-moz-placeholder, .wrap-form__input input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly])::-moz-placeholder, .wrap-form__select select::-moz-placeholder, .wrap-form__select input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly])::-moz-placeholder {
    font-weight: 400;
    font-size: 4.27vw;
    letter-spacing: -0.4px;
    color: #abb2be !important;
}
.wrap-form__input select:-ms-input-placeholder, .wrap-form__input input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]):-ms-input-placeholder, .wrap-form__select select:-ms-input-placeholder, .wrap-form__select input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]):-ms-input-placeholder {
    font-weight: 400;
    font-size: 4.27vw;
    letter-spacing: -0.4px;
    color: #abb2be !important;
}
.wrap-form__input select::-ms-input-placeholder, .wrap-form__input input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly])::-ms-input-placeholder, .wrap-form__select select::-ms-input-placeholder, .wrap-form__select input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly])::-ms-input-placeholder {
    font-weight: 400;
    font-size: 4.27vw;
    letter-spacing: -0.4px;
    color: #abb2be !important;
}
.wrap-form__input select::placeholder,
.wrap-form__input input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly])::placeholder,
.wrap-form__select select::placeholder,
.wrap-form__select input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly])::placeholder {
    font-weight: 400;
    font-size: 4.27vw;
    letter-spacing: -0.4px;
    color: #abb2be !important;
}
.wrap-form__input input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]),
.wrap-form__select input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]) {
    color: #1b1e23;
    font-weight: 700;
    font-size: 4.27vw;
}
.wrap-form__input.is-error .wrap-add-dropdown .btn-dropdown,
.wrap-form__input.is-error input:is([type=text], [type=password], [type=date], [readonly=readonly], [readonly]),
.wrap-form__select.is-error .wrap-add-dropdown .btn-dropdown,
.wrap-form__select.is-error input:is([type=text], [type=password], [type=date], [readonly=readonly], [readonly]) {
    border-color: #f4511e;
}
.wrap-form__select .wrap-add-dropdown .fake-dropdown, 
.wrap-form__select .wrap-add-dropdown .btn-dropdown {font-size: 4.27vw; height: 10.67vw;}

.wrap-form__radio .radio {display:inline-flex; align-items:center; height: 10.67vw}

.wrap-form__terms {border: 1px solid #dde0e5; border-radius: 8px; overflow: hidden; margin-top:4.27vw;}
.wrap-form__terms dt {padding: 16px 19px; font-size: 14px; letter-spacing: -0.35px; text-align: left; color: #1b1e23;}
.wrap-form__terms .accordion__tit .checkbox.new {display: inline-block; position: relative; z-index: 2;}
.wrap-form__terms .accordion__tit .checkbox.new input:checked + label {font-weight:700;}
.wrap-form__terms .accordion__tit button:after {right: 19px;}
.wrap-form__terms .accordion__tit + .accordion__cont {padding: 0; border-top: 1px solid #dde0e5;}
.wrap-form__terms .accordion__cont[role=region] {color:#1b1e23;}
.wrap-form__terms .wrap-term-text {padding: 16px;}

.wrap-form__textarea textarea {height:200px; border: 1px solid #dde0e5; border-radius: 4px; overflow:auto; font-size:  4.27vw; padding:12px; line-height:1.5; font-family:"Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif; font-weight: 500;}
.wrap-form__textarea textarea::placeholder {font-size: 4.27vw; color: #abb2be !important; line-height:1.5; font-weight:500;}
.wrap-form__textarea.is-error textarea {border-color: #f4511e;}

.wrap-form__file .btn-file__input {position:relative; display: inline-flex; align-items:center; gap: 4px; border-radius: 4px; border: 1px solid #abb2be; font-size: 3.73vw; font-weight: 500; line-height: 1.4; letter-spacing: -0.65px; color: #1b1e23; min-height: 10.67vw; padding: 0 4.27vw; white-space: nowrap; cursor:pointer;}
.wrap-form__file .btn-file__input:before {content:""; width:16px; height:16px; background:url("../../images/API_M_KO/common/ico_file.svg") no-repeat; background-size: contain;}
.wrap-form__file .btn-file__input input {position:absolute; left:0; right:0; border:none; width:1px; height: 1px; opacity:0;}
.wrap-form__file .box-file__attached {display:none; justify-content:space-between; align-items:center; margin-top: 16px; background:#f9fafb; height:40px; padding: 0 15px;}
.wrap-form__file.is-attached .box-file__attached {display:flex;}
.wrap-form__file .box-file__attached .file-info {font-size: 3.2vw; color:#3d444f;}
.wrap-form__file .box-file__attached .file-info span::before {content:""; display:inline-block; margin: 2.13vw 2.13vw -0.8vw 0; background:url("../../images/API_M_KO/common/ico_file2.svg") no-repeat; background-size:contain; width:16px; height:16px;}
.wrap-form__file .box-file__attached .file-info em {display:inline-block; margin-left:2.13vw; color:#788497; font-weight: 500;}
.wrap-form__file .box-file__attached .btn-file__del {display:inline-block; width: 18px; height: 18px; background:url("../../images/API_M_KO/common/n/icon_close_1.svg") no-repeat center center/12px 12px; text-indent:-9999px; overflow:hidden;}
.wrap-form__file .txt-reference {margin-top: 3.2vw;}

/*입력 폼 테두리 스타일*/
.list-form.type2 {gap: 6.4vw;}
.list-form.type2 .list-form__tit {font-weight: 700; color: #1b1e23;}
.list-form.type2 .list-form__tit + .list-form__con {margin-top:3.2vw;}
.list-form.type2 .wrap-form__select.is-setted .wrap-add-dropdown .btn-dropdown {border: 1px solid #dde0e5; border-radius: 4px; padding-left:12px; font-size:3.73vw;}
.list-form.type2 .wrap-form__select.is-error .wrap-add-dropdown .btn-dropdown {border-color: #f4511e;}
.list-form.type2 .wrap-form__input input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]), .wrap-form__select input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]) {border: 1px solid #dde0e5; border-radius: 4px !important; padding: 0 12px; font-size:3.73vw;}
.list-form.type2 .wrap-form__input select::-webkit-input-placeholder, 
.list-form.type2 .wrap-form__input input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly])::-webkit-input-placeholder, .wrap-form__select select::-webkit-input-placeholder, .wrap-form__select input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly])::-webkit-input-placeholder {
    font-size:3.73vw;
}
.list-form.type2 .wrap-form__input.is-error select, 
.list-form.type2 .wrap-form__input.is-error input:is([type=text], [type=password], [type=date], [readonly=readonly], [readonly]), .wrap-form__select.is-error select, .wrap-form__select.is-error input:is([type=text], [type=password], [type=date], [readonly=readonly], [readonly]) {border-color: #f4511e;}
.list-form.type2 .wrap-form__textarea textarea {font-size:3.73vw;}
.list-form.type2 .wrap-form__textarea textarea::placeholder {font-size:3.73vw;}

/*==메인==*/
.contact_us .h4_type {font-size: 4.8vw; font-weight: 700; margin-top:5.33vw;}
.contact_us .contact_choose {display:flex; flex-wrap: wrap; flex-direction: column; border-radius: 2.13vw; border: solid 1px #dde0e5; margin-top: 5.87vw;}
.contact_us .contact_choose .box_partners {position:relative; width: 100%; display:flex; align-items: center; justify-content: center; flex-direction: column; padding: 8.53vw 6%; text-align:center;}
.contact_us .contact_choose .box_partners + .box_partners:before {content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width: 88%; height: 1px; background-color:#dde0e5}
.contact_us .contact_choose .box_partners .tit {font-size: 4.27vw; font-weight:500;}
.contact_us .contact_choose .box_partners .sub_txt {font-size: 3.47vw; color:#666; margin-top: 2.13vw;}
.contact_us .contact_choose .box_partners .tit::before {content:""; display:block; width: 17.07vw; height: 17.07vw; background-image:url('../../images/API_M_KO/common/ico_partner1.svg'); background-repeat: no-repeat; background-size:cover; margin-bottom:3.2vw;}
.contact_us .contact_choose .box_partners:nth-of-type(2) .tit::before {background-image:url('../../images/API_M_KO/common/ico_partner2.svg');}

.contact_us .btn-wrap {margin-top: 10.67vw;}

.contact_us {display:flex; position:relative; flex-direction:column;}
.contact_us .wrap-tit {width:100%; display:flex; justify-content:center; flex-wrap:wrap;}
.contact_us .wrap-tit h2 {font-size:4.8vw; letter-spacing:-0.55px; color:#1B1E23; font-weight:bold; display:flex; align-items:center;}
.contact_us .wrap-tit h2 em {margin-left:4px; font-size:3.47vw; letter-spacing:-0.33px; color:#EA2829; font-weight:normal;}
.contact_us .wrap-tit h2 em.type__gray {color:#788497;}
.contact_us .contact_sub_txt {width: 100%; margin-top: 2.13vw; font-size:  3.73vw; color: #5c6677; text-align: left;}

/*==입력 폼==*/
.contact_form {margin-top: 5.33vw;}
.contact_form .wrap-tit {justify-content:start;}
.contact_us .radio label {font-size:3.73vw;}
.contact_us .txt-error {font-size:3.2vw;}

.contact_us .wrap-form {margin-top:5.33vw;}
.contact_us .wrap-form {width:100%;}
.contact_us .wrap-form + .wrap-tit {margin-top:10.67vw;}
.contact_us .wrap-form__group.type-contact {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 9px;}
.contact_us .wrap-form__group.type-contact .wrap-form__select {width: 35%;}
.contact_us .wrap-form__group.type-contact .wrap-form__input {width: calc(65% - 9px);}
.contact_us .agree-terms .wrap-agree-terms {padding: 16px 20px 20px;}
.contact_us .agree-terms .wrap-check input + label {font-weight: 500;}
.contact_us .agree-terms .dot_list_new li {color: #5c6677;}
.contact_us .agree-terms .dot_list_new + .txt-info {margin-top: 10px;}
.contact_us .btn-square.type-full {width: 100%; font-size: 14px;}

/*==입력 완료==*/
.contact_finish {margin-top:12.8vw; text-align:center;}
.contact_finish::before {content:""; display:inline-block; width:14.93vw; height:14.93vw; background:url("../../images/API_M_KO/common/img_inquiry_completed.svg") no-repeat center center/contain;}
.contact_finish .wrap-tit {margin-top: 2.13vw;}
.contact_finish .txt-reference {margin-top: 2.13vw;}

/*==내역 조회==*/
.contact_inquiry {margin-top:12.8vw; text-align:center;}
.contact_inquiry::before {content:""; display:inline-block; width:14.93vw; height:14.93vw; background:url("../../images/API_M_KO/common/img_inquiry.svg") no-repeat center center/contain;}
.contact_inquiry .wrap-tit {margin-top: 2.13vw;}
.contact_inquiry .txt-reference {margin-top: 2.13vw;}
.contact_inquiry .btn-wrap {margin-top: 5.33vw}
.contact_inquiry .wrap-form {text-align:left; margin-top: 10.67vw;}
.contact_inquiry .find_password {display:flex; justify-content:space-between; align-items:center; margin-top: 10.67vw; font-size:3.73vw; color:#788497;}
.contact_inquiry .find_password .btn-find__password {display:flex; align-items:center; font-size:3.73vw; color:#5c6677;}
.contact_inquiry .find_password .btn-find__password::after {content:""; display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 4.27vw; height: 4.27vw; margin-left: 2px; background: url("../../images/API_M_KO/common/n/icon_arrow_2.svg") no-repeat center center/contain;}

/*==비밀번호 변경==*/
.contact_password {margin-top: 12.8vw; text-align:center;}
.contact_password::before {content:""; display:inline-block; width:14.93vw; height:14.93vw; background:url("../../images/API_M_KO/common/img_pw_reset.svg") no-repeat center center/contain;}
.contact_password .txt-reference {margin-top: 2.13vw;}
.contact_password .wrap-form {margin-top: 10.67vw; text-align:left;}
.contact_password .btn-wrap {margin-top: 10.67vw}

/*==내역 리스트==*/
.contact_list {margin: 5.33vw 0;}
.contact_list .wrap-tit {justify-content:start;}
.contact_list .sorting_wrap.myhd {margin:5.33vw 0 0; font-size: 3.73vw;}
.contact_list .paging {margin-top: 10.67vw;}
.contact_list .btn-square {font-size:3.73vw; height:10.13vw;}

.list_receive {border-top:2px solid #1b1e23; margin-top:4.8vw}
.list_receive :is(.receive_tit, .receive_info) {padding:5.33vw 0;}
.list_receive .wrap-flex {display:flex; justify-content:space-between; align-items:center;}
.list_receive .date {font-size:3.47vw; color:#3d444f; font-weight:500;}
.list_receive .receive_number {font-size:3.47vw; font-weight:500;}
.list_receive :is(.type, .company) {display:flex; gap:12px; color: #1b1e23; font-size:3.47vw; font-weight:600;}
.list_receive .type {margin-top: 4.27vw; }
.list_receive .company {margin: 2.13vw 0 4.27vw;}
.list_receive :is(.type span, .company span) {font-size:3.47vw; color: #3d444f; font-weight:500;}
.list_receive .progress {font-weight: 700; font-size:3.47vw;}
.list_receive .btn-detail a {transition:all .2s;}

.list_receive .receive_tit {border-bottom:1px solid #abb2be; font-weight:700; color:#1b1e23; font-size:14px}
.list_receive .receive_item {border-bottom:1px solid #dde0e5;}
.list_receive .receive_info .receive_number a {color:#ea2869; border-bottom: 1px solid #ea2869;}
.list_receive .receive_detail {display:none; padding:5.33vw 0; border-top: 1px dotted #dde0e5;}
.list_receive .receive_detail .receive_intro {display:flex; flex-wrap:wrap; font-size:3.47vw;}
.list_receive .receive_detail .receive_intro + .receive_intro {margin-top:2.13vw;}
.list_receive .receive_detail .receive_intro dt {margin-right:12px; color:#3d444f; font-size: 3.47vw;}
.list_receive .receive_detail .receive_intro dd {width:30%; font-weight: 500; font-size: 3.47vw;}
.list_receive .receive_detail .receive_intro.type-file {margin-top:5.33vw; gap:4px;}
.list_receive .receive_detail .receive_intro.type-file dt {width:100%;}
.list_receive .receive_detail .receive_intro.type-file dd {width:100%;}
.list_receive .receive_detail .receive_intro.type-file dd:before {content:""; display:inline-block; margin:2.13vw 2.13vw -0.8vw 0;; background:url("../../images/API_M_KO/common/ico_file2.svg") no-repeat 50% 50%/contain; width:16px; height:16px;}
.list_receive .receive_detail .receive_intro.type-file .file-info span {color:#3d444f;}
.list_receive .receive_detail .receive_intro.type-file .file-info em {color:#788497; margin-left:2.13vw; font-weight: 500;}

.list_receive .receive_detail .receive_summury {padding:4.27vw; margin-top:5.33vw; border-radius: 4px; border: solid 1px #dde0e5; font-weight: 500; font-size: 3.47vw;}
.list_receive .receive_detail .receive_reply {padding: 4.27vw; margin-top:5.33vw; border-radius: 4px; background: #f9fafb; font-weight: 500; font-size: 3.47vw;}
.list_receive .receive_detail .receive_reply .reply_tit {display:flex; align-items:center; gap:0 4px; color:#3d444f; margin-bottom:2.13vw; font-weight: 500;}
.list_receive .receive_detail .receive_reply .reply_tit:before {content:""; width:16px; height: 16px; background:url("../../images/API_M_KO/common/ico_reply.svg") no-repeat 50% 50%/contain;}
.list_receive .receive_detail .sub-close {margin-top:5.33vw; text-align:right;}
.list_receive .receive_detail .sub-close a {display:inline-flex; color: #3d444f;}

.list_receive .no-data {display:flex; justify-content:center; align-items: center; flex-direction:column; gap:4.27vw 0; padding:8.53vw 0 12.53vw; border-bottom:1px solid #dde0e5; font-size:4vw;}
.list_receive .no-data:before {content:""; display:inline-block; width:26.67vw; height:26.67vw;  background:url("../../images/API_M_KO/common/n/M_empty_review.svg") no-repeat 50% 50%/contain;}
/* E: 2024-04-02 입점 및 제휴문의(공정거래) 신규 */

/* S : 2024-03-20 대량구매 송부의뢰서 서명기능 추가 */
button[class*="btn_s_basic"], a[class*="btn_s_basic"] {display:inline-flex;align-items:center;justify-content:center;}
.btn_s_basic5 {border:1px solid #1b1e23;background:#1b1e23;color:#fff !important; left:20px; position:absolute; margin-left:0px !important;}
.wrap-layer-sign {padding:32px 20px 0px;}
.wrap-layer-sign .box-info {padding:16px; border-radius:4px; background:#F9FAFB; font-size:13px; line-height:19px; font-weight:500; color:#5C6677; letter-spacing:-0.65px; word-break:keep-all;}
.wrap-layer-sign .box-sign {margin-top:32px;}
.wrap-layer-sign .box-sign .box-sign__tit {font-weight:700; font-size:15px; color:#1b1e23;}         
.wrap-layer-sign .box-sign .box-sign__img {display:flex; position:relative; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:160px; padding:0; border:1px solid #DDE0E5; border-radius:8px; margin-top:12px;}
.wrap-layer-sign .box-sign .box-sign__img img {width:100%; height:100%; -o-object-fit:contain; object-fit:contain;}
.wrap-layer-sign .box-sign .box-sign__img canvas {position:absolute; left:0; top:0; width:100%; height:100%;}
/* E : 2024-03-20 대량구매 송부의뢰서 서명기능 추가 */

/* S: 2024-05-14 첫구매딜 추가*/
/*세일*/
.firstdeal .sale__first-deal {position: relative; margin-top: 16px; padding: 0 20px 32px; overflow: hidden;}

.firstdeal .sale__first-deal .swiper-slide {
    height: calc((100% - 8px) / 2);
    min-height: 162px;
}
.firstdeal .sale__first-deal .swiper-slide .product__item {
    margin-left: 0;
}
.firstdeal .sale__first-deal .swiper-pagination {
    bottom: 0;
}
.firstdeal .sale__first-deal .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
}
.firstdeal .sale__first-deal .swiper-pagination .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background: #1b1e23;
}
.firstdeal .product__item {
    height: 100%;
    margin-left: 8px;
}
.firstdeal .product__item a {
    height: 100%;
}
.firstdeal .product__item .product__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    position: relative;
    width: calc((100vw - 40px) * 0.462);
    height: 0;
    padding: calc((100vw - 40px) * 0.462) 0 0;
    border-radius: 8px;
}
.firstdeal .product__item a .product__img::before {
    display: block;
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 24px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 24px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 48px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 48px)*/
    background-color: rgba(12, 54, 122, 0.04);
    z-index: 2;
    content: "";
}
.firstdeal .product__item .product__img img {
    display: block;
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 24px*/
    left:0;/*2024-08-14 썸네일 이미지 확장 24px*/
    width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 48px)*/
    height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 48px)*/
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}
.firstdeal .product__item .product__info {
    width: 100%;
    min-height: 147px;
    margin-top: 8px;
}
.firstdeal .product__item .product__tit-info {
    margin-top: 5px;
    color: #788497;
}
.firstdeal .product__item + .product__item {
    margin-top: 8px;
}
.firstdeal .product__item .product__info .product__brand-info + .product__sale-info {margin-top:4.93vw;}
.firstdeal .product__item .product__tag {margin-top:1.07vw;}

/*상품상세*/
.productdetail .desc_firstdeal {padding-bottom: 8px;}
.productdetail .desc_firstdeal .txt-info {font-weight: 700;}
.productdetail .desc_firstdeal .txt-info span {color: #ea2829; font-weight:700;}
.productdetail .desc_firstdeal .list-info {margin-top: 12px;}
.pd_product_total .btn_area.type-normal {display: block; text-align: right;}
.pd_product_total .btn_area.type-normal button.size-big {display:inline-flex; min-width:187px;}
.pd_option.-firstdeal {display: flex; align-items:center; justify-content:space-between; gap:0 20px;}
.pd_option.-firstdeal .option_buy {flex-shrink:0; margin-top:0;}

/*공통*/
.name_head {color:#ea2829 !important; font-weight:700 !important; margin-right:2px;}
/* E: 2024-05-14 첫구매딜 추가*/

/*S:2024-07-30 첫구매딜 수정 - 풀팝업 상품 리스트*/
.layer_prod_list {padding:20px;}
.layer_prod_list .list-product {margin-top:0; padding-bottom: 46px;}
.layer_prod_list .list-product .product__item .product__img {height: 0; padding: 100% 0 0;}
.layer_prod_list .list-product .product__item .product__img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-position: 50% 0; object-position: 50% 0; -o-object-fit: cover; object-fit: cover;}
.layer_prod_list .list-product .product__item .product__img::before {display: block; position: absolute; top: 0px; left: 0px; z-index: 1; background-color: rgba(12, 54, 122, 0.04); content: ""; width: 100%; height: 100%;}
.layer_prod_list .list-product .product__item .product__img .product-discount.discount_white {color: #fff; }
.layer_prod_list .list-product .product__item .product__img .coming_soon {display: block; overflow: hidden; position: absolute; bottom: 0; right: 0; width: 100%; height: 30px; border-radius: 4px 0 4px 0; background-color: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); line-height: 28px; font-size: 12px; font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif; font-weight: 500; color: #fff;}
/*.layer_prod_list .list-product .product__item .product__info .product__sale-info > div:first-child .product__price--sale { font-size: 12px; color: #1b1e23; font-weight: 500; }*/
.layer_prod_list .list-product .product__item .product__info .product__remain {padding-left: 20px; background: url(../../images/API_M_KO/common/n/icon_time_gray.svg) left center no-repeat; font-size: 13px; color: #3d444f; }
/*E:2024-07-30 첫구매딜 수정 - 풀팝업 상품 리스트*/

/* S : 2024-04-22 비밀번호 입력칸 토글 기능 추가 */
#custPwd, #mbshPwd {z-index:1;}
#custPwd::-ms-reveal,#custPwd::-ms-clear,#mbshPwd::-ms-reveal,#mbshPwd::-ms-clear {display: none;} /* 2024-07-12 IE, EDGE 기본제공 아이콘 숨김처리 */
.pwToggleView {display:block; width:20px; height:20px; position:absolute; right:20px; top:16px; background:url('https://cdn.ctdfs.com/files/op/20240419/d837065a_202404191048420940.png') top left no-repeat; background-size:100%; z-index:2;}
.pwToggleView.is-active {background:url('https://cdn.ctdfs.com/files/op/20240419/215a2760_202404191049346990.png') top left no-repeat; background-size:100%; }
/* E : 2024-04-22 비밀번호 입력칸 토글 기능 추가 */

/* S: 2024-05-02 온/오프라인 회원등급 통합 */
#mamberGuide01 .contents_area {border:0;}

.mem-intro {display:flex; justify-content:space-between; align-items:center; padding:20px 0 15px; border-bottom:1px solid #000;}
.mem-intro .h3_type5 {font-size:23px; font-weight:500; color:#000;}
.mem-intro .btn_basic3 {padding:0 14px; font-size:12px;}

.mem-wrap {padding-bottom:20px;}
.mem-wrap * {color:#666;}
.mem-wrap .h3_type5 {margin:50px 0 10px; font-size:21px; font-weight:500; color:#000;}
.mem-wrap span {float:unset; width:unset; font-size:13px;}
.mem-wrap .dot_list li ~ li {margin-top:3px!important;}
.mem-wrap .dot_list li::before {width:2px; height:2px; top:7.5px; background-color:#666;}

.mem-wrap .mem-info--button {display:inline-block; min-width:100px; height:34px; line-height:34px; font-size:12px; letter-spacing:-0.025em; margin-top:15px; padding:0 14px; position:relative; z-index:1; background:-webkit-linear-gradient(-45deg, #EA2869 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%); border-radius:5px;}
.mem-wrap .mem-info--button::before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1;}
.mem-wrap .mem-info--button::after {content:attr(data-txt); color:#fff; background:-webkit-linear-gradient(-45deg, #EA2869 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%); -webkit-background-clip:text; -webkit-text-fill-color:#fff;}
.mem-wrap .mem-info {margin-top:25px;}
.mem-wrap .mem-info .info-grade + .info-grade {margin-top:25px;}
.mem-wrap .mem-info .info-grade h4 {line-height:43px; font-size:14px; font-weight:500; color:#fff; text-align:center; letter-spacing:-0.025em;}
.mem-wrap .mem-info .info-grade--prestige h4 {background-color:#d31016;}
.mem-wrap .mem-info .info-grade--black h4 {background-color:#4b4948;}
.mem-wrap .mem-info .info-grade--gold h4 {background-color:#b69f6e;}
.mem-wrap .mem-info .info-grade--silver h4 {background-color:#acacac;}
.mem-wrap .mem-info .info-grade > div {display:flex; align-items:center; gap:32px; padding:18px 8px;}
.mem-wrap .mem-info .info-grade > div p:nth-of-type(1) {width:95px;}
.mem-wrap .mem-info .info-grade > div p {display:block; font-size:14px; font-weight:normal; color:#333;}
.mem-wrap .mem-info .info-grade > div p span {display:block;}
.mem-wrap .mem-info .info-grade > div p span.desc {margin-top:4px; font-size:12px; color:#939393;}
.mem-wrap .mem-info .info-grade table {border-top:1px solid #e6e6e6}
.mem-wrap .mem-info .info-grade table thead th {padding:8px 0; font-size:13px; color:#333; text-align:center; background-color:#fafafa; border-bottom:1px solid #e6e6e6}
.mem-wrap .mem-info .info-grade table thead th + th,
.mem-wrap .mem-info .info-grade table tbody td + td {border-left:1px solid #e6e6e6}
.mem-wrap .mem-info .info-grade table tbody td {padding:12px 8px; font-size:13px; color:#666; text-align:center; border-bottom:1px solid #e6e6e6; word-break:keep-all;}
.mem-wrap .mem-info .info-grade table tbody td .desc {display:block; margin-top:4px; font-size:12px; color:#939393;}
.mem-wrap .mem-info .info-grade table tbody td em {color:#c51315;}

.mem-wrap .mem-benefit--notice em {font-size:15px; color:#4d2bf4;}
.mem-wrap .mem-benefit--button {display:inline-block; min-width:100px; height:34px; line-height:32px; font-size:12px; letter-spacing:-0.025em; margin-top:15px; padding:0 14px; background:#4d2bf4; border:1px solid #8a72ff; border-radius:5px;}
.mem-wrap .mem-benefit--button:link, 
.mem-wrap .mem-benefit--button:visited, 
.mem-wrap .mem-benefit--button:hover, 
.mem-wrap .mem-benefit--button:active {color:#fff!important;}
.mem-wrap .mem-benefit .benefit-grade {margin-top:25px;}
.mem-wrap .mem-benefit .benefit-grade h4 {line-height:43px; font-size:14px; font-weight:500; color:#fff; text-align:center; letter-spacing:-0.025em;}
.mem-wrap .mem-benefit .benefit-grade--prestige h4 {background:url('../../images/API_M_KO/member/mem_prestige.png') top left/100% 100% no-repeat;}
.mem-wrap .mem-benefit .benefit-grade--black h4 {background:url('../../images/API_M_KO/member/mem_black.png') top left/100% 100% no-repeat;}
.mem-wrap .mem-benefit .benefit-grade ul li {display:flex; align-items:center; position:relative; width:100%; margin-top:10px; border:1px solid #d7d7d7; border-radius:5px;}
.mem-wrap .mem-benefit .benefit-grade ul li::before {display:block; content:''; position:absolute; top:5px; left:38%; width:1px; height:calc(100% - 10px); border-right:1px dotted #d7d7d7;}
.mem-wrap .mem-benefit .benefit-grade ul li.clubtravel::after {display:block; content:''; position:absolute; top:12px; right:12px; width:52px; height:10px; background:url('../../images/API_M_KO/member/clubtravel_logo.png') top left/100% 100% no-repeat;}
.mem-wrap .mem-benefit .benefit-grade ul li .img {width:38%; flex-shrink:0; text-align:center;}
.mem-wrap .mem-benefit .benefit-grade ul li .img img {max-width:95%;}
.mem-wrap .mem-benefit .benefit-grade ul li .txt {width:62%; padding:25px 10px 23px 20px; line-height:1.4em;}
.mem-wrap .mem-benefit .benefit-grade ul li .txt strong {display:block; font-size:14px; font-weight:600; color:#222;}
.mem-wrap .mem-benefit .benefit-grade ul li .txt strong em {display:block; margin-top:3px; font-size:13px; color:#222;}
.mem-wrap .mem-benefit .benefit-grade ul li .txt span {display:block; margin-top:6px; font-size:12.5px; word-break:keep-all;}
.mem-wrap .mem-benefit .benefit-grade ul li .txt span a.btn_basic3 {height:30px; line-height:28px; margin-top:8px; font-size:12px; border:1px solid #d7d7d7; border-radius:5px;}

.mem-wrap .mem-clubtravel {margin-top:50px;}
.mem-wrap .mem-clubtravel h4 {margin:30px 0 15px; font-size:17px; font-weight:500; color:#000;}
.mem-wrap .mem-clubtravel .clubtravel-info {margin:0 -22px;}
.mem-wrap .mem-clubtravel .clubtravel-join {width:297.5px; margin:0 auto;}
.mem-wrap .mem-clubtravel .clubtravel-bnft li {display:flex; align-items:center; width:100%; margin-top:10px; border:1px solid #d7d7d7; border-radius:5px;}
.mem-wrap .mem-clubtravel .clubtravel-bnft li .img {width:30%; flex-shrink:0; text-align:center;}
.mem-wrap .mem-clubtravel .clubtravel-bnft li .txt {width:70%; padding:22px 0 20px 0;}
.mem-wrap .mem-clubtravel .clubtravel-bnft li .txt strong {display:block; font-size:15px; font-weight:500; color:#222;}
.mem-wrap .mem-clubtravel .clubtravel-bnft li .txt span {display:block; margin-top:5px; word-break:keep-all;}
.mem-wrap .mem-clubtravel .clubtravel-bnft + p {display:inline-block; position:relative; padding-left:0.5em; margin-top:12px; font-size:12px; line-height:1.6em; color:#939393;}

.mem-wrap .mem-schedule {margin-top:40px;}
.mem-wrap .mem-schedule h4 {margin-bottom:12px; text-align:center; font-size:20px; font-weight:500; color:#000;}
.mem-wrap .mem-schedule h4::before,
.mem-wrap .mem-schedule h4::after {content:''; display:inline-block; width:12px; height:12px; margin:-2px 9px 0; background:url('../../images/API_M_KO/member/mem_icon.png') top center/100% 100% no-repeat; vertical-align:middle;}
.mem-wrap .mem-schedule table {border-top:2px solid #333;}
.mem-wrap .mem-schedule table + table {margin-top:10px;}
.mem-wrap .mem-schedule table tbody th + td,
.mem-wrap .mem-schedule table tbody td + td {border-left:1px solid #e6e6e6}
.mem-wrap .mem-schedule table tbody th, 
.mem-wrap .mem-schedule table tbody td {padding:8px 4px; font-size:2.5333vw; color:#222; text-align:center; border-bottom:1px solid #e6e6e6}
.mem-wrap .mem-schedule table tbody th,
.mem-wrap .mem-schedule table tbody tr:nth-of-type(1) td {font-weight:500; color:#000; background-color:#fafafa;}

.mem-wrap .mem-notice {margin-top:50px;}
.mem-wrap .mem-notice h4 {margin-bottom:10px; font-size:18px; font-weight:500; color:#222;}
.mem-wrap .mem-notice .notice-tit {margin-top:26px; font-weight:500; color:#000;}
.mem-wrap .mem-notice .notice-list {margin-top:6px;}
.mem-wrap .mem-notice .notice-list li {position:relative; padding-left:15px; font-size:12px; color:#999;}
.mem-wrap .mem-notice .notice-list li::before {content:"※"; position:absolute; top:0.5px; left:0; vertical-align:middle;}

.mem-foreign {padding-top:20px; border-top:1px solid #000;}
.mem-foreign a.btn_basic2 {margin-top:15px; padding:0 14px; font-size:12px;}
/* E: 2024-05-02 온/오프라인 회원등급 통합 */

/*S: 2024-06-10 ai추천 슬라이드 변경*/
.wrap-swiper-list-product .swiper-pagination {position:relative; margin-top:20px;}
.wrap-swiper-list-product .swiper-pagination-bullets {
    bottom: -4px;
}
.wrap-swiper-list-product .swiper-pagination-bullet {
    opacity: 1;
    margin: 1px 4px;
    width: 5px;
    height: 5px;
    background-color: #ebebeb;
}
.wrap-swiper-list-product .swiper-pagination-bullet-active {
    margin: 0px 4px;
    width: 7px;
    height: 7px;
    background-color: #000;
}
/*E: 2024-06-10 ai추천 슬라이드 변경*/

/* S: 2024-07-01 온/오프라인 정보 통합(지점안내 버튼 추가) */
.btn-goto-store {display:none; position:fixed; bottom:133px; right:20px; z-index:50; -webkit-transition:all 0.3s; transition:all 0.3s;}
.btn-goto-store.is-active {display:block;}
.btn-goto-store a {display:block; overflow:hidden; position:relative; width:48px; height:0; padding-top:48px; border:none; border-radius:100%; background-color:#fff; -webkit-box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.08); box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.08); text-indent:-9999px;}
.btn-goto-store a::after {content:""; display:block; position:absolute; top:10px; left:10px; width:28px; height:28px; background:url(../../images/API_M_KO/common/n/icon_store.gif) no-repeat; background-size:contain;}
/* E: 2024-07-01 온/오프라인 정보 통합(지점안내 버튼 추가) */

/* S : 2024-08-19 국중PC 럭셔리관 > 임시 상세페이지 > 첫구매딜 추가 레이아웃 수정 */
.jomalone.container .container.new_type {padding-top:0px;}
.jomalone.container .productdetail.fixed .productdetail_tab.product_tab {top:50px;}
/* E : 2024-08-19 국중PC 럭셔리관 > 임시 상세페이지 > 첫구매딜 추가 레이아웃 수정 */

/* S : 2024-08-28 국중영 PC/MO 주문서 > 제휴플러스적립금 > 중복사용불가 추가 */
.m_popup_renew .radio_group .r_item {position:relative;}
.m_popup_renew .radio_group .r_item label + .no_double {position:absolute; bottom:16px; right:16px; font-size:13px; letter-spacing:-.05em; color:#788497; font-weight:700;}
/* E : 2024-08-28 국중영 PC/MO 주문서 > 제휴플러스적립금 > 중복사용불가 추가 */