/* @charset "utf-8"; */

/* common */

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img,div {margin:0; padding:0}
img,fieldset,button {border:0}
ul,ol {list-style:none}
img,input,select {vertical-align:middle}
em,address {font-style:normal}
table {border-collapse:collapse; border-spacing:0px; empty-cells:show; table-layout:fixed}
caption {visibility:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0}
h1, h2, h3, h4, h5, h6 {font-weight:400}
/* a:focus, input:focus, textarea, button, div, li {outline:none} 2021-09-14 제거 : 접근성 위한 outline 숨김 제거 */
body {-webkit-tap-highlight-color:transparent}
input {-webkit-border-radius:0; -webkit-appearance:none}

/* S: 2021-06-25 추가 : 자동완성 input 배경색 제거 */
input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  }
  /* E: 2021-06-25 추가 : 자동완성 input 배경색 제거 */

body, input, select, textarea, button {font-family:'Noto Sans CJK KR', '본고딕', 'sans-serif', sans-serif; font-weight:400; color:#1b1e23; font-size:13px; letter-spacing: -0.05em;}
body {-webkit-text-size-adjust:none; background:#fff}
input[type="text"]:disabled {background:#f5f5f5}
/* 2021-06-21 수정 */
input[readonly] {background:#f1f1f1;border-color:#dde0e5 !important;color: #676767;}
/* //2021-06-21 수정 */
::-webkit-input-placeholder {color:#777}
::-moz-placeholder {color:#777}
:-ms-input-placeholder {color:#777}
:-moz-placeholder {color:#777}
/* 2021-06-11 : 폰트 색상 변경 */
a:link, a:visited {text-decoration:none; color:#1b1e23}
a:hover {text-decoration:none; color:#1b1e23}
a:active {text-decoration:none; color:#1b1e23}
/* //2021-06-11 : 폰트 색상 변경 */

body.fixed {width:100%; position:fixed;}/* 2021-08-23 추가 */

img {max-width:100%;}/* 2021-09-14 추가 : 이미지 최대넓이 100% */

button:active, button:focus {outline:none !important;}/* 2021-09-16 추가 */

#wrap {
    width: 100%;
    min-width: 1440px;
}

#container {
    position: relative;
    display: block;
}
#content {
    width: 1080px;
    margin: 0 auto;
    min-height: 700px;
}
.totop {display:block; width:60px; height:60px; background:#fff; border-radius:60px; box-shadow:6px 6px 10px 0 rgba(0, 0, 0, 0.1); position:fixed; bottom:50px; right:50%; margin-right:-740px; z-index:90; text-indent:-9999px; cursor:pointer; margin-bottom:-150px;} /* 2021-06-25 수정 : totop 버튼 하단 카트 레이어 노출 여부에 따른 위치 수정 */
.totop.addtocart_active {margin-bottom:0 !important;} /* 2021-06-25 수정 : totop 버튼 하단 카트 레이어 노출 여부에 따른 위치 수정 */
.totop::after {content:""; display:block; width:16px; height:19px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -90px -136px no-repeat; position:absolute; left:22px; top:20px}
@media screen and (max-width:1585px) {
    .totop {right:50px; margin-right:0}
}
#container .totop {
    width: 48px;
    height: 48px;
    border-radius: 100%;
}
#container .totop::after {
    top: 12px;
    left: 12px;
    width: 24px;
    height: 24px;
    background-image: url(../images/icon_top.svg);
    background-position: 0 0;
    background-size: contain;
}



input {box-sizing:border-box}
input[type="text"] {font-size:17px; font-weight:500}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration {display:none}
select {box-sizing:border-box}
select:disabled {color:#788497; opacity:1; border-color:#dde0e5 !important;}
textarea {overflow:auto; resize:none; box-sizing:border-box}
*, *:before, *:after {box-sizing:border-box}

input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="search"]:focus {outline:none;}/*2021-09-16 추가 : 접근성 관련 추가된 outline input에서 제거 */

i.tnr_font {font-family:'Times New Roman'; font-size:16px; display:block; color:#1b1e23; font-style:italic; font-weight:bold}
i.tnr_font em {font-size:32px; font-style:italic; font-weight:bold}

/* table */
table {width:100%; word-wrap:break-word; border-spacing:0; border-collapse:separate}
table th {font-weight:normal}

input[type='text']::-ms-clear {display:none !important}
input[type='text'],
input[type='password'],
input[type='tel'] {height:34px;padding:0 7px;border:1px solid #d9d9d9;border-radius:0 !important;-webkit-appearance:none !important;font-family:'Noto Sans CJK KR', '본고딕', 'sans-serif';outline:none;box-sizing:border-box;line-height:32px;color:#1b1e23} /* 2021-06-10 : color 변경*/
input[type='file'] {line-height:1;padding:0 7px;border:1px solid #d9d9d9;font-family:'Noto Sans CJK KR', '본고딕', 'sans-serif';cursor:pointer;outline:none;box-sizing:border-box}
input[type='text'].error {border-color:#ff0000}
input[type='text']:focus,
input[type='password']:focus,
input[type='tel']:focus {border-color:#333333}
@media only screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='text'],
    input[type='password'],
    input[type='tel'] {height:34px}
}
.input_big input[type='text'],
.input_big input[type='password'],
.input_big input[type='tel'] {height:60px;padding:0 20px;line-height:58px;font-size:16px}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color:#999999}
input:-moz-placeholder,
textarea:-moz-placeholder {color:#999999;opacity:1}
input::-moz-placeholder,
textarea::-moz-placeholder {color:#999999;opacity:1}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#999999}
input[type='checkbox'],
input[type='radio'], input[type='button'] {margin:0;padding:0;position:relative;top:2px}
.ie8 input[type='checkbox'],
.ie8 input[type='radio'] {margin-right:3px;width:14px !important;height:14px !important;top:0}
input[type='checkbox']:disabled + label,
input[type='radio']:disabled + label {color:#999999 !important}
input:disabled, input:readonly {background:#f1f1f1}
input[readonly='readonly'], input[readonly],
input[disabled='disabled'], input[disabled] {background-color:#f1f1f1 !important;color:#788497}/* 2021-007-13 폰트 색상 변경 676767 → 788497 */
input[disabled='disabled'] + .ui-datepicker-trigger, input[disabled] + .ui-datepicker-trigger {display:none}
select[disabled] {background:#f1f1f1 url(https://cdn.hddfs.com/front/images/KO/common/bg_select.png) no-repeat 95% 50%;color:#788497;} /* 2021-06-11 : 백그라운드 이미지 추가 */
textarea {width:100%;box-sizing:border-box;padding:10px;resize:none;font-family:'Noto Sans CJK KR', '본고딕', 'sans-serif';font-size:inherit;border:1px solid #d9d9d9;outline:none}
textarea:focus {border-color:#333333}
input::-webkit-input-placeholder {color:#666666 !important}
input::-moz-placeholder {color:#666666 !important}
input:-ms-input-placeholder {color:#666666 !important}
input:-moz-placeholder {color:#666666 !important}
legend {font-size:0;text-indent:-99999em;line-height:0}
header, section, footer, article, nav, aside {display:block}
/*2018-10-19 달력 readonly dim 제거*/
input.datepicker[readonly='readonly'],input.datepicker[readonly] {background-color:#fff !important; color:#333 !important}

/* 2021-08-26 disabled cursor default */
*:disabled {cursor:default !important;}

/* 2021-07-16 추가 : 텍스트 볼드 제거 */
.txt_light {font-weight:400 !important;}

/* 2021-06-24 추가 : 검색어 삭제 버튼 */
.search_txt_del {width:14px; height:14px; font-size:0; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png')0 -141px no-repeat; position:absolute; top:5px; right:40px; display:none;}

/* ico */
.ico_com {font-size:0;line-height:0}
.ico_com, .ico_coma:after, .ico_comb:before,
.cp_area .cp_box ~ .cp_box:before, .show_movie:after {content:'';display:inline-block;overflow:hidden;background-image:url('https://cdn.hddfs.com/front/images/KO/common/ico_common.png');background-repeat:no-repeat}
.ico_com.btn_x, .ico_coma.btn_x:after, .ico_comb.btn_x:before {width:33px;height:33px;background-position:0 0} /* 상단배너 닫기 */
.ico_com.btn_sh, .ico_coma.btn_sh:after, .ico_comb.btn_sh:before {width:18px;height:18px;background-position:-40px 0} /* 통함검색 */
.ico_com.sh_result {width:40px;height:40px;background-position:-250px -160px} /* 통합검색 검색결과없음 */
.ico_com.ar01, .ico_coma.ar01:after, .ico_comb.ar01:before {width:3px;height:6px;background-position:-60px 0}
.ico_com.ar02, .ico_coma.ar02:after, .ico_comb.ar02:before {width:3px;height:6px;background-position:-70px 0}
.ico_com.i_b01, .ico_coma.i_b01:after, .ico_comb.i_b01:before {width:18px;height:18px;background-position:-80px 0} /* nav 브랜드 */
.ico_com.i_b02, .ico_coma.i_b02:after, .ico_comb.i_b02:before {width:11px;height:6px;background-position:-100px 0} /* nav 브랜드 */
.ico_com.i_b03, .ico_coma.i_b03:after, .ico_comb.i_b03:before {width:15px;height:8px;background-position:-120px 0} /* nav 서브 블릿 */
.ico_com.i_b04, .ico_coma.i_b04:after, .ico_comb.i_b04:before {width:13px;height:7px;background-position:-140px 0} /* 패밀리 사이트 */
.ico_com.i_b05, .ico_coma.i_b05:after, .ico_comb.i_b05:before {width:13px;height:7px;background-position:-160px 0} /* 패밀리 사이트 */
.ico_com.i_b06, .ico_coma.i_b06:after, .ico_comb.i_b06:before {width:12px;height:8px;background-position:-180px 0} /* 패밀리 사이트 */
.ico_com.i_mark, .ico_coma.i_mark:after, .ico_comb.i_mark:before {width:70px;height:70px;background-position:-320px -120px} /* 중간 느낌표 */
.ico_com.i_mark2, .ico_coma.i_mark2:after, .ico_comb.i_mark2:before {width:50px;height:50px;background-position:-400px -120px} /* 작은 느낌표 */
.ico_com.i_mark3, .ico_coma.i_mark3:after, .ico_comb.i_mark3:before {width:90px;height:90px;background-position:-460px -120px} /* 큰 느낌표 */
.ico_com.i_mark4, .ico_coma.i_mark4:after, .ico_comb.i_mark4:before {width:90px;height:90px;background-position:-560px -120px} /* 비밀번호찾기 */
.ico_com.i_mark5, .ico_coma.i_mark5:after, .ico_comb.i_mark5:before {width:90px;height:90px;background-position:-660px -120px} /* 14세미만 */
.ico_com.l01 {width:177px;height:47px;background-position:-320px 0} /* 상단로고 */
.ico_com.l02 {width:177px;height:47px;background-position:-320px -60px} /* 풋터로고 */
.ico_com.l03 {width:100px;height:27px;background-position:-460px -60px} /* 공통로고(이메일무단수집거부, 에러) */
.ico_com.l04 {width:150px;height:42px;background-position:-580px -60px} /* error page logo */
.ico_com.rbox02 {width:60px;height:60px;background-position:-120px -200px} /* 할인율 라운드 */
.ico_com.pin {width:10px;height:14px;background-position:-420px -200px} /* 지점안내 */
.ico_com.sns01 {background-position:0 -120px} /* facebook */
.ico_com.sns03 {background-position:-40px -120px} /* instar */
.ico_com.x01 {width:19px;height:19px;background-position:-100px -160px} /* 혜택배너 창닫기 */
.ico_com.x02 {width:19px;height:19px;background-position:-200px 0} /* 브랜드 닫기 */
.ico_com.t01 {width:60px;height:49px;background-position:0 -150px} /* time sale */
.ico_comb.saleprd:before {width:70px;height:70px;background-position:-930px 0} /* time sale 배경 */
.ico_com.more {width:25px;height:25px;background-position:-120px -160px} /* 더보기 */
.ico_com.more02 {width:16px;height:16px;background-position:-160px -160px} /* 공지사항 더보기 */
.ico_com.more03 {width:43px;height:43px;background-position:-760px -380px} /* H.Story 더보기 */
.ico_com.photo {width:21px;height:18px;background-position:-80px -290px} /* 포토상품평 */
.ico_com.photo2 {width:18px;height:16px;background-position:-30px -950px} /* 사진 업로드 */
.ico_com.star {width:73px;height:12px;text-align:left;background-position:0 -290px;vertical-align:middle} /* 평점 회색 */
.ico_com.staron {height:12px;vertical-align:top;background-position:0 -310px} /* 평점 그린 */
.ico_com.star2 {width:123px;height:21px;text-align:left;background-position:-590px 0;vertical-align:middle} /* 큰평점 회색 */
.ico_com.star2on {height:21px;vertical-align:top;background-position:-590px -30px} /* 큰평점 그린 */
.ico_com.star3 {width:112px;height:19px;text-align:left;background-position:-730px 0} /* 중간평점 회색 */
.ico_com.star3on {height:19px;vertical-align:top;background-position:-730px -30px} /* 중간평점 그린 */
.ico_com.list01 {width:17px;height:17px;background-position:-180px -160px} /* 리스트형 보기 */
.ico_com.list02 {width:17px;height:17px;background-position:-200px -160px} /* 카드형 보기 */
.ico_com.list01.active {background-position:-180px -180px}
.ico_com.list02.active {background-position:-200px -180px}
.ico_com.arrow01 {width:7px;height:5px;background-position:-120px -260px} /* 전체보기 */
.ico_com.arrow01.active {background-position:-120px -270px}
.ico_com.del {height:15px;width:15px;background-position:-130px -260px} /* 상세검색 브랜드 삭제 */
.ico_com.del2 {width:17px;height:17px;background-position:-150px -270px} /* 첨부이미지 삭제 */
.ico_com.del3 {width:8px;height:8px;background-position:-770px -260px} /* 상세검색 브랜드 삭제 */
.ico_com.del4 {width:9px;height:9px;background-position:-250px -20px} /* 할인쿠폰 삭제 */
.ico_com.del5 {width:18px;height:18px;background-position:-130px -20px} /* 할인쿠폰 삭제(ver2) */
.ico_com.close {width:11px;height:11px;background-position:-250px 0}
.ico_com.close2 {width:13px;height:12px;background-position:-150px -20px} /* 자세히보기 창닫기 */
.ico_com.toggle {width:30px;height:31px;background-position:-790px -260px} /* 상세검색 더보기 */
.ico_com.toggle.active {background-position:-820px -260px}
.ico_coma.more:after {width:9px;height:9px;background-position:-280px -20px} /* 더보기 버튼 */
.ico_coma.clear:after {width:15px;height:12px;background-position:-880px -260px} /* 상세검색 전체해제 */
.ico_coma.arrow01:after {width:11px;height:7px;background-position:-860px -260px} /* 상세검색 브랜드 전체보기 */
.ico_coma.arrow01.active:after {background-position:-860px -270px}
.ico_coma.arrow02:after {width:7px;height:10px;background-position:-880px -280px} /* 쿠폰사용가능브랜드 이동 */
.ico_comb.c01:before {background-position:-160px -120px} /* 쇼핑가이드 */
.ico_comb.c02:before {background-position:-200px -120px} /* 혜택안내 */
.ico_comb.c03:before {background-position:-240px -120px} /* 매장안내 */
.ico_comb.c04:before {background-position:-280px -120px} /* 고객센터 */
.ico_comb.min_price:before {width:4px;height:5px;background-position:-150px -260px} /* 가격검색 바 */
.ico_comb.max_price:before {width:4px;height:5px;background-position:-160px -260px} /* 가격검색 바 */
.ico_coma.i_r01:after {width:8px;height:9px;background-position:-180px -200px} /* 메인 큐레이션 */
.ico_comb.pprev:before {width:16px;height:16px;background-position:-130px -40px} /* 페이징 2024-01-04 수정 */
.ico_comb.prev:before {width:16px;height:16px;background-position:-146px -40px} /* 페이징 2024-01-04 수정 */
.ico_comb.next:before {width:16px;height:16px;background-position:-162px -40px} /* 페이징 2024-01-04 수정 */
.ico_comb.nnext:before {width:16px;height:16px;background-position:-178px -40px} /* 페이징 2024-01-04 수정 */
.ico_comb.brd_prev:before {width:6px;height:10px;background-position:-170px -260px} /* 이전/다음글 */
.ico_coma.brd_next:after {width:6px;height:10px;background-position:-180px -260px} /* 이전/다음글 */
.ico_coma.icc_open:after {width:17px;height:17px;background-position:-190px -260px} /* accordion open */
.ico_coma.i_blt:after {width:7px;height:11px;background-position:-290px -260px} /* 링크 블릿 */
.ico_coma.i_blt2:after {width:5px;height:7px;background-position:-300px -280px} /* 링크 블릿 */
.ico_com.ev_link01 {width:50px;height:36px;background-position:-590px -330px} /* 링크 쿠폰 */
.ico_com.ev_link02 {width:50px;height:42px;background-position:-650px -330px} /* 링크 등급별혜택 */
.ico_com.ev_link03 {width:46px;height:41px;background-position:-704px -330px} /* 링크 혜택모음 */
.ico_com.ev_link04 {width:36px;height:42px;background-position:-830px -407px} /* 링크 H.Style 2019-04-01 */
.active.ico_coma.icc_open:after {background-position:-210px -260px}
.ico_com.i_help {width:16px;height:16px;background-position:-230px -260px} /* accordion open */
/* .ico_comb.attention:before {width:10px;height:16px;background-position:0 -330px} 유의사항 */
.ico_coma.i_link:after {width:5px;height:7px;background-position:-300px -260px} /* 로그인 링크 */
.ico_comb.prev_btn:before {width:12px;height:21px;background-position:-320px -260px} /* 이전/다음글2 */
.ico_comb.next_btn:before {width:12px;height:21px;background-position:-340px -260px} /* 이전/다음글2 */
.ico_coma.prev_icon:after {width:11px;height:7px;background-position:-270px -270px} /* 이전/다음글3 */
.ico_coma.next_icon:after {width:11px;height:7px;background-position:-270px -280px} /* 이전/다음글3 */
.ico_comb.exc01:before {width:26px;height:26px;background-position:-20px -330px} /* 원화 */
.ico_comb.exc02:before {width:26px;height:26px;background-position:-50px -330px} /* 엔화 */
.ico_comb.exc03:before {width:26px;height:26px;background-position:-80px -330px} /* 위안화 */
.ico_comb.exc04:before {width:26px;height:26px;background-position:-110px -330px} /* 유로 */
.ico_com.sexc01 {width:15px;height:15px;background-position:-140px -330px} /* 원화 */
.ico_com.sexc02 {width:15px;height:15px;background-position:-160px -330px} /* 엔화 */
.ico_com.sexc03 {width:15px;height:15px;background-position:-180px -330px} /* 위안화 */
.ico_com.sexc04 {width:15px;height:15px;background-position:-200px -330px} /* 유로 */
.ico_com.pr {width:9px;height:16px;background-position:-220px -330px} /* 환율조회 이전 */
.ico_com.ne {width:9px;height:16px;background-position:-240px -330px} /* 환율조회 다음 */
.ico_coma.i_time:after {position:absolute;top:50%;right:10px;z-index:1;margin-top:-8px;width:16px;height:16px;background-position:-490px -260px} /* time */
.ico_comb.i_time02:before {width:30px;height:25px;background-position:-790px -330px} /* 타임세일 아이콘 */
.ico_comb[class*=lv_on_up]:before {width:84px;height:84px;background-position-y:-360px}
.ico_comb[class*=lv_off_up]:before {width:91px;height:59px;background-position-y:-540px}
.ico_comb.lv_on_up001:before {background-position-x:0} /* 회원등급안내(온라인멤버십-회원등급 1) */
.ico_comb.lv_on_up002:before {background-position-x:-90px} /* 회원등급안내(온라인멤버십-회원등급 2) */
.ico_comb.lv_on_up003:before {background-position-x:-180px} /* 회원등급안내(온라인멤버십-회원등급 3) */
.ico_comb.lv_on_up004:before {background-position-x:-270px} /* 회원등급안내(온라인멤버십-회원등급 4) */
.ico_comb.lv_on_up005:before {background-position-x:-360px} /* 회원등급안내(온라인멤버십-회원등급 5) */
.ico_comb[class*=online_point]:before {width:84px;height:84px;background-position-y:-450px}
.ico_comb.online_point02:before {background-position-x:0} /* 회원등급안내(온라인멤버십-적립금 2,000) */
.ico_comb.online_point03:before {background-position-x:-90px} /* 회원등급안내(온라인멤버십-적립금 5,000) */
.ico_comb.online_point04:before {background-position-x:-180px} /* 회원등급안내(온라인멤버십-적립금 7,000) */
.ico_comb.online_point05:before {background-position-x:-270px} /* 회원등급안내(온라인멤버십-적립금 10,000) */
.ico_comb.online_coupon05:before {width:106px;height:59px;background-position:-790px -60px} /* 회원등급안내(온라인멤버십-만능쿠폰 5종) */
.ico_comb.online_coupon02:before {width:173px;height:79px;background-position:-790px -130px} /* 회원등급안내(만능쿠폰 5종 + 신규회원 쿠폰 7종) */
.ico_comb.lv_off_up001:before {background-position-x:-182px} /* 회원등급안내(오프라인멤버십-회원등급 PLATINUM) 001*/
.ico_comb.lv_off_up002:before {background-position-x:-364px} /* 회원등급안내(오프라인멤버십-회원등급 SILVER) 002*/
.ico_comb.lv_off_up003:before {background-position-x:-273px} /* 회원등급안내(오프라인멤버십-회원등급 GOLD) 003*/
.ico_comb.lv_off_up004:before {background-position-x:-91px} /* 회원등급안내(오프라인멤버십-회원등급 BLACK) 004*/
.ico_comb.lv_off_up005:before {background-position-x:0} /* 회원등급안내(오프라인멤버십-회원등급 PRESTIGE) 005*/
.ico_com[class*=lv_on_] {width:110px;height:110px;background-position-y:-600px} /* 회원등급(승급안내팝업) */
.ico_com[class*=lv_off_] {width:91px;height:59px;background-position-y:-540px} /* 2024-03-25 수정 : 회원등급(승급안내팝업) */
.lv_on_up000 {background-position-x:0} /* 온라인(000 - LOGOUT) */
.lv_on_up001 {background-position-x:0} /* 온라인(001 - HELLO) */
.lv_on_up002 {background-position-x:-110px} /* 온라인(002 - FAMILY) */
.lv_on_up003 {background-position-x:-220px} /* 온라인(003 - PREMIUM) */
.lv_on_up004 {background-position-x:-330px} /* 온라인(004 - H.VIP) */
.lv_on_up005 {background-position-x:-440px} /* 온라인(005 - H.VVIP) */
.ico_com.lv_xsmall[class*=lv_on_],
.ico_com.lv_xsmall[class*=lv_off_] {width:26px;height:26px;background-position-y:-740px} /* 회원등급(마이현대 그래프) */
.ico_com.lv_on_up000.lv_xsmall {background-position-x:0} /* 온라인(000 - LOGOUT) */
.ico_com.lv_on_up001.lv_xsmall {background-position-x:0} /* 온라인(001 - HELLO) */
.ico_com.lv_on_up002.lv_xsmall {background-position-x:-30px} /* 온라인(002 - FAMILY) */
.ico_com.lv_on_up003.lv_xsmall {background-position-x:-60px} /* 온라인(003 - PREMIUM) */
.ico_com.lv_on_up004.lv_xsmall {background-position-x:-90px} /* 온라인(004 - H.VIP) */
.ico_com.lv_on_up005.lv_xsmall {background-position-x:-120px} /* 온라인(005 - H.VVIP) */
.ico_com.lv_small[class*=lv_on_] {width:45px;height:45px;background-position-y:-780px}
.ico_com.lv_small[class*=lv_off_] {width:47px;height:45px;background-position-y:-780px} /* 회원등급(마이현대 상단) */
.ico_com.lv_on_up000.lv_small {background-position-x:0} /* 온라인(000 - LOGOUT) */
.ico_com.lv_on_up001.lv_small {background-position-x:0} /* 온라인(001 - HELLO) */
.ico_com.lv_on_up002.lv_small {background-position-x:-50px} /* 온라인(002 - FAMILY) */
.ico_com.lv_on_up003.lv_small {background-position-x:-100px} /* 온라인(003 - PREMIUM) */
.ico_com.lv_on_up004.lv_small {background-position-x:-150px} /* 온라인(004 - H.VIP) */
.ico_com.lv_on_up005.lv_small {background-position-x:-200px} /* 온라인(005 - H.VVIP) */
.ico_com.lv_off_up000 {background-position-x:0}
.ico_com.lv_off_up001 {background-position-x:0}
.ico_com.lv_off_up002 {background-position-x:-364px} /* 오프라인(002 - SILVER) : 2024-03-25 수정 */
.ico_com.lv_off_up003 {background-position-x:-273px} /* 오프라인(003 - GOLD) : 2024-03-25 수정 */
.ico_com.lv_off_up004 {background-position-x:-182px} /* 오프라인(004 - BLACK) : 2024-03-25 수정 */
.ico_com.lv_off_up005 {background-position-x:0px} /* 오프라인(005 - PRESTIGE) : 2024-03-25 수정 */
.ico_com.lv_off_up011 {background-position-x:0}
.ico_com.lv_off_up012 {background-position-x:0}
.ico_com.lv_off_up000.lv_xsmall {background-position-x:0} /* 오프라인(000 - 비회원) */
.ico_com.lv_off_up001.lv_xsmall {background-position-x:0} /* 오프라인(001 - RED) */
.ico_com.lv_off_up002.lv_xsmall {background-position-x:0} /* 오프라인(002 - SILVER) */
.ico_com.lv_off_up003.lv_xsmall {background-position-x:0} /* 오프라인(003 - GOLD) */
.ico_com.lv_off_up004.lv_xsmall {background-position-x:0} /* 오프라인(004 - VIP) */
.ico_com.lv_off_up005.lv_xsmall {background-position-x:0} /* 오프라인(005 - VVIP) */
.ico_com.lv_off_up011.lv_xsmall {background-position-x:0} /* 오프라인(011 - 임직원) */
.ico_com.lv_off_up012.lv_xsmall {background-position-x:0} /* 오프라인(012 - 계열사) */
.ico_com.lv_off_up000.lv_small {background-position-x:0} /* 오프라인(000 - 비회원) */
.ico_com.lv_off_up001.lv_small {background-position-x:-364px} /* 오프라인(001 - PLATINUM) */
.ico_com.lv_off_up002.lv_small {background-position-x:-478px} /* 오프라인(002 - SILVER) */
.ico_com.lv_off_up003.lv_small {background-position-x:-421px} /* 오프라인(003 - GOLD) */
.ico_com.lv_off_up004.lv_small {background-position-x:-307px} /* 오프라인(004 - BLACK) */
.ico_com.lv_off_up005.lv_small {background-position-x:-250px} /* 오프라인(005 - PRESTIGE) */
.ico_com.lv_off_up011.lv_small {background-position-x:-535px} /* 오프라인(011 - 임직원) */
.ico_com.lv_off_up012.lv_small {background-position-x:-535px} /* 오프라인(012 - 계열사) */
.ico_com.btn_bl {width:5px;height:7px;background-position:-360px -260px} /* 버튼 블릿(녹색) */
.ico_com.btn_bl2 {width:5px;height:7px;background-position:-550px -260px} /* 버튼 블릿(회색) */
.ico_com.btn_bl3 {width:5px;height:7px;background-position:-550px -270px} /* 버튼 블릿(블랙) */
.ico_com.a {width:16px;height:14px;background-position:-370px -260px} /* A */
.ico_comb.re:before {width:9px;height:10px;background-position:-390px -260px} /* A 꺽쇠 */
.ico_com.attb {width:16px;height:14px;background-position:-320px -330px} /* 관심브랜드 비활성 */
.ico_com.attb.active {background-position:-300px -330px} /* 관심브랜드 활성 */
.ico_comb.pr01:before {width:52px;height:52px;background-position:-200px -200px} /* 진녹색 라운드 */
.ico_comb.pr02:before {width:52px;height:52px;background-position:-270px -200px} /* 녹색 라운드 */
.ico_comb.pr03:before {width:52px;height:52px;background-position:-60px -200px} /* 주황색 라운드 */
.ico_com.i_pr01 {width:21px;height:24px;background-position:-340px -330px} /* 카드형(로그인) */
.ico_com.i_pr02 {width:22px;height:24px;background-position:-370px -330px} /* 카드형(미리보기) */
.ico_com.i_pr03 {width:22px;height:24px;background-position:-400px -330px} /* 카드형(관심상품) */
.ico_com.i_pr04 {width:24px;height:24px;background-position:-430px -330px} /* 카드형(카트담기) */
.ico_com.i_pr05 {width:24px;height:24px;background-position:-460px -330px} /* 카드형(바로구매) */
.ico_com.i_pr06 {width:20px;height:24px;background-position:-490px -330px} /* 카드형(재입고알림) */
.ico_com.i_pr07 {width:24px;height:24px;background-position:-400px -330px} /* 카드형(위시리스트) */
.ico_comb.review:before {width:18px;height:16px;background-position:-400px -200px} /* 상품평 베스트 아이콘 */
.ico_comb.i_sp:before {width:25px;height:25px;background-position:-270px -290px} /* 스페셜오더(블릿) */
.ico_comb.i_sp01:before {width:33px;height:33px;background-position:-110px -290px} /* 스페셜오더(브랜드 선택) */
.ico_comb.i_sp02:before {width:33px;height:33px;background-position:-150px -290px} /* 스페셜오더(신청서 작성) */
.ico_comb.i_sp03:before {width:33px;height:33px;background-position:-190px -290px} /* 스페셜오더(상품답변확인) */
.ico_comb.i_sp04:before {width:33px;height:33px;background-position:-230px -290px} /* 스페셜오더(결제하기) */
.ico_com.favorite {width:30px;height:30px;background-position:-510px -330px} /* 관심브랜드 비활성 (라운드형) */
.ico_com.favorite.active {background-position:-550px -330px} /* 관심브랜드 활성 (라운드형) */
.ico_com.favorite2 {width:30px;height:30px;background-position:-300px -290px} /* 브랜드샵 관심브랜드 비활성 (라운드형) */
.ico_com.favorite2.active {background-position:-340px -290px} /* 브랜드샵 관심브랜드 활성 (라운드형) */
.ico_com.round_favorite {width:30px;height:30px;background-position:-260px -920px} /* 관심이벤트 비활성 */
.ico_com.round_favorite.active {width:30px;height:30px;background-position:-660px -920px} /* 관심이벤트 활성 */
.ico_com.round_facebook {width:30px;height:30px;background-position:-340px -920px} /* 이벤트 공유(페이스북) */
.ico_com.round_kakao {width:30px;height:30px;background-position:-380px -920px} /* 이벤트 공유(카카오스토리) */
.ico_com.round_hpoint {width:30px;height:30px;background-position:-420px -920px} /* 이벤트 공유(hpoint) */
.ico_com.round_blog {width:30px;height:30px;background-position:-460px -920px} /* 이벤트 공유(네이버블로그) */
.ico_com.round_insta {width:30px;height:30px;background-position:-580px -920px} /* 이벤트 공유(인스타그램) */
.ico_com.round_mail {width:30px;height:30px;background-position:-620px -920px} /* 이벤트 공유(메일) */
.ico_com.share {width:30px;height:30px;background-position:-500px -920px} /* 공유(비활성) */
.active .ico_com.share {background-position:-540px -920px} /* 공유(활성) */
.ico_com.facebook {width:9px;height:16px;background-position:-180px -920px} /* 이벤트 댓글 공유(페이스북) */
.ico_com.twitter {width:16px;height:16px;background-position:-200px -920px} /* 이벤트 댓글 공유(트위터) */
.ico_com.kakao {width:9px;height:16px;background-position:-220px -920px} /* 이벤트 댓글 공유(카카오스토리) */
.ico_com.blog {width:14px;height:16px;background-position:-240px -920px} /* 이벤트 댓글 공유(네이버블로그) */
.ico_comb.cou_benefit:before {width:65px;height:65px;background-position:0 -850px} /* 쿠폰 리스트 */
.ico_com.cou_dw {width:26px;height:26px;background-position:-70px -850px} /* 쿠폰 다운로드 */
.ico_com.btn_sh2 {width:16px;height:16px;background-position:-450px -260px} /* 공지사항 검색 */
.ico_comb.use_time:before {width:18px;height:18px;background-position:-470px -260px} /* 주문가능시간 */
.ico_comb.sp_step01:before {width:33px;height:33px;background-position:-190px -290px} /* 스페셜오더(step01) */
.ico_comb.sp_step02:before {width:33px;height:33px;background-position:-190px -290px} /* 스페셜오더(step02) */
.ico_comb.or_step01:before {width:33px;height:34px;background-position:-510px -471px} /* 주문(step01) */
.ico_comb.or_step02:before {width:31px;height:34px;background-position:-553px -471px} /* 주문(step02) */
.ico_comb.or_step03:before {width:33px;height:34px;background-position:-591px -471px} /* 주문(step03) */
.ico_com.special {width:70px;height:19px;background-position:-560px -260px} /* 스페셜오더 */
.ico_com.coupon {width:84px;height:20px;background-position:-560px -290px} /* 즉시사용할인쿠폰 */
.ico_comb.plus:before {width:26px;height:26px;background-position:-640px -260px} /* plus */
.ico_comb.minus:before {width:26px;height:26px;background-position:-670px -260px} /* minus */
.ico_comb.total:before {width:26px;height:26px;background-position:-700px -260px} /* total */
.ico_com.q {width:13px;height:15px;background-position:-60px -950px} /* Q */
.ico_com.a {width:16px;height:14px;background-position:-80px -950px} /* A */
.ico_com.re:before {width:9px;height:10px;background-position:-100px -950px} /* A 꺽쇠 */
.ico_coma.open:after {width:16px;height:10px;background-position:-110px -950px} /* open */
.active .ico_coma.open:after {background-position:-130px -950px}
.ico_coma.bre:after {width:7px;height:4px;background-position:-430px -260px} /* breadcrumb */
.ico_coma.brand:after {width:8px;height:13px;background-position:-910px -260px} /* brand_blt */
.ico_com.down {width:16px;height:15px;background-position:-930px -260px} /* 다운로드 */
.ico_coma.sale:after {width:7px;height:13px;background-position:-730px -260px} /* 다운 화살표 */
.ico_comb.i_expansion:before {width:16px;height:16px;background-position:-960px -260px} /* 확대보기 */
.ico_comb.i_best:before {width:15px;height:15px;background-position:-210px -950px} /* gnb 베스트 */
.icon_adult  {width:auto !important; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}/* 2021-07-23 추가 : 19금 아이콘 중앙 정렬 */

/* S: 적립금 쿠폰 관련 21-06-24 추가 */
.resize{overflow:hidden;padding:0 10px;margin:0 0 0 40px; display:block; line-height:1;font-size: 79px;}
.resize.lg{float:left;width:300px;height:100px;line-height:100px;color:#c51315;}
.resize span{color:#666;font-size:70%;}
.resize.md {width:140px;position: relative;margin:85px auto 27px; padding:0 1px;line-height:47px;height:47px; font-size: 32px; color: #333;}
.resize.md span{font-size:70%;color:#000;}
.resize.e_save{width:280px;margin:0; color:#000; padding:0 10px 0 0;height: 65px;line-height: 65px;}
.resize.e_save.decrease{font-size:61px;}
.resize.e_save span{color:#000;}
.resize.reserves {width:210px;padding:0 10px 0 0;margin:10px auto 0; height:60px; line-height:60px;color:#333;}
.resize.win {width:110px;padding:0 5px;margin:8px auto 0; height:31px;/*margin:10px auto 0; height:25px;*/ line-height:25px;color:#333;}/*2019-03-08 여백수정 phj*/
.resize.win.sales span{display:inline-block;font-size:auto;}
.resize.king{width:140px;position: relative; margin:85px auto 42px;padding:0 1px;line-height:47px; height:47px; font-size: 36px; color: #333333;}
.resize.king.dim {opacity:0.5;}
.save_down.weekly {position: absolute !important; bottom: 39px; width: 150px; text-align: center; left: 50%; margin-left:-75px;}
.resize.save {position:absolute;top:45px;left:290px; width:400px; height:80px;line-height:80px;color:#c51315;}
.resize.save span{color:#333;}
/* E: 적립금 쿠폰 관련 21-06-24 추가 */

/*중문*/
.cn,
.cn input[type='text'], .cn input[type='password'],
.cn input[type='tel'],  .cn input[type='button'], .cn button,
.cn .h3_type .small_txt, .cn .h4_type .small_txt
 {font-family:'NotoSansSC', 'NotoSans','微软雅黑' ,san-serif}

/* ETC */
* {box-sizing:border-box}
.tover {display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:95%;padding-right:3px}
caption, .hide {height:0;width:0;overflow:hidden;font-size:0;line-height:0;text-indent:-99999em}
.pay_data {color:inherit !important}
label .pay_data {position:relative;top:-1px}

/* ico */
.ico_com {font-size:0;line-height:0}
.ico_com, .ico_coma:after, .ico_comb:before,
.cp_area .cp_box ~ .cp_box:before, .show_movie:after {content:'';display:inline-block;overflow:hidden;background-image:url('https://cdn.hddfs.com/front/images/KO/common/ico_common.png');background-repeat:no-repeat}
.ico_com.l01 {width:177px;height:47px;background-position:-320px 0} /* 상단로고 */
.ico_com.l02 {width:177px;height:47px;background-position:-320px -60px} /* 풋터로고 */
.ico_com.l03 {width:100px;height:27px;background-position:-460px -60px} /* 공통로고(이메일무단수집거부, 에러) */
.ico_com.l04 {width:150px;height:42px;background-position:-580px -60px} /* error page logo */
.ico_com.photo {width:21px;height:18px;background-position:-80px -290px} /* 포토상품평 */
.ico_com.photo2 {width:18px;height:16px;background-position:-30px -950px} /* 사진 업로드 */
.ico_com.star {width:73px;height:12px;text-align:left;background-position:0 -290px;vertical-align:middle} /* 평점 회색 */
.ico_com.staron {height:12px;vertical-align:top;background-position:0 -310px} /* 평점 그린 */
.ico_com.list01 {width:17px;height:17px;background-position:-180px -160px} /* 리스트형 보기 */
.ico_com.list02 {width:17px;height:17px;background-position:-200px -160px} /* 카드형 보기 */
.ico_com.list01.active {background-position:-180px -180px}
.ico_com.list02.active {background-position:-200px -180px}
.ico_com.arrow01 {width:7px;height:5px;background-position:-120px -260px} /* 전체보기 */
.ico_com.arrow01.active {background-position:-120px -270px}
.ico_com.del {height:15px;width:15px;background-position:-130px -260px} /* 상세검색 브랜드 삭제 */
.ico_com.toggle {width:30px;height:31px;background-position:-790px -260px} /* 상세검색 더보기 */
.ico_com.toggle.active {background-position:-820px -260px}
.ico_coma.more:after {width:9px;height:9px;background-position:-280px -20px} /* 더보기 버튼 */
.ico_comb.min_price:before {width:4px;height:5px;background-position:-150px -260px} /* 가격검색 바 */
.ico_comb.max_price:before {width:4px;height:5px;background-position:-160px -260px} /* 가격검색 바 */
.ico_coma.i_r01:after {width:8px;height:9px;background-position:-180px -200px} /* 메인 큐레이션 */
.ico_comb.pprev:before {width:16px;height:16px;background-position:-130px -40px} /* 페이징 2024-01-04 수정 */
.ico_comb.prev:before {width:16px;height:16px;background-position:-146px -40px} /* 페이징 2024-01-04 수정 */
.ico_comb.next:before {width:16px;height:16px;background-position:-162px -40px} /* 페이징 2024-01-04 수정 */
.ico_comb.nnext:before {width:16px;height:16px;background-position:-178px -40px} /* 페이징 2024-01-04 수정 */
.ico_coma.i_blt:after {width:7px;height:11px;background-position:-290px -260px} /* 링크 블릿 */
/* .ico_comb.attention:before {width:10px;height:16px;background-position:0 -330px} 유의사항 */
.ico_coma.i_link:after {width:5px;height:7px;background-position:-300px -260px} /* 로그인 링크 */
.ico_comb.prev_btn:before {width:12px;height:21px;background-position:-320px -260px} /* 이전/다음글2 */
.ico_comb.next_btn:before {width:12px;height:21px;background-position:-340px -260px} /* 이전/다음글2 */
.ico_coma.prev_icon:after {width:11px;height:7px;background-position:-270px -270px} /* 이전/다음글3 */
.ico_coma.next_icon:after {width:11px;height:7px;background-position:-270px -280px} /* 이전/다음글3 */
.ico_comb.exc01:before {width:26px;height:26px;background-position:-20px -330px} /* 원화 */
.ico_comb.exc02:before {width:26px;height:26px;background-position:-50px -330px} /* 엔화 */
.ico_comb.exc03:before {width:26px;height:26px;background-position:-80px -330px} /* 위안화 */
.ico_comb.exc04:before {width:26px;height:26px;background-position:-110px -330px} /* 유로 */
.ico_com.sexc01 {width:15px;height:15px;background-position:-140px -330px} /* 원화 */
.ico_com.sexc02 {width:15px;height:15px;background-position:-160px -330px} /* 엔화 */
.ico_com.sexc03 {width:15px;height:15px;background-position:-180px -330px} /* 위안화 */
.ico_com.sexc04 {width:15px;height:15px;background-position:-200px -330px} /* 유로 */
.ico_com.pr {width:9px;height:16px;background-position:-220px -330px} /* 환율조회 이전 */
.ico_com.ne {width:9px;height:16px;background-position:-240px -330px} /* 환율조회 다음 */
.ico_coma.i_time:after {position:absolute;top:50%;right:10px;z-index:1;margin-top:-8px;width:16px;height:16px;background-position:-490px -260px} /* time */
.ico_comb.i_time02:before {width:30px;height:25px;background-position:-790px -330px} /* 타임세일 아이콘 */
.ico_comb[class*=lv_on_up]:before {width:84px;height:84px;background-position-y:-360px}
.ico_comb[class*=lv_off_up]:before {width:91px;height:59px;background-position-y:-540px}
.ico_comb.lv_on_up001:before {background-position-x:0} /* 회원등급안내(온라인멤버십-회원등급 1) */
.ico_comb.lv_on_up002:before {background-position-x:-90px} /* 회원등급안내(온라인멤버십-회원등급 2) */
.ico_comb.lv_on_up003:before {background-position-x:-180px} /* 회원등급안내(온라인멤버십-회원등급 3) */
.ico_comb.lv_on_up004:before {background-position-x:-270px} /* 회원등급안내(온라인멤버십-회원등급 4) */
.ico_comb.lv_on_up005:before {background-position-x:-360px} /* 회원등급안내(온라인멤버십-회원등급 5) */
.ico_comb[class*=online_point]:before {width:84px;height:84px;background-position-y:-450px}
.ico_comb.online_point02:before {background-position-x:0} /* 회원등급안내(온라인멤버십-적립금 2,000) */
.ico_comb.online_point03:before {background-position-x:-90px} /* 회원등급안내(온라인멤버십-적립금 5,000) */
.ico_comb.online_point04:before {background-position-x:-180px} /* 회원등급안내(온라인멤버십-적립금 7,000) */
.ico_comb.online_point05:before {background-position-x:-270px} /* 회원등급안내(온라인멤버십-적립금 10,000) */
.ico_com[class*=lv_on_] {width:110px;height:110px;background-position-y:-600px} /* 회원등급(승급안내팝업) */
.ico_com[class*=lv_off_] {width:91px;height:59px;background-position-y:-540px} /* 2024-03-25 수정 : 회원등급(승급안내팝업) */
.lv_on_up000 {background-position-x:0} /* 온라인(000 - LOGOUT) */
.lv_on_up001 {background-position-x:0} /* 온라인(001 - HELLO) */
.lv_on_up002 {background-position-x:-110px} /* 온라인(002 - FAMILY) */
.lv_on_up003 {background-position-x:-220px} /* 온라인(003 - PREMIUM) */
.lv_on_up004 {background-position-x:-330px} /* 온라인(004 - H.VIP) */
.lv_on_up005 {background-position-x:-440px} /* 온라인(005 - H.VVIP) */

.ico_com.btn_bl {width:5px;height:7px;background-position:-360px -260px} /* 버튼 블릿(녹색) */
.ico_com.btn_bl2 {width:5px;height:7px;background-position:-550px -260px} /* 버튼 블릿(회색) */
.ico_com.btn_bl3 {width:5px;height:7px;background-position:-550px -270px} /* 버튼 블릿(블랙) */
.ico_com.a {width:16px;height:14px;background-position:-370px -260px} /* A */
.ico_comb.re:before {width:9px;height:10px;background-position:-390px -260px} /* A 꺽쇠 */
.ico_com.attb {width:16px;height:14px;background-position:-320px -330px} /* 관심브랜드 비활성 */
.ico_com.attb.active {background-position:-300px -330px} /* 관심브랜드 활성 */
.ico_com.favorite {width:30px;height:30px;background-position:-510px -330px} /* 관심브랜드 비활성 (라운드형) */
.ico_com.favorite.active {background-position:-550px -330px} /* 관심브랜드 활성 (라운드형) */
.ico_com.round_favorite {width:30px;height:30px;background-position:-260px -920px} /* 관심이벤트 비활성 */
.ico_com.round_favorite.active {width:30px;height:30px;background-position:-660px -920px} /* 관심이벤트 활성 */
.ico_com.round_facebook {width:30px;height:30px;background-position:-340px -920px} /* 이벤트 공유(페이스북) */
.ico_com.round_kakao {width:30px;height:30px;background-position:-380px -920px} /* 이벤트 공유(카카오스토리) */
.ico_com.round_hpoint {width:30px;height:30px;background-position:-420px -920px} /* 이벤트 공유(hpoint) */
.ico_com.round_blog {width:30px;height:30px;background-position:-460px -920px} /* 이벤트 공유(네이버블로그) */
.ico_com.facebook {width:9px;height:16px;background-position:-180px -920px} /* 이벤트 댓글 공유(페이스북) */
.ico_com.twitter {width:16px;height:16px;background-position:-200px -920px} /* 이벤트 댓글 공유(트위터) */
.ico_com.kakao {width:9px;height:16px;background-position:-220px -920px} /* 이벤트 댓글 공유(카카오스토리) */
.ico_com.blog {width:14px;height:16px;background-position:-240px -920px} /* 이벤트 댓글 공유(네이버블로그) */
.ico_comb.sp_step01:before {width:33px;height:33px;background-position:-190px -290px} /* 스페셜오더(step01) */
.ico_comb.sp_step02:before {width:33px;height:33px;background-position:-190px -290px} /* 스페셜오더(step02) */
.ico_com.q {width:13px;height:15px;background-position:-60px -950px} /* Q */
.ico_com.a {width:16px;height:14px;background-position:-80px -950px} /* A */
.ico_com.re:before {width:9px;height:10px;background-position:-100px -950px} /* A 꺽쇠 */
.ico_coma.open:after {width:16px;height:10px;background-position:-110px -950px} /* open */
.active .ico_coma.open:after {background-position:-130px -950px}
.ico_coma.bre:after {width:7px;height:4px;background-position:-430px -260px} /* breadcrumb */
.ico_coma.brand:after {width:8px;height:13px;background-position:-910px -260px} /* brand_blt */
.ico_com.down {width:16px;height:15px;background-position:-930px -260px} /* 다운로드 */
.ico_coma.sale:after {width:7px;height:13px;background-position:-730px -260px} /* 다운 화살표 */
.ico_comb.i_expansion:before {width:16px;height:16px;background-position:-960px -260px} /* 확대보기 */
.ico_comb.i_best:before {width:15px;height:15px;background-position:-210px -950px} /* gnb 베스트 */

[class*=ihs_] {height:30px;background-position-y:-380px} /* h-story */
.active [class*=ihs_] {background-position-y:-420px}
.ihs_01 {width:30px;background-position-x:-510px} /* Home */
.ihs_02 {width:34px;background-position-x:-550px} /* H-Style */
.ihs_03 {width:28px;background-position-x:-590px} /* H-Event */
.ihs_04 {width:28px;background-position-x:-630px} /* H-Info */
.iplay {width:84px;height:84px;background-position:-670px -380px} /* 동영상버튼 */

/* heding */
.h2_type {font-size:40px;color:#333333;letter-spacing:-.1em}
.h2_type.type2 {text-align:center; line-height:1; margin:25px 0 20px 0} /* 20201204 메인 개선에 따른 서브페이지 수정 */ /* 20201217 서브 추가수정 */
.h2_type.type2+.sh_table.mgtml {margin-top:0!important} /* 20201217 서브 추가수정 */
.h2_type.type3{font-size:16px; color:#1b1e23; font-weight: 600;} /* 2021-06-23 : 추가 */
.h3_type {font-size:30px;margin-top:16px;color:#333333;letter-spacing:-.1em}
.h3_type.line,
.h2_type.line {padding:0 0 19px 0;border-bottom:1px solid #333333}
.h3_type.line.type_bca {margin-top: 66px !important;} /* 2023-03-09 인도장/지점 및 상품수령안내 페이지 마크업 수정 건 : 추가 */
.h3_type .small_txt,
.h4_type .small_txt {padding-left:8px;font-size:14px;color:#999999;font-family:'Noto Sans CJK KR';letter-spacing:-.05em}
.h4_type {color:#333333;font-size:24px;letter-spacing:-.075em}
.h4_type button {position:relative;top:-3px;margin-left:18px}
.h4_type.line {padding-bottom:15px;border-bottom:1px solid #e5e5e5}
.h4_type.line2 {padding-bottom:15px;border-bottom:1px solid #333333}
.h3_type.line + .h4_type {margin-top:25px}
.h4_type.type2 {padding-bottom:15px;margin-top:35px !important}
.h5_type {color:#333333;font-size:20px;letter-spacing:-.075em}
.tit_with_bth {position:relative;margin-bottom:13px}
.tit_with_bth.line {padding-bottom:13px;margin-bottom:0;border-bottom:1px solid #333333}
.tit_with_bth button {position:absolute;top:0;right:0}
.tit_with_bth .btn_wrap {position:absolute;top:2px;right:0}
.tit_with_bth .btn_wrap2 {position:absolute;bottom:0;right:0}
.tit_with_bth .btn_wrap button,
.tit_with_bth .btn_wrap2 button {position:static}
.tit_with_bth .btn_wrap button ~ button,
.tit_with_bth .btn_wrap2 button ~ button {margin-left:3px}
.tit_with_bth .h3_type.line ~ .btn_wrap {top:10px}
.tit_with_bth .h4_type .txt {position:relative;top:-3px;font-size:13px;color:#999999;margin-left:15px;letter-spacing:-.05em}
.tit_with_bth .h4_type .txt.type2 {top:0;margin-left:10px;color:#666666}
.tit_with_bth .btn_link {position:absolute;bottom:0;right:0;line-height:1}
.tit_with_bth .btn_link:after {margin-left:6px}
.h_st {margin-left:20px;font-size:13px;color:#999999;letter-spacing:-.05em}
.h_st2 {margin-left:10px;font-size:16px;color:#666666;letter-spacing:-.05em}

/* content font style */
.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}
.f_size01 {font-size:14px;line-height:24px}
.f_size01_xl {font-size:14px;line-height:34px}
.f_size01_xs {font-size:14px;line-height:17px}
.f_size02 {font-size:16px;color:#333333}
.f_size03 {font-size:18px;line-height:24px}
.f_size03.type2 {margin-top:54px;color:#333333;text-align:center}
.f_size04 {font-size:20px;line-height:24px;color:#333333}
.f_size05 {font-size:13px;line-height:23px;color:#999999}
.f_color01 {color:#1B1E23}/* 2021-09-01 수정 : #c51315 → #1B1E23 */
.s_style01 {color:#1B1E23;text-decoration:underline}/* 2021-09-01 수정 : #c51315 → #1B1E23 */
.f_size01 a,
.f_size01 button {margin-left:5px}
.total_count {margin-bottom:18px}
.total_count strong {color:#1B1E23} /* 2021-07-20 수정 #c51315 → #1B1E23 */
.xs_txt {color:#999999;font-size:12px}
.p_dot_list {position:relative;padding-left:6px;font-size:14px}
.p_dot_list:before {content:'';position:absolute;top:10px;left:0;width:2px;height:2px;background-color:#8f8f8f}
.p_dot_list.type2 {font-size:13px}
.p_dot_list.type2:before {top:9px}
.p_blt_list {position:relative;padding-left:12px;font-size:14px}
.p_blt_list strong {color:#333333}
.p_blt_list:before {content:'';position:absolute;top:5px;left:0;width:2px;height:13px;background-color:#c51315}
.p_normal_list {color:#333333;font-size:14px}
.italic {font-style:italic}
.point_color {color:#1B1E23}/* 2021-09-01 수정 : #c51315 → #1B1E23 */
.point_color02 {color:#c51315 !important}/*2022-09-21 추가*/

/* checkbox */
.checkbox {position:relative; display:inline-flex}
.checkbox label {position:relative;display:inline-block;padding-left:9px;font-size:14px;line-height:22px;color:#333333;vertical-align:middle;cursor:pointer}
.checkbox label:before {content:'';position:absolute;left:0;top:0;display:inline-block;width:22px;height:22px;margin-left:-22px;border:1px solid #dadada;-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:#ffffff}
.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:50%;left:5px;display:block;width:13px;height:10px;margin:-5px 0 0 -22px;background:url('https://cdn.hddfs.com/front/images/KO/common/ico_common.png') no-repeat -20px -260px} /* 2021-06-25 : 톤앤매너 수정 */
.checkbox input[type='checkbox'] {z-index:1;width:20px;height:20px;vertical-align:middle;opacity:0}
.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: #1b1e23 url(https://cdn.hddfs.com/front/images/KO/common/ic_ck1.png) no-repeat center center; border-color: #1b1e23;}


.checkbox input[type='checkbox']:checked + label:after {content:''}
.checkbox input[type='checkbox']:disabled + label {color:#999999}
.checkbox input[type='checkbox']:disabled + label:before {background-color:#eef0f2;cursor:not-allowed; border-color: #dde0e5;}
/* .checkbox input[type='checkbox']:disabled:checked + label:before {background-color:#e2898a;border-color:#e2898a;cursor:not-allowed} */
.checkbox.small input[type='checkbox'] {position:absolute;left:0;top:0;width:12px;height:12px}
.checkbox.small label {min-height:20px;font-size:13px;line-height:14px;display:inline-flex; align-items:center; padding-left: 29px;}
.checkbox.small label:before {width:20px;height:20px;margin-left:0}
.checkbox.no_label input[type='checkbox'] {width:12px;height:12px}
.checkbox.no_label label {padding-left:0;min-height:16px;font-size:0;line-height:0}
.checkbox.no_label label:before {width:20px;height:20px;margin-left:-14px}
.checkbox.small label:after,
.checkbox.no_label label:after,
.checkbox.color label:after {top:5px;left:6px;width:11px;height:9px;background-position:-40px -260px}
.checkbox.small label:after{margin:0 0 0 -1px}
.checkbox.color label:after,
.checkbox.no_label label:after {margin:0 0 0 -15px}
.checkbox.color input[type='checkbox'] {width:12px;height:12px}
.checkbox.color label {padding-left:7px;min-height:16px;font-size:13px;line-height:14px}
.checkbox.color label:before {width:14px;height:14px;margin-left:-14px;border-color:transparent !important}
.checkbox.color.black label:before {background-color:#0c0c0c !important}
.checkbox.color.white label:before {background-color:#f5f5dc !important}
.checkbox.color.red label:before {background-color:#dd353a !important}
.checkbox.color.purple label:before {background-color:#7b008e !important}
.checkbox.color.gray label:before {background-color:#969696 !important}
.checkbox.color.gold label:before {background-color:#d1a449 !important}
.checkbox.color.silver label:before {background-color:#c7c9c8 !important}
.checkbox.color.pink label:before {background-color:#f16eaa !important}
.checkbox.color.navy label:before {background-color:#2e3552 !important}
.checkbox.color.green label:before {background-color:#00a651 !important}
.checkbox.color.brown label:before {background-color:#926d5d !important}
.checkbox.color.khaki label:before {background-color:#91a174 !important}
.checkbox.color.yellow label:before {background-color:#fbd800 !important}
.checkbox.color.multi label:before {background:url('https://cdn.hddfs.com/front/images/KO/common/multi.jpg') no-repeat 0 0 !important}
.ie8 .checkbox label:before,
.ie8 .checkbox label:after {display:none}
.ie8 .checkbox label {padding-left:0}
.ie8 .checkbox.small input[type='checkbox'] {position:relative;top:-1px}
.no_checkbox {position:relative;margin-right:10px}
.no_checkbox label {display:inline-block;padding:0 15px;height:30px;line-height:30px;border:1px solid transparent;border-radius:15px}
.no_checkbox input[type='checkbox'] {position:absolute;top:0;left:0;z-index:1;width:20px;height:20px;vertical-align:middle;opacity:0}
.no_checkbox input[type='checkbox']:checked + label {border-color:#000000}
.no_checkbox input[type='checkbox']:checked + label:hover:after {content:'x';position:absolute;top:-5px;right:-5px;display:block;height:16px;width:16px;text-align:center;color:#ffffff;line-height:16px;background-color:#000000;border-radius:50%}
.sh_ck_list{margin-top:-12px}
.sh_ck_list ul {display: inline-block;margin-right:-30px}
.sh_ck_list ul:after {content:'';display:block;clear:both}
.sh_ck_list ul li {float:left;padding-right:30px;margin-top:8px}
.sh_ck_list .selw05 {position:relative;top:6px;margin-left:30px}

/* radio */
.radio label {position:relative;display:inline-block;font-size:14px;line-height:22px;color:#333333;vertical-align:middle;cursor:pointer}
.radio label:before {content:'';position:absolute;left:0;top:0;display:inline-block;width:22px;height:22px;margin-left:-30px;border:1px solid #d9d9d9;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 {content:'';position:absolute;left:5px;top:5px;display:block;width:12px;height:12px;margin-left:-30px;border-radius:50%;background-color:#1b1e23;-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'] {z-index:1;width:30px;height:30px;opacity:0;}
.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: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:#999999}
.radio input[type='radio']:disabled + label:before {background-color:#f2f2f2;cursor:not-allowed}
.radio input[type='radio']:disabled:checked + label:before {background-color:#ffffff;border-color:#eaeaeb;cursor:not-allowed}
.radio input[type='radio']:disabled:checked + label:after {background-color:#e2898a}
.radio.small {position:relative}
.radio.small label {z-index:2;padding-left:24px;font-size:13px;line-height:16px;min-height:16px}
.radio.small input[type='radio'] {width:14px;height:14px;position:absolute;top:0;left:0;z-index:1}
.radio.small label:before {width:20px;height:20px;margin-left:0;}
.radio.small label:after {left:5px;top:5px;width:10px;height:10px;margin-left:0}

.ie8 .radio label:before,
.ie8 .radio label:after {display:none}
.radio.no_label label {font-size:0;line-height:0;top:-21px}
.radio.no_label.small label {top:-2px}

/* datepicker */
/* .ui-datepicker {background-color:#ffffff; z-index: 100 !important;} *//*2023-12-14 zindex 때문에 다른 팝업에서 안보이는 이슈로 삭제. 배경색은 아래에 중복 */
.ui-datepicker {width:264px;background-color:#ffffff}
.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:transparent}
.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,
.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default.ui-state-active {background-color:#1b1e23 !important;border-color:#1b1e23;color:#ffffff !important}
.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-header .ui-state-highlight {color:#333333;border:2px solid #1b1e23;background-color:transparent}
.ui-datepicker .ui-state-default.ui-state-hover {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 .ui-state-highlight.ui-state-hover.ui-state-active {color:#ffffff !important}
.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 select {height:32px;width:80px;color:#666666;border-color:#fbfbfe}

.datepicker_box {position:relative}
.datepicker_box + .from{padding: 0 4px} /* 2021-06-11 : 추가 */
.datepicker_box .datepicker {padding-right:40px !important;font-size:14px;}
.datepicker_box input.datepicker::placeholder {color:#454545 !important;font-size:14px !important;}
.ui-datepicker-trigger {position:absolute;right:10px;top:50%;margin-top:-12px}
.datepicker_box.input_big .ui-datepicker-trigger {right:25px}

/* timepicker */
.ico_coma.i_time {position:relative;display:inline-block;background-color:#ffffff}
.ico_coma.i_time.input_big:after {right:25px}
.ico_coma .timepicker {position:relative;z-index:2;padding-right:40px !important;background-color:transparent}
.ui-timepicker-standard {padding:0;border:none;z-index:2 !important}
.ui-timepicker {padding:0}
.ui-timepicker-standard .ui-state-hover {color:#ffffff;background-color:#517eb7;border-color:transparent}
.ui-timepicker-standard a {padding:8px 1em 9px .4em;text-align:left}

/* spinner */
.ui-spinner.ui-widget.ui-widget-content {border:0}
.ui-spinner-input {margin:0}
.spinner_box .ui-spinner-input {width:82px;height:26px;padding:0 25px;font-size:12px;line-height:24px;text-align:center}
.spinner_box .ui-spinner-button {top:1px;width:25px;height:24px;border-style:solid !important;border-color:#d9d9d9}
.spinner_box .ui-spinner-button:hover, .spinner_box .ui-spinner-button:active {background-color:#f1f1f1}
.spinner_box .ui-spinner-button.ui-spinner-up {right:1px;border-width:0 0 0 1px}
.spinner_box .ui-spinner-button.ui-spinner-down {left:1px;border-width:0 1px 0 0}
.spinner_box .ui-spinner-button .ui-icon-triangle-1-n {background-position:-40px -270px}
.spinner_box .ui-spinner-button .ui-icon-triangle-1-s {background-position:-20px -270px}
.spinner_box .ui-spinner-button:active .ui-icon-triangle-1-n,
.spinner_box .ui-spinner-button:active .ui-icon-triangle-1-s {opacity:.25}
.spinner_box.big .ui-spinner-input {width:120px;height:34px;padding:0 32px;font-size:14px;line-height:32px}
.spinner_box.big .ui-spinner-button {width:32px;height:32px}
.ie8 .spinner_box .ui-spinner-input {padding:0}
.tb_list .spinner_box input[type="text"] {width:82px;height:26px;padding:0 25px;font-size:12px;line-height:24px;text-align:center}

/* select */
.sel_small .ui-selectmenu-button.ui-button {height:24px;line-height:22px;font-size:12px}
.sel_small .ui-selectmenu-icon.ui-icon {width:7px;height:4px;margin-top:9px}
.sel_small .ui-icon-triangle-1-s {background-position:-430px -260px}
.sel_big .ui-selectmenu-button.ui-button {height:60px;padding-left:20px;padding-right:28px;line-height:58px;font-size:16px}
.sel_big .ui-selectmenu-icon.ui-icon {margin-top:27px}
.sel_big .ui-icon-triangle-1-s {width:12px;height:7px;background-position:0 -280px}
.time .ui-selectmenu-button.ui-button {width:70px;vertical-align:top}
.selw01 .ui-selectmenu-button.ui-button {width:130px;vertical-align:middle} /* 2021-07-13 수정 : top → middle */
.selw02 .ui-selectmenu-button.ui-button {width:100px;vertical-align:top}
.selw03 .ui-selectmenu-button.ui-button {width:300px}
.selw04 .ui-selectmenu-button.ui-button {width:118px;vertical-align:top}
.selw05 .ui-selectmenu-button.ui-button {width:200px}
.selw06 .ui-selectmenu-button.ui-button {width:80px}
.selw07 .ui-selectmenu-button.ui-button {width:140px}
.selw08 .ui-selectmenu-button.ui-button {width:100%}
.selw09 .ui-selectmenu-button.ui-button {width:102px}
.selw10 .ui-selectmenu-button.ui-button {width:168px}/* 2021-06-22 : 개발 요청으로 추가 */

/* tab style 20210629 */
.tab_type01 {height:50px;border-bottom:1px solid #e6e6e6}
.tab_type01 ul:after {content:'';display:block;clear:both}
.tab_type01 ul {border-left:1px solid #e6e6e6}
.tab_type01 ul li {float:left}
.tab_type01 ul li a {display:flex; align-items:center;justify-content:center; min-width:200px;height:49px;padding:0 15px;text-align:center;font-size:16px;color:#666666;line-height:1.2;/*line-height:49px;*/border:1px solid #e6e6e6;border-left:none;border-bottom:none;background-color:#f1f1f1;}/*2022-06-20 수정*/
.tab_type01 ul li a.active {position:relative;height:50px;line-height:1.2;/*line-height:48px;*/color:#333333;background-color:#ffffff; font-weight: 600}/*2022-06-20 수정*/.tab_type01 ul li a.active:before {content:'';position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background-color:#1b1e23}
.tab_type01 ul li a .num {color:#1b1e23}
.tab_type01 ul li a.active .num {font-family:'Noto Sans CJK KR'}
.tab_type01.logo_type ul {display:table;table-layout:fixed;width:100%}
.tab_type01.logo_type ul:after {content:none}
.tab_type01.logo_type ul li {float:none;display:table-cell;vertical-align:top}
.tab_type01.logo_type ul li a {min-width:auto;padding:7px 0 0;background-color:#ffffff}
.tab_type01.logo_type ul li a > img {width:120px;height:35px;opacity:.5}
.tab_type01.logo_type ul li a.active > img {opacity:1}
.tab_type01.two li {width:50%}
.tab_type01.three li {width:33.3%}
.tab_type01.three li:first-child {width:33.4%}
.tab_type01.four li {width:25%}
.tab_type01.five li {width:20%}
.tab_type01.six li {width:16.6%}
.tab_type01.six li:first-child {width:17%}
.tab_type01.seven li {width:14%}/*2019-11-20 : pub02 : event tab 추가*/
.tab_type01.seven li:first-child {width:15%}
.tab_type01.seven li:last-child {width:15%}
.tab_type01.eight li {width:12.5%}
.tab_type01.two li a,
.tab_type01.three li a,
.tab_type01.four li a,
.tab_type01.five li a,
.tab_type01.six li a,
.tab_type01.seven li a,/*2019-11-20 : pub02 : event tab 추가*/
.tab_type01.eight li a {width:100%;min-width:50px}
.tab_view_box {display:none;margin-top:35px}
.tab_view_box.block {display:block}
.tab_view_box.event {margin-top:0}
.h3_type + .tab_type01 {margin-top:19px}
.content_wrap .tab_type01.three li:first-child {width:33.4%}
.content_wrap .tab_type01.three li {width:33.3%}
.pro_detail_area .tab_view_box {margin-top:0;padding-top:35px}
.tab_type01.detatil_sticky ul {display:table;table-layout:fixed;width:100%}
.tab_type01.detatil_sticky ul li {display:table-cell;float:none;vertical-align:top}
.tab_type01.detatil_sticky ul:after {display:none}
.tab_type02 {position:relative}
.tab_type02:after {content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#c51315}
.tab_type02 ul {display:table;width:100%;height:52px;table-layout:fixed;border-collapse:collapse;border-spacing:1px}
.tab_type02 li {display:table-cell;height:100%;border:1px solid #e5e5e5;vertical-align:middle}
.tab_type02 li a {display:table;width:100%;height:100%;background-color:#f1f1f1}
.tab_type02 li a span {display:table-cell;width:100%;padding:0 20px;font-size:16px;text-align:center;vertical-align:middle}
.tab_type02 li a.active {position:relative}
.tab_type02 li a.active:before {content:'';position:absolute;top:-1px;bottom:0;left:-1px;right:-1px;background-color:#c51315}
.tab_type02 li a.active span {position:relative;color:#ffffff}
.tab_view_box2 {display:none;padding-top:35px}
.tab_view_box2.block {display:block}
.tab_type02.sticky_tabs.fixed ~ .tab_view_box2 {padding-top:150px}
.tab_type03 {position:relative}
.tab_type03:after {content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#e5e5e5}
.tab_type03 ul {display:table;width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:1px}
.tab_type03 li {display:table-cell;height:100%;border:1px solid #e5e5e5;vertical-align:middle}
.tab_type03 li a {display:table;width:100%;height:100%;background-color:#f1f1f1}
.tab_type03 li a span {display:table-cell;width:100%;padding:13px 20px;font-size:16px;text-align:center;vertical-align:middle}
.tab_type03 li a.active {position:relative;background-color:#ffffff}
.tab_type03 ul li a.active:before {content:'';position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background-color:#c51315}
.tab_type03 ul li a.active:after {content:'';position:absolute;z-index:2;bottom:-1px;left:0px;right:0px;height:1px;background-color:#ffffff}
.tab_type03 li a.active span {position:relative;color:#333333}
.tab_view_box3 {display:none;margin-top:35px}
.tab_view_box3.block {display:block}
.tab_sticky.fixed {position:fixed;top:60px;left:50%;z-index:11;width:1080px;height:62px;margin:0 0 0 -540px;padding-top:10px;background-color:#ffffff}
.tab_sticky.fixed ~ .tab_view_box3,
.tab_sticky.fixed ~ .tab_view_box2 {padding-top:150px}
.detatil_sticky.fixed {position:fixed;top:60px;left:50%;z-index:11;width:1080px;height:60px;margin:0 0 0 -540px;padding-top:10px;background-color:#ffffff}
.tab_type04 {position:relative;height:auto}
.tab_type04:after {content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#c51315}
.tab_type04 ul {margin-right:-1px;border-left:1px solid #e6e6e6;background-color:#fff}
.tab_type04 ul:after {content:'';display:block;clear:both}
.tab_type04 ul li {float:left;width:20%}
.tab_type04 ul li a {border:1px solid #e6e6e6}
.tab_type04 ul li a {display:block;min-width:200px;height:50px;margin-left:-1px;margin-top:-1px;padding:0 20px;text-align:center;font-size:16px;color:#666666;line-height:49px;border:1px solid #e6e6e6;background-color:#f1f1f1}
.tab_type04 ul li a.active {position:relative;height:50px;line-height:49px;color:#333333;background-color:#ffffff;font-family:'notokr-medium'}
.tab_type04 ul li a.active:before {content:'';position:absolute;top:-1px;bottom:0;left:-1px;right:-1px;background-color:#c51315}
.tab_type04 ul li a.active span {position:relative;/*font-family:'notokr-medium'font-weight:bold;*/color:#ffffff}
.tab_type04.fixed {height:auto}
/* S: 2022-06-20 tab_type4, tab_type5 추가 pub10 */
.tab_type05 ul {position:relative;z-index:3; display:flex; justify-content:space-between;}
.tab_type05 li {position:relative; vertical-align:top; }
.tab_type05 li a {position:relative; display:inline-block; font-size: 15px;color:#666; padding:0 5px 5px; margin:0 5px;}
.tab_type05 li a.active {color:#000; font-weight:700;}
.tab_type05 li a.active:after {content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#000}
.tab_view_box5 {display:none;margin-top:35px}
.tab_view_box5.block {display:block}
/* E: 2022-06-20 tab_type4, tab_type5 추가 pub10 */

/* 공통 상품타입 */
.product_type dt {text-align:center}
.product_type dt .brand_name {display:block;overflow:hidden;padding:0 0 4px 0;font-size:15px;color:#333333;text-overflow:ellipsis;white-space:nowrap}
.product_type dt .tit {display:block;overflow:hidden;padding:3px 0 4px 0;margin-top:3px;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.product_type dt .price {display:block;margin:17px 0 0 0;color:#c51315;font-size:20px}
.product_type dt .price .sale {color:#c51315}
.product_type dt .price .be {position:relative;top:-2px;display:inline-block;margin-right:4px;color:#333333;font-family:'Noto Sans CJK KR';font-size:15px;text-decoration:line-through}
.product_type dt .price .won {display:block;margin-top:3px;font-size:12px;font-family:'Noto Sans CJK KR';color:#999999}
.pro_icon:after {content:'';display:block;clear:both}
.pro_icon span {display:block;float:left;margin-right:1px;width:46px;height:18px;padding-top:18px;background-image:url('https://cdn.hddfs.com/front/images/KO/common/pro_label.png');background-repeat:no-repeat;overflow:hidden}
.pro_icon span.pr_coupon {background-position:0 0}
.pro_icon span.pr_sale {background-position:-47px 0}
.pro_icon span.pr_gift {background-position:-94px 0}
.pro_icon span.pr_3time {background-position:-141px 0}
.pro_icon span.pr_5time {background-position:0 -19px}
.pro_icon span.pr_new {background-position:-47px -19px}
.pro_icon span.pr_soldout {background-position:-94px -19px}
.pro_icon span.pr_bigsale {background-position:-141px -19px}
.pro_icon span.pr_best {position:absolute;top:-26px;left:0;padding-top:0;background-image:none;font-family:'Times New Roman';font-size:20px;color:#666666;/*font-style:italic;*/font-weight:bold;line-height:1;text-align:left;overflow:visible}
.pro_icon span.pr_best.first {color:#ff5959}
.p_info .p_code {color:#999999}
.p_info .p_brand {margin-top:4px;color:#333333;font-size:14px}
.p_info .p_name {margin-top:4px;height:38px;overflow:hidden;line-height:19px}
.p_info .p_name02 {font-size:14px;line-height:20px}
.p_info .p_price {display:block;margin-top:3px;color:#3ca66b;font-size:18px;font-family:'notokr-bold'}
.p_info .p_price .sale {color:#c51315}
.p_info .p_price .be {position:relative;top:0;display:inline-block;margin-right:4px;color:#666666;font-size:15px;text-decoration:line-through}
.p_info .p_price .be.type2 {display:block;margin:0}
.p_info .p_price .won {display:block;font-size:12px;font-family:'Noto Sans CJK KR';color:#999999}
.p_info .p_price .won2 {display:block;font-size:13px;font-family:'Noto Sans CJK KR';color:#666666}
.p_info .p_price.type2 {margin-top:0}
.p_small {display:table;table-layout:fixed;width:100%}
.p_small .p_simg {display:table-cell;width:64px;vertical-align:top}
.tb_list .p_small .p_simg {vertical-align:middle}
.p_small .p_simg img {width:64px;height:64px}
.p_small .p_stit {display:table-cell;width:auto;padding-left:10px;vertical-align:middle;font-size:14px;color:#333333;line-height:20px}
.p_small .p_stit .special_txt {height:19px;font-size:12px;color:#ff5959;line-height:17px;border:1px solid #ff5959}
.p_small .p_stit .coupon_txt {display:inline-block;padding-right:10px;height:20px;font-size:12px;color:#666666;line-height:18px;border:1px solid #87878e}
.p_small .p_stit .coupon_txt span {color:#ff5959}
.p_small .p_stit .special_txt i,
.p_small .p_stit .coupon_txt i {position:relative;top:-1px;left:-1px;vertical-align:top}
.p_small .p_stit .special_txt i {margin-right:25px}
.p_small .p_stit .coupon_txt i {margin-right:10px}
.p_small .p_stit .pro_icon {margin-top:-1px}
.p_small .p_stit .pro_icon span {margin-top:1px}
.p_small .p_stit .special_txt + .pro_icon,
.p_small .p_stit .coupon_txt + .pro_icon,
.p_small .p_stit .pro_icon + .brand_name,
.p_small .p_stit .special_txt + .brand_name,
.p_small .p_stit .coupon_txt + .brand_name {margin-top:10px}
.p_small .p_stit .brand_name {color:#333333}
.p_small .p_stit .pro_name {margin-top:4px;max-height:38px;overflow:hidden;font-size:13px;color:#666666;line-height:19px}
.tb_list .p_small .p_stit {font-size:13px; line-height:1.46; color:#1b1e23;} /* 20231205 상품평 수정 */
.tb_list .p_small .p_stit .pro_name {display:block;margin-top:0}
.tb_list .p_small .p_stit .link02:hover .pro_name {color:#333333}

/* 상품선택 */
.selectedproduct.addtocart {position:fixed; left:0; right:0; bottom:0; width:100%; height:172px; background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,.1); z-index:100; padding:30px 30px 0 30px} /* 2021-06-14 : 수정 */
.selectedproduct.addtocart .zone {max-width:1080px; width:100%; margin:0 auto; position:relative}
.selectedproduct.addtocart .selecteditem_swiper {width:calc(100% - 460px); overflow:hidden; float:left}
.selectedproduct.addtocart .swiper-wrapper {}
.addtocart .selecteditem_swiper .swiper-slide {width:188px}
.addtocart .selecteditem_swiper .swiper-slide .item {position:relative; padding-top:9px}
.addtocart .selecteditem_swiper .swiper-slide .item::after {content:""; display:block; clear:both}
.addtocart .selecteditem_swiper.product_list ul {margin-left:0;}
.addtocart .selecteditem_swiper.product_list li {margin-left:0;}
.addtocart .selecteditem_swiper.product_list li .img_w {width:60px; height:60px; padding:5px; border:solid 1px #1b1e23; float:left}
.addtocart .selecteditem_swiper.product_list li[data-adult="Y"] .img_w:after {background-size:82%;}/* 2021-09-01 추가 : 브랜드샵 addcart 19금 배경 */
.addtocart .selecteditem_swiper.product_list li:hover .img_w::before {border:0}
.addtocart .selecteditem_swiper.product_list li .pro_i {float:left; margin:0 0 0 8px; width:calc(100% - 68px);  min-height:inherit;}
.addtocart .selecteditem_swiper.product_list li .tx_ex {font-size:13px; line-height:19px; -webkit-line-clamp:2; height:45px; margin-top:0}
.addtocart .selecteditem_swiper .amount_box {margin-top:-10px; position:relative}
.addtocart .selecteditem_swiper .amount_box::after {content:""; display:block; clear:both}
.addtocart .selecteditem_swiper .amount_box p {float:left; width:34px; height:22px; text-align:center; line-height:22px; font-size:12px; color:#fff; background:#1b1e23}
.addtocart .selecteditem_swiper .amount_box .num_amount {float:right}
.addtocart .selecteditem_swiper .amount_box .num_amount input[type="number"]{padding:0} /* 2021-06-14 : 추가 */
.addtocart .selecteditem_swiper .amount_box .num_amount input {margin-top:0}
.addtocart .selecteditem_swiper .delbtn {position:absolute; top:0; left:50px; width:19px; height:19px; border-radius:20px; overflow:hidden; background:url('https://cdn.hddfs.com/front/images/KO/product/btn_filter_del.png') 0 0 no-repeat; z-index:10; text-indent:-9999px; display:none}
.addtocart .selecteditem_swiper .swiper-slide:hover .delbtn {display:block}
.addtocart .selecteditem-prev {width:15px; height:119px; position:absolute; top:0; left:-20px; z-index:10; cursor:pointer}
.addtocart .selecteditem-prev::before {content:""; display:block; border-right:solid 5px #1b1e23; border-bottom:solid 5px transparent; border-top:solid 5px transparent; position:absolute; top:45px; left:5px}
.addtocart .selecteditem-prev.swiper-button-disabled {opacity:.4}
.addtocart .selecteditem-next {width:15px; height:119px; position:absolute; top:0; left:calc(100% - 465px); z-index:10; cursor:pointer} /* 2021-06-14 : 수정 */
.addtocart .selecteditem-next::before {content:""; display:block; border-left:solid 5px #1b1e23; border-bottom:solid 5px transparent; border-top:solid 5px transparent; position:absolute; top:45px; left:5px}
.addtocart .selecteditem-next.swiper-button-disabled {opacity:.4}
.selectedproduct.addtocart .selected_btns {display:block; float:right; width:430px; height:60px; text-align:center; line-height:60px;position: relative;padding-top:20px;padding-left: 10px} /* 2021-06-14 : 수정 */
/* 2021-06-14 : 추가 */
.selectedproduct.addtocart .selected_btns::before{ content: ''; display: block; position: absolute; top: -30px; left: -9px; width: 1px; height: 112px; background-color: #eef0f2; }
.selectedproduct.addtocart .addtocart_pirce{overflow: hidden;float: right;width: 420px;line-height: 24px;padding-left: 15px;}
.selectedproduct.addtocart .addtocart_pirce .total{float:left}
.selectedproduct.addtocart .addtocart_pirce .total span {font-size:14px;}
.selectedproduct.addtocart .addtocart_pirce .price_box {float: right}
.selectedproduct.addtocart .addtocart_pirce .price_box strong{font-size:24px; color:#ea2829;}
.selectedproduct.addtocart .addtocart_pirce .price_box span{font-size:16px; margin-left:5px;}
/* //2021-06-14 : 추가 */
.selectedproduct.addtocart .selected_btns button, .selectedproduct.addtocart .selected_btns a {margin-left:4px;}
.selectedproduct.addtocart .selected_btns .addcart_btn {width:100%} /* 2021-08-05 : 수정 280px → 100% */
.selectedproduct.addtocart.floor {position:absolute}

/* 2021-06-14 : 최대할인엿보기 추가 */
.selectedproduct.addtocart .addtocart_tooltip{ position: absolute; top:0; left:0; background-color: #fff; border-radius: 8px; }
.selectedproduct.addtocart .addtocart_tooltip .tooltip{ position: absolute; border: solid 1px #1b1e23; background: #fff; border-radius: 10px; padding: 20px 40px 20px 18px; z-index: 10; line-height: 18px; font-size: 12px; width: 328px; padding-right: 20px; bottom: -110px; right: -650px; }/* 2021-08-09 수정 : right 445 → -650 */
.selectedproduct.addtocart .addtocart_tooltip .tooltip:after{ content: ""; display: block; width: 25px; height: 11px; background: url(https://cdn.hddfs.com/front/images/KO/common/tooltip_icon.png) 0 0 no-repeat; background-size: 18px auto; position: absolute; bottom: 30px; right: -18px; transform: rotate(-90deg); }
.selectedproduct.addtocart .addtocart_tooltip .close{ width: 18px; height: 18px; position: absolute; top: 12px; right: 12px; background: url(https://cdn.hddfs.com/front/images/KO/common/tooltip_close.png) 0 0 no-repeat; background-size: contain; text-indent: -9999px; }
.selectedproduct.addtocart .addtocart_tooltip .tooltip .ti { margin-bottom: 15px; font-size: 13px; font-weight: bold; color: #000; }
.selectedproduct.addtocart .addtocart_tooltip .tooltip .dot_list li { font-size: 12px; }
/* //2021-06-14 : 최대할인엿보기 추가 */

/* 2021-08-05 : selectedproduct.addtocart .addcart_btn 넓이 관련 */
.selectedproduct.addtocart .selected_btns button + .addcart_btn {width:calc(100% - 71px);}
.selectedproduct.addtocart .selected_btns button + button + .addcart_btn {width:calc(100% - 137px);}
/* //2021-08-05 : selectedproduct.addtocart .addcart_btn 넓이 관련 */

/* breadcrumb */
.breadcrumb {padding:26px 0 22px; text-align:left} /* 20201204 메인 개선에 따른 서브페이지 수정 */ /* 20201217 서브 추가수정 */ /* 202012118 서브 추가수정2 */
.breadcrumb .breadcrumb_box {display:inline-block}
.breadcrumb .breadcrumb_box:after {content:'';display:block;clear:both}
.breadcrumb_box > span ~ span:before {content:'';position:absolute;top:50%;left:3px;display:block;margin:-3px 0 0 0;width:4px;height:7px;background:url('https://cdn.hddfs.com/front/images/KO/common/ico_common.png') no-repeat -420px -260px}
.breadcrumb_box > span em {display:block;height:24px;margin:0 1px 0 3px;line-height:24px}
.breadcrumb .home {position:relative;/*top:1px;*/display:block;float:left;margin-right:7px;line-height:24px} /* 20201217 서브 추가수정 */
.breadcrumb .sel_small {margin-right:5px}
.breadcrumb .ui-selectmenu-button.ui-button {width:130px;border-color:#e6e6e6}
.breadcrumb .depth_box {position:relative;z-index:10;display:block;float:left;padding-left:15px}
.breadcrumb .depth_box ~ .depth_box {margin-left:5px}
.breadcrumb .depth_box a.bre {display:inline-block;min-width:160px;height:24px;padding-left:10px;padding-right:30px;line-height:24px;text-align:left;border:1px solid #e6e6e6} /* 20201217 서브 추가수정 */
.breadcrumb .depth_box a.bre:after {position:absolute;top:50%;right:9px;margin-top:-2px}
.breadcrumb .depth_box a.bre:hover,
.breadcrumb .depth_box a.bre.active {border-color:#333333}
.breadcrumb .depth_box ul {position:absolute;top:24px;left:15px;right:0;display:none;max-height:300px;text-align:left;background-color:#ffffff;border:1px solid #333333}
.breadcrumb .depth_box ul li a {display:block;padding-left:10px;height:24px;line-height:24px}
.breadcrumb .depth_box ul li a:hover {color:#333333;background-color:#f1f1f1}
.breadcrumb .bd_name {position:relative;z-index:10;display:block;float:left;padding-left:15px;margin-left:5px;line-height:24px}
/* S: 20201204 메인 개선에 따른 서브페이지 수정 */
.breadcrumb.type2 {padding-bottom:0} /* 20201217 서브 추가수정 */ /* 202012118 서브 추가수정2 */
.breadcrumb.type2 .breadcrumb_box span,
.breadcrumb.type2 .breadcrumb_box em {line-height:24px; height:auto} /* 20201217 서브 추가수정 */
/* E: 20201204 메인 개선에 따른 서브페이지 수정 */

/* table write */
.tb_write01 {border-collapse:collapse}
.tb_write01 th, .tb_write01 td {padding:0;border:1px solid #e5e5e5; border-right:0; border-left:0;}
.tb_write01.vm th {vertical-align:middle}
.tb_write01 th {text-align:left;color:#333333;background-color:#f5f7fa; font-weight:600;}/* 2021-07-12 수정 : 테이블 스타일 공통으로 수정 */
.tb_write01 th {padding:16px 20px 14px;vertical-align:top}
.tb_write01 tr > th:first-child {border-left:none}
.tb_write01 th > em.essential {color:#ff5959}
.tb_write01 th > em.essential:after {display: none;} /* // 2024-01-25 고객센터 문의 필수항목 아이콘 중복 삭제 건 */
.tb_write01 td {position:relative;padding:8px 20px;border-right:none}
.tb_write01 td * {vertical-align:middle}
.tb_write01 .store {color:#ff5959}
.tb_write01 .prd_info {padding-right:80px}
.tb_write01 .btn_prd_choice {position:absolute;top:6px;right:20px}
.tb_write01 .gap {margin:0 10px}
.tb_write01 .gap2 {margin:0 3px 0 2px}
.tb_write01 .hgap01 {padding-top:10px;padding-bottom:10px}
.tb_write01 .rgap01 {margin-right:5px}
.tb_write01 .rgap02 {margin-right:10px}
.tb_write01 .rgap03 {margin-right:20px}
.tb_write01 .rgap04 {margin-right:30px}
.tb_write01 .rgap05 {margin-right:40px}
.tb_write01 .alarm_type > .radio {margin-right:30px}
.tb_write01 .alarm_type > .radio input[type='radio'] {height:1px}
.tb_write01 textarea {height:186px}
.tb_write01 textarea.box_type {margin-top:5px;height:120px}
.tb_write01 textarea.sbox_type {margin-top:5px;height:80px}
.tb_write01 .byte_txt {position:absolute;bottom:10px;left:10px;color:#999999}
.tb_write01 .byte_txt em {color:#333333;vertical-align:top}
.tb_write01 .info_file {margin:11px -20px 0 0;padding:12px 0 8px 0;color:#999999;font-size:12px;line-height:21px;border-top:1px solid #e5e5e5}
.tb_write01 input[type="text"] ~ .ui-selectmenu-button.ui-button {margin-left:3px}
.tb_write01 .ui-selectmenu-button.ui-button ~ .ui-selectmenu-button.ui-button {margin-left:1px}
.tb_write01 .xs_txt {margin:3px 0}
.tb_write01 td .ct {padding:10px 0 0 0}
.tb_write01 td .t_error {padding-left:10px;color:#ff5959}
.tb_write01 td .t_error2 {color:#ff5959;font-size:12px}
.tb_write01 td .td_data {padding-top:5px}
.tb_write01 td .t_info {padding-bottom:5px;color:#999999;font-size:12px}
.tb_write01 td .t_info.type2 {color:#ff5959}
.tb_write01 td .t_info.type3 {margin-top:8px;padding-left:7px;text-indent:-7px;line-height:16px}
.tb_write01 td .t_info .xsmall {position:relative;top:-2px;margin-left:7px}
.tb_write01 td .datepicker_box + .time,
.tb_write01 td [class*="selw"] + input[type="text"],
.tb_write01 td [class*="selw"] ~ .phone_num {margin-left:3px}
.tb_write01 td .time ~ .time {margin-left:2px}
.tb_write01 td input[type="text"] + button {position:relative;top:0;margin:0 0 0 3px}/* 2021-09-07 수정 : top 1px → 0 웨딩샵 팝업 관련 */
.tb_write01 .ui-datepicker-trigger {margin-top:-11px} /* 2021-09-07 수정 : 7 → 11 */
.tb_write01 .right_btn {margin-right:20px}
.tb_write01 .next_btn {display:inline-block;margin:0 0 0 3px}
.tb_write01 .bt_no {border-top:none}
.agree_txt {margin-top:10px}
.agree_txt label {color:#666666}
.tb_write01.type2 {border-bottom:1px solid #d9d9d9}
.tb_write01.type2 th, .tb_write01.type2 td {border:none}
.tb_write01.type2 tr > th ~ th {border-left:1px solid #d9d9d9}
.tb_write01.type2 th {padding:13px 0 12px 20px;line-height:14px;background-color:#ffffff}
.tb_write01.type2 th.double {padding-top:0;padding-bottom:0;vertical-align:middle}
.tb_write01.type2 td {padding:6px 20px 6px 0;color:#333333}
.tb_write01.type2 td.vt {vertical-align:top}
.tb_write01.type2.view th {padding-top:9px;padding-bottom:9px}
.tb_write01.type2.view td {padding-top:7px;padding-bottom:7px;font-size:14px}
.tb_write01.type2 .gap_t th {padding-top:13px}
.tb_write01.type2 .gap_t td {padding-top:6px}
.tb_write01.type2 .gap_b th {padding-bottom:25px}
/* .tb_write01.type2 .gap_b td,
.tb_write01.type2 .cell_gap_b {padding-bottom:18px} 2021-07-20 th, td 하단 보더 추가 후 제거 */
.tb_write01.type2 .gap_b.type2 td {padding-top:0;vertical-align:top}
.tb_write01.type2 .gap_b.type2 th {padding-top:8px}
.tb_write01.type2 .dot_list.small:first-child {padding-top:0}
.tb_write01.type2 tbody td a.small {margin-left:5px}
.tb_write01.type2.view tbody td a.small {margin-top:-7px;margin-bottom:-7px}
.tb_write01.type2 td .t_info {padding-bottom:0}
.tb_write01.type2 td .passport_name dt {font-size:12px;line-height:17px}
.tb_write01.type2 td .passport_name dd + dt {margin-left:20px}
.tb_write01.type2 td .radio {display:inline-block;margin-right:30px}
.tb_write01.type2 td.radio_sel .radio {position:relative;top:2px}
.tb_write01 td.radio_sel * {vertical-align:top}/* 2021-09-08 수정 : 재입고알림 팝업 [휴대폰번호] */
.tb_write01 .radio_sel .gap {line-height:34px}
.tb_write01 td.radio_sel .sh_ck_list ul {margin-top:6px}
.tb_write01 td.radio_sel .ui-datepicker-trigger {margin-top:-6px;right:5px;}
.tb_write01.type2 td span.time,
.tb_write01.type2 td span[class*="selw"] {display:inline-block;vertical-align:top}
.tb_write01.type2 td span[class*="selw"] + span[class*="selw"],
.tb_write01.type2 td input[type='text'] + span[class*="selw"] {margin-left:3px}
.tb_write01.type2 td .checkbox + input[type='text'] {margin-left:10px}
.tb_write01.type2 td .form_txt {margin:0 18px 0 6px}
.tb_write01.type2 td .form_txt em {position:relative;top:-2px}
.tb_write01.type2 td .form_txt .tooltip_wrap.type2 {top:-1px}
.tb_write01.type2 td .form_txt .tooltip_wrap2 .small {margin-left:0}
.tb_write01.type2 td .form_txt > a {position:relative;top:-2px}
.tb_write01.type2 td .form_item ul {margin:-10px 40px 0 0}
.tb_write01.type2 td .form_item ul:after {content:'';display:block;clear:both}
.tb_write01.type2 td .form_item ul li {float:left;margin-top:10px}
.tb_write01.type2 td .form_item ul li .radio label {min-width:90px}
.tb_write01.type2 td .form_item ~ .form_item {margin-top:/*10px*/15px}
.tb_write01.type2 td .form_item.payment {margin:-10px 0 0 -9px}
.tb_write01.type2 td .form_item.payment .btn_basic4.xsmall {float:left;display:block;margin:10px 0 0 9px;min-width:97px;height:26px;line-height:24px;text-align:center;border-radius:13px}
.tb_write01.type2 td .form_item.payment .btn_basic4.xsmall.active {border-color:#85858d;background-color:#85858d;color:#ffffff !important}
.tb_write01.type2 td .dot_list li {font-size:13px}
.tb_write01.type2 td .dot_list + .form_item {margin-top:5px}
.tb_write01.type2 .chk_detail {display:none}
.tb_write01.type2 .chk_detail.block {display:table-row}
.tb_write01.type2 .chk_detail > th,
.tb_write01.type2 .chk_detail > td {border-top:1px solid #e5e5e5;background-color:#ffffff}
.tb_write01.type2 .chk_detail > td {position:static}
.tb_write01.type2 .chk_detail:not(.gap_t) > th,
.tb_write01.type2 .chk_detail:not(.gap_t) > td {border-top:none}
.tb_write01.type2 .chk_detail.block .dot_list li {color:#666666}
.tb_write01.type2 .link02 {text-decoration:underline}
.tb_write01.type2 .coupon_choice {position:relative;top:-2px}
.tb_write01.type2 .coupon_choice > span {position:relative;display:inline-block;padding:0 20px;color:#999999}
.tb_write01.type2 .coupon_choice > span:first-child {padding-left:0}
.tb_write01.type2 .coupon_choice > span + span:before {content:'';position:absolute;top:50%;left:0;width:1px;height:13px;margin-top:-6px;background-color:#d9d9d9}
.tb_write01.type2 .coupon_choice > span em {margin-right:8px;color:#333333;vertical-align:top}
.tb_write01.type2 .coupon_choice > span button.ico_com {position:relative;top:-1px;margin-left:12px;padding:0}
.tb_write01.type2 .cell_gap_b.vt .checkbox.small {display:block;margin-top:3px}
.ie10 .tb_write01 td.radio_sel .ui-datepicker-trigger,
.ie11 .tb_write01 td.radio_sel .ui-datepicker-trigger {margin-top:-13px}
.ie10 .tb_write01.type2 .ui-datepicker-trigger,
.ie11 .tb_write01.type2 .ui-datepicker-trigger {margin-top:-5px}
.passport_name:after {content:'';display:block;clear:both}
.passport_name dt {float:left;margin-right:10px;line-height:34px}
.passport_name dd {float:left}
.passport_name dd + dt {margin-left:30px}

/* input size */
.w_s {width:80px}
.w_s1 {width:25%}
.w_s1_1 {width:36.5%}
.w_s2 {width:50%}
.w_s2_1 {width:57%}
.w_s3 {width:75%}
.w_s4 {width:100%}

/* 첨부파일 */
.file_sh {position:relative;padding-right:90px;margin-top:1px}
.file_sh .file_name {display:block;height:30px;line-height:30px}
.file_sh .file_name span {display:inline-block;margin-right:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:90%}
.file_sh .file_name button.del {width:9px;height:9px;padding:0;background-position:-250px -20px;display:none}
.file_sh .real_file,
.file_sh .real_file2 {display:none}
.file_sh .fake_file,
.file_sh .fake_file2 {position:absolute;top:0;right:0}

/* table view */
.tb_view01 {border-collapse:collapse}
.tb_view01 th, .tb_view01 td {padding:13px 20px;line-height:23px;border:1px solid #e5e5e5}
.tb_view01 th {text-align:left;color:#333333;background-color:#f9f9f9;border-left:none}
.tb_view01 th.vt {vertical-align:top}
.tb_view01 th .txt_more {display:none;padding:0;border:none;background-color:transparent;font-size:0;color:#333333;outline:none}
.tb_view01 th .txt_basic {font-size:14px}
.tb_view01 th .ico_coma.arrow01:after {position:relative;top:-2px;margin-left:8px}
.tb_view01 td {border-right:none}
.tb_view01 td .txt_more.h_fix {height:23px;overflow:hidden}
.tb_view01.type2 td + th {border-left:1px solid #e5e5e5}
.tb_view01 tbody td .small {margin:-6px 0 -6px 5px}
.tb_view01 .p_small .p_stit .pro_name {display:block}
.tb_view01 td.type3 {padding:5px 20px}
.div_view .view_header {padding:25px 20px 28px 20px;border-top:1px solid #333333;border-bottom:1px solid #e5e5e5}
.div_view .view_header .title {position:relative;color:#333333;font-size:18px;font-family:'notokr-medium'}
.div_view .view_header .title .noti {position:absolute;top:4px;left:0}
.div_view .view_header .day_count {margin-top:8px;color:#999999}
.div_view .view_header .day_count span {position:relative;display:inline-block;padding-left:11px;margin-left:11px}
.div_view .view_header .day_count span.day {padding-left:0;margin-left:0}
.div_view .view_header .day_count span.day:before {display:none}
.div_view .view_contents {padding:37px 50px;line-height:23px}

/* table sort */
.tb_sort_wrap:after {content:'';display:block;clear:both}
.tb_sort_wrap {margin-bottom:15px;min-height:34px}
.tb_sort_wrap .sort_tit {float:left;margin-top:7px;font-size:20px;color:#333333}
.tb_sort_wrap .sort_tit.small {margin-top:7px;font-size:14px}
.tb_sort_wrap .sort_tit span {color:#1b1e23; font-weight: 600}
.tb_sort_wrap .tb_sort * {vertical-align:middle; display:inline-block;}
.tb_sort_wrap .tb_sort .ui-selectmenu-button.ui-button {width:140px}
.tb_sort_wrap .tb_sort .selw02 .ui-selectmenu-button.ui-button {width:110px}
.tb_sort_wrap .tb_sort {position:relative;float:right}
.tb_sort_wrap .tb_sort button {margin-left:3px;min-width:120px;text-align:center}
.tb_sort_wrap .tb_sort button.ico_com {min-width:5px;margin-left:15px}
.tb_sort_wrap .tb_sort .sel_small .ui-selectmenu-button.ui-button {width:125px}
.tb_sort_wrap .tb_sort .btn_sh2 {position:absolute;right:10px;top:9px}
.tb_sort_wrap .tb_sort input[type="text"] + button {margin-left:3px}

/* table list */
.tb_list thead th {height:30px;padding:4px 0;color:#333333;text-align:center;border-top:1px solid #e5e5e5;line-height:18px;border-bottom:1px solid #e5e5e5;background-color:#f9f9f9}
.tb_list thead th:first-child {border-left:1px solid #e5e5e5}
.tb_list thead th:last-child {border-right:1px solid #e5e5e5}
.tb_list tbody td {padding:16px 0 15px 0;text-align:center;border-bottom:1px solid #e5e5e5}
.tb_list tbody td.tl {text-align:left}
.tb_list tbody td.tr_type1 {text-align:right;padding-right:20px}
.tb_list tbody td.gray {color:#999999}
.tb_list tbody td.orange {color:#c51315}
.tb_list tbody tr.detail_box {display:none;width:100%}
.tb_list tbody tr.detail_box td {padding:0;text-align:left;word-break:break-all}
.tb_list tbody tr.detail_box > td,
.tb_list tbody tr.active td {border-bottom-color:#333333}
.tb_list tbody tr .review_type {display:block;overflow:hidden;padding:30px 20px 20px 90px}
.tb_list tbody tr .review_type {display:block;overflow:hidden;padding:30px 20px 20px 90px}
.tb_list tbody tr .review_type .review_img {float:left;width:160px;margin-right:20px;border:1px solid #e7e7e7}
.tb_list tbody tr .review_type .review_img img {width:160px;height:160px;vertical-align:top}
.tb_list tbody tr .review_type .review_img + .review_txt {min-height:160px}
.tb_list tbody tr .review_type .review_txt {overflow:hidden;line-height:23px}
.tb_list tbody tr .review_type .review_txt > p {position:relative;top:-3px}

/* S : 20231205 상품평 수정 */
.tb_list.comments a.type2 {border: none}
.tb_list.comments tbody tr .review_type {padding-top:30px;padding-bottom:30px}
.tb_list.comments a {font-size:13px; line-height:1.46;}
.tb_list.comments a:hover {text-underline-offset:5px;}
.tb_list.comments a .ico_com.photo {width:18px; height:16px; margin-right:8px; vertical-align:top; background-position:-30px -950px;}
.tb_list.comments .tl_flex {display:flex; justify-content:space-between; align-items:center; gap:20px;}
.tb_list.comments .tl_flex > .btn_box {flex-shrink:0;}
.tb_list.comments .tl_flex > .btn_box button {position:relative; font-size:14px; color:#788497; padding:0 8px;}
.tb_list.comments .tl_flex > .btn_box button + button::before {content:''; display:inline-block; position:absolute; top:5px; left:-1px; width:1px; height:12px; background:#ccd1d8; vertical-align:middle;}
.tb_list.comments .no_data p {line-height:20px; color:#3d444f; font-weight:600;}
/* E : 20231205 상품평 수정 */

.tb_list tbody td a:hover {color:#333333;text-decoration:underline}
.tb_list thead th .remaining,
.tb_list tbody td .remaining {display:block;color:#999999;font-size:12px}
.tb_list tbody td:first-child.tl {padding-left:20px}
.tb_list tbody tr.end td {color:#999999}
.tb_list.comments tbody td:first-child.tl {padding-left:10px}
.tb_list.my_order_list tbody td:first-child.tl {padding-left:0}
.tb_list tbody tr.soldout_box td,
.tb_list tbody tr.overlap_no td {background-color:#fbfbfb}
.tb_list tbody tr.soldout_box td img,
.tb_list tbody tr.soldout_box .p_stit,
.tb_list tbody tr.soldout_box .p_price {opacity:.3}
.tb_list tbody tr.overlap_no td {color:#d5d5d5}
.tb_list tbody tr.overlap_no .checkbox input[type='checkbox']:disabled + label:before {background-color:#fbfbfb;border-color:#f2f2f2}
.tb_list .a_tr {text-align:right}
.tb_list tbody td .cuopon_datail {display:block}
.tb_list.reorder {
    border-top: 1px solid #000;
    /* margin-top: 20px; */
}

.tb_list.reorder thead th {
    height: 61px;
    background: #fff;
}

.tb_list.reorder thead th:first-child,
.tb_list.reorder thead th:last-child {
    border-left: none !important;
    border-right: none !important;
}
/* 2021-08-23 추가 : 탭과 인접한 테이블 상단 보더 제거 */
.tab-style + .tb_list.reorder {border-top:0;}

.tb_list.special thead th,
.tb_list.reorder thead th,
.tb_list.type4 thead th {border-top:none}
.tb_list.type5 tbody td {padding:8px 0}
.tb_list.special table tbody button {min-width:70px}
.tb_list tbody td.tl.food .grade_wrap {display:inline-block}
.tb_list tbody td.tl.food .photo ~ .grade_wrap {margin-left:5px}
.tb_list .btn_wrap {padding:0 15px}
.tb_list .btn_wrap button {width:100%}
.tb_list .btn_wrap2 button {display:block;margin:0 auto}
.tb_list .btn_wrap button + button,
.tb_list .btn_wrap2 button + button {margin-top:5px}
.tb_list.type2 {margin-top:15px}
.tb_list.type2 tbody td {padding:7px 0}
.tb_list.type2 tbody td * {vertical-align:middle}
.tb_list.type2 tbody tr.active td {position:relative;border-color:#3ca66b}
.tb_list.type2 tbody tr.active td:first-child {padding-left:10px;border-left:1px solid #3ca66b}
.tb_list.type2 tbody tr.active td:before {content:'';position:absolute;top:-1px;left:-1px;right:-1px;display:block;height:1px;background-color:#3ca66b}
.tb_list.type2 tbody tr.active td:last-child {border-right:1px solid #3ca66b}
.tb_list.type2 .sh_ck_list ul {margin:0 -20px 5px 10px}
.tb_list.type2 .sh_ck_list ul li {padding-right:20px}
.tb_list02 {border-top:1px solid #e5e5e5}
.tb_list02 thead th {padding:15px 0;text-align:center;color:#333333;background-color:#f9f9f9;border-bottom:1px solid #e5e5e5}
.tb_list02 thead th + th,
.tb_list02 tbody td + td,
.tb_list02 tbody th + td {border-left:1px solid #e5e5e5}
.tb_list02 tbody th,
.tb_list02 tbody td {padding:13px 20px;text-align:center;line-height:23px;border-bottom:1px solid #e5e5e5}
.tb_list02 .bl_type1 {border-left:1px solid #e5e5e5}
.tb_list02.type2 thead th {background:#ffffff;color:#666666}
.tb_list02.type2 caption {padding:3px 0;height:auto;width:100%;text-align:center;color:#333333;font-size:13px;line-height:23px;text-indent:0;background-color:#f9f9f9;border-top:1px solid #e5e5e5}
.tb_list02.type3 {border-color:#333333}
.tb_list02.type3 thead th {padding:5px 0;color:#666666;font-size:13px}
.tb_list02.type4 thead th {padding:6px 0;color:#666666;font-size:13px}
.tb_list02.type4 tbody td {padding:28px 20px;font-size:14px}
.tb_list02.type5 tbody th {padding:19px 0}
.tb_list02.type5 tbody th img {vertical-align:middle}
.tb_list02.type5 tbody td {font-size:14px;text-align:left}
.tb_list02.type6 thead th {padding:8px 0}
.tb_list02.type6 tbody td {border-left:1px solid #e5e5e5}
.tb_list02.type6 tbody td.bdnone {border-left:0}
.tb_list02 .bleft {border-left:1px solid #e5e5e5}
.tb_list02.type7 thead th {padding:5px 0;color:#666666;font-size:13px}
.tb_list02.type7 tbody th {padding:5px 0;color:#666666;font-size:13px;line-height:20px;background-color:#f9f9f9}
.tb_list02.type7 tbody td {padding:5px 20px;text-align:left;line-height:20px}
.tb_list02.type8 thead th {padding:5px 0;color:#666666;font-size:13px}
.tb_list02.type9 thead th {background-color:#fff; padding:5px 0;color:#666666;font-size:13px}
.tb_list02.type9 thead th:first-child, .tb_list02.type9 td:first-child, .tb_list02.type9 th {border-left:1px solid #e5e5e5}
.tb_list02.type9 thead th:last-child, .tb_list02.type9 td:last-child {border-right:1px solid #e5e5e5}
.tb_list02.type9 td {font-size:13px}
.tb_list02.type9.lt td {text-align:left}
.tb_list02 .site_link td {padding:22px 42px}
.tb_list02 .site_link a {position:relative;display:block;text-align:left}
.tb_list02 .site_link a img {vertical-align:top}
.tb_list02 .site_link a:after {position:absolute;right:0;top:50%;margin-top:-5px}
.tb_list02 .site_link a:after {position:absolute;right:0;top:50%;margin-top:-5px}
.tb_list.type3 tbody tr td {position:relative;padding:15px 20px 90px 20px;text-align:left;vertical-align:top}
.tb_list.type3 tbody tr td ~ td {border-left:1px solid #e5e5e5}
.tb_list.type3 tbody tr td .dot_list li {font-size:13px}
.tb_list.type3 tbody tr td .dot_list li:before {top:8px}
.tb_list.type3 .amount {position:absolute;bottom:0;left:20px;right:20px;padding-top:12px;height:80px;text-align:right;font-size:22px;color:#333333;border-top:1px dotted #d9d9d9}
.tb_list.type3 .amount.sale {color:#c51315}
.tb_list.type3 tbody tr td.last_total .amount2 .won,
.tb_list.type3 .amount .won {position:relative;top:-5px;display:block;font-size:12px;color:#999999}
.tb_list.type3 tbody tr td.last_total {padding-bottom:50px;vertical-align:middle}
.tb_list.type3 tbody tr td.last_total .amount2 {text-align:center;font-size:30px;color:#c51315;font-family:'notokr-medium'}
.tb_list.type3 tbody tr td.last_total .dot_list {position:absolute;bottom:15px;left:20px;right:20px}
.tb_list.type3 tbody tr td.last_total.nomember {padding-bottom:0}
.review_type .grade_wrap {padding:14px 0 6px 0}
.review_type .grade_wrap .btn_box {position:absolute;top:8px;right:0}
.review_type .grade_wrap .btn_box button {min-width:63px;margin-left:3px;text-align:center}
a .ico_com.photo {margin-right:8px;vertical-align:middle}
/* 2021-06-23 : 추가 */
.tb_list03 {border-top:2px solid #1b1e23;font-size: 13px;color:#1b1e23;text-align: left;}
.tb_list03 tbody th {padding:20px 20px 20px 0;border-bottom:1px solid #EEF0F2;font-weight: 600;}
.tb_list03 thead th + th,
.tb_list03 tbody td + td,
.tb_list03 tbody th + td {border-left:1px solid #EEF0F2}
.tb_list03 tbody th,
.tb_list03 tbody td {padding:13px 20px;line-height:23px;border-bottom:1px solid #EEF0F2}

/* //2021-06-23 : 추가 */

/* no_data */
.no_data {padding:60px 0 !important;text-align:center;border-bottom:1px solid #e5e5e5}
.no_data p {color:#999999;font-size:14px;line-height:22px}
.no_data p ~ .small {margin-top:17px}
.no_data p .btn_basic {margin-left:5px}
.no_data p .btn_basic i {position:relative;top:-1px;margin-left:10px}
.product_card .no_data {border:none}
.product_card .no_data p {font-size:16px}
.att_brand_list .no_data {padding:145px 0 !important;border:1px solid #e5e5e5}

/* 상품 아이템 */
.product_card_box,
.product_card_box.prd_slide_wrap {border-bottom:1px solid #e5e5e5}
.product_card_box.prd_slide_wrap.brand {border-bottom:none}
.product_card > ul {margin:0 -12px}
.product_card.type2 > ul > li {margin-top:40px}
.product_card > ul:after {content:'';display:block;clear:both}
.product_card > ul > li {position:relative;float:left;width:200px;height:405px;margin:0 38px;padding:42px 0 0 0}
.product_card > ul > li:hover:after {content:'';z-index:7;position:absolute;top:0;bottom:0;left:-26px;width:252px;border:1px solid #333333}
.product_card > ul > li:hover .hover_info {display:block}
.product_card li:hover .product_type dt .price {display:none}
.product_card .hover_info {display:none}
.product_card .hover_info .info_t {position:absolute;bottom:52px;left:50%;z-index:9;margin-left:-100px;width:200px;text-align:center;color:#c51315;line-height:100%;font-size:14px}
.product_card .hover_info .info_t span.sale {font-size:26px;font-family:'Times New Roman';font-weight:bold}
.product_card .hover_info ul {position:absolute;bottom:0;left:50%;z-index:9;display:table;table-layout:fixed;border-collapse:collapse;width:200px;margin-left:-100px}
.product_card .hover_info ul > li {display:table-cell;height:40px;text-align:center;background-color:#45454d}
.product_card .hover_info ul > li:hover {position:relative;background-color:#393940}
.product_card .hover_info ul > li.s_login,
.product_card .hover_info ul > li.s_alarm,
.product_card .hover_info ul > li.s_cart,
.product_card .hover_info ul > li.s_buy {background-color:#c51315;border-color:#b81215}
.product_card .hover_info ul > li.s_login:hover,
.product_card .hover_info ul > li.s_alarm:hover,
.product_card .hover_info ul > li.s_cart:hover,
.product_card .hover_info ul > li.s_buy:hover {background-color:#b81215}
.product_card .hover_info ul > li > a {display:block;height:40px;padding-top:9px;text-align:center}
.product_card .hover_info ul > li > a i {position:relative;top:-1px}
.product_card .hover_info ul > li > a.active {background-color:#393940}
.product_card .hover_info ul > li > a em {display:none}
.product_card .hover_info ul > li > a.active i.i_pr03 {background-position:-400px -300px}
.product_card .product_type {position:relative;padding:210px 0 0 0;height:340px}
.product_card .product_type dt {text-align:center}
.product_card .product_type dt a {position:relative;z-index:9;display:block}
.product_card .product_type dt .brand_name {margin:0;font-size:14px;font-family:'notokr-bold'}
.product_card .product_type dt .tit {padding:0;margin:0;height:40px;overflow:hidden;font-size:14px;line-height:20px;text-overflow:inherit;white-space:normal}
.product_card .product_type dt .tit .md_txt {display:inline-block;margin-right:3px;color:#999999}
.product_card .product_type dt .price {margin-top:9px}
.product_card .product_type dt .price .won {margin:0}
.product_card .product_type dt .price .be {color:#666666}
.product_card .product_type dt .price .sale {font-size:18px}
.product_card .product_type dt .pro_icon {position:absolute;top:-18px;left:0;right:0;z-index:10}
.product_card .product_type dt .pro_icon span {margin-bottom:1px}
.product_card .product_type dt .pro_btn {position:absolute;top:38px;right:20px;z-index:5;display:block;width:120px}
.product_card .product_type dt .pro_btn button {display:block;width:100%;text-align:center}
.product_card .product_type dt .pro_btn button ~ button {margin-top:5px}
.product_card .product_type dd a {position:relative;z-index:8;display:block}
.product_card .product_type dd {position:absolute;top:0;left:0;z-index:8}
.product_card .product_type dd img {width:200px;height:200px}
.product_card.number > ul > li {height:425px;padding:62px 0 0 0}
.product_card.brand > ul > li {/*height:385px;*/height:413px;padding:20px 0 0 0}/* 2020.01 수정 */

.product_card.brand .product_type dt .pro_icon {top:0;left:-13px}
.product_card.brand .product_type dt .pro_icon .pr_best {top:0;width:auto}
.product_card.brand.best_type > ul > li:first-child .pro_icon .pr_best.first {left:-13px;width:72px;height:72px;background:url('https://cdn.hddfs.com/front/images/KO/common/ico_common.png') no-repeat -900px -740px;padding-top:72px;overflow:hidden}
.product_card_box.prd_slide_wrap .bx-wrapper .bx-pager em {color:#333333}
.product_card_box.tit_type2 .product_card > ul > li {height:425px}
.product_card_box.tit_type2 .product_card .product_type dt .tit {height:60px}
.product_card_box.tit_type2 .product_card.number > ul > li {height:445px}

/* 템플릿 정의 */
.template01.product_card > ul {margin:0}
.template01.product_card > ul > li {width:252px;height:454px;margin:0 54px;padding-top:40px}
.template01.product_card > ul > li:hover:after {width:360px;left:-54px}
.template01.product_card .product_type {padding-top:265px;height:auto}
.template01.product_card .product_type dd img {width:252px;height:252px}
.template01.product_card > ul > li:hover .hover_info:before {left:-54px;right:-54px}
.template02.product_card > ul {margin:0}
.template02.product_card > ul > li {width:50%;height:262px;margin:0;padding:30px 30px 0 0}
.template02.product_card > ul > li:hover:after {left:0;right:0;width:auto}
.template02.product_card .product_type {padding:0 0 0 252px;height:auto}
.template02.product_card .product_type dt {padding-top:20px;text-align:left}
.template02.product_card .product_type dd {left:30px}
.template02.product_card .product_type dd img {width:200px;height:200px}
.template02.product_card .hover_info .info_t {bottom:auto;top:160px;margin:0;left:252px;text-align:left}
.template03.product_card > ul {margin:0}
.template03.product_card > ul > li:first-child {height:442px}
.template03.product_card > ul > li {width:360px;height:221px;margin:0;padding:30px 30px 0 0}
.template03.product_card > ul > li:hover:after {left:0;right:0;width:auto}
.template03.product_card > ul > li:first-child .product_type {padding:270px 0 0 0;width:252px;margin:0 auto}
.template03.product_card > ul > li:first-child .product_type dt {padding-top:0;text-align:center}
.template03.product_card > ul > li:first-child .product_type dd {left:0}
.template03.product_card > ul > li:first-child .product_type dd img {width:252px;height:252px}
.template03.product_card > ul > li:first-child .hover_info .info_t {font-size:14px;top:auto;bottom:52px;left:0;right:0;text-align:center}
.template03.product_card .product_type {padding:0 0 0 202px;height:auto}
.template03.product_card .product_type dt {padding-top:22px;text-align:left}
.template03.product_card .product_type dt .price .won {padding-left:0}
.template03.product_card .product_type dd {left:20px}
.template03.product_card .product_type dd img {width:160px;height:160px}
.template04.product_card > ul {margin:0}
.template04.product_card > ul > li {width:360px;height:221px;margin:0;padding:30px 30px 0 0}
.template04.product_card > ul > li:hover:after {left:0;right:0;width:auto}
.template04.product_card .product_type {padding:0 0 0 202px;;height:auto}
.template04.product_card .product_type dt {padding-top:22px;text-align:left}
.template04.product_card .product_type dd {left:20px}
.template04.product_card .product_type dd img {width:160px;height:160px}
.template01.product_card .hover_info .info_t {left:-53px;right:-54px;width:auto;margin:0}
.template01.product_card .hover_info .info_t
.template02.product_card .hover_info .info_t,
.template03.product_card .hover_info .info_t,
.template04.product_card .hover_info .info_t {left:202px;right:50px;bottom:auto;top:130px;width:auto;margin:0;text-align:left;line-height:20px}
.template03.product_card .hover_info .info_t span.sale,
.template04.product_card .hover_info .info_t span.sale {display:block;font-size:34px;padding-top:10px}
.template01.product_card .hover_info .info_t,
.template02.product_card .hover_info .info_t {font-size:16px}
.template01.product_card .hover_info .info_t span.sale,
.template02.product_card .hover_info .info_t span.sale {font-size:45px}
.h5_type ~ .template_box {margin-top:15px}
.template_box .product_card {background-color:#f9f9f9}
.template_box .product_card .product_type dd img {border-radius:50%}
.template_box .template04.product_card > ul > li:nth-child(even) {background-color:#ffffff}
.template_box ~ .product_card_box {margin-top:60px}
.tab_type02 ~ .tab_view_box2 .product_card_box,
.tab_type03 ~ .tab_view_box3 .product_card_box {border-bottom:none}

/* FAQ */
.faq {border-top:1px solid #3f3f3f;border-bottom:1px solid #e3e3e3}
.faq dt {border-top:1px solid #e5e5e5}
.faq dt:first-child {border-top:none}
.faq dt a {position:relative;display:block;padding:16px 50px 16px 80px}
.faq dt a:hover {color:#333333;text-decoration:underline}
.faq dt a:hover .number,
.faq dt a:hover .type {color:#666666}
.faq dt a:hover .number2 {color:#333333}
.faq dt.active a {color:#333333;font-family:'notokr-medium'}
.faq dt a .number2 {position:absolute;top:16px;left:33px;font-family:'Times New Roman';font-size:18px;font-weight:bold;color:#333333}
.faq dt a .number {position:absolute;top:16px;left:0;width:90px;text-align:center}
.faq dt a .ico_com {position:absolute;top:20px;left:18px}
.faq dt a:after {position:absolute;top:21px;right:20px}
.faq dt.active a:after {background-position:-170px 0}
.faq dd {display:none;padding:25px 50px 25px 80px}
.faq dd .ico_comb {position:relative;padding-left:52px;line-height:23px}
.faq dd .ico_comb:before {position:absolute;top:6px;left:0}
.faq dd .ico_comb .ico_com {position:absolute;top:5px;left:27px}
.faq.type2 dt a .number {width:50px}
.faq.type2 dt .type {position:absolute;top:15px;left:60px;display:block;width:120px;text-align:center}
.faq.type2 dt.active a .type {font-family:'Noto Sans CJK KR'}
.faq.type2 dt a {padding-left:220px}
.faq.type2 dt a .ico_com {left:192px}
.faq.type2 dd {padding-left:220px}
.faq_list.wedding {margin-top:15px}
.faq_list.wedding .faq.type2 dt a .number {width:60px}
.faq_list.wedding .faq.type2 dt .type {left:60px;width:80px}
.faq_list.wedding .faq.type2 dt a {padding-left:190px}
.faq_list.wedding .faq.type2 dt a .ico_com {left:162px}
.faq_list.wedding .faq.type2 dd {padding-left:190px}
.faq_list .no_data {border-top:1px solid #333333}
.faq_list .faq_bottom {padding:30px 0;background-color:#fafafa;font-size:14px;text-align:center}
.faq_list .faq_bottom [class*='btn_basic'] {margin-left:10px}


/*editer 수정*/
.faq em {font-style:italic !important}
.faq u {text-decoration: underline}
.faq strong {font-weight:bold}
.faq strike {text-decoration: line-through}
.faq img {max-width:580px !important}
.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}
.faq dd .ico_comb .ico_com.a {overflow:hidden !important;font-size:0 !important;line-height:0 !important;text-indent:-99999em !important}
.faq dd .ico_comb span {color: #666666 !important; font-family: 'NotoSans','맑은 고딕','Malgun Gothic' !important; font-size: 13px !important; letter-spacing: -.05em !important}
.faq dd {padding-left:272px !important}
.faq dd .ico_comb {padding-left:0}
.faq dd .ico_comb:before {left:-52px}
.faq dd .ico_comb .ico_com.a {left:-28px}
.faq dd p {color: #666666 !important; font-family: 'NotoSans','맑은 고딕','Malgun Gothic' !important; font-size: 13px !important; letter-spacing: -.05em !important}
.faq dd div {color: #666666 !important; font-family: 'NotoSans','맑은 고딕','Malgun Gothic' !important; font-size: 13px !important; letter-spacing: -.05em !important}
.faq table {width:100% !important}

.faq_top10 .faq dd {padding-left:132px !important}
.faq_top10 .faq dd .ico_comb {padding-left:0}
.faq_top10 .faq dd .ico_comb:before {left:-52px}
.faq_top10 .faq dd .ico_comb .ico_com.a {left:-28px}

/* 검색 */
.sh_wrap {padding:20px 0;margin-top:19px;text-align:center;border-top:1px solid #3f3f3f;background-color:#f1f1f1}
.sh_wrap * {vertical-align:middle; display:inline-block;}/* 2021-08-25 수정 : display:추가 */
.sh_wrap .ui-selectmenu-button.ui-button {line-height:29px;}/* 2021-08-25 추가 : 고객센터 > 쇼핑 이용 안내 > 주문 가능 시간 조회 정렬 */
.sh_wrap input[type="text"] {width:300px;margin-right:3px;vertical-align:top}
.sh_wrap label {margin-right:13px;color:#333333;font-size:18px;font-family:'notokr-medium'}
.sh_wrap button {width:120px;text-align:center}
.sh_wrap .ui-selectmenu-button.ui-button {width:170px;margin-right:3px}
.sh_wrap .time .ui-selectmenu-button.ui-button {width:80px}
.sh_wrap .tooltip_wrap {top:-2px}
.sh_wrap dl:after {content:'';display:block;clear:both}
.sh_wrap dl {display:inline-block}
.sh_wrap dl dt {float:left;padding:0 15px 0 0;font-size:14px;color:#333333;line-height:30px}
.sh_wrap dl dd {float:left}
.sh_wrap dl dd .small {width:60px;padding:0;margin-right:3px}
.sh_wrap dl dd .small.active {color:#c51315 !important;border-color:#c51315;background-color:#ffffff}
.sh_wrap dl dd .datepicker_box {display:inline-block;margin:0 3px 0 5px;vertical-align:top}
.sh_wrap dl dd .datepicker_box ~ .datepicker_box {margin:0 0 0 5px}
.sh_wrap dl dd input[type="text"] {width:140px}
.sh_wrap dl dd .ui-datepicker-trigger {right:10px}
.sh_wrap dl dd .btn_basic2,
.sh_wrap .tc .datepicker_box {vertical-align:top;min-height:34px}
.sh_wrap.type2 .tc .datepicker_box {display:inline-block}
.sh_wrap .tc .btn_basic2 {min-width:87px;width:auto;padding:0 10px;margin-left:7px}
.sh_wrap .tc input[type="text"] {width:160px}
.sh_wrap .tc .i_time input[type="text"] {margin-right:0}
.sh_wrap .order_time {margin:20px 20px 0 20px;padding:20px 0 7px 0;font-size:15px;color:#333333;border-top:1px solid #d9d9d9}
.sh_wrap .order_time em {position:relative;top:-1px;color:#c51315;vertical-align:top}
.sh_wrap .order_time span {display:inline-block;margin:0 5px}
.sh_wrap .order_time .use_time {position:relative;padding-right:10px}
.sh_wrap .order_time .use_time:after {content:'';position:absolute;top:50%;right:0;display:block;height:15px;margin-top:-7px;width:1px;background-color:#cccccc}
.sh_wrap .order_time .use_time:before {position:relative;top:2px;margin-right:6px}
.sh_wrap.type2 {position:relative;border-color:transparent}

/* tooltip */
.tooltip_wrap {position:relative;z-index:2;display:inline-block;width:16px;height:16px;vertical-align:middle}
.tooltip_wrap:hover {z-index:3}
.tooltip_wrap .ico_com.i_help {position:relative;z-index:2;overflow:visible;vertical-align:top}
.tooltip_wrap:hover .ico_com.i_help:after {content:'';position:absolute;top:20px;left:50%;margin-left:-5px;width:10px;height:6px;background:url('https://cdn.hddfs.com/front/images/KO/common/ico_common.png') no-repeat -250px -260px}
.tooltip_wrap:hover .tooltip {display:block}
.tooltip_wrap .tooltip {position:absolute;top:25px;left:-20px;display:none;padding:12px 15px;background-color:#fbfbfe;border:1px solid #333333}
.tooltip_wrap .tooltip p,
.tooltip_wrap .tooltip li {line-height:17px;font-size:12px;white-space:nowrap;text-align:left;color:#666666;font-family:'Noto Sans CJK KR'}
.tooltip_wrap .tooltip p + p {margin-top:5px}
.tooltip_wrap .tooltip p .title {display:block;margin-bottom:5px;color:#333333}
.tooltip_wrap.type2 .tooltip {min-width:200px}
.tooltip_wrap2 {position:relative;z-index:2;display:inline-block;vertical-align:middle}
.tooltip_wrap2 > a {position:relative;top:-2px;z-index:2;overflow:visible}
.tooltip_wrap2.opened > a:after {content:'';position:absolute;top:26px;left:32px;width:10px;height:6px;background-position:-170px -20px}
.tooltip_wrap2 .tooltip {display:none;position:absolute;top:30px;min-width:200px;padding:30px 15px 12px;background-color:#ffffff;border:1px solid #333333}
.tooltip_wrap2.opened .tooltip {display:block}
.tooltip_wrap2 .tooltip p,
.tooltip_wrap2 .tooltip li {padding-right:70px;line-height:17px;font-size:12px !important;white-space:nowrap;text-align:left;color:#666666;font-family:'Noto Sans CJK KR'}
.tooltip_wrap2 .tooltip .ico_com.close {position:absolute;top:10px;right:10px;background-position:-150px -20px;height:12px;width:13px}

/*청구할인 툴팁*/
.tooltip_wrap.type3 .tooltip {left: -96px;top:19px}
.tooltip_wrap.type3 .tooltip ul {width:180px}
.tooltip_wrap.type3 .tooltip li {white-space:normal}
.tooltip_wrap.type3 .tooltip li.tit_tooltip {color:#333333}
.tooltip_wrap.type3:hover .ico_com.i_help:after {top:15px}
.tooltip_wrap.type3 .ico_com.i_help {margin-top:-1px}
.ie10 .tooltip_wrap.type3 .ico_com.i_help, .ie11 .tooltip_wrap.type3 .ico_com.i_help {margin-top:-2px}
.ie10 .tooltip_wrap.type3 .tooltip, .ie11 .tooltip_wrap.type3 .tooltip {top:18px}

/* 평점 */
.grade_wrap {position:relative}
.grade_wrap:after,
.grade_wrap dl:after {content:'';display:block;clear:both}
.grade_wrap dl dt {float:left;margin-right:10px;color:#333333}
.grade_wrap dl dd {float:left;width:73px;margin-right:40px}

/* accordion */
.accordion_list {border-top:1px solid #3f3f3f;border-bottom:1px solid #e3e3e3}
.accordion_list dt {border-top:1px solid #e3e3e3}
.accordion_list dt:first-child {border-top:none}
.accordion_list dt a {position:relative;display:block;padding:15px 20px}
.accordion_list dt a:after {position:absolute;right:20px;top:50%;margin-top:-5px}
.accordion_list dt.active a {color:#333333;}
.accordion_list dd {display:none;padding:30px 20px}

/* list style */
.dot_list li {position:relative;padding-left:6px;font-size:14px}
.dot_list li + li {margin-top:5px}
.dot_list li:before {content:'';position:absolute;top:9px;left:0;width:2px;height:2px;background-color:#8f8f8f}
.dot_list li .pr {position:absolute;top:0;right:0}
.dot_list li .link02 {text-decoration:underline}
.dot_list.font_13 li {font-size:13px}
.dot_list.airport {margin-top:18px}
.dot_list.airport:after {content:'';display:block;clear:both}
.dot_list.airport li {float:left;width:25%}
.dot_list.airport li + li {margin:0}
.dot_list.airport li:first-child {width:50%}
.dot_list.airport li strong {display:block;margin-bottom:3px;color:#333333}
.dot_list.airport.type2 li {width:18%}
.dot_list.airport.type2 li:first-child {width:40%}
.dot_list.small {width:240px;padding:5px 0}
.dot_list.small + .dot_list.small {margin-top:6px;border-top:1px dotted #d9d9d9}
.dot_list.medium.divide {border-top:1px solid #e5e5e5;margin:10px 0; padding-top: 15px}
.dot_list.small li, .dot_list.medium li {font-size:13px}
.dot_list.small li:before, .dot_list.medium li:before {top:10px}
.dot_list.small li + li, .dot_list.medium li + li {margin-top:0}
.dot_list.medium {width:415px;padding:5px 0}
.dot_list.medium + .dot_list.medium {border-top:1px dotted #e5e5e5;margin:10px 0; padding-top: 15px}
.dot_list.sm li {font-size:13px}
.dot_list.xsm li {font-size:12px}
.dot_list .int_txt {padding-left:8px;text-indent:-8px}
.blt_list li {position:relative;padding-left:12px;font-size:14px}
.blt_list li strong {color:#333333}
.blt_list li + li {margin-top:35px}
.blt_list li:before {content:'';position:absolute;top:5px;left:0;width:2px;height:13px;background-color:#3ca66b}
.blt_list .p_t01 {margin-top:8px;line-height:24px;font-size:14px}
.blt_list .p_t01.int {padding-left:8px;text-indent:-8px}
.nomal_list li {font-size:14px}
.nomal_list li strong {color:#333333}
.nomal_list li + li {margin-top:35px}
.nomal_list .p_t01 {margin-top:8px;line-height:24px;font-size:14px}
.nomal_list .p_t01.int {padding-left:8px;text-indent:-8px}
.dot_list > li ul.nomal_list li {padding-left:0}
.dot_list > li ul.nomal_list li:before {position:static}
.dot_list > li ul.nomal_list li + li {margin-top:0px}
.number_style > li {padding-left:14px;text-indent:-14px;line-height:22px}
.number_style > li + li {margin-top:10px}
.number_style > li > ul {padding-left:16px}
.dot_list.type3 {border-top:1px solid #e5e5e5;padding:10px 0;margin-top:20px; color:#999999}
.dash_list li {position:relative;padding-left:6px;font-size:13px}
.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}

/* map */
.airport_map_img img {vertical-align:top}
.airport_map_img.type2 {border:1px solid #e5e5e5}

/* 상품상단 */
.product_top_area {padding-top:6px}
.product_top_area .pro_icon {margin-bottom:12px}
.product_name_box {position:relative;padding-bottom:7px;border-bottom:1px solid #333333}
.product_name_box .brand_name {font-size:24px;color:#333333;line-height:31px}
.product_name_box .brand_name span {font-size:18px;color:#666666}
.product_name_box .product_name {font-size:24px;line-height:31px}
.product_name_box .product_name span {color:#333333;font-family:'notokr-medium'}
.product_name_box .ref_code {margin-top:18px;font-size:12px;color:#999999}
.product_name_box a.brand {position:absolute;right:0;bottom:10px}
.product_name_box a.brand img {display:inline-block;width:120px;height:35px}
.go_brand {margin-top:7px}
.go_brand a.brand {position:relative}
.go_brand a.brand img {display:inline-block;width:120px;height:35px}
a.brand {display:inline-block;padding:6px 28px 6px 12px;border:1px solid #e5e5e5}
a.brand img {vertical-align:top}
a.brand:after {position:absolute;right:15px;top:18px}
.product_detail_box {margin-top:20px}
.product_detail_box:after {content:'';display:block;clear:both}
.product_detail_box .pro_img {float:left;width:500px;margin:0 0 0 40px}
.product_detail_box .pro_img img {width:100%}
.product_detail_box .pro_img .i_expansion {margin:8px 0 30px 0;text-align:center;font-size:12px;color:#999999}
.product_detail_box .pro_img .i_expansion:before {position:relative;top:-1px;margin-right:8px;vertical-align:middle}
.product_detail_box .pro_img ul li a {display:block;width:64px;height:64px;border:1px solid transparent}
.product_detail_box .pro_img ul li a.selected {position:relative;border-color:#b2b2b2}
.product_detail_box .pro_img ul li a.show_movie {position:relative}
.product_detail_box .pro_img ul li a.show_movie:after {position:absolute;left:0;top:0;width:62px;height:62px;background-position:-910px -330px}
.product_detail_box .pro_img ul li a img {width:100%;height:100%}
/* Safari 6.1-10.0 [not 10.1+] */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { x
    .product_detail_box .pro_img .bx-wrapper ul {margin-left:-1px}
}
.pro_img .bx-wrapper .bx-controls-direction a {top:50%;display:block;width:12px;height:21px;margin-top:-10px}
.pro_img .bx-wrapper .bx-controls-direction .bx-prev {left:-27px;background-position:-40px -40px}
.pro_img .bx-wrapper .bx-controls-direction .bx-next {right:-27px;background-position:-60px -40px}
.pro_img .bx-wrapper .bx-controls-direction .bx-prev:hover {background-position:-40px -80px}
.pro_img .bx-wrapper .bx-controls-direction .bx-next:hover {background-position:-60px -80px}
.pro_img .bx-wrapper .bx-controls-direction a.disabled {display:block}
.pro_img .bx-wrapper .bx-controls-direction a.bx-prev.disabled:hover {background-position:-40px -40px}
.pro_img .bx-wrapper .bx-controls-direction a.bx-next.disabled:hover {background-position:-60px -40px}
.product_detail_box .pro_info_box {float:right;width:460px}
.pro_info_box .top_icon {text-align:right}
.pro_info_box .pro_info_area {margin-top:-25px}
.pro_info_box .ico_com.favorite2.active {background-position:-660px -920px}
.pro_info_box .aticle_box {padding:10px 0}
.pro_info_box .aticle_box.type2 {padding-bottom:25px;border-bottom:1px solid #333333}
.pro_info_box .aticle_box dl {display:table;width:100%;table-layout:fixed;}
.pro_info_box .aticle_box dl dt {display:table-cell;width:190px;padding-bottom:15px;font-size:14px;color:#333333;vertical-align:top}
.pro_info_box .aticle_box dl dt span {font-size:12px;color:#999999}
.pro_info_box .aticle_box dl dd {display:table-cell;width:auto;color:#333333;font-size:14px}
.pro_info_box .aticle_box dl dd.be {text-decoration:line-through}
.pro_info_box .aticle_box dl dd .login_txt {color:#c51315}
.pro_info_box .aticle_box dl dd .big_price {position:relative;top:2px;margin-right:1px;font-size:34px;font-family:'Times New Roman';font-weight:bold}
.pro_info_box .aticle_box dl dd .small_area {color:#333333}
.pro_info_box .aticle_box dl dd .small_area.type1 {color:#666666;}
.pro_info_box .aticle_box dl dd .sale {margin-left:7px;color:#c51315}
.pro_info_box .aticle_box dl dd .sale:after {position:relative;top:1px;margin-left:5px}
.pro_info_box .aticle_box dl.price dd {color:#c51315}
.pro_info_box .aticle_box.type2 dl {padding:5px 0}
.pro_info_box .aticle_box.type2 dl dt {padding:7px 0}
.pro_info_box .aticle_box.type2 dl dd {vertical-align:middle}
.pro_info_box .aticle_box.type3 {padding:10px 0}
.pro_info_box .aticle_box.type3 dl dt {padding:17px 0}
.pro_info_box .aticle_box.type3 dl.price dd .big_price {font-size:46px}
.pro_info_box .aticle_box .small i {position:relative;top:1px;margin-left:9px}
.pro_info_box .aticle_box dl dd .spinner_box.big .ui-spinner-input {width:190px}
.pro_info_box .aticle_box dl dd .ui-selectmenu-button.ui-button {width:225px}
.pro_info_box .aticle_box .massage_txt {margin:25px 0 5px 0;padding:20px;line-height:28px;font-size:20px;color:#333333;text-align:center;border:1px solid #e5e5e5}
.pro_info_box .aticle_box .massage_txt span {color:#c51315}
.pro_info_box .btn_box {margin-top:20px}
.pro_info_box .btn_box {text-align:center}
.pro_info_box .btn_box .btns {display:inline-block}
.pro_info_box .btn_box .btns:after {content:'';display:block;clear:both}
.pro_info_box .btn_box button {display:block;float:left;width:230px;margin:0 auto}
.pro_info_box .freebies_small {margin-top:46px}
.pro_info_box .freebies_small dl {position:relative;padding-left:70px}
.pro_info_box .freebies_small dl dt {position:absolute;top:0;left:0;width:58px;height:23px;;line-height:23px;font-size:12px;color:#ffffff;text-align:center;background-color:#f26db4;border-radius:12px}
.pro_info_box .freebies_small dl dd .p_dot_list {position:relative;padding-right:100px}
.pro_info_box .freebies_small dl dd .p_dot_list a {position:absolute;top:0;right:20px;text-decoration:underline}
.pro_info_box .freebies_small dl dd .p_dot_list ~ .p_dot_list {margin-top:5px}
.share_box {position:relative;z-index:2;display:inline-block;width:30px;height:40px;vertical-align:top;margin-right:13px}
.share_box:hover {z-index:3}
.share_box .ico_com.share {position:relative;z-index:2;overflow:visible;vertical-align:top}
.share_box:hover .ico_com.share:after {content:'';position:absolute;top:34px;left:50%;margin-left:-5px;width:10px;height:6px;background:url('https://cdn.hddfs.com/front/images/KO/common/ico_common.png') no-repeat -250px -260px}
.share_box:hover .share_list {display:block}
.share_box .share_list {position:absolute;top:39px;right:-10px;display:none;width:216px;height:61px;padding:15px 0 0 0;text-align:center;background-color:#fbfbfe;border:1px solid #333333}
.share_box .share_list a {margin:0 3px}
.share_box.four{height: 49px;}
.share_box.four:hover .ico_com.share:after {top:44px;}
.share_box.four .share_list {top: 49px;right: -45px;width: 179px;}

/* 미리보기 재정의 */
.layer_popup .product_name_box .product_name,
.layer_popup .product_name_box .brand_name {font-size:18px;line-height:28px}
.layer_popup .product_name_box .brand_name span {font-size:16px}
.layer_popup .product_detail_box .pro_img {margin-left:27px;width:300px}
.layer_popup .product_detail_box .pro_img .cloud-zoom img {width:300px;height:300px}
.layer_popup .product_detail_box .pro_info_box {width:387px}
.layer_popup .product_detail_box .pro_img .i_expansion {margin:5px 0 18px 0}
.layer_popup .pro_info_box .pro_info_area {margin-top:-13px}
.layer_popup .pro_info_box .aticle_box.type2 {/*border:none;*/padding-top:15px}
.layer_popup .pro_info_box .aticle_box {padding:8px 0}
.layer_popup .pro_info_box .aticle_box dl dt {width:150px}
.layer_popup .pro_info_box .aticle_box dl dd .ui-selectmenu-button.ui-button {width:203px}
.layer_popup .pro_info_box .aticle_box dl dd .small_area {position:relative;display:inline-block;margin-left:3px}
.layer_popup .pro_info_box .aticle_box dl dd .small_area .sale {position:absolute;right:0;bottom:17px}
.layer_popup .pro_info_box .aticle_box dl.price {padding:0;margin-bottom:-2px}
.layer_popup .pro_info_box .btn_box button {width:125px}
.layer_popup .pro_info_box .btn_box button ~ button {margin-left:5px}
.layer_popup .pro_info_box .btn_box .soldout {display:block}
.layer_popup .pro_info_box .btn_box .soldout button {width:191px}
.layer_popup .product_detail_box .tooltip_wrap .tooltip {left:auto;right:-20px}
.layer_popup .pro_img .bx-wrapper {margin:0 -10px !important}
/* Safari 6.1-10.0 [not 10.1+] */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { x
    .layer_popup .pro_img .bx-wrapper ul {margin-left:-1px}
}
.layer_popup .pro_img .bx-wrapper .bx-controls-direction a {z-index:2}
.layer_popup .pro_info_box .btn_box {text-align:left}
.layer_popup .cloud-zoom-big {top:-20px !important;left:357px !important;width:400px !important;height:400px !important}
.layer_popup .pro_info_box .aticle_box .massage_txt {margin:0;line-height:24px;font-size:18px}
.ui-dialog .ui-dialog-buttonpane {position:absolute;top:20px;right:20px;padding:0;margin:0;border:none}
.ui-dialog .ui-dialog-buttonpane button {margin:0;width:21px;height:21px;font-size:0;line-height:0;color:#ffffff;background:url('https://cdn.hddfs.com/front/images/KO/common/pop_close.png') no-repeat 0 0;border:none}

/* 확대보기 */
.cloud-zoom-lens {border:1px solid #b2b2b2;background-color:#ffffff;cursor:move}/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-title {position:absolute !important;top:0px;padding:3px;width:100%;color:#ffffff;text-align:center;font-weight:bold;font-size:10px;background-color:#000000}/* This is for the title text. */
.cloud-zoom-big {overflow:hidden;left:580px !important;border:1px solid #ababab;background-color:#ffffff;background-repeat:no-repeat}/* This is the zoom window. */
.cloud-zoom-loading {padding:3px;color:#ffffff;background:#222222;border:1px solid #000000}/* This is the loading message. */

/* banner */
.wide_bn {margin-top:60px}

/* box style */
.bd_box {padding:18px 30px;border:1px solid #e5e5e5}
.bd_box .t01 {text-align:center;line-height:22px}
.bd_box2 {padding:18px 30px 8px 30px}
.bd_box2 .t01 {text-align:center;line-height:22px}
.gray_box {padding:22px 30px;background-color:#f1f1f1}
.gray_box .f_size02 {text-align:center;line-height:26px}
.gray_box .f_size02 span {color:#3ca66b}

/* paging */
/* S: 2024-01-04 수정 */
.paging {position:relative; margin:30px 0 15px 0; text-align:center;}
.paging * {vertical-align:top}
.paging a {display:inline-block; width:28px; height:28px; margin:0 2px; font-size:13px; line-height:28px; color:#5c6677; text-align:center; text-decoration:none;}
.paging a.active {font-weight:bold; color:#fff; background-color:#1b1e23; border-radius:4px; pointer-events:none; cursor:default;}
.paging a.ico_comb {width:24px; height:24px; padding:0; margin:2px 0 0 0;}
.paging a.ico_comb:before {margin-top:4px;}
.paging a.ico_comb.prev {margin-right:10px;}
.paging a.ico_comb.next {margin-left:10px;}
.paging.p_type2 {border-top:1px solid #e6e6e6;margin-top:20px;padding-top:30px}
/* E: 2024-01-04 수정 */

/* 이전/다음글 */
/* S : style backup */
.pn_wrap {position:relative;background-color:#f3f3f3}
.pn_wrap > ul {padding:38px 70px}
.pn_wrap > ul:before {content:'';display:block;clear:both;position:absolute;top:50%;left:50%;width:1px;height:30px;margin-top:-15px;background:#b3b3b3}
.pn_wrap > ul:after {content:'';display:block;clear:both}
.pn_wrap > ul > li {float:left;width:50%}
.pn_wrap > ul > li .c_title {position:relative;font-size:14px;padding:0 90px 0 2px}
.pn_wrap > ul > li .date {position:absolute;top:0;right:40px;font-size:13px;color:#999999}
.pn_wrap > ul > li.next_wrap .c_title {padding:0 60px 0 38px}
.pn_wrap > ul > li.next_wrap .date {right:0}
.pn_wrap .ico_comb:before {position:relative;top:50%;left:50%;margin-left:-6px;margin-top:-12px}
.pn_wrap .btn_btype01 {display:inline-block;width:40px;height:70px;font-size:0;overflow:hidden}
.pn_wrap .btn_ppos {position:absolute;top:50%;left:16px;margin-top:-34px}
.pn_wrap .btn_npos {position:absolute;top:50%;right:16px;margin-top:-34px}

/* E : style backup */
.prenex_wrap {border-top:1px solid #333333}
.prenex_wrap > ul > li {position:relative;border-bottom:1px solid #e5e5e5}
.prenex_wrap > ul > li.prev {background-color:#f9f9f9}
.prenex_wrap > ul > li a {display:block;width:100%}
.prenex_wrap > ul > li a:hover {color:#333333;text-decoration:underline}
.prenex_wrap > ul > li span {display:inline-block;font-size:14px}
.prenex_wrap > ul > li span.ico_coma {position:absolute;top:16px;left:20px;width:60px}
.prenex_wrap > ul > li span.ico_coma:after {position:absolute;top:7px;right:0}
.prenex_wrap > ul > li span.date {position:absolute;top:16px;right:20px;color:#999999;font-size:13px}
.prenex_wrap > ul:after {content:'';display:block;clear:both}
.prenex_wrap .tover {display:block;max-width:100%;padding:16px 100px 16px 120px}

/* 본페이지 하단 이미지 배너 */
.banner_wrap {margin-top:40px}
.banner_wrap ~ .banner_wrap {margin-top:20px}
.banner_wrap > a {position:relative;display:block;line-height:0}
.banner_wrap > a:hover:after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #333333}
.banner_wrap[class*="col_"]:after {content:'';display:block;clear:both}
.banner_wrap[class*="col_"] > a {position:relative;float:left}
.banner_wrap[class*="col_"] > a:hover:after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #333333}
.banner_wrap[class*="col_"] > a ~ a {margin-left:3px}
.banner_wrap.col_2 > a + a {margin-left:2px}

/* button */
.sh_btn_box,
.basic_btn_box {margin-top:30px;text-align:center}
.small_btn_box {margin-top:15px}
.small_btn_box p .small {margin:0 5px}
.small_btn_box .link02 {text-decoration:underline}
.big_btn_box {margin-top:30px}
.sh_btn_box button, .sh_btn_box a,
.basic_btn_box button, .basic_btn_box a {min-width:120px;margin:0 2px 0 1px;text-align:center}
.small_btn_box button {margin-right:3px}
.small_btn_box > p {font-size:14px}
.sh_btn_box button.big {min-width:160px}
.basic_btn_box button.big {min-width:180px}
.big_btn_box button,
.big_btn_box a {width:100%}
button:disabled {opacity:.25}
button.ico_com {border:none;background-color:transparent}
button[class*="btn_basic"],
a[class*="btn_basic"] {display:inline-block;height:40px;padding:0 20px;min-width:120px;font-size:14px;line-height:38px;text-align:center;font-weight:normal}
button[class*="btn_basic"].big,
a[class*="btn_basic"].big {height:60px;line-height:58px;text-align:center;font-size:16px}
button[class*="btn_basic"].small,
a[class*="btn_basic"].small {height:34px;padding:0 10px;min-width:65px;line-height:32px;font-size:13px}
button[class*="btn_basic"].xsmall,
a[class*="btn_basic"].xsmall {height:26px;padding:0 10px;min-width:10px;line-height:24px;font-size:12px}
.join_wrap.en button[class*="btn_basic"].small,
a[class*="btn_basic"].small {font-size:12px}
.btn_basic1 {color:#1b1e23 !important;border:1px solid #1b1e23;background-color:#fff}
.btn_basic1:hover {background-color:#fff}
/* .btn_basic1:active {color:#666666 !important} */
.btn_basic2 {color:#ffffff !important;border:1px solid #1b1e23;background-color:#1b1e23}
.btn_basic2:hover {background-color:#1b1e23}
/* .btn_basic2:active {color:#e2898a !important} */
.btn_basic3 {color:#1b1e23 !important;border:1px solid #1b1e23;background-color:#ffffff}
/* .btn_basic3:active {color:#666666 !important} */
.btn_basic4 {color:#666666 !important;border:1px solid #b2b2b2;background-color:#ffffff}
/* .btn_basic4:active {color:#c7c7c7 !important} */
.big_btn_box ul:after {content:'';display:block;clear:both}
.big_btn_box ul li {float:left;width:50%}
.more_full button {width:100%;margin-top:20px}
.xsmall .btn_bl3 {position:relative;top:-1px;margin-left:7px}

/* text link */
.link01,
.link01:hover {color:#c51315;text-decoration:underline}
.link02 {color:#333333}
.link02:hover {color:#c51315;text-decoration:underline}

/* margin */
.mgt_no {margin-top:0 !important}
.mgtxxs {margin-top:2px !important}
.mgtxs {margin-top:10px !important}
.mgtxs2 {margin-top:15px !important}
.mgts {margin-top:20px !important}
.mgtsl {margin-top:25px !important} /* 2023-10-18 회원가입 리뉴얼 */
.mgtsm {margin-top:30px !important}
.mgtmm {margin-top:40px !important}
.mgtm {margin-top:50px !important}
.mgtml {margin-top:60px !important}
.mgtl {margin-top:70px !important}
.mgtxl {margin-top:100px !important} /* 2023-10-18 회원가입 리뉴얼 */
.mgb_no {margin-bottom:0 !important} /* 20201204 메인 개선에 따른 서브페이지 수정 */
.mgbtxs {margin-bottom:10px !important}
.mgbts {margin-bottom:20px !important}
.mgbsm {margin-bottom:30px !important}
.mgbm {margin-bottom:50px !important}
.m_minus {margin-top:-1px !important}

/* border */
.bt_no {border-top:none !important}
.bb_no {border-bottom:none !important}
.bl_no {border-left:none !important}
.br_no {border-right:none !important}

/*box*/
.inner_box {padding:0 30px}
.clear_box:after {content:''; display:block; width:100%; clear:both}
.float_left:after, .float_right:after, .float_center:after {content:''; display:block; width:100%; clear:both}
.float_left {float:left}
.float_right {float:right}
.float_center {float:center}

/* layer popup */
#layer_popup {display:none;}
.layer_popup {padding:36px;color:#666666}
.layer_popup .tooltip_wrap {top:-1px;margin-left:4px}
.layer_popup > .message_box > .small_txt {padding-top:7px}
.ui-widget-overlay {background:#000000;opacity:.5}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable {padding:0px;font-family:'Noto Sans CJK KR', '본고딕', 'sans-serif';font-size:12px;border:1px solid #333333;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;overflow:hidden}

.ui-dialog.ui-border {
    border: 1px solid #333333 !important;

}

.ui-dialog .ui-dialog-titlebar-close {right:25px;top:19px;width:21px;height:21px;margin:0;border:none;background-color:transparent;font-size:0;line-height:0;text-indent:-999em}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {top:0;left:0;width:21px;margin:0;height:21px;background-position:-220px 0}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {padding:0 20px;background:#45454d;border:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;overflow:hidden}
.ui-dialog .ui-dialog-title {height:59px;margin:0;color:#fff;letter-spacing:-.075em;font-size:20px;font-weight:normal;line-height:59px;text-shadow:none}
.ui-dialog-content.ui-widget-content {padding:0;background-color:#ffffff;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;overflow-x:hidden;overflow-y:auto}
/* .layer_popup .attention_wrap {border: 1px solid #e5e5e5}
.layer_popup .attention_wrap {padding:15px;border:1px solid #e5e5e5}
.layer_popup .attention_wrap .attention {margin:0;padding:0;color:#666666;font-size:13px;border-top:none}
.layer_popup .attention_wrap .attention:before {display:none}
.layer_popup .attention_wrap .dot_list {margin-top:5px}
.layer_popup .attention_wrap .dot_list li + li {margin-top:2px} */
.layer_popup .restock_end_txt {padding:20px 0;text-align:center;color:#333333;font-size:24px;background-color:#f9f9f9}
.layer_style2 .ui-dialog-title {height:58px;margin:0;color:#333;letter-spacing:-.075em;font-size:20px;font-weight:normal;line-height:58px;text-align:center;padding-left: 10%}
.layer_style2 .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {background:#fff;border-bottom:2px solid #1B1E23}
.layer_style2 .ui-button .ui-icon {background-position:-200px 0}
.layer_style2_box {padding:20px 20px 20px 5px}

.layer_popup .btn_group {margin-top:40px;}

/* 2021-07-05 추가 : 주문완료 포지션 */
div.order_fin {top:50% !important; transform:translateY(-50%) !important;}

/* 메인팝업 2021-07-02 추가 : dim */
/* .main_popup:after { background-color:rgba(0,0,0,0.5); content:''; position:fixed; top:0; right:0; bottom:0; left:0; z-index:-1;} */
.main_popup .popswiper-container {height:368px; overflow:hidden;} /* 2021-07-07 추가 : 메인 팝업 콘텐츠 영역 높이 고정 */
.main_popup .popswiper-container, .main_popup .close_section {position:relative; z-index:1;}
.main_popup .swiper-slide .pop_txt {position:absolute; top:60px; right:40px; left:40px;}
.main_popup .swiper-slide .pop_txt .cate {margin-bottom:8px; color:#1B1E23; font-size:24px; letter-spacing:-1.2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.main_popup .swiper-slide .pop_txt p {color:#1B1E23; font-size:36px; font-weight:600; letter-spacing:-1.8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 타이틀만 있는 타입 */
.onlytitle .layer_popup .layer_cont{height:100%;}
.onlytitle .layer_popup .layer_cont .check_pop{width:120px;}
/* 기본 팝업*/
.layer_unit{position:relative;}
.layer_unit .layer_popup{padding:0;}
.layer_unit .layer_popup .layer_cont{width:100%; text-align:center; padding:52px 30px 40px;}
.layer_unit .layer_popup .layer_cont .txt_ty1{text-align:center; font-size:22px; line-height:33px; letter-spacing: -1px; color:#1b1e23; font-weight:600;}
.layer_unit .layer_popup .layer_cont .text_ty2{margin-top:20px; text-align:center; font-size:14px; line-height:20px; color:#5c6677;}
.layer_unit .layer_popup .layer_cont .check_pop{margin-top:40px;}
.layer_unit .event_type_close{position:absolute; cursor:pointer; top:0; right:0; width:28px; height:28px; text-indent:-9999px; background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/ic_viewclose.png')no-repeat; margin:20px 20px 0 0;}

/* 2021-07-13 신규 메인 팝업 */
.modal_wrap {background-color:rgba(0,0,0,0.5); position:fixed; top:0; right:0; bottom:0; left:0; z-index:999; display:none;}
.modal_wrap.active {display:block;}
.modal_wrap .main_popup {width:560px; height:422px; background-color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.modal_wrap .main_popup .html_wrap {overflow-y:auto;}/* 2021-07-28 추가 : 팝업 html 등록 시 overflow 적용 */

/* message */
.message_box {text-align:center}
.message_box.type2 {text-align:left}
.message_box .i_mark2 {font-size:14px;line-height:20px}
.message_box .i_mark2:before {display:block;margin:0 auto 20px auto}
.message_box.line {padding-bottom:60px;border-bottom:1px solid #e6e6e6}
.message_box .small_txt {font-size:14px;line-height:20px}
.message_box .i_mark5 {display:block;margin:0 auto 20px auto}
.message_box .big_txt {text-align:center}
.message_box .big_txt i {margin-right:30px;vertical-align:top}
.message_box .big_txt span {margin-top:20px;display:inline-block;text-align:left;vertical-align:top}
.message_box .big_txt em {color:#1B1E23; font-weight:600;}
.message_box .big_txt {font-size:18px;line-height:24px;color:#333333}
.message_box > .dot_list {margin:10px 0}

/* 이벤트 적립금/쿠폰 */
.save_coupon_box {position:relative;display:inline-block;z-index:0;height:150px}
.save_coupon_box .tit {font-size:12px}
.save_coupon_box .sale {color:#333333;font-size:15px}
.save_coupon_box .sale span {display:inline-block;color:#333333;font-size:25px}
.save_coupon_box.sm {padding-top:40px}
.save_coupon_box.sm .tit {color:#4c4c4c}
.save_coupon_box.cp {padding-top: 50px}
.save_coupon_box.sm:after,
.save_coupon_box.cp:after {position:absolute;top:15px;left:50%;content:'';display:inline-block;background-image:url(https://cdn.hddfs.com/front/images/KO/product/event_bg.png);background-repeat:no-repeat}
.save_coupon_box.sm:after {margin-left:-61px;width:125px;height:125px;background-position:0 -270px}
.save_coupon_box.cp:after {margin-left:-77px;width:155px;height:130px;background-position:-150px -270px}
.save_coupon_box.cp .tit {color:#333333; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.save_coupon_box.cp .sale {font-size:18px}
.save_coupon_box.cp .sale span {font-size:32px;line-height:1;margin-top:5px}
.message_img {position:relative}
.message_img .save_coupon_box {width:150px;margin-bottom:10px;vertical-align:top}
.message_img .save_coupon_box.sm:after,
.message_img .save_coupon_box.cp:after {z-index:-1}
.message_img .save_coupon_box.img {width:175px;margin-bottom:30px}
.message_img .save_coupon_box.img .small_txt {color:#333333}

/* 평점 */
div.rateit {position:relative;top:-3px;display:inline-block;-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("https://cdn.hddfs.com/front/images/KO/common/star_white.png") 0px 0px;height:12px;display:inline-block;position:relative}
* html div.rateit {display:inline}
* html div.rateit div.rateit-range {display:inline}
* + html div.rateit {display:inline}
* + html div.rateit div.rateit-range {display:inline}
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("https://cdn.hddfs.com/front/images/KO/common/star_on.png") 0 0}

/* 404에러 (page error) */
.error_box {width:620px;margin:110px auto;padding:0;text-align: center}
.error_con {margin-top:30px;border-top:1px solid /*#c51315*/#333333;border-bottom:1px solid #333333}
.error_box .big_txt {margin-top:143px;font-size:40px;letter-spacing:-.1em;color:#333333;text-align:center;line-height:48px}
.error_con.server .big_txt {margin-top:84px}
.error_box .small_txt {margin-top:9px;font-size:14px;line-height:24px;text-align:center}
.costumer_center_info {position:relative;margin:130px 0 37px 0}
.costumer_center_info:after {content:'';display:block;clear:both}
.costumer_center_info:before {content:'';display:block;clear:both;position:absolute; top:6px;left:50%;width:1px;height:10px;background-color:#d9d9d9}
.costumer_center_info dl {display:inline-block;float:left;width:50%;padding:0 22px;font-size:14px}
.costumer_center_info dl:after {content:'';display:block;clear:both}
.costumer_center_info dl dt {float:left;margin-right:15px}
.costumer_center_info dl dd span {color:#333333}

/* 500에러 (service error)*/
.check_info {display:block;margin-top:62px;margin-left:130px;font-size:16px;line-height:27px}
.check_info dl:after {content:'';display:block;clear:both}
.check_info dt {position:relative;float:left;margin:0 25px}
.check_info dt.ico_comb.check_day:before {position:absolute;top:5px;left:-25px;width:18px;height:18px;background-position:-750px -330px}
.check_info dt.ico_comb.check_service:before {position:absolute;top:5px;left:-25px;width:18px;height:18px;background-position:-770px -330px}
.check_info dd {color:#333333;text-align:left}
.error_con.server .costumer_center_info {margin-top:125px}
.error_con.server .basic_btn_box ~ .costumer_center_info {margin-top:55px}

/* 로그인 필요 서비스 */
.login_need {margin:0 auto}
.login_need .big_txt {margin-top:0;padding-top:85px}
.login_need .big_txt i {display:block;margin:0 auto 35px auto}
.login_need .small_txt {margin-top:12px;font-size:18px}
.login_need button {margin-top:50px}
.login_need .ineed {
    width: 63px;
    height: 71px;
    background-position: -830px -330px;
}


/* 약관 */
.terms_area .top_txt,
.terms_area .terms_txt {line-height:20px}
.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:20px}
.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:16px;color:#333333}
.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:20px}
.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:20px}
.terms_area .int3 > li {padding-left:12px;text-indent:-12px;line-height:20px}
.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:13px}
.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:20px}
.terms_area .star_style {margin-top:5px;margin-left:5px;font-size:13px}
.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}

/* silde */
/** RESET AND LAYOUT*/
.bx-wrapper {position:relative;margin:0 auto;padding:0;*zoom:1}
.bx-wrapper img {max-width:100%;display:block}

/** THEME*/
.bx-wrapper .bx-viewport {-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}
.bx-wrapper .bx-viewport > ul {margin:0px; padding:0px}

/* PAGER */
.bx-wrapper .bx-pager {text-align:center;color:#ccc;position:absolute;bottom:-20px;left:0;width:100%;line-height:0}
.bx-wrapper .bx-pager em {color:#ffffff}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block;*zoom:1;*display:inline}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a {position:absolute;top:50%;z-index:10;outline:0;font-size:0;line-height:0;background-image:url('https://cdn.hddfs.com/front/images/KO/common/ico_main.png');background-repeat:no-repeat}
.bx-wrapper .bx-controls-direction a.disabled {display:none}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align:center}
.bx-wrapper .bx-controls-auto a {display:block;text-indent:-9999px;outline:0;background-image:url('https://cdn.hddfs.com/front/images/KO/common/ico_main.png');background-repeat:no-repeat}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:left;float:left}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {float:left}

/*temp*/
.temp {height:210px;background-color:#e6e6e6;line-height:210px;text-align:center;font-size:20px;color:#000}

/*customer Scroll*/
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{position: relative;overflow: hidden;height: 100%;max-width: 100%;outline: none;direction: ltr;}
.mCSB_container{overflow: hidden;width: auto;height: auto;}
.mCustomScrollbar.inner_term{width:100%;min-height:280px;}
/*VERTICAL SCROLLBAR */
.mCSB_inside > .mCSB_container {margin-right:0;}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-right: 0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {margin-right: 0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-left: 0;}
.mCSB_scrollTools {position:absolute; width: 16px; height: auto; left: auto; top: 4px; right: 0; bottom: 4px;}
.mCSB_outside + .mCSB_scrollTools {right: -26px;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {right: auto;left: 0;}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {left: -26px;}
.mCSB_scrollTools .mCSB_draggerContainer {position: absolute;top: 0; left: 0; bottom: 0; right: 0; height: auto;}
.mCSB_scrollTools a + .mCSB_draggerContainer {margin: 20px 0;}
.mCSB_scrollTools .mCSB_draggerRail {width:4px; height: 100%;margin: 0 auto;-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCSB_scrollTools .mCSB_dragger {cursor: pointer;width: 100%;height: 30px; z-index: 1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {position: relative;width:6px;height: 100%;margin: 0 auto;-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {width: 12px;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {width: 8px;}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {display: block;position: absolute;height: 20px;width: 100%;overflow: hidden;margin: 0 auto;cursor: pointer;}
.mCSB_scrollTools .mCSB_buttonDown {bottom: 0;}

/* TRANSITIONS */
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
                margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
                margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
                opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
                margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
                margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
                opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
                margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
                margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
                opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s,
                margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
                margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
                opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{background-color: #000; background-color: rgba(0,0,0,0.1);filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)";}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000; background-color: rgba(0,0,0,0.25);filter: "alpha(opacity=25)"; -ms-filter: "alpha(opacity=25)";}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #000; background-color: rgba(0,0,0,0.2);filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.25);filter: "alpha(opacity=25)"; -ms-filter: "alpha(opacity=25)";
}

/*grand open*//*180913 lsy*/
.bg_grandopen {background-color:#100200;}
.grand_open {position: relative; width:1080px; margin: 0 auto;}
.grand_open img {width:100%; position: relative; margin:100px 0 0 0;}

/*리사이징*/
.resize{overflow:hidden;padding:0 10px;margin:0 0 0 40px; display:block; line-height:1;font-size: 79px;}
.resize.lg{float:left;width:300px;height:100px;line-height:100px;color:#c51315;}
.resize span{color:#666;font-size:70%;}
.resize.md {width:140px;position: relative;margin:85px auto 27px; padding:0 1px;line-height:47px;height:47px; font-size: 32px; color: #333;}
.resize.md span{font-size:70%;color:#000;}
.resize.e_save{width:280px;margin:0; color:#000; padding:0 10px 0 0;height: 65px;line-height: 65px;}
.resize.e_save.decrease{font-size:61px;}
.resize.e_save span{color:#000;}
.resize.reserves {width:210px;padding:0 10px 0 0;margin:10px auto 0; height:60px; line-height:60px;color:#333;}
.resize.win {width:110px;padding:0 5px;margin:8px auto 0; height:31px;/*margin:10px auto 0; height:25px;*/ line-height:25px;color:#333;}/*2019-03-08 여백수정 phj*/
.resize.win.sales span{display:inline-block;font-size:auto;}
.resize.king{width:140px;position: relative; margin:85px auto 42px;padding:0 1px;line-height:47px; height:47px; font-size: 36px; color: #333333;}
.resize.king.dim {opacity:0.5;}
.save_down.weekly {position: absolute !important; bottom: 39px; width: 150px; text-align: center; left: 50%; margin-left:-75px;}
.resize.save {position:absolute;top:45px;left:290px; width:400px; height:80px;line-height:80px;color:#c51315;}
.resize.save span{color:#333;}

/*회원가입 헤더*/
.join_launching {position:relative;width:100%;text-align:center}
.join_launching img {vertical-align:bottom}

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

/*인도장 이미지 리사이징 해제*/
.indorsement_map {text-align:center;}
.indorsement_box .indorsement_map img {width:auto !important; height:auto !important;}
.airport_img {text-align:center;}
.airport_img img {width:auto !important; height:auto !important;}
.airport_map_img {text-align:center;}
.airport_map_img img {width:auto !important; height:auto !important;}
.airport_map_img.type2  {text-align:center;}
.airport_map_img.type2 img {width:auto; height:auto;}

/* 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 .ev_btn,.evt_banner .ev_btn {position:absolute; display:block; background:url(about:blank)}

/*2018-12-07 align*/
.v_top {vertical-align: top !important}
.v_middle {vertical-align: middle !important}
.v_bottom {vertical-align: bottom !important}

/*2018-12-07 휴대폰 인증*/
.w_s5 {width:28%}
.tb_write01 .rgap06 {margin-right:0}
.tb_write01 .rgap07 {margin-right:2px}
.check_tel {margin-top:10px;}
.check_tel .phone_num{margin:0 3px;}
.check_tel .send {width:103px;}
.phone_num_check {padding-right:0 !important;}

/* 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:700;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;width:330px;height:170px;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url('https://cdn.hddfs.com/front/images/KO/common/stamps.png');background-repeat:no-repeat;background-size:auto 170px}
.ev_btn.stamp.sold-out-m:after{width:260px;height:134px;background-position:-330px 0}
.ev_btn.stamp.sold-out-s:after{width:160px;height:82px;background-position:-590px 0}
.stamp.sold-out-l-blue:after {background-image:url('https://cdn.hddfs.com/front/images/KO/common/stamps_blue.png');}
.stamp.sold-out-m-blue:after {background-image:url('https://cdn.hddfs.com/front/images/KO/common/stamps_blue.png');
width: 260px; height: 134px; background-position: -330px 0;}
.stamp.sold-out-s-blue:after {background-image:url('https://cdn.hddfs.com/front/images/KO/common/stamps_blue.png'); width: 160px; height: 82px; background-position: -590px 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-20 휴대폰 인증*/
.time_code {position:relative;}
.time_code .time {position:absolute; top:50%; right:20px; margin-top:-9.5px;color:#ff5959;}
.time_code input {padding-right:70px;}

.time_code2 {position:relative;display:inline-block;}
.time_code2 .time {position:absolute; top:50%; right:20px; margin-top:-9.5px;color:#ff5959;}
.time_code2 input {padding-right:70px; margin-right:3px;}

.time_code3 {position:relative;display:inline-block;}
.time_code3 .time {position:absolute; top:50%; right:8px; margin-top:-9.5px;color:#ff5959;}
.time_code3 input {padding-right:40px;}

/* 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;}

.txt_tag_area.h_tag ul {padding:0 19px 70px 19px;text-align:center;margin-top:60px;}
.txt_tag_area.h_tag ul li {display:inline-block;padding:0 4px;margin-bottom:10px;}
.txt_tag_area.h_tag ul li a {display:block;height:44px;line-height:44px;padding:0 15px;overflow:hidden;font-size:14px;color:#fff;background-color:#1b1e23;border-radius:22px;white-space:nowrap;}
.txt_tag_area.h_tag ul li a span {padding-left:2px;}

/*2019-01-24 이벤트 메인로고*/
.ico_com.logo_event1 {width:230px;height:69px; background:url('https://cdn.hddfs.com/front/images/KO/common/logo_event1.gif') no-repeat;padding: 22px 0 12px;
 margin: -22px 0 -12px; background-size:auto 69px;}

 /*2019-01-25 :비회원 주문서 내 SMS 점유인증 수정*/
 .phone_align {vertical-align:top;}
 .phone_align input[type="text"] {margin-top:-4px !important;}

 /*2019-01-31 주문관련 페이지 내 면세구매한도 영역 추가*/
.tb_list.type3 tbody tr td.last_total .dot_list.am2 {position:absolute;bottom:80px;left:20px;right:20px}
.tb_list.type3 table.at_box tbody tr td {padding-bottom:200px;}
.tb_list.type3 .amount.am1 {position:absolute;bottom:60px;}
.tb_list.type3 .amount03 {position:absolute;bottom:25px;left:20px;right:20px;text-align:left;font-size:13px;color:#666;}
.tb_list.type3 .amount03 .won {position:relative;top:-18px;display:block;font-size:13px;color:#666; float:right; font-weight:normal;}

/*2019-03-11 event brand list*/
.evt_brand_shop .evt_tit{margin-top: 40px; padding-bottom: 15px; font-size: 22px; color: #c51315; text-align: center; border-bottom: 1px solid #c51315; letter-spacing: -1px;}
.evt_brand_shop .evt_brand_list {overflow:hidden;}
.evt_brand_shop .evt_brand_list ul {}
.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:16.666%; height:52px; margin-top:10px; padding-left:10px; box-sizing:border-box;}
.evt_brand_shop .evt_brand_list ul {margin-left:-10px;}
.evt_brand_shop .evt_brand_list ul li a {display:table-cell;vertical-align: middle;color:#4d4d4d; border:1px solid #dbdbdb; height:52px;}

/*2019-04-11 국문 회원 등급별 혜택 수정*/
.alliance {display:block; /*padding-top:5px;*/}
.ico_comb2:before {content:''; background:url('https://cdn.hddfs.com/front/images/KO/common/ico_coupon.png') no-repeat; display:block; margin:0 auto 5px; width:84px; height:42px; overflow:hidden;}
.ico_comb2.online_point06:before {background-position:0 0; }/*Hmall 쿠폰*/
.ico_comb2.online_point07:before {background-position:0 -47px; margin-top:30px;}/*한섬 쿠폰*/
.ico_comb2.online_point08:before {background-position:0 -94px; margin-top:30px;}/*인터파크 쿠폰*/
.ico_comb2.online_point09:before {background-position:0 -141px; margin-top:30px;}/*더현대닷컴 쿠폰*/

.ico_comb[class*=discount_coupon]:before {width:106px; height:59px; background-position-x:-705px; margin:14px auto 15px !important;}
.ico_comb.discount_coupon05:before {background-position-y:-484px} /* 회원등급안내(할인쿠폰 12%) */
.ico_comb.discount_coupon04:before {background-position-y:-553px} /* 회원등급안내(할인쿠폰 10%) */
.ico_comb.discount_coupon03:before {background-position-y:-622px} /* 회원등급안내(할인쿠폰 8%) */
.ico_comb.discount_coupon02:before {background-position-y:-691px} /* 회원등급안내(할인쿠폰 6%) */

/*2019-08-22 결제 수단 태그 추가*/
.tb_write01.type2 td .form_item.payment .btn_basic4.xsmall {position:relative; margin:13px 0 0 7px; min-width:204px; height:44px; line-height:44px; border-radius:22px;}
.tb_write01.type2 td .form_item.payment .btn_basic4.xsmall i {position:absolute; left:7px; top:50%; width:52px; height:20px; margin-top:-10px; background:url('https://cdn.hddfs.com/front/images/KO/common/tag_payment.png') no-repeat; text-indent:-9999px; overflow:hidden;}
.tb_write01.type2 td .form_item.payment .btn_basic4.xsmall i.ico_pay_2 {background-position:0 0;}/*NEW*/
.tb_write01.type2 td .form_item.payment .btn_basic4.xsmall i.ico_pay_2 {background-position:0 -30px;}/*EVENT*/
.tb_write01.type2 td .form_item.payment .btn_basic4.xsmall i.ico_pay_3 {background-position:0 -60px;}/*이벤트*/
.tb_write01.type2 td .form_item.payment .btn_basic4.xsmall i.ico_pay_4 {background-position:0 -90px;}/*즉시할인*/
.tb_write01.type2 td .form_item.payment .btn_basic4.xsmall i.ico_pay_5 {background-position:0 -120px;}/*혜택*/

/* 2019-10-11 pub09 EVENT - Thanks for 1year */
.hddfs-first-anniv{position:absolute;z-index:19;top:320px;right:80px;text-align:center}
.right_wing.nav_sticky ~ .hddfs-first-anniv{position:fixed;top:148px}
.hddfs-tf1-wrap{width:100%;position:relative}
.hddfs-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)}
.hddfs-tf1-close::before,.hddfs-tf1-close::after{position:absolute;top:6px;left:12px;content:' ';height:13px;width:1px;background-color:#333}
.hddfs-tf1-close:hover::before,.hddfs-tf1-close:hover::after{background-color:#f33}
.hddfs-tf1-close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.hddfs-tf1-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.hddfs-tf1-close.big{top:20px;right:20px;width:28px;height:28px}
.hddfs-tf1-close.big::before,.hddfs-tf1-close.big::after{top:0;left:14px;width:1px;height:28px}
.hddfs-tf1-tclose{margin:0 auto}
.hddfs-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}
.hddfs-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:22px;text-align:center;line-height:28px}
#eventResultHead small{font-size:22px}
#eventResultHead strong{color:#e7430f;font-weight:inherit}
#eventResultDesc{font-size:18px;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:20px;right:20px;display:block;width:28px;height:28px;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:14px;content:' ';height:29px;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:480px;height:540px;background-color:#ffe1e6;background-image:url(https://cdn.hddfs.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)}

/*2019-10-25 : pub02 : 상품상세 타이틀 영역 수정*/
.product_name_box .product_name span {padding-right:166px;}

/*2019-11-06 : pub10 : 결제완료 혜택 팝업 */
#pay_benefit {height:320px !important}
#pay_benefit .layer_popup {padding:0;}
#pay_benefit a img {vertical-align:top; height:320px;font-size:0;}
#pay_benefit .ui-dialog-titlebar-close {top:0px; right:0px; width:50px; height:50px;}
#pay_benefit .ui-dialog-titlebar-close:active {background:none;}

/*2019-11-25 : pub10 : 마이현대 이벤트 당첨 리스트*/
.mCustomScrollbar.pop_prize_list {width:100%; height:320px;}
.pop_prize_list .layer_style2_box {padding:5px 20px 5px 0}
.tb_list tbody td.orange .btn_prize {color:#c51315; border-bottom:1px solid #c51315;}
.tb_list tbody td.orange .btn_prize:hover {color:#c51315; text-decoration:none;}
.pop_prize_list .result.no {color:#999999}
.pop_prize_list .result.yes {color:#c51315}

/*2019-11-29 : pub03 : 회원등급안내 쿠폰 영역 수정*/
.ico_comb2.online_point10:before {background-position:0 -188px; margin-top:30px;}/*와이파이 쿠폰*/

/*2019-12-10: pub10  동대문점 관련 추가 css*/
.tb_write01.type2 .brand_phone {display:inline-block; margin:8px 0 0 10px;}
.pr_import {display:block;height:28px;}
.pr_import em {position:relative; display:inline-block; font-size:12px; color:#333; border:1px solid #ccc; padding:2px 5px 2px 20px;}
.pr_import em:before {content:""; position:absolute; left:5px; top:50%; background:url('https://cdn.hddfs.com/front/images/KO/common/ico_import.png') no-repeat; display:inline-block; width:12px; height:12px; background-size:12px 12px; -webkit-transform:translateY(-50%);transform:translateY(-50%);}
/* Product List*/
.product_card_box.tit_type2 .product_card > ul > li {height:449px;}
.prd_slide_wrap .product_card .bx-viewport > ul > li dl {height: 449px;}
.product_card_box.tit_type2 .product_card .product_type .box_import {display:block; height:28px;}

/* Product Detail : 2020-02-18: pub16 병행수입 문구 추가 */
.product_detail_box .pro_img #wrap {
    width: initial;
    min-width: initial;
}
.product_detail_box .pro_img .pr_import {text-align:center; margin-top:20px;}
.product_detail_box .pro_img .pr_import em {border:none; color:#333; font-size:14px; padding-left:28px;}
.product_detail_box .pro_img .pr_import em:before {width:16px; height:16px; background-size:16px 16px;}
.pro_detail_area .tab_view_box .box_import {padding: 0 80px; border-bottom:1px solid #e6e6e6; padding-bottom:15px; font-size:14px;}
.pro_detail_area .tab_view_box .box_import .pr_import {margin-bottom:20px; text-align:center;}
.pro_detail_area .tab_view_box .box_import .pr_import em {border:none; color:#333; font-size:16px; padding-left:25px; color:#333;}
.pro_detail_area .tab_view_box .box_import .pr_import em:before {width:13px; height:13px; background-size:13px 13px;}
.pro_info{text-align: left; color: #666;}
.pro_info li p{margin-top: 5px;}
.pro_info > li > p:first-child{font-size:15px; color: #333333;}
.pro_info dl{margin-top: 5px; padding-left: 10px;}
.pro_info dt{text-indent: -10px;}
.pro_info dd+dd{margin-top: 10px;}
.pro_info dl+dl{margin-top: 15px;}
.pro_info .dot_list{margin-top: 5px;}

/*2020-01-10: pub17 : [이면세] 신규점 출점 관련 병행수입 아이콘 추가 css*/
.product_card.product_card_type1.brand > ul > li {height:406px;}
.prd_slide_wrap .product_card.product_card_type1 .bx-viewport > ul > li {height:406px; padding:20px 0 0;}
.product_card.brand .product_type .box_import {display:block; height:28px;}
.template_box + .product_card_box .product_card > ul > li{height: 413px;}

/* 2020-02-06 pub13 footer link popup */
#seller_information {}
#seller_information strong {position:relative; display:block; padding:0 0 0 5px; color:#666; font-size:15px;}
#seller_information strong:before {content:''; position:absolute; left:0; top:10px; display:block; width:2px; height:2px; background:#666;}
#seller_information dl {padding-left:6px; margin-top:2px; color:#999; font-size:15px;}
#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;}

/* S : 2020-02-24 KT */
.mcd_point {display: block;margin:5px 0 0 0;}
.mcd_point span{vertical-align: initial;}
.mcd_pointbx{position: relative; display: inline-block;}
.mcd_pointbx:first-of-type{margin-right: 40px;}
.mcd_pointbx:first-of-type:before{content: ""; position: absolute; right: -22px; display:block; width: 1px; height: 34px; background: #d9d9d9;}
.mcd_pointbx input{padding: 0 25px;text-align: right; color:#000;}
.mcd_pointbx:after{content: "P"; position: absolute; right: 10px; top: 8px;color: #666;}
.mcd_pointbx+.mcd_pointbx:after{content:"원";}
.mcd_pointbx span{position: absolute; width: 60px; left: 10px; top:8px; z-index: 0; color: #666;}
#mcd_select {display:block!important; position:absolute; left:0; top:10px; opacity:0;}



/* 20200121 best list 높이 조정 */
.product_card.number > ul > li{height: 440px;}
.product_card > ul > li {height: 449px;}

/* 2020-03-27 맥브랜드관 */
.mac-ui-select .ui-selectmenu-button.ui-button {position:relative; width:130px; padding-right:0; border:1px solid #aaa; border-radius:0; background-color:#fdfdfd; overflow:hidden; vertical-align:top;}
.mac-ui-select .ui-selectmenu-icon {position:relative;}
.mac-ui-select .ui-selectmenu-text {font-size:13px; color:#000; margin-right:18px;}
.mac-ui-select .ui-selectmenu-text:after {content:'▾'; display:inline-block; color:#aaa;position:absolute;top:0;right:-100px;bottom:0;left:0;margin:auto;width:0;height:0;border:4px solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent;}
.mac-ui-select .ui-selectmenu-text:hover:after {color:#aaa}
.mac-ui-select .ui-button .ui-icon {background:none;}
.mac-ui-select .ui-widget.ui-widget-content {border-color:#aaa}

/* 2020-08-19 신규가입 등급UP 추가 */
.expiration_day span.level_up, .expiration_day.en span.level_up{margin-right: 0; position: relative;}
.level_up .btn_basic2.small{min-width: 56px; height: 26px; line-height: 25px; margin: 0 0 0 5px; padding: 0 9px; border: none; font-size: 12px; vertical-align: middle;}
.layer_levelup{display: none; width: 250px; min-height: 150px; padding: 15px; position: absolute; right: 5px; top: 35px; z-index: 4; border: 1px solid #333333; background: white; text-align: center;}
.level_up.round .layer_levelup{right: -3px;}
.layer_levelup:before{content:''; display: block; width: 8px; height: 8px; border: 1px solid #333333; border-width: 1px 1px 0 0; background: white; position: absolute; right: 23px; top: -5px; transform: rotate(-45deg);}
.layer_levelup p{font-size: 12px; text-align: left; word-break: keep-all; word-spacing: -1px; letter-spacing: -1px;}
.layer_levelup p strong{font-weight: normal; color: #c51315;}
.layer_levelup .btn_basic1{margin-top: 10px; padding: 0 10px;}
.layer_levelup .layer_close{display: inline-block; position: absolute; right: 0; top: 0; width: 30px; height: 30px; margin: 0; padding: 10px; cursor: pointer;}
.layer_levelup .layer_close span{overflow: hidden; display: inline-block; width: 11px; height: 11px; margin: 0; background-image: url(https://cdn.hddfs.com/front/images/KO/common/ico_common.png); background-position: -204px -4px; vertical-align: top; text-indent: -9999px;}
.expiration_day.en span{margin-right: 15px;}
.expiration_day.en .layer_levelup{top:50px; right:0;}


/********************
 2020-09 메인개선
****************************************************************************************************/

/* header */
.ico_com.l01 {width: 167px;height: 46px;background-position: -296px -1000px;}
.ico_com.btn_sh, .ico_coma.btn_sh:after, .ico_comb.btn_sh:before {width: 24px; height: 24px; background-position: -582px -1000px;}
.stiky_yes h2 .ico_com.l01 {width: 142px; height: 38px; background-position: -710px -1000px}

/* main : 베스트 상품 */
.template03.product_card > ul > li:first-child .product_type {width:290px; margin:0 auto; padding:290px 0 0 0;}
.template03.product_card > ul > li:first-child .product_type dd img{width: 290px; height: 290px;}
.template03.product_card > ul > li:first-child .product_type dt .tit{text-overflow: ellipsis; white-space: nowrap;}

/* rightwing */
.ico_coma.r00:after {background-position:0 -1059px} /* 환율 */
.ico_coma.r01:after {background-position:-34px -1056px} /* 주문가능시간 */
.ico_coma.r02:after {background-position:-68px -1059px} /* 유의사항 */
.ico_coma.r03:after {background-position:-116px -1054px} /* 적립금 */
.ico_coma.r04:after {background-position:3px -1093px} /* 쿠폰 */
.ico_coma.r05:after {background-position:-36px -1095px} /* 장바구니 */
.ico_coma.r06:after {background-position:-79px -1096px} /* 최근본상품 */
.active .ico_coma.r00:after {background-position:0 -1059px} /* 환율 */
.active .ico_coma.r01:after {background-position:-34px -1056px} /* 주문가능시간 */
.active .ico_coma.r02:after {background-position:-68px -1059px} /* 유의사항 */
.active .ico_coma.r03:after {background-position:-116px -1054px} /* 적립금 */
.active .ico_coma.r04:after {background-position:3px -1093px} /* 쿠폰 */
.active .ico_coma.r05:after {background-position:-36px -1095px} /* 장바구니 */
.active .ico_coma.r06:after {background-position:-79px -1096px} /* 최근본상품 */

/****************************************************************************************************/

/* 2020-12-08 구매가능수량 및 구매가능금액 한도 수정 */
.aticle_box.type3 .price .small_area {display:block}
.product_detail_box.img_type .pro_info_box .aticle_box dl.price .small_area {display:block !important}
.p_small .p_stit .special_txt i {margin-right:5px;}
.tbl_cart_list .spinner_box input[type="text"]{width:110px}
.tbl_cart_list .order_count .small {width:110px}
.tbl_cart_list .p_info .p_price .won_character {display:block;font-size:12px;font-family:'NotoSans';color:#000;}
.ui-selectmenu-button.ui-button {text-align:left;white-space:nowrap;height:34px;line-height:32px;width:13em;}


/* 2020-09-01 : pub11 면세점 간편회원 회원가입 본인인증 프로세스 변경 : 이메일인증 step02 */
.p_warning_list {position:relative;padding-left:22px;font-size:14px;color:#222;}
.p_warning_list:before {content:'';position:absolute;top:0px;left:0;width:19px;height:19px;background-image: url('https://cdn.hddfs.com/front/images/KO/common/ico_member.png');background-repeat: no-repeat;background-position: -90px -358px;}

.join_wrap.withdrawal {margin-bottom:150px;}

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

/* 2020-12-15 타임세일 추가 */
.saleList .go_buy{display:none;text-align:center;line-height:1;text-decoration:underline;font-size:12px;color:#666;}

/* 2020-12-24 주문서 H.Point 충전하기 추가 */
.mgr10{margin-right:10px!important;}

/* 2021-04-01 개인정보 유효기간 변경 */
.expiration_info{padding: 0 20px 20px;font-size:16px;color:#333;}
.box_exdate+.expiration_info{padding: 10px 0 0;}
.en .expiration_info{font-size: 14px;}


/* ================================================================================================================================================ */
/* common */
button {border:0; background:transparent; vertical-align:middle; cursor:pointer}
button.btn_sch, a.btn_sch {display:inline-block; width:31px; height:31px; border:1px solid #dde0e5; background:#f4f5f6 url('https://cdn.hddfs.com/front/images/KO/common/btn_sch.png') no-repeat center center; background-size:12px 12px; text-indent:-1000px; overflow:hidden}
/* button.btn_play, a.btn_play, em.btn_play {display:inline-block; width:24px; height:24px; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_play.png') no-repeat center center; text-indent:-1000px; overflow:hidden} */
button.btn_play, a.btn_play, em.btn_play {display: block; width: 24px; height: 24px; position: absolute; top: 20px; right: 20px; background: url(https://cdn.hddfs.com/front/images/KO/common/icon_controller.png) -115px 8px no-repeat rgba(0,0,0,.1); text-indent: -9999px; border-radius: 50px; overflow: hidden;}
button.ic_x, a.ic_x {width:18px; height:18px; background:url('https://cdn.hddfs.com/front/images/KO/common/ic_del.png') no-repeat center center; position:relative; vertical-align:middle; text-indent:-1000px; overflow:hidden}
button.bt_del, a.bt_del {width:16px; height:16px; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_round_del.png') no-repeat center center; position:relative; vertical-align:top; text-indent:-1000px; overflow:hidden}
button.bt_del2, a.bt_del2 {width:16px; height:16px; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_round_del2.png') no-repeat center center; position:relative; vertical-align:middlea; text-indent:-1000px; overflow:hidden}
button.bigbtn_type1, a.bigbtn_type1 {min-width:200px; height:60px; line-height:58px; background:#1b1e23; font-size:16px; color:#fff}

/* button Type */
button[class*="btn"], a[class*="btn"] {display:inline-block; text-align:center; vertical-align:middle}
button[class*="btnde_type"], a[class*="btnde_type"] {background:#fff; border:1px solid #1b1e23; letter-spacing:-0.6px; color:#1b1e23 !important}
button.large, a.large {min-width:120px; height:48px; line-height:46px; font-size:16px}
button.mid, a.mid {height:40px; padding:0 15px; line-height:38px; font-size: 14px;} /* 2021-06-10 : 폰트 사이즈 추가 */
button.small, a.small {height:36px; line-height:34px; font-size:14px; padding:0 11px}
button.btnde_type14, a.btnde_type14 {font-size:14px;}
button.btnde_type12, a.btnde_type12 {font-size:12px !important;} /* 2021-06-23 수정 : 폰트 12px 강제 */
button.btnde_type_more, a.btnde_type_more {width:120px; font-size:14px;}
button.btnde_type_more:after,
a.btnde_type_more:after {content:''; display:inline-block; width:14px; height:14px; margin-left:5px; background:url('https://cdn.hddfs.com/front/images/KO/common/arr_down_b.png') no-repeat 0 0; background-size:14px 14px; vertical-align:middle; position: relative; top:-3px;}
button.btnde_type_more.on:after,
a.btnde_type_more.on:after {-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform:rotate(-180deg)}
button[class*="btnxl_type"], a[class*="btnxl_type"] {min-width:200px; height:60px; line-height:58px; background:#1b1e23; font-size:16px; font-weight:600; color:#fff !important}
button.btnxl_type2, a.btnxl_type2 {width:170px; min-width:auto;}
button[class*="btnxl_type"]:disabled, a[class*="btnxl_type"].disabled,
button[class*="btnde_type"]:disabled, a[class*="btnde_type"].disabled {background:#ccd1d8 !important;; border:0; color:#abb2be !important; opacity:1;cursor: default !important}
button[class*="btnc_type"], a[class*="btnc_type"] {min-width:auto; height:35px; line-height:33px; padding:1px 12px; border:1px solid #abb2be; background-color:#fff;} /* 2021-06-11 : 보더 색상 수정 */
button[class*="btnc_type"].large, a[class*="btnc_type"].large {min-width:auto;  height:48px;}
button[class*="btnc_type"]:disabled, a[class*="btnc_type"].disabled {opacity:0.6}
button[class*="btnc_type_s"], a[class*="btnc_type_s"] {font-size:12px;}
button[class*="btnic_type"], a[class*="btnic_type"] { height:48px; line-height:48px; padding:0 40px; background:#1b1e23; border-radius:50px; border:0; font-weight:600; color:#fff !important}
button[class*="btnic_type"]:disabled, a[class*="btnic_type"].disabled {background:#ccd1d8; border:0; color:#abb2be !important; opacity:1}
button[class*="btnic_type"]:disabled i.down, a[class*="btnic_type"].disabled i.down {background:url('https://cdn.hddfs.com/front/images/KO/common/btn_down_g.png') no-repeat center center; opacity:1}
button[class*="btnico_type"], a[class*="btnico_type"] {height:35px; line-height:33px; padding:1px 12px; border:1px solid #dde0e5}
button[class*="btnlink_type"], a[class*="btnlink_type"] {width:260px; height:60px; line-height:58px; padding:0 30px; border:1px solid #1b1e23; border-radius:50px; font-size:16px; font-weight:600; text-align:left; color:#1b1e23 !important; position:relative}
button[class*="btnlink_type"]:after, a[class*="btnlink_type"]:after {content:''; width:16px; height:16px; background:url('https://cdn.hddfs.com/front/images/KO/common/arr_down_b.png') no-repeat center center; position:absolute; top:calc(50% - 8px); right:30px; -ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform:rotate(-90deg)}
button.btn_txt, a.btn_txt {line-height:10px; font-size:13px; color:#1b1e23 !important} /* 컬러 색상 변경 */
button.btn_txt:after, a.btn_txt:after {content:''; display:inline-block; width:100%; height:1px; background-color:#1b1e23;position:relative; top:-2px;}
.btn_txt + .btn_txt {margin-left:20px}
.btn_inner1 {height:34px; line-height:34px; padding:0 18px; background-color:#fff; border-radius:50px; font-size:12px; color:#1b1e23}
/* 2021-06-10 : 폰트 사이즈 추가 */
button[class*="btn"].bg_red, a[class*="btn"].bg_red {background-color:#ea2829; color:#fff !important;font-size: 14px;}
button[class*="btn"].bg_black, a[class*="btn"].bg_black {background-color:#1b1e23; color:#fff !important;font-size: 14px;}
button[class*="btn"].bg_cgrey, a[class*="btn"].bg_cgrey {background:#9aa3b1; border:0; color:#fff !important;font-size: 14px;}
/* //2021-06-10 : 폰트 사이즈 추가 */
/* 2021-06-28 상품 [장바구니/바로구매/재입고알림 등 버튼 폰트 사이즈 통일 */
.on_btn .btn_inner1 {font-size:12px !important;}
button.btnico {width:60px; min-width:0; padding:0; background-color:#fff;box-shadow:2px 2px 7px rgba(0, 0, 0, 0.1)}
button.btnico em {width:60px; height:60px; display:block; text-indent:-1000px; overflow:hidden}
button.btnico em.ico_sale {background: url('https://cdn.hddfs.com/front/images/KO/common/icon_app_sale.gif') no-repeat center center; background-size:contain}
button.btnico em.ico_cart {background: url('https://cdn.hddfs.com/front/images/KO/common/ic_cart.png') no-repeat center center}
button.shadow {box-shadow:1px 1px 10px rgba(0, 0, 0, 0.5)}
button.type2, a.type2 {background:#fff; border:1px solid #1b1e23; color:#1b1e23 !important}
/* btn_group */
.btn_area {text-align:center; margin-top:20px}
.btn_area a + a, .btn_area button + button  {margin-left:4px}
.btn_group {display:table; width:calc(100% + 8px); margin-left:-4px; table-layout:fixed; border-collapse:collapse;}
.btn_group li {display:table-cell; padding:0 4px; text-align:center;}
.btn_group li a {width:100%}
.btn_group li:first-child:nth-last-child(1) a{width:120px;margin-left:-4px;}

/* icon */
i.ico_d {display:inline-block; width:20px; height:20px; vertical-align:middle; position:relative; top:-2px}
i.ico_s {display:inline-block; width:16px; height:16px; vertical-align:middle; position:relative; top:-2px}
i.reset {background:url('https://cdn.hddfs.com/front/images/KO/common/btn_reset.png') no-repeat center center}
i.down {background:url('https://cdn.hddfs.com/front/images/KO/common/btn_down_w.png') no-repeat center center}
i.down_g {background:url('https://cdn.hddfs.com/front/images/KO/common/btn_down_g.png') no-repeat center center}
i.del {background:url('https://cdn.hddfs.com/front/images/KO/common/ic_delete.png') no-repeat center center}
button.btn_view {display:inline-block; width:18px; height:18px; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_view.png') no-repeat center center; text-indent:-1000px; overflow:hidden; transition:.4s}
button.btn_view.plus {transform:rotate(45deg); transition:.4s}

.mylv [class*=lv_on_up],
.mylv [class*=lv_off_up],
.mylv [class*=lv_bcos_up] {display:inline-block; width:48px; height:48px; background-repeat:no-repeat; background-size:48px 48px; background-position:0 0;}
.mylv .lv_on_up001 {background-image:url("https://cdn.hddfs.com/front/images/KO/coupon/lv_on_up001.png")}
.mylv .lv_on_up002 {background-image:url("https://cdn.hddfs.com/front/images/KO/coupon/lv_on_up002.png")}
.mylv .lv_on_up003 {background-image:url("https://cdn.hddfs.com/front/images/KO/coupon/lv_on_up003.png")}
.mylv .lv_on_up004 {background-image:url("https://cdn.hddfs.com/front/images/KO/coupon/lv_on_up004.png")}
.mylv .lv_on_up005 {background-image:url("https://cdn.hddfs.com/front/images/KO/coupon/lv_on_up005.png")}
.mylv .lv_off_up001 {background-image:url("https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up001.png")}
.mylv .lv_off_up002 {background-image:url("https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up002.png")}
.mylv .lv_off_up003 {background-image:url("https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up003.png")}
.mylv .lv_off_up004 {background-image:url("https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up004.png")}
.mylv .lv_off_up005 {background-image:url("https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up005.png")}
.mylv .lv_off_up011 {background-image:url("https://cdn.hddfs.com/front/images/KO/mypage/lv_off_up011.png")}
.mylv .lv_bcos_up000, .mylv .lv_bcos_up001 {background-image:url("https://cdn.hddfs.com/front/images/KO/coupon/lv_beaut_000.png")}
.mylv .lv_bcos_up002 {background-image:url("https://cdn.hddfs.com/front/images/KO/coupon/lv_beaut_001.png")}
.mylv .lv_bcos_up003 {background-image:url("https://cdn.hddfs.com/front/images/KO/coupon/lv_beaut_003.png")}
.mylv .lv_bcos_up004 {background-image:url("https://cdn.hddfs.com/front/images/KO/coupon/lv_beaut_004.png")}

/* icon button */
/* .btn_like {display:inline-block;width:24px;height:24px;background:url('https://cdn.hddfs.com/front/images/KO/common/btn_like_w.png') no-repeat 0 0;font-size:0;line-height:0}
.btn_like.on {background:url('https://cdn.hddfs.com/front/images/KO/common/btn_like_r.png') no-repeat 0 0} */
.btn_like {display:inline-block;width:24px;height:24px;background:url('https://cdn.hddfs.com/front/images/KO/common/btn_like_w.png') no-repeat 0 0;font-size:0;line-height:0}
.btn_like.on {background:url('https://cdn.hddfs.com/front/images/KO/common/btn_like_r.png') no-repeat 0 0}
.pd_share .btn_like {display:inline-block;width:70px;height:70px;background:url('https://cdn.hddfs.com/front/images/KO/common/btn_like_w.png') no-repeat 50%;font-size:0;line-height:0; margin-top:-22px; margin-right:-22px;}
.pd_share .btn_like.on {background:url('https://cdn.hddfs.com/front/images/KO/common/btn_like_r.png') no-repeat 50%}

.btn_pin {display:inline-block;width:18px;height:18px;background:url('https://cdn.hddfs.com/front/images/KO/common/btn_pin_off.png') center center no-repeat;font-size:0;line-height:0}
.btn_pin.on {background:url('https://cdn.hddfs.com/front/images/KO/common/btn_pin_on.png') center center no-repeat}
.btn_like30 {display:inline-block;width:30px;height:30px;background:url('https://cdn.hddfs.com/front/images/KO/common/btn_like30.png') no-repeat 0 0;font-size:0;line-height:0}
/* .btn_like30.on {background:url('https://cdn.hddfs.com/front/images/KO/common/btn_like30_on.png') no-repeat 0 0} */
.btn_bell30 {display:inline-block;width:30px;height:30px;background:url('https://cdn.hddfs.com/front/images/KO/common/btn_bell30.png') no-repeat 0 0;font-size:0;line-height:0}
.btn_bell30.on {background:url('https://cdn.hddfs.com/front/images/KO/common/btn_bell30_on.png') no-repeat 0 0}
.btn_del {display:inline-block;width:18px;height:18px;background:url('https://cdn.hddfs.com/front/images/KO/common/btn_x.png') center center no-repeat;font-size:0;line-height:0}

select {padding:0 30px 0 10px;border:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('https://cdn.hddfs.com/front/images/KO/common/bg_select.png') no-repeat 95% 50%}
select:focus {outline:none}
select::-ms-expand {display: none}
/* select:disabled {opacity:0.5} 2021-06-25 제거 */

input[type='text'],
input[type='password'],
input[type='file'],
input[type='number'] {padding:0 10px; border:1px solid #ccd1d8; font-family:'Noto Sans CJK KR', '본고딕', 'sans-serif', sans-serif;font-size: 14px;}
input[type='text']:focus,
input[type='password']:focus,
input[type='file']:focus,
input[type='number']:focus {border-color:#1b1e23; color:#1b1e23}
input[type='text']:disabled,
input[type='password']:disabled,
input[type='file']:disabled {background:#f9fafb; border-color:#dde0e5; color:#788497}
input[type='text']::placeholder,
input[type='password']::placeholder,
input[type='file']::placeholder,
input[type='number']::placeholder {color:#788497 !important;} /* 2021-06-09 : !important 지정 공통, 2021-07-13 : ccd1d8 → 788497 */
.input_de {display:inline-block; min-height:40px;}
.input_de input[type='text'],
.input_de input[type='password'],
.input_de input[type='file'],
.input_de input[type='number'] {width:100%; height:40px; line-height:38px; font-size:14px; font-family:'Noto Sans CJK KR', '본고딕', 'sans-s1erif', sans-serif}
.input_de.large input[type='text'],
.input_de.large input[type='password'],
.input_de.large input[type='file'],
.input_de.large input[type='number'] {height:48px; line-height:46px}
.input_de input[type='text']::placeholder,
.input_de input[type='password']::placeholder,
.input_de input[type='file']::placeholder,
.input_de input[type='number']::placeholder {color:#ccd1d8}
.input_in {display:inline-block}
.input_in input[type='text'] {height:31px; line-height:29px; padding:0 10px; border:1px solid #ccd1d8; font-size:13px; font-family:'Noto Sans CJK KR', '본고딕', 'sans-serif', sans-serif}
.input_de .chk {margin-top:8px}
.input_de select {width:100%; height:40px; line-height:40px; border:1px solid #ccd1d8; font-size:14px; font-family:'Noto Sans CJK KR', '본고딕', 'sans-serif', sans-serif; vertical-align:top;}
.input_group1 {display:inline-block}
.input_group1 > * {vertical-align:middle}
.input_group1 .input_w {display:inline-block; font-size:13px; position:relative}
.input_group1 .input_w em {position:absolute; top:7px; left:5px}
.input_group1 .input_w input {padding-left:20px; vertical-align:middle}
.input_group1.price .input_w {margin:0 8px;}
.input_group1.price .input_w input {width:98px; height:31px; line-height:29px; text-align:right; padding: 0 10px; border:solid 1px #ccd1d8}
.input_group1.search .input_w input {width:220px; height:31px; line-height:29px; padding: 0 10px; border:solid 1px #ccd1d8}
.input_de.hasbtn {position:relative; padding-right:88px}
.input_de.hasbtn button {width:84px; padding:0; position:absolute; right:0}
.input_de.hasemail {display:table}
.input_de.hasemail > * {display:table-cell; vertical-align:middle;}
.input_de.hasemail .cols_txt {padding:0 4px; text-align:center;}
.input_de + .input_de {margin-top:5px}
.txt_ps {margin-top:4px; font-size:12px; color:#abb2be}
.error input[type='text'],
.error input[type='password'],
.error input[type='file'],
.error input[type='number'],
.error select {border-color:#f4511e}
.txt_ps.error {color:#f4511e}
/* datepicker */
.input_de.datepicker_box {display:block}

/* checkbox1 */
.chk {display:inline-block; position:relative; vertical-align:middle}
/*
.chk input[type='checkbox'],
.chk input[type='radio'] {display:none}
*/
/* S: 2021-07-30 추가: IE input position */
.chk.nolabel input[type='checkbox'],
.chk.nolabel input[type='radio'] {position:absolute;}
/* E: 2021-07-30 추가: IE input position */

/* S: 2021-10-13 추가 */
.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}
/* E: 2021-10-13 추가 */

.chk input[type='checkbox'] + label,
.chk input[type='radio'] + label {display:inline-block; padding-right:10px; padding-left:28px; position:relative;}/* 2021-07-28 수정 : padding-left, position 추가 */
.chk input[type='checkbox'] + label::before,
.chk input[type='radio'] + label:before {content:''; display:inline-block; width:20px; height:20px; margin-right:10px; background:#fff; border:1px solid #dde0e5; font-size:0; line-height:0; vertical-align:top; position:absolute; top:0; left:0;}/* 2021-07-28 수정 : position:absolute */
.chk input[type='radio'] + label:before {border-radius:20px}
.chk input[type='checkbox']:disabled + label,
.chk input[type='radio']:disabled + label {color:#abb2be}
.chk input[type='checkbox']:disabled + label:before,
.chk input[type='radio']:disabled + label:before {background:#eef0f2; border-color:#dde0e5}
.chk input[type='checkbox']:checked:disabled + label:before,
.chk input[type='radio']:checked:disabled + label:before {opacity: 0.4}
.chk input[type='checkbox']:checked + label:before {background:#1b1e23 url('https://cdn.hddfs.com/front/images/KO/common/ic_ck1.png') no-repeat center center; border-color:#1b1e23}
.chk input[type='radio']:checked + label:before {background:url('https://cdn.hddfs.com/front/images/KO/common/ic_radio.png') no-repeat center center}
.chk.nolabel {font-size:0; line-height:0}
.chk.nolabel input + label {padding-right:0; font-size:0; line-height:0; height:20px;} /* 2021-07-28 수정 : nolabel 높이값 추가 20 */
.chk.nolabel input + label::before {margin-right:0}

/* S: 2023-08-21 plus chk*/
.chk.plus {font-size:0; line-height:0}
.chk.plus input + label {padding-right:0; font-size:0; line-height:0; height:26px;}
.chk.plus input + label::before {margin-right:0}
.chk.plus input[type='checkbox'] + label,
.chk.plus input[type='radio'] + label {display:inline-block; padding-left:26px; position:relative;}
.chk.plus input[type='checkbox'] + label::before,
.chk.plus input[type='radio'] + label:before {content:''; display:inline-block; width:26px; height:26px; border-radius:50%; background:url('https://cdn.hddfs.com/front/images/KO/common/ic_ck_plus.png') no-repeat center center #d6d6d6; background-size:12px auto; font-size:0; line-height:0; vertical-align:top; position:absolute; top:0; left:0;}
.chk.plus input[type='checkbox']:checked + label:before {background:url('https://cdn.hddfs.com/front/images/KO/common/ic_ck_check.png') no-repeat center center #000; background-size:14px auto;}
/* E: 2023-08-21 plus chk*/

hr {height:0;border:0; padding:0; margin:0}
.hr_dashed1 {border-bottom:1px dashed #eef0f2}
.hr_part {border-bottom:3px solid #1a1a1a}

/* 여백 */
.mt20 {margin-top:20px !important}
.mt40 {margin-top:40px !important}
.mt60 {margin-top:60px !important}

/* font */
.font_12 {font-size:12px}
.font_13 {font-size:13px}
.font_14 {font-size:14px}
.font_14b {font-size:14px; font-weight:600}
.c_dark {color:#1b1e23 !important;}
.c_gray {color:#abb2be !important;}
.c_red {color:#ea2829 !important;}

h2.page_tit {margin-bottom:30px; text-align:center; font-size:36px; font-weight:600}
h3.page_stit {margin:60px 0 30px; font-size:24px; font-weight:600}
.cont_stit {margin:60px 0 20px;}
.cont_stit:first-child {margin:40px 0 20px;}
.cont_stit h3 { font-size:20px; font-weight:600}

/* txt_type */
.txt01 {font-size:14px; color:#5c6677}

/* lilist_type01 */
.lilist_type01 li {margin-bottom:4px; padding-left:10px; font-size:13px; position:relative}
.lilist_type01 li:before {content:''; display:block; width:3px; height:3px; background:#1b1e23; position:absolute; top:8px; left:0}
.lilist_type01 li:last-child {margin-bottom:0}

.ul_tabletype {display:table; width:100%;}
.ul_tabletype li {display:table-cell; text-align:center;}
.ul_tabletype li:first-child {text-align:left;}
.ul_tabletype li:last-child {text-align:right;}

/* box_gray1 */
.por {position:relative;}
.poa_rbtn {position:absolute; right:0; top:50%; margin-top:-17px;}
.box_gray1 {padding:12px; background:#dee2ed}
.box_gray1 .lilist_type01 li {color:#1b1e23}
.box_gray2 {padding:14px 20px; background:#f5f7fa; font-size:14px; border-radius:8px;}/*2024-08-01 출국정보 변경*/
.box_gray2 .poa_rbtn {right:40px;}
.wide_boxgray1 {width:100%; padding:60px 0; margin-bottom:60px; background:#f5f7fa}
.wide_boxgray1 > * {width:1080px; margin:0 auto}
.wide_boxgray1 > .nonewidth {width:100%;}
.wide_boxgray1 > .nonewidth .inner {width:1080px; margin:0 auto}
.top_fullbg {width:100%; padding:65px 0 40px; margin-top:-65px; background:#f5f7fa} /* 2021-06-11 :  수정 */
.top_fullbg > * {width:1080px; margin:0 auto}
.top_fullbg.only {padding-bottom:30px;}
.overbanner_box {max-width:100%; overflow:hidden;}
.emptydata {padding:50px 0; border-bottom:none; font-size:14px; color:#5c6677; text-align:center;width:100%}/* 2021-09-17 수정 : width 추가 */

/* src_box */
.src_box {margin-bottom:20px;padding-right:93px;position:relative}
.src_box input[type='text'] {width:100%;height:40px;border-color:#dde0e5;font-size: 14px;} /* 2021-06-08 : 폰트 사이즈 추가 17px > 14px */
.src_box .btn_src {width:94px;position:absolute;top:0;right:0}

.no_result {background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/ic_noresult.png')center 0 no-repeat; color:#ea2829; font-size:18px; line-height:25px; padding-top:56px; text-align:center; margin-top:50px}

/* tab_list */
.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;margin:0 2px;background:none;text-align:center;line-height:46px}
.tab_list.txt_tab li > span {display:block;font-size:18px;font-weight:bold;text-decoration:none;color:#000}
.tab_list.txt_tab li.is_active {background:none;border-bottom:3px solid #000}
.tab_list.txt_tab li.is_active span {color:#000}
.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/M_KO/order/ic_card_flag.png') left top no-repeat;background-size:42px 28px}

/* page 로그인안내 */
.inlogin_box {margin-bottom:40px; text-align:center}
.inlogin_box p {display:inline-block; margin-right:20px; font-size:16px; font-weight:600}
.inlogin_box .btnde_type1 {width:120px}

/* 탭메뉴 */
.sorting_rlarge li a {display:block; font-size:14px; line-height:44px}
.sorting_rlarge li a::after {display:block; content:''; clear:both}
.sorting_rlarge li a em {display:block; float:right; font-size:14px; line-height:44px}
#content section .s_content {padding-bottom:50px}
#content section .s_content div h3 {font-size:24px; font-weight:600; margin-top:50px}
#content section .s_content div:first-child h3 {margin-top:0}
#content section .s_content p {font-size:14px; width:200px; margin:41px 0}
.tab-action .ui-widget-header, .tab-action .ui-widget-content {border:0; background:none; display:block;} /*2023-08-03 display:block; 추가*/
.event .tab-action .ui-widget-header {margin-top:60px; margin-bottom:60px;} /* 2021-07-21 추가 : 이벤트/기획전 상세 탭 하단 마진 추가 */
.tab-action .tab_round li {border:0; background:none}
.tab-action .ui-state-default,
.tab-action .ui-widget-content .ui-state-default,
.tab-action .ui-widget-header .ui-state-default,
.tab-action .ui-button,
html .tab-action .ui-button.ui-state-disabled:hover,
html .tab-action .ui-button.ui-state-disabled:active {border:0; background:none}

.tab_round::after {display:block; content:''; clear:both}
.tab_round li {float:left; margin-left:10px}
.tab_round li:first-child {margin-left:0}
.tab_round li a {display:block; font-size:16px; line-height:44px; color:#5c6677; text-align:center; padding:0 20px; border-radius:22px; box-shadow:5px 5px 10px rgba(0,0,0,0.1); background:#fff}
.tab_round li.ui-tabs-active a {background:#1b1e23; color:#ffffff; font-weight:600}
.tab_round li a em {display:inline-block;/* float:right;*/ font-size:14px; line-height:44px}/* 2021-08-02 수정 : display block→inline-block / float 제거 */

/* .tab_square {} */
.tab_square::after {display:block; content:''; clear:both}
.tab_square li {float:left; margin-left:4px; text-align:center}
.tab_square li:first-child {margin-left:0}
.tab_square li a {display:block; font-size:14px; line-height:48px; color:#1b1e23; text-align:center; background:#eef0f2}
.tab-action .tab_square li a {display:block; font-size:14px; line-height:48px; color:#1b1e23; text-align:center; background:#eef0f2}
.tab_square li.ui-tabs-active a {background:#1b1e23; color:#ffffff; font-weight:600}

.tab_square li:first-child:nth-last-child(2),
.tab_square li:first-child:nth-last-child(2) ~ li {width:calc(50% - 2px)}
.tab_square li:first-child:nth-last-child(3),
.tab_square li:first-child:nth-last-child(3) ~ li {width:calc((100% - 8px) / 3)}
.tab_square li:first-child:nth-last-child(4),
.tab_square li:first-child:nth-last-child(4) ~ li {width:calc((100% - 12px) / 4)}
.tab_square li:first-child:nth-last-child(5),
.tab_square li:first-child:nth-last-child(5) ~ li {width:calc((100% - 16px) / 5)}
.tab_square li:first-child:nth-last-child(6),
.tab_square li:first-child:nth-last-child(6) ~ li {width:calc((100% - 20px) / 6)}

.tab_textlarge {background:#ccc}
.tab_textlarge::after {display:block; content:''; clear:both}
.tab_textlarge li {margin-left:20px; float:left}
.tab-action .tab_textlarge li a {display:block; font-size:28px; line-height:41px; color:#ccd1d8; font-weight:600; position:relative}
.tab_textlarge li a {display:block; font-size:28px; line-height:41px; color:#ccd1d8; font-weight:600; position:relative}
.tab_textlarge li:first-child {margin-left:0}
.tab_textlarge li.ui-tabs-active a {color:#1b1e23}
.tab_textlarge li.ui-tabs-active a::before {display:block; content:''; width:6px; height:6px; background:#ea2829; border-radius:3px; position:absolute; top:-5px; right:-4px}

.tab_textmedium {margin-top:41px}
.tab_textmedium li {float:left; margin-left:40px}
.tab_textmedium li a {display:block; font-size:24px; line-height:36px; color:#ccd1d8; font-weight:600; position:relative}
.tab-action .tab_textmedium li a {display:block; font-size:24px; line-height:36px; color:#ccd1d8; font-weight:600; position:relative}
.tab_textmedium li:first-child {margin-left:0}
.tab_textmedium li.ui-tabs-active a {color:#1b1e23}
.tab_textmedium li.ui-tabs-active a::before {display:block; content:''; width:6px; height:6px; background:#ea2829; border-radius:3px; position:absolute; top:-1px; right:-4px}

.tab_1depth::after {display:block; content:''; clear:both}
.tab_1depth li {float:left; padding:18px 10px; border-bottom:solid 1px ; text-align:center; font-size:16px; line-height:24px; height:60px; background:#f5f7fa; cursor:pointer;} /* 2021-06-30 수정 : 탭버튼 cursor pointer */
.tab_1depth li:first-child:nth-last-child(2), .tab_1depth li:first-child:nth-last-child(2) ~ li {width:50%}
.tab_1depth li a {display:block; color:#5c6677}
.tab_1depth li.ui-tabs-active {border:1px solid #1b1e23; border-bottom:0; background:#ffffff; color:#1b1e23; font-weight:600}
.tab_1depth li.ui-tabs-active a {color:#1b1e23}

[class^="tab_1depth"] li:first-child:nth-last-child(2), [class^="tab_1depth"] li:first-child:nth-last-child(2) ~ li {width:50%}
[class^="tab_1depth"] li:first-child:nth-last-child(3), [class^="tab_1depth"] li:first-child:nth-last-child(3) ~ li {width:calc(100% / 3)}
[class^="tab_1depth"] li:first-child:nth-last-child(4), [class^="tab_1depth"] li:first-child:nth-last-child(4) ~ li {width:calc(100% / 4)}
[class^="tab_1depth"] li:first-child:nth-last-child(5), [class^="tab_1depth"] li:first-child:nth-last-child(5) ~ li {width:calc(100% / 5)}

.tab_1depth_3::after {display:block; content:''; clear:both}
.tab_1depth_3 li {float:left; padding:18px 10px; border-bottom:solid 1px ; text-align:center; font-size:16px; line-height:24px; height:60px; background:#f5f7fa}
.tab_1depth_3 li:first-child:nth-last-child(3), .tab_1depth_3 li:first-child:nth-last-child(3) ~ li {width:calc(100% / 3)}
.tab_1depth_3 li a {display:block; color:#5c6677}
.tab_1depth_3 li.ui-tabs-active {border:1px solid #1b1e23; border-bottom:0; background:#ffffff; color:#1b1e23; font-weight:600}
.tab_1depth_3 li.ui-tabs-active a {color:#1b1e23}

.tab_1depth_4::after {display:block; content:''; clear:both}
.tab_1depth_4 li {float:left; padding:18px 10px; border-bottom:solid 1px ; text-align:center; font-size:16px; line-height:24px; height:60px; background:#f5f7fa}
.tab_1depth_4 li:first-child:nth-last-child(4), .tab_1depth_4 li:first-child:nth-last-child(4) ~ li {width:calc(100% / 4)}
.tab_1depth_4 li a {display:block; color:#5c6677}
.tab_1depth_4 li.ui-tabs-active {border:1px solid #1b1e23; border-bottom:0; background:#ffffff; color:#1b1e23; font-weight:600}
.tab_1depth_4 li.ui-tabs-active a {color:#1b1e23}

.tab_1depth_5::after {display:block; content:''; clear:both}
.tab_1depth_5 li {float:left; padding:18px 10px; border-bottom:solid 1px ; text-align:center; font-size:16px; line-height:24px; height:60px; background:#f5f7fa}
.tab_1depth_5 li:first-child:nth-last-child(5), .tab_1depth_5 li:first-child:nth-last-child(5) ~ li {width:calc(100% / 5)}
.tab_1depth_5 li a {display:block; color:#5c6677}
.tab_1depth_5 li.ui-tabs-active {border:1px solid #1b1e23; border-bottom:0; background:#ffffff; color:#1b1e23; font-weight:600}
.tab_1depth_5 li.ui-tabs-active a {color:#1b1e23}

.tab_2depth::after {display:block; content:''; clear:both}
.tab_2depth li {float:left; margin-left:30px}
.tab_2depth li:first-child {margin-left:0}
.tab_2depth li a {display:block; font-size:16px; line-height:24px; color:#5c6677}
.tab-action .tab_2depth li a {display:block; font-size:16px; line-height:24px; color:#5c6677}
.tab_2depth li.ui-tabs-active a {color:#1b1e23; font-weight:600; padding-bottom:2px; border-bottom:solid 2px #1b1e23}

.tab_popup {margin-bottom:24px}
.tab_popup::after {display:block; content:''; clear:both}
.tab_popup li {float:left; margin-left:16px}
.tab_popup li:first-child {margin-left:0}
.tab_popup li a {display:block; color:#1b1e23; font-weight:600; font-size:20px; line-height:29px}
.tab-action .tab_popup li a {display:block; color:#1b1e23; font-weight:600; font-size:20px; line-height:29px}
.tab_popup li.ui-tabs-active a {padding-bottom:8px; border-bottom:solid 3px #1b1e23}
.tabsort_wrap {margin-bottom:40px;text-align:center}
.tabsort_wrap > ul > li {float:none; display:inline-block; margin-bottom:10px}

.tab_menu li {float:left; width:216px; height:60px;}
.tab_menu li a {display:block; width:100%; height:100%; line-height:60px; border:1px solid #eef0f2; /*border-left-width:0;*/ background:#fafbfc; text-align:center; color:#788497; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}/* 2021-09-24 수정 : padding, 말줄임 추가 */
.tab_menu li + li a {border-left:0;}
.tab_menu li:nth-child(6n+1) a {border-left:1px solid #eef0f2 !important;}
.tab_menu li:nth-child(6n) ~ li a {border-top-width:0;}
.tab_menu .ui-state-active a, .tab_menu .ui-state-active a:link, .tab_menu .ui-state-active a:visited {background:#1b1e23; font-weight:600; color:#fff;}

/* 소팅 */
#content section .sorting_content div h3 {font-size:24px; font-weight:600; margin-top:50px}
#content section .sorting_content p {font-size:14px; width:200px; margin:41px 0}

.icontext_large::after {display:block; content:''; clear:both}
.tab-style .icontext_large li {float:left; margin-left:20px}
.tab-style .icontext_large a {display:block; float:left; font-size:24px; line-height:36px; font-weight:600; color:#ccd1d8}
.icontext_large li.ui-tabs-active a {display:block; content:''; background:0 center url('https://cdn.hddfs.com/front/images/KO/dh_guide/ic_check.png')no-repeat; color:#1b1e23; padding-left:28px}


.icontext_medium::after {display:block; content:''; clear:both}
.icontext_medium li {float:left; margin-left:20px}
.icontext_medium li:first-child {margin-left:0}
.icontext_medium a {display:block; font-size:12px; line-height:18px; background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/btngrey_check.png')0 center no-repeat; padding-left:14px}
.icontext_medium li.ui-tabs-active a {background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/btn_check.png')0 center no-repeat; color:#1b1e23}


.text_select::after {display:block; content:''; clear:both}
.text_select select {font-size:14px; line-height:36px; height:36px; padding-right: 30px; padding-left: 10px; background-position-x: 92%; border: 1px solid #dde0e5; margin-left:6px}
.text_select select:first-child {margin-left:0}

.textbox {border:solid 1px #dde0e5; padding:9px 0; background:#ffffff;}
.textbox::after {display:block; content:''; clear:both}
.textbox li {float:left; padding:0 20px; border-left:solid 1px #dde0e5}
.textbox li:first-child {border-left:none}
.textbox li a {display:block; font-size:14px; line-height:20px; color:#1b1e23}
.textbox li a.current {font-weight:600;}

.text_divider::after {display:block; content:''; clear:both}
.text_divider li {float:left}
.text_divider li:first-child a::before {display:none}
.text_divider li a {display:block; font-size:14px; line-height:21px; color:#788497; padding-left:10px; margin-left:10px; position:relative}
.text_divider li.ui-tabs-active a {font-weight:600; color:#1b1e23}
.text_divider li a::before {display:block; content:''; width:1px; height:10px; background:#dde0e5; position:absolute; left:0; top:50%; margin-top:-5px}

/* table */
table .input_de{width:100%;}
table td.td_right {text-align:right}
table td.td_left {text-align:left}
.info_table table {border-top:1px solid #1b1e23;}
.info_table th,
.info_table td {height:60px; padding:20px; border-bottom:1px solid #dde0e5; text-align:left; font-size:14px; vertical-align:top;}
.info_table th {background-color:#f5f7fa; font-weight:600}
.info_table table td.td_pd  {padding:10px 20px;}
.info_table table th .star_red{color:red;}

.info_table2 table {border-top:2px solid #1b1e23;}
.info_table2 th,
.info_table2 td {height:60px; padding:17px; border:1px solid #dde0e5; border-width:0 0 1px 1px; text-align:center; font-size:13px; vertical-align:middle;}
.info_table2 th {font-weight:600;}
.info_table2 th:first-child,
.info_table2 td:first-child {border-left:0;}

.list_table01 table{border-top:2px solid #000000; text-align:center; }/*2024-08-01 출국정보 변경*/
.list_table01 table th{font-size:14px; line-height:20px; font-weight:600; padding:16px 10px; border-bottom:1px solid #dde0e5; background: #fff}/*2024-08-01 출국정보 변경*/
.list_table01 table th:first-child,
.list_table01 table th:last-child {
    border-right: none !important;
    border-left: none !important
}
.list_table01 table td{font-size:13px; line-height:17px; padding:18px 10px; color:#1b1e23; border-bottom:1px solid #dde0e5;}/*2024-08-01 출국정보 변경*/
.list_table01 table td.intable {padding:0;}
.list_table01 table td.intable th,
.list_table01 table td.intable td {padding:20px; border:0; font-weight:normal; color:#1b1e23;}
.list_table01 a.order_number{display:block; color:#0288d1; text-decoration:underline;}
.list_table01 a.alink {text-decoration:underline;}
.list_table01 .product_info {display:block;}
.list_table01 .product_info span.on_img{display:block; width:60px; height:60px; float:left;}
.list_table01 .product_info img{width:100%;}
.list_table01 .product_info dl{float:left; width:calc(100% - 70px); text-align:left; margin-left:10px; font-size:14px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.list_table01 .product_info dl.noimg_type{width:100%;}
.list_table01 .product_info dt{ font-weight:600; color:#1b1e23; }
.list_table01 .product_info dt em {margin-right:5px; color:#EA2829; font-weight:400; display:inline-block;}
.list_table01 .product_info dd{margin-top:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#5c6677;}
.list_table01 .td_btns a {margin-top:4px;}
.list_table01 .td_btns p + a {margin-top:13px;}
.list_table01 .delprice{color:#abb2be;}
.list_table01 .dollar{font-size:16px; line-height:19px; color:#ea2829; font-weight:600;}
.list_table01 .k_won{color:#1b1e23; font-weight:600; margin-top:5px;}
.list_table01 .k_won span{font-weight:normal;}

.list_table01 .info_table {border:0;}

/* 2021-06-25 추가 : 나의이벤트 리스트 */
.my_event_list .subject {max-width:100%; display:flex; align-items:center;}
.my_event_list .subject > * {vertical-align:middle;}
.my_event_list .subject a {max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.my_event_list .subject .event_badge_list {white-space:nowrap;}

.tr_hidden {display:none;}
.open + .tr_hidden {display:table-row;}

.popupcont_wrap .list_table01 table th {padding:9px 0;}
.popupcont_wrap .list_table01 table th,
.popupcont_wrap .list_table01 table td {font-size:12px; color:#1b1e23;}
.popupcont_wrap .list_table01 table th:first-child,
.popupcont_wrap .list_table01 table td:first-child {text-align:left;}
.popupcont_wrap .list_table01 table th:last-child,
.popupcont_wrap .list_table01 table td:last-child {text-align:right;}
.popupcont_wrap .list_table01 table td [class*="t"] {display:block; min-height:16px; color:#788497;}
.popupcont_wrap .list_table01 table td .t3 {margin-top:8px;}
.popupcont_wrap .list_table01 table td [class*="t"] em {color:#1b1e23; font-weight:600;}
.popupcont_wrap .list_table01 .btm_text {margin-top:16px;}
.popupcont_wrap .list_table01 .btm_text span {display:inline-block;}
.popupcont_wrap .list_table01 .btm_text span + span {margin-left:10px; padding-left:10px; border-left:1px solid #dde0e5;}
.popupcont_wrap .attention_area {margin-top:40px}

.ty_underline {text-decoration: underline;text-underline-position: under;}/* 2021-09-08 추가 */

.cost_list dl {margin:8px 0 0;}
.cost_list dl:first-child {margin-top:0}
.cost_list dl:after {content:''; display:block; clear:both}
.cost_list dt {float:left;font-size:14px;}
.cost_list dd {float:right;font-size:14px; font-weight:600; color:#1a1a1a;}
.cost_list dd span {font-weight:normal;}
.cost_list dd .etc1 {display:inline-block; margin-right:20px;}
.cost_list .total_pay {padding:17px 0;}
.cost_list .total_pay dt,
.cost_list .total_pay dd {font-size:14px; color:#1b1e23;}
.cost_list .total_pay dd {font-size:18px; margin-top:-2px;}
.cost_list hr {width:100%; height:1px; background:#dde0e5;}

/* 레이어 팝업 */
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable {border:none; z-index:999999 !important;}
.close_section {padding:16px 20px 14px}
.close_section::after {display:block; content:''; clear:both}
.today_close {display:block; float:left; font-size:14px; color:#5c6677; line-height:20px; position:relative}
.today_close.chk input[type='checkbox'] {display:none;}
.today_close.chk input[type='checkbox'] + label {padding-left:0;} /* 2021-07-28 추가 : 팝업 오늘하루 그만보기 padding-left 제거 */
.today_close.chk input[type='checkbox'] + label:before {display:none;} /* 2021-07-12 추가 : 팝업 오늘하루 그만보기 체크박스 제거 */
/* .today_close::after {display:block; content:''; width:20px; height:20px; border:solid 1px#dde0e5; position:absolute; top:50%; left:0; margin-top:-10px} */
.popup_close {display:block; cursor:pointer; float:right; font-size:14px; color:#1b1e23; line-height:20px; font-weight:600}

/* 2021-07-05 추가 : 주문완료 팝업 위치 */
.order_fin {top:50% !important; transform:translateY(-50%) !important;}

/* 검색결과 */
.searchcontent_wrap .result_section {padding:30px 0 40px 0;font-size:36px; line-height:54px; text-align: center}
.searchcontent_wrap .result_section span {font-weight:600}
.searchcontent_wrap .result_list {padding-bottom:20px; margin-bottom:60px; border-bottom:solid 1px #ccd1d8}
.searchcontent_wrap .result_list ul::after {display:block; content:''; clear:both}
.searchcontent_wrap .result_list ul li {float:left; margin:10px 20px 0 0}
.searchcontent_wrap .result_list li:first-child {margin-left:0}
.searchcontent_wrap .result_list li a {position:relative; display:block; font-size:14px; line-height:20px; color:#1b1e23} /* 21-06-25 수정 : 연관검색어 x버튼 삭제로  padding-right:20px; 제거 */
/* .searchcontent_wrap .result_list li a::before {position:absolute; top:0; right:0; display:block; content:''; width:18px; height:20px; background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/ic_result_del.png')0 center no-repeat} 21-06-25 제거 */
.searchcontent_wrap .product_list .searchevent_type {width:252px; height:252px; background:#f9fafb; padding:20px}
.searchcontent_wrap .product_list li .searchevent_type p {font-size:14px; line-height:20px; color:#788497; font-weight:600}
.searchcontent_wrap .product_list .searchevent_type strong {display:block; display:-webkit-box; height:90px; font-size:20px; line-height:29px; color:#1b1e23; font-weight:600; margin-top:14px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}/* 2021-08-09 3줄 말줄임으로 높이 수정 60 → 90 */
.searchcontent_wrap .product_list .searchevent_type em {display:block; margin-top:14px}
.searchcontent_wrap .product_list li .searchpoint_type {position:relative; background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/point_bg.png')center center no-repeat; width:212px; height:230px; text-align:center; padding-top:58px; margin:0 auto}
.searchcontent_wrap .product_list li .searchpoint_type p.point_txt {font-size:16px; line-height:22px; font-weight:600; color:#1b1e23; padding:0 20px;} /* 21-06-25 수정 : 적립금명 영역 벗어남 */
.searchcontent_wrap .product_list li .searchpoint_type .point_price {margin-top:6px}
.searchcontent_wrap .product_list li .searchpoint_type p span.point_won {display:inline-block; vertical-align:middle; font-size:24px; line-height:38px; color:#ea2829; font-weight:600}
.searchcontent_wrap .product_list li .searchpoint_type p span.point_num {display:inline-block; vertical-align:middle; font-size:32px; line-height:38px; color:#ea2829; font-weight:600}

/* 2021-07-15 검색 결과 포인트 폰트사이즈 */
.searchcontent_wrap .product_list li .searchpoint_type.less_million .point_num {font-size: 28px} /* 1,000,000원 미만 */
.searchcontent_wrap .product_list li .searchpoint_type.less_million .point_won{font-size: 18px} /* 1,000,000원 미만 */
.searchcontent_wrap .product_list li .searchpoint_type.over_million .point_num{font-size: 22px} /* 9,999,999원 초과 */
.searchcontent_wrap .product_list li .searchpoint_type.over_million .point_won{font-size: 14px;} /* 9,999,999원 초과 */

.searchcontent_wrap .product_list li .searchpoint_type em {display:block; width:135px; margin:6px auto 0; font-size:15px; line-height:20px; color:#5c6677}
.searchcontent_wrap .product_list li .searchpoint_type button {display:block; border:solid 1px #1b1e23; background:#fff; width:78px; height:36px; line-height:36px; border-radius:40px; font-size:12px; font-weight:600; position:absolute; left:65px; bottom:0}
.searchcontent_wrap .product_list li .searchpoint_type button.finished {color:#fff;background-color:#abb2be;border:1px solid #abb2be;}
.searchcontent_wrap .product_list li .searchcoupon_type {background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/discount_bg.png')no-repeat; width:212px; height:252px}
.searchcontent_wrap .product_list li .img_brand {padding:0; position:relative}
.searchcontent_wrap .product_list li .img_brand::after {display:block; content:''; width:100%; height:100%; background:#000; opacity:0.4; position:absolute; top:0}
.searchcontent_wrap .product_list li .img_brand span {display:block; font-size:20px; line-height:28px; font-weight:600; color:#ffffff; position:absolute; top:50%; left:10px; right:10px; z-index:9999; transform:translate(0,-50%); text-align:center; max-height:56px; overflow:hidden; text-overflow:ellipsis; word-break:break-word}

/* 2021-09-17 추가 : 검색결과 쿠폰 중앙 정렬 */
.searchcontent_wrap .product_list li .product_module.coupon {width:100%;}
.searchcontent_wrap .product_list li .product_module.coupon .product_itme {margin-right:auto; margin-left:auto;}

/* 검색결과 없음 */
.no_result {background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/ic_noresult.png')center 0 no-repeat; color:#ea2829; font-size:18px; line-height:25px; padding-top:56px; text-align:center; margin-top:50px}
.hotkey_list {margin-top:90px}
.hotkey_list h4 {font-size:18px; font-weight:600; line-height:27px}
.hotkey_list .tag::after {display:block; content:''; clear:both}
.hotkey_list .tag button {display:block; float:left; color:#5c6677; margin:12px 10px 0 0; font-size:13px; border:solid 1px #eef0f2; border-radius:40px; max-width:155px; height:35px; text-align:center; line-height:35px; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.hotkey_list button.up {position:relative; padding-right:30px}
.hotkey_list button.up::after {position:absolute; top:40%; right:50%; margin-right:-40%; display:block; content:''; width:0; height:0; border-right:4px solid transparent; border-left:4px solid transparent; border-bottom:6px solid #ea2829}

/* layer popup */
.pop_type1.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable {border:0}
.pop_type1.ui-dialog .layer_popup {padding:28px 36px 40px}
.pop_type1.ui-dialog .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {height:76px; background:none; border-bottom:1px solid #eef0f2}
.pop_type1.ui-dialog .ui-dialog-title {width:100%; height:76px; line-height:76px; text-align:center; font-size:22px; font-weight:600; color:#1b1e23}
.pop_type1.ui-dialog .ui-dialog-titlebar-close {top:20px}
.pop_type1.ui-dialog .ui-button .ui-icon {width:28px; height:28px; background-image:url('https://cdn.hddfs.com/front/images/KO/common/tooltip_close.png');background-position:0 0}
.pop_type1.ui-dialog .btn_area {margin-top:40px}
.pop_type1.ui-dialog .btn_area [class*='btn'] {min-width:120px}
.pop_type1.ui-dialog .popupcont_wrap :first-child.btn_area {margin-top:0;}

.minpop.ui-dialog .layer_popup {padding:0 36px 40px}
.minpop.ui-dialog .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {border:0}
.minpop.ui-dialog .ui-dialog-titlebar-close {display:none}
.ui-dialog .input_password {margin-top:20px}
.ui-dialog .input_password .input_de,
.ui-dialog .input_password .input_de input {width:100%}

.popupcont_wrap .popmin {min-height:360px}
.popupcont_wrap .box_gray1 {margin:12px 0 28px}
.popupcont_wrap .text_only {font-size:16px; text-align:center; color:#5c6677}
.popupcont_wrap .btn_group {margin-top:40px}
.popupcont_wrap .tit_group {margin-top:20px}
.popupcont_wrap .tit_group:first-child {margin-top:0}
.popupcont_wrap .tit_group h3 {display:inline-block;margin-bottom:10px;font-size:20px;font-weight:bold;color:#000;vertical-align:middle} /* 2021-06-10 : 폰트사이즈 변경 */
.popupcont_wrap .tit_group .right_area {float:right}
.popupcont_wrap .tit_group .right_area a {display:inline-block;padding:5px 8px;border:1px solid #ABB2BE;font-size:12px;color:#000;vertical-align:middle}
.popupcont_wrap ul + .tit_group {margin-top:38px}
.popupcont_wrap > p{font-size: 13px;color: #5c6677;}/* 2021-06-09 : 추가 */

/* switch */
.switch {position:relative; display:inline-block; vertical-align:middle}
.switch label {display:inline-block}
.switch label span {font-size:14px;}
.switch input {display:none}
.switch .slider {display:inline-block; cursor:pointer; width:32px; height:12px; background-color:#9aa3b1; border-radius:30px; position:relative; -webkit-transition:.4s; transition:.4s}
.switch .slider:after {content:''; width:16px; height:16px; background-color:#ffffff; border-radius:50%; box-shadow:0 0 1px #1b1e23; position:absolute; top:-2px; left:-2px; -webkit-transition:.4s; transition:.4s}
.switch input:checked + label .slider {background-color:#1b1e23; margin-right:10px;}/* 2021-08-05 수정 : margin 추가 */
.switch input:checked + label .on_txt {display:inline-block}
.switch input:checked + label .no_txt,
.switch input + label .on_txt {display:none}
.switch input:checked + label .slider:after {left:calc(100% - 14px)}
.switch.large {font-size:18px; font-weight:600}
.switch.large .slider {width:64px; height:24px; top:5px}
.switch.large .slider:after {width:32px; height:32px; top:-4px}
.switch.large input:checked + label .slider:after {left:calc(100% - 30px)}
.switch input:disabled + label .slider {opacity:0.4}
.switch.reverse,
.switch.reverse label {display:block; width:100%;}
.switch.reverse label {padding-top:16px;}
.switch.reverse label:after {content:''; display:block; clear:both;}
.switch.reverse .slider {float:right;}


/* select_list */
.select_wrap {width:400px; font-size:14px; position:relative}
.select_wrap.open .select_list{display: block;}
.select_wrap .selected {display:block; height:40px; line-height:38px; padding:0 14px; border:1px solid #1b1e23; position:relative;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break:break-all;}
.select_wrap .selected:after {content:''; display:block; width:16px; height:16px; background: url('https://cdn.hddfs.com/front/images/KO/common/bg_select.png') no-repeat 95% 50%; position:absolute; top:10px; right:14px}
.select_wrap .select_list {position: absolute; top: 40px; width: 100%; max-height: 208px; background: #fff; overflow-y: auto; border: solid 1px #1b1e23; border-top: 0; display: none; z-index: 10;}
.select_wrap .select_list a {display: block; border-top: 1px solid #eef0f2;padding: 12px 14px;color: #1b1e23}
.select_wrap .select_list a:hover{background-color: #f5f7fa;}
.select_wrap .select_list a strong{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;font-weight: normal;color: #1b1e23}
.select_wrap .select_list a dl{font-size: 14px; line-height: 19px; margin-top: 4px;}
.select_wrap .select_list a dl::after{content: ""; display: block; clear: both;}
.select_wrap .select_list a dt{float: left; font-weight: 700; color: #1b1e23;}
.select_wrap .select_list a dd{float: left; color: #5c6677; margin-left: 8px;}
.select_wrap .select_list a dd em{font-size: 13px;}
.select_wrap .select_list a.soldout_hiden{/*pointer-events: none;*/ position: relative;color: #abb2be;} /* 2021-06-25 수정 : 품절상품 상세로 이동되도록 수정 */
.select_wrap .select_list a.soldout_hiden:hover p {background-color:transparent;}
.select_wrap .select_list a.soldout_hiden p { position: absolute; background: #fff; line-height: 40px;font-size:13px;width: 30px; right: 20px; top: 50%; margin-top: -20px; }
.select_wrap .select_list a.soldout_hiden strong { margin-right: 50px;color: #abb2be;}
.select_wrap .select_list a.soldout_hiden dt, .select_wrap .select_list a.soldout_hiden dd{color: #abb2be;}

/* num_amount */
.num_amount {}
.num_amount::after {content:""; display:block; clear:both}
.num_amount input {display:block; float:left; margin-top:2px; font-weight:600; font-size:13px}
.num_amount input[type="button"] {width:32px;height:32px;border:0;overflow:hidden;text-indent:-9999px; cursor:pointer}
.num_amount input[type="button"]:first-of-type {background:url('https://cdn.hddfs.com/front/images/KO/common/ic_wminus.png') no-repeat 0 0}
.num_amount input[type="button"]:last-of-type {background:url('https://cdn.hddfs.com/front/images/KO/common/ic_wplus.png') no-repeat 0 0}
.num_amount input[type="number"] {width:40px;height:32px;line-height:32px;border:0;text-align:center;padding:0}/* 2021-06-07 넓이 수정 */
.num_amount input:disabled {background-color:#fff !important;opacity: 0.5 !important}
.num_amount input[type="button"]:disabled {opacity: 0.4 !important}
/* 2021-06-15 : number > text 변경 추가 */
.num_amount input[type="text"] {width:40px;height:32px;line-height:32px;border:0;text-align:center;padding:0}
.num_amount.cart_amount{float: right;}

/* por_icos */
.por_icons:after {clear:both; content:''; display:block;}
.por_icons span {display:inline-block; height:22px; line-height:20px; margin-bottom:4px; padding:0 5px; border:1px solid #ccd1d8; font-size:12px; color:#5c6677; margin-left:4px; float:left;}/* 2021-09-16 수정 : margin left, float 추가 */
.por_icons span.i_bg {background:url('https://cdn.hddfs.com/front/images/KO/common/bg_icons.png'); background-size:100%; border:0; color:#fff}
.por_icons span.bg_gray {padding-top:1px; background:#72767c; border:0; color:#fff}
.por_icons span.bg_dark {padding-top:1px; background:#1b1e23; border:0; color:#fff}
/* S:2022-03-25 그라데이션: 보더, 텍스트 태그 추가*/
.por_icons span.i_color {position:relative; color:#eb2838; border-color:#eb2838; background: -webkit-linear-gradient(-45deg, #EA2869 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border:1px solid; border-image:-webkit-linear-gradient(140deg, #EA2869 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%) 1; border-image:linear-gradient(140deg, #EA2869 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%) 1;}
.por_icons span.i_color:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; z-index:-1;}
/* E: 2022-03-25 그라데이션: 보더, 텍스트 태그 추가*/
.tips1 {display:inline-block; height:28px; line-height:26px; padding:0 12px; border:1px solid #ccd1d8; border-radius:20px; font-size:12px; color:#5c6677}

/* check_all_group */
.check_all_group{position: absolute;top:17px;right:20px}
.btn_th + .check_all_group{top:20px;} /* 예외처리 */
.check_all_group .btn_all_x{margin-left:-2px;width:19px;height:19px;}
.check_all_group .btn_all_x::after{content: '';display: inline-block;width:19px;height:19px;background: url('https://cdn.hddfs.com/front/images/KO/common/btn_filter_rowdel.png') no-repeat 0 0}
.check_all_group .count{font-size: 14px;color: #5c6677;}

/* check_group */
.check_group {position: relative; margin-bottom:-8px; margin-left:-8px;}
.check_group:after {clear:both; content:''; display:block;}
.check_group input[type='checkbox'],
.check_group input[type='radio'] {display:none}
.check_group input[type='checkbox'] + label,
.check_group input[type='radio'] + label {display:inline-block; height:32px; line-height:30px; padding:0 15px; /*margin:4px 0;*/ border:1px solid #eef0f2; border-radius:20px; font-size:14px; color:#1b1e23;cursor: pointer;}
.check_group input[type='checkbox']:checked + label,
.check_group input[type='radio']:checked + label {border-color:#ea2829; color:#ea2829;} /* 2021-06-08 : 볼드 삭제 (숫자 이슈로 디자인 변경) */
.check_group input[type='checkbox']:disabled + label,
.check_group input[type='radio']:disabled + label {background:#f5f7fa; color:#abb2be}
.check_group input + label > em {color:#abb2be}
.check_group input[type='checkbox'] + label:after,
.check_group input[type='radio'] + label:after {content:''; display:none; width:18px; height:18px; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_round_del.png') no-repeat center top; position:absolute; top:2px; right:-5px}
/* .check_group > span:hover input[type='checkbox']:checked + label:after,
.check_group > span:hover input[type='radio']:checked + label:after {display:block} */
.check_group > span {padding-bottom:8px; padding-left:8px; float:left; display:inline-block;}
.check_group button {font-size:14px;display:inline-block; border:solid 1px #eef0f2; border-radius:20px; padding:0 15px; height:32px; line-height:30px; color:#1b1e23; /*margin-bottom:8px*/}
.check_group button.on{border-color: #ea2829;color: #ea2829;} /* 2021-06-28 : 볼드 제거 */
.check_group button:disabled {background:#f5f7fa; color:#999; opacity:1}
.check_group .non-check input[type='radio']:checked + label {border-color:inherit; color:inherit;border-color: #eef0f2}

.brand_cate {position: relative;}
.brand_cate li button {display:block; float:left;margin-right: 8px;border:solid 1px #eef0f2; border-radius:20px; padding:0 15px; height:32px; line-height:32px; color:#1b1e23; margin-bottom:8px}
.brand_cate li button.on{border-color: #ea2829;color: #ea2829;font-weight: 600;} /* 2021-06-08 : 볼드 추가 */
.brand_cate li button.disabled{background-color: #f2f2f2;color: #999999;cursor: not-allowed;}
.brand_cate li .sort_result.brand_item{position:absolute;bottom:0;left:0;margin-top: 0;display:none}
.brand_cate li .sort_result.brand_item.on{display:block}
.brand_cate li .sort_result.brand_item.brand_en {top:80px;}

/* check_group check_group_depth */
.check_group.check_group_depth{margin-bottom: 6px;}
.check_group.check_group_depth input[type='checkbox'] + label,
.check_group.check_group_depth input[type='radio'] + label {height:18px; color:#5c6677; line-height:20px; border:none; border-radius:0; font-size:13px;} /* 2021-06-30 수정 : GNB 브랜드 리스트와 동일 사이즈 */
.check_group.check_group_depth input[type='checkbox']:checked + label,
.check_group.check_group_depth input[type='radio']:checked + label {border-color:#ea2829; color:#ea2829}
.check_group.check_group_depth input[type='checkbox']:checked + label > em {color:#ea2829}
.check_group.check_group_depth input[type='checkbox'] + label:after,
.check_group.check_group_depth input[type='radio'] + label:after {content:''; display:none; width:18px; height:18px; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_round_del.png') no-repeat center top; position:absolute; top:6px; right:-5px}
.check_group.check_group_depth .check_depth_list{display: none;}
.check_group.check_group_depth .check_depth_list > span{display:inline-block; position:relative}
/* .check_group.check_group_depth .check_depth_list > span:hover input[type='checkbox']:checked + label:after,
.check_group.check_group_depth .check_depth_list > span:hover input[type='radio']:checked + label:after {display:block} 2021-06-28 제거 : 상세검색 > 카테고리 선택 후 하단 카테고리 마우스 오버 시 'x' 버튼 제거 */

.check_group .js-total-cate {float:left; padding-left:8px;}

/* filter */
.filter_wrap {}
.filter_wrap table {border-top:1px solid #1b1e23}
.filter_wrap table th button{font-weight:bold;font-size:14px;} /* 2021-06-16 : 추가 */
.filter_wrap table th,
.filter_wrap table td {padding:12px 20px; border-bottom:1px solid #dee2ed; text-align:left;font-size:14px;}
.filter_wrap table th {position: relative;padding-top:18px; vertical-align:top; background:#fafbfc;font-weight: 600;font-size:14px;}
/*.filter_wrap table td > .check_group {margin:-4px 0} */ /* 2021-06-16 : 삭제 */
.filter_wrap table td > .check_group + * {margin-top:12px}
.filter_wrap table td > .check_group span{display:inline-block;} /* 2021-06-18 : 추가 */
.filter_wrap .sort_wrap {display:none}
.filter_wrap td.open .sort_wrap {display:block}
.filter_wrap table tr {display:none}
.filter_wrap table tr:nth-child(1), .filter_wrap table tr:nth-child(2) {display:table-row}
.filter_wrap.open table tr {display:table-row}

.filter_wrap .input_group1 {display:block;}/* 2021-07-21 추가 : 필터검색 [가격] 범위 수정에 따른 display 수정 inline-block → block */

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button.ui-state-active:hover {background:none}
.sortbtn_wrap {margin:12px 0}
.sortbtn_wrap li {display:inline-block; margin-right:20px; background:none}
.sortbtn_wrap a.ui-tabs-anchor {font-size:12px; color:#abb2be}
.sortbtn_wrap a.ui-tabs-anchor:before {content:''; display:inline-block; width:10px; height:10px; margin-right:5px; vertical-align:middle; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_check.png') no-repeat center top;opacity:0.4}
.sortbtn_wrap .ui-tabs-active a.ui-tabs-anchor {color:#1b1e23}
.sortbtn_wrap .ui-tabs-active a.ui-tabs-anchor:before {opacity:1}

.lang_sort {display:none}
.lang_sort.on {display:block}
.lang_sort.on .check_group button{padding: 0 12px; margin: 4px 0;} /* 2021-06-16 : 수정 */
.lang_sort.on .check_group button.on{color: #ea2829;border-color: #ea2829}
.lang_sort.on .check_group label{margin: 4px 0}/* 2021-06-16 : 추가 */
/* 2021-06-14 : 영문 넘침 예외 처리 추가*/
/* #sortbtn0_01 .brand_cate ul li .sort_result{top: 75px}
#sortbtn0_02 .brand_cate ul li .sort_result{top: 75px} */

.sort_result {width:100%; margin-top:10px; margin-left:-6px; /*max-height:180px;*/ overflow-y:auto}
/* 2021-06-28 수정 : GNB 브랜드검색 리스트 넓이 관련 */
.sort_result:after {clear:both; content:''; display:block;}
.sort_result > span {float:left; display:inline-block; width:16.6666%; height:20px; line-height:20px; margin:6px 0; padding-right:15px; padding-left:6px; overflow:hidden; font-weight:normal; white-space:nowrap; text-overflow:ellipsis;} /* 2021-09-27 수정 : 말줄임 추가 */
.sort_result span:nth-child(5n) {margin-right:0}
.sort_result input[type='checkbox'],
.sort_result input[type='radio'] {display:none;}/* 2021-07-30 수정 : IE input hide */
.sort_result input[type='checkbox'] + label,
.sort_result input[type='radio'] + label, .sort_result input[type='button'] + label {display:inline-block; color:#5c6677;cursor: pointer; width:100%; overflow:hidden; text-overflow:ellipsis;} /* GNB 검색 > 브랜드 검색 멀티선택 제거에 따른 input 타입 수정 */
.sort_result input[type='button'] {width:0; height:0; border:0; position:absolute; top:0; left:0;} /* 2021-06-30 수정 : 넓이 제거 */
.sort_result input[type='checkbox']:checked + label,
.sort_result input[type='radio']:checked + label {color:#ea2829;/*font-weight: 600;*/} /* 2021-07-01 수정 : 필터검색 선택 시 볼드 제거 */

.sel_filter {padding:20px 20px 20px 20px; border-bottom:1px solid #dee2ed; border-top:1px solid #dee2ed; position:relative}/*2021-09-09 수정 : padding-right:110px → 20px */
.sel_filter li {display:inline-block;font-size:14px;}
.sel_filter .reset_btn {position:absolute; top:50%; margin-top:-18px; right:20px}
.sel_filter .ic_x {margin-left:-5px}

.filter_onoff {padding-right:20px; text-align:right;height: 25px;}
.filter_onoff button {width:30px; height:25px; background-color:#eef0f2; border-radius:0 0 30px 30px; text-align:center; text-indent:-1000px; overflow:hidden; position:relative}
.filter_onoff button:after {content:''; display:block; width:14px; height:8px; background:url('https://cdn.hddfs.com/front/images/KO/common/arr_und.png') no-repeat center center; position:absolute; top:50%; left:50%; margin:-6px 0 0 -7px; transform:rotate(180deg)}
.filter_wrap.open .filter_onoff button:after {transform:rotate(0deg)}

.search_btnarea {text-align: center;margin-bottom: 40px;}
.search_btnarea .reset_btn{display: inline-block;width:120px;height:40px;border: 1px solid #1b1e23;margin-right: 5px;font-size:14px;}
.search_btnarea .search_btn{display: inline-block;width:120px;height:40px;text-align:center; line-height:40px; background:#1b1e23; color:#fff; font-size:14px;}
/* .search_btnarea a {display:block; width:200px; height:50px; text-align:center; line-height:50px; background:#1b1e23; color:#fff; font-size:16px; font-weight:600; margin:0 auto} */

/* sorting */
.sorting_wrap {padding:11px 20px; margin-bottom:25px; border-top:1px solid #1b1e23; border-bottom:1px solid #eef0f2}
.sorting_wrap .txt_total {display:inline-block; line-height:36px; vertical-align:middle;font-size:14px;}
.sorting_wrap .txt_total .chk {top:-2px}
.sorting_wrap .cartdel_btn {display:inline-block}
.sorting_wrap .cartdel_btn a {display:inline-block;margin-left:6px}
.sorting_wrap .cartdel_btn a:after {content:''; display:inline-block; width:1px; height:10px; margin-left:10px; background-color:#abb2be; vertical-align:middle}
.sorting_wrap .cartdel_btn a:last-child:after {display:none}
.sorting_wrap:after {content:''; display:block; clear:both}
.sorting_wrap select {height:36px;line-height:34px;font-size:14px;}
.sorting_wrap .sort_r {float:right}
.sorting_wrap .sort_r > * {margin-left:20px}
.sorting_wrap .sort_r > button {margin-left:4px}
.sorting_wrap.myhd {padding:11px 0; margin:20px 0 0; border:0}
.sorting_wrap.myhd .sort_r > * {margin-left:5px}
.sorting_wrap.myhd select {padding-right:30px; padding-left:10px; background-position-x:92%; border:1px solid #dde0e5}
.sorting_wrap.myhd2 {padding:11px 0; margin:20px 0 30px; border-top:0; border-bottom:1px solid #1b1e23;}
.sorting_wrap.myhd2 .chk input {position:absolute; top:0; left:0;}/* 2021-08-10 추가 : IE input position */
.check_group + .sort_wrap:before {content:''; display:block; height:0; border:0; border-bottom:1px dashed #eef0f2}
.filter_wrap + .sorting_wrap {margin-top:60px}
.filter_wrap .brand_area .sort_wrap{display: block;overflow:hidden;} /* 2021-06-29 수정 : filter 검색 > 브랜드 기본 높이 제거 */
.filter_wrap .brand_area.open .sort_wrap{display: block;overflow:hidden;height: auto;}
.filter_wrap .brand_area .sort_wrap .brand_cate > ul:after {clear:both; content:''; display:block;}
.filter_wrap .brand_area .sort_wrap .brand_cate > ul > li {float:left;}
.filter_wrap  .sort_wrap .tab-action span{display: inline-block;margin-right: 6px;} /* 2021-06-18 : 추가 */

/* 브랜드 초성 길이 및 해당 리스트 갯수에 따른 높이 클래스 추가 : [초성 1줄 = con_01 / 2줄 = con_02], [리스트 1~3줄 = row_01~3] */
.filter_wrap .brand_area .sort_wrap .brand_cate.row_01 {padding-bottom:40px;}
.filter_wrap .brand_area .sort_wrap .brand_cate.row_02 {padding-bottom:70px;}
.filter_wrap .brand_area .sort_wrap .brand_cate.row_03 {padding-bottom:100px;}
.filter_wrap .brand_area .sort_wrap .brand_cate.con_01 li .sort_result.brand_item {top:40px;}
.filter_wrap .brand_area .sort_wrap .brand_cate.con_02 li .sort_result.brand_item {top:75px;}

#brand_sortbtn_01 .brand_cate, #brand_sortbtn_02 .brand_cate {padding-bottom:250px;}
#brand_sortbtn_01 .brand_cate li .sort_result.brand_item {top:40px;}
#brand_sortbtn_02 .brand_cate li .sort_result.brand_item {top:80px;}

#advanced_search_brand_02 .brand_cate {padding-bottom:198px;}
#advanced_search_brand_02 .brand_cate .ui-widget-header {display:block;}

/* 하단배너 */
.cuopondown_area + .btm_banner {margin-top:100px !important;}/* 2021-09-23 추가 : 디자인 여백 반영 */
.btm_banner {position:relative; margin-bottom:100px}/* 2021-09-23 수정 : margin bottom 30 → 100 */
.btm_banner > .banner-swiper {overflow:hidden; height:100%}
/* 2021-06-16 : 버튼 이미지 변경 */
.btm_banner .swiper-prev,
.btm_banner .swiper-next {width:60px; height:60px; position:absolute; top:calc(50% - 30px)}
/* .btm_banner .swiper-prev {left:-80px; cursor:pointer; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_banner_arr.png') 0 0 no-repeat;transform:rotate(180deg);}
.btm_banner .swiper-next {right:-80px; cursor:pointer; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_banner_arr.png ') 0 0 no-repeat} */
.btm_banner .swiper-prev {width:60px; height:60px; position:absolute; top:50%; left:-80px; cursor:pointer; transform:translateY(-50%)}
.btm_banner .swiper-prev::after {content:""; display:block; position:absolute; top:16px; left:22px;; width:16px; height:29px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') 0 -45px no-repeat}
.btm_banner .swiper-next {width:60px; height:60px; position:absolute; top:50%; right:-80px; cursor:pointer; transform:translateY(-50%)}
.btm_banner .swiper-next::after {content:""; display:block; position:absolute; top:16px; left:22px; width:16px; height:29px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') 0 -45px no-repeat; transform:rotate(180deg)}

/* S: 2021-06-23 추가 : 슬라이드 화살표 hover */
.btm_banner .swiper-prev:hover::after {transform:rotate(180deg);}
.btm_banner .swiper-next:hover::after {transform:rotate(0);}
.btm_banner .swiper-prev:hover::after, .btm_banner  .swiper-next:hover::after {background-position:-18px -45px;}
/* E: 2021-06-23 추가 : 슬라이드 화살표 hover */
/* //2021-06-16 : 버튼 이미지 변경 */
.twobanner {height:256px}
/* .threebanner {height:116px} 2021-10-14 제거 */
.twobanner .text {position:absolute; top:55px; right:60px; left:60px; color:#fff}
.twobanner .text p {font-weight:bold; font-size:30px; margin-top:8px; font-weight:600; text-shadow:0 4px 10px rgba(0,0,0,.5); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.twobanner .text span {display:block; font-size:14px; margin-top:20px; /*list-style:29px;*/ font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.threebanner .text {position:absolute; bottom:25px; right:40px; left:25px; color:#fff}/* 2021-10-14 수정 : top → bottom */
.threebanner .text p {font-weight:bold; font-size:18px; font-weight:600; text-shadow:0 4px 10px rgba(0,0,0,.5); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.threebanner .text span {display:block; margin-top:8px; font-size:12px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* default swiper-pagination */
.default div.swiper-pagination {position:relative; margin-top:30px}
.default .swiper-pagination span {display:inline-block; width:10px; height:10px; margin:0 5px}
.default .swiper-pagination span.swiper-pagination-bullet-active {width:22px; border-radius:10px; background:#1b1e23}
.default .swiper-prev,
.default .swiper-next {width:60px; height:60px; position:absolute; top:calc(50% - 60px); z-index:1;}
.default .swiper-prev {left:-40px; cursor:pointer; background:url('https://cdn.hddfs.com/front/images/KO/common/arr_banner.png') 0 0 no-repeat}
.default .swiper-next {right:-40px; cursor:pointer; background:url('https://cdn.hddfs.com/front/images/KO/common/arr_banner.png') 0 0 no-repeat; -ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform:rotate(180deg)}

/* hasbtn_titg */
.hasbtn_titg {position:relative}
.hasbtn_titg .right_btn {position:absolute; bottom:0; right:0}

/* product_list */
.product_list {position:relative;}
.product_list:after {clear:both; content:''; display:block;}
.product_list ul:not(.swiper-wrapper) {width:1104px; margin-left:-24px; text-align:left; display:flex; flex-wrap:wrap;}/* 2021-09-16 수정 : width 1100 → 1104,  margin 20 → 24, text-align 추가 , flex 추가 */
.product_list ul.best_type {margin-left:0;}/* 2021-09-24 추가 : 템플릿관 best seller 슬라이드 리스트 */
/*.product_list .pord_duble + ul {display:block !important;} 2021-09-16 추가 : searchcontent_wrap에 있는 리스트, 2021-09-27 상품 리스트 display 수정으로 제거 */
.product_list ul:after {content:''; display:block; clear:both}
.product_list li {display:inline-block; width:252px; margin-left:24px; margin-bottom:60px; position:relative; overflow:hidden; vertical-align: top; float:left;}/*2021-09-16 수정 : margin 19 → 24, float 추가 */
.product_list li a {display:block}
.product_list li .chk {position:absolute; top:10px; left:10px; z-index:1;} /* 2021-06-08 : 개발 요청으로 수정 display:none 삭제 *//* 2023-08-21 : 디자인 수정으로 display:none 삭제 */
.product_list li .tnr_font {display:block; line-height:1; letter-spacing:-1px; position:absolute; top:20px; left:20px; z-index:20}
.product_list li .img_w {width:252px; height:252px; padding:20px; position:relative; overflow:hidden;} /* 2021-08-23 수정 : padding 추가 */
.product_list li .img_w::before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(12,54,122,.04)}
.product_list li .img_w em.btn_play {position:absolute; top:20px; right:20px}
.product_list li .img_w em.btn_like {position:absolute; top:13px; right:13px}
.product_list li .img_w img {width:100%; height:auto}
.product_list li .img_w img.icon_adult  {width:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.product_list li .img_w.img_vertical {padding:0; text-align:center; font-size:0}
.product_list li .img_w.img_vertical img {max-width:calc(100% - 2px); position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%); -ms-transform:translate(-50%); transform:translate( -50%, -50%); z-index:0} /* 2021-06-23 수정 : 19금마크 z-index 수정 */
.product_list li .img_w.img_vertical .brname {width:100%; font-size:14px; font-weight:600; text-align:center; color:#1b1e23; position:absolute; top:calc(50% + 50px);}
.product_list li .img_w.img_vertical .represent {display:inline-block; padding:4px 12px; background-color:#fff; font-size:12px; position:absolute; bottom:0; left:0;}
.product_list li .on_btn {display:none; width:100%; text-align:center; position:absolute; bottom:12px; left:0; z-index:1}
.product_list li .on_btn button {margin:0 2px}
.product_list li .on_btn .on_btn_group {margin-bottom: 8px;}
.product_list li:hover .on_btn {display:block}
.product_list li .img_w.img_full {padding:0}
.product_list li:hover .img_w::before {border:1px solid #000}
.product_list li .pro_i {display:block; margin-top:16px; color:#1b1e23; min-height:166px;}/* 2021-08-04 수정 : 해시테그 검색 결과 최소 높이 추가 */
.product_list li .ti_brand {font-size:14px;display:block; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.product_list li .tx_key {font-size:14px;margin-top:4px; overflow:hidden; /*color:#abb2be;*/ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; max-height:38px; 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:4px;}/*2022-04-12 그라디언트 텍스트로 변경*/
.product_list li .tx_key::after {content:""; clear:both; display:block; height:0;}/*2022-04-12 추가*/
.product_list li .tx_ex {font-size:14px;margin-top:4px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; height:38px; max-height:38px; clear:both;}/*2022-04-12 수정*/
.product_list li .price1 {margin-top:24px}
.product_list li .price1 del {color:#abb2be;font-size:14px;}
.product_list li .price1 strong {font-size:14px;}
.product_list li .price2 {margin-top:4px;font-size:14px;}
.product_list li .price2 strong {font-size:18px; color:#ea2829}
.product_list li .price2 span {margin-left:5px;}
/* .product_list li .por_icons {margin-top:8px;max-height: 53px;} */
.product_list li .por_icons {margin-top:3px;max-height: 53px; margin-left:-4px;} /* 2021-09-16 margin left 추가 */
/* .product_list li.pord_duble {width:528px} 2021-07-01 테그 지정 제거 */
.product_list li .img_video video {width:100%}
.product_list.brand_only li {margin-bottom:24px;}
.product_list .pop_coupon {width:372px !important;margin-top:20px;}
.product_list .pop_coupon li {width:162px; margin-bottom:40px;}
.product_list .pop_coupon .product_module.coupon dt {}
.product_list .pop_coupon .product_module.coupon dt span {display:block}

.product_list .pord_duble {width:528px; float:left; /*position:absolute; top:0; left:0; z-index:1;*/}/* 2021-092-29 수정 : 검색결과 대표이미지 노출 영역 옆 리스트 노출 *//* 2022-04-12 다시 원복*/
.product_list .pord_duble * {max-width:100%; text-align:center; background-color:#000;}
/* S: 2021-09-09 추가 : 검색결과 img_video 영역 */
.product_list .pord_duble .img_video {width:528px; height:347px;}
.product_list .pord_duble .img_video > * {width:100% !important; height:100% !important;}
/* E: 2021-09-09 추가 : 검색결과 img_video 영역 */

.product_list .pord_duble + ul > li:nth-child(-n+5) {min-height:347px;}/* 2021-09-29 추가 : 대표이미지 노출 영역 옆 리스트 중 첫번째 상품 높이가 대표이미지 보다 작을 경우 대비 */

/* 2021-06-11 :  추가 */
.product_list .coupon_wrap {text-align: center;}
.product_list .coupon_wrap li{margin-bottom: 0}
.product_list .coupon_wrap li:nth-child(4n+4){ margin-bottom: 60px; }
.product_list .coupon_wrap li:last-child{ margin-bottom: 0;}
/* //2021-06-11 :  추가 */

/* 2021-08-30 adult 배경 */
/* S: 2024-01-12 어덜트 수정*/
/* *[data-adult="Y"] .img_w:after, *[data-adult="Y"] .img:after, *[data-adult="Y"] .sets_img:after {background:#f5f7fa url('https://cdn.hddfs.com/front/images/KO/common/icon_19.png') 50% no-repeat; content:''; position:absolute; top:1px; right:1px; bottom:1px; left:1px;} */
*[data-adult="Y"] .img_w:after, *[data-adult="Y"] .img:after, *[data-adult="Y"] .sets_img:after {width:33%; max-width: 80px; height:100%; background:url('https://cdn.hddfs.com/front/images/KO/common/n/icon_adult_2.svg') 50% 50% no-repeat; background-size: contain; content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
*[data-adult="Y"] .img_w img, *[data-adult="Y"] .img img, *[data-adult="Y"] .sets_img img {filter: blur(6px); -webkit-filter: blur(6px);}
/* E: 2024-01-12 어덜트 수정*/
*[data-adult="Y"] .sets_img:after {background-size:82%;}

.product_list li.adult:hover .on_btn {display:none}

.product_list > ul > li:hover .chk{display: block;}
.product_list > ul > li.chk_on{display: inline-block;}
.product_list > ul > li.chk_on .chk{display: inline-block;} /* 2021-06-10 : 체크박스 체크 후에 체크 박스 노출*/

/* 2021-06-22 : 베스트 19금 이미지 */
.product_list.best_three ul li .img_w.img_vertical img{z-index: 0 !important;}
/* //2021-06-22 : 베스트 19금 이미지 */

.adult_popup {padding:30px 36px; color:#1b1e23}
.adult_popup strong.tit {display:block; font-size:14px; font-weight:600; line-height:20px; padding-left:52px; background:url('https://cdn.hddfs.com/front/images/KO/common/img_adult_small.png') 0 0 no-repeat}
.adult_popup ul {margin-top:20px}
.adult_popup li {position:relative; padding-left:6px; line-height:20px}
.adult_popup li::after {content:""; display:block; background:#1b1e23; width:2px; height:2px; position:absolute; top:9px; left:0}
.adult_popup strong.box {display:block; border-top:solid 1px #eef0f2; padding-top:40px; margin-top:20px; font-size:16px; line-height:24px; text-align:center}
.adult_popup em {color:#abb2be; display:block}
.adult_popup p {margin-top:20px; text-align:center; font-size:13px}
.adult_popup .phonecertification_btn {display:block; width:180px; height:180px; background:#f5f7fa; border-radius:200px; margin:40px auto 0; position:relative}
.adult_popup .phonecertification_btn::after {content:""; display:block; width:36px; height:52px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') 0 -247px no-repeat; position:absolute; top:46px; left:72px}
.adult_popup .phonecertification_btn span {display:block; font-weight:600; font-size:14px; text-align:center; line-height:20px; padding-top:105px}
.adult_popup dl {margin-top:40px}
.adult_popup dt {font-size:14px; font-weight:600; border-bottom:solid 1px #1b1e23; padding-bottom:10px; margin-bottom:10px}
.adult_popup dd {font-size:13px; position:relative; padding-left:6px; line-height:20px}
.adult_popup dd::after {content:""; display:block; background:#1b1e23; width:2px; height:2px; position:absolute; top:9px; left:0}


/* title_tab */
.title_tab {padding:35px 0 28px}
.title_tab li {display:inline-block; margin-right:20px; font-size:28px; font-weight:600; color:#ccd1d8;position:relative}
.title_tab a, .title_tab a:hover {color:#1b1e23 !important/*#ccd1d8*/; display:block} /* 2021-08-03 수정 : 폰트 색상 수정 */
.title_tab .on {color:#1b1e23}
.title_tab .on:after {content:''; display:block; width:6px; height:6px; background-color:#ea2829; border-radius:5px; position:absolute; top:-5px; right:-10px}

.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;border-radius:50%;background-color:#666}
.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}

.square_tooltip {display:inline-block; margin-left:0; text-align:left; position:relative; top:2px; font-weight:400}
.square_tooltip .btn {display:block; background:url('https://cdn.hddfs.com/front/images/KO/common/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 30px 20px 18px; z-index:1; line-height:18px; font-size:12px; top:28px; left:-35px; width:300px} /* 2021-06-25 수정 : 툴팁 내용과 닫힘 버튼 겹침 */
.square_tooltip.open .tooltip {display:block; text-indent:0}
.square_tooltip .tooltip:after {content:""; display:block; width:25px; height:11px; background:url('https://cdn.hddfs.com/front/images/KO/common/tooltip_icon.png') 0 0 no-repeat; background-size:18px auto; position:absolute; top:-11px; left:27px; z-index:0; -ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform:rotate(180deg)}
.square_tooltip .close {width:18px; height:18px; position:absolute; top:12px; right:12px; background:url('https://cdn.hddfs.com/front/images/KO/common/tooltip_close.png') 0 0 no-repeat; background-size:contain; text-indent:-9999px}
.square_tooltip .tooltip.type02 {padding-right:25px} /* 2021-06-25 수정 : 닫힘버튼과 텍스트 겹침 */
.square_tooltip .tooltip .ti {margin-bottom:15px;font-size:13px;font-weight:bold;color:#000;margin-top:0 !important;}

/* cart */
.cart_wrap {}
.cart_contens {min-height:534px;padding-right:312px;position:relative}
.cart_contens > div[class*="cont_"] {border-top:3px solid #1b1e23}
.cart_contens .cont_left {margin-right:48px}
.cart_contens .cont_left > .sorting_wrap {border-top:0}
.cart_contens .cont_left > .sorting_wrap + .cart_list {margin-top:-20px;}
.cart_contens .cont_right {width:312px; position:absolute; top:0; right:0}
/* .cont_right.floor {top:auto} */
.no_cartitem {padding:140px; font-size:20px; text-align:center; color:#abb2be}
.no_cartitem p {margin-top:20px;font-weight:600}
.pay_table {padding:0 20px 40px; border-bottom:1px solid #dde0e5}
.pay_table .pay_tit {padding:19px 0 16px; font-size:20px; font-weight:600; color:#1b1e23}
.pay_list dl {margin-bottom:10px}
.pay_list dl:last-child {margin-bottom:0}
.pay_list dl:after {content:''; display:block; clear:both; font-size:0; line-height:0}
.pay_list dt {float:left; font-size:13px; color:#5c6677}
.pay_list dd {float:right; text-align:right; font-size:14px; color:#5c6677}
.pay_list dd > * {display:block}
.pay_list dd strong {font-size:16px; color:#1b1e23}
.pay_list dl.total_pay {margin-top:16px; padding-top:16px; border-top:1px solid #dde0e5}
.pay_list dl.total_pay dt {font-size:14px; color:#1b1e23}
.pay_list dl.total_pay dt strong {font-size:18px; color:#ea2829}
.pay_list dl.total_pay dd {font-size:16px; color:#1b1e23}
.pay_list dl.total_pay dd strong {font-size:22px; color:#ea2829}
.pay_btm {margin-top:28px}
.pay_btm .noitem .btnxl_type1 {width:100%; margin-top:28px}
.pay_btm .pay_btns {position:relative}
/* .pay_btm .pay_btns .btnxl_type1:last-child {width:204px; margin-left:3px} */
/* S: 2021-06-23 추가 / 수정 :장바구니 로그인 전/후 주문버튼 사이즈 관련 */
.pay_btm .pay_btns .btnxl_type1 {width:100%;}
.pay_btm .pay_btns .maxprice + .btnxl_type1 {width:204px; margin-left:3px}
/* E: 2021-06-23 추가 / 수정 */
.pay_btm .pay_check {margin-bottom:12px; position:relative}
.pay_btm .pay_check .chk input {position:absolute;}/* 2021-07-30 추가 : IE input position */
.cont_right .login_box {padding:27px 0 28px; font-size:16px; font-weight:600; text-align:center; border-bottom: 1px solid #dde0e5}
.cont_right .login_box > p {margin-bottom:20px}
.cont_right .login_box + .pay_table .pay_tit {margin-top:5px}

/* cart list */
.cart_list {padding:0 0 0}
.cart_list .item_area {padding:28px 40px 32px 40px;border-bottom:1px solid #dde0e5; min-height: 240px;} /* 2021-06-07 최소 높이 추가 */
.cart_list .item_area:last-of-type {border-bottom:0;}
.cart_list .item_area + .hr_part {margin-top:-1px}
.cart_list .tit_wrap {padding-bottom:16px; display:flex; align-items:center; flex-wrap:wrap;}/* 2021-09-08 수정 : display:flex; align-items:center; flex-wrap:wrap; */
.cart_list .tit_wrap .tit_set {display:inline-block; font-size:18px; font-weight:600}
.cart_list .tit_wrap .discount {font-family:"TimesNewRomanPS-BoldMT"; font-size:16px; color:#ea2829; margin-left:6px;}
.cart_list .tit_wrap .discount em {font-weight:600;font-size:22px}
.cart_list .tit_wrap .setnum {display:inline-block;padding-left:8px}
.cart_list .tit_wrap .setnum em {font-weight:600;color:#1b1e23}
.cart_list .tit_wrap .txt01 {float:right;/* margin-top:9px;*/ color:#5c6677; flex:1 auto; text-align:right;}/* 2021-09-08 수정 : flex:1 auto; text-align:right;*/
.cart_list .tit_wrap .txt01 strong {color:#1b1e23}
.cart_list .tit_wrap .txt01 strong.c_red {color:#ea2829}
.cart_list .item_chk {position:relative;min-height:23px;margin-bottom:10px;z-index:1}
.cart_list .item_chk .btn_area {position:absolute;top:0; right:0}
.cart_list .item_chk .btn_area button {margin-top:-30px;margin-left:15px;overflow:hidden;font-size:0}
.cart_list .item_cont {position:relative}
.cart_list .item_cont a {display:block}
.cart_list .item_title {margin-bottom:15px}
.cart_list .item_title strong {font-size:14px;display:block; margin-bottom:2px; color:#000; 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_title span {font-size:14px;display:block; line-height:19px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:38px;}/* 2021-09-10 수정 : 2줄 유지로 높이값 추가 */
.cart_list .item_title em {margin-top:8px; color:#1B1E23; font-size:14px; font-weight:600; display:inline-block;}/* 2021-09-09 추가 : 세트상품 게별 수량 */
.cart_list .item_btm del {line-height:20px;font-size:14px;color:#abb2be}
.cart_list .item_info_wrap {float:left; width:460px;}
.cart_list .item_info_wrap:after {content:''; display:block; clear:both}
.cart_list .item_info_wrap > a {padding-left:168px}
.cart_list .item_info_wrap > a del {font-size:14px;}
.cart_list .item_info_wrap a:after {content:''; display:block; clear:both}
.cart_list .item_info_wrap .item_img {width:148px;height:148px; position:absolute; top:0; left:0}
.cart_list .item_info_wrap .item_img em.btn_play { position:absolute; top:5px; right:5px}
.cart_list .item_img img {width:100%}
.cart_list .item_img:after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(12,54,122,.04)}
.cart_list .item_info_wrap .por_icons {margin-bottom:5px; margin-left:-4px;}
.cart_list .pay {margin-bottom:7px} /* 2021-07-23 수정 : 15 → 7 */
.cart_list .pay strong {font-size:18px;color:#ea2829}
.cart_list .pay span {margin-left:5px; font-size:14px;color:#000}
.cart_list .total_count {margin-bottom:16px; color:#5C6677; font-size:14px;}
.cart_list .total_count strong {color:#1B1E23;}

/* 2021-07-07 추가 장바구니 세트 안내문구 추가 */
.cart_list .explain {margin-bottom:12px; padding-left:6px; color:#ABB2BE; font-size:12px; position:relative;}
.cart_list .explain:before {width:2px; height:2px; background-color:#ABB2BE; content:''; position:absolute; top:8px; left:0; display:inline-block;}

.cart_list .item_info_wrap a + .item_sel {margin-left:168px}
.cart_list .item_buy_wrap {float:right; width:120px}
.cart_list .item_buy_wrap .item_btm {float:right; width:120px}
.cart_list .item_sel {position:relative;margin-bottom:15px;margin-top:-5px}
.cart_list .item_sel .select {display:inline-block; width:100%; padding:0 60px 5px 0; line-height:30px; background:url('https://cdn.hddfs.com/front/images/KO/common/ico_btn_select.png') no-repeat right 50%; border:2px solid #000; border-width:0 0 2px 0; font-size:14px; font-weight:bold; 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_sel .sel_soldout {font-weight:bold; color:#abb2be; position:absolute; top:calc(50% - 12px); right:25px}
.cart_list .item_sel .sel_soldout + .select { color:#abb2be;}
.cart_list .item_sel .select_items {display:none; max-height:337px; background:#fff; border:1px solid #1b1e23; position:absolute; top:35px; left:0; z-index:2; overflow-y:scroll; width:100%;} /* 2021-07-29 수정 : z-index */
.cart_list .item_sel .select_items li {border-bottom:1px solid #dde0e5;}
.cart_list .item_sel .select_items li a {padding:16px; display:block; color:#1b1e23;}
.cart_list .item_sel .select_items li .nosel {display:block; padding:16px; padding-right:60px; color:#abb2be; position:relative;}
.cart_list .item_sel .select_items li .nosel em {display:block; height:15px; line-height:13px; padding-left:10px; border-left:1px solid #dde0e5; position:absolute; top:calc(50% - 6px); right:16px;}
.cart_list .item_sel .select_items li a.on, .cart_list .item_sel .select_items li a:hover {background:#dde0e5;}
.cart_list .cart_amount {float:left}
.cart_list .cart_amount span {font-size:14px;} /* 2021-06-28 추가 : 장바구니 버튼 폰트 사이즈 통일 */
.cart_list .item_buy:after {content:""; display:block; clear:both}
.cart_list .item_buy button {float:right}
.cart_list button.btn_change {float:left}
.cart_list > *:last-child {margin-bottom:0}
.cart_list .item_cont.type_de:after {content:''; display:block; clear:both}
.cart_list .item_cont.type_de .item_buy_wrap {padding:22px 0 8px}
.cart_list .item_cont.type_de .cart_amount {margin-bottom:8px}

.cart_list .item_cont .visual_item {width:148px; position:relative; background:#fff}
.cart_list .item_cont .visual_item:last-child {margin:0 !important}
.cart_list .item_cont .visual_item .item_img {width:148px; height:148px; position:relative; margin-bottom:10px}
.cart_list .item_cont .visual_item .item_img img {width:100%;height:auto}
.cart_list .item_cont .visual_item .item_img em.btn_play {position:absolute; top:5px; right:5px}
.cart_list .item_cont .main_item .item_img {border:1px solid #000}
.cart_list .item_cont .main_item .item_img:before {content:"필수";display:block;height:20px;line-height:20px;padding:0 8px;background:#1b1e23;font-size:11px;color:#fff;position:absolute;top:0;left:0}
.cart_list .item_cont .item_img img.icon_adult {width:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

.cont_swiper_w {position:relative}
.cont_swiper_w .swiper-wrapper {display:-webkit-box;display:-moz-box;display:-ms-flexbox}
.cont_swiper_w .cont_swiper .item_title strong {display:block;max-height:15px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;line-height:15px}
.cont_swiper_w .cont_swiper {position:relative; overflow:hidden}
.cont_swiper_w .swiper-prev {width:20px; height:20px; position:absolute; top:62px; left:-40px; cursor:pointer;}
.cont_swiper_w .swiper-next {width:20px; height:20px; position:absolute; top:62px; right:-40px; cursor:pointer; transform:rotate(180deg);}
.cont_swiper_w .swiper-prev:after, .cont_swiper_w .swiper-next:after {width:8px; height:12px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') 0 -74px no-repeat; content:''; position:absolute; top:50%; left:50%; display:inline-block; transform:translate(-50%, -50%);}
.cont_swiper_w .swiper-prev:hover {transform:rotate(180deg);}
.cont_swiper_w .swiper-next:hover {transform:rotate(0);}
.cont_swiper_w .swiper-prev:hover:after, .cont_swiper_w .swiper-next:hover:after {background-position:-10px -74px;}

.cart_list .brand_tit {height:62px; padding:19px 40px; margin-top:28px; background:#f5f6f8; font-size:16px; font-weight:600; position:relative}
.cart_list .brand_tit button {float:right; margin-top:3px; font-weight:600; color:#5c6677}
.cart_list .brand_tit .chk input {position:absolute;}/* 2021-07-30 추가 : IE input position */

.cart_list .num_amount.cart_amount {width:120px; height:48px; border:1px solid #dde0e5; text-align:center}
.cart_list .num_amount.cart_amount input {float:left; width:38px; height:46px; margin-top:0}
.cart_list .num_amount.cart_amount input[type="number"] {width:calc(100% - 76px); font-size:13px; font-weight:600}
.cart_list .num_amount.cart_amount input[type="text"] {width:calc(100% - 76px); font-size:13px; font-weight:600;border: none;text-align: center;}/* 2021-06-09 : 추가 */
.cart_list .num_amount.cart_amount input[type="button"]:first-of-type {background-position:center center}
.cart_list .num_amount.cart_amount input[type="button"]:last-of-type {background-position:center center}
/* .cart_list .num_amount.cart_amount input[type="button"]:disabled{opacity: 1 !important;} */
.cart_list .num_amount.cart_amount input[type="button"]:disabled{opacity: 1;} /* 2021-06-28 수정 : 장바구니 최소, 최대수량일때 회색표시 */

.cart_list .soldout a *:not(.item_img) {opacity:.5}
.cart_list .soldout .item_img:after {content:"SOLD OUT"; display:block; width:auto; height:auto; line-height:145px; background:rgba(247, 247, 247, 0.8); position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; text-align:center; font-size:18px; font-weight:600; color:#000}

.cart_list + .attention_area {margin-top:28px;} /* 2021-06-10 : 간격 수정*/

/* 2021-06-07 */
.cart_list .item_info_wrap a + .item_sel{margin-bottom: 0;margin-top: 4px;}
.cart_list .item_info_wrap a .pay{margin-bottom: 0;}
/* //2021-06-07 */

.cart_list .por_icons span {margin-left:2px; float:none;} /*2022-05-23 추가*/

/* dl_price 금액table */
.dl_price li {padding:0;border-top:1px solid #dde0e5}
.dl_price li:first-child {border-top:0}
.dl_price dl {display:table;width:100%;padding:8px 0}
.dl_price dl + dl {margin-top: -8px}
.dl_price dl.tr_sub {padding:8px 0 0 5px}
.dl_price dl.tr_sub:last-of-type {margin-bottom:3px}
.dl_price dt,
.dl_price dd {display:table-cell; font-size:13px; color:#1b1e23}
.dl_price dt {text-align:left; font-weight:bold}
.dl_price dd {text-align:right}
.dl_price dd strong {/*font-family:'roboto';*/font-size:14px}
.dl_price .tr_sub dt,
.dl_price .tr_sub dd {padding:0 0 5px 0; font-size:12px; font-weight:normal; color:#5c6677}
.dl_price .tr_sub dd strong {font-weight:normal}
.dl_price .total {margin-bottom:5px; border-top:2px solid #000;font-weight:bold}
.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:16px}

.square_tooltip.maxprice {position: relative}
.square_tooltip.maxprice .tooltip {width:328px; padding-right:20px; top: -272px; left:-340px}
.square_tooltip.maxprice .tooltip:after {top:290px; /*left:initial; right:-18px;*/left:319px; transform:rotate(-90deg)}
/* 2021-06-21 : 추가 */
.square_tooltip.maxprice .tooltip.on{display: block;}
/* //2021-06-21 : 추가 */
.maxprice .dot_list li {font-size:12px}

/*
input[type="checkbox"], input[type="radio"] {display:none}
*/

.item_modify {padding:0 20px}
.modify_table {padding:0; border-bottom:1px solid #dde0e5}
.modify_table th,
.modify_table td {min-height:64px; padding:13px 0; text-align:left; border-top:1px solid #dde0e5; font-size:16px; color:#1b1e23}
.modify_table tr:first-child th,
.modify_table tr:first-child td {padding-top:5px;border-top:0}
.modify_table .has_icons td {vertical-align:bottom}
.modify_table th .por_icons {margin-bottom:4px}
.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;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    max-height:44px; /* 2021-06-24 수정 : 텍스트 잘림으로 높이 조정 */
}
.modify_table .txt_ov_area > .txt_ov_ty {position:absolute;right:0;top:50%; margin-top:-10px; padding-left:8px;border-left:1px solid #abb2be;font-size:14px}

.modify_table .explain {color:#5C6677; font-size:13px;}
.modify_table .explain + table {margin-top:7px;}

.txt_disabled th .txt_ov_area, .txt_disabled td .num_amount {opacity: .3}
.txt_disabled td .num_amount input:disabled {opacity: 1 !important; color:#1b1e23}
.modify_total {display:table;width:100%;padding:20px 0}
.modify_total > p {display:table-cell; font-size: 16px; letter-spacing: 0; color:#1b1e23}
.modify_total > p > strong {position: relative;top: 1px; font-family: 'TimesNewRomanPS-BoldMT'; font-size: 20px;color: #ea2829}
.modify_total > p > strong .krw{font-size: 16px; color: #5c6677;font-weight: normal;word-break: keep-all;}
.modify_total > p:last-child > strong {font-size:22px}
.modify_total > p > .s_txt {padding-left:3px; color:#5c6677; font-size:13px; display:inline-block}
.modify_total > p > del {padding-right:3px; color:#1b1e23; font-size: 18px; display:inline-block}
.modify_total > p:last-child { max-width: 75%; text-align: right}
/* 2021-06-17 : 추가 */
.modify_total > p > span{display:inline-block}

/* passport */
.passport_wrap {padding:0 0 40px}

.passport_wrap .tit_guide {display:block; height:63px; line-height:63px; padding:0 20px; font-size:16px; font-weight:600; color:#1b1e23; position:relative}
.passport_wrap .tit_guide:after {content:''; display:block; width:10px; height:10px; background:url('https://cdn.hddfs.com/front/images/KO/common/ico_btn_select.png') no-repeat center center; position:absolute; top:50%; right:20px}
.passport_wrap .tit_guide + .guide_wrap {display:none;}
.passport_wrap .tit_guide.on + .guide_wrap {display:block;}
.passport_wrap .tit_guide.on:after {  -ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform:rotate(-180deg)}
.passport_wrap .form_wrap {border-top:1px solid #dde0e5}

.passport_wrap input[type="checkbox"] {position:absolute;}/* 2021-07-30 추가: IE input position */

.guide_wrap {padding:10px 0 36px; }
.guide_cont {width:520px; margin:0 auto}
.guide_cont .guide_img img {width:100%}
.guide_cont .guide_info {margin-top:24px}
.guide_cont .guide_info dl {margin-bottom:16px}
.guide_cont .guide_info dt {font-size:14px; font-weight:bold; color:#1b1e23}
.guide_cont .guide_info dd {margin-top:6px; font-size:13px; color:#1b1e23}

.form_wrap {padding:0 40px}
.form_wrap .form_tit {margin-top:36px; position:relative}
.form_wrap .form_tit .ti {font-size:20px; font-weight:600} /* 2021-06-10 : 수정 */
.form_wrap .form_tit .right_btn {position:absolute; top:0; right:0}
.form_wrap .form_tit .right_btn a{font-size: 13px;line-height: 31px;} /* 2021-06-10 : 추가 */
.form_lsit:after {display:block;clear:both;content:''}
.form_lsit li {float:left; width:50%; margin-top:20px}
.form_lsit li:nth-child(odd) {padding-right:20px}
.form_lsit li:nth-child(even) {padding-left:20px}
.form_lsit li.w100 {width:100%; padding:0}
.form_lsit li.li_sub {padding:18px 0 0 10px}
.form_lsit li .input_de {width:100%}
.form_lsit input[type='text'],
.form_lsit input[type='password'],
.form_lsit input[type='file'],
.form_lsit select {width:100%; font-size:14px} /* 2021-06-09 : 폰트사이즈 14로 조정*/
.form_lsit input[type='radio'] {position:absolute;} /* 2021-07-30 추가: IE input position */
.form_lsit .f_ti {margin-bottom:8px;color:#1b1e23; font-size: 13px;}/* 2021-06-09 : fonst size*/
.form_lsit .f_ti.ico_compulsory:after {content:'*';color:#f4511e;display: inline-block}
.form_lsit .form_txt_comment {margin-top:8px;color:#abb2be;font-size:12px}
.form_lsit .input_group1 {width:100%}
.form_wrap .btn_area {margin-top:60px}
.form_wrap .nomem_terms {margin-top:60px}
.nomem_terms .terms_tit {margin-bottom:28px; font-size:18px; font-weight:600; color: #1b1b1b}
.nomem_terms .terms_chk {display:flex; flex-wrap:wrap;}/*2022-09-21 추가*/
.nomem_terms .terms_chk:after {display:block;clear:both;content:''}
.nomem_terms .terms_chk li {float:left; width:50%;min-height:20px; margin-bottom:12px; position:relative; padding-right:45px;}/*2022-09-21 padding-right 추가, height를 min-height로 수정*/
.nomem_terms .terms_chk .chk_all {width:100%}
.nomem_terms .terms_chk .ck_arrow {display:block; width:20px; height:20px; background:url('https://cdn.hddfs.com/front/images/KO/common/arr_down_b.png') no-repeat center center; position:absolute; top:0; right:20px; overflow:hidden; text-indent:-1000px; transform: rotate(270deg);} /* 2021-06-10 : 수정 */
.nomem_terms input[type="checkbox"] {position:absolute;}/* 2021-07-30 추가: IE input position */

/* 유의사항 To-Be & As-Is */
/* .attention_wrap {padding:0 30px}
.attention_wrap .attention {position:relative;margin:0 -30px;padding:17px 0 0 48px;color:#666666;font-size:15px;border-top:1px solid #e5e5e5}
.attention_wrap .attention:before {position:absolute;top:20px;left:30px}
.attention_wrap .attention.type2 {border-top:none}
.attention_wrap .dot_list {margin-top:15px}
.attention_wrap .dot_list li {font-size:13px;line-height:20px;color:#999999}
.attention_wrap .dot_list li.point {color:#666666}
.attention_wrap .dot_list li:before {background-color:#c2c2c2}
.attention_wrap .dot_list li .xsmall {margin:-1px 0 -3px 5px}
.attention_wrap .dot_list li .xsmall i {position:relative;top:-1px;margin-left:10px} */
/*
.attention_wrap.type2 {padding:0}
.attention_wrap.type2 .attention {padding:52px 0 0 0;margin:0;font-size:24px;letter-spacing:-.075em;color:#333333;border-color:transparent}
.attention_wrap.type2 .attention:before {display:none}
.attention_wrap.type2 .dot_list {margin-top:10px}
.attention_wrap.type3 {padding:17px 20px;background-color:#f9f9f9;border:1px solid #e5e5e5}
.attention_wrap.type3 .attention {padding:0;margin:0;color:#333333;border:none}
.attention_wrap.type3 .attention:before {display:none}
.attention_wrap.type3 .dot_list {margin-top:10px}
.attention_wrap.type3 .dot_list li {color:#666666} */

.attention_area,
.attention_wrap {margin-top:60px}
.attention_area {display:none;}
.attention_tit,
.attention_wrap .attention {padding-bottom:8px; margin-bottom:12px; border-bottom:1px solid #1b1e23; font-size:16px; font-weight:600; color:#1b1e23;} /* 2021-06-11 : 폰트사이즈 수정 */
.attention_list li,
.attention_wrap .dot_list li {position:relative; padding-left:8px; font-size:13px; color:#1b1e23}
.attention_list li + li,
.attention_wrap .dot_list li + li {margin-top:8px}
.attention_list li:before,
.attention_wrap .dot_list li:before {content:'';position:absolute;top:7px;left:0;width:3px;height:3px;background-color:#1b1e23}
.attention_list .small_attention{margin:10px 0;}
.attention_list .small_attention li{color:#5c6677;}
.attention_list .small_attention li:before{width:5px; height:1px;top:9px;}
.attention_list a,
.attention_wrap .dot_list a {text-decoration:underline; color:#1b1e23;}
.layer_popup .attention_list li:before {width:2px;height:2px}

/* S: 2021-09-30 추가 : 전자영수증 팝업 */
.attention_area .tit_strong {margin-bottom:8px; color:#1B1E23; font-size:14px; font-weight:bold;}
.attention_area .tit_strong + div {color:#1B1E23; font-size:13px;}
.attention_area div + .tit_strong {margin-top:28px;}
.attention_area .info_table2 th, .attention_area .info_table2 td {padding:20px 10px; color:#1B1E23;}
.attention_area .info_table2 td {text-align:left;}
.attention_area .tb_list2 table {border-top:2px solid #1b1e23; color:#1B1E23;}
.attention_area .tb_list2 table td {padding:20px 10px; border-bottom:1px solid #EEF0F2;}
.attention_area .tb_list2 table td + td {border-left:1px solid #EEF0F2;}
.attention_area .tb_list2 table td.tc {font-size:13px; font-weight:bold;}
.attention_area .dot_list + .tb_list2 {margin-top:30px;}
/* E: 2021-09-30 추가 : 전자영수증 팝업 */

/* terms */
.textsection_area {font-size:13px}
.textsection_area > ul > li {margin-bottom:28px;line-height:20px;color:#1b1e23}
.textsection_area > ul > li > div {font-size:14px;}
.textsection_area li h4 {margin-bottom:8px;font-size:14px;font-weight:bold}
.textsection_area li h5 {margin-bottom:8px;font-size:12px;font-weight:bold}
.textsection_area li .dot_list li {margin-bottom:8px}
.textsection_area .dot_list li:before {content:'';position:absolute;top:9px;left:0;width:3px;height:3px;background-color:#1b1e23}
.textsection_area li:last-child {margin-bottom:20px}

/* departure */
.departure_list li {margin-bottom:12px}
.departure_list li .chk {display:block}
.departure_list li .chk input[type='radio'] {display:none;}
.departure_list li img {width:auto}
.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 {position:absolute}
.departure_list li label:before {margin:0;top:16px !important;left:16px !important}
.departure_list li .air_dename {margin-top:20px;font-size:16px;font-weight:bold;color:#000}
.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:1px 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:18px;font-weight:bold;color:#000}
.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 li input[type='radio'] + label {padding:0}
.departure_list li input[type='radio']:checked + label {border-color:#1b1e23}
.departure_list li input[type='radio']:checked + label .air_dename:after {background:#1b1e23}

.departure_list.list_ty1 {margin:0 -6px}
.departure_list.list_ty1:after {content:''; display:block; clear:both}
.departure_list.list_ty1 li {width:50%; float:left; padding:0 6px}
.departure_list.list_ty1 li label {text-align:left}
.departure_list.list_ty1 li input[type='radio'] + label {padding-left:48px}
.departure_list.list_ty1 li .air_dename {margin-top:14px}
.departure_list.list_ty1 dl {margin-bottom:17px}
.departure_list.list_ty1 dl dt,
.departure_list.list_ty1 dl dd {display:inline-block;font-size:12px;color:#1b1e23}
.departure_list.list_ty1 dl dt {margin-right:4px;color:#5c6677}
.departure_list.list_ty1 dl dd {padding-right:12px}

/* air_choice */
.air_choice {margin:0 -6px}
.air_choice:after {content:''; display:block; clear:both}
.air_choice li {width:50%; float:left; padding:0 6px;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 35px 14px 20px;border:1px solid #eef0f2;border-radius:8px;color:#1b1e23;font-size: 14px; word-break:break-word;}*/ /* 2021-07-08 수정 :  padding 14px 20px → 14px 35px 14px 20px / word-break 추가 *//*2024-02-06 항만편 수정*/
.air_choice label {display:flex;padding:0 35px 0 16px; border:1px solid #eef0f2; border-radius:8px; color:#1b1e23; font-size: 14px; word-break:break-word; height:50px; align-items:center;}/*2024-02-06 항만편 수정*/
.air_choice label span {color:#5c6677}
.air_choice label strong {color:#0288d1}
.air_choice .pin {display:block;width:18px;height:18px;background:url('https://cdn.hddfs.com/front/images/KO/common/ic_pin_off.png') no-repeat 0 0;position:absolute;top:50%;right:20px;margin-top:-9px}
.air_choice .pin.on {background:url('https://cdn.hddfs.com/front/images/KO/common/ic_pin_on.png') no-repeat 0 0}
.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('https://cdn.hddfs.com/front/images/KO/common/ic_pin_on2.png') no-repeat 0 0;opacity:1}
#ship_choice label {padding:0 16px; flex-direction:column; align-items:unset; justify-content:center; height:52px;}/*2024-02-06 항만편 수정*/
#ship_choice label span {margin-left:-2px;}/*2024-02-21 항만편 수정*/

.air_choice + .tab-action {margin-top:38px}
.air_choice + .src_box {margin-top:30px}

/* spacial */
.spacialbanner_wrap {overflow:hidden;}
[class^="spe_"] + .spacialbanner {margin-top:60px;}
.spacialbanner {max-width:1520px; min-width:1080px; width:100%; margin:0 auto 40px; position:relative; padding-bottom:40px; z-index:2; min-height:200px;}
.spacial-swiper {overflow:hidden; position:absolute; top:0; right:0; left:0;}
.spacial-swiper .swiper-wrapper {width:100%}
.spacial-swiper .swiper-slide {display:block; width:50%; height:100%; position:relative; overflow:hidden; text-align:center;}/* 2021-09-10 수정 : 이미지사이즈 작을 경우 중앙정렬 */
.spacial-swiper .swiper-slide img {width:760px; max-width:inherit;} /* 2021-09-17 : width 추가, max-width 제거 */
.spacial-swiper .swiper-slide .iframe_dim {position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; background-color:rgba(0,0,0,0.4);}/* youtube 콘트롤 후 배경 삭제 */
.spacial-swiper .swiper-slide iframe {width:100%; height:100%; position:absolute; top:0; left:0;}
.spacial-swiper .text {position:absolute; top:60px; right:60px; left:60px; color:#fff; text-align:left;}/* 2021-09-10 수정 : text-align:center 추가 */
.spacial-swiper .text p {font-weight:bold; font-size:46px; line-height:60px; font-weight:600; text-shadow:0px 4px 5px rgb(0, 0, 0, .4); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all;} /* 2021-06-11 : 한줄 처리 추가 */
.spacial-swiper .text span {display:block; font-size:20px; /*list-style:29px;*/ margin-top:20px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-shadow:0px 2px 3px rgb(0, 0, 0, .2)}/* 2021-08-02 수정 : 말줄임 */
.spacial-swiper video {width:100% !important}/* 2021-09-16 수정 : important 추가 */
.spacialbanner .controller {width:100%}
.spacialbanner .controller div {cursor:pointer}
.spacialbanner .swiper-prev,
.spacialbanner .swiper-next {width:60px; height:60px; background-size:100% auto !important; position:absolute; top:calc(50% - 80px); z-index:1}
.spacialbanner .swiper-prev {left:10px; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_arr_hl.png') 0 0 no-repeat}
.spacialbanner .swiper-next {right:10px;background:url('https://cdn.hddfs.com/front/images/KO/common/btn_arr_hr.png') -8px 0 no-repeat}
.spacialbanner div.swiper-pagination {position:relative; margin-top:30px}
.spacialbanner .swiper-pagination span {display:inline-block; width:10px; height:10px; margin:0 5px}
.spacialbanner .swiper-pagination span.swiper-pagination-bullet-active {width:22px; border-radius:10px; background:#1b1e23}
.spacialbanner.h360 .swiper-wrapper {height:360px}
.spacialbanner + .spe_hashtag, .spe_edit + .spe_hashtag, .spe_edit + .spacialbanner, .recommend_brand + .spe_hashtag {margin-top: 60px !important}/* 2021-06-09 : 추가 */
.spacialbanner.h720 .swiper-wrapper {height:650px}/* 2021-10-15 수정 : 높이 720 → 650 */
/* 2021-06-07 추가  */
.spacialbanner.h720 .no-image{position: relative;;background-color: #d2d9e5;}
.spacialbanner.h720 .no-image img{ display: block; position: absolute; top: 50%; left: 50%; width: 200px; height: 194px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
/* //2021-06-07 추가  */

.brandtit_area + .spacialbanner {max-width:1080px;}/* 2021-10-15 추가 : 브랜드샵 상단 비주얼 */
.brandtit_area + .spacialbanner .spacial-swiper .swiper-slide video {width:auto !important; max-width:100% !important; max-height:100%; height:100%; margin:0 auto; display:block;}
.brandtit_area + .spacialbanner .spacial-swiper .swiper-slide img {width:540px;} /* 2021-10-15 추가 */

/* 2021-09-10 추가 : 상단 슬라이드 비주얼 높이 관련(스크립트 실행 최소화) */
.spacialbanner.h360 {padding-top:360px !important;}
.spacialbanner.h720 {padding-top:650px !important;}

.price_info::after{display:block; content:''; clear:both;}
.price_info p{font-size:14px; line-height:20px; color:#1b1e23; margin:16px 0; height:40px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; word-wrap: break-word;}
.price_info .num_amount{float:left;}
.price_info .num_amount input {float:left;}
.price_info .num_amount::after{display:block; content:''; clear:both;}
.price_info .num_amount input[type="button"] {background-position: center;}
.price_info .num_amount input[type="number"] {font-weight:600; font-size:13px}

/* cuopon */
.newcoupon_box .down_btn {padding:30px 0 20px; text-align:right}
.newcoupon_box .page_stit + .down_btn {margin-top:-80px}
.newcoupon_box .possible_brand {width:100%; padding-top:60px; margin-top:60px; margin-bottom:-60px; background:#fff}
.newcoupon_box .possible_brand .page_stit {margin:0;}
.mycoupon_info {padding:50px 42px; background:#fff url('https://cdn.hddfs.com/front/images/KO/common/bg_wave.gif') repeat-x 0 0}
.info_cont:after {content:''; display:block; clear:both}
.info_cont > li {float:left; height:90px; position:relative}
.info_cont > li + li {padding-left:30px}
.info_cont > li + li:after {content:''; display:block; width:1px; height:30px; background:#eef0f2; position:absolute; top:calc(50% - 15px); left:0}
.info_cont .mylv {width:49.333%; min-height:60px; font-size:20px; position:relative; padding-left:80px}

/* 2021-07-08 추가 이름 두줄 줄바꿈 */
.info_cont .mylv p {display:flex; align-items:flex-end;}
.info_cont .mylv p:after {clear:both; content:''; display:block;}
.info_cont .mylv p strong {max-width:365px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; float:left;}
.info_cont .mylv p strong:after {content:'님은'; font-weight:400;}
.info_cont .mylv p strong.ellipsised:after {display:none;}
.info_cont .mylv p strong + em {display:none;}
.info_cont .mylv p strong.ellipsised + em {display:inline-block;}

.info_cont .mylv a {display:block; clear:both; margin-top:12px; font-size:14px}
.info_cont .mylv a:after {content:''; display:inline-block; width:16px; height:16px; background:url('https://cdn.hddfs.com/front/images/KO/common/arr_down_b.png') no-repeat; overflow:hidden; transform:rotate(-90deg); vertical-align:middle; opacity:0.5}
.info_cont .mylv [class*=lv_on_up] {display:block; position:absolute; top:0; left:0}
.info_cont .mylv [class*=lv_on_up],
.info_cont .mylv [class*=lv_off_up],
.info_cont .mylv [class*=lv_bcos_up] {width:60px; height:60px; background-size:60px 60px}
.info_cont .myhas {width:170px}
.info_cont .myhas dl {position:relative; height:100%}
.info_cont .myhas dt {font-weight:600}
.info_cont .myhas dd {position:absolute; right:20px; bottom:0}
.info_cont .myhas dd strong {font-size:32px}
.info_cont .mynote {width:33.333%}
.info_cont .mynote .dot_list {margin-top:-14px}
.info_cont .mynote .dot_list li {margin-top:14px;}
.info_cont .mynote .dot_list li a {display:block; padding-right:90px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.info_cont .mynote .dot_list li a span {position:absolute; right:0}
.coupon_regist {margin-top:42px; padding:30px; background:#f5f7fa; text-align:center}
.coupon_regist > * {display:inline-block}
.coupon_regist dt {margin-right:20px; font-weight:600}
.coupon_regist dt .square_tooltip {margin-left:5px;}
.coupon_regist dd input[type='text'] {width:340px; height:48px; margin-right:-1px; border-color:#788497}

/* .cupon-swiper {width:1080px; overflow:hidden; margin-top:100px;} */

.cuponbrand {width:1080px; margin-top:30px; position:relative;}
.cuponbrand .product_module {width:1080px; overflow:hidden; position:relative}
.cuponbrand .swiper-wrapper {width:100%}
.cuponbrand .swiper-slide {display:block; width:200px}
.cuponbrand .product_module.module_circle .product_itme {width:200px; margin-right:20px}
.cuponbrand .product_module .img::before {display:none}
.cuponbrand .product_module.module_circle em {margin-top:0;  font-weight:600}
.cuponbrand .swiper-slide a {display:block}
.cuponbrand .img {display:block; width:160px; height:160px; border-radius:200px; overflow:hidden}
.cuponbrand .img img {width:100%}
/* .cuponbrand .swiper-prev {width:60px; height:60px; position:absolute; bottom:120px; left:-80px; cursor:pointer}
.cuponbrand .swiper-prev::after {content:""; display:block; position:absolute; top:16px; left:22px;; width:16px; height:29px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') 0 -45px no-repeat}
.cuponbrand .swiper-next {width:60px; height:60px; position:absolute; bottom:120px; right:-80px; cursor:pointer}
.cuponbrand .swiper-next::after {content:""; display:block; position:absolute; top:16px; left:22px; width:16px; height:29px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') 0 -45px no-repeat; transform:rotate(180deg)} */
.cuponbrand .swiper-prev {width:60px; height:60px; position:absolute; top:79px; left:-80px; cursor:pointer}
.cuponbrand .swiper-prev::after {content:""; display:block; position:absolute; top:16px; left:22px;; width:16px; height:29px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') 0 -45px no-repeat}
.cuponbrand .swiper-next {width:60px; height:60px; position:absolute; top:79px; right:-80px; cursor:pointer}
.cuponbrand .swiper-next::after {content:""; display:block; position:absolute; top:16px; left:22px; width:16px; height:29px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') 0 -45px no-repeat; transform:rotate(180deg)}

/* S: 2021-06-23 추가 : 슬라이드 화살표 hover */
.cuponbrand .swiper-prev:hover::after {transform:rotate(180deg);}
.cuponbrand .swiper-next:hover::after {transform:rotate(0);}
.cuponbrand .swiper-prev:hover::after, .cuponbrand  .swiper-next:hover::after {background-position:-18px -45px;}
/* E: 2021-06-23 추가 : 슬라이드 화살표 hover */

#content.special_content {width:100%}
.special_content .spe_hashtag { width:970px; margin:0 auto}
.special_content .spe_hashtag p {position:relative; font-size:20px; line-height:40px; font-weight:600; color:#ffffff; background:#1b1e23; width:77px; height:40px; text-align:center; margin:0 calc((100% - 77px)/2) }
.special_content .spe_hashtag p::after {display:block; content:''; position:absolute; left:0; bottom:-11px; width:0; height:0; border-top:6px solid #1b1e23; border-left:6px solid #1b1e23; border-right:6px solid transparent; border-bottom:6px solid transparent}
.special_content .spe_hashtag .tag_group {margin:29px auto 0; text-align:center}
.special_content .spe_hashtag .tag_group a {position: relative;;display:inline-block; font-size:30px; line-height:45px; color:#1b1e23; font-weight:600; padding:0 5px; margin:0 20px}
.special_content .spe_hashtag .tag_group a:first-child {margin-left:0}
.special_content .spe_hashtag .tag_group a:nth-child(6) {margin-left:0}
.special_content .spe_hashtag .tag_group a:hover:after {content:""; display: block; width: 100%; height:2px; background-color: #1b1e23; position: absolute; left:0; bottom: 0;} /* 2021-06-09 : 추가 */
.special_content .recommend_brand {background:#f5f7fa; padding:60px 0; margin-top:60px}
.special_content .recommend_products {}
.special_content .product_list {width:1080px; margin:0 auto; text-align:center;}/* 2021-09-23 추가 : 특화관 리스트 중앙정렬 위함 */
.special_content .product_list ul {/*margin:0 auto; display:inline-block;*/}/* 2021-09-23 수정 : margin 제거, display 제거(.special_content .product_list 중앙정렬 처리) */
.special_content .filter_wrap {width:1080px; margin:0 auto}
.special_content .sorting_wrap {width:1080px; margin:60px auto 25px}
.special_content .spe_edit + .spe_coupon {margin-top:120px;}
.special_content .spe_coupon {margin-top:60px} /* 20210701 수정 60 → 20 */
.special_content .spe_coupon + .spe_coupon {margin-top:20px}
.special_content .spe_coupon + .spe_hashtag {margin-top:60px;} /* 2021-07-21 추가 */
.special_content .spe_edit .box video, .special_content .spe_edit .box iframe {max-width:100%; margin:0 auto; display:block;}/* 2021-09-28 추가 : 특화관 BO등록 */
/* 2021-06-18 : 추가  */
.special_content .product_list .on_btn .on_btn_group .btn_none_border{border: none !important}
/* //2021-06-18 : 추가  */

.spe_hashtag + .spe_edit {margin-top:100px;}
.spe_edit {width:960px; margin:60px auto 0;}
.spe_edit .box {}
.spe_edit .box video {max-width:100%}
.spe_edit .box img {max-width:100%}
.spe_edit iframe {margin-right:auto; margin-left:auto; display:block;}/* 2021-09-14 추가 : 스트리밍 영상 중앙정렬 */

.cuopondown_area .spe_coupon + .tab-action {margin-top:60px;}

.cuopondown_area {margin-bottom:60px} /* 2021-09-16 수정 : 40 → 60 */
.cuopondown_area .spe_coupon  {padding-top:40px}
.cuopondown_area .spe_coupon:first-child  {padding-top:0}
.cuopondown_area .down_btn + .spe_coupon {padding-top:0;}
.spe_coupon ul {width:1080px; margin:20px auto 0; display:flex; flex-wrap:wrap;}
.spe_coupon ul:first-child {margin-top:0}
.spe_coupon ul::after {display:block; content:''; clear:both}
.spe_coupon li {margin-bottom:-1px;border:1px solid #ccd1d8; padding:20px; width:33.3333%; float:left; background:#fff;margin-left: -1px;position: relative;} /* 2021-06-14 : 수정 */
.spe_coupon li:first-child {border-left:1px solid #ccd1d8}
/* .spe_coupon li:nth-child(4) {border-left:1px solid #ccd1d8; margin-bottom:0}
.spe_coupon li:nth-child(5) {margin-bottom:0} */
.spe_coupon li::after {display:block; content:''; clear:both}
.spe_coupon li .square_coupon {} /* 2021-06-09 : 삭제 */
.spe_coupon li .square_coupon p {font-size:14px; line-height:22px; color:#1b1e23; font-weight:600}
.spe_coupon li .square_coupon dt {font-size:29px; line-height:40px; font-weight:600}
.spe_coupon li .square_coupon dt em {margin-bottom:-4px; margin-left:2px; font-size:16px; vertical-align:bottom; display:inline-block;} /* 2021-06-22 : 추가 */
.spe_coupon li .square_coupon dd {height:36px; font-size:12px; line-height:18px; color:#7a828e}
.spe_coupon li .square_coupon dd p {font-size:12px; line-height:18px; color:#7a828e; font-weight:400}
/*.spe_coupon li a*/.spe_coupon li .download {display:block; position: absolute;top:59px;right:30px;text-indent:-9999px; background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/download_btn.png')no-repeat; width:24px; height:24px}/* 2021-06-09 : position 추가 / 2021-06-22 : 테그수정에 따른 지정테그 수정 */
.spe_coupon .has_chk .chk {position:absolute; top:20px; left:20px}
.spe_coupon .has_chk li {padding-left:50px;position:relative}
.spe_coupon .download_complete a.square_coupon {pointer-events:none; cursor:default;} /* 2021-06-22 추가 : 받기완료 쿠폰 링크 비활성화 */
.spe_coupon .download_complete .square_coupon p {color:#abb2be}
.spe_coupon .download_complete .square_coupon dt, .spe_coupon .download_complete .square_coupon dd, .spe_coupon .download_complete .square_coupon dd p {color:#abb2be}
/*.spe_coupon .download_complete a*/.spe_coupon .download_complete .download {display:block; text-indent:0; background:#abb2be; font-size:13px; line-height:19px; border-radius:20px; width:auto; height:31px; padding:6px 12px; text-align:center; color:#ffffff} /* 2021-06-22 : 테그수정에 따른 지정테그 수정 */

/* brand shop */
.brandtit_area {width:1080px; margin:0 auto; position:relative}
.brandtit_area .btn_area {position:absolute; top:0; right:0}
.brandtit_area .btn_area button {margin-left:20px}
.brand_explain {width:1080px; margin:0 auto}
.brand_explain .spe_video {margin:0 auto;position: relative;}
.brand_explain .spe_video video {max-width:100%;/* height: 100%;*/ margin-right:auto; margin-left:auto; display:block;} /* 2021-09-28 : 높이 제거 */
.brand_explain .spe_video iframe {max-width:100%; /* max-height:100%;*/ /*min-height:422px;*/ margin-right:auto; margin-left:auto; display:block;}/* 2021-09-28 : 높이 제거 */
/* 2021-06-16 :  추가 */
.brand_explain .spe_image{width:960px; height:540px; margin:0 auto;}
.brand_explain .spe_code{width:960px; /*height:540px;*/ margin:0 auto;}
.brand_explain .spe_image > *, .brand_visuals .spe_code > * {height:100%;}
.brand_explain .spe_image img, .brand_visuals .spe_code img {height:auto; max-height:100% !important;}

.brand_visuals {width:1080px; /*min-height:330px; */margin:100px auto; position:relative; /*padding-bottom:50px*/}
/* .brand_visuals:after {content:''; display:block; height:330px; background:#f5f7fa; position:absolute; left:0; right:0; bottom:0; z-index:-1} 2021-09-24 제거 */
.brand_visuals .spe_video {margin:0 auto;position: relative;}/* 2021-09-28 수정 : width 제거 */
.brand_visuals .spe_video video {max-width:100%; /*height: 100%;*/ margin-right:auto; margin-left:auto; display:block;} /* 2021-06-17 : 높이 추가 */
.brand_visuals .spe_video iframe {max-width:100%; /*height:100%; min-height:422px;*/ /*position:absolute;*/ margin-right:auto; margin-left:auto; display:block;}/* 2021-09-28 수정 : 높이값 지정으로 position 제거 */
/* 2021-06-16 :  추가 */
.brand_visuals .spe_image{width:960px; height:540px; margin:0 auto;}
.brand_visuals .spe_code{width:960px; /*height:540px;*/ margin:0 auto;}
.brand_visuals .spe_image > *, .brand_visuals .spe_code > * {height:100%;}
.brand_visuals .spe_image img, .brand_visuals .spe_code img {height:auto; max-height:100% !important;}
/* //2021-06-16 :  추가 */
.brand_visuals > * + * {margin-top:30px !important;}/* 2021-09-07 브랜드 설명 콘텐츠 간 여백 */

.banner {}
.newcoupon_box .down_btn {padding:20px 0; text-align:right}
/* 2021-06-15 : 비디오 제어 추가*/
.video_controller{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 5; }
.video_controller .btn_video_play span,
.video_controller .btn_video_pause span{display: inline-block;text-indent: -100px;overflow: hidden;}
.video_controller .btn_video_play{}
.video_controller .btn_video_pause{display:none}
/* //2021-06-15 : 비디오 제어 추가*/

/* 좋아요 하트 애니메이션 */
/* .bull_like_area{position: relative;}
.bull_like_area.after_login{} 로그인 사용자 */
.brandtit_area .after_login{}
.brandtit_area .after_login img{display: none;}
.brandtit_area .after_login .motion_area{display: none;}
.brandtit_area .after_login.on img{display: block;}
.brandtit_area .after_login.on .heart-motion{position: relative;}
.brandtit_area .after_login.on .motion_area{display: block;position: absolute;top:-30px;left:43px;z-index: -1; opacity: 1;width: 90px;height: 90px;overflow: hidden;}
.brandtit_area .btn_area span:only-child .after_login.on .motion_area{left: -10px}


/* .brandtit_area .motion_area svg{width:120px!important; height:120px!important} */

/* 2021-06-16 : 상품상세 좋아요 추가 */
.brand_info .b_notice.on::before{display: none !important;}
.brand_info .after_login img{display: none;}
.brand_info .after_login .motion_area{display: none;}
.brand_info .after_login.on img{display: block;}
.brand_info .b_notice{text-indent: 0 !important;}
.brand_info .after_login.on .heart-motion{position: relative;}
.brand_info .after_login.on .motion_area, .btn_like.on .motion_area {display: block;position: absolute;top:0;left:0;z-index: 0; opacity: 1;width: 70px;height: 70px;overflow: hidden;}
.btn_like {position:relative;}
.btn_like .motion_area {display:none;}
/* //2021-06-16 : 상품상세 좋아요 추가 */

/* 주문결제 */
/* .orderpayment_wrap {padding-top: 35px;} 2021-06-30 제거 : 타이틀 영역 탭으로 교체하여 간격 제거 */
.orderpayment_wrap h3 {display:block; color:#1b1e23; font-size:28px; line-height:41px; font-weight:600}
/* .payment_board {margin-top:28px} 2021-06-29 제거 : 타이틀 수정에 따른 상단여백 제거 */
.payment_board::after {content:""; display:block; clear:both}
.payment_board > div {border-top:solid 3px #1b1e23}
.payment_board input[type='radio'], .payment_board input[type='checkbox'] {display:none;}/* 2021-07-30 추가 : IE input hidden */
.order_sheet {width:720px; padding-top:20px}
.order_sheet .notice_board {background:#eef0f2; border-radius:10px; line-height:21px; padding:19px 20px 19px 56px; position:relative; font-size:13px}
.order_sheet .notice_board::before {content:""; display:block; width:18px; height:14px; position:absolute; top:23px; left:20px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_sprite_01.png') -51px -119px no-repeat}
.order_sheet .accordion {margin-top:20px}
.order_sheet .accordion > li {margin-top:36px; padding-top:36px; border-top:solid 1px #dde0e5}
.order_sheet .accordion > li:first-child {margin-top:0; padding-top:0; border-top:0}
.order_sheet .guestorder + .accordion > li:first-child {border-top:solid 1px #dde0e5; padding-top:36px; margin-top:36px}/* 2021-09-08 추가 : 비회원주문 */
.order_sheet .guestorder + .accordion > li {border-top:solid 1px #dde0e5; padding-top:36px; margin-top:36px}/* 2021-09-08 추가 : 비회원주문 */
.order_sheet .title {font-size:20px; line-height:29px; position:relative;} /* 2021-06-30 수정 : relative 추가 */
/* 2021-06-14 : 추가 */
.order_sheet .title .pirce{margin-left: 0;}
.order_sheet .title .sale{margin-left: 0}
/* //2021-06-14 : 추가 */
.order_sheet .title::after {content:""; display:block; clear:both}
.order_sheet .title h4 {display:block; float:left; color:#1b1e23; font-weight:600}
.order_sheet .title em {display:block; float:left; color:#abb2be; margin-left:8px; font-weight:600}
/* .order_sheet .title a.btn {display:block; float:right; width:24px; height:24px; text-indent:-9999px; position:relative}
.order_sheet .title a.btn::before {content:""; display:block; width:8px; height:12px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -10px -74px no-repeat; transform:rotate(90deg); position:absolute; top:6px; left:8px; transition:all .2s} */
/* S: 2021-06-30 수정 : 버튼 타이틀 덮는 스타일로 수정 */
.order_sheet .title a.btn {text-indent:-9999px; position:absolute; top:0; right:0; bottom:0; left:0;}
.order_sheet .title a.btn::before {content:""; display:block; width:8px; height:12px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -10px -74px no-repeat; transform:rotate(90deg); position:absolute; top:6px; right:8px; transition:all .2s}
/* E: 2021-06-30 수정 : 버튼 타이틀 덮는 스타일로 수정 */
.order_sheet .accordion .open .title a.btn::before {transform:rotate(-90deg); transition:all .2s}
.order_sheet .gift_list {}
.gift_list span {margin:8px 0 28px; display:block; font-size:13px; color:#1b1e23}
.gift_list span strong {font-weight:600}
.gift_list ul {margin-top:28px}
.gift_list li {display:inline-block; width:calc(50% - 4px); vertical-align:top; position:relative; min-height:60px; margin-top:20px; padding-right:80px}
.gift_list li:nth-child(1), .gift_list li:nth-child(2) {margin-top:0}
.gift_list li::before {content:""; display:block; width:26px; height:26px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_sprite_01.png') -51px -143px no-repeat; position:absolute; right:23px; top:17px}
.gift_list li strong {color:#1b1e23; font-weight:600; line-height:21px}
.gift_list li p {color:#5c6677; line-height:20px}
.order_sheet .coupon_list {border-top:none;padding-bottom:0;}
.coupon_list {margin-top:30px}
.coupon_list::after {content:""; display:block; clear:both}
.coupon_list .coupon_select {float:left; width:350px; height:73px; margin-left:20px; background:#f4f5f6; padding:16px 58px 0 20px; position:relative}
.coupon_select:first-child {margin-left:0}
.coupon_select .box {float:left}
.coupon_select .box:nth-child(2) {float:right; text-align:right}
.coupon_select strong {display:inline-block; line-height:20px} /* 2021-06-14 : 수정 */
.coupon_select p {line-height:20px; margin-top:2px; color:#5c6677; font-size:13px}
.coupon_select .box:nth-child(2) p {color:#1b1e23}
.coupon_select .seemore_btn {display:block; width:8px; height:12px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -10px -74px no-repeat; position:absolute; right:25px; top:50%; margin-top:-6px; text-indent:-9999px}
.card_discount {margin-top:28px}
.card_discount .chk {}
.card_discount .chk::after {content:""; display:block; clear:both}
.card_discount li {position:relative;float:left; width:350px; height:100px; border:solid 1px #dde0e5; margin:12px 0 0 20px}/* 2021-09-16 수정 : height 80 → 100 */
.card_discount li.checked {box-shadow:6px 6px 10px 0 rgba(0,0,0,.05); border:solid 1px #1b1e23}
.card_discount li:nth-child(1), .card_discount li:nth-child(2) {margin-top:0}
.card_discount li:nth-child(2n+1) {margin-left:0}
.card_discount .chk input[type='radio'] + label {display:block; height:100%; margin:20px 20px 0} /* 2021-07-28 수정 padding:0 20px 0 → margin:20px 20px 0 */
.card_discount .chk input[type='radio'] + label.no_use {margin-top:20px;}
.card_discount .chk input[type='checkbox'] + label::before, .card_discount .chk input[type='radio'] + label:before {margin-right:8px; float:left}
.card_discount .chk label::after {content:""; display:block; clear:both}
.card_discount .chk strong {line-height:20px; color:#1b1e23; letter-spacing:-1px; display:block; float:left; width:100%;font-size:14px;}

/* 2021-09-16 추가 */
.card_discount .chk strong > em {padding-left:0 !important; font-size:12px; display:block;}
.card_discount .chk strong > em:before {display:none;}

.card_discount .chk strong em {position:relative; padding-left:18px}
.card_discount .chk strong em::before {content:""; display:none; width:2px; height:14px; background:#1b1e23; position:absolute; top:3px; left:8px}/* 2021-09-23 수정 : display:none */
.card_discount .chk strong .discount_price {padding-left:10px; font-size:12px; font-weight:normal;}
.card_discount .chk strong .discount_price:before {display:none;}
.card_discount .chk strong span {display:block; font-weight:400; font-size:12px;color:#5c6677;padding-top:8px;}
.card_discount .chk p {position:absolute;right:10px;top:0;height:27px; font-weight:600; letter-spacing:0;line-height:27px; text-align:center; border-radius:30px; color:#fff; background:#1b1e23; font-size:12px; padding:0 12px}
.card_discount dl {margin-top:20px}
.card_discount dt {color:#1b1e23; font-weight:600; line-height:20px; margin-bottom:5px}
.card_discount dd {display:block; color:#abb2be; font-size:13px; position:relative; line-height:19px; padding-left:10px}
.card_discount dd::before {content:""; display:block; width:3px; height:3px; background:#abb2be; position:absolute; top:8px; left:0}
.partnership_discount {margin-top:28px; padding-left:25px}
.partnership_discount::after {content:""; display:block; clear:both}
.partnership_discount .select {float:left; width:300px; margin-top:5px}
.partnership_discount dl {font-size:13px; line-height:19px}
.partnership_discount dl::after {content:""; display:block; clear:both}
.partnership_discount dt {display:block; float:left}
.partnership_discount dd {display:block; float:right; color:#5c6677}
.partnership_discount select {display:block; border:solid 1px #dde0e5; width:100%; height:40px; line-height:40px}
.partnership_discount ul {float:right; width:350px;margin-top:8px;}
.partnership_discount ul::after {content:""; display:block; clear:both}
.partnership_discount li {float:left; width:169px; height:56px; margin-left:12px; background:#f5f7fa; line-height:20px; padding:18px 12px 0 12px}
.partnership_discount li::after {content:""; display:block; clear:both}
.partnership_discount li:first-child {margin-left:0}
.partnership_discount li p {display:block; float:left}
.partnership_discount li strong {display:block; float:right}
/* 2021-10-01 운영 추가 */
.partnership_discount .guide {clear:both; padding-top:10px;}
.partnership_discount .guide ul {float:none; width:100%; margin:0;}
.partnership_discount .guide ul li {float:none; width: 100%; height: auto; background:none; padding:0 0 0 10px; margin-left:0;}

.point_discount {margin-top:28px}
.point_discount::after {content:""; display:block; clear:both}
.whether_use_points strong {display:block}
.whether_use_points ul {margin-top:30px}
.whether_use_points ul::after {content:""; display:block; clear:both}
.whether_use_points li {float:left; margin-left:28px}
.whether_use_points li:first-child {margin-left:0}
.whether_use_points li em {font-weight:600}
/* 2021-07-08 추가 : hpoint plus 방식 변경에 의한 스타일 수정 */
.h_point_plus ul {margin-top:20px; margin-left:-10px; display:block;}
.h_point_plus ul:after {clear:both; content:''; display:block;}
.h_point_plus li {padding-left:10px; float:left;}
.order_sheet .point_discount .enter_amount {min-height:135px}
.order_sheet .enter_amount {float:left; background:#f4f5f6; width:350px; margin:12px 0 0 20px; min-height:105px; padding:16px 20px}
.order_sheet .enter_amount:nth-child(1), .order_sheet .enter_amount:nth-child(2) {margin-top:0}
.order_sheet .enter_amount:nth-child(2n+1) {margin-left:0}
.order_sheet .enter_amount dl {line-height:20px}
.order_sheet .enter_amount dl::after {content:""; display:block; clear:both}
.order_sheet .enter_amount:not(.guide) dt {float:left; font-weight:600; color:#1b1e23}
.order_sheet .enter_amount:not(.guide) dd {color:#5C6677; float:right; max-width:80%;} /* 2021-08-13 수정 : max-width 추가 */
.order_sheet .enter_amount dd em {font-weight:600}
.order_sheet .enter_amount .input {margin-top:12px; line-height:40px}
.order_sheet .enter_amount .input::after {content:""; display:block; clear:both}
.order_sheet .enter_amount .input input {display:block; float:left; height:40px; border:solid 1px #dde0e5; border-right:0; line-height:40px; width:calc(100% - 74px); font-size:14px}
.order_sheet .enter_amount .input input[type="text"]::placeholder {color: #ccd1d8 !important}/* 2021-06-10 : 추가 */
.order_sheet .enter_amount .input .btn {display:block; float:left; height:40px; border:solid 1px #dde0e5; background:#fff; color:#1b1e23; line-height:40px; text-align:center; width:74px}
.order_sheet .enter_amount .input input:disabled + .btn {color:#ABB2BE; background-color:#EEF0F2; cursor:default;} /* 2021-06-28 추가 : 적립금 등 사용가능금액 0원 일경우 */
.order_sheet .enter_amount .active_amount {display:inline-block; font-size:13px; margin-top:12px; line-height:16px;color:#5c6677;}
.order_sheet .enter_amount a.active_amount {padding-right:15px; position:relative}
.order_sheet .enter_amount a.active_amount::after {content:""; display:block; width:7px; height:10px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -50px -105px no-repeat; position:absolute; top:3px; right:0}
.order_sheet .enter_amount .active_amount em {font-weight:600;font-size:14px;}
.order_sheet .enter_amount .select_benefits {}
.order_sheet .enter_amount .select_benefits p {margin-top:12px; font-size:13px;color:#5c6677;}
.order_sheet .enter_amount .select_benefits em {font-weight:600;font-size: 14px;} /* 2021-06-10 : 폰트 사이즈 추가 */
.order_sheet .enter_amount .select_benefits a.btn {display:block; width:67px; height:36px; text-align:center; line-height:34px; background:#fff; color:#1b1e23; border:solid 1px #1b1e23; margin:12px auto 0; font-size:12px}
.order_sheet .enter_amount .select_benefits a.btn.disabled {color:#ABB2BE; background-color:#EEF0F2; border-color:#DDE0E5;} /* 2021-06-28 추가 : 적립금 등 사용가능금액 0원 일경우 */

/* 2021-08-13 추가 : 제휴포인트할인 설명 BO콘텐츠 */
.order_sheet .enter_amount .textdata_info > .dd_dot + .dd_dot {margin-top:8px;}
.order_sheet .enter_amount .dd_dot {padding-left:7px; position:relative;}
.order_sheet .enter_amount .dd_dot:before {width:3px; height:3px; background-color:#ABB2BE; content:''; position:absolute; top:8px; left:0; display:inline-block;}

.conversion_amount {margin-top:28px}
.conversion_amount::after {content:""; display:block; clear:both}
.affiliate_point_discount {margin-top:28px}
.affiliate_point_discount::after {content:""; display:block; clear:both}
.affiliate_point_discount .enter_amount.big {min-height:182px}
.affiliate_point_discount .enter_amount.big select {width:100%; border:solid 1px #dde0e5; background:#fff; height:40px; line-height:40px}
.affiliate_point_discount .enter_amount.big p:not(.ti) {color:#abb2be; line-height:20px; margin-top:22px}
.enter_amount .certification {margin-top:12px}
.enter_amount .certification::after {content:""; display:block; clear:both}
.enter_amount .certification li {float:right; font-size:12px; letter-spacing:-1px; color:#abb2be}
.enter_amount .certification li:first-child {width:calc(100% - 160px); float:left}
.enter_amount .certification li::after {content:""; display:block; clear:both}
.enter_amount .certification a {display:block; float:left; padding:0 11px; height:36px; line-height:34px; border:solid 1px #1b1e23; color:#1b1e23; background:#fff; font-size:12px; margin-left:4px}
.enter_amount .certification a:first-child {margin-left:0}
.enter_amount.guide {padding-bottom:20px}
.enter_amount.guide div + div {margin-top:20px;}
.enter_amount.guide div::after {content:""; display:block; clear:both}
.enter_amount.guide div strong {display:block; float:left}
.enter_amount.guide div a.btn {display:block; float:right; background:#fff; border:solid 1px #1b1e23; color:#1b1e23; line-height:36px; font-size:12px; padding:0 12px}
.enter_amount.guide ul {margin-top:36px}
.enter_amount.guide li {display:block; color:#abb2be; font-size:13px; position:relative; line-height:19px; padding-left:10px; margin-top:8px}
.enter_amount.guide li:first-child {margin-top:0}
.enter_amount.guide li::before {content:""; display:block; width:3px; height:3px; background:#abb2be; position:absolute; top:8px; left:0}
.payment_method {margin-top:28px}
.payment_method .tab-action a {position:relative}
.payment_method .tab-action .flag {width:42px; height:28px; background:url('https://cdn.hddfs.com/front/images/KO/common/flag_paymentmethod.png') 0 0 no-repeat; position:absolute; top:-14px; right:8px; text-indent:-9999px}
.payment_method .panel {}
.payment_method .panel .item {}
.payment_method .item [class^="color_"] {}
.payment_method .color_KRO016401 {background:#aa1538} /* 비씨카드 */
.payment_method .color_KRO016402 {background:#645b4c} /* 국민카드 */
.payment_method .color_KRO016403 {background:#00907f} /* 하나카드 */
.payment_method .color_KRO016404 {background:#0b1966} /* 신한카드 */
.payment_method .color_KRO016405 {background:#006bff} /* 삼성카드 */
.payment_method .color_KRO016406 {background:#595a5f} /* 현대카드 */
.payment_method .color_KRO016408 {background:#3270b7} /* NH카드 */
.payment_method .color_KRO016421 {background:#d8181f} /* 롯데카드 */
.payment_method .color_toss {background:#0064FF} /* 토스뱅크 2022-05-30 추가 */
.payment_method .color_kdb {background:#00357F} /* KDB산업체크 2022-05-30 추가 */
.payment_method .color_post {background:#EE2722} /* 우체국체크 2022-05-30 추가 */
.payment_method .color_mg {background:#00326D} /* MG새마을금고체크 2022-05-30 추가 */
.payment_method .color_savings {background:#005EA1} /* 저축은행체크 2022-05-30 추가 */
.payment_method .color_shinhyeop {background:#0B56A7} /* 신협체크 2022-05-30 추가 */
.payment_method .color_union {background:#006D6F} /* 중국은련 2022-05-30 추가 */
.payment_method .color_discover {background:#F07622} /* 해외DISCOVER 2022-05-30 추가 */
.payment_method .color_etc {background:#d8181f} /* 해외카드 */
.payment_method .color_KRO0164P000 {background:#ed4c1a;}/* 해외신용카드 */
.payment_method .ic_biz_KRO0102105 {background:#0a45cd} /* 삼성페이 */
.payment_method .ic_biz_KRO0102106 {background:#ffdf00} /* 카카오페이 */
.payment_method .ic_biz_KRO0102203 {background:#006d6f} /* 유니온페이 */
.payment_method .ic_biz_KRO0102205 {background-color:#006d6f;}/*유니온페이 2021-08-20 추가*/
.payment_method .ic_biz_KRO0102201 {background:#00a2ef} /* 알리페이 */
.payment_method .ic_biz_KRO0102107 {background:#332d97} /* 스마일페이 */
.payment_method .ic_biz_KRO0102202 {background:#00b73a} /* 위챗페이 */
.payment_method .ic_biz_KRO0102108 {background:#585858} /* 네이버페이 */
.payment_method .ic_biz_KRO0102204 {background:#1a3566} /* 페이팔 */
.payment_method .ic_biz_KRO0102109 {background:#FA2828} /* 페이코 */
.payment_method .ic_biz_KRO0102112 {background:#3182f6} /* 토스페이 */
.payment_method .card_banktransfer {} /* 무통장입금 */
.payment_method .card_mobilepayment {} /* 휴대폰 소액결제 */
.payment_method .cash_receipts {border-top:solid 1px #dde0e5; padding-top:35px}
.cash_receipts .tel {margin-top:12px}
.cash_receipts .tel::after {content:""; display:block; clear:both}
.cash_receipts .tel input {display:block; float:left; margin-left:4px; width:114px; height:40px; line-height:20px}
.cash_receipts .tel input:first-child {margin-left:0}
.cash_receipts dl {margin-top:20px}
.cash_receipts dl:last-child {margin-top:8px}
.cash_receipts dl::after {content:""; display:block; clear:both}
.cash_receipts dt {display:block; float:left; color:#5c6677}
.cash_receipts dd {display:block; float:left; margin-left:11px; color:#1b1e23}

.payment_method [class^="payway_area"] {position:relative}
.payment_method .alsoused {position:absolute; top:20px; left:0}
.payment_method .item {}
.payment_method .item div.default {width:360px; height:205px; border-radius:10px; box-shadow:6px 6px 10px 0 rgba(0, 0, 0, 0.05); padding:20px 28px 48px; position:relative; background:#f2f4f7; margin-bottom:40px}
.payment_method .item div.default button {display:block; position:absolute; top:0; left:0; width:100%; height:100%; line-height:232px; font-size:12px; color:#abb2be;border: 1px solid #dde0e5;border-radius: 8px;} /* 2021-06-10 : 수정 */
.payment_method .item div.default button::after {content:""; display:block; width:12px; height:12px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -74px 0 no-repeat; position:absolute; top:89px; left:175px}
.payment_method .item [class^="color_"] {width:360px; height:205px; border-radius:10px; box-shadow:6px 6px 10px 0 rgba(0, 0, 0, 0.05); padding:20px 28px 48px; position:relative; margin-bottom:40px}
.payment_method [class^="color_"] dl {line-height:30px}
.payment_method [class^="color_"] dl::after {content:""; display:block; clear:both}
.payment_method [class^="color_"] dt {display:block; float:left; color:#fff; font-size:20px}
.payment_method [class^="color_"] dd {display:block; float:right; border:solid 1px #fff; border-radius:50px}
.payment_method [class^="color_"] dd a.btn {display:block; color:#fff; font-size:12px; line-height:28px; padding:0 12px}
.payment_method [class^="color_"] p {color:#fff; font-size:12px; line-height:18px; margin-top:8px}
.payment_method [class^="color_"] a.app_btn {display:inline-block; color:#fff; font-weight:600; margin-top:12px; font-size:13px; line-height:20px; text-align:left; padding-right:16px}
.payment_method [class^="color_"] a.app_btn::after {content:""; display:block; width:7px; height:10px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -9px -33px no-repeat; position:absolute; top:5px; right:0}
.payment_method [class^="color_"] .chk {display:block; margin-top:12px; color:#fff}
.payment_method [class^="color_"] select {border:none; border-bottom:solid 2px #fff; color:#fff; display:block; position:absolute; right:28px; bottom:48px; padding-left: 0;padding-bottom: 10px;
    background: url('https://cdn.hddfs.com/front/images/KO/common/icon_dropdown.png') no-repeat right 7px;
} /* 2021-06-10 : 수정 */
.payment_method [class^="color_"] option {color:#1b1e23}
/* .payment_method .payway_area_card [class^="color_"] {margin-top:40px} */
.payment_method .payway_area_card .alsoused.chk + .swiper-wrapper .swiper-slide [class^="color_"] {margin-top:40px}
.payment_method .cardpaymentnotice {padding-top:25px; line-height:20px; margin-left:-35px}
.payment_method .cardpaymentnotice dt {font-weight:600; margin-top:20px; font-size:14px}
.payment_method .cardpaymentnotice dt:first-child {margin-top:0}
.payment_method .cardpaymentnotice dd {margin-top:8px; font-size:13px}
/* .payment_method .panel a.guide_btn {position:absolute; line-height:20px; bottom:65px; left:390px; height:20px; width:110px; text-align:left; z-index:10} */
/* .payment_method .panel a.guide_btn {position:absolute; line-height:20px; bottom:65px; right:220px; height:20px; text-align:left; z-index:10; padding-right:15px;} 20210705 백업 */
.payment_method .panel a.guide_btn {display: flex; justify-content: flex-end; line-height:20px; height:20px; text-align:left; z-index:10; padding-right:15px;}
.payment_method .panel a.guide_btn::before {content:""; display:block; width:8px; height:12px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -10px -74px no-repeat; position:absolute; right:0; top:4px}

.payment_method .item [class^="card_"] {width:360px; height:205px; border-radius:10px; box-shadow:6px 6px 10px 0 rgba(0, 0, 0, 0.05); padding:20px 28px 48px; margin-bottom:40px;} /*2022-05-11 H.Point Pay 관련 margin-bottom 추가*/
.payway_area_recent {padding:35px; overflow:hidden; padding-bottom:57px}
.payway_area_card {padding:35px; overflow:hidden; padding-bottom:57px}
.payway_area_card .item {margin:0 auto; width:360px; position:relative; padding-bottom:40px}
.payway_area_card .item div.default {margin-bottom:0}
.payment_method .payway_area_card .item [class^="color_"] {width:360px; height:205px; border-radius:10px; box-shadow:6px 6px 10px 0 rgba(0, 0, 0, 0.05); margin-bottom:0; margin-top:40px;}
.payment_method .payway_area_card .item [class^="color_"] dl + p{opacity: .8;} /* 2021-06-10 : 추가 */
.payment_method .payway_area_card .alsoused {left:-180px; top:-55px}
/* .payment_method .payway_area_card a.guide_btn {right:180px} 20210705 백업 2021-06-28 수정 */
.payment_method .payway_area_card a.guide_btn {margin-right: 145px; margin-bottom: 20px;}

/*S: 2022-05-11 H.Point Pay 관련 클래스 수정*/
.payway_area_recent [class^="ic_biz_"],
.payway_area_hpay [class^="ic_biz_"] {width:360px; height:205px; border-radius:10px; box-shadow:6px 6px 10px 0 rgba(0, 0, 0, 0.05); padding:28px 28px 40px; margin-bottom:40px;} /*2022-05-11 H.Point Pay 관련 margin-bottom 추가*/
.payway_area_recent [class^="ic_biz_"] dl,
.payway_area_hpay [class^="ic_biz_"] dl {margin-top:36px; color:#fff}
.payway_area_recent [class^="ic_biz_"] dl::after,
.payway_area_hpay [class^="ic_biz_"] dl::after {content:""; display:block; clear:both}
.payway_area_recent [class^="ic_biz_"] dt,
.payway_area_hpay [class^="ic_biz_"] dt {font-size:20px; line-height:29px; font-weight:600; float:left}
.payway_area_recent [class^="ic_biz_"] dd,
.payway_area_hpay [class^="ic_biz_"] dd {float:right; font-size:14px; line-height:29px}
.payway_area_recent .ic_biz_KRO0102106 dl ,
.payway_area_hpay .ic_biz_KRO0102106 dl {color:#1b1e23}

.payway_area_recent .card_banktransfer,
.payway_area_hpay .card_banktransfer {background:#fff; border:solid 1px #dde0e5}
.payway_area_recent .card_banktransfer dl,
.payway_area_hpay .card_banktransfer dl {}
.payway_area_recent .card_banktransfer dl::after,
.payway_area_hpay .card_banktransfer dl::after {content:""; display:block; clear:both}
.payway_area_recent .card_banktransfer dt,
.payway_area_hpay .card_banktransfer dt {font-size:20px; line-height:29px; color:#1b1e23; font-weight:600; float:left}
.payway_area_recent .card_banktransfer dd,
.payway_area_hpay .card_banktransfer dd {float:right; color:#5c6677; font-size:14px; line-height:29px}
.payway_area_recent .card_banktransfer label,
.payway_area_hpay .card_banktransfer label {margin-top:53px; display:block}
.payway_area_recent .card_banktransfer label i,
.payway_area_hpay .card_banktransfer label i {font-style:normal; color:#ea2829}
.payway_area_recent .card_banktransfer input,
.payway_area_hpay .card_banktransfer input {display:block; margin-top:4px; width:100%; height:40px; line-height:40px; padding:0 14px; border:solid 1px #dde0e5}
.payway_area_recent .card_mobilepayment,
.payway_area_hpay .card_mobilepayment {background:#5c6677; color:#fff; font-size:20px}
/*E: 2022-05-11 H.Point Pay 관련 클래스 수정*/

.payway_area_easy {padding:20px 22px; overflow:hidden}
.payway_area_easy .paymentguide {margin-top:20px;}

.paymentguide > strong {margin-bottom:8px; display:inline-block; margin-top:20px;}/* E: 2022-05-11 H.Point Pay 관련 마진 탑 추가 pub10 */
.paymentguide > strong:first-child {margin-top:0;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; font-size: 14px;  letter-spacing: -0.35px; color: #3d444f;}/*2023-12-25 추가*/
.paymentguide > strong:first-child:before {display: block; width: 16px; height: 16px;  background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_attention_1.svg) no-repeat; background-size: contain; content: "";}/*2023-12-25 추가*/
.paymentguide .guide_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;  letter-spacing: -0.35px; color: #3d444f;}/*2023-12-25 추가*/
.paymentguide .guide_tit:before {display: block; width: 16px; height: 16px;  background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_attention_1.svg) no-repeat; background-size: contain; content: "";}/*2023-12-25 추가*/

.payway_area_easy .paymentguide img {max-width:100%;}
.payment_method .easypayment {margin-top:20px; margin-bottom:28px;}/* 2021-08-09 추가 : 하단 유의사항과 간격 */
.payment_method .easypayment::after {content:""; display:block; clear:both}
.payment_method .easypayment .item {display:block; float:left; padding:12px 10px 12px 16px; margin:14px 0 0 12px; width:160px; height:66px; position:relative; border-radius:10px; border:solid 1px transparent}
.payment_method .easypayment .item:nth-child(4n+1) {margin-left:0}
.payment_method .easypayment .item [class^="ic_biz_"] {width:100%; height:40px; background:#fff}
.payment_method .easypayment .item div {display:flex; align-items:center;}/* 2021-08-09 수정 : 텍스트 줄바꿈 등 */
.payment_method .easypayment .item div::after {content:""; display:block; clear:both}
.payment_method .easypayment .tag {position:absolute; height:28px; line-height:28px; background:#ea2829; color:#fff; font-size:12px; padding:0 8px; top:-14px; right:4px; border-radius:50px}
.payment_method .easypayment .img {display:block; float:left; width:40px; height:40px}
.payment_method .easypayment .img img {width:100%}
.payment_method .easypayment p {float:left; /*line-height:40px;*/ color:#abb2be; font-size:16px; padding-left:16px; letter-spacing:-1px; width:calc(100% - 40px);}
.payment_method .easypayment .item.active {border:solid 1px #1b1e23; box-shadow:6px 6px 10px 0 rgba(0, 0, 0, 0.05)}
.payment_method .easypayment .item.active p {font-weight:600; color:#1b1e23}

.payment_method .payway_area_other {padding:60px 0 35px; overflow:hidden;}
.payment_method .otherpayment::after {content:""; display:block; clear:both}
.payment_method .otherpayment .alsoused {position:absolute}
.payment_method .payway_area_other .item .chk {width:350px; height:60px; border-radius:10px; border:solid 1px #dde0e5; background:#fff; padding:20px;} /* 2021-07-29 수정 : padding 추가 */
.payment_method .payway_area_other .item .chk .tag {display:block; position:absolute; height:28px; line-height:28px; background:#ea2829; color:#fff; font-size:12px; padding:0 8px; top:-14px; right:4px; border-radius:50px} /* 2021-06-28 추가 : 결제정보 사용 포인트 배치 */

.payment_method .payway_area_other .item.checked .chk {border: solid 1px #1b1e23;}

.payment_method .payway_area_other .item {border:0; background:#fff; float:left; width:350px}
.payment_method .payway_area_other .item:last-child {margin-left:20px}
.payment_method .payway_area_other .item .chk input[type='checkbox'] + label::before, .payment_method .payway_area_other .chk input[type='radio'] + label:before {display:block; float:left; margin-right:8px}
/* .payment_method .payway_area_other .item label {padding:20px !important;padding-top:0 !important; display:block; width:100%} 2021-07-29 수정 : 패딩 제거 */
.payment_method .payway_area_other .item label {display:block;}

.payment_method .payway_area_other .item label div::after {content:""; display:block; clear:both}
.payment_method .payway_area_other .item label p {float:left}
.payment_method .payway_area_other .item label span {display:block; float:right; font-size:13px}
.payment_method .payway_area_other .checked .chk {box-shadow:6px 6px 10px 0 rgba(0, 0, 0, 0.05)}
/* 2021-06-10  : dim 추가 */
.payment_method .tab-action{position: relative;}
.payment_method .tab-action .payment_method_dim{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 900; background-color: rgba(0, 0, 0, 0.5); }
/* //2021-06-10  : dim 추가 */

.card_banktransfer .chk ul {display:none; margin-top:20px}
.card_banktransfer .chk li {margin-top:16px}
.card_banktransfer .chk li:first-child {margin-top:0}
.card_banktransfer .chk li label {padding:0}
.card_banktransfer .chk li i {font-style:normal; color:#ea2829}
.card_banktransfer .chk li select {display:block; width:100%; border:solid 1px #dde0e5; height:40px; line-height:40px; padding-left:14px; margin-top:4px}
.card_banktransfer .chk li p {color:#abb2be; font-size:12px; float:none; margin-top:4px}
.card_banktransfer .chk li input {display:block; width:100%; border:solid 1px #dde0e5; height:40px; line-height:40px; padding-left:14px; margin-top:4px;font-size:13px;}
.card_banktransfer .chk li {font-size:13px}
.card_banktransfer .chk li strong {}
.card_banktransfer .chk li em {padding-left:7px}
.card_banktransfer .chk ol {margin-top:8px}
.card_banktransfer .chk ol li {margin-top:8px; color:#5c6677; position:relative; padding-left:7px; line-height:19px}
.card_banktransfer .chk ol li::before {content:""; display:block; position:absolute; width:3px; height:3px; background:#5c6677; top:8px; left:0}
.card_banktransfer .chk ol li:first-child {margin-top:0}
.otherpayment .item.checked .chk {height:auto}
.otherpayment .item.checked .chk ul {display:block; margin-right:-10px; margin-left:-28px;}/* 2021-07-29 수정 : margin 추가 */

.paymentguide {margin-top:28px;}

.otherpayment .card_mobilepayment.item.checked .chk {height:60px}
.otherpayment .card_mobilepayment .paymentguide {margin-left:-370px}
.otherpayment .paymentguide {width:720px; display:none; color:#5c6677}
.otherpayment .item.checked .paymentguide {display:block}
.otherpayment .paymentguide strong {color:#1b1e23; font-weight:600; display:block; margin-top:20px}
.otherpayment .paymentguide strong:first-child {margin-top:0}
.otherpayment .paymentguide p {margin-top:8px}
.otherpayment .paymentguide em {color:#5c6677; font-size:13px; font-weight:600; display:block}
.otherpayment .paymentguide ul {margin-top:12px}
.otherpayment .paymentguide li {margin-top:16px; line-height:19px}
.otherpayment .paymentguide li:first-child {margin-top:0}
.otherpayment .paymentguide .dot {margin-top:0}
.otherpayment .paymentguide .dot li {margin-top:8px; padding-left:7px; position:relative}
.otherpayment .paymentguide .dot li::before {content:""; display:block; position:absolute; width:3px; height:3px; background:#5c6677; top:8px; left:0}
/* 2021-06-10 : 추가  */
.otherpayment .item .chk label ul li label{padding: 0 !important;}
.otherpayment .item .chk label ul li p{float: none}
/* //2021-06-10 : 추가  */
/* .order_sheet .guestorder {border-bottom:solid 1px #dde0e5; padding-bottom:36px; margin-bottom:36px} */
.guestorder h4 {display:block; color:#1b1e23; font-weight:600; font-size:20px; line-height:29px}
.guestorder ul {margin-top:28px}
.guestorder ul::after {content:""; display:block; clear:both}
.guestorder li {display:block; float:left; width:calc(50% - 10px); margin-left:20px}
.guestorder li:first-child {margin-left:0}
.guestorder li label {display:block; color:#1b1e23; font-size:13px; line-height:19px}
.guestorder li label i {font-style:normal; color:#ea2829}
.guestorder li input {display:block; width:100%; line-height:40px; border:solid 1px #dde0e5; margin-top:4px}

.payment_sheet {width:312px; padding-bottom:32px; border-bottom:solid 1px #dde0e5; overflow-y:auto; position:absolute; top:0; right:0}
.payment_sheet.top {top:0 !important}
/* .payment_board > .payment_sheet {} */
.payment_sheet .title {line-height:29px; margin-top:19px}
.payment_sheet .title::after {content:""; display:block; clear:both}
.payment_sheet .title h4 {display:block; float:left; color:#1b1e23; font-size:20px; font-weight:600}
.payment_sheet .title em {display:block; float:right; color:#abb2be; font-weight:600}
.payment_sheet .total_bill {margin-top:19px}
.payment_sheet .total_bill .tooltip {width:230px;}

.payment_sheet .total_bill li {margin-top:20px}
.payment_sheet .total_bill li::after {content:""; display:block; clear:both}
.payment_sheet .total_bill strong {display:block; float:left; font-size:13px; font-weight:400; line-height:19px}
.payment_sheet .total_bill .btn {font-size:13px}
.payment_sheet .total_bill span {float:right; text-align:right; color:#5c6677}
.payment_sheet .total_bill span em {display:inline-block; font-size:16px; line-height:20px; color:#1b1e23; font-weight:600}
.payment_sheet .discount_list .btn {font-size:13px; position:relative; padding-right:20px}
.payment_sheet .discount_list .btn::before {content:""; display:block; width:7px; height:11px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') 0 -88px no-repeat; position:absolute; right:3px; top:4px; transform:rotate(90deg); transition:all .2s}
.payment_sheet .discount_list.open .btn::before {transition:all .2s; transform:rotate(270deg)}
.payment_sheet .details {font-size:13px; color:#5c6677; clear:both; padding-top:13px; display:none;} /* 2021-06-30 수정: default 안보이게 */
.payment_sheet .details li {line-height:18px; margin-top:4px; position:relative; padding-left:10px}
.payment_sheet .details li::before {content:""; display:block; width:6px; height:6px; border:solid #5c6677; border-width:0 0 1px 1px; position:absolute; top:4px; left:0}
.payment_sheet .details li:first-child {margin-top:0}
.payment_sheet .details li span {display:block; float:left; text-align:left}
.payment_sheet .details li em {display:block; float:right}

.payment_sheet .total_amount {border-top:solid 1px #dde0e5; margin-top:28px; padding-top:20px; color:#ea2829; font-weight:600}
.payment_sheet .total_amount::after {content:""; display:block; clear:both}
.payment_sheet .total_amount h5 {display:block; float:left; font-weight:600; font-size:14px; line-height:25px}
.payment_sheet .total_amount div {float:right; text-align:right}
.payment_sheet .total_amount em {display:block; font-size:22px; line-height:25px}
.payment_sheet .total_amount p {color:#5c6677; line-height:20px; font-weight:400; font-size:16px; margin-top:2px}
.payment_sheet .confirm {margin-top:28px}
.payment_sheet .confirm .btn {display:block; width:100%; height:60px; text-align:center; line-height:60px; background:#1b1e23; color:#fff; font-size:16px; font-weight:600}
.payment_sheet .confirm .chk {margin-top:12px}
.payment_sheet .confirm .chk input[type='checkbox'] + label::before {margin-right:4px}
.payment_sheet .confirm .chk span {display:inline-block}
.payment_sheet .confirm .chk p {margin-top:8px; font-size:13px; color:#5c6677} /* 2021-07-28 수정 : padding-left:28px 제거 */

/* 주문결제팝업 */
.layer_popup .info_table3 table{width:280px; margin:0 auto; border-top:2px solid #1b1e23; border-bottom:1px solid #dde0e5; margin-top:28px;}
.layer_popup .info_table3 table th {border-right:1px solid #dde0e5; font-size:14px; line-height:32px; text-align:left; padding:0 10px 0 20px;}
.layer_popup .info_table3 table td {font-size:16px; line-height:19px; font-weight:600; color:#1b1e23; padding:0 10px 0 16px;}
/* 2021-06-10 : 추가 */
.layer_popup .info_table3 table tr:first-child th,
.layer_popup .info_table3 table tr:first-child td{padding-top: 10px}
.layer_popup .info_table3 table tr:last-child th,
.layer_popup .info_table3 table tr:last-child td{padding-bottom: 10px;}
/* //2021-06-10 : 추가 */
.layer_popup .fztit13{color:#1b1e23; font-size:13px; line-height:19px;}
.layer_popup .fztit16{color:#1b1e23; font-size:16px; font-weight:600;}
.layer_popup .lartitle{margin-top:30px; text-align:center; font-size:18px; line-height:27px; color:#1b1e23; font-weight:600;}
.layer_popup p.xltit{font-size:22px; line-height:33px; color:#1b1e23; font-weight:600; text-align:center;}

.layer_popup .popupcont_wrap .allchk input {display:none;}

.card_choice {margin-top:-20px}
.card_choice a.item {display:inline-block; margin:16px 0 0 5px; border-radius:10px; position:relative; border:1px solid #dde0e5; width:164px; padding:14px 0 14px 20px; font-size:14px; line-height:20px; color:#1b1e23 !important; font-weight:600;} /* 2021-06-10 : padding 수정 */
.card_choice a.item:nth-child(2n+1){margin-left:0}
.card_choice a.choice {color:#ffffff; background:#585a5f; border:1px solid #585a5f;}
.card_choice a.item .tag {display:block; position:absolute; height:28px; line-height:28px; background:#ea2829; color:#fff; font-size:12px; padding:0 8px; top:-14px; right:4px; border-radius:50px}
.card_choice .btn_group {margin-top:30px}
.card_choice a.choice p {color:#fff !important;}

.itembor {border-bottom:1px solid #dde0e5; padding-bottom:20px; margin-bottom:28px;}
.item_coupon:last-child{border-bottom:none; padding:0; margin:0;}
.item_coupon .text::after{display:block; content:''; clear:both;}
.item_coupon .text .item_img{width:72px; height:72px; float:left;}
.item_coupon .text img{display:block; width:100%;}
.item_coupon .text p{float:left; width:256px; margin-left:8px;}
.item_coupon .text .title{color:#1b1e23; font-size:13px; line-height:19px; font-weight:600;}
.item_coupon .text .price{margin-top:13px;}
.item_coupon .text .price span:nth-child(1){font-size:18px; line-height:21px; color:#1b1e23; font-weight:600;}
.item_coupon .text .price span:nth-child(2){font-size:14px; line-height:20px;}
.item_coupon .couponlist div{margin-top:12px;}
.item_coupon .couponlist .input_de{width:100%; margin-top:4px;}

.cart_pop .layer_popup{min-height:415px;}

.eve_cou{border:1px solid #1b1e23; border-left:6px solid #1b1e23; padding:10px 10px 16px 16px ; margin-top:16px;}
.eve_cou:first-child{margin-top:0;}
.eve_cou dl dt {font-size:16px; line-height:21px; color:#1b1e23; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}/* 2021-09-24 수정 : 말줄임 */
.eve_cou dl dd {font-size:13px; line-height:20px; color:#5c6677; margin-top:12px;}
.eve_cou p.brtxt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.popupcont_wrap .allchk{text-align:right;}
.popupcont_wrap .allchk .chk label{padding-right:0; font-size:14px; line-height:20px; font-weight:600; color:#1b1e23;}
/* .total_point{margin-top:20px;} */
.total_point .hasbtn {width:100%; margin-top:4px;}

.point_couwrap .chk{display:block; position:relative;}
.point_couwrap li{margin-top:16px;}
.point_couwrap li .chk label{display:block; padding:10px 0 16px 16px; border:1px solid #dde0e5; border-left:6px solid #dde0e5;}
.point_couwrap li .chk label::before{position:absolute; top:10px; right:16px; left:inherit; margin-right:0;}/* 2021-07-29 수정 : 주문결제 팝업 input */
.point_couwrap li .chk input[type="checkbox"]:disabled + label{opacity:.5;}
.point_couwrap li .chk input[type="checkbox"]:checked + label,
.point_couwrap li .chk input[type="radio"]:checked + label {border-color:#1b1e23;}
.point_couwrap li label dl dt {font-size:16px; line-height:21px; color:#1b1e23; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:40px}
.point_couwrap li label dl dd {font-size:13px; line-height:20px; color:#5c6677; margin-top:12px;}
.point_couwrap .no_double{color:#1b1e23; font-weight:600; position:absolute; right:16px; bottom:16px;}
.point_couwrap li .chk input[type="checkbox"], .point_couwrap li .chk input[type="radio"] {display:none;}

.membership_pop .form_list li{margin-top:12px;}
.membership_pop .form_list li:first-child{margin-top:0;}
.membership_numbox{margin-top:4px; margin-left:-2px;}
.membership_numbox .input_de{width:100%;}
.membership_numbox::after{display:block; content:''; clear:both;}
.membership_numbox div{width:25%; float:left; padding-left:2px;}
.membership_numbox div .numb{width:100%; min-height:40px;}

.membership_numbox .cols2 {width:50%;}/*2021-09-29 운영 추가*/

.membership_pop .dot_terms{margin-top:20px;}
.membership_pop .dot_terms li{position:relative; font-size:13px; line-height:20px; color:#5c6677; padding-left:7px;}
.membership_pop .dot_terms li::before{display:block; content:''; width:3px; height:3px; background:#5c6677; position:absolute; top:8px; left:0;}
.membership_pop .dot_terms .link_membership{text-decoration:underline; color:#0288d1;}

.membership_pop .terms_item{margin-top:28px;}
.membership_pop .terms_item li {border:1px solid #dde0e5; padding:20px; margin-top:12px;}
.membership_pop .terms_item li:first-child{margin-top:0;}
.membership_pop .terms_item .terms_title .chk label{font-size:13px; line-height:20px; color:#1b1e23; padding-right:0;}
.membership_pop .terms_item .terms_title .chk label::before{margin-right:8px;}
.membership_pop .terms_title{position:relative; padding-right:16px;}
/* .membership_pop .terms_title .chk input {display:none;} */
.membership_pop .terms_title .chk input {position: absolute;/* display:none; */opacity: 0;border: none;}/* 2021-10-13 수정 : 운영 인풋 포커스 관련 */
.membership_pop .terms_toggle{position:absolute; top:0; right:0; }
.membership_pop .terms_toggle a{display:block; background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/ic_arrow.png') no-repeat; text-indent:-9999px; width:16px; height:16px; transform:rotate(180deg);}
.membership_pop .open .terms_toggle a {transform: rotate(0)}
.membership_pop .terms_item .terms_cont {display:none; font-size:12px; line-height:18px;; margin-top:20px}
.membership_pop .terms_item .open .terms_cont {display:block}

.sms_pop .couponlist .hasbtn {padding-right:106px;}
.sms_pop .couponlist .hasbtn button {width:102px;}
.sms_pop .popupcont_wrap .mth {margin-top:90px;}
.sms_pop .couponlist .re_message{margin-top:4px; font-size:12px; line-height:18px;}
.sms_pop .layer_popup{height:415px;}
.sms_pop .item_coupon .couponlist div:nth-child(1){margin-top:0;}
.sms_pop .item_coupon .couponlist div:nth-child(2){margin-top:20px;}

.credit_pop .popupcont_wrap p:nth-of-type(2){margin-top:28px;}
.credit_pop .popupcont_wrap .info_table2{margin-top:20px;}
.credit_pop .popupcont_wrap .info_table2 th,
.credit_pop .popupcont_wrap .info_table2 td{color:#1b1e23;  text-align:left}

.bankbook_pop .popupcont_wrap p{margin-top:30px}
.bankbook_caution {position:relative;}
/* .bankbook_caution div{text-align:center;} */
.bankbook_caution .terms_toggle {position:absolute; top:0; right:0; }
.bankbook_caution .terms_toggle a {display:block; background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/ic_arrow_bk.png') no-repeat; text-indent:-9999px; width:24px; height:24px; transform:rotate(180deg);} /*2021-07-29 펼침/닫힘 방향 수정 */
.bankbook_caution.open .terms_toggle a {transform:rotate(0deg)}
.bankbook_caution .terms_cont {display:none; margin-top:28px;}
.bankbook_caution.open .terms_cont {display:block}
.bankbook_caution .terms_cont ul{padding-bottom:28px; border-bottom:1px solid #dde0e5;}
.bankbook_caution .terms_cont li:first-child{margin-top:0;}
.bankbook_caution .terms_cont li {margin-top:12px; text-align:left; font-size:14px; line-height:20px; color:#5c6677}
.bankbook_caution .chk {margin-top:20px; font-size:14px; line-height:20px; color:#1b1e23; display:block; text-align:center;}/* 2021-08-09 수정 : display:block; text-align:center 추가 */
.bankbook_caution .chk input[type='checkbox'] {display:none;}

.orderpop_img{width:100%; margin-top:36px;}
.orderpop_img img{display:block;}
.orcomplete_pop .layer_popup .ord_box{text-align:center; margin-top:16px;}
.orcomplete_pop .layer_popup .ord_box p{font-size:16px; color:#1b1e23;}
.orcomplete_pop .layer_popup .ord_box span{margin-left:4px; font-size:20px; line-height:24px; font-weight:600;}
.orcomplete_pop .layer_popup .ord_box .btnde_type1{font-size:14px; margin-top:16px; min-width:146px;}
.orcomplete_pop .layer_popup .ord_box .box_gray2{text-align:left; padding:20px; margin-top:16px;}
.orcomplete_pop .layer_popup .ord_box .box_gray2 p:nth-of-type(1){font-size:14px; margin-bottom:8px;}
.orcomplete_pop .layer_popup .ord_box .order_code {margin-top:8px; margin-bottom:8px;}

.orcomplete_pop .order_code {margin-top:24px; color:#0288D1 !important; font-size:16px !important; text-align:center;}

/* 2021-07-07 추가 : 무통장입금 결제정보 */
.orcomplete_pop .bankbook_pay_info {margin-top:36px; padding:12px 0; border-top:2px solid #1B1E23; border-bottom:1px solid #DDE0E5;}
.orcomplete_pop .bankbook_pay_info .tit {margin-bottom:20px; color:#1B1E23; font-size:16px; display:block;}
.orcomplete_pop .bankbook_pay_info dl {color:#1B1E23; font-size:14px;}
.orcomplete_pop .bankbook_pay_info dl:after {clear:both; content:''; display:block;}
.orcomplete_pop .bankbook_pay_info dt {width:70px; padding-right:10px; line-height:22px; float:left;}
.orcomplete_pop .bankbook_pay_info dd {width:calc(100% - 70px); line-height:22px; float:left;}
.orcomplete_pop .bankbook_pay_info .total {margin-top:20px; font-size:14px;}
.orcomplete_pop .bankbook_pay_info .total em {margin-left:2px; font-size:13px; display:inline-block;}

.failed_pop .layer_popup div{font-size:16px; line-height:24px; text-align:center; margin-top:36px;}
.jeju_pop .layer_popup div{text-align:center; font-size:16px; line-height:24px; color:#1b1e23; border-top:2px solid #1b1e23; border-bottom:1px solid #dde0e5; padding:12px 0; margin-top:24px;}
.jeju_pop .layer_popup .jbox{font-size:14px; line-height:20px; color:#5c6677; margin-top:24px;}
.jeju_pop .layer_popup .jbox li{margin-top:12px;}



.point_pop .dot_terms{margin-top:20px; border:solid 1px #dde0e5; padding:10px}
.point_pop .dot_terms li{position:relative; font-size:13px; line-height:20px; color:#5c6677; padding-left:7px;}
.point_pop .dot_terms li::before{display:block; content:''; width:3px; height:3px; background:#5c6677; position:absolute; top:8px; left:0;}
.point_pop .chk {margin-top:20px; color:#1b1e23}

/* hluxury */
.hluxury_wrap {padding-bottom:150px}
.hluxury_wrap .tab-style {margin:0 auto; width:480px}
.hluxury_panel {width:1080px; margin:60px auto 105px}
.hluxury_panel .box {width:1100px; margin-left:-10px; position:relative}
.hluxury_panel .img {opacity:0; display:block; width:530px }
.hluxury_panel .img a.link {display:block; padding-top:20px; position:relative; height:100%;}
.hluxury_panel .img img {width:100%}
.hluxury_panel .img.active {opacity:1; animation:pick .6s ease 0s forwards;}
@keyframes pick {
    0% {padding-top:100px; opacity:0}
    100% {padding-top:0; opacity:1;}
}
.hluxury_panel .img:nth-child(1), .hluxury_panel .img:nth-child(2), .hluxury_panel .img:nth-child(3) {animation:pick 0s ease 0s forwards;}

.hluxury_panel .box .img strong {display:none;  opacity:0; transition:all .5s; position:absolute; width:100%; color:#fff; font-weight:600; font-size:36px; line-height:48px; text-align:center; left:0; top:50%; z-index:1;transform:translateY(-50%); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hluxury_panel .btn::after {content:""; display:block; clear:both}
.hluxury_panel .btn a {display:block; float:left; width:60px; height:60px; text-indent:-9999px}
.hluxury_panel .btn .reserves {background:url('https://cdn.hddfs.com/front/images/KO/common/hluxury_btn_01.png') 0 0 no-repeat}
.hluxury_panel .btn .coupon {background:url('https://cdn.hddfs.com/front/images/KO/common/hluxury_btn_02.png') 0 0 no-repeat}
.hluxury_panel .hidden_area {display:none; opacity:0; transition:all .5s}
.hluxury_panel .hidden_area .btn {position:absolute; bottom:0; right:0; z-index:1}
.hluxury_panel .hidden_area .likethis {position:absolute; top:60px; left:30px; z-index:100; padding-left:35px; line-height:30px; font-size:13px; color:#fff; font-weight:300;}
.hluxury_panel .hidden_area .likethis::after {content:""; display:block; width:30px; height:30px; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_like30.png') 0 0 no-repeat; position:absolute; left:0; top:0}
.hluxury_panel .hidden_area .likethis.on::after {background:url('https://cdn.hddfs.com/front/images/KO/common/btn_like30_on.png') 0 0 no-repeat}
.hluxury_panel .box .img a.link::after{display:block; content:'';width:100%; height:calc(100% - 20px); position:absolute; top:20px; opacity:0; transition:all .5s}
.hluxury_panel .box .img:hover a.link::after{background:rgba(27,30,35,0.5); opacity:1; transition:all .5s}
.hluxury_panel .box .img:hover strong{display:block; opacity:1; transition:all .5s}
.hluxury_panel .box .img:hover .hidden_area{display:block; opacity:1; transition:all .5s}

/* 2021-06-16 : 좋아요 모션 추가 */
.hluxury_panel .hidden_area .after_login .motion_area{display: none;}
.hluxury_panel .hidden_area .after_login.on .motion_area{display: block;position: absolute;top:-30px;left:-30px;z-index: -1; opacity: 1;width: 90px;height: 90px;overflow: hidden;}
/* //2021-06-16 : 좋아요 모션 추가*/

/* newprodeuct */
.newprodeuctbanner {width:1080px; margin:0 auto; position:relative}
.newprodeuct-swiper .swiper-wrapper{ height:330px;}
.newprodeuct-swiper .swiper-slide {width:346px; height:250px; text-align:center;}
.newprodeuct-swiper .mimg {width:346px; height:250px; border-radius:15px; overflow:hidden; position:relative;}
.newprodeuct-swiper .mimg img {width:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.newprodeuct-swiper .thumbimg {width:48px; height:48px; margin:-24px auto 0; border:2px solid #1b1e23; border-radius:50px; overflow:hidden; position:relative; z-index:1;}
.newprodeuct-swiper .logoimg {height:44px;}
.newprodeuct-swiper .logoimg.no_image {width:133px; margin:0 auto; background-color:#d2d9e5; background-image:url('https://cdn.hddfs.com/front/images/KO/main/noimg_3.png'); background-position:50%; background-repeat:no-repeat; background-size:70%;}/* 2021-08-02 추가 */
.newprodeuct-swiper .swiper-prev {top: calc(50% - 100px); left:0;}
.newprodeuct-swiper .swiper-next {top: calc(50% - 100px); right:0;}


.gnb_timesale {}
.today_luckydeal a.more {display:block; width:55px; height:20px; line-height:20px; position:relative; font-weight:600; color:#5c6677; margin:35px auto 0}
.today_luckydeal a.more::after {content:""; display:block; width:10px; height:10px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -50px 0 no-repeat; position:absolute; top:5px; right:0}


.timesale {background:#fafbfc}
.timesale h3 {width:100%; height:100%; color:#1b1e23; text-align:center; line-height:160px; font-size:42px; font-weight:bold}
.timesale .box {width:1080px; margin:30px auto 0; position:relative}
.timer_style {}
.timer_style::after {content:""; display:block; clear:both}
.timer_style strong {display:block; float:left; font-weight:600}
.timer_style em {display:block; float:left; font-size:20px; font-weight:400; text-align:center}


.gnb_timesale {background:#f5f7fa; padding:60px 0; margin:60px 0}
.gnb_timesale h3 {display:block; width:1080px; margin:0 auto; color:#1b1e23; font-size:24px; line-height:32px; font-weight:600}
.gnb_timesale .box {width:1080px; margin:30px auto 0; position:relative}


/* event */
.sns_area_all {margin-top:-12px;padding-bottom:10px;line-height:0;text-align:right;} /* 20201204 메인 개선에 따른 서브페이지 수정 */ /* 20201217 서브 추가수정 */
.sns_area_all a {display:inline-block;margin-left:16px;font-size:0;text-indent:-9999px;width:32px;height:32px;}
.sns_area_all a.sns_event {background:url("https://cdn.hddfs.com/front/images/KO/common/btn_like.png") no-repeat;background-size:32px 32px;}
.sns_area_all a.sns_event.on {background:url("https://cdn.hddfs.com/front/images/KO/common/btn_like_on.png") no-repeat;background-size:32px 32px;}
.sns_area_all a.sns_naver {background:url("https://cdn.hddfs.com/front/images/KO/common/icon_sns_facebook.png") no-repeat;background-size:32px 32px;}
.sns_area_all a.sns_facebook {background:url("https://cdn.hddfs.com/front/images/KO/common/icon_sns_blog.png") no-repeat;background-size:32px 32px;}
.sns_area_all a.sns_kakao {background:url("https://cdn.hddfs.com/front/images/KO/common/icon_sns_story.png") no-repeat;background-size:32px 32px;}
.event_visual .video {width:100%; height:607px; overflow:hidden;}
.event_visual .video video {width:100%;}
.event_content {padding:0 90px 80px; background:#f4f5f6;}
.event_content:after {content:""; display:block; clear:both;}
.event_content .event_couponlist {display:flex; flex-wrap:wrap;}
.event_content li {float:left; width:370px; margin:0 40px; margin-top:125px; position:relative;}
.event_content li .coupon_state {width:90px; height:90px; background:#1b1e23; border-radius:50px; box-shadow:0px 0px 3px #9aa3b1; text-align:center; color:#fff; position:absolute; top:-45px; righT:-45px;}
.event_content li .coupon_state span {font-size:16px; font-weight:600; position:absolute; top:50%; left:0; right:0; -webkit-transform:translateY(-50%);-ms-transform: translateY(-50%);transform: translate(0, -50%);}
.event_content .coupon_frame {height:200px; padding:30px; background:url('https://cdn.hddfs.com/front/images/KO/event/bg_coupon_frame.gif') no-repeat;}
.event_content .coupon_frame.frame_save {background-position:0 0;}
.event_content .coupon_frame.frame_save_off {background-position:0 -200px;;}
.event_content .coupon_frame.frame_coupon {background-position:-371px 0;}
.event_content .coupon_frame.frame_coupon_off {background-position:-371px -200px;}
.event_content .coupon_frame.frame_ticket {background-position:0 -400px;}
.event_content .coupon_frame.frame_ticket .frame_ticket_tit {display: table-cell; vertical-align:middle;height:130px;}
.event_content .coupon_frame.frame_ticket .frame_ticket_tit .t1 {font-size:30px;width:230px;max-height:80px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.event_content .coupon_frame .ti {font-size:18px; font-weight:600; color:#1b1e23;width:230px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.event_content .coupon_frame .mtxt {width:250px; margin-top:8px; font-size:14px;}
.event_content .coupon_frame .mtxt strong {font-size:42px;}
.event_content .coupon_frame .mtxt strong.t1 {font-size:30px;}
.event_content .coupon_frame .ex {margin-top:14px;color:#788497;}
.event_content .coupon_frame .ex > span {display:block; height:20px;}
.event_content .coupon_info {width:100%; margin-top:20px; margin-bottom:-5px;}
.event_content .coupon_info:after {content:""; display:block; clear:both;}
.event_content .coupon_info dt {float:left; width:95px; height:19px; margin-bottom:5px; padding-left:10px; position:relative;}
.event_content .coupon_info dt:before {content:'';position:absolute;top:10px;left:0;width:2px;height:2px;background-color:#1b1e23}
.event_content .coupon_info dd {float:left; width:calc(100% - 95px); height:19px; margin-bottom:5px; padding-left:20px;}
.event_content .coupon_down {margin-top:30px; text-align:center;}
.event_content .event_end .coupon_frame *,
.event_content .event_end .coupon_info {color:#abb2be;}
.event_content .event_end .coupon_state {background-color:#abb2be;}
.event_content .coupon_frame[class*=frame_coupon] * {color:#fff;}

.plan_recommend {padding:40px; margin-bottom:60px; background:#f4f5f6;}
.plan_recommend .product_list li .img_w::before {background:none;}
.plan_recommend .product_list li .img_w {width:100%; height:auto; background:#fff;}
.plan_recommend .product_list li .on_btn {top: 50%; transform:translateY(-50%); bottom:auto;} /*2024-02-28 추천상품 수정*/
.plan_recommend .product_list li .on_btn .on_btn_group {margin-bottom: 0;}/*2024-02-28 추천상품 수정*/
.plan_recommend .product_list li .on_btn .on_btn_group + .on_btn_group {margin-top: 8px;}/*2024-02-28 추천상품 수정*/
.plan_recommend .product_list li .tx_ex {height:40px;}
.plan_recommend .product_list li .link-login__txt {display: flex; align-items: center; gap: 2px; margin-top: 15px; font-size: 14px;}/*2024-02-28 추천상품 수정*/
.plan_recommend .product_list li .link-login__txt .tx_sign_in {border: none; background-color: transparent; font-size: 14px; color: #ea2869; text-decoration: underline;} /*2024-02-28 추천상품 수정*/
.plan_recommend .product_list li .price1 {margin-top:5px;}
.plan_recommend .product_list li .on_btn button {margin:0; font-size:12px;}
.plan_recommend .product_list li .btn_inner1 {border:1px solid #ccd1d8;}
.plan_recommend .product_list li .btn_inner1.bg_red, .plan_recommend .product_list li .btn_inner1.bg_black {border:0 !important;} /* 2021-06-25 추천상품 버튼 보더 제거 */

/* 20231211 추가 */
.plan_recommend .product_list .list_temp3 li .on_btn {
    bottom: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

/* 2021-09-01 추가 */
.list_temp3 li .img_w {min-height:316px;}
.list_temp4 li .img_w {min-height:246px;}
.list_temp5 li .img_w {min-height:200px;}
.list_temp6 li .img_w {min-height:150px;}
/* 2021-09-01 추가 */

.list_temp3 {margin-bottom:30px;}
.list_temp3 li {width:316px; margin-bottom:0;}
/* .list_temp3 li .on_btn {top:262px;} */
.list_temp3 li .on_btn {bottom:0;} /* 2021-06-24 수정 : 이미지 사이즈에 따른 버튼 위치 수정 */

.list_temp4 {margin-left:0 !important; margin-bottom:10px;}
.list_temp4 li {width:calc(50% - 40px); margin-left:0; margin-bottom:24px;}
.list_temp4 li:nth-child(2n) ~ li {margin-bottom:0;}
/* .list_temp4 li .on_btn {width:246px; top:200px;} 2021-07-23 제거 : .product_list li .on_btn 동일 */
.list_temp4 li .img_w {float:left; width:246px !important;} /* 2021-06-29 수정 : 상품 리스트 여백 삭제, 08-30 여백 원복 */
.list_temp4 li .pro_i {float:left; width:226px; padding-top:20px; margin-left:16px; }

/* .list_temp5 {position:relative; padding-left:575px; margin-bottom:-20px;}
.list_temp5 li {width:200px; min-height:363px; margin-bottom:0;}
.list_temp5 li:first-child {width:552px;height:auto; position:absolute;top:0; left:0;}
.list_temp5 li:first-child .img_w {height:563px; padding:20px;}
.list_temp5 li .on_btn {bottom:0;} */
.list_temp5 {position:relative; margin-bottom:-20px; display:block !important;}
.list_temp5 li {width:200px; min-height:390px; margin-bottom:0; float:left;} /* 2021-09-08 수정 : 높이 363 → 390 */
.list_temp5 li:first-child {width:552px;height:auto;}
.list_temp5 li:first-child .img_w {height:563px;} /* 2021-07-23 수정 : 5개 노출 리스트 중 첫번째 이미지는 큰 이미지로 RS 사이즈로 높이 수정 552 → 563 */
/* .list_temp5 li .on_btn {top:150px;} */
.list_temp5 li .on_btn {bottom:0;} /* 2021-06-24 수정 : 이미지 사이즈에 따른 버튼 위치 수정 */

.list_temp6 {margin-left:0 !important;}
.list_temp6 li {width:calc(33% - 24px); margin-left:0; margin-bottom:24px;}
.list_temp6 li:nth-child(3n) ~ li {margin-bottom:0;}
/* .list_temp6 li .on_btn {width:150px;top:100px;} */
.list_temp6 li .on_btn {width:150px;bottom:0;}
.list_temp6 li .on_btn button {width:68px; height:30px; line-height:28px; padding:0;}
.list_temp6 li .img_w {float:left; width:150px !important;}
.list_temp6 li .pro_i {float:left; width:160px; margin-top:5px; margin-left:16px; }

.payment_board {position:relative}
/* .scroll-sticky {position:absolute; right:0; top:0} */
.scroll-sticky.scroll {position:fixed; right:50%; margin-right:-540px; overflow-y:auto}
.scroll-sticky.scroll.floor {position:absolute; bottom:450px}

/* 마이현대 */
.myhd_firinfo {border:2px solid #1b1e23; background:#fff;}
.myhd_firinfo:after {content:""; display:block; clear:both;}
.myinfo {float:left; width:308px; padding:30px 40px;}
.myinfo .name { margin-bottom:6px; font-size:20px; color:#1b1e23; display:flex; align-items:flex-end;}
/* 2021-07-08 추가 : 이름 두줄 말줄임 */
.myinfo .name:after {clear:both; content:''; display:block;}
.myinfo .name strong {max-width:200px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; float:left;}
.myinfo .name strong:after {content:'님'; font-weight:400;}
.myinfo .name strong.ellipsised:after {display:none;}
.myinfo .name strong + em {display:none;}
.myinfo .name strong.ellipsised + em {display:inline-block;}

.myinfo .name .type {display:inline-block; height:26px; line-height:24px; margin-left:5px; padding:0 8px; border:1px solid #dde0e5; border-radius:30px; font-sizE:12px; color:#9aa3b1;}
.myinfo .passregist {display:block; clear:both; font-size:14px}
.myinfo .passregist:after {content:''; display:inline-block; width:16px; height:16px; background:url('https://cdn.hddfs.com/front/images/KO/common/arr_down_b.png') no-repeat; overflow:hidden; transform:rotate(-90deg); vertical-align:middle; opacity:0.5}
.myinfo .passinfo {font-size:14px; color:#788497;}
.myinfo .passinfo span {display:inline-block; vertical-align:middle;}
.myinfo .passinfo span:first-child:after {content:''; display:inline-block; width:1px; height:12px; margin:0 3px 0 7px; background:#788497; vertical-align:middle;}
.myinfo .mylv {margin-top:37px;}
.myinfo .mypresent:after {content:""; display:block; clear:both;}
.mypresent  {float:left; width:768px;}
.mypresent dl {float:left; width:20%;height:100px; padding-top:24px;  border:1px solid #eef0f2; border-width:1px 0 0 1px; text-align:center}
.mypresent dl dt {font-size:13px; color:#5c6677;}
.mypresent dl dd {margin-top:10px; font-size:18px; color:#1b1e23;}
.mypresent dl dd a {font-size:14px; text-decoration:underline; color:#1b1e23;}
.mymenu {height:56px; margin-top:20px; padding:19px 20px; background:#fff; position:relative;}
.mymenu.plus {height:auto;}
.mymenu li:nth-child(5) ~ li {height:0; opacity:0; overflow:hidden; -webkit-transition:.7s all; transition:.7s all}
.mymenu.plus li:nth-child(5) ~ li {height:auto; opacity:1; -webkit-transition:.7s all; transition:.7s all}
.mymenu .ti {padding:18px 40px; font-size:16px; font-weight:600; position:absolute; top:0; left:0;}
.mymenu ul {padding-left:218px;}
.mymenu ul:after {content:""; display:block; clear:both;}
.mymenu ul li {float:left; width:20%; height:26px; line-height:26px; margin-top:16px; max-height:26px;}
.mymenu ul li:nth-child(-n+5) {margin-top:0;}
.mymenu ul li a {font-size:13px;} /* 2021-06-29 수정 : 14 → 13 */
.mymenu ul li.active a, .mymenu ul li:hover a {font-weight:600; font-size:14px; color:#1b1e23}
.mymenu button.btn_view {display:block; width:26px; height:26px; background:none; position:absolute; top:19px; right:20px; transform:rotate(0deg)}
.mymenu button.btn_view.plus {transform:rotate(0deg)}
.mymenu button.btn_view::after {content:""; display:block; width:8px; height:12px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -10px -74px no-repeat; position:absolute; top:7px; left:9px; transform:rotate(90deg); transition:all .4s}
.mymenu button.btn_view.plus::after {transform:rotate(270deg); transition:all .4s}
.order_info dt, .order_info dd {display:inline-block;}
.order_info dt {margin-right:14px;}/*2024-08-01 출국정보 변경*/
.order_info dd {margin-right:38px; font-weight:700;}/*2024-08-01 출국정보 변경*/
.airport_map {padding-top:20px; border-top:1px solid #1b1e23;}
.airport_map:after {content:""; display:block; clear:both;}
.airport_map .map_img {float:left; width:540px;}
.airport_map .map_img img + p {margin-top:20px; color:#5c6677;}
.airport_map dl {float:left; width:calc(100% - 560px); margin:66px 0 0 20px; line-height:20px;}
.airport_map dt {margin-bottom:8px; font-weight:600; color:#1b1e23;}
.airport_map dd {margin-bottom:20px; color:#5c6677;}

.myhd_content .box_gray2 + .list_table01 {margin-top:20px;}
.myhd_content .list_table01 + .info_table {margin-top:20px;}
.myhd_content {padding-top:40px;}
.myhd_content .rtag_group{margin-top: 0} /* 2021-06-11 : 추가 */
.tab_center {margin-top:40px; text-align:center;}
.tab_center li {display:inline-block; float:none; margin-left:26px;}
.period {width:100%; background:#f2f4f7; padding:20px 0; margin-top:20px;}
.period .period_cover {width:720px; margin:0 auto;} /* 2021-06-16 : 넓이 수정 */
.period .period_cover::after {display:block; content:''; clear:both;}
.period .monthbox {float:left;}
.period .datebox {float:left; margin-left:20px;}
.period .datebox .datepicker_box input.datepicker { height:40px; font-size:14px; line-height:16px; width:143px;}
.period .dcheck_btn {display:block; float:left; margin-left:4px;}

.myhdsetproduct {position:relative;margin-bottom: 20px;}
.myhdsetproduct.last{margin-bottom: 0;}
.myhdsetproduct .total {line-height:27px; margin-left:40px}
.myhdsetproduct .total strong {display:block; float:left; font-size:18px}
.myhdsetproduct .total strong em {font-family:'Times New Roman'; color:#ea2829; font-size:22px; font-weight:bold}
.myhdsetproduct .total i {font-size:16px; font-weight:normal; font-style:normal}
.myhdsetproduct .total p {float:left; margin-left:12px; font-size:14px; color:#5c6677}
.myhdsetproduct .total p em {color:#1b1e23; font-weight:600}
.myhdsetproduct .total::after {content:""; display:block; clear:both}
.myhdsetproduct .myhdset-swiper {width:1000px; margin:17px auto 0; overflow:hidden}
.myhdsetproduct .product_list ul {width:100%; margin:0}
.myhdsetproduct .swiper-slide {width:148px}
.myhdsetproduct .product_list li {margin:0 22px 0 0; display:block}
.myhdsetproduct .product_list li .img_w {width:100%; height:148px}
.myhdsetproduct .product_list li.required .img_w::before {border:1px solid #000}
.myhdsetproduct .product_list .counter {position:absolute; z-index:1;}
.myhdsetproduct .product_list .counter li {background:#1b1e23; color:#fff; display:inline; padding:4px 8px; font-size:13px}
.myhdsetproduct .swiper-prev {width:20px; height:20px; position:absolute; bottom:140px; left:0}
.myhdsetproduct .swiper-prev::after {content:""; display:block; width:8px; height:12px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') 0 -74px no-repeat; position:absolute; top:4px; left:6px;}
.myhdsetproduct .swiper-next {width:20px; height:20px; position:absolute; bottom:140px; right:0}
.myhdsetproduct .swiper-next::after {content:""; display:block; width:8px; height:12px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') 0 -74px no-repeat; position:absolute; top:4px; left:6px; transform:rotate(180deg)}
.myhdsetproduct .swiper-prev:hover, .myhdsetproduct .swiper-next:hover {transform:rotate(180deg);}
.myhdsetproduct .swiper-prev:hover::after, .myhdsetproduct .swiper-next:hover::after {background-position:-10px -74px;}

.freebie_list {border-top:1px solid #1b1e23; padding-top:20px;}
.freebie_list ul::after {display:block; content:''; clear:both;}
.freebie_list li {float:left; width:500px; background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/ic_gift.png') right center no-repeat; padding-right:102px; margin:0 0 20px 60px;}
.freebie_list li:nth-child(2n+1) {margin-left:0;}
.freebie_list li p {font-size:14px; line-height:20px;}
.freebie_list li .brd_name {color:#1b1e23; font-weight:600;}
.freebie_list li .brd_option {color:#5c6677; height:40px;}

.payment_infobox {border:2px solid #1b1e23; padding:40px 0;}
.paybox::after {display:block; content:''; clear:both;}
.paybox > div {float:left; width:calc((100% - 2px)/3); padding:0 40px;}
.paybox > div .cost_list {margin-top:40px;}
.paybox dl.tax_limit {border-top:1px solid #eef0f2; padding-top:8px;}
.paybox .discount_total {border-right:1px solid #dde0e5; border-left:1px solid #dde0e5; position:relative; min-height:250px;}
.paybox .discount_total::before {display:block; content:''; background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/ic_minus.png')no-repeat; width:24px; height:24px; position:absolute; left:-12px; top:113px;}
.paybox .discount_total::after {display:block; content:''; background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/ic_equal.png')no-repeat; width:24px; height:24px; position:absolute; right:-12px; top:113px;}
.paybox small {display:block; font-size:12px; line-height:18px; color:#abb2be; margin-top:8px;}
.paybox .btn_area a {width:120px;}
.paybox .total_tit {display:block; font-size:16px; line-height:21px; color:#1b1e23; text-align:left;}
.paybox .pay_dollar {font-size:24px; line-height:28px; font-weight:600; text-align:left; margin-top:15px;}
.paybox .pay_won {font-size:16px; line-height:19px; font-weight:600;text-align:left; margin-top:3px;}
.paybox > div .hjoin {margin-top:12px; text-align: center;}
.payment_infobox .btn_area {background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/dotted_line.png') center top no-repeat; padding-top:40px; margin-top:40px;}
.payment_infobox + .box_gray2 {margin-top:20px;}
/* .payment_infobox .btn_area a {width:130px;} */

.receipt .list_table01 .cost_list:last-child {padding-bottom:28px;}
.receipt .cost_list, .receipt .ul_tabletype {padding-bottom:28px; border-bottom:1px solid #dde0e5;}
.receipt .total_list .cost_list {padding-bottom:10px;}
.receipt .total_list .slist {padding:12px 0; border-bottom:1px solid #1b1e23; font-size:14px;}
.receipt_info {margin-bottom:18px;}
.receipt_info li {margin-top:4px; color:#1b1e23;}
.receipt_list li h3 {margin:28px 0 17px; font-size:18px; font-weight:600; color:#1b1e23;}
.receipt_list li .cost_list dl {margin-top:10px;}
.receipt .barcode_area {margin:40px 0;}
.receipt .barcode_area .barcode {width:197px; height:113px; margin:0 auto; text-align:center;}
.receipt .sign_area .ti {margin:28px 0 12px; font-weight:600; color:#1b1e23;}
.receipt .sign_area .sign {border:1px solid #dde0e5; border-radius:15px; width:340px; overflow:hidden; min-height:169px;}
.receipt .sign_area img{width:100%;}

/* 구매리스트 해시태그 */
.rtag_group{margin:40px -5px;}
.rtag_group li{display:inline-block; border:1px solid #eef0f2; padding:10px 20px; border-radius:30px; margin:0 3px 10px;}
.rtag_group li a{font-size:16px; line-height:24px; color:#1b1e23; }

/* 적립금 내역 */
.myhd_dashbord {border:1px solid #dde0e5; border-top:2px solid #1b1e23;}
.myhd_dashbord:after {display:block; content:''; clear:both;}
.myhd_dashbord > div {float:left; padding:30px 0;}
.myhd_dashbord .tit {text-align:center;}
.myhd_dashbord + .coupon_regist {margin-top:0;}
.myhd_dashbord + .coupon_regist .btnde_type1{margin-left:-3px;} /* 2021-06-11 : 추가 */
.dashbord_ti {text-align:center; font-weight:600;}
.dashbord_ti dt {font-size:18px;}
.dashbord_ti dd {font-size:32px; color:#1b1e23;}/* 2021-09-13 수정 : #ea2829 → #1b1e23 */
.dashbord_ti dd span {font-size:18px; font-weight:normal;position:relative; top:-2px;margin-left:3px;}
.dashbord_ti dd.dis {color:#5c6677;}
.dashbord_ti dd.normal {color:#1b1e23;}
.dashbord_ti dd.button {margin-top:20px; line-height:1;}
.dashbord_details {margin-top:10px; }
.dashbord_details:after {display:block; content:''; clear:both;}
.dashbord_details dl dt {margin-bottom:5px; font-size:13px; color:#5c6677;}
.dashbord_details dl dd {font-size:18px; font-weight:600;}
.dashbord_details dl dd span {font-size:16px; font-weight:normal;margin-left:2px;}
.myhd_dashbord .dashbord_1 {width:100%;}
.myhd_dashbord .dashbord_2 {width:50%;}
.myhd_dashbord .dashbord_2:first-child {border-right:1px solid #dde0e5;}
.dashbord_details dl {float:left;height:46px; margin-top:24px;  border-left:1px solid #eef0f2; text-align:center;}
.dashbord_1 .dashbord_details dl {width:215px;}
.dashbord_2 .dashbord_details dl {width:178px;}
.myhd_dashbord.in_dashbord {border:0;}
.myhd_dashbord.in_dashbord > div {padding:40px 0;}
.myhd_dashbord.in_dashbord .button button {width:120px;}
.in_dashbord + .period {margin:0;}

/* list-onoff */
.list_onoff .onoff_cont {display:none; padding:29px 0; border-bottom:1px solid #dde0e5;}
.list_onoff .onoff_ti {display:block; width:100%; height:63px; line-height:63px; padding:0 20px; border-bottom:1px solid #dde0e5; text-align:left; font-size:14px; font-weight:600; color:#1b1e23; position:relative}
.list_onoff .onoff_ti:after {content:''; display:block; width:10px; height:10px; background:url('https://cdn.hddfs.com/front/images/KO/common/ico_btn_select.png') no-repeat center center; position:absolute; top:50%; right:20px;}
.list_onoff .onoff_ti.on:after { -ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform:rotate(-180deg)}
.list_onoff .onoff_ti.on + .onoff_cont {display:block}
.onoff_cont .product_list li {margin-bottom:30px;}
.onoff_cont .product_list:after {content:''; display:block; width:100%; height:1px; margin-top:-30px;}

.price_info::after{display:block; content:''; clear:both;}
.price_info p{font-size:14px; line-height:20px; color:#1b1e23; margin:16px 0; height:40px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; word-wrap: break-word;}

.price_info .num_amount{float:left;}
.price_info .num_amount::after{display:block; content:''; clear:both;}

.price_buybtn{float:right;}
.price_buybtn a{display:block; font-size:12px; line-height:18px; float:left; padding:9px 9px;} /* 2021-07-21 수정 : .price_buybtn 버튼 좌측 여백 제거 */
.price_buybtn a + a {margin-left:4px;} /* 2021-07-21 추가 : .price_buybtn 버튼과 버튼 사이 여백 */
.price_buybtn a.buybtn_view{color:#1b1e23; background:#ffffff; border:1px solid #1b1e23;}
.price_buybtn a.buybtn_cart{color:#ffffff; background:#1b1e23; border:1px solid #1b1e23;}

.recommend_brand .module_circle{width:1080px; margin:0 auto;}
.recommend_brand .product_module.module_circle .product_itme{width:200px; margin:50px 0 0 15px; background:none;}
.recommend_brand .module_circle .product_itme:nth-child(5n+1) {margin-left:0}
.recommend_brand .module_circle .product_itme:nth-child(1){margin-top:0}
.recommend_brand .module_circle .product_itme:nth-child(2){margin-top:0;}
.recommend_brand .module_circle .product_itme:nth-child(3){margin-top:0;}
.recommend_brand .module_circle .product_itme:nth-child(4){margin-top:0;}
.recommend_brand .module_circle .product_itme:nth-child(5){margin-top:0;}
.recommend_brand .module_circle a{height:100%;}
.recommend_brand .module_circle span.img{height:200px; border-radius:200px;}
.recommend_brand .product_module.module_circle em{font-weight:600;}

.recommend_products{margin-top:60px; margin-bottom:60px;}
.recommend_products .recommend_txt{font-size: 24px; line-height:34px; color:#1b1e23; font-weight:600; margin-bottom:30px;}
.recommend_products .more{margin-top:10px;}
/* 2021-06-09 : 추가 */
.recommend_products .product_list li{margin-bottom: 30px}
.recommend_products .product_list + .smenu_more{margin-top: 0}
/* //2021-06-09 : 추가 */
/* 20231213 추가*/
.recommend_products .product_list .list-product.list-product__searchlist.type-1 li {
    margin-left: 0;
    margin-bottom: 0;
}
.recommend_products .product_list .list-product.list-product__searchlist.type-1 > li:hover .img_w::before {
    border-radius: 8px;
}
/* //20231213 추가*/

.spe_sets{margin-top:60px;}
/* 작은 타이틀 공통 */
.sets_title{width:1080px; margin: 0 auto 30px; font-size:24px; line-height:34px; color:#1b1e23; font-weight:600;}

/* .spe_sets{width:1080px; margin:0 auto;} */
.width252 .product_module{width:1080px;}
.width252 .product_module ul {display:flex; flex-wrap:wrap;}/* 2021-09-17  추가 */
.width252 .product_module .product_itme{width:252px; height:100%; margin-left:24px; float:left;}/* 2021-09-16 수정 : margin 19 → 24, float 추가 */
.width252 .product_module .product_itme .img_w{width:252px; height:252px;}

/* 세트상품 구성보기 팝업 */
.sets_viewpopu{z-index:9999;}
.sets_viewpopup .viewpopup_head{border-bottom:1px solid #eef0f2;}
.sets_viewpopup .viewpopup_head p{font-size:22px; line-height:33px; color:#1b1e23; text-align:center; font-weight:600; padding:20px 0}
.sets_viewpopup .viewpopup_head span{display:block; background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/ic_viewclose.png')no-repeat; width:28px; height:28px; text-indent:-9999px; position:absolute; top:22px; right:20px;}
.viewpopup_txt {padding:30px 36px; height:447px; overflow-y:scroll;margin-right: 8px;} /* 2021-06-23 : 여백 수정 */
.viewpopup_txt div{padding:30px 0;}
.viewpopup_txt div::after{display:block; content:''; clear:both;}
.viewpopup_txt .tnr_font{float:left; margin-left:18px;}
.viewpopup_txt .v_txt{float:right; width:248px; font-size:14px; line-height:21px; font-weight:600; color:#1b1e23; text-align:left; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden; }
.sets_view .ui-dialog-titlebar{display:none;}
.sets_view.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable{border:none;}

.sets_viewpopup .price_info{padding:19px 36px; border-top:1px solid #eef0f2;}
.sets_list li{padding:20px 0; border-bottom:1px solid #eef0f2;}
.sets_list li::after{display:block; content:''; clear:both;}
.sets_list li span.sets_img{display:block; position:relative; width:80px; height:100%; float:left;}
.sets_list li span.sets_img::before{ content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(12,54,122,.04);}
.sets_list li span.sets_img img{display:block; width:100%;}

.sets_list li dl{float:left; width:248px; font-size:14px; line-height:21px; padding:20px 18px;}
.sets_list li dl dt{font-weight:600;}
.sets_list li dl dd{width:250px;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden;}
.sets_viewpopup .price_buybtn a{margin-left:0;}
.sets_view .ui-widget-overlay{z-index:9998;}

a.smenu_more {display:block; width:55px; height:20px; line-height:20px; position:relative; font-weight:600; color:#5c6677; margin:35px auto 0}
a.smenu_more::after {content:""; display:block; width:10px; height:10px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -50px 0 no-repeat; position:absolute; top:5px; right:0}
/* 2021-06-23 : 추가  */
.sets_viewpopup .viewpopup_txt .sets_list:last-child li{border-bottom:none;padding-bottom: 0;}
/* //2021-06-23 : 추가  */


/* 브랜드샵 */
.content_top{width:1080px; margin:0 auto;}
.brandshop_slide{width:1080px; margin:0 auto; position:relative}
.brandshop_slide p{font-size:20px; line-height:32px; color:#1b1e23; text-align:center;}



.brandshop_slide {width:1080px; position:relative}
.brandshop_slide .swiper-wrapper {width:100%}
.brandshop_slide .swiper-slide {display:block; width:200px}
/* 2021-06-21 : 제거 (swiper api에서 제어)
.brandshop_slide .product_module.module_circle .product_itme {width:200px; margin-right:20px} */
.brandshop_slide .product_module .img::before {display:none}
.brandshop_slide .product_module.module_circle em {margin-top:0}
.brandshop_slide .swiper-slide a {display:block}
.brandshop_slide .img {display:block; width:200px !important; height:200px !important; border-radius:200px; overflow:hidden} /* 2021-06-23 수정 : 브랜드샵 슬라이드 이미지 넓이/높이 수정 */
.brandshop_slide .img img {width:100%;}
.brandshop_slide .swiper-prev {width:60px; height:60px; position:absolute; bottom:120px; left:-80px; cursor:pointer}
.brandshop_slide .swiper-prev::after {content:""; display:block; position:absolute; top:16px; left:22px;; width:16px; height:29px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -36px -13px no-repeat;opacity: 0.2;}
.brandshop_slide .swiper-prev:hover::after {opacity: 1;}
.brandshop_slide .swiper-next {width:60px; height:60px; position:absolute; bottom:120px; right:-80px; cursor:pointer}
.brandshop_slide .swiper-next::after {content:""; display:block; position:absolute; top:16px; left:22px; width:16px; height:29px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -55px -13px no-repeat;opacity: 0.2;}
.brandshop_slide .swiper-next:hover::after {opacity: 1;}
.brandshop_slide .product_module{width:1080px; overflow:hidden; margin-top:100px;}

.brand_explain > * + * {margin-top:30px !important;}/* 2021-09-01 브랜드 설명 콘텐츠 간 여백 */

/* 브랜드샵 에스쁘아 */
.brand_explain .be_logo{width:100%; text-align:center;}
.brand_explain .be_text {font-size:20px; line-height:32px; color:#1b1e23; margin-top:30px}
.brand_explain .be_notice {margin-top:32px}
.brand_explain .be_notice li {line-height:24px; color:#5c6677; font-size:16px; margin-top:10px; position:relative; padding-left:28px}
.brand_explain .be_notice li::before {content:""; display:block; width:10px; height:10px; background:#d9d9d9; position:absolute; left:0; top:7px}
.brand_explain .be_notice li:first-child {margin-top:0}
.spacialbanner .swiper-slide {margin:0 auto}
.spacialbanner .swiper-slide.noimg {background-color:#cad2e1; text-align:center;}/* 2021-09-08 추가 */
.spacialbanner .swiper-slide.noimg:before {height:100%; vertical-align:middle; content:''; display:inline-block;}
/* 2021-06-16 :  블릿 추가 */
.brand_explain .be_notice li.bul01::before{background: url('https://cdn.hddfs.com/front/images/KO/common/ic_brand_notice.png') no-repeat 0 -3px; width: 20px; height: 24px; background-color: transparent;}
.brand_explain .be_notice li.bul02::before{background: url('https://cdn.hddfs.com/front/images/KO/common/ic_brand_war.png') no-repeat 0 -3px; width: 20px; height: 24px; background-color: transparent;}
/* 2021-07-27 추가 : 등록 이미지 없는 경우 */
.swiper-slide.no_image {background-color:#d2d9e5; background-image:url('https://cdn.hddfs.com/front/images/KO/main/noimg_3.png'); background-position:50%; background-repeat:no-repeat;}

/* 구성보기 팝업 장바구니담기 툴팁 */
.into_cart{position:relative;}
.into_cart .cart_tooltip{display:none; font-size:13px; line-height:29px; padding:0 20px; border-radius:30px; color:#ffffff; text-align:center; background:#0288d1; position:absolute; top:-40px; left:-150px;}
.into_cart .cart_tooltip::before{display:block; content:''; width:0; height:0; border-bottom:6px solid transparent; border-top:7px solid #0288d1; border-left:7px solid transparent; border-right:7px solid transparent; position:absolute; bottom:-12px; right:16px;}

/* gnb베스트 */
#content2{width:100%;}
#content2 section .specialm_visual{width:1080px; margin:0 auto;}
#content2 section .special_content .best_three{width:100%; background:#f5f7fa; padding:60px 0;}/* 2021-09-27 수정 : 베스트 상단 회백새벽 상품 넓이 */ 
#content2 section .special_content .best_three ul{width:1108px; margin:0 auto;}
#content2 section .special_content .best_three li{width:344px; height:575px;background:#ffffff; margin-bottom:0;} /* 2021-06-08 : 고정 높이 추가 및 수정 */
#content2 section .special_content .best_three li a .pro_i{padding: 0 20px;margin-top: 30px;} /* 2021-06-08 : 추가 */
#content2 section .special_content .best_three li .img_w{width:284px; height:284px;margin:30px auto 0;padding: 0}
#content2 section .special_content .best_three li .img_w::before{display:none;}
#content2 section .special_content .best_three li .img_w em.btn_play{right: 0;top: 8px}
#content2 section .special_content .best_three li .img_w .on_btn .on_btn_group .btn_inner1{border: 1px solid #1b1e23}
#content2 section .special_content .best_three .tnr_font em{font-size:40px;}
#content2 section .special_content .best_three .tnr_font {left:30px; top:30px;}
#content2 section .lank_top{margin-top:70px;}
.lank_box{width:1080px; margin:0 auto 20px;}
.lank_box::after{display:block; content:''; clear:both;}
.week_month{float:left;}
.sell_count{float:right;}
.sell_count .switch label span{font-size:13px; line-height:36px;}
.bstpro_num{width:1080px; margin:0 auto; padding-top:60px;}

/* gnb세일 */
.today_luckydeal .product_module .product_itme{margin-top:60px;}
.timesale {background:#fafbfc}
.timesale h3 {width:100%; height:100%; color:#1b1e23; text-align:center; line-height:160px; font-size:42px; font-weight:bold}
.timesale .box {width:1080px; margin:30px auto 0; position:relative}
.timer_style::after {content:""; display:block; clear:both}
.timer_style strong {display:block; float:left; font-weight:600}
.timer_style em {display:block; float:left; font-size:20px; font-weight:400; text-align:center}

.gnb_timesale .timesale-swiper {overflow:hidden}
.gnb_timesale .timesale-swiper .swiper-slide {width:530px; position:relative}
/* .gnb_timesale .timesale-swiper a {display:block; background:#fff; width:236px; height:257px; position:absolute; top:78px; right:30px; padding:32px 30px 30px; color:#1b1e23} */
.gnb_timesale .timesale-swiper a {display:block; background:#fff; width:236px; height:257px; position:absolute; top:50%; right:30px; padding:32px 30px 30px; color:#1b1e23; transform:translateY(-50%);}
.gnb_timesale .timesale-swiper u {display:block; font-weight:600; font-size:24px; /*line-height:24px;*/ text-underline-position:under; position:relative; margin-top:10px; text-decoration:underline;}
.gnb_timesale .timesale-swiper u:first-child {margin-top:0}
.gnb_timesale .timesale-swiper .timer_style {position:absolute; bottom:30px; left:30px; line-height:45px; font-size:30px}
.gnb_timesale .timesale-swiper .timer_style::before {content:""; display:block; width:6px; height:6px; background:#ea2829; border-radius:10px; position:absolute; top:-10px; left:0}
.gnb_timesale .timesale-swiper .timer_style em {width:32px}

/* 2021-06-15 : 수정 */
.gnb_timesale .swiper-prev {width:36px; height:36px; position:absolute; top:-64px; right:36px; cursor:pointer;}
.gnb_timesale .swiper-prev::after {content:""; display:block; position:absolute; top:0; left:0;; width:36px; height:36px; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_sale_next.png') 0 0 no-repeat;transform:rotate(180deg)}
.gnb_timesale .swiper-next {width:36px; height:36px; position:absolute; top:-64px; right:0; cursor:pointer;}
.gnb_timesale .swiper-next::after {content:""; display:block; position:absolute; top:0; left:0; width:36px; height:36px; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_sale_next.png') 0 0 no-repeat;}
.gnb_timesale .swiper-prev.swiper-button-disabled,
.gnb_timesale .swiper-next.swiper-button-disabled {opacity:.4;} /*2022-03-25 disabled 추가*/
/* //2021-06-15 : 수정 */

.gnb_timesale dd.timer_style {float:left; margin-left:20px}
.gnb_timesale dd.timer_style strong {font-size:40px; line-height:48px}
.gnb_timesale dd.timer_style em {width:32px; font-size:20px; line-height:48px}
.gnb_timesale .default img {width:100%}
.timer-action::after {content:""; display:block; clear:both}
.timer-action strong {display:block; float:left}
.timer-action em {display:block; float:left}

/* gnb 이벤트 리스트 */
.evl_text{position:relative;}
.evl_total{font-size:16px; line-height:24px; color:#1b1e23; margin-bottom:30px;}
.evl_total span{font-weight:600;}
.event_top:after {display:block; content:''; clear:both;}/* 2021-06-09 : 추가 */
.event_top .evlist_tab {float:left;width: 800px;} /* 2021-06-09 : 추가 */
.event_top .evlist_tab:after {display:block; content:''; clear:both;}
.event_top .tabsort_wrap{margin-bottom: 0;} /* 2021-06-09 : 추가 */
.event_top .evlist_tab .tab_round {float:left;}
.event_top .search_box{float:right; position:relative; width:252px; border-bottom:3px solid #1b1e23; margin-top: 7px; padding-right:60px;}
.event_top .search_box .ev_search{background:none; border:none; padding-bottom:10px; width:100%;}
.event_top .search_box input[type="text"]::placeholder{font-size:16px; line-height:24px; color:#dde0e5;}
.event_top .search_box .btn_sch{position:absolute; top:0; right:0; display:block; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_sch_b.png')no-repeat; border:none; width:24px; height:24px;}
.event_top .tab-action .evlist_tab{width: 100%} /* 2021-06-15 : 추가 */
.eventlist{margin-top:30px;overflow: hidden;}
.eventlist li{float:left; margin:0 0 60px 24px;width: 252px;height: 320px;}/* 2021-09-16 : margin left 19 → 24 */
.eventlist li:first-child{margin-left:0px;}
.eventlist li:nth-child(4n+1){margin-left:0px;}
.eventlist li dt{margin-top:20px; font-size:16px; line-height:24px; color:#1b1e23; font-weight:600;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; line-height: 15px;margin-right: 23px; height:20px;}/* 2021-06-09 : 말줄임 추가*/
.eventlist li dd.evl_mtxt{width:212px; height:40px; margin-top:10px; font-size:14px; line-height:20px; color:#5c6677; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;}
.eventlist li dd.evl_stxt{margin-top:6px;;font-size:12px; line-height:16px; color:#5c6677; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.eventlist li span.e_img{display:block; width:252px; height:200px; overflow:hidden;}/* 2021-09-27 수정 : overflow 추가 */
/* .eventlist li span.e_img img{display:block; width:100%;} */
.eventlist li span.e_img img{display:block; width:auto; height:100%; max-width:inherit !important;}/* 2021-09-27 수정 : 이벤트/기획전 thumb 이미지 관련 */
.planlist {margin-top:40px;}
.planlist #plan1,
.planlist #plan2,
.planlist #plan3,
.planlist #plan4,
.planlist #plan5 {display:block; content:''; clear:both;padding-top: 30px;}/* 2021-06-09 : 추가 */
.planlist .tab-style{clear: both;} /* 2021-06-09 : 추가 */
.planlist .minimenu {margin-left:-20px; padding-bottom:10px;}
/* 하트사이즈 */
.evl_text .evl_like{position:absolute; top:0; right:0;}
/* 검색결과가없습니다 */
.event_nothing{font-size:16px; color:#ccd1d8; padding:50px; padding-top:250px; text-align:center;}

/* event_type */
.ui-dialog.event_type .ui-dialog-titlebar {display:none;}
.ui-dialog.event_wtype .ui-dialog-titlebar {display:none;}

/* 당첨팝업 */
.winning .layer_popup{height:239px}
.winning .layer_popup .layer_cont{height:100%; padding:52px 0 40px; background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/img_pollen.png')center 0 no-repeat; animation-duration: .8s; animation-name:pollen;}
@keyframes pollen {from {background-size: 0 0;background-position: center 60px ;} to {background-size: 208px 94px;background-position: center 0;}}
.winning .layer_popup .layer_cont .txt_ty1 span{text-align:center; font-size:26px; line-height:34px;}
.winning .layer_popup .layer_cont .text_ty2{margin-top:7px; font-size:22px; line-height:30px; color:#1b1e23; font-weight:600;}
.winning .layer_popup .layer_cont .check_pop{width:120px; font-size:14px; line-height:20px;}

.id_pop .layer_popup .popupcont_wrap .box_cont p{text-align:left; font-size:14px; line-height:21px; color:#1b1e23; font-weight:600; margin-top:16px;}

/* passport pw check */
.pw_recheck {text-align:center; margin-top:100px;}
.pw_recheck p {font-size:20px; line-height:29px; font-weight:600;}
.pw_recheck span.input_de {margin-top:40px; width:300px;}

.timesale-swiper {overflow:hidden}
.timesale-swiper .swiper-slide {width:530px; height:379px; position:relative;}
/* .timesale-swiper a {display:block; background:#fff; width:236px; height:257px; position:absolute; top:78px; right:30px; padding:32px 30px 30px; color:#1b1e23} */
.timesale-swiper a {display:block; background:#fff; width:236px; height:257px; position:absolute; top:50%; right:30px; padding:32px 30px 30px; color:#1b1e23; transform:translateY(-50%);}
.timesale-swiper u {display:block; font-weight:600; font-size:24px; /*line-height:24px;*/ text-underline-position:under; position:relative; margin-top:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:underline;}/* 2021-08-02 수정 : 말줄임 */
.timesale-swiper u:first-child {margin-top:0}
.timesale-swiper .timer_style {position:absolute; bottom:30px; left:30px; line-height:45px; font-size:30px}
.timesale-swiper .timer_style::before {content:""; display:block; width:6px; height:6px; background:#ea2829; border-radius:10px; position:absolute; top:-10px; left:0}
.timesale-swiper .timer_style strong {}
.timesale-swiper .timer_style em {display:block; width:32px; text-indent:-9999px; position:relative}
.timesale-swiper .timer_style em::after {content:""; display:block; width:4px; height:12px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -134px -215px no-repeat; position:absolute; top:12px; left:14px}

.timesale-swiper .default {position: absolute}
.timesale-swiper .default {width:100%; height:100%; position:absolute; top:0; left:0; padding:93px 0 0 0; color:#fff; text-shadow:0 4px 10px rgba(0,0,0,.5); text-align:center; z-index:10;}
.timesale-swiper .default strong {display:block; font-weight:600; font-size:28px; line-height:34px; text-align:center; text-transform:uppercase}
.timesale-swiper .default em {display:block; font-weight:600; font-size:20px; line-height:29px; text-align:center; margin-top:4px}
.timesale-swiper .default u {display:inline-block; font-weight:600; font-size:40px; line-height:48px; text-align:center; margin-top:10px; text-decoration:none; border-bottom:solid 3px #fff}
.timesale-swiper .default u span {text-indent:-9999px; display:inline-block; width:20px; position:relative}
.timesale-swiper .default u span::after {content:""; display:block; width:4px; height:16px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -128px -215px no-repeat; position:absolute; top:16px; left:8px}
.timesale-swiper .default dl {line-height:24px; width:160px; margin:50px auto 0}
.timesale-swiper .default dl::after {content:""; display:block; clear:both}
.timesale-swiper .default dt {display:block; float:left; line-height:34px; font-size:13px}
.timesale-swiper .default dd {display:block; float:left; margin-left:10px}
.timesale-swiper .timedim {position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:1}
.timesale-swiper .default .get-standard-time {position:relative; line-height:34px; left:0; bottom:0}
.timesale-swiper .default .get-standard-time::before {display:none}
.timesale-swiper .default .get-standard-time strong {font-size:20px; font-weight:400; font-style:italic}
.timesale-swiper .default .get-standard-time em {width:10px; font-size:16px; font-weight:400; font-style:italic; text-indent:0; margin-top:2px}
.timesale-swiper .default .get-standard-time em::after {display:none}

.get-standard-time {display:block; line-height:37px; position:absolute; bottom:30px; left:30px}
.get-standard-time::before {content:""; display:block; width:6px; height:6px; background:#ea2829; position:absolute; top:-4px; left:0; border-radius:10px}
.get-standard-time::after {content:""; display:block; clear:both}
.get-standard-time strong {display:block; float:left; font-size:30px}
.get-standard-time em {display:block; float:left; width:32px; text-indent:-9999px; position:relative}
.get-standard-time em::after {content:""; display:block; width:4px; height:12px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -134px -215px no-repeat; position:absolute; top:14px; left:14px}



.productlist {}
.depthlist {margin-bottom:60px; border-top:solid 1px #1b1e23; border-right:solid 1px #eef0f2}
.depthlist td {border-left:solid 1px #eef0f2; border-bottom:solid 1px #eef0f2}
.depthlist td a {display:block; line-height:20px; padding:16px 20px; color:#5c6677}
.depthlist td:hover a, .depthlist td.on a {text-decoration:underline; font-weight:600; color:#1b1e23}

/*  */
.setproduct {position:fixed; background:#fff; width:100%; height:100%; top:0; right:-100%; z-index:99999; padding:0 30px; display:none}
.setproduct h3 {width:100%; height:120px; line-height:120px; font-size:28px; color:#1b1e23; font-weight:600}
.setproduct h4 {display:block; color:#1b1e23; font-size:22px; margin:40px 0; font-weight:600}
/* 2021-08-05 추가 : 검색 */
.setproduct h4:after {clear:both; content:''; display:block;}
.setproduct h4 .search_box {float:right; position:relative; width:252px; border-bottom:3px solid #1b1e23; margin-top: 7px; margin-right:40px;}
.setproduct h4 .search_box .ev_search{background:none; border:none; padding-bottom:10px;}
.setproduct h4 .search_box input[type="text"]::placeholder{font-size:16px; line-height:24px; color:#dde0e5;}
.setproduct h4 .search_box .btn_sch{position:absolute; top:0; right:0; display:block; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_sch_b.png')no-repeat; border:none; width:24px; height:24px;}

.setproduct .eventcopy {background:#f5f7fa; margin-top:40px; text-align:center; color:#1b1e23; line-height:24px; padding:18px 40px; font-weight:600}
.setproduct .box {max-width:1100px; min-width:610px; width:100%; margin:0 auto; height:calc(100% - 184px); overflow:auto; padding:0 0 40px 0; position:relative}
.setproduct .brandselect {padding-bottom:96px; background:url('https://cdn.hddfs.com/front/images/KO/product/brandselect_line.png') center bottom no-repeat}
.setproduct .brandselect ul:after {clear:both; content:''; display:block;}
.setproduct .brandselect li {width:16.6666%; height:70px; margin-top:20px; vertical-align:top; float:left;}
.setproduct .brandselect li:nth-child(1),
.setproduct .brandselect li:nth-child(2),
.setproduct .brandselect li:nth-child(3),
.setproduct .brandselect li:nth-child(4),
.setproduct .brandselect li:nth-child(5),
.setproduct .brandselect li:nth-child(6) {margin-top:0}
.setproduct .brandselect .chk input[type='radio'] {display:none;}/* 2021-08-02 추가 : IE Input */
.setproduct .brandselect .chk input[type='radio'] + label:before {margin:0; position:absolute; top:2px; left:0}
.setproduct .brandselect p {font-size:16px; line-height:24px;/* margin-left:25px; width: 143px;*/} /* 2021-08-02 수정 : margin, width 제거 */
.setproduct .brandselect em {display:block; font-size:12px; color:#0288d1; line-height:18px; margin:4px 0 0 0}
.setproduct .product_list {}
.setproduct .product_list ul {width:100%; margin:0}
.setproduct .product_list li {margin:0 5px 40px}
.setproduct .product_list li:nth-child(4n+1) {}
.setproduct .product_list .counter {position:absolute; top:13px; left:40px; z-index:10; width:auto; font-size:12px} /*2023-08-21 top:10px; left:33px; 수정*/
.setproduct .product_list .counter li {background:#1b1e23; float:left; color:#fff; width:auto; margin:0 0 0 1px; padding:0 6px; line-height:20px; height:20px}
.setproduct .product_list .counter li::after {content:""; display:block; clear:both}
.setproduct .product_list .checked {}
.setproduct .product_list .checked .img_w::before {border: 1px solid #000}
.setproduct .product_list .required .img_w::before {border: 1px solid #000}
.setproduct .product_list .required .chk input[type='checkbox']:checked:disabled + label:before {opacity:1}
/* S: 2023-08-21 세트상품 체크박스 수정*/
.setproduct .product_list input + label {height:26px;}
.setproduct .product_list input[type='checkbox'] + label,
.setproduct .product_list input[type='radio'] + label {padding-left:26px;}
.setproduct .product_list input[type='checkbox'] + label::before,
.setproduct .product_list input[type='radio'] + label:before { width:26px; height:26px; background:url('https://cdn.hddfs.com/front/images/KO/common/ic_ck_plus.png') no-repeat center center #d6d6d6; background-size:12px auto; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.setproduct .product_list input[type='checkbox']:checked + label:before {background:url('https://cdn.hddfs.com/front/images/KO/common/ic_ck_check.png') no-repeat center center #000; background-size:14px auto;}
/* E: 2023-08-21 세트상품 체크박스 수정*/

.setproduct .selectedproduct {position:fixed; right:-100%; bottom:0; width:100%; height:184px; background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,.1); z-index:100; padding:30px 30px 0 30px}

.setproduct .product_list .txt_soldout {padding:90px 0; color:#5C6677; font-size:14px; letter-spacing:-0.7pt; text-align:center;}

.setproduct .selectedproduct .zone {max-width:1100px; width:100%; margin:0 auto; position:relative}
.setproduct .selectedproduct .selecteditem_swiper {width:calc(100% - 290px); overflow:hidden; float:left}
.setproduct .selectedproduct .swiper-wrapper {}
.setproduct .selecteditem_swiper .swiper-slide {width:188px}
.setproduct .selecteditem_swiper .swiper-slide .item {position:relative; padding-top:9px}
.setproduct .selecteditem_swiper .swiper-slide .item::after {content:""; display:block; clear:both}
.setproduct .selecteditem_swiper.product_list li .img_w {width:60px; height:60px; padding:5px; border:solid 1px #1b1e23; float:left}
.setproduct .selecteditem_swiper.product_list li:hover .img_w::before {border:0}
.setproduct .selecteditem_swiper.product_list li .pro_i {float:left; margin:0 0 0 8px; width:calc(100% - 68px); min-height:inherit;}
.setproduct .selecteditem_swiper.product_list li .tx_ex {font-size:13px; line-height:19px; -webkit-line-clamp:1; height:19px; margin-top:0}
.setproduct .selecteditem_swiper.product_list li .price2 strong {font-size:13px; color:#1b1e23; line-height:17px}
.setproduct .selecteditem_swiper.product_list li .price2 span {color:#5c6677; display:block; font-size:13px; line-height:17px}
.setproduct .selecteditem_swiper .amount_box {margin-top:18px}
.setproduct .selecteditem_swiper .amount_box::after {content:""; display:block; clear:both}
.setproduct .selecteditem_swiper .amount_box p {float:left; width:34px; height:22px; text-align:center; line-height:22px; font-size:12px; color:#fff; background:#1b1e23}
.setproduct .selecteditem_swiper .amount_box .num_amount {float:right}
.setproduct .selecteditem_swiper .amount_box .num_amount input {margin-top:0}
.setproduct .selecteditem_swiper .delbtn {position:absolute; top:0; left:50px; width:19px; height:19px; border-radius:20px; overflow:hidden; background:url('https://cdn.hddfs.com/front/images/KO/product/btn_filter_del.png') 0 0 no-repeat; z-index:10; text-indent:-9999px; display:none}
.setproduct .selecteditem_swiper .swiper-slide:hover .delbtn {display:block}
.setproduct .selecteditem-prev {width:15px; height:119px; position:absolute; top:0; left:-20px; z-index:10; cursor:pointer}
.setproduct .selecteditem-prev::before {content:""; display:block; border-right:solid 5px #1b1e23; border-bottom:solid 5px transparent; border-top:solid 5px transparent; position:absolute; top:53px; left:5px}
.setproduct .selecteditem-prev.swiper-button-disabled {opacity:.4}
.setproduct .selecteditem-next {width:15px; height:119px; position:absolute; top:0; left:calc(100% - 280px); z-index:10; cursor:pointer}
.setproduct .selecteditem-next::before {content:""; display:block; border-left:solid 5px #1b1e23; border-bottom:solid 5px transparent; border-top:solid 5px transparent; position:absolute; top:53px; left:5px}
.setproduct .selecteditem-next.swiper-button-disabled {opacity:.4}
.setproduct .selectedproduct .addcart_btn {display:block; float:right; width:250px; height:60px; text-align:center; line-height:60px; background:#1b1e23; color:#fff; font-size:16px; font-weight:600; box-shadow:10px 10px 16px 0 rgba(0,0,0,.1); margin-top:23px}

.setproduct_close {display:block; position:fixed; right:50%; top:39px; width:50px; height:50px; z-index:20; text-indent:-9999px; background:#fff; box-shadow:6px 6px 10px 0 rgba(0,0,0,.1); border-radius:30px; margin-right:-512px}
.setproduct_close::before {content:""; display:block; position:absolute; top:18px; right:18px; width:14px; height:14px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') 0 -141px no-repeat}

.departureinformation {}
.departureinformation h4 {display:block; color:#1b1e23; font-size:20px; line-height:29px; margin-bottom:20px; font-weight:600}
.departureinformation .ordertable {margin-bottom:40px}
.departureinformation .ordertable table {font-size:12px; color:#1b1e23; padding:9px 0; text-align:center; border-top:1px solid #000000}
.departureinformation .ordertable th, .departureinformation .ordertable td {font-size:14px; line-height:20px; font-weight:600; padding:20px 5px; border-bottom:1px solid #abb2be;}
.departureinformation .ordertable td {border-bottom:1px solid #dde0e5; font-weight:400; color:#5c6677}
.departureinformation .ordertable .dollar{font-size:16px; line-height:19px; color:#ea2829; font-weight:600;}
.departureinformation .ordertable .k_won{color:#1b1e23; font-weight:600; margin-top:5px}
.departureinformation .ordertable .k_won span{font-weight:normal}
.departureinformation .ordertable td strong {font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block}
.departureinformation .form_lsit li {position:relative}
.departureinformation .form_lsit .guide {position:absolute; top:0; right:0; color:#abb2be; font-size:11px; font-weight:400; letter-spacing:-1px}
.departureinformation .notice {margin-top:37px}
.departureinformation .notice dt {display:block; color:#1b1e23; font-size:16px; line-height:24px; font-weight:600; border-bottom:solid 1px #1b1e23; padding-bottom:7px; margin-bottom:7px}
.departureinformation .notice dd {display:block; margin-top:8px; line-height:20px; position:relative; padding-left:7px} /* 2021-06-28 수정 : padding-right → padding-left */
.departureinformation .notice dd::after {content:""; display:block; width:2px; height:2px; background:#1b1e23; position:absolute; top:9px; left:0}

.myhd_content .content_wrap {width:100%; float:none;}


.myhd_asis {}
.myhd_asis::after {content:""; display:block; clear:both}
.myhd_asis .content_wrap {width:100%; float:none}


.loading{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 999999}
.loading .loading_img{ display: block; position: fixed; top: 50%; left: 50%; width: 320px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 1; text-align: center;} /* 2021-06-22 : 수정 - 정렬 추가 */
.loading .loading_img img{width:80px}
.loading.transparent {background-color:transparent !important; position:absolute;}
.loading.transparent .loading_img {position:absolute;}

a[nohref]{cursor: pointer}
a[nohref]:hover{color: inherit;}

.grouping{} /* 주문내역 */
.grouping .grouping_list{margin-bottom: 20px;}
.grouping .grouping_list:last-child{margin-bottom: 0;}


/* S: H.Share : 2022-03-25 추가 by pub10 */
/*main*/
.hshare h3 {width:100%; height:100%; color:#1b1e23; text-align:center; line-height:59px; font-size:42px; font-weight:bold;/*margin-top: 80px;*/}
.hshare .box {width:1080px; margin:30px auto 0; position:relative}

.hshare-swiper {overflow:hidden; padding-top:35px;}
.hshare-swiper .swiper-slide {width:346px; position:relative;}
.hshare-swiper a {display:block; background:#fff; width:346px; color:#1b1e23;}
.hshare-swiper .info {display:inline-block; position:absolute; left:30px; top:-37px; font-size:22px; font-weight:600; z-index: 2;}
.hshare-swiper .info strong {color:#eb2838; background: -webkit-linear-gradient(-45deg, #EA2869 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family:'roboto'; font-size:25px;}
.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:3px; width:100%; background-color:#000;}
.hshare-swiper .info .discount {margin-top:5px;}
.hshare-swiper .info .discount strong {font-size:35px; vertical-align: top; line-height: 41px; font-family:'roboto';}
.hshare-swiper .img {display:inline-block; position:relative; padding:55px 50px 45px;}
.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:13px 30px; font-size:14px;}
.hshare-swiper .schedule {-ms-display:flex; -webkit-display:flex; display:flex; -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between; -ms-align-items:baseline; -webkit-align-items:baseline; align-items:baseline; padding-bottom:5px; font-size:12px; color:#AAB1BB; font-style:italic; font-weight:600; border-bottom:1px solid #e2e2e4; }
.hshare-swiper .schedule strong {color:#eb2838; background: -webkit-linear-gradient(-45deg, #EA2869 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-right: 3px; margin-left:5px; display:inline-block; font-family:'roboto'; font-weight:600; font-size:15px;}
.hshare-swiper .schedule strong em {font-size:24px; font-style:italic;}
.hshare-swiper .goodsnm strong {display:block; margin-top:16px; color: #1b1e23; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hshare-swiper .goodsnm em {display:block; overflow: hidden; -webkit-box-orient: vertical; word-wrap: break-word; max-height: 40px; margin-top: 4px; color:#656565; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;}
.hshare-swiper .percent {margin-top:14px; height:19px; display: block; color: #656565;}
.hshare-swiper .percent:after {content:""; clear:both; display:block; height:0;}
.hshare-swiper .percent del {display: block; float: left; color:#abb2be;}
.hshare-swiper .percent strong {display: block; float: left; color: #1b1e23; margin-left: 5px;}
.hshare-swiper .price {margin-top:4px; display: block; color: #1b1e23;}
.hshare-swiper .price i {display: inline-block; vertical-align:bottom; font-style:normal; font-weight:600;}
.hshare-swiper .price strong {display: inline-block; color: #ea2829; font-size: 18px; font-weight: 600; line-height: 22px; margin-left: 5px;}
.hshare-swiper .price em {display: inline-block; vertical-align:bottom;  color: #1b1e23; margin-left: 5px;}

.hshare .swiper-prev {width:60px; height:60px; position:absolute; top:176px; left:-80px; cursor:pointer}
.hshare .swiper-prev::after {content:""; display:block; position:absolute; top:16px; left:22px;; width:16px; height:29px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') 0 -45px no-repeat}
.hshare .swiper-next {width:60px; height:60px; position:absolute; top:176px; right:-80px; cursor:pointer}
.hshare .swiper-next::after {content:""; display:block; position:absolute; top:16px; left:22px; width:16px; height:29px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') 0 -45px no-repeat; transform:rotate(180deg)}
.hshare .swiper-prev:hover::after, 
.hshare .swiper-next:hover::after {background-position: -18px -45px;transform: rotate(0deg);}
.hshare .swiper-prev:hover::after {transform: rotate(180deg);}

/*gnb hshare*/
.gnb_hshare {padding:0 0 60px; margin: 60px 0;}
.gnb_hshare h3 {width: 1080px; margin: 0 auto; color: #1b1e23; font-size: 24px; line-height: 32px; font-weight: 600; text-align:left;}
.gnb_hshare .swiper-prev {width:36px; height:36px; position:absolute; top:-64px; left:auto; right:36px; cursor:pointer;}
.gnb_hshare .swiper-prev::after {content:""; display:block; position:absolute; top:0; left:0;; width:36px; height:36px; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_sale_next.png') 0 0 no-repeat;transform:rotate(180deg)}
.gnb_hshare .swiper-next {width:36px; height:36px; position:absolute; top:-64px; left:auto; right:0; cursor:pointer;}
.gnb_hshare .swiper-next::after {content:""; display:block; position:absolute; top:0; left:0; width:36px; height:36px; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_sale_next.png') 0 0 no-repeat; transform: rotate(0deg);}
.gnb_hshare .swiper-prev:hover::after, 
.gnb_hshare .swiper-next:hover::after {background-position: 0 0;transform: rotate(180deg);}
.gnb_hshare .swiper-next:hover::after {transform: rotate(0deg);}
.gnb_hshare .swiper-prev.swiper-button-disabled,
.gnb_hshare .swiper-next.swiper-button-disabled {opacity:.4;}
/* E: H.Share : 2022-03-25 추가 by pub10 */

/*2022-04-19 적립금 혜택 엿보기 툴팁 추가*/
.btn_view_rv {position:relative;}
.info_reserve {padding:10px 16px; color:#fff !important; font-size:12px; letter-spacing:-0.6px; background-color:#1B1E23; border-radius:12px; position:absolute; top:70px; left:50%; z-index:2; display:none; transform:translateX(-50%); white-space: nowrap; line-height:1.5; }
.info_reserve:after {width: 0px; height: 0px; border-bottom: 9px solid transparent; border-left: 9px solid #1B1E23; content:''; position:absolute; top:-4px; left:50%; display:inline-block; transform:translateX(-50%) rotate(45deg);}
.btn_view_rv:hover .info_reserve {display:block;}
.selectedproduct .info_reserve {top:50px}

/* [pub]22-05-23 추가 및 수정 - 어코디언 형 해쉬태그 내 링크 영역 추가 Start */
.hash-link-desc, .hash-link-desc:hover {color: #fff !important; text-decoration: none !important;}
.hash-link-desc.type-accordion {display: inline-block; height: 100%; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* [pub]22-05-23 추가 및 수정 - 어코디언 형 해쉬태그 내 링크 영역 추가 End */

/* S: 2022-05-11 H.Point Pay 추가 pub10 */
.payway_area_hpay {padding: 35px; overflow: hidden;}
.payway_area_hpay .hpay_choose {margin-left:-35px;}
.payway_area_hpay .hpay_choose label img {vertical-align:top; margin-right:2px; }
.payway_area_hpay .hpay_tag {display: inline-block; height: 22px; line-height: 20px; margin-bottom: 4px; padding: 0 5px; background: url('https://cdn.hddfs.com/front/images/KO/common/bg_icons.png'); background-size: 100%; border: 0; color: #fff; font-size: 12px; margin-left: 8px;}
.payway_area_hpay .hpay_box {padding-top:30px; display:none;}
.payway_area_hpay .hpay_box.active {display:block;}

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

.hpay_name {width:360px; margin-top:-30px; 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;}
.payway_area_recent .item .hpay_name {width:auto; margin-top:30px; text-align:left;}
.payway_area_recent .item [class^="color_"] .hpay_name {color:#fff;}
.logo_hpay {display:inline-block; background:url('https://cdn.hddfs.com/front/images/KO/common/logo_hpay.png') no-repeat; width:75px; height:30px; text-indent:-9999px; overflow:hidden; vertical-align: bottom; margin-right:5px;}

/* .payway_area_hpay .paymentguide {border-top: solid 1px #dde0e5; padding-top: 35px; margin:35px -35px 0;} */

.terms_item.type2 {margin-top: 28px;}
.terms_item.type2 li {border: 1px solid #dde0e5; padding: 10px;}
.terms_item.type2 li + li {margin-top: 12px;}
.terms_item.type2 .terms_title .chk label{font-size:13px;line-height:20px; color:#1b1e23; padding-right:0;}
.terms_item.type2 .terms_title .chk label::before{margin-right:8px;}
.terms_item.type2 .terms_title{position:relative; padding-right:16px;}
.terms_item.type2 .terms_title .chk input {position: absolute;/* display:none; */opacity: 0;border: none;}/* 2021-10-13 수정 : 운영 인풋 포커스 관련 */
.terms_item.type2 .terms_view{position:absolute; top:0; right:0; }
.terms_item.type2 .terms_view a{display:block; background:url('https://cdn.hddfs.com/front/images/KO/dh_guide/ic_arrow.png') no-repeat; text-indent:-9999px; width:16px; height:16px; transform:rotate(90deg);}

.attention_area.type2 {margin-top:30px}
.attention_area.type2 .attention_tit {color:#1b1e23; font-weight:600; line-height:20px; margin-bottom:5px; font-size:13px; border-bottom:none; padding-bottom:0;}
.attention_area.type2 li {display:block; color:#abb2be; font-size:13px; position:relative; line-height:19px; padding-left:10px; font-size:13px;}
.attention_area.type2 li::before {content:""; display:block; width:3px; height:3px; background:#abb2be; position:absolute; top:8px; left:0}
.attention_area.type2 li + li {margin-top:0;}
.attention_area.type2 + .attention_area.type2 {margin-top: 40px;}

/*마이현대 H.Point Pay*/
.myhd_content .payway_area_hpay {padding:0;}
.myhd_content .payway_area_hpay .sorting_wrap {border-bottom:1px solid #e6e6e6;}
.myhd_content .payment_method .item [class^="color_"],
.myhd_content .payment_method .item [class^="card_"],
.myhd_content .payment_method [class^="ic_biz_"],
.myhd_content .payment_method .card_banktransfer,
.myhd_content .payment_method .default {position:relative; margin: 0 auto 40px;}
.myhd_hpay .hpay_name {margin-top:65px; color:#fff; width:auto; text-align:left;}
.myhd_hpay .hpay_name + .hpay_name {margin-top:10px;}
.myhd_hpay .card_banktransfer .hpay_name {color:#5c6677}
.myhd_hpay dd {border:none !important; }
.myhd_hpay dd a {vertical-align:top;}
.myhd_hpay .btn_modify {position:absolute; right:28px; bottom:30px; text-align:right; }
.myhd_hpay .btn_modify a {display:inline-block; color:#fff; font-size:12px; line-height:28px; padding:0 12px; border: solid 1px #fff; border-radius: 50px;}
.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 .card_banktransfer .btn_modify a {color:#5c6677; border-color:#5c6677;}
.myhd_hpay .hpay_name.input_de {display:none; width:200px;}
.myhd_hpay .hpay_name.input_de input[type='text'] {height:30px; line-height:30px; font-size:13px;}
/* E: 2022-05-11 H.Point Pay 추가 pub10 */

/* S: 2022-06-20 개인정보처리방침 추가 pub10 */
.term_privacy {width:470px; margin:0 auto;}
.tab_view_box .tems_box {border:none; height:auto; overflow:visible;}
.privacy_process { margin-bottom:40px;}
.privacy_process .tit {font-size:24px;}
.privacy_process .wrap_privacy {position:relative; margin:0 0 20px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.privacy_process .box_privacy {margin-top:20px; }
.privacy_process .btn_privacy {position:relative; display:block; width:260px; height:183px; padding-top:128px; box-shadow:5px 5px 18px rgba(0,0,0,.05); border:1px solid transparent; transition:border .2s;}
.privacy_process .btn_privacy:before {content:""; position:absolute; top:35px; left:50%; width:76px; height:76px; margin-left:-38px; background:url("https://cdn.hddfs.com/front/images/KO/common/ico_privacy1.png") no-repeat;}
.privacy_process .btn_privacy:hover {border-color:#CC0002;}
.privacy_process .box_privacy.box2 .btn_privacy:before {background-image:url("https://cdn.hddfs.com/front/images/KO/common/ico_privacy2.png")}
.privacy_process .box_privacy.box3 .btn_privacy:before {background-image:url("https://cdn.hddfs.com/front/images/KO/common/ico_privacy3.png")}
.privacy_process .box_privacy.box4 .btn_privacy:before {background-image:url("https://cdn.hddfs.com/front/images/KO/common/ico_privacy4.png")}
.privacy_process .box_privacy.box5 .btn_privacy:before {background-image:url("https://cdn.hddfs.com/front/images/KO/common/ico_privacy5.png")}
.privacy_process .box_privacy.box6 .btn_privacy:before {background-image:url("https://cdn.hddfs.com/front/images/KO/common/ico_privacy6.png")}
.privacy_process .label_layer {position:absolute; width:385px; border:2px solid #666; border-radius:10px; padding:26px 25px; background:#fff; z-index:-1; transition:all .1s; opacity:0;}
.privacy_process .label_layer .tit_sub {font-size:14px; font-weight:700; margin-bottom:12px;}
.privacy_process .label_layer li + li {margin-top:5px;}
.privacy_process .box_privacy.box1 .label_layer{top:-50px; left:23%;}
.privacy_process .box_privacy.box2 .label_layer{top:-50px;left:59%;}
.privacy_process .box_privacy.box3 .label_layer{top:-50px;right:23%;}
.privacy_process .box_privacy.box4 .label_layer{top:160px;left:23%;}
.privacy_process .box_privacy.box5 .label_layer{top:160px;left:59%;}
.privacy_process .box_privacy.box6 .label_layer{top:160px;right:23%;}
.privacy_process .btn_privacy:hover + .label_layer {opacity:1; z-index:2; pointer-events:none;}
/* E: 2022-06-20 개인정보처리방침 추가 pub10 */

/* S: 2022-08-26 쇼핑백 추가 주문결제 pub10*/
.shoping_bag {margin-top:28px;}
.shoping_bag .box_bag {-ms-display:flex; -webkit-display:flex; display:flex; -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;}
.shoping_bag .box_bag li {width:350px;}
.shoping_bag .box_bag input[type='radio'] + label {position:relative; -ms-display:flex; -webkit-display:flex; display:flex; -ms-align-items:center; -webkit-align-items:center; align-items:center; width:100%; border:1px solid #dde0e5; padding: 12px 20px 12px 60px !important; min-height:135px; }
.shoping_bag .box_bag label span {display:block;}
.shoping_bag .box_bag label strong {display:block; font-size:14px; color:#1b1e23; font-weight:bold;}
.shoping_bag .box_bag label em {position:relative; display:inline-block; font-size:14px; font-weight:bold; color:#20ac2a; margin-top:5px;}
.shoping_bag .box_bag label em:after {content:""; display:inline-block; margin:0 0 -3px 7px; width:22px; height:17px; background:url("https://cdn.hddfs.com/front/images/KO/common/img_leaf.png") no-repeat; background-size:22px 17px;}
.shoping_bag .box_bag label i {display:block; margin-top:6px; font-size:12px; color:#5c6677; font-style:normal;}
.shoping_bag .box_bag input[type='radio'] + label:before {top:50%; left:20px; margin-top:-10px;}
.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-07 브랜딩 컨텐츠 추가 pub10 */
#container.wide_type #content {width:100% !important;}
#container.wide_type .location_all {position:absolute; top:0; z-index:2;}
#container.wide_type .branding_bottom {width:1080px; margin:0 auto;}
/* .branding_wrap .tab-style {margin:0 auto; width:480px} */
.branding_panel {width:1340px; margin:40px auto 105px; text-align:center;}
.branding_panel .box {position:relative; display:flex; flex-wrap:wrap; gap:25px;}
.branding_panel .img {position:relative; opacity:0; display:block; width:430px; height:538px;}
.branding_panel .img a.link {display:block;/* padding-top:20px;*/ position:relative; height:100%;}
.branding_panel .img img,
.branding_panel .img video {width:100%; vertical-align:top;}
.branding_panel .img.active {opacity:1; animation:pick .6s ease 0s forwards;}
@keyframes pick {
    0% {padding-top:100px; opacity:0}
    100% {padding-top:0; opacity:1;}
}
.branding_panel .img:nth-child(1), .branding_panel .img:nth-child(2), .branding_panel .img:nth-child(3) {animation:pick 0s ease 0s forwards;}
.branding_panel .box .img strong {display:none;  opacity:0; transition:all .5s; position:absolute; width:100%; color:#fff; font-weight:600; font-size:36px; line-height:48px; text-align:center; left:0; top:50%; z-index:1;transform:translateY(-50%); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.branding_panel .btn::after {content:""; display:block; clear:both}
.branding_panel .btn a {display:block; float:left; width:60px; height:60px; text-indent:-9999px}
.branding_panel .hidden_area {display:none; opacity:0; transition:all .5s}
.branding_panel .hidden_area .btn {position:absolute; bottom:0; right:0; z-index:1}
.branding_panel .hidden_area .likethis {position:absolute; top:60px; left:30px; z-index:100; padding-left:35px; line-height:30px; font-size:13px; color:#fff; font-weight:300;}
.branding_panel .hidden_area .likethis::after {content:""; display:block; width:30px; height:30px; background:url('https://cdn.hddfs.com/front/images/KO/common/btn_like30.png') 0 0 no-repeat; position:absolute; left:0; top:0}
.branding_panel .hidden_area .likethis.on::after {background:url('https://cdn.hddfs.com/front/images/KO/common/btn_like30_on.png') 0 0 no-repeat}
.branding_panel .box .img a.link::after{display:block; content:'';width:100%; height:100%; position:absolute; top:0px; opacity:0; transition:all .5s}
.branding_panel .box .img:hover a.link::after{background:rgba(27,30,35,0.5); opacity:1; transition:all .5s}
.branding_panel .box .img:hover strong{ display:block; opacity:1; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; padding:0 20px;}
.branding_panel .box .img:hover .hidden_area{ display:block; opacity:1; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; }
.branding_panel .hidden_area .after_login .motion_area{display: none;}
.branding_panel .hidden_area .after_login.on .motion_area{display: block;position: absolute;top:-30px;left:-30px;z-index: -1; opacity: 1;width: 90px;height: 90px;overflow: hidden;}

.branding_tit_wrap {position:relative; color:#000;} 
.branding_tit_wrap .branding_tit {font-size:38px; font-weight:bold;}
.branding_tit_wrap .branding_txt {margin-top:15px; font-size:22px; line-height:1.2;}
.branding_tit_wrap .branding_hash {padding-right:180px;}

.branding_hash {margin-top:25px; font-size:16px;}
.branding_hash a {display:inline-block;}
.branding_hash a + a {margin-left:7px;}

.branding_share {text-align:center; margin:30px auto 0; width:100px;}
.branding_share .btn_like.on .motion_area {top:-23px; left:-23px;}
.branding_share .sns_popup {float:right; margin-left:20px; position:relative}
.branding_share .sns_popup .btn_sns {display:block; width:24px; height:24px; text-indent:-9999px}
.branding_share .sns_popup .btn_sns::after {content:""; display:block; width:18px; height:20px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png') -36px -125px no-repeat; position:absolute; left:3px; top:2px}
.branding_share .sns_popup .sns_link {background:#fff; padding:16px 20px; position:absolute; border:solid 1px #1b1e23; border-radius:15px; z-index:100; width:170px; left:-72px; top:30px; display:none} /*2023-11-14 카카오스토리 삭제로 넓이 수정*/
.branding_share .sns_popup:hover .sns_link {display:block}
.branding_share .sns_popup .sns_link::before {content:""; display:block; width:18px; height:9px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_sns.png') 0 -42px no-repeat; position:absolute; right:75px; top:-9px}/*2023-11-14 카카오스토리 삭제로 위치 수정*/
.branding_share .sns_popup .sns_link::after {content:""; display:block; clear:both}
.branding_share .sns_popup .sns_link a {display:block; width:32px; height:32px; background:url('https://cdn.hddfs.com/front/images/KO/common/icon_sns.png') 0 0 no-repeat; text-indent:-9999px; margin-left:16px; float:left}
.branding_share .sns_popup .sns_link a:first-child {margin-left:0}
.branding_share .sns_popup .sns_link a.hddfs {background-position:0 0}
.branding_share .sns_popup .sns_link a.facebook {background-position:-126px 0}
.branding_share .sns_popup .sns_link a.blog {background-position:-84px 0}
.branding_share .sns_popup .sns_link a.kakao {background-position:-42px 0}
.branding_share .sns_popup .sns_link a.email {background-position:-168px 0}

.branding_detail {}
.branding_wrap .attention_wrap {margin-top:80px;}
.branding_wrap .sorting_wrap {margin-top:80px;}
.branding_wrap .tab_round li a {font-size: 13px; line-height: 37px; padding: 0 18px;}
/* .branding_wrap .h4_type {margin:30px 0 25px; font-size:28px; font-weight:bold;} */
.branding_slide {position:relative; margin-top:15px; overflow:hidden;}
.branding_slide .swiper-slide a:hover .branding_img:before {content:""; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; cursor:pointer;}
.branding_slide .branding_slide_wrap {display:block;}
.branding_slide .branding_img {display:block;}
.branding_slide .branding_img img, 
.branding_slide .branding_img video {vertical-align:top; width:346px;}
.branding_slide .branding_txt {display:block; margin-top:15px; padding-right:20px; }
.branding_slide .branding_txt .tit {display:block; color:#000; font-size:22px; font-weight:bold;}
.branding_slide .branding_txt .txt {display:block; color:#585858; font-size:20px;line-height:26px; margin-top:10px;}
.branding_slide .branding_hash {display:block; margin-top:30px; margin-left:-7px; font-size:16px; font-style:normal;}
.branding_slide .branding_hash a {margin-left:7px; color:#000;}
.branding_slide .swiper-button-prev,
.branding_slide .swiper-button-next {background-image:url('https://cdn.hddfs.com/front/images/KO/common/icon_controller.png'); position:absolute;top:262px;width:40px;height:50px;background-size:auto; }
.branding_slide .swiper-button-prev {background-position:-37px -45px; left:0;}
.branding_slide .swiper-button-next {background-position:-78px -45px; right:1px;}
/* .branding_slide .swiper-button-prev:hover,
.branding_slide .swiper-button-next:hover {background-position-y:-100px} */
.branding_btn_box {margin-top:60px; text-align:center;}
/* E: 2022-09-07 브랜딩 컨텐츠 추가 pub10 */

/* S: 2022-09-21 고유식별정보 추가 */
.uniq_sub_option {margin:20px 0;}
.uniq_sub_option .checkbox {vertical-align:middle;}
.uniq_sub_option .checkbox label {font-size:14px}
.uniq_sub_option button {margin-left:5px; vertical-align:middle;}
.nomem_terms .terms_chk .uniq_sub_option {margin:0 0 12px 0;}
input.datepicker[disabled]::placeholder {color:#788497 !important; background-color:transparent !important;}
/* E: 2022-09-21 고유식별정보 추가 */



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

#mainNavi {
    display: none;
}

.box-tit {
    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;
}

.tit--color-dark {
    font-weight: 700;
    color: #1b1e23;
    font-size: 36px;
    line-height: 1.33;
    letter-spacing: -0.9px;
}
.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: 4px;
}

.tit--icon-arrow :is(a, button)::after {
    display: block;
    position: relative;
    top: 0;
    width: 36px;
    height: 36px;
    /* background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_1.svg) no-repeat; */
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/arrow_up.svg) no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
    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: 6px;
    height: 6px;
    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 {
    width: 8px;
    height: 8px;
    background-color: #1b1e23;
}

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

/* gnb */
.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;
    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(https://cdn.hddfs.com/front/images/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(https://cdn.hddfs.com/front/images/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;
}
.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 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-size: 13px;
    color: #1b1e23;
}
.gnb-util .btn-setting::after {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_setting.svg) no-repeat;
    background-size: contain;
    content: "";
}
.gnb-util + .list-quick-link {
    margin-top: 26px;
}

.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 23px;
    background-color: #f9fafb;
}
.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(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_shopping.svg);
}
.gnb-info-link .gnb-info-link__delivery a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_delivery.svg);
}
.gnb-info-link .gnb-info-link__branch a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_branch.svg);
}

.wrap-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.tab--list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px 24px;
}
.tab--list button {
    position: relative;
    padding: 3px 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 16px;
    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 .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 {
    width: calc((100% - 9px) / 2);
}
.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: 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 .product__item.type-sales--adult .product__img::before {
    display: none;
} *//*2024-01-12 어덜트 수정*/
.list-product .type-full .product__item .product__img {
    padding: 0;
}
.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% - 50px);
}
.list-product .type-coupon .product__img .coupon__info {
    width: calc(100% - 70px);
    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;
    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 .type-full .product__img::before,
.list-product .type-coupon .product__img::before {
    display: none;
}

.product__item a {
    display: block;
    position: relative;
}
.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;
    padding: 0;/*2024-08-14 썸네일 이미지 확장 16px*/
    border-radius: 8px;
    background-color: #f5f7fa;
    text-align: center;
}
.product__item .product__img img,
.product__item .product__img video {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
}
.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: "";
}
.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: 12px;
    z-index: 1;
    font-size: 14px;
    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: 28px;
}
.product__item .product__info {
    position: relative;
}
.product__item .product__info .product__brand {
    font-size: 14px;
    color: #1b1e23;
    font-weight: 700;
    letter-spacing: -0.35px;
}
.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: 40px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #5c6677;
    line-height: 1.42;
    word-break: keep-all;
    letter-spacing: -0.35px;
}
.product__item .product__info .product__brand-info.type-highlight {
    overflow: hidden;
    height: auto;
    text-overflow: initial;
    color: #ea2869;
}
.product__item .product__info .product__brand-info + .product__sale-info {
    margin-top: 16px;
}
.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 {
    position: relative;
    top: -1px;
    font-size: 16px;
}
.product__item .product__info .product__price--origin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
    line-height: 1.5;
}
.product__item .product__info .product__price--origin .product__price {
    font-size: 13px;
    color: #abb2be;
    font-weight: 300;
    letter-spacing: -0.33px;
    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 {
    position: relative;
    top: -2px;
    font-size: 16px;
    letter-spacing: -0.6px;
}
.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: 14px;
    font-weight: 700;
}
.product__item .product__info .product__price--origin .link-login__txt {
    display: flex;
    align-items: baseline;
    gap: 2px;
    margin-top: 4px;
    font-size: 14px;
}/*2024-04-08 수정*/
.product__item .product__info .product__price--origin .link-login__txt .tx_sign_in {
    border: none;
    background-color: transparent;
    font-size: 14px;
    color: #ea2869;
    text-decoration: underline;
}/*2024-04-08 수정*/
.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: 13px;
}
.product__item .product__info .product__price--won span {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.65px;
}
.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: 13px;
    color: #1b1e23;
}
.product__item .product__info .product__co-buying {
    position: relative;
    height: 30px;
}
.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: 12px;
    text-indent: -0.3px;
    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__co-buying + .product__brand {
    margin-top: 16px;
}
.product__item.product__item--row a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
}
.product__item.product__item--row a .product__img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.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: 32px;
    background-color: rgba(27, 30, 35, 0.6);
    font-size: 13px;
    color: #fff;
    letter-spacing: -0.33px;
    content: "판매종료";
    background: rgba(0,0,0,.06); /*2023-11-27 추가*/
    color: rgba(0,0,0,.4);/*2023-11-27 추가*/
}
.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: 32px;
    background-color: rgba(27, 30, 35, 0.6);
    font-size: 13px;
    color: #fff;
    letter-spacing: -0.33px;
    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: 26px;
}
.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: 12px;
    left: 12px;
    width: 24px;
    height: 24px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_play.svg) no-repeat;
    content: "";
}

#header.area-gnb {
    min-width: 1356px;
    border-bottom: 1px solid #eef0f2;
}
#header.area-gnb .box {
    max-width: 1356px;
    padding-top: 12px;
    padding-bottom: 0;
}
#header.area-gnb .wrap-gnb-util {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#header.area-gnb .box-gnb-util {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#header.area-gnb .list-gnb-util {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#header.area-gnb .list-gnb-util li + li {
    position: relative;
}
#header.area-gnb .list-gnb-util li + li::before {
    display: block;
    position: absolute;
    top: 50%;
    left: -12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background-color: #dde0e5;
    content: "";
}
#header.area-gnb .list-gnb-util li a {
    font-weight: 500;
    color: #5c6677;
}
#header.area-gnb .language-choice {
    position: relative;
    z-index: 40;
}
#header.area-gnb .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: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #1b1e23;
}
#header.area-gnb .language-choice .link-choice button span {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}
#header.area-gnb .language-choice .link-choice button::before, #header.area-gnb .language-choice .link-choice button::after {
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
}
#header.area-gnb .language-choice .link-choice button::before {
    width: 16px;
    height: 17px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_language.svg);
}
#header.area-gnb .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: 8px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_6.svg);
}
#header.area-gnb .language-choice.is-active .link-choice button::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
#header.area-gnb .language-choice + .wrap-exchange {
    position: relative;
}
#header.area-gnb .language-choice + .wrap-exchange::before {
    display: block;
    position: absolute;
    top: 50%;
    left: -12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background-color: #dde0e5;
    content: "";
}
#header.area-gnb .wrap-language {
    display: none;
    position: absolute;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin: 4px 0 0 -4px;
    border: 1px solid #1b1e23;
    border-radius: 8px;
    -webkit-box-shadow: 6px 6px 8px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 6px 6px 8px 0 rgba(0, 0, 0, 0.25);
    background-color: #fff;
}
#header.area-gnb .list-language {
    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;
    gap: 6px;
    padding: 12px 0;
}
#header.area-gnb .list-language li.is_selected a span {
    font-weight: 700;
}
#header.area-gnb .list-language 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: 18px;
    padding: 0 8px;
    white-space: nowrap;
    text-align: center;
}
#header.area-gnb .list-language a span {
    display: block;
    position: relative;
    font-size: 12px;
    color: #1b1e23;
    letter-spacing: -0.3px;
}
#header.area-gnb .list-language a span::after {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #1b1e23;
    content: "";
}
#header.area-gnb .list-language .is_selected a span {
    color: #1b1e23;
}
#header.area-gnb .list-language .is_selected a span::after {
    display: block;
}
#header.area-gnb .wrap-exchange .currencyInfo {
    display: none;
}
#header.area-gnb .wrap-exchange .exchageRateTxt {
    font-size: 12px;
    font-weight: 500;
    color: #1b1e23;
}
#header.area-gnb .wrap-gnb-logo {
    display: grid;
    grid-template-columns: 45px 202px 1fr 147px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 90px;
}
#header.area-gnb .wrap-gnb-logo .btn_gnb {
    float: none;
    margin-top: 0;
}
#header.area-gnb .wrap-gnb-logo h1 {
    float: none;
    width: 202px;
    height: 62px;
    margin-left: 0;
    transition:all .2s;/*2024-08-08 메인 해더 수정*/
}
/*#header.area-gnb .wrap-gnb-logo h1::before {
    display: block;
    width: 100%;
    height: 100%;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/logo.png) no-repeat;
    background-size: contain;
    content: "";
}
#header.area-gnb .wrap-gnb-logo h1 img {
    display: none;
}*/
#header.area-gnb .wrap-gnb-logo .wrap-gnb-search {
    justify-self: center;
    height:auto;/*2024-08-08 메인 해더 수정*/
    transition:all .2s;/*2024-08-08 메인 해더 수정*/
}
#header.area-gnb .wrap-gnb-logo .wrap-gnb-search .select_search .tag_search {
    background-color: transparent;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_hash.svg);
    background-position: 0 0;
}
#header.area-gnb .wrap-gnb-logo .wrap-gnb-search .select_search .text_search {
    background-color: transparent;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_text.svg);
    background-position: 0 0;
}
#header.area-gnb .wrap-gnb-logo .wrap-gnb-search .select_search.tag .tag_search {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_hash_1.svg);
}
#header.area-gnb .wrap-gnb-logo .wrap-gnb-search .btn_search {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_search.svg);
    background-position: 0 0;
}
#header.area-gnb .wrap-gnb-logo .wrap-gnb-search .advanced_search {
    z-index: 35;
}
#header.area-gnb .wrap-gnb-logo .wrap-gnb-search .advanced_search .tab-action {
    width: 100%;
}
#header.area-gnb .wrap-gnb-logo .default_menu {
    justify-self: flex-end;
    float: none;
    margin-top: 0;
}
#header.area-gnb .wrap-gnb-logo .default_menu > ul > li {
    float: none;
    height: 46px;
    margin-left: 0;
    border-radius: 0;
}
#header.area-gnb .wrap-gnb-logo .default_menu > ul > li:hover {
    background-color: transparent;
}
#header.area-gnb .wrap-gnb-logo .default_menu > ul > li::before, #header.area-gnb .wrap-gnb-logo .default_menu > ul > li::after {
    display: none;
}
#header.area-gnb .wrap-gnb-logo .default_menu > ul > li > a {
    height: 0;
    padding-top: 46px;
}
#header.area-gnb .wrap-gnb-logo .default_menu > ul > li > a strong {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
}
#header.area-gnb .wrap-gnb-logo .default_menu > ul > li > a:hover {
    background-color: transparent;
}
#header.area-gnb .wrap-gnb-logo .default_menu > ul > li > a::before {
    display: block;
    position: absolute;
    top: 9px;
    left: 9px;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: 28px 56px;
    content: "";
}
#header.area-gnb .wrap-gnb-logo .default_menu > ul > li > a:hover::before {
    background-position: 0 -28px;
}
#header.area-gnb .wrap-gnb-logo .default_menu > ul > li.item_01 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_cart.svg);
}
#header.area-gnb .wrap-gnb-logo .default_menu > ul > li.item_01 em {
    top: 9px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
}
#header.area-gnb .wrap-gnb-logo .default_menu > ul > li.item_02 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_platform.svg);
}
#header.area-gnb .wrap-gnb-logo .default_menu > ul > li.item_03 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_my.svg);
}
#header.area-gnb .wrap-gnb-logo .default_menu > ul > li.item_search a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_search2.svg);
}/*2024-08-08 메인 해더 수정*/
#header.area-gnb .wrap-gnb-logo .default_menu .item_hidden {
    position: relative;
    float: none;
    top: auto;
    right: auto;
    width: 48px;
    height: 48px;
    margin-left: 7px;
    padding-top: 0;
}
#header.area-gnb .wrap-gnb-logo .default_menu .item_hidden:hover {
    background-color: transparent;
}
#header.area-gnb .wrap-gnb-logo .default_menu .item_hidden::before {
    display: block;
    top: auto;
    left: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    width: 100%;
    height: 100%;
    margin: 0;
    background-image: linear-gradient(135deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
    background-position: 0 0;
    border-radius: 8px;
    content: "";
}
#header.area-gnb .wrap-gnb-logo .default_menu .item_hidden a.btn {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 100%;
    border-radius: 8px;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none;
    text-indent: -9999px;
}
#header.area-gnb .wrap-gnb-logo .default_menu .item_hidden a.btn::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_hidden.svg);
    content: "";
}
#header.area-gnb .wrap-gnb-logo .default_menu .item_hidden .item a {
    font-weight: 400;
}
#header.area-gnb .hidden_menu .item {
    top: 62px;
    left: -46px;
}
#header.area-gnb .mainsearchinput input {
    background-color: #f5f7fa;
}

/*S: 2024-08-08 메인 해더 수정*/
#header.area-gnb .wrap-header-category {position:absolute; left:0; right:0; width:1000px; height:0; margin:0 auto; overflow:hidden; transition:all 0s;}
.wrap-header-category .inner-header-category {overflow: hidden; position: relative; max-width: 1360px; margin: 0 auto;}
.wrap-header-category .inner-header-category ul {display: flex; justify-content: center; padding: 0;}
.wrap-header-category .inner-header-category li {flex-shrink: 0; width: auto; height: 100%; position: relative; transition-property: transform; display: block;}
.wrap-header-category .inner-header-category li a {display: flex; align-items: center; padding: 0 20px; height: 75px; font-weight: 700; font-size: 16px; color: #1b1e23;}
#header.area-gnb .wrap-gnb-logo .default_menu > ul > .item_search {height:0; overflow:hidden;  transition:all .2s;}

/*스크롤시*/
#header.area-gnb.is-scroll .wrap-header-category {position:relative; left:0; right:0; height: 75px; transition:all .2s;}
#header.area-gnb.is-scroll .wrap-gnb-logo  {grid-template-columns: 45px 1fr 190px;}
#header.area-gnb.is-scroll .wrap-gnb-logo h1 {display:none;}
#header.area-gnb.is-scroll .wrap-gnb-search {display:none;}
#header.area-gnb.is-scroll .wrap-gnb-logo .default_menu > ul > .item_search {height:46px;}

/*검색창 열었을 때*/
#header.area-gnb.is-scroll.open-search .wrap-gnb-logo  {grid-template-columns: 247px 1fr 147px;}
#header.area-gnb.is-scroll.open-search .wrap-gnb-search {display:block;}
#header.area-gnb.is-scroll.open-search .wrap-header-category {display:none;}
#header.area-gnb.is-scroll.open-search .item_search  {display:none;}
/*E: 2024-08-08 메인 해더 수정*/

.n-gnb-dim.gnb_dim {
    background-color: transparent;
}

.navication.n-navigation {
    overflow: hidden;
    top: 121px;
    left: 50%;
    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    margin-left: -678px;
    z-index: 110;
    max-height: 0;
    -webkit-box-shadow: 0 17px 17px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 17px 17px 0 rgba(0, 0, 0, 0.25);
}
.navication.n-navigation.open {
    max-height: 594px;
}
.navication.n-navigation h2 {
    display: none;
}
.navication.n-navigation.case-full {
    width: auto;
}

#gnb.area-gnb--side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 693px;
    overflow-y: hidden;
    height: 100%;
    /* .gnb-service {
        & + .gnb-showroom {
            margin-top: 52px;
        }
    } */
}
#gnb.area-gnb--side .wrap-gnb-service {
    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;
    width: 359px;
    padding: 24px 32px;
    border-left: 1px solid #eef0f2;
}
#gnb.area-gnb--side .gnb-side__tit {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.4px;
    line-height: 1.5;
}
#gnb.area-gnb--side .gnb-side__tit + .swiper__gnb-showroom {
    margin-top: 16px;
}
#gnb.area-gnb--side .gnb-side__tit + .list-quick-link {
    margin-top: 21px;
}
#gnb.area-gnb--side .swiper__gnb-showroom {
    overflow: hidden;
}
#gnb.area-gnb--side .list-quick-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 26px;
}
#gnb.area-gnb--side .list-quick-link > li {
    width: 54px;
}
#gnb.area-gnb--side .list-quick-link > li.quick-link a::before {
    background-image: none;
}
#gnb.area-gnb--side .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: 0;
    width: 100%;
    height: 54px;
    padding: 3px;
}
#gnb.area-gnb--side .list-quick-link > li.quick-link__sale a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_sale.svg);
}
#gnb.area-gnb--side .list-quick-link > li.quick-link__best a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_best.svg);
}
#gnb.area-gnb--side .list-quick-link > li.quick-link__benefit a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_benefit.svg);
}
#gnb.area-gnb--side .list-quick-link > li.quick-link__promotion a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_promotion.svg);
}
#gnb.area-gnb--side .list-quick-link > li.quick-link__coupon a::before {
    /* background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_coupon.svg); */
    background-image: url('https://cdn.hddfs.com/files/op/20240429/93fc4deb_202404291113596220.png');
} /* 2024-04-29 3시간샵 아이콘 추가 */
#gnb.area-gnb--side .list-quick-link > li.quick-link__new a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_new_product.svg);
}
#gnb.area-gnb--side .list-quick-link > li.quick-link__special a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_special.svg);
}
#gnb.area-gnb--side .list-quick-link > li.quick-link__h-cos a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_ar.png);
}/*2024-02-28 햄버거 매뉴 수정*/
#gnb.area-gnb--side .list-quick-link > li .tag-img {
    display: block;
    position: absolute;
    top: -4px;
    right: -9px;
    overflow: hidden;
    width: 36px;
    height: 15px;
}
#gnb.area-gnb--side .list-quick-link > li .tag-img img {
    display: block;
    width: 100%;
}
#gnb.area-gnb--side .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: 13px;
    color: #000;
    text-align: center;
    letter-spacing: -0.65px;
    white-space: nowrap;
}
#gnb.area-gnb--side .list-quick-link a::before {
    display: block;
    width: 54px;
    height: 54px;
    border-radius: 16px;
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 32px 32px;
    content: "";
}
#gnb.area-gnb--side .list-quick-link + .gnb-category {
    margin-top: 48px;
}
#gnb.area-gnb--side .gnb-category {
    position: relative;
    min-width: 280px;
    padding-top: 24px;
}
#gnb.area-gnb--side .gnb-category .gnb-side__tit {
    margin-left: 24px;
}
#gnb.area-gnb--side .gnb-category + .gnb-showroom {
    margin-top: 32px;
}
#gnb.area-gnb--side .gnb-category__inner {
    width: 665px;
    margin-top: 16px;
    padding-bottom: 0;
}
#gnb.area-gnb--side [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: 279px;
}
#gnb.area-gnb--side [role=tablist].gnb-category--list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    gap: 8px;
    width: 100%;
    height: 40px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding-left: 24px;
    font-size: 14px;
    color: #1b1e23;
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
    letter-spacing: -0.35px;
}
#gnb.area-gnb--side [role=tablist].gnb-category--list a::before, #gnb.area-gnb--side [role=tablist].gnb-category--list a::after {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
#gnb.area-gnb--side [role=tablist].gnb-category--list a::before {
    width: 24px;
    height: 24px;
    background-position: 0 0;
    background-size: 24px 48px;
}
#gnb.area-gnb--side [role=tablist].gnb-category--list a::after {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_7.svg);
}
#gnb.area-gnb--side [role=tablist].gnb-category--list a:hover::before {
    background-position: 0 -24px;
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li {
    width: 100%;
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li.is-active a {
    background-color: #f9fafb;
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li.is-active a span {
    background-image: linear-gradient(111deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li.ctg-0001 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_skincare.svg);
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li.ctg-0002 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_makeup.svg);
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li.ctg-0003 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_perfume.svg);
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li.ctg-0004 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_bag.svg);
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li.ctg-0005 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_watch.svg);
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li.ctg-0007 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_fashion.svg);
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li.ctg-0013 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_sports.svg);
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li.ctg-0008 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_digital.svg);
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li.ctg-0009 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_food.svg);
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li.ctg-0010 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_kids.svg);
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li.ctg-0011 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_domesticb.svg);
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li.ctg-0014 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_alcohol.svg);
}
#gnb.area-gnb--side [role=tablist].gnb-category--list li.ctg-0012 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gnb_adult.svg);
}
#gnb.area-gnb--side .gnb-category--2depth {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    top: 0;
    left: 279px;
    width: 193px;
    height: 100%;
    padding-top: 16px;
    border-left: 1px solid #eef0f2;
}
#gnb.area-gnb--side .gnb-category--2depth.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#gnb.area-gnb--side .gnb-category--2depth .link-all {
    display: none;
}
#gnb.area-gnb--side .gnb-category--2depth > li.is-active > a {
    font-weight: 700;
}
#gnb.area-gnb--side .gnb-category--2depth > li.is-active > a span {
    background-image: linear-gradient(111deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
#gnb.area-gnb--side .gnb-category--2depth > li.is-active > a::after {
    display: block;
}
#gnb.area-gnb--side .gnb-category--2depth > li.is-active .gnb-category--3depth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#gnb.area-gnb--side .gnb-category--2depth > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    height: 40px;
    padding-left: 20px;
    font-size: 13px;
    color: #5c6677;
    letter-spacing: -0.33px;
}
#gnb.area-gnb--side .gnb-category--2depth > li > a::after {
    display: none;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_7.svg);
    content: "";
}
#gnb.area-gnb--side .gnb-category--2depth > li > a:hover {
    font-weight: 700;
}
#gnb.area-gnb--side .gnb-category--3depth {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    top: 0;
    left: 193px;
    width: 193px;
    height: 100%;
    padding-top: 16px;
    border-left: 1px solid #eef0f2;
}
#gnb.area-gnb--side .gnb-category--3depth.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#gnb.area-gnb--side .gnb-category--3depth a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    padding-left: 20px;
    font-size: 13px;
    color: #5c6677;
    letter-spacing: -0.33px;
}
#gnb.area-gnb--side .gnb-category--3depth a:hover {
    font-weight: 700;
}
#gnb.area-gnb--side .gnb-category--3depth a:hover span {
    background-image: linear-gradient(111deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
#gnb.area-gnb--side .gnb-showroom {
    position: relative;
}
#gnb.area-gnb--side .gnb-showroom .list-product {
    gap: 0;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
#gnb.area-gnb--side .gnb-showroom .wrap-indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 3px;
    right: 0;
}
#gnb.area-gnb--side .gnb-showroom .wrap-indicator .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px;
    position: static;
    width: auto;
    color: #788497;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.33px;
}
#gnb.area-gnb--side .gnb-showroom .wrap-indicator .swiper-pagination .swiper-pagination-current {
    font-weight: 400;
    color: #1b1e23;
}
#gnb.area-gnb--side .gnb-showroom .wrap-indicator .swiper-pagination + .swiper-button-prev {
    margin-left: 10px;
}
#gnb.area-gnb--side .gnb-showroom .wrap-indicator .swiper-button-next,
#gnb.area-gnb--side .gnb-showroom .wrap-indicator .swiper-button-prev {
    position: static;
    width: 16px;
    height: 16px;
    margin-top: 0;
    background:none;/*2023-07-24 추가 수정*/
}
#gnb.area-gnb--side .gnb-showroom .wrap-indicator .swiper-button-next::after,
#gnb.area-gnb--side .gnb-showroom .wrap-indicator .swiper-button-prev::after {
    position: absolute;/*2023-07-24 추가 수정*/
    overflow: hidden;
    width: 16px;
    height: 0;
    padding-top: 16px;
    background-repeat: no-repeat;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_8.svg);
    background-size: contain;
    text-indent: -9999px;
    content: "";
}
#gnb.area-gnb--side .gnb-showroom .wrap-indicator .swiper-button-prev::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
#gnb.area-gnb--side .gnb-showroom .product__info {
    position: absolute;
    bottom: 24px;
    left: 24px;
    width: calc(100% - 48px);
    color: #fff;
}
#gnb.area-gnb--side .gnb-showroom .product__info .product__brand {
    color: #fff;
}
#gnb.area-gnb--side .gnb-showroom .product__info .product__brand-info {
    height: auto;
    color: #fff;
}
#gnb.area-gnb--side .gnb-showroom .product__item a {
    position: relative;
}
#gnb.area-gnb--side .gnb-showroom .product__item a img {
    width: 294px;
    height: 221px;
    -o-object-fit: cover;
       object-fit: cover;
}
#gnb.area-gnb--side .gnb-showroom .product__item a::before {
    display: block;
    position: absolute;
    opacity: 0.6;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%);
    content: "";
}




/* 2023 개선 cart */
/* main top--list */
.layer-dim {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
}

#container.type-new {
    width: 1280;
}
#container .area-cart {
    margin-bottom: 120px;
}
#container.container .area-cart {
    margin-bottom: 0;
}
/* 장바구니 */
.area-cart {
    margin-top: 68px;
}
.area-cart .checkbox input[type=checkbox] + label::after {
    display: none;
    background-image: none;
}

.wrap-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 80px;
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
}
.wrap-cart .cart__content {
    width: 832px;
}
.wrap-cart .cart__right {
    position: relative;
    width: 348px;
    margin-top: 73px;
}
.wrap-cart .cart__right.fixed {
    position: fixed;
    top: 125px;
    left: 50%;
    margin-left: 282px;
    margin-top: 0;
}
@media screen and (max-width : 1260px) {
    .wrap-cart .cart__right.fixed {
        left: 952px;
        margin-left: 0;
    }
}

.tab-cart-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
}
.tab-cart-menu > li a {
    display: block;
    position: relative;
    font-size: 28px;
    font-weight: 700;
    color: #ccd1d8;
    line-height: 41px;
    letter-spacing: -0.7px;
}
.tab-cart-menu > li a.is-disabled {
    color: #ccd1d8;
    pointer-events: none;
}
.tab-cart-menu > li a::before {
    display: block;
    opacity: 0;
    position: absolute;
    top: -4px;
    right: 10px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-image: linear-gradient(135deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
    content: "";
}
.tab-cart-menu > li a:hover::before {
    opacity: 1;
    right: -1px;
}
.tab-cart-menu > li.is-active a {
    color: #1b1e23;
}
.tab-cart-menu > li.is-active a::before {
    opacity: 1;
    right: -1px;
}
.tab-cart-menu + .util-cart {
    margin-top: 32px;
    border-top: 2px solid #1b1e23;
}

.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;
    overflow: hidden;
    height: 68px;
    border-radius: 8px;
    background-image: linear-gradient(101deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
}
.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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.4px;
    text-align: center;
    color: #fff;
}
.bar-login-guide .btn-login__cart::after {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_4.svg) no-repeat;
    background-size: contain;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    content: "";
}
.bar-login-guide + .wrap-payment {
    margin-top: 10px;
}

.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: 60px;
    padding: 0 20px;
    border-bottom: 1px solid #dde0e5;
}
.util-cart + .wrap-list-cart {
    padding-top: 32px;
}
.util-cart .util-cart__select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.util-cart .util-cart__select .checkbox label {
    color: #788497;
    letter-spacing: -0.35px;
    line-height: 20px;
}
.util-cart .util-cart__select .checkbox label::before {
    width: 20px;
    height: 20px;
    border-radius: 2px;
}
.util-cart.type-line {
    margin-top: 32px;
    border-top: 2px solid #1b1e23;
}

.list-product__cart {
    padding: 32px 0 0;
}
.list-product__cart .product__item {
    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: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 60px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative; /*2024-06-10 ai추천 슬라이드 변경*/
}
.list-product__cart .product__item .wrap-chk {
    width: 100%;
}
.list-product__cart .product__item.product__item--row .wrap-product__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    position: relative;
    width: 612px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.list-product__cart .product__item.product__item--row .wrap-product__info .product__info {
    pointer-events: none;
}
.list-product__cart .product__item.product__item--row .wrap-product__info .product__info .wrap-select {
    width: 244px;
    pointer-events: visible;
}
.list-product__cart .product__item.product__item--row .wrap-product__info .product__info .wrap-select select {
    width: 100%;
}
.list-product__cart .product__item.product__item--row .wrap-product__info .product__img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 148px;
    height: 148px;
    pointer-events: none;
}
.list-product__cart .product__item.product__item--row .wrap-product__info .product__img .btn-cart {
    pointer-events: all;
}
.list-product__cart .product__item.product__item--row .wrap-product__info .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__cart .product__item.product__item--row .wrap-product__info .product__link {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    font-size: 0;
}
.list-product__cart .product__item.product__item--row.type-sales--adult .product__img::after {width:60px; height:60px;}/*2024-07-19 어덜트 수정*/
.list-product__cart .product__item + .product__item {
    position: relative;
    padding-top: 32px;
}
/* .list-product__cart .product__item + .product__item::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dde0e5;
    content: "";
} *//*2024-06-10 ai추천 슬라이드 변경*/
.list-product__cart .product__item .product__option {
    width: 120px;
}
.list-product__cart .product__item .product__brand-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    pointer-events: visible;
}
.list-product__cart .product__item .product__brand-option select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: 32px;
    padding: 0 40px 0 12px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_10.svg) no-repeat right center;
    background-size: 32px;
    line-height: 32px;
}
.list-product__cart .product__item .product__brand-option select + .btn-square {
    margin-left: 4px;
}
.list-product__cart .product__item .product__brand-option .fake-dropdown,
.list-product__cart .product__item .product__brand-option .btn-dropdown {
    height: 32px !important;
}
.list-product__cart .product__item .product__brand-option + .product__price-info, .list-product__cart .product__item .product__brand-option + .product__price {
    margin-top: 8px;
}
.list-product__cart .product__item .product__brand-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    text-overflow: initial;
    gap: 4px;
    color: #3d444f;
}
.list-product__cart .product__item .product__brand-info .type-highlight {
    display: block;
    color: #1b1e23;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.35px;
}
.list-product__cart .product__item .product__brand-info strong {
    display:block;
    width:580px;
    height:26px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap:break-word; 
    white-space:nowrap;
    font-weight:400;
}/*2024-06-10 ai추천 슬라이드 변경*/
.list-product__cart .product__item .product__brand-info + .product__price, .list-product__cart .product__item .product__brand-info + .product__price-info, .list-product__cart .product__item .product__brand-info + .product__brand-option {
    margin-top: 8px;
}
.list-product__cart + .product__item {
    position: relative;
}/*2024-06-10 ai추천 슬라이드 변경*/
.list-product__cart .product__item + .product__item::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dde0e5;
    content: "";
}
.list-product__cart .product__item.product__item--cart a .product__img {
    width: 96px;
    height: 96px;
    padding: 10px;
}
.list-product__cart .product__item.product__item--cart a + .product__price {
    margin-top: 16px;
}
.list-product__cart .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;
}
.list-product__cart .product__item.product__item--cart .product__price.type-inline + .product__price.type-inline {
    margin-top: 8px;
}
.list-product__cart .product__item.product__item--cart .product__price.type-inline + .product__price.type-inline.type-gap {
    margin-top: 16px;
}
.list-product__cart .product__item.product__item--cart .product__price.type-inline .product__option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
}
.list-product__cart .product__item.product__item--cart .product__info--tag {
    margin-bottom: 0;
}
.list-product__cart .product__item.product__item--cart .product__info--tag .type-sold-out {
    background-color: #eef0f2;
    color: #abb2be;
}
.list-product__cart .product__item.product__item--cart .product__info--tag + .product__brand-info {
    margin-top: 8px;
}
.list-product__cart .product__item.product__item--cart .product__info .product__brand-info .type-highlight {
    color: #1b1e23;
    font-weight: 700;
}
.list-product__cart .product__item.product__item--cart .product__info .product__brand-info + .product__brand-option {
    margin-top: 4px;
}
.list-product__cart .product__item.product__item--cart .product__brand-option {
    color: #788497;
    font-size: 13px;
    letter-spacing: -0.65px;
}
.list-product__cart .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;
}
.list-product__cart .product__item.product__item--cart .product__price--origin .product__price--sale {
    top: auto;
    font-weight: 400;
    font-size: 13px;
    color: #abb2be;
    letter-spacing: -0.33px;
    line-height: 1.46;
}
.list-product__cart .product__item.product__item--cart .product__price--origin .product__price--sale.type-line-through {
    text-decoration: line-through;
}
.list-product__cart .product__item.product__item--cart .product__price-ratio {
    font-size: 14px;
    color: #1b1e23;
    letter-spacing: -0.35px;
    font-weight: 700;
    line-height: 1.46;
}
.list-product__cart .product__item.product__item--cart .product__price--sale {
    top: auto;
    font-weight: 400;
    font-size: 13px;
    color: #abb2be;
    letter-spacing: -0.33px;
    line-height: 1.46;
}
.list-product__cart .product__item.product__item--cart .product__price--sale.type-line-through {
    text-decoration: line-through;
}
.list-product__cart .product__item.product__item--cart .product__sale-info {
    color: #5c6677;
}
.list-product__cart .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;
}
.list-product__cart .product__item.product__item--cart .product__sale-info.type-inline .product__price--sale {
    font-size: 16px;
    color: #ea2829;
    font-weight: 700;
}
.list-product__cart .product__item.product__item--cart .product__sale-info.type-inline .product__price--won {
    position: relative;
    top: -1px;
    font-size: 14px;
    letter-spacing: -0.65px;
    color: #3d444f;
}
.list-product__cart .product__item.product__item--cart .product__sale-info.type-inline .product__price--won span {
    font-weight: 400;
}
.list-product__cart .product__item.product__item--cart .product__price-info {
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #3d444f;
}
.list-product__cart .product__item .product__price--login-guide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #3d444f;
}
.list-product__cart .product__item .product__price--login-guide a {
    color: #ea2869;
    text-decoration: underline;
}
.list-product__cart .product__item .product__price--login-guide + .product__sale-info {
    margin-top: 2px;
}
.list-product__cart .product__item.type-disabled .option-change__num.num_amount input {
    color: #abb2be;
}
.list-product__cart .product__item.type-disabled .option-change__num.num_amount input[type=button] {
    opacity: 0.24;
}
.list-product__cart .product__item.type-sales--end .product__img::after {
    bottom: 0;
    height: 35px;
    background-color: rgba(27, 30, 35, 0.2);
    font-weight: 700;
    content: "SOLD OUT";
}
.list-product__cart .product__buy {
    width: 120px;
}
.list-product__cart + .wrap-list-cart, .list-product__cart + .area-attention {
    margin-top: 32px;
}
.list-product__cart + .wrap-list-cart {
    padding-top: 56px;
}
.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__cart + .wrap-list-cart.type-1::before {
    left: 0;
    width: 100%;
}
.list-product__cart + .list-product__cart .product__item.product__item--cart:first-child {
    position: relative;
    padding-top: 32px;
}
.list-product__cart + .list-product__cart .product__item.product__item--cart:first-child::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eef0f2;
    content: "";
}
.area-cart .wrap-cart-recommend {overflow:unset}/*2024-06-23 ai 좌우버튼 추가*/
.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: 12px;
    width: 100%;
    height: 314px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #1b1e23;
    text-align: center;
}
.cart__no-item::before {
    display: block;
    width: 100px;
    height: 100px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_empty_cart.svg) no-repeat;
    background-size: contain;
    content: "";
}
.cart__no-item .btn-square {
    margin-top: 8px;
}

.wrap-list-cart {
    overflow: hidden;
    position: relative;
    padding: 20px 0 0;
}
.wrap-list-cart .list-cart__tit {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.5px;
}
.wrap-list-cart .wrap-swiper__set {
    overflow: hidden;
    margin-left: 40px;
    margin-right: 40px;
}
.wrap-list-cart .wrap-swiper__set .swiper-button-next,
.wrap-list-cart .wrap-swiper__set .swiper-button-prev {
    top: 181px;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_8.svg) no-repeat;
    background-size: contain;
    margin-top: 0;
}
.wrap-list-cart .wrap-swiper__set .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 0);
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.wrap-list-cart .wrap-swiper__set .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 0);
}
.wrap-list-cart .wrap-swiper__set + .product__item.type-single {
    margin: 24px 40px 0;
}
.wrap-list-cart .wrap-swiper__set .product__item.type-sales--adult .product__img::after {width:65px; height:65px;}/*2024-07-19 어덜트 수정*/
.wrap-list-cart .list-product.list-product__recommend {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0;
}
.wrap-list-cart .list-product.list-product__recommend > li {
    width: calc((100% - 48px) / 4);
}
.wrap-list-cart .list-product.list-product__recommend > li + li {
    margin-left: 16px;
}
.wrap-list-cart .list-product.list-product__recommend .swiper-wrapper {
    overflow: hidden;
}
.wrap-list-cart .list-product.list-product__recommend .swiper-slide {
    margin-right: 16px;
}
.wrap-list-cart .list-product.list-product__recommend .swiper-slide + .swiper-slide {
    margin-left: 0;
}
.wrap-list-cart .list-product.list-product__recommend .product__item .product__img .btn-cart {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 40px;
    height: 0;
    padding-top: 40px;
    border: none;
    border-radius: 8px 0 8px 0;
    background-color: rgba(27, 30, 36, 0.3);
    text-indent: -9999px;
}
.wrap-list-cart .list-product.list-product__recommend .product__item .product__img .btn-cart::before {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 20px;
    transform: none;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_product_cart.svg) no-repeat;
    background-size: contain;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    content: "";
}
.wrap-list-cart .list-product.list-product__recommend .product__item .product__info .product__brand + .product__brand-info.type-highlight {
    margin-top: 4px;
}
.wrap-list-cart .list-product.list-product__recommend .product__item .product__info .product__brand-info.type-highlight {
    overflow: hidden;
    height: auto;
    text-overflow: initial;
    color: #ea2869;
}
.wrap-list-cart .list-product.list-product__recommend .product__item .product__info .product__brand-info.type-highlight + .product__brand-info {
    margin-top: 2px;
}
.wrap-list-cart .list-product.list-product__recommend .product__item .product__brand:first-child {
    margin-top: 16px;
}
.wrap-list-cart .list-product.list-product__recommend .product__item.type-sales--video .product__img::after {
    left: auto;
    right: 10px;
}

.wrap-list-cart .list-product + .product-tooltip__amount {
    margin-top: 13px;
}
.wrap-list-cart .list-product .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: 12px;
    left: 12px;
    z-index: 1;
    height: 22px;
    padding: 0 6px;
    border-radius: 4px;
    background-color: #000;
    font-size: 12px;
    color: #fff;
    letter-spacing: -0.33px;
}
.wrap-list-cart .list-product .product__brand-info {
    color: #3d444f;
}
.wrap-list-cart .list-product .product__brand-info + .product__brand-amount {
    margin-top: 8px;
}
.wrap-list-cart .list-product .product__brand-amount {
    font-size: 14px;
    letter-spacing: -0.35px;
    line-height: 1.42;
    color: #788497;
}
.wrap-list-cart .list-product .product__brand-amount span {
    font-weight: 700;
}
.wrap-list-cart + .area-attention {
    margin-top: 32px;
}
.wrap-list-cart .wrap-chk {
    margin: 0 40px;
}
.wrap-list-cart .wrap-chk + .wrap-swiper__set {
    margin-top: 16px;
}
.wrap-list-cart .product__item.type-single {
    margin-left: 20px;
    margin-right: 20px;
}
.wrap-list-cart .product__item.type-single .product__price--origin .product__price--sale {
    font-size: 14px;
    color: #abb2be;
    font-weight: 400;
}
.wrap-list-cart .product__item.type-sales--end .product__img::after {
    bottom: 0;
    height: 39px;
    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.type-sales--end .product__amount {
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #5c6677;
}
.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: 32px;
    padding-top: 40px;
}
.wrap-list-cart + .list-product.list-product__cart::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1b1e23;
    content: "";
}
.wrap-list-cart .product__item.type-single .product__sale-info,
.wrap-list-cart .product__item.type-single .product__price--origin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.wrap-list-cart .product__item.type-single .product__price-ratio {
    font-size: 16px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.4px;
    line-height: 1.5;
}
.wrap-list-cart .product__item.type-single .product__price--sale {
    font-size: 14px;
    color: #ccd1d8;
    letter-spacing: -0.35px;
}
.wrap-list-cart .product__item.type-single .product__price--sale.type-line-through {
    text-decoration: line-through;
}
.wrap-list-cart .product__item.type-single .product__price--sale {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 1.45;
    color: #ea2829;
}
.wrap-list-cart .product__item.type-single .product__price--won {
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #3d444f;
}
.wrap-list-cart .product__item.type-single + .product-tooltip__amount {
    margin-top: 8px;
}
.wrap-list-cart .product-tooltip__amount + .product__option {
    margin-top: 24px;
}
.wrap-list-cart .product__option {
    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-list-cart .product__option .btn-square.size-1 {
    width: 120px;
}
.wrap-list-cart .product__option .option-change__num {
    width: 120px;
}
.wrap-list-cart .checkbox input[type=checkbox] {
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    position: absolute;
}

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

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

.attention_tit {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.attention_tit + .attention_list, .attention_tit + .list-info {
    margin-top: 16px;
}

.attention__tit {
    font-size: 14px;
    color: #1b1e23;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.4px;
}
.area-cart .attention__tit:before {
    content: "";
}
.attention__tit + .attention_list, .attention__tit + .list-info {
    margin-top: 16px;
}

.list-info.type-dot > li {
    position: relative;
    padding-left: 9px;
    font-size: 13px;
    color: #788497;
    line-height: 1.46;
    letter-spacing: -0.33px;
}
.list-info.type-dot > li::before {
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #788497;
    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;
}
.list-info.type-2 > li {
    font-size: 13px;
    color: #788497;
    line-height: 1.46;
    letter-spacing: -0.33px;
}
.list-info.type-2 > li + li {
    margin-top: 8px;
}

.product__info--tag,
.product__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    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;
    min-height: 18px;
    padding: 2px 6px;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    color: #5c6677;
    letter-spacing: -0.3px;
}
.product__info--tag > *.type-sold-out,
.product__tag > *.type-sold-out {
    border: 1px solid #ffeaea;
    background-color: #eef0f2;
    color: #abb2be;
}
.product__info--tag > *.type-first-deal,
.product__tag > *.type-first-deal {
    border: 1px solid #ffeaea !important;
    background-color: #ffeaea;
    color: #ea2869!important;
    font-weight: 700;
}/*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('https://cdn.hddfs.com/front/images/KO/common/ic_first_deal.svg') no-repeat center center/contain;}/*2024-05-14 첫구매딜 관련 추가*/
.product__info--tag + .product__brand-info,
.product__tag + .product__brand-info {
    margin-top: 8px;
}

.wrap-payment {
    padding: 40px;
    border-radius: 8px;
    border: 2px solid #1b1e23;
}
.wrap-payment > .payment-info__tit {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 1.45;
    color: #1b1e23;
}
.wrap-payment > .payment-info__tit + .payment-info {
    margin-top: 16px;
    padding-top: 24px;
    border-top: 1px solid #1b1e23;
}
.wrap-payment .payment-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.wrap-payment .payment-info + .payment-info {
    margin-top: 12px;
}
.wrap-payment .payment-info .payment-info__tit {
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #5c6677;
    line-height: 1.42;
}
.wrap-payment .payment-info .payment-info__tit button {
    color: #5c6677;
}
.wrap-payment .payment-info .payment-info__tit .payment-info__subtit {
    display: block;
    font-size: 12px;
}
.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.4px;
    line-height: 1.5;
}
.wrap-payment .payment-info .payment-info--price1 .payment-info--won {
    display: block;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #3d444f;
}
.wrap-payment .payment-info .payment-info--price1.type-total {
    color: #1b1e23;
}
.wrap-payment .payment-info .payment-info--price1.type-total.has-val {
    color: #abb2be;
}
.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__low-price {
    width: 100%;
}
.wrap-payment .payment-info .payment-info__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.wrap-payment .payment-info.payment-info__bill {
    height: 70px;
    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__tit .link-arrow {
    font-size: 14px;
}
.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-total {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #dde0e5;
}
.wrap-payment .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;
}
.wrap-payment .payment-total .payment-total__num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    color: #1b1e23;
    font-size: 14px;
    letter-spacing: -0.35px;
    line-height: 27px;
}
.wrap-payment .payment-total .payment-total__num span {
    font-weight: 700;
    font-size: 18px;
}
.wrap-payment .payment-total .payment-total__cost {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -0.55px;
    color: #ea2829;
    text-align: right;
}
.wrap-payment .payment-total .payment-total__cost span {
    display: block;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #3d444f;
}
.wrap-payment .payment-total .payment-total__cost.type-exchange {
    display: block;
    width: 100%;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #3d444f;
}
.wrap-payment .payment-total .payment-total__tit {
    font-size: 16px;
    color: #ea2829;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 2;
}
/* S: 2023-10-10 추가*/
.wrap-payment .payment-expected {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: 8px;
}
.wrap-payment .payment-expected .payment-expected__tit {
    font-size: 14px;
    color: #3D444F;
    line-height:24px;
}
.wrap-payment .payment-expected .payment-expected__detail {
    font-size: 16px;
    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;
    text-align: right;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 24px;
}
.wrap-payment .payment-expected .payment-expected__banner {
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top:12px;
    background: #fcf7ff;
    width:100%;
    height: 48px;
    border-radius: 4px;
}
.wrap-payment .payment-expected .payment-expected__banner .banner-text {
    display:inline-flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    color: #a33ff2;
    font-size: 14px;
    line-height:20px;
    font-weight:700;
}
.wrap-payment .payment-expected .payment-expected__banner .banner-text:before {
    content: "";
    background: url('https://cdn.hddfs.com/front/images/KO/common/icon_expected.svg') no-repeat center center / 24px 24px;
    width: 24px;
    height: 24px;
    display: inlnie-block;
}
.wrap-payment .payment-expected + .payment-order {
    margin-top: 24px;
}
/* E: 2023-10-10 추가*/
.wrap-payment .payment-total + .payment-order {
    margin-top: 40px;
}
.wrap-payment .payment-total + .payment-info__low-price {
    margin-top: 24px;/* 2024-05-14 첫구매딜 관련 수정 40*/
}
.wrap-payment .payment-info__low-price + .payment-order {
    margin-top: 16px;
}/* 2024-05-14 첫구매딜 관련 추가*/
.wrap-payment .payment-order .btn-square {
    width: 100%;
}
.wrap-payment .payment-order + .payment-check {
    margin-top: 16px;
}
.wrap-payment .payment-check.checkbox label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 0;
    gap: 8px;
    color: #1b1e23;
}
.wrap-payment .payment-check.checkbox label::before {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
}
.wrap-payment .payment-info__low-price .bottom-price__detail {
    display: none;
    overflow: hidden;
    -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: 20px;
    border-radius: 0 0 8px 8px;
    border-style: solid;
    border-color: #ea2869;
    border-width: 0 1px 1px 1px;
    background-color: #fff;
}
.wrap-payment .payment-info__low-price .bottom-price__detail .wrap-detail + .txt-reference {
    margin-top: 12px;
    margin-bottom: 8px;
}
.wrap-payment .payment-info__low-price .bottom-price__detail .wrap-detail.type-1 {
    padding: 16px 0 0;
    border: none;
}
.wrap-payment .payment-info__low-price .bottom-price__detail .wrap-detail.type-1 .list-bottom-price > li .bottom-price__item {
    font-weight: 400;
}
.wrap-payment .payment-info__low-price .bottom-price__detail .wrap-detail.type-1 .list-bottom-price > li + li {
    margin-top: 9px;
}
.wrap-payment .payment-info__low-price .bottom-price__detail .wrap-detail.type-1 .list-bottom-price + .list-bottom-price {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dotted #dde0e5;
}
.wrap-payment .payment-info__low-price .bottom-price__detail .wrap-detail.type-1 .list-bottom-price + .list-bottom-price::before {
    display: none;
}
.wrap-payment .payment-info__low-price .bottom-price__detail .wrap-detail.type-1 .list-bottom-price .list-bottom-price--detail {
    display: block;
}
.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: 600;
    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;
}
.wrap-payment .payment-info__low-price .list-bottom-price > li .bottom-price__item button::after {
    display: block;
    width: 12px;
    height: 10px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_6.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 > 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: 600;
    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 .bottom-price__item button::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.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(https://cdn.hddfs.com/front/images/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 + .payment-order {
    margin-top: 8px;
}*//*2024-05-09 적립금가 노출 관련 수정*/
.wrap-payment .payment-info__low-price.active .bottom-price__open {
    position: relative;
}
.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.active .bottom-price__open::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_close_2.svg) no-repeat;
    background-size: contain;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    pointer-events: none;
    content: "";
}
.wrap-payment .payment-info__low-price.active .link-arrow.type-1::after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.wrap-payment.type-first .payment-info .payment-info--price1.type-total, .wrap-payment.type-first .payment-info .payment-info--price1.type-discount, .wrap-payment.type-first .payment-info .payment-info--price1.type-point {
    color: #abb2be;
}

.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;
    height: 20px;
}
.wrap-chk + .wrap-product__info {
    margin-top: 20px;
}
.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: 16px;
    margin-top: 0;
}
.wrap-chk .btn_del,
.wrap-chk .btn_like_s,
.wrap-chk .btn_pin {
    display: block;
    position: relative;
    width: 18px;
    height: 0;
    padding-top: 18px;
    background-image: none;
    text-indent: -9999px;
    font-size: 0;
}
.wrap-chk .btn_del::before,
.wrap-chk .btn_like_s::before,
.wrap-chk .btn_pin::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.wrap-chk .btn_pin::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_pin_blank.svg);
}
.wrap-chk .btn_pin.on::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_pin_fill.svg);
}
.wrap-chk .btn_like_s::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_heart_blank.svg);
}
.wrap-chk .btn_like_s.on::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_heart_fill.svg);
}
.wrap-chk .btn_like_s + .btn_del {
    margin-left: 16px;
}
.wrap-chk .btn_like_s + .btn_del::after {
    display: block;
    position: absolute;
    top: 50%;
    left: -16px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background-color: #dde0e5;
    content: "";
}
.wrap-chk .btn_del::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_close_2.svg);
}
.wrap-chk .chk__info {
    font-size: 13px;
    letter-spacing: -0.35px;
    color: #5c6677;
}
.wrap-chk .chk__info--num {
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
}
.wrap-chk .checkbox:not(.no_label).new label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    font-size: 18px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.45px;
}
.wrap-chk .checkbox:not(.no_label).new label .chk__sale {
    font-size: 18px;
    /* color: #ea2829; */
    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-style: italic; */
    /* font-family: "Times New Roman", "Times", Serif; */
    font-weight: 700;
    letter-spacing: -0.03em;
    padding-right: 1px;
}
/* .wrap-chk .checkbox:not(.no_label).new label .chk__sale span {
    font-size: 22px;
    font-weight: 700;
} */
.wrap-chk .checkbox label::before {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 2px;
}
.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;
}
.wrap-chk.type-column {
    gap: 12px;
    position: relative;
    height: auto;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.wrap-chk.type-column .checkbox.new label {
    padding-top: 32px;
    padding-left: 0;
}
.wrap-chk.type-column .checkbox.new label::before {
    margin-left: 0;
}
.wrap-chk.type-column .chk__info {
    position: relative;
    top: -2px;
}
.wrap-chk.type-column .btn_area {
    position: absolute;
    top: 0;
    right: 0;
}

.util-cart__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7px;
}
.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: #788497;
    content: "";
}
.util-cart__btn .btn-del__choice,
.util-cart__btn .btn-del__sold-out {
    font-weight: 700;
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #788497;
}
.util-cart__btn .btn-del__choice + .btn-del__choice,
.util-cart__btn .btn-del__sold-out + .btn-del__choice {
    position: relative;
    padding-left: 8px;
}
.util-cart__btn .btn-del__choice + .btn-del__choice::before,
.util-cart__btn .btn-del__sold-out + .btn-del__choice::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #dde0e5;
    content: "";
}

.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 .wrap-tooltip + .form-sold-out + .chk-sold-out {
    margin-left: 2px;
}
.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: 30px;
    font-size: 14px;
    color: #788497;
    letter-spacing: -0.35px;
}
.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: 26px;
    height: 16px;
    border-radius: 16px;
    background-color: #dde0e5;
}
.wrap-sold-out .form-sold-out + label::after {
    right: 13px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    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 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    position: relative;
    min-height: 30px;
}
.wrap-tooltip .btn-open-tooltip,
.wrap-tooltip .btn-tooltip {
    display: block;
    overflow: hidden;
    position: relative;
}
.wrap-tooltip .btn-open-tooltip::before,
.wrap-tooltip .btn-tooltip::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_tooltip.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-tooltip .btn-open-tooltip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-weight: 700;
    font-size: 13px;
    color: #788497;
    letter-spacing: -0.33px;
    text-decoration: underline;
}
.wrap-tooltip .btn-open-tooltip + .btn-open-tooltip {
    margin-left: 24px;
}
.wrap-tooltip .btn-tooltip {
    width: 20px;
    height: 0;
    padding-top: 30px;
    text-indent: 0;
}
.wrap-tooltip .btn-tooltip::before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.wrap-tooltip .wrap-tooltip__content {
    display: none;
    position: fixed;
    top: 100px;
    left: 20px;
    z-index: 10;
    width: 335px;
    padding: 12px 42px 12px 12px;
    border: 1px solid #1b1e23;
    border-radius: 4px;
    background-color: #fff;
}
.wrap-tooltip .wrap-tooltip__content.type-share {
	width: auto;
	padding-right: 12px;
}
.wrap-tooltip .wrap-tooltip__content.type-title {
    padding: 12px;
}
.wrap-tooltip .wrap-tooltip__content.active {
    display: block;
}
.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(https://cdn.hddfs.com/front/images/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;
    text-align: left;
}
.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;
    text-align: left;
}

.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.33px;
    color: #5c6677;
}
.product-tooltip__amount .product__amount .product__amount--num {
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
}
.product-tooltip__amount + .product__item {
    margin-top: 24px;
}

/* 장바구니 하단 결제하기 */
.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: 600;
    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(https://cdn.hddfs.com/front/images/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(https://cdn.hddfs.com/front/images/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;
    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: 600;
    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;
}
.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(https://cdn.hddfs.com/front/images/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: 600;
    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: 600;
    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 .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(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);
}
.wrap-option-change .btn-close-layer + .info-option-chahge {
    margin-top: 12px;
}
.wrap-option-change .info-option-chahge {
    margin-left: 16px;
    margin-right: 16px;
}
.wrap-option-change .info-option-chahge + .group-option-change {
    margin-top: 16px;
}
.wrap-option-change .info-option-chahge + .area-scroll {
    margin-top: 24px;
}
.wrap-option-change .option-change__tit {
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #5c6677;
}
.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: 13px;
    border-radius: 8px;
    background-color: #f5f7fa;
}
.wrap-option-change .option-change__info .list__info {
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #1b1e23;
    line-height: 1.46;
}
.wrap-option-change .option-change__info .list__info > li + li {
    margin-top: 6px;
}
.wrap-option-change .option-change__info + .txt-reference {
    margin-top: 32px;
}
.wrap-option-change.box-float-layer .area-scroll {
    position: relative;
    height: 200px;
}
.wrap-option-change.box-float-layer .area-scroll::-webkit-scrollbar {
    width: 4px;
}
.wrap-option-change.box-float-layer .area-scroll::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.wrap-option-change.box-float-layer .area-scroll::-webkit-scrollbar-track {
    background-color: #fff;
}
.wrap-option-change .group-option-change {
    position: relative;
}
.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: 24px;
    font-size: 14px;
    letter-spacing: -0.65px;
    line-height: 1.46;
}
.wrap-option-change .group-option-change .option-change__item .wrap-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    min-height: 40px;
}
.wrap-option-change .group-option-change .option-change__item + .option-change__item {
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
}
.wrap-option-change .group-option-change .option-change__item + .option-change__item::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eef0f2;
    content: "";
}
.wrap-option-change .group-option-change .option-change__item + .txt-error {
    margin-top: 4px;
}
.wrap-option-change .group-option-change .option-change__item + .txt-error + .option-change__item {
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
}
.wrap-option-change .group-option-change .option-change__item + .txt-error + .option-change__item::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eef0f2;
    content: "";
}
.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: 22px;
    padding: 0 6px;
    border-radius: 4px;
    background-color: #1b1e23;
    font-size: 12px;
    color: #fff;
    letter-spacing: -0.3px;
    white-space: nowrap;
}
.wrap-option-change .group-option-change .option-change__item .option-change__detail {
    overflow: hidden;
    max-height: 38px;
    color: #5c6677;
    font-size: 14px;
    letter-spacing: -0.35px;
}
.wrap-option-change .group-option-change .option-change__item .option-change__detail .txt-highlight {
    color: #1b1e23;
}
.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: 120px;
}
.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(https://cdn.hddfs.com/front/images/KO/common/n/icon_btn_minus.svg);
}
.wrap-option-change .option-change__num input[type=button]:last-child {
    background-image: url(https://cdn.hddfs.com/front/images/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: 600;
    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: 20px;
}
.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(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_6.svg) no-repeat 100% 50%;
    background-size: 40px 40px;
    color: #1b1e23;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.7px;
}

.option-change__num {
    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: 40px;
    padding: 0 3px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
}
.option-change__num input:is([readonly=readonly], [readonly], [disabled=disabled], [disabled]) {
    background-color: transparent !important;
}
.option-change__num.num_amount input {
    float: none;
    margin-top: 0;
}
.option-change__num.num_amount input[type=button] {
    top: auto;
    margin-top: 0;
}
.option-change__num.num_amount input[type=button]:first-of-type {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_btn_minus.svg);
    background-size: 16px;
    background-position: 50%;
}
.option-change__num.num_amount input[type=button]:last-of-type {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_btn_plus.svg);
    background-size: 16px;
    background-position: 50%;
}
.option-change__num.num_amount::after {
    display: none;
}

.product__buy {
    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;
}

/* layer */
.wrap-info-layer {
    padding: 38px 16px 40px;
}

.box-float-layer {
    display: none;
    overflow: hidden;
    position: fixed;
    z-index: 120;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 468px;
    padding: 40px 16px 32px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.box-float-layer.active {
    display: block;
}
.box-float-layer .tit-layer {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.5px;
    line-height: 1.45;
}
.box-float-layer .tit-layer + .info-option-chahge {
    margin-top: 40px;
}
.box-float-layer .btn-close-layer button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 30px;
    height: 0;
    padding-top: 30px;
    text-indent: -9999px;
    font-size: 0;
}
.box-float-layer .btn-close-layer button::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_close_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.box-float-layer .btn-close-layer {
    position: absolute;
    top: 12px;
    right: 12px;
}
.box-float-layer .tit-layer + .area-scroll {
    margin-top: 20px;
}
.box-float-layer .area-scroll {
    overflow-y: auto;
    height: 100%;
    padding: 0 16px;
}
.box-float-layer .area-scroll + .option-change__choice {
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
}
.box-float-layer .area-scroll + .option-change__choice::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eef0f2;
    content: "";
}
.box-float-layer .area-scroll::-webkit-scrollbar {
    width: 4px;
}
.box-float-layer .area-scroll::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.box-float-layer .area-scroll::-webkit-scrollbar-track {
    background-color: #fff;
}
.box-float-layer .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;
    margin-left: 16px;
    margin-right: 16px;
}
.box-float-layer .option-change__choice .option-change__choice-title {
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #5c6677;
    line-height: 1.46;
}
.box-float-layer .option-change__choice .option-change__choice-num {
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.4px;
    font-size: 16px;
    /* text-align: right; */
}

/*S: 2023-09-17 추가*/
.box-float-layer .option-change__choice .option-change__choice-num strong {
    font-weight: 700;
}

.box-float-layer .option-change__choice .option-change__sale {
    margin-top: 8px;
    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;
}
.box-float-layer .option-change__choice .option-change__price {
    text-align:right;
}
.box-float-layer .option-change__choice .option-change__price-total span {
    color: #ABB2BE;
    font-size: 16px;
    text-decoration: line-through;
}
.box-float-layer .option-change__choice .option-change__price-total strong {
    margin-left: 8px;
    color: #EA2829;
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
}
.box-float-layer .option-change__choice .option-change__price-won {
    font-size: 14px;
    color: #3D444F;
    font-weight: 700;
}
/*E: 2023-09-17 추가*/

.box-float-layer .option-change__choice + .option-change__btn {
    margin-top: 40px;
}
.box-float-layer .option-change__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.box-float-layer .option-change__btn .btn-square {
    width: 120px;
}

.wrap-download-coupon {
    width: 412px;
}
.wrap-download-coupon .download-coupon {
    position: relative;
    width: 100%;
}
.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;
    gap: 5px;
    height: 30px;
    text-align: center;
}
.wrap-download-coupon .tit-layer + .download-coupon {
    margin-top: 40px;
}
.wrap-download-coupon .tit-layer .btn-tooltip.type-question::after {
    width: 20px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_question_1.svg);
}
.wrap-download-coupon .btn-download-all + .list-coupon {
    margin-top: 24px;
}
.wrap-download-coupon .list-coupon {
    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;
}
.wrap-download-coupon .list-coupon > li {
    overflow: hidden;
    border: 1px solid #dde0e5;
    border-radius: 8px;
}
.wrap-download-coupon .list-coupon > li.type-disable a .coupon__status {
    width: auto;
    height: 30px;
    padding: 0 16px;
    background-color: #f4f5f6;
    background-image: none;
    font-size: 12px;
    line-height: 30px;
    letter-spacing: -0.3px;
    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: 700;
    letter-spacing: -0.33px;
    color: #5c6677;
}
.wrap-download-coupon .list-coupon > li.type-end a .coupon__status::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/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: 20px;
    background-color: #fff;
}
.wrap-download-coupon .list-coupon a .coupon__tit {
    font-size: 16px;
    letter-spacing: -0.4px;
    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.33px;
    line-height: 1.46;
    color: #3d444f;
}
.wrap-download-coupon .list-coupon a .coupon__info + .coupon__period {
    margin-top: 14px;
}
.wrap-download-coupon .list-coupon a .coupon__period {
    font-size: 13px;
    color: #5c6677;
    letter-spacing: -0.33px;
}
.wrap-download-coupon .list-coupon a .coupon__status {
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 32px;
    height: 0;
    padding-top: 32px;
    border-radius: 32px;
    background: #1b1e23 url(https://cdn.hddfs.com/front/images/KO/common/n/icon_btn_download_2.svg) 50% 50% no-repeat;
    background-size: 16px 16px;
}
.wrap-download-coupon.box-float-layer .download-coupon {
    height: calc(100% - 120px);
}
.wrap-download-coupon.box-float-layer .download-coupon .once {
    display: block;
    width: calc(100% - 32px);
    margin-right: 16px;
    margin-left: 16px;
    margin-bottom: 16px;
    padding: 12px 28px;
    background-color: #fff;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.wrap-download-coupon.box-float-layer .area-scroll {
    height: 100%;
}
.wrap-download-coupon .txt-cont {
    padding: 30px 20px 10px;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    letter-spacing: -0.4px;
    color: #1b1e23;
}
.wrap-download-coupon .txt-cont + .list-btn {
    margin-top: 30px;
}
.wrap-download-coupon .list-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: 8px;
}
.wrap-download-coupon .list-btn .btn-square {
    min-width: 120px;
}

.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: 30px;
    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: 28px;
    height: 28px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_close_3.svg) no-repeat;
    background-size: contain;
    content: "";
}

.product__item .product__info .product__price--won + .product__tag {
    margin-top: 10px;
}

/* 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.active.case-1 {
    z-index: 1060
}
.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: 40px;
    padding-right: 16px;
    padding-left: 16px;
    text-align: center;
}
.box-confirm-layer .wrap-txt + .list-btn-column {
    margin-top: 24px;
}
.box-confirm-layer .tit-layer + .txt-info {
    margin-top: 8px;
}
.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: 40px;
}
.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;
    gap: 5px;
    height: 117px;
    font-weight: 700;
    font-size: 14px;
    color: #1b1e23;
    letter-spacing: -0.35px;
    word-break: keep-all;
    text-align: center;
}
.box-confirm-layer .list-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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: 700;
    letter-spacing: -0.35px;
    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;
}

.txt-confirm-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 160px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1100;
    min-height: 44px;
    padding: 5px 24px;
    border-radius: 44px;
    background-color: rgba(92, 102, 119, 0.9);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    line-height: 1.5;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #fff;
    text-align: center;
}

/* btn */
.btn-square:is([type=button], 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;
    min-height: 32px;
    padding: 5px 12px;
    border-radius: 4px;
    border: 1px solid #abb2be;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.65px;
    color: #1b1e23;
}
.btn-square:is([type=button], a).size-1 {
    font-weight: 700;
    min-height: 40px;
    padding: 5px 16px;
    font-size: 14px;
    letter-spacing: -0.35px;
    white-space: nowrap;
}
.btn-square:is([type=button], a).size-2 {
    font-weight: 700;
    min-height: 48px;
    padding: 5px 16px;
    font-size: 16px;
    letter-spacing: -0.4px;
}
.btn-square:is([type=button], a).size-small {
    min-height: 24px;
    padding: 5px 6px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.6px;
}
.btn-square:is([type=button], a).size-big {
    min-height: 60px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.4px;
}
.btn-square:is([type=button], a).size-big:disabled {
    opacity: 1;
    border: none;
    background-color: #eef0f2;
    color: #abb2be;
}
.btn-square:is([type=button], a).type-dark-1 {
    border: none;
    background-color: #1b1e23;
    color: #fff;
}
.btn-square:is([type=button], a).type-dark-1:disabled {
    opacity: 1;
    background-color: #eef0f2;
    color: #abb2be;
}
.btn-square:is([type=button], a).type-alram::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_btn_alram.svg) no-repeat;
    background-size: contain;
    content: "";
}
.btn-square:is([type=button], a).type-disable {
    background-color: #eef0f2;
    color: #abb2be;
}
.btn-square:is([type=button], a).type-finish::before {
    display: block;
    width: 12px;
    height: 12px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_btn_check_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.btn-square:is([type=button], a).type-download {
    font-size: 12px;
}
.btn-square:is([type=button], a).type-download::after {
    display: block;
    width: 12px;
    height: 12px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_btn_download_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.btn-square:is([type=button], a).type-download.is-complete {
    border: none;
    background-color: #eef0f2;
    color: #abb2be;
    cursor: default;
    pointer-events: none;
}
.btn-square:is([type=button], a).type-download.is-complete::after {
    opacity: 0.4;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_check_1.svg);
}
.btn-square:is([type=button], a).type-down-toggle::after {
    display: block;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_8.svg) no-repeat;
    background-size: contain;
    content: "";
}
.btn-square:is([type=button], a).type-order::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_order_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.btn-square:is([type=button], a).type-departure {
    border-color: #1b1e23;
}
.btn-square:is([type=button], a).type-departure::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_departure_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.btn-square:is([type=button], a).type-full {
    width: 100%;
}
.btn-square:is([type=button], a).type-low-price::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_low_price.svg) no-repeat;
    background-size: contain;
    content: "";
}
.btn-square:is([type=button], a).type-line-1 {
    border: 1px solid #abb2be;
    color: #3d444f;
}
.btn-square:is([type=button], a).type-line-2 {
    border: 1px solid #1b1e23;
    color: #1b1e23;
}
.box-btn__basic {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}/*2024-04-02 추가*/

.product__item--notice {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    height: 28px;
    padding: 0 8px;
    border-radius: 28px;
    background-color: #f5f7fa;
    font-weight: 700;
    font-size: 12px;
    color: #5c6677;
    letter-spacing: -0.6px;
}
.product__item--notice + a {
    margin-top: 8px;
}
.product__item--notice.type-special::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_star_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.product__item--notice.type-order::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_bag_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.product__item--notice.type-coupon::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_coupon_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.product__item--notice.type-first::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/ic_cake.svg) no-repeat;
    background-size: contain;
    content: "";
}/* 2024-05-14 첫구매딜 추가 */
.product__item--notice .product__item--notice-date {
    color: #ea2869;
}
.product__item--notice .product__item--notice-price {
    color: #ea2869;
}
.product__item--notice + .product__info--tag {
    margin-top: 8px;
}

@-webkit-keyframes viewBtoT {
    from {
        opacity: 0;
        -webkit-transform: translateY(20%);
                transform: translateY(20%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes viewBtoT {
    from {
        opacity: 0;
        -webkit-transform: translateY(20%);
                transform: translateY(20%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
.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-swiper-list-product + .area-attention {
    margin-top: 32px;
}

.wrap-list-cart .wrap-swiper-list-product .list-product.list-product__recommend > li {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 16px;
}
.wrap-list-cart .wrap-swiper-list-product .list-product.list-product__recommend > li + li {
    margin-left: 0;
}
/*S: 2024-06-10 ai추천 슬라이드 변경*/
.wrap-list-cart .wrap-swiper-list-product .swiper-pagination {position:relative; margin-top:20px; }
.wrap-list-cart .wrap-swiper-list-product .swiper-pagination-bullets {
    bottom: -4px;
}
.wrap-list-cart .wrap-swiper-list-product .swiper-pagination-bullet {
    opacity: 1;
    margin: 1px 4px;
    width: 6px;
    height: 6px;
    background-color: #ebebeb;
}
.wrap-list-cart .wrap-swiper-list-product .swiper-pagination-bullet-active {
    margin: 0px 4px;
    width: 8px;
    height: 8px;
    background-color: #000;
}
/*E: 2024-06-10 ai추천 슬라이드 변경*/

.wrap-list-cart .wrap-swiper-list-product .list-product.list-product__recommend > li.product__item.type-sales--adult .product__img::after {width:65px; height:65px;}/*2024-07-19 어덜트 수정*/

.area-attention,
.attention_list {
    font-size: 13px;
    color: #788497;
    line-height: 1.75;
    letter-spacing: -0.33px;
}
input#allTotalHpoinRsvgRate + .list-product.list-product__cart {
    position: relative;
    margin-top: 32px;
    padding-top: 40px;
}
input#allTotalHpoinRsvgRate + .list-product.list-product__cart::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1b1e23;
    content: "";
}



/* 2023 개선 order */
/* main top--list */
.wrap-calendar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
    width: 100%;
    height: 100%;
}
.wrap-calendar .area-calendar {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 324px;
    padding: 34px 26px 24px;
    border: 1px solid #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);
    background-color: #fff;
    text-align: center;
}
/* [S] 2024-08-01 캘린더 드롭다운 화살표 추가 */
.wrap-calendar .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 6px;
  line-height: 0;
}
.wrap-calendar .area-year-month .wrap-year-month {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.45px;
}
.wrap-calendar .area-year-month .wrap-year-month .txt-year {margin:0 12px 0 0;}
.wrap-calendar .remove-dim {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 90;}
.wrap-calendar .area-year-month .wrap-year-month .txt-year > button,
.wrap-calendar .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 18px 0 0;
}
.wrap-calendar .area-year-month .wrap-year-month .txt-year > button:after,
.wrap-calendar .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(https://cdn.hddfs.com/front/images/KO/common/n/icon_accordion_s_on.svg) no-repeat;
  content: "";
}
.wrap-calendar .area-year-month .wrap-year-month .txt-year > button.is-choice:after,
.wrap-calendar .area-year-month .wrap-year-month .txt-month > button.is-choice:after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}
.wrap-calendar .area-year-month .wrap-year-month .wrap-list-dropdown {
    position: absolute;
    top: 35px;
    left: 0;
    width: auto;
    min-width: 60px;
}
.wrap-calendar .area-year-month .wrap-year-month .wrap-list-dropdown.type-month {
    left: auto;
    right: 0;
}
.wrap-calendar .area-year-month .btn-next button,
.wrap-calendar .area-year-month .btn-prev button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 24px;
    height: 0;
    padding-top: 22px;
    border: 1px solid #dde0e5;
    border-radius: 8px;
    text-indent: -9999px;
    font-size: 0;
    top: 2px;
}
/* // [E] 2024-08-01 캘린더 드롭다운 화살표 추가 */
.wrap-calendar .area-year-month .btn-next button::before,
.wrap-calendar .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(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-calendar .area-year-month .btn-prev button::before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
}
.wrap-calendar .area-year-month + .wrap-calendar-day {
    margin-top: 24px;
}
.wrap-calendar .wrap-week {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.wrap-calendar .wrap-week > * {
    width: 14.2857142857%;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #5c6677;
}
.wrap-calendar .wrap-week + .wrap-day {
    margin-top: 10px;
}
.wrap-calendar .wrap-day {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px 0;
}
.wrap-calendar .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-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;
    color: #5c6677;
}
.wrap-calendar .wrap-day .day-saturday button {
    color: #5a3ff2;
}
.wrap-calendar .wrap-day .day-sunday button {
    color: #ea2829;
}
.wrap-calendar .wrap-day .day-today button {
    border: 1px solid #1b1e23;
    font-weight: 700;
}
.wrap-calendar .wrap-day .day-pass {
    color: #abb2be;
}
.wrap-calendar .wrap-day .is-selected-end button,
.wrap-calendar .wrap-day .is-selected button {
    background-color: #1b1e23;
    color: #fff;
}

.wrap-tit.type-side {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.wrap-tit .tit-section {
    font-weight: 700;
    font-size: 22px;
    color: #1b1e23;
    letter-spacing: -0.55px;
}
.wrap-tit.active + .wrap-form, .wrap-tit.active + .list-form {
    margin-top: 40px;
}
.wrap-tit.active .btn-square.type-down-toggle::after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.wrap-tit:not(.active) + .wrap-form, .wrap-tit:not(.active) + .list-form {
    margin-top: 20px;
    padding-top: 40px;
    border-top: 2px solid #1b1e23;
}
.wrap-tit.active .btn-square::after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.list-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 32px;
}
.list-form .list-form__group .prefix-email,
.list-form .list-form__unit .prefix-email {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    font-weight: 700;
    color: #1b1e23;
    line-height: 48px;
}
.list-form .list-form__group .prefix-email + select, .list-form .list-form__group .prefix-email + input,
.list-form .list-form__unit .prefix-email + select,
.list-form .list-form__unit .prefix-email + input {
    padding-left: 27px;
}
.list-form .list-form__group:not(.size-1, .size-2, .size-3),
.list-form .list-form__unit:not(.size-1, .size-2, .size-3) {
    width: calc((100% - 32px) / 2);
}
.list-form .list-form__unit.type__full {
    width: 100%;
}/*2024-04-02 추가*/
.list-form .list-form__group .checkbox + .checkbox,
.list-form .list-form__unit .checkbox + .checkbox {
    margin-left: 40px;
}
.list-form .list-form__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}
.list-form .list-form__group .list-form__unit.size-1 {
    width: 140px;
}
.list-form .list-form__group .list-form__unit.size-2 {
    width: 244px;
}
.list-form .list-form__group .list-form__unit.size-3 {
    width: 149px;
}
.list-form .list-form__group .list-form__unit.size-4 {
    width: 235px;
}
.list-form .wrap-form__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
}
.list-form .wrap-form__group > * {
    width: 114px;
}
.list-form .wrap-form__group.type-1 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.list-form .list-form__tit {
    font-size: 14px;
    line-height: 1.42;
    color: #5c6677;
    letter-spacing: -0.35px;
}
.list-form .input-info.remain-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0;
    right: 43px;
    height: 48px;
    padding-left: 16px;
    font-weight: 400;
    font-size: 13px;
    color: #0288d1;
    text-align: right;
}
.list-form.type-txt .wrap-form__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #dde0e5;
}
.list-form.type-txt .wrap-form__group .list-form__unit {
    border-bottom: none;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.list-form.type-txt .list-form__unit {
    border-bottom: 1px solid #dde0e5;
}
.list-form.type-txt .list-form__unit.type-input {
    border-bottom: none;
}
.list-form.type-txt .list-form__unit.type-input input:is([type=text]) {
    border-bottom: 1px solid #dde0e5;
}
.list-form.type-txt .list-form__unit.type-input.is-change input:is([type=text]) {
    border-bottom-color: #1b1e23;
}
.list-form.type-txt .list-form__unit.type-input .wrap-form__input.is-error input:is([type=text]) {
    border-bottom-color: #f4511e;
}
.list-form.type-txt .list-form__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    height: 48px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.4px;
    color: #1b1e23;
}
.list-form.type-txt .wrap-form__input input:is([type=text]) {
    border-bottom: none;
}

.wrap-form__input.choice-date-single {
    position: relative;
}
.wrap-form__input.choice-date-single .btn-calendar {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 0;
    width: 36px;
    height: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding-top: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_calendar_1.svg) 50% 50% no-repeat;
    background-size: 20px 20px;
    content: "";
}
.wrap-form__input.choice-date-single.is-error .btn-calendar {
    top: 14px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.wrap-form__input,
.wrap-form__select {
    position: relative;
}
.wrap-form__input select,
.wrap-form__input input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]),
.wrap-form__select select,
.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: 48px;
    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: 16px;
    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: 16px;
    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: 16px;
    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: 16px;
    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: 16px;
    letter-spacing: -0.4px;
    color: #abb2be !important;
}
.wrap-form__input select:focus,
.wrap-form__input input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]):focus,
.wrap-form__select select:focus,
.wrap-form__select input:is([type=text], [type=password], [type=date], [type=number], [readonly=readonly], [readonly]):focus {
    border-color: #788497;
}
.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: 16px;
}
.wrap-form__input select,
.wrap-form__select select {
    padding: 0 40px 0 0;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_10.svg) no-repeat right center;
    background-size: 32px;
    line-height: 48px;
    font-size: 16px;
    color: #1b1e23;
}
/* .wrap-form__input select:invalid,
.wrap-form__select select:invalid {
    color: #abb2be;
} */
.wrap-form__input select:focus,
.wrap-form__select select:focus {
    border-color: #788497;
}
.wrap-form__input .btn-circle.type-del,
.wrap-form__select .btn-circle.type-del {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 12px;
    width: 20px;
    height: 0;
    padding-top: 48px;
    text-indent: -9999px;
    font-size: 0;
}
.wrap-form__input .btn-circle.type-del::before, .wrap-form__input .btn-circle.type-del::after,
.wrap-form__select .btn-circle.type-del::before,
.wrap-form__select .btn-circle.type-del::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    content: "";
}
.wrap-form__input .btn-circle.type-del::before,
.wrap-form__select .btn-circle.type-del::before {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #9aa3b1;
}
.wrap-form__input .btn-circle.type-del::after,
.wrap-form__select .btn-circle.type-del::after {
    width: 10px;
    height: 10px;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_close_1.svg) 50% 50% no-repeat;
    background-size: 10px 10px;
}
.wrap-form__input .txt-error,
.wrap-form__select .txt-error {
    display: none;
    margin-top: 8px;
}
.wrap-form__input.is-change select,
.wrap-form__input.is-change input:is([type=text], [type=password], [type=date], [readonly=readonly], [readonly]),
.wrap-form__select.is-change select,
.wrap-form__select.is-change input:is([type=text], [type=password], [type=date], [readonly=readonly], [readonly]) {
    border-bottom-color: #1b1e23;
}
.wrap-form__input.is-error .txt-error,
.wrap-form__select.is-error .txt-error {
    display: block;
}
.wrap-form__input.is-error select,
.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-bottom-color: #f4511e;
}
.wrap-form__input .time-remain,
.wrap-form__select .time-remain {
    position: absolute;
    top: 0;
    right: 56px;
    font-size: 14px;
    line-height: 48px;
    color: #f4511e;
    letter-spacing: -0.35px;
}

.wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [readonly=readonly], [readonly]) {
    height: 40px;
    padding-left: 16px;
    border: 1px solid #dde0e5;
    border-radius: 4px !important;
}
.wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [readonly=readonly], [readonly]):disabled {
    background-color: #f9fafb !important;
    color: #ccd1d8;
}
.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], [readonly=readonly], [readonly]) {
    width: calc((100% - 18px) / 4);
    border-bottom: none;
    text-align: center;
}
.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-form__radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    position: relative;
    height: 48px;
}
.wrap-form__radio label > input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
}
.wrap-form__radio label > input:checked + .txt-label {
    color: #1b1e23;
    font-weight: 700;
}
.wrap-form__radio label > input:checked + .txt-label::before {
    border: 6px solid #1b1e23;
}
.wrap-form__radio label > input:focus + .txt-label::before {
    border-color: #788497;
}
.wrap-form__radio label .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.35px;
}
.wrap-form__radio label .txt-label::before {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #dde0e5;
    content: "";
}
.wrap-form__radio.is-error label > input + .txt-label::before {
    border-color: #f4511e;
}

.tab-cart-menu + .wrap-tit.type-side {
    margin-top: 48px;
}

.wrap-form + .area-attention,
.list-form + .area-attention {
    margin-top: 27px;
}
.wrap-form + .wrap-info-tooltip,
.list-form + .wrap-info-tooltip {
    margin-top: 25px;
}
.wrap-form + .wrap-tit,
.list-form + .wrap-tit {
    margin-top: 56px;
}
.wrap-form.size-short .list-form__unit,
.list-form.size-short .list-form__unit {
    width: 525px;
}
.wrap-form.size-short .list-form__unit .wrap-form__group,
.list-form.size-short .list-form__unit .wrap-form__group {
    gap: 32px;
}
.wrap-form.size-short .list-form__unit .wrap-form__group.type-1,
.list-form.size-short .list-form__unit .wrap-form__group.type-1 {
    gap: 16px;
}
.wrap-form.size-short .list-form__unit .wrap-form__group > .size-1,
.list-form.size-short .list-form__unit .wrap-form__group > .size-1 {
    width: 216px;
}
.wrap-form.size-short .list-form__unit .wrap-form__group > .size-2,
.list-form.size-short .list-form__unit .wrap-form__group > .size-2 {
    width: 275px;
}
.wrap-form.size-short .list-form__unit .wrap-form__group > .size-3,
.list-form.size-short .list-form__unit .wrap-form__group > .size-3 {
    width: calc((100% - 32px) / 3);
}
.wrap-form.size-short .list-form__unit.type-1,
.list-form.size-short .list-form__unit.type-1 {
    width: 100%;
}
.wrap-form .btn-square[data-role],
.list-form .btn-square[data-role] {
    position: absolute;
    top: 7px;
    right: 0;
}
.wrap-form .btn-square[data-role] + .txt-error + .btn-circle.type-del,
.list-form .btn-square[data-role] + .txt-error + .btn-circle.type-del {
    right: 56px;
}
.wrap-form .btn-square[data-role] + .time-remain + .txt-error + .btn-circle.type-del,
.list-form .btn-square[data-role] + .time-remain + .txt-error + .btn-circle.type-del {
    right: 96px;
}
.wrap-form .btn-square[data-role] + .btn-circle.type-del,
.list-form .btn-square[data-role] + .btn-circle.type-del {
    right: 56px;
}

.area-attention.type-2 {
    border-top: none;
}
.area-attention.type-2 + .wrap-tit {
    margin-top: 56px;
}
.area-attention.type-2 .list-info + .wrap-info-tooltip {
    margin-top: 16px;
}
.area-attention + .wrap-btn, .area-attention + .area-terms {
    margin-top: 56px;
}
.area-attention + .wrap-check {
    margin-top: 24px;
}

.attention__tit.type-precaution {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #3d444f;
    font-weight: 700;
}
.attention__tit.type-precaution::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_attention_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.attention__tit.accordion__tit.type-precaution {
    display: flex;
    font-size: 14px;
    color: #3d444f;
    font-weight: 700;
}/*2023-10-18 추가*/
.area-terms .wrap-tit + .list-terms {
    margin-top: 16px;
}
.area-terms + .wrap-btn {
    margin-top: 56px;
}

.wrap-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;
}
.wrap-btn.type-order .btn-square {
    width: 170px;
}
.wrap-btn.type-1 {
    gap: 8px;
}
.wrap-btn.type-2 {
    gap: 4px;
}

.list-terms .chk_all {
    padding: 0;
}
.list-terms .chk_all .chk {
    width: 100%;
}
.list-terms .chk_all .chk label .txt-label {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    letter-spacing: -0.4px;
}
.list-terms .chk_all .chk label input:checked + .txt-label {
    background-color: #1b1e23;
    color: #fff;
    font-weight: 700;
}
.list-terms .chk_all .chk label input:checked + .txt-label::before {
    opacity: 1;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}
.list-terms .chk_all .chk .txt-label {
    font-size: 16px;
}
.list-terms .chk {
    display: block;
}
.list-terms .chk label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.list-terms .chk label input {
    position: absolute;
}
.list-terms .chk label input + .txt-label::before {
    display: block;
    opacity: 0.15;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_check_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-terms .chk label input:checked + .txt-label {
    font-weight: 700;
    color: #1b1e23;
}
.list-terms .chk label input:checked + .txt-label::before {
    opacity: 1;
}
.list-terms .chk .txt-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #788497;
    letter-spacing: -0.35px;
    line-height: 1.42;
}
.list-terms 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;
    padding: 0 14px;
}
.list-terms li + li {
    margin-top: 16px;
}
.list-terms li .ck_arrow {
    font-weight: 700;
    font-size: 13px;
    color: #788497;
    letter-spacing: -0.33px;
    text-decoration: underline;
}

/* 여권 등록 가이드 */
.guide-passport {
    display: none;
    overflow: hidden;
    margin-top: 20px;
    padding: 40px 81px;
    border-top: 2px solid #1b1e23;
    border-bottom: 2px solid #dde0e5;
    background-color: #f9fafb;
}
.guide-passport.active {
    display: block;
}
.guide-passport .guide-passport__img img {
    width: 100%;
}
.guide-passport .guide-passport__img + .guide-passport__info {
    margin-top: 32px;
}
.guide-passport .guide-passport__info .tit-info {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #1b1e23;
}
.guide-passport .guide-passport__info .tit-info + .txt-info {
    margin-top: 8px;
}
.guide-passport .guide-passport__info .txt-info {
    font-size: 13px;
    letter-spacing: -0.33px;
    line-height: 1.46;
    color: #1b1e23;
}
.guide-passport .guide-passport__info .txt-info + .tit-info {
    margin-top: 24px;
}

/* 정보 레이어 */
.wrap-info-layer {
    width: 592px;
    padding: 38px 16px 40px;
}
.wrap-info-layer .area-info-layer {
    overflow-y: auto;
    height: 100%;
    padding: 0 16px;
}
.wrap-info-layer .area-info-layer::-webkit-scrollbar {
    width: 4px;
}
.wrap-info-layer .area-info-layer::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.wrap-info-layer .area-info-layer::-webkit-scrollbar-track {
    background-color: #fff;
}
.wrap-info-layer .tit-layer + .download-coupon, .wrap-info-layer .tit-layer + .txt-info {
    margin-top: 40px;
}
.wrap-info-layer .txt-info {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #1b1e23;
}
.wrap-info-layer .txt-info + .tit-info {
    margin-top: 32px;
}
.wrap-info-layer .txt-info.type-1 {
    color: #5c6677;
}
.wrap-info-layer .txt-info.type-1 + .tit-layer__sub.type-1 {
    margin-top: 32px;
}
.wrap-info-layer .tit-info {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.42;
    letter-spacing: -0.35px;
    color: #1b1e23;
}
.wrap-info-layer .tit-info + .txt-info, .wrap-info-layer .tit-info + .list-info {
    margin-top: 8px;
}
.wrap-info-layer .list-info + .tit-info {
    margin-top: 32px;
}
.wrap-info-layer .wrap-btn {
    margin-top: 40px;
}
.wrap-info-layer .wrap-btn .btn-square {
    min-width: 120px;
}
.wrap-info-layer .tit-layer__sub {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #1b1e23;
}
.wrap-info-layer .tit-layer__sub + .list-report {
    margin-top: 16px;
}
.wrap-info-layer .tit-layer__sub.type-1 {
    font-size: 14px;
}
.wrap-info-layer .tit-layer__sub.type-1 + .txt-info.type-1 {
    margin-top: 8px;
}

.list-report.type-row {
    border-top: 1px solid #1b1e23;
}
.list-report.type-row > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #dde0e5;
    line-height: 1.42;
    color: #1b1e23;
    letter-spacing: -0.33px;
}
.list-report.type-row > li .list-report__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 104px;
    padding: 16px 20px;
    background-color: #f7f7f7;
    font-weight: 700;
    white-space: nowrap;
}
.list-report.type-row > li .list-report__detail {
    width: calc(100% - 104px);
    padding: 16px 20px;
}
.list-report + .tit-layer__sub {
    margin-top: 40px;
}

.list-info.type-bar > li {
    position: relative;
    padding-left: 6px;
    font-size: 12px;
    letter-spacing: -0.3px;
    line-height: 1.5;
    color: #5c6677;
}
.list-info.type-bar > li::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "-";
}
.list-info.type-bar > li + li {
    margin-top: 4px;
}
.list-info.type-dot > li .list-info.type-bar {
    margin-top: 4px;
    margin-left: -9px;
}
.list-info.type-dot + .wrap-list-order {
    margin-top: 36px;
}

.wrap-download-coupon .download-coupon.type-air-info {
    height: calc(100% - 158px);
}
.wrap-download-coupon .download-coupon.type-air-info .list-coupon > 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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: visible;
    position: relative;
    padding: 16px 20px;
    border: none;
    background-color: #fff;
    text-align: center;
}
.wrap-download-coupon .download-coupon.type-air-info .list-coupon > li label input + .txt-label {
    height: 0;
    padding-top: 100%;
    text-indent: -9999px;
    font-size: 0;
}
.wrap-download-coupon .download-coupon.type-air-info .list-coupon > li label input + .txt-label::before {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 1px solid #dde0e5;
    border-radius: 8px;
    content: "";
}
.wrap-download-coupon .download-coupon.type-air-info .list-coupon > li label input:checked + .txt-label::before {
    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);
}
.wrap-download-coupon .download-coupon.type-air-info .list-coupon .air-info__time {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.35px;
    line-height: 1.42;
    color: #1b1e23;
}
.wrap-download-coupon .download-coupon.type-air-info .list-coupon .air-info__time + .list-route {
    margin-top: 12px;
}
.wrap-download-coupon .download-coupon.type-air-info .list-coupon .list-route {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7px;
}
.wrap-download-coupon .download-coupon.type-air-info .list-coupon .list-route > li {
    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;
    font-size: 13px;
    letter-spacing: -0.33px;
    line-height: 1.42;
    color: #5c6677;
    text-align: center;
}
.wrap-download-coupon .download-coupon.type-air-info .list-coupon .list-route > li span {
    font-weight: 700;
    font-size: 18px;
}
.wrap-download-coupon .download-coupon.type-air-info .list-coupon .list-route > li + li {
    position: relative;
    margin-left: 8px;
    padding-left: 72px;
}
.wrap-download-coupon .download-coupon.type-air-info .list-coupon .list-route > li + li::before {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 64px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_fly_route.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-download-coupon .download-coupon.type-air-info .list-coupon .list-route + .air-info__detail {
    margin-top: 12px;
}
.wrap-download-coupon .download-coupon.type-air-info .list-coupon .air-info__detail {
    font-size: 14px;
    color: #1b1e23;
    line-height: 1.42;
    letter-spacing: -0.35px;
}
.wrap-download-coupon .download-coupon.type-air-info .list-coupon .air-info__detail span {
    font-weight: 700;
}
.wrap-download-coupon .download-coupon.type-air-info + .wrap-btn {
    position: relative;
    margin-top: 40px;
}
.wrap-download-coupon .download-coupon.type-air-info + .wrap-btn::before {
    display: block;
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 50px;
    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-download-coupon .download-coupon.type-air-info + .wrap-btn button {
    width: 120px;
}

/* S: 2023-10-10 출국정보 없는 케이스 추가*/
.wrap-download-coupon .download-coupon .list-coupon > li.no-data {
    height: 123px;
    border: 1px solid #dde0e5;
    border-radius: 8px;
    color: #1b1e23;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: -30px;
    z-index: 1;
}
/* E: 2023-10-10 추가*/

.wrap-download-coupon .discount-content,
.wrap-download-coupon .discount-content__head {
    margin-left: 16px;
    margin-right: 16px;
}
.wrap-download-coupon .discount-content + .discount-content,
.wrap-download-coupon .discount-content__head + .discount-content {
    margin-top: 8px;
}
.wrap-download-coupon .discount-content {
    gap: 8px;
}
.wrap-download-coupon .discount-content .wrap-form__input {
    width: calc(100% - 92px);
}
.wrap-download-coupon .discount-content .btn-square {
    width: 84px;
    padding: 0;
}
.wrap-download-coupon .discount-content__tit {
    font-size: 14px;
    color: #3d444f;
    letter-spacing: -0.35px;
    line-height: 1.42;
}
.wrap-download-coupon .wrap-form__radiobox label input,
.wrap-download-coupon .wrap-form__checkbox label input {
    position: absolute;
}
.wrap-download-coupon .wrap-form__radiobox label input + .wrap-label,
.wrap-download-coupon .wrap-form__checkbox label input + .wrap-label {
    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;
    gap: 4px;
    position: relative;
    padding: 20px 20px 20px 56px;
    border: 1px solid #dde0e5;
    border-radius: 8px;
    font-size: 13px;
    letter-spacing: -0.33px;
}
.wrap-download-coupon .wrap-form__checkbox label input:disabled + .wrap-label {
    border-color: #dde0e5;
    color: #abb2be;
}
.wrap-download-coupon .wrap-form__checkbox label input:disabled + .wrap-label .txt-label,
.wrap-download-coupon .wrap-form__checkbox label input:disabled + .wrap-label .txt-info,
.wrap-download-coupon .wrap-form__checkbox label input:disabled + .wrap-label .txt-use {
    color: #abb2be;
}
.wrap-download-coupon .wrap-form__checkbox label input:disabled + .wrap-label::before {
    background-color: #dde0e5;
    background-image: none;
}
.wrap-download-coupon .wrap-form__checkbox {
    position: relative;
}
.wrap-download-coupon .wrap-form__checkbox label + .no_double {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 13px;
    letter-spacing: -.33px;
    color: #788497;
    font-weight: 700;
}
.wrap-download-coupon .wrap-form__radiobox label input + .wrap-label dd .txt-info,
.wrap-download-coupon .wrap-form__radiobox label input + .wrap-label dd .txt-use {
    display: inline-block;
}
.wrap-download-coupon .wrap-form__radiobox label input + .wrap-label dd .txt-info + .txt-use,
.wrap-download-coupon .wrap-form__radiobox label input + .wrap-label dd .txt-use + .txt-info {
    margin-top: 0;
    margin-left: 7px;
}
.wrap-download-coupon .wrap-form__radiobox label input + .wrap-label::before,
.wrap-download-coupon .wrap-form__checkbox label input + .wrap-label::before {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 20px;
    height: 20px;
    content: "";
}
.wrap-download-coupon .wrap-form__radiobox label input + .wrap-label .txt-label,
.wrap-download-coupon .wrap-form__checkbox label input + .wrap-label .txt-label {
    font-weight: 700;
    font-size: 16px;
    color: #1b1e23;
    letter-spacing: -0.4px;
}
.wrap-download-coupon .wrap-form__radiobox label input + .wrap-label .txt-info,
.wrap-download-coupon .wrap-form__checkbox label input + .wrap-label .txt-info {
    color: #3d444f;
}
.wrap-download-coupon .wrap-form__radiobox label input + .wrap-label .txt-info + .txt-use,
.wrap-download-coupon .wrap-form__checkbox label input + .wrap-label .txt-info + .txt-use {
    margin-top: 10px;
}
.wrap-download-coupon .wrap-form__radiobox label input + .wrap-label .txt-use,
.wrap-download-coupon .wrap-form__checkbox label input + .wrap-label .txt-use {
    color: #5c6677;
}
.wrap-download-coupon .wrap-form__radiobox label input:checked + .wrap-label,
.wrap-download-coupon .wrap-form__checkbox label input: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);
}
.wrap-download-coupon .wrap-form__checkbox label input + .wrap-label::before {
    opacity: 0.2;
    border-radius: 2px;
    border: 1px solid #5c6677;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_check_1.svg) no-repeat;
    background-size: contain;
}
.wrap-download-coupon .wrap-form__checkbox label input:checked + .wrap-label::before {
    opacity: 1;
    background-color: #1b1e23;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_check_4.svg);
    border-color: #1b1e23;
}
.wrap-download-coupon .wrap-form__radiobox label input + .wrap-label::before {
    border-radius: 20px;
    border: 1px solid #dde0e5;
}
.wrap-download-coupon .wrap-form__radiobox label input:checked + .wrap-label::before {
    border-width: 6px;
    border-color: #1b1e23;
}
.wrap-download-coupon .list-form {
    gap: 20px;
}
.wrap-download-coupon .list-form .list-form__unit {
    width: 100%;
}
.wrap-download-coupon .list-form + .list-info {
    margin-top: 16px;
}
.wrap-download-coupon .list-info.type-dot + .link-underline {
    margin-top: 12px;
}
.wrap-download-coupon .link-underline a {
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #788497;
    text-decoration: underline;
}
.wrap-download-coupon .link-underline + .agree-terms {
    margin-top: 32px;
}

/* layer */
.box-float-layer.wrap-search-sch {
    overflow: hidden;
    width: 592px;
}
.box-float-layer.wrap-search-sch .tit-layer + .wrap-choice .area-search {
    margin-top: 40px;
}
.box-float-layer.wrap-search-sch .area-search {
    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-bottom: 8px;
    margin-left: 16px;
    margin-right: 16px;
    border-bottom: 1px solid #dde0e5;
}
.box-float-layer.wrap-search-sch .area-search .btn-square {
    width: 56px;
}
.box-float-layer.wrap-search-sch .area-search input {
    width: calc(100% - 60px);
    height: 32px;
    padding: 0;
    border: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    color: #1b1e23;
}
.box-float-layer.wrap-search-sch .area-search input::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 700;
    color: #ccd1d8 !important;
}
.box-float-layer.wrap-search-sch .area-search input::-moz-placeholder {
    font-size: 16px;
    font-weight: 700;
    color: #ccd1d8 !important;
}
.box-float-layer.wrap-search-sch .area-search input:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 700;
    color: #ccd1d8 !important;
}
.box-float-layer.wrap-search-sch .area-search input::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 700;
    color: #ccd1d8 !important;
}
.box-float-layer.wrap-search-sch .area-search input::placeholder {
    font-size: 16px;
    font-weight: 700;
    color: #ccd1d8 !important;
}
.box-float-layer.wrap-search-sch .area-search + .list-choice__tit, .box-float-layer.wrap-search-sch .area-search + .list-choice-comp {
    margin-top: 32px;
}
.box-float-layer.wrap-search-sch .list-choice-comp {
    gap: 20px;
    margin-left: 16px;
    margin-right: 16px;
}
.box-float-layer.wrap-search-sch .list-choice-comp > li.is-active button::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #1b1e23;
    content: "";
}
.box-float-layer.wrap-search-sch .list-choice-comp button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    height: 42px;
    font-size: 18px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.45px;
    line-height: 1.5;
}
.box-float-layer.wrap-search-sch .list-choice-comp + .wrap-list-sch {
    margin-top: 20px;
    min-height: 340px;/*2023-10-15 추가*/
}
.box-float-layer.wrap-search-sch .list-choice-comp + .wrap-list-sch + .wrap-list-sch {
    margin-top: 20px;
    min-height: 340px;/*2023-10-15 추가*/
}
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
    position: relative;
}
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit > li {
    width: calc((100% - 12px) / 2);
}
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit > li > .wrap-form__input {
    position: relative;
}
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit > li > .wrap-form__input input {
    position: absolute;
}
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit > li > .wrap-form__input input + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    height: 48px;
    padding: 0 45px 0 16px;/*2024-02-06 항만편 수정 padding: 0 16px;*/
    border: 1px solid #dde0e5;
    border-radius: 8px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #1b1e23;
}
.box-float-layer.wrap-search-sch .wrap-list-sch #hasListDiv .list-unit > li > .wrap-form__input input + label {
    gap: 0;
    align-items: unset;
    flex-direction: column;
    justify-content: center;
    padding: 0 45px 0 16px;
}/*2024-02-06 항만편 수정*/
.box-float-layer.wrap-search-sch .wrap-list-sch #hasListDiv .list-unit > li > .wrap-form__input input + label span {
    margin-left: -2px;
}/*2024-02-06 항만편 수정*/
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit > li > .wrap-form__input input + label strong {
    font-weight: 400;
    color: #0288d1;
}
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit > li > .wrap-form__input input + label span {
    color: #788497;
}
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit > li > .wrap-form__input input:checked + label {
    border-color: #1b1e23;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
}
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit > li > .wrap-form__input input:checked + label + .pin + .wrap-sch-detail {
    display: block;
}
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit > li > .wrap-form__input input:checked + label + .pin + .no-sch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit > li > .wrap-form__input input:checked + label + .wrap-sch-detail {
    display: block;
}
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit > li > .wrap-form__input .pin {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 48px;
}
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit > li > .wrap-form__input .pin::before {
    display: block;
    position: absolute;
    top: 15px;
    left: 16px;
    width: 18px;
    height: 18px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_pin_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit > li > .wrap-form__input .pin.on::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_pin_1_fill.svg);
}
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit > li > .wrap-form__input .wrap-sch-detail input {
    position: relative;
}
.box-float-layer.wrap-search-sch .wrap-list-sch .list-unit > li:nth-child(even) .wrap-sch-detail {
    margin-left: -268px;
}
.box-float-layer.wrap-search-sch .wrap-list-sch + .wrap-list-sch {
    margin-top: 20px;
    min-height: 340px;/*2023-10-15 추가*/
}
.box-float-layer.wrap-search-sch .no-sch {
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 526px;
    height: 309px;
    margin-top: 12px;
    border: 1px solid #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);
    font-size: 16px;
    font-weight: 700;
    color: #1b1e23;
    text-align: center;
}
.box-float-layer.wrap-search-sch .no-sch::before {
    display: block;
    content: "항공권 정보가 없습니다.";
}
.box-float-layer.wrap-search-sch .wrap-sch-detail {
    display: none;
    width: 526px;
    margin-top: 12px;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .area-scroll__sub {
    position: relative;
    border: 1px solid #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);
    padding: 20px 12px;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .area-scroll__sub::before {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 5%;
    width: 90%;
    height: 40px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #fff));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 75%);
    content: "";
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .area-scroll__inner {
    overflow-y: auto;
    min-height: 48px;
    max-height: 300px;
    padding: 0 8px;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .area-scroll__inner::-webkit-scrollbar {
    width: 4px;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .area-scroll__inner::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .area-scroll__inner::-webkit-scrollbar-track {
    background-color: #fff;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio label {
    width: 100%;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio label input + .wrap-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 48px;
    padding: 0 20px;
    border-radius: 8px;
    letter-spacing: -0.35px;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio label input + .wrap-label::before {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 32px;
    border-radius: 20px;
    border: 1px solid #dde0e5;
    content: "";
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio label input + .wrap-label .tit-label {
    width: 138px;
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio label input + .wrap-label .txt-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    width: 80px;
    font-size: 13px;
    font-weight: 700;
    color: #1b1e23;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio label input + .wrap-label .txt-info .txt-info__tit {
    font-weight: 400;
    color: #788497;
    white-space: nowrap;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio label input + .wrap-label .txt-info + .txt-info {
    width: 85px;
    margin-left: 32px;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio label input:checked + .wrap-label {
    background-color: #f5f7fa;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio label input:checked + .wrap-label::before {
    border-width: 6px;
    border-color: #1b1e23;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio.type-boat {
    height: auto;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio.type-boat label {
    width: 100%;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio.type-boat label input + .wrap-label {
    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: 12px;
    height: auto;
    min-height: 83px;
    padding: 16px;
    border: 1px solid #dde0e5;
    border-radius: 8px;
    background-color: #fff;
    font-size: 14px;
    letter-spacing: -0.35px;
    font-weight: 700;
    color: #1b1e23;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio.type-boat label input + .wrap-label::before {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 0;
    border-radius: 20px;
    border: 1px solid #dde0e5;
    content: "";
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio.type-boat label input + .wrap-label .txt-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    width: 100%;
    font-size: 13px;
    letter-spacing: -0.35px;
    color: #1b1e23;
    font-weight: 700;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio.type-boat label input + .wrap-label .txt-info .txt-info__unit + .txt-info__unit {
    margin-left: 20px;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio.type-boat label input + .wrap-label .txt-info .txt-info__tit {
    font-weight: 400;
    color: #788497;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio.type-boat label input:checked + .wrap-label {
    border-color: #1b1e23;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail li .wrap-form__radio.type-boat label input:checked + .wrap-label::before {
    border-width: 6px;
    border-color: #1b1e23;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail.type-boat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
}
.box-float-layer.wrap-search-sch .wrap-sch-detail .list-sch-detail.type-boat > li {
    width: calc((100% - 12px) / 2);
}
.box-float-layer.wrap-search-sch .tit-layer.type-1 {
    margin-top: 35px;
    font-size: 16px;
}
.box-float-layer.wrap-search-sch .tit-layer.type-1 + .list-form {
    margin-top: 24px;
}
.box-float-layer.wrap-search-sch .list-choice__tit {
    margin-left: 16px;
    margin-right: 16px;
    font-size: 18px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.4px;
}
.box-float-layer.wrap-search-sch .list-choice__tit + .wrap-list-sch {
    margin-top: 24px;
}
.box-float-layer.wrap-search-sch .list-form + .list-info {
    margin-top: 8px;
}
.box-float-layer.wrap-search-sch .no-result .no-result__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: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    height: 366px;
    border-radius: 8px;
    background-color: #f5f7fa;
    font-size: 16px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.4px;
    text-align: center;
}
.box-float-layer.wrap-search-sch .no-result .no-result__info::before {
    display: block;
    width: 120px;
    height: 120px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/img_no_result.svg) no-repeat;
    background-size: contain;
    content: "";
}
.box-float-layer.wrap-search-sch .no-result .no-result__info.type-boat::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/img_no_result_boat.svg);
}
.box-float-layer.wrap-search-sch .no-result .no-result__info + .tit-layer {
    margin-top: 35px;
}
.box-float-layer.wrap-search-sch .no-result .tit-layer + .list-form {
    margin-top: 24px;
}
.box-float-layer .wrap-btn {
    margin-top: 40px;
}
.box-float-layer .wrap-btn .btn-square {
    min-width: 120px;
}
.box-float-layer .tit-layer + .area-layer-form {
    margin-top: 68px;
}
.box-float-layer .area-layer-form {
    padding: 0 16px;
}
.box-float-layer .area-layer-form + .wrap-btn {
    margin-top: 68px;
}
.box-float-layer .area-layer-form .list-form.size-short .list-form__unit .wrap-form__group {
    gap: 8px;
}
.box-float-layer .area-layer-form .list-form.size-short .list-form__unit .wrap-form__group > .size-1 {
    width: 136px;
}
.box-float-layer .area-layer-form .list-form.size-short .list-form__unit .wrap-form__group > .size-2 {
    width: calc(100% - 144px);
}

/* 주문서 */
.wrap-info-tooltip + .wrap-list-order {
    margin-top: 36px;
}

.wrap-list-order {
    overflow: hidden;
}
.wrap-list-order .list-order__head {
    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;
    height: 73px;
    padding-right: 28px;
    border-bottom: 2px solid #1b1e23;
}
.wrap-list-order .list-order__head.type-1 {
    padding-right: 0;
}
.wrap-list-order .list-order__head button[aria-expanded] {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 73px;
    text-indent: -9999px;
    font-size: 0;
}
.wrap-list-order .list-order__head button[aria-expanded]::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_6.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-list-order .list-order__head button[aria-expanded=true]::before {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.wrap-list-order .list-order__head .list-order__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -0.55px;
    color: #1b1e23;
}
.wrap-list-order .list-order__head .list-order__tit.type-korean-air {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.wrap-list-order .list-order__head .list-order__tit.type-korean-air::after {
    display: block;
    width: 120px;
    height: 18px;/*2024-03-04 스카이패스 적립 수정 asis:width: 160px; height: 24px;*/
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/img_korean_air.png) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-list-order .list-order__head .list-order__tit .list-order__tit--tag {
    display: block;
    height: 26px;
    padding: 0 12px;
    border-radius: 8px 8px 8px 0;
    background-image: linear-gradient(96deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
    font-size: 12px;
    line-height: 26px;
    letter-spacing: -0.3px;
    color: #fff;
}
.wrap-list-order .list-order__head .list-order__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    text-align: right;
}
.wrap-list-order .list-order__head .list-order__group.type-end .list-order__txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3px;
    font-weight: 700;
    font-size: 14px;
    color: #1b1e23;
    width: 130px;/*2024-03-04 스카이패스 적립 관련 추가*/
    text-align: left;/*2024-03-04 스카이패스 적립 관련 추가*/
}
.wrap-list-order .list-order__head .list-order__group.type-end .list-order__txt::before {
    display: block;
    position: relative;
    top: 3px;
    width: 38px;
    height: 27px;/*2024-03-04 스카이패스 적립 수정 asis:width: 36px; height: 36px;*/
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_korean_air.png) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-list-order .list-order__head .list-order__group.type-end .list-order__check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7px;
    font-weight: 700;
    font-size: 14px;
    color: #788497;
    letter-spacing: -0.35px;
    width: 80px;
}/*2024-03-04 스카이패스 적립 관련 추가*/
.wrap-list-order .list-order__head .list-order__group.type-end .list-order__check::after {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_check_1.svg) no-repeat;
    background-size: contain;
    content: "";
}/*2024-03-04 스카이패스 적립 관련 클래스 수정*/
.wrap-list-order .list-order__head .list-order__group.type-end .list-order__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7px;
    font-weight: 700;
    font-size: 14px;
    color: #788497;
    letter-spacing: -0.35px;
}
.wrap-list-order .list-order__head .list-order__info {
    font-weight: 700;
    font-size: 14px;
    color: #ea2869;
    letter-spacing: -0.35px;
    pointer-events: none;
}
.wrap-list-order .list-order__head .list-order__txt {
    font-size: 13px;
    color: #5c6677;
    letter-spacing: -0.33px;
}
.wrap-list-order .list-order__head .list-order__btn button {
    position: relative;
    z-index: 1;
}
.wrap-list-order .list-order__head .list-order__gift {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-weight: 700;
    font-size: 14px;
    color: #3d444f;
    letter-spacing: -0.35px;
    pointer-events: none;
}
.wrap-list-order .list-order__head .list-order__gift::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gift_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-list-order .list-order__head .list-order__gift + .list-order__info {
    position: relative;
    margin-left: 12px;
}
.wrap-list-order .list-order__head .list-order__gift + .list-order__info::before {
    display: block;
    position: absolute;
    top: 50%;
    left: -12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #eef0f2;
    content: "";
}
.wrap-list-order .list-order__head .list-order__subtit {
    font-size: 14px;
    font-weight: 700;
    color: #3d444f;
    letter-spacing: -0.4px;
}
.wrap-list-order .list-order__content[role=region] {
    overflow: initial;
}
.wrap-list-order .list-order__content .list-choice-pay {
    margin-top: 20px;
}
.wrap-list-order .list-order__content .wrap-choice-pay + .wrap-choice-pay {
    margin-top: 20px;
}
.wrap-list-order .list-order__content .wrap-choice-pay + .cash-receipts {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #abb2be;
}
.wrap-list-order .list-order__content + .box-gray-content.type-alram {
    margin-top: 40px;
}
.wrap-list-order + .wrap-list-order {
    margin-top: 20px;
}
.wrap-list-order + .wrap-form__group {
    margin-top: 40px;
}
.wrap-list-order + .area-attention {
    margin-top: 24px;
}
.wrap-list-order.type-1 + .wrap-list-order {
    margin-top: 56px;
}
.wrap-list-order .list-product__cart {
    padding-top: 40px;
}
.wrap-list-order .list-product__cart + .wrap-gift {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dotted #dde0e5;
}
.wrap-list-order .list-product__cart .product__item.product__item--row .wrap-product__info {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
}

.wrap-form__group.type-square .wrap-form__radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    height: auto;
}
.wrap-form__group.type-square .wrap-form__radio.size-2 label {
    width: calc((100% - 32px) / 2);
}
.wrap-form__group.type-square .wrap-form__radio label .txt-label {
    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: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    width: 100%;
    height: 80px;
    padding: 16px 20px 16px 52px;
    border: 1px solid #dde0e5;
    border-radius: 8px;
    font-size: 14px;
    text-align: left;
}
.wrap-form__group.type-square .wrap-form__radio label .txt-label .txt-label__tit {
    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;
    gap: 4px;
    font-weight: 700;
    color: #1b1e23;
}
.wrap-form__group.type-square .wrap-form__radio label .txt-label .txt-label__tit .tag {
    height: 20px;
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: -0.3px;
    line-height: 20px;
}
.wrap-form__group.type-square .wrap-form__radio label .txt-label .txt-label__tit .tag:first-child {
    margin-left: 8px;
}
.wrap-form__group.type-square .wrap-form__radio label .txt-label .txt-label__tit .tag--line {
    border: 1px solid #ccd1d8;
    color: #5c6677;
}
.wrap-form__group.type-square .wrap-form__radio label .txt-label .txt-label__tit .tag--percent {
    background-color: #ea2869;
    color: #fff;
}
.wrap-form__group.type-square .wrap-form__radio label .txt-label .txt-label__info {
    font-size: 13px;
    color: #3d444f;
    font-weight: 400;
}
.wrap-form__group.type-square .wrap-form__radio label .txt-label .txt-eco {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    color: #16b255;
}
.wrap-form__group.type-square .wrap-form__radio label .txt-label .txt-eco::after {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_eco_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-form__group.type-square .wrap-form__radio label .txt-label::before {
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.wrap-form__group.type-square .wrap-form__radio label input:checked + .txt-label {
    border-color: #1b1e23;
}
.wrap-form__group.type-square + .list-info {
    margin-top: 16px;
}

/* 결제방법 */
.list-choice-pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.list-choice-pay > li {
    width: calc((100% - 12px) / 4);
}
.list-choice-pay > 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: 46px;
    border: none;
    border-radius: 4px;
    background-color: #f4f5f6;
    font-weight: 700;
    font-size: 14px;
    color: #788497;
    letter-spacing: -0.35px;
    /* .txt-company {
        display: none;
    } */
}
.list-choice-pay > li button span {
    pointer-events: none;
}
.list-choice-pay > li button .txt-company {
    display: block;
    position: absolute;
    top: -10px;
    left: 8px;
    height: 20px;
    padding: 0 4px;
    border-radius: 4px;
    background-color: #ea2869;
    line-height: 20px;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #fff;
    pointer-events: none;
}
.list-choice-pay > li.is-active button {
    background-color: #1b1e23;
    color: #fff;
}
.list-choice-pay + .wrap-choice-pay {
    margin-top: 20px;
}

.wrap-choice-pay .list-form__radio {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    text-align: left;
}
.wrap-choice-pay .list-form__radio .list-form__unit {
    position: relative;
    width: 100%;
    min-height: 64px;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .txt-label {
    display: grid;
    gap: 12px;
    grid-template-columns: 20px 2fr 1fr;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 1px solid #dde0e5;
    padding: 20px 32px;
    font-size: 16px;
    color: #788497;
    letter-spacing: -0.4px;
    line-height: 1.5;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .txt-label::before {
    display: block;
    position: relative;
    top: 2px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #dde0e5;
    content: "";
}
.wrap-choice-pay .list-form__radio .list-form__unit label .txt-label .txt-label__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    color: #788497;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 32px;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .txt-label .txt-lable__tit-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 20px;
    margin-left: 16px;
    padding: 0 4px;
    border-radius: 4px;
    background-color: #ea2869;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: -0.03px;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .txt-label .btn-link,
.wrap-choice-pay .list-form__radio .list-form__unit label .txt-label .list-from__top-link {
    justify-self: flex-end;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .txt-label .btn-link a {
    padding: 0 8px;
    border-color: #abb2be;
    color: #3d444f;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .txt-label .list-form__top-link {
    display: none;
    justify-self: flex-end;
}
.wrap-choice-pay .list-form__radio .list-form__unit label input[type=text] {
    padding-left: 12px;
    font-size: 14px;
}
.wrap-choice-pay .list-form__radio .list-form__unit label input[type=text]::-webkit-input-placeholder {
    font-size: 14px;
}
.wrap-choice-pay .list-form__radio .list-form__unit label input[type=text]::-moz-placeholder {
    font-size: 14px;
}
.wrap-choice-pay .list-form__radio .list-form__unit label input[type=text]:-ms-input-placeholder {
    font-size: 14px;
}
.wrap-choice-pay .list-form__radio .list-form__unit label input[type=text]::-ms-input-placeholder {
    font-size: 14px;
}
.wrap-choice-pay .list-form__radio .list-form__unit label input[type=text]::placeholder {
    font-size: 14px;
}
.wrap-choice-pay .list-form__radio .list-form__unit label input[type=text] + .form__select--info {
    margin-top: 8px;
}
.wrap-choice-pay .list-form__radio .list-form__unit label input:checked + .txt-label {
    padding-top: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
    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);
}
.wrap-choice-pay .list-form__radio .list-form__unit label input:checked + .txt-label::before {
    border-width: 6px;
    border-color: #1b1e23;
}
.wrap-choice-pay .list-form__radio .list-form__unit label input:checked + .txt-label .txt-label__tit {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-weight: 700;
    color: #1b1e23;
    line-height: 24px;
}
.wrap-choice-pay .list-form__radio .list-form__unit label input:checked + .txt-label .list-form__top-link {
    display: block;
}
.wrap-choice-pay .list-form__radio .list-form__unit label input:checked + .txt-label .btn-link {
    display: none;
}
.wrap-choice-pay .list-form__radio .list-form__unit label input:checked + .txt-label + .list-form__content {
    display: block;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .list-form__content {
    display: none;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .list-form__content .list-form__group .payment-method__info {
    border-radius: 4px;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .list-form__content .list-form__group .payment-method__info .payment-method__info-tit::before {
    display: none;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .list-form__content .list-form__group .wrap-form__group .wrap-select,
.wrap-choice-pay .list-form__radio .list-form__unit label .list-form__content .list-form__group .wrap-form__group select {
    width: 100%;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .list-form__content .swiper-slide-active .list-form__group .payment-method__info {
    background-color: #1b1e23;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .list-form__content .swiper-slide-active .list-form__group .payment-method__info .payment-method__info-tit {
    color: #fff;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .list-form__content .swiper-slide-active .list-form__group .payment-method__info .payment-method__info-tit::before {
    display: block;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}
.wrap-choice-pay .list-form__radio .list-form__unit label .list-form__content .swiper-slide-active .list-form__group .payment-method__info .payment-method__info-detail {
    color: #abb2be;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .list-form__content .btn-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .swiper-payment {
    overflow: hidden;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .swiper-payment .swiper-pagination {
    bottom: auto;
    margin-top: 16px;
}
.wrap-choice-pay .list-form__radio .list-form__unit label .swiper-payment + .btn-link {
    margin-top: 20px;
}
.wrap-choice-pay .list-form__radio .list-form__unit .wrap-form__radio.tab-content {
    display: none;
}
.wrap-choice-pay .list-form__radio .list-form__unit .wrap-form__radio.tab-content.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.wrap-choice-pay .list-form__radio .list-form__unit .list-form__top-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    top: auto;
    right: auto;
}
.wrap-choice-pay .list-form__radio .list-form__unit .list-form__top-link button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #788497;
    font-weight: 700;
    text-decoration: underline;
    letter-spacing: -0.33px;
}
.wrap-choice-pay .list-form__radio .list-form__unit .list-form__top-link button::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_tooltip.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-choice-pay .list-form__radio .list-form__unit .list-form__top-link + .wrap-form__group {
    margin-top: 16px;
}
.wrap-choice-pay .list-form__radio .list-form__unit.type-alone label input:checked + .txt-label {
    padding-top: 20px;
    padding-bottom: 20px;
}
.wrap-choice-pay .list-form__radio .list-form__group {
    display: grid;
    gap: 16px;
}
.wrap-choice-pay .list-form__radio .list-form__group.size-1 {
    grid-template-columns: 1fr 196px;
}
.wrap-choice-pay .list-form__radio .list-form__group.size-2 {
    grid-template-columns: repeat(2, 1fr);
}
.wrap-choice-pay .list-form__radio .list-form__group .payment-method__info {
    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;
    height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    background-color: #f5f7fa;
    font-size: 14px;
    letter-spacing: -0.32px;
}
.wrap-choice-pay .list-form__radio .list-form__group .payment-method__info .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-weight: 700;
    color: #1b1e23;
}
.wrap-choice-pay .list-form__radio .list-form__group .payment-method__info .payment-method__info-tit::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_check_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-choice-pay .list-form__radio .list-form__group .payment-method__info .payment-method__info-tit + .payment-method__info-detail {
    margin-left: 32px;
}
.wrap-choice-pay .list-form__radio .list-form__group .payment-method__info .payment-method__info-detail {
    position: relative;
    margin-right: auto;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #5c6677;
}
.wrap-choice-pay .list-form__radio .list-form__group .payment-method__info .payment-method__info-detail::before {
    display: block;
    position: absolute;
    top: 50%;
    left: -16px;
    width: 1px;
    height: 16px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #ccd1d8;
    content: "";
}
.wrap-choice-pay .list-form__radio .list-form__group .payment-method__info .btn-change-payment a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    font-size: 13px;
    font-weight: 700;
    color: #5c6677;
    letter-spacing: -0.33px;
}
.wrap-choice-pay .list-form__radio .list-form__group .payment-method__info .btn-change-payment a::before {
    display: block;
    width: 16px;
    height: 17px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_cross_arrow_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-choice-pay .list-form__radio .list-form__group .wrap-form__group select {
    height: 42px;
    font-size: 14px;
    color: #1b1e23;
}
/* .wrap-choice-pay .list-form__radio .list-form__group .wrap-form__group select:required:invalid {
    font-weight: 400;
    color: #abb2be;
} */
.wrap-choice-pay .list-form__radio .list-form__group.type-line {
    position: relative;
    margin-top: 38px;
}
.wrap-choice-pay .list-form__radio .list-form__group.type-line::before {
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    width: 830px;
    height: 1px;
    margin-left: -413px;
    background-color: #dde0e5;
    content: "";
}
.wrap-choice-pay .list-form__radio .list-form__group.case-1 {
    margin-top: 16px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
}
.wrap-choice-pay .list-form__radio .tab-content {
    margin: 0 32px 32px;
}
.wrap-choice-pay .list-form__radio.type-round {
    padding: 32px 0 0;
    border: 1px solid #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);
}
.wrap-choice-pay .list-form__radio.type-round .list-form__content {
    margin-top: 0;
}
.wrap-choice-pay .list-form__radio.type-round .list-form__content .list-form__tit-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.wrap-choice-pay .list-form__radio.type-round .list-form__content .list-form__tit-wrap .list-form__tit {
    font-size: 16px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.4px;
}
.wrap-choice-pay .list-form__radio.type-round .list-form__content .list-form__tit-wrap + .wrap-form__group {
    margin-top: 12px;
}
.wrap-choice-pay .list-form__radio.type-round .list-easypayment + .list-form__group {
    margin-top: 16px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
}
.wrap-choice-pay .list-form__radio.type-hpoint .list-form__unit label input + .txt-label {
    padding: 15px 16px 15px 32px;
}
.wrap-choice-pay .list-form__radio.type-hpoint .list-form__unit label input + .txt-label::before {
    display: block;
    position: relative;
    top: 4px;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 0;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.wrap-choice-pay .list-form__radio.type-hpoint .list-form__unit label input + .txt-label.type-card::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_payment_card_1_off.svg);
}
.wrap-choice-pay .list-form__radio.type-hpoint .list-form__unit label input + .txt-label.type-account::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_payment_account_1_off.svg);
}
.wrap-choice-pay .list-form__radio.type-hpoint .list-form__unit label input:checked + .txt-label {
    padding-top: 32px;
    padding-right: 32px;
}
.wrap-choice-pay .list-form__radio.type-hpoint .list-form__unit label input:checked + .txt-label::before {
    top: 0;
}
.wrap-choice-pay .list-form__radio.type-hpoint .list-form__unit label input:checked + .txt-label.type-card::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_payment_card_1_on.svg);
}
.wrap-choice-pay .list-form__radio.type-hpoint .list-form__unit label input:checked + .txt-label.type-account::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_payment_account_1_on.svg);
}
.wrap-choice-pay .list-form__radio + .wrap-check, .wrap-choice-pay .list-form__radio + .list-info, .wrap-choice-pay .list-form__radio + .area-attention {
    margin-top: 24px;
}
.wrap-choice-pay .list-form__radio + .wrap-check + .area-attention, .wrap-choice-pay .list-form__radio + .list-info + .area-attention, .wrap-choice-pay .list-form__radio + .area-attention + .area-attention {
    margin-top: 26px;
}
.wrap-choice-pay .wrap-check.type-pad {
    margin-top: 24px;
}
.wrap-choice-pay .list-form__content {
    position: relative;
    padding-left: 32px;
    padding-right: 32px;
    margin-top: 52px;
    margin-bottom: 32px;
}
.wrap-choice-pay .list-form__content .list-form__top-link {
    position: absolute;
    top: -35px;
    right: 32px;
}
.wrap-choice-pay .list-form__content .list-form__top-link button {
    font-size: 13px;
    font-weight: 700;
    color: #788497;
    letter-spacing: -0.33px;
    line-height: 1.46;
    text-decoration: underline;
}
.wrap-choice-pay .wrap-form__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
}
.wrap-choice-pay .wrap-form__group.size-2 > * {
    width: calc((100% - 8px) / 2);
}
.wrap-choice-pay .wrap-form__group.size-2-1 {
    gap: 32px;
}
.wrap-choice-pay .wrap-form__group.size-2-1 > * {
    width: calc((100% - 32px) / 2);
}
.wrap-choice-pay .wrap-form__group .wrap-select select {
    width: 100%;
}
.wrap-choice-pay .wrap-form__group .wrap-select select + .form__select--info {
    margin-top: 8px;
}
.wrap-choice-pay .wrap-form__group .wrap-select.type-select-view select {
    display: block;
}
.wrap-choice-pay .wrap-form__group .wrap-select.type-select-view .wrap-add-dropdown {
    display: none;
}
.wrap-choice-pay .wrap-form__group .wrap-select.is-error select {
    border-color: #ea2829;
}
.wrap-choice-pay .wrap-form__group .wrap-add-dropdown + .form__select--info {
    margin-top: 8px;
}
.wrap-choice-pay .wrap-form__group .form__select--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;
    font-size: 13px;
    color: #1b1e23;
    letter-spacing: -0.33px;
}
.wrap-choice-pay .wrap-form__group .form__select--info .form__select--info-tit {
    font-size: 14px;
    color: #3d444f;
}
.wrap-choice-pay .wrap-form__group .form__select--info .txt-remain-time {
    color: #f4511e;
}
.wrap-choice-pay .wrap-form__group + .list-form__info {
    margin-top: 16px;
}
.wrap-choice-pay .list-form__benefit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    font-size: 13px;
    font-weight: 700;
    color: #5c6677;
    letter-spacing: -0.33px;
    line-height: 1.42;
}
.wrap-choice-pay .list-form__benefit .tag-benefit {
    display: block;
    padding: 0 4px;
    height: 20px;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    background-color: #fff;
    line-height: 20px;
    font-weight: 700;
    font-size: 12px;
    color: #5c6677;
}
.wrap-choice-pay .list-form__benefit + .list-info, .wrap-choice-pay .list-form__benefit + .list-form__benefit {
    margin-top: 13px;
}
.wrap-choice-pay .list-form__benefit + .list-info {
    margin-top: 13px;
}

.wrap-select select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: 32px;
    padding: 0 40px 0 12px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_10.svg) no-repeat right center;
    background-size: 32px;
    line-height: 32px;
}
.wrap-select select:disabled {
    background-color: #f9fafb;
    color: #abb2be;
}
.wrap-select select + .wrap-check.chk {
    margin-top: 12px;
}
/* .wrap-select select:required:invalid {
    font-weight: 400;
    color: #abb2be;
} */
.wrap-select.size-1 select {
    height: 40px;
    font-size: 14px;
}

/* 주문상품 */
.list-product__cart .product__item.product__item--row .wrap-product__info .product__brand-info + .product__brand-amount {
    margin-top: 4px;
}
.list-product__cart .product__item.product__item--row .wrap-product__info .product__brand-amount {
    font-size: 14px;
    color: #788497;
    letter-spacing: -0.35px;
}
.list-product__cart .product__item.product__item--row .wrap-product__info .product__brand-amount + .product__price {
    margin-top: 8px;
}
.list-product__cart .product__item.product__item--row .wrap-product__info .product__price + .product__coupon {
    margin-top: 10px;
}
.list-product__cart .product__item.product__item--row .wrap-product__info .product__coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    pointer-events: visible;
}
.list-product__cart .product__item.product__item--row .wrap-product__info .product__coupon .wrap-tooltip + .wrap-select {
    margin-left: 8px;
}
.list-product__cart .product__item.product__item--row .wrap-product__info .product__coupon .wrap-select.size-1 select {
    max-width: 250px;
    height: 32px;
    line-height: 26px;
}
.list-product__cart .product__item.product__item--cart .product__info .product__brand-info .type-highlight .txt-set {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(110deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
}

.box-gray-content {
    padding: 20px;
    border-radius: 8px;
    background-color: #f5f7fa;
    letter-spacing: -0.35px;
    line-height: 1.46;
}
.box-gray-content.type-alram {
    padding: 24px;
}
.box-gray-content.type-alram .gray-content__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.box-gray-content.type-alram .gray-content__tit::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_alram.svg) no-repeat;
    background-size: contain;
    content: "";
}
.box-gray-content.type-alram .gray-content__info,
.box-gray-content.type-alram .gray-content__exp {
    margin-left: 28px;
}
.box-gray-content .gray-content__tit {
    font-weight: 700;
    font-size: 14px;
    color: #1b1e23;
}
.box-gray-content .gray-content__tit + .gray-content__info {
    margin-top: 8px;
}
.box-gray-content .gray-content__info {
    font-size: 13px;
}
.box-gray-content .gray-content__info + .gray-content__exp {
    margin-top: 8px;
}
.box-gray-content .gray-content__exp {
    position: relative;
    padding-left: 12px;
    font-size: 13px;
    color: #5c6677;
}
.box-gray-content .gray-content__exp::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "※";
}

.wrap-gift .gift__tit {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #1b1e23;
}
.wrap-gift .gift__tit .gift__tit-num {
    color: #ea2869;
}
.wrap-gift .gift__tit + .list-gift {
    margin-top: 16px;
}

.list-gift {
    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: 32px;
    flex-wrap: wrap;
}
.list-gift.size-2 > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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: calc((100% - 32px) / 2);
    height: 102px;
    padding-left: 98px;
    padding-right: 20px;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: -0.35px;
    line-height: 1.42;
}
.list-gift.size-2 > li .list-gift__img {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 62px;
    height: 62px;
}
.list-gift.size-2 > li .list-gift__img img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.list-gift.size-2 > li .list-gift__img::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: #f5f7fa;
    content: "";
}
.list-gift.size-2 > li .list-gift__tit {
    color: #1b1e23;
    font-weight: 700;
}
.list-gift.size-2 > li .list-gift__tit + .list-gift__info {
    margin-top: 2px;
}
.list-gift.size-2 > li .list-gift__info {
    color: #5c6677;
}
.list-gift + .list-info {
    margin-top: 16px;
}
.list-gift + .list-info + .box-gray-content {
    margin-top: 32px;
}

.wrap-tooltip .btn-tooltip.btn-open-tooltip {
    width: auto;
    height: auto;
    padding-top: 0;
}
.wrap-tooltip .btn-tooltip.btn-open-tooltip.type-question::after {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.wrap-tooltip .btn-tooltip.type-question {
    text-decoration: none;
}
.wrap-tooltip .btn-tooltip.type-question::before {
    display: none;
}
.wrap-tooltip .btn-tooltip.type-question::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_question.svg) no-repeat;
    background-size: contain;
    content: "";
}

/* 할인적용 */
.discount-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px 32px;
}
.discount-content [name=tab-acc-order-2] {
    width: 100%;
}
.discount-content [name=tab-acc-order-2] .discount-content__tit + .wrap-form__group {
    margin-top: 12px;
}
.discount-content + .discount-content {
    margin-top: 32px;
}
.discount-content .wrap-form__radio {
    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;
    gap: 16px 32px;
}
.discount-content .wrap-form__radio label .txt-label {
    /* min-height: 52px; */
    height: auto;
}
.discount-content .wrap-form__radio > * {
    width: calc((100% - 32px) / 2);
}
.discount-content .list-info,
.discount-content .wrap-form__group {
    width: 100%;
}
.discount-content .list-info + .discount-content__line {
    margin-top: 32px;
}
.discount-content .discount-content__tit {
    font-size: 14px;
    color: #3d444f;
    letter-spacing: -0.35px;
}
.discount-content .discount-content__tit.type-necessary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
}
.discount-content .discount-content__tit.type-necessary::after {
    display: block;
    position: absolute;
    top: 2px;
    right: -7px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #ea2829;
    content: "";
}
.discount-content .discount-content__tit.type-necessary + .wrap-form__input {
    margin-top: 12px;
}
.discount-content .discount-content__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px 8px;
    width: calc((100% - 32px) / 2);
    padding: 20px;
    border: 1px solid #dde0e5;
    border-radius: 8px;
}
.discount-content .discount-content__line .discount-content__tit {
    width: 100%;
}
.discount-content .discount-content__line .wrap-form__input,
.discount-content .discount-content__line .wrap-select {
    width: calc(100% - 92px);
}
.discount-content .discount-content__line .wrap-form__input input,
.discount-content .discount-content__line .wrap-form__input select,
.discount-content .discount-content__line .wrap-select input,
.discount-content .discount-content__line .wrap-select select {
    width: 100%;
}
.discount-content .discount-content__line .wrap-form__input input:focus,
.discount-content .discount-content__line .wrap-form__input select:focus,
.discount-content .discount-content__line .wrap-select input:focus,
.discount-content .discount-content__line .wrap-select select:focus {
    border-color: #788497;
}
.discount-content .discount-content__line .wrap-form__input.is-error select,
.discount-content .discount-content__line .wrap-select.is-error select {
    border-color: #ea2829;
}
.discount-content .discount-content__line .wrap-form__input input {
    padding-left: 10px;
}
.discount-content .discount-content__line .wrap-form__input input:focus {
    border-color: #788497;
}
.discount-content .discount-content__line .wrap-form__input.is-error input:not(:disabled) {
    border-color: #ea2829;
}
.discount-content .discount-content__line .btn-square:not(.size-small) {
    width: 84px;
    padding: 0;
}
.discount-content .discount-content__line .wrap-form__radio {
    gap: 10px 20px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: auto;
    min-height: 52px;
}
.discount-content .discount-content__line .wrap-form__radio > * {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.discount-content .discount-content__line .wrap-form__radio label .txt-label {
    white-space: nowrap;
}
.discount-content .discount-content__line .wrap-form__radio label .txt-label span {
    margin-right: -8px;
    margin-left: -8px;
}

.wrap-discount-content {
    padding-top: 40px;
}
.wrap-discount-content .discount-content__unit {
    width: calc((100% - 32px) / 2);
}
.wrap-discount-content .discount-content__unit .wrap-tooltip + .wrap-select {
    margin-top: 12px;
}
.wrap-discount-content .discount-content__unit .wrap-select select {
    width: 100%;
}
.wrap-discount-content .discount-content__unit .wrap-select select:focus {
    border-color: #788497;
}
.wrap-discount-content .discount-content__unit .wrap-select.is-error select {
    border-color: #ea2829;
}
.wrap-discount-content .discount-content__head {
    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%;
}
.wrap-discount-content .discount-content__head.type-line {
    margin-top: 3px;
    padding-top: 15px;
    border-top: 1px dotted #dde0e5;
}
.wrap-discount-content .discount-content__link {
    justify-self: flex-end;
    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;
    gap: 3px;
    font-size: 13px;
    color: #5c6677;
    letter-spacing: -0.33px;
    line-height: 1.46;
}
.wrap-discount-content .discount-content__link span {
    font-weight: 700;
}
.wrap-discount-content .discount-content__link .btn-square {
    margin-left: 8px;
}
.wrap-discount-content .discount-content__point {
    font-weight: 700;
    font-size: 14px;
    color: #1b1e23;
    letter-spacing: -0.35px;
}
.wrap-discount-content .discount-content__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #788497;
}
.wrap-discount-content .discount-content__info::before {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_tooltip.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-discount-content .discount-content__info.type-1 {
    font-size: 12px;
    color: #5c6677;
}
.wrap-discount-content .discount-content__info.type-1::before {
    display: none;
}
.wrap-discount-content.type-1 .discount-content {
    gap: 24px 32px;
}
.wrap-discount-content.type-1 .discount-content .discount-content__tit {
    width: auto;
    word-break: keep-all;
    /* white-space: nowrap; */
}
.wrap-discount-content.type-1 .discount-content .discount-content__link {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.link-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
}
.link-arrow:link, .link-arrow:visited {
    color: #5c6677;
}
.link-arrow span {
    font-weight: 700;
}
.link-arrow:visited {
    color: #5c6677;
}
.link-arrow::after {
    display: block;
    width: 12px;
    height: 12px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_3.svg) no-repeat;
    background-size: contain;
    content: "";
}
.link-arrow.type-1 {
    gap: 4px;
}
.link-arrow.type-1::after {
    opacity: 0.8;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}

.wrap-check.chk {
    width: 100%;
}
.wrap-check.chk input:is([type=checkbox], [type=radio]) {
    position: absolute;
}
.wrap-check.chk input:is([type=checkbox], [type=radio]) + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7px;
    font-size: 14px;
    color: #788497;
    letter-spacing: -0.35px;
    line-height: 20px;
}
.wrap-check.chk input:is([type=checkbox], [type=radio]) + label::before {
    display: block;
    overflow: hidden;
    opacity: 0.2;
    width: 20px;
    height: 20px;
    margin: 0;
    border-radius: 2px;
    border: 1px solid #5c6677;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_check_1.svg) no-repeat;
    background-size: contain;
}
.wrap-check.chk input:is([type=checkbox], [type=radio]):checked + label {
    font-weight: 700;
    color: #1b1e23;
}
.wrap-check.chk input:is([type=checkbox], [type=radio]):checked + label::before {
    opacity: 1;
    background-color: #1b1e23;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_check_4.svg);
    border-color: #1b1e23;
}
.wrap-check.chk + .cash-receipts {
    margin-top: 16px;
}

.cash-receipts .wrap-check label + .cash-receipts__round {
    display: block;
    margin-top: 16px;
}
.cash-receipts .wrap-check label + .cash-receipts__round input {
    border-radius: 4px !important;
    background-color: #f5f7fa;
    pointer-events: none;
}
.cash-receipts .wrap-check input[type=checkbox]:checked + label + .cash-receipts__round input {
    background-color: #fff;
    pointer-events: all;
}
.cash-receipts .cash-receipts__round {
    padding: 20px;
    border: 1px solid #dde0e5;
    border-radius: 8px;
}
.cash-receipts .cash-receipts__round .tit-info {
    font-size: 14px;
    color: #3d444f;
    letter-spacing: -0.35px;
}
.cash-receipts .cash-receipts__round .tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.cash-receipts .cash-receipts__round .tel input:is([type=text]) {
    float: none;
    margin-left: 0;
    width: 112px;
    height: 40px;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    line-height: 38px;
}
.cash-receipts .cash-receipts__round .tel + .list-info {
    margin-top: 12px;
}
.cash-receipts .cash-receipts__round .list-info > li {
    font-size: 13px;
    letter-spacing: -0.333px;
    color: #788497;
}
.cash-receipts .cash-receipts__round .list-info > li + li {
    margin-top: 8px;
}
.cash-receipts + .area-attention {
    margin-top: 24px;
}

/* S: 2023-09-19 신용카드 추가*/
.list-credit {
    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;
    gap: 16px 20px;
    padding-bottom: 19px;
}
.list-credit .list-credit__unit {
    position: relative;
    width: calc((100% - 60px) / 4);
}
.list-credit .list-credit__unit label {
    position: relative;
    display:block;
    width: 100%;
    height: 85px;
}
.list-credit .list-credit__unit label input {
    position: absolute;
}
.wrap-choice-pay .list-form__radio .list-form__unit .list-credit label .txt-label {
    display: block;
    gap: 12px;
    position: relative;
    height: 85px;
    padding: 16px 12px 12px !important;
    border: 1px solid #dde0e5;
    border-radius: 8px;
    -webkit-transition: all 0.05s linear;
    transition: all 0.05s linear;
    font-size: 13px;
    color: #788497;
    letter-spacing: -0.33px;
    text-align:center;
    font-weight:700;
}
.wrap-choice-pay .list-form__radio .list-form__unit .list-credit label .txt-label::before {
    display:none;
}
.list-credit .list-credit__unit label input + .txt-label img {
    height: 32px;
}
.list-credit .list-credit__unit label input + .txt-label em {
    display:block;
    margin-top:5px;
}
.wrap-choice-pay .list-form__radio .list-form__unit .list-credit label input: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);
    color: #1B1E23;
}
.list-credit .list-credit__unit label .tag-credit {
    display: block;
    position: absolute;
    top: -9px;
    left: 8px;
    padding: 0 4px;
    border-radius: 4px;
    background-color: #ea2869;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.3px;
    line-height: 18px;
}
.orderSettCardList_001_2.wrap-choice-pay .wrap-form__group .wrap-select {
    width:100%;
}
/* E: 2023-09-19 신용카드 추가*/

/*간편결제*/
.list-easypayment {
    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;
    gap: 16px 20px;
    padding: 0 32px 32px;
}
.list-easypayment .list-easypayment__unit {
    position: relative;
    width: calc((100% - 60px) / 4);
}
.list-easypayment .list-easypayment__unit label {
    position: relative;
    width: 100%;
    height: 56px;
}
.list-easypayment .list-easypayment__unit label input {
    position: absolute;
}
.list-easypayment .list-easypayment__unit label input + .txt-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    position: relative;
    height: 56px;
    padding: 0 12px;
    border: 1px solid #dde0e5;
    border-radius: 8px;
    -webkit-transition: all 0.05s linear;
    transition: all 0.05s linear;
    font-size: 13px;
    color: #788497;
    letter-spacing: -0.33px;
}
.list-easypayment .list-easypayment__unit label input: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);
}
.list-easypayment .list-easypayment__unit label .tag-easypament {
    display: block;
    position: absolute;
    top: -9px;
    right: 8px; /*2023-10-10 수정*/
    padding: 0 4px;
    border-radius: 4px;
    background-color: #ea2869;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.3px;
    line-height: 18px;
}
.list-easypayment .list-easypayment__unit label .tag-easypament.color-purple {
    background-color: #a33ff2;
}/*2023-10-10 추가*/

/* popup */
.download-coupon .area-scroll {
    padding-bottom: 30px;
}
.download-coupon .area-scroll .terms_style,
.download-coupon .area-scroll .terms_area {
    color: #1b1e23;
    line-height: 1.5;
}
.download-coupon .area-scroll .terms_area + .terms_style {
    margin-top: 10px;
}
.download-coupon .area-scroll .terms_style li + li,
.download-coupon .area-scroll .terms_area .terms_list li + li {
    margin-top: 5px;
}
.download-coupon.type-reserve .discount-content__head {
    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-left: 0;
    margin-right: 0;
    font-size: 14px;
    letter-spacing: -0.35px;
}
.download-coupon.type-reserve .discount-content__head + .list-coupon {
    margin-top: 12px;
}
.download-coupon.type-reserve .discount-content__info {
    color: #1b1e23;
}
.download-coupon.type-reserve .discount-content__point {
    color: #788497;
}
.download-coupon.type-reserve .list-coupon > li {
    padding: 20px;
    font-size: 13px;
    letter-spacing: -0.33px;
}
.download-coupon.type-reserve .list-coupon.type-radio > li, .download-coupon.type-reserve .list-coupon.type-checkbox > li {
    padding: 0;
    border: none;
}
/* .download-coupon.type-reserve .list-coupon.type-radio > li + li, .download-coupon.type-reserve .list-coupon.type-checkbox > li + li {
    margin-top: 16px;
} */
.download-coupon.type-reserve .coupon__tit {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.4px;
}
.download-coupon.type-reserve .coupon__tit + .coupon__info {
    margin-top: 4px;
}
.download-coupon.type-reserve .coupon__info {
    color: #3d444f;
}
.download-coupon.type-reserve .coupon__info + .coupon__use {
    margin-top: 14px;
}
.download-coupon.type-reserve .coupon__use {
    color: #5c6677;
}
.download-coupon.type-reserve + .wrap-btn {
    margin-top: 82px;
}
.download-coupon.type-reserve .wrap-reserve-info + .list-coupon {
    margin-top: 12px;
}
.download-coupon + .discount-content__head {
    margin-top: 16px;
}
.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: "";
}
.download-coupon.no-scroll::before {
    display: none;
}

.agree-terms {
    border: 1px solid #dde0e5;
    border-radius: 8px;
}
.agree-terms .wrap-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 50px;
    padding: 0 20px;
    gap: 8px;
}
.agree-terms .wrap-check input + label {
    font-size: 14px;
    color: #1b1e23;
    font-weight: 700;
    letter-spacing: -0.35px;
}
.agree-terms .wrap-agree-terms {
    height: 184px;
    padding: 20px 12px;
    border-top: 1px solid #dde0e5;
}
.agree-terms .wrap-agree-terms .tit-info {
    font-size: 14px;
    color: #5c6677;
    font-weight: 700;
    letter-spacing: -0.35px;
}
.agree-terms .wrap-agree-terms .tit-info + .txt-info {
    margin-top: 8px;
}
.agree-terms .wrap-agree-terms .txt-info {
    font-size: 13px;
    letter-spacing: -0.33px;
    line-height: 1.42;
    color: #5c6677;
}
.agree-terms .wrap-agree-terms .agree-terms__scroll {
    overflow-y: auto;
    height: 100%;
    padding: 0 8px;
}
.agree-terms .wrap-agree-terms .agree-terms__scroll::-webkit-scrollbar {
    width: 4px;
}
.agree-terms .wrap-agree-terms .agree-terms__scroll::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.agree-terms .wrap-agree-terms .agree-terms__scroll::-webkit-scrollbar-track {
    background-color: #fff;
}
.agree-terms.type-1 .wrap-agree-terms {
    height: 130px;
}
.agree-terms + .list-form {
    margin-top: 32px;
}
.agree-terms + .agree-terms {
    margin-top: 16px;
}

.box-confirm-layer.size-1 {
    width: 412px;
}
.box-confirm-layer.type-1 {
    padding-bottom: 40px;
}
.box-confirm-layer .wrap-layer-info {
    padding: 40px 32px 0;
}
.box-confirm-layer .wrap-layer-info .tit-cont {
    font-weight: 700;
    font-size: 20px;
    color: #1b1e23;
    letter-spacing: -0.5px;
    line-height: 1.42;
    text-align: center;
}
.box-confirm-layer .wrap-layer-info .tit-cont + .box-gray-content {
    margin-top: 24px;
}
.box-confirm-layer .wrap-layer-info .tit-cont + .txt-cont.type-2 {
    margin-top: 8px;
}
.box-confirm-layer .wrap-layer-info .link-cont + .box-gray-content,
.box-confirm-layer .wrap-layer-info .tit-cont + .list-report {
    margin-top: 24px;
}
.box-confirm-layer .wrap-layer-info .box-gray-content {
    padding: 20px 24px;
}
.box-confirm-layer .wrap-layer-info .box-gray-content .content__unit {
    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: 16px;
    letter-spacing: -0.4px;
    color: #1b1e23;
    text-align: right;
}
.box-confirm-layer .wrap-layer-info .box-gray-content .content__unit .content__tit {
    font-weight: 400;
    color: #5c6677;
    text-align: left;
}
.box-confirm-layer .wrap-layer-info .box-gray-content .content__unit + .content__unit {
    margin-top: 12px;
}
.box-confirm-layer .wrap-layer-info .box-gray-content + .list-btn-column, .box-confirm-layer .wrap-layer-info .box-gray-content + .txt-cont {
    margin-top: 24px;
}
.box-confirm-layer .wrap-layer-info .box-gray-content + .list-btn {
    margin-top: 32px;
}
.box-confirm-layer .wrap-layer-info .box-gray-content.type-1 .content__unit {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-weight: 700;
    text-align: left;
}
.box-confirm-layer .wrap-layer-info .box-gray-content.type-1 .content__unit .content__tit {
    width: 82px;
}
.box-confirm-layer .wrap-layer-info .box-gray-content .box-gray__tit {
    font-size: 16px;
    font-weight: 700;
    color: #3d444f;
    letter-spacing: -0.4px;
}
.box-confirm-layer .wrap-layer-info .box-gray-content .box-gray__tit + .content__unit {
    margin-top: 12px;
}
.box-confirm-layer .wrap-layer-info .box-gray-content .box-gray__tit + .list-info {
    margin-top: 8px;
}
.box-confirm-layer .wrap-layer-info .box-gray-content .box-gray__tit.type-1 {
    font-size: 14px;
    color: #5c6677;
}
.box-confirm-layer .wrap-layer-info .box-gray-content + .img-cont {
    margin-top: 24px;
}
.box-confirm-layer .wrap-layer-info .txt-cont.type-1 {
    height: auto;
    font-size: 16px;
}
.box-confirm-layer .wrap-layer-info .txt-cont.type-1 + .box-gray-content {
    margin-top: 32px;
}
.box-confirm-layer .wrap-layer-info .txt-cont.type-1 + .txt-cont {
    margin-top: 8px;
}
.box-confirm-layer .wrap-layer-info .txt-cont + .area-attention {
    margin-top: 32px;
}
.box-confirm-layer .wrap-layer-info .txt-cont.type-2 {
    height: auto;
    font-weight: 400;
    font-size: 14px;
    color: #5c6677;
    letter-spacing: -0.35px;
}
.box-confirm-layer .wrap-layer-info .txt-cont.type-2 + .link-cont {
    margin-top: 40px;
}
.box-confirm-layer .wrap-layer-info .txt-cont.type-2 + .box-gray-content {
    margin-top: 24px;
}
.box-confirm-layer .wrap-layer-info .txt-cont .txt-cont-num {
    color: #ea2869;
}
.box-confirm-layer .wrap-layer-info .txt-cont + .img-cont {
    margin-top: 24px;
}
.box-confirm-layer .wrap-layer-info .img-cont img {
    width: 100%;
}
.box-confirm-layer .wrap-layer-info .img-cont + .txt-cont.type-1 {
    margin-top: 16px;
}
.box-confirm-layer .wrap-layer-info .list-btn-column.type-1 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.box-confirm-layer .wrap-layer-info .list-btn-column.type-1 > li {
    width: 254px;
}
.box-confirm-layer .wrap-layer-info .area-attention + .wrap-check.type-line {
    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;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #dde0e5;
    text-align: center;
}
.box-confirm-layer .wrap-layer-info .link-cont + .img-cont {
    margin-top: 24px;
}
.box-confirm-layer .wrap-layer-info + .list-btn {
    margin-top: 40px;
}

.layer-dim .list-info > li {
    font-weight: 400;
    text-align: left;
    color: #788497;
}
.layer-dim .list-info > li a {
    color: #788497;
}
.layer-dim .wrap-tooltip .wrap-tooltip__content {
    position: absolute;
    top: 35px;
    left: -290px;
}

.checkbox input[type=checkbox] + label::before {
    overflow: hidden;
    border-radius: 2px;
    isolation: isolate;
}

/* select box */
.wrap-select.is-setted select,
.wrap-form__select.is-setted select {
    display: none;
}
.wrap-select.is-setted select:focus + .wrap-add-dropdown .btn-dropdown,
.wrap-form__select.is-setted select:focus + .wrap-add-dropdown .btn-dropdown {
    border-color: #788497;
}
.wrap-select.is-setted .wrap-add-dropdown,
.wrap-form__select.is-setted .wrap-add-dropdown {
    position: relative;
}
.wrap-select.is-setted .wrap-add-dropdown .fake-dropdown,
.wrap-select.is-setted .wrap-add-dropdown .btn-dropdown,
.wrap-form__select.is-setted .wrap-add-dropdown .fake-dropdown,
.wrap-form__select.is-setted .wrap-add-dropdown .btn-dropdown {
    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%;
    color: #abb2be;
}
.wrap-select.is-setted .wrap-add-dropdown .fake-dropdown.active,
.wrap-select.is-setted .wrap-add-dropdown .btn-dropdown.active,
.wrap-form__select.is-setted .wrap-add-dropdown .fake-dropdown.active,
.wrap-form__select.is-setted .wrap-add-dropdown .btn-dropdown.active {
    color: #1b1e23;
    font-weight: 600;
}
.wrap-select.is-setted .wrap-add-dropdown .fake-dropdown,
.wrap-form__select.is-setted .wrap-add-dropdown .fake-dropdown {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}
.wrap-select.is-setted .wrap-add-dropdown[data-disabled=disabled] .btn-dropdown,
.wrap-form__select.is-setted .wrap-add-dropdown[data-disabled=disabled] .btn-dropdown {
    background-color: #f9fafb;
    color: #bababa;
    pointer-events: none;
}
.wrap-select.is-setted .wrap-add-dropdown[data-disabled=disabled] .btn-dropdown::before,
.wrap-form__select.is-setted .wrap-add-dropdown[data-disabled=disabled] .btn-dropdown::before {
    opacity: 0.2;
}

.wrap-pos-add-dropdown {
    position: fixed;
    z-index: 1200;
}
.wrap-pos-add-dropdown.direct-up .wrap-list-dropdown {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.wrap-list-dropdown {
    display: none;
    overflow: hidden;
    position: relative;
    z-index: 100;
    width: 100%;
    padding: 0 8px 0 4px;
    border: 1px solid #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);
    border-radius: 8px;
    background-color: #fff;
}
.wrap-list-dropdown.is-active {
    display: block;
}
.wrap-list-dropdown.direct-up {
    top: auto;
    bottom: 45px;
}

.list-dropdown {
    overflow-y: auto;
    overflow-x: hidden; /* 20231227 */
    max-height: 200px;
    margin: 12px 0;
    padding: 0;
}
.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: 30px;
    width: 100%;
    padding-left: 12px;
    padding-right: 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;
}
.list-dropdown > li button:hover {
    background-color: #f5f7fa;
    color: #1b1e23;
    font-weight: 700;
}
.list-dropdown > li button[data-disabled] {
    color: #abb2be;
    pointer-events: none;
}
.list-dropdown > li.is-selected button {
    background-color: #f5f7fa;
    color: #1b1e23;
    font-weight: 700;
}
.list-dropdown::-webkit-scrollbar {
    width: 4px;
}
.list-dropdown::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.list-dropdown::-webkit-scrollbar-track {
    background-color: #fff;
}

.wrap-select.is-setted .wrap-add-dropdown .fake-dropdown,
.wrap-select.is-setted .wrap-add-dropdown .btn-dropdown {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    height: 40px;
    padding: 0 40px 0 12px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
    white-space: nowrap;
    text-align: left;
}
.wrap-select.is-setted .wrap-add-dropdown .fake-dropdown::before,
.wrap-select.is-setted .wrap-add-dropdown .btn-dropdown::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_10.svg) no-repeat right center;
    background-size: contain;
    content: "";
}
.wrap-select.is-setted .wrap-add-dropdown .fake-dropdown {
    opacity: 0;
    pointer-events: none;
}
.wrap-select.is-setted .wrap-add-dropdown .btn-dropdown {
    position: absolute;
    top: 0;
    left: 0;
}
.wrap-select.is-setted .wrap-add-dropdown.active .btn-dropdown::before {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.wrap-select.is-setted .wrap-add-dropdown + .wrap-check.chk {
    margin-top: 12px;
}

.product__coupon .wrap-select.size-1.is-setted .wrap-add-dropdown .btn-dropdown {
    height: 32px;
}

.wrap-form__select.is-setted .wrap-add-dropdown .btn-dropdown {
    position: relative;
    height: 48px;
    padding: 0 40px 0 0;
    border-bottom: 1px solid #dde0e5;
    background-size: 32px;
    font-size: 16px;
    color: #abb2be;
}
.wrap-form__select.is-setted .wrap-add-dropdown .btn-dropdown::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_10.svg) no-repeat right center;
    background-size: contain;
    content: "";
}
.wrap-form__select.is-setted .wrap-add-dropdown .btn-dropdown[data-disabled] {
    color: #abb2be;
    pointer-events: none;
}
.wrap-form__select.is-setted .wrap-add-dropdown .btn-dropdown:focus {
    border-color: #788497;
}
.wrap-form__select.is-setted .wrap-add-dropdown.active .btn-dropdown {
    border-bottom-color: #1b1e23;
}
.wrap-form__select.is-setted .wrap-add-dropdown.active .btn-dropdown::before {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
.wrap-form__select.is-setted .wrap-add-dropdown[data-disabled=disabled] .btn-dropdown {
    background-color: #fff;
}
.wrap-form__select.is-error .wrap-add-dropdown .btn-dropdown {
    border-bottom-color: #f4511e;
}

.payment-method-dim .list-choice-pay,
.payment-method-dim .tab-content {
    position: relative;
    pointer-events: none;
}
.payment-method-dim .list-choice-pay::before,
.payment-method-dim .tab-content::before {
    display: block;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(27, 30, 35, 0.3);
    content: "";
}
.payment-method-dim .list-choice-pay::before {
    height: calc(100% + 20px);
}
.payment-method-dim .tab-content::before {
    height: calc(100% + 45px);
}

.checkbox.new input[type=checkbox]:focus + label::before {
    border-color: #788497;
}
.list-form__group + .wrap-check.chk {
    margin-top: 24px;
}
.list-terms.terms_chk.case-1 {
    margin-top: 24px;
    margin-bottom: 24px;
    height: 48px;
    font-size: 16px;
}
.list-terms.terms_chk.case-1 .chk label .ck_arrow {
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
}
.list-terms.terms_chk.case-1 .chk label input:checked + .txt-label {
    font-size: 14px;
}
.list-terms.terms_chk.case-1 .chk label input:checked + .txt-label + .ck_arrow {
    color: #fff;
}   


/* 2023 개선 mypage */
/* main top--list */
.container {
    width: auto;
}
.container.type-short {
    width: 1080px;
}

.breadcrumb {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

.area-mypage {
    overflow: hidden;
    position: relative;
    padding-top: 40px;
}
.area-mypage::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 346px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe6ee), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, #ffe6ee 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
}

.wrap-mypage {
    position: relative;
    z-index: 1;
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
}

.wrap-my-hddfs {
    display: grid;
    gap: 8px;
    grid-template-columns: 432px 1fr 1fr;
    grid-template-rows: minmax(96px, auto) minmax(120px, auto);
}
.wrap-my-hddfs .btn-edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #1b1e23;
    line-height: 1.5;
}
.wrap-my-hddfs .btn-edit::after {
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_edit_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-mypage .wrap-my-menu {
    margin-top: 25px;
}/*2024-07-11 회원가입 개선 수정*/

.my-grade,
.my-present,
.my-passport,
.my-departure {
    position: relative;
    padding: 20px 24px;
    border-radius: 12px;
    background-color: #fff;
    -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);
}

.my-grade {
    grid-row: 1/3;
}
.my-grade .my-grade__name {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; *//*2024-05-29 예상등급 관련 수정*//*2024-06-21 ai 상품추천 수정*/
    /*gap: 2px;*//*2024-05-29 예상등급 관련 수정*/
    position: relative;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #1b1e23;
    line-height: 1.5;/*2024-06-21 ai 상품추천 수정*/
    font-weight: 700;/*2024-05-29 예상등급 관련 수정*/
    word-break:break-all;/*2024-06-21 ai 상품추천 수정*/
}
.my-grade .my-grade__name .txt-highlight {
    font-weight: 700;
    font-size: 18px;/*2024-05-29 예상등급 관련 수정 22*/
    letter-spacing: -0.55px;
}
/*S: 2024-05-29 예상등급 관련 수정 클래스 상속 변경*/
.my-grade .my-grade__alram {
    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;
    gap: 8px;
    position: absolute;
    left: 16px;/* 2024-05-29 예상등급 관련 수정 -6*/
    top: -24px;/* 2024-05-29 예상등급 관련 수정 -46*/
    height: 30px;
    padding: 0 17px;
    border-radius: 29px;
    background-image: linear-gradient(101deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
}
.my-grade .my-grade__alram a {
    display: none;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    max-width: 340px;
    height: 30px;
    padding-left: 24px;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    letter-spacing: -0.3px;
    line-height: 30px;
    white-space: nowrap;
}
.my-grade .my-grade__alram a::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_alram_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.my-grade .my-grade__alram a.is-active {
    display: block;
}
.my-grade .my-grade__alram::before {
    display: block;
    position: absolute;
    bottom: -6px;
    left: 7px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #ea2829;
    content: "";
}
/*E: 2024-05-29 예상등급 관련 수정 클래스 상속 변경*/
/* .my-grade .my-grade__name .btn-my-edit {
    display: block;
    overflow: hidden;
    position: relative;
    width: 32px;
    height: 0;
    padding-top: 32px;
    margin-left: 8px;
    border-radius: 32px;
    background-color: #5c6677;
}
.my-grade .my-grade__name .btn-my-edit::before {
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_edit_1.svg) no-repeat;
    background-size: contain;
    content: "";
} *//*2024-05-29 예상등급 관련 삭제*/
.my-grade .my-grade__name .btn-my-edit {
    display: inline-block;/*2024-06-21 ai 상품추천 수정*/
    overflow: hidden;
    position: relative;
    width: 16px;
    height: 0;
    padding-top: 16px;
    margin-left: 8px;
    text-indent: -9999px;
    flex-shrink:0;
    vertical-align:middle;/*2024-06-21 ai 상품추천 수정*/
} /*2024-05-29 예상등급 관련추가*/
.my-grade .my-grade__name .btn-my-edit::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_edit_2.svg) no-repeat;
    background-size: contain;
    content: "";
} /*2024-05-29 예상등급 관련추가*/
.my-grade .my-grade__name + .my-grade__info {
    margin-top: 18px;
}
.my-grade .my-grade__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: 24px 10px;
    border-radius: 8px;
    background-color: #f9fafb;
}
.my-grade .my-grade__info .my-grade__online,
.my-grade .my-grade__info .my-grade__offine,
.my-grade .my-grade__info .my-grade__club {
    width: 100%;
    position: relative;
}
.my-grade .my-grade__info .my-grade__online a,
.my-grade .my-grade__info .my-grade__offine a,
.my-grade .my-grade__info .my-grade__club 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;
    position: relative;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #5c6677;
    text-align: center;
}
.my-grade .my-grade__info .my-grade__online a::before,
.my-grade .my-grade__info .my-grade__offine a::before,
.my-grade .my-grade__info .my-grade__club a::before {
    display: block;
    overflow: hidden;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    margin-bottom: 4px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.my-grade .my-grade__info .my-grade__online a .my-grade__txt,
.my-grade .my-grade__info .my-grade__offine a .my-grade__txt,
.my-grade .my-grade__info .my-grade__club a .my-grade__txt {
    font-weight: 700;
    font-size: 13px;
    color: #1b1e23;
}
.my-grade .my-grade__info .my-grade__online {
    /* level 정의 필요 */
}
.my-grade .my-grade__info .my-grade__online.lv_on_up001 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_on_up001.png);
}
.my-grade .my-grade__info .my-grade__online.lv_on_up002 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_on_up002.png);
}
.my-grade .my-grade__info .my-grade__online.lv_on_up003 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_on_up003.png);
}
.my-grade .my-grade__info .my-grade__online.lv_on_up004 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_on_up004.png);
}
.my-grade .my-grade__info .my-grade__online.lv_on_up005 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_on_up005.png);
}
.my-grade .my-grade__info .my-grade__online.lv_on_up006 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_on_up006.png);
}
.my-grade .my-grade__info .my-grade__online.lv_on_up007 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_on_up007.png);
}
.my-grade .my-grade__info .my-grade__online.lv_on_up008 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_on_up008.png);
}
.my-grade .my-grade__info .my-grade__offine.lv_off_up001 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up001.png);
}
.my-grade .my-grade__info .my-grade__offine.lv_off_up002 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up002.png);
}
.my-grade .my-grade__info .my-grade__offine.lv_off_up003 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up003.png);
}
.my-grade .my-grade__info .my-grade__offine.lv_off_up004 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up004.png);
}
.my-grade .my-grade__info .my-grade__offine.lv_off_up005 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up005.png);
}
.my-grade .my-grade__info .my-grade__offine.lv_off_up006 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up006.png);
}
.my-grade .my-grade__info .my-grade__offine.lv_off_up007 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up007.png);
}
.my-grade .my-grade__info .my-grade__offine.lv_off_up008 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up008.png);
}
.my-grade .my-grade__info .my-grade__offine.lv_off_up009 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up009.png);
}
.my-grade .my-grade__info .my-grade__offine.lv_off_up010 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up010.png);
}
.my-grade .my-grade__info .my-grade__offine.lv_off_up011 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/mypage/lv_off_up011.png);
}
.my-grade .my-grade__info .my-grade__offine.lv_off_up012 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up012.png);
}
.my-grade .my-grade__info .my-grade__offine.lv_off_up013 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up013.png);
}
.my-grade .my-grade__info .my-grade__offine.lv_off_up014 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up014.png);
}
.my-grade .my-grade__info .my-grade__offine.lv_off_up015 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_off_up015.png);
}
.my-grade .my-grade__info .my-grade__club {
    /* //level 정의 필요 */
}
.my-grade .my-grade__info .my-grade__club.lv_bcos_up000 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_beaut_000.png);
}
.my-grade .my-grade__info .my-grade__club.lv_bcos_up001 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_beaut_001.png);
}
.my-grade .my-grade__info .my-grade__club.lv_bcos_up002 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_beaut_002.png);
}
.my-grade .my-grade__info .my-grade__club.lv_bcos_up003 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_beaut_003.png);
}
.my-grade .my-grade__info .my-grade__club.lv_bcos_up004 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_beaut_004.png);
}
.my-grade .my-grade__info .my-grade__club.lv_bcos_up005 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_beaut_005.png);
}
.my-grade .my-grade__info .my-grade__club.lv_bcos_up006 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_beaut_006.png);
}
.my-grade .my-grade__info .my-grade__club.lv_bcos_up007 a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/coupon/lv_beaut_007.png);
}
.my-grade .my-grade__info .my-grade__offine::before,
.my-grade .my-grade__info .my-grade__club::before {
    display: none; /*2024-07-26 예상등급 수정*/
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 56px;
    background-color: #dde0e5;
    content: "";
}

/* S: 2024-05-29 예상등급 추가(마이현대 메인)*/
.my-grade {display:flex; flex-direction:column; height:100%;}/*2024-07-26 예상등급 수정*/
.my-grade .my-grade__level {position:relative; display:flex; /*align-items:center;*/ gap:8px; padding-right:110px;}/*2024-06-21 ai 상품추천 수정*/
.my-grade .my-grade__level .my-grade__box  .my-grade__date {font-size:12px; color:#788497; font-weight:400;}
.my-grade .my-grade__level .present-level {position:relative; display:inline-flex; justify-content:center; align-items:center; flex-shrink:0; width:40px; height:40px; border-radius:50%; border:2px solid; font-size:20px; font-weight:700; margin-top:4px;}/*2024-06-21 ai 상품추천 수정*/
.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 .my-grade__progress {display:flex; align-items:center; height:100%;}/*2024-07-26 예상등급 수정*/
.my-grade .my-grade__progress_content {width:100%;}/*2024-07-26 예상등급 수정*/

.my-grade .wrap-tooltip {margin:12px 0 5px; width:100%;}/*2024-07-26 예상등급 수정*/
.my-grade .wrap-tooltip .wrap-tooltip__content {width:286px;}
.my-grade .wrap-tooltip .btn-open-tooltip.type-gray::before,
.my-grade .wrap-tooltip .btn-tooltip.type-gray::before {width:16px; height:16px; background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_attention_1.svg) no-repeat;}/*회색 채워진 느낌표*/
.my-grade .discount-content__tit {color:#5c6677;}
.my-grade .discount-content__tit strong {color:#1b1e23; font-weight:700;}
.my-grade .discount-content__tit em {color:#ea2869; font-weight:700;}

.my-grade__status {position:relative; padding-top:38px; width:100%;}/*2024-07-26 예상등급 수정*/
.my-grade__status .status-current {margin:0 20px;}
.my-grade__status .status-current .current-bar {position:relative; display:flex; align-items:center; height: 12px; background-image: linear-gradient(101deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea); border-radius:0 8px 8px 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:20px; height:12px; vertical-align:top;}
.my-grade__status .status-current .current-bar:before {left:-20px; background-color:#ea2829; border-radius:8px 0 0 8px;}
.my-grade__status .status-current .current-bar:after {right:-20px; background-color:#a928ea; border-radius:0 8px 8px 0; display:none}
.my-grade__status .status-current .current-bar.min:before {border-radius:8px;}
.my-grade__status .status-current .current-bar.max:after {display:block;}
.my-grade__status .status-current .current-bar .status-price {position:absolute; top:-32px; right:0; transform: translateX(50%); display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:22px; padding:0 6px; text-align:center; color:#fff; font-size:12px; border-radius: 24px; 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: -6px; left: 50%; transform: translateX(-50%); width: 0; height: 0; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ea2829;}

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

.my-grade__status .status-stat {position:relative; margin:4px 20px 0; height:40px; z-index:3;}
.my-grade__status .status-stat span {position:absolute; display:inline-block; text-align:center; color:#788497;}
.my-grade__status .status-stat strong {font-weight:700;}
.my-grade__status .status-stat .stat1 {left:-20px;}
.my-grade__status .status-stat .stat2 {left:20%;}
.my-grade__status .status-stat .stat3 {left:50%;}
.my-grade__status .status-stat .stat4 {right:-20px;}
.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:-16px; left:0; display:inline-block; width:1px; height:12px; background:#fff;}

/*임직원, platinum*/
.my-grade .my-grade__info {display:none; height:130px; margin-top: 20px; width:100%;}/*2024-07-26 예상등급 수정*/
.my-grade .my-grade__info a::before {margin-bottom:0 !important;}
.my-grade.type-other .my-grade__info {display:flex;}
.my-grade.type-other :is(.my-grade__level .present-level, .my-grade__level .my-grade__date, .my-grade__level .present-level, .level-benefit, .wrap-tooltip, .my-grade__status) {display:none;}
/* E: 2024-05-29 예상등급 추가(마이현대 메인)*/

.my-present {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 2/4;
    padding: 20px 5px;
}
.my-present .my-present__reserve,
.my-present .my-present__coupon,
.my-present .my-present__h-point,
.my-present .my-present__card {
    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; *//*2024-07-26 예상등급 수정*/
    gap: 8px;
    position: relative;
    width: 25%;
    padding-left: 19px;
}
.my-present .my-present__reserve .my-present__tit,
.my-present .my-present__coupon .my-present__tit,
.my-present .my-present__h-point .my-present__tit,
.my-present .my-present__card .my-present__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #5c6677;
}
.my-present .my-present__reserve .my-present__tit::before,
.my-present .my-present__coupon .my-present__tit::before,
.my-present .my-present__h-point .my-present__tit::before,
.my-present .my-present__card .my-present__tit::before {
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.my-present .my-present__reserve .my-present__cont,
.my-present .my-present__coupon .my-present__cont,
.my-present .my-present__h-point .my-present__cont,
.my-present .my-present__card .my-present__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 32px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -0.45px;
    color: #1b1e23;
}
.my-present .my-present__coupon::before,
.my-present .my-present__h-point::before,
.my-present .my-present__card::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 56px;
    background-color: #eef0f2;
    content: "";
}
.my-present .my-present__reserve .my-present__tit::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_benefit_1.svg);
}
.my-present .my-present__coupon .my-present__tit::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_coupon_1.svg);
}
.my-present .my-present__h-point .my-present__tit::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_point_1.svg);
}
.my-present .my-present__card .my-present__tit::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_card_1.svg);
}
.my-present .my-present__h-point .hpoint-reload::after {
    content: "";
    display:inline-block;
    background: url(https://cdn.hddfs.com/front/images/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 리로드 아이콘 추가*/
.my-passport {
    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: 2px;
    /* -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; *//*2024-07-26 예상등급 수정*/
}
.my-passport.size-1 {
    grid-column: 2/4;
}
.my-passport .my-passport__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    position: relative;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #5c6677;
}
.my-passport .my-passport__tit .tag-alram {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: -31px;
    left: -8px;
    height: 22px;
    border-radius: 22px;
    padding: 0 10px;
    background-image: linear-gradient(101deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
    font-weight: 700;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #fff;
    white-space: nowrap;
}
.my-passport .my-passport__tit .tag-alram::before {
    display: block;
    position: absolute;
    bottom: -5px;
    left: 5px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #ea2829;
    content: "";
}
.my-passport .my-passport__tit::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_passport_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.my-passport .my-passport__tit + .my-passport__remain {
    margin-top: 10px;
}
.my-passport .my-passport__tit + .my-passport__group {
    margin-top: 12px;
}
.my-passport .my-passport__remain {
    padding: 0 6px;
    border-radius: 4px;
    background-color: #ffebe5;
    color: #ea2829;
    font-size: 12px;
    letter-spacing: -0.3px;
    line-height: 21px;
}
.my-passport .my-passport__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #1b1e23;
    line-height: 1.5;
}
.my-passport .my-passport__group {
    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;
    width: 100%;
}

.mypage__notice {
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #3d444f;
}

.my-departure {
    display: grid;
    grid-template-columns: repeat(2, minmax(95px, auto));
    grid-template-rows: 16px 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px 28px;
}
.my-departure .my-departure_tit {
    grid-column: 1/3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    position: relative;
    width: 100%;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #5c6677;
}
.my-departure .my-departure_tit::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_plane_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.my-departure .my-departure__route {
    grid-row: 2/3;
    grid-column: 1/2;
    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: 5px;
}
.my-departure .my-departure__route .my-departure__airport {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 21px;
    padding: 2px 6px;
    border-radius: 4px;
    background-color: #ffe5ee;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: -0.3px;
    color: #ea2869;
}
.my-departure .my-departure__route .my-departure__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #1b1e23;
}
.my-departure .my-departure__route .my-departure__wrap .my-departure__route--to {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    position: relative;
}
.my-departure .my-departure__route .my-departure__wrap .my-departure__route--to::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_double_arrow_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.my-departure .my-departure__booking {
    grid-row: 2/3;
    grid-column: 2/3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #3d444f;
}
.my-departure .my-departure__booking .my-departure__plane {
    font-weight: 700;
    line-height: 21px;
}

/*S:2024-07-11 회원가입 개선*/
.my-join-banner {margin-top:8px;}
.my-join-banner a {display:flex; align-items:center; justify-content:center; width:100%; height:48px; border-radius:8px; font-size:14px; background:#e9e5ff url('https://cdn.hddfs.com/front/images/KO/common/img_join_hpoint.svg') no-repeat 67.5% 0;}
.my-join-banner a strong {color:#5a3ff2;}
/*E:2024-07-11 회원가입 개선*/

.wrap-my-menu {
    position: relative;
    z-index: 10;
}
.wrap-my-menu::before,
.wrap-my-menu .my-menu__back {
    display: block;
    position: absolute;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    background-color: #dde0e5;
    content: "";
}
.wrap-my-menu::before {
    top: 56px;
    height: 1px;
}
.wrap-my-menu .my-menu__back {
    top: 57px;
    height: 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background-color: #fff;
}
.wrap-my-menu.is-active .my-menu__back {
    height: 260px;
    border-bottom: 1px solid #dde0e5;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.06);
}
.wrap-my-menu.is-active .list-my-snb {
    display: block;
}
.wrap-my-menu .list-my-menu {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    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-my-menu .list-my-menu > li {
    position: relative;
    width: 100%;
}
.wrap-my-menu .list-my-menu > 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: 56px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.45px;
    color: #5c6677;
    text-align: center;
}
.wrap-my-menu .list-my-menu > li > a::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 0;
    height: 2px;
    background-color: #1b1e23;
    content: "";
}
.wrap-my-menu .list-my-menu > li:hover > a {
    color: #1b1e23;
}
.wrap-my-menu .list-my-menu > li:hover > a::after {
    width: 100%;
}
.wrap-my-menu .list-my-snb {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    z-index: 1;
    padding-top: 32px;
}
.wrap-my-menu .list-my-snb > 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;
    gap: 4px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #5c6677;
    text-align: center;
}
.wrap-my-menu .list-my-snb > li a:hover {
    color: #1b1e23;
    text-decoration: underline;
}
.wrap-my-menu .list-my-snb > li a .tag-new {
    display: block;
    overflow: hidden;
    width: 10px;
    height: 0;
    padding-top: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_tag_new_1.svg) no-repeat;
    background-size: contain;
    text-indent: -9999px;
    font-size: 0;
}
.wrap-my-menu .list-my-snb > li + li {
    margin-top: 16px;
}
.wrap-my-menu + .wrap-my-content {
    margin-top: 48px;
}
.wrap-my-menu + .order-history {
    margin-top: 87px;
}
.wrap-my-menu + .order-history.type-1 {
    margin-top: 48px;
}

.wrap-my-content .list-order__head .list-order__tit .list-order__tit-extra {
    margin-top: 8px;
    font-weight: 400;
    font-size: 14px;
    color: #3d444f;
}
.wrap-my-content .list-order__head + .list-interest-brand {
    margin-top: 32px;
}
.wrap-my-content .list-order__link .link-arrow {
    font-weight: 700;
}
.wrap-my-content.wrap-list-order {
    margin-top: 48px;
    margin-bottom: 120px;
    overflow:unset;/*2024-06-23 ai 좌우버튼 추가*/
}
.wrap-my-content.wrap-list-order.type-1 {
    margin-top: 32px;
}
.wrap-my-content.wrap-list-order .list-order__head {
    padding-right: 0;
}
.wrap-my-content.wrap-list-order .list-product__cart {
    margin-top: 16px;
    margin-bottom: 20px;
    padding-top: 0;
}
.wrap-my-content + .wrap-customer-center {
    margin-top: 80px;
    margin-bottom: 130px; /* 2024-01-19 마이현대 메인 하단 여백 수정*/
}

.list-order__content .order-product__condition {
    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%;
    height: 52px;
    border-bottom: 1px solid #dde0e5;
    font-size: 13px;
    letter-spacing: -0.35px;
}
.list-order__content .order-product__condition + .wrap-product__info {
    margin-top: 20px;
}
.list-order__content .order-product__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    font-size: 14px;
    color: #3d444f;
    white-space: nowrap;
}
.list-order__content .order-product__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    font-size: 13px;
    color: #788497;
    letter-spacing: -0.33px;
}
.list-order__content .order-product__status::before {
    display: block;
    position: absolute;
    top: 50%;
    left: -7px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #eef0f2;
    content: "";
}
.list-order__content .order-product__status::after {
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.list-order__content .order-product__status.is-finish::after {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_check_1.svg);
}
.list-order__content .order-product__order-num a {
    font-weight: 600;
    color: #ea2869;
    text-decoration: underline;
}
.list-order__content .order-product__link {
    position: relative;
    z-index: 1;
    white-space: nowrap;
}
.list-order__content .cart__no-item {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 216px;
    margin-bottom: 80px;
}
.list-order__content + .list-order__group, .list-order__content + .list-order__head {
    margin-top: 48px;
}

.btn-square.type-pickup:is([type=button], a), .btn-square.type-voucher:is([type=button], a), .btn-square.type-review:is([type=button], a) {
    padding: 0 12px;
    font-size: 13px;
}
.btn-square.type-pickup:is([type=button], a)::before, .btn-square.type-voucher:is([type=button], a)::before, .btn-square.type-review:is([type=button], a)::before {
    display: block;
    width: 16px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.btn-square.type-pickup::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_pickup_1.svg);
}
.btn-square.type-voucher::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_voucher_1.svg);
}
.btn-square.type-review::before {
    height: 16px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_edit_2.svg);
}

.list-product__cart.type-review .product__item.product__item--row .wrap-product__info, .list-product__cart.type-mypage .product__item.product__item--row .wrap-product__info {
    display: grid;
    grid-template-columns: 102px minmax(0, 1fr) 280px;
    gap: 24px;
}
.list-product__cart.type-review .product__item.product__item--row .wrap-product__info .product__img, .list-product__cart.type-mypage .product__item.product__item--row .wrap-product__info .product__img {
    grid-column: 1/2;
    width: 102px;
    height: 102px;
    padding: 0;/*2024-08-14 썸네일 이미지 확장*/
}
.list-product__cart.type-review .product__item.product__item--row .wrap-product__info .product__info, .list-product__cart.type-mypage .product__item.product__item--row .wrap-product__info .product__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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 13px;
}
.list-product__cart.type-review .product__item.product__item--row .wrap-product__info .order-product__link, .list-product__cart.type-mypage .product__item.product__item--row .wrap-product__info .order-product__link {
    grid-column: 3/4;
    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;
    gap: 8px;
}
.list-product__cart.type-mypage .product__item + .product__item {
    padding-top: 0;
}
.list-product__cart.type-mypage .product__item + .product__item::before {
    display: none;
}
.list-product__cart.type-review .product__item.product__item::before {
    top: -20px;
    left: 20px;
    width: calc(100% - 40px);
}
.list-product__cart.type-review .product__item.product__item--row .wrap-product__info .product__info {
    gap: 8px;
}
.list-product__cart.type-review .product__item + .product__item {
    padding-top: 0;
}
.list-product__cart .product__status {
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #788497;
}
.list-product__cart .order-product__info {
    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.33px;
}
.list-product__cart .order-product__info .order-product__name {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 80px;
    color: #3d444f;
}
.list-product__cart .order-product__info .order-product__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    min-width: 0;
    width: 100%;
    color: #1b1e23;
    white-space: nowrap;
}
.list-product__cart .order-product__info .order-product__detail .name_head {
    margin-right: 0
}/* 2024-05-14 첫구매딜 추가 */
.list-product__cart .order-product__info .order-product__detail.type-overflow {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}
.list-product__cart .order-product__info .order-product__detail.type-payment {
    font-size: 12px;
}
.list-product__cart .order-product__info .order-product__detail.type-payment .txt-highlight {
    font-size: 14px;
    white-space: nowrap;
}
.list-product__cart .order-product__info .order-product__detail.type-departure {
    gap: 14px;
}
.list-product__cart .order-product__info .order-product__detail.type-departure .order-product__route {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 26px;
    padding: 0 8px;
    border-radius: 4px;
    background-color: #e8f7ff;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #0288d1;
}
.list-product__cart .order-product__info .order-product__detail.type-departure .order-product__route::before {
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_plane_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-product__cart .order-product__info .order-product__detail.type-departure .order-product__route .order-product__route-to {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.list-product__cart .order-product__info .order-product__detail.type-departure .order-product__route .order-product__route-to::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_double_arrow_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-product__cart .order-product__info .order-product__detail.type-departure .order-product__route + .order-product__plane {
    margin-left: 2px;
}
.list-product__cart .order-product__info .order-product__detail.type-departure .order-proudct__plane,
.list-product__cart .order-product__info .order-product__detail.type-departure .order-product__date {
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #0288d1;
}
.list-product__cart .order-product__info .order-product__detail.type-departure .order-proudct__plane + .order-product__date,
.list-product__cart .order-product__info .order-product__detail.type-departure .order-product__date + .order-product__date {
    position: relative;
}
.list-product__cart .order-product__info .order-product__detail.type-departure .order-proudct__plane + .order-product__date::before,
.list-product__cart .order-product__info .order-product__detail.type-departure .order-product__date + .order-product__date::before {
    display: block;
    position: absolute;
    top: 50%;
    left: -7px;
    width: 1px;
    height: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #ccd1d8;
    content: "";
}
.list-product__cart .order-product__info .order-product__detail.type-departure.type-ship .order-product__route::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_ship_1.svg);
}

.wrap-list-sch[aria-labelledby=tab__order-history--2] .list-product__cart.type-mypage .product__item.product__item--row .wrap-product__info {
    grid-template-columns: 1fr;
}

.list-order__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0 80px;
}
.list-order__group .list-order__wrap {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 436px;
}
.list-order__group .list-order__wrap.wrap-list-cart {
    width: 564px;
    padding-top: 0;
}
.list-order__group .list-order__wrap.wrap-list-cart .list-order__head + .list-product {
    margin-top: 32px;
}
.list-order__group .list-order__wrap.wrap-list-cart .list-product.list-product__recommend {
    margin-left: 20px;
}
.list-order__group .list-order__wrap.wrap-list-cart .list-product.list-product__recommend > li {
    width: calc((100% - 48px) / 3);
}
.list-order__group + .list-order__head {
    margin-top: 48px;
}

.list-order__content .product__item .product__info .product__brand-info + .product__price,
.list-order__group .product__item .product__info .product__brand-info + .product__price {
    margin-top: 8px;
}
.list-order__content .product__item .product__info .product__price--origin,
.list-order__group .product__item .product__info .product__price--origin {
    letter-spacing: -0.33px;
}
.list-order__content .product__item .product__info .product__price--origin .product__price-ratio,
.list-order__group .product__item .product__info .product__price--origin .product__price-ratio {
    font-weight: 700;
    font-size: 14px;
    color: #1b1e23;
}
.list-order__content .product__item .product__info .product__price--origin .product__price--sale,
.list-order__group .product__item .product__info .product__price--origin .product__price--sale {
    top: auto;
    font-size: 13px;
    font-weight: 400;
    color: #abb2be;
}
.list-order__content .product__item .product__info .product__price--origin .product__price--sale.type-line-through,
.list-order__group .product__item .product__info .product__price--origin .product__price--sale.type-line-through {
    text-decoration: line-through;
}
.list-order__content .product__item .product__info .product__sale-info.type-inline .product__price--won,
.list-order__group .product__item .product__info .product__sale-info.type-inline .product__price--won {
    font-size: 14px;
    color: #3d444f;
    letter-spacing: -0.35px;
}
.list-order__content .product__item .product__info .product__sale-info.type-inline .product__price--won span,
.list-order__group .product__item .product__info .product__sale-info.type-inline .product__price--won span {
    font-weight: 400;
}
.list-order__content .list-order__tit,
.list-order__group .list-order__tit {
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -0.55px;
    color: #1b1e23;
}
.list-order__content .list-order__tit + .list-product,
.list-order__group .list-order__tit + .list-product {
    margin-top: 24px;
}
.list-order__wrap.wrap-list-cart {padding:40px 0;overflow:unset;}/*2024-06-10 ai추천 슬라이드 변경*//*2024-06-23 ai 좌우버튼 추가*/
.list-interest-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 24px 16px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.list-interest-brand > li {
    width: calc((100% - 16px) / 2);
}
.list-interest-brand > li 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: 12px;
    text-align: center;
}
.list-interest-brand > li .list-interest-brand__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;
    width: 100%;
    height: 100px;
    background-color: #f5f7fa;
}
.list-interest-brand > li .list-interest-brand__txt {
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.35px;
}

.list-inquiry > li {
    display: grid;
    grid-template-columns: 162px 1fr 216px 150px;
    height: 60px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #dde0e5;
    letter-spacing: -0.35px;
    font-size: 14px;
    text-align: center;
}
.list-inquiry .list-inquiry__date {
    color: #788497;
}
.list-inquiry .list-inquiry__tit {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.list-inquiry .list-inquiry__tit span,
.list-inquiry .list-inquiry__tit a {
    display: block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    color: #3d444f;
    font-weight: 700;
    text-decoration: underline;
    white-space: nowrap;
    text-align: left;
}
.list-inquiry .list-inquiry__tit span {
    text-decoration: none;
}
.list-inquiry .list-inquiry__store {
    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: 20px;
    color: #788497;
}
.list-inquiry .list-inquiry__store span {
    position: relative;
}
.list-inquiry .list-inquiry__store span + span::before {
    display: block;
    position: absolute;
    top: 50%;
    left: -10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #ccd1d8;
    content: "";
}
.list-inquiry .list-inquiry__status {
    font-weight: 700;
    color: #1b1e23;
}

.wrap-customer-center {
    display: grid;
    grid-template-columns: 1fr 270px 270px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    padding: 32px 62px;
    border-radius: 8px;
    background-color: #f5f7fa;
}
.wrap-customer-center .customer-center__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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 3px;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -0.55px;
}
.wrap-customer-center .customer-center__info .customer-center__tit {
    color: #1b1e23;
}
.wrap-customer-center .customer-center__info .customer-center__tit + .customer-center__tel {
    margin-top: 5px;
}
.wrap-customer-center .customer-center__info .customer-center__tel {
    color: #5c6677;
}
.wrap-customer-center .customer-center__info .customer-center__operate {
    font-size: 13px;
    font-weight: 400;
    color: #788497;
}
.wrap-customer-center .customer-center__inquiry a,
.wrap-customer-center .customer-center__faq 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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    height: 96px;
    border-radius: 8px;
    -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-weight: 600;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #5c6677;
}
.wrap-customer-center .customer-center__inquiry a::before,
.wrap-customer-center .customer-center__faq a::before {
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.wrap-customer-center .customer-center__inquiry a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_customer_1.svg);
}
.wrap-customer-center .customer-center__faq a::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_faq_1.svg);
}

.order__no-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: 140px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #3d444f;
    text-align: center;
}

.order-history .order-history__tit {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.7px;
    color: #1b1e23;
    text-align: center;
}
.order-history .order-history__tit + .order-history__status {
    margin-top: 32px;
}
.order-history .order-history__status {
    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: 24px;
    border-radius: 8px;
    background-color: #f9fafb;
}
.order-history .order-history__status > 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;
    -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: 130px;
    font-weight: 700;
    font-size: 14px;
    color: #3d444f;
    letter-spacing: -0.35px;
}
.order-history .order-history__status > li span {
    font-size: 18px;
    font-weight: 600;
    color: #1b1e23;
}
.order-history .order-history__status > li + li::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 55px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "";
}
.order-history-info {
    font-size: 13px;
    text-align: right;
    color: #788497;
    margin-top: 16px;
} /* 2023-10-10 추가*/

.order-history + .order-history__tab {
    margin-top: 40px;
}
.order-history__tab {
    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-bottom: 1px solid #dde0e5;
}
.order-history__tab > li.is-active button {
    color: #1b1e23;
}
.order-history__tab > li.is-active button::after {
    width: 100%;
}
.order-history__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;
    height: 57px;
    padding: 0 20px;
    font-weight: 700;
    font-size: 18px;
    color: #abb2be;
    letter-spacing: -0.45px;
}
.order-history__tab button::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #1b1e23;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    content: "";
}
.order-history__tab + .tab-content {
    margin-top: 20px;
}
.order-history__tab + .tab-content + .tab-content {
    margin-top: 20px;
}

.wrap-list-order .list-order__head .type-order-history {
    display: grid;
    grid-template-columns: 1fr;
}

.order-history__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.order-history__group .wrap-form__calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.order-history__group .wrap-form__calendar .wrap-btn label input {
    position: absolute;
}
.order-history__group .wrap-form__calendar .wrap-btn label input + .txt-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #dde0e5;
    border-radius: 4px;
    border-color: #dde0e5;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #666;
}
.order-history__group .wrap-form__calendar .wrap-btn label input:checked + .txt-label {
    border-color: #1b1e23;
    color: #1b1e23;
}
.order-history__group .wrap-form__input.type-1 {
    position: relative;
    /* &::after {
        display: block;
        position: absolute;
        top: 50%;
        right: 8px;
        z-index: 1;
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_calendar_1.svg) no-repeat;
        background-size: contain;
        pointer-events: none;
        content: '';
    } */
}
.order-history__group .wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [readonly=readonly], [readonly]) {
    width: 140px;
    padding: 0 30px 0 12px;
    font-weight: 400;
    font-size: 14px;
}
.order-history__group .wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [readonly=readonly], [readonly])::-webkit-input-placeholder {
    font-weight: 400;
}
.order-history__group .wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [readonly=readonly], [readonly])::-moz-placeholder {
    font-weight: 400;
}
.order-history__group .wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [readonly=readonly], [readonly]):-ms-input-placeholder {
    font-weight: 400;
}
.order-history__group .wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [readonly=readonly], [readonly])::-ms-input-placeholder {
    font-weight: 400;
}
.order-history__group .wrap-form__input.type-1 input:is([type=text], [type=password], [type=date], [readonly=readonly], [readonly])::placeholder {
    font-weight: 400;
}
.order-history__group .wrap-form__input.type-1 .btn-calendar {
    width: 24px;
    background-size: 16px 16px;
    /* background-position: center left; *//*2024-07-10 마이현대 주문내역 달력 수정*/
    width: 100%;/*2024-07-10 마이현대 주문내역 달력 수정*/
    padding-top: 40px;/*2024-07-10 마이현대 주문내역 달력 수정*/
    background-position: 94% center;/*2024-07-10 마이현대 주문내역 달력 수정*/
}
.order-history__group .wrap-form__input.type-1 + .wrap-form__input {
    margin-left: 8px;
}
.order-history__group .wrap-form__input.type-1 + .wrap-form__input::before {
    display: block;
    position: absolute;
    top: 0;
    left: -16px;
    font-size: 14px;
    color: #1b1e23;
    line-height: 40px;
    content: "~";
}
.order-history__group .wrap-select select {
    height: 40px;
    width: 140px;
}

.list-report + .list-barcode {
    margin-top: 32px;
}

.list-barcode > 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;
    gap: 10px;
}
.list-barcode > li .list-barcode__img {
    width: 300px;
    height: 88px;
}
.list-barcode > li .list-barcode__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.list-barcode > li .list-barcode__link a {
    display: block;
    overflow: hidden;
    width: 32px;
    height: 0;
    padding-top: 32px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_zoom_1.svg) no-repeat;
    background-size: contain;
    text-indent: -9999px;
    font-size: 0;
}

.box-float-layer .tit-layer + .img-cont {
    margin-top: 24px;
}
.box-float-layer .img-cont.type-barcode {
    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: 12px 0;
    background-color: #f5f7fa;
}
.box-float-layer .img-cont.type-barcode img {
    width: 348px;
    height: 101px;
    -o-object-fit: contain;
       object-fit: contain;
}

.wrap-layer-voucher .list-voucher.type-quarter {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 20px;
    margin-top: 24px;
}
.wrap-layer-voucher .list-voucher.type-quarter > li {
    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: 50%;
    font-size: 13px;
    color: #1b1e23;
    letter-spacing: -0.33px;
    line-height: 1.42;
    white-space: nowrap;
}
.wrap-layer-voucher .list-voucher.type-quarter > li .list-voucher__tit {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 80px;
    color: #3d444f;
}
.wrap-layer-voucher .list-voucher.type-quarter + table {
    margin-top: 40px;
}
.wrap-layer-voucher .tbl-column {
    border-top: 2px solid #1b1e23;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.32px;
}
.wrap-layer-voucher .tbl-column thead th {
    height: 50px;
    text-align: center;
}
.wrap-layer-voucher .tbl-column thead th.type-right {
    text-align: right;
}
.wrap-layer-voucher .tbl-column thead th.type-left {
    text-align: left;
}
.wrap-layer-voucher .tbl-column td {
    padding: 13px 0;
    border-top: 1px solid #dde0e5;
    text-align: center;
}
.wrap-layer-voucher .tbl-column td.type-column {
    text-align: left;
}
.wrap-layer-voucher .tbl-column td.type-column .txt-info {
    display: block;
    margin-top: 5px;
    font-weight: 400;
    font-size: 13px;
}
.wrap-layer-voucher .tbl-column td.type-right {
    text-align: right;
}
.wrap-layer-voucher .voucher-info {
    font-size: 13px;
    line-height: 1.42;
    letter-spacing: -0.32px;
    color: #3d444f;
}
.wrap-layer-voucher .voucher-info.type-half {
    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: 13px;
    letter-spacing: -0.32px;
    color: #788497;
}
.wrap-layer-voucher .voucher-info + .voucher-info.type-1 {
    margin-top: 19px;
}
.wrap-layer-voucher .voucher-info.type-1 {
    color: #1b1e23;
    font-weight: 700;
}
.wrap-layer-voucher .voucher-info.type-1 .txt-highlight {
    font-size: 14px;
}
.wrap-layer-voucher .voucher-info.type-1 + .voucher-info.type-1 {
    margin-top: 17px;
}
.wrap-layer-voucher .voucher-info + .voucher-info {
    margin-top: 12px;
}
.wrap-layer-voucher .voucher-info + .voucher-info.type-line {
    padding-top: 12px;
    border-top: 1px solid #dde0e5;
}
.wrap-layer-voucher .voucher-info + .voucher-sign {
    margin-top: 14px;
    padding-top: 40px;
    border-top: 1px solid #dde0e5;
}
.wrap-layer-voucher .voucher-sign .voucher-sign__tit {
    font-weight: 700;
    font-size: 16px;
    color: #1b1e23;
}
.wrap-layer-voucher .voucher-sign .voucher-sign__tit + .voucher-sign__img {
    margin-top: 12px;
}
.wrap-layer-voucher .voucher-sign .voucher-sign__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;
    height: 160px;
    padding: 20px 130px;
    border: 1px solid #dde0e5;
    border-radius: 8px;
}
.wrap-layer-voucher .voucher-sign .voucher-sign__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.wrap-layer-info .tit-layer + .list-report, .wrap-layer-info .tit-layer + .img-cont {
    margin-top: 24px;
}
.wrap-layer-info .img-cont.type-line {
    border-radius: 8px;
    border: 1px solid #dde0e5;
}
.wrap-layer-info .img-cont + .list-pickup {
    margin-top: 24px;
}

.list-pickup > 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: 6px;
    font-size: 14px;
    letter-spacing: -0.32px;
    color: #1b1e23;
}
.list-pickup > li .list-pickup__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-weight: 700;
}
.list-pickup > li .list-pickup__tit + .list-pickup__detail {
    margin-top: 8px;
}
.list-pickup > li .list-pickup__tit::before {
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.list-pickup > li .list-pickup__tit.type-location::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_pickup_2.svg);
}
.list-pickup > li .list-pickup__tit.type-inquiry::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_customer_2.svg);
}
.list-pickup > li .list-pickup__tit.type-customer::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_time_1.svg);
}
.list-pickup > li .list-pickup__detail {
    line-height: 1.42;
}
.list-pickup > li + li {
    margin-top: 24px;
}

/* S: 재입고 알림 팝업 */
.wrap-download-coupon .list-form .wrap-form__group {
    gap: 8px;
}
.wrap-download-coupon .list-form .wrap-form__group .wrap-form__input {
    width: calc((100% - 8px) / 2);
}
.list-form__txt--exp {
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #788497;
}
.wrap-download-coupon .list-form  .wrap-form__group + .list-form__txt--exp {
    margin-top: 12px;
}
.box-float-layer .wrap-btn.type-1 {
    margin-top: 0;
}
.wrap-download-coupon .area-attention + .agree-terms {
    margin-top: 32px;
}
.agree-terms .wrap-check.type-1 {
    position: relative;
}
.agree-terms .wrap-check.type-1 .btn-accordion {
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 46px;
    height: 0;
    padding: 46px 0 0;
    text-indent: -9999px;
}
.agree-terms .wrap-check.type-1 .btn-accordion::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    width: 14px;
    height: 14px;
    transition: all 0.2s linear;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_6.svg) no-repeat;
    background-size: contain;
    content: "";
}
.agree-terms .wrap-check.type-1 .btn-accordion[aria-expanded=true]::before {
    transform: rotate(180deg) translate(50%, 50%);
}
/* E: 재입고 알림 팝업 */

/* S: 2023-10-24 어코디언 약관 */
.agree-terms.term-acd .accordion__tit .term-check {position:relative; z-index:2;}
.agree-terms.term-acd .accordion__tit button {position:absolute; left:0; top:0; width:100%; height:100%;}
.agree-terms.term-acd .accordion__tit button:after {content: "";
    display: block;
    position: absolute;
    top: 50%;
    margin-top:-8px;
    right: 16px;
    width: 16px;
    height: 16px;
    background: url('https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_10.svg') no-repeat center center;
}
.agree-terms.term-acd .accordion__tit button[aria-expanded="true"]:after {transform:rotate(180deg)}
.agree-terms.term-acd .wrap-agree-terms {height:auto}
.agree-terms.term-acd .wrap-agree-terms .agree-terms__scroll {max-height:95px;}
/* E: 2023-10-24 어코디언 약관 */

/* S: 2023-11-22 이지웰해더 추가*/
.ezwel_type .ezwel_header_wrap {position:absolute; top:0; left:0; width:100%;}
.ezwel_type #wrap {padding-top:218px;}
.ezwel_type #header {top:97px; position:absolute;}
.ezwel_type .advanced_search {top:217px}
.ezwel_type .adsearch_dim {top:217px}
.ezwel_type .navication.n-navigation {top:217px}

/*상단 배너 있을 시 */
.ezwel_type.main__has-top #wrap {padding-top:281px;}
.ezwel_type.main__has-top #wrap .main__top-layer {top:-185px; position:absolute;}
.ezwel_type.main__has-top #header {top:161px;}
.ezwel_type.main__has-top .advanced_search {top:282px}
.ezwel_type.main__has-top .adsearch_dim {top:282px}
.ezwel_type.main__has-top .navication.n-navigation {top:282px}

/*스크롤시*/
.ezwel_scroll #wrap {padding-top:121px;}
.ezwel_scroll #header {top:0;}

/* 스크롤시 + 상단 배너 있을 시 */
.ezwel_scroll.main__has-top #wrap {padding-top:185px;}
.ezwel_scroll.main__has-top #wrap .main__top-layer {top:0px;}
.ezwel_scroll.main__has-top #header {top:64px;}
/* E: 2023-11-22 이지웰해더 추가*/


/* S: 2024-01-11 이지웰 현대차 해더 추가*/
.hdc_type .hdc_header_wrap {position:absolute; top:0; left:0; width:100%;}
.hdc_type #wrap {padding-top:273px;}
.hdc_type #header {top:152px; position:absolute;}
.hdc_type .advanced_search {top:272px}
.hdc_type .adsearch_dim {top:272px}
.hdc_type .navication.n-navigation {top:272px}

/*상단 배너 있을 시 */
.hdc_type.main__has-top #wrap {padding-top:336px;}
.hdc_type.main__has-top #wrap .main__top-layer {top:-185px; position:absolute;}
.hdc_type.main__has-top #header {top:216px;}
.hdc_type.main__has-top .advanced_search {top:336px}
.hdc_type.main__has-top .adsearch_dim {top:336px}
.hdc_type.main__has-top .navication.n-navigation {top:336px}

/*스크롤시*/
.hdc_scroll #wrap {padding-top:121px;}
.hdc_scroll #header {top:0;}

/* 스크롤시 + 상단 배너 있을 시 */
.hdc_scroll.main__has-top #wrap {padding-top:185px;}
.hdc_scroll.main__has-top #wrap .main__top-layer {top:0px;}
.hdc_scroll.main__has-top #header {top:64px;}
/* E: 2024-01-11 이지웰 현대차 해더 추가*/


/*2023 개선 product*/
/* main top--list */
/* 상품상세 */
.area-product-detail {
    margin-top: 68px;
    margin-bottom: 120px;
}
.area-product-detail [class^=pd] .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;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -0.5px;
    color: #1b1e23;
}
.area-product-detail [class^=pd].pd_set .tit {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 4px;
}
.area-product-detail [class^=pd] .tit p a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
}
.area-product-detail [class^=pd] .tit p a::after {
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_3.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-product-detail [class^=pd] .tit .emp {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -0.5px;
    color: #ea2869;
}
.area-product-detail [class^=pd] .tit [class*=noti] .tit {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.4px;
}

.btn-search {
    width: 56px;
    height: 33px;
}

.wrap-pd-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 80px 64px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
}
.wrap-pd-head .pd-head-conent {
    width: 618px;
}
.wrap-pd-head .pd-head-right {
    position: relative;
    width: 578px;
}
.wrap-pd-head .pd-head-right [class^=pd_]:not(:first-child) {
    margin-top: 24px;
}
.wrap-pd-head .pd-head-right .pd_gift dl {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.wrap-pd-head .pd-head-right .pd_gift dl dt {
    margin-top: 10px;
}
.wrap-pd-head .pd-head-right .pd_benefitsinfo,
.wrap-pd-head .pd-head-right .pd_req,
.wrap-pd-head .pd-head-right .pd_product_total {
    border-top: 1px solid #eef0f2;
}
.wrap-pd-head dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.wrap-pd-head dl + dl {
    margin-top: 2px;
}
.wrap-pd-head dl.type-hgt {
    align-items: center;
    min-height: 32px;
}
.wrap-pd-head dl + dl.type-hgt {
    margin-top: 10px;
}
.wrap-pd-head dl.type-hgt .non_exp a {
    text-decoration: underline;
    color: #ea2869;
}
.wrap-pd-head dt {
    width: 100px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 6px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #5c6677;
}
.wrap-pd-head .tip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
}
.wrap-pd-head dl .sub-caution {
    font-size: 12.1px;
    color: #788497;
    margin-top:2px;
}/* 2024-01-15 hpoint 안내 추가 */

.wrap-pd-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 80px;
    max-width: 1260px;
    width: 100%;
    margin: 120px auto 0;
}
.wrap-pd-body .pd-body-conent {
    width: 832px;
}
.wrap-pd-body .pd-body-right {
    width: 348px;
    margin-top: 113px;
}
.wrap-pd-body .pd-body-right .wrap-payment .pd_option + .payment-info__low-price {
    margin-top: 40px;
}
.wrap-payment .payment-info__low-price:not(.active) .bottom-price__open .btn-square:not([aria-expanded="true"]) .txt-gradi {
    font-weight: 700;
    background-image: linear-gradient(119deg, #ea2829, #ea2829 51%, #ce28a5 80%, #a928ea);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    pointer-events: none;
}
.wrap-pd-body .pd-body-right .wrap-payment .payment-info__low-price .bottom-price__open .btn-square[aria-expanded=true] {
    border: none;
    border-radius: 4px 4px 0 0;
    background-image: linear-gradient(98deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
    color: #fff;
}
.wrap-pd-body .pd-body-right .wrap-payment .payment-info__low-price .bottom-price__open .btn-square[aria-expanded=true]::before {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}
.wrap-pd-body .pd-body-right .wrap-payment .payment-info__low-price .bottom-price__open .btn-square[aria-expanded=true]::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_close_2.svg) no-repeat;
    background-size: contain;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    pointer-events: none;
    content: "";
}
.wrap-pd-body .pd-body-right .wrap-payment .payment-info__low-price .bottom-price__open .btn-square[aria-expanded=true]:hover::after {
    left: auto;
    right: 12px;
}

.rating-static {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.rating-static .star {
    display: block;
    position: relative;
    width: 84px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_star_blank.svg) no-repeat 0 0;
    background-size: cover;
}
.rating-static .star .progbar {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_star_fill.svg) no-repeat 0 0;
    background-size: cover;
    font-size: 0;
}
.rating-static.big .star {
    width: 169px;
    height: 32px;
}
.rating-static .star_grade {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
}
.rating-static .star_grade button {
    display: block;
    width: 16px;
    height: 16px;
    text-decoration: none;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_star_unset.svg) no-repeat center;
    background-size: contain;
}
.rating-static .star_grade button.on {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_star.svg);
}

.select-box-star-rating .wrap-select .wrap-add-dropdown .btn-dropdown {
    padding: 0 30px 0 12px;
    border: none;
    text-align: right;
}

.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;
}

.area-attention + .area-attention {
    padding-top: 12px;
}

.attention__tit {
    position: relative;
}
.attention__tit.accordion__tit {
    padding-right: 24px;
}
.attention__tit.accordion__tit button + span {
    color: #5c6677;
}
.attention__tit.accordion__tit button[aria-expanded=true] + span {
    color: #1b1e23;
}
/*.attention__tit.type-precaution {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    font-weight: initial;
    line-height: 1.46;
    letter-spacing: -0.33px;
}*/
.attention__tit.type-precaution.case-1 {
    width: 100%;
}
/* .attention__tit.type-precaution::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_attention_1.svg) no-repeat;
    background-size: contain;
    padding-left: 16px;
    margin-top: 2px;
} */
.attention__tit button {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-indent: -9999px;
    font-size: 0;
}
.attention__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(https://cdn.hddfs.com/front/images/KO/common/n/icon_accordion_s_on.svg) no-repeat;
    content: "";
}
.attention__tit button[aria-expanded=true]::after {
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_accordion_s_on.svg) no-repeat;
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
}

.list-info.type-dot > li {
    margin-top: 8px;
}

.btn-square:is([type=button], a):disabled {
    opacity: 1;
    border: none;
    background-color: #eef0f2;
    color: #abb2be;
}
.btn-square:is([type=button], a).type-learnmore {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #5c6677;
}
.btn-square:is([type=button], a).type-learnmore::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/ico_search_gray.svg) no-repeat;
    background-size: contain;
}
.btn-square:is([type=button], a).type-write {
    min-width: 94px;
    padding: 0 11px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.33px;
    color: #3d444f;
}
.btn-square:is([type=button], a).type-write::after {
    display: none;
}
.btn-square:is([type=button], a).type-write::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_edit_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.btn-square:is([type=button], a).type-dark-1:disabled {
    opacity: 1;
    background-color: #eef0f2;
    color: #abb2be;
}
.btn-square:is([type=button], a).type-alram::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_btn_alram.svg) no-repeat;
    background-size: contain;
}

.product__item .btn-cart {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 0;
    padding-top: 40px;
    border: none;
    border-radius: 8px 0 8px 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); */ /* 20231227 */
    text-indent: -9999px;
}
.product__item .btn-cart::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_product_cart_w.svg) no-repeat;
}
.product__item .product__sale-mount {
    top: 12px;
    right: 18px;
}
.product__item .product__info {
    margin-top: 16px;
}
.product__item.product__item--first .product__info {
    margin-top: 0;
}/* 2024-05-14 첫구매딜 추가 */
.product__item .product__info .product__sale_detail-info {
    margin-top: 8px !important;
}
.product__item .product__info .product__sale_detail-info .product__price--origin .product__price {
    font-size: 14px;
    color: #1b1e23;
    font-weight: 600;
    text-decoration: unset;
}
.product__item .product__info .product__sale_detail-info .product__price--origin .product__price--sale {
    top: 0;
    font-size: 13px;
    color: #abb2be;
    font-weight: 400;
    text-decoration: line-through;
}
.product__item .product__info .product__sale_detail-info .product__price--origin.type-1 {
    margin-top: 0;
}
.product__item .product__info .product__sale_detail-info .product__price--origin.type-1 .product__price--sale {
    font-size: 16px;
    color: #ea2829;
    font-weight: 600;
    text-decoration: unset;
}
.product__item .product__info .product__sale_detail-info .product__price--origin.type-1 .product__price--won {
    font-size: 13px;
    color: #3d444f;
    font-weight: 400;
}
.product__item .product__info .product__sale_detail-info .product__price--origin.type-1 .product__price--won span {
    font-size: 14px;
    font-weight: 400;
}
.product__item .product__info .product__sale_detail-info .product__tag {
    margin-top: 8px !important;
}
.product__item .product__info .product__md-key span {
    /* color: #ea2869; */
    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;
}
.product__item .soldout-banner {
    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: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.4);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.33px;
    backdrop-filter: blur(5px);/*2024-08-14 썸네일 이미지 확장*/
}
.product__item .soldout-banner span {
    color: rgba(0, 0, 0, 0.4);
}
.product__item .product__img.plan-filled__img {
    padding: 0;
}
.product__item .product__img.plan-filled__img::before {
    display: none;
}
.product__item .product__img.plan-filled__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
/*S: 2024-01-12 어덜트 수정*/
/* .product__item.type-sales--adult .product__img {
    height: 0;
    padding-top: 100%;
} */
/* .product__item.type-sales--adult .product__img img {
    display: none;
} */
/* .product__item.type-sales--adult .product__img::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff url(https://cdn.hddfs.com/front/images/KO/common/n/icon_adult_1.svg) 50% 50% no-repeat;
    background-size: contain;
    content: "";
} */
.product__item.type-sales--adult .product__img img {
    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: 6vw;
    height: 6vw;
    background: url(https://cdn.hddfs.com/front/images/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:before {
    filter: blur(6px);
    -webkit-filter: blur(6px);
}
/*E: 2024-01-12 어덜트 수정*/

.wrap-tooltip .wrap-tooltip__content.low-price_content .btn-close {
    top: 8px;
    right: 6px;
}
.wrap-tooltip .wrap-tooltip__content.low-price_content .btn-close::before {
    width: 18px;
    height: 18px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_low-price_close.svg) no-repeat;
    background-size: contain;
}

.pd-ititems-swiper {
    overflow: hidden;
    position: relative;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-top: -24px;/*2024-06-10 ai추천 슬라이드 변경*/
}
.pd-ititems-swiper .swiper-pagination-bullets {
    bottom: -4px;
}
.pd-ititems-swiper .swiper-pagination-bullet {
    opacity: 1;
    margin: 1px 4px;
    width: 6px;
    height: 6px;
    background-color: #ebebeb;
}
.pd-ititems-swiper .swiper-pagination-bullet-active {
    margin: 0px 4px;
    width: 8px;
    height: 8px;
    background-color: #000;
}
.pd-ititems-swiper.list-product__cart .product__item.product__item--cart .wrap-product__info {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.pd-ititems-swiper.list-product__cart .product__item.product__item--cart .product__price + .product__info--tag {
    margin-top: 10px;
}
.pd-ititems-swiper .swiper-wrapper {flex-direction:column; align-items: flex-start; max-height:810px; gap:0;}/*2024-06-10 ai추천 슬라이드 변경*//*2024-06-23 ai 좌우버튼 추가*/
.pd-ititems-swiper .swiper-wrapper .swiper-slide {height:auto;}/*2024-06-10 ai추천 슬라이드 변경*/

/*S:2024-06-23 ai 좌우버튼 추가*/
.pd-ititems-swiper .swiper-option {margin-top:10px; display:flex; align-items:center; justify-content:center; gap:10px;}
.pd-ititems-swiper .swiper-option :is(.swiper-button-prev, .swiper-button-next, .swiper-pagination) {position:static;}
.pd-ititems-swiper .swiper-option :is(.swiper-button-prev, .swiper-button-next) {background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_8.svg) no-repeat; width:16px; height:16px; margin-top:0;}
.pd-ititems-swiper .swiper-option .swiper-button-prev {transform:rotate(-180deg);}
/*E:2024-06-23 ai 좌우버튼 추가*/

.pd-set-swiper,
.pd-recommended-swiper,
.pd-bestbrand-swiper {
    overflow: hidden;
    margin-top: 16px;
}
.pd-set-swiper .swiper-button-next,
.pd-set-swiper .swiper-button-prev,
.pd-recommended-swiper .swiper-button-next,
.pd-recommended-swiper .swiper-button-prev,
.pd-bestbrand-swiper .swiper-button-next,
.pd-bestbrand-swiper .swiper-button-prev {
    background-image: none;
}
.pd-set-swiper .swiper-button-next.type-circle::after,
.pd-set-swiper .swiper-button-prev.type-circle::after,
.pd-recommended-swiper .swiper-button-next.type-circle::after,
.pd-recommended-swiper .swiper-button-prev.type-circle::after,
.pd-bestbrand-swiper .swiper-button-next.type-circle::after,
.pd-bestbrand-swiper .swiper-button-prev.type-circle::after {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 16px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_9.svg) no-repeat;
    background-size: contain;
    content: "";
}
.pd-set-swiper .swiper-button-next.type-circle,
.pd-recommended-swiper .swiper-button-next.type-circle,
.pd-bestbrand-swiper .swiper-button-next.type-circle {
    right: var(--swiper-navigation-sides-offset, -20px);
}
.pd-set-swiper .swiper-button-next.type-circle::after,
.pd-recommended-swiper .swiper-button-next.type-circle::after,
.pd-bestbrand-swiper .swiper-button-next.type-circle::after {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
}
.pd-set-swiper .swiper-button-prev.type-circle,
.pd-recommended-swiper .swiper-button-prev.type-circle,
.pd-bestbrand-swiper .swiper-button-prev.type-circle {
    left: var(--swiper-navigation-sides-offset, -20px);
}
.pd-set-swiper:hover .swiper-button-next,
.pd-set-swiper:hover .swiper-button-prev,
.pd-recommended-swiper:hover .swiper-button-next,
.pd-recommended-swiper:hover .swiper-button-prev,
.pd-bestbrand-swiper:hover .swiper-button-next,
.pd-bestbrand-swiper:hover .swiper-button-prev {
    opacity: 1;
}
.wrap-pd-swiper {
    position: relative;
}
.wrap-pd-swiper .pd-bestbrand-swiper .swiper-button-prev,
.wrap-pd-swiper .pd-bestbrand-swiper .swiper-button-next,
.wrap-pd-swiper .pd-recommended-swiper .swiper-button-prev,
.wrap-pd-swiper .pd-recommended-swiper .swiper-button-next {
    top: 75px;
    margin-top: 0;
}
.wrap-pd-swiper .product__info .product__price--origin + .type-1 + .product__tag {
    margin-top: 12px;
}

.pd_visual {
    position: relative;
}
.pd_visual .pd-thumb-swiper {
    border-radius: 8px;
    background-color: #f5f7fa;
}
.pd_visual .badge {
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 20px;
}
.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;
}
.pd_visual .badge li span {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.3px;
    color: #5c6677;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #ccd1d8;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}/*2024-05-14 첫구매딜 관련 수정*/
.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%);
}
.pd_visual .badge li.type-first-deal span {
    border-color: #ffeaea;
    background-color: #ffeaea;
    color: #ea2869;
}/*2024-05-14 첫구매딜 관련 추가*/
.pd_visual .badge li.type-first-deal span:before {content:""; display: inline-block; width: 16px; height:16px; margin-right:2px; background:url('https://cdn.hddfs.com/front/images/KO/common/ic_first_deal.svg') no-repeat center center/contain;}/*2024-05-14 첫구매딜 관련 추가*/
.pd_visual .pd-thumb-swiper .product__item {
    height: 618px;
}
.pd_visual .pd-thumb-swiper .thumb {
    height: 618px;
    padding: 100px;
}
.pd_visual .pd-thumb-swiper .thumb a {
    width: 100%;
    height: 100%;
}
.pd_visual .pd-thumb-swiper .thumb::before {
    top: 100px;
    left: 100px;
    width: 418px;
    height: 418px;
    pointer-events: none;
}
.pd_visual .pd-thumbs-swiper {
    margin-top: 10px;
    padding: 10px 0;
}
.pd_visual .pd-thumbs-swiper .thumb_list .product__item {
    border-radius: 8px;
}
.pd_visual .pd-thumbs-swiper .thumb_list .product__item .thumb {
    padding: 10px;
    max-width: 83px;
    height: 100%;
    opacity: 0.4;
}
.pd_visual .pd-thumbs-swiper .thumb_list .product__item .thumb::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pd_visual .pd-thumbs-swiper .thumb_list .product__item .thumb::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 8px;
    border: 2px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}
.pd_visual .pd-thumbs-swiper .thumb_list .product__item .thumb .product__img:before {
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 1;
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    background-color: rgba(12, 54, 122, 0.04);
}
.pd_visual .pd-thumbs-swiper .thumb_list .product__item.swiper-slide-active .thumb {
    opacity: 1;
}
.pd_visual .pd-thumbs-swiper .thumb_list .product__item.swiper-slide-active .thumb::after {
    border: 2px solid #000;
}

.pd_descript {
    position: relative;
}
.pd_descript .desc_MDcomment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex; /*2023-12-19 md 관련 수정*/
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.35px;
    background-image: linear-gradient(97deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%);
    background-image: linear-gradient(97deg, #ea2829 0%, #ea2869 15%, #ce28a5 20%, #a928ea 100%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    pointer-events: none;
}
.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;
    pointer-events: auto;
}/*2023-12-19 md 관련 추가*/
.pd_descript .desc_MDcomment.has_link::after {/*2023-12-19 md 관련 has_link 클래스 추가*/
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_7.svg);
    background-repeat: no-repeat;
}
.pd_descript .desc_goods {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px 18px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.pd_descript .desc_goods .goods_detail {
    width: 500px;
    position: relative;
}
.pd_descript .desc_goods .goods_detail .goods_brand {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #1b1e23;
}
.pd_descript .desc_goods .goods_detail .goods_brand::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 2px;
    position: relative;
    top: 3px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_brandhome.svg);
    background-repeat: no-repeat;
}
.pd_descript .desc_goods .goods_detail .goods_name {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -0.5px;
    text-align: left;
    color: #1b1e23;
    padding-top: 12px;
}
.pd_descript .desc_goods .btn_area {
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center;
    gap: 0;
    padding-bottom: 12px;
}
.pd_descript .desc_goods .btn_area button {
    width: 24px;
    height: 24px;
    font-size: 0;
    text-indent: -9999px;
    line-height: 0;
}
.pd_descript .desc_goods .btn_area button + button {
    margin-left: 12px;
}
.pd_descript .desc_goods .btn_area button::after {
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
}
.pd_descript .desc_goods .btn_area .btn_like--heart,
.pd_descript .desc_goods .btn_area .btn_like {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_heart_blank.svg);
    background-size: cover;
}
.pd_descript .desc_goods .btn_area .btn_like--heart.on,
.pd_descript .desc_goods .btn_area .btn_like.on {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_heart_fill.svg);
}
.pd_descript .desc_goods .btn_area .btn_like--heart::before,
.pd_descript .desc_goods .btn_area .btn_like::before {
    content: "";
}
.pd_descript .desc_goods .btn_area .btn_share {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_share.svg);
    background-size: cover;
}
.pd_descript .desc_goods .btn_area .btn_share::before {
    content: "";
    background: none;
}
.pd_descript .desc_goods .btn_area.wrap-tooltip .btn_share {
    padding-top: 0;
}
.pd_descript .desc_goods .btn_area.wrap-tooltip .wrap-tooltip__content.active {
    width: 344px;
    left: auto !important;
    right: 10% !important;
    padding: 12px 12px 24px 12px;
}
.pd_descript .desc_goods .btn_area.wrap-tooltip .wrap-tooltip__content .tit {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: -0.33px;
    text-align: left;
    color: #1b1e23;
}
.pd_descript .desc_goods .btn_area.wrap-tooltip .wrap-tooltip__content .cont {
    margin-top: 16px;
}
.pd_descript .desc_goods .btn_area.wrap-tooltip .wrap-tooltip__content .cont a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: 0px;
    margin-right: 10px;
    border-radius: 100%;
    overflow: hidden;
}
.pd_descript .desc_goods .btn_area.wrap-tooltip .wrap-tooltip__content .cont a:last-child {
    margin-right: 0;
}
.pd_descript .desc_goods .btn_area.wrap-tooltip .wrap-tooltip__content .btn-close {
    top: 8px;
    right: 8px;
    width: 18px;
    height: 18px;
    padding: 14px;
}
.pd_descript .desc_goods .btn_area.wrap-tooltip .wrap-tooltip__content .btn-close:before {
    width: 14px;
    height: 14px;
}
.pd_descript .desc_review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.pd_descript .desc_review .rating-static {
    position: relative;
    top: -3px;
}
.pd_descript .desc_review .rating-static span {
    display: block;
    position: relative;
    width: 84px;
    height: 16px;
}
.pd_descript .desc_review .rating-static span:before {
    height: 16px;
    background-size: contain;
}
.pd_descript .desc_review .btn_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 0.5;
    letter-spacing: -0.35px;
    color: #000;
}
.pd_descript .desc_review .btn_txt .scoreAll {
    display: block;
}
.pd_descript .desc_review .btn_txt a {
    display: block;
    text-decoration: underline;
}
.pd_descript .desc_review .btn_txt .review-count__num {
    font-weight: 400;
}
.pd_descript .desc_review::after {
    content: "";
    display: block;
    clear: both;
}
.pd_descript .desc_priceinfo {
    margin-top: 24px;
    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;
}
.pd_descript .desc_priceinfo .price {
    width: 350px;
    position: relative;
}
.pd_descript .desc_priceinfo .price .price_org {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #788497;
}
.pd_descript .desc_priceinfo .price .price_sale {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.45px;
    color: #1b1e23;
}
.pd_descript .desc_priceinfo .price .price_ko {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #3d444f;
}
.pd_descript .desc_priceinfo .price .sale_percent {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.6px;
    color: #ea2869;
    margin-right: 4px;
}/*2024-05-09 적립금가 노출 관련 수정*/
.pd_descript .desc_priceinfo .price .sale_percent em::after {
    content: "%";
    display: inline-block;
    font-size: 14px;
    color: #ea2829;
    /* margin-left: -1px; */
}/*2024-05-09 적립금가 노출 관련 수정*/
.pd_descript .desc_priceinfo .save_point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
}

.pd_hShare,
.pd_gift {
    padding-top: 24px;
    border-top: 1px solid #1b1e23;
}/*2024-05-09 적립금가 노출 관련 수정*/

.pd_hShare .desc__status {
    position: relative;
    padding: 16px 16px 0px;
    border-radius: 8px;
    border: 1px solid #dde0e5;
}
.pd_hShare .desc__status + .area-attention {
    padding-top: 16px;
}
.pd_hShare .status_tit p {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #1b1e23;
}
.pd_hShare .status_tit p .countdown {
    color: #ea2869;
}
.pd_hShare .status_graph {
    position: relative;
    width: 100%;
    height: 50px;
}
.pd_hShare .status_graph::before {
    background: #eef0f2;
}
.pd_hShare .status_graph::before,
.pd_hShare .status_graph .graph__bar {
    content: "";
    display: block;
    position: absolute;
    bottom: 15px;
    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;
}
.pd_hShare .status_graph .graph__bar {
    width: 0;
    display: block;
    -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%);
}
.pd_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;
    bottom: 30px;
    right: auto;
    color: #abb2be;
    font-size: 12px;
    text-indent: -0.3px;
    line-height: 1.3;
    padding: 4px 7px;
    letter-spacing: -1px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: #ea2869;
    color: #fff;
}
.pd_hShare .status_graph p::before {
    content: "";
    display: inline-block;
    background: #fff;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #ea2869;
}
.pd_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;
}
.pd_hShare .status_graph p .graph__current {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
}
.pd_hShare .status_graph p .graph__max {
    display: inline-block;
    opacity: 0.7;
}
.pd_hShare .status_info {
    background-color: #f9fafb;
    border-top: 1px solid #dde0e5;
    border-radius: 0 0 8px 8px;
    margin: 0 -16px;
    padding: 6px 0;
}
.pd_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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0 20px;
    padding: 6px 16px;
}
.pd_hShare .status_info li p {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.35px;
    text-align: left;
    color: #5c6677;
}
.pd_hShare .status_info li p span {
    font-weight: 700;
    color: #1b1e23;
}
.pd_hShare .status_info li .rate {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.4px;
    font-weight: 700;
    color: #ea2829;
}
.pd_hShare .status_info li .rate span {
    color: #ea2829;
}

.pd_gift .wrap-gift {
    overflow: hidden;
    position: relative;
}
.pd_gift .wrap-gift + .btn-more {
    margin-top: 8px;
    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;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.3px;
    color: #5c6677;
}
.pd_gift .wrap-gift + .btn-more::after {
    content: "";
    display: block;
    width: 12px;
    height: 11px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_3.svg) no-repeat;
    background-size: contain;
}
.pd_gift .list-gift {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0;
    position: relative;
    width: 472px;
    min-height: 76px;
    margin: 0 auto;
}
.pd_gift .list-gift .giftitem {
    width: 100%;
    padding: 18px 32px;
    border-radius: 8px;
    border: solid 1px #dde0e5;
}
.pd_gift .list-gift .giftitem a {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 0px 12px;/*2024-02-01 사은품 겟수 수정*/
    align-items: center;
    overflow: hidden;
}
.pd_gift .list-gift .giftitem .list-gift__img {
    grid-column: 1/2;
    grid-row: 1/4;/*2024-02-01 사은품 겟수 수정*/
    width: 52px;
    height: 52px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gift_2.svg) no-repeat;
    background-size: contain;
}
.pd_gift .list-gift .giftitem .list-gift__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pd_gift .list-gift .giftitem .list-gift__tit {
    grid-column: 2/3;
    /*grid-row: 1/3;2024-02-01 사은품 겟수 수정*/
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;/*2024-02-01 사은품 겟수 수정*/
    letter-spacing: -0.33px;
    color: #1b1e23;
}
.pd_gift .list-gift .giftitem .list-gift__info {
    grid-column: 2/3;
    /*grid-row: 1/3;2024-02-01 사은품 겟수 수정*/
    font-size: 13px;
    line-height: 1;/*2024-02-01 사은품 겟수 수정*/
    letter-spacing: -0.33px;
    color: #5c6677;
    padding:2px 0;
}
.pd_gift .list-gift .giftitem .list-gift__number {
    grid-column: 2/3;
    /* grid-row: 2/3; */
    font-size: 12px;
    line-height: 1;
    letter-spacing: -0.33px;
    color: #5c6677;
}/*2024-02-01 사은품 겟수 추가*/
/* .pd_gift .list-gift .giftitem::after {
    content: "";
    display: inline-block;
    clear: both;
} */
.pd_gift .swiper-pagination {
    position: relative;
    bottom: auto;
    top: auto;
    margin-top: 16px;
}
.pd_gift .btn-swiper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 10;
}
.pd_gift .btn-swiper .swiper-button-next,
.pd_gift .btn-swiper .swiper-button-prev {
    position: relative;
    width: 12px;
    height: 12px;
    margin-top: 0;
    background: none;
}
.pd_gift .btn-swiper .swiper-button-next::after,
.pd_gift .btn-swiper .swiper-button-prev::after {
    content: "";
    display: block;
    overflow: hidden;
    width: 12px;
    height: 0;
    padding-top: 12px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_8.svg) no-repeat;
    background-size: contain;
    font-size: 0;
    text-indent: -9999px;
}
.pd_gift .btn-swiper .swiper-button-next {
    right: 12px;
}
.pd_gift .btn-swiper .swiper-button-prev {
    left: 12px;
}
.pd_gift .btn-swiper .swiper-button-prev::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.pd_benefitsinfo {
    padding-top: 24px;
}
.pd_benefitsinfo .attention__tit {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #1b1e23;
}
.pd_benefitsinfo li {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #788497;
}
.pd_benefitsinfo dl {
    margin-bottom: 12px;
}
.pd_benefitsinfo dl:last-child {
    margin-bottom: 0;
}
.pd_benefitsinfo dd {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #1b1e23;
}
.pd_benefitsinfo .point {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #5a3ff2;
}
.pd_benefitsinfo a {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #788497;
    text-decoration: underline;
    text-underline-position: under;
}

.pd_req {
    padding-top: 24px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
}
.pd_req .area-attention .type-1 {
    border: 0;
}
.pd_req .attention__tit.type-precaution.accordion__tit button + span {
    font-weight: 400;
    color: #1b1e23;
}
.pd_req .accordion__cont {
    padding-top: 10px;
}

.opt_select .chip_select {
    margin-top: 24px;
}
.opt_select .chip_select .select_items li::before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 9px);
    left: 16px;
    border-radius: 100%;
    background: #dde0e5 no-repeat 50% 50%/100% auto;
}
.opt_select .select_choose {
    position: relative;
    border-radius: 4px;
    border: solid 1px #dde0e5;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.opt_select .select_choose.accordion__tit::before {
    content: "";
    display: none;
}
.opt_select .select_choose button::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    width: 16px;
    height: 16px;
}
.opt_select .select_choose button[aria-expanded=true]::after {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
}
.opt_select .select_choose .sel_tit {
    width: 100%;
    padding: 10px 12px 10px 16px;
    font-size: 14px;
    text-align: left;
}
.opt_select .select_choose p {
    display: block;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    font-weight: initial;
    color: #abb2be;
    margin-left: 0px;
}
.opt_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;
}
.opt_select .select_items button {
    width: 100%;
    text-align: left;
    padding: 9px 15px 9px 49px;
}
.opt_select .select_items li {
    position: relative;
    padding: 0 8px 0 4px;
}
.opt_select .select_items li::before {
    content: "";
    display: none;
}
.opt_select .select_items .soldout:hover {
    background-color: unset;
}
.opt_select .select_items .soldout .itemchip::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #fff;
    margin-bottom: 0;
    -webkit-transform: rotate(-45deg) perspective(34px) translateZ(10px);
            transform: rotate(-45deg) perspective(34px) translateZ(10px);
    position: absolute;
    top: 10px;
    left: 0px;
}
.opt_select .select_items .soldout .itemname {
    color: #abb2be;
}
/* .opt_select .select_items .soldout .itemname::after {
    content: "(품절)";
    display: inline-block;
} */
.opt_select .select_items .soldout.stock .itemname::after {
    content: "(일시품절)";
    display: inline-block;
}
.opt_select .select_items .sel_item {
    width: 100%;
}
.opt_select .select_items .sel_item.pick {
    background-color: #f5f7fa;
}
.opt_select .select_items::-webkit-scrollbar {
    width: 14px;
}
.opt_select .select_items::-webkit-scrollbar-track {
    background: #fff;
}
.opt_select .select_items::-webkit-scrollbar-thumb {
    background: #ccd1d8;
    background-clip: padding-box;
    border: 5px solid transparent;
    border-radius: 10px;
}
.opt_select.opt_basic {
    margin-top: 24px;
}
.opt_select.opt_basic .opt_basic_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px 4px;
}
.opt_select.opt_basic .opt_basic_list li {
    position: relative;
    display: inline-block;
    margin: 0;
}
.opt_select.opt_basic .opt_basic_list li:last-child {
    margin-right: 0;
}
.opt_select.opt_basic .opt_basic_list li input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    border: 0;
}
.opt_select.opt_basic .opt_basic_list li input + label p {
    position: relative;
    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: 113px;
    min-height: 40px;
    padding: 5px 10px;
    border: solid 1px #dde0e5;
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.35px;
    text-align: center;
    color: #5c6677;
    cursor: pointer;
}
.opt_select.opt_basic .opt_basic_list li input:checked + label p {
    border: solid 1px #1b1e23;
    font-weight: 700;
    color: #1b1e23;
}
.opt_select.opt_basic .opt_basic_list li input:disabled + label p {
    background-color: #dde0e5;
    color: #abb2be;
}
.opt_select.opt_chip {
    margin-left: 0;
    margin-right: 0;
}
.opt_select.opt_chip .chip_select .itemchip {
    position: absolute;
    top: 50%;
    left: 16px;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -9px;
    border-radius: 50%;
    background-size: 100% auto !important;
    overflow: hidden;
}
.opt_select.opt_chip .chip_select .itemname {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    text-align: left;
    color: #1b1e23;
}
.opt_select.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;
}
.opt_select.opt_chip .chip_select .select_choose.accordion__tit::before {
    content: "";
    display: none;
}
.opt_select.opt_chip .chip_select .select_choose .sel_tit {
    width: 100%;
    padding: 10px 12px 10px 48px;
    font-size: 14px;
    text-align: left;
}
.opt_select.opt_chip .chip_select .select_choose .sel_tit .itemname {
    color: #1b1e23;
}
.opt_select.opt_chip .chip_select .select_choose .sel_tit span + p {
    display: none;
}
.opt_select.opt_chip .chip_select .select_choose p {
    display: block;
    font-weight: initial;
    color: #abb2be;
    margin-left: -40px;
}
.opt_select.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;
}
.opt_select.opt_chip .chip_select .select_items button {
    width: 100%;
    text-align: left;
    padding: 9px 15px 9px 49px;
}
.opt_select.opt_chip .chip_select .select_items li {
    position: relative;
}
.opt_select.opt_chip .chip_select .select_items li::before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 9px);
    left: 16px;
    border-radius: 100%;
    background: #dde0e5 no-repeat 50% 50%/100% auto;
}
.opt_select.opt_chip .chip_select .select_items .soldout:hover {
    background-color: unset;
}
.opt_select.opt_chip .chip_select .select_items .soldout .itemchip::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #fff;
    margin-bottom: 0;
    -webkit-transform: rotate(-45deg) perspective(34px) translateZ(10px);
            transform: rotate(-45deg) perspective(34px) translateZ(10px);
    position: absolute;
    top: 10px;
    left: 0px;
}
.opt_select.opt_chip .chip_select .select_items .soldout .itemname {
    color: #abb2be;
}
/* .opt_select.opt_chip .chip_select .select_items .soldout .itemname::after {
    content: "(품절)";
    display: inline-block;
} */
.opt_select.opt_chip .chip_select .select_items .soldout.stock .itemname::after {
    content: "(일시품절)";
    display: inline-block;
}
.opt_select.opt_chip .chip_select .select_items .sel_item {
    width: 100%;
}
.opt_select.opt_chip .chip_select .select_items .sel_item.pick {
    background-color: #f5f7fa;
}
.opt_select.opt_chip .chip_select .select_items::-webkit-scrollbar {
    width: 14px;
}
.opt_select.opt_chip .chip_select .select_items::-webkit-scrollbar-track {
    background: #fff;
}
.opt_select.opt_chip .chip_select .select_items::-webkit-scrollbar-thumb {
    background: #ccd1d8;
    background-clip: padding-box;
    border: 5px solid transparent;
    border-radius: 10px;
}
.opt_select.opt_chip.type2 .chip_select .itemchip {
    border-radius: 0;
    width: 30px;
    height: 20px;
}
.opt_select.opt_chip.type2 .chip_select .select_choose .sel_tit {
    padding: 10px 12px 10px 58px;
}
.opt_select.opt_chip.type2 .chip_select .select_items button {
    width: 100%;
    padding-left: 58px;
}
.opt_select.opt_chip.type2 .chip_select .select_items li::before {
    border-radius: 0;
    width: 30px;
    height: 20px;
}
.opt_select.opt_chip.type2 .chip_select .select_items .soldout .itemchip::before {
    content: "";
    display: inline-block;
    width: 40px;
    margin-bottom: 5px;
    -webkit-transform: rotate(-34deg) perspective(50px) translateZ(10px);
            transform: rotate(-34deg) perspective(50px) translateZ(10px);
    position: absolute;
    top: 8px;
    left: 0px;
}
.opt_select .product__info .wrap-select {
    width: 244px;
    pointer-events: visible;
}

.pd_option {
    padding: 24px;
    border-radius: 8px;
    background-color: #f5f7fa;
}
.pd_option .option_name {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #3d444f;
}
.pd_option .option_buy {
    margin-top: 16px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.pd_option .option_buy .num_amount {
    width: 120px;
    background-color: #fff;
}
/* S: 2024-01-29 단품선택 추가 */
.pd_option .prod-side__option {
    margin-top: 10px;
}
.pd_option .prod-side__option + .option_buy {
    margin-top: 24px;
}
/* S: 2024-01-29 단품선택 추가 */
.pd_option .option_total .option-total__cost {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.45px;
    text-align: right;
    color: #1b1e23;
}
.pd_option .option_total .option-total__cost span {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    text-align: right;
    color: #3d444f;
}

.wrap-payment {
    position: sticky;
    top: 140px;
    left: 10px;
}
.wrap-payment.pd_remote .pd_option {
    padding: 0;
}
.wrap-payment.pd_remote .opt_select + .opt_select, .wrap-payment.pd_remote .opt_select + .pd_option {
    margin-top: 24px;
}
.wrap-payment.no-floating {
    position: unset;
}

.pd_product_total {
    padding-top: 20px;
}
.pd_product_total.stop .payment-total > *, .pd_product_total.soldout .payment-total > * {
    color: #788497;
}
.pd_product_total.stop .payment-total .payment-total__cost span, .pd_product_total.soldout .payment-total .payment-total__cost span {
    color: #abb2be;
}
.pd_product_total.wrap-payment {
    padding: initial;
    border-radius: 0;
    border: initial;
}
.pd_product_total .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;
}
.pd_product_total .payment-total.type-1 {
    width: 100%;
}
.pd_product_total .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;
}
.pd_product_total .payment-total.type-1 .payment-total__tit .payment-total__tit1 {
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
    color: #1b1e23;
    text-align: left;
}
.pd_product_total .payment-total.type-1 .payment-total__tit .payment-total__tit2 {
    display: block;
    color: #5c6677;
    font-weight: 400;
}
.pd_product_total .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;
}
.pd_product_total .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;
}
.pd_product_total .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;
}
.pd_product_total .payment-total__num {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -0.45px;
    color: #1b1e23;
}
.pd_product_total .payment-total__num span {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.55px;
}
.pd_product_total .payment-total__cost {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: -0.7px;
    text-align: right;
    color: #ea2829;
}
.pd_product_total .payment-total__cost span {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #3d444f;
}
.pd_product_total .btn_area {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    gap: 4px;
}
.pd_product_total .btn_area > * {
    display: inline-block;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.pd_product_total .btn_area button {
    display: inline-block;
}
.pd_product_total .btn_area button.size-big {
    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;
    gap: 0 2px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.pd_product_total .btn_area button.size-big br {
    display: none;
}
.pd_product_total .btn_area button.type-head-low-price {
    overflow: initial;
}
.pd_product_total .btn_area button.type-head-low-price::before {
    display: none;
}
.pd_product_total .btn_area button.type-head-low-price span {
    position: relative;
    padding-left: 24px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.4px;
    background-image: linear-gradient(119deg, #ea2829, #ea2829 51%, #ce28a5 80%, #a928ea);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    pointer-events: none;
}
.pd_product_total .btn_area button.type-head-low-price span::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_low_price.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.pd_product_total .btn_area button.type-head-low-price:hover::after {
    display: block;
    position: absolute;
    -webkit-animation: viewBtoT 0.2s;
            animation: viewBtoT 0.2s;
    left: 8px;
    top: -34px;
    width: 205px;
    height: 38px;
    background: url(https://cdn.hddfs.com/front/images/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: "고객님 최저가 혜택을 확인해보세요!";
}
.pd_product_total .btn_area button.type-alram {
    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;
}
.pd_product_total .btn_area button.type-alram::before {
    content: "";
    display: block;
    margin: 0;
    width: 20px;
    height: 20px;
}
.pd_product_total .btn_area .total_lowestinfo {
    position: absolute;
    bottom: 0;
    left: 30px;
}
.pd_product_total .low-price_content {
    padding: 0;
    margin: 0;
    border-radius: 8px;
    border: 1px solid #ea2869;
}
.pd_product_total .low-price_content.wrap-tooltip__content {
    position: absolute;
    left: 0 !important;
    top: auto !important;
    bottom: 68px !important;
    width: 383px !important;
    padding: 0;
    margin: 0;
    border-radius: 8px;
    border: 1px solid #ea2869;
}
.pd_product_total .low-price_content .tit_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 12px;
    border: 0;
    border-radius: 8px 8px 0 0;
    background-image: linear-gradient(96deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%);
    padding: 13px 0;
    margin: -1px -1px 0;
}
.pd_product_total .low-price_content .tit_box .tit {
    position: relative;
    margin: 0 auto;
    padding-left: 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #fff;
}
.pd_product_total .low-price_content .tit_box .tit::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_low_price_w.svg) no-repeat;
    background-size: contain;
}
.pd_product_total .low-price_content .cont {
    padding: 24px 32px;
}
.pd_product_total .low-price_content .payment-info__low-price_head .bottom-price__detail {
    overflow: hidden;
    -webkit-transition: all 0.45s ease-out;
    transition: all 0.45s ease-out;
}
.pd_product_total .low-price_content .payment-info__low-price_head .bottom-price__detail .wrap-detail {
    position: relative;
    border-radius: 0 0 8px 8px;
    background-color: #fff;
}
.pd_product_total .low-price_content .payment-info__low-price_head .bottom-price__detail .wrap-detail.type-1 {
    padding: 16px 0 0;
    border: none;
}
.pd_product_total .low-price_content .payment-info__low-price_head .bottom-price__detail .wrap-detail.type-1 .list-bottom-price > li .bottom-price__item {
    font-weight: 400;
}
.pd_product_total .low-price_content .payment-info__low-price_head .bottom-price__detail .wrap-detail.type-1 .list-bottom-price > li + li {
    margin-top: 9px;
}
.pd_product_total .low-price_content .payment-info__low-price_head .bottom-price__detail .wrap-detail.type-1 .list-bottom-price + .list-bottom-price {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dotted #dde0e5;
}
.pd_product_total .low-price_content .payment-info__low-price_head .bottom-price__detail .wrap-detail.type-1 .list-bottom-price + .list-bottom-price::before {
    display: none;
}
.pd_product_total .low-price_content .payment-info__low-price_head .bottom-price__detail .wrap-detail.type-1 .list-bottom-price .list-bottom-price--detail {
    display: block;
}
.pd_product_total .low-price_content .payment-info__low-price_head .bottom-price__detail .txt-reference {
    margin-top: 16px;
    padding-top: 20px;
    padding-left: 0px;
    border-top: 1px dashed #dde0e5;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.3px;
    color: #788497;
}
.pd_product_total .low-price_content .payment-info__low-price_head .bottom-price__detail .txt-reference::before {
    content: "";
    display: none;
}
.pd_product_total .low-price_content .payment-info__low-price_head .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;
    line-height: 1.46;
    letter-spacing: -0.33px;
}
.pd_product_total .low-price_content .payment-info__low-price_head .list-bottom-price > li .bottom-price__item {
    color: #282c34;
}
.pd_product_total .low-price_content .payment-info__low-price_head .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;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background-color: transparent;
}
.pd_product_total .low-price_content .payment-info__low-price_head .list-bottom-price > li .bottom-price__item button::after {
    display: block;
    width: 12px;
    height: 10px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_6.svg) no-repeat;
    background-size: contain;
    content: "";
}
.pd_product_total .low-price_content .payment-info__low-price_head .list-bottom-price > li .bottom-price__money {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #1b1e23;
    text-align: right;
}
.pd_product_total .low-price_content .payment-info__low-price_head .list-bottom-price > li + li {
    margin-top: 12px;
}
.pd_product_total .low-price_content .payment-info__low-price_head .list-bottom-price > li.is-active .bottom-price__item button::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.pd_product_total .low-price_content .payment-info__low-price_head .list-bottom-price + .list-bottom-price {
    position: relative;
    margin-top: 16px;
    padding-top: 16px;
}
.pd_product_total .low-price_content .payment-info__low-price_head .list-bottom-price + .list-bottom-price::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dde0e5;
    content: "";
}
.pd_product_total .low-price_content .payment-info__low-price_head .list-bottom-price .list-bottom-price--detail {
    display: none;
    overflow: hidden;
    width: 100%;
    margin-top: 10px;
}
.pd_product_total .low-price_content .payment-info__low-price_head .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;
}
.pd_product_total .low-price_content .payment-info__low-price_head .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-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
}
.pd_product_total .low-price_content .payment-info__low-price_head .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: "";
}
.pd_product_total .low-price_content .payment-info__low-price_head .list-bottom-price .list-bottom-price--detail > li .bottom-price__money {
    font-size: 14px;
    font-weight: initial;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #1b1e23;
    text-align: right;
}
.pd_product_total .low-price_content .payment-info__low-price_head .list-bottom-price .list-bottom-price--detail > li + li {
    margin-top: 8px;
}
.pd_product_total .low-price_content .payment-info__low-price_head .list-bottom-price.active .bottom-price__item button::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.pd_product_total .low-price_content .payment-info__low-price_head .list-bottom-price + .payment-total.type-1 {
    margin-top: 20px;
    padding-top: 22px;
    border-top: 1px solid #dde0e5;
}
.pd_product_total .low-price_content .payment-info__low-price_head .bottom-price__open .btn-square {
    position: relative;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.pd_product_total .low-price_content .payment-info__low-price_head .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(https://cdn.hddfs.com/front/images/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: "고객님 최저가 혜택을 확인해보세요!";
}
.pd_product_total .low-price_content .payment-info__low-price_head + .payment-order {
    margin-top: 8px;
}
.pd_product_total .low-price_content .payment-info__low-price_head.active .bottom-price__open {
    position: relative;
}
.pd_product_total .low-price_content .payment-info__low-price_head.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;
}
.pd_product_total .low-price_content .payment-info__low-price_head.active .bottom-price__open .btn-square::before {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}
.pd_product_total .low-price_content .payment-info__low-price_head.active .bottom-price__open::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_close_2.svg) no-repeat;
    background-size: contain;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    pointer-events: none;
    content: "";
}
.pd_product_total .low-price_content .payment-info__low-price_head.active .link-arrow.type-1::after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.payment-total.type-1 {
    width: 100%;
}
.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;
}
.payment-total.type-1 .payment-total__tit .payment-total__tit1 {
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    color: #1b1e23;
    text-align: left;
}
.payment-total.type-1 .payment-total__tit .payment-total__tit2 {
    display: block;
    font-size: 13px;
    color: #5c6677;
    font-weight: 400;
    text-align: left;
}
.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: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 2px;
}
.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;
}
.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;
}

.pd_set {
    width: 100%;
    position: relative;
}
.pd_set .tit + .wrap-pd-swiper {
    margin-top: 16px;
}
.pd_set .pd-set-swiper {
    overflow: hidden;
    margin-top: 0;
}
.pd_set .product__info {
    margin: 16px 0 12px;
}
.pd_set .product__option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.pd_set .product__option .option-change__num {
    width: 120px;
    border: 1px solid transparent;
}
.pd_set .product__option .size-1 {
    padding: 0 12px;
    min-width: 93px;
}
.pd_set .wrap-pd-swiper .pd-set-swiper .swiper-button-prev,
.pd_set .wrap-pd-swiper .pd-set-swiper .swiper-button-next {
    top: 96px;
    margin-top: 0;
}

.pd_remote .opt_select .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;
}
.pd_remote .opt_select .chip_select .select_choose.accordion__tit::before {
    content: "";
    display: none;
}
.pd_remote .opt_select .chip_select .select_choose button::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_accordion_arrow_off.svg) no-repeat;
}
.pd_remote .opt_select .chip_select .select_choose .sel_tit {
    width: 100%;
    padding: 10px 12px 10px 16px;
    font-size: 14px;
    text-align: left;
}
.pd_remote .opt_select .chip_select .select_choose p {
    display: block;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    font-weight: initial;
    color: #abb2be;
    margin-left: 0px;
}
.pd_remote .opt_select.opt_chip {
    margin-left: 0;
    margin-right: 0;
}
.pd_remote .opt_select.opt_chip .chip_select .itemchip {
    position: absolute;
    top: 50%;
    left: 16px;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -9px;
    border-radius: 50%;
    background-size: 100% auto !important;
    overflow: hidden;
}
.pd_remote .opt_select.opt_chip .chip_select .itemname {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    text-align: left;
    color: #1b1e23;
}
.pd_remote .opt_select.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;
}
.pd_remote .opt_select.opt_chip .chip_select .select_choose.accordion__tit::before {
    content: "";
    display: none;
}
.pd_remote .opt_select.opt_chip .chip_select .select_choose button::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/M_ico_accordion_arrow.svg) no-repeat;
}
.pd_remote .opt_select.opt_chip .chip_select .select_choose .sel_tit {
    width: 100%;
    padding: 10px 12px 10px 48px;
    font-size: 14px;
    text-align: left;
}
.pd_remote .opt_select.opt_chip .chip_select .select_choose .sel_tit .itemname {
    color: #1b1e23;
}
.pd_remote .opt_select.opt_chip .chip_select .select_choose .sel_tit span + p {
    display: none;
}
.pd_remote .opt_select.opt_chip .chip_select .select_choose p {
    display: block;
    font-weight: initial;
    color: #abb2be;
    margin-left: -40px;
}
.pd_remote .opt_select.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;
}
.pd_remote .opt_select.opt_chip .chip_select .select_items button {
    width: 100%;
    text-align: left;
    padding: 9px 15px 9px 49px;
}
.pd_remote .opt_select.opt_chip .chip_select .select_items li {
    position: relative;
}
.pd_remote .opt_select.opt_chip .chip_select .select_items li::before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: calc(50% - 9px);
    left: 16px;
    border-radius: 100%;
    background: #dde0e5 no-repeat 50% 50%/100% auto;
}
.pd_remote .opt_select.opt_chip .chip_select .select_items .soldout:hover {
    background-color: unset;
}
.pd_remote .opt_select.opt_chip .chip_select .select_items .soldout .itemchip::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #fff;
    margin-bottom: 0;
    -webkit-transform: rotate(-45deg) perspective(34px) translateZ(10px);
            transform: rotate(-45deg) perspective(34px) translateZ(10px);
    position: absolute;
    top: 10px;
    left: 0px;
}
.pd_remote .opt_select.opt_chip .chip_select .select_items .soldout .itemname {
    color: #abb2be;
}
/* .pd_remote .opt_select.opt_chip .chip_select .select_items .soldout .itemname::after {
    content: "(품절)";
    display: inline-block;
} */
.pd_remote .opt_select.opt_chip .chip_select .select_items .soldout.stock .itemname::after {
    content: "(일시품절)";
    display: inline-block;
}
.pd_remote .opt_select.opt_chip .chip_select .select_items .sel_item {
    width: 100%;
}
.pd_remote .opt_select.opt_chip .chip_select .select_items .sel_item.pick {
    background-color: #f5f7fa;
}
.pd_remote .opt_select.opt_chip .chip_select .select_items::-webkit-scrollbar {
    width: 14px;
}
.pd_remote .opt_select.opt_chip .chip_select .select_items::-webkit-scrollbar-track {
    background: #fff;
}
.pd_remote .opt_select.opt_chip .chip_select .select_items::-webkit-scrollbar-thumb {
    background: #ccd1d8;
    background-clip: padding-box;
    border: 5px solid transparent;
    border-radius: 10px;
}
.pd_remote .opt_select.opt_chip.type2 .chip_select .itemchip {
    border-radius: 0;
    width: 30px;
    height: 20px;
}
.pd_remote .opt_select.opt_chip.type2 .chip_select .select_choose .sel_tit {
    padding: 10px 12px 10px 58px;
}
.pd_remote .opt_select.opt_chip.type2 .chip_select .select_items button {
    width: 100%;
    padding-left: 58px;
}
.pd_remote .opt_select.opt_chip.type2 .chip_select .select_items li::before {
    border-radius: 0;
    width: 30px;
    height: 20px;
}
.pd_remote .opt_select.opt_chip.type2 .chip_select .select_items .soldout .itemchip::before {
    content: "";
    display: inline-block;
    width: 40px;
    margin-bottom: 5px;
    -webkit-transform: rotate(-34deg) perspective(50px) translateZ(10px);
            transform: rotate(-34deg) perspective(50px) translateZ(10px);
    position: absolute;
    top: 8px;
    left: 0px;
}
.pd_remote .opt_select .tit {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #3d444f;
}
.pd_remote .opt_select .tit + .chip_select {
    margin-top: 16px;
}
.pd_remote .opt_select .product__info .wrap-select {
    width: 244px;
    pointer-events: visible;
}
.pd_remote .pd_option {
    padding-top: 24px;
    border-radius: 0;
    background-color: unset;
    position: relative;
}
.pd_remote .pd_option .btn_del {
    position: absolute;
    top: 0;
    right: 0;
    background-image: none;
}
.pd_remote .pd_option .btn_del::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_close_2.svg);
    background-size: contain;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.pd_remote .pd_option .option_name {
    position: relative;
    width: 100%;
    padding-right: 20px;
}
.pd_remote .pd_option + .pd_option {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #dde0e5;
}
.pd_remote .option_name {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #3d444f;
}
.pd_remote .option_buy {
    display: inline-block;
}
.pd_remote .option_total {
    margin-top: 16px;
}
.pd_remote .option_buy.-firstdeal .option_total {
    margin-top: 0;
}/* 2024-05-14 첫구매딜 추가 */
.pd_remote .option-total__cost {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.45px;
    color: #1b1e23;
}
.pd_remote .option-total__cost span {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #3d444f;
}
.pd_remote .list-bottom-price + .payment-total {
    margin-top: 15px;
    padding-top: 18px;
    border-top: 1px solid #dde0e5;
}
.pd_remote .payment-total {
    margin-top: 56px;
    border-top: 1px solid #dde0e5;
    padding-top: 24px;
}
.pd_remote .payment-total + .txt-reference {
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 0;
    border-top: 1px solid #dde0e5;
    text-align: center;
}
.pd_remote .payment-total + .txt-reference::before {
    display: none;
}
.pd_remote .payment-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
}
.pd_remote .payment-order .size-big {
    padding: 18px 12px;
    line-height: 1.5;
}
.pd_remote .remote_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    position: relative;
}
.pd_remote .remote_title p {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #3d444f;
}
.pd_remote .remote_title p .countdown {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #ea2869;
    margin: 0 4px;
}
.pd_remote.stop .message .tit, .pd_remote.soldout .message .tit {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.45px;
    text-align: center;
    color: #3d444f;
}
.pd_remote.stop .message .cont, .pd_remote.soldout .message .cont {
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    text-align: center;
    color: #3d444f;
}
.pd_remote.stop .payment-order, .pd_remote.soldout .payment-order {
    margin-top: 56px;
    border-top: 1px solid #dde0e5;
    padding-top: 24px;
}
.pd_remote.HShare .pd_option {
    margin-top: 16px;
}
.pd_remote.HShare.stop .message .tit {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.45px;
    text-align: center;
    color: #3d444f;
}
.pd_remote.HShare.stop .message .tit span {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.45px;
    color: #788497;
}

.productdetail_tab {
    position: sticky;
    top: 121px;
    left: 10px;
    z-index: 89;
    width: 100%;
    background: #fff;
    border-bottom: solid 1px #eef0f2;
}
.productdetail_tab ul::after {
    display: block;
    clear: both;
    content: "";
}
.productdetail_tab li {
    position: relative;
    display: block;
    float: left;
    width: 33.3333333333%;
    line-height: 41px;
    text-align: center;
}
.productdetail_tab.-firstdeal li {
    width: 50%;
}/* 2024-05-14 첫구매딜 관련 추가 */
.productdetail_tab li button {
    width: 100%;
    font-size: 18px;
    line-height: 1.5;
    line-height: 52px;
    letter-spacing: -0.45px;
    color: #abb2be;
}
.productdetail_tab li button span {
    display: block;
    pointer-events: none;
}
.productdetail_tab li.is-active button {
    font-weight: 700;
    color: #1b1e23;
}
.productdetail_tab li.is-active button::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #1b1e23;
    left: 0;
    bottom: -1px;
    content: "";
}

.pd_descript_contents {
    margin-top: 56px;
}
.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: 32px;
    padding-right: 32px;
    overflow: hidden;
}
.pd_descript_contents .brandzone .logo {
    background-color: #f9fafb;
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 218px;
    height: 84px;
}
.pd_descript_contents .brandzone .logo img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 28px 61px;
}
.pd_descript_contents .brandzone .name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #1b1e23;
}
.pd_descript_contents .brandzone .btn_area {
    padding: 0;
    margin-top: 0;
    margin-left: auto;
}
.pd_descript_contents .brandzone .btn_area button {
    display: inline-block;
    width: 24px;
    height: 24px;
}
.pd_descript_contents .brandzone .btn_area button + button {
    margin-left: 22px;
}
.pd_descript_contents .brandzone .btn_area .btn_like--heart,
.pd_descript_contents .brandzone .btn_area .btn_like {
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_heart_blank.svg) no-repeat 0 0;
}
.pd_descript_contents .brandzone .btn_area .btn_like--heart.on,
.pd_descript_contents .brandzone .btn_area .btn_like.on {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_heart_fill.svg);
}
.pd_descript_contents .brandzone .btn_area .btn_noti {
    font-size: 0;
    line-height: 0;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_brandnoti.svg) no-repeat 0 0;
    background-size: 24px 24px;
}
.pd_descript_contents .brandzone .btn_area .btn_noti.on {
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_brandnoti_on.svg) no-repeat 0 0;
}
/* S: 2023-12-27 브랜드 유의사항 - 추가*/
.pd_descript_contents .brand-notice {
    position: relative;
    margin-top: 20px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 24px;
}
.pd_descript_contents .brand-notice:before {
    content:"";
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    background: url(https://cdn.hddfs.com/front/images/KO/common/ic_brand_war.png) no-repeat 0 -3px;
    width: 20px;
    height: 24px;
    background-color: transparent;
}
/* E: 2023-12-27 브랜드 유의사항 - 추가*/
.pd_descript_contents .storezone {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 15px;
}
.pd_descript_contents .prodNo li {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #1b1e23;
}
.pd_descript_contents .locateinfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 56px;
}
.pd_descript_contents .locateinfo li {
    position: relative;
    min-width: 65px;
    /* height: 40px; */
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #1b1e23;
}
.pd_descript_contents .locateinfo li .locate {
    font-weight: 700;
}
.pd_descript_contents .locateinfo li:first-child {
    margin-left: 0;
}
.pd_descript_contents .prodCont {
    max-height: 1870px;
    padding-top: 80px;
    margin-bottom: 26px;
    overflow: hidden;
    position: relative;
}
.pd_descript_contents .prodCont.on {
    max-height: none;
    overflow-y: visible;
}
.pd_descript_contents .prodCont .edit_html {
    margin-bottom: 92px;/*2024-03-25 더보기 버튼 관련 수정 80px*/
}
.pd_descript_contents .prodCont .edit_html img {
    width: 100%;
    height: 100%;
    display: block;
}
.pd_descript_contents .prodCont.is-open {
    max-height: 100%;
    height: auto;
}
.pd_descript_contents .prodCont.is-open + .btn_more_box::after {
    display: none;
}
.pd_descript_contents .btn_more_box {
    position: relative;
    padding: 0 20px;
    border: 0px;
    width: 100%;
    background: #fff;
    text-align: center;
    z-index: 2;
}
.pd_descript_contents .btn_more_box .btn_prodmore {
    display: none;
    width: 360px;
    height: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.4px;
    border-radius: 4px;
    border: 1px solid #ccd1d8;
    color: #1b1e23;
    background: #fff;
    padding: 17px;
    margin: 0 auto;
}
.pd_descript_contents .btn_more_box .btn_prodmore.is-hide {
    display: block;
}
.pd_descript_contents .btn_more_box::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 120px;
    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;
}
.pd_descript_contents + .pd_noti_contents {
    margin-top: 80px;
}

.pd_noti_contents [class*=pd_noti_] {
    padding: 24px 0;
    border-top: 1px solid #dde0e5;
}
.pd_noti_contents [class*=pd_noti_]:first-child {
    border-top: 1px solid transparent;
}
.pd_noti_contents [class*=pd_noti_] .list-info.type-dot {
    margin-top: 12px;
}
.pd_noti_contents [class*=pd_noti_] .dot_list {
    margin-top: 12px;
}
.pd_noti_contents [class*=pd_noti_] a {
    width: 100%;
    line-height: 24px;
    display: inline-block;
}
.pd_noti_contents [class*=pd_noti_] a::after {
    content: "";
    display: block;
    clear: both;
}
.pd_noti_contents [class*=pd_noti_] .tit {
    float: left;
    width: calc(100% - 16px);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.4px;
}
.pd_noti_contents [class*=pd_noti_] .btn_noti {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_8.svg) no-repeat;
    font-size: 0;
}
.pd_noti_contents .pd_noti_acd_mustread {
    border-bottom: 1px solid #dde0e5;
}
.pd_noti_contents .pd_noti_acd_mustread .tit {
    float: none;
}
.pd_noti_contents .pd_noti_acd_mustread .list-info li span {
    color: #ea2869;
    text-decoration: underline;
}
.pd_noti_contents .pd_noti_acd_mustread .list-info li ul,
.pd_noti_contents .pd_noti_acd_mustread .list-info li li {
    display: inline;
}

.pd_bestbrand,
.pd_recommended {
    margin-top: 80px;
}
.pd_bestbrand .tit,
.pd_recommended .tit {
    margin-bottom: 16px;
}
.pd_bestbrand + .pd_pointreview, .pd_bestbrand + .pd_ititems,
.pd_recommended + .pd_pointreview,
.pd_recommended + .pd_ititems {
    margin-top: 80px;
}

.pd_ititems .list-product__cart .product__item .wrap-product__info {
    width: calc(100% - 80px);
}
.pd_ititems .tit {
    margin-bottom: 24px;
}
.pd_ititems .pd-ititems-swiper .product__item {
    padding: 24px 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
/* .pd_ititems .pd-ititems-swiper .product__item:first-child {
    padding-top: 0;
} *//*2024-06-10 ai추천 슬라이드 변경*/
/* .pd_ititems .pd-ititems-swiper .product__item:last-child {
    padding-bottom: 0;
} *//*2024-06-10 ai추천 슬라이드 변경*/
.pd_ititems .pd-ititems-swiper .product__item .wrap-chk {
    width: auto;
}
.pd_ititems .pd-ititems-swiper .product__info .product__content-info .type-highlight .txt-set,
.pd_ititems .pd-ititems-swiper .product__info .product__brand-info .type-highlight .txt-set {
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(110deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
}
.pd_ititems .pd-ititems-swiper .product__info .product__content-info + .product__countdown,
.pd_ititems .pd-ititems-swiper .product__info .product__brand-info + .product__countdown {
    margin-top: 4px;
}
.pd_ititems .pd-ititems-swiper .product__info .product__brand + .product__countdown {
    margin-top: 4px;
}
.pd_ititems .pd-ititems-swiper .product__info .product__countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    margin-top: 6px;
    font-size: 13px;
}
.pd_ititems .pd-ititems-swiper .product__info .product__countdown::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_clock_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.pd_ititems .pd-ititems-swiper .product__info .product__content-date {
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #788497;
}
.pd_ititems .pd-ititems-swiper .product__info .product__info--tag > * {
    padding: 2px 6px;
}
.pd_ititems .product__img {
    border-radius: 5px;
    overflow: hidden;
}
.pd_ititems + .pd_pointreview {
    margin-top: 80px;
}
.pd_ititems .list-product__cart .product__item::before {
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dde0e5;
    content: "";
}/*2024-06-10 ai추천 슬라이드 변경*/
.pd_pointreview {
    padding-bottom: 40px;
    border-bottom: 1px solid #dde0e5;
}
.pd_pointreview .pd_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.pd_pointreview .pd_head + .pd_body {
    margin-top: 16px;
}
.pd_pointreview .pd_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    border-top: 2px solid #1b1e23;
    margin-top: 5px;
    padding-top: 40px;
}
.pd_pointreview .pd_body .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #1b1e23;
    margin-bottom: 24px;
}
.pd_pointreview .pd_body .title + .cont {
    margin-top: 4px;
}
.pd_pointreview .pd_body [class^=total-review] {
    min-width: 170px;
    text-align: center;
}
.pd_pointreview .total-review-wrap .rating-static {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 8px;
    padding-top: 10px;
}
.pd_pointreview .total-review-wrap .rating-static.big {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.pd_pointreview .total-review-wrap .rating-static.big span {
    width: 168px;
    height: 32px;
    text-align: left;
}
.pd_pointreview .total-review-wrap .rating-static.big span:before {
    background-size: auto 32px;
}
.pd_pointreview .total-review-wrap .rating-score {
    margin-top: 20px;
    font-size: 28px;
    line-height: 54px;
    letter-spacing: -0.7px;
    color: #9aa3b1;
    text-align: center;
}
.pd_pointreview .total-review-wrap .rating-score span:first-child {
    margin-right: 5px;
}
.pd_pointreview .total-review-wrap .rating-score span:last-child {
    margin-left: 5px;
}
.pd_pointreview .total-review-wrap .rating-score .scoreAll {
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.9px;
    color: #1b1e23;
}
.pd_pointreview .total-review-count .num {
    position: relative;
    padding-top: 63px;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: -0.9px;
    color: #1b1e23;
}
.pd_pointreview .total-review-count .num::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    right: 50%;
    top: 14px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 32px;
    height: 32px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_total_review.svg);
    background-repeat: no-repeat;
}
.pd_pointreview .total-review-chart {
    position: relative;
}
.pd_pointreview .total-review-chart .chart-area {
    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: 20px;
    position: relative;
    width: 100%;
}
.pd_pointreview .total-review-chart .bar label input + .wrap-rating {
    position: relative;
    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: 9px;
    text-align: center;
    cursor: pointer;
}
.pd_pointreview .total-review-chart .bar label input:checked + .wrap-rating .gauge {
    background-color: #ea2869;
}
.pd_pointreview .total-review-chart .bar label input:checked + .wrap-rating .bar_label {
    color: #ea2869;
}
.pd_pointreview .total-review-chart .bar_line {
    display: block;
    overflow: hidden;
    position: relative;
    width: 10px;
    height: 84px;
    border-radius: 5px;
    background-color: #dde0e5;
}
.pd_pointreview .total-review-chart .bar_now {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 3px;
}
.pd_pointreview .total-review-chart .bar_label {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.3px;
    color: #abb2be;
    white-space: nowrap;
}
.pd_pointreview .total-review-chart .gauge {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-radius: 5px;
    background-color: #abb2be;
}
.pd_reviewlist {
    width: 100%;
    padding-top: 40px;
}
.pd_reviewlist ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
}
.pd_reviewlist li {
    width: calc((100% - 72px) / 6);
    height: 0;
    padding-top: calc((100% - 72px) / 6);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.pd_reviewlist li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: top;
}
.pd_reviewlist .more:before {
    content: "더보기";
    font-size: 13px;
    font-weight: 500;
    line-height: 1.46;
    letter-spacing: -0.65px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_btn_plus_w.svg) no-repeat;
    background-size: 28px;
    background-position: 50% 38px;
    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-top: 27px;
}
.pd_reviewlist .more::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(27, 30, 35, 0.5);
    z-index: 1;
}

.pd_filterview {
    padding-top: 40px;
}
.pd_filterview .pd_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;
}
.pd_filterview .wrap-choice-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.pd_filterview .wrap-choice-review .filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}
.pd_filterview .wrap-choice-review .filter label input {
    position: absolute;
}
.pd_filterview .wrap-choice-review .filter label input + .txt-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #3d444f;
}
.pd_filterview .wrap-choice-review .filter label input:checked + .txt-label {
    font-weight: 700;
    color: #ea2869;
}
.pd_filterview .wrap-choice-review .filter + .photo-review::before {
    display: block;
    width: 1px;
    height: 12px;
    background-color: #ccd1d8;
    content: "";
}
.pd_filterview .wrap-choice-review .photo-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.pd_filterview .wrap-choice-review .btn-photo-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.pd_filterview .wrap-choice-review .btn-photo-review::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_review_photo.svg) no-repeat;
    background-size: 16px 32px;
    content: "";
}
.pd_filterview .wrap-choice-review .btn-photo-review:hover, .pd_filterview .wrap-choice-review .btn-photo-review.active {
    font-weight: 700;
    color: #ea2869;
}
.pd_filterview .wrap-choice-review .btn-photo-review:hover::before, .pd_filterview .wrap-choice-review .btn-photo-review.active::before {
    background-position: 0 -16px;
}
.pd_filterview .filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}
.pd_filterview .filter li {
    position: relative;
}
.pd_filterview .filter li label {
    cursor: pointer;
}
.pd_filterview .list-review-detail {
    margin-top: 10px;
}
.pd_filterview .review-detail-cont {
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 1px solid #dde0e5;
}
.pd_filterview .review-detail-cont .option {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #788497;
}
.pd_filterview .review-detail-cont .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: 700;
    line-height: 1.5;
    letter-spacing: -0.6px;
    color: #1b1e23;
}
.pd_filterview .review-detail-cont .review-user-info .user .review-user-info__age {
    font-weight: 400;
    color: #788497;
}
.pd_filterview .review-detail-cont .review-user-sub {
    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 .review-detail-cont .review-user-sub div {
    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;
    gap: 8px;
}
.pd_filterview .review-detail-cont .review-user-sub .rating-static {
    margin-top: 2px;
}
.pd_filterview .review-detail-cont .review-user-sub .date {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #788497;
}
.pd_filterview .review-detail-cont .review-detail-img {
    margin-top: 12px;
}
.pd_filterview .review-detail-cont .photo-review-wrap {
    margin-top: 12px;
}
.pd_filterview .review-detail-cont .photo-review-wrap ul {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 4px;
}
.pd_filterview .review-detail-cont .photo-review-wrap ul li {
    border-radius: 5px;
    overflow: hidden;
}
.pd_filterview .review-detail-cont .photo-review-wrap ul li button {
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
}
.pd_filterview .review-detail-cont .photo-review-wrap ul li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
}
.pd_filterview .review-detail-text {
    margin-top: 8px;
}
.pd_filterview .review-detail-text .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: -0.35px;
    text-align: left;
    color: #3d444f;
}
.pd_filterview .review-detail-text .cont {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #3d444f;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    overflow-wrap: break-word;
}
.pd_filterview .review-detail-text .cont.on {
    display: block;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
    overflow: auto;
    white-space: initial;
    overflow-wrap: break-word;
}
.pd_filterview .review-detail-text .btn-more {
    color: #788497;
    font-weight: 600;
}
.pd_filterview .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;
    width: 400px;
    height: 400px;
    background-color: #dde0e5;
    border-radius: 8px;
}
.pd_filterview .review-detail-img li {
    border-radius: 5px;
    overflow: hidden;
}
.pd_filterview .review-detail-img li img {
    -o-object-fit: cover;
       object-fit: cover;
    width: auto;
    height: 100%;
}
.pd_filterview .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: 50px;
    height: 28px;
    bottom: 16px;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.3);
    color: #bdbdbd;
    font-size: 12px;
}
.pd_filterview .review-detail-img .pagination-fraction .swiper-pagination-current {
    color: #fff;
}
.pd_filterview .review-detail-img .pagination-fraction .swiper-pagination-total {
    color: #bdbdbd;
}
.pd_filterview .review-detail-img .swiper-button-prev {
    width: 40px;
    height: 40px;
    left: 0;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/photo_review_left_arrow.svg);
    background-size: cover;
}
.pd_filterview .review-detail-img .swiper-button-next {
    width: 40px;
    height: 40px;
    right: 0;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/photo_review_right_arrow.svg);
    background-size: cover;
}
.pd_filterview .review-detail-img .swiper-button-prev.swiper-button-disabled {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/photo_review_left_arrow_disa.svg);
    opacity: unset;
}
.pd_filterview .btn_more_box {
    padding: 0 20px;
    position: relative;
    top: 0;
    width: 100%;
    background: #fff;
    text-align: center;
    z-index: 2;
}
.pd_filterview .btn_more_box .btn_prodmore {
    display: block;
    width: 360px;
    height: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.4px;
    border-radius: 4px;
    border: 1px solid #ccd1d8;
    color: #1b1e23;
    background: #fff;
    padding: 17px;
    margin: 0 auto;
}
.pd_filterview .btn_more_box .btn_prodmore span {
    position: relative;
}
.pd_filterview .btn_more_box.covered::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 120px;
    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;
}
.pd_filterview .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;
}
.pd_filterview .product-no-review::before {
    display: block;
    width: 100px;
    height: 100px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_empty_review.svg) no-repeat;
    background-size: contain;
    content: "";
}
.pd_filterview .product-no-review p {
    font-size: 15px;
    color: #3d444f;
    font-weight: 500;
    line-height: 1.47;
}
.pd_filterview .product-no-review a {
    padding: 10px 16px;
}
.pd_filterview .star-select-box-wrap {
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.pd_filterview .star-select-box-wrap ul li .star {
    display: block;
    position: relative;
    width: 84px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_star_blank.svg) no-repeat 0 0;
    background-size: cover;
}
.pd_filterview .star-select-box-wrap ul li .star .progbar {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_star_fill.svg) no-repeat 0 0;
    background-size: cover;
    font-size: 0;
}
.pd_filterview .star-select-box-wrap .default-option {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border: none;
    font-size: 13px;
    color: #1b1e23;
    cursor: pointer;
}
.pd_filterview .star-select-box-wrap .default-option:after {
    flex-shrink: 0;
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_10.svg) no-repeat right center;
    background-size: contain;
}
.pd_filterview .star-select-box-wrap .default-option p {
    font-size: 14px;
}
.pd_filterview .star-select-box-wrap .default-option .rating-star-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
}
.pd_filterview .star-select-box-wrap .star-select-box-ul {
    display: none;
}
.pd_filterview .star-select-box-wrap .star-select-box-ul li {
    padding: 0 8px;
}
.pd_filterview .star-select-box-wrap .star-select-box-ul li:hover {
    background: #f5f7fa;
    border-radius: 4px;
    cursor: pointer;
}
.pd_filterview .star-select-box-wrap .star-select-box-ul li .rating-star-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    height: 30px;
}
.pd_filterview .star-select-box-wrap .star-select-box-ul li .rating-star-wrap .rating-score-number {
    font-size: 12px;
    color: #3d444f;
}
.pd_filterview .star-select-box-wrap.active .star-select-box-ul {
    position: absolute;
    top: 37px;
    right: 0;
    display: block;
    width: 171px;
    padding: 8px;
    border: 1px solid #1b1e23;
    border-radius: 4px;
    background: #fff;
    z-index: 2;
}
.pd_filterview .star-select-box-wrap.active .default-option-open:after {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

/* 툴팁 */
.wrap-tooltip .btn-open-tooltip,
.wrap-tooltip .btn-tooltip {
    position: relative;
    display: block;
    padding-top: 16px;
    overflow: hidden;
}
.wrap-tooltip .btn-open-tooltip::before,
.wrap-tooltip .btn-tooltip::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_tooltip.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-tooltip .btn-open-tooltip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-weight: 700;
    font-size: 13px;
    color: #788497;
    letter-spacing: -0.33px;
    text-decoration: underline;
}
.wrap-tooltip .btn-open-tooltip + .btn-open-tooltip {
    margin-left: 24px;
}
.wrap-tooltip .wrap-tooltip__content {
    display: none;
    position: fixed;
    top: 100px;
    left: 20px;
    z-index: 100;
    width: 335px;
    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(https://cdn.hddfs.com/front/images/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;
    text-align: left;
}
.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;
    text-align: left;
}

.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.33px;
    color: #5c6677;
}
.product-tooltip__amount .product__amount .product__amount--num {
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
}
.product-tooltip__amount + .product__item {
    margin-top: 24px;
}

/* layer */
/* 팝업 레이어 공통 */
.download-coupon .area-scroll {
    overflow-x: hidden;
}

.box-float-layer {
    /* 옵션 변경 세트 */
    /* 상품이미지 확대보기 */
    /* 상품 상세페이지 포토리뷰/상세 */
    /* 리뷰 등록 팝업 */
    /* 사은품 더보기 팝업 */
    /* 브랜드 혜택 알림 신청 팝업 */
    /* 안내 팝업 (무이자할부,카드사포인트,상품정보고시,취소/교환/환불,쇼핑가이드)  */
    /* 쿠폰(여러개), 적립금 다운받기 팝업 */
    /* 세트상품 구성 보기 팝업 */
    /* 세트상품 선택/품절 팝업 */
    /* 중복 세트 안내 팝업 */
}
.box-float-layer .area-scroll .type-1 {
    padding-left: 14px;
    padding-right: 14px;
}
.box-float-layer .tit-layer,
.box-float-layer .popup-title {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
}
.box-float-layer .tit-layer + .gift-more-area,
.box-float-layer .popup-title + .gift-more-area {
    margin-top: 40px;
}
.box-float-layer .popup-title.type-1 + .download-coupon {
    margin-top: 8px;
}
.box-float-layer .popup-cancel-btn {
    position: relative;
    top: 40px;
    height: 52px;
    border-top: 1px solid #dde0e5;
    margin-left: -32px;
    margin-right: -32px;
}
.box-float-layer .popup-cancel-btn button {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #788497;
    font-weight: 500;
}
.box-float-layer .popup-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;
    width: 254px;
    height: 48px;
    margin: 0 auto 11px auto;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
}
.box-float-layer .popup-btn.popup-btn-b {
    background: #1b1e23;
    color: #fff;
}
.box-float-layer .popup-btn.popup-btn-w {
    background: #fff;
    border: 1px solid #1b1e23;
    color: #1b1e23;
}
.box-float-layer.full-layer {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    max-height: 100vh;
    padding: 50px 32px 32px;
}
.box-float-layer.full-layer [class$=-popup] {
    height: 100%;
    max-height: 90vh;
    overflow-y: auto;
}
.box-float-layer.full-layer .btn-close-layer button:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_close_big.svg) no-repeat;
    background-size: contain;
}
.box-float-layer .pop_toast {
    position: fixed;
    bottom: 90px;
    left: 50%;
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px);
    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: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 44px;
    padding: 0px 24px;
    overflow: hidden;
    text-align: center;
    border-radius: 36px;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
    background-color: rgba(92, 102, 119, 0.8);
    color: #fff;
    z-index: 10000;
}
.box-float-layer .pop_toast.reveal {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
.box-float-layer .layer-title {
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
.box-float-layer.option-change-box-float-layer .area-scroll {
    height: 100%;
    overflow-y: auto;
}
.box-float-layer.option-change-box-float-layer .area-scroll::-webkit-scrollbar-track {
    background-color: #fff;
}
.box-float-layer.option-change-box-float-layer .area-scroll::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.box-float-layer.option-change-box-float-layer .area-scroll::-webkit-scrollbar {
    display: none;
    width: 4px;
}
.box-float-layer.product-thumb-box-float-layer .thumb {
    width: 420px;
    height: 420px;
    overflow: hidden;
    margin: 0 auto;
}
.box-float-layer.product-thumb-box-float-layer .thumb img {
    width: 100%;
}
.box-float-layer.product-thumb-box-float-layer .pd-thumb-pop-swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* margin: 0 auto;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); */
}
.box-float-layer.product-thumb-box-float-layer .pd-thumb-pop-swiper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.box-float-layer.product-thumb-box-float-layer .swiper-button-next,
.box-float-layer.product-thumb-box-float-layer .swiper-button-prev {
    top: 48%;
    width: 60px;
    height: 60px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_big.svg) no-repeat;
    background-size: contain;
    margin-top: 0;
}
.box-float-layer.product-thumb-box-float-layer .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 0);
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.box-float-layer.product-thumb-box-float-layer .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 0);
}
.box-float-layer.product-thumb-box-float-layer .swiper-pagination-bullets {
    bottom: -4px;
}
.box-float-layer.product-thumb-box-float-layer .swiper-pagination-bullet {
    opacity: 1;
    margin: 1px 4px;
    width: 6px;
    height: 6px;
    background-color: #ebebeb;
}
.box-float-layer.product-thumb-box-float-layer .swiper-pagination-bullet-active {
    margin: 0px 4px;
    width: 8px;
    height: 8px;
    background-color: #000;
}
.box-float-layer.photo-review-box-float-layer {
    width: 832px;
    /* 상품 상세페이지 포토리뷰 */
    /* 상품 상세페이지 포토리뷰 상세 */
}
.box-float-layer.photo-review-box-float-layer .photo-review-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
}
/* 20231221 */
.box-float-layer.photo-review-box-float-layer .photo-review-img > * {
    overflow: hidden;
    position: relative;
    width: calc((100% - 48px) / 5);
    height: 0;
    padding-top: calc((100% - 48px) / 5);
}
/* 20231221 */
.box-float-layer.photo-review-box-float-layer .photo-review-img img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50% photo-review-wrap;
       object-position: 50% 50% photo-review-wrap;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
    margin-left: 20px;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-slider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 342px;
    height: 342px;
    background: #dde0e5;
    overflow: hidden;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-slider ul li img {
    -o-object-fit: cover;
       object-fit: cover;
    width: auto;
    height: 100%;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-slider .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: 50px;
    height: 28px;
    bottom: 16px;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.3);
    color: #bdbdbd;
    font-size: 12px;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-slider .pagination-fraction .swiper-pagination-current {
    color: #fff;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-slider .pagination-fraction .swiper-pagination-total {
    color: #bdbdbd;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-slider .swiper-button-prev {
    width: 40px;
    height: 40px;
    left: 0;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/photo_review_left_arrow.svg);
    background-size: cover;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-slider .swiper-button-next {
    width: 40px;
    height: 40px;
    right: 0;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/photo_review_right_arrow.svg);
    background-size: cover;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-slider .swiper-button-prev.swiper-button-disabled {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/photo_review_left_arrow_disa.svg);
    opacity: unset;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-writing {
    width: 100%;
    overflow-y: auto;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-writing .photo-review-detail-cont {
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-writing .photo-review-detail-cont .area-review-scroll {
    overflow-y: auto;
    max-height: 342px;
    padding-right: 20px;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-writing .photo-review-detail-cont .area-review-scroll::-webkit-scrollbar {
    width: 4px;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-writing .photo-review-detail-cont .area-review-scroll::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-writing .photo-review-detail-cont .area-review-scroll::-webkit-scrollbar-track {
    background-color: #fff;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-writing .photo-review-detail-cont .review-user-sub {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    margin: 7px 0 4px 0;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-writing .photo-review-detail-cont .review-detail-text .title + .cont {
    margin-top: 10px;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-detail-area .photo-review-detail-writing .photo-review-detail-cont .review-detail-text .cont {
    text-overflow: unset;
    -webkit-line-clamp: initial;
}
.box-float-layer.photo-review-box-float-layer .photo-review-detail-popup .photo-review-more-all {
    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: 136px;
    height: 40px;
    margin: 64px auto 0;
    padding: 5px 10px;
    border: 1px solid #abb2be;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
.box-float-layer.review-regist-box-float-layer {
    width: 592px;
}
.box-float-layer.review-regist-box-float-layer.area-scroll {
    height: 100%;
    overflow-y: auto;
}
.box-float-layer.review-regist-box-float-layer.area-scroll::-webkit-scrollbar-track {
    background-color: #fff;
}
.box-float-layer.review-regist-box-float-layer.area-scroll::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.box-float-layer.review-regist-box-float-layer.area-scroll::-webkit-scrollbar {
    width: 4px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup {
    padding-left: 16px;
    padding-right: 16px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-regist-product-info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-regist-product-info-wrap .review-regist-product-img {
    content: "";
    width: 64px;
    height: 64px;
    /* background: url(https://cdn.hddfs.com/front/images/KO/common/n/review_regist_temp_img.png) #f5f7fa center no-repeat; */
    border-radius: 8px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-regist-product-info-wrap .review-regist-product-name {
    font-weight: 600;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-regist-product-info-wrap .review-regist-product-info {
    margin-top: 2px;
    font-weight: 500;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-regist-product-info-wrap .review-regist-product-option {
    margin-top: 4px;
    color: #788497;
    font-weight: 500;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-regist-inspection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 52px;
    margin: 13px 0 23px 0;
    border-top: 1px solid #eef0f2;
    border-bottom: 1px solid #eef0f2;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-regist-inspection .inspection-text {
    margin-right: 8px;
    font-size: 14px;
    font-weight: 600;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-regist-inspection .star-insert {
    color: #f4511e;
    font-size: 13px;
    font-weight: 500;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-regist-inspection .rating-static {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: 0;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .one-line-comment-wrap .one-line-comment-text {
    font-size: 14px;
    font-weight: 600;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .one-line-comment-wrap input {
    width: 100%;
    height: 40px;
    margin-top: 12px;
    border: 1px solid #dde0e5;
    border-radius: 4px !important;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .one-line-comment-wrap .one-line-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 8px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .one-line-comment-wrap .one-line-comment .one-line-comment-error {
    color: #f4511e;
    font-weight: 500;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .one-line-comment-wrap .one-line-comment .one-line-comment-length span:first-child {
    font-weight: 600;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .one-line-comment-wrap .one-line-comment .one-line-comment-length span:last-child {
    color: #788497;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .pn-tit {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 24px;
    padding-bottom: 12px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .pn-tit p {
    font-size: 14px;
    font-weight: 700;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .pn-tit .point-tag {
    /* position: absolute;
    top: 0px;
    right: 10px;*/
    position: relative;
    padding: 2px 8px;
    background: #ea2869;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    border-radius: 8px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .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: #ea2869;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .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;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .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;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .attach-img-box .attached__img .attached__add {
    overflow: hidden;
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 4px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .attach-img-box .attached__img .attached__add img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .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;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .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(https://cdn.hddfs.com/front/images/KO/common/n/icon_close_4.svg) no-repeat;
    background-size: contain;
    content: "";
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .attach-img-box .attach__img label {
    position: relative;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .attach-img-box .attach__img label input {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .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(https://cdn.hddfs.com/front/images/KO/common/n/icon_btn_plus_big.svg) #eef0f2 50% 50% no-repeat;
    text-indent: -9999px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .attach-img-box .attach__img label input[type=file]:disabled + .txt-label {
    display: none;
    opacity: 0.5;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .attach-img-box .attimg {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    overflow: hidden;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .attach-img-box .attached-img {
    position: relative;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .attach-img-box .attached-img img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .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;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .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(https://cdn.hddfs.com/front/images/KO/common/n/icon_close_4.svg);
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .attach-img-box .attach-img label {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_btn_plus_big.svg) #eef0f2 no-repeat center center;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .attach-img-box .attach-img input[type=file] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .attach-img-wrap .attach-file-form {
    margin-top: 12px;
    font-size: 12px;
    color: #788497;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-comment-wrap textarea {
    height: 200px;
    font-size: 14px;
    background: #fff;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-comment-wrap textarea.t_err {
    border: 1px solid #f4511e;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-comment-wrap textarea::-webkit-input-placeholder {
    color: #abb2be;
    font-size: 13px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-comment-wrap textarea::-moz-placeholder {
    color: #abb2be;
    font-size: 13px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-comment-wrap textarea:-ms-input-placeholder {
    color: #abb2be;
    font-size: 13px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-comment-wrap textarea::-ms-input-placeholder {
    color: #abb2be;
    font-size: 13px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-comment-wrap textarea::placeholder {
    color: #abb2be;
    font-size: 13px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-comment-wrap .review-bottom-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-comment-wrap .review-bottom-sub .t_err {
    display: none;
    margin-top: 0px;
    font-size: 13px;
    font-weight: 500;
    text-indent: 0px;
    color: #f4511e;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-comment-wrap .review-bottom-sub .letter-limit {
    margin-left: auto;
    color: #788497;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .review-comment-wrap .review-bottom-sub .letter-limit span {
    color: #1b1e23;
    font-weight: 700;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .area-attention.type-2 {
    margin-top: 20px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .area-attention.type-2 .attention__tit {
    position: relative;
    padding-right: 24px;
    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;
    font-weight: 700;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .area-attention.type-2 .attention__tit:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/exclamation.svg) no-repeat;
    background-size: contain;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-area .area-attention.type-2 .list-info {
    margin-top: 12px;
}
.box-float-layer.review-regist-box-float-layer .review-regist-popup .review-regist-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;
    width: 120px;
    height: 40px;
    margin: 40px auto 0;
    background: #1b1e23;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}
.box-float-layer.review-regist-box-float-layer .tit-layer + .download-coupon {
    margin-top: 40px;
}
.box-float-layer.gift-more-box-float-layer {
    width: 592px;
}
.box-float-layer.gift-more-box-float-layer .tit-layer + .gift-more-popup {
    margin-top: 40px;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup {
    position: relative;
    max-height: calc(100vh - 270px);
    height: 500px;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) {
    margin-bottom: 12px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    padding: 20px;
    font-size: 14px;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li a .gift-name {
    font-weight: 600;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li a .gift-info {
    margin-top: 2px;
    color: #5c6677;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li a .gift-number {
    margin-top: 2px;
    font-size: 12px;
    color: #5c6677;
}/*2024-02-01 사은품 겟수 추가*/
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li a:after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: auto;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/arrow_up.svg) no-repeat;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li a.active:after {
    content: "";
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li a > img {
    overflow: hidden;
    width: 62px;
    height: 62px;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 100%;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li .cp-accordion-content-wrap {
    display: none;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li .cp-accordion-content-wrap .cp-accordion-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    margin-bottom: 14px;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li .cp-accordion-content-wrap .cp-accordion-content > img {
    opacity: 0;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li .cp-accordion-content-wrap .cp-accordion-content .wrap-accordion {
    margin-left: 20px;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li .cp-accordion-content-wrap .cp-accordion-content .wrap-accordion .attention__tit {
    margin-top: 17px;
    padding-right: 0;
    font-size: 13px;
    color: #5c6677;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li .cp-accordion-content-wrap .cp-accordion-content .wrap-accordion .attention__tit:first-child {
    margin-top: 10px;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li .cp-accordion-content-wrap .cp-accordion-content .wrap-accordion .list-info {
    margin-top: 5px;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li .cp-accordion-content-wrap .cp-accordion-content .wrap-accordion .list-info li.emphasis-color {
    color: #0000ff;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .gift-more-area > ul:not(.list-info) > li .cp-accordion-content-wrap .cp-accordion-content .wrap-accordion .list-info li.emphasis-color:before {
    background: #0000ff;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .float_btn {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
}
.box-float-layer.gift-more-box-float-layer .gift-more-popup .float_btn:before {
    content: "";
    display: block;
    padding-top: 70px;
    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%);
    border-radius: 8px;
}
.box-float-layer.brand-noti-box-float-layer {
    width: 412px;
    padding-left: 32px;
    padding-right: 32px;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .layer-title {
    margin-bottom: 8px;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .brand-noti-text {
    font-size: 14px;
    color: #5c6677;
    text-align: center;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .brand-noti-text span {
    color: #1b1e23;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .brand-noti-text span img {
    margin: 0 4px;
    vertical-align: sub;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date {
    margin-top: 31px;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .departure-date-text {
    margin-bottom: 18px;
    font-size: 14px;
    color: #5c6677;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .option-change .box-select .wrap-select select {
    width: 100%;
    height: 34px;
    padding: 0;
    margin-top: 0;
    border: none;
    border-bottom: 1px solid #dde0e5;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    color: #abb2be;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .option-change .box-select .wrap-select .wrap-add-dropdown .fake-dropdown {
    text-overflow: unset;
    font-size: 16px;
    height: 34px;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .option-change .box-select .wrap-select .wrap-add-dropdown .btn-dropdown {
    height: 34px;
    padding-bottom: 9px;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #dde0e5;
    padding-left: 0;
    color: #abb2be;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .option-change .box-select .wrap-select.wrap-select-pub select {
    font-weight: 600;
    color: #1b1e23;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .departure-date--text {
    color: #788497;
    margin-top: 12px;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .departure-date--text span {
    color: #1b1e23;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .departure-info-insert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 9px;
    margin-top: 32px;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .departure-info-insert .departure-info-insert-form-1 {
    width: 50%;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .departure-info-insert .departure-info-insert-form-1 .wrap-select select {
    height: 34px;
    margin-top: 0;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .departure-info-insert .departure-info-insert-form-2 {
    width: 50%;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .departure-info-insert .departure-info-insert-form-2 input {
    padding: 0;
    border: none;
    border-bottom: 1px solid #dde0e5;
    padding-bottom: 9px;
    font-size: 16px;
    font-weight: 700;
    color: #1b1e23;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .departure-info-insert .departure-info-insert-form-2 input::-webkit-input-placeholder {
    font-weight: 400;
    color: #abb2be;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .departure-info-insert .departure-info-insert-form-2 input::-moz-placeholder {
    font-weight: 400;
    color: #abb2be;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .departure-info-insert .departure-info-insert-form-2 input:-ms-input-placeholder {
    font-weight: 400;
    color: #abb2be;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .departure-info-insert .departure-info-insert-form-2 input::-ms-input-placeholder {
    font-weight: 400;
    color: #abb2be;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .departure-info-insert .departure-info-insert-form-2 input::placeholder {
    font-weight: 400;
    color: #abb2be;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .wrap-accordion .fold_head {
    display: block;
    width: 100%;
    height: 100%;
    padding: 32px 0px 0px;
    margin-bottom: 12px;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .wrap-accordion .fold_head .fold_tit {
    position: relative;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .wrap-accordion .fold_head .fold_tit span {
    position: relative;
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #1b1e23;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .wrap-accordion .fold_head .fold_tit span:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/exclamation.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    position: absolute;
    top: 3px;
    left: -25px;
}
.box-float-layer.brand-noti-box-float-layer .brand-noti-popup .brand-noti-area .departure-date .brand-noti-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;
    width: 120px;
    height: 40px;
    margin: 100px auto auto auto;
    background: #1b1e23;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
}
.box-float-layer.noti-guide-box-float-layer {
    width: 592px;
}
.box-float-layer.noti-guide-box-float-layer .layer-title {
    margin-bottom: 0;
}
.box-float-layer.noti-guide-box-float-layer .layer-title + .guidance-area {
    margin-top: 40px;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area {
    overflow-x: hidden;
    overflow-y: auto;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area::-webkit-scrollbar-track {
    background-color: #fff;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area::-webkit-scrollbar {
    display: none;
    width: 4px;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area .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: 16px;
    padding-top: 40px;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area .pn-tit p {
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area .pn-tit + ul, .box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area .pn-tit + ol, .box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area .pn-tit + div, .box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area .pn-tit + table {
    margin-top: 0;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area table {
    border-top: 1px solid #1b1e23;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area table tr th {
    font-weight: bold;
    background-color: #f7f7f7;
    padding: 16px 20px;
    border-bottom: 1px solid #dde0e5;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area table tr td {
    font-weight: 500;
    padding: 16px 20px;
    border-bottom: 1px solid #dde0e5;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ul, .box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ol {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #1b1e23;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ul li + li, .box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ol li + li {
    margin-top: 20px;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ul li ul, .box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ul li ol, .box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ol li ul, .box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ol li ol {
    margin-top: 8px;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ul li ul li, .box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ul li ol li, .box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ol li ul li, .box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ol li ol li {
    margin-top: initial;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ul li div, .box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ol li div {
    margin-top: 12px;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ul li div ol,
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ul li div ul, .box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ol li div ol,
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ol li div ul {
    margin-top: initial;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ul strong, .box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area ol strong {
    color: #ea2829;
    font-weight: initial;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area .dot > li {
    position: relative;
    padding-left: 7px;
}
.box-float-layer.noti-guide-box-float-layer .guidance-popup .guidance-area .dot > li::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #1b1e23;
    border-radius: 100%;
    position: absolute;
    top: 7px;
    left: 0;
}
.box-float-layer.wrap-download-coupon {
    width: 412px;
}
.box-float-layer.wrap-download-coupon .download-coupon:before {
    display: none;
}
.box-float-layer.wrap-download-coupon .download-coupon .once {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
.box-float-layer.wrap-download-coupon .list-coupon {
    gap: 16px;
    margin-top: 24px;
}
.box-float-layer.wrap-download-coupon .wrap-btn {
    margin-top: 40px;
}
.box-float-layer.set-product-view-float-layer {
    width: 412px;
    padding: 40px 12px;
}
.box-float-layer.set-product-view-float-layer .float_btn > div {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 20px 30px;
}
.box-float-layer.set-product-view-float-layer .float_btn > div .option-change__num {
    padding: 0;
    border: none;
}
.box-float-layer.set-product-view-float-layer .float_btn > div .option-change__num input:disabled {
    opacity: 0.2;
}
.box-float-layer.set-product-view-float-layer .float_btn button {
    height: 48px;
}
.box-float-layer.set-product-view-float-layer .set-product-view-wrap {
    height: 600px !important;
    margin-top: 40px;
    padding-bottom: 50px;
}
.box-float-layer.set-product-view-float-layer .set-product-view-wrap .set-product-view-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}
.box-float-layer.set-product-view-float-layer .set-product-view-wrap .set-product-view-name span:nth-of-type(1) {
    font-family: "Times New Roman", "Times", Serif;
    color: #ea2829;
    font-size: 28px;
    font-style: italic;
    font-weight: 600;
}
.box-float-layer.set-product-view-float-layer .set-product-view-wrap .set-product-view-name span:nth-of-type(2) {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-weight: 600;
}
.box-float-layer.set-product-view-float-layer .set-product-view-wrap .set-product-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eef0f2;
}
.box-float-layer.set-product-view-float-layer .set-product-view-wrap .set-product-view .product__item .product__img {
    width: 80px;
    height: 80px;
    padding: 0;
}
.box-float-layer.set-product-view-float-layer .set-product-view-wrap .set-product-view .product__item .product__img:before {
    top: 8px;
    left: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
}
.box-float-layer.set-product-view-float-layer .set-product-view-wrap .set-product-view .product__item .product__img a img {
    width: 64px;
    height: 64px;
    -o-object-fit: unset;
       object-fit: unset;
    -o-object-position: unset;
       object-position: unset;
}
.box-float-layer.set-product-view-float-layer .set-product-view-wrap .set-product-view .set-product-view-info span:nth-of-type(1) {
    font-size: 14px;
    font-weight: 600;
}
.box-float-layer.set-product-view-float-layer .set-product-view-wrap .set-product-view .set-product-view-info span:nth-of-type(2) {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #3d444f;
    font-size: 13px;
}
.box-float-layer.set-product-select-box-float-layer {
    /* 하단 세트상품 선택/미선택 플로팅 */
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .popup-title {
    font-size: 22px;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .popup-title + .set-product-area {
    margin-top: 32px;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .pn-tit {
    margin-bottom: 14px;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .pn-tit p {
    font-size: 20px;
    font-weight: 700;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .set-product-name {
    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;
    height: 56px;
    margin-bottom: 56px;
    background: #f5f7fa;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-brand-wrap {
    margin-bottom: 80px;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-brand-wrap .select-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px 24px;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-brand-wrap .select-brand li {
    width: calc((100% - 96px) / 5);
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-brand-wrap .select-brand li label {
    position: relative;
    display: block;
    height: 90px;
    padding: 12px;
    border: solid 1px #dde0e5;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-brand-wrap .select-brand li label.active {
    border: 1px solid #1b1e23;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-brand-wrap .select-brand li label input[type=radio], .box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-brand-wrap .select-brand li label input[type=checkbox] {
    position: absolute;
    top: 12px;
    left: 12px;
    border: unset;
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/btn_radio_off.svg) no-repeat center center;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-brand-wrap .select-brand li label input[type=radio]:checked, .box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-brand-wrap .select-brand li label input[type=checkbox]:checked {
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/btn_radio_on.svg) no-repeat center center;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-brand-wrap .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%;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-brand-wrap .select-brand li label .sb-name {
    display: -webkit-box;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-left: 28px;
    font-size: 14px;
    font-weight: 700;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-brand-wrap .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;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-brand-wrap .select-brand li label .sb-tag span {
    padding: 1px 6px 2px;
    font-size: 12px;
    border-radius: 4px;
    background: #1b1e23;
    color: #fff;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-brand-wrap .select-brand li label .sb-tag p {
    font-size: 12px;
}
@media screen and (max-width: 1024px) {
    .box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-brand-wrap .select-brand li {
        width: calc((100% - 72px) / 4);
    }
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .title-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 20px;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .title-flex .pn-tit {
    margin-bottom: 0;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .title-flex .search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #dde0e5;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .title-flex .search-form .write-field input {
    width: 240px;
    height: 40px;
    border: none;
    padding: 0 40px 0 0;
    font-size: 16px;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product.active {
    padding-bottom: 200px;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 50px 24px;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li {
    position: relative;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li .sel-box {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 24px;
    height: 24px;
    z-index: 99;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li .sel-box label {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 0;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li .sel-box label input[type=checkbox], .box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li .sel-box label input[type=radio] {
    display: block;
    width: 24px;
    height: 24px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/btn_plus_gray.svg) #dde0e5 no-repeat center center;
    border-radius: 100%;
    cursor: pointer;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li .sel-box label input[type=checkbox]:checked, .box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li .sel-box label input[type=radio]:checked {
    display: block;
    width: 24px;
    height: 24px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/terms_chk.svg) #1b1e23 no-repeat center center;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .sp-product-img {
    position: relative;
    height: 0;
    padding: 100% 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f5f7fa;
    border-radius: 9px;
    overflow: hidden;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .sp-product-img img {
    display: block;
    position: absolute;
    top: 16px;
    left: 16px;
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    -o-object-fit: contain;
       object-fit: contain;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .sp-product-img p {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 0;
    background: #1b1e23;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .sp-product-img:after {
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    left: 16px;
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    background-color: rgba(12, 54, 122, 0.04);
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a.active .sp-product-img {
    border: solid 1px #1b1e23;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a.active .sp-product-img p {
    display: block;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .product-cont {
    margin-top: 16px;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .product-cont .pd-main {
    margin-bottom: 8px;
    font-size: 14px;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .product-cont .pd-main .pd-main-title {
    font-weight: 700;
    color: #1b1e23;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .product-cont .pd-main .pd-main-content {
    color: #3d444f;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .product__price-info {
    font-size: 13px;
    color: #3d444f;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .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;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .product__price-info .product__price--origin .product__price-ratio {
    font-size: 14px;
    color: #1b1e23;
    font-weight: 600;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .product__price-info .product__price--origin .product__price--sale {
    color: #abb2be;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .product__price-info .product__price--origin .product__price--sale.type-line-through {
    text-decoration: line-through;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .product__price-info .product__sale-info {
    margin-top: 8px;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .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;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .product__price-info .product__sale-info.type-inline .product__price--sale {
    font-size: 16px;
    color: #ea2829;
    font-weight: 700;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product ul li a .product__price-info .product__sale-info .product__price--won {
    font-size: 14px;
    color: #3d444f;
}
.box-float-layer.set-product-select-box-float-layer .set-product-select-popup .set-product-area .select-product-wrap .select-product .all-product-soldout-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;
    height: 320px;
    margin-bottom: 145px;
    background: #f9fafb;
    border-radius: 8px;
    font-size: 16px;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap.box-bottom-float {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 184px;
    -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);
    background: #fff;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap.box-bottom-float .cart-product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap.box-bottom-float .swiper-button-next,
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap.box-bottom-float .swiper-button-prev,
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap.box-bottom-float .cart-in-btn {
    display: block;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .swiper-button-next,
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .swiper-button-prev,
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-in-btn {
    display: none;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list {
    display: none;
    position: relative;
    width: 1290px;
    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: 0 auto;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-cart-product-list {
    width: 1045px;
    overflow: hidden;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-cart-product-list .swiper-wrapper {
    gap: 32px;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-cart-product-list .swiper-wrapper li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 16px;
    width: 320px !important;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-cart-product-list .swiper-wrapper li .sp-product-img {
    position: relative;
    width: 95px;
    height: 88px;
    background: #f5f7fa;
    padding: 8px;
    border-radius: 4px;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-cart-product-list .swiper-wrapper li .sp-product-img:after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 13px);
    background: rgba(12, 54, 122, 0.04);
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-cart-product-list .swiper-wrapper 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;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-cart-product-list .swiper-wrapper li .product-config {
    position: relative;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-cart-product-list .swiper-wrapper li .product-config .product-name-wrap {
    margin-bottom: 20px;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-cart-product-list .swiper-wrapper li .product-config .product-name-wrap .product-name {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-cart-product-list .swiper-wrapper li .product-config .price-amount-wrap {
    display: -webkit-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-cart-product-list .swiper-wrapper li .product-config .price-amount-wrap .price {
    font-size: 16px;
    font-weight: 600;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-cart-product-list .swiper-wrapper li .product-config .price-amount-wrap .price span {
    margin-left: 2px;
    color: #3d444f;
    font-size: 14px;
    font-weight: 400;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-cart-product-list .swiper-wrapper li .product-config .price-amount-wrap .count-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-cart-product-list .swiper-wrapper li .product-config .price-amount-wrap .count-amount input[type=number] {
    font-size: 14px;
    line-height: 1.43;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-cart-product-list .swiper-wrapper li .product-config .set-close-btn {
    position: absolute;
    top: 0;
    right: -5px;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-button-next {
    right: 230px;
    top: 63%;
    width: 20px;
    height: 20px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/set-right-arrow.svg);
    background-size: 20px 20px;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-button-prev {
    left: -29px;
    top: 63%;
    width: 20px;
    height: 20px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/set-right-arrow.svg);
    background-size: 20px 20px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/set-left-arrow.svg);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .cart-in-btn {
    width: 170px;
    height: 60px;
    border-radius: 4px;
    font-size: 16px;
}
.box-float-layer.set-product-select-box-float-layer .payment-cart-wrap .cart-product-list .no-select-cart-product-list {
    font-size: 16px;
    color: #5c6677;
    font-weight: 600;
}
.box-float-layer.duplication-box-float-layer {
    width: 412px;
}
.box-float-layer.duplication-box-float-layer .duplication-popup-wrap .duplication-already-text {
    margin-top: 8px;
    margin-bottom: 40px;
    font-size: 14px;
    color: #5c6677;
    text-align: center;
}
.box-float-layer.duplication-box-float-layer.case-1 {
    padding-bottom: 92px;
}
.box-float-layer.duplication-box-float-layer.case-1 .popup-cancel-btn {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    margin: 0; /* 20231226_1 */
}

/*S:2024-08-01 출국정보 변경*/
.box-float-layer.pop-departure-change {width:600px;}
.pop-departure-change .area-scroll {padding-bottom:0;}
.pop-departure-change .tit-layer__sub {margin-top:40px;}
.pop-departure-change .tit-layer__sub:nth-of-type(1) {margin-top:0;}
.pop-departure-change .box_gray2 {margin-top:20px;}
.pop-departure-change .list_table01 {margin-top:20px;}
.pop-departure-change .list_table01 .prod_name {text-align:left; color:#3d444f;}
.pop-departure-change .list_table01 .prod_price {text-align:right;}
.pop-departure-change .list_table01 .k_won {font-weight:400;}
.pop-departure-change .wrap-form {margin-top:20px;}
/*E:2024-08-01 출국정보 변경*/

/* 상품 상세 메인 슬라이더 & 썸네일 */
.slider-multi-wrap {
    margin: 0 auto;
}
.slider-multi-wrap .swiper-container.pd-thumb-swiper {
    /* 상품 상세 메인 슬라이더 */
}
.slider-multi-wrap .swiper-container.pd-thumb-swiper .swiper-slide img {
    cursor: pointer;
}
.slider-multi-wrap .swiper-container.pd-thumb-swiper .swiper-button-next, .slider-multi-wrap .swiper-container.pd-thumb-swiper .swiper-button-prev {
    width: 30px;
}
.slider-multi-wrap .swiper-container.pd-thumb-swiper .swiper-button-next::before, .slider-multi-wrap .swiper-container.pd-thumb-swiper .swiper-button-next::after, .slider-multi-wrap .swiper-container.pd-thumb-swiper .swiper-button-prev::before, .slider-multi-wrap .swiper-container.pd-thumb-swiper .swiper-button-prev::after {
    width: 26px;
}
.slider-multi-wrap .swiper-container.pd-thumb-swiper .swiper-button-next::before, .slider-multi-wrap .swiper-container.pd-thumb-swiper .swiper-button-prev::before {
    -webkit-transform: translateY(14px) rotate(45deg);
            transform: translateY(14px) rotate(45deg);
}
.slider-multi-wrap .swiper-container.pd-thumb-swiper .swiper-button-next::after, .slider-multi-wrap .swiper-container.pd-thumb-swiper .swiper-button-prev::after {
    -webkit-transform: translateY(30px) rotate(-45deg);
            transform: translateY(30px) rotate(-45deg);
}
.slider-multi-wrap .swiper-container.pd-thumb-swiper .swiper-button-next {
    right: 0;
}
.slider-multi-wrap .swiper-container.pd-thumb-swiper .swiper-button-prev {
    left: 0;
}
.slider-multi-wrap .thumb_product_detail {
    position: relative;
}
.slider-multi-wrap .thumb_product_detail .pd-thumbs-swiper-custom {
    width: 560px;
    margin-top: 20px;
    padding-top: 1px;
    padding-bottom: 1px;
    /* 상품 상세 썸네일 슬라이더  */
}
.slider-multi-wrap .thumb_product_detail .pd-thumbs-swiper-custom .thumb_list {
    gap: 12px;
}
.slider-multi-wrap .thumb_product_detail .pd-thumbs-swiper-custom .thumb_list .swiper-slide {
    width: 83px !important;
    height: 83px;
    /* opacity: 0.7; */
    overflow: hidden;
    cursor: pointer;
}
.slider-multi-wrap .thumb_product_detail .pd-thumbs-swiper-custom .thumb_list .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
    border: 1px solid #1b1e23;
    border-radius: 8px;
}
.slider-multi-wrap .thumb_product_detail .pd-thumbs-swiper-custom .thumb_list .swiper-slide .product__img {
    width: 100%;
    height: 100%;
    padding: 0;
}
.slider-multi-wrap .thumb_product_detail .pd-thumbs-swiper-custom .thumb_list .swiper-slide .product__img:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-right: 83px;
}
.slider-multi-wrap .thumb_product_detail .pd-thumbs-swiper-custom .thumb_list .swiper-slide .product__img a {
    width: 100%;
    height: 100%;
}
.slider-multi-wrap .thumb_product_detail .pd-thumbs-swiper-custom .thumb_list .swiper-slide .product__img a img {
    max-width: unset;
}
.slider-multi-wrap .thumb_product_detail .pd-thumbs-swiper-custom .thumb_list .swiper-slide .product__img .play_sm:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/play_sm.svg) no-repeat;
}
.slider-multi-wrap .thumb_product_detail .swiper-button-next {
    top: 20px;
    right: -6px;
    width: 30px;
    height: 90px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_right_arrow_sm.svg) #fff center no-repeat;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
.slider-multi-wrap .thumb_product_detail .swiper-button-next.swiper-button-disabled {
    opacity: unset;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_right_arrow_sm_gray.svg) #fff 8px 35px no-repeat;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.slider-multi-wrap .thumb_product_detail .swiper-button-prev {
    top: 20px;
    left: -6px;
    width: 30px;
    height: 90px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_right_arrow_sm.svg) #fff center no-repeat;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.slider-multi-wrap .thumb_product_detail .swiper-button-prev.swiper-button-disabled {
    opacity: unset;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_right_arrow_sm_gray.svg) #fff 9px 37px no-repeat;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}

.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;
}
.btn-circle::before, .btn-circle::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    content: "";
}
.btn-circle::after {
    width: 8px;
    height: 8px;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_close_1.svg) no-repeat;
    background-size: contain;
}
.btn-circle::before {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background-color: #9aa3b1;
}

.btn_like--heart {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 24px;
    height: 0;
    padding-top: 24px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/btn_like_w.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.pd_remote .payment-info__low-price .list-bottom-price > li .bottom-price__item,
.wrap-payment .payment-info__low-price .list-bottom-price > li .bottom-price__item {
    font-weight: 400;
}

/* 필터 레이어 팝업 */
.box-float-layer.box-float-brand-layer {
    width: 592px;
}
.box-float-layer.box-float-brand-layer .float_btn {
    position: relative;
}
.box-float-layer.box-float-brand-layer .download-coupon {
    margin-top: 24px;
}
.box-float-layer.box-float-brand-layer .download-coupon .initial-sound-data-wrap {
    margin-top: 0;
}
.box-float-layer.box-float-brand-layer .download-coupon .initial-sound-data-wrap .initial-sound-data + .initial-sound-data {
    margin-top: 32px;
}
.box-float-layer .filter-layer-info-wrap {
    padding-left: 16px;
    padding-right: 16px;
}
.box-float-layer .filter-layer-info-wrap .layer-info-title {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 600;
}
.box-float-layer .filter-layer-info-wrap .initial-sound {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.box-float-layer .filter-layer-info-wrap .initial-sound .kr-en-conversion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    gap: 2px;
    min-width: 90px;
    white-space: nowrap;
}
.box-float-layer .filter-layer-info-wrap .initial-sound .kr-en-conversion button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    color: #abb2be;
    font-size: 14px;
}
.box-float-layer .filter-layer-info-wrap .initial-sound .kr-en-conversion button.active {
    color: #1b1e23;
    font-weight: 600;
}
.box-float-layer .filter-layer-info-wrap .initial-sound .kr-en-conversion button + button::before {
    display: block;
    padding: 0 4px;
    color: #abb2be;
    font-weight: 200;
    content: "/";
}
.box-float-layer .filter-layer-info-wrap .initial-sound ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
}
.box-float-layer .filter-layer-info-wrap .initial-sound ul li button {
    width: 32px;
    height: 32px;
    background: #f5f7fa;
    border-radius: 50%;
    font-size: 13px;
    color: #5c6677;
}
.box-float-layer .filter-layer-info-wrap .initial-sound ul li button.active {
    background: #000;
    color: #fff;
}
.box-float-layer .initial-sound-data-wrap {
    margin-top: 24px;
}
.box-float-layer .initial-sound-data-wrap .area-scroll {
    height: 100%;
    overflow-y: auto;
}
.box-float-layer .initial-sound-data-wrap .area-scroll::-webkit-scrollbar-track {
    background-color: #fff;
}
.box-float-layer .initial-sound-data-wrap .area-scroll::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.box-float-layer .initial-sound-data-wrap .area-scroll::-webkit-scrollbar {
    width: 4px;
}
.box-float-layer .initial-sound-data-wrap .initial-sound-data .initial-sound-title {
    margin-bottom: -8px;
    font-size: 18px;
    font-weight: 600;
}
.box-float-layer .initial-sound-data-wrap .initial-sound-data .filter-box-check {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0 14px;
}
.box-float-layer .initial-sound-data-wrap .initial-sound-data .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;
}
.box-float-layer .initial-sound-data-wrap .initial-sound-data .filter-box-check input[type=checkbox]:checked + label {
    color: #1b1e23;
    font-weight: 600;
}
.box-float-layer .initial-sound-data-wrap .initial-sound-data .filter-box-check input[type=checkbox]:checked + label .filter-brand-total {
    color: #788497;
    font-weight: 400;
}
.box-float-layer .initial-sound-data-wrap .initial-sound-data .filter-box-check input[type=checkbox]:checked + label:before {
    background-color: #1b1e23;
    border: 1px solid #1b1e23;
}
.box-float-layer .initial-sound-data-wrap .initial-sound-data .filter-box-check input[type=checkbox]:checked + label:after {
    display: block;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/check_chk.svg) no-repeat;
}
.box-float-layer .initial-sound-data-wrap .initial-sound-data .filter-box-check label {
    position: relative;
    z-index: 3;
    display: inline-block;
    width: 160px;
    margin-top: 16px;
    padding-left: 28px;
    color: #788497;
    font-size: 13px;
    line-height: 20px;
    vertical-align: middle;
    cursor: pointer;
}
.box-float-layer .initial-sound-data-wrap .initial-sound-data .filter-box-check label:first-child {
    margin-top: 0;
}
.box-float-layer .initial-sound-data-wrap .initial-sound-data .filter-box-check label span {
    margin-left: 4px;
    font-size: 12px;
}
.box-float-layer .initial-sound-data-wrap .initial-sound-data .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;
}
.box-float-layer .initial-sound-data-wrap .initial-sound-data .filter-box-check label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/check.svg) no-repeat;
}
.box-float-layer .float_btn {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
}
.box-float-layer .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%);
}
.box-float-layer .float_btn > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    padding: 0 20px 40px;
    border-radius: 8px;
    background: #fff;
}
.box-float-layer .float_btn button {
    width: 120px;
    height: 40px;
    font-size: 14px;
}

.area-product-list {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto 120px;
    /* common reset */
}
.area-product-list .area-scroll {
    height: 100%;
    overflow-y: auto;
    padding-right: 16px;
    padding-left: 0;
    padding-bottom: 0;
}
.area-product-list .area-scroll::-webkit-scrollbar-track {
    background-color: #fff;
}
.area-product-list .area-scroll::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.area-product-list .area-scroll::-webkit-scrollbar {
    width: 4px;
}
.area-product-list input[type=checkbox] {
    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;
}
.area-product-list input[type=checkbox]::-webkit-input-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 500;
}
.area-product-list input[type=checkbox]::-moz-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 500;
}
.area-product-list input[type=checkbox]:-ms-input-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 500;
}
.area-product-list input[type=checkbox]::-ms-input-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 500;
}
.area-product-list input[type=checkbox]::placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 500;
}
.area-product-list input[type=checkbox]:focus {
    border: none;
    outline: none;
    -webkit-box-shadow: inset 0 -2px 0 #1b1e23;
            box-shadow: inset 0 -2px 0 #1b1e23;
}
.area-product-list input[type=range] {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background: transparent;
    pointer-events: none;
}
.area-product-list input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    background: #fff;
    cursor: pointer;
    margin-top: -7px;
    pointer-events: auto;
    border-radius: 50%;
    border: 2px solid #1b1e23;
}
.area-product-list input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    background: #fff;
    cursor: pointer;
    margin-top: -7px;
    pointer-events: auto;
    border-radius: 50%;
    border: 2px solid #1b1e23;
}
.area-product-list input[type=range]::-ms-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    background: #fff;
    cursor: pointer;
    margin-top: -7px;
    pointer-events: auto;
    border-radius: 50%;
    border: 2px solid #1b1e23;
}
.area-product-list input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 4px;
}
.area-product-list input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 4px;
}
.area-product-list input[type=range]::-ms-track {
    appearance: none;
    height: 4px;
}
.area-product-list .product-list-wrap {
    position: relative;
}
.area-product-list .product-list-wrap .product-list-header {
    position: relative;
    width: 100%;
    padding: 50px 20px;
}
.area-product-list .product-list-wrap .product-list-header .product-category-name {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}
.area-product-list .product-list-wrap .product-list-header.type-1 {
    padding-bottom: 0;
}
.area-product-list .product-list-wrap .product-list-header.type-1 .product-category-name {
    font-size: 36px;
    letter-spacing: -0.9px;
}
.area-product-list .product-list-wrap .product-list-header .product-category-menu-wrap {
    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;
    margin-top: 17px;
}
.area-product-list .product-list-wrap .product-list-header .product-category-menu-wrap .product-category-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 22px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.area-product-list .product-list-wrap .product-list-header .product-category-menu-wrap .product-category-menu > li {
    position: relative;
}
.area-product-list .product-list-wrap .product-list-header .product-category-menu-wrap .product-category-menu > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    font-weight: 600;
}
.area-product-list .product-list-wrap .product-list-header .product-category-menu-wrap .product-category-menu > li a::after {
    display: block;
    width: 18px;
    height: 18px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_cr_down_arrow.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-product-list .product-list-wrap .product-list-header .product-category-menu-wrap .product-category-menu > li a img {
    display: none;
}
.area-product-list .product-list-wrap .product-list-header .product-category-menu-wrap .product-category-menu > li.active {
    background: #fff;
}
.area-product-list .product-list-wrap .product-list-header .product-category-menu-wrap .product-category-menu > li.active > a::after {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.area-product-list .product-list-wrap .product-list-header .product-category-menu-wrap .product-category-menu > li .product-category--menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    min-width: 89px;
    padding: 10px 0;
    margin-top: 5px;
    background: #fff;
    border: 1px solid #1b1e23;
    border-radius: 8px;
}
.area-product-list .product-list-wrap .product-list-header .product-category-menu-wrap .product-category-menu > li .product-category--menu li.active {
    background: #f5f7fa;
}
.area-product-list .product-list-wrap .product-list-header .product-category-menu-wrap .product-category-menu > li .product-category--menu li.active a {
    color: #1b1e23;
    font-weight: 600;
}
.area-product-list .product-list-wrap .product-list-header .product-category-menu-wrap .product-category-menu > li .product-category--menu li a {
    height: 22px;
    padding: 0 12px;
    margin: 6px 0 0 0;
    color: #1b1e23;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
}
.area-product-list .product-list-wrap .product-list-header .product-category-menu-wrap .product-category-menu > li .product-category--menu li a:after {
    display: none;
}
.area-product-list .product-list-wrap .product-list-header .product-category-menu-wrap .product-category-menu > li .product-category--menu li a:hover {
    background: #f5f7fa;
    font-weight: 600;
}
.area-product-list .product-list-wrap .product-list-header .product-category-menu-wrap .product-category-menu > li + li::before {
    position: absolute;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-165deg);
            transform: translateY(-50%) rotate(-165deg);
    width: 1px;
    height: 20px;
    margin-right: 10px;
    background: #dde0e5;
    content: "";
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top {
    position: sticky;
    top: 121px;
    left: 0;
    z-index: 4;
    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-bottom: 9px;
    background: #fff;
    border-bottom: 2px solid #1b1e23;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .wrap-select.is-setted .wrap-add-dropdown .btn-dropdown {
    border: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .wrap-select.is-setted .wrap-add-dropdown .btn-dropdown:before {
    right: 0;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .wrap-select.is-setted .wrap-add-dropdown .fake-dropdown {
    text-overflow: unset;
    font-size: 14px;
    /* padding: 0 0 0 34px; */
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-left .filter-title {
    position: relative;
    width: 83px;
    padding: 4px 35px 5px 10px;
    margin-right: 20px;
    border-radius: 4px;
    background: #1b1e23;
    color: #fff;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-left .filter-title:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_plus.svg) no-repeat;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-left .saerch-list-total-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    font-weight: 600;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-left .saerch-list-total-text span {
    color: #3d444f;
    font-size: 14px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .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: #788497;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .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: 4px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 2px;
    width: 1px;
    height: 16px;
    background: #dde0e5;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap span {
    color: #3d444f;
    font-size: 14px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 17px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch input {
    display: none;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-switch-input:checked + .toggle-round {
    background: #3d444f;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-switch-input:checked + .toggle-round:before {
    -webkit-transform: translate(9px, 0);
            transform: translate(9px, 0);
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-round {
    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;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-round:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 4px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .best-ranking-btn {
    color: #5c6677;
    font-weight: 500;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .best-ranking-btn:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_down_arrow.svg) center no-repeat;
    margin-left: 4px;
    vertical-align: middle;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right select {
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_down_arrow.svg) right no-repeat;
    padding: 0;
    border: none;
    font-size: 14px;
    color: #1b1e23;
    font-weight: 500;
}
.area-product-list .product-list-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-filter-btn {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: solid 1px #dde0e5;
    padding: 5px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-video-box {
    height: 220px;
    margin-top: 20px;
    border: 1px solid #000;
    border-radius: 8px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-video-box a {
    position: relative;
    display: block;
    height: 100%;
    background: #000;
    border-radius: 8px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-video-box a: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(https://cdn.hddfs.com/front/images/KO/common/n/icon_movie_play.svg) no-repeat;
}
.area-product-list .product-list-wrap .saerch-result-content .product-video-box a video {
    width: 335px;
    height: 220px;
    border-radius: 8px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 26px;
    margin-top: 24px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .goosMoreArea {
    width: 100%;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .goosMoreArea .list-product {
    width: 100%;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info {
    display: none;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: sticky;
    top: 190px;
    left: 0;
    width: 220px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion {
    padding-right: 4px;
    margin-top: 20px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion.wrap-accordion-last .accordion__cont .filter-box-check label:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion:first-child {
    margin-top: 0;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit {
    position: relative;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit button {
    width: 100%;
    text-align: left;
    overflow: unset;
    position: unset;
    height: unset;
    text-indent: unset;
    color: #abb2be;
    font-weight: 600;
    font-size: 16px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit button:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_accordion_arrow_off.svg) no-repeat;
    content: "";
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit button[aria-expanded=true] {
    color: #1b1e23;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit button[aria-expanded=true]:after {
    content: "";
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_accordion_arrow_on.svg) no-repeat;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit + .accordion__cont {
    padding-top: 0;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont[role=region] {
    display: none;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont[role=region].is-active {
    display: block;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category {
    margin-top: 16px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category button {
    display: block;
    margin-top: 16px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category button:first-child {
    margin-top: 0;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category button .category-one-depth-name {
    color: #788497;
    font-size: 14px;
    font-weight: 600;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category button .category-one-depth-name[aria-expanded=true] {
    color: #1b1e23;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category button .category-one-depth-name .category-number {
    display: inline;
    margin-left: 4px;
    font-size: 12px;
    font-weight: 400;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl label {
    position: relative;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl label input[type=checkbox] {
    position: absolute;
    overflow: hidden;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl 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;
    letter-spacing: -0.35px;
    color: #788497;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl label input[type=checkbox] + .txt-label::before {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #dde0e5;
    border-radius: 2px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/check.svg) 50% 50% no-repeat;
    background-size: 16px 16px;
    content: "";
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl label input[type=checkbox]:checked + .txt-label::before {
    border-color: #1b1e23;
    background-color: #1b1e23;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/check_chk.svg);
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl dt {
    margin-top: 16px;
    font-size: 14px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 14px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl dd button {
    display: inline-block;
    color: #788497;
    font-size: 14px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl dd:before {
    content: "ㄴ";
    margin-right: 3px;
    color: #788497;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check {
    position: relative;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .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;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check input[type=checkbox]:checked + label {
    color: #1b1e23;
    font-weight: 600;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check input[type=checkbox]:checked + label .filter-brand-total {
    color: #788497;
    font-weight: 400;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check input[type=checkbox]:checked + label:before {
    background-color: #1b1e23;
    border: 1px solid #1b1e23;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check input[type=checkbox]:checked + label:after {
    display: block;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/check_chk.svg) no-repeat;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check label {
    position: relative;
    z-index: 3;
    display: inline-block;
    width: 100%;
    margin-top: 16px;
    padding-left: 28px;
    color: #788497;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.05em;
    vertical-align: middle;
    cursor: pointer;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check label:last-child {
    padding-bottom: 20px;
    border-bottom: 1px solid #eef0f2;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check label span {
    margin-left: 4px;
    font-size: 12px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .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;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/check.svg) no-repeat;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .initial-sound {
    overflow-x: scroll;
    margin: 16px -20px 12px 0;
    padding: 0 20px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .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;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .initial-sound ul li button {
    width: 32px;
    height: 32px;
    background: #f5f7fa;
    border-radius: 50%;
    font-size: 13px;
    color: #5c6677;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .initial-sound ul li button.active {
    background: #000;
    color: #fff;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-initial-sound {
    margin-top: 16px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-initial-sound ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-initial-sound ul li button {
    width: 24px;
    height: 22px;
    background: #f5f7fa;
    border-radius: 4px;
    font-size: 12px;
    color: #5c6677;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-initial-sound ul li button.active {
    background: #000;
    color: #fff;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .view-more {
    margin-top: 12px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eef0f2;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .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;
    font-size: 12px;
    color: #5c6677;
    font-weight: 600;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .view-more button:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_right.svg) no-repeat;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-slider-track-wrap {
    position: relative;
    width: 100%;
    height: 30px;
    margin: 16px 0 8px 0;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-slider-track-wrap .price-slider-track {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    margin: auto;
    border-radius: 2px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .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;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-range-data-wrap > label {
    margin-right: 4px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-range-data-wrap .price-range-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-range-data-wrap .price-range-data input {
    width: 85px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
    padding: 0 12px;
    text-align: right;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-range-data-wrap .price-range-data input:disabled {
    background-color: transparent !important;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .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 4px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .filter-box-footer {
    margin-top: 20px;
    border-top: 1px solid #dde0e5;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .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;
    margin-top: 20px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .filter-box-footer .filter-box-function 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;
    height: 40px;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #1b1e23;
    font-size: 14px;
    font-weight: 600;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .filter-box-footer .filter-box-function .refresh-btn {
    width: 92px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .filter-info .filter-box-footer .filter-box-function .filter-apply-btn {
    width: 120px;
    background: #1b1e23;
    color: #fff;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .goosMoreArea {
    width: 100%;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .goosMoreArea .list-product {
    width: 100%;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product {
    width: 100%;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist {
    gap: 50px 22px;
    width: 100%;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item {
    width: calc((100% - 72px) / 4);
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.product-video-benefit {
    width: 49.2%;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.product-video-benefit .product-video-box {
    border: 1px solid #000;
    border-radius: 8px;
    background: #000;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.product-video-benefit .product-video-box a {
    position: relative;
    display: block;
    height: 100%;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.product-video-benefit .product-video-box a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    width: 64px;
    height: 64px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_movie_play.svg) no-repeat;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.product-video-benefit .product-video-box a video {
    display: block;
    width: 100%;
    padding: 15.6%;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__promotion-box {
    position: relative;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__promotion-box .product__promotion-bg {
    position: relative;
    z-index: 1;
    height: 504px;
    padding: 32px 20px;
    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;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .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%;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .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;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__promotion-box .product__promotion-bg .product__promotion--box .product__promotion-title {
    margin: 8px 0 12px 0;
    font-size: 18px;
    color: #fff;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .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: 12px;
    color: #fff;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .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: 12px;
    height: 13px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_right_w.svg) no-repeat;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__promotion-box > img {
    position: absolute;
    top: 0;
    border-radius: 8px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img {
    padding: 20px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img .product-discount {
    display: none;
    font-family: "Times New Roman", "Times", Serif;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    font-size: 28px;
    font-style: italic;
    font-weight: 600;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img .product-discount.type-1 {
    display: block;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img .product-discount span {
    font-size: 14px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img .movie-play:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 24px;
    height: 24px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_play.svg) no-repeat;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img:before {
    content: "";
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img.plan-filled__img {
    padding: 0;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img.plan-filled__img::before {
    display: none;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img.plan-filled__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__brand:first-child {
    margin-top: 16px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__content-info,
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__brand-info {
    height: unset;
    margin-top: 4px;
    color: #3d444f;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__content-info.product__brand-promotion-info,
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__brand-info.product__brand-promotion-info {
    color: #3d444f;
    font-weight: 400;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__content-info.type-highlight,
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__brand-info.type-highlight {
    color: #ea2869;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info {
    margin-top: 8px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info.product__promotion-info .product__price--origin {
    margin-top: 8px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info.product__promotion-info .product__price--origin span {
    color: #788497;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin.type-1 .product__price--sale {
    font-size: 16px;
    color: #ea2829;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--sale {
    top: 0px;
    color: #1b1e23;
    font-size: 14px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--sale.product__price--sale-confirm {
    color: #788497;
    font-size: 13px;
    font-weight: 500;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--won {
    font-size: 14px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--won span {
    color: #3d444f;
    font-weight: 500;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__tag {
    margin-top: 10px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    margin-top: 4px;
    font-size: 13px;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__countdown::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_clock_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__content-date {
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #788497;
}
/* .area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.type-sales--adult .product__img {
    height: 0;
    padding: 100% 0 0;
} *//* 2024-01-12 어덜트 수정 */
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap.fixed {
    display: block;
}
.area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap.fixed .filter-info {
    position: fixed;
    left: 50%;
    margin-left: -630px;
}
@media screen and (max-width: 1340px) {
    .area-product-list .product-list-wrap .saerch-result-content .product-list-content-wrap.fixed .filter-info {
        margin-left: 0;
        left: 40px;
    }
}
.area-product-list .product-list-wrap .saerch-result-content.is-active .product-saerch-list-top .product-saerch-list-left .filter-title:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_minus.svg) no-repeat;
}
.area-product-list .product-list-wrap .saerch-result-content.is-active .product-list-content-wrap .filter-info {
    display: block;
}
.area-product-list .product-list-wrap .saerch-result-content.is-active .product-list-content-wrap.fixed {
    padding-left: 246px;
}
.no_data.new {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 400px;
}
.no_data.new img {
    display: none;
}
.no_data.new p {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
}
.no_data.new p::before {
    display: block;
    width: 100px;
    height: 100px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/icon_search_empty.svg) no-repeat;
    background-size: contain;
    content: '';
}
.list-dropdown > li button {
    white-space: nowrap;
}

.list-product__searchlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.list-product__searchlist.type-1 {
    gap: 48px 24px;
}
.list-product__searchlist.type-1 > li {
    position: relative;
    width: calc((100% - 72px) / 4);
}
.list-product__searchlist.type-1 > li.pord_duble {
    width: calc((100% - 24px) / 2);
}
.list-product__searchlist.type-1 > li .img_w {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 100% 20px 0;
    border-radius: 8px;
}
.list-product__searchlist.type-1 > li .img_w:hover .on_btn {
    opacity: 1;
}
.list-product__searchlist.type-1 > li .img_w::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 .img_w.img_brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0;
    padding: 169.36% 0 0;
}
.list-product__searchlist.type-1 > li .img_w.img_brand::before {
    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 .img_w.img_brand 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;
}
.list-product__searchlist.type-1 > li .img_w.img_brand img + span {
    display: block;
    margin-right: 16px;
    font-size: 14px;
    letter-spacing: -0.35px;
    font-weight: 700;
    color: #1b1e23;
}
.list-product__searchlist.type-1 > li .img_w.img_brand .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: 32px;
    left: 20px;
    z-index: 1;
    padding-right: 10px;
}
.list-product__searchlist.type-1 > li .img_w.img_brand .wrap-info::before {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: #5c6677 url(https://cdn.hddfs.com/front/images/KO/common/n/icon_B_text.svg) 50% 50% no-repeat;
    background-size: 16px 16px;
    content: "";
}
.list-product__searchlist.type-1 > li .img_w.img_brand span:not(.link-txt) {
    display: block;
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.45px;
}
.list-product__searchlist.type-1 > li .img_w.img_brand span.link-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 4px;
    font-size: 12px;
    letter-spacing: -0.3px;
    font-weight: 400;
    color: #fff;
}
.list-product__searchlist.type-1 > li .img_w.img_brand span.link-txt::after {
    display: block;
    width: 12px;
    height: 13px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_3.svg) no-repeat;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    content: "";
}
.list-product__searchlist.type-1 > li .img_w img {
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 20px*/
	left:0;/*2024-08-14 썸네일 이미지 확장 20px*/
	width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 40px)*/
	height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 40px)*/
    -o-object-fit: contain;
       object-fit: contain;
}
.list-product__searchlist.type-1 > li .img_w .on_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    -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;
    gap: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.list-product__searchlist.type-1 > li .img_w .on_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;
    z-index: 3;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 82px;
    height: 33px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 8px;
    border: 1px solid #1b1e23;
    background-color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.33px;
    white-space: nowrap;
}
.list-product__searchlist.type-1 > li .img_w .on_btn button.bg_black {
    background-color: #1b1e23;
    color: #fff;
}
.list-product__searchlist.type-1 > li .img_w .btn_play {
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    width: 24px;
    height: 0;
    padding-top: 24px;
    background-image: none;
    text-indent: -9999px;
}
.list-product__searchlist.type-1 > li .img_w .btn_play::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_play.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-product__searchlist.type-1 > li .img_w + .pro_i {
    margin-top: 16px;
}
.list-product__searchlist.type-1 > li .img_w .btn-cart {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 40px;
    height: 0;
    padding-top: 40px;
    border: none;
    border-radius: 8px 0 8px 0;
    background-color: rgba(0, 0, 0, 0.3);
    text-indent: -9999px;
}
.list-product__searchlist.type-1 > li .img_w .btn-cart:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_product_cart_w.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-product__searchlist.type-1 > li .img_w .soldout-banner {
    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: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.4);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.33px;
    backdrop-filter: blur(5px);/*2024-08-14 썸네일 이미지 확장*/
}
.list-product__searchlist.type-1 > li .img_w .soldout-banner span {
    color: rgba(0, 0, 0, 0.4);
    pointer-events: none;
}
.list-product__searchlist.type-1 > li .img_w .product-discount {
    display: block;
    font-family: "Times New Roman", "Times", Serif;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    font-size: 28px;
    font-style: italic;
    font-weight: 600;
}
.list-product__searchlist.type-1 > li .img_w .product-discount span {
    font-size: 14px;
}
.list-product__searchlist.type-1 > li .img_w .product-discount.type-bright {
    color: #fff;
}
.list-product__searchlist.type-1 > li .img_w .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;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.33px;
}
.list-product__searchlist.type-1 > li .searchevent_type .img_w {
    padding-left: 0;
    padding-right: 0;
}
.list-product__searchlist.type-1 > li .searchevent_type .img_w + p {
    margin-top: 16px;
}
.list-product__searchlist.type-1 > li .searchevent_type .img_w img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 0; /* 20231222 */
        object-position: 50% 0; /* 20231222 */
}
.list-product__searchlist.type-1 > li .searchevent_type p:not(.tx_countdown) {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #1b1e23;
}
.list-product__searchlist.type-1 > li .searchevent_type p:not(.tx_countdown) + strong {
    margin-top: 4px;
}
.list-product__searchlist.type-1 > li .searchevent_type strong {
    display: block;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #3d444f;
    font-weight: 400;
}
.list-product__searchlist.type-1 > li .searchevent_type strong + em {
    margin-top: 8px;
}
.list-product__searchlist.type-1 > li .searchevent_type em {
    display: block;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #788497;
}
.list-product__searchlist.type-1 > li .searchevent_type .tx_countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.33px;
    color: #3d444f;
}
.list-product__searchlist.type-1 > li .searchevent_type .tx_countdown::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_clock_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-product__searchlist.type-1 > li .pro_i {
    font-size: 14px;
    letter-spacing: -0.35px;
}
.list-product__searchlist.type-1 > li .pro_i .ti_brand {
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
}
.list-product__searchlist.type-1 > li .pro_i .ti_brand + .tx_key, .list-product__searchlist.type-1 > li .pro_i .ti_brand + .tx_ex {
    margin-top: 4px;
}
.list-product__searchlist.type-1 > li .pro_i .tx_key {
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #ea2869;
    word-break: break-all;
}
.list-product__searchlist.type-1 > li .pro_i .tx_ex {
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    color: #3d444f;
    font-size: 14px;
    word-break: break-all;
}
.list-product__searchlist.type-1 > li .pro_i .tx_ex.type-1 {
    height: 42px;
    font-size: 14px;
    letter-spacing: -0.35px;
}
.list-product__searchlist.type-1 > li .pro_i .tx_ex + .tx_sign_in, .list-product__searchlist.type-1 > li .pro_i .tx_ex + .price1 {
    margin-top: 8px;
}
.list-product__searchlist.type-1 > li .pro_i .tx_sign_in {
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #788497;
}
.list-product__searchlist.type-1 > li .pro_i .tx_sign_in + .price1 {
    margin-top: 2px;
}
.list-product__searchlist.type-1 > li .pro_i .price1 {
    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 .pro_i .price1 del {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.35px;
    caret-color: #1b1e23;
    color: #1b1e23;
    text-decoration: none;
}
.list-product__searchlist.type-1 > li .pro_i .price1 strong {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #abb2be;
    text-decoration: line-through;
}
.product_list .list-product__searchlist.case-2 > li .price1 del {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #1b1e23;
    text-decoration: none;
}
.product_list .list-product__searchlist.case-2 > li .price1 strong {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #abb2be;
    text-decoration: line-through;
}
.list-product__searchlist.type-1 > li .pro_i .price1 + .price2 {
    margin-top: 1px;
}
.list-product__searchlist.type-1 > li .pro_i .price2 {
    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 .pro_i .price2 strong {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #ea2829;
}
.list-product__searchlist.type-1 > li .pro_i .price2 span {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.35px;
    color: #3d444f;
}
.list-product__searchlist.type-1 > li .pro_i .price2 + .por_icons {
    margin-top: 12px;
}
.list-product__searchlist.type-1 > li .pro_i .por_icons {
    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;
    gap: 4px;
}
.list-product__searchlist.type-1 > li .pro_i .por_icons span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 22px;
    margin: 0;
    padding: 2px 6px;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    background: none;
    font-size: 12px;
    color: #5c6677;
    line-height: 1.1;
    letter-spacing: -0.3px;
}
.list-product__searchlist.type-1 > li .pro_i .por_icons span.type-first-deal {border: 1px solid #ffeaea; background-color: #ffeaea; color: #ea2869; font-weight: 700;}/*2024-05-14 첫구매딜 추가*/
.list-product__searchlist.type-1 > li .pro_i .por_icons span.type-first-deal:before {content:""; display: inline-block; width: 16px; height:16px; margin-right:2px; background:url('https://cdn.hddfs.com/front/images/KO/common/ic_first_deal.svg') no-repeat center center/contain;}/*2024-05-14 첫구매딜 관련 추가*/
.list-product__searchlist.type-1 > li .product_module {
    width: 100%;
}
.list-product__searchlist.type-1 > li .product_module.coupon {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme {
    float: none;
    width: 100%;
    height: auto;
    background-image: none;
    text-align: left;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme::before {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 8px;
    width: 100%;
    height: 0;
    margin: 0;
    padding-top: 100%;
    background: #f5f7fa url(https://cdn.hddfs.com/front/images/KO/common/n/icon_coupon_2.svg) 50% 50% no-repeat;
    background-size: 192px 102px;
    content: "";
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme .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;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 100%;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme .wrap-txt .tit {
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -80px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.33px;
    color: #fff;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme .wrap-txt strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 4px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: 18px;
    margin-left: -80px;
    padding: 0;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: -0.7px;
    line-height: 1.2;
    color: #fff;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme .wrap-txt strong span {
    position: relative;
    top: -4px;
    font-size: 16px;
    letter-spacing: -0.4px;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme .link {
    display: none;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme dl {
    margin-top: 16px;
    text-align: left;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme dl dt {
    height: auto;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.35px;
    line-height: 1.46;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme dl dt + dd {
    margin-top: 4px;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme dl dd {
    line-height: 1.2;
    color: #3d444f;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme dl dd + dd {
    margin-top: 8px;
    color: #788497;
}
.list-product__searchlist.type-1 > li .searchpoint_type::before {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 8px;
    width: 100%;
    height: 0;
    margin: 0;
    padding-top: 100%;
    background: #f5f7fa url(https://cdn.hddfs.com/front/images/KO/common/n/icon_reserve_1.svg) 50% 50% no-repeat;
    background-size: 192px 102px;
    content: "";
}
.list-product__searchlist.type-1 > li .searchpoint_type .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;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 100%;
}
.list-product__searchlist.type-1 > li .searchpoint_type .wrap-txt .tit {
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -80px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.33px;
    color: #fff;
}
.list-product__searchlist.type-1 > li .searchpoint_type .wrap-txt .point_price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 4px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: 18px;
    margin-left: -80px;
    padding: 0;
    line-height: 1.2;
    color: #fff;
}
.list-product__searchlist.type-1 > li .searchpoint_type .wrap-txt .point_price .point_num {
    font-weight: 700;
    font-size: 28px;
    letter-spacing: -0.7px;
}
.list-product__searchlist.type-1 > li .searchpoint_type .wrap-txt .point_price .point_won {
    position: relative;
    top: -4px;
    font-size: 16px;
    letter-spacing: -0.4px;
}
.list-product__searchlist.type-1 > li .searchpoint_type .finished {
    display: none;
}
.list-product__searchlist.type-1 > li .searchpoint_type .point_txt {
    margin-top: 16px;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.35px;
    line-height: 1.46;
}
.list-product__searchlist.type-1 > li .searchpoint_type .point_txt + em {
    margin-top: 4px;
}
.list-product__searchlist.type-1 > li .searchpoint_type em {
    display: block;
    font-size: 14px;
    letter-spacing: -0.35px;
    line-height: 1.2;
    color: #3d444f;
}
.list-product__searchlist.type-1 > li .searchpoint_type em + .point-period {
    margin-top: 8px;
}
.list-product__searchlist.type-1 > li .searchpoint_type .point-period {
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #788497;
}
.list-product__searchlist.type-1 > li .searchgift_type::before {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 8px;
    width: 100%;
    height: 0;
    margin: 0;
    padding-top: 100%;
    background: #f5f7fa url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gift_3.svg) 50% 50% no-repeat;
    background-size: 81px 81px;
    content: "";
}
.list-product__searchlist.type-1 > li .searchgift_type p {
    margin-top: 16px;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.35px;
    line-height: 1.46;
}
.list-product__searchlist.type-1 > li .searchgift_type p + strong {
    margin-top: 4px;
}
.list-product__searchlist.type-1 > li .searchgift_type strong {
    display: block;
    font-size: 14px;
    letter-spacing: -0.35px;
    line-height: 1.2;
    font-weight: 400;
    color: #3d444f;
}
.list-product__searchlist.type-1 > li .searchgift_type strong + em {
    margin-top: 8px;
}
.list-product__searchlist.type-1 > li .searchgift_type em {
    display: block;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #788497;
}
.list-product__searchlist.type-1 > li .img_video {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 65.42%;
    border-radius: 8px;
    background-color: #000;
    pointer-events: none;
}
.list-product__searchlist.type-1 > li .img_video img,
.list-product__searchlist.type-1 > li .img_video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.list-product__searchlist.type-1 > li .img_video .btn-play {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    pointer-events: all;
}
.list-product__searchlist.type-1 > li .img_video .btn-play::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_movie_play.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-product__searchlist.type-1 > li .img_video.is-play .btn-play::after {
    display: none;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_movie_pause.svg);
}
.list-product__searchlist.type-1 > li .img_video.is-play .btn-play:hover::after {
    display: block;
}
.list-product__searchlist.type-1 > li .chk {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}
/* S: 2024-01-12 어덜트 수정*/
.list-product__searchlist.type-1 > li[data-adult=Y] .img_w img {
    /* display: none; */
    filter: blur(6px);
    -webkit-filter: blur(6px);
}
/* .list-product__searchlist.type-1 > li[data-adult=Y] .img_w::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff url(https://cdn.hddfs.com/front/images/KO/common/n/icon_adult_1.svg) 50% 50% no-repeat;
    background-size: contain;
    content: "";
} */
.list-product__searchlist.type-1 > li[data-adult=Y] .img_w::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 33%;
    max-width: 80px;
    height: 100%;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_adult_2.svg) 50% 50% no-repeat;
    background-size: contain;
    z-index: 2;
    content: "";
}
/* E: 2024-01-12 어덜트 수정*/
.list-product__searchlist.type-1.case-small {
    gap: 34px 16px;
}
.list-product__searchlist.type-1.case-small > li {
    width: calc((100% - 48px) / 4);
}
.list-product__searchlist.type-1.case-small > li .img_w .product-discount {
    top: 8px;
    right: 10px;
    font-size: 26px;
}
.list-product__searchlist.type-1.case-small > li .img_w .product-discount span {
    font-size: 16px;
}
.list-product__searchlist.type-1.case-small > li .img_w .coming-soon {
    height: 30px;
    font-size: 12px;
}
.list-product__searchlist.type-1.case-small > li .img_w .btn_play {
    top: 10px;
    left: 10px;
}
.list-product__searchlist.type-1.case-small > li .img_w .btn-cart {
    width: 32px;
    padding-top: 32px;
}
.list-product__searchlist.type-1.case-small > li .img_w .btn-cart::before {
    width: 16px;
    height: 16px;
}
.list-product__searchlist.type-1.case-small > li .img_w.img_brand .wrap-info {
    bottom: 20px;
    left: 16px;
    gap: 4px;
}
.list-product__searchlist.type-1.case-small > li .img_w.img_brand span:not(.link-txt) {
    font-size: 16px;
    letter-spacing: -0.8px;
}
.list-product__searchlist.type-1.case-small > li .pro_i .tx_ex + .price2 {
    margin-top: 12px;
}
.list-product__searchlist.type-1.case-small > li .pro_i .tx-ex,
.list-product__searchlist.type-1.case-small > li .pro_i .tx_key {
    font-size: 13px;
}
.list-product__searchlist.type-1.case-small > li .searchevent_type em,
.list-product__searchlist.type-1.case-small > li .searchevent_type strong {
    font-size: 13px;
}
.list-product__searchlist.type-1.case-small > li .searchpoint_type .point-period,
.list-product__searchlist.type-1.case-small > li .searchpoint_type em {
    font-size: 13px;
}
.list-product__searchlist.type-1.case-small > li .searchpoint_type .wrap-txt .tit,
.list-product__searchlist.type-1.case-small > li .searchpoint_type .wrap-txt .point_price {
    margin-left: -49px;
}
.list-product__searchlist.type-1.case-small > li .searchpoint_type .wrap-txt .tit {
    font-size: 8px;
}
.list-product__searchlist.type-1.case-small > li .searchpoint_type .wrap-txt .point_price {
    margin-top: 12px;
}
.list-product__searchlist.type-1.case-small > li .searchpoint_type .wrap-txt .point_price .point_num {
    font-size: 20px;
}
.list-product__searchlist.type-1.case-small > li .searchpoint_type .wrap-txt .point_price .point_won {
    font-size: 11px;
}
.list-product__searchlist.type-1.case-small > li .searchpoint_type::before {
    background-size: 123px 64px;
}
.list-product__searchlist.type-1.case-small > li .product_module.coupon .product_itme dl dd {
    font-size: 13px;
}
.list-product__searchlist.type-1.case-small > li .product_module.coupon .product_itme::before {
    background-size: 123px 64px;
}
.list-product__searchlist.type-1.case-small > li .product_module.coupon .wrap-txt .tit,
.list-product__searchlist.type-1.case-small > li .product_module.coupon .wrap-txt strong {
    margin-left: -49px;
}
.list-product__searchlist.type-1.case-small > li .product_module.coupon .wrap-txt .tit {
    font-size: 8px;
}
.list-product__searchlist.type-1.case-small > li .product_module.coupon .wrap-txt strong {
    margin-top: 12px;
    font-size: 20px;
}
.list-product__searchlist.type-1.case-small > li .product_module.coupon .wrap-txt strong span {
    font-size: 11px;
}
.list-product__searchlist.type-1.case-small > li .product__brand-info + .product__price {
    margin-top: 8px;
}
.list-product__searchlist.type-1.case-small > li .product__sale-info.type-inline + .product__tag {
    margin-top: 12px;
}
.list-product__searchlist.type-1.case-small > li .product__price .product__price-ratio {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.35px;
    caret-color: #1b1e23;
    text-decoration: none;
}
.list-product__searchlist.type-1.case-small > li .product__price .product__price--sale.type-line-through {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #abb2be;
    text-decoration: line-through;
}

.search-word-title {
    display: block;
    font-size: 16px;
    font-weight: 900;
}
.search-word-title .pink {
    color: #ea2869;
}

.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;
}
.toggle-switch-auto-save:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    background: #dde0e5;
    right: 0;
    top: 2px;
}
.toggle-switch-auto-save span {
    color: #3d444f;
    font-size: 14px;
}
.toggle-switch-auto-save .toggle-switch {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 16px;
}
.toggle-switch-auto-save .toggle-switch input {
    display: none;
}
.toggle-switch-auto-save .toggle-switch .toggle-switch-input:checked + .toggle-round {
    background-color: #3d444f;
}
.toggle-switch-auto-save .toggle-switch .toggle-switch-input:checked + .toggle-round:before {
    -webkit-transform: translate(10px, 0);
            transform: translate(10px, 0);
}
.toggle-switch-auto-save .toggle-switch .toggle-round {
    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;
}
.toggle-switch-auto-save .toggle-switch .toggle-round:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.advanced_search .search_close {
    top: 8px;
    right: 40px;
    width: 24px;
    height: 24px;
    margin-right: 0;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_search_list_close.svg) no-repeat;
}
.advanced_search .tab-action {
    width: 1356px;
}
.advanced_search .tab-action .tab_textmedium {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.advanced_search .tab-action .tab_textmedium li {
    margin-left: 25px;
}
.advanced_search .tab-action .tab_textmedium li:first-child {
    margin-left: 0;
}
.advanced_search .tab-action .tab_textmedium li a {
    font-size: 20px;
}
.advanced_search .tab-action .tab_textmedium li.ui-tabs-active a:before {
    top: -3px;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: none;
    background-image: linear-gradient(135deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
}
.advanced_search .tab-action .adsearch_panel {
    width: 100%;
    margin: 40px auto 0;
    padding-bottom: 48px;
}
.advanced_search .tab-action .adsearch_panel .area-scroll {
    height: 100%;
    overflow-y: auto;
    padding-right: 16px;
    padding-left: 0;
    padding-bottom: 0;
}
.advanced_search .tab-action .adsearch_panel .area-scroll::-webkit-scrollbar-track {
    background-color: #fff;
}
.advanced_search .tab-action .adsearch_panel .area-scroll::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.advanced_search .tab-action .adsearch_panel .area-scroll::-webkit-scrollbar {
    width: 4px;
}
.advanced_search .tab-action .adsearch_panel .popular_search {
    width: 832px;
    margin: 0 auto;
}
.advanced_search .tab-action .adsearch_panel .popular_search .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;
}
.advanced_search .tab-action .adsearch_panel .popular_search .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;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-recent-wrap .search-recent--wrap .search-recent button {
    color: #3d444f;
    font-size: 13px;
    font-weight: 500;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-recent-wrap .search-result-wrap .search-result ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 11px 8px;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-recent-wrap .search-result-wrap .search-result ul li {
    margin-top: 0;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-recent-wrap .search-result-wrap .search-result ul 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;
    gap: 8px;
    width: auto;
    max-width: unset;
    padding: 6px 12px;
    border-radius: 20px;
    background: #f5f7fa;
    color: #3d444f;
    font-size: 13px;
    font-weight: 500;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-recent-wrap .search-result-wrap .search-result ul li a button {
    flex-shrink: 0;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-recent-wrap .search-result-wrap .search-result ul li a .search-result__del {
    display: block;
    overflow: hidden;
    position: relative;
    width: 12px;
    height: 0;
    padding-top: 12px;
    border: none;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_hashtag_close.svg) no-repeat;
    background-color: transparent;
    text-indent: -9999px;
    font-size: 0;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-recent-wrap .search-result-on {
    display: none;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin-top: 25px;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content {
    position: relative;
    width: 404px;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .pc-search-swiper {
    overflow: hidden;
    position: relative;
    margin: 12px 0 0 0;
    border-radius: 12px;
    border: 1px solid #dde0e5;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .pc-search-swiper .swiper-slide .search-hit-box {
    padding: 15px 19px 15px 19px;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .pc-search-swiper .swiper-slide .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;
    cursor: pointer;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .pc-search-swiper .swiper-slide .search-hit-box ul li:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .pc-search-swiper .swiper-slide .search-hit-box ul li.hit-min:after {
    content: "";
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_min.svg) no-repeat;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .pc-search-swiper .swiper-slide .search-hit-box ul li.hit-up:after {
    content: "";
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_hit_up.svg) no-repeat;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .pc-search-swiper .swiper-slide .search-hit-box ul li.hit-down:after {
    content: "";
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_hit_down.svg) no-repeat;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .pc-search-swiper .swiper-slide .search-hit-box ul li:last-child {
    margin-bottom: 0;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .pc-search-swiper .swiper-slide .search-hit-box ul li span {
    color: #3d444f;
    font-size: 14px;
    font-weight: 500;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .pc-search-swiper .swiper-slide .search-hit-box ul li span:first-child {
    color: #788497;
    font-weight: 900;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .pc-search-swiper .swiper-slide .search-hit-box ul li span.pink {
    color: #ea2869;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .pc-search-swiper .swiper-slide .search-hit-box ul li .hit-name {
    width: 100%;
    margin-left: 20px;
    color: #3d444f;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .swiper-pagination-bullets {
    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;
    bottom: auto;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    margin-top: 16px;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .swiper-pagination-bullets .swiper-pagination-bullet.is-active {
    opacity: 1;
    width: 8px;
    height: 8px;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 4px;
}
.advanced_search .tab-action .adsearch_panel .popular_search .search-hit-content-wrap .search-hit-content .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background: #1b1e23;
}
.advanced_search .tab-action .adsearch_panel .brand_search {
    width: 1280px;
    margin: 0 auto;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .search-word-title {
    text-align: center;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content {
    margin-top: 48px;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .brand-category {
    overflow-x: scroll;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .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;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .brand-category ul li button {
    color: #5c6677;
    font-size: 14px;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .brand-category ul li button.active {
    font-weight: 600;
    color: #1b1e23;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .kr-en-conversion-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .kr-en-conversion-wrap .kr-en-conversion {
    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;
    min-width: 40px;
    height: 40px;
    margin: 0;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .kr-en-conversion-wrap .kr-en-conversion button {
    color: #abb2be;
    font-size: 14px;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .kr-en-conversion-wrap .kr-en-conversion button + button::before {
    content: "/";
    padding: 0 4px;
    color: #abb2be;
    font-weight: lighter;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .kr-en-conversion-wrap .kr-en-conversion button.active {
    color: #1b1e23;
    font-weight: 600;
}
/* .advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .kr-en-conversion-wrap .initial-sound {
    overflow-x: scroll;
} */
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .kr-en-conversion-wrap .initial-sound ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: 100%;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .kr-en-conversion-wrap .initial-sound ul li button {
    width: 40px;
    height: 40px;
    background: #f5f7fa;
    border-radius: 50%;
    font-size: 14px;
    color: #5c6677;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .kr-en-conversion-wrap .initial-sound ul li button.active {
    background: #000;
    color: #fff;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .kr-en-conversion-data-content {
    height: 194px;
    margin-top: 24px;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .kr-en-conversion-data-content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px 24px;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .kr-en-conversion-data-content ul li {
    width: 156px;
    cursor: pointer;
}
.advanced_search .tab-action .adsearch_panel .brand_search .search-tab-contents .brand-category-content .kr-en-conversion-data-content ul li p:nth-of-type(2) {
    font-size: 12px;
    color: #abb2be;
}
.advanced_search .general-search-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 32px 64px;
    width: 830px;
    margin: 36px auto 0;
}
.advanced_search .general-search-wrap .area-scroll {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 16px;
    padding-left: 0;
    padding-bottom: 0;
}
.advanced_search .general-search-wrap .area-scroll::-webkit-scrollbar-track {
    background-color: #fff;
}
.advanced_search .general-search-wrap .area-scroll::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.advanced_search .general-search-wrap .area-scroll::-webkit-scrollbar {
    width: 4px;
}
.advanced_search .general-search-wrap .general-search-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}
.advanced_search .general-search-wrap .general-search-link .keyword-info-text {
    padding: 6px 12px;
    margin-right: 32px;
    border-radius: 16px;
    font-weight: 600;
    background: #f5f7fa;
}
.advanced_search .general-search-wrap .general-search-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 20px;
    font-weight: 600;
}
.advanced_search .general-search-wrap .general-search-link a:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_link.svg) no-repeat;
    margin-left: 2px;
}
.advanced_search .general-search-wrap .general-search-link a .pink {
    color: #ea2869;
}
.advanced_search .general-search-wrap .general-search-link a span {
    color: #1b1e23;
    font-size: 14px;
    font-weight: 600;
}
.advanced_search .general-search-wrap .general-search-link .toggle-switch-auto-save {
    display: none;
    margin-left: auto;
    margin-right: 0;
    padding-right: 0;
}
.advanced_search .general-search-wrap .general-search-link .toggle-switch-auto-save:after {
    display: none;
}
.advanced_search .general-search-wrap .general-search-result-wrap {
    position: relative;
    width: calc(50% - 32px);
}
.advanced_search .general-search-wrap .general-search-result-wrap.area-scroll {
    height: 288px;
}
.advanced_search .general-search-wrap .general-search-result-wrap.area-scroll .general-search-result:after {
    display: none;
}
.advanced_search .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;
    min-height: 32px;
    margin-bottom: 6px;
    font-size: 14px;
    color: #1b1e23;
}
.advanced_search .general-search-wrap .general-search-result-wrap .general-search-result:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_right_arrow.svg) no-repeat;
    margin-left: 2px;
}
.advanced_search .general-search-wrap .general-search-result-wrap .general-search-result:hover {
    background: #f9fafb;
}
.advanced_search .general-search-wrap .general-search-result-wrap .general-search-result .pink {
    color: #ea2869;
}
.advanced_search .general-search-wrap .general-search-result-wrap .general-search-result span {
    font-size: 14px;
    color: #1b1e23;
}
.advanced_search .general-search-wrap .general-search-result-wrap .general-search-result .badge-name {
    min-width: 56px;
	width: auto;
    padding: 1px 6px 2px;
    margin-left: auto;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    text-align: center;
    color: #5c6677;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}
.advanced_search .general-search-wrap .general-search-result-wrap .general-search-result .special-order-ok {
    background-image: linear-gradient(104deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: 8px;
    font-size: 11px;
    font-weight: 600;
}
.advanced_search .general-search-wrap .general-search-result-wrap + .general-search-result-wrap::before {
    display: block;
    position: absolute;
    top: 0;
    left: -32px;
    width: 1px;
    height: 100%;
    background-color: #eef0f2;
    content: "";
}
.advanced_search .general-search-wrap.type-hash {
    width: 390px;
}
.advanced_search .general-search-wrap.type-hash .general-search-result-wrap {
    width: 100%;
}
.advanced_search .hashtag-search-wrap {
    width: 390px;
    margin: 36px auto 0;
}
.advanced_search .hashtag-search-wrap .area-scroll {
    height: 100%;
    overflow-y: auto;
    padding-right: 16px;
    padding-left: 0;
    padding-bottom: 0;
}
.advanced_search .hashtag-search-wrap .area-scroll::-webkit-scrollbar-track {
    background-color: #fff;
}
.advanced_search .hashtag-search-wrap .area-scroll::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.advanced_search .hashtag-search-wrap .area-scroll::-webkit-scrollbar {
    width: 4px;
}
.advanced_search .hashtag-search-wrap .toggle-switch-auto-save {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 0;
    margin: 0 0 20px 0;
}
.advanced_search .hashtag-search-wrap .toggle-switch-auto-save:after {
    display: none;
}
.advanced_search .hashtag-search-wrap .general-search-result-right {
    height: 288px;
}
.advanced_search .hashtag-search-wrap .general-search-result-right .general-search-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 32px;
    margin-bottom: 6px;
    font-size: 14px;
    color: #1b1e23;
}
.advanced_search .hashtag-search-wrap .general-search-result-right .general-search-result:hover {
    background: #f9fafb;
}
.advanced_search .hashtag-search-wrap .general-search-result-right .general-search-result .pink {
    color: #ea2869;
}
.advanced_search .hashtag-search-wrap .general-search-result-right .general-search-result .badge-name {
    width: 56px;
    padding: 1px 6px 2px;
    margin-left: auto;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    text-align: center;
    color: #5c6677;
    font-size: 12px;
    font-weight: 600;
}
.advanced_search .hashtag-search-wrap .general-search-result-right .general-search-result .special-order-ok {
    background-image: linear-gradient(104deg, #ea2829 0%, #ea2869 42%, #ce28a5 74%, #a928ea 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: 8px;
    font-size: 11px;
    font-weight: 600;
}
.advanced_search .search-result-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;
    width: 100%;
    height: 80px;
    background: #f9fafb;
    text-align: center;
}
.advanced_search .search-result-text p {
    color: #abb2be;
    font-size: 16px;
}

.hot-brand-emotion {
    overflow-x: scroll;
    margin-top: 24px;
}
.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;
    margin: 0 auto;
    padding-right: 20px;
}
.hot-brand-emotion ul li {
    text-align: center;
}
.hot-brand-emotion ul li button img {
    width: 83px;
    height: 83px;
    border-radius: 50%;
}
.hot-brand-emotion ul li button p {
    margin-top: 8px;
    color: #3d444f;
    font-size: 12px;
}

/* CP */
.productSaerchList {
    /* common reset */
}
.productSaerchList 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;
}
.productSaerchList input::-webkit-input-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 500;
}
.productSaerchList input::-moz-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 500;
}
.productSaerchList input:-ms-input-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 500;
}
.productSaerchList input::-ms-input-placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 500;
}
.productSaerchList input::placeholder {
    font-size: 16px;
    color: #abb2be;
    font-weight: 500;
}
.productSaerchList input:focus {
    border: none;
    outline: none;
    -webkit-box-shadow: inset 0 -2px 0 #1b1e23;
            box-shadow: inset 0 -2px 0 #1b1e23;
}
.productSaerchList.product-saerch-list-bg {
    background: #bbbcbd;
    width: 100%;
    height: 100%;
}
.productSaerchList .product-saerch-list-wrap .filter-box-check {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 20px;
}
.productSaerchList .product-saerch-list-wrap .filter-box-check.block_chk {
    display: block;
}
.productSaerchList .product-saerch-list-wrap .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 .product-saerch-list-wrap .filter-box-check input[type=checkbox]:checked + label {
    color: #1b1e23;
    font-weight: 600;
}
.productSaerchList .product-saerch-list-wrap .filter-box-check input[type=checkbox]:checked + label .filter-brand-total {
    color: #788497;
    font-weight: 400;
}
.productSaerchList .product-saerch-list-wrap .filter-box-check input[type=checkbox]:checked + label:before {
    background-color: #1b1e23;
    border: 1px solid #1b1e23;
}
.productSaerchList .product-saerch-list-wrap .filter-box-check input[type=checkbox]:checked + label:after {
    display: block;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/check_chk.svg) no-repeat;
}
.productSaerchList .product-saerch-list-wrap .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 .product-saerch-list-wrap .filter-box-check label span {
    margin-left: 4px;
    font-size: 12px;
}
.productSaerchList .product-saerch-list-wrap .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 .product-saerch-list-wrap .filter-box-check label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/check.svg) no-repeat;
}
.productSaerchList .product-saerch-list-wrap .product-saerch {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: calc(100% - 64px);
    margin-top: 64px;
    background: #fff;
    border-radius: 40px 0 0 0;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content {
    position: unset;
    height: unset;
    margin-top: 0;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-top {
    margin-top: 0;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .search-round-data-wrap {
    padding-left: 20px;
    margin-top: 15px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .search-round-data-wrap .search-round-data {
    overflow-x: scroll;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .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-list-wrap .product-saerch.product-saerch-content .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;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .search-round-data-wrap .search-round-data ul li button span {
    pointer-events: none;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .search-round-data-wrap .search-round-data-2 {
    overflow-x: scroll;
    margin-top: 12px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .search-round-data-wrap .search-round-data-2 ul {
    display: -webkit-box;
    gap: 4px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .search-round-data-wrap .search-round-data-2 ul li a {
    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-list-wrap .product-saerch.product-saerch-content .search-round-data-wrap .search-round-data-2 ul li a img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .search-round-data-wrap .search-round-data-2 ul li a span {
    font-size: 14px;
    color: #3d444f;
    font-weight: 500;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .bg-line {
    width: 100%;
    height: 8px;
    margin: 20px 0 14px 0;
    background: #eef0f2;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content {
    padding: 0 20px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-saerch-list-top {
    position: sticky;
    top: 121px;
    left: 0;
    z-index: 4;
    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;
    background: #fff;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-saerch-list-top .wrap-select.is-setted .wrap-add-dropdown .btn-dropdown {
    border: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-saerch-list-top .wrap-select.is-setted .wrap-add-dropdown .btn-dropdown:before {
    right: 0;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-saerch-list-top .wrap-select.is-setted .wrap-add-dropdown .fake-dropdown {
    text-overflow: unset;
    font-size: 14px;
    /* padding: 0 0 0 34px; */
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-saerch-list-top .saerch-list-total-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    font-weight: 600;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-saerch-list-top .saerch-list-total-text span {
    font-size: 14px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .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;
    gap: 8px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .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;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-saerch-list-top .product-saerch-list-middle > span:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/tooltip.svg) center no-repeat;
    margin-right: 4px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .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;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .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;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-saerch-list-top .product-saerch-list-middle .toggle-switch-wrap span {
    color: #3d444f;
    font-size: 14px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-saerch-list-top .product-saerch-list-middle .toggle-switch-wrap .toggle-switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 20px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-saerch-list-top .product-saerch-list-middle .toggle-switch-wrap .toggle-switch input {
    display: none;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-saerch-list-top .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-switch-input:checked + .toggle-round {
    background: #3d444f;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .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);
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-saerch-list-top .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-round {
    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;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .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;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-video-box {
    height: 220px;
    margin-top: 20px;
    border: 1px solid #000;
    border-radius: 8px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-video-box a {
    position: relative;
    display: block;
    height: 100%;
    background: #000;
    border-radius: 8px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-video-box a: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(https://cdn.hddfs.com/front/images/KO/common/n/icon_movie_play.svg) no-repeat;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .product-video-box a video {
    width: 335px;
    height: 220px;
    border-radius: 8px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist {
    gap: 34px 9px;
    margin-top: 26px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item .product__promotion-box {
    position: relative;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .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%);
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .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-list-wrap .product-saerch.product-saerch-content .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-list-wrap .product-saerch.product-saerch-content .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;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .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-list-wrap .product-saerch.product-saerch-content .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(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_right_w.svg) no-repeat;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item .product__promotion-box > img {
    position: absolute;
    top: 0;
    border-radius: 8px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item .product__promotion_img img {
    border-radius: 8px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__brand:first-child {
    margin-top: 16px;
    font-size: 13px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__content-info,
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .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-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__content-info.product__brand-promotion-info,
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .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-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__content-info.type-highlight,
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__brand-info.type-highlight {
    color: #ea2869;
    font-weight: 500;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .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-list-wrap .product-saerch.product-saerch-content .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-list-wrap .product-saerch.product-saerch-content .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;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .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;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .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;
    font-weight: 500;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .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-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__tag {
    margin-top: 10px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    margin-top: 6px;
    font-size: 13px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__countdown::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_clock_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item .product__info .product__content-date {
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #788497;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item .product__img.plan-filled__img {
    padding: 0;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item .product__img.plan-filled__img::before {
    display: none;
}
.productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item .product__img.plan-filled__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
/* .productSaerchList .product-saerch-list-wrap .product-saerch.product-saerch-content .saerch-result-content .list-product.list-product__searchlist .product__item.type-sales--adult .product__img {
    height: 0;
    padding: 100% 0 0;
} *//* 2024-01-12 어덜트 수정 */
.productSaerchList .product-saerch-list-wrap .product-saerch .pop-open {
    display: block;
    width: 100%;
    margin-top: 9px;
    text-align: center;
}
.productSaerchList .product-saerch-list-wrap .product-saerch .pop-open img {
    width: 32px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch .saerch-top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 20px;
    margin-top: 15px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch .saerch-top.saerch-top-brand input {
    padding: 0 65px 0 65px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch .saerch-top img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 24px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch .saerch-top .m-ico-hastag {
    right: 56px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch .saerch-top .m-ico-hastag-top {
    left: 55px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch .saerch-top .m-ico-search img {
    right: 20px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch .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;
}
.productSaerchList .product-saerch-list-wrap .product-saerch .search-tab-menu-wrap .search-tab-menu {
    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-bottom: 20px;
    border-bottom: 1px solid #dde0e5;
}
.productSaerchList .product-saerch-list-wrap .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-list-wrap .product-saerch .search-tab-menu-wrap .search-tab-menu .search-tab-list.active {
    -webkit-box-shadow: inset 0 -2px 0 #1b1e23;
            box-shadow: inset 0 -2px 0 #1b1e23;
    color: #1b1e23;
    font-weight: 900;
}
.productSaerchList .product-saerch-list-wrap .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content {
    display: none;
}
.productSaerchList .product-saerch-list-wrap .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content.hit-search-tab-content {
    padding-left: 20px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch .search-tab-menu-wrap .search-tab-content-wrap .search-tab-content.active {
    display: block;
}
.productSaerchList .product-saerch-list-wrap .product-saerch .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;
    height: 40px;
    padding: 0 20px 0 20px;
    margin-top: 78px;
    background: #f9fafb;
}
.productSaerchList .product-saerch-list-wrap .product-saerch .search-interface-wrap a {
    font-size: 14px;
    font-weight: 500;
    color: #3d444f;
}
.productSaerchList .product-saerch-list-wrap .product-saerch .search-interface-wrap .search-interface {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}
.productSaerchList .product-saerch-list-wrap .filter-accordion-wrap .wrap-accordion {
    margin-top: 40px;
}
.productSaerchList .product-saerch-list-wrap .filter-accordion-wrap .wrap-accordion .accordion__tit {
    position: relative;
    padding: 0 20px;
}
.productSaerchList .product-saerch-list-wrap .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 .product-saerch-list-wrap .filter-accordion-wrap .wrap-accordion .accordion__tit button:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_accordion_arrow_on.svg) no-repeat;
    content: "";
}
.productSaerchList .product-saerch-list-wrap .filter-accordion-wrap .wrap-accordion .accordion__tit button[aria-expanded=true]:after {
    -webkit-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
}
.productSaerchList .product-saerch-list-wrap .filter-accordion-wrap .wrap-accordion .accordion__tit .kr-conversion-data {
    color: #1b1e23;
    font-weight: 600;
    font-size: 16px;
}
.productSaerchList .product-saerch-list-wrap .filter-accordion-wrap .wrap-accordion .accordion__tit + .accordion__cont {
    padding-top: 0;
}
.productSaerchList .product-saerch-list-wrap .filter-accordion-wrap .wrap-accordion .accordion__cont[role=region] {
    display: none;
}
.productSaerchList .product-saerch-list-wrap .filter-accordion-wrap .wrap-accordion .accordion__cont[role=region].is-active {
    display: block;
}
.productSaerchList .product-saerch-list-wrap .filter-accordion-wrap .wrap-accordion .accordion__cont .initial-sound {
    overflow-x: scroll;
    margin: 16px -20px 12px 0;
    padding: 0 20px;
}
.productSaerchList .product-saerch-list-wrap .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 .product-saerch-list-wrap .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 .product-saerch-list-wrap .filter-accordion-wrap .wrap-accordion .accordion__cont .initial-sound ul li button.active {
    background: #000;
    color: #fff;
}
.productSaerchList .product-saerch-list-wrap .filter-accordion-wrap .wrap-accordion .accordion__cont .view-more {
    padding: 0 20px;
}
.productSaerchList .product-saerch-list-wrap .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 .product-saerch-list-wrap .filter-accordion-wrap .wrap-accordion .accordion__cont .view-more button:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_down_arrow.svg) no-repeat;
}
.productSaerchList .product-saerch-list-wrap .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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 60px;
    padding: 0 20px;
    border-bottom: 1px solid #dde0e5;
}
.productSaerchList .product-saerch-list-wrap .product-saerch-filter-wrap .filter-box-header span {
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
.productSaerchList .product-saerch-list-wrap .product-saerch-filter-wrap .filter-box-header img {
    width: 28px;
    height: 28px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch-filter-wrap .product-saerch-filter .filter-box {
    padding: 0 20px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch-filter-wrap .product-saerch-filter .filter-box > p {
    margin: 36px 0 12px 0;
    font-size: 16px;
    font-weight: 600;
}
.productSaerchList .product-saerch-list-wrap .product-saerch-filter-wrap .product-saerch-filter .filter-box > p.first-title {
    margin: 16px 0 12px 0;
}
.productSaerchList .product-saerch-list-wrap .product-saerch-filter-wrap .product-saerch-filter .filter-box.filter-category-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px 9px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch-filter-wrap .product-saerch-filter .filter-box.filter-category-box ul li {
    width: 100%;
    max-width: calc((100% - 10px) / 2);
}
.productSaerchList .product-saerch-list-wrap .product-saerch-filter-wrap .product-saerch-filter .filter-box.filter-category-box ul li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    width: 100%;
    margin-bottom: 0;
    padding: 0 16px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
    color: #1b1e23;
    font-weight: 600;
    font-size: 14px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch-filter-wrap .product-saerch-filter .filter-box.filter-category-box ul li button span:not(.filter-category-name) {
    margin-left: 4px;
    font-size: 12px;
    color: #788497;
    font-weight: 400;
}
.productSaerchList .product-saerch-list-wrap .product-saerch-filter-wrap .product-saerch-filter .filter-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch-filter-wrap .product-saerch-filter .filter-box ul li a {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 4px;
    border: 1px solid #dde0e5;
    border-radius: 20px;
    font-size: 14px;
    color: #5c6677;
}
.productSaerchList .product-saerch-list-wrap .product-saerch-filter-wrap .product-saerch-filter .filter-box ul li a.active {
    background: #1b1e23;
    color: #fff;
}
.productSaerchList .product-saerch-list-wrap .product-saerch-filter-wrap .filter-box-footer {
    margin-top: 34px;
    padding: 14px 20px 46px 20px;
    border-top: 1px solid #dde0e5;
}
.productSaerchList .product-saerch-list-wrap .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;
    margin-top: 14px;
}
.productSaerchList .product-saerch-list-wrap .product-saerch-filter-wrap .filter-box-footer .filter-box-function button {
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #ccd1d8;
}
.productSaerchList .product-saerch-list-wrap .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;
}

#header .mainsearchinput {
    overflow: hidden;
    padding: 2px;
    border-radius: 52px;
}
#header .mainsearchinput:hover,
#header .mainsearchinput.is-active {
    background-image: linear-gradient(97deg, #ea2829 0%, #ea2869 49%, #ce28a5 74%, #a928ea 100%);
}/*2024-08-08 메인 해더 수정*/

.area-product-list .product-search-list-result-wrap {
    position: relative;
}
.area-product-list .product-search-list-result-wrap .product-search-list-header {
    position: relative;
    width: 100%;
    padding: 50px 20px;
}
.area-product-list .product-search-list-result-wrap .product-search-list-header .product-search-word {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .product-search-list-header .product-search-word span {
    color: #ea2869;
}
.area-product-list .product-search-list-result-wrap .product-search-list-header .product-search-word span:before {
    content: "“";
    color: #3d444f;
}
.area-product-list .product-search-list-result-wrap .product-search-list-header .product-search-word span:after {
    content: "”";
    color: #3d444f;
}
.area-product-list .product-search-list-result-wrap .product-search-list-header .search-round-data {
    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;
    margin-top: 16px;
}
.area-product-list .product-search-list-result-wrap .product-search-list-header .search-round-data > div {
    margin-right: 20px;
    font-size: 14px;
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .product-search-list-header .search-round-data ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.area-product-list .product-search-list-result-wrap .product-search-list-header .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;
}
.area-product-list .product-search-list-result-wrap .product-search-list-header .search-round-data ul li button span {
    pointer-events: none;
}
.area-product-list .product-search-list-result-wrap .product-search-list--header {
    position: relative;
    width: 100%;
    padding-top: 80px;
}
.area-product-list .product-search-list-result-wrap .product-search-list--header .product-search-word {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .product-search-list--header .product-search-word.product-search--word {
    margin-top: 40px;
    font-size: 16px;
    color: #3d444f;
    font-weight: 500;
}
.area-product-list .product-search-list-result-wrap .product-search-list--header .product-search-word.product-search--word span {
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .product-search-list--header .product-search-word span {
    color: #ea2869;
}
.area-product-list .product-search-list-result-wrap .product-search-list--header .product-search-word span:before {
    content: "“";
    color: #3d444f;
}
.area-product-list .product-search-list-result-wrap .product-search-list--header .product-search-word span:after {
    content: "”";
    color: #3d444f;
}
.area-product-list .product-search-list-result-wrap .product-search-list--header .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: 40px 0 80px;
}
.area-product-list .product-search-list-result-wrap .product-search-list--header .search-result-offline-shop-wrap .search-result-empty {
    text-align: center;
}
.area-product-list .product-search-list-result-wrap .product-search-list--header .search-result-offline-shop-wrap .search-result-empty p {
    margin-top: 24px;
    color: #3d444f;
    font-size: 16px;
    font-weight: 400;
}
.area-product-list .product-search-list-result-wrap .product-search-list--header .search-result-offline-shop-wrap .search-result-offline-shop-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}
.area-product-list .product-search-list-result-wrap .product-search-list--header .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: 200px;
    height: 60px;
    border-radius: 4px;
    border: solid 1px #1b1e23;
    color: #1b1e23;
    font-size: 16px;
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .product-search-list--header .search-result-offline-shop-wrap .search-result-offline-shop-link a:nth-of-type(1):before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_offshop_b.svg) no-repeat;
}
.area-product-list .product-search-list-result-wrap .product-search-list--header .search-result-offline-shop-wrap .search-result-offline-shop-link a:nth-of-type(2) {
    background: #1b1e23;
    color: #fff;
}
.area-product-list .product-search-list-result-wrap .product-search-list--header .search-result-offline-shop-wrap .search-result-offline-shop-link a:nth-of-type(2):before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_star_w.svg) no-repeat;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top {
    position: sticky;
    top: 121px;
    left: 0;
    z-index: 4;
    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-bottom: 9px;
    background: #fff;
    border-bottom: 2px solid #1b1e23;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .wrap-select.is-setted .wrap-add-dropdown .btn-dropdown {
    border: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .wrap-select.is-setted .wrap-add-dropdown .btn-dropdown:before {
    right: 0;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .wrap-select.is-setted .wrap-add-dropdown .fake-dropdown {
    font-size: 14px;
    text-overflow: unset;
    /* padding: 0 0 0 34px; */
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-left .filter-title {
    position: relative;
    width: 83px;
    padding: 4px 35px 5px 10px;
    margin-right: 20px;
    border-radius: 4px;
    background: #1b1e23;
    color: #fff;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-left .filter-title:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_plus.svg) no-repeat;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-left .filter-title.active:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_minus.svg) no-repeat;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-left .saerch-list-total-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-left .saerch-list-total-text span {
    color: #3d444f;
    font-size: 14px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .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: #788497;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .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: 4px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 2px;
    width: 1px;
    height: 16px;
    background: #dde0e5;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap span {
    color: #3d444f;
    font-size: 14px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 17px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch input {
    display: none;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-switch-input:checked + .toggle-round {
    background: #3d444f;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-switch-input:checked + .toggle-round:before {
    -webkit-transform: translate(9px, 0);
            transform: translate(9px, 0);
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-round {
    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;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-round:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 4px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.area-product-list .product-search-list-result-wrap .suggestion-prdouct-wrap {
    width: 100%;
    background-color: #fff5f9;
    padding: 24px 40px 40px;/*2024-06-10 ai추천 슬라이드 변경*/
    border-radius: 20px;
    /* margin-top: 80px; */
    max-width:1260px;/*2024-06-10 ai추천 슬라이드 변경*/
    position:relative;
}/* 2024-03-18 검색결과 ai 추천 영역 추가 및 수정*/
.list-product__searchlist.type-1 .suggestion-prdouct-wrap {
    margin-top: 0;
}/* 2024-03-18 검색결과 ai 추천 영역 추가 및 수정*/
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap {
    /* padding-top: 48px;
    margin-top: 80px;
    border-top: 1px solid #eef0f2; *//* 2024-03-18 검색결과 ai 추천 영역 추가 및 수정*/
}
.area-product-list .product-search-list-result-wrap .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; *//* 2024-03-18 검색결과 ai 추천 영역 추가 및 수정*/
    /*margin-bottom: 28px; 2024-03-18 검색결과 ai 추천 영역 추가 및 수정 16*//*2024-06-10 ai추천 슬라이드 변경*/
    margin: 0 0 28px -24px;/*2024-06-10 ai추천 슬라이드 변경*/
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .sub-title:before {
    display: inline-block;
    position: relative;
    top: 0;
    margin-right: 4px;
    width: 24px;
    height: 24px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/ic_produce.svg) no-repeat;
    background-size: contain;
    content: "";
}/* 2024-03-18 검색결과 ai 추천 영역 추가 및 수정*/
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .sub-title span:nth-of-type(1) {
    font-size: 20px;
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .sub-title span:nth-of-type(2) {
    color: #5c6677;
    font-size: 13px;
    font-weight: 500;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper {
    overflow: hidden;
    /* padding-left: 1.5%;*//*2024-06-10 ai추천 슬라이드 변경*/
}
.area-product-list .product-search-list-result-wrap .saerch-result-content.is-active .suggestion-prdouct-wrap .suggestion-prdouct-swiper {
    width:935px;
}/*2024-06-10 ai추천 슬라이드 변경*/
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap.no-result .suggestion-prdouct-swiper {
    width:100%;
}/*2024-06-23 ai 좌우버튼 추가*/
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos {
    position: relative;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_order_product.png) center #f5f7fa no-repeat;
    background-size: 192px 192px;
    padding: 116px;
    overflow: hidden;
    border-radius: 8px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    display: block;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    background-color: rgba(12, 54, 122, 0.04);
}
.area-product-list .product-search-list-result-wrap .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;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos button span {
    font-size: 0;
}
.area-product-list .product-search-list-result-wrap .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;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos .movie-play {
    left: 20px;
    top: 20px;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos .movie-play:before {
    width: 24px;
    height: 24px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_play.svg);
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos .cart {
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 8px 0 8px 0;
    background: rgba(0, 0, 0, 0.3);
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .suggestion-prdouct-ecmos .cart:before {
    width: 20px;
    height: 21px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_product_cart_w.svg);
    background-position: center;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide {
    background-color: #fff;
    border-radius: 12px;
    border: solid 1px #dde0e5;
    overflow: hidden;
    padding: 16px;
    /* width: calc((100% - 4.7%) / 4) !important; *//*2024-06-10 ai추천 슬라이드 변경*/
    height: auto;
}/* 2024-03-18 검색결과 ai 추천 영역 추가 및 수정 width: 232*/
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide.type-sales--adult .product__img::after {
    width: 80px;
    height: 80px;
}/* 2024-03-18 검색결과 ai 추천 영역 추가 및 수정*/

/*S: 2024-06-10 ai추천 슬라이드 변경*/
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-pagination {position:relative; margin-top:5px; }
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-pagination-bullets {
    bottom: -4px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-pagination-bullet {
    opacity: 1;
    margin: 1px 4px;
    width: 6px;
    height: 6px;
    background-color: #ebebeb;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-pagination-bullet-active {
    margin: 0px 4px;
    width: 8px;
    height: 8px;
    background-color: #000;
}
/*E: 2024-06-10 ai추천 슬라이드 변경*/

.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .product-discount {
    font-family: "Times New Roman", "Times", Serif;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    font-size: 28px;
    font-style: italic;
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .product-discount span {
    font-size: 14px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .suggestion-prdouct-title {
    margin: 16px 0 2px 0;
    font-size: 14px;
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .suggestion-prdouct-sale-text {
    font-size: 14px;
    color: #ea2869;
}
.area-product-list .product-search-list-result-wrap .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: 2px 0 8px 0;
    font-size: 14px;
    color: #3d444f;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .product__price--sale-confirm {
    color: #788497;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .discount span:first-child {
    font-size: 14px;
    color: #1b1e23;
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .discount span:last-child {
    margin-left: 2px;
    font-size: 13px;
    color: #abb2be;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .price-result span:first-child {
    font-size: 16px;
    color: #ea2829;
    font-weight: 700;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-slide .suggestion-prdouct-info .price-result span:last-child {
    margin-left: 2px;
    font-size: 14px;
    color: #3d444f;
}
.area-product-list .product-search-list-result-wrap .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;
}
.area-product-list .product-search-list-result-wrap .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-size: 12px;
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend {
    overflow: visible;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0;/* 2024-03-18 검색결과 ai 추천 영역 추가 및 수정 0*//*2024-06-10 ai추천 슬라이드 변경*/
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item .product__img {
    background-color: #fff;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item .product__img + .product__info {
    margin-top: 12px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item .product__img::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item .product__info .product__brand-info {
    /* height: auto; *//* 2024-03-18 검색결과 ai 추천 영역 추가 및 수정 */
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item .product__info .product__brand-info + .product__brand-info {
    margin-top: 2px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item .product__info .product__brand-info + .product__price {
    margin-top: 8px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item .product__info .product__price--origin .product__price {
    font-size: 14px;
    color: #1b1e23;
    /* letter-spacing: -/35px; */
    font-weight: 700;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item .product__info .product__price--origin .product__per {
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
}/* 2024-03-18 검색결과 ai 추천 영역 추가 및 수정 */
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item .product__info .product__price--origin .product__price--sale {
    font-size: 13px;
    font-weight: 400;
    color: #abb2be;
    letter-spacing: -0.33px;
    text-decoration: line-through;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item .product__info .product__sale-info + .product__tag {
    margin-top: 10px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item.type-sales--end .product__img::after {
    bottom: 0;
    height: 34px;
    border-radius: 0 0 8px 8px;
    background-color: rgba(27, 30, 35, 0.06);
    font-weight: 700;
    font-size: 13px;
    letter-spacing: -0.33px;
    color: rgba(0, 0, 0, 0.4);
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .list-product.list-product__recommend .product__item .btn-cart {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 20px);
}/*2024-06-23 ai 좌우버튼 추가*/
.area-product-list .product-search-list-result-wrap .saerch-result-content .suggestion-prdouct-wrap .suggestion-prdouct-swiper .swiper-button-prev {
	left: var(--swiper-navigation-sides-offset, 20px);
}/*2024-06-23 ai 좌우버튼 추가*/
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 26px;
    margin-top: 24px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info {
    display: none;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: sticky;
    top: 190px;
    left: 0;
    width: 220px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion {
    padding-right: 4px;
    margin-top: 20px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion.wrap-accordion-last .accordion__cont .filter-box-check label:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit {
    position: relative;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit button {
    width: 100%;
    text-align: left;
    color: #abb2be;
    font-weight: 600;
    font-size: 16px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit button:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_accordion_arrow_off.svg) no-repeat;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit button[aria-expanded=true] {
    color: #1b1e23;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit button[aria-expanded=true]:after {
    content: "";
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_accordion_arrow_on.svg) no-repeat;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit + .accordion__cont {
    padding-top: 0;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont[role=region] {
    display: none;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont[role=region].is-active {
    display: block;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category {
    margin-top: 16px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category button {
    display: block;
    margin-top: 16px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category button:first-child {
    margin-top: 0;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category button .category-one-depth-name {
    color: #788497;
    font-size: 14px;
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category button .category-one-depth-name[aria-expanded=true] {
    color: #1b1e23;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category button .category-one-depth-name .category-number {
    display: inline;
    margin-left: 4px;
    font-size: 12px;
    font-weight: 400;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl label {
    position: relative;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl label input[type=checkbox] {
    position: absolute;
    overflow: hidden;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl 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;
    letter-spacing: -0.35px;
    color: #788497;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl label input[type=checkbox] + .txt-label::before {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #dde0e5;
    border-radius: 2px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/check.svg) 50% 50% no-repeat;
    background-size: 16px 16px;
    content: "";
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl label input[type=checkbox]:checked + .txt-label::before {
    border-color: #1b1e23;
    background-color: #1b1e23;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/check_chk.svg);
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl dt {
    margin-top: 16px;
    font-size: 14px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl dt label input[type=checkbox] + .txt-label {
    color: #1b1e23;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 14px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl dd button {
    display: inline-block;
    color: #788497;
    font-size: 14px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl dd:before {
    content: "ㄴ";
    margin-right: 3px;
    color: #788497;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check {
    position: relative;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .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;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check input[type=checkbox]:checked + label {
    color: #1b1e23;
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check input[type=checkbox]:checked + label .filter-brand-total {
    color: #788497;
    font-weight: 400;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check input[type=checkbox]:checked + label:before {
    background-color: #1b1e23;
    border: 1px solid #1b1e23;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check input[type=checkbox]:checked + label:after {
    display: block;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/check_chk.svg) no-repeat;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check label {
    position: relative;
    z-index: 3;
    display: inline-block;
    width: 100%;
    margin-top: 16px;
    padding-left: 28px;
    color: #788497;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.05em;
    vertical-align: middle;
    cursor: pointer;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check label:last-child {
    padding-bottom: 20px;
    border-bottom: 1px solid #eef0f2;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check label span {
    margin-left: 4px;
    font-size: 12px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .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;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/check.svg) no-repeat;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .initial-sound {
    overflow-x: scroll;
    margin: 16px -20px 12px 0;
    padding: 0 20px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .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;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .initial-sound ul li button {
    width: 32px;
    height: 32px;
    background: #f5f7fa;
    border-radius: 50%;
    font-size: 13px;
    color: #5c6677;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .initial-sound ul li button.active {
    background: #000;
    color: #fff;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-initial-sound {
    margin-top: 16px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-initial-sound ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-initial-sound ul li button {
    width: 24px;
    height: 22px;
    background: #f5f7fa;
    border-radius: 4px;
    font-size: 12px;
    color: #5c6677;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-initial-sound ul li button.active {
    background: #000;
    color: #fff;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .view-more {
    margin-top: 12px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eef0f2;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .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;
    font-size: 12px;
    color: #5c6677;
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .view-more button:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_right.svg) no-repeat;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-slider-track-wrap {
    position: relative;
    width: 100%;
    height: 30px;
    margin: 16px 0 8px 0;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-slider-track-wrap .price-slider-track {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    margin: auto;
    border-radius: 2px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .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;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-range-data-wrap > label {
    margin-right: 4px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-range-data-wrap .price-range-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-range-data-wrap .price-range-data input {
    width: 85px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
    padding: 0 12px;
    text-align: right;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-range-data-wrap .price-range-data input:disabled {
    background-color: transparent !important;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .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 4px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .filter-box-footer {
    margin-top: 20px;
    border-top: 1px solid #eef0f2;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .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;
    margin-top: 20px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .filter-box-footer .filter-box-function 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;
    height: 40px;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #1b1e23;
    font-size: 14px;
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .filter-box-footer .filter-box-function .refresh-btn {
    width: 92px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .filter-info .filter-box-footer .filter-box-function .filter-apply-btn {
    width: 120px;
    background: #1b1e23;
    color: #fff;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .goosMoreArea {
    width: 100%;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .goosMoreArea .list-product {
    width: 100%;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product {
    width: 100%;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist {
    gap: 50px 22px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item {
    width: calc((100% - 72px) / 4);
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img {
    border-radius: 8px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img.gift-filled__img {
    height: 297px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img.gift-filled__img img {
    width: 80px;
    height: 80px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img.gift-filled__img:before {
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    background-color: transparent;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img.plan-filled__img {
    padding: 0;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img.plan-filled__img img {
    width: 100%;
    height: 100%;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img.cart-coupon-filled__img {
    height: 297px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img.cart-coupon-filled__img img {
    width: 192px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img.cart-coupon-filled__img:before {
    background-color: transparent;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img.cart-coupon-filled__img .cart-coupon-text {
    position: absolute;
    left: 68px;
    z-index: 1;
    line-height: 28px;
    color: #fff;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img.cart-coupon-filled__img .cart-coupon-text .discount-percent {
    font-size: 28px;
    font-weight: 700;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img.cart-coupon-filled__img .cart-coupon-text .discount-percent span {
    font-size: 16px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img .product-discount {
    display: none;
    font-family: "Times New Roman", "Times", Serif;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    font-size: 28px;
    font-style: italic;
    font-weight: 600;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img .product-discount span {
    font-size: 14px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img .movie-play:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 24px;
    height: 24px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_play.svg) no-repeat;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__brand:first-child {
    margin-top: 16px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__content-info,
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__brand-info {
    height: unset;
    margin-top: 4px;
    color: #3d444f;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__content-info.product__brand-promotion-info,
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__brand-info.product__brand-promotion-info {
    color: #3d444f;
    font-weight: 400;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__content-info.type-highlight,
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__brand-info.type-highlight {
    color: #ea2869;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info {
    margin-top: 8px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin.type-1 .product__price--sale {
    font-size: 16px;
    color: #ea2829;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--sale {
    top: 0px;
    color: #1b1e23;
    font-size: 14px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--sale.product__price--sale-confirm {
    color: #788497;
    font-size: 13px;
    font-weight: 500;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--won {
    font-size: 14px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--won span {
    color: #3d444f;
    font-weight: 500;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__tag {
    margin-top: 10px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__content-info {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    margin-top: 4px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__content-date {
    margin-top: 8px;
    color: #788497;
    font-size: 14px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    margin-top: 6px;
    font-size: 13px;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__countdown::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_clock_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__content-date {
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #788497;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.product-video-benefit {
    width: 49.2%;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.product-video-benefit .product-video-box {
    border: 1px solid #000;
    border-radius: 8px;
    background: #000;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.product-video-benefit .product-video-box a {
    position: relative;
    display: block;
    height: 100%;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.product-video-benefit .product-video-box a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    width: 64px;
    height: 64px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_movie_play.svg) no-repeat;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.product-video-benefit .product-video-box a video {
    display: block;
    width: 100%;
    padding: 15.6%;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__promotion-box {
    position: relative;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__promotion-box .product__promotion-bg {
    position: relative;
    z-index: 1;
    height: 504px;
    padding: 32px 20px;
    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;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .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%;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .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;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__promotion-box .product__promotion-bg .product__promotion--box .product__promotion-title {
    margin: 8px 0 12px 0;
    font-size: 18px;
    color: #fff;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .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: 12px;
    color: #fff;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .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: 12px;
    height: 13px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_right_w.svg) no-repeat;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__promotion-box > img {
    position: absolute;
    top: 0;
    border-radius: 8px;
}
/* .area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.type-sales--adult .product__img {
    height: 0;
    padding: 100% 0 0;
} *//* 2024-01-12 어덜트 수정 */
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap.fixed {
    display: block;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap.fixed .filter-info {
    position: fixed;
    left: 50%;
    margin-left: -630px;
}
@media screen and (max-width: 1340px) {
    .area-product-list .product-search-list-result-wrap .saerch-result-content .product-list-content-wrap.fixed .filter-info {
        margin-left: 0;
        left: 40px;
    }
}
.area-product-list .product-search-list-result-wrap .saerch-result-content.is-active .product-saerch-list-top .product-saerch-list-left .filter-title:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_minus.svg) no-repeat;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content.is-active .product-list-content-wrap .filter-info {
    display: block;
}
.area-product-list .product-search-list-result-wrap .saerch-result-content.is-active .product-list-content-wrap.fixed {
    padding-left: 246px;
}

.area-offline-brand.area-scroll {
    overflow-x: hidden;
    padding-bottom: 0;
}
.area-offline-brand .offline-brand__tit {
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.35px;
}
.area-offline-brand .offline-brand__tit + .offline-brand-img {
    margin-top: 16px;
}
.area-offline-brand .offline-brand-img .swiper-wrapper {
    overflow: hidden;
    height: 275px;
}
.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: 16px;
}
.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;
}
.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.33px;
}
.area-offline-brand .list-offline-brand li .list-offline-brand__cont {
    font-size: 14px;
    letter-spacing: -0.35px;
    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: 16px;
}

/* 공통 */
.essential {
    position: relative;
}
.essential:after {
    content: "";
    position: absolute;
    right: -8px;
    top: 2px;
    width: 5px;
    height: 5px;
    background: #ea2829;
    border-radius: 50%;
}

.pop_toast.pop_toast_custom {
    min-width: unset;
    padding: 8px 24px;
    font-weight: 300;
}

.p_txt_change {
    padding-top: 24px;
}

.pop_toast_wrap {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: translate(0);
            transform: translate(0);
    z-index: 999;
}
.pop_toast_wrap .pop_toast {
    position: fixed;
    bottom: 90px;
    left: 50%;
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px);
    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: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 44px;
    padding: 0px 24px;
    overflow: hidden;
    text-align: center;
    border-radius: 36px;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
    background-color: rgba(92, 102, 119, 0.8);
    color: #fff;
    z-index: 10000;
}
.pop_toast_wrap .pop_toast.reveal {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

button.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: 600;
    line-height: 1.46;
    letter-spacing: -0.05em;
    color: #788497;
    text-decoration: underline;
    text-underline-position: under;
}
button.carry-restrictions-btn:before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_info_tooltip.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    content: "";
}

.special-order-title {
    display: block;
    padding-top: 64px;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
}

.special-order-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 32px;
    border-bottom: 1px solid #dde0e5;
}
.special-order-flex input {
    width: 100%;
    height: 44px;
    padding-left: 0;
    border: none;
    font-size: 16px;
    font-weight: 600;
}
.special-order-flex input::-webkit-input-placeholder {
    color: #abb2be;
    font-weight: 400;
}
.special-order-flex input::-moz-placeholder {
    color: #abb2be;
    font-weight: 400;
}
.special-order-flex input:-ms-input-placeholder {
    color: #abb2be;
    font-weight: 400;
}
.special-order-flex input::-ms-input-placeholder {
    color: #abb2be;
    font-weight: 400;
}
.special-order-flex input::placeholder {
    color: #abb2be;
    font-weight: 400;
}
/* 20231222 */
.special-order-flex input[readonly='readonly'],
.special-order-flex input[readonly],
.special-order-flex input[disabled='disabled'],
.special-order-flex input[disabled] {
    background-color: transparent !important;
}
.special-order-flex button {
    min-width: 56px;
    height: 33px;
    border-radius: 4px;
    font-weight: 600;
}
.special-order-flex button.change-btn {
    color: #3d444f;
    border: 1px solid #ccd1d8;
}
.special-order-flex button.search-btn {
    background: #1b1e23;
    color: #fff;
}

.special-order-application-info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
}

.special-order-application-info {
    margin-top: 32px;
}
.special-order-application-info.departure-hall {
    width: 50%;
}
.special-order-application-info.stopover {
    width: 375px;
}
.special-order-application-info .order-user-info-title {
    display: inline-block;
    font-size: 14px;
    color: #5c6677;
    font-weight: 500;
}
.special-order-application-info .order-user-name {
    font-size: 16px;
    font-weight: 600;
}
.special-order-application-info .order-user-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}
.special-order-application-info .order-user-area .wrap-select .wrap-add-dropdown .btn-dropdown {
    height: 48px;
    padding-left: 0;
    border: none;
    border-bottom: 1px solid #dde0e5;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
}
.special-order-application-info .order-user-area.order-user-phone-number {
    gap: 32px;
}
.special-order-application-info .order-user-area.order-user-phone-number input {
    width: 275px;
}
.special-order-application-info .order-user-area.order-user-phone-number .wrap-select .wrap-add-dropdown .fake-dropdown {
    text-overflow: unset;
    width: 216px;
}
.special-order-application-info .order-user-area.order-user-email .wrap-select .wrap-add-dropdown .fake-dropdown {
    text-overflow: unset;
    width: 160px;
}
.special-order-application-info .order-user-area .order-departure-date {
    width: 163px;
}
.special-order-application-info .order-user-area .order-departure-date input {
    position: relative;
    height: 48px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_calendar.svg) no-repeat right 5px center;
    background-size: 20px;
    letter-spacing: -0.8px;
    border-bottom: 1px solid #1b1e23;
    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-time {
    width: 163px;
}
.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 !important;
}
.special-order-application-info .order-user-area.order-direct-transit-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    margin-top: 14px;
    margin-right: 15px;
}
.special-order-application-info .order-user-area.order-direct-transit-area input[type=radio] {
    display: none;
}
.special-order-application-info .order-user-area.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: 8px;
    width: 54px;
    font-size: 14px;
    color: #788497;
    vertical-align: middle;
    cursor: pointer;
}
.special-order-application-info .order-user-area.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-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-area input[type=radio]:checked + label {
    color: #1b1e23;
    font-weight: 700;
}
.special-order-application-info .order-user-area.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-area input[type=radio]:checked + label:after {
    content: "";
    top: 6px;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
}
.special-order-application-info .order-user-area.order-direct-transit-area .wrap-select .wrap-add-dropdown .fake-dropdown {
    text-overflow: unset;
    width: 163px;
}
.special-order-application-info .order-user-area.order-user-airline {
    gap: 27px;
}
.special-order-application-info .order-user-area .order-airline {
    width: 218px;
}
.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: 273px;
}
.special-order-application-info .order-user-area .order-flight-number input {
    border-bottom: none;
    font-weight: 600;
}

.area-special-order {
    width: 100%;
    max-width: 1080px;
    /* margin: 0 auto 120px; */
    margin: 0 auto;/*2024-02-01 스페셜오더 유의사항 2차 수정*/
    /* 스페셜오더 안내 START */
    /* 스페셜오더 안내 END */
    /* 스페셜오더 신청 START */
    /* 스페셜오더 신청 END */
    /* 유의사항 START */
    /* 유의사항 END */
}
.area-special-order input {
    display: inline-block;
    width: 100%;
    height: 48px;
    padding: 0;
    border: none;
    font-size: 16px;
    font-weight: 400;
    outline-style: none;
}
.area-special-order .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: 56px;
}
.area-special-order .special-order-application-text p {
    font-size: 22px;
    font-weight: 600;
}
.area-special-order .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: 63px;
    height: 33px;
    border: 1px solid #abb2be;
    border-radius: 4px;
    color: #3d444f;
    font-size: 13px;
    font-weight: 600;
}
.area-special-order .special-order-application-text button.load-btn {
    width: 113px;
}
.area-special-order .special-order {
    /* 신청내역 확인전 코멘트 START */
    /* 신청내역 확인전 코멘트 END */
    /* 신청 안내 START */
    /* 신청 안내 END */
    /* 검색어/카테고리 검색 입력 START */
    /* 검색어/카테고리 검색 입력 END */
}
.area-special-order .special-order .special-order-comment-wrap {
    padding: 0 0 40px 0;
    text-align: center;
}
.area-special-order .special-order .special-order-comment-wrap p {
    margin-top: 16px;
    font-size: 16px;
    color: #3d444f;
    font-weight: 500;
}
.area-special-order .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: 213px;
    height: 48px;
    margin: 24px auto 40px auto;
    font-size: 16px;
    color: #fff;
    background: #1b1e23;
    border-radius: 4px;
}
.area-special-order .special-order .special-order-comment-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 40px;
}
.area-special-order .special-order .special-order-comment-wrap ul li {
    position: relative;
    color: #788497;
}
.area-special-order .special-order .special-order-comment-wrap ul li:last-child {
    margin-bottom: 0;
}
.area-special-order .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%;
}
.area-special-order .special-order .special-order-info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    padding-bottom: 40px;
    margin-bottom: 56px;
    border-bottom: 1px solid #dde0e5;
}/*2024-02-01 스페셜오더 유의사항 2차 수정*/
.area-special-order .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;
    -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;
    width: 252px;
    height: 192px;
    background: #f9fafb;
    border-radius: 16px;
}
.area-special-order .special-order .special-order-info-wrap .special-order-info-area .icon-special {
    width: 52px;
    height: 52px;
}
.area-special-order .special-order .special-order-info-wrap .special-order-info-area .icon-special.icon-special-b {
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_special_b.svg) no-repeat center center;
}
.area-special-order .special-order .special-order-info-wrap .special-order-info-area .icon-special.icon-special-comment {
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_special_comment.svg) no-repeat center center;
}
.area-special-order .special-order .special-order-info-wrap .special-order-info-area .icon-special.icon-special-pencial {
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_special_pencial.svg) no-repeat center center;
}
.area-special-order .special-order .special-order-info-wrap .special-order-info-area .icon-special.icon-special-pay {
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_special_pay.svg) no-repeat center center;
}
.area-special-order .special-order .special-order-info-wrap .special-order-info-area .special-order-info--area {
    margin-top: 12px;
}
.area-special-order .special-order .special-order-info-wrap .special-order-info-area .special-order-info--area span {
    font-size: 15px;
    font-weight: 600;
}
.area-special-order .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;
}
.area-special-order .special-order .area-attention {
    border-top: none;
    /* border-bottom: 1px solid #dde0e5; *//*2024-02-01 스페셜오더 유의사항 2차 수정*/
    /* padding-top: 0; *//*2024-02-01 스페셜오더 유의사항 2차 수정*/
    /* margin-bottom: 56px; *//*2024-02-01 스페셜오더 유의사항 2차 수정*/
    padding-top: 60px;/*2024-02-01 스페셜오더 유의사항 2차 수정*/
}/* 2024-01-17: 스페셜오더 유의사항 추가*/
.area-special-order .special-order .special-order-info-search {
    /* 검색어창 START */
    /* 검색어창 END */
    /* 카테고리 검색 START */
    /* 카테고리 검색 END */
}
.area-special-order .special-order .special-order-info-search .saerch-top {
    position: relative;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}
.area-special-order .special-order .special-order-info-search .saerch-top input[type=text] {
    width: 420px;
    border: 2px solid transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), radial-gradient(circle at top left, #ea2829, #ea2869, #ce28a5, #a928ea);
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ea2829, #ea2869, #ce28a5, #a928ea);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border-radius: 24px !important;
    padding: 0 56px 0 24px;
    font-weight: 600;
}
.area-special-order .special-order .special-order-info-search .saerch-top input[type=text]::-webkit-input-placeholder {
    font-weight: 400;
}
.area-special-order .special-order .special-order-info-search .saerch-top input[type=text]::-moz-placeholder {
    font-weight: 400;
}
.area-special-order .special-order .special-order-info-search .saerch-top input[type=text]:-ms-input-placeholder {
    font-weight: 400;
}
.area-special-order .special-order .special-order-info-search .saerch-top input[type=text]::-ms-input-placeholder {
    font-weight: 400;
}
.area-special-order .special-order .special-order-info-search .saerch-top input[type=text]::placeholder {
    font-weight: 400;
}
.area-special-order .special-order .special-order-info-search .saerch-top .m-ico-search {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 0;
    padding-top: 48px;
    text-indent: -9999px;
}
.area-special-order .special-order .special-order-info-search .saerch-top .m-ico-search img {
    display: none;
}
.area-special-order .special-order .special-order-info-search .saerch-top .m-ico-search::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/ico_search.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-special-order .special-order .special-order-info-search .saerch-top + .area-hot-brand {
    margin-top: 65px;
}
.area-special-order .special-order .special-order-info-search .text-validation {
    display: block;
    margin-top: 8px;
    margin-left: 24px;
    font-size: 12px;
    color: #f4511e;
    font-weight: 500;
}
.area-special-order .special-order .special-order-info-search .area-hot-brand {
    text-align: center;
}
.area-special-order .special-order .special-order-info-search .area-hot-brand + .brand-category-wrap {
    position: relative;
    margin-top: 32px;
    padding-top: 32px;
}
.area-special-order .special-order .special-order-info-search .area-hot-brand + .brand-category-wrap::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eef0f2;
    content: "";
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap {
    margin-top: 40px;
    /* 브랜드 초성검색 START */
    /* 브랜드 초성검색 END */
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .brand-category ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 24px;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .brand-category ul li button {
    color: #5c6677;
    font-size: 15px;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .brand-category ul li button.active {
    font-weight: 600;
    color: #1b1e23;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .kr-en-conversion-wrap {
    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: 18px;
    margin-top: 24px;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .kr-en-conversion-wrap .kr-en-conversion button {
    color: #abb2be;
    font-size: 14px;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .kr-en-conversion-wrap .kr-en-conversion button:first-child:after {
    content: "/";
    padding: 0 4px;
    color: #abb2be;
    font-weight: lighter;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .kr-en-conversion-wrap .kr-en-conversion button.active {
    color: #1b1e23;
    font-weight: 600;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .kr-en-conversion-wrap .initial-sound {
    overflow-x: scroll;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .kr-en-conversion-wrap .initial-sound ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .kr-en-conversion-wrap .initial-sound ul li button {
    width: 40px;
    height: 40px;
    background: #f5f7fa;
    border-radius: 50%;
    font-size: 14px;
    color: #5c6677;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .kr-en-conversion-wrap .initial-sound ul li button.active {
    background: #000;
    color: #fff;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .kr-en-conversion-wrap .initial-sound ul li.initial-sound-hot button {
    width: 60px;
    background: #fff;
    border: 1px solid #1b1e23;
    border-radius: 80px;
    color: #1b1e23;
    font-weight: 600;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .kr-en-conversion-wrap .initial-sound ul li.initial-sound-all button {
    width: 60px;
    border-radius: 80px;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .initial-sound-find-wrap {
    height: 315px;
    margin-top: 48px;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .initial-sound-find-wrap.area-scroll {
    overflow-y: auto;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .initial-sound-find-wrap.area-scroll::-webkit-scrollbar-track {
    background-color: #fff;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .initial-sound-find-wrap.area-scroll::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .initial-sound-find-wrap.area-scroll::-webkit-scrollbar {
    width: 4px;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .initial-sound-find-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0 24px;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .initial-sound-find-wrap ul li {
    width: 156px;
    margin-bottom: 16px;
    cursor: pointer;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .initial-sound-find-wrap ul li p:nth-of-type(1) {
    color: #3d444f;
    font-size: 13px;
    font-weight: 500;
}
.area-special-order .special-order .special-order-info-search .brand-category-wrap .initial-sound-find-wrap ul li p:nth-of-type(2) {
    margin-top: 5px;
    color: #abb2be;
    font-size: 12px;
    font-weight: 300;
}
.area-special-order .special-order-application {
    /* 주문상품정보 START */
    /* 주문상품정보 END */
    /* 주문자 정보 START */
    /* 출국정보 입력 START */
    /* 출국정보 입력 END */
}
.area-special-order .special-order-application .application-btn {
    width: 187px;
    margin: 0 auto;
}
.area-special-order .special-order-application .inquiry-product-info-area .inquiry-product-info-wrap {
    padding: 0 40px 34px 40px;
    margin-top: 20px;
    border: 1px solid #ea2869;
    border-radius: 8px;
}
.area-special-order .special-order-application .inquiry-product-info-area .inquiry-product-info-wrap .inquiry-product-info-box-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.area-special-order .special-order-application .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;
    gap: 20px;
    width: 50%;
    margin-top: 34px;
}
.area-special-order .special-order-application .inquiry-product-info-area .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box span {
    font-size: 14px;
}
.area-special-order .special-order-application .inquiry-product-info-area .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box span:first-child {
    width: 100px;
    color: #5c6677;
    font-weight: 500;
}
.area-special-order .special-order-application .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;
    font-weight: 600;
}
.area-special-order .special-order-application .inquiry-product-info-area .inquiry-product-info-wrap .inquiry-product-info-request-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    padding-top: 32px;
    margin-top: 38px;
    border-top: 1px solid #dde0e5;
}
.area-special-order .special-order-application .inquiry-product-info-area .inquiry-product-info-wrap .inquiry-product-info-request-box span {
    font-size: 14px;
}
.area-special-order .special-order-application .inquiry-product-info-area .inquiry-product-info-wrap .inquiry-product-info-request-box span:first-child {
    width: 120px;
    color: #5c6677;
    font-weight: 500;
}
.area-special-order .special-order-application .inquiry-product-info-area .inquiry-product-info-wrap .inquiry-product-info-request-box span:last-child {
    width: 270px;
    font-weight: 600;
}
.area-special-order .special-order-application .order-user-info-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 32px;
    margin-top: 20px;
    padding-top: 8px;
    border-top: 2px solid #1b1e23;
}
.area-special-order .special-order-application .order-user-info-area input {
    border-bottom: 1px solid #dde0e5;
    font-weight: 600;
}
.area-special-order .special-order-application .departure-info-area {
    margin-top: 20px;
    padding-top: 8px;
    border-top: 2px solid #1b1e23;
}
.area-special-order .special-order-application .departure-info-area .wrap-select .wrap-add-dropdown .btn-dropdown {
    height: 48px;
    padding-left: 0;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #dde0e5;
    background-color: transparent; /* 20231227 */
    font-size: 16px;
    font-weight: 600;
}
/* 20231227 */
.area-special-order .special-order-application .departure-info-area .wrap-select .wrap-add-dropdown .btn-dropdown.active {
    color: #1b1b1b;
    font-weight: 600 !important;
}
.area-special-order .special-order-area-attention {
    padding: 40px 0 56px 0;
}
.area-special-order .special-order-area-attention > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    color: #3d444f;
    font-size: 14px;
    font-weight: 600;
}
.area-special-order .special-order-area-attention > p:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_exclamation.svg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
}
.area-special-order .ui-selectmenu-button,
.area-special-order .ui-selectmenu-text {
    display: none;
}

/* layer */
/* 팝업 공통 START */
.box-float-layer {
    /* 스페셜 오더 상품 신청 팝업 START */
    /* 스페셜 오더 알럿 묶음 START */
    /* 스페셜 오더 알럿 묶음 END */
}
.box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .float_btn button {
    width: 130px;
}
.box-float-layer .float_btn.not_float_btn {
    position: unset;
}
.box-float-layer .float_btn.not_float_btn:before {
    display: none;
}
.box-float-layer .float_btn.float_btn_before_none:before {
    display: none;
}
.box-float-layer .float_btn.float_btn_before_bg_none {
    border-top: 1px solid #dde0e5;
}
.box-float-layer .float_btn.float_btn_before_bg_none:before {
    padding-top: 19px;
    background: none;
}
.box-float-layer .float_btn .float_btn_up {
    border-top: none;
}
.box-float-layer.special-order-product-application-box-float-layer {
    width: 592px;
    margin: 0 auto;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup {
    /* 상품 신청 팝업 01 START */
    /* 상품 신청 팝업 01 END */
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 {
    height: 700px;
    padding: 0 16px 40px 16px;
    /* 조회상품 정보 START */
    /* 조회상품 정보 END */
    /* 지점 START */
    /* 지점 END */
    /* 수량 START */
    /* 수량 END */
    /* 요청사항 START */
    /* 요청사항 END */
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .special-order-product-info-title {
    font-size: 14px;
    font-weight: 600;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .special-order-product-title {
    display: inline-block;
    font-size: 14px;
    color: #5c6677;
    font-weight: 500;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .inquiry-product-info-wrap {
    /* 상품 정보 있는 경우 START */
    /* 상품 정보 있는 경우 END */
    /* 상품 정보 없는 경우 START */
    /* 상품 정보 없는 경우 END */
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .inquiry-product-info-wrap .inquiry-product-info-box-wrap {
    margin-top: 12px;
    padding: 20px;
    border: 1px solid #1b1e23;
    border-radius: 8px;
}
/* 20231222 */
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .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;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box:first-child {
    margin-top: 0;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .inquiry-product-info-wrap .inquiry-product-info-box-wrap .inquiry-product-info-box span:first-child {
    width: 20%;
    color: #3d444f;
    font-weight: 500;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .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;
    width: 100%;
    font-weight: 600;
}
/* 20231222 */
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .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;
    width: 100%;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .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;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .inquiry-product-info-wrap .inquiry-product-not-info-box-wrap {
    height: 159px;
    border: 1px solid #1b1e23;
    border-radius: 8px;
    margin-top: 12px;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .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%;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .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: 14px;
    color: #3d444f;
    font-weight: 600;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .point-choice-wrap {
    margin-top: 32px;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .point-choice-wrap .wrap-select .wrap-add-dropdown .btn-dropdown {
    height: 44px;
    padding-left: 0;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #dde0e5;
    font-size: 16px;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .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;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .quantity-choice-wrap .wrap-option-change .option-change__num .count {
    font-weight: 600;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .request-wrap {
    font-size: 0;
    margin-bottom: 32px;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .request-wrap textarea {
    height: 170px;
    margin-top: 8px;
    padding: 16px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
    font-size: 13px;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .request-wrap textarea::-webkit-input-placeholder {
    color: #abb2be;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .request-wrap textarea::-moz-placeholder {
    color: #abb2be;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .request-wrap textarea:-ms-input-placeholder {
    color: #abb2be;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .request-wrap textarea::-ms-input-placeholder {
    color: #abb2be;
}
.box-float-layer.special-order-product-application-box-float-layer .special-order-product-application-popup .special-order-product-popup_01 .request-wrap textarea::placeholder {
    color: #abb2be;
}
.box-float-layer.sp-order-box-float-layer {
    width: 294px;
    height: 188px;
    margin: 28px auto;
    padding: 40px;
    text-align: center;
}
.box-float-layer.sp-order-box-float-layer .confirm_tit {
    font-size: 16px;
    font-weight: 600;
}
.box-float-layer.sp-order-box-float-layer .confirm_body {
    margin-top: 8px;
}
.box-float-layer.sp-order-box-float-layer .confirm_body .p_txt {
    font-size: 14px;
    font-weight: 600;
}
.box-float-layer.sp-order-box-float-layer .confirm_body .p_txt.t_gray_1 {
    color: #5c6677;
}
.box-float-layer.sp-order-box-float-layer .confirm_body .p_txt.s_13 {
    font-size: 13px;
}
.box-float-layer.sp-order-box-float-layer .confirm_body .p_txt.fw-light {
    font-weight: 400;
}
.box-float-layer.sp-order-box-float-layer .sp_confirm_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;
    border-top: 1px solid #dde0e5;
}
.box-float-layer.sp-order-box-float-layer .sp_confirm_btn .btn_confirm {
    width: 294px;
    height: 52px;
    font-weight: 600;
}

/* 팝업 공통 END */
[class^=area-display-] {
    margin-bottom: 120px;
    /*레이아웃*/
    /*tab*/
    /*product__item*/
}
[class^=area-display-] .panel .pn-tit .pn-tit__head {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
}
[class^=area-display-] .panel .pn-tit .pn-tit__exp {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-top: 32px;
}
[class^=area-display-] .panel .pn-cont {
    position: relative;
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
}
[class^=area-display-] .panel .pn-cont.specials_inner {
    max-width: 1190px;
}
[class^=area-display-] .panel .pn-cont.specials_inner .display_tab_content.specials_products .product__item .product__img {
    height: 252px;
}
[class^=area-display-] .panel .pn-cont.specials_inner .display_tab_content.specials_brands .product__item .product__img {
    height: 394px;
}
/* [class^=area-display-] .panel .pn-cont.specials_inner .display_tab_content .product__item {
    height: 394px;
} */
[class^=area-display-] .panel .pn-cont.specials_inner .display_tab_content .product__item .product__img {
    position: relative;
}
[class^=area-display-] .panel .pn-cont.specials_inner .display_tab_content .product__item .product__img.product__img_bg img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
[class^=area-display-] .panel .pn-cont.specials_inner .product__item .product__sale-mount {
    font-size: 22px;
}
[class^=area-display-] .panel .pn-cont.specials_inner .product__item .product__sale-mount span {
    font-size: 32px;
}
[class^=area-display-] .panel.hshares {
    /* background-color: #f9fafb; *//* 2024-05-14 첫구매딜 관련 수정 */
}
[class^=area-display-] .display_tab_menu {
    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: 16px;
    margin-top: 12px;
}
[class^=area-display-] .display_tab_menu > li.is-active button, [class^=area-display-] .display_tab_menu > li.active button {
    color: #1b1e23;
    font-weight: 700;
}
[class^=area-display-] .display_tab_menu > li.is-active button::after, [class^=area-display-] .display_tab_menu > li.active button::after {
    width: 100%;
}
[class^=area-display-] .display_tab_menu button {
    padding-bottom: 4px;
    position: relative;
    font-size: 18px;
    color: #abb2be;
    letter-spacing: -0.45px;
}
[class^=area-display-] .display_tab_menu button::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #1b1e23;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    content: "";
}
[class^=area-display-] .display_tab_content {
    margin-top: 32px;
    display: none;
}
[class^=area-display-] .display_tab_content.active {
    display: block;
}
[class^=area-display-] .product__item .product__info {
    margin-top: 16px;
}
[class^=area-display-] .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: 12px;
    left: 12px;
    z-index: 1;
    height: 22px;
    padding: 0 6px;
    border-radius: 4px;
    background-color: #000;
    font-size: 12px;
    color: #fff;
    letter-spacing: -0.33px;
}
[class^=area-display-] .product__item.product__item--brand .product__img {
    height: 394px;
    padding: 0;
}
[class^=area-display-] .product__item.product__item--brand .product__img img {
    -o-object-fit: cover;
       object-fit: cover;
}
[class^=area-display-] .product__item.product__item--brand .product__img::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, #000 100%);
}
[class^=area-display-] .product__item.product__item--brand .product__img .product__img--logo {
    position: absolute;
    left: 24px;
    bottom: 80px;
    z-index: 1;
    width: calc(100% - 48px);
    height: 69px; /*//2024-06-26 브랜드 로고 수정*/
}
[class^=area-display-] .product__item.product__item--brand .product__img .product__img--logo img {
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}
[class^=area-display-] .product__item.product__item--brand .product__remain {
    display: block;
    text-align: center;
    width: calc(100% - 47px);
    padding: 8px 0 8px 20px;
    border-radius: 28px;
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    position: absolute;
    z-index: 2;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 16px;
    gap: 3px;
}
[class^=area-display-] .product__item.product__item--brand .product__remain::before {
    content: "";
    position: absolute;
    left: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: block;
    width: 28px;
    height: 28px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_time_white.svg) no-repeat center;
    background-size: contain;
}
[class^=area-display-] .product__item.product__item--brand .product__sale-mount {
    color: #fff;
}
[class^=area-display-] .product__item.product__item--brand .product__sale-mount.product__sale-mount_back {
    color: #1b1e23;
}
[class^=area-display-] .product__item.product__item--brand .coming_soon,
[class^=area-display-] .product__item.product__item--brand .coming_soon_time {
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    z-index: 2;
}
[class^=area-display-] .product__item.product__item--brand .coming_soon {
    bottom: 77px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.4px;
}
[class^=area-display-] .product__item.product__item--brand .coming_soon_time {
    bottom: 33px;
    font-size: 24px;
    font-weight: 700;
}
[class^=area-display-] .product__item.product__item--brand.type-coming-soon .product__img::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(58%, rgba(0, 0, 0, 0)), to(#000));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, #000 100%);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    background-color: rgba(0, 0, 0, 0.4);
    content: "";
}
[class^=area-display-] .product__item.product__item--brand.type-coming-soon .product__img .product__img--logo {
    z-index: 1;
    bottom: auto;
    top: 146px;
}
[class^=area-display-].area-display-sale {
    /*오늘의 특가 - 브랜드*/
    /*H.Share slide */
    /*세일상품 둘러보기 - tab*/
    /*세일상품 둘러보기 - 컨텐츠*/
}
[class^=area-display-].area-display-sale input[type=range] {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background: transparent;
    pointer-events: none;
}
[class^=area-display-].area-display-sale input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    background: #fff;
    cursor: pointer;
    margin-top: -7px;
    pointer-events: auto;
    border-radius: 50%;
    border: 2px solid #1b1e23;
}
[class^=area-display-].area-display-sale input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    background: #fff;
    cursor: pointer;
    margin-top: -7px;
    pointer-events: auto;
    border-radius: 50%;
    border: 2px solid #1b1e23;
}
[class^=area-display-].area-display-sale input[type=range]::-ms-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    background: #fff;
    cursor: pointer;
    margin-top: -7px;
    pointer-events: auto;
    border-radius: 50%;
    border: 2px solid #1b1e23;
}
[class^=area-display-].area-display-sale input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 4px;
}
[class^=area-display-].area-display-sale input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 4px;
}
[class^=area-display-].area-display-sale input[type=range]::-ms-track {
    appearance: none;
    height: 4px;
}
[class^=area-display-].area-display-sale .area-scroll {
    height: 100%;
    overflow-y: auto;
    padding-right: 16px;
    padding-left: 0;
    padding-bottom: 0;
}
[class^=area-display-].area-display-sale .area-scroll::-webkit-scrollbar-track {
    background-color: #fff;
}
[class^=area-display-].area-display-sale .area-scroll::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
[class^=area-display-].area-display-sale .area-scroll::-webkit-scrollbar {
    width: 4px;
}
[class^=area-display-].area-display-sale .panel {
    margin-top: 64px;
}
[class^=area-display-].area-display-sale .panel.hshares {
    padding: 64px 0;
    margin-top: 0;/* 2024-05-14 첫구매딜 관련 수정 */
}
[class^=area-display-].area-display-sale .swiper-progress {
    position: relative;
    width: 240px;
    height: 2px;
    margin: 40px auto 0;
    background-color: #eef0f2;
}
[class^=area-display-].area-display-sale .swiper-button-next,
[class^=area-display-].area-display-sale .swiper-button-prev {
    z-index: 10;
    width: 50px;
    height: 50px;
    margin-top: -20px;
    background: none;
}
[class^=area-display-].area-display-sale .swiper-button-next::after,
[class^=area-display-].area-display-sale .swiper-button-prev::after {
    content: "";
    display: block;
    overflow: hidden;
    width: inherit;
    height: inherit;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_2.svg) no-repeat;
    background-size: contain;
    font-size: 0;
    text-indent: -9999px;
}
[class^=area-display-].area-display-sale .swiper-button-next {
    -webkit-transform: translateY(-50%) translateX(100%);
            transform: translateY(-50%) translateX(100%);
    right: 33px;
}
[class^=area-display-].area-display-sale .swiper-button-prev {
    -webkit-transform: translateY(-50%) translateX(-100%);
            transform: translateY(-50%) translateX(-100%);
    left: 33px;
}
[class^=area-display-].area-display-sale .swiper-button-prev::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
[class^=area-display-].area-display-sale .specials_products_swiper,
[class^=area-display-].area-display-sale .specials_brands_swiper {
    margin: 0 55px;
    overflow: hidden;
}
[class^=area-display-].area-display-sale .specials_products_swiper ul > li,
[class^=area-display-].area-display-sale .specials_brands_swiper ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 56px 24px;
}
[class^=area-display-].area-display-sale .specials_products_swiper ul > li .product__item,
[class^=area-display-].area-display-sale .specials_brands_swiper ul > li .product__item {
    width: calc((100% - 72px) / 4);
}
[class^=area-display-].area-display-sale .specials_products_swiper.is-single + .swiper-button-next,
[class^=area-display-].area-display-sale .specials_brands_swiper.is-single + .swiper-button-next {
    display: none;
}
[class^=area-display-].area-display-sale .specials_products_swiper.is-single + .swiper-button-next + .swiper-button-prev,
[class^=area-display-].area-display-sale .specials_brands_swiper.is-single + .swiper-button-next + .swiper-button-prev {
    display: none;
}
[class^=area-display-].area-display-sale .specials_products_swiper.is-single + .swiper-button-next + .swiper-button-prev + .swiper-progress,
[class^=area-display-].area-display-sale .specials_brands_swiper.is-single + .swiper-button-next + .swiper-button-prev + .swiper-progress {
    display: none;
}
[class^=area-display-].area-display-sale .specials_products_swiper > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 56px 24px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
[class^=area-display-].area-display-sale .specials_products_swiper > ul > li .product__item {
    width: calc((100% - 72px) / 4);
}
[class^=area-display-].area-display-sale .specials_products_swiper.is-single + .swiper-button-next {
    display: none;
}
[class^=area-display-].area-display-sale .specials_products_swiper.is-single + .swiper-button-next + .swiper-button-prev {
    display: none;
}
[class^=area-display-].area-display-sale .specials_products_swiper.is-single + .swiper-button-next + .swiper-button-prev + .swiper-progress {
    display: none;
}
[class^=area-display-].area-display-sale .specials_brands_swiper > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 56px 24px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
[class^=area-display-].area-display-sale .specials_brands_swiper > ul > li .product__item {
    width: calc((100% - 72px) / 4);
}
[class^=area-display-].area-display-sale .specials_brands_swiper.is-single + .swiper-button-next {
    display: none;
}
[class^=area-display-].area-display-sale .specials_brands_swiper.is-single + .swiper-button-next + .swiper-button-prev {
    display: none;
}
[class^=area-display-].area-display-sale .specials_brands_swiper.is-single + .swiper-button-next + .swiper-button-prev + .swiper-progress {
    display: none;
}
[class^=area-display-].area-display-sale .specials_h-share_swiper {
    margin: 32px 55px 0;
    overflow: hidden;
}
[class^=area-display-].area-display-sale .specials_h-share_swiper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}
[class^=area-display-].area-display-sale .specials_h-share_swiper .product__item .product__img {
    background-color: #fff;
}
[class^=area-display-].area-display-sale .specials_h-share_swiper .product__item .product__img::before {
    display: none;
}
[class^=area-display-].area-display-sale .specials_h-share_swiper .product-more-link.type-add {
    position: relative;
    width: 100%;
    height: 429px;
}
[class^=area-display-].area-display-sale .specials_h-share_swiper .product-more-link.type-add 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%;
    padding-bottom: 120px;
    border-radius: 8px;
    border: 1px solid #dee0e5;
    font-size: 16px;
    color: #1b1e23;
    line-height: 1.5;
    letter-spacing: -0.4px;
    font-weight: 700;
    text-align: center;
    word-break: keep-all;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_more_1.svg) no-repeat;
    background-size: cover;
}
[class^=area-display-].area-display-sale .specials_h-share_swiper .product-more-link.type-add a .product-more-link__txt {
    display: inline;
    font-size: 16px;
    font-weight: 700;
    color: #5a3ff2;
}
[class^=area-display-].area-display-sale .specials_h-share_swiper .product-more-link.type-add a .product-more-link__txt::after {
    display: none;
}
[class^=area-display-].area-display-sale .specials_h-share_swiper.is-single .swiper-wrapper {
    gap: 24px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
[class^=area-display-].area-display-sale .specials_h-share_swiper.is-single .swiper-wrapper .swiper-slide {
    width: calc((100% - 72px) / 4);
}
[class^=area-display-].area-display-sale .specials_h-share_swiper.is-single .swiper-button-next,
[class^=area-display-].area-display-sale .specials_h-share_swiper.is-single .swiper-button-prev,
[class^=area-display-].area-display-sale .specials_h-share_swiper.is-single .swiper-progress {
    display: none;
}
[class^=area-display-].area-display-sale .specials_h-share_swiper .product__item.type-sales--adult .product__img::after {
    width: 80px;
    height: 80px;
}/* 2024-01-12 어덜트 수정*/
[class^=area-display-].area-display-sale .search-round-data {
    margin-top: 32px;
    margin-bottom: 47px;
}
[class^=area-display-].area-display-sale .search-round-data > 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: 8px;
}
[class^=area-display-].area-display-sale .search-round-data > ul > li button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    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;
    font-size: 14px;
    font-weight: 400;
    color: #4e5765;
    background-color: #f5f7fa;
    padding: 0 16px;
    height: 34px;
    border-radius: 17px;
}
[class^=area-display-].area-display-sale .search-round-data > ul > li button span {
    pointer-events: none;
}
[class^=area-display-].area-display-sale .search-round-data > ul > li.is-active button, [class^=area-display-].area-display-sale .search-round-data > ul > li.active button {
    background-color: #242424;
    font-weight: 700;
    color: #fff;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top {
    position: sticky;
    top: 120px;
    left: 0;
    z-index: 4;
    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-top: 9px;
    padding-bottom: 9px;
    background: #fff;
    border-bottom: 2px solid #1b1e23;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .wrap-select.is-setted .wrap-add-dropdown .btn-dropdown {
    height: 28px;
    padding: 0 30px 0 0;
    border: none;
    border-radius: 0;
    font-size: 14px;
    color: #1b1e23;
    font-weight: 400;
    font-size: 14px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .wrap-select.is-setted .wrap-add-dropdown .btn-dropdown:before {
    right: 0;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .wrap-select.is-setted .wrap-add-dropdown .fake-dropdown {
    text-overflow: unset;
    font-size: 14px;
    height: 28px;
    /* padding: 0 0 0 34px; */
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-left .filter-title {
    position: relative;
    width: 83px;
    padding: 4px 35px 5px 10px;
    margin-right: 20px;
    border-radius: 4px;
    background: #1b1e23;
    color: #fff;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-left .filter-title:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_plus.svg) no-repeat;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-left .filter-title.active:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_minus.svg) no-repeat;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-left .saerch-list-total-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    font-weight: 600;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-left .saerch-list-total-text span {
    color: #3d444f;
    font-size: 14px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right .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: #788497;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right .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;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap:after {
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    width: 1px;
    height: 16px;
    background: #dde0e5;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap span {
    color: #3d444f;
    font-size: 14px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 17px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch input {
    display: none;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-switch-input:checked + .toggle-round {
    background: #3d444f;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-switch-input:checked + .toggle-round:before {
    -webkit-transform: translate(9px, 0);
            transform: translate(9px, 0);
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-round {
    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;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right .product-saerch-list-middle .toggle-switch-wrap .toggle-switch .toggle-round:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 4px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right .best-ranking-btn {
    color: #5c6677;
    font-weight: 500;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right .best-ranking-btn:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_down_arrow.svg) center no-repeat;
    margin-left: 4px;
    vertical-align: middle;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-saerch-list-top .product-saerch-list-right select {
    font-family: "Noto Sans KR", -apple-system-font, Apple SD Gothic Neo, Helvetica, sans-serif;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_down_arrow.svg) right no-repeat;
    padding: 0;
    border: none;
    font-size: 14px;
    color: #1b1e23;
    font-weight: 500;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-video-box {
    height: 220px;
    margin-top: 20px;
    border: 1px solid #000;
    border-radius: 8px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-video-box a {
    position: relative;
    display: block;
    height: 100%;
    background: #000;
    border-radius: 8px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-video-box a: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(https://cdn.hddfs.com/front/images/KO/common/n/icon_movie_play.svg) no-repeat;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-video-box a video {
    width: 335px;
    height: 220px;
    border-radius: 8px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 26px;
    margin-top: 24px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info {
    display: none;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: sticky;
    top: 170px;
    left: 0;
    width: 220px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info > div {
    padding-right: 4px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion {
    margin-top: 20px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion.mt-0 {
    margin-top: 0;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion.wrap-accordion-last .accordion__cont .filter-box-check label:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion:first-child {
    margin-top: 0;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit {
    position: relative;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit button {
    width: 100%;
    text-align: left;
    overflow: unset;
    position: unset;
    height: unset;
    text-indent: unset;
    color: #abb2be;
    font-weight: 600;
    font-size: 16px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit button:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_accordion_arrow_off.svg) no-repeat;
    content: "";
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit button[aria-expanded=true] {
    color: #1b1e23;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit button[aria-expanded=true]:after {
    content: "";
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_accordion_arrow_on.svg) no-repeat;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__tit + .accordion__cont {
    padding-top: 0;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont[role=region] {
    display: none;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont[role=region].is-active {
    display: block;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category {
    margin-top: 16px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category button {
    display: block;
    margin-top: 16px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category button:first-child {
    margin-top: 0;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category button .category-one-depth-name {
    color: #788497;
    font-size: 14px;
    font-weight: 600;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category button .category-one-depth-name[aria-expanded=true] {
    color: #1b1e23;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category button .category-one-depth-name .category-number {
    display: inline;
    margin-left: 4px;
    font-size: 12px;
    font-weight: 400;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl label {
    position: relative;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl label input[type=checkbox] {
    position: absolute;
    overflow: hidden;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl 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;
    letter-spacing: -0.35px;
    color: #788497;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl label input[type=checkbox] + .txt-label::before {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #dde0e5;
    border-radius: 2px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/check.svg) 50% 50% no-repeat;
    background-size: 16px 16px;
    content: "";
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl label input[type=checkbox]:checked + .txt-label::before {
    border-color: #1b1e23;
    background-color: #1b1e23;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/check_chk.svg);
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl dt {
    margin-top: 16px;
    font-size: 14px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 14px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl dd button {
    display: inline-block;
    color: #788497;
    font-size: 14px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont.accordion__cont_category dl dd:before {
    content: "ㄴ";
    margin-right: 3px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check {
    position: relative;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .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;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check input[type=checkbox]:checked + label {
    color: #1b1e23;
    font-weight: 600;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check input[type=checkbox]:checked + label .filter-brand-total {
    color: #788497;
    font-weight: 400;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check input[type=checkbox]:checked + label:before {
    background-color: #1b1e23;
    border: 1px solid #1b1e23;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check input[type=checkbox]:checked + label:after {
    display: block;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/check_chk.svg) no-repeat;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check label {
    position: relative;
    z-index: 3;
    display: inline-block;
    width: 100%;
    margin-top: 16px;
    padding-left: 28px;
    color: #788497;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.05em;
    vertical-align: middle;
    cursor: pointer;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check label:last-child {
    padding-bottom: 20px;
    border-bottom: 1px solid #eef0f2;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check label span {
    margin-left: 4px;
    font-size: 12px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .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;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-box-check label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/check.svg) no-repeat;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .initial-sound {
    overflow-x: scroll;
    margin: 16px -20px 12px 0;
    padding: 0 20px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .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;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .initial-sound ul li button {
    width: 32px;
    height: 32px;
    background: #f5f7fa;
    border-radius: 50%;
    font-size: 13px;
    color: #5c6677;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .initial-sound ul li button.active {
    background: #000;
    color: #fff;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-initial-sound {
    margin-top: 16px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-initial-sound ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-initial-sound ul li button {
    width: 24px;
    height: 22px;
    background: #f5f7fa;
    border-radius: 4px;
    font-size: 12px;
    color: #5c6677;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .filter-initial-sound ul li button.active {
    background: #000;
    color: #fff;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .view-more {
    margin-top: 12px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eef0f2;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .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;
    font-size: 12px;
    color: #5c6677;
    font-weight: 600;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .view-more button:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_right.svg) no-repeat;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-slider-track-wrap {
    position: relative;
    width: 100%;
    height: 30px;
    margin: 16px 0 8px 0;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-slider-track-wrap .price-slider-track {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    margin: auto;
    border-radius: 2px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .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;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-range-data-wrap > label {
    margin-right: 4px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-range-data-wrap .price-range-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-range-data-wrap .price-range-data input {
    width: 85px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #dde0e5;
    padding: 0 12px;
    text-align: right;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .price-range-data-wrap .price-range-data input:disabled {
    background-color: transparent !important;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .wrap-accordion .accordion__cont .price-option-box .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 4px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .filter-box-footer {
    margin-top: 20px;
    border-top: 1px solid #dde0e5;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .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;
    margin-top: 20px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .filter-box-footer .filter-box-function 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;
    height: 40px;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #1b1e23;
    font-size: 14px;
    font-weight: 600;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .filter-box-footer .filter-box-function .refresh-btn {
    width: 92px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .filter-info .filter-box-footer .filter-box-function .filter-apply-btn {
    width: 120px;
    background: #1b1e23;
    color: #fff;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .goosMoreArea {
    width: 100%;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .goosMoreArea .list-product {
    width: 100%;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product {
    width: 100%;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist {
    gap: 50px 22px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item {
    width: calc((100% - 72px) / 4);
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.product-video-benefit {
    width: 49.2%;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.product-video-benefit .product-video-box {
    border: 1px solid #000;
    border-radius: 8px;
    background: #000;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.product-video-benefit .product-video-box a {
    position: relative;
    display: block;
    height: 100%;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.product-video-benefit .product-video-box a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    width: 64px;
    height: 64px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_movie_play.svg) no-repeat;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item.product-video-benefit .product-video-box a video {
    display: block;
    width: 100%;
    padding: 15.6%;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__promotion-box {
    position: relative;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__promotion-box .product__promotion-bg {
    position: relative;
    z-index: 1;
    height: 504px;
    padding: 32px 20px;
    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;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .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%;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .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;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__promotion-box .product__promotion-bg .product__promotion--box .product__promotion-title {
    margin: 8px 0 12px 0;
    font-size: 18px;
    color: #fff;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .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: 12px;
    color: #fff;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .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: 12px;
    height: 13px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_right_w.svg) no-repeat;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__promotion-box > img {
    position: absolute;
    top: 0;
    border-radius: 8px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img {
    padding: 0;/*2024-08-14 썸네일 이미지 확장 20px*/
    border-radius: 8px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img .product-discount {
    font-family: "Times New Roman", "Times", Serif;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    font-size: 28px;
    font-style: italic;
    font-weight: 600;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img .product-discount span {
    font-size: 14px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img .movie-play:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 24px;
    height: 24px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_play.svg) no-repeat;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img .btn-cart {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 0;
    padding-top: 40px;
    border: none;
    border-radius: 8px 0 8px 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;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img .btn-cart:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_product_cart_w.svg) no-repeat;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__img:before {
    content: "";
    top: 0;/*2024-08-14 썸네일 이미지 확장 20px*/
	left:0;/*2024-08-14 썸네일 이미지 확장 20px*/
	width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 40px)*/
	height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 40px)*/
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__brand:first-child {
    margin-top: 16px;
    font-size: 14px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__brand-info {
    height: unset;
    margin-top: 4px;
    color: #3d444f;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__brand-info.product__brand-promotion-info {
    color: #3d444f;
    font-weight: 400;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__brand-info.type-highlight {
    color: #ea2869;
    font-weight: 500;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info {
    margin-top: 8px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info.product__promotion-info .product__price--origin {
    margin-top: 8px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info.product__promotion-info .product__price--origin span {
    color: #788497;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin.type-1 .product__price--sale {
    font-size: 16px;
    color: #ea2829;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--sale {
    top: 0px;
    color: #1b1e23;
    font-size: 14px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--sale.product__price--sale-confirm {
    color: #788497;
    font-size: 13px;
    font-weight: 500;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--won {
    font-size: 14px;
    font-weight: 400;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__price--origin .product__price--won span {
    color: #3d444f;
    font-weight: inherit;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin-top: 10px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__sale-info .product__tag p {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    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: 22px;
    padding: 0 6px;
    border-radius: 4px;
    border: 1px solid #ccd1d8;
    font-size: 12px;
    color: #5c6677;
    font-weight: 600;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    margin-top: 6px;
    font-size: 13px;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__countdown::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_clock_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap .list-product.list-product__searchlist .product__item .product__info .product__content-date {
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #788497;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap.fixed {
    display: block;
}
[class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap.fixed .filter-info {
    position: fixed;
    left: 50%;
    margin-left: -630px;
}
@media screen and (max-width: 1340px) {
    [class^=area-display-].area-display-sale .saerch-result-content .product-list-content-wrap.fixed .filter-info {
        margin-left: 0;
        left: 40px;
    }
}
[class^=area-display-].area-display-sale .saerch-result-content.is-active .product-saerch-list-top .product-saerch-list-left .filter-title:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_minus.svg) no-repeat;
}
[class^=area-display-].area-display-sale .saerch-result-content.is-active .product-list-content-wrap .filter-info {
    display: block;
}
[class^=area-display-].area-display-sale .saerch-result-content.is-active .product-list-content-wrap.fixed {
    padding-left: 246px;
}

.swiper-progress .scrollbar__unit {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background-color: #1b1e23;
}

[class^=area-display-] .search-round-data-wrap {
    margin-top: 32px;
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico {
    padding-bottom: 32px;
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li {
    width: 65px;
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button {
    min-width: 65px;
    padding: 40px 5px 12px;
    border-radius: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -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: no-repeat center;
    background-size: 24px auto;
    background-position: top 12px center;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    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: 36px;
    width: 100%;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear;
    color: #788497;
    text-align: center;
    word-break: break-all;
    white-space: wrap;
    font-size: 12px;
    letter-spacing: -0.3px;
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button.btn-category__0000 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_all.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button.btn-category__0001 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_skincare.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button.btn-category__0002 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_makeup.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button.btn-category__0003 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_perfume.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button.btn-category__0004 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_bag.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button.btn-category__0005 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_watch.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button.btn-category__0007 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_fashion.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button.btn-category__0013 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_sports.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button.btn-category__0008 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_digital.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button.btn-category__0009 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_food.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button.btn-category__0010 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_kids.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button.btn-category__0011 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_domestic.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button.btn-category__0014 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_alcohol.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button.btn-category__0012 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_adult.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover {
    background-color: #1b1e23;
    -webkit-box-shadow: none;
            box-shadow: none;
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover.btn-category__0000 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_all_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover.btn-category__0001 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_skincare_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover.btn-category__0002 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_makeup_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover.btn-category__0003 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_perfume_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover.btn-category__0004 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_bag_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover.btn-category__0005 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_watch_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover.btn-category__0007 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_fashion_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover.btn-category__0013 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_sports_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover.btn-category__0008 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_digital_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover.btn-category__0009 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_food_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover.btn-category__0010 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_kids_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover.btn-category__0011 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_domestic_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover.btn-category__0014 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_alcohol_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover.btn-category__0012 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_adult_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li button:hover span {
    color: #fff;
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button {
    background-color: #1b1e23;
    -webkit-box-shadow: none;
            box-shadow: none;
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button span {
    color: #fff;
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button.btn-category__0000 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_all_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button.btn-category__0001 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_skincare_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button.btn-category__0002 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_makeup_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button.btn-category__0003 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_perfume_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button.btn-category__0004 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_bag_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button.btn-category__0005 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_watch_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button.btn-category__0007 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_fashion_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button.btn-category__0013 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_sports_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button.btn-category__0008 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_digital_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button.btn-category__0009 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_food_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button.btn-category__0010 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_kids_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button.btn-category__0011 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_domestic_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button.btn-category__0014 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_alcohol_on.svg);
}
[class^=area-display-] .search-round-data-wrap .search-round-data__bests-ico ul li.active button.btn-category__0012 {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_select_list_adult_on.svg);
}
[class^=area-display-].area-display-bests {
    margin-top: 64px;
    /*베스트 브랜드*/
}
[class^=area-display-].area-display-bests .display_tab_menu {
    margin-top: 24px;
}
[class^=area-display-].area-display-bests .bests_itemlist {
    position: relative;
    overflow: hidden;
    padding-top: 48px;
}
[class^=area-display-].area-display-bests .bests_itemlist::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 608px;
    background-color: #f9fafb;
}
[class^=area-display-].area-display-bests .list-product__searchlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 80px 24px;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item {
    width: calc((100% - 72px) / 4);
    border-radius: 8px;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__img {
    position: relative;
    height: 0;
    padding: 100% 0 0;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__img img {
    display: block;
    position: absolute;
    top: 16px;
    left: 16px;
    width: calc(100% - 32px);
    height: calc(100% - 32px);
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__img .btn-cart {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 40px;
    height: 0;
    padding-top: 40px;
    border: none;
    border-radius: 8px 0 8px 0;
    background-color: rgba(0, 0, 0, 0.3);
    text-indent: -9999px;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__img .btn-cart:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_product_cart_w.svg) no-repeat;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__img .soldout-banner {
    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;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.4);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.33px;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__img .soldout-banner span {
    color: rgba(0, 0, 0, 0.4);
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__img .buy-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -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;
    gap: 4px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__img .buy-banner 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;
    z-index: 3;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 82px;
    height: 33px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 8px;
    border: 1px solid #1b1e23;
    background-color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.33px;
    white-space: nowrap;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__img .buy-banner button.btn-buynow {
    background-color: #1b1e23;
    color: #fff;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__img:hover .buy-banner {
    opacity: 1;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__img.plan-filled__img {
    padding: 0;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__img.plan-filled__img::before {
    display: none;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__img.plan-filled__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__info .product__price-ratio {
    font-size: 14px;
    font-weight: 700;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__info .product__content-info.type-highlight,
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__info .product__brand-info.type-highlight {
    font-size: 14px;
    height: auto;
    color: #ea2869;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__info .product__price--won {
    font-weight: 400;
    font-size: 14px;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__info .product__price--won span {
    font-weight: inherit;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__info .product__tag {
    margin-top: 6px;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__info .product__countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    margin-top: 6px;
    font-size: 13px;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__info .product__countdown::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_clock_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item .product__info .product__content-date {
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #788497;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item:nth-child(3) {
    margin-right: auto;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item:nth-child(-n+3) {
    width: 340px;
    border: 2px solid transparent;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background-color: #fff;
    padding: 0 32px 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item:nth-child(-n+3) .product__img {
    width: 276px;
    height: 296px;
    background-color: inherit;
    padding: 20px 0 0;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item:nth-child(-n+3) .product__img img {
    top: 20px;
    left: 0;
    width: 100%;
    height: 276px;
    -o-object-fit: contain;
       object-fit: contain;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item:nth-child(-n+3) .product__img::before {
    display: none;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item:nth-child(-n+3):hover {
    border: 2px solid #1b1e23;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item:nth-child(1) {
    margin-left: auto;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item.product__item--soldout .product__img .btn-cart {
    display: none;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item.product__item--soldout .product__img .buy-banner {
    display: none;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item.product__item--soldout .product__img .soldout-banner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
[class^=area-display-].area-display-bests .list-product__searchlist > li.product__item:nth-child(n+4):nth-child(-n+7) {
    margin-top: 36px;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top {
    padding: 80px 0;
    background-color: #f9fafb;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top > ul {
    max-width: 1260px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top .bests_brand_item {
    position: relative;
    width: calc((100% - 40px) / 2);
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top .bests_brand_item .bests_brand_thumb {
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 465px;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top .bests_brand_item .bests_brand_thumb a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top .bests_brand_item .bests_brand_thumb a .product__img {
    width: 100%;
    height: 100%;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top .bests_brand_item .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: "";
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top .bests_brand_item .best_num {
    width: 43px;
    height: 46px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/best_lanking_top.svg);
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top .bests_brand_item .bests_brand_thumb {
    width: 58%;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top .bests_brand_item .best_innerslide {
    position: absolute;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 328px;
    padding: 24px;
    background-color: #fff;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top .bests_brand_item .best_innerslide .product__item .product__img {
    overflow: hidden;
    position: relative;
    height: 0;
    padding: 128px 0 0;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top .bests_brand_item .best_innerslide .product__item .product__img img {
    position: absolute;
    top: 8px;
    left: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top .bests_brand_item .best_innerslide_controll {
    position: absolute;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top .bests_brand_item .best_innerslide_controll [class*=swiper-button-] {
    position: relative;
    -webkit-transform: unset;
            transform: unset;
    top: unset;
    left: unset;
    right: unset;
    margin: unset;
    background: none;
    width: 32px;
    height: 32px;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top .bests_brand_item .best_innerslide_controll [class*=swiper-button-]::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_8.svg) no-repeat center;
    background-size: 20px auto;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list--top .bests_brand_item .best_innerslide_controll [class*=swiper-button-].swiper-button-prev::before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 120px 24px;
    max-width: 1068px;
    margin: 68px auto 0;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list .bests_brand_item {
    width: calc((100% - 48px) / 3);
    gap: 8px;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list .bests_brand_item .bests_brand_thumb {
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 446px;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list .bests_brand_item .bests_brand_thumb a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list .bests_brand_item--btmbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: 8px;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list .bests_brand_item--btmbox .product__item {
    overflow: hidden;
    width: calc((100% - 16px) / 3);
    height: 108px;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list .bests_brand_item--btmbox .product__item a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list .bests_brand_item--btmbox .product__item .product__img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list .bests_brand_item--btmbox .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: "";
}
[class^=area-display-].area-display-bests .bests_brand .bests_brand_list .product__item .product__img {
    padding: 8px;
}
[class^=area-display-].area-display-bests .bests_brand_thumb {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}
[class^=area-display-].area-display-bests .bests_brand_thumb a::before {
    content: "";
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
    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%);
}
[class^=area-display-].area-display-bests .bests_brand_thumb a .bests_brand_tit {
    z-index: 1;
}
[class^=area-display-].area-display-bests .bests_brand_thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
[class^=area-display-].area-display-bests .bests_brand_thumb .bests_brand_tit {
    padding: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}
[class^=area-display-].area-display-bests .bests_brand_thumb::before {
    content: "";
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
    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%);
}
[class^=area-display-].area-display-bests .best_num {
    position: absolute;
    left: 16px;
    top: 0;
    width: 38px;
    height: 40px;
    padding-top: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 1;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/best_lanking.svg) no-repeat;
    background-size: contain;
    font-size: 14px;
    text-align: center;
    color: #fff;
}
[class^=area-display-].area-display-bests .bests_itemlist li.product__item:nth-child(-n+3) .best_num {
    left: -8px;
    width: 48px;
    height: 52px;
    font-size: 16px;
    padding-top: 13px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/best_lanking_top.svg);
}
.bests_goods .bests_itemlist .list-product__searchlist.type-1 > li:nth-child(-n+3) .img_w::before {
    display: none;
}

.area-display-benefits .panel {
    padding: 64px 0 120px;
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
}
.area-display-benefits .panel .pn-tit h3 {
    margin-bottom: 32px;
}
.area-display-benefits .panel .pn-cont {
    max-width: 1260px;
    margin: 0 auto;
}
.area-display-benefits .benefits-topbanner-swiper {
    overflow: hidden;
}
.area-display-benefits .benefits-topbanner-swiper .banner_item {
    overflow: hidden;
    position: relative;
    background: #fff;
    width: calc((100% - 24px) / 2);
    height: 220px;
    margin-right: 24px;
    border-radius: 16px;
}
.area-display-benefits .benefits-topbanner-swiper a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.area-display-benefits .benefits-topbanner-swiper a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 0;
       object-position: 50% 0;
}
.area-display-benefits .benefits-topbanner-swiper .banner_tit {
    padding-right: 22px;
    position: absolute;
    top: 26px;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
}
.area-display-benefits .benefits-topbanner-swiper .banner_tit p {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}
.area-display-benefits .benefits-topbanner-swiper .banner_tit1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -1px;
}
.area-display-benefits .benefits-topbanner-swiper .banner_tit2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: -1px;
}
.area-display-benefits .benefits-topbanner-swiper .banner_tit3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: -0.65px;
    opacity: 0.8;
}
.area-display-benefits .benefits-topbanner-swiper .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;
    position: relative;
    height: 24px;
    margin-top: 15px;
}
.area-display-benefits .benefits-topbanner-swiper .box-pagination .wrap-pagination {
    position: relative;
    width: 310px;
    height: 100%;
    padding: 0 36px;
}
.area-display-benefits .benefits-topbanner-swiper .box-pagination .swiper-pagination {
    position: absolute;
    top: 0;
    left: 0;
    float: none;
    width: 100%;
    height: 100%;
    margin-top: 0;
    font-size: 0;
    letter-spacing: -9999px;
}
.area-display-benefits .benefits-topbanner-swiper .box-pagination .swiper-pagination .swiper-pagination-current,
.area-display-benefits .benefits-topbanner-swiper .box-pagination .swiper-pagination .swiper-pagination-total {
    position: absolute;
    top: 0;
    width: 24px;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0;
}
.area-display-benefits .benefits-topbanner-swiper .box-pagination .swiper-pagination .swiper-pagination-current {
    left: 0;
    font-weight: 700;
    color: #000;
}
.area-display-benefits .benefits-topbanner-swiper .box-pagination .swiper-pagination .swiper-pagination-total {
    right: 0;
    color: #abb2be;
}
.area-display-benefits .benefits-topbanner-swiper .box-pagination .swiper-scrollbar-drag {
    background-color: #1b1e23;
}
.area-display-benefits .benefits-topbanner-swiper .box-pagination .swiper-progress {
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.area-display-benefits .benefits-topbanner-swiper .box-pagination .btn-swiper-play {
    position: relative;
    width: 24px;
    height: 24px;
}
.area-display-benefits .benefits-topbanner-swiper .box-pagination .btn-swiper-play button {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 100%;
    border: none;
    background-color: transparent;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_pause.svg) 50% 50% no-repeat;
    background-size: 12px 12px;
    text-indent: -9999px;
}
.area-display-benefits .benefits-topbanner-swiper .box-pagination .btn-swiper-play button.is-play {
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_play_1.svg);
}
.area-display-benefits .benefits-topbanner-swiper .box-pagination .btn-view {
    position: relative;
    width: 24px;
    height: 24px;
}
.area-display-benefits .benefits-topbanner-swiper .box-pagination .btn-view button {
    display: block;
    overflow: hidden;
    z-index: 10;
    top: auto;
    width: 100%;
    height: 0;
    padding-top: 100%;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_plus_1.svg) no-repeat 50% 50%;
    background-size: 12px 12px;
    text-indent: -9999px;
}
.area-display-benefits .benefits-topbanner-swiper .box-pagination .btn-view button::after {
    display: none;
}
.area-display-benefits .benefits-topbanner-swiper.is-single .swiper-wrapper {
    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;
}
.area-display-benefits .benefits-topbanner-swiper.is-single .swiper-wrapper .banner_item {
    margin-right: 0;
}
.area-display-benefits .benefits-topbanner-swiper.is-single .box-pagination {
    display: none;
}
.area-display-benefits .swiper-progress {
    position: relative;
    width: 240px;
    height: 2px;
    background-color: #eef0f2;
}
.area-display-benefits .swiper-progress .scrollbar__unit {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background-color: #1b1e23;
}
.area-display-benefits .benefits_tab > ul.display_tab_menu > li button {
    color: #5c6677;
    font-weight: 400;
}
.area-display-benefits .benefits_tab > ul.display_tab_menu > li.is-active button, .area-display-benefits .benefits_tab > ul.display_tab_menu > li.active button {
    color: #1b1e23;
    font-weight: 700;
}
.area-display-benefits .benefits_tab > ul.display_tab_menu > li.is-active button::after, .area-display-benefits .benefits_tab > ul.display_tab_menu > li.active button::after {
    width: 100%;
}
.area-display-benefits .display_tab_content {
    margin-top: 32px;
    display: none;
}
.area-display-benefits .display_tab_content.active {
    display: block;
}
.area-display-benefits .display_tab_sub {
    position: relative;
}
.area-display-benefits .display_tab_sub .display_tab_menu {
    margin-top: 32px;
    border-bottom: 1px solid #dde0e5;
    gap: 0;
}
.area-display-benefits .display_tab_sub .display_tab_menu button {
    font-weight: 500;
    padding-bottom: 0;
}
.area-display-benefits .display_tab_sub .display_tab_item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    text-align: center;
}
.area-display-benefits .display_tab_sub .display_tab_item button {
    padding: 0 20px;
    height: 57px;
}
.area-display-benefits .display_tab_sub .display_tab_item button span {
    font-size: 18px;
    line-height: 1.43;
    letter-spacing: -0.7px;
    color: #abb2be;
    pointer-events: none;
}
.area-display-benefits .display_tab_sub .display_tab_item.active button {
    color: #1b1e23;
}
.area-display-benefits .display_tab_sub .display_tab_item.active button span {
    font-weight: 700;
    line-height: 1.43;
    color: #1b1e23;
}
.area-display-benefits .display_tab_sub .display_tab_item.active button:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1b1e23;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    content: "";
}
.area-display-benefits .display_search {
    width: 310px;
    height: 41px;
    margin-left: auto;
    border-bottom: 1px solid #dde0e5;
    margin-top:26px; /*2024-06-19 기획전 리뉴얼 수정*/
}
.area-display-benefits .display_search input {
    display: inline-block;
    width: calc(100% - 56px);
    line-height: 1.5;
    font-size: 16px;
    font-weight: 400;
    border: 0;
    padding: 0;
}
.area-display-benefits .display_search input::-webkit-input-placeholder {
    color: #abb2be;
}
.area-display-benefits .display_search input::-moz-placeholder {
    color: #abb2be;
}
.area-display-benefits .display_search input:-ms-input-placeholder {
    color: #abb2be;
}
.area-display-benefits .display_search input::-ms-input-placeholder {
    color: #abb2be;
}
.area-display-benefits .display_search input::placeholder {
    color: #abb2be;
}
.area-display-benefits .display_search .display_search_top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}
.area-display-benefits .display_search .display_search_clear {
    display: none;
    position: absolute;
    right: 72px;
    top: 25px;
    -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;
}
.area-display-benefits .display_search .m-ico-search {
    display: inline-block;
    width: 56px;
    height: 33px;
    background: #1b1e23;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
}
.area-display-benefits .search-round-data-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-top: 20px;
    margin-bottom: 32px;
}/*2024-06-19 기획전 리뉴얼 수정*/
.area-display-benefits .search-round-data-wrap.f-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.area-display-benefits .search-round-data-wrap .search-round-data > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-content: center;/*2024-06-19 기획전 리뉴얼 수정*/
    gap: 7px;/*2024-06-19 기획전 리뉴얼 수정 8*/
    flex-wrap: wrap;/*2024-06-19 기획전 리뉴얼 추가*/
}
.area-display-benefits .search-round-data-wrap .search-round-data > ul > li {flex-shrink:0;}/*2024-06-19 기획전 리뉴얼 수정*/
.area-display-benefits .search-round-data-wrap .search-round-data > ul > li button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    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;
    font-size: 14px;
    color: #5c6677;
    border: 1px solid #ebebeb;
    padding: 0 15px;/*2024-06-19 기획전 리뉴얼 수정 16*/
    height: 34px;
    border-radius: 17px;
}
.area-display-benefits .search-round-data-wrap .search-round-data > ul > li button span {
    pointer-events: none;
}
.area-display-benefits .search-round-data-wrap .search-round-data > ul > li.is-active button, .area-display-benefits .search-round-data-wrap .search-round-data > ul > li.active button {
    font-weight: 700;
    background: #1b1e23;
    color: #fff;
}
.area-display-benefits .benefits {
    position: relative;
}
.area-display-benefits .benefits_tab > .search-tab-menu {
    margin-top: 64px;
}
/*S: 2024-06-19 기획전 리뉴얼 수정 클래스 정리 */
.area-display-benefits .benefits_tab .display_tab_content .display-list-product {
    gap: 40px 24px;
}
.area-display-benefits .benefits_tab .display_tab_content .display-list-product li {
    width: calc((100% - 48px) / 3);
    position: relative;
}
.area-display-benefits .benefits_tab .display_tab_content .display-list-product li > a {
    display: block;
}
.area-display-benefits .benefits_tab .display_tab_content .display-list-product li > a > div {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 215px;
    border-radius: 8px;
}
.area-display-benefits .benefits_tab .display_tab_content .display-list-product li > a > div img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.area-display-benefits .benefits_tab .display_tab_content .display-list-product img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.area-display-benefits .benefits_tab .display_tab_content .display-list-product .tit {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.45px;
    color: #1b1e23;
    margin-top: 12px;
}
.area-display-benefits .benefits_tab .display_tab_content .display-list-product .txt_sub {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: -0.35px;
    color: #3d444f;
    margin-top: 4px;
}
.area-display-benefits .benefits_tab .display_tab_content .display-list-product .txt_date {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: -0.33px;
    color: #788497;
    margin-top: 12px;
}
.area-display-benefits .benefits_tab .display_tab_content .display-list-product .btn_like {
    position: absolute;
    top: 227px;
    right: 0;
    z-index: 1;
}
.area-display-benefits .benefits_tab .display_tab_content .benefits-no-item {
    text-align: center;
    margin-top: 142px;
    margin-bottom: 14px;
    width:100% !important;
}
.area-display-benefits .benefits_tab .display_tab_content .benefits-no-item::before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_empty_cart.svg) no-repeat;
    background-size: contain;
}
.area-display-benefits .benefits_tab .display_tab_content .benefits-no-item p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.4px;
    color: #3d444f;
    text-align: center;
    margin-top: 24px;
}
/* E: 2024-06-19 기획전 리뉴얼 수정 클래스 정리*/
.area-display-promotion .display_tab_sub .display_tab_menu {margin-top:56px;}/*2024-06-19 기획전 리뉴얼 수정*/

.wrap-list-cart.type-suggestion {
    max-width: 1260px;
    margin: -40px auto 120px;
    padding-top: 0;
}
.wrap-list-cart.type-suggestion .list-cart__tit {
    padding-top: 48px;
    border-top: 1px solid #eef0f2;
}
.wrap-list-cart.type-suggestion .list-product.list-product__recommend {
    gap: 24px;
}
.wrap-list-cart.type-suggestion .list-product.list-product__recommend > li {
    width: calc((100% - 96px) / 5);
}
.wrap-list-cart.type-suggestion .list-product.list-product__recommend > li + li {
    margin-left: 0;
}

.cart__no-item.type-1 {
    height: auto;
    padding-top: 34px;
}
.cart__no-item.type-1::before {
    display: none;
}
.cart__no-item.type-1 .txt-result {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}
.cart__no-item.type-1 .txt-result span {
    color: #ea2869;
}
.cart__no-item.type-1 .txt-result::after {
    display: block;
    width: 100px;
    height: 100px;
    margin: 40px auto 0;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_empty_cart.svg) no-repeat;
    background-size: contain;
    content: "";
}
.cart__no-item.type-1 .txt-result + p {
    font-size: 16px;
    margin-top: 24px;
}

.list-product__searchlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.list-product__searchlist.type-1 {
    gap: 48px 24px;
}
.list-product__searchlist.type-1 > li {
    position: relative;
    width: calc((100% - 72px) / 4);
}
.list-product__searchlist.type-1 > li.pord_duble {
    width: calc((100% - 24px) / 2);
}
.list-product__searchlist.type-1 > li .img_w {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 100% 20px 0;
    border-radius: 8px;
}
.list-product__searchlist.type-1 > li .img_w:hover .on_btn {
    opacity: 1;
}
.list-product__searchlist.type-1 > li .img_w::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 .img_w.img_brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0;
    padding: 169.36% 0 0;
}
.list-product__searchlist.type-1 > li .img_w.img_brand::before {
    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 .img_w.img_brand 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;
}
.list-product__searchlist.type-1 > li .img_w.img_brand img + span {
    display: block;
    margin-right: 16px;
    font-size: 14px;
    letter-spacing: -0.35px;
    font-weight: 700;
    color: #1b1e23;
}
.list-product__searchlist.type-1 > li .img_w.img_brand .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: 32px;
    left: 20px;
    z-index: 1;
    padding-right: 10px;
}
.list-product__searchlist.type-1 > li .img_w.img_brand .wrap-info::before {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: #5c6677 url(https://cdn.hddfs.com/front/images/KO/common/n/icon_B_text.svg) 50% 50% no-repeat;
    background-size: 16px 16px;
    content: "";
}
.list-product__searchlist.type-1 > li .img_w.img_brand span:not(.link-txt) {
    display: block;
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.45px;
}
.list-product__searchlist.type-1 > li .img_w.img_brand span.link-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 4px;
    font-size: 12px;
    letter-spacing: -0.3px;
    font-weight: 400;
    color: #fff;
}
.list-product__searchlist.type-1 > li .img_w.img_brand span.link-txt::after {
    display: block;
    width: 12px;
    height: 13px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_3.svg) no-repeat;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
    content: "";
}
.list-product__searchlist.type-1 > li .img_w img {
    position: absolute;
    top: 0;/*2024-08-14 썸네일 이미지 확장 20px*/
	left:0;/*2024-08-14 썸네일 이미지 확장 20px*/
	width: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 40px)*/
	height: 100%;/*2024-08-14 썸네일 이미지 확장 calc(100% - 40px)*/
    -o-object-fit: contain;
       object-fit: contain;
}
.list-product__searchlist.type-1 > li .img_w .on_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    -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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3; /*2024-01-12 어덜트 1에서 3으로 수정 */
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.list-product__searchlist.type-1 > li .img_w .on_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;
    z-index: 3;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 82px;
    height: 33px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 8px;
    border: 1px solid #1b1e23;
    background-color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.33px;
    white-space: nowrap;
}
.list-product__searchlist.type-1 > li .img_w .on_btn button.bg_black {
    background-color: #1b1e23;
    color: #fff;
}
.list-product__searchlist.type-1 > li .img_w .btn_play {
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    width: 24px;
    height: 0;
    padding-top: 24px;
    background-image: none;
    text-indent: -9999px;
}
.list-product__searchlist.type-1 > li .img_w .btn_play::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_play.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-product__searchlist.type-1 > li .img_w + .pro_i {
    margin-top: 16px;
}
.list-product__searchlist.type-1 > li .img_w .btn-cart {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 40px;
    height: 0;
    padding-top: 40px;
    border: none;
    border-radius: 8px 0 8px 0;
    background-color: rgba(0, 0, 0, 0.3);
    text-indent: -9999px;
}
.list-product__searchlist.type-1 > li .img_w .btn-cart:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_product_cart_w.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-product__searchlist.type-1 > li .img_w .soldout-banner {
    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: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.4);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.33px;
    backdrop-filter: blur(5px);/*2024-08-14 썸네일 이미지 확장*/
}
.list-product__searchlist.type-1 > li .img_w .soldout-banner span {
    color: rgba(0, 0, 0, 0.4);
    pointer-events: none;
}
.list-product__searchlist.type-1 > li .img_w .product-discount {
    display: block;
    font-family: "Times New Roman", "Times", Serif;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    font-size: 28px;
    font-style: italic;
    font-weight: 600;
}
.list-product__searchlist.type-1 > li .img_w .product-discount span {
    font-size: 14px;
}
.list-product__searchlist.type-1 > li .img_w .product-discount.type-bright {
    color: #fff;
}
.list-product__searchlist.type-1 > li .img_w .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;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.33px;
}
.list-product__searchlist.type-1 > li .searchevent_type .img_w {
    padding-left: 0;
    padding-right: 0;
}
.list-product__searchlist.type-1 > li .searchevent_type .img_w + p {
    margin-top: 16px;
}
.list-product__searchlist.type-1 > li .searchevent_type .img_w img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.list-product__searchlist.type-1 > li .searchevent_type p:not(.tx_countdown) {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #1b1e23;
}
.list-product__searchlist.type-1 > li .searchevent_type p:not(.tx_countdown) + strong {
    margin-top: 4px;
}
.list-product__searchlist.type-1 > li .searchevent_type strong {
    display: block;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #3d444f;
    font-weight: 400;
}
.list-product__searchlist.type-1 > li .searchevent_type strong + em {
    margin-top: 8px;
}
.list-product__searchlist.type-1 > li .searchevent_type em {
    display: block;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #788497;
}
.list-product__searchlist.type-1 > li .searchevent_type .tx_countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.33px;
    color: #3d444f;
}
.list-product__searchlist.type-1 > li .searchevent_type .tx_countdown::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_clock_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-product__searchlist.type-1 > li .pro_i {
    font-size: 14px;
    letter-spacing: -0.35px;
}
.list-product__searchlist.type-1 > li .pro_i .ti_brand {
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
}
.list-product__searchlist.type-1 > li .pro_i .ti_brand + .tx_key, .list-product__searchlist.type-1 > li .pro_i .ti_brand + .tx_ex {
    margin-top: 4px;
}
.list-product__searchlist.type-1 > li .pro_i .ti_brand + .tx_key, .list-product__searchlist.type-1 > li .pro_i .tx_ex + .link-login__txt {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-top: 4px;
}
.list-product__searchlist.type-1 > li .pro_i .ti_brand + .tx_key, .list-product__searchlist.type-1 > li .pro_i .link-login__txt .tx_sign_in {
    border: none;
    background-color: transparent;
    font-size: 14px;
    color: #ea2869;
}
.list-product__searchlist.type-1 > li .pro_i .link-login__txt .tx_sign_in {
    text-decoration: underline;
}
.list-product__searchlist.type-1 > li .link-login__txt {
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 14px;
}
.list-product__searchlist.type-1 > li .link-login__txt .tx_sign_in {
    margin-top: -1px;
    border: none;
    background-color: transparent;
    font-size: 14px;
    text-decoration: underline;
    color: #ea2869;
}
.list-product__searchlist.type-1 > li .pro_i .tx_key {
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #ea2869;
    word-break: break-all;
}
.list-product__searchlist.type-1 > li .pro_i .tx_ex {
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    color: #3d444f;
    font-size: 14px;
    word-break: break-all;
}
.list-product__searchlist.type-1 > li .pro_i .tx_ex.type-1 {
    height: 42px;
    font-size: 14px;
    letter-spacing: -0.35px;
}
.list-product__searchlist.type-1 > li .pro_i .tx_ex + .tx_sign_in, .list-product__searchlist.type-1 > li .pro_i .tx_ex + .price1 {
    margin-top: 8px;
}
.list-product__searchlist.type-1 > li .pro_i .tx_sign_in {
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #788497;
}
.list-product__searchlist.type-1 > li .pro_i .tx_sign_in + .price1 {
    margin-top: 2px;
}
.list-product__searchlist.type-1 > li .pro_i .price1 {
    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 .pro_i .price1 del {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.35px;
    caret-color: #1b1e23;
    text-decoration: none;
}
.list-product__searchlist.type-1 > li .pro_i .price1 strong {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: -0.33px;
    color: #abb2be;
    text-decoration: line-through;
}
.list-product__searchlist.type-1 > li .pro_i .price1 + .price2 {
    margin-top: 1px;
}
.list-product__searchlist.type-1 > li .pro_i .price2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    flex-wrap: wrap; /*20231222 */
}
.list-product__searchlist.type-1 > li .pro_i .price2 strong {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #ea2829;
}
.list-product__searchlist.type-1 > li .pro_i .price2 span {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.35px;
    color: #3d444f;
}
.list-product__searchlist.type-1 > li .pro_i .price2 + .por_icons {
    margin-top: 12px;
}
.list-product__searchlist.type-1 > li .pro_i .por_icons {
    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;
    gap: 4px;
    margin-left: 0;
}
.list-product__searchlist.type-1 > li .pro_i .por_icons span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 22px;
    margin: 0;
    padding: 2px 6px;
    border: 1px solid #ccd1d8;
    border-radius: 4px;
    background: none;
    font-size: 12px;
    color: #5c6677;
    line-height: 1.1;
    letter-spacing: -0.3px;
}
.list-product__searchlist.type-1 > li .product_module {
    width: 100%;
}
.list-product__searchlist.type-1 > li .product_module.coupon {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme {
    float: none;
    width: 100%;
    height: auto;
    background-image: none;
    text-align: left;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme::before {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 8px;
    width: 100%;
    height: 0;
    margin: 0;
    padding-top: 100%;
    background: #f5f7fa url(https://cdn.hddfs.com/front/images/KO/common/n/icon_coupon_2.svg) 50% 50% no-repeat;
    background-size: 192px 102px;
    content: "";
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme .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;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 100%;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme .wrap-txt .tit {
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -80px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.33px;
    color: #fff;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme .wrap-txt strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 4px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: 18px;
    margin-left: -80px;
    padding: 0;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: -0.7px;
    line-height: 1.2;
    color: #fff;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme .wrap-txt strong span {
    position: relative;
    top: -4px;
    font-size: 16px;
    letter-spacing: -0.4px;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme .link {
    display: none;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme dl {
    margin-top: 16px;
    text-align: left;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme dl dt {
    height: auto;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.35px;
    line-height: 1.46;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme dl dt + dd {
    margin-top: 4px;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme dl dd {
    line-height: 1.2;
    color: #3d444f;
}
.list-product__searchlist.type-1 > li .product_module.coupon .product_itme dl dd + dd {
    margin-top: 8px;
    color: #788497;
}
.list-product__searchlist.type-1 > li .searchpoint_type::before {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 8px;
    width: 100%;
    height: 0;
    margin: 0;
    padding-top: 100%;
    background: #f5f7fa url(https://cdn.hddfs.com/front/images/KO/common/n/icon_reserve_1.svg) 50% 50% no-repeat;
    background-size: 192px 102px;
    content: "";
}
.list-product__searchlist.type-1 > li .searchpoint_type .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;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 100%;
}
.list-product__searchlist.type-1 > li .searchpoint_type .wrap-txt .tit {
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -80px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.33px;
    color: #fff;
}
.list-product__searchlist.type-1 > li .searchpoint_type .wrap-txt .point_price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 4px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: 18px;
    margin-left: -80px;
    padding: 0;
    line-height: 1.2;
    color: #fff;
}
.list-product__searchlist.type-1 > li .searchpoint_type .wrap-txt .point_price .point_num {
    font-weight: 700;
    font-size: 28px;
    letter-spacing: -0.7px;
}
.list-product__searchlist.type-1 > li .searchpoint_type .wrap-txt .point_price .point_won {
    position: relative;
    top: -4px;
    font-size: 16px;
    letter-spacing: -0.4px;
}
.list-product__searchlist.type-1 > li .searchpoint_type .finished {
    display: none;
}
.list-product__searchlist.type-1 > li .searchpoint_type .point_txt {
    margin-top: 16px;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.35px;
    line-height: 1.46;
}
.list-product__searchlist.type-1 > li .searchpoint_type .point_txt + em {
    margin-top: 4px;
}
.list-product__searchlist.type-1 > li .searchpoint_type em {
    display: block;
    font-size: 14px;
    letter-spacing: -0.35px;
    line-height: 1.2;
    color: #3d444f;
}
.list-product__searchlist.type-1 > li .searchpoint_type em + .point-period {
    margin-top: 8px;
}
.list-product__searchlist.type-1 > li .searchpoint_type .point-period {
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #788497;
}
.list-product__searchlist.type-1 > li .searchgift_type::before {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 8px;
    width: 100%;
    height: 0;
    margin: 0;
    padding-top: 100%;
    background: #f5f7fa url(https://cdn.hddfs.com/front/images/KO/common/n/icon_gift_3.svg) 50% 50% no-repeat;
    background-size: 81px 81px;
    content: "";
}
.list-product__searchlist.type-1 > li .searchgift_type p {
    margin-top: 16px;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.35px;
    line-height: 1.46;
}
.list-product__searchlist.type-1 > li .searchgift_type p + strong {
    margin-top: 4px;
}
.list-product__searchlist.type-1 > li .searchgift_type strong {
    display: block;
    font-size: 14px;
    letter-spacing: -0.35px;
    line-height: 1.2;
    font-weight: 400;
    color: #3d444f;
}
.list-product__searchlist.type-1 > li .searchgift_type strong + em {
    margin-top: 8px;
}
.list-product__searchlist.type-1 > li .searchgift_type em {
    display: block;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #788497;
}
.list-product__searchlist.type-1 > li .img_video {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 65.42%;
    border-radius: 8px;
    background-color: #000;
    pointer-events: none;
}
.list-product__searchlist.type-1 > li .img_video img,
.list-product__searchlist.type-1 > li .img_video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.list-product__searchlist.type-1 > li .img_video .btn-play {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    pointer-events: all;
}
.list-product__searchlist.type-1 > li .img_video .btn-play::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_movie_play.svg) no-repeat;
    background-size: contain;
    content: "";
}
.list-product__searchlist.type-1 > li .img_video.is-play .btn-play::after {
    display: none;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_movie_pause.svg);
}
.list-product__searchlist.type-1 > li .img_video.is-play .btn-play:hover::after {
    display: block;
}
.list-product__searchlist.type-1 > li .chk {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}
.list-product__searchlist.type-1.case-small {
    gap: 34px 16px;
}
.list-product__searchlist.type-1.case-small > li {
    width: calc((100% - 48px) / 4);
}
.list-product__searchlist.type-1.case-small > li .img_w .product-discount {
    top: 8px;
    right: 10px;
    font-size: 26px;
}
.list-product__searchlist.type-1.case-small > li .img_w .product-discount span {
    font-size: 16px;
}
.list-product__searchlist.type-1.case-small > li .img_w .coming-soon {
    height: 30px;
    font-size: 12px;
}
.list-product__searchlist.type-1.case-small > li .img_w .btn_play {
    top: 10px;
    left: 10px;
}
.list-product__searchlist.type-1.case-small > li .img_w .btn-cart {
    width: 32px;
    padding-top: 32px;
}
.list-product__searchlist.type-1.case-small > li .img_w .btn-cart::before {
    width: 16px;
    height: 16px;
}
.list-product__searchlist.type-1.case-small > li .img_w.img_brand .wrap-info {
    bottom: 20px;
    left: 16px;
    gap: 4px;
}
.list-product__searchlist.type-1.case-small > li .img_w.img_brand span:not(.link-txt) {
    font-size: 16px;
    letter-spacing: -0.8px;
}
.list-product__searchlist.type-1.case-small > li .pro_i .tx_ex + .price2 {
    margin-top: 12px;
}
.list-product__searchlist.type-1.case-small > li .pro_i .tx-ex,
.list-product__searchlist.type-1.case-small > li .pro_i .tx_key {
    font-size: 13px;
}
.list-product__searchlist.type-1.case-small > li .searchevent_type em,
.list-product__searchlist.type-1.case-small > li .searchevent_type strong {
    font-size: 13px;
}
.list-product__searchlist.type-1.case-small > li .searchpoint_type .point-period,
.list-product__searchlist.type-1.case-small > li .searchpoint_type em {
    font-size: 13px;
}
.list-product__searchlist.type-1.case-small > li .searchpoint_type .wrap-txt .tit,
.list-product__searchlist.type-1.case-small > li .searchpoint_type .wrap-txt .point_price {
    margin-left: -49px;
}
.list-product__searchlist.type-1.case-small > li .searchpoint_type .wrap-txt .tit {
    font-size: 8px;
}
.list-product__searchlist.type-1.case-small > li .searchpoint_type .wrap-txt .point_price {
    margin-top: 12px;
}
.list-product__searchlist.type-1.case-small > li .searchpoint_type .wrap-txt .point_price .point_num {
    font-size: 20px;
}
.list-product__searchlist.type-1.case-small > li .searchpoint_type .wrap-txt .point_price .point_won {
    font-size: 11px;
}
.list-product__searchlist.type-1.case-small > li .searchpoint_type::before {
    background-size: 123px 64px;
}
.list-product__searchlist.type-1.case-small > li .product_module.coupon .product_itme dl dd {
    font-size: 13px;
}
.list-product__searchlist.type-1.case-small > li .product_module.coupon .product_itme::before {
    background-size: 123px 64px;
}
.list-product__searchlist.type-1.case-small > li .product_module.coupon .wrap-txt .tit,
.list-product__searchlist.type-1.case-small > li .product_module.coupon .wrap-txt strong {
    margin-left: -49px;
}
.list-product__searchlist.type-1.case-small > li .product_module.coupon .wrap-txt .tit {
    font-size: 8px;
}
.list-product__searchlist.type-1.case-small > li .product_module.coupon .wrap-txt strong {
    margin-top: 12px;
    font-size: 20px;
}
.list-product__searchlist.type-1.case-small > li .product_module.coupon .wrap-txt strong span {
    font-size: 11px;
}

/* article#main.main-content {
    margin-bottom: 0;
} */

.container.type-personal {
    overflow-x: hidden;
    max-width: 100%;
    width: 100%;
    padding-bottom: 0;
}

.area-personal {
    width: 100vw;
    padding-bottom: 120px;
    background-color: #f5f7fa;
    /* 개인 정보 */
    /* 취향 */
    /* 결과 */
    /* loading */
}
.area-personal .wrap-personal {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 712px;
    margin: 0 auto;
    padding-top: 106px;
}
.area-personal .wrap-personal.type-login {
    max-width: 100%;
    padding-top: 0;
}
.area-personal .personal-info::before, .area-personal .personal-info::after {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.area-personal .personal-info::before {
    top: -17px;
    left: 168px;
    width: 84px;
    height: 46px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_cloud_1.png);
    -webkit-animation: moveCloud1 16s alternate infinite;
            animation: moveCloud1 16s alternate infinite;
}
.area-personal .personal-info::after {
    top: 86px;
    left: 427px;
    width: 141px;
    height: 74px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_cloud_2.png);
    -webkit-animation: moveCloud2 17s alternate infinite;
            animation: moveCloud2 17s alternate infinite;
}
.area-personal .personal-info .personal-info__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;
    gap: 6px;
}
.area-personal .personal-info .personal-info__tit::before, .area-personal .personal-info .personal-info__tit::after {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.area-personal .personal-info .personal-info__tit::before {
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 104px;
    height: 104px;
    border-radius: 104px;
    background-image: linear-gradient(9deg, #ffefef 10%, #f9d2fa 52%, #dcd2fa 96%);
}
.area-personal .personal-info .personal-info__tit::after {
    top: 45px;
    left: 291px;
    width: 150px;
    height: 41px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_airplane.png);
    -webkit-animation: moveAirplane 13s alternate infinite;
            animation: moveAirplane 13s alternate infinite;
}
.area-personal .personal-info .personal-info__tit + .wrap-my-hddfs {
    margin-top: 24px;
}
.area-personal .personal-info .personal-info__d-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;
    position: relative;
    z-index: 1;
    height: 28px;
    padding: 0 13px;
    border-radius: 28px;
    background-color: #1b1e23;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: -0.3px;
}
.area-personal .personal-info .personal-info__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    position: relative;
    z-index: 1;
    font-size: 24px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.6px;
    text-align: center;
}
.area-personal .personal-info .personal-info__name::after {
    display: block;
    position: relative;
    top: -2px;
    width: 26px;
    height: 26px;
    background: url(https://cdn.hddfs.com/front/images/KO/personal/icon_personal_face_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-personal .personal-info .personal-info__name + .personal-info__pickup {
    margin-top: 4px;
}
.area-personal .personal-info .personal-info__name.type-login::after {
    display: none;
}
.area-personal .personal-info .personal-info__pickup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
    color: #5c6677;
    letter-spacing: -0.3px;
}
.area-personal .personal-info .personal-info__pickup a,
.area-personal .personal-info .personal-info__pickup button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-weight: 700;
    font-size: 14px;
    color: #3d444f;
    margin-left: 8px;
}
.area-personal .personal-info .personal-info__pickup a::after,
.area-personal .personal-info .personal-info__pickup button::after {
    display: block;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_6.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-personal .personal-info .personal-info__pickup::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_pickup_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-personal .personal-info + .personal-box {
    margin-top: 24px;
}
.area-personal .list-product__searchlist.type-1 > li .img_w .soldout-banner {
    height: 32px;
}
.area-personal .product__item .btn-cart {
    width: 32px;
    padding-top: 32px;
}
.area-personal .product__item .btn-cart::before {
    width: 16px;
    height: 16px;
    background-size: contain;
}
.area-personal .product__item.type-sales--end .product__img::after {
    display: none;
}
.area-personal .product__item.type-sales--end .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;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 32px;
    padding: 0;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.4);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.33px;
    text-indent: 0;
}
.area-personal .product__item.type-sales--end .product__img .btn-cart.type-re::before {
    display: none;
}
.area-personal .list-product__searchlist.type-1 > li .searchpoint_type .finished,
.area-personal .list-product__searchlist.type-1 > li .product_module.coupon .product_itme .link {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 100%;
    border-radius: 0;
    border: none;
    background-color: transparent;
    text-indent: -9999px;
    font-size: 0;
}
.area-personal .wrap-my-hddfs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.area-personal .wrap-my-hddfs .btn-edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #1b1e23;
    line-height: 1.5;
}
.area-personal .wrap-my-hddfs .btn-edit::after {
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_edit_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-personal .wrap-my-hddfs .my-passport,
.area-personal .wrap-my-hddfs .my-departure {
    width: calc((100% - 8px) / 2);
    min-height: 107px;
    position: relative;
    padding: 16px 24px;
    border-radius: 8px;
    background-color: #fff;
}
.area-personal .wrap-my-hddfs .my-passport {
    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: 2px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.area-personal .wrap-my-hddfs .my-passport.size-1 {
    width: 100%;
}
.area-personal .wrap-my-hddfs .my-passport .my-passport__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    position: relative;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #5c6677;
}
.area-personal .wrap-my-hddfs .my-passport .my-passport__tit .tag-alram {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: -31px;
    left: -8px;
    height: 22px;
    border-radius: 22px;
    padding: 0 10px;
    background-image: linear-gradient(101deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
    font-weight: 700;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #fff;
    white-space: nowrap;
}
.area-personal .wrap-my-hddfs .my-passport .my-passport__tit .tag-alram::before {
    display: block;
    position: absolute;
    bottom: -5px;
    left: 5px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #ea2829;
    content: "";
}
.area-personal .wrap-my-hddfs .my-passport .my-passport__tit::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_passport_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-personal .wrap-my-hddfs .my-passport .my-passport__tit + .my-passport__remain {
    margin-top: 10px;
}
.area-personal .wrap-my-hddfs .my-passport .my-passport__tit + .my-passport__group {
    margin-top: 12px;
}
.area-personal .wrap-my-hddfs .my-passport .my-passport__remain {
    padding: 0 6px;
    border-radius: 4px;
    background-color: #ffebe5;
    color: #ea2829;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.3px;
    line-height: 21px;
}
.area-personal .wrap-my-hddfs .my-passport .my-passport__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #1b1e23;
    line-height: 1.5;
}
.area-personal .wrap-my-hddfs .my-passport .my-passport__group {
    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;
    width: 100%;
}
.area-personal .wrap-my-hddfs .my-departure {
    display: grid;
    grid-template-columns: repeat(2, minmax(95px, auto));
    grid-template-rows: 16px 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px 28px;
}
.area-personal .wrap-my-hddfs .my-departure .my-departure_tit {
    grid-column: 1/3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    position: relative;
    width: 100%;
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #5c6677;
}
.area-personal .wrap-my-hddfs .my-departure .my-departure_tit::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_plane_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-personal .wrap-my-hddfs .my-departure .my-departure__route {
    grid-row: 2/3;
    grid-column: 1/2;
    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: 5px;
}
.area-personal .wrap-my-hddfs .my-departure .my-departure__route .my-departure__airport {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 21px;
    padding: 2px 6px;
    border-radius: 4px;
    background-color: #ffe5ee;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.3px;
    color: #ea2869;
}
.area-personal .wrap-my-hddfs .my-departure .my-departure__route .my-departure__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #1b1e23;
}
.area-personal .wrap-my-hddfs .my-departure .my-departure__route .my-departure__wrap .my-departure__route--to {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    position: relative;
}
.area-personal .wrap-my-hddfs .my-departure .my-departure__route .my-departure__wrap .my-departure__route--to::before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_double_arrow_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-personal .wrap-my-hddfs .my-departure .my-departure__route + .my-departure__booking {
    position: relative;
}
.area-personal .wrap-my-hddfs .my-departure .my-departure__route + .my-departure__booking::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: -18px;
    width: 1px;
    height: 100%;
    background-color: #dde0e5;
    content: "";
}
.area-personal .wrap-my-hddfs .my-departure .my-departure__booking {
    grid-row: 2/3;
    grid-column: 2/3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #3d444f;
}
.area-personal .wrap-my-hddfs .my-departure .my-departure__booking .my-departure__plane {
    font-weight: 700;
    line-height: 21px;
}
.area-personal .wrap-my-hddfs .wrap-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;
}
.area-personal .wrap-my-hddfs .wrap-btn.type-1 {
    gap: 8px;
}
.area-personal .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;
    max-width: 120px;
    min-height: 32px;
    padding: 5px 12px;
    border-radius: 4px;
    border: 1px solid #abb2be;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.33px;
    color: #3d444f;
    text-align: center;
}
.area-personal .mypage__notice {
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #3d444f;
}
.area-personal .personal-description {
    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: 108px;
    padding-top: 36px;
    font-size: 16px;
    font-weight: 700;
    color: #1b1e23;
    text-align: center;
}
.area-personal .personal-description span {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(110deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
}
.area-personal .personal-description .decription-img {
    position: absolute;
    bottom: -50px;
    right: 0;
    width: 178px;
    height: 174px;
}
.area-personal .personal-description .decription-txt {
    position: relative;
    z-index: 1;
}
.area-personal .personal-box {
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 56px;
    border-radius: 16px;
    background-color: #fff;
}
.area-personal .personal-box .personal-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    font-size: 20px;
    color: #788497;
    letter-spacing: -0.5px;
}
.area-personal .personal-box .personal-tit span {
    font-weight: 700;
    color: #1b1e23;
}
.area-personal .personal-box .personal-tit::after {
    display: block;
    width: 20px;
    height: 21px;
    margin-left: 4px;
    background: url(https://cdn.hddfs.com/front/images/KO/personal/icon_main_benefit_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-personal .personal-box .personal-tit.type-1 {
    display: block;
}
.area-personal .personal-box .personal-tit.type-1::after {
    display: inline-block;
    vertical-align: middle;
}
/* 20231221 */
.area-personal .personal-box .resut-content,
.area-personal .personal-box .resut-content .result-product,
.area-personal .personal-result .result-product .result-product__inner {
    width: 100%;
}
.area-personal .personal-taste .taste-step-1 {
    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: 20px;
}
.area-personal .personal-taste .taste-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4px;
    border-radius: 40px;
    border: 1px solid #dde0e5;
}
.area-personal .personal-taste .taste-tab > li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    height: 32px;
    padding: 10px 24px;
    border: none;
    border-radius: 32px;
    background-color: transparent;
    font-size: 14px;
    color: #788497;
    letter-spacing: -0.35px;
}
.area-personal .personal-taste .taste-tab > li.is-active button {
    background-color: #000;
    color: #fff;
    font-weight: 700;
}
.area-personal .personal-taste .tab-content {
    width: 100%; /* 20231226_1 */
    margin-top: 20px;
}
.area-personal .personal-taste .tab-content .taste-tab__tit {
    font-size: 18px;
    font-weight: 700;
    color: #1b1e23;
    letter-spacing: -0.45px;
    text-align: center;
}
.area-personal .personal-taste .tab-content .taste-tab__tit + .taste-list {
    margin-top: 24px;
}
.area-personal .personal-taste .tab-content .taste-list {
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item {
    position: relative;
    width: calc((100% - 48px) / 4);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item input[type=checkbox] {
    position: absolute;
    overflow: hidden;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item input[type=checkbox] + 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;
    position: relative;
    height: 138px;
    padding: 81px 16px 24px;
    border-radius: 12px;
    border: 1px solid transparent;
    background-color: #f5f7fa;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.35px;
    color: #5c6677;
    text-align: center;
    word-break: break-all;
    white-space: wrap;
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item input[type=checkbox] + label::before, .area-personal .personal-taste .tab-content .taste-list .taste-list__item input[type=checkbox] + label::after {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item input[type=checkbox] + label::before {
    position: absolute;
    top: 32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 40px;
    height: 40px;
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item input[type=checkbox] + label::after {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 24px;
    height: 24px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_benefit_check_off.svg);
    background-size: contain;
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item input[type=checkbox]:checked + label {
    border-color: #ea2869;
    background-color: #fff2f7;
    color: #ea2869;
    font-weight: 700;
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item input[type=checkbox]:checked + label::after {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_benefit_check_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="001"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_now.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="001"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_now_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="002"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_member.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="002"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_member_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="003"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_partnership.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="003"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_partnership_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="004"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_payment.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="004"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_payment_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="005"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_buy.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="005"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_buy_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="006"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_merried.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="006"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_merried_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="007"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_timesale.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="007"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_timesale_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="008"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_one.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="008"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_one_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="009"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_hot.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="009"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_input_hot_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="010"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/dc_cheap.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="010"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/dc_cheap_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="011"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/dc_best.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="011"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/dc_best_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="012"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/dc_lot.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="012"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/dc_lot_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="013"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/dc_lb.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="013"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/dc_lb_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="014"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/dc_cou.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="014"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/dc_cou_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="015"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/dc_ts.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="015"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/dc_ts_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="016"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/dc_re.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="016"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/dc_re_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="017"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/ep_cp.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="017"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/ep_cp_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="018"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/ep_fa.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="018"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/ep_fa_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="019"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/ep_lt.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="019"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/ep_lt_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="020"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/ep_lf.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="020"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/ep_lf_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="021"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/ep_sf.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="021"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/ep_sf_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="022"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/ep_wj.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="022"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/ep_wj_on.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="023"] input[type=checkbox] + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/ep_new.svg);
}
.area-personal .personal-taste .tab-content .taste-list .taste-list__item[data-key="023"] input[type=checkbox]:checked + label::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/ep_new_on.svg);
}
.area-personal .personal-taste .tab-content[aria-labelledby=tab__taste-tab--1] .taste-list .taste-list__item:nth-child(5) {
    margin-left: 20px;
}
.area-personal .personal-taste .tab-content[aria-labelledby=tab__taste-tab--1] .taste-list .taste-list__item:nth-child(7) {
    margin-right: 20px;
}
.area-personal .personal-taste .tab-content + .taste-list__btn {
    margin-top: 20px;
}
.area-personal .personal-taste .taste-list__btn {
    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: 20px;
    position: relative;
}
.area-personal .personal-taste .taste-list__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;
    min-width: 200px;
    text-align: center;
}
.area-personal .personal-taste .taste-list__btn .btn-curation {
    height: 48px;
    padding: 6px 12px;
    border-radius: 4px;
    background-color: #1b1e23;
    font-size: 16px;
    letter-spacing: -0.4px;
    font-weight: 700;
    color: #fff;
}
.area-personal .personal-result .result-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.area-personal .personal-result .result-keyword {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px 4px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 60px;
    padding-right: 60px;
}
.area-personal .personal-result .result-keyword .list-result-keyword {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px 4px;
}
.area-personal .personal-result .result-keyword .list-result-keyword 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;
    height: 34px;
    padding: 8px 16px;
    border-radius: 34px;
    border: 1px solid #ebebeb;
    font-size: 14px;
    letter-spacing: -0.7px;
}
.area-personal .personal-result .result-keyword .list-result-keyword li.result-modify {
    height: auto;
    padding: 0;
    border: none;
}
.area-personal .personal-result .result-keyword .list-result-keyword li.result-modify 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;
    height: 34px;
    padding: 8px 16px;
    border-radius: 34px;
    border: 1px solid #eef0f2;
    background-color: #eef0f2;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #1b1e23;
}
.area-personal .personal-result .result-keyword .list-result-keyword li.result-modify button::before {
    display: block;
    width: 17px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_edit_1.svg) no-repeat;
    background-size: contain;
    -webkit-filter: brightness(255) invert(1);
            filter: brightness(255) invert(1);
    content: "";
}
.area-personal .personal-result .result-keyword + .result-product {
    margin-top: 40px;
}
.area-personal .personal-result .result-product .result-product__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #1b1e23;
    text-align: center;
}
.area-personal .personal-result .result-product .list-product__searchlist .product__item .product__info .product__price--won span {
    font-weight: 400;
}
.area-personal .personal-result .result-product .result-product__tit + .result_prod_area {
    margin-top: 24px;
}
.area-personal .personal-result .result-product .result-product__tit + .list-product__searchlist, .area-personal .personal-result .result-product .result-product__tit + .result-product__banner {
    margin-top: 24px;
}
.area-personal .personal-result .list-product__searchlist.type-1 > li .searchevent_type .img_w {
    overflow: hidden;
    height: 0;
    padding-top: 100%
}
.area-personal .personal-result .list-product__searchlist.type-1 > li .img_w .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;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.33px;
}
.area-personal .personal-result .result-product .list-product__searchlist + .result-product__banner {
    margin-top: 56px;
}
.area-personal .personal-result .result-product .result-product__banner {
    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: 88px;
    border-radius: 8px;
}
.area-personal .personal-result .result-product .result-product__banner img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-position: 100% 100%;
       object-position: 100% 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.area-personal .personal-result .result-product .result-product__banner.type-logo {
    border: 1px solid #eef0f2;
}
.area-personal .personal-result .result-product .result-product__banner.type-logo::before {
    display: none;
}
.area-personal .personal-result .result-product .result-product__banner.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: 88px;
    height: 88px;
    background-color: #f4f5f6;
}
.area-personal .personal-result .result-product .result-product__banner.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;
}
.area-personal .personal-result .result-product .result-product__banner.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% - 88px);
    height: 88px;
    color: #1b1e23;
    text-align: center;
}
.area-personal .personal-result .result-product .result-product__banner.type-logo span::after {
    -webkit-filter: brightness(0) invert(0);
            filter: brightness(0) invert(0);
}
.area-personal .personal-result .result-product .result-product__banner::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: "";
}
.area-personal .personal-result .result-product .result-product__banner 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;
    z-index: 1;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.4px;
}
.area-personal .personal-result .result-product .result-product__banner span::after {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_4.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-personal .personal-result .result-product .result-product__banner + .list-product__searchlist {
    margin-top: 24px;
}
.area-personal .personal-result .result-product input[type="hidden"] + .result-product__inner,
.area-personal .personal-result .result-product .result-product__inner + .result-product__inner {
    margin-top: 56px;
}
.area-personal .personal-result .result-product .result-product__inner .result_prod_area > li + li {
    margin-top: 56px;
}
.area-personal .personal-result .result-product .result-product__inner .list-product__searchlist + .result-product__tit {
    margin-top: 56px;
}
.area-personal .personal-result .result-product .result-product__inner + .result-refresh {
    margin-top: 40px;
}
.area-personal .personal-result .result-product .result-refresh {
    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;
}
.area-personal .btn-curation-recent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    height: 20px;
    font-size: 14px;
    color: #788497;
    letter-spacing: -0.35px;
}
.area-personal .btn-curation-recent::after {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/personal/icon_recycle.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-personal .personal-loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 298px;
}
.area-personal .personal-loading .personal-loading__txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    position: relative;
    z-index: 1;
    margin-top: 120px;
    text-align: center;
}
.area-personal .personal-loading .personal-loading__txt .personal-loading__txt-1 {
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #5c6677;
}
.area-personal .personal-loading .personal-loading__txt .personal-loading__txt-2 {
    position: relative;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.55px;
}
.area-personal .personal-loading .personal-loading__txt .personal-loading__txt-2 .personal-loading__txt--deco {
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(101deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
}
.area-personal .personal-loading__img:not(.personal-description) {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 256px;
    height: 313px;
    border-radius: 0 0 16px 0;
}
.area-personal .personal-loading__img:not(.personal-description) svg {
    position: absolute;
    bottom: 0;
    right: 0;
}
.area-personal .eye_blink_pink,
.area-personal .eye_sight_pink {
    position: relative;
    -webkit-animation: pBlink2 6s step-end 0.5s infinite;
            animation: pBlink2 6s step-end 0.5s infinite;
}
.area-personal .p_blink {
    opacity: 0;
    -webkit-animation: pBlink 6s step-end 0.5s infinite;
            animation: pBlink 6s step-end 0.5s infinite;
}
.area-personal .eye_animation {
    -webkit-animation: eyeAni 6s step-end 0.5s infinite;
            animation: eyeAni 6s step-end 0.5s infinite;
}
.area-personal .mouse-ani {
    -webkit-animation: mouseAni 4s linear 0.5s infinite;
            animation: mouseAni 4s linear 0.5s infinite;
}
.area-personal .mouse-ani1 {
    -webkit-animation: mouseAni1 5s linear infinite;
            animation: mouseAni1 5s linear infinite;
}
.area-personal .purple_blink_all {
    -webkit-animation: pBlink2 5s step-end 1s infinite;
            animation: pBlink2 5s step-end 1s infinite;
}
.area-personal .purple_blink {
    -webkit-animation: pBlink 5s step-end 1s infinite;
            animation: pBlink 5s step-end 1s infinite;
}
.area-personal .eye_animation2 {
    -webkit-animation: eyeAni2 5s step-end 1s infinite;
            animation: eyeAni2 5s step-end 1s infinite;
}
.area-personal .mouse_animation {
    -webkit-animation: mouseAni 6s step-end 0.5s infinite;
            animation: mouseAni 6s step-end 0.5s infinite;
}

.wrap-personal .personal-box.type-loading, .wrap-personal .personal-box.type-result {
    display: none;
}
.wrap-personal.is-loading .personal-description {
    display: none;
}
.wrap-personal.is-loading .personal-box {
    display: none;
}
.wrap-personal.is-loading .personal-box.type-loading {
    display: block;
}
.wrap-personal.is-loading .personal-box + .personal-box.type-loading {
    margin-top: 24px;
}
.wrap-personal.is-result .personal-box {
    display: none;
}
.wrap-personal.is-result .personal-box.type-result {
    display: block;
}
.wrap-personal.is-result .personal-box.type-result .list-product__searchlist.type-1.case-small > li .searchevent_type em,
.wrap-personal.is-result .personal-box.type-result .list-product__searchlist.type-1.case-small > li .searchevent_type strong,
.wrap-personal.is-result .personal-box.type-result .list-product__searchlist.type-1.case-small > li .searchpoint_type .point-period {
    font-size: 12px;
}
/* 20231221 */
.wrap-personal.is-result .personal-box.type-result .list-product__searchlist.type-1 > li .searchevent_type p:not(.tx_countdown) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 20231221 */
.wrap-personal.is-result .personal-box.type-result .list-product__searchlist.type-1.case-small > li .searchevent_type strong {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
}
.float-benefit {
    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: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 18px;
    position: fixed;
    top: 200px;
    left: 50%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 90px;
    margin-left: 396px;
    z-index: 100;
}
/* 20231226_1 */
body.is-dimmed .float-benefit {
    z-index: 90;
}
.float-benefit .float-benefit__btn {
    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: 8px;
    overflow: hidden;
    position: relative;
    width: 90px;
    height: 164px;
    border: none;
    border-radius: 90px;
    -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(194deg, #ea2829 0%, #ea2869 32%, #ce28a5 76%, #a928ea 100%);
    color: #fff;
    font-size: 14px;
    text-align: center;
    letter-spacing: -0.35px;
    cursor: pointer;
}
.float-benefit .float-benefit__btn::before {
    display: block;
    width: 40px;
    height: 40px;
    background: url(https://cdn.hddfs.com/front/images/KO/personal/icon_float_benefit.svg) no-repeat;
    background-size: contain;
    content: "";
}
.float-benefit.is-active {
    width: 124px;
    margin-left: 381px;
}
.float-benefit.is-active .float-benefit__btn {
    width: 40px;
    height: 0;
    padding-top: 40px;
    border-radius: 40px;
    background-color: #fff;
    background-image: none;
    text-indent: -9999px;
}
.float-benefit.is-active .float-benefit__btn::before, .float-benefit.is-active .float-benefit__btn::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 1px;
    background-color: #5c6677;
    background-image: none;
    content: "";
}
.float-benefit.is-active .float-benefit__btn::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
}
.float-benefit.is-active .float-benefit__btn::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
}
.float-benefit.is-active .float-hidden-menu .item {
    display: block;
}
.float-benefit.is-max {
    bottom: auto;
}
.float-benefit.is-min {
    opacity: 1;
}
.float-benefit.is-min.is-max {
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
}
.float-benefit.type-wide {
    margin-left: 678px;
}
.float-benefit.type-wide.is-active {
    margin-left: 661px;
}
.float-benefit .float-hidden-menu {
    display: none;
    overflow: hidden;
}
.float-benefit .float-hidden-menu .item {
    display: block;
    position: relative;
    border: solid 2px #ea2869;
    border-radius: 124px;
    background: #fff;
    width: 124px;
    overflow: hidden;
    padding: 30px 0 30px;
}
.float-benefit .float-hidden-menu .item::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 59px;
    width: 21px;
    height: 10px;
    background: url("https://cdn.hddfs.com/front/images/KO/common/bg_default_menu.png") center 0 no-repeat;
}
.float-benefit .float-hidden-menu .item .swiper-container {
    max-height: 430px;
}
.float-benefit .float-hidden-menu .item .swiper-wrapper {
    width: 100px;
    margin: 0 auto;
    text-align: center;
}
.float-benefit .float-hidden-menu .item .swiper-slide {
    margin-top: 10px;
}
.float-benefit .float-hidden-menu .item .swiper-slide + .swiper-slide {
    margin-top: 24px;
}
.float-benefit .float-hidden-menu .item 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: 4px;
}
.float-benefit .float-hidden-menu .item .img {
    display: block;
    overflow: hidden;
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    padding: 7px;
}
/* .float-benefit .float-hidden-menu .item .img::before {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-radius: 50px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d7eaeb), to(#e6e6fb));
    background-image: linear-gradient(to bottom, #d7eaeb 0%, #e6e6fb 100%);
    content: "";
} */
.float-benefit .float-hidden-menu .item .img.fix {
    /* width: auto;
    height: auto; */
    border-radius: 0;
    padding: 7px;
}
/* S: 2024-01-10 버튼 배경색 추가 */
.float-benefit .float-hidden-menu .item .img.prod_blue {
    border-radius:50%;
    background-image: linear-gradient(to bottom, #d7eaeb 0%, #e6e6fb 100%);
}
.float-benefit .float-hidden-menu .item .img.prod_purp {
    border-radius:50%;
    background-image: linear-gradient(to bottom, #f2dbf9 0%, #f4e9ff 100%);
}
.float-benefit .float-hidden-menu .item .img.prod_pink {
    border-radius:50%;
    background-image: linear-gradient(to bottom, #ffdcf1 0%, #ffe9f5 100%);
}
/* E: 2024-01-10 버튼 배경색 추가 */
.float-benefit .float-hidden-menu .item .img img {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.float-benefit .float-hidden-menu .item p {
    margin-top: 0;
    color: #5c6677;
    letter-spacing: -0.35px;
    line-height: 20px;
    text-align: center;
}
.float-benefit .float-hidden-menu .item .controller button::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.float-benefit .float-hidden-menu .item .controller .btn-down::before {
    left: 50% rotate(180deg);
    -webkit-transform: translateX(-50%) rotate(180deg);
            transform: translateX(-50%) rotate(180deg);
}
.float-benefit .float-hidden-menu.open .btn {
    background: url("https://cdn.hddfs.com/front/images/KO/common/float-hidden-menu_on.gif") 0 0 no-repeat;
}
.float-benefit .float-hidden-menu .swiper-container {
    position: static;
}
.float-benefit .float-hidden-menu .swiper-button-prev,
.float-benefit .float-hidden-menu .swiper-button-next {
    display: block;
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 30px;
    z-index: 10;
    margin: 0;
    background: #fff;
    background-image: none;
    text-indent: -9999px;
    cursor: pointer;
}
.float-benefit .float-hidden-menu .swiper-button-next {
    top: auto;
    bottom: 0;
}
.float-benefit .float-hidden-menu .swiper-button-prev::before,
.float-benefit .float-hidden-menu .swiper-button-next::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 13px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(https://cdn.hddfs.com/front/images/KO/common/icon_sprite_01.png) -27px -72px no-repeat;
    width: 8px;
    height: 4px;
}
.float-benefit .float-hidden-menu .swiper-button-next::before {
    transform: rotate(180deg) translateX(50%);
}
.float-benefit .float-hidden-menu .swiper-button-prev::after,
.float-benefit .float-hidden-menu .swiper-button-next::after {
    display: block;
    position: absolute;
    left: 20px;
    bottom: 0;
    width: 80px;
    height: 1px;
    background: #eef0f2;
    content: "";
}
.float-benefit .float-hidden-menu .swiper-button-next::after {
    bottom: auto;
    top: 0;
}
@media screen and (max-width: 948px) {
    .float-benefit {
        left: auto;
        right: 10px;
        margin-left: 0;
    }
}
@media screen and (max-width: 1440px) {
    .float-benefit.type-wide {
        left: auto;
        right: 10px;
        margin-left: 0;
    }
}
.area-visual.keyvisual + .area-personal-link {
    margin-top: 48px;
}

.area-personal-link {
    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;
    border-radius: 16px;
    max-width: 1356px;
    min-height: 97px;
    margin: 64px auto 0;/*2024-03-14 ai추천 관련 수정*/
    padding: 28px;
    -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left top, right top, from(#e2eeff), color-stop(36%, #fff1f1), to(#ffe3f9));
    background-image: linear-gradient(to right, #e2eeff 0%, #fff1f1 36%, #ffe3f9 100%);
}
.area-personal-link::before, .area-personal-link::after {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.area-personal-link::before {
    left: 99px;
    top: 9px;
    width: 104px;
    height: 66px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_main_cloud_1.png);
    -webkit-animation: moveCloud1 16s alternate infinite;
            animation: moveCloud1 16s alternate infinite;
}
.area-personal-link::after {
    right: 29px;
    bottom: 0;
    width: 161px;
    height: 68px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_main_cloud_2.png);
    -webkit-animation: moveCloud2 17s alternate infinite;
            animation: moveCloud2 17s alternate infinite;
}
.area-personal-link .personal-link-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-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 9px;
}
.area-personal-link .personal-link-wrap::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 181px;
    margin-top: -22px;
    width: 155px;
    height: 55px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_main_airplane.png);
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-animation: moveAirplane 13s alternate infinite;
            animation: moveAirplane 13s alternate infinite;
    content: "";
}
.area-personal-link .personal-departure {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    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;
    gap: 16px;
    position: relative;
    z-index: 1;
    height: 30px;
    padding: 8px 16px;
    background-color: #fff;
    border-radius: 30px;
}
.area-personal-link .personal-departure .personal-departure__day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 700;
    color: #ea2869;
    letter-spacing: -0.3px;
}
.area-personal-link .personal-departure .personal-departure__day::before {
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://cdn.hddfs.com/front/images/KO/personal/icon_fly_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-personal-link .personal-departure .personal-departure__day + .personal-departure__name {
    position: relative;
}
.area-personal-link .personal-departure .personal-departure__day + .personal-departure__name::before {
    display: block;
    position: absolute;
    left: -8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 10px;
    width: 1px;
    background-color: #ccd1d8;
    content: "";
}
.area-personal-link .personal-departure .personal-departure__name {
    font-size: 12px;
    letter-spacing: -0.3px;
    color: #3d444f;
}
.area-personal-link .personal-info {
    position: relative;
    z-index: 1;
}
.area-personal-link .personal-info__txt {
    position: relative;
}
.area-personal-link .personal-info__txt a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    font-size: 22px;
    letter-spacing: -0.55px;
    color: #1b1e23;
    text-align: center;
}
.area-personal-link .personal-info__txt a strong {
    font-weight: 700;
}
.area-personal-link .personal-info__txt a .personal-info__txt--deco {
    font-weight: 700;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(101deg, #ea2829, #ea2869 51%, #ce28a5 80%, #a928ea);
}
.area-personal-link .personal-info__txt a p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.area-personal-link .personal-info__txt a .inner-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    position: relative;
}
.area-personal-link .personal-info__txt a .inner-txt:last-child::before, .area-personal-link .personal-info__txt a .inner-txt:last-child::after {
    display: block;
    content: "";
}
.area-personal-link .personal-info__txt a .inner-txt:last-child::before {
    position: absolute;
    top: 50%;
    right: 2px;
    z-index: 1;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(-90deg) translateX(50%);
            transform: rotate(-90deg) translateX(50%);
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_6.svg) no-repeat;
    background-size: contain;
}
.area-personal-link .personal-info__txt a .inner-txt:last-child::after {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    border-radius: 20px;
    background-color: #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);
}
.area-personal-link + .main-content#main {
    margin-top: 63px;
}
.area-personal-link + .area-personal-link {
    margin-top: 20px;
}

.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: absolute;
    top: -68px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 110;
    min-height: 44px;
    padding: 10px 24px;
    border-radius: 36px;
    background-color: rgba(92, 102, 119, 0.8);
    line-height: 1.3;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.35px;
    color: #fff;
    text-align: center;
}

.personal-login {
    overflow: hidden;
    position: relative;
}
.personal-login .personal-login__deco::before, .personal-login .personal-login__deco::after {
    display: block;
    position: absolute;
    left: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.personal-login .personal-login__deco + .wrap-personal-unit {
    margin-top: 96px;
}
.personal-login .personal-login__txt::before, .personal-login .personal-login__txt::after {
    display: block;
    position: absolute;
    left: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.personal-login::before, .personal-login::after {
    display: block;
    position: absolute;
    left: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.personal-login::before {
    top: -63px;
    width: 190px;
    height: 183px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_benefit_login_1.svg);
    margin-left: -534px;
}
.personal-login::after {
    top: -47px;
    width: 113px;
    height: 236px;
    margin-left: -324px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_benefit_login_2.svg);
}
.personal-login .personal-login__deco {
    padding-top: 80px;
}
.personal-login .personal-login__deco::before {
    top: 4px;
    width: 94px;
    height: 99px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_benefit_login_3.svg);
    margin-left: 170px;
}
.personal-login .personal-login__deco::after {
    top: 40px;
    width: 97px;
    height: 97px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_benefit_login_5.svg);
    margin-left: 368px;
}
.personal-login .personal-login__txt {
    font-size: 16px;
    letter-spacing: -0.4px;
    line-height: 1.6;
    text-align: center;
}
.personal-login .personal-login__txt::before {
    top: -31px;
    width: 121px;
    height: 121px;
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/icon_benefit_login_4.svg);
    margin-left: 310px;
}
.personal-login .personal-login__txt + .personal-link {
    margin-top: 40px;
}
.personal-login .personal-login__tit {
    position: relative;
    z-index: 1;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}
.personal-login .personal-login__tit::after {
    display: block;
    position: absolute;
    z-index: -1;
    top: 55px;
    left: 50%;
    width: 74px;
    height: 76px;
    margin-left: 130px;
    background: url(https://cdn.hddfs.com/front/images/KO/personal/icon_benefit_login_6.svg) no-repeat;
    background-size: contain;
    content: "";
}
.personal-login .personal-login__tit + .personal-login__txt {
    margin-top: 16px;
}
.personal-login .personal-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.personal-login .personal-link .personal-login__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
    padding: 10px 32px;
    border-radius: 4px;
    background-color: #1b1e23;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.personal-login .personal-link a {
    display: block;
    font-size: 14px;
    color: #5c6677;
    letter-spacing: -0.35px;
    text-align: center;
    text-decoration: underline;
}
.personal-login .wrap-personal-unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.personal-login .wrap-personal-unit .list-personal-unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    padding-left: 40px;
}
.personal-login .wrap-personal-unit .list-personal-unit > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 138px;
    height: 138px;
    border-radius: 138px;
    background-color: #fff;
    text-align: center;
}
.personal-login .wrap-personal-unit .list-personal-unit > span:not(.case-txt)::before {
    display: block;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-txt {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.35px;
    text-align: center;
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-1__1::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_1_1.png);
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-1__2::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_1_2.png);
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-1__3::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_1_3.png);
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-1__4::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_1_4.png);
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-1__5::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_1_5.png);
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-1__6::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_1_6.png);
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-1__7::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_1_7.png);
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-1__8::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_1_8.png);
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-1__9::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_1_9.png);
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-2__1::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_2_1.png);
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-2__2::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_2_2.png);
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-2__3::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_2_3.png);
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-2__4::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_2_4.png);
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-2__5::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_2_5.png);
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-2__6::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_2_6.png);
}
.personal-login .wrap-personal-unit .list-personal-unit > span.case-2__7::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/personal/img_personal_login_2_7.png);
}
.personal-login .wrap-personal-unit + .wrap-personal-unit {
    margin-top: 34px;
}
.personal-login .wrap-personal-unit.is-rolling.type-1 .list-personal-unit {
    -webkit-animation: infinity1 35s linear infinite;
            animation: infinity1 35s linear infinite;
}
.personal-login .wrap-personal-unit.is-rolling.type-2 .list-personal-unit {
    -webkit-animation: infinity2 32s linear infinite;
            animation: infinity2 32s linear infinite;
}

@-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%, 4%);
                transform: translate(8%, 4%);
    }
    40% {
        -webkit-transform: translate(0, 7%);
                transform: translate(0, 7%);
    }
    60% {
        -webkit-transform: translate(6%, 3%);
                transform: translate(6%, 3%);
    }
    80% {
        -webkit-transform: translate(-2%, 2%);
                transform: translate(-2%, 2%);
    }
    100% {
        -webkit-transform: translate(1%, 5%);
                transform: translate(1%, 5%);
    }
}
@keyframes moveCloud2 {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    20% {
        -webkit-transform: translate(8%, 4%);
                transform: translate(8%, 4%);
    }
    40% {
        -webkit-transform: translate(0, 7%);
                transform: translate(0, 7%);
    }
    60% {
        -webkit-transform: translate(6%, 3%);
                transform: translate(6%, 3%);
    }
    80% {
        -webkit-transform: translate(-2%, 2%);
                transform: translate(-2%, 2%);
    }
    100% {
        -webkit-transform: translate(1%, 5%);
                transform: translate(1%, 5%);
    }
}
@-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%);
    }
}
@-webkit-keyframes eyeAni {
    0% {
        -webkit-transform: translate(0);
                transform: translate(0);
    }
    50% {
        -webkit-transform: translate(1.2%, -1.2%);
                transform: translate(1.2%, -1.2%);
    }
    80% {
        -webkit-transform: translate(-0.7%, 1%);
                transform: translate(-0.7%, 1%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
}
@keyframes eyeAni {
    0% {
        -webkit-transform: translate(0);
                transform: translate(0);
    }
    50% {
        -webkit-transform: translate(1.2%, -1.2%);
                transform: translate(1.2%, -1.2%);
    }
    80% {
        -webkit-transform: translate(-0.7%, 1%);
                transform: translate(-0.7%, 1%);
    }
    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(1.3%, -1.3%);
                transform: translate(1.3%, -1.3%);
    }
    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(1.3%, -1.3%);
                transform: translate(1.3%, -1.3%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
}
@-webkit-keyframes mouseAni {
    0% {
        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");
    }
    90% {
        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");
    }
    91% {
        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");
    }
    95% {
        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");
    }
    100% {
        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");
    }
}
@keyframes mouseAni {
    0% {
        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");
    }
    90% {
        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");
    }
    91% {
        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");
    }
    95% {
        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");
    }
    100% {
        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");
    }
}
@-webkit-keyframes mouseAni1 {
    0% {
        d: path("M61.101 118.571a1.499 1.499 0 0 1 1.632-1.355l.085.007a13.708 13.708 0 0 0 11.055-4.058 1.5 1.5 0 1 1 2.143 2.099 16.711 16.711 0 0 1-13.474 4.947l-.085-.008a1.5 1.5 0 0 1-1.356-1.632z");
    }
    90% {
        d: path("M61.101 118.571a1.499 1.499 0 0 1 1.632-1.355l.085.007a13.708 13.708 0 0 0 11.055-4.058 1.5 1.5 0 1 1 2.143 2.099 16.711 16.711 0 0 1-13.474 4.947l-.085-.008a1.5 1.5 0 0 1-1.356-1.632z");
    }
    95% {
        d: path("M65.375,117.688c0.076-0.824,0.806-1.432,1.63-1.354c0.001,0,0.001,0,0.002,0l0.085,0.007 c1.693-0.113,2.307-0.357,4.46-2.176c0.571-0.601,1.521-0.623,2.121-0.052c0.6,0.57,0.623,1.521,0.052,2.121 c-0.01,0.01-0.02,0.02-0.029,0.029c-3.173,2.144-3.798,2.708-6.879,3.064l-0.085-0.008 C65.906,119.243,65.299,118.512,65.375,117.688C65.375,117.688,65.375,117.688,65.375,117.688z");
    }
    96% {
        d: path("M65.375,117.688c0.076-0.824,0.806-1.432,1.63-1.354c0.001,0,0.001,0,0.002,0l0.085,0.007 c1.693-0.113,2.307-0.357,4.46-2.176c0.571-0.601,1.521-0.623,2.121-0.052c0.6,0.57,0.623,1.521,0.052,2.121 c-0.01,0.01-0.02,0.02-0.029,0.029c-3.173,2.144-3.798,2.708-6.879,3.064l-0.085-0.008 C65.906,119.243,65.299,118.512,65.375,117.688C65.375,117.688,65.375,117.688,65.375,117.688z");
    }
    100% {
        d: path("M61.101 118.571a1.499 1.499 0 0 1 1.632-1.355l.085.007a13.708 13.708 0 0 0 11.055-4.058 1.5 1.5 0 1 1 2.143 2.099 16.711 16.711 0 0 1-13.474 4.947l-.085-.008a1.5 1.5 0 0 1-1.356-1.632z");
    }
}
@keyframes mouseAni1 {
    0% {
        d: path("M61.101 118.571a1.499 1.499 0 0 1 1.632-1.355l.085.007a13.708 13.708 0 0 0 11.055-4.058 1.5 1.5 0 1 1 2.143 2.099 16.711 16.711 0 0 1-13.474 4.947l-.085-.008a1.5 1.5 0 0 1-1.356-1.632z");
    }
    90% {
        d: path("M61.101 118.571a1.499 1.499 0 0 1 1.632-1.355l.085.007a13.708 13.708 0 0 0 11.055-4.058 1.5 1.5 0 1 1 2.143 2.099 16.711 16.711 0 0 1-13.474 4.947l-.085-.008a1.5 1.5 0 0 1-1.356-1.632z");
    }
    95% {
        d: path("M65.375,117.688c0.076-0.824,0.806-1.432,1.63-1.354c0.001,0,0.001,0,0.002,0l0.085,0.007 c1.693-0.113,2.307-0.357,4.46-2.176c0.571-0.601,1.521-0.623,2.121-0.052c0.6,0.57,0.623,1.521,0.052,2.121 c-0.01,0.01-0.02,0.02-0.029,0.029c-3.173,2.144-3.798,2.708-6.879,3.064l-0.085-0.008 C65.906,119.243,65.299,118.512,65.375,117.688C65.375,117.688,65.375,117.688,65.375,117.688z");
    }
    96% {
        d: path("M65.375,117.688c0.076-0.824,0.806-1.432,1.63-1.354c0.001,0,0.001,0,0.002,0l0.085,0.007 c1.693-0.113,2.307-0.357,4.46-2.176c0.571-0.601,1.521-0.623,2.121-0.052c0.6,0.57,0.623,1.521,0.052,2.121 c-0.01,0.01-0.02,0.02-0.029,0.029c-3.173,2.144-3.798,2.708-6.879,3.064l-0.085-0.008 C65.906,119.243,65.299,118.512,65.375,117.688C65.375,117.688,65.375,117.688,65.375,117.688z");
    }
    100% {
        d: path("M61.101 118.571a1.499 1.499 0 0 1 1.632-1.355l.085.007a13.708 13.708 0 0 0 11.055-4.058 1.5 1.5 0 1 1 2.143 2.099 16.711 16.711 0 0 1-13.474 4.947l-.085-.008a1.5 1.5 0 0 1-1.356-1.632z");
    }
}
@-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 infinity1 {
    0% {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}
@keyframes infinity1 {
    0% {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}
@-webkit-keyframes infinity2 {
    0% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
}
@keyframes infinity2 {
    0% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
}

/* S: 2024-05-02 온/오프라인 회원등급 통합 */
.mem-wrap {margin-top:50px; color:#666;}
.mem-wrap .h4_type {font-size:24px; letter-spacing:-.075em; color:#333;}
.mem-wrap .mem-info--notice {display:flex; justify-content:space-between; align-items:flex-end; /*margin-top:15px;*/}
.mem-wrap .mem-info--button {display:inline-block; min-width:100px; height:34px; line-height:34px; padding:0 14px; font-size:13px; text-align:center; font-weight:normal; position:relative; z-index:1; background:-webkit-linear-gradient(-45deg, #EA2869 0%, #EA2869 50%, #CE28A5 85%, #A928EA 100%);}
.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:30px;}
.mem-wrap .mem-info table {border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.mem-wrap .mem-info table .en {letter-spacing:normal;}
.mem-wrap .mem-info table thead th,
.mem-wrap .mem-info table tbody th {padding:14px 0; font-size:15px; color:#333; background-color:#f9f9f9;}
.mem-wrap .mem-info table tbody td {padding:30px 0; text-align:center;}
.mem-wrap .mem-info tbody td em {color:#c51315;}
.mem-wrap .mem-info tbody th em.desc,
.mem-wrap .mem-info tbody td em.desc {display:block; margin-top:3px; font-size:12px; line-height:normal; color:#939393;}
.mem-wrap .mem-info tbody td.info-grade {padding:45px 0 55px; font-size:16px; font-weight:500; line-height:1;}
.mem-wrap .mem-info tbody td.info-grade--prestige {color:#d31016;}
.mem-wrap .mem-info tbody td.info-grade--black {color:#4b4948;}
.mem-wrap .mem-info tbody td.info-grade--gold {color:#b69f6e;}
.mem-wrap .mem-info tbody td.info-grade--silver {color:#acacac;}
.mem-wrap .mem-info tbody td.info-grade img {width:124px; margin-top:30px;}
.mem-wrap .mem-info tbody td.info-off {color:#333; font-weight:500;}

.mem-wrap .mem-benefit--notice {display:flex; justify-content:space-between; align-items:flex-end; margin-top:15px;}
.mem-wrap .mem-benefit--notice li em {font-size:18px; line-height:17px; color:#4d2bf4;}
.mem-wrap .mem-benefit--button {display:inline-block; min-width:100px; height:34px; line-height:32px; padding:0 14px; font-size:13px; text-align:center; font-weight:normal; background:#4d2bf4; border:1px solid #8a72ff;}
.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 {margin-top:30px;}
.mem-wrap .mem-benefit .tab-list {height:55px; border-bottom:1px solid #7c7c7c;}
.mem-wrap .mem-benefit .tab-list ul::after {content:''; display:block; clear:both;}
.mem-wrap .mem-benefit .tab-list ul {display:flex; width:100%; border-left:1px solid #7c7c7c;}
.mem-wrap .mem-benefit .tab-list ul li {width:50%;}
.mem-wrap .mem-benefit .tab-list ul li a {display:block; height:54px; line-height:54px; text-align:center; font-size:16px; font-weight:500; color:#7c7c7c; letter-spacing:-0.025em; border:1px solid #7c7c7c; border-left:none; border-bottom:none; background-color:#f4f4f4;}
.mem-wrap .mem-benefit .tab-list ul li a.is-active {position:relative; height:55px; color:#000; background-color:#fff;}
.mem-wrap .mem-benefit .tab-list ul li a.is-active::before {content:''; position:absolute; top:-1px; left:-1px; right:-1px; height:4px; background-color:#1b1e23;}
.mem-wrap .mem-benefit .tab-content {display:none;}
.mem-wrap .mem-benefit .tab-content.is-active {display:block;}
.mem-wrap .mem-benefit .tab-content ul {display:flex; flex-wrap:wrap; gap:18px; width:870px; margin:50px auto 0;}
.mem-wrap .mem-benefit .tab-content ul li {display:flex; align-items:center; position:relative; width:426px; height:187px; border:1px solid #d7d7d7; border-radius:5px;}
.mem-wrap .mem-benefit .tab-content ul li::before {display:block; content:''; position:absolute; top:5px; left:160px; width:1px; height:calc(100% - 10px); border-right:1px dotted #d7d7d7;}
.mem-wrap .mem-benefit .tab-content ul li.clubtravel::after {display:block; content:''; position:absolute; top:13px; right:13px; width:70px; height:13px; background:url('../../../KO/images/KO/member/clubtravel_logo.png') top right no-repeat; background-size:90%;}
.mem-wrap .mem-benefit .tab-content ul li .img {width:160px; flex-shrink:0; text-align:center;}
.mem-wrap .mem-benefit .tab-content ul li .img img {max-width:75%;}
.mem-wrap .mem-benefit .tab-content ul li .txt {padding-left:25px;}
.mem-wrap .mem-benefit .tab-content ul li .txt strong {display:block; font-size:17px; font-weight:500; color:#333; line-height:1.3em;}
.mem-wrap .mem-benefit .tab-content ul li .txt strong em {display:block; font-weight:400; font-size:15px;}
.mem-wrap .mem-benefit .tab-content ul li .txt span {display:block; margin-top:10px; font-size:14px;}
.mem-wrap .mem-benefit .tab-content ul li .txt span a.btn_basic1 {height:30px; line-height:28px; margin-top:10px; font-size:13px; border:1px solid #d7d7d7; border-radius:5px;}

.mem-wrap .mem-clubtravel {width:870px; margin:80px auto 0;}
.mem-wrap .mem-clubtravel h4 {margin-top:28px; font-size:18px; color:#000;}
.mem-wrap .mem-clubtravel ul {display:flex; justify-content:space-between; margin-top:18px;}
.mem-wrap .mem-clubtravel ul li {display:flex; gap:22px; width:280px; padding:25px 23px 24px 25px; border:1px solid #d7d7d7; border-radius:5px;}
.mem-wrap .mem-clubtravel ul li .img {flex-shrink:0; margin-top:5px;}
.mem-wrap .mem-clubtravel ul li .txt {line-height:1.5em;}
.mem-wrap .mem-clubtravel ul li .txt strong {display:block; font-size:17px; font-weight:500; color:#333;}
.mem-wrap .mem-clubtravel ul li .txt span {display:block; margin-top:12px; font-size:14px; word-break:keep-all;}
.mem-wrap .mem-clubtravel ul + p {margin-top:18px; font-size:13px; color:#939393;}

.mem-wrap .mem-schedule h4 {margin-top:60px; text-align:center; font-weight:500;}
.mem-wrap .mem-schedule h4::before,
.mem-wrap .mem-schedule h4::after {content:''; display:inline-block; width:18px; height:18px; margin:-3.5px 15px 0; background:url('../../../KO/images/KO/member/mem_icon.png') top left/100% 100% no-repeat; vertical-align:middle;}
.mem-wrap .mem-schedule table {margin-top:17px; border-top:2px solid #333;}
.mem-wrap .mem-schedule table tbody th,
.mem-wrap .mem-schedule table tbody td {padding:12px 5px; font-size:13px; text-align:center;}
.mem-wrap .mem-schedule table tbody th,
.mem-wrap .mem-schedule table tbody tr:nth-child(1) td {background-color:#f9f9f9; font-weight:600; color:#333;}

.mem-wrap .mem-notice {margin-top:80px;}
.mem-wrap .mem-notice h4 {position:relative; margin-bottom:16px; font-size:15px; font-weight:600; color:#666;}
.mem-wrap .mem-notice h4.i_noti::before {content:''; display:inline-block; width:10px; height:16px; background:url('../../../KO/images/KO/member/mem_noti.png') top left no-repeat; vertical-align:middle; margin-top:-2.5px; margin-right:8px;}
.mem-wrap .mem-notice .notice-tit {margin-top:32px; font-size:13px; font-weight:600; color:#333;}
.mem-wrap .mem-notice .notice-list {margin-top:6px;}
.mem-wrap .mem-notice .notice-list li {position:relative; padding-left:15px; font-size:13px; color:#999; word-break:keep-all;}
.mem-wrap .mem-notice .notice-list li + li {margin-top:4px;}
.mem-wrap .mem-notice .notice-list li::before {content:"※"; position:absolute; top:0.5px; left:0; vertical-align:middle;}

.mem-foreign {display:flex; justify-content:space-between; padding-top:20px; border-top:1px solid #333;}
/* E: 2024-05-02 온/오프라인 회원등급 통합 */




















































/* S: 2023-10-18 리뷰라운지 추가*/
/* main top--list */
.review-rounge {
    /* common reset */
}
.wrap-review-lounge.area-product-list .product-list-wrap .product-list-header {
    padding: 50px 20px 0;
}
.wrap-review-lounge.area-product-list .product-list-wrap .product-list-header .product-category-name {
    font-size: 36px;
}
.review-rounge .product-list {
    position: relative;
    width: 100%;
}
.review-rounge .product-list .search-review-data {
    position: sticky;
    top: 121px;
    left: 0;
    z-index: 10;
    padding-top: 16px;
    background-color: #fff;
}
.review-rounge .product-list .search-review-data .btn-ordered-review {
    position: absolute;
    left: 0;
    top: 16px;
}
.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;
    gap: 4px;
    overflow: hidden;
    height: 34px;
    padding: 5px 16px;
    border: none;
    border-radius: 34px;
    -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%);
}
.review-rounge .product-list .search-review-data .btn-ordered-review button span {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.7px;
}
.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(https://cdn.hddfs.com/front/images/KO/review/icon_filter_1.svg) no-repeat;
    background-size: contain;
    content: "";
}
.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: 8px;
    /* overflow-x: auto;
    overflow-y: hidden; */
    width: 100%;
    padding-left: 142px;
    padding-right: 0;
    padding-bottom: 14px;
    border-bottom: 2px solid #1b1e23;
    flex-wrap: wrap;
}
.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: 4px;
    height: 34px;
    padding: 5px 16px;
    border-radius: 34px;
    background-color: transparent;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #abb2be;
    white-space: nowrap;
}
.review-rounge .product-list .search-review-data .list-filter li button.is-active {
    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(https://cdn.hddfs.com/front/images/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: 16px;
}
.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;
    position: relative;
    padding-bottom: 16px;
    border-bottom: 1px solid #eef0f2;
}
.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(https://cdn.hddfs.com/front/images/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: 8px;
}
.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-size: 13px;
    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(https://cdn.hddfs.com/front/images/KO/common/n/icon_close_2.svg) no-repeat;
    background-size: contain;
    content: "";
}
.area-product-list .product-list-wrap .review-rounge .product-list .saerch-result-content .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: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 32px;
    position: relative;
    top: auto;
    padding: 21px 0 24px;
    border-top: none;
    border-bottom: none;
}
.review-rounge .product-list .saerch-result-content .product-saerch-list-top .checkbox.new {
    gap: 16px;
}
.review-rounge .product-list .saerch-result-content .product-saerch-list-top .checkbox.new input[type=checkbox] {
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    line-height: 1.2;
}
.review-rounge .product-list .saerch-result-content .product-saerch-list-top .checkbox.new input[type=checkbox] + label {
    margin-left: 30px;
    font-size: 14px;
    color: #788497;
    letter-spacing: -0.35px;
    white-space: nowrap;
}
.review-rounge .product-list .saerch-result-content .product-saerch-list-top .wrap-add-dropdown::before {
    display: block;
    position: absolute;
    left: -16px;
    top: 50%;
    width: 1px;
    height: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #dde0e5;
    content: "";
}
.review-rounge .product-list .saerch-result-content .product-saerch-list-top .wrap-add-dropdown .fake-dropdown {
    text-overflow: unset;
    height: 22px;
    padding: 0 40px 0 12px !important;
}
.review-rounge .product-list .saerch-result-content .product-saerch-list-top .wrap-add-dropdown .btn-dropdown {
    height: 22px;
    padding-right: 25px;
    border-bottom: none;
    font-size: 13px;
    color: #5c6677;
    font-weight: 500;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge {
    gap: 48px 24px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge > li {
    width: calc((100% - 72px) / 4);
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__img {
    padding: 0;
    border-radius: 8px;
    height: 297px;
}
.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 img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__img + .product__info {
    margin-top: 20px;
}
.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 .product__info .review__tit .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: 15px;
    letter-spacing: -0.75px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__info .review__tit .review__like button .btn__tit {
    display: none;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__info .review__tit .review__like button::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url(https://cdn.hddfs.com/front/images/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 .product__info .review__tit .review__like button.is-active::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/review/icon_like_on.svg);
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__info .review__tit + .rating-static {
    margin-top: 2px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__info .rating-static .star {
    width: 69px;
    height: 13px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__info .rating-static + .review__detail {
    margin-top: 5px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .product__info .review__detail {
    display: -webkit-box;
    overflow: hidden;
    height: 57px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -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: 16px;
    padding-top: 16px;
    border-top: 1px solid #eef0f2;
}
.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: 8px;
}
.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: 64px;
    height: 64px;
    border-radius: 8px;
    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: calc(100% - 72px);
    padding-top: 5px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review-product .review-product__info .review-product__tit {
    font-size: 12px;
    letter-spacing: -0.6px;
    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: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 12px;
    color: #5c6677;
    line-height: 1.4;
    letter-spacing: -0.6px;
    white-space: nowrap;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review-product .review-product__info .review-product__detail + .review-product__price {
    margin-top: 2px;
}
.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;
    letter-spacing: -0.35px;
}
.review-rounge .product-list .saerch-result-content .list-product.list-review-rounge .product__item .review-product .review-product__info .review-product__price .product__price {
    font-size: 16px;
    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 {
    font-size: 14px;
    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 .list-product.list-review-rounge .list-review-rounge__banner {
    width: 100%;
}
.review-rounge .product-list .saerch-result-content .main-banner {
    overflow: hidden;
    border-radius: 8px;
    text-align: center;
}
.review-rounge .product-list .saerch-result-content .main-banner .main-banner__item a {
    height: 100px;
}
.review-rounge .product-list .saerch-result-content .main-banner .main-banner__item .main-banner__tit {
    font-size: 32px;
    font-family: "Times New Roman", "Times", Serif;
}
.review-rounge .product-list .saerch-result-content .main-banner + .list-product.list-review-rounge {
    margin-top: 48px;
}
.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(https://cdn.hddfs.com/front/images/KO/review/icon_empty_review.svg) no-repeat;
    background-size: contain;
    content: "";
}
.review-rounge .main-banner {
    position: relative;
    margin-top: 0;
}
.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: 16px;
    bottom: 15px;
    z-index: 1;
    width: auto;
    height: 21px;
    margin-top: 0;
    padding: 0 8px;
    border-radius: 12px;
    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;
}
.review-rounge .review-rounge-visual {
    margin-top: 32px;
}
.review-rounge .review-rounge-visual + .product-list {
    margin-top: 36px;
}

.box-float-layer.type-review-rounge {
    width: 590px;
}
.box-float-layer.type-review-rounge.case-1 {
    width: 832px;
}
.box-float-layer.type-review-rounge .layer-title {
    margin-bottom: 20px;
}
.box-float-layer.type-review-rounge .tit-layer + .ti-layer__exp {
    margin-top: 4px;
}
.box-float-layer.type-review-rounge .tit-layer__exp {
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #1b1e23;
    text-align: center;
}
.box-float-layer.type-review-rounge .wrap-option-change.box-float-layer .area-scroll {
    max-height: 450px;
}
/* .box-float-layer.type-review-rounge .option-change__btn {
    padding-top: 40px;
} */
.box-float-layer.type-review-rounge .area-attention {
    margin-top:40px;
}
.box-float-layer.type-review-rounge .agree-terms.term-acd .wrap-agree-terms .agree-terms__scroll {
    max-height:180px;
}
.box-float-layer .pop-review-rounge {
    /* 리뷰 작성 */
}
.box-float-layer .pop-review-rounge.type-1 {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 170px);
}
.box-float-layer .pop-review-rounge.type-2 {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 60px);
}
.box-float-layer .pop-review-rounge .pop-review-rounge__tit {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    letter-spacing: -0.9px;
    text-align: center;
}
.box-float-layer .pop-review-rounge .title-layer__sub {
    margin: 40px 0 20px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.8px;
    text-align: center;
}
.box-float-layer .pop-review-rounge .pop-review-rounge__tit + .pop-review-rounge__txt {
    margin-top: 5px;
}
.box-float-layer .pop-review-rounge .pop-review-rounge__txt {
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #1b1e23;
    text-align: center;
}
.box-float-layer .pop-review-rounge .pop-review-rounge__txt + .review-rounge {
    margin-top: 32px;
}
.box-float-layer .pop-review-rounge .wrap-accordion, 
.box-float-layer .pop-review-rounge .wrap-review-form + .wrap-review-form {
    margin-top: 32px;
}
.box-float-layer .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.35px;
    font-size: 14px;
}
.box-float-layer .pop-review-rounge .review-form__tit .sub-txt {
    font-size:12.1px; font-weight:400; color:#788497; margin-left:3px;
}
.box-float-layer .pop-review-rounge .review-form__tit.type__check {
    justify-content: space-between;
}
.box-float-layer .pop-review-rounge .review-form__tit .review-form__exp {
    font-size: 15px;
    color: #ea2869;
}
.box-float-layer .pop-review-rounge .review-form__tit + .list-review-form {
    margin-top: 12px;
}
.box-float-layer .pop-review-rounge .review-form__tit + .graph-track {
    margin-top: 7px;
}
.box-float-layer .pop-review-rounge .wrap-review-form.no-tag .graph-track {
    height: 45px;
}
.box-float-layer .pop-review-rounge .wrap-review-form.no-tag .graph-track .wrap-input__range {
    top: 0;
}


.box-float-layer .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;
}
.box-float-layer .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: "";
}
.box-float-layer .pop-review-rounge .list-review-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}
.box-float-layer .pop-review-rounge .list-review-form label {
    position: relative;
    cursor: pointer;
}
.box-float-layer .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);
}
.box-float-layer .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 #dde0e5;
    font-weight: 600;
    color: #5c6677;
    letter-spacing: -0.65px;
    text-align: center;
}
.box-float-layer .pop-review-rounge .list-review-form label input:checked + .txt-label {
    border-color: #ea2869;
    color: #ea2869;
    font-weight: 700;
}
.box-float-layer .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;
}
.box-float-layer .pop-review-rounge .graph-track .wrap-input__range {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 24px;
}
.box-float-layer .pop-review-rounge .graph-track .wrap-input__range input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    position: relative;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 24px;
}
.box-float-layer .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;
}
.box-float-layer .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;
}
.box-float-layer .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%);
}
.box-float-layer .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: #5c6677;
    font-weight: 600;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.box-float-layer .pop-review-rounge .graph-track .list-track li {
    width: 150px;
    text-align: center;
}
.box-float-layer .pop-review-rounge .graph-track .list-track li:first-child {
    text-align: left;
}
.box-float-layer .pop-review-rounge .graph-track .list-track li:last-child {
    text-align: right;
}
.box-float-layer .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: "";
}
.box-float-layer .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;
}
.box-float-layer .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: "";
}
.box-float-layer .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%;
    padding: 32px 20px 20px;
}
.box-float-layer .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;
}
.box-float-layer .pop-review-rounge .purchase-btn button.type-dark {
    background-color: #1b1e23;
    color: #fff;
}
.box-float-layer .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;
}
.box-float-layer .pop-review-rounge .review-product-list .sp-product-img {
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #f5f7fa;
}
.box-float-layer .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;
}
.box-float-layer .pop-review-rounge .review-product-list .product__info {
    width: calc(100% - 92px);
}
.box-float-layer .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;
}
.box-float-layer .pop-review-rounge .review-product-list .product__info .product__brand-info span {
    font-weight: 700;
}
.box-float-layer .pop-review-rounge .review-product-list .product__info .product__brand-option {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.46;
    color: #788497;
}
.box-float-layer .pop-review-rounge .star-rating {
    margin-top: 12px;
}
.box-float-layer .pop-review-rounge .star-rating .star_grade {
    width: 224px;
    margin: 0 auto;
}
.box-float-layer .pop-review-rounge .star-rating .star_grade button {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-decoration: none;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_star_unset.svg) no-repeat center;
}
.box-float-layer .pop-review-rounge .star-rating .star_grade button.on {
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_star.svg) no-repeat center;
}
.box-float-layer .pop-review-rounge .star-rating + .pn-tit {
    margin-top: 32px;
}
.box-float-layer .pop-review-rounge .star-rating .is-error .review-bottom-sub .t_err {
    margin-top: 8px;
}
.box-float-layer .pop-review-rounge .letter-limit {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.038em;
    text-align: right;
    color: #788497;
}
.box-float-layer .pop-review-rounge .letter-limit span {
    color: #1b1e23;
    font-weight: 700;
}
.box-float-layer .pop-review-rounge .attach-file-form {
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.038em;
    color: #788497;
}
.box-float-layer .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;
}
.box-float-layer .pop-review-rounge .attach-img-box .attimg {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    overflow: hidden;
}
.box-float-layer .pop-review-rounge .attach-img-box .attached-img {
    position: relative;
}
.box-float-layer .pop-review-rounge .attach-img-box .attached-img img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
}
.box-float-layer .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;
}
.box-float-layer .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(https://cdn.hddfs.com/front/images/KO/common/n/icon_close_4.svg);
}
.box-float-layer .pop-review-rounge .attach-img-box .attach-img label {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_btn_plus_big.svg) #eef0f2 no-repeat center center;
}
.box-float-layer .pop-review-rounge .attach-img-box .attach-img input[type=file] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.box-float-layer .pop-review-rounge .review-bottom-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.box-float-layer .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;
}
.box-float-layer .pop-review-rounge .review-bottom-sub .letter-limit {
    margin-top: 8px;
    margin-left: auto;
}
.box-float-layer .pop-review-rounge .one-line-review input[type=text] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 40px;
    padding: 10px 12px;
    font-size: 14px;
    border-radius: 4px !important;
}
.box-float-layer .pop-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;
}
.box-float-layer .pop-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;
}
.box-float-layer .pop-review-rounge .review-regist-panel + .review-regist-panel {
    margin-top: 12px;
    padding-top: 18px;
    border-top: 1px solid #eef0f2;
}
.box-float-layer .pop-review-rounge .pn-tit {
    position: relative;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #1b1e23;
}
.box-float-layer .pop-review-rounge .pn-tit + .tit-relative {
    margin-top: 12px;
}
.box-float-layer .pop-review-rounge .tit-relative + .wrap-review-form, .box-float-layer .pop-review-rounge .tit-relative + .pn-tit {
    margin-top: 24px;
}
.box-float-layer .pop-review-rounge .is-error .review-bottom-sub .t_err {
    display: block;
    margin-top: 8px;
    font-size: 13px;
}
.box-float-layer .pop-review-rounge .is-error textarea,
.box-float-layer .pop-review-rounge .is-error input[type=text] {
    border-color: #f4511e;
}
.box-float-layer .pop-review-rounge .review-comment-wrap textarea {
    height: 140px;
    border-radius: 4px;
}

.pd_filterview .pn-tit + .pn-cont.type-review-rounge {
    margin-top: 20px;
}

.type-review-rounge {
    /* 상세리뷰 */
}
.type-review-rounge .review-rounge {
    padding: 40px 0 0;
}
.type-review-rounge .review-rounge.type-1 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.type-review-rounge .review-rounge.type-1 {
    padding-top: 20px;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .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;
    width: 342px;
    border-radius: 8px;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .review-detail-img ul {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .review-detail-img li img {
    height: 335px;
    -o-object-fit: cover;
       object-fit: cover;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .review-detail-img li .no-review-img {
    position: relative;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .review-detail-img li .no-review-img::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 54, 122, 0.04);
    content: "";
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .review-detail-img .swiper-button-next {
    width: 40px;
    height: 40px;
    right: 0;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/photo_review_right_arrow.svg);
    background-size: cover;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .review-detail-img .swiper-button-prev {
    width: 40px;
    height: 40px;
    left: 0;
    background-image: url(https://cdn.hddfs.com/front/images/KO/common/n/photo_review_left_arrow.svg);
    background-size: cover;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .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 .photo-review-detail .photo-review-detail__inner .review-detail-img .pagination-fraction .swiper-pagination-current {
    color: #fff;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .review-detail-img .pagination-fraction .swiper-pagination-total {
    color: #bdbdbd;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .review-detail-img + .list-review-rounge {
    margin-top: 16px;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .review-detail-cont {
    overflow-x: hidden;
    overflow-y: auto;
    height: 335px;
    width: calc(100% - 362px);
    padding-right: 10px;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .review-detail-cont::-webkit-scrollbar {
    width: 4px;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .review-detail-cont::-webkit-scrollbar-thumb {
    background-color: #ccd1d8;
    border-radius: 4px;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .review-detail-cont::-webkit-scrollbar-track {
    background-color: #fff;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .review-detail-cont .review-detail-img {
    margin-top: 12px;
}
.type-review-rounge .photo-review-detail .photo-review-detail__inner .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: 13px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.65px;
}
.type-review-rounge .review-user-info .user .user__info {
    font-weight: 400;
    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;
    gap: 8px;
}
.type-review-rounge .review-user-info .review-user-sub .option {
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -0.33px;
    color: #788497;
}
.type-review-rounge .review-user-info .review-user-sub .date {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.33px;
    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.type-1 {
    padding-left: 0;
    padding-right: 0;
}
.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 .list-review-rounge.type-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 24px;
}
.type-review-rounge .list-review-rounge.type-flex .link-product {
    width: 342px;
    padding-top: 24px;
    border-top: 1px solid #eef0f2;
}
.type-review-rounge .review-detail-text {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.46;
    color: #3d444f;
    letter-spacing: -0.35px;
}
.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 {
    font-size: 13px;
    letter-spacing: -0.33px;
    line-height: 1.46;
    color: #3d444f;
}
.type-review-rounge .review-detail-text .cont + .list-review-tag {
    margin-top: 16px;
}
.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 .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__like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-size: 12px;
    letter-spacing: 0.3px;
    color: #788497;
}
.type-review-rounge .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__like button .btn__tit {
    display: none;
}
.type-review-rounge .review__like button::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url(https://cdn.hddfs.com/front/images/KO/review/icon_like_off.svg) no-repeat;
    background-size: contain;
    content: "";
}
.type-review-rounge .review__like button.is-active::before {
    background-image: url(https://cdn.hddfs.com/front/images/KO/review/icon_like_on.svg);
}

.photo-review-wrap + .list-review-tag {
    margin-top: 13px;
}

.list-review-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3px;
}
.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;
}
.list-review-tag + .wrap-review-detail-info {
    margin-top: 27px;
}

.wrap-review-detail-info {
    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-review-detail-info .review-detail-info__date {
    font-size: 12px;
    letter-spacing: -0.6px;
    color: #788497;
}
.wrap-review-detail-info .review__like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-size: 12px;
    letter-spacing: 0.3px;
    color: #788497;
}
.wrap-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;
}
.wrap-review-detail-info .review__like button .btn__tit {
    display: none;
}
.wrap-review-detail-info .review__like button::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url(https://cdn.hddfs.com/front/images/KO/review/icon_like_off.svg) no-repeat;
    background-size: contain;
    content: "";
}
.wrap-review-detail-info .review__like button.is-active::before {
    background-image: url(https://cdn.hddfs.com/front/images/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(https://cdn.hddfs.com/front/images/KO/review/icon_filter_3.svg) no-repeat;
    background-size: contain;
    content: "";
}

.container {
    overflow: unset;
}

/*S:2024-06-23 ai 좌우버튼 추가(서클타입 좌우 버튼 슬라이드)*/
.swiper-type-circle {overflow:hidden; position:initial;}
.swiper-type-circle :is(.swiper-button-prev, .swiper-button-next) {
    margin-top:-20px;
	opacity: 0;
    top: var(--swiper-navigation-top-offset,50%);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
	z-index: 10;
	width: 40px;
	height: 40px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	border-radius: 40px;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
	        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
    background-image:none;
    display: flex;
    align-items:center;
    justify-content:center;
}
.swiper-type-circle .swiper-button-prev::after, 
.swiper-type-circle .swiper-button-next::after {
    content:"";
    display:inline-block;
    overflow: hidden;
	width: 10px;
	height: 16px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_9.svg) no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
.swiper-type-circle .swiper-button-next:not(.swiper-button-disabled):hover,
.swiper-type-circle .swiper-button-prev:not(.swiper-button-disabled):hover {
	background-color: #1b1e23;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.swiper-type-circle .swiper-button-next:not(.swiper-button-disabled):hover::after,
.swiper-type-circle .swiper-button-prev:not(.swiper-button-disabled):hover::after {
	-webkit-filter: brightness(0) invert(1);
	        filter: brightness(0) invert(1);
}
.swiper-type-circle .swiper-button-next::after {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}
.swiper-type-circle .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, -20px);
}
.swiper-type-circle .swiper-button-prev {
	left: var(--swiper-navigation-sides-offset, -20px);
}
.swiper-type-circle:hover :is(.swiper-button-prev, .swiper-button-next) {opacity: 1}
.swiper-type-circle :is(.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled)  {opacity: 0.35;}
/*E:2024-06-23 ai 좌우버튼 추가(서클타입 좌우 버튼 슬라이드)*/

/*2023-12-20 리뷰라운지 등록 추가*/
.box-float-layer.review-regist-box-float-layer.type-review-rounge .review-regist-popup .review-regist-area .review-regist-inspection {
    display: block;
    height: auto;
    border-bottom: none;
}
.type-review-rounge .btn_unused {
    position: relative;
    display: inline-block;
    color: #788497; 
    padding-left: 0;
    padding-right: 31px;
    font-weight: 400;
    font-size: 14px;
    vertical-align: middle;
}
.type-review-rounge .btn_unused:before {
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    display: inline-block;
    overflow: hidden;
    border-radius: 2px;
    isolation: isolate;
    width: 22px;
    height: 22px;
    border: 1px solid #dadada;
    -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: #ffffff;
}
.type-review-rounge .btn_unused.is-active {
    color: #1b1e23;
    font-weight:600;
}
.type-review-rounge .btn_unused.is-active:before {
    background: #1b1e23 url(https://cdn.hddfs.com/front/images/KO/common/ic_ck1.png) no-repeat center center;
    border-color: #1b1e23;
}
.type-review-rounge .wrap-review-form.type-disabled .review-form__tit .review-form__exp {
    color: #abb2be;
}
.box-float-layer .pop-review-rounge .wrap-review-form.type-disabled .wrap-division .cur-bar {
    display: none;
}
.box-float-layer .pop-review-rounge .wrap-review-form.type-disabled .graph-track .wrap-division {
    background-color: #ccd1d8;
}
.box-float-layer .pop-review-rounge .photo-review-more-all {
    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: 136px;
    height: 40px;
    margin: 30px auto 0;
    padding: 5px 10px;
    border: 1px solid #abb2be;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
/* E: 2023-10-18 리뷰라운지 추가*/

/* S : 2024-03-20 대량구매 송부의뢰서 서명기능 추가 */
button[class*="btnc_type_sr"], a[class*="btnc_type_sr"] {font-size:12px; background:#1b1e23; color:#fff; border:none;}
.box-sign-layer {width:592px; padding:40px 32px;}
.wrap-layer-sign .box-info {padding:24px 20px; border-radius:8px; background:#F9FAFB; font-size:14px; font-weight:700; color:#5C6677; line-height:20px; letter-spacing:-0.35px; margin-top:24px;}                        
.wrap-layer-sign .box-sign {margin-top:40px;}
.wrap-layer-sign .box-sign .box-sign__tit {font-weight:700; font-size:16px; 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;}
.wrap-layer-sign .btn-box {display:flex; align-items:center; justify-content:center; margin-top:40px;}
.wrap-layer-sign .btn-box button {padding:9px 52px 10px; border-radius:4px; background:#1b1e23; color:#fff; font-size:14px; letter-spacing:-0.35px; font-weight:700; justify-self:center;}
/* E : 2024-03-20 대량구매 송부의뢰서 서명기능 추가 */

/* S: 2024-04-02 입점 및 제휴문의(공정거래) 신규 */
.wrap-form__textarea textarea {height:200px; border: 1px solid #dde0e5; border-radius: 4px; overflow:auto; font-size: 14px;}
.wrap-form__textarea textarea::placeholder {font-size: 14px; color: #abb2be !important;}
.wrap-form__textarea .txt-error {display: none;}
.wrap-form__textarea.is-error textarea {border-color: #f4511e;}
.wrap-form__textarea.is-error .txt-error {display: block;}

.wrap-form__file .btn-file__input {position:relative; display: inline-flex; align-items:center; gap: 4px; border-radius: 4px; border: 1px solid #abb2be; line-height: 1.4; letter-spacing: -0.65px; color: #1b1e23; font-weight: 700; min-height: 40px; padding: 5px 16px; font-size: 14px; white-space: nowrap; cursor:pointer;}
.wrap-form__file .btn-file__input:before {content:""; width:16px; height:16px; background:url(https://cdn.hddfs.com/front/images/KO/common/ico_file.svg) no-repeat; }
.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: 13px; color:#3d444f;}
.wrap-form__file .box-file__attached .file-info span::before {content:""; display:inline-block; margin: 8px 8px -3px 0; background:url(https://cdn.hddfs.com/front/images/KO/common/ico_file2.svg) no-repeat; width:16px; height:16px;}
.wrap-form__file .box-file__attached .file-info em {display:inline-block; margin-left:8px; color:#788497;}
.wrap-form__file .box-file__attached .btn-file__del {display:inline-block; width: 18px; height: 18px; background:url(https://cdn.hddfs.com/front/images/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: 16px;}

.list-form.type2 {gap: 24px;}
.list-form.type2 .list-form__unit {display: flex; flex-wrap: wrap;}
.list-form.type2 .list-form__tit {width:140px; padding: 10px 10px 10px 0; font-weight: 700; color: #1b1e23;}
.list-form.type2 .list-form__con {width:calc(100% - 140px); min-height:40px;}
.list-form.type2 .wrap-form__select.is-setted .wrap-add-dropdown .btn-dropdown {height: 40px; font-size: 14px; border: 1px solid #dde0e5; border-radius: 4px; padding: 0 40px 0 12px;}
.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]) {height: 40px; border: 1px solid #dde0e5; border-radius: 4px !important; padding: 0 12px; font-size: 14px;}
.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: 14px;
}
.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 {height:360px;}
/* E: 2024-04-02 입점 및 제휴문의(공정거래) 신규 */

/* S : 2024-04-22 비밀번호 입력칸 토글 기능 추가 */
#custPwd, #mbshPwd {z-index:1;}
.pwToggleView {display:block; width:20px; height:20px; position:absolute; right:20px; top:18px; background:url('https://cdn.hddfs.com/files/op/20240419/d837065a_202404191048420940.png') top left no-repeat; z-index:2;}
.pwToggleView.is-active {background:url('https://cdn.hddfs.com/files/op/20240419/215a2760_202404191049346990.png') top left no-repeat;}
/* E : 2024-04-22 비밀번호 입력칸 토글 기능 추가 */

/* S: 2024-05-09 적립금가 노출 추가 */
.pd_descript .desc_low_price {border-radius: 8px; border: solid 1px #ea2869; margin: 24px 0; padding-right:0; }
.pd_descript .desc_low_price .attention__tit {padding-right:0;}
/*.pd_descript .desc_low_price .attention__tit:hover::before {display: block; position: absolute; -webkit-animation: viewBtoT 0.2s; animation: viewBtoT 0.2s; left: 15px; top: -34px; width: 205px; height: 38px; background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_tooltip_1.svg) no-repeat; background-size: contain; font-size: 12px; line-height: 27px; letter-spacing: -0.3px; color: #fff; text-align: center; content: "고객님 최저가 혜택을 확인해보세요!";}*//*2024-07-07 적립금가 수정*/
.pd_descript .desc_low_price .attention__tit::before {display: block; position: absolute; top: -14px; 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 적립금가 수정*/
.pd_descript .desc_low_price .attention__tit.hide-tooltip::before {display:none;}/*2024-07-07 적립금가 수정*/
.pd_descript .desc_low_price .attention__tit button::after {right:20px;}
.pd_descript .desc_low_price .type-head-low-price {display:flex; align-items:center; justify-content:space-between; height: 56px;  padding: 14px 44px 15px 20px;}
.pd_descript .desc_low_price .type-head-low-price::before {display: none;}
.pd_descript .desc_low_price .type-head-low-price .txt_view span {position: relative; padding-left: 24px; font-weight: 700; line-height: 1.3; letter-spacing: -0.4px; background-image: linear-gradient(119deg, #ea2829, #ea2829 51%, #ce28a5 0%, #a928ea); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; pointer-events: none;}
.pd_descript .desc_low_price .type-head-low-price .txt_view span::before {content: ""; display: inline-block; width: 20px;height: 20px; background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_low_price.svg) no-repeat; background-size: contain; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.pd_descript .desc_low_price .type-head-low-price .txt_login {font-weight:400; font-size:13px;}
.pd_descript .desc_low_price .type-head-low-price .txt_login a {color:#ea2869; border-bottom:1px solid #ea2869; display:inline-block; line-height:1.2; font-weight:700;}/*2024-07-07 적립금가 수정*/
.pd_descript .desc_low_price .type-head-low-price .txt_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;}
.pd_descript .desc_low_price .type-head-low-price .txt_price .price_sale {font-size: 18px; font-weight: 700; letter-spacing: -0.45px; color: #1b1e23;}
.pd_descript .desc_low_price .type-head-low-price .txt_price .price_ko {font-size: 14px; letter-spacing: -0.35px; color: #3d444f; font-weight:400;}
.pd_descript .desc_low_price .type-head-low-price .txt_price .sale_percent {font-size: 18px; font-weight: 700; letter-spacing: -0.6px; color: #ea2869; margin-right: 4px;}
.pd_descript .desc_low_price .type-head-low-price .txt_price .sale_percent em::after {content: "%"; display: inline-block; font-size: 14px; color: #ea2829;}

.pd_descript .desc_low_price .payment-info__low-price_head .wrap-detail {position: relative; border-top:1px dashed #dde0e5; padding:20px 24px;}
.pd_descript .desc_low_price .payment-info__low-price_head .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; line-height: 1.46; letter-spacing: -0.33px;}
.pd_descript .desc_low_price .payment-info__low-price_head .list-bottom-price > li .bottom-price__item {color: #282c34;}
.pd_descript .desc_low_price .payment-info__low-price_head .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; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; background-color: transparent; }
.pd_descript .desc_low_price .payment-info__low-price_head .list-bottom-price > li .bottom-price__item button::after {display: block; width: 12px; height: 10px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_6.svg) no-repeat; background-size: contain; content: "";}
.pd_descript .desc_low_price .payment-info__low-price_head .list-bottom-price > li .bottom-price__money {font-size: 14px; font-weight: 700; line-height: 1.43; letter-spacing: -0.35px; color: #1b1e23; text-align: right; }
.pd_descript .desc_low_price .payment-info__low-price_head .list-bottom-price > li + li {margin-top: 12px; }
.pd_descript .desc_low_price .payment-info__low-price_head .list-bottom-price > li.is-active .bottom-price__item button::after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.pd_descript .desc_low_price .payment-info__low-price_head .list-bottom-price + .list-bottom-price {position: relative; margin-top: 16px; padding-top: 16px; }
.pd_descript .desc_low_price .payment-info__low-price_head .list-bottom-price + .list-bottom-price::before {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #dde0e5; content: "";}
.pd_descript .desc_low_price .payment-info__low-price_head .list-bottom-price .list-bottom-price--detail {display: none; overflow: hidden; width: 100%; margin-top: 10px; }
.pd_descript .desc_low_price .payment-info__low-price_head .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;}
.pd_descript .desc_low_price .payment-info__low-price_head .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-size: 13px; line-height: 1.46; letter-spacing: -0.33px; }
.pd_descript .desc_low_price .payment-info__low-price_head .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: "";}
.pd_descript .desc_low_price .payment-info__low-price_head .list-bottom-price .list-bottom-price--detail > li .bottom-price__money {font-size: 14px; font-weight: initial; line-height: 1.43; letter-spacing: -0.35px; color: #1b1e23; text-align: right;}
.pd_descript .desc_low_price .payment-info__low-price_head .list-bottom-price .list-bottom-price--detail > li + li {margin-top: 8px;}
.pd_descript .desc_low_price .payment-info__low-price_head .list-bottom-price.active .bottom-price__item button::after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.pd_descript .desc_low_price .payment-info__low-price_head .list-bottom-price + .payment-total.type-1 {margin-top: 20px; padding-top: 22px; border-top: 1px solid #dde0e5;}
.pd_descript .desc_low_price .payment-info__low-price_head.active .bottom-price__open {position: relative;}
.pd_descript .desc_low_price .payment-info__low-price_head.active .bottom-price__open::after {display: block; position: absolute; top: 50%; right: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 18px; height: 18px; background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_close_2.svg) no-repeat; background-size: contain; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); pointer-events: none; content: "";}
.pd_descript .desc_low_price .payment-info__low-price_head .wrap-detail.bottom-info {display:flex; align-items:center; justify-content:flex-end; padding:12px 16px;}
.pd_descript .desc_low_price .payment-info__low-price_head .wrap-detail.bottom-info .payment-total__tit {position:relative; color:#ea2869; font-size:13px; font-weight:700; padding-left:20px;}
.pd_descript .desc_low_price .payment-info__low-price_head .wrap-detail.bottom-info .payment-total__tit::before {content:""; display: inline-block; width: 16px; height: 16px; background: url(https://cdn.hddfs.com/front/images/KO/common/n/check_pink.svg) no-repeat; background-size: contain; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.pd_descript .desc_low_price .payment-info__low-price_head .txt-reference {font-size: 12px; line-height: 1.5; color: #788497; padding:0; }
.pd_descript .desc_low_price .payment-info__low-price_head .txt-reference::before {content: "";display: none;}
/* E: 2024-05-09 적립금가 노출 추가 */

/* S: 2024-05-14 첫구매딜 추가*/
/*세일*/
.firstdeal {position: relative; padding: 64px 0; margin-top: 64px; background-color: #f9fafb; }
.firstdeal .content__inner {position: relative; max-width: 1190px; margin: 0 auto;}
.firstdeal .product__tag {margin-top: 8px;}
.firstdeal .sale__first-deal {margin: 32px 55px 0; overflow:hidden;}
.firstdeal .sale__first-deal .swiper-slide {display: flex; flex-wrap: wrap; gap: 56px 24px; justify-content: center;}/*2024-07-30 첫구매딜 수정*/
.firstdeal .sale__first-deal .swiper-slide .product__item {width: calc((100% - 72px) / 4);}/*2024-07-30 첫구매딜 수정*/
.firstdeal .sale__first-deal .product__item.type-sales--adult .product__img::after {width:80px; height:80px;}
.firstdeal .swiper-button-next,
.firstdeal .swiper-button-prev {z-index: 10; width: 50px; height: 50px; margin-top: -20px; background: none;}
.firstdeal .swiper-button-next {-webkit-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%); right: 33px;}
.firstdeal .swiper-button-prev {-webkit-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%); left: 33px;}
.firstdeal .swiper-button-next::after,
.firstdeal .swiper-button-prev::after {display: block; overflow: hidden; width: 48px; height: 0; padding-top: 48px; background: url(https://cdn.hddfs.com/front/images/KO/common/n/icon_arrow_2.svg) no-repeat; background-size: contain; font-size: 0; text-indent: -9999px; }
.firstdeal .sale__first-deal.is-single .swiper-wrapper {justify-content:center; gap:24px;}
.firstdeal .sale__first-deal.is-single :is(.swiper-button-next, .swiper-button-prev, .swiper-progress) {display:none;}
/*상품상세*/
.pd_descript .desc_firstdeal {margin-top: 24px; padding-top: 24px; border-top:1px solid #1b1e23;}
.pd_descript .desc_firstdeal .txt-info {font-weight: 700;}
.pd_descript .desc_firstdeal .txt-info span {color: #ea2829;}
.pd_descript .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;}
.wrap-payment.pd_remote .pd_option.-firstdeal {display:block;}
.wrap-payment.pd_remote .pd_option.-firstdeal .option_buy {margin-top:16px;}
/*공통*/
.name_head {color: #ea2829 !important; font-weight: 700 !important; margin-right:3px;}
/* E: 2024-05-14 첫구매딜 추가*/

/* S: 2024-07-01 온/오프라인 정보 통합(지점안내 버튼 추가) */
.btn-goto-store {display:block; position:fixed; z-index:90; bottom:50px; right:50%; margin-right:-740px; margin-bottom:-150px;}
.btn-goto-store a {display:block; width:48px; height:48px; background:#fff; border-radius:100%; box-shadow:6px 6px 10px 0 rgba(0, 0, 0, 0.1); text-indent:-9999em; font-size:0; overflow:hidden;}
.btn-goto-store a::after {content:""; display:block; position:absolute; left:10px; top:10px; width:28px; height:28px; background:url(https://cdn.hddfs.com/front/images/KO/common/n/icon_store.gif) 0 0/contain no-repeat;}
@media screen and (max-width:1585px) {
    .btn-goto-store {right:50px; margin-right:0}
}
/* E: 2024-07-01 온/오프라인 정보 통합(지점안내 버튼 추가) */