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

폰트

-------------------------------------------------------------------------------------- */
@font-face {font-family:'Pretendard'; font-style:normal; font-weight:100; src:local('Pretendard'), url('/assets/css/fonts/Pretendard-Thin.woff') format('woff');}
@font-face {font-family:'Pretendard'; font-style:normal; font-weight:200; src:local('Pretendard'), url('/assets/css/fonts/Pretendard-ExtraLight.woff') format('woff');} 
@font-face {font-family:'Pretendard'; font-style:normal; font-weight:300; src:local('Pretendard'), url('/assets/css/fonts/Pretendard-Light.woff') format('woff');}
@font-face {font-family:'Pretendard'; font-style:normal; font-weight:400; src:local('Pretendard'), url('/assets/css/fonts/Pretendard-Regular.woff') format('woff');} 
@font-face {font-family:'Pretendard'; font-style:normal; font-weight:500; src:local('Pretendard'), url('/assets/css/fonts/Pretendard-Medium.woff') format('woff');}
@font-face {font-family:'Pretendard'; font-style:normal; font-weight:600; src:local('Pretendard'), url('/assets/css/fonts/Pretendard-SemiBold.woff') format('woff');} 
@font-face {font-family:'Pretendard'; font-style:normal; font-weight:700; src:local('Pretendard'), url('/assets/css/fonts/Pretendard-Bold.woff') format('woff');} 
@font-face {font-family:'Pretendard'; font-style:normal; font-weight:800; src:local('Pretendard'), url('/assets/css/fonts/Pretendard-ExtraBold.woff') format('woff');} 
@font-face {font-family:'Pretendard'; font-style:normal; font-weight:900; src:local('Pretendard'), url('/assets/css/fonts/Pretendard-Black.woff') format('woff');}
body, a, input[type='text'], input[type='search'], input[type='tel'], input[type='number'], input[type='password'], input[type='submit'], input[type='reset'], input[type='cancle'], button, textarea {font-family:Pretendard !important;}
/* ------------------------------------------------------------------------------------- 

리셋 CSS

-------------------------------------------------------------------------------------- */
html {scroll-behavior:auto; box-sizing:border-box;}
html.pop-open {height:100%; overflow:hidden;}
*, *::before, *::after {box-sizing:inherit;}
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, pre, code {margin:0; padding:0; /*font-weight:500; */ } 
body {min-width:1410px; overflow-y:scroll;}
body, a, input[type='text'], input[type='search'], input[type='tel'], input[type='number'], input[type='password'], input[type='submit'], input[type='reset'], input[type='cancle'], button, textarea {background-color:#fff; font-family:"Pretendard",sans-serif; -webkit-tap-highlight-color:transparent; -webkit-font-smoothing:antialiased; font-size:15px; color:#333; line-height:1.4;} 
a {text-decoration:none;} 
img {max-width:100%; height:auto; vertical-align:top;} 
ul, ol {list-style:none;} 
em {font-style:normal;} 
button, label, input[type='submit'], input[type='button'], input[type='reset'] {cursor:pointer; border:0; padding:0;} 
@supports (-webkit-touch-callout:none) {
    button {margin:0; padding:0; border:0;}
    .btn.social-naver span {background:url(/assets/images/common/icon-naver@2x.png) no-repeat 0 16px / 20px 20px;}
}
legend, hr {overflow:hidden; position:absolute; top:0; left:-10000%; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;} 
.hidden {display:inline-block; position:absolute !important; width:1px; height:1px; margin:-1px; clip-path:inset(50%); clip:rect(1px, 1px, 1px, 1px); border:0; overflow:hidden;} 
.cf {zoom:1;} 
.cf::before, .cf::after {display:table; content:'';} 
.cf::after {clear:both;} 
.youtubeWrap {overflow:hidden; position:relative; height:0; padding-top:30px; padding-bottom:56.25%;} 
.youtubeWrap + .youtubeWrap {margin-top:24px;}
.youtubeWrap iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.no-bg {background:none !important;} 
/* 08-22 피설현대리 요청으로 삽입 영상 좌우에 레터박스 생김 방지 */
.video-js {top:-1px !important; height:calc(100% + 2px) !important;}
/* -------------------------------------------------------------------------------------

스킵메뉴

-------------------------------------------------------------------------------------- */
#skip {position:relative; z-index:999999;} 
#skip a {position:absolute; top:-9999em; left:0; width:100%; background:#374b5d; color:#ffffff; text-align:center;} 
#skip a:active,
#skip a:focus {top:0;} 
#skip span {display:block; font-size:16px; font-weight:700; color:#ffffff; line-height:40px;} 

/* 08-18 승규 추가 ie 접속시 */
.top-noti-ie {background-color:#f0f0f0; display:none;}
.ie-hate .top-noti-ie {display:block;}
.top-noti-ie .center-wrap {padding:16px 0;}
.top-noti-ie .center-wrap p {background:url(/assets/images/common/ico_32_msg.png) no-repeat 0 50% / 16px 16px; font-size:0px; color:#000; float:left; padding-left:24px;}
.top-noti-ie .center-wrap p span,
.top-noti-ie .center-wrap p strong,
.top-noti-ie .center-wrap p a {font-size:13px; display:inline-block; vertical-align:top; line-height:24px;}
.top-noti-ie .center-wrap p a {height:24px; background-color:#000; color:#fff; margin-left:16px; padding:0px 16px; border-radius:16px;}
.ie-hate .top-noti-ie .center-wrap p a {line-height:21px;}
.top-noti-ie .center-wrap .btn-top-noti-close {float:right; background:url(/assets/images/common/ico_12_close.png) no-repeat 100% 50% / 12px 12px transparent; font-size:13px; padding-right:18px; line-height:24px; height:24px;}
/* ------------------------------------------------------------------------------------- 

temp-area (추후 삭제 예정)

-------------------------------------------------------------------------------------- */
.temp-area {width:100%; padding:50px; text-align:center; background-color:#ccc;} 

/* ------------------------------------------------------------------------------------- 

구분 라인

-------------------------------------------------------------------------------------- */
.hr {width:100%; margin-top:16px; padding-top:16px; border-top:1px solid #e5e5e5;} 
.hr2 {height:1px; background:#eee; margin:40px 0;}

/* ------------------------------------------------------------------------------------- 

간격

-------------------------------------------------------------------------------------- */
/* 마진 */
.mg0 {margin:0 !important;} 
.mt0 {margin-top:0 !important;} 
.mr0 {margin-right:0 !important;} 
.mb0 {margin-bottom:0 !important;} 
.ml0 {margin-left:0 !important;} 

.mt5 {margin-top:5px !important;} 
.mr5 {margin-right:5px !important;} 
.mb5 {margin-bottom:5px !important;} 
.ml5 {margin-left:5px !important;} 

.mt8 {margin-top:8px !important;} 
.mr8 {margin-right:8px !important;} 
.mb8 {margin-bottom:8px !important;} 
.ml8 {margin-left:8px !important;} 

.mt10 {margin-top:10px !important;} 
.mr10 {margin-right:10px !important;} 
.mb10 {margin-bottom:10px !important;} 
.ml10 {margin-left:10px !important;} 

.mt12 {margin-top:12px !important;} 

.mt15 {margin-top:15px !important;} 
.mr15 {margin-right:15px !important;} 
.mb15 {margin-bottom:15px !important;} 
.ml15 {margin-left:15px !important;} 

.mt16 {margin-top:16px !important;} 
.mr16 {margin-right:16px !important;} 
.mb16 {margin-bottom:16px !important;} 
.ml16 {margin-left:16px !important;} 

.mt18 {margin-top:18px !important;} 
.mr18 {margin-right:18px !important;} 
.mb18 {margin-bottom:18px !important;} 
.ml18 {margin-left:18px !important;} 

.mt20 {margin-top:20px !important;} 
.mr20 {margin-right:20px !important;} 
.mb20 {margin-bottom:20px !important;} 
.ml20 {margin-left:20px !important;} 

.mt24 {margin-top:24px !important;} 
.mr24 {margin-right:24px !important;} 
.mb24 {margin-bottom:24px !important;} 
.ml24 {margin-left:24px !important;} 

.mt25 {margin-top:25px !important;} 
.mr25 {margin-right:25px !important;} 
.mb25 {margin-bottom:25px !important;} 
.ml25 {margin-left:25px !important;} 

.mt30 {margin-top:30px !important;} 
.mr30 {margin-right:30px !important;} 
.mb30 {margin-bottom:30px !important;} 
.ml30 {margin-left:30px !important;} 

.mt32 {margin-top:32px !important;} 

.mt35 {margin-top:35px !important;} 
.mr35 {margin-right:35px !important;} 
.mb35 {margin-bottom:35px !important;} 
.ml35 {margin-left:35px !important;} 

.mt40 {margin-top:40px !important;} 
.mr40 {margin-right:40px !important;} 
.mb40 {margin-bottom:40px !important;} 
.ml40 {margin-left:40px !important;} 

.mt45 {margin-top:45px !important;} 
.mr45 {margin-right:45px !important;} 
.mb45 {margin-bottom:45px !important;} 
.ml45 {margin-left:45px !important;} 

.mt56 {margin-top:56px !important;} 
.mt50 {margin-top:50px !important;} 
.mr50 {margin-right:50px !important;} 
.mb50 {margin-bottom:50px !important;} 
.ml50 {margin-left:50px !important;} 

.mt60 {margin-top:60px !important;} 
.mr60 {margin-right:60px !important;} 
.mb60 {margin-bottom:60px !important;} 
.ml60 {margin-left:60px !important;} 

.mt72 {margin-top:72px !important;}
.mb72 {margin-bottom:72px !important;} 

/* 패딩 */
.pg0 {padding:0 !important;} 
.pt0 {padding-top:0 !important;} 
.pr0 {padding-right:0 !important;} 
.pb0 {padding-bottom:0 !important;} 
.pl0 {padding-left:0 !important;} 

.pt5 {padding-top:5px !important;} 
.pr5 {padding-right:5px !important;} 
.pb5 {padding-bottom:5px !important;} 
.pl5 {padding-left:5px !important;} 

.pt10 {padding-top:10px !important;} 
.pr10 {padding-right:10px !important;} 
.pb10 {padding-bottom:10px !important;} 
.pl10 {padding-left:10px !important;} 

.pt15 {padding-top:15px !important;} 
.pr15 {padding-right:15px !important;} 
.pb15 {padding-bottom:15px !important;} 
.pl15 {padding-left:15px !important;} 

.pt16 {padding-top:16px !important;} 
.pr16 {padding-right:16px !important;} 
.pb16 {padding-bottom:16px !important;} 
.pl16 {padding-left:16px !important;} 

.pt20 {padding-top:20px !important;} 
.pr20 {padding-right:20px !important;} 
.pb20 {padding-bottom:20px !important;} 
.pl20 {padding-left:20px !important;} 

.pt24 {padding-top:24px !important;} 
.pr24 {padding-right:24px !important;} 
.pb24 {padding-bottom:24px !important;} 
.pl24 {padding-left:24px !important;} 
.pd24 {padding:24px !important;} 

.pt25 {padding-top:25px !important;} 
.pr25 {padding-right:25px !important;} 
.pb25 {padding-bottom:25px !important;} 
.pl25 {padding-left:25px !important;} 

.pt30 {padding-top:30px !important;} 
.pr30 {padding-right:30px !important;} 
.pb30 {padding-bottom:30px !important;} 
.pl30 {padding-left:30px !important;} 

.pt35 {padding-top:35px !important;} 
.pr35 {padding-right:35px !important;} 
.pb35 {padding-bottom:35px !important;} 
.pl35 {padding-left:35px !important;} 

.pt40 {padding-top:40px !important;} 
.pr40 {padding-right:40px !important;} 
.pb40 {padding-bottom:40px !important;} 
.pl40 {padding-left:40px !important;} 

.pt45 {padding-top:45px !important;} 
.pr45 {padding-right:45px !important;} 
.pb45 {padding-bottom:45px !important;} 
.pl45 {padding-left:45px !important;} 

.pt50 {padding-top:50px !important;} 
.pr50 {padding-right:50px !important;} 
.pb50 {padding-bottom:50px !important;} 
.pl50 {padding-left:50px !important;} 

.pt60 {padding-top:60px !important;} 
.pr60 {padding-right:60px !important;} 
.pb60 {padding-bottom:60px !important;} 
.pl60 {padding-left:60px !important;} 

/* underline */
.underline {border-bottom:1px solid #000;}

/* 로딩 */
.loading-wrap {position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.0); z-index:99999;}
.loading-wrap .loading {position:absolute; top:50%; left:50%; width:48px; height:48px; margin:-24px auto auto -24px; background:url(/assets/images/common/ico_loading.png) no-repeat 0 0; background-size:48px auto; overflow:hidden;}
.loading-wrap .loading svg {width:48px; height:48px; animation:loading2 1.5s linear infinite; -webkit-animation:loading2 1.5s linear infinite; stroke-width:2; fill:#fff; stroke:#e50278; stroke-width:4px;}

@keyframes loading2 {
    0% {  fill-opacity:0; stroke-dashoffset:-500; }
    50% { fill-opacity:0.3;}
    100% {fill-opacity:0; stroke-dashoffset:600;}
}

@-webkit-keyframes  loading2 {
    0% {  fill-opacity:0; stroke-dashoffset:-500; }
    50% { fill-opacity:0.3;}
    100% {fill-opacity:0; stroke-dashoffset:600;}
}

/* ------------------------------------------------------------------------------------- 

타이틀

-------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------- 

아이템리스트

-------------------------------------------------------------------------------------- */
.item-list {font-size:0;}
.item-list > li {display:inline-block; font-size:14px; color:#777;}
.item-list > li:after {content:''; display:inline-block; width:1px; height:12px; margin:-1px 8px; background-color:#e5e5e5;}
.item-list > li:last-child::after {content:none;}

/* ------------------------------------------------------------------------------------- 

테이블

-------------------------------------------------------------------------------------- */
caption {width:0; height:0; font-size:0; line-height:0; text-indent:-9999em;} 
.tbl {border-top:1px solid #000; overflow:hidden; margin-top:8px; word-break:keep-all; margin-top:8px;} 
.tbl table {width:calc(100% + 2px); border-collapse:collapse; margin-left:-1px;} 
.tbl.type-col table thead th {font-size:14px; padding:16px 0; border-bottom:1px solid #E5E5E5;} 
.tbl.type-col table tbody td {padding:20px 24px; font-weight:400; border-bottom:1px solid #E5E5E5;} 
.tbl.type-col table tbody td.td {font-weight:700;}
.list-ia .tbl.type-col table thead th {border:1px solid #E5E5E5;} 
.list-ia .tbl.type-col table tbody td {padding:10px; border:1px solid #E5E5E5;} 
.list-ia .tbl.type-col table tbody tr:last-child td {border-bottom-color:#000;} 

.tbl.type-col.type-line table tbody td {border-left:1px solid #E5E5E5;} 

.tbl.type-col table tbody td.th {font-weight:700; text-align:center;} 

.tbl.type-col table tbody td.new:after {content:""; display:inline-block; width:4px; height:4px; margin-left:3px; background-color:#f50d87; vertical-align:top; border-radius:50%;} 

/* 세로형 테이블 (폼) */

.form-tbl.type-row table {width:100%; border-collapse:collapse;} 
.form-tbl.type-row td {padding:8px 0;} 
.form-tbl.type-row .th {vertical-align:top; padding:20px 0;} 
.form-tbl.type-row .td {padding:20px 0;} /*07-28 김지나 간격 .td클래스 추가*/

/* 세로형 테이블 (출력형) */

.form-tbl.type-row.output table {border-top:1px solid #333;} 
.form-tbl.type-row.output th {text-align:left;}
.form-tbl.type-row.output th,
.form-tbl.type-row.output .th {padding:20px 16px; font-size:16px; color:#333; font-weight:700;} 
.form-tbl.type-row.output th,
.form-tbl.type-row.output td {border-bottom:1px solid #e5e5e5;} 
.form-tbl.type-row.output td > em {display:inline-block; margin-right:16px; font-size:14px; vertical-align:middle;}
.form-tbl.type-row.output td .col {color:#F50D87;}
.form-tbl.type-row.output td > em:last-child {margin-right:0;}
.form-tbl.type-row.output.refund th,
.form-tbl.type-row.output.refund .th {padding:30px 16px;} 

/* 세로형 테이블 (출력형 노라인) */
.form-tbl.type-row.output.no-line table {display:block; border-bottom:1px solid #e0e0e0; padding:12px 0;}
.form-tbl.type-row.output.no-line th,
.form-tbl.type-row.output.no-line .th {padding:8px 16px;}
.form-tbl.type-row.output.no-line th,
.form-tbl.type-row.output.no-line td {padding:8px 0; border-bottom:0;}
.form-tbl.type-row.output.no-line .th {font-size:16px;}
.form-tbl.type-row.output.no-line td {font-size:14px; color:#000;}

/* 07-27 김지나 :테이블(display:inline으로 간격넓어진거 재조절) */
.form-tbl.type-row.output.refund td {font-size:0;}
.form-tbl.type-row.output.refund td.th {font-size:16px;}

/* ------------------------------------------------------------------------------------- 

버튼

-------------------------------------------------------------------------------------- */
.btn-area {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:40px; font-size:0;} 
.btn {display:inline-block; text-align:center; border:0; transition:all 0.3s ease-in-out; /*margin:0 3px; */ padding:0 8px; line-height:initial;} 
.btn-area .btn + .btn {margin-left:8px;}
.btn-area .size-M + .size-M {margin-left:6px;}
.btn-area .size-XXL + .size-XXL {margin-left:12px;} 
.my-cont .btn-area .size-XXL + .size-XXL {margin-left:8px;}
.btn > span {display:flex; align-items:center; justify-content:center;} 
.btn > span .ico {margin-left:4px;} 
.btn.color-pink {background-color:#F50D87; color:#fff;} 
.btn.color-pink:active {background-color:#B51B5B;} 
.btn.color-black {background-color:#000; color:#fff;} 
.btn.color-black:active {background-color:#555;} 
.btn.color-gray {background-color:#777; color:#fff;} 
.btn.color-gray:active {background-color:#999;} 
.btn.color-white {background-color:#fff; color:#333;} 
.btn.color-white:active {background-color:#F5F5F5;} 
.btn.color-white.outline-pink {background-color:#fff; color:#F50D87;} 
.btn.color-white.outline-pink:active {background-color:rgba(245, 13, 135, 0.04);} 
.btn.color-white.outline-whitegray {background-color:#fff; color:#333; font-size:14px; font-weight:400;} 
.btn.color-white.outline-whitegray:active {background-color:#F5F5F5;} 
.btn.outline-pink {border:1px solid #F50D87;} 
.btn.outline-pink:active {border-color:#B51B5B;} 
.btn.outline-pink.size-M:active {border-color:#F50D87; background-color:#fff; color:#F50D87;} 
.btn.outline-black {border:1px solid #333 !important;} 
.btn.outline-black:active {border-color:#555;} 
.btn.outline-darkblack {border:1px solid #555;} 
.btn.outline-darkblack:active {border-color:#555;}
.btn.outline-gray {border:1px solid #777;} 
.btn.outline-gray:active {border-color:#999;} 
.btn.outline-whitegray {border:1px solid #ccc;} 
.btn.outline-whitegray:active {border-color:#ccc;}
.btn.size-XXL {min-width:200px; font-size:17px !important; height:56px; border-radius:8px; font-weight:700; padding:0 50px;}
a.btn.size-XXL {line-height:56px;}
.btn.size-XL {min-width:120px; font-size:16px; height:46px; border-radius:6px;}
a.btn.size-XL {line-height:46px;}
.btn.size-L {min-width:90px; font-size:15px; height:42px; padding:0 26px; border-radius:6px; font-weight:700;} /* SIZE 96필요 */
a.btn.size-L {line-height:42px;}
.btn.size-M {min-width:104px; font-size:14px; height:36px; border-radius:6px; padding:0 16px;}
a.btn.size-M {line-height:36px;}
.btn.size-S {min-width:104px; font-size:14px; height:36px; border-radius:6px; padding:0 16px;}
a.btn.size-S {line-height:36px;}
.btn.size-XS {min-width:104px; font-size:13px; height:28px; border-radius:4px; padding:0 8px;}
a.btn.size-XS {line-height:28px;}
.btn:disabled, .btn[disabled], .btn.disabled {opacity:0.5; cursor:pointer;}
.btn.outline-pink.size-M:disabled,
.btn.outline-pink.size-M[disabled] {border-color:#F50D87; background-color:rgba(245, 13, 135, 0.04); color:#F50D87; cursor:pointer;} 
.btn.outline-black.size-M:disabled,
.btn.outline-black.size-M[disabled] {border-color:#333; background-color:#f5f5f5; color:#444444; cursor:pointer;} 
.btn.outline-black.size-XL:disabled,
.btn.outline-black.size-XL[disabled] { border-color:#333; background-color:#f5f5f5; color:#333333; cursor:pointer;}
.btn.social-naver {background:#44bc3b; color:#fff;}
.btn.social-kakao {background:#ffe000;}
.btn.social-naver span,
.btn.social-kakao span {padding-left:25px; display:inline-block; font-size:17px; font-weight:700;}
.btn.social-naver span {background:url(/assets/images/common/icon-naver@2x.png) no-repeat 0 50% / 20px 20px;}
.i-hate-safari .btn.social-naver span {background-position:0 16px;}
.btn.social-kakao span {background:url(/assets/images/common/icon-kakao@2x.png) no-repeat 0 50% / 20px 20px;}
.btn-area.full {margin:0;}
.btn-area.full .btn {width:100%; margin:0;}
.btn-area.full .btn +.btn {margin-top:8px;}
.btn-area.half button,
.btn-area.half a {width:calc((100% - 4px) /2); margin:0;}
.btn-area.half button + button,
.btn-area.half a + a {margin-left:4px;}
.btn-txt-col {display:inline-block; border:0; background-color:transparent; color:#f50d87; font-weight:700; font-size:14px; padding-right:12px; position:relative;}
.btn-txt-col:after, .btn-txt-col:before {content:''; display:block; position:absolute; right:0; width:6px; height:1px; background:#f50d87;}
.btn-txt-col:after {top:7px; transform:rotate(45deg);}
.btn-txt-col:before {top:11px; transform:rotate(-45deg);}

.btn.kakaot {background:#ffe000;}
.btn.kakaot:before, .btn.bshopt:before, .btn.bnaver:before, .btn.cnaver:before {display:inline-block; vertical-align:middle; width:20px; height:20px; margin:-3px 12px 0 0; content:'';}
.btn.kakaot:before {background:url(/assets/images/common/icon-kakao@2x.png) no-repeat center center / 20px 20px;}
.btn.bshopt:before {background:url(/assets/images/common/icon-shopt@2x.png) no-repeat center center / 20px 20px;}
.btn.bnaver:before {background:url(/assets/images/common/icon-cnaver@2x.png) no-repeat center center / 20px 20px;}

.btn.rkakao:before, .btn.rnaver:before {display:inline-block; vertical-align:middle; width:26px; height:26px; margin:-3px 12px 0 0; content:'';}
.btn.rkakao:before {background:url(/assets/images/contents/ico_sns_login_kakao.png) no-repeat center center / 26px 26px;}
.btn.rnaver:before {background:url(/assets/images/contents/ico_sns_login_naver.png) no-repeat center center / 26px 26px;}


/* 하단 버튼 */
.btn-area.bottom > .btn.size-XXL {min-width:328px;} 

/* -------------------------------------------------------------------------------------

토글 버튼

-------------------------------------------------------------------------------------- */
.dialog.half .cont .inner .tit-area .toggle-btn-area.fr {font-size:0;}
.dialog.half .tit-area .toggle-btn-area {height:21px;}
.dialog.half .tit-area .toggle-btn-area > span {display:inline-block; margin:3px 0 3px 0; padding-left:16px; font-size:11px; color:#999; vertical-align:2px;}
.dialog.half .tit-area .toggle-btn-area span.toggle-switch {margin:0; padding-left:6px; vertical-align:-5px;}
.dialog.half .tit-area .toggle-btn-area span.toggle-switch input {width:17px; height:16px;}
.dialog.half .tit-area .toggle-switch input + label {width:32px; height:22px;}
.dialog.half .tit-area .toggle-switch input + label:after {width:18px; height:18px;}
.dialog.half .tit-area .toggle-switch input:checked + label:after {margin-left:10px;}
.dialog.half .srch-popular ol li .num {font-weight:600;}
/* .dialog.half .srch-popular ul li .btn-close::before,
.dialog.half .srch-popular ul li .btn-close::after {background-color:rgba(0, 0, 0, 0.2);} */
.toggle-switch {display:inline-block; position:relative; margin:0; padding:0; font-size:0; vertical-align:middle;}
.toggle-switch input {position:absolute; top:0; width:20px; height:20px; opacity:0; z-index:0;}
.toggle-switch input + label {display:inline-block; position:relative; width:46px; height:28px; background-color:#e5e5e5; border-radius:50px; cursor:pointer; 
     box-shadow:0 3px 6px -6px #000 inset; -webkit-box-shadow:0 3px 6px -6px #000 inset; transition:background 0.4s; -webkit-box-shadow:0 3px 6px -6px #000 inset; 
     -webkit-transition:background 0.4s; -moz-transition:background 0.4s; -o-transition:background 0.4s;}
.toggle-switch input + label:after {display:block; content:''; position:absolute; top:2px; left:2px; bottom:0; width:24px; height:24px; margin-left:0; 
    border:none; background-color:#fff; border-radius:50%; box-sizing:border-box; transition:margin 0.4s; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); 
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); z-index:1; -webkit-transition:margin 0.4s; -moz-transition:margin 0.4s; -o-transition:margin 0.4s; 
}
.toggle-switch input:checked + label {background-color:#f50d87;}
.toggle-switch input:checked + label:after {margin-left:18px; background-color:#fff;}
/* ------------------------------------------------------------------------------------- 

아이콘

-------------------------------------------------------------------------------------- */
.ico {display:inline-block;}
.ico.size-12 {width:12px; height:12px; background-size:12px 12px !important;}
.ico.size-16 {width:16px; height:16px; background-size:16px 16px !important;}
.ico.size-24 {width:24px; height:24px; background-size:24px 24px !important;} 
.ico.size-30 {width:30px; height:30px; background-size:30px 30px !important;} 
.ico.size-32 {width:32px; height:32px; background-size:32px 32px !important;} 
.ico.down {background:url(/assets/images/common/ico_16_down.png) no-repeat 50% 50%;}
.ico.down.size-24 {background:url(/assets/images/common/ico_24_down_on.png) no-repeat 50% 50%;}
.btn[disabled].ico.down.size-24 {background:url(/assets/images/common/ico_24_down_disabled.png) no-repeat 50% 50%; cursor:pointer;}
.ico.alarm {background:url(/assets/images/common/ico_16_alarm.png) no-repeat 50% 50%;}
.ico.alarm.size-24 {background:url(/assets/images/common/ico_24_alarm.png) no-repeat 50% 50%;}
.ico.tv {background:url(/assets/images/common/ico_16_tv.png) no-repeat 50% 50%;} 
.ico.heart {background:url(/assets/images/common/new_icons-h-32-heart-nor@2x.png) no-repeat 50% 50%;} 
.ico.share {background:url(/assets/images/common/ico_32_share.png) no-repeat 50% 50%;} 
.ico.kakao {background:url(/assets/images/common/ico_30_sns_kakao.png) no-repeat 50% 50%;} 
.ico.face {background:url(/assets/images/common/ico_30_sns_face.png) no-repeat 50% 50%;} 
.ico.url {background:url(/assets/images/common/ico_30_sns_url.png) no-repeat 50% 50%;} 
.ico.reset {background:url(/assets/images/common/ico_16_reset.png) no-repeat 50% 50%;} 
.ico.close {background:url(/assets/images/common/ico_12_close.png) no-repeat 50% 50%;} 
.ico.good {background:url(/assets/images/common/ico_16_good.png) no-repeat 50% 50%; margin-left:2px; vertical-align:text-top; margin-top:-1px;}  
.btn-good.active .ico.good {background:url(/assets/images/common/ico_16_good_on.png) no-repeat 50% 50%;}
.btn.only-ico {min-width:auto !important; border-radius:6px;} 
.btn.only-ico .ico {margin:0 0; vertical-align:middle;} 
.btn.only-ico.is-like .ico.size-32.heart {background:url(/assets/images/common/icons-h-32-heart-fill-on@2x.png) no-repeat 50% 50%;}
.btn.only-ico .ico.size-24.cart {background:url(/assets/images/common/ico_24_cart.png) no-repeat 50% 0px;} 
.btn.only-ico .ico.size-24.alarm {background:url(/assets/images/common/ico_24_alarm.png) no-repeat 50% 50%;}

.btn-arrow {position:relative; min-width:auto; height:auto; padding-right:16px; font-size:14px; font-weight:400; color:#777; text-align:center;} 
/* .btn-arrow:after {content:""; display:inline-block; width:6px; height:6px; margin-top:-3px; margin-left:2px; vertical-align:middle; transform:rotate(45deg); border:1px solid #999; border-width:1px 1px 0 0;}  
    07-27 김지나 :버튼 아이콘으로 변경되어 주석처리
*/
/* span.btn-arrow:after {display:none;} */  /* 07-15  박소현 :마이페이지에서 없어져서 주석달아놈 */
.btn-arrow.outline {padding:3px 8px; border:1px solid #ccc; border-radius:6px;} 
.btn-arrow > span {display:inline-block; line-height:100%; border-bottom:1px solid #999; font-size:13px; font-weight:700; color:#999;} 
.btn-arrow.size-L {height:42px; padding:0 8px; font-size:14px;} 
.btn-area.full .btn-arrow {width:100%;} 

.btn-expand {position:relative; padding:0; font-size:14px; text-align:left;} 

.btn-links {align-self:center; display:inline-block; font-size:14px; color:#999; text-decoration:underline;} 

.btn-good {min-width:80px; height:28px; line-height:24px; font-size:13px; border:1px solid #ccc; border-radius:4px;}
.btn-good.active {min-width:70px; color:#f50d87; border-color:#f50d87;}

.btn.active .ico.alarm {background:url(/assets/images/common/ico_16_alarm_on.png) no-repeat 50% 50%;}
.btn.active .ico.size-24.ico.alarm {background:url(/assets/images/common/ico_24_alarm_on.png) no-repeat 50% 50%;}
/* ------------------------------------------------------------------------------------- 

폼엘리먼트

-------------------------------------------------------------------------------------- */
input::placeholder {font-size:15px; color:#999;}
input::-webkit-input-placeholder {font-size:15px; color:#999;}
input:-ms-input-placeholder {font-size:15px; color:#999;}
input::-ms-clear {display:none;}
textarea::placeholder {font-size:15px; color:#999;}
textarea::-webkit-input-placeholder {font-size:15px; color:#999;}
textarea:-ms-input-placeholder {font-size:15px; color:#999;} 
input[type='text'],
input[type='tel'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='email'],
textarea {border-radius:6px; border:1px solid #E5E5E5; height:46px; padding:0 48px 0 16px; width:100%; font-size:15px; outline:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}  
input[type='text']:-webkit-autofill, input[type='text']:-webkit-autofil:hover, input[type='text']:-webkit-autofil:focus, input[type='text']:-webkit-autofil:active,
input[type='password']:-webkit-autofill, input[type='password']:-webkit-autofil:hover, input[type='password']:-webkit-autofil:focus, input[type='password']:-webkit-autofil:active {-webkit-text-fill-color:#000; -webkit-box-shadow:0 0 0 30px #fff inset; transition:background-color 5000s ease-in-out 0s;} /* 크롬 input 파란 배경 제거 */
input[type='text']:focus,
input[type='tel']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='email']:focus,
textarea:focus {border-color:#333;}
input[type='text'][disabled],
input[type='tel'][disabled],
input[type='number'][disabled],
input[type='password'][disabled],
input[type='search'][disabled],
input[type='text'][readonly],
input[type='tel'][readonly],
input[type='number'][readonly],
input[type='password'][readonly],
input[type='search'][readonly] {background-color:#FAFAFA; color:#999; cursor:pointer;} 
input[type="password"]::-ms-reveal {display:none;}
select.ipt {width:auto; min-width:134px; height:46px; margin-top:8px; padding:0 30px 0 15px; font-size:15px; color:#333; background:url(/assets/images/common/ico_16_dropbox.png) no-repeat right 13px center / 16px 16px; border-radius:6px; border-color:#e5e5e5; border-width:1px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; background-color:#fff;} 
select.ipt.readonly {background-color:#FAFAFA; color:#999; pointer-events:none; background-image:none;}
select.ipt::-ms-expand {display:none}
select.ipt.is-error {border-color:#ff6e40;}
select.ipt.is-focus {border-color:#333; transition:all 0.2s;} 
select.ipt:focus {outline:none;}
.hr select.ipt {margin-top:0;} 
.hr .phone-wrap select.ipt {margin:8px 0;} 
.ipt-wrap {position:relative; margin-top:8px; font-size:0;} 
.ipt-wrap:first-child {margin-top:0;} 
.ipt-wrap .btn-delete {display:none; position:absolute; top:12px; right:14px; width:20px; height:20px; background:#999; border-radius:100%;}
.ipt-wrap .btn-delete:before, .ipt-wrap .btn-delete:after {content:''; display:block; width:12px; height:1px; background:#fff; position:absolute; top:10px;}
.ipt-wrap .btn-delete:before {left:4px; transform:rotate(45deg);}
.ipt-wrap .btn-delete:after {right:4px; transform:rotate(-45deg);}
.ipt-wrap .btn-see {font-size:13px; color:#333; position:absolute; right:16px; top:1px; height:44px; line-height:44px; background:transparent; padding-left:10px;}
.ipt-wrap .btn-see:after {content:"비밀번호 표시"}
.ipt-wrap .btn-see.move {right:44px;}
.ipt-wrap .btn-see.on:after {content:"숨김"}
.ipt-wrap.is-error .btn-delete {top:12px !important; margin-top:0 !important;}
.ipt-wrap.is-error input[type='text'],
.ipt-wrap.is-error input[type='tel'],
.ipt-wrap.is-error input[type='number'],
.ipt-wrap.is-error input[type='password'],
.ipt-wrap.is-error input[type='search'],
.ipt-wrap.is-error input[type='email'] {border-color:#FF6E40;} 
.ipt-wrap.is-focus input[type='text'],
.ipt-wrap.is-focus input[type='tel'],
.ipt-wrap.is-focus input[type='number'],
.ipt-wrap.is-focus input[type='password'],
.ipt-wrap.is-focus input[type='search'],
.ipt-wrap.is-focus input[type='email'] {border-color:#777;} 
.ipt-wrap.is-check input[type='text'],
.ipt-wrap.is-check input[type='tel'],
.ipt-wrap.is-check input[type='number'],
.ipt-wrap.is-check input[type='password'],
.ipt-wrap.is-check input[type='search'],
.ipt-wrap.is-check input[type='email'] {border-color:#0482e3;}
.ipt-wrap #group-mail.on {padding-right:154px;}
.ipt-wrap #group-mail-val {position:absolute; right:44px; top:0; border:0; border-radius:0; background:none; width:114px; padding:0; font-size:13px; background:none; text-align:right;}
.form-msg {font-size:14px; color:#FF6E40; margin-top:8px; word-break:keep-all; text-align:left;}
.form-msg2 {font-size:14px; color:#777; margin-top:8px; word-break:keep-all; text-align:left;}
.form-msg.focus, .form-msg2.focus {color:#8e084e;}
.form-msg.check, .form-msg2.check {color:#0482e3; width:100%;}
.form-msg.error, .form-msg2.error {color:#FF6E40; padding-left:22px; background:url(/assets/images/common/ico_16_exec.png) no-repeat 0 1px / 16px 16px;} 
.ipt-wrap.is-complete .ipt-chk {position:absolute; top:16px; right:16px; background:url(/assets/images/common/ico_ipt_complete.png) no-repeat 50% 50% / 16px 16px; width:16px; height:16px;} 
.ipt-wrap.is-txt-won input[type='text'],
.ipt-wrap.is-txt-won input[type='number'],
.ipt-wrap.is-txt-won input[type='tel'],
.ipt-wrap.is-txt-won input[type='password'],
.ipt-wrap.is-txt-won input[type='search'] {text-align:right; padding-right:25px; font-weight:700; padding-left:12px;} 
.ipt-wrap.is-txt-won .won {position:absolute; top:0; right:11px; line-height:46px; color:#000; font-size:14px;} 
.ipt-wrap.is-txt-won .btn-delete {display:none !important;}
.ipt-wrap.is-txt-won.on .won {right:35px;}
.ipt-wrap.is-txt-won.on .btn-delete {display:inline-block !important;}
.ipt-wrap.is-txt-won.on .ipt.delete {padding-right:52px;}
.ipt-wrap .ipt.delete,
.ipt-wrap .unit {transition:all 0.1s ease-in-out 0s;} 
/* .ipt-wrap:not(.ipt-wrap.is-count) .ipt.delete:not(.ipt.delete.autocompt) {margin:8px 0;} */
.pay-info-wrap .txt-list-disc {margin-top:8px}
.pay-info-wrap .info-list .is-txt-won .ipt {width:227px;}
.form-area .purchase-quantity {margin-top:8px;} 
.purchase-quantity {border:1px solid #e5e5e5; border-radius:6px; display:inline-block; font-size:0;} 
.purchase-quantity > input[type='text'] {width:auto; border:0; text-align:center; padding:0; margin:0; float:left; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; max-width:36px; border-radius:0; background-color:#fff;}
.purchase-quantity > input[type='text'][disabled] {color:#333; cursor:pointer;}
.purchase-quantity .btn-quantity-minus,
.purchase-quantity .btn-quantity-plus,
.purchase-quantity .btn-number-minus,
.purchase-quantity .btn-number-plus {width:36px; height:36px; line-height:36px; text-indent:-9999em; float:left;} 
/*.purchase-quantity .btn-quantity-minus,
.purchase-quantity .btn-number-minus {background:url(/assets/images/common/ico_16_cnt_minus.png) no-repeat 50% 50% / 16px 16px;} 
.purchase-quantity .btn-quantity-plus,
.purchase-quantity .btn-number-plus {background:url(/assets/images/common/ico_16_cnt_plus.png) no-repeat 50% 50% / 16px 16px;} */
.purchase-quantity .btn-quantity-minus,
.purchase-quantity .btn-number-minus {position:relative; border-radius:6px 0 0 6px;} 
.purchase-quantity .btn-quantity-plus,
.purchase-quantity .btn-number-plus {position:relative; border-radius:0 6px 6px 0;} 
.purchase-quantity .btn-quantity-minus:before,
.purchase-quantity .btn-number-minus:before {position:absolute; top:50%; left:50%; content:''; display:block; background-color:#777}
.purchase-quantity .btn-quantity-minus:before,
.purchase-quantity .btn-number-minus:before {width:12px; height:1px; margin-left:-6px;}
.purchase-quantity .btn-quantity-plus:before,
.purchase-quantity .btn-number-plus:before,
.purchase-quantity .btn-quantity-plus:after,
.purchase-quantity .btn-number-plus:after {position:absolute; top:50%; left:50%; content:''; display:block; background-color:#777}
.purchase-quantity .btn-quantity-plus:before,
.purchase-quantity .btn-number-plus:before {width:12px; height:1px; margin-left:-6px;}
.purchase-quantity .btn-quantity-plus:after,
.purchase-quantity .btn-number-plus:after {width:1px; height:12px; margin-top:-6px;}
.purchase-quantity .input-number {padding:0 8px; height:36px; line-height:36px; border-left:1px solid #ccc; border-right:1px solid #ccc; display:inline-block; font-size:16px; vertical-align:top;} 
.purchase-quantity.is-disabled button[disabled],
.purchase-quantity.is-disabled button:disabled,
.purchase-quantity.is-disabled .input-number {background-color:#E5E5E5; color:#999; cursor:not-allowed; border-radius:0;} 
/*.purchase-quantity.is-disabled .btn-quantity-minus,
.purchase-quantity.is-disabled .btn-number-minus {background-image:url(/assets/images/common/ico_16_cnt_minus_dim.png);} 
.purchase-quantity.is-disabled .btn-quantity-plus,
.purchase-quantity.is-disabled .btn-number-plus {background-image:url(/assets/images/common/ico_16_cnt_plus_dim.png);} */

.purchase-quantity.full {display:flex;} 
.purchase-quantity.full .btn-quantity-minus,
.purchase-quantity.full .btn-quantity-plus,
.purchase-quantity.full .btn-number-minus,
.purchase-quantity.full .btn-number-plus {width:46px; height:46px; float:none;} 
.purchase-quantity.full .input-number {flex:1 1 auto; text-align:center; height:46px; line-height:46px; max-width:none !important;} 

.is-srch input[type='text']:-ms-input-placeholder,
.total-search-wrap input[type='text']:-ms-input-placeholder,
.srch-wrap.mart .srch-box .ipt-wrap input[type='text']:-ms-input-placeholder {color:#999}

/* textarea */
textarea {resize:none; min-height:104px; padding:15px 16px;} 
textarea + .counter {text-align:right;} 
textarea + .counter > span {color:#999; font-weight:400;} 
textarea.S {min-height:68px;} 
textarea.SM {min-height:158px;} 
textarea.L {min-height:180px;} 
textarea.XL {min-height:350px;} 

/* 검색 */
.srch-wrap {padding-top:23px;} 
.is-srch input[type='text'] {height:42px; line-height:42px; color:#333; background-color:#f5f5f5; border:0;} 
.is-srch input[type='text']::placeholder {color:#999;}
.srch-box {position:relative;}
.srch-box .btn-srch {background:url(/assets/images/common/ico_24_search.png) center center no-repeat; background-size:24px auto; position:absolute; top:50%; right:12px; width:24px; height:24px; padding:0; background-color:transparent; transform:translateY(-50%); margin-top:-2px;} 
/* .srch-box .btn-srch::before,
.srch-box .btn-srch::after {content:""; position:absolute;} 
.srch-box .btn-srch::before {top:50%; left:50%; width:15px; height:15px; border:2px solid #000; border-radius:50%; transform:translate(-50%, -50%);} 
.srch-box .btn-srch::after {top:15px; left:18px; width:2px; height:6px; background-color:#000; transform:rotate(-50deg);}  */
.srch-box .ipt.delete ~ .btn-delete {right:51px !important;}
.srch-box .ipt-wrap:not(.is-srch) input[type='text'] {height:48px; line-height:48px; color:#000; background-color:#fff; border:1px solid #61cd5f; 
    padding-right:76px; padding-left:71px; background:url(/assets/images/common/showmart_srch_sign.png) no-repeat 12px 50% / 52px 16px #fff; border-radius:4px;} 
.srch-box .ipt-wrap:not(.is-srch) + .btn-srch {width:32px; height:32px;} 
.srch-box .ipt-wrap:not(.is-srch) + .btn-srch::before {width:20px; height:20px;} 
.srch-box .ipt-wrap:not(.is-srch) + .btn-srch::after {top:20px; left:25px; width:2px; height:6px;} 
.srch-box .ipt-wrap:not(.is-srch) input[type='text']::placeholder {color:#999;}
.srch-wrap.mart .srch-box .btn-srch {background:url(/assets/images/common/icon_34_showmart_srch_sign.png) no-repeat center; background-size:34px auto;}
.srch-ctg-wrap .srch-box .form-area .btn-srch {background:url(/assets/images/common/icon_34_showmart_srch_sign.png) no-repeat center; background-size:34px auto;}
.srch-ctg-wrap .side-cont .acco-body .srch-box .btn-srch {background:url(/assets/images/common/ico_24_search.png) center center no-repeat; background-size:24px auto;}

/* 쇼마트 검색 */
/* .srch-wrap.mart .srch-box .ipt-wrap:before {content:""; position:absolute; top:50%; left:12px; display:inline-block; width:52px; height:16px; background:url(/assets/images/common/showmart_srch_sign.png) 0 0 no-repeat; background-size:52px auto; transform:translateY(-50%);} */
.srch-wrap.mart .srch-box .ipt-wrap input[type='text'] {padding:0 48px 0 72px; border-color:#61cd5f; color:#000; border-radius:4px; outline:none;}
.srch-wrap.mart .srch-box .btn-srch:before {border:2px solid #61cd5f;}
.srch-wrap.mart .srch-box .btn-srch:after {width:2px; background-color:#61cd5f;}

/* 키워드 */
/* .keyword {margin-top:16px;}  */
.keyword-wrap .keyword-area .keyword .srch-flag,
.keyword .srch-flag {display:inline-block; position:relative; height:32px; line-height:30px; margin:0 4px 8px 0; padding:0 12px; font-size:13px; font-weight:400; color:#000; border:1px solid #cbe5f9; background-color:#ecf6fd; border-radius:18px;} 
/* .keyword-wrap .keyword-area .keyword .srch-flag::before,
.keyword-wrap .keyword-area .keyword .srch-flag::after,
.keyword .srch-flag::before {content:""; position:absolute; top:50%; right:10px; width:12px; height:12px; background:url(/assets/images/common/icon_12_close_nor.png) no-repeat center; background-size:12px auto; transform:translateY(-50%);}  */
/* .keyword-wrap .keyword-area .keyword .srch-flag::after,
.keyword .srch-flag::after {transform:translateY(-50%) rotate(-45deg);}  */
.srch-side-filt-area .keyword .srch-flag {white-space:nowrap; text-overflow:ellipsis; max-width:100%; overflow:hidden; position:relative; padding-right:30px;}
.srch-side-filt-area .keyword .srch-flag:after,
.srch-side-filt-area .keyword .srch-flag:before {display:block; content:""; position:absolute; right:12px; top:14px; width:10px; height:1px; background:#000;}
.srch-side-filt-area .keyword .srch-flag:after {transform:rotate(45deg);}
.srch-side-filt-area .keyword .srch-flag:before {transform:rotate(-45deg);}

/* 정렬 필터 */

.filt-sort > li:first-child {margin-left:0; padding-left:0;} 
.filt-sort > li:first-child:before {content:none;} 
.filt-sort > li {display:inline-block; position:relative; margin-left:12px; padding-left:12px;} 
.filt-sort > li:before {content:""; position:absolute; top:8px; bottom:8px; left:0; width:1px; background-color:#bbbbbb;} 
.filt-sort > li > .ipt + label {padding-left:0; font-size:15px; color:#999;} 
.filt-sort > li > .ipt:checked + label {font-weight:700; color:#333;} 

/* 필터 리스트 */
.ipt-filt:not(.tab-list) {display:flex; margin-top:8px; text-align:center;} 
.ipt-filt:not(.tab-list) > li {flex:1 1;} 
.ipt-filt:not(.tab-list) > li + li .ipt + label {border-left-width:0;} 
.ipt-filt:not(.tab-list) > li .ipt + label {display:block; height:46px; padding-left:0; line-height:46px; font-size:15px; color:#999; border:1px solid #e5e5e5;} 
.ipt-filt:not(.tab-list) > li .ipt:checked + label {color:#333; border:1px solid #000; font-weight:700;} 
.ipt-filt:not(.tab-list) > li:first-child label {border-top-left-radius:6px; border-bottom-left-radius:6px;} 
.ipt-filt:not(.tab-list) > li:last-child label {border-top-right-radius:6px; border-bottom-right-radius:6px;} 

/* check/radio 리스트 */
.radio-area,
.check-area {margin-top:16px; font-size:0;} 
.radio-area > span,
.check-area > span {display:inline-block;} 
.radio-area > li,
.radio-area > span,
.check-area > li, 
.check-area > span {margin-bottom:16px;} 
.radio-area > li:first-child,
.check-area > li:first-child {margin-top:0;} 

/* input 분할 */
.ipt-half {position:relative; margin-top:8px;} 
.ipt-half:after {content:""; display:table; clear:both;} 
.ipt-half .ipt-wrap,
.ipt-half .date-wrap {float:left; width:calc(50% - 7px); margin:0;} 
.ipt-half .ipt-wrap:last-child, 
.ipt-half .date-wrap:last-child {float:right;} 
.ipt-half .sign {position:absolute; top:50%; left:50%; width:18px; color:#999; font-size:14px; line-height:46px; text-align:center; transform:translate(-48%, -50%);}

.ipt-wrap.half .ipt {width:calc((100% - 13px) / 2); margin-top:0;} 
.ipt-wrap.half .ipt:first-child {margin-right:8px;} 
.ipt-wrap.half ~ .srch-wrap {padding-top:8px !important;} 

/* 달력 */
.ipt-half.date {width:328px; border:1px solid #e5e5e5; border-radius:6px;} 
.ipt-half.date .date-wrap .ipt.date {border:0;} 
.date-wrap {position:relative;} 
.date-wrap .ipt.date {padding:0 16px 0 50px; font-size:15px; } 
.date-wrap .ipt.date::placeholder {color:#333;}
.date-wrap .ui-datepicker-trigger {position:absolute; left:24px; top:0; width:16px; height:46px; overflow:hidden; color:transparent; background:url(/assets/images/common/ico_date_calendar.png) no-repeat 50% 50%; background-size:16px auto;} 
.date-wrap .ui-datepicker-trigger.expose {background:url(/assets/images/common/ico_date_calendar_on.png) no-repeat 50% 50%; background-size:16px auto;} 

.ui-datepicker {min-width:310px; width:auto; padding:13px 0; border:1px solid #000; border-radius:6px; background-color:#fff; z-index:1000 !important;} 
.ui-datepicker .ui-datepicker-title {color:#000; font-size:15px; font-weight:700;} 
.ui-datepicker .ui-datepicker-header,
.ui-datepicker table {margin:0; padding:0;} 

.ui-datepicker-prev.ui-corner-all:after,
.ui-datepicker-next.ui-corner-all:after {content:""; position:absolute; top:50%; left:50%; width:6px; height:6px; border:1px solid #555; border-width:0 1px 1px 0; transform:translate(-50%, -50%) rotate(135deg);} 

.ui-datepicker-next.ui-corner-all:after {border-width:1px 0 0 1px;} 
.ui-datepicker th {width:44px; height:44px; padding:0; line-height:44px; font-size:14px; color:#555;} 
.ui-datepicker td {padding:0; font-size:14px;} 
.ui-datepicker .ui-datepicker-today a {border-radius:50%; background:#eee;} 
.ui-datepicker td .ui-state-default {width:44px; height:44px; padding:0; line-height:44px; color:#777; text-align:center; font-size:14px;} 
.ui-datepicker .ui-datepicker-prev-hover {top:2px; left:2px;} 
.ui-datepicker .ui-datepicker-next-hover {top:2px; right:2px;} 
.ui-datepicker td .ui-state-default:hover {border-radius:50px; background-color:rgba(245, 13, 135, 0.1);} 
.ui-datepicker .ui-datepicker-current-day .ui-state-active {color:#fff; border-radius:50px; background-color:rgba(245, 13, 135, 1);} 

/* 데이트피커 조회 영역 */
.look-up-wrap {display:flex; align-items:center; margin-top:8px;}
.look-up-wrap .ipt-half.date {margin:0 4px 0 0;}
.look-up-wrap .ipt-half.date ~ .btn {min-width:100px; font-weight:700;}

/* select 분할 */
.ipt-half select.ipt:first-child {margin-left:0;} 
.ipt-half select.ipt {margin-left:4px;} 


/* input 주민번호 */
.ipt-half .ipt-wrap.mask .ipt {width:46px; height:46px; padding:0 16px;} 
.ipt-half .mask:after {content:'●●●●●●'; position:absolute; top:50%; padding-left:10px; color:#333; font-size:10px; letter-spacing:3px; transform:translateY(-50%); vertical-align:middle; speak:none;} 

/* 인증번호 */
.count-wrap {margin-top:8px;} 
.count-wrap:after {content:""; display:table; clear:both;} 
.ipt-wrap.is-count {float:left; width:calc(100% - 164px);} 
.ipt-wrap.is-count .count {position:absolute; top:13px; right:16px; font-size:13px; font-weight:400;} 
.count-wrap .btn-area {float:right; margin-top:0;} 
.count-wrap .btn-area .btn {min-width:160px; margin:0;} 

/* 폼테이블 내 계좌인증 */
.form-tbl.type-row .ipt-wrap.certification {float:left; width:calc(100% - 104px)}
.form-tbl.type-row .certi-wrap .btn-area {float:right; margin-top:0;}
.form-tbl.type-row .certi-wrap .btn-area .btn {min-width:100px; margin:0; border-color:#ccc;}

/* 아이디, 인증번호 */
.id-wrap,
.adress-wrap {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;} 
.id-wrap .ipt-wrap:not(.full),
.adress-wrap .ipt-wrap:not(.full) {flex:1 1; margin-right:4px;} 
.id-wrap .btn-area,
.adress-wrap .btn-area {margin-top:0;} 
.id-wrap .btn-area > button,
.adress-wrap .btn-area > button {min-width:100px;} 
.adress-wrap .btn-area > button.btn.color-white.outline-whitegray {color:#000;}
.id-wrap .btn-area > button.btn {color:#000;} 

/* dropdown */
.custom-slt {position:relative; margin-top:40px; z-index:20;} 
.custom-slt + .custom-slt {margin-top:12px;} 
.custom-slt.on .prd-sel {border-color:#333; border-radius:6px 6px 0 0;} 
.custom-slt .prd-sel {display:block; position:relative; padding:13px 40px 13px 16px; border:1px solid #e5e5e5; border-radius:6px;} 
.custom-slt.none .prd-sel {pointer-events:none; background-color:#fafafa; color:#999;}
.custom-slt .prd-sel .prd-num {display:block; margin-bottom:8px; font-size:13px; color:#999;} 
.custom-slt .prd-sel::after {content:""; position:absolute; top:50%; right:16px; width:8px; height:8px; border:1px solid #828282; border-width:2px 2px 0 0; transform:translateY(-50%) rotate(135deg); transition:all 0.25s ease-in-out;} 
.custom-slt.on .prd-sel::after {margin-top:3px; transform:translateY(-50%) rotate(-45deg);} 

.prd-sellist-group {display:none; position:absolute; left:0; right:0; background-color:rgb(255, 255, 255); border:1px solid #333; border-top:0; border-radius:0 0 6px 6px;}
.pop-cont .prd-sellist-group {position:static; overflow:hidden;}
.custom-slt.scroll .prd-sellist-group {max-height:300px; overflow-y:auto;}


.prd-sellist-group > .tit {padding:13px 16px;} 
/* 08-09 이승규 배경색 삭제 */
.prd-sellist-group .prd-sel-list {max-height:278px; overflow-y:auto; /*background-color:#ff0000; */ }
.prd-sellist-group .prd-sel-list > li:first-child {border-top:0;}
.prd-sellist-group .prd-sel-list > li {position:relative; padding:0 16px; border-top:1px solid #eee; overflow:hidden;}
.prd-sellist-group .prd-sel-list > li .sel-list + .btn {position:absolute; top:50%; right:16px; height:28px; padding:0 8px; font-size:13px; border-radius:6px; transform:translateY(-50%);}
.prd-sellist-group .prd-sel-list > li .prd-unit-list.list > li {border-bottom:0;}
.prd-opt-info .tbl-info ~ .custom-slt .prd-sellist-group .prd-sel-list > li.disable .sel-list {pointer-events:none;}
.prd-sellist-group .prd-sel-list > li .sel-list {display:block; padding:14px 0 11px 0;}
.prd-sellist-group .prd-sel-list > li .sel-list > .tit {color:#000;}
.prd-sellist-group .prd-sel-list > li .sel-list .goods {margin:0;}
.prd-sellist-group .prd-sel-list > li .sel-list .prd-img {width:60px; height:60px;}
.prd-sellist-group .prd-sel-list > li .sel-list .prd-info .prd-num {font-weight:700;}
/* 08-19 이승규 수정 */
.prd-sellist-group .prd-sel-list > li .sel-list .prd-info .tit.txt-s {/*min-height:40px; */ padding-right:0;}

.prd-sellist-group .prd-sel-list > li.disable .sel-list .tit *,
.prd-sellist-group .prd-sel-list > li.disable .sel-list .purchase * {color:#999 !important;}
.prd-sellist-group .prd-sel-list > li.disable .sel-list .tit .point-c8,
.prd-sellist-group .prd-sel-list > li.disable .sel-list .point-c8 * {color:#555 !important;}
.prd-sellist-group .prd-sel-list > li .prd-info .purchase .price > em {font-size:18px; font-weight:700;}
.prd-sellist-group .prd-sel-list > li .prd-info .tit .name {color:#000;} 
.prd-sellist-group .prd-sel-list > li .prd-info .comment {line-height:24px; font-size:14px; color:#999;} 
.prd-sellist-group .prd-sel-list > li .prd-info .comment:before {content:""; display:inline-block; width:16px; height:16px; margin-top:-3px; vertical-align:middle; background:url(/assets/images/common/ico_16_qna.png) no-repeat 0 0; background-size:16px auto;} 
.prd-sellist-group .prd-sel-list > li .prd-info .grade .comment:before {content:none;}
.prd-sellist-group .prd-sel-list > li.disable .prd-img:before {content:"일시품절"; position:absolute; left:0; right:0; bottom:0; width:100%; height:18px; line-height:18px; text-align:center; font-size:11px; color:#fff; background-color:rgba(0,0,0,0.6); z-index:20;} 

.prd-sellist-group .prd-sel-list .prd-unit-list .goods .prd-info .grade .num {font-size:14px;} 
/* 08-19 이승규 수정 */
.prd-sellist-group .prd-sel-list .prd-unit-list .goods .prd-info .grade .star-area.all {width:70px; height:14px; /*margin-top:-2px; */ vertical-align:-1px;} 
.prd-sellist-group .prd-sel-list .prd-unit-list .goods .prd-info .grade .star-area.all .star {height:14px; background-size:14px auto;} 
.prd-sellist-group .prd-sel-list .prd-unit-list .goods .prd-info .grade .star-area:before {background-size:14px auto;} 
.prd-sellist-group .prd-sel-list .prd-unit-list .goods .prd-info .grade .star-area.all:before {background-size:14px auto;}

.prd-sellist-group .prd-sel-list > li .sel-list .prd-unit-list.list .goods .prd-info.flex-col {padding:0 0 0 12px;}
.detail-wrap .tit-h4 {color:#000;}
.prd-detail-wrap > .prd-info-area .prd-sellist-group .prd-sel-list .sel-list .prd-info.flex-col .purchase,
.detail-wrap .tab-con-wrap .prd-sellist-group .prd-sel-list .sel-list .prd-info.flex-col .purchase {min-height:0; margin-top:0; line-height:22px;}
.prd-detail-wrap > .prd-info-area .prd-sellist-group .prd-sel-list .sel-list, .tab-con-wrap .tab-con .prd-sellist-group .prd-sel-list .sel-list {padding:14px 0 11px 0; box-sizing:border-box;}
.tab-con .custom-slt .prd-sellist-group .prd-unit-list .goods .prd-info .grade,
.tab-con .custom-slt .prd-unit-list .goods .prd-info .option {margin-top:-3px;} 
/* 08-19 이승규 수정 select 커스템 여백 이슈로 삭제함 다시 넣으려면 문의 요청 */
/* .tab-con-wrap .tab-con .prd-sellist-group ol.prd-sel-list .sel-list {margin:12px 0 10px 0;} */


/* 폼리스트 */
.form-list > li > .label,
.form-list > li > label,
.form-list > li > .type-label {display:block; margin:24px 0 12px;} 
.form-list.type-terms li + li {margin-top:16px;} 
.form-list.type-terms ~ .txt-list-disc {margin:8px 0 0 32px;} 

/* 폼리스트 - 입력형 */
.prd-unit-wrap.typeE + .form-list {margin-top:32px;} 
.form-list .item-th {color:#000; font-size:17px; font-weight:700;} 
.form-list .data-td label {margin:0;} 
.popup .form-list .count-wrap .is-count .count {font-size:13px; font-weight:400;}

/* 폼리스트 - 출력형 */
.form-list.output {display:table;} 
.form-list.output > li {margin-top:16px;} 
.form-list.output > li:first-child {margin-top:0;} 
.form-list.output .item-th,
.form-list.output .data-td {display:table-cell;} 
.form-list.output .item-th {width:109px; margin-right:16px; color:#000;}

/* 폼박스 */
.form-box {padding:24px; background-color:#fafafa; border-radius:6px;}
.form-box .btn-area {margin-top:24px;}
.form-box .btn-area .btn.size-XL {min-width:150px;}
.form-box .btn-area .btn.size-XL {min-width:150px;}
.form-box.no-data {text-align:center;}
.form-box.no-data .btn-area .btn.size-S {min-width:100px;}

.form-box.L {padding:40px;}

/* 카드번호 */
.ipt-number-wrap {display:inline-block; border:1px solid #e5e5e5; border-radius:6px;}
.ipt-number-wrap > .ipt-wrap {display:inline-block; width:82px; margin-top:0;}
.ipt-number-wrap > .ipt-wrap > .ipt {border:0; padding:12px 24px;}

/* ------------------------------------------------------------------------------------- 

공통 checkbox / radio

-------------------------------------------------------------------------------------- */
.ipt[type=checkbox],
.ipt[type=radio] {position:absolute; top:auto; width:24px; min-width:auto; height:24px; margin:0; padding:0; opacity:0; z-index:-1;} 
.ipt[type=checkbox] + label,
.ipt[type=radio] + label {display:inline-block; position:relative; padding-left:32px; line-height:1.8; font-size:15px; font-weight:400; vertical-align:middle; cursor:pointer; z-index:1;}
.ipt[type=checkbox] + label:before,
.ipt[type=radio] + label:before {content:''; position:absolute; top:1px; left:0; width:24px; height:24px; border:1px solid #ccc; 
    border-radius:50%; background-color:#fff; overflow:hidden; box-sizing:border-box; transition:all ease-in-out 0.15s;} 
/* .ipt[type=checkbox]:focus + label,
.ipt[type=radio]:focus + label {text-decoration:underline;} */
/* .ipt[type=checkbox]:focus + label:before,
.ipt[type=radio]:focus + label:before {border-color:#f50d87;}  */

.ipt-filt .ipt + label:before,
.ico-tab .ipt + label:before,
.filt-sort .ipt + label:before,
.ipt-filt .ipt + label:after,
.ico-tab .ipt + label:after,
.filt-sort .ipt + label:after {content:none;} 

 /* checkbox */
 .ipt[type=checkbox] + label:after {content:''; position:absolute; top:7px; left:9px; width:6px; height:9px; border:2px solid #ccc; border-width:0 2px 2px 0; background-color:transparent; overflow:hidden; box-sizing:border-box; transform:rotate(45deg);} 
 .ipt[type=checkbox]:checked + label:before {border-color:#f50d87; background-color:#fff; transition:all ease-in-out 0.15s;} 
 .ipt[type=checkbox]:checked + label:after {border-color:#f50d87; transition:all ease-in-out 0.15s;} 
 /* .ipt[type=checkbox]:checked:focus + label:before {background-color:#f50d87;} 
 .ipt[type=checkbox]:checked:focus + label:after {border-color:#fff;}  */

 /* radio */
 .ipt[type=radio] + label:before {border-radius:50%; transition:border 0.225s, box-shadow ease-in-out 0.225s; background-color:#ccc; box-shadow:inset 0 0 0 5px #fff;} 
 .ipt[type=radio]:checked + label:before {border-color:#f50d87; background-color:#f50d87; transition:border 0.225s, box-shadow ease-in-out 0.225s;} 
 /* .ipt[type=radio]:checked:focus + label:before {border-width:6px; background-color:#fff;}  */
/* ------------------------------------------------------------------------------------- 

swipe

-------------------------------------------------------------------------------------- */
.swiper-wrap {position:relative;} 
.swiper-container {position:static; overflow:hidden;}
.swiper-wrapper {height:auto; box-sizing:border-box;}

/* vertical(위아래) */
.swiper-container.swiper-container-vertical {height:100px; overflow:hidden;} 
.swiper-container.swiper-container-vertical .swiper-wrapper {-webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
.swiper-container.swiper-container-vertical .swiper-slide {min-height:auto;} 
.swiper-container.swiper-container-vertical .swiper-pagination > button {display:inline-block; margin:0;} 
.swiper-container.swiper-container-vertical .swiper-pagination-vertical.swiper-pagination-bullets {transform:translate3d(0, 0, 0);} 
/* 인디케이터(버튼) 영역 */
.swiper-btn-control {z-index:10;} 
.swiper-btn-area {position:absolute; left:50%; bottom:16px; z-index:10; transform:translateX(-50%); white-space:nowrap;} 
.swiper-btn-area >* {margin:0 2px;} 
.swiper-btn-area .swiper-pagination {display:inline-block; position:static; width:auto; height:22px; vertical-align:middle;} 
.swiper-btn-area .swiper-pagination.swiper-pagination-fraction {width:auto; margin:0; padding:0 10px; font-size:0; background-color:rgba(0,0,0,0.3); border-radius:12px;} 
.swiper-btn-area .swiper-pagination.swiper-pagination-fraction > span {line-height:23px; font-size:11px; color:#fff; }
.swiper-btn-area .swiper-pagination.swiper-pagination-fraction > span:nth-child(2) {margin:0 2px;}
.swiper-btn-area .swiper-pagination.swiper-pagination-fraction > .swiper-pagination-total {color:#bbb;} 
.swiper-btn-area .swiper-pagination > button {position:relative; width:20px; height:20px; background-color:transparent; vertical-align:top;} 
.swiper-btn-area .swiper-pagination > button:before {content:""; position:absolute; top:50%; left:50%; width:8px; height:8px; transform:translate(-50%, -50%); border-radius:50%; background-color:#000;} 
.swiper-btn-area .swiper-pagination > button.swiper-pagination-bullet-active:before {background-color:#000;} 
.npage-wrap .swiper-btn-area {position:relative; left:inherit; bottom:inherit; transform:translateX(0); text-align:center; margin-top:40px;}
.npage-wrap .swiper-btn-area .swiper-pagination > button {opacity:1; width:10px; height:8px; margin:0 2px; border-radius:4px; background-color:rgba(85, 85, 85, 0.5); 
	-webkit-transition:all 0.3s; 
	-moz-transition:all 0.3s; 
	-ms-transition:all 0.3s; 
	-o-transition:all 0.3s; 
	transition:all 0.3s; 
}
.npage-wrap .swiper-btn-area .swiper-pagination > button:before {display:none;}
.npage-wrap .swiper-btn-area .swiper-pagination > button.swiper-pagination-bullet-active {width:50px; background-color:#555;}
.npage-wrap .prd-unit-list .goods .prd-info .purchase {min-height:auto;}

/* 정지/재생 */
.swiper-btn-area .btn-visual-play,
.swiper-btn-area .btn-visual-stop {display:inline-block; position:relative; width:22px; height:22px; margin:0 0 0 4px; padding:0; vertical-align:middle; background-color:rgba(0,0,0,0.3); border-radius:50%;} 
.swiper-btn-area .btn-visual-stop:before {content:""; display:inline-block; position:absolute; top:50%; left:50%; width:6px; height:7px; border:1px solid #fff; border-width:0 1px; transform:translate(-50%, -50%);} 
.swiper-btn-area .btn-visual-play {display:none;} 
.swiper-btn-area .btn-visual-play .bar {display:inline-block; width:8px; height:1px; margin:0 1px 5px -4px; background:#fff; transform:rotate(90deg);} 
.swiper-btn-area .btn-visual-play .bar:before,
.swiper-btn-area .btn-visual-play .bar:after {content:""; display:inline-block; position:absolute; top:-4px; width:8px; height:1px; background:#fff;} 
.swiper-btn-area .btn-visual-play .bar:before {-webkit-transform:rotate(56deg); -moz-transform:rotate(56deg); -ms-transform:rotate(56deg); transform:rotate(56deg); right:-2px;} 
.swiper-btn-area .btn-visual-play .bar:after {-webkit-transform:rotate(-56deg); -moz-transform:rotate(-56deg); -ms-transform:rotate(-56deg); transform:rotate(-56deg); right:2px;} 
/* 좌,우 버튼 */
.swiper-button-prev,
.swiper-button-next {top:50%; width:44px; height:44px; margin-top:0; border:1px solid #cbccce; border-radius:4px; transform:translateY(-50%); background:#fff;} 
.swiper-button-prev {left:-22px;} 
.swiper-button-next {right:-22px;} 
.swiper-button-prev:after,
.swiper-button-next:after {content:''; position:absolute; top:50%; left:50%; width:24px; height:24px; transform:translate(-50%, -50%); /*border:2px solid #999; border-width:0 0 2px 2px; transform:translate(-50%, -50%) rotate(45deg); */ } 
.prd-thumb-list .swiper-button-prev:after {width:32px; height:32px; background:url(/assets/images/common/icon_32_back_nor.png) no-repeat center; background-size:32px auto;}
.prd-thumb-list .swiper-button-next:after {width:32px; height:32px; background:url(/assets/images/common/ico_32_back_nor.png) no-repeat center; background-size:32px auto;}
.swiper-button-prev:after {background:url(/assets/images/common/pc_icon_16_arrow_bold_left_nor.png) no-repeat center; background-size:16px auto;} 
.swiper-button-next:after {background:url(/assets/images/common/pc_icon_16_arrow_bold_right_nor.png) no-repeat center; background-size:16px auto;} 
/* .swiper-button-next:after {margin-left:-4px; transform:translate(-50%, -50%) rotate(-135deg);}  */

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {opacity:1; pointer-events:auto; cursor:pointer;} 
.swiper-button-prev.swiper-button-disabled:after,
.swiper-button-next.swiper-button-disabled:after {opacity:0.3; cursor:pointer;} /*0.2가 너무 흐려서 조정필요*/ 

.btn-top .swiper-button-next:after,
.btn-top .swiper-button-prev:after {width:16px; height:16px; /*border:2px solid #999; border-width:0 0 2px 2px; transform:translate(-50%, -50%) rotate(45deg); */ } 
.btn-top .swiper-button-prev:after {background:url(/assets/images/common/pc_icon_16_arrow_bold_left_nor.png) no-repeat center; background-size:16px auto;} 
.btn-top .swiper-button-next:after{background:url(/assets/images/common/pc_icon_16_arrow_bold_right_nor.png) no-repeat center; background-size:16px auto;}

/* 스크롤 인디케이터 */
.swiper-scrollbar {width:100%; height:20px;} 

/* 우측 상단 버튼 type */
.btn-top .swiper-btn-control {position:absolute; top:-55px; right:0;} 
.btn-top .swiper-button-prev,
.btn-top .swiper-button-next {float:left; position:static; transform:translateY(0);} 
.btn-top .swiper-button-prev {border-radius:4px 0 0 4px;} 
.btn-top .swiper-button-prev.swiper-button-disabled,
.btn-top .swiper-button-next.swiper-button-disabled {opacity:0.5; cursor:pointer;}

.btn-top .swiper-button-next {border-left-width:0; border-radius:0 4px 4px 0;} 
.btn-top .swiper-button-prev,
.btn-top .swiper-button-next {width:34px; height:34px;} 
/* .btn-top .swiper-button-prev:after,
.btn-top .swiper-button-next:after {width:10px; height:10px;}  */
.btn-top .swiper-btn-area {float:left; position:static; margin-right:6px; transform:translateX(0);} 
.btn-top .swiper-btn-area .btn-visual-stop,
.btn-top .swiper-btn-area .btn-visual-play {width:34px; height:34px; border-radius:4px; background-color:#fff; border:1px solid #cbccce;} 
.btn-top .swiper-btn-area .btn-visual-stop:before {width:8px; height:12px; border-color:#999; border-width:0 2px;} 
.btn-top .swiper-btn-area .btn-visual-play .bar {position:absolute; top:50%; left:50%; width:0; height:0; margin:0; border-bottom:8px solid #999; border-left:6px solid transparent; border-right:6px solid transparent; transform:translate(-50%, -50%) rotate(90deg);} 
.btn-top .swiper-btn-area .btn-visual-play .bar:before,
.btn-top .swiper-btn-area .btn-visual-play .bar:after {content:none;} 
/* ------------------------------------------------------------------------------------- 

font size

-------------------------------------------------------------------------------------- */
.txt-3xl {font-size:32px !important;} 
.txt-2xl {font-size:28px !important;} 
.txt-xl-2 {font-size:24px !important;} 
.txt-xl {font-size:22px !important;} 
.txt-l {font-size:18px !important;} 
.txt-m {font-size:16px !important;} 
.txt-sm {font-size:15px !important;} 
.txt-s {font-size:14px !important;} 
.txt-xs {font-size:13px !important;} 
/* ------------------------------------------------------------------------------------- 

navigation

-------------------------------------------------------------------------------------- */
.crumbs-wrap {position:relative; width:1200px; margin:18px auto 0; /*margin:18px auto 32px변경 UI_UXW_5018.jsp*/ z-index:10; font-size:0;} 
.crumbs-wrap + .center-wrap > .tit-area > .tit-lg-h1 {margin-top:12px;}
.crumbs > li {display:inline-block; position:relative; padding-left:12px; vertical-align:top;} 
.crumbs > li:first-child {padding-left:0;} 
.crumbs > li:first-child:before {content:none;} 
.crumbs > li:before {content:""; position:absolute; top:3px; left:0; width:12px; height:12px; padding:0 4px; background:url(/assets/images/common/icon_12_more_pre.png) no-repeat center; background-size:12px auto;} 
.crumbs > li:first-child > a {padding-right:0;} 
.crumbs > li:last-child > a {color:#333;} 
.crumbs > li > a {position:relative; padding-right:20px; font-size:13px; color:#777; vertical-align:top; display:block; line-height:16px;}
.crumbs > li > a:before {content:""; position:absolute; top:4px; right:5px; width:5px; height:5px; margin:0 1px 0 1px; border:1px solid #777; border-width:1px 1px 0 0; transform:rotate(135deg); transition:all 0.25s ease-in-out;} 
.crumbs > li.on > a:before {margin-top:3px; transform:rotate(-45deg);} 
.crumbs > li > a:after {content:""; position:absolute; top:0px; right:0; width:17px; height:17px; margin-left:4px; border:1px solid #ccc; border-radius:2px;} 
.crumbs > li:first-child > a:before,
.crumbs > li:first-child > a:after {content:none;}  
.crumbs > li .sibling-menu {display:none; position:absolute; top:23px; left:13px; max-height:306px; overflow:hidden auto; padding:12px; border:1px solid #000; border-radius:4px; background-color:#fff;}
.crumbs > li .sibling-menu ul > li {padding-top:8px;} 
.crumbs > li .sibling-menu ul > li:first-child {padding-top:0;} 
.crumbs > li .sibling-menu ul > li > a {font-size:13px; color:#999; white-space:nowrap;} 
.crumbs > li .sibling-menu ul > li:hover > a {color:#000;} 
/* ------------------------------------------------------------------------------------- 

Pagination

-------------------------------------------------------------------------------------- */
.page-wrap {margin-top:30px; text-align:center;} 
.page-wrap [class*=btn-] {position:relative; width:34px; height:34px; /*margin:0 8px; */ border:1px solid #e5e5e5; border-radius:50%; vertical-align:middle;} 
.page-wrap .btn-prev {margin-right:10px;}
.page-wrap .btn-next {margin-left:10px;}
.page-wrap .btn-prev:before {content:""; position:absolute; top:50%; left:50%; width:12px; height:12px; background:url(/assets/images/common/icon_12_more_bold_left_nor.png) no-repeat center; background-size:12px auto; transform:translate(-50%, -50%);} 
.page-wrap .btn-next:before {content:""; position:absolute; top:50%; left:50%; width:12px; height:12px; background:url(/assets/images/common/icon_12_more_bold_nor.png) no-repeat center; background-size:12px auto; transform:translate(-50%, -50%);} 
.page-wrap [class*=btn-]:disabled {cursor:Default;} 
.page-wrap [class*=btn-]:disabled:before {opacity:0.2;} 
.page-wrap ul {display:inline-block; vertical-align:middle; font-size:0; margin:0 5px;} 
.page-wrap ul > li {display:inline-block; width:30px;} 
.page-wrap ul > li.on > em {/*padding:0 4px; */ font-size:15px; font-weight:700; display:block; text-align:center;} 
.page-wrap ul > li > a {/*padding:0 4px; */ color:#bbb; font-weight:700; display:block; text-align:center;} 
/* ------------------------------------------------------------------------------------- 

Pagination

-------------------------------------------------------------------------------------- */

.state-wrap {position:absolute; top:0; left:0; z-index:10;} 
[class*=flag-] {display:inline-block; vertical-align:middle;}
[class*=flag-] img {position:relative; float:left; z-index:10;} 

/* flag deal/onair */
[class*=flag-deal-] img {width:66px;}
[class*=flag-air-] img {width:68px;} 
.flag-new img {width:32px;}

[class*=flag-] span.val,
[class*=flag-] span.txt {float:left; height:28px; line-height:28px; padding:0 14px 0 20px; margin-left:-14px; background-color:#7f7f7f; border-radius:0 18px 18px 0; vertical-align:middle; font-size:13px; color:#fff;} 
[class*=flag-] span.val em,
[class*=flag-] span.txt em {font-weight:700;} 

[class*=flag-] span.val {} 
[class*=flag-] span.val em {font-size:14px; font-weight:700;} 

.flag-deal-time span.txt {background-color:#2992e3;} 

img[src$='flag_46_onair.png'] {width:46px;} 
img[src$='flag_84_onair.png'] {width:84px;} 
img[src$='flag_24_offair.png'] {width:24px;} 

/* flag bet */
[class*=flag-bet] {min-width:32px; height:32px; padding:0 12px; line-height:32px; color:#fff; border-radius:8px; background-color:#000; text-align:center;} 
.flag-bet-num {border-radius:8px 0 8px 0; font-weight:700; width:40px; padding:0;} 

/* bet close btn */
.btn-close.bet {top:0 !important; right:0 !important; border-radius:0 8px 0 8px; background-color:transparent; z-index:10;} 
.btn-close.bet:before {background:url(/assets/images/common/icon_rectangle.png) no-repeat center; background-size:32px auto;} 
/* .btn-close.bet:after {transform:translate(-50%, -50%) rotate(135deg);}  */

/* flag state */
[class*=flag-state-] {height:24px; padding:0 9px; line-height:24px; border-radius:4px; font-size:13px; font-weight:700;} 
.flag-state-01 {color:#cf3978; background-color:#ffe3ed;} 
.flag-state-02 {color:#f25827; background-color:#ffe1d8;} 
.flag-state-03 {color:#1286e0; background-color:#e3f3fe;} 
.flag-state-04 {color:#04107e; background-color:#e5e7f2;} 
.flag-state-05 {color:#fff; background-color:#000; min-width:56px; text-align:center;} 
.flag-state-06 {color:#fff; background-color:#999; min-width:56px; text-align:center;} 
.flag-state-07 {color:#333; background-color:#f5f5f5;}

/* flag 상품 */
.flag-prd {height:28px; padding:0 9px; line-height:26px; border-radius:4px; font-size:13px; border:1px solid #e5e5e5; background-color:#f5f5f5;} 

/* flag 라운딩 */
.flag-round {height:38px; padding:0 17px; line-height:38px; border-radius:20px; color:#fff; font-size:18px; font-weight:700; background-color:#999;} 

/* flag 기본배송지 */
.flag-basic-adress {height:24px; line-height:23px; padding:0 6px; border:1px solid rgba(245, 13, 135, .4); border-radius:20px; color:#f50d87; font-weight:700; font-size:12px;} 

/* coupon-flag */
[class*=coupon-flag-state-] {height:22px; line-height:22px; padding:0 8px; border-radius:11px; font-size:13px; font-weight:700;} 
.coupon-flag-state-01 {background:#eaefff; color:#333;} 
.coupon-flag-state-02 {background-image:linear-gradient(to left, rgb(249, 39, 235), rgb(245, 13, 135) 85%); color:#fff;} 

/* 래플이벤트 플래그 */
[class*=flag-raffle-] {height:38px; line-height:38px; padding:0 16px; font-size:18px; font-weight:700; border-radius:20px; margin-right:6px;}
.flag-raffle-01 {color:#fff; background-color:#f50d87;}
.flag-raffle-02 {color:#f50d87; border:1px solid #f50d87;}

/* 프로모션 */
.state-wrap.promotion {position:absolute; top:16px; left:16px;}
.state-wrap.promotion [class*=flag-] {display:block; width:60px; height:60px; margin-top:8px; border-radius:6px; font-size:12px; font-weight:700; text-align:center;}
.state-wrap.promotion [class*=flag-]:first-child {margin-top:0;}
.state-wrap.promotion .flag-txt {background-color:#fff; border:1px solid #000; overflow:hidden;}
.state-wrap.promotion .flag-txt .top-txt {height:40px; padding:3px; color:#fff; background-color:#000;}
.state-wrap.promotion .flag-txt .bottom-txt {color:#000;}

/* -------------------------------------------------------------------------------------

컬러

-------------------------------------------------------------------------------------- */
.point-c1 {color:#f50d87 !important;} 
.point-c2 {color:#b51b5b !important;} 
.point-c3 {color:#4a92e2 !important;} 
.point-c4 {color:#ff6e40 !important;} 
.point-c5 {color:#000 !important;} 
.point-c6 {color:#333 !important;} 
.point-c7 {color:#444 !important;} 
.point-c8 {color:#555 !important;} 
.point-c9 {color:#777 !important;} 
.point-c10 {color:#999 !important;} 
.point-c11 {color:#1286e0 !important;} 
.point-c12 {color:#373db9 !important;}
.point-c13 {color:#8e084e !important;}
.point-c14 {color:#5d18ff !important;}
/* -------------------------------------------------------------------------------------

배경

-------------------------------------------------------------------------------------- */
.inner-bgcolor1 {background-color:#fafafa !important; overflow:hidden;}
/* ------------------------------------------------------------------------------------- 

공통 style

-------------------------------------------------------------------------------------- */
/* 폰트굵기 */
.bold {font-weight:700 !important;} 
/* 텍스트 굵기 */
.fwl {font-weight:400 !important;}
.fwm {font-weight:500 !important;} 
.fwb {font-weight:700 !important;} 

/* 넓이100% */
.full {width:100% !important;} 
.center-wrap.full {width:100%; background-color:#fafafa; overflow:hidden;}

/* 정렬 */
.al {text-align:left !important;} 
.ac {text-align:center !important;} 
.ar {text-align:right !important;} 

.block {display:block;} 
.abs {position:absolute;} 

.fl {float:left;} 
.fr {float:right;} 
/* ------------------------------------------------------------------------------------- 

상품 리스트

-------------------------------------------------------------------------------------- */
/* box type - size */
.prd-unit-wrap.typeA .prd-unit-list .goods .prd-img {width:584px; height:328px;} /*k*/
.prd-unit-wrap.typeB .prd-unit-list .goods .prd-img {width:384px; height:216px;} 
.prd-unit-wrap.typeC .prd-unit-list .goods .prd-img {width:300px; height:300px;} 
.prd-unit-wrap.typeD .prd-unit-list .goods .prd-img {width:220px; height:220px;}
.prd-unit-wrap.typeE .prd-unit-list .goods .prd-img {width:168px; height:168px;} 
/* list type - size */
.prd-unit-wrap.typeA .prd-unit-list.list .goods .prd-img {width:458px; height:257px;}
.prd-unit-wrap.typeB .prd-unit-list.list .goods .prd-img {width:240px; height:240px;} 
.prd-unit-wrap.typeC .prd-unit-list.list .goods .prd-img {width:156px; height:156px;} 
.prd-unit-wrap.typeD .prd-unit-list.list .goods .prd-img {width:156px; height:156px;} 
.prd-unit-wrap.typeE .prd-unit-list.list .goods .prd-img {width:90px; height:90px;} 
.prd-unit-wrap.typeF .prd-unit-list.list .goods .prd-img {width:80px; height:80px;} 
.prd-unit-wrap.typeG .prd-unit-list.list .goods .prd-img {width:60px; height:60px;} 

/* 상품 유닛 size 간격/정렬 */
/* 1200 사이즈 */
.prd-unit-wrap.typeD .prd-unit-list:not(.swiper-wrapper):not(.list) > li {flex:0 0 220px; margin-left:25px;}
.prd-unit-wrap.typeD .prd-unit-list:not(.swiper-wrapper):not(.list) > li:nth-child(5n+1) {margin-left:0;}
/* 1200 사이즈 */
.prd-unit-wrap.typeA .prd-unit-list:not(.swiper-wrapper):not(.list) {justify-content:space-between;}
.prd-unit-wrap.typeA .prd-unit-list:not(.swiper-wrapper):not(.list) > li {flex:0 0 584px;}
/* 952 사이즈 (검색필터 결과 영역) */
.srch-result-area .prd-unit-wrap.typeD .prd-unit-list:not(.swiper-wrapper):not(.list) > li {margin-left:24px;}
.srch-result-area .prd-unit-wrap.typeD .prd-unit-list:not(.swiper-wrapper):not(.list) > li:nth-child(4n+1) {margin-left:0;}

/* 상품 유닛 정렬 */
.prd-unit-list:not(.swiper-wrapper):not(.list) {flex-wrap:wrap;} 
.prd-unit-wrap.typeD .prd-unit-list:not(.list) > li:not(.swiper-slide):nth-child(n+6) {margin-top:48px;} 

/* .prd-unit-wrap .prd-unit-list:not(.list) > li {flex-basis:384px;}  */ 
.prd-unit-wrap:not(.typeD) .prd-unit-list:not(.list) > li:not(.swiper-slide):nth-child(n+3) {margin-top:40px;}
.prd-unit-wrap.typeA .prd-unit-list:not(.list) .goods .prd-info .tit {font-size:18px; font-weight:normal !important; margin-bottom:4px; line-height:25px; /*min-height:50px; */ } 
.ie-hate .prd-unit-wrap.typeA .prd-unit-list:not(.list) .goods .prd-info .tit {display:block; max-height:51px; overflow:hidden;}
/* .prd-unit-wrap.typeA .prd-unit-list:not(.list) .goods .prd-info .purchase .sale {font-size:24px;}  */
/* .prd-unit-wrap.typeA .prd-unit-list:not(.list) .goods .prd-info .purchase .price > em {font-size:24px;}  */
.prd-unit-wrap.typeA .prd-unit-list:not(.list) .goods .prd-info .purchase .del {display:inline-block; margin-left:8px;} 
.prd-unit-wrap.typeA .prd-unit-list:not(.list) .goods .prd-info .grade {display:inline-block;}
.prd-unit-wrap.typeA .prd-unit-list:not(.list) .goods .prd-info .saving {display:inline-block;}
.prd-unit-list:not(.list) {display:flex;} 
.prd-unit-wrap .prd-unit-list .goods.none a {pointer-events:none;}

/* 07-05 승규 상품리스트 리스트 타입 갤러리 타입 수정 */
.prd-unit-list.view-type-list {display:block;}
.prd-unit-list.view-type-list .goods {zoom:1;}
.prd-unit-list.view-type-list .goods::before,
.prd-unit-list.view-type-list .goods::after {display:table; content:'';}
.prd-unit-list.view-type-list .goods::after {clear:both;}
.prd-unit-list.view-type-list .goods .prd-img,
.prd-unit-list.view-type-list .goods .prd-info {float:left;}
.prd-unit-list.view-type-list .goods .prd-info {margin:0 0 0 24px; width:calc(100% - 180px); zoom:1; position:relative;}
.prd-unit-list.view-type-list .goods .prd-info::before,
.prd-unit-list.view-type-list .goods .prd-info::after {display:table; content:'';}
.prd-unit-list.view-type-list .goods .prd-info::after {clear:both;}
.prd-unit-list.view-type-list > li {margin-left:0 !important; padding:24px 0; border-bottom:1px solid #eee; margin-top:0 !important;}
.prd-unit-list.view-type-list > li:first-child {padding-top:0;}
.prd-unit-list.view-type-list .prd-info .purchase .btn-arrow {display:block; position:absolute; bottom:0px; left:0px; z-index:100000;}
.prd-unit-list.view-type-list .goods .prd-img {width:156px !important; height:156px !important;}
.prd-unit-list.view-type-list .goods .prd-info .tit {float:left; width:calc(100% - 406px);}
.prd-unit-list.type-all.view-type-list .goods .prd-info .tit {width:calc(100% - 280px);}
.prd-unit-list.view-type-list .goods .prd-info .purchase {float:left; margin-left:40px; width:192px; height:152px; position:relative; z-index:1;}
.prd-unit-list.type-all.view-type-list .goods .prd-info .purchase {width:240px;}
.prd-unit-list.view-type-list .goods .prd-info .btn-area {float:left; margin-left:48px; width:126px; margin-top:0; flex-direction:column; height:156px;}
.prd-unit-list.view-type-list .goods .prd-info .btn-area .purchase-quantity {width:100%; flex:none !important;}
.prd-unit-list.view-type-list .goods .prd-info .btn-area button {flex:none !important;}
.prd-unit-list.view-type-list .goods .prd-info .btn-area .purchase-quantity ~ button {margin:8px 0 0 0 !important; width:100%;}
.prd-unit-list.view-type-list .goods .prd-info .btn-area .purchase-quantity + .btn.only-ico .txt {text-indent:0px !important; display:inline !important;}
.prd-unit-list.view-type-list .goods .prd-info .grade,
.prd-unit-list.view-type-list .goods .prd-info .saving,
.prd-unit-list.view-type-list .goods .prd-info .benefit {position:absolute; left:0px;}
.prd-unit-list.view-type-list .goods .prd-info .grade {top:60px; margin-top:0 !important;}
.prd-unit-list.view-type-list .goods .prd-info .saving {top:92px; margin-top:0 !important;}
.prd-unit-list.view-type-list .goods .prd-info .benefit {top:131px; margin-top:0 !important;}

/* 공익방송 */
.prd-unit-wrap.typeA.public-tving .prd-info {padding:0 0 0 36px;}
.prd-unit-wrap.typeA.public-tving .prd-info>.desc {font-size:22px; font-weight:400; color:#000;}

/* 딜상품 유닛 */
.bnf-price {color:#f50d87; font-size:14px; margin-right:8px;} 

/* 유닛 type - 박스형 */
.prd-unit-list .goods.sold-out .prd-img > a::before {content:"일시품절" !important; position:absolute; left:0; right:0; bottom:0; width:100%; height:36px !important; line-height:36px; text-align:center; font-size:13px; color:#fff; background-color:rgba(0,0,0,0.6) !important; z-index:20; top:auto !important;} 
.prd-unit-list .goods.buy-ing .prd-img > a::before {content:"방송 중 구매가능" !important; position:absolute; left:0; right:0; bottom:0; width:100%; height:36px !important; line-height:36px; text-align:center; font-size:13px; color:#fff; background-color:rgba(0,0,0,0.6) !important; z-index:20; top:auto !important;} 
.smart-opt-wrap .sold-out .prd-img > a:after, .smart-opt-wrap .buy-ing .prd-img > a:after {height:44px; line-height:44px;} 

.prd-unit-list .goods .prd-img {position:relative; overflow:hidden; border-radius:8px;} 
.prd-unit-list .goods .prd-img.certi-adult > a {display:flex; align-items:center; justify-content:center; background-color:#f5f5f5;} 
.prd-unit-list .goods .prd-img.certi-adult > a > img.size-112 {width:112px; height:auto;}
.prd-unit-list .goods .prd-img.certi-adult > a > img.size-80 {width:80px; height:auto;}
.prd-unit-list .goods .prd-img.certi-adult > a > img.size-68 {width:68px; height:auto;}
.prd-unit-list .goods .prd-img.certi-adult > a > img.size-56 {width:56px; height:auto;}
.prd-unit-list .goods .prd-img.certi-adult > a > img.size-38 {width:38px; height:auto;}
.prd-unit-list .goods .prd-img.certi-adult > a > img.size-34 {width:34px; height:auto;}
.prd-unit-list .goods .prd-img > a {display:block; height:100%; position:relative;}
.prd-unit-list .goods .prd-img > a::after {content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.03);}
.prd-unit-list .goods .prd-img > a.img-container {position:relative; width:100%; padding-top:56.25%; background-color:#f5f5f5;}
.video-box .img-box.img-container {position:relative; width:100%; padding-top:56.25%; background-color:#f6f6f6;}
.video-box .img-box.img-container > img {position:absolute; top:50%; left:50%; /*max-width:none; */ transform:translate(-50%, -50%); width:100%; vertical-align:top; object-fit:cover;}
.prd-unit-list .goods .prd-img > a.img-container::after {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0px; left:0px;}
.prd-unit-list .goods .prd-img > a > img {height:100%; width:auto; vertical-align:top; left:50%; position:absolute; transform:translateX(-50%);}
.prd-unit-list .goods .prd-img > a > img.img-nodata {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.prd-unit-list .goods .prd-img > a.img-container > img {position:absolute; top:0; left:50%; height:100%; object-fit:cover; width:auto; transform:translate(-50%, 0);}
.prd-unit-list .goods .prd-img .btn-like {position:absolute; bottom:12px; right:12px; width:36px; height:36px; background-color:transparent; background:url(/assets/images/common/ico-36-heart-w.png) no-repeat 0 0; background-size:36px auto; border-radius:50%; transition:all 0.3s ease-in; z-index:10;}
.prd-unit-list .goods .prd-img .btn-like.is-like {background-color:#f62593;} 
.prd-unit-list .goods.sold-out .prd-img .btn-like, .prd-unit-list .goods.buy-ing .prd-img .btn-like {bottom:46px;}
.prd-unit-wrap .prd-unit-list .goods .prd-img .state-wrap {position:absolute; top:0; left:0;}
.prd-unit-wrap .prd-unit-list .goods .prd-img .state-wrap.promotion {top:12px; left:12px;}
.prd-unit-wrap .prd-unit-list .goods .prd-img .state-wrap.promotion img {width:50px; height:auto;}
/* .prd-unit-wrap .prd-unit-list .goods .prd-img .state-wrap.promotion [class*=flag-] {width:40px; height:40px;} */
.prd-unit-wrap .prd-unit-list .goods .prd-img .state-wrap [class*=flag-] span.val {font-weight:700; background-color:rgba(0, 0, 0, 0.5);}
.prd-unit-list .goods.sold-out .prd-info .btn-like, .prd-unit-list .goods.buy-ing .prd-info .btn-like {z-index:1; position:absolute;}
.prd-unit-wrap .prd-unit-list .goods .prd-img .state-wrap.shopdeal {top:inherit; bottom:0; left:0;}
.prd-unit-wrap .prd-unit-list .goods.sold-out .prd-img .state-wrap.shopdeal, .prd-unit-wrap .prd-unit-list .goods.buy-ing .prd-img .state-wrap.shopdeal {top:inherit; bottom:48px; left:12px;}

.deal-list .state-wrap {left:0 !important; bottom:0 !important; border-radius:6px; background:rgba(0, 0, 0, 0.60); color:#fff; font-size:12px; font-weight:700; padding:0 6px; height:24px; line-height:24px;} 
.deal-list .state-wrap .flag-deal-shop:before {content:'쇼핑엔딜'; font-weight:600; display:inline-block; margin-top:-3px; vertical-align:middle;}
.deal-list.swiper-wrap .state-wrap .flag-deal-shop:after {margin:-3px -2px 0 0; content:''; display:inline-block; width:14px; height:14px; background-size: contain; vertical-align:middle; background: url('data:image/svg+xml,%3Csvg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2.5 6.538L6.239 1.5H10L6.739 5.615H11.5L2.5 12.5L5.783 6.538H2.5Z" fill="%23FEC42F"/%3E%3C/svg%3E') no-repeat center center;}
.deal-list .state-wrap .flag-deal-shop img {display:none;} 
.deal-list .state-wrap .flag-deal-shop span.val:before {margin:-1px 1px 0 0; content:''; display:inline-block; width:14px; height:14px; background-size: contain; vertical-align:middle; background: url('data:image/svg+xml,%3Csvg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2.5 6.538L6.239 1.5H10L6.739 5.615H11.5L2.5 12.5L5.783 6.538H2.5Z" fill="%23FEC42F"/%3E%3C/svg%3E') no-repeat center center;}
.deal-list .state-wrap .flag-deal-shop span.val {float:inherit; line-height:inherit; font-size:inherit; background-color:rgba(0,0,0,0) !important; padding:0; margin:0; display:inline-block;}
.deal-list .state-wrap .flag-deal-shop span.val em {font-size:inherit;} 
 
#main .center-wrap .deal-wrap .prd-unit-wrap.typeA .evn-bnr-area .btn-arrow {top:-32px;}
.prd-unit-wrap.typeA .prd-unit-list .goods .prd-img .state-wrap,
.prd-unit-wrap.typeB .prd-unit-list .goods .prd-img .state-wrap {position:absolute; top:auto; bottom:12px; left:12px; z-index:1;}
.prd-unit-wrap.typeA .prd-unit-list .goods .prd-img .state-wrap.promotion,
.prd-unit-wrap.typeB .prd-unit-list .goods .prd-img .state-wrap.promotion {top:16px; left:16px;}
.prd-unit-wrap.typeB .prd-unit-list .goods .prd-info .price > em {font-size:22px;}
.prd-unit-wrap.typeB .prd-unit-list .goods .prd-info .grade .num {font-size:15px; font-weight:600; margin:0 5px 0 8px;}
.prd-unit-wrap.typeB .prd-unit-list .goods .prd-info .grade .comment {font-size:15px}
.prd-unit-wrap.typeB .prd-unit-list .goods .prd-info .grade .star{margin-top:-2px}
.prd-unit-wrap.typeB .prd-unit-list .goods .prd-info .grade .star-area:before {margin-top:1px;}
.prd-unit-wrap.typeD .prd-unit-list .goods .prd-info .purchase {min-height:auto; margin-top:7px;} /*08-05 UI_UXW_5013.jsp에서는 top:8px */
.prd-unit-wrap.typeB .prd-unit-list .goods .prd-info .purchase .tooltip.open {left:50%; transform:translateX(-50%); top:35px;}
.prd-unit-wrap.typeD .prd-unit-list .goods .prd-info .grade {margin-top:8px; font-size:0;}
.prd-unit-wrap.typeD .prd-unit-list .goods .prd-info .grade .star-area {width:14px; height:14px; vertical-align:-4px;}
.prd-unit-wrap.typeD .prd-unit-list .goods .prd-info .grade .star-area:before {margin-top:0; background-size:14px auto;}
.prd-unit-wrap.typeD .prd-unit-list .goods .prd-info .grade .star {width:14px; height:14px; margin-top:-3px; font-size:14px; background-size:14px auto;}
.prd-unit-wrap.typeD .prd-unit-list .goods .prd-info .grade .num {margin-left:2px;}
.prd-unit-wrap.typeD .prd-unit-list .goods .prd-info .grade .comment {margin-left:3px; font-size:13px;}
.prd-unit-wrap.typeD .prd-unit-list .goods .prd-info .price > em {/*padding-left:1px; */ font-weight:700;} /*padding:4에서 1로 변경 (UI_UXW_5012.jsp)*/
.prd-unit-wrap.typeD .swiper-button-prev::after {width:24px; height:24px; background:url(/assets/images/common/icon_24_arrow_bold_left_nor.png) no-repeat center; background-size:24px auto;}
.prd-unit-wrap.typeD .swiper-button-next::after {width:24px; height:24px; background:url(/assets/images/common/icon_24_arrow_bold_right_nor.png) no-repeat center; background-size:24px auto;}
/* 08-19 승규수정 */
/* .prd-unit-list .goods .prd-info {min-height:90px; margin-top:12px;} */
/* 08-01 승규수정 */
.prd-unit-list .goods .prd-info .tit {display:-webkit-box; width:100%; min-height:42px; line-height:21px; margin-top:16px; color:#000; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; background-color:transparent; font-weight:400; word-break:break-all;}
.ie-hate .prd-unit-list .goods .prd-info .tit {display:block; max-height:42px; overflow:hidden;} 
/*.prd-unit-wrap:not(.typeA) .prd-unit-list:not(.list) .goods .prd-info .tit {min-height:42px; line-height:21px;}*/
.ie-hate .prd-unit-wrap:not(.typeA) .prd-unit-list:not(.list) .goods .prd-info .tit {max-height:42px; overflow:hidden;}
.prd-unit-list .goods .prd-info .purchase {position:relative; margin-top:12px; min-height:50px; font-size:0;} 
.time-list .prd-unit-list .goods .prd-info .purchase {min-height:auto; margin-top:0;}
/* .time-list .prd-unit-list .goods .prd-info .purchase + .btn-area {margin-top:8px !important;} */
.pop-wrap .prd-unit-list .goods .prd-info .purchase {min-height:auto;}
.prd-unit-list .goods .prd-info .purchase > span:first-child, .prd-unit-list .goods .prd-info .purchase > a:first-child {padding-left:0;} 
.prd-unit-list .goods .prd-info .purchase > * {display:inline-block; padding-left:2px;} 
.prd-unit-list .goods .prd-info .purchase .sale {font-size:22px; font-weight:700; color:#f50d87;} 
.prd-unit-list .goods .prd-info .purchase .price {font-size:14px; color:#000;} 
.prd-unit-list .goods .prd-info .purchase > .sale + .price {padding-left:8px;}
.prd-unit-list .goods .prd-info .purchase .buying em {}
.prd-unit-list .goods .prd-info .price > em {font-size:22px; font-weight:700;} 
.prd-unit-list .goods .prd-info .purchase div.price + .del {display:block;} 
.prd-unit-list .goods .prd-info .purchase .del {display:inline-block; margin-top:4px; font-size:14px; font-weight:700; color:#999;}
.prd-unit-list .goods .prd-info .purchase .del em {font-size:22px; text-decoration:line-through;}
.prd-unit-wrap.typeC .prd-unit-list .goods .prd-info .purchase .del,
.prd-unit-wrap.typeD .prd-unit-list .goods .prd-info .purchase .del {display:block;}
.prd-unit-wrap.typeA .prd-unit-list .goods .prd-info .purchase .del,
.prd-unit-wrap.typeC .prd-unit-list .goods .prd-info .purchase .del,
.prd-unit-wrap.typeD .prd-unit-list .goods .prd-info .purchase .del {font-size:14px; font-weight:400;}
.prd-unit-wrap.typeA .prd-unit-list .goods .prd-info .purchase .del em,
.prd-unit-wrap.typeC .prd-unit-list .goods .prd-info .purchase .del em,
.prd-unit-wrap.typeD .prd-unit-list .goods .prd-info .purchase .del em {font-size:14px; font-weight:400;}
.prd-unit-wrap.typeE .prd-unit-list .goods .prd-info .purchase .del {display:block;}
.prd-unit-wrap.typeD .prd-unit-list .goods .prd-info .btn-like {z-index:1; position:absolute;}
.prd-unit-list .goods .prd-info .purchase > span + .buying {position:absolute; top:7px; right:0; color:#555; font-size:14px;} 
.prd-unit-list .goods .prd-info .purchase > span + .new {position:absolute; width:28px; height:10px; top:4px; right:0; background:url(/assets/images/common/icon_new.png) no-repeat center; background-size:28px 10px;}

.deal-list .prd-unit-list .goods .prd-info .purchase > span + .buying,
.deal-list .prd-unit-list .goods .prd-info .purchase > span + .new {color:#6164BA; font-size:12px; }  
.deal-list .prd-unit-list .goods .prd-info .purchase > span + .new {width:auto; background:none; height:auto; top:7px; }
.deal-list .prd-unit-list .goods .prd-info .purchase > span + .new:before {content:'신규 딜 상품';}

.prd-unit-list .goods .prd-info .grade {margin-top:4px;} 
.prd-unit-list .goods .prd-info .grade > span {display:inline-block; /*vertical-align:middle; */ } 
.prd-unit-list .goods .prd-info .grade .star-area {position:relative; width:12px; height:12px;} 
.prd-unit-list .goods .prd-info .grade .star-area:before {content:""; position:absolute; top:50%; left:0; width:100%; height:100%; margin-top:3px; background:url('/assets/images/common/ico_star.png') repeat 0 0; background-size:12px auto; transform:translate(0, -50%);} 
.prd-unit-list .goods .prd-info .grade .star {position:absolute; top:50%; left:0; width:12px; height:12px; background:url('/assets/images/common/ico_star.png') repeat 0 100%; background-size:12px auto; transform:translate(0, -50%); font-size:13px; } 
.prd-unit-list .goods .prd-info .grade .star-area.all {width:100px; height:20px; vertical-align:top;} 
.prd-unit-list .goods .prd-info .grade .star-area.all:before {background-size:20px auto;} 
.prd-unit-list .goods .prd-info .grade .star-area.all .star {max-width:100px; width:100%; height:20px; background-position:0 100%; background-size:20px auto;} 
.prd-unit-list .goods .prd-info .grade .num {font-size:13px; font-weight:400;} 
.prd-unit-list .goods .prd-info .grade .comment {font-size:14px; font-weight:400; color:#999; } 
.prd-unit-list .goods .prd-info .saving {position:relative; margin-top:4px;} 
.prd-unit-list .goods .prd-info .grade + .saving {margin-top:8px;} 
.prd-unit-list .goods .prd-info .saving > span {padding-right:4px;} 
.prd-unit-list .goods .prd-info .saving .save {padding-left:17px; font-size:13px; color:#4a92e2; background:url('/assets/images/common/ico_13_prd_save.png') no-repeat 0 1px; background-size:13px auto;}
.prd-unit-list .goods .prd-info .saving .save > em {font-weight:700; } 
.prd-unit-list .goods .prd-info .saving .relay {padding-left:18px; font-size:13px; background:url('/assets/images/common/ico_16_relay.png') no-repeat 0 50%; background-size:16px auto;} 

.prd-unit-list .goods .prd-info .benefit {margin-top:6px; font-size:0;} 

.prd-unit-list .goods .prd-info .benefit > span {display:inline-block; padding-right:6px; font-size:13px; color:#999;} 

.prd-unit-list .goods .prd-info .btn-area {flex-wrap:nowrap; margin-top:24px;} 
.prd-unit-list .goods .prd-info .btn-area.inner .btn:first-child .ico.size-24.cart {width:24px; height:24px; background-size:24px 24px !important;} 
.prd-unit-list.list .goods .prd-info .btn-area.inner .btn .ico.size-24.cart {width:16px; height:16px; background-size:16px 16px !important;} 
.prd-unit-list:not(.list) .goods .prd-info .btn-area .purchase-quantity {flex:1 1 auto; height:36px; overflow:hidden;} 
.prd-unit-list:not(.list) .goods .prd-info .btn-area .purchase-quantity .input-number {width:calc(100% - 72px); text-align:center; max-width:none;} 

.prd-unit-list .goods .prd-info .option {margin-top:4px;} 
.my-order-list .prd-unit-list .goods .prd-info .option {margin-top:8px;}
.prd-unit-list .goods .prd-info .option span {color:#999; font-size:13px;}
.prd-unit-list .goods .prd-info .option span + span:before {content:''; display:inline-block; width:1px; height:12px; background-color:#e5e5e5; margin:-2px 8px 0 8px; vertical-align:middle;}

/* .prd-unit-wrap.typeD .prd-unit-list .goods .prd-img .state-wrap { top:0; left:0;} */

/* 공통 유닛 버튼 */
.prd-unit-list:not(.list) .goods .prd-info .btn-area .btn.only-ico.full {flex:0 0 100%; padding:0 8px;} 
.ie-hate .prd-unit-list:not(.list) .goods .prd-info .btn-area .btn.only-ico.full{flex-shrink:1;}
.prd-unit-list:not(.list) .goods .prd-info .btn-area .purchase-quantity + .btn.only-ico {flex:0 0 36px; padding:0 0; margin-left:4px;} 
/* 08-22 이승규 IOS 이슈로 인해 넌 처리 */
.prd-unit-list:not(.list) .goods .prd-info .btn-area .purchase-quantity + .btn.only-ico .txt {text-indent:-9999em; display:none;} 
.prd-unit-list:not(.list) .goods .prd-info .btn-area .btn.only-ico .txt {display:inline-block; vertical-align:middle;} 
.prd-unit-list.list .goods .prd-info .btn-area .btn.size-XL {min-width:160px;}
.prd-unit-list.list .goods .prd-info .btn-area .btn.size-XL.only-ico {min-width:46px !important;}
.prd-unit-list.list .goods .prd-info .btn-area .btn.size-XL.only-ico .txt {display:inline-block; position:absolute !important; width:1px; height:1px; margin:-1px; clip-path:inset(50%); clip:rect(1px, 1px, 1px, 1px); border:0; overflow:hidden;} 

/* 유닛 type - 리스트형 */
.prd-unit-wrap.typeA .prd-unit-list.list .goods .prd-info .tit {font-size:22px; line-height:30px;}
.prd-unit-wrap.typeA .prd-unit-list.list .goods .prd-info .purchase {min-height:32px; line-height:0; margin-top:0;}
.prd-unit-wrap.typeA .prd-unit-list.list .goods .prd-info .purchase .price > em {display:inline-block;}
.prd-unit-wrap.typeA .prd-unit-list.list .goods .prd-info .btn-area {margin-top:24px;}
.prd-unit-wrap.typeA .prd-unit-list.list .goods .prd-info .btn-area button + button {margin-left:8px;}
.prd-unit-wrap.typeA .prd-unit-list.list .goods .prd-info .purchase .del {font-weight:400;}
.prd-unit-wrap.typeA .prd-unit-list.list .goods .prd-info .tit.tit-h2 {margin-bottom:16px; min-height:auto;}
.ie-hate .prd-unit-wrap.typeA .prd-unit-list.list .goods .prd-info .tit.tit-h2 {max-height:65px;}
.time-list > li.onair .prd-unit-wrap.typeA .prd-unit-list.list .goods .prd-info .tit.tit-h2 {margin-top:8px;}
.prd-unit-wrap.typeA .prd-unit-list.list .goods .prd-info .purchase .price {line-height:1.143; vertical-align:baseline;}
.prd-unit-wrap.typeB .prd-unit-list.list .goods .prd-info .grade {margin-top:14px; font-size:0;}
.prd-unit-wrap.typeB .prd-unit-list.list .goods .prd-info .tit {margin-top:12px; font-size:22px; line-height:31px;}
.prd-unit-wrap.typeB .prd-unit-list.list .goods .prd-info .origin {margin-top:12px; font-size:22px; line-height:31px;}
.prd-unit-wrap.typeB .prd-unit-list.list .goods .prd-info .purchase .sale {margin-top:6px; font-size:32px;}
.prd-unit-wrap.typeB .prd-unit-list.list .goods .prd-info .purchase .price > em {margin-top:6px; font-size:32px;}
.prd-unit-wrap.typeB .prd-unit-list.list .goods .prd-info .saving {height:32px}
.prd-unit-wrap.typeB .prd-unit-list.list .goods .prd-info .prd-boon-coupon {padding:12px 20px;}
.prd-unit-wrap.typeB .prd-unit-list.list .goods .prd-info .prd-boon-con {padding:0 20px;}

.prd-unit-wrap.typeD .prd-unit-list.list .goods .prd-info .tit {margin-top:8px;}
.prd-unit-wrap.typeD .prd-unit-list .goods .prd-info .benefit {margin-top:7px;}
/* 08-17 이승규 min-height 삭제 */
.prd-unit-wrap.typeF .prd-unit-list.list .goods .prd-info .tit {/*min-height:36px; */ line-height:initial; font-size:14px;}
.my-order-list .prd-unit-wrap.typeF .prd-unit-list.list .goods .prd-info .tit {min-height:auto;}
.prd-unit-wrap.typeF .prd-unit-list .goods .prd-info .purchase {margin-top:8px;}
.prd-unit-wrap.typeF .prd-unit-list.list .goods .prd-info .price > em {font-size:18px;}

.prd-unit-wrap.typeG .prd-unit-list.list .goods .prd-info .tit {font-size:14px;}
.prd-unit-wrap.typeG .prd-unit-list.list .goods .prd-info .price > em {font-size:18px;}
.prd-unit-wrap.typeG .prd-unit-list.list .goods .prd-info .option > span {font-size:13px; font-weight:400;}

.prd-unit-list.list > li {border-bottom:1px solid #eee;} 
.prd-unit-list.list .goods {display:flex; margin:24px 0;} 
.prd-unit-list.list .goods .prd-info .state-wrap {position:static;}
.prd-unit-list.list .goods .prd-info .tit {margin-top:0;} 
.prd-unit-list.list .goods .prd-img {flex:0 0 auto;} 
.prd-unit-list.list .goods .prd-info {flex:1 1 auto; margin-top:0; padding:0 15px 0 12px; transition:all 0.20s ease-in-out;} 
.prd-detail-wrap .bnf-item .prd-unit-wrap.typeG .prd-unit-list.list .goods .prd-info {padding:0 0 0 8px;}
.prd-unit-list.list .goods .prd-info.flex-row .btn-area {flex:0 0 126px; justify-content:center; flex-direction:column;} 

.prd-unit-list.list .goods .prd-info .purchase:after {content:""; display:table; clear:both;} 
.prd-unit-list.list .goods .prd-info .purchase .btn-area {position:absolute; top:6px; right:0; margin-top:0;} 

.prd-unit-list.list .goods .prd-info .saving {margin-top:30px;} 
.prd-unit-list.list .goods .prd-info .saving.mup {margin-top:-32px; margin-bottom:24px;}
.prd-unit-list.list .goods .prd-info .saving > .btn-area {position:absolute; top:-10px; right:0; margin-top:0;} 

.prd-unit-list.list .goods .prd-info .saving .btn-area .sns-wrap .btn-tip {width:32px; height:32px; border:0;} 
.prd-unit-list.list .goods .prd-info .saving .btn-area .sns-wrap .btn-tip:after {width:32px; height:32px; background:url(/assets/images/common/ico_32_share.png) no-repeat 50% 50%; background-size:32px auto;} 

.prd-unit-list.list .goods .prd-info .saving > .btn-area > * {padding:0 12px;} 
.prd-unit-list.list .goods .prd-info .saving > .btn-area > *:before {content:""; position:absolute; top:6px; bottom:6px; left:0; width:1px; background-color:#e5e5e5;} 
.prd-unit-list.list .goods .prd-info .saving > .btn-area > *:first-child:before {content:none;} 

.prd-unit-list.list .goods .prd-info .saving .btn-area .btn.only-ico {position:relative; margin:0 0 0 16px;} 
.prd-unit-list.list .goods .prd-info .saving .btn-area .btn.only-ico:before {content:""; position:absolute; left:-8px; top:8px; bottom:8px; width:1px; background-color:#e5e5e5;} 
.prd-unit-list.list .goods .prd-info .saving .btn-area .btn.only-ico:first-child:before {content:none;} 
.prd-unit-list.list .goods .prd-info .btn-area .purchase-quantity {display:flex; width:100%;} 
.prd-unit-list.list .goods .prd-info .btn-area .purchase-quantity .input-number {flex:1 1 auto; text-align:center;}

.pop-cont .pop-body [class*=txt-list-].sm > li {font-size:14px;} /*UI_UXW_7024.jsp*/
.pop-cont .prd-unit-list.list .goods .prd-info {padding:0 14px 0 16px; min-height:auto; justify-content:unset;}
.pop-cont .prd-unit-wrap.typeG ~ .msg-box.msg {margin-bottom:0;}

/* flex 유닛 */
.prd-unit-list .goods .prd-info.flex-row,
.prd-unit-list .goods .prd-info.flex-col {display:flex;}
.ie-hate .prd-unit-list .goods .prd-info.flex-col {display:block;} 
/* 08-19 이승규 수정 */
.prd-unit-list .goods .prd-info.flex-col {flex-direction:column; /*justify-content:space-between; */}

.prd-unit-list.list .goods .prd-info .btn-area.sns .btn {flex:none; width:auto;} 
.prd-unit-list.list .goods .prd-info .btn-area {justify-content:flex-start; right:0; top:auto; bottom:0; margin-top:8px;} 
.prd-unit-list.list .prd-info .btn-area .btn {display:block; flex:0 0 36px; width:100%; margin-top:8px; padding:0 8px;} 
.prd-unit-list.list .prd-info .btn-area.inner .btn.only-ico .txt {display:inline-block; vertical-align:middle;} 

.prd-unit-list.list .prd-info.flex-row {display:flex;} 
.prd-unit-list.list .prd-info.flex-row > .inner {position:relative; flex:1 1 auto; margin-top:0;} 
.prd-unit-list.list .prd-info.flex-row .tit {flex:0 0 400px;} 
.prd-unit-list.list .prd-info.flex-row .purchase .del {display:block;} 
.prd-unit-list.list .prd-info.flex-row .benefit {position:absolute; bottom:8px; left:0;} 
.prd-unit-list .prd-info .purchase .btn-arrow {display:none;} 
.prd-unit-list.list .prd-info.flex-row > .purchase.inner {flex:0 0 210px;} 
.prd-unit-list.list .prd-info.flex-row .purchase.inner .btn-arrow {display:block; position:absolute; left:0; bottom:0; color:#000;} 

.prd-unit-list.list .prd-info.flex-row .inner .grade,
.prd-unit-list.list .prd-info.flex-row .inner .saving {margin-top:12px;} 

/* 팝업 유닛 */
.popup .prd-unit-list.list > li:last-child {border-bottom:0;} 
.popup .pop-body .form-list .data-td .radio-area, 
.popup .pop-body .form-list .data-td .check-area {margin-top:15px;}
.popup .pop-body .form-list .data-td label {font-size:15px;}
.popup .pop-body .form-list .data-td .radio-area > span,
.popup .pop-body .form-list .data-td .check-area > span {min-width:91px; margin:0 0 24px 0;}
.popup .pop-body .form-list + .msg-box > .txt-list-disc li {line-height:20px; font-size:14px;}
/* .popup .prd-unit-list.list > li:last-child .goods {margin-bottom:0;}  */

/* 상품 유닛 inner */
.srch-result-area .recomm-wrap + .unit-type-wrap,
.srch-result-area .prd-unit-wrap + .unit-type-wrap {margin-top:72px;}
.side-cont .srch-result-area > .unit-type-wrap {margin-top:56px;} 
.side-cont .srch-result-area > .prd-unit-wrap.typeD + .unit-type-wrap {margin-top:56px;} /*UI_UXW_7001.jsp*/
.side-cont .srch-side-filt-area + .srch-result-area > .unit-type-wrap {margin-top:16px;} /*UI_UXW_7047.jsp*/
.side-cont .srch-side-filt-area + .srch-result-area > .side-info.line {margin-top:16px;} /*UI_UXW_5012.jsp*/
.side-cont .srch-side-filt-area + .srch-result-area > .recomm-wrap.swiper-wrap {margin-bottom:56px;} /*UI_UXW_1005.jsp*/
.unit-type-wrap .unit-con-wrap {margin-top:24px;}
/* ------------------------------------------------------------------------------------- 

title

-------------------------------------------------------------------------------------- */
.tit-area [class*=tit-lg-h] {text-align:center;} 
.tit-lg-h1 {margin:50px 0; font-size:32px; font-weight:700; color:#000;} 
.sub-tit-area {display:table; width:100%;} 
.sub-tit-area .fl,
.sub-tit-area .fr {display:table-cell; float:none;} 
.sub-tit-area .fl {text-align:left;} 
.sub-tit-area .fr {text-align:right;} 
.sub-tit-area .tit-h1 {margin:56px 0 24px;} 
.sub-tit-area strong.tit-h1 {display:block;} 
.sub-tit-area .tit-h4 {margin:56px 0 24px; color:#000;} 
.sub-tit-area.tit-soat {position:relative;}
.sub-tit-area.tit-soat .sr {width:56px; position:absolute; right:0; top:56px;}    

strong[class*=tit-] {display:block;} 
.tit-xl-h1 {margin:40px 0 24px; font-size:32px; font-weight:700;}
.tit-h1 {margin:24px 0; font-size:24px; font-weight:700; color:#333;} 
.tit-h2 {margin:24px 0; font-size:22px; font-weight:700; color:#000;} 
.tit-h3 {font-size:20px; font-weight:700; color:#000;} 
.tit-h4 {margin:24px 0; font-size:18px; font-weight:700; color:#000;} 
.tit-h5 {margin:24px 0 16px; font-size:16px; font-weight:700;} 
.tit-h6 {font-size:14px; font-weight:700;} 

.tit-area {position:relative;}
.tit-area .desc {margin-top:16px; color:#777; font-size:15px;} 
.tit-area [class*=tit-] + .desc {margin-top:-8px;} 
.sub-tit {display:block; margin:24px 0; color:#000;} 
/* -------------------------------------------------------------------------------------

title + sub title

-------------------------------------------------------------------------------------- */
.tit-extra {} 
.tit-extra [class*=tit-] {margin:0;} 
.tit-extra .tit {font-size:18px; font-weight:700; color:#333;} 
.tit-extra .desc {font-size:14px; color:#555;} 
/* ------------------------------------------------------------------------------------- 

title + Tab

-------------------------------------------------------------------------------------- */
.side-info {display:flex; justify-content:space-between; align-items:center; margin:24px 0 16px;} 
.side-info.terms-tit {margin:10px 0 0;}
.side-info .sl,
.side-info .sr {font-size:0;} 
.side-info .sl > .bold {font-size:15px;}
.center-wrap:first-child .side-info .sl .tab-wrap:first-child {margin:0;}
.side-info .sl .tab-list {margin:0;}
.side-info .sl .tab-list > li {margin-right:10px; padding-right:10px; position:relative;}
.side-info .sl .tab-list > li:after {content:''; width:1px; height:12px; background:#ccc; display:block; position:absolute; right:0px; top:6px;}
.side-info .sl .tab-list > li:last-child:after {display:none;}
.side-info .sl .tab-list > li > a {height:inherit; min-height:inherit; line-height:inherit; border:0; color:#999;}
.side-info .sl .tab-list > li.on > a {color:#000;}

.side-info.line {padding-bottom:12px; border-bottom:1px solid #eee;} 
.side-info .sr > [class*=-area] {display:inline-block; position:relative; margin-top:0; vertical-align:middle;} 
.side-info .sr > [class*=-area]:before {content:""; position:absolute; top:6px; bottom:6px; left:0; width:1px; background-color:#bbb;} 
.side-info .sr > [class*=-area]:first-child:before {content:none;} 
.side-info .sr > .type-area {margin-left:12px;} 
.side-info .sr .date {font-size:15px; font-weight:400;}

.center-wrap .tbl-info:first-child {margin:40px 0 16px;} /* UI_UXW_3061.jsp */
.center-wrap .tbl-info:first-child {margin:32px 0 16px}
.content .center-wrap > .tbl-info {margin-top:56px;}
.tbl-info {margin:24px 0 16px;} 
.tbl-info {display:table; width:100%; margin:24px 0 16px;} 
.tbl-info .fl > .ipt[type=checkbox] + label, 
.tbl-info .fl > .ipt[type=radio] + label {font-size:15px;}
.tbl-info .fl,
.tbl-info .fr {float:none; display:table-cell; text-align:left; vertical-align:middle;} 
.tbl-info .fr {text-align:right; font-size:0;} 
.tbl-info .fr > * {font-size:15px;}
.tbl-info .fr > button + button {margin-left:8px;} /* UI_UXW_3059.jsp 버튼 사이즈 통일화필요 */
.tbl-info .fr > .btn-area {display:block; margin-top:0; font-size:0;} 
.center-wrap .tbl-info + .nodata.type-line {margin-top:24px;}
.line {padding-bottom:16px; border-bottom:1px solid #333;} 

/* ------------------------------------------------------------------------------------- 

title + 설명

-------------------------------------------------------------------------------------- */
.tit-area ~ .desc {margin-top:16px; font-size:14px; color:#777; line-height:24px;} 
.tit-area ~ .desc +.desc {margin-top:24px;} 
.tit-area ~ .desc>em {display:block; padding-bottom:8px; color:#333;}
.tit-area ~ .desc br {content:''; display:block; width:100%; line-height:1; margin-top:-5px;}
/* -------------------------------------------------------------------------------------

Tab

-------------------------------------------------------------------------------------- */
/* 1 Depth */
.tab-list {margin:56px 0 32px; display:flex; text-align:center;} 
.tab-list > li {flex:1 1 auto; /*border-bottom:1px solid #e5e5e5; */}/*border*/
.tab-list > li > a {display:block; height:68px; line-height:62px; font-size:16px; color:#000; border-bottom:1px solid #e5e5e5;} 
.tab-list > li.on > a {min-height:60px; font-weight:700; border-bottom:2px solid #000; border-collapse:separate;} 
.tab-con-wrap {margin-top:24px; padding-top:0;} 
.tab-con-wrap .tab-con {display:none;} 
.tab-con-wrap .tab-con.on {display:block; margin-top:40px;} 
.tab-con-wrap .tab-con > .srch-wrap {padding-top:0;} 

/* 2 Depth */
.ipt[type=radio] {position:absolute; top:auto; width:24px; min-width:auto; height:24px; margin:0; padding:0; opacity:0; z-index:-1;} 

 /* 공통 카테고리 탭(기획/쇼마트 검색결과 등) */
 [class*=-ctg-wrap] {margin:0 56px;}
 .tit-area + [class*=-ctg-wrap] {margin:-24px 56px 0;}
 /* 아이콘 탭 */
.tit-area + [class*=-ctg-wrap].tab-wrap .tab-list.ico-tab {margin:0 0 50px;}
.tab-wrap .tab-list.ico-tab {margin:50px -12px;}
.tab-wrap .tab-list.ico-tab .swiper-wrapper > li {flex:0 0 auto; padding:0 10px; border:0;} 
.tab-wrap .tab-list.ico-tab .swiper-wrapper > li > .ipt + label {padding-left:0;} 
.tab-wrap .tab-list.ico-tab .swiper-wrapper > li > .ipt + label .ico_wrap {display:flex; justify-content:center; align-items:center; width:80px; height:80px; border-radius:50%; background-color:#f5f5f5; border:1px solid #eee; overflow:hidden; margin:0 auto;}
.tab-wrap .tab-list.ico-tab .swiper-wrapper > li > .ipt + label .ico_wrap > img {max-width:48px;} 
.tab-wrap .tab-list.ico-tab .swiper-wrapper > li > .ipt:checked + label .ico_wrap {border:1px solid #000;}
.tab-wrap .tab-list.ico-tab .swiper-wrapper > li > .ipt:checked + label .tit {font-weight:700; text-decoration:none;}
.tab-wrap .tab-list.ico-tab .swiper-wrapper > li > label .tit {display:block; margin-top:8px; font-size:15px; word-break:keep-all; line-height:21px;} 
.ie-hate .tab-wrap .tab-list.ico-tab .swiper-wrapper > li > label .tit {word-break:break-all;}
.tab-wrap .tab-list.ico-tab .swiper-btn-control .swiper-button-prev,
.tab-wrap .tab-list.ico-tab .swiper-btn-control .swiper-button-next {top:25px; left:-56px; width:32px; height:32px; border:0; transform:translateY(0);} 
.tab-wrap .tab-list.ico-tab .swiper-btn-control .swiper-button-next {left:auto; right:-56px;}

.center-wrap ~ .center-wrap .tab-wrap:first-child .tab-list.ipt-filt {margin:72px 0px 40px 0;} 
.center-wrap:first-child .tab-wrap:first-child {margin:50px 0 40px;} 

.tab-list.ipt-filt {display:flex; position:relative; flex-wrap:wrap; margin:40px 0; text-align:center; z-index:100; background-color:#fff; width:100%; border:solid #e5e5e5; border-width:1px 1px 1px 0;}
.tab-list.ipt-filt.sticky {position:sticky; top:73px; margin-bottom:56px;}
.tab-list.ipt-filt:after, .tab-list.ipt-filt:before {content:""; display:block; z-index:-1; position:absolute; height:100%; border:solid #e5e5e5; border-width:0 1px; width:calc(20% + 1px); background:#fff;}
.tab-list.ipt-filt:after {left:20%;}
.tab-list.ipt-filt:before {right:calc(20% - 1px);}
.tab-list.ipt-filt > li {flex:0 0 calc(20% + 1px); height:45px; line-height:46px; position:relative; border:0 solid #e5e5e5; border-width:0 0 0 1px; margin-right:-1px;}
.tab-list.ipt-filt > li .ipt + label {display:block; height:46px; padding:0; line-height:46px; color:#777; font-size:15px; font-weight:400; z-index:1; border:solid #e5e5e5; border-width:0 0 1px 0; box-sizing:border-box;} 
.tab-list.ipt-filt > li .ipt[type=radio]:checked + label {font-weight:700; color:#000; border:1px solid #000; z-index:2; position:absolute; left:-1px; top:-1px; width:calc(100% + 1px); height:47px; text-indent:1px;}
.tab-list.ipt-filt > li:nth-child(5n) .ipt[type=radio]:checked + label {width:calc(100% + 2px); text-indent:0px;}

.tab-list.ipt-filt.div-4:after, .tab-list.ipt-filt.div-4:before {width:calc(25% + 1px);}
.tab-list.ipt-filt.div-4:after {left:25%;}
.tab-list.ipt-filt.div-4:before {right:calc(25% - 1px);}
.tab-list.ipt-filt.div-4 > li {flex-basis:calc(25% + 1px)}
.tab-list.ipt-filt.div-4 > li:nth-child(5n) .ipt[type=radio]:checked + label {width:calc(100% + 1px); text-indent:1px;}

.ie-hate .tab-list.ipt-filt > li{width:calc(20% + 1px);}
.ie-hate .tab-list.ipt-filt > li:last-child {margin-right:-1px;}
.ie-hate .tab-list.ipt-filt.div-4 > li{width:calc(25% + 1px); flex-basis:auto;} 

/* 3 Depth */
.tab-list.etc {display:flex; margin:56px 0 32px; text-align:center; border-top:1px solid #000; /*border-bottom:1px solid #e5e5e5; */ } 
.tab-list.etc > li {flex:0 0 25%; border:0;} 
.tab-list.etc.half > li {flex:0 0 50%;}
.tab-list.etc > li > a {font-size:17px; color:#333;} 
.tab-list.etc > li > a > em {font-size:18px; font-weight:400; color:#777;} 
.detail-wrap .tab-list.etc > li > a {height:68px;}
/* ------------------------------------------------------------------------------------- 

공통 - 닫기 버튼

-------------------------------------------------------------------------------------- */
.btn-close {position:absolute; top:20px; right:24px; width:32px; height:32px;} 
.btn-close:before {content:""; position:absolute; width:32px; height:32px; top:0; right:0; background:url(/assets/images/common/ico_32_close_nor.png) no-repeat center; background-size:32px auto;} 
/* .btn-close:after */
/* .btn-close:after {transform:translate(-50%, -50%) rotate(-135deg);}  */
/* ------------------------------------------------------------------------------------- 

팝업

-------------------------------------------------------------------------------------- */
/* 공통 */
/* html.pop-open body {overflow:hidden;} */
.pop-wrap {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(51,51,51,0.5); overflow:hidden; z-index:9999; outline:rgba(0,0,0,0.5); opacity:0; transition:opacity 0.5s;} 
.pop-wrap.open {opacity:1;} 
.popup {display:table; position:relative; width:100%; height:100%; margin:0 auto; overflow:hidden;} 
.popup .pop-contain {display:table-cell; position:relative; height:100%; vertical-align:middle;} 
.popup .pop-cont {position:relative; width:800px; margin:0 auto; /*padding:0 30px 30px; */ background-color:#fff; overflow:hidden; border-radius:10px;}
.popup .pop-cont.main .pop-body {padding:0;}
.popup .pop-head {width:100%; overflow:hidden; padding:0 30px;}
.popup .pop-head h1 {font-size:22px; font-weight:700; color:#000; border-bottom:1px solid #eee; padding:21px 0 12px 0;}
.popup .pop-body {position:relative; max-height:calc(800px - 100px); overflow-y:auto; overflow-x:hidden; z-index:2; padding:0 30px 30px; height:100%;} 
.popup .pop-body-deal {max-height:700px; overflow-y:hidden;}
.popup .pop-body .prd-unit-list.list .goods {margin:16px 0;}
.popup .pop-body > *:first-child {margin-top:24px;}
.popup .pop-body .txt-tit {color:#333; text-align:center; font-size:16px; margin-bottom:-32px;}
.popup .pop-body .txt-only {color:#777; text-align:center; font-size:15px; margin-top:40px !important; word-break:keep-all;}
.popup .pop-body .txt-only2 {color:#777; font-size:15px; word-break:keep-all;}
.popup .pop-body .tbl.type-col {margin-top:16px;}
.popup .btn-close {position:absolute; top:20px; right:24px; width:32px; height:32px;} 
.popup .pop-body .coupon > .info-area .flag {font-size:0;} 
.popup .pop-body .coupon > .info-area .flag > span {margin-right:4px;}
.popup .pop-body > .coupon > .info-area .flag > span:last-child {margin-right:0;}
.popup .pop-body > .btn-area {width:340px; margin:40px auto 0;} 
.popup .pop-body > .btn-area .btn {flex:1 1; font-size:16px; height:46px; border-radius:6px; font-weight:700; background-color:#000; color:#fff; border:1px solid #333;} 
.popup .pop-body > .btn-area .btn + .btn {margin-left:8px;} 
.popup .pop-body > .btn-area .btn.color-white.outline-black {color:#000; background-color:#fff;} 
.popup .pop-body > .btn-area .btn.color-white.outline-black.size-XL {color:#000;}
.popup .pop-body > .btn-area .btn.color-white.outline-black.size-XL:disabled {background-color:#f5f5f5; cursor:pointer;}
.popup .pop-body > .btn-area .btn.color-pink {color:#fff; background-color:#f50d87; border:1px solid #f50d87 } 
.popup .pop-body > .btn-area .btn.size-S {min-width:104px; font-size:14px; height:36px; border-radius:6px; padding:0 16px;} 
.popup .pop-body > .btn-area.half {margin:0; width:100%;} 
.popup .pop-body > .btn-area.half .btn.color-white.outline-black {color:#000;}
.popup .pop-body > .btn-area.fixed {position:sticky; bottom:-30px; left:0; z-index:10; padding:32px 0 30px 0; background-color:#fff; margin:0 0 -30px 0;}
.popup .pop-body > .btn-area.fixed .btn {margin:0; padding:0;}
.popup .pop-body .form-area .ipt-wrap {margin-top:12px;}
.pop-body .form-area select:first-child {margin-top:0;} 
.popup .pop-body > .prd-unit-wrap.typeF + .btn-area .btn.color-white {border-color:#333; color:#333;}

.pop-body .count-wrap .ipt-wrap.is-count {width:calc(100% - 104px);} 
.pop-body .count-wrap .btn-area .btn {width:100px; min-width:100px;} 

.count-wrap .ipt-wrap.is-count {width:calc(100% - 104px);}  
.count-wrap .ipt-wrap.is-count + .btn-area {padding:0 !important; margin:0 !important;} 
.count-wrap .ipt-wrap.is-count + .btn-area .btn {width:100px; min-width:100px; font-weight:400 !important;} 

.popup .tit-area {margin:24px 0;} 
.popup .tit-area.type-line {border-top:1px solid #e5e5e5; padding-top:24px; margin-top:0;} 
.popup .tit-area.type-line .tit-h4 {color:#000; font-size:16px !important; font-weight:700;} 

.popup .pop-body p + strong.tit-h5 {margin-top:29px;}

.popup .btn-area.fixed {padding:24px 0; margin-top:0;}
.popup .btn-area.fixed .btn {font-size:16px; height:46px; border-radius:6px; font-weight:700; background-color:#000; color:#fff; border:1px solid #333; width:340px;}

/* 사이즈 :특대 */
.pop-cont.xlarge {width:1168px;}

/* 사이즈 :대 */
.pop-cont.large {width:814px;} 
/* 사이즈 :중 */
.pop-cont.medium {width:500px;} 
/* 사이즈 :소 */
.pop-cont.small {width:400px;} 

/* 딤처리 비노출 */
.pop-wrap.sole {background-color:transparent;} 

/* 메인 슬라이드 팝업 */
.pop-cont.main {width:340px; padding:0;} 
.pop-cont.main .swiper-btn-area {bottom:10px;} 
.pop-cont.main .swiper-btn-area .swiper-pagination {height:6px;}
.pop-cont.main .swiper-btn-area .swiper-pagination > button {width:6px; height:6px; margin:0 4px; background:rgba(85, 85, 85) url(/assets/images/common/icon_banner_oval.png) no-repeat center;} 
.pop-cont.main .swiper-btn-area .swiper-pagination > button:before {width:6px; height:6px;}
.pop-cont.main .swiper-btn-area .swiper-pagination > button.swiper-pagination-bullet-active:before {width:14px; height:6px; border-radius:3px; background:url(/assets/images/common/icon_banner_rectangle.png) no-repeat center; background-size:14px 6px;} 
/* .pop-cont.main .swiper-btn-area .swiper-pagination > button.swiper-pagination-bullet-active:before {margin-left:0;} */
.pop-cont.main .swiper-button-prev,
.pop-cont.main .swiper-button-next {width:50px; height:50px; border:0; background-color:transparent;} 
.pop-cont.main .swiper-button-prev {left:8px;} 
.pop-cont.main .swiper-button-next {right:8px;}
.pop-cont.main .swiper-button-prev:after,
.pop-cont.main .swiper-button-next:after {width:50px; height:50px;} 
.pop-cont.main .swiper-button-prev:after {background:url(/assets/images/common/pc_icon_arrow_left.png) no-repeat center; background-size:50px auto;}
.pop-cont.main .swiper-button-next:after {background:url(/assets/images/common/pc_icon_arrow_right.png) no-repeat center; background-size:50px auto;}
.pop-cont.main .swiper-button-prev.swiper-button-disabled:after,
.pop-cont.main .swiper-button-next.swiper-button-disabled:after {opacity:1;}
.pop-cont.main .btn-area:last-child {flex-wrap:nowrap; width:100%; margin:0; border:1px solid #ccc; border-top-width:0; border-radius:0 0 10px 10px; overflow:hidden;}
.pop-cont.main .btn-area:last-child .btn {position:relative; height:50px; margin:0; font-size:15px; font-weight:normal; color:#777; background-color:#fff; border:0;} 
.pop-cont.main .btn-area:last-child .btn:before {content:""; position:absolute; top:16px; bottom:16px; left:0; width:1px; background-color:#e5e5e5;}
.pop-cont.main .btn-area:last-child .btn:first-child:before {content:none;}
.pop-cont.main .btn-area:last-child .btn:first-child {flex-grow:1.6;}
.pop-cont.main .btn-area:last-child .btn:last-child {flex-grow:1;} 
.popup .pop-cont.main .pop-body > *:first-child {margin-top:0 !important;}

/* 하단버튼 케이스 다른 팝업 */
.pop-cont.etc .btn-area.bottom {margin:40px -30px -30px; width:auto; border-top:1px solid #ccc;}
.pop-cont.etc .btn-area.bottom > .btn {position:relative; height:50px; line-height:50px; background-color:#fff; color:#777; border:0; font-weight:normal; font-size:15px;}
.pop-cont.etc .btn-area.bottom > .btn + .btn:before {content:''; position:absolute; top:18px; bottom:18px; left:0; width:1px; background-color:#e5e5e5;}

.pop-cont .tab-list {margin:0 0 24px;}
.pop-cont.medium .terms-item .dash-list li, .pop-cont.medium .terms-item .num-list li {margin-top:8px; color:#333;}
.pop-cont.medium .terms-item .dash-list li .txt-gray {text-indent:10px;}
.pop-cont.medium .pop-body .tab-wrap .tab-list > li {flex:0 220px;}
.pop-cont.medium .pop-body .tab-con-wrap .tab-con.on {margin-top:0; font-size:0;}
.pop-cont.medium .pop-body .txt-list-disc.sm .info-list > .item,
.pop-cont.medium .pop-body .txt-list-disc.sm .info-list > .val {font-size:15px; font-weight:400;}
.pop-cont.medium .pop-body .form-area .ipt-wrap.is-srch > .btn-delete {top:11px; right:44px !important;}
/* .pop-cont.medium .pop-body .add-search-list > li.no-data {padding-bottom:245px;} */
.pop-cont.medium .pop-body .terms-wrap > .terms-item > h2 {color:#000;}
.pop-cont.medium .pop-body .srch-wrap .ipt-wrap.is-srch input[type='text'] {color:#000; padding-right:76px;}
.pop-cont.medium .pop-body .srch-wrap .ipt-wrap.is-srch input[type='text']::placeholder {color:#999; size:14px;}
.pop-cont.medium .pop-body .form-list.output > li {margin-top:15px;}
.pop-cont.medium .pop-body .prd-unit-wrap.typeE .prd-unit-list .goods .prd-info .tit {color:#000;}
/* .pop-cont.medium .pop-body .form-area .ipt-wrap {margin-top:12px;} */
.pop-cont.medium .pop-body .form-area .ipt-wrap .form-msg {margin-top:11px;}
.pop-cont.medium .pop-body .ipt-wrap.half .ipt:first-child {margin-right:4px;}
.pop-cont.medium .pop-body .ipt-wrap.half .ipt {width:calc((100% - 4px) / 2);}
.pop-cont.medium .pop-body .acco-wrap.terms-all .acco-item.on .acco-body {border-top:0; padding-top:0;}
.pop-cont.medium .pop-body .msg-box [class*=txt-list-].sm > li {font-size:14px;}
.pop-cont.medium .pop-body .msg-box [class*=txt-list-] > li:first-child {margin-top:0;}
.pop-cont.medium .pop-body .btn-area .btn.size-XXL {height:56px; margin:0;}
.pop-cont.medium .pop-body .ipt-wrap {/*margin-top:0; */ font-size:0;}
.pop-cont.medium .pop-body .add-search-list > li dl ~ .ipt-wrap {margin-top:20px;}
.pop-cont.medium .pop-body .check-area label {font-size:15px;}
.pop-cont.medium .pop-body .ipt-wrap > textarea + .counter {font-size:15px; margin-top:6px;}
.pop-cont.medium .pop-body [class*=txt-list-] {padding-left:8px; font-size:14px;}
/* .pop-cont.medium .btn-close::before, .pop-cont.medium .btn-close::after {width:1px;}  */

/* 팝업 수정 및 추가 */
.popup .prd-unit-wrap.typeG .goods .option span + span:before {content:none;}
/* .popup .prd-unit-wrap.typeG textarea {color:#333;}
.popup .prd-unit-wrap.typeG textarea::placeholder {color:#999;} */
.popup .prd-unit-wrap.typeG ~ .file-list .file-item.attach .btn-close.bet {background-color:#333;}
.popup .prd-unit-wrap.typeG ~ .txt-list-disc {font-size:14px;}
/* .popup .prd-unit-wrap.typeG .prd-unit-list .goods .prd-info .option {margin-top:-4px;} */
.popup .prd-unit-wrap.typeG .prd-unit-list.list .goods {margin:24px 0;}
/* 08-17 승규 수정 */
/* .popup .prd-unit-wrap.typeG .prd-unit-list.list .goods .prd-info .tit {min-height:38px;} */
.popup .prd-unit-wrap.typeG + .noti-box {margin-top:24px;}
.popup .review-info-area .review-cont-wrap .review-photo-list {margin-bottom:16px;}

/* ------------------------------------------------------------------------------------- 

tooltip

-------------------------------------------------------------------------------------- */
.tooltip-wrap {display:inline-block; position:relative; text-align:left; z-index:10; top:-1px;}
.tooltip-wrap.sns-wrap {top:1px;}
.tooltip-wrap .tooltip .tit-area {margin:0 0 16px 0;}
.tooltip-wrap .tooltip.full .tit-area {padding-bottom:20px;} 
.tooltip-wrap .tooltip .cont [class*=txt-list-].sm > li:first-child {margin-top:0;} 
.tooltip-wrap .tooltip .cont [class*=txt-list-].sm > li:before {top:9px;}
.tooltip-wrap .tooltip .cont [class*=txt-list-].sm > li {color:#777; font-size:14px; line-height:20px; margin-top:8px;}

.tooltip-wrap .tooltip.full {width:1200px !important;} 
.tooltip-wrap .tooltip.full.open {left:auto; right:-100%; margin-right:-9px;} 
.tooltip-wrap .tooltip.full .tit-area .tit {font-size:22px;} 
.tooltip-wrap .tooltip.full .btn-close {width:32px; height:32px;} 
.tooltip-wrap .tooltip.full .btn-close:before,
.tooltip-wrap .tooltip.full .btn-close:after {height:28px;} 

.tooltip.half {width:420px;} 
.tooltip.half .cont {display:flex;} 
.tooltip.half .cont .inner {flex:1 1; margin:24px 0 0;} 
.tooltip.half .cont .inner + .inner {padding:0 30px; border-left:1px solid #e5e5e5;} 
.tooltip.half .cont .inner .btn-area.full .btn {margin:8px 0;} 

.tooltip-wrap .btn-tip {font-size:13px;} 
.tooltip-wrap .btn-tip:after {content:''; width:14px; height:14px; display:inline-block; vertical-align:middle;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M13.5 7.00031C13.5 10.5898 10.5899 13.5 6.99969 13.5C3.41015 13.5 0.5 10.5898 0.5 7.00031C0.5 3.41013 3.41018 0.5 6.99969 0.5C10.5898 0.5 13.5 3.41015 13.5 7.00031Z" stroke="%23999999" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.31645 8.40283C6.3309 7.16532 6.70177 6.78745 7.33755 6.40014C7.74213 6.15924 8.05039 5.80972 8.05039 5.31377C8.05039 4.72335 7.58801 4.3502 7.01002 4.3502C6.53857 4.3502 6.07898 4.60627 5.96474 5.17468C5.94393 5.27826 5.85843 5.361 5.75278 5.361H5.10689C4.99393 5.361 4.90237 5.26712 4.91615 5.155C5.04802 4.08188 5.93084 3.5 7.01002 3.5C8.26232 3.5 9.10039 4.23684 9.10039 5.31377C9.10039 6.07422 8.72952 6.57962 8.11782 6.94804C7.53984 7.29285 7.31346 7.63293 7.29901 8.40283C7.29901 8.43414 7.27364 8.45951 7.24233 8.45951H6.37313C6.34182 8.45951 6.31645 8.43414 6.31645 8.40283ZM6.16232 9.82928C6.1575 9.46086 6.47057 9.15857 6.84626 9.15857C7.21713 9.15857 7.52539 9.46086 7.53021 9.82928C7.52539 10.1977 7.21713 10.4953 6.84626 10.5C6.47057 10.4953 6.1575 10.1977 6.16232 9.82928Z" fill="%23999999"/></svg>') no-repeat center/contain;
  width: 14px; height: 14px;
}

.sub-tit-area .tit-h1 .tooltip-wrap .btn-tip:after {margin-top:-3px;} 
.tooltip {display:none; min-width:400px; padding:30px; width:400px; background-color:#fff; border:1px solid #333; border-radius:6px;} 
.tooltip.open {display:block; position:absolute; top:0; left:24px; transform:translate(0, 0); z-index:998;} 
.pop-body .tooltip.open {top:32px;}
.tooltip .tit-area .tit {font-size:18px !important; font-weight:700 !important; color:#000 !important; margin:0 !important; display:block !important; line-height:1.4 !important; min-height:auto !important;}
.tooltip .cont .tit {display:block; margin-bottom:16px; font-weight:700;} 
.tooltip .btn-close {position:absolute; top:26px; right:24px; width:32px; height:32px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M23.3996 0.599915L0.599609 23.3999" stroke="black" stroke-width="1.2" stroke-linecap="round"/> <path d="M23.3996 23.4001L0.599609 0.600113" stroke="black" stroke-width="1.2" stroke-linecap="round"/></svg>') no-repeat center;
      background-size: 22.8px 22.8px;
}
.tooltip .btn-close:before {display:none;}

.tooltip .cont > .info-list {margin-top:24px;} 
.tooltip .cont > .info-list > li {margin-top:16px; padding:16px 0 0 0; border-top:1px solid #eee;} 
.tooltip .cont > .info-list > li:first-child {margin-top:0; padding:0; border-top:0;} 
.tooltip .cont > .info-list > li:first-child > .info-list {margin-top:16px; padding-top:4px; border-top:1px solid #eee;} 
.tooltip .cont > .info-list > li > .item {font-size:14px; font-weight:700; color:#333;}
.tooltip .cont > .info-list > li > .item a {position:relative;}
.tooltip .cont > .info-list > li > .item a:after,
.tooltip .cont > .info-list > li > .item a:before {content:""; display:block; width:6px; height:1px; background:#000; position:absolute; right:-12px;}
.tooltip .cont > .info-list > li > .item a:after {top:9px; transform:rotate(45deg);}
.tooltip .cont > .info-list > li > .item a:before {top:13px; transform:rotate(-45deg);}
.tooltip .cont > .info-list > li > .val {font-weight:700; color:#333;} 
.tooltip .cont > .info-list > li .info-list > li .item,
.tooltip .cont > .info-list > li .info-list > li .val {font-size:14px; color:#777;} 
.tooltip .cont > .info-list > li .info-list > li {padding-top:12px;} 
.tooltip .cont > .info-list > li .item-list {max-height:22px;}
.tooltip .cont > .info-list > li .item-list li {font-size:13px;}

.tooltip .cont > .tbl-group > li {margin-top:12px;}

.tooltip .cont + .btn-area {margin-top:24px;} 
.tooltip .cont + .btn-area .btn {min-width:170px;} 

/* sns 공유하기 */
.tooltip-wrap.sns-wrap .btn-tip {width:56px; height:56px; padding:0; border:1px solid #e5e5e5; border-radius:50%;} 
.tooltip-wrap.sns-wrap .btn-tip:after {width:56px; height:56px; border-radius:50%; background:url('../images/common/ico_38_share.png') no-repeat 50% 50%; background-size:38px auto;} 
.tooltip-wrap.sns-wrap .tooltip {width:368px; padding:9px 16px;} 
.tooltip-wrap.sns-wrap .tooltip.open {min-width:368px; top:70px; left:auto; right:0;}  
.tooltip-wrap.sns-wrap .tooltip .btn-close {top:16px; right:14px; width:16px; height:16px;}
.tooltip-wrap.sns-wrap .tooltip .btn-close::before {width:16px; height:16px; background-size:20px auto;}
.tooltip-wrap.sns-wrap .tooltip .cont .btn-area.sns {justify-content:flex-start; margin-top:0;} 
.tooltip-wrap.sns-wrap .tooltip .cont .btn-area.sns .btn {margin:0 20px 0 0; padding:0; font-size:13px; color:#000;} 
/* .tooltip-wrap.sns-wrap .tooltip .cont .btn-area.sns .btn:first-child {margin:0 4px 0 0;}  */
.tooltip-wrap.sns-wrap .tooltip .cont .btn-area.sns .btn > span .ico {margin:0 7px 0 0;}

/* BG 안내 문구 튤팁 */
.deal-wrap .tooltip-wrap.gui-txt,
.deal-list .tooltip-wrap.gui-txt {position:absolute; top:29px; right:0; min-width:auto; width:auto; animation:prdMsgBlink 2s infinite;}
.deal-wrap .tooltip-wrap.gui-txt .tooltip.open,
.deal-list .tooltip-wrap.gui-txt .tooltip.open {position:static; transform:translate(0, 0);}
.tooltip-wrap.gui-txt .tooltip:before {content:""; width:6px; height:6px; position:absolute; top:-4px; left:50%; background-color:#fff6fa; border:1px solid #fcbbdd; transform:rotate(-45deg); border-width:1px 1px 0 0;} 
.tooltip-wrap.gui-txt .tooltip.open {top:30px; left:50%; min-width:auto; width:auto; padding:6px 8px; background-color:#fff2f7; border:1px solid rgba(200, 0, 100, 0.3); border-radius:2px; transform:translate(-50%, 0);}
.tooltip-wrap.gui-txt .cont {color:#c80064; font-size:13px; white-space:nowrap;}
@keyframes prdMsgBlink {0% {opacity:0;} 15%{opacity:1;} 85%{opacity:1;} 100% {opacity:0;}}

.deal-list .tooltip-wrap.gui-txt .tooltip.open {border:0; color:#fff; background:#8C8FCE; border-radius:50px; height:23px; line-height:23px; margin:-1px 0 0 4px; padding:0 8px; font-size:11px; animation:txt-last-fast 2s infinite; font-weight:500;}
.deal-list .tooltip-wrap.gui-txt .tooltip:before {border-color:#8C8FCE; background-color:#8C8FCE; top:-1px;} 
.deal-list .tooltip-wrap.gui-txt .cont {color:#fff; font-size:11px; }

/* 튤팁 내 인포리스트 */
.tooltip .info-list li [class*=txt-list-] {margin-top:8px;} 

/* url 복사하기 - toast 팝업 */
.copy-area {position:relative;} 
.copy-area .toast-popup {display:none; position:fixed; top:40px; right:0;} 
.ie-hate .copy-area .toast-popup {position:absolute; width:220px; top:32px; right:-16px}
.copy-area .toast-popup > p {white-space:normal;} 

.toast-popup {max-width:355px; overflow:hidden; background-color:#333; border-radius:60px;} 
.toast-popup > p {padding:20px 30px; font-size:15px; color:#fff;} 

.tooltip-wrap.speech-wrap .btn-tip {width:140px; min-width:140px; height:36px; padding:0; border:1px solid #f50d87; background-color:#fff; border-radius:6px; font-size:14px; color:#f50d87;} 
.tooltip-wrap.speech-wrap .btn-tip:after {content:none;} 
.tooltip-wrap.speech-wrap .tooltip {width:88px; min-width:75px; padding:5px 8px; text-align:center; background-color:#f50d87; border-color:transparent; border-radius:15px;} 
.tooltip-wrap.speech-wrap .tooltip:after {content:''; display:block; position:absolute; bottom:-10px; left:50%; transform:translateX(-28px); border:5px solid transparent; border-top-color:#f50d87;} 
.tooltip-wrap.speech-wrap .tooltip.open {top:-20px; left:6px;} 
.tooltip-wrap.speech-wrap .tooltip .cont {font-size:11px; font-weight:700; color:#fff;} 

/* 카드혜택정보 */
.tooltip-wrap.card-benefit .tooltip .info-list li [class*=txt-list-] {width:100%;}
/* ------------------------------------------------------------------------------------- 

상품 정렬(필터)

-------------------------------------------------------------------------------------- */
.type-area {margin-top:0; font-size:0;} 
.type-area > li {display:inline-block;} 
.type-area > li {flex:0 0;} 
.type-area > li .ipt[type=radio] + label.box:after {background:url('/assets/images/common/ico_16_boxtype.png') no-repeat 50% 50%; background-size:16px auto;} 
.type-area > li .ipt[type=radio] + label.list:after {background:url('/assets/images/common/ico_16_listtype.png') no-repeat 50% 50%; background-size:16px auto;} 
.type-area > li .ipt[type=radio] + label {width:28px; height:28px;} 
.type-area > li .ipt[type=radio] + label:after {content:""; position:absolute; top:50%; left:50%; width:16px; height:16px; opacity:0.6; transform:translate(-50%, -50%);} 
.type-area > li .ipt[type=radio]:checked + label {border-color:#333;} 
.type-area > li .ipt[type=radio]:checked + label:after {opacity:1;} 
.type-area.ipt-filt:not(.tab-list) > li + li .ipt + label {border-left-width:1px}
.side-info .sr .type-area:before {content:none;} 

.sort-area {position:relative;} 
.sort-area .btn-sort {font-size:13px; font-weight:400; color:#000;} 
.sort-area .btn-sort:after {content:""; display:inline-block; width:16px; height:16px; margin-left:3px; vertical-align:middle; background:url('/assets/images/common/ico_16_sort.png') no-repeat 50% 50%; background-size:16px auto;} 
.sort-list {display:none; position:absolute; top:26px; right:0; background-color:#fff; border:1px solid #ccc; border-radius:2px; z-index:100;} 
.sort-list ul {min-width:120px; padding:6px 0;}
.sort-list ul li {height:29px; line-height:29px;}
.sort-list ul > li .ipt[type=radio] + label {width:100%; height:30px; line-height:30px; padding:0 12px; font-size:13px; color:#000; white-space:nowrap;} 
.sort-list ul > li .ipt[type=radio] + label:hover,
.sort-list ul > li .ipt[type=radio] + label:focus {background-color:#f5f5f5;} 
.sort-list ul > li .ipt[type=radio]:checked + label {font-weight:700;} 
.sort-list ul > li .ipt[type=radio] + label:before {content:none;} 
.unit-type-wrap .sort-list {border:1px solid #000;}

.detail-area.tooltip-wrap .btn-tip:after {background:url('/assets/images/common/ico_16_detail.png') no-repeat 50% 50%; background-size:16px auto;} 
/* ------------------------------------------------------------------------------------- 

레이어 팝업

-------------------------------------------------------------------------------------- */
.dialog-wrap {display:inline-block; position:relative; z-index:10;} 
.dialog {display:none; padding:20px; width:380px; background-color:#fff; border:1px solid #333; border-radius:6px;} 
.dialog.open {display:block; position:absolute; top:36px; left:auto; right:0; margin-left:12px;} 
.dialog .cont {white-space:nowrap;} 
.dialog .tit-area {display:flex; align-items:center;} 
.dialog > .tit-area .tit {font-size:17px; font-weight:700; color:#333;} 
.dialog .cont .tit-area .tit {font-size:15px; font-weight:700; color:#000;} 
.dialog .cont .tit-area > span:not(.tit) {padding-left:8px; font-size:13px; font-weight:700; color:#999;} 
.dialog .cont .srch-real-wrap + .date-wrap {margin-top:20px;}
.dialog .cont .srch-real-wrap + .date-wrap > .date {color:#999; font-size:13px; font-weight:600; line-height:18px;}
.dialog .cont .srch-real-wrap + .date-wrap + button.btn-close {width:24px; height:24px;}
.dialog .cont .srch-real-wrap + .date-wrap + button.btn-close::before,
.dialog .cont .srch-real-wrap + .date-wrap + button.btn-close::after {height:24px;}
.dialog .btn-close {position:absolute; top:20px; right:20px; width:24px; height:24px;} 
.dialog .btn-close:before {width:24px; height:24px; background:url(/assets/images/common/icon_24_pop_close_nor.png) no-repeat center; background-size:24px auto;} 
/* .dialog .btn-close:after  */
/* .dialog .btn-close:after {transform:translate(-50%, -50%) rotate(-135deg);}  */
.dialog .cont .srch-real-wrap.btn-top .swiper-btn-control {margin-top:16px;}

.dialog .cont > .info-list {margin-top:24px;} 

.dialog.half {width:420px;} 
.dialog.half .cont {display:flex; display:-webkit-box; display:-ms-flexbox; flex:1 0 170px;} 
.dialog.half .cont .inner {margin:-20px 0; padding:20px 0; overflow:hidden; flex-basis:50%;} 
.dialog.half .cont .inner:first-child {position:relative; padding-right:20px;}
.dialog.half .cont .inner:first-child::before {content:''; position:absolute; top:0; right:0; width:1px; height:100%; border:1px solid #e5e5e5;}
.dialog.half .cont .inner:first-child .tit-area .tit {/*width:calc(49% - 8px); */ float:left;}
/* .dialog.half .cont .inner:first-child .tit-area > span:not(.tit) {width:auto; float:right;} */
.dialog.half .cont .inner + .inner {padding:20px 0 20px 20px;} 
.dialog.half .cont .inner:first-of-type .srch-popular li > a .tit {max-width:130px; padding-left:15px; font-weight:400;}
.dialog.half .cont .inner .nodata {display:flex; justify-content:center; align-items:center; height:100%; margin:0; padding-top:0; background:none;}
.dialog.half .cont .inner .nodata .txt {font-size:14px; color:#999;}
.dialog.half .cont .inner .srch-popular li > a {display:flex; padding-right:20px;}
.dialog.half .cont .inner .srch-popular li > a .tit {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.i-hate-safari .dialog.half .cont .inner .srch-popular li > a .tit {width:149px;}
.ie-hate .dialog.half .cont .inner .srch-popular li > a .tit {white-space:nowrap;}
/* ------------------------------------------------------------------------------------- 

플로팅 팝업

-------------------------------------------------------------------------------------- */
.float-popup {position:fixed; bottom:40px; left:200px; width:230px; z-index:105;} 
.float-popup .block {border-radius:50%; overflow:hidden; background:none;}
.float-popup .block > .img-nodata {position:static; width:100%; height:auto;}
.float-popup .txt-area {position:absolute; bottom:34px; left:38px; right:38px; text-align:center;} 
.float-popup .txt-area .tit {display:block; font-size:24px; font-weight:700; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} 
.float-popup .txt-area .desc {margin-top:2px; font-size:13px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} 
.float-popup .btn-close {position:absolute; top:10px; right:10px; width:40px; height:40px; border-radius:50%;} 
.float-popup .btn-close:before {content:""; position:absolute; width:16px; height:16px; top:12px; right:12px; background:url(/assets/images/common/icon_16_float_close_nor.png) no-repeat center; background-size:16px auto;}

.float-popup-width {position:fixed; bottom:40px; left:16px; width:448px; z-index:105; animation:MoveLeft 1s linear forwards; transition:all 0.1s ease-in; animation-delay:.3s; left:-100%;}
.float-popup-width .block {overflow:hidden; background:none;}
.float-popup-width .btn-close {position:absolute; top:0; right:0; width:42px; height:62px; background:none; text-indent:-9999px;}
.float-popup-width .btn-close:before {display:none;}
@keyframes MoveLeft {
	0% {left:-448px;}
	80% {left:60px;}
	100% {left:16px;} 
}

.float-banner-re {position:fixed; bottom:40px; z-index:10000;}
.float-banner-re a {background:transparent; display:block; position:relative; }
.float-banner-re-type1 + .float-banner-re-type2, .float-banner-re-type2 + .float-banner-re-type1 {margin-top:20px;}
.float-banner-re-type1 {position:relative; left:-100%; width:320px; animation:MoveUpDown-04 1s linear forwards;}
.float-banner-re-type1 a img {width:100%; height:auto; filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.1));}
.float-banner-re-type1 .btn-floating-banner-close {position:absolute; top:0; right:0; width:40px; height:32px; text-indent:-9999em; background:none;}
@keyframes MoveUpDown-04 {
	0% {left:-100%;}
	100% {left:0;}
}
.float-banner-re-type2 {position:relative; width:506px; height:120px; left:16px; animation:MoveUpDown-05 1s linear forwards; animation-delay:3.5s;} 
.float-banner-re-type2 a {overflow:hidden; border-radius:24px; filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.1));}
.float-banner-re-type2 a img {height:120px;}
.float-banner-re-type2 a .img {position:relative; z-index:2;}
.float-banner-re-type2 a .bg {min-width:506px !important; position:absolute; right:0; top:0; z-index:1; }
.float-banner-re-type2 .btn-floating-banner-close {position:absolute; top:-14px; right:-14px; width:44px; height:44px; text-indent:-9999em; background:url(/assets/images/re/re-floating-banner02-3.png) no-repeat 50% 50% / 44px auto; z-index:3;}
@keyframes MoveUpDown-05 {
	100% {width:180px;}
}

/* .float-popup .btn-close:after {content:""; position:absolute; top:50%; right:50%; width:1px; height:20px; transform:translate(-50%, -50%) rotate(-45deg); background-color:#000;}  */
/* .float-popup .btn-close:after {transform:translate(-50%, -50%) rotate(-135deg);}  */
/* ------------------------------------------------------------------------------------- 

브랜드 찾기

-------------------------------------------------------------------------------------- */
.brand-find .srch-wrap {width:500px; margin:0 auto;} 
.brand-find .check-area {display:flex; flex-wrap:wrap; margin-top:10px;} 
.brand-find .check-area > span {flex:0 0 30%;} 
.brand-find .check-area > span .ipt + label {font-size:14px;} 
/* ------------------------------------------------------------------------------------- 

box case

-------------------------------------------------------------------------------------- */
.noti-box {margin-top:16px; padding:16px; background-color:rgba(18, 134, 224, 0.08); border-radius:6px; color:#4a92e2;} 
.noti-box > .info-list > li {padding:8px 0 0 0;} 
.noti-box > .info-list > li:first-child {padding:0;}
.noti-box > .info-list .item,
.noti-box > .info-list .val {font-size:13px;}
.noti-box > .info-list .item {color:#1286e0;}
.noti-box > .info-list .val {color:#4a92e2;}
.noti-box .desc {font-size:14px; color:#1286e0;}

.noti-box.bg-pink {background-color:rgba(245, 13, 135, 0.04);}

.msg-box,
.gray-box {padding:16px; background-color:#fafafa; border-radius:6px;} 
.gray-box .ctxt {margin-top:10px; color:#999; font-size:14px; line-height:21px; letter-spacing:-0.3px;}

.line-box {padding:16px; border:1px solid #e5e5e5; border-radius:6px;} 

.msg-box.L,
.gray-box.L,
.line-box.L {padding:24px;} 
.gray-box.L .txt-list.num-l > li {margin-top:6px;} 
.gray-box.L .txt-list.num-l > li:first-child {margin-top:0;}

.msg-box.XL,
.gray-box.XL,
.line-box.XL {padding:40px;} 

.msg-box .btn-arrow::after {background:url(/assets/images/common/icon_12_more_nor.png) no-repeat center; background-size:12px auto;}

.msg-area ~ .line-box {margin-top:40px; text-align:center;} 
.gray-box > span,
.line-box > span {display:block;} 
.line-box .info,
.gray-box  .info {font-size:18px; font-weight:400; color:#000;} 
.line-box .desc,
.gray-box .desc {margin-top:8px; font-weight:400; color:#999;} 

.gray-box .info-list.product > li {padding:0;} 
.gray-box .info-list.product > li + li {margin-top:12px;} 
.gray-box .info-list.product .item,
.gray-box .info-list.product .val {flex:0 0 auto; font-size:14px; color:#333;} 
.gray-box .info-list.product .item {min-width:65px; margin-right:40px; font-weight:700;} 

.gray-line-box {padding:24px; border:1px solid #e5e5e5; background-color:#fafafa; border-radius:6px;} 
.gray-line-box.summary {margin-top:24px; padding:20px;} 
.gray-line-box.summary>p {color:#000; padding:6px 0;}
.gray-line-box.summary .info-list {align-items:center;} 
.gray-line-box.summary .info-list .val {font-size:15px;} 
.gray-line-box.summary .info-list .val > em .num-l {font-size:24px; font-weight:700;} 

.msg-box.click {padding:18px; text-align:center; margin-top:32px;} 
.msg-box.click > p {font-size:17px; line-height:36px;} 
.msg-box.click > p:before {content:''; display:inline-block; width:36px; height:36px; background:url(/assets/images/common/ico_36_click.png) no-repeat left -6px center; background-size:36px auto; vertical-align:bottom;} 

.msg-box.msg {margin:32px 0 56px; padding:18px; text-align:center; border:1px solid #e5e5e5;} 
.msg-box.msg > p {display:inline-block; position:relative; padding-left:44px; font-size:13px; color:#555;} 
.msg-box.msg > p:before {content:""; display:inline-block; position:absolute; top:50%; left:0; width:32px; height:32px; margin-top:-16px; background:url(/assets/images/common/ico_32_msg.png) no-repeat 0 0; background-size:32px auto;} 

.cascade-box {height:56px; padding:16px; margin:16px 0; background-color:#fafafa; border-radius:6px;}
.cascade-box .check-area {margin-top:0;}
.cascade-box .ipt[type=checkbox] + label,
.cascade-box .ipt[type=radio] + label {font-size:14px;}

.data-srch-box {display:flex; justify-content:space-between; padding:16px 24px; background-color:#fafafa; border-radius:4px;} 
.data-srch-box .fl,
.data-srch-box .fr {float:none; font-size:0; height:46px;} 
.data-srch-box .fl .ipt-filt {margin-top:0;} 
.data-srch-box .fr {display:flex; align-items:center;}  
.data-srch-box .fr .ipt-half.date {margin-top:0;} 
.data-srch-box .fr .ipt-half.date .sign {background:#fff;}
.data-srch-box .fr .ipt-half.date + button {margin:0 0 0 4px; min-width:100px; color:#000; font-weight:700;} 
.data-srch-box .ipt-filt:not(.tab-list) > li {flex:0 0;} 
.ie-hate .data-srch-box .ipt-filt:not(.tab-list) > li {flex:none;}
.data-srch-box .ipt-filt:not(.tab-list) > li .ipt + label {/*padding:0 16px; */ width:100px; background-color:#fff; font-weight:400;} /*UI_UXW_3089.jsp*/
.data-srch-box .ipt-filt:not(.tab-list) > li .ipt:checked + label {border:1px solid #333; margin-left:-1px; font-weight:400; width:101px;} 
.data-srch-box .ipt-filt:not(.tab-list) > li:first-child .ipt:checked + label {margin-left:0; width:100px;}

.data-srch-box .srch-box {width:500px; margin:0 auto;}
.data-srch-box .srch-box .ipt-wrap.is-srch .ipt {background-color:#fff; border-radius:4px; font-size:14px; font-weight:400;}
.data-srch-box + .data-list .data-cell {color:#333;}

.result-box {padding:16px; background-color:rgba(245, 13, 135, 0.04); border-radius:6px;} 
.result-box .info-list > li {padding:0;} 
.result-box .info-list .item {font-weight:700;} 
.result-box .info-list .val {color:#f50d87;} 
.result-box .info-list .val > em {font-weight:700; font-size:18px;} 

.gray-box {display:table; width:100%;} 
.gray-box .fl,
.gray-box .fr {display:table-cell; float:none;} 
.gray-box .fl {text-align:left;}
.gray-box .fr {text-align:right;}

.summary-box {border:1px solid #e5e5e5; border-radius:6px;} 
.summary-box > .inner {padding:24px;} 
.summary-box > .inner.bg-color-01 {background-color:rgba(74, 146, 226, 0.04);} 
.summary-box .info-list > li {padding:0;} 
.summary-box .info-list > .date {margin-top:4px;} 
.summary-box .info-list .item {font-size:16px;} 
.summary-box .info-list .val {font-size:15px;} 
.summary-box .info-list .val > em {font-size:24px; font-weight:700;}

/* ------------------------------------------------------------------------------------- 

text list

-------------------------------------------------------------------------------------- */
[class*=txt-list-] {font-size:15px; font-weight:400; color:#777;} 
[class*=txt-list-]:not(ul),
[class*=txt-list-] > li {position:relative; padding-left:12px;} 
[class*=txt-list-] > li {margin-top:16px;} 
[class*=txt-list-] > li:first-child {margin-top:0;} 
[class*=txt-list-] > li:before,
[class*=txt-list-]:not(ul):before {content:""; position:absolute; top:11px; left:0; background-color:#333;}  
[class*=txt-list-] li.result.point-c1::before {margin-top:-5px;}
[class*=txt-list-].sm {font-size:14px; line-height:24px;}
[class*=txt-list-].sm > li:before,
[class*=txt-list-].sm:not(ul):before {background-color:#999;} 
[class*=txt-list-].sm > li {margin-top:2px; padding-left:8px; font-size:14px; font-weight:400;} 
[class*=txt-list-].sm > li:first-child {margin-top:0;}
[class*=txt-list-].sm > li.nb {padding-left:0;}
[class*=txt-list-].sm > li.nb:before {display:none;}

/* dash */
.txt-list-dash > li:before,
.txt-list-dash:not(ul):before {width:6px; height:1px;} 
.txt-list-dash.sm > li:before,
.txt-list-dash.sm:not(ul):before {width:4px; height:1px;} 

/* disc */
.txt-list-disc > li:before,
.txt-list-disc:not(ul):before {width:4px; height:4px; border-radius:50%;} 
.txt-list-disc.sm > li:before,
.txt-list-disc.sm:not(ul):before {width:2px; height:2px; background-color:#999;} 

/* star */
.txt-list-star:not(ul),
.txt-list-star > li {padding-left:6px; margin-top:16px; color:#999;} 
.txt-list-star > li:before,
.txt-list-star:not(ul):before {content:"*"; top:0; font-size:15px; color:#999; background:0;} 

[class*=txt-list-num] {counter-reset:count; list-style:decimal;}
[class*=txt-list-num].sm > li:before {background:0; list-style:decimal;}

/* numL */
.txt-list-num-l:not(ol),
.txt-list-num-l > li {padding-left:0; color:#333;} 
.txt-list-num-l > li + li {margin-top:16px;} 

/* ------------------------------------------------------------------------------------- 

테이블 리스트

-------------------------------------------------------------------------------------- */
.tbl-group {margin-top:24px;} 
.tbl-group > li:first-child {margin-top:0;} 
.tbl-group > li {display:table; width:100%; margin-top:16px; table-layout:fixed;} 
.tbl-group > li .tbl-cell {display:table-cell; font-size:14px;} 
.tbl-group > li .tbl-cell:first-child {width:125px;}
.tbl-group > li .tbl-cell:last-child {text-align:right;} 
/* ------------------------------------------------------------------------------------- 

게시판

-------------------------------------------------------------------------------------- */
/* 게시판 리스트 */



/* ------------------------------------------------------------------------------------- 

레이아웃R

-------------------------------------------------------------------------------------- */
/* 공통 */
#wrap {position:relative;}
.center-wrap {width:1200px; margin:0 auto;}

#header {position:absolute; top:0; left:0; right:0; background-color:#fff; border-bottom:1px solid #333; z-index:101;}

#header > .center-wrap {padding:32px 0;} 
#header #logo,
#header .total-search-wrap {float:left;} 
#header #logo {width:156px; height:48px;}
#header #logo a {display:block; width:156px; height:40px; margin-top:3px; margin-bottom:5px; background:url(/assets/images/common/logo_shoppingn_t.png) no-repeat 0 50% / 156px 40px; text-indent:-9999em;} 
#header.fixed #logo a {margin-top:0; margin-bottom:0;} 
#header.fixed .sub-menu {top:57px;}
#header.fixed .search-bar .ipt-wrap .srch-menu {top:57px;}
.sub-menu {display:none; position:absolute; top:62px; left:0; background-color:#fff; min-width:150px; padding:10px 0; border:1px solid #000; border-radius:8px;}
.sub-menu .menu-list > .user {color:#000; font-size:14px; padding:6px 16px;}
.sub-menu .menu-list > li a {display:block; padding:6px 16px; color:#000; font-size:14px; font-weight:400;}
.sub-menu .menu-list > li a:hover,
.sub-menu .menu-list > li a:focus {background-color:#f5f5f5;}
.util-list > li {position:relative; height:44px; z-index:100;}

/* 검색어 자동 완성 */
.total-search-wrap {margin-left:42px; width:420px; border-radius:24px; z-index:99;} 
.total-search-wrap input[type='text'] {height:48px; padding-right:95px; padding-left:24px; color:#333; border:0; border-radius:24px; background-color:#f5f5f5; outline:0;}
.total-search-wrap .ipt-wrap .ipt {transition:none;}
.search-bar input[type='submit'] {position:absolute; top:7px; right:16px; bottom:9px; width:32px; height:32px; border:0; background:url(/assets/images/common/ico_32_search.png) no-repeat 50% 50% / 32px auto; text-indent:-9999em; background-color:transparent; border-radius:0 24px 24px 0; padding:0;} 
.search-bar {position:relative;} 
.search-bar .ipt-wrap .btn-delete {right:63px !important; top:14px;}
.total-search-wrap .search-bar .form-area .dialog.half {box-shadow:0 0 6px 2px rgba(0 0 0 / 10%); -webkit-box-shadow:0 0 6px 2px rgba(0 0 0 / 10%);}
.total-search-wrap .search-bar .form-area .dialog.half .cont .inner .nodata {padding-top:125px;}

/* 브랜드관 */
.search-bar .ipt-wrap .see {width:420px; height:48px; border-radius:24px; position:relative; overflow:hidden; background:#f5f5f5;}
.search-bar .ipt-wrap .see img, .search-bar .ipt-wrap .see video {position:absolute; left:50%; top:0; height:48px; width:auto; max-width:inherit; transform:translateX(-50%); margin-left:-16px;}
.search-bar .ipt-wrap .srch-menu {position:absolute; top:62px; left:0; right:0; background-color:#fff; border:1px solid #333; border-radius:6px; padding:4px 20px 20px 20px; width:100%;} 
.search-bar .ipt-wrap .srch-menu > ul:first-child {margin-top:0; border-top:0;} 
.search-bar .ipt-wrap .srch-menu > ul {margin-top:16px; border-top:1px solid #e5e5e5;}  
.search-bar .ipt-wrap .srch-menu .brand > li:first-child {margin-top:0;} 
.search-bar .ipt-wrap .srch-menu .brand > li {margin-top:12px; height:28px; line-height:28px; font-size:14px;} 
.search-bar .ipt-wrap .srch-menu .brand > li:after {content:""; display:table; clear:both;} 
.search-bar .ipt-wrap .srch-menu .brand > li > strong {float:left; color:#000; font-weight:400;} 
.search-bar .ipt-wrap .srch-menu .brand > li .btn-arrow {float:right; min-width:78px; height:28px; line-height:26px; padding:0 9px; font-size:13px; font-weight:400; color:#333; text-align:left; border-radius:4px; -webkit-border-radius:4px;} 
.search-bar .ipt-wrap .srch-menu .brand a.btn-arrow::after {right:auto; margin:0 0 0 2px; background:url(/assets/images/common/icon_12_more_nor.png) no-repeat center; background-size:12px auto;}

/* 카테고리 */
.search-bar .ipt-wrap .srch-menu .category > li {margin-top:12px;} 
.search-bar .ipt-wrap .srch-menu .category > li > a {display:block; font-size:14px; font-weight:400; color:#000;} 
.search-bar .ipt-wrap .srch-menu .category > li > a > span > strong {font-weight:400;}
.search-bar .ipt-wrap .srch-menu .category > li .crumbs {margin-top:8px; font-size:0;}
.search-bar .ipt-wrap .srch-menu .category > li .crumbs > li {text-align:left; font-size:13px; font-weight:400; color:#999;} 
/* 자동완성 */
.search-bar .ipt-wrap .srch-menu .autocomplete > li {height:18px; line-height:18px; margin-top:16px; font-size:14px; font-weight:400; cursor:pointer;}
 /*  07-20 :제플린에서 height가 18px,20px로 나누어져 높이값이 들쑥날쑥한 부분으로인해 디자인 재수정되어 px지정하여 수정함 */
.search-bar .ipt-wrap .srch-menu .autocomplete > li span {display:block; color:#000;} 
.search-bar .ipt-wrap .srch-menu .autocomplete > li span > strong {font-weight:normal;}
.search-bar .dialog {position:absolute; top:62px; left:0; right:0;}

#header .util-side-area {float:right; height:48px;} 
#header .util-side-area > * {padding-left:33px;} 
#header .util-side-area .real-time-slide-wrap {position:relative; padding-left:0;} 
#header .util-side-area .real-time-slide-wrap .real-time-slide .num {display:inline-block; margin-top:1px;}  
#header .util-side-area .real-time-slide-wrap .real-time-slide [class*=ico-] {display:inline-block; width:18px; height:18px; margin:0 2px 0 4px;} 
#header .util-side-area .real-time-slide-wrap .real-time-slide .ico-up {background:url(/assets/images/common/ico_18_srch_up.png) no-repeat 0 0 / 18px auto;} 
#header .util-side-area .real-time-slide-wrap .real-time-slide .ico-down {background:url(/assets/images/common/ico_18_srch_down.png) no-repeat 0 0 / 18px auto;} 
#header .util-side-area .real-time-slide-wrap .real-time-slide .ico-equal {background:url(/assets/images/common/ico_18_srch_equal.png) no-repeat 0 0 / 18px auto;} 
#header .util-side-area .real-time-slide-wrap .real-time-slide .ico-new {background:url(/assets/images/common/ico_18_srch_new.png) no-repeat 0 0 / 18px auto;} 
#header .util-side-area .real-time-slide-wrap .btn-real-time {width:12px; height:48px; background-color:transparent;} 
#header .util-side-area .real-time-slide-wrap .btn-real-time::after {content:""; position:absolute; top:40%; right:-1px; width:12px; height:12px; background:url(/assets/images/common/icon_12_fold_nor.png) no-repeat center; background-size:12px auto;} 
#header .util-side-area .real-time-slide-wrap .swiper-container-vertical {display:inline-block; height:48px; line-height:48px; vertical-align:top;} 
#header .util-side-area .real-time-slide-wrap .swiper-slide > span {font-size:16px; font-weight:700; vertical-align:middle;} 

#header .util-side-area .real-time-slide-wrap .swiper-slide > strong {display:inline-block; width:130px; color:#444; font-size:14px; font-weight:700; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;} 
#header .util-side-area .real-time-slide-wrap .real-time-slide .swiper-btn-area {display:none;} 
#header .util-side-area .real-time-slide-wrap .dialog.open {top:62px; box-shadow:0 0 6px 2px rgba(0 0 0 / 10%); -webkit-box-shadow:0 0 6px 2px rgba(0 0 0 / 10%);}
#header .util-side-area .real-time-slide-wrap .dialog > .tit-area .tit {color:#333;}
#header .util-side-area .real-time-slide-wrap .dialog .btn-close {width:24px; height:24px; top:20px;}
#header .util-side-area .real-time-slide-wrap .dialog .btn-close::after,
#header .util-side-area .real-time-slide-wrap .dialog .btn-close::before {height:24px;}
#header .util-side-area .real-time-slide-wrap,
#header .util-side-area .util-list,
#header .util-side-area .util-list > li {float:left; height:48px;} 
#header .util-side-area .util-list > li + li {margin-left:23px;} 
#header .util-side-area .util-list > li:last-child {margin-left:28px;}
#header .util-side-area .util-list > li > a {display:block; position:relative; width:36px; height:36px; top:7px; bottom:5px; text-indent:-9999em;} 
#header .util-side-area .util-list > li > a.mypage {background:url(/assets/images/common/ico_36_profile.png) no-repeat 50% 50% / 36px 36px;} 
#header .util-side-area .util-list > li > a.cs {background:url(/assets/images/common/ico_36_cs.png) no-repeat 50% 50% / 36px 36px;} 
#header .util-side-area .util-list > li > a.cart {background:url(/assets/images/common/ico_36_cart.png) no-repeat 50% 50% / 36px 36px;} 
#header .util-side-area .util-list > li > a > span {position:absolute; top:-2px; right:-4px; background-color:#f50d87; color:#fff; font-weight:700; font-size:11px; padding:0 3px; border-radius:7px; text-indent:0; height:15px; min-width:15px; text-align:center;}
#header .util-side-area .util-list > li .sub-menu {box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.15);}

#nav {border-top:1px solid #eee;} 
#nav .util-side-area {float:right;} 
#nav .category-wrap {position:relative; float:left; width:216px;}
#nav #gnb {width:952px;}
#nav #gnb {position:static; float:right; width:983px; height:60px; text-align:center; margin-left:-1px;}
#nav #gnb.gnb-wrap .swiper-container {position:relative; height:60px; margin:0 18px; padding:0 21px; overflow:hidden;}
#nav #gnb ul.swiper-wrapper {justify-content:space-between;}
#nav #gnb ul.swiper-wrapper > li.swiper-slide {width:auto;}
#nav #gnb > li > a {display:block; padding:0 28px;} 
#nav > .center-wrap {border-right:1px solid #e5e5e5; box-sizing:border-box;} 
#nav .category-wrap .btn-all-category {position:relative; width:216px; height:60px; padding-left:54px; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; text-align:left; font-size:17px; font-weight:700; color:#000;} 
body.main #nav .category-wrap .btn-all-category {pointer-events:none;} 
.category-wrap .btn-all-category .bar {position:absolute; top:50%; left:20px; width:20px; height:16px; transform:translateY(-50%); background-color:transparent; color:#333; transition:all 0.4s cubic-bezier(.445, .05, .55, .95);}
.category-wrap .btn-all-category .bar::before,
.category-wrap .btn-all-category .bar::after,
.category-wrap .btn-all-category .bar>.mid {content:""; position:absolute; width:100%; transition:all 0.25s; transition-timing-function:inherit; left:0; height:2px; background-color:#333; border-radius:1px;}
.category-wrap .btn-all-category .bar::before {top:0;}
.category-wrap .btn-all-category .bar::after {top:14px;}
.category-wrap .btn-all-category .bar>.mid {top:50%; margin-top:-1px; transition:all 0.25s; transition-timing-function:inherit;}

#header.fixed .category-wrap.on .btn-all-category .bar:before,
#header.fixed .category-wrap.on .btn-all-category .bar:after {margin-top:-2px;}
#header.fixed .category-wrap .btn-all-category .bar>.mid {top:35%; margin-top:0; transition:all 0.25s; transition-timing-function:inherit;}

.category-wrap.on .btn-all-category .bar:before,
.category-wrap.on .btn-all-category .bar:after {top:50%; left:0; width:100%; height:2px; border-width:0; background-color:#000; transform:translateY(-50%) rotate(45deg);}
.category-wrap.on .btn-all-category .bar:after {transform:translateY(-50%) rotate(-45deg);}
.category-wrap.on .btn-all-category .bar>.mid {width:0;}

#nav #gnb ul.swiper-wrapper > li > a {display:block; padding:0 14px;} 
#nav #gnb ul.swiper-wrapper > li > a > span {display:inline-block; position:relative; color:#000; font-size:17px; font-weight:700; line-height:60px;} 
#nav #gnb ul.swiper-wrapper > li > a > span.point:before {content:''; position:absolute; top:19px; right:-6px; width:4px; height:4px; border-radius:50%; background-color:#f50d87;} 
#nav #gnb ul.swiper-wrapper > li > a > span > em {font-size:10px; color:#f50d87; position:absolute; top:8px; left:0px; width:100%; text-align:center; line-height:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal; display:block;} 
#nav #gnb ul.swiper-wrapper > li > a > span img, #nav #gnb ul.swiper-wrapper > li > a > span video {height:40px; width:auto;}
#nav #gnb ul.swiper-wrapper > li.active > a span:after {content:""; position:absolute; width:100%; top:58px; left:0; right:0; height:2px; background-color:#333;}
#nav #gnb.gnb-wrap .swiper-btn-control .swiper-button-prev,
#nav #gnb.gnb-wrap .swiper-btn-control .swiper-button-next {width:36px; min-height:62px; border:0; padding:0;} 
#nav #gnb.gnb-wrap .swiper-btn-control .swiper-button-next {right:-39px; margin-right:24px; padding-left:12px;} 
#nav #gnb.gnb-wrap .swiper-btn-control .swiper-button-prev {left:-34px; margin-left:24px; padding-right:12px;}
#nav #gnb.gnb-wrap .swiper-button-prev:after {background:url(/assets/images/common/icon_24_left_drop_nor.png) no-repeat center; background-size:24px auto;}
#nav #gnb.gnb-wrap .swiper-button-next:after {background:url(/assets/images/common/icon_24_right_drop_nor.png) no-repeat -6px 50%; background-size:24px auto;}
#nav #gnb.gnb-wrap .swiper-button-prev:after {margin-left:-2px;}
#nav #gnb.gnb-wrap .swiper-button-next:after {margin-left:2px;}

/* 헤더 fixed */
#header.fixed {position:fixed; top:0; left:0; right:0; /*animation:headOpen 0.45s forwards; animation-timing-function:cubic-bezier(.445, .05, .55, .95); transition:all 0.45ms cubic-bezier(.445, .05, .55, .95); */ z-index:999; animation:headOpen 0.4s forwards;} 
body:not(.main) #header.top {animation:headClose 0.45s forwards; animation-timing-function:cubic-bezier(.445, .05, .55, .95); transition:all 0.45ms cubic-bezier(.445, .05, .55, .95);} 
#header.fixed #logo {width:104px; height:27px; margin-top:4px; margin-bottom:4px;} 
#header.fixed #logo a {width:104px; height:27px; background-size:104px auto;} 
#header.fixed .total-search-wrap {margin-left:20px;} 
/* #header.fixed .util-side-area {margin-top:6px;}  */
#header.fixed .util-side-area .real-time-slide-wrap {display:none;} 
#header.fixed .util-side-area .util-list > li > a {width:32px; height:32px; background-size:32px auto;} 
#header.fixed .total-search-wrap input[type='text'] {height:40px;} 
#header.fixed .total-search-wrap input[type='submit'] {width:28px; height:28px; background-size:28px auto;} 
#header .category-wrap {display:none !important;} 
#header.fixed #nav {display:none !important;} 
#header.fixed .category-wrap {display:block !important;} 
#header #nav .category-wrap {display:block !important;} 
#header.fixed > .center-wrap {position:relative; height:74px; padding:17px 0 17px 36px;}
#header.fixed > .center-wrap .category-wrap {position:absolute; top:50%; transform:translateY(calc(-50% + 0.5px));} 
#header > .center-wrap .category-wrap {top:0; left:0;} 
#header > .center-wrap .category-wrap .btn-all-category {width:20px; height:21px; text-indent:-9999em;} 
#header > .center-wrap .category-wrap .btn-all-category .bar {position:static;} 
#header > .center-wrap .category-wrap.on .category-list {top:48px;} 
#header.fixed > .center-wrap .category-wrap .category-list {display:none !important;}
#header.fixed > .center-wrap .category-wrap.on .category-list {display:block !important;}
#header.fixed .search-bar .dialog {top:57px;}

.ie-hate #header.fixed > .center-wrap .category-wrap {margin-top:-11px}
.ie-hate #header > .center-wrap .category-wrap .btn-all-category .bar{position:absolute; left:0;}
.ie-hate .fixed#header .category-wrap .btn-all-category .bar > .mid{top:45%;}
.ie-hate #header > .center-wrap .category-wrap.on .category-list{top:49px;}

@keyframes headOpen {
 0% {transform:translateY(-100%);} 
 100% {transform:translateY(0);} 
 }

@keyframes headClose {
 0% {transform:translateY(-50%);} 
 65% {transform:translateY(0);} 
 }

/* 카테고리 */
body.main .category-wrap .category-list {display:block;} 
.category-wrap .category-list {display:none; position:absolute; top:61px; left:0;} 
.category-wrap.on .category-list {display:block !important;} 

.menu-wrap {background-color:#fff;}
.menu-wrap .menu {width:216px; height:auto; /*padding:0; */ padding:5px 0; border:1px solid #e5e5e5; border-top:0; overflow:hidden;}
.menu-wrap .menu.depth1 > li > a {display:block; /*height:38.25px; */ height:38px; padding:0 20px; /*line-height:38.25px; */ line-height:38px; font-size:14px; font-weight:400; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;} 
.menu-wrap .menu.depth1 > li > a:hover,
.menu-wrap .menu.depth1 > li > a:focus {color:#fff; background-color:#444;} 
.menu-wrap .menu.depth1 > li.on > a {color:#fff; background-color:#444;} 
.menu-wrap .sub-area {display:none; position:absolute; top:0; left:216px; bottom:0; width:573px; background-color:#fff; border:1px solid #e5e5e5; border-width:0 1px 1px 0; z-index:10;} 
.menu-wrap .menu > li.on .sub-area {display:block;} 
.menu-wrap .sub-area .sub-box {display:flex; flex-direction:column; height:100%;} 
.menu-wrap .depth2 {position:relative; /*padding:20px 0; */ padding:15px 0; height:100%; overflow-x:hidden; overflow-y:auto;} 
.menu-wrap .depth2 li:first-child {padding-top:0;} 
.menu-wrap .depth2 li {width:190px; padding:8px 25px 0;} 
.menu-wrap .depth2 li > a {display:inline-block; position:relative; padding:3px 0; font-size:14px; color:#777;} 
.menu-wrap .depth2 li.on > a,
.menu-wrap .depth2 li > a:hover,
.menu-wrap .depth2 li > a:focus {color:#333; font-weight:700;} 
.menu-wrap .depth2 li > a:before {content:""; position:absolute; left:1px; right:100%; top:20px; width:0; height:1px; font-weight:700; border-radius:2px; background-color:#333; transition:all 0.4s ease-out; z-index:1;} 
.menu-wrap .depth2 li > a:hover:before,
.menu-wrap .depth2 li > a:focus:before {width:auto; right:1px;} 
.menu-wrap .depth3,
.menu-wrap .depth4 {display:none; position:absolute; top:0; left:190px; min-height:100%; padding:15px 0; border-left:1px solid #e5e5e5;} 
.menu-wrap .depth2 li.on .depth3,
.menu-wrap .depth3 li.on .depth4 {display:block;} 
.menu-wrap .menu .sub-area .sub-box a>span {overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin-left:-1px; margin-right:auto;}
.menu-wrap .menu .sub-area .sub-box li.on {min-width:195px;}

.ctg-bnr-wrap {padding:16px; border-top:1px solid #e5e5e5;} 
.ctg-bnr-wrap.btn-top .swiper-btn-control {top:28px; right:28px;} 
.ctg-bnr-wrap .swiper-slide > a > img {width:540px !important;}
.ctg-bnr-wrap .swiper-button-prev,
.ctg-bnr-wrap .swiper-button-next {width:34px; height:34px;}


/* ------------------------------------------------------------------------------------- 

홈 메인

-------------------------------------------------------------------------------------- */
/* 실시간 인기 검색어 */
.srch-real-wrap {margin-top:20px; border-top:1px solid #333;} 
.srch-real-wrap .acco-item .acco-head {border-bottom:1px solid #ccc;} 
.srch-real-wrap .acco-item .acco-head .acco-btn {position:relative; height:50px; padding:0 5px; line-height:50px; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
/* .srch-real-wrap .acco-item .acco-head .acco-btn .num {font-weight:700;}  */
.srch-real-wrap .acco-item .acco-head .acco-btn .tit {padding-left:6px; color:#000; font-size:14px; font-weight:400;} 
.srch-real-wrap .acco-item .acco-head .acco-btn > [class*=ico-] {position:absolute; right:0; top:50%; width:18px; height:18px; transform:translateY(-50%);} 
.srch-real-wrap .acco-item .acco-head .acco-btn .ico-up {background:url(/assets/images/common/ico_18_srch_up.png) no-repeat 0 0 / 18px auto;} 
.srch-real-wrap .acco-item .acco-head .acco-btn .ico-down {background:url(/assets/images/common/ico_18_srch_down.png) no-repeat 0 0 / 18px auto;} 
.srch-real-wrap .acco-item .acco-head .acco-btn .ico-equal {background:url(/assets/images/common/ico_18_srch_equal.png) no-repeat 0 0 / 18px auto;} 
.srch-real-wrap .acco-item .acco-head .acco-btn .ico-new {background:url(/assets/images/common/ico_18_srch_new.png) no-repeat 0 0 / 18px auto;} 
.srch-real-wrap .acco-item .acco-head .acco-btn:after {content:none;} 
.srch-real-wrap .acco-item .acco-body {padding:12px 16px 8px;} 
.srch-real-wrap .acco-body .prd-best {display:flex; justify-content:space-between;} 
.srch-real-wrap .acco-body .prd-best .block {flex:0 0 106px; position:relative; height:106px; border-radius:6px; overflow:hidden;} 
.srch-real-wrap .acco-body .prd-best .block:after {content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0, 0, 0, 0.4);} 
.srch-real-wrap .acco-body .prd-best .block img {width:106px; height:auto;} 
.srch-real-wrap .acco-body .prd-best .block .info {position:absolute; bottom:10px; left:10px; right:10px; z-index:10;} 
.srch-real-wrap .acco-body .prd-best .block .info .tit,
.srch-real-wrap .acco-body .prd-best .block .info .price {display:block; font-size:14px; color:#fff;} 
.srch-real-wrap .acco-body .prd-best .block .info .price {font-size:11px;} 
.srch-real-wrap .acco-body .prd-best .block .info .price > em {font-size:14px;} 
.srch-real-wrap .acco-body .prd-best .block .info .tit {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} 
.srch-real-wrap .acco-body .prd-best .link-more {flex:0 0 72px; position:relative; height:106px; font-size:13px; background-color:#eee; border-radius:6px; overflow:hidden;} 
.srch-real-wrap .acco-body .prd-best .link-more .total {position:absolute; bottom:10px; left:10px; right:10px;} 
.srch-real-wrap .acco-body .prd-best .link-more .count {display:block; font-size:14px; font-weight:700;} 

.srch-real-wrap.btn-top .swiper-btn-control {top:auto; /*bottom:-48px; */ } 
.srch-real-wrap.btn-top .swiper-button-prev,
.srch-real-wrap.btn-top .swiper-button-next {width:28px; height:28px;} 
.srch-real-wrap.btn-top .swiper-button-next {margin-left:48px; border-left-width:1px;} 
.srch-real-wrap.btn-top .swiper-btn-area {position:absolute; bottom:0; transform:translateX(-50%);} 
.srch-real-wrap.btn-top .swiper-btn-area .swiper-pagination {height:26px; background-color:transparent;} 
.srch-real-wrap.btn-top .swiper-btn-area .swiper-pagination > span {font-size:13px; font-weight:400; color:#000;} 
.srch-real-wrap.btn-top .acco-wrap.single .acco-head > .acco-btn .num {font-weight:600;}

.srch-real-wrap + .date-area {line-height:28px; margin-top:16px;} 
.srch-real-wrap + .date-area .date {font-size:13px; font-weight:700; color:#999;} 

/* 우측 사이드 배너 */
.quick-recent-shop {position:absolute; top:0; right:0; width:96px; height:100%; z-index:999;}
.quick-recent-shop .prd-top-bnr .block > .img-nodata {position:static; width:100%; height:auto;}
.quick-recent-shop .quick-menu {position:-webkit-sticky; position:sticky; top:100px; margin-top:200px;}
/* .ie-hate .quick-recent-shop{overflow-x:hidden;} */
.ie-hate .quick-recent-shop.fixed .quick-menu {position:fixed; margin-top:0; width:96px;}
/* html.pop-open .quick-recent-shop {right:17px;} */
.quick-recent-shop .quick-menu .prd-top-bnr {border-radius:6px 0 0 6px; overflow:hidden;}
.quick-recent-shop .quick-menu .prd-top-bnr .block {display:block; position:relative;}  
.quick-recent-shop .quick-menu .prd-top-bnr .block::after {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0; left:0;}
.quick-recent-shop .quick-menu .prd-box {margin-top:12px;} 
.quick-recent-shop .quick-menu .prd-box .btn-arrow {display:block; padding:9px 0 5px; font-size:14px; font-weight:600; color:#333; text-align:center;} 
/* .quick-recent-shop .quick-menu .prd-box .btn-arrow:after {border-color:#333;}  */
.quick-recent-shop .quick-menu .prd-box .prd-link {width:96px; height:96px; border-top-left-radius:6px; overflow:hidden;} 
.quick-recent-shop .quick-menu .prd-box .prd-link .block {display:block; position:relative; width:96px; height:96px;} 
.quick-recent-shop .quick-menu .prd-box .prd-link .block .dim {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:10;} 
.quick-recent-shop .quick-menu .prd-box .prd-link .block .dim .time {display:block; color:#fff; font-size:16px; font-weight:700;} 
.quick-recent-shop .quick-menu .prd-box .prd-link .block .dim .tit {display:-webkit-box; max-height:36px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:2px; color:#fff; font-size:13px;}
.quick-recent-shop .quick-menu .prd-box .prd-link .block .img-wrap:after {content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0, 0, 0, 0.4);} 
.quick-recent-shop .quick-menu .prd-box .prd-link .block .img-wrap > img {width:100%; height:auto; vertical-align:top;} 
.quick-recent-shop .quick-menu .prd-box .prd-link.prd-onair .block .state-wrap {z-index:1;}
.quick-recent-shop .quick-menu .prd-box .prd-link.prd-onair .block .state-wrap [class*=flag-] {vertical-align:top;}

.quick-recent-shop .quick-menu .prd-box .prd-link.prd-onair .block .img-wrap {display:block; height:100%;} 
.quick-recent-shop .quick-menu .prd-box .prd-link.prd-onair .block .img-wrap:after {content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0, 0, 0, 0.2);} 
.quick-recent-shop .quick-menu .prd-box .prd-link.prd-onair .block .ico-play {position:absolute; top:50%; left:50%; width:32px; height:32px; padding:0; vertical-align:middle; background-color:rgba(0,0,0,1); border-radius:50%; transform:translate(-50%, -50%); z-index:1;} 
.quick-recent-shop .quick-menu .prd-box .prd-link.prd-onair .block .ico-play .ico {display:inline-block; width:13px; height:1px; margin:0 1px 0 5px; background:#fff; transform:rotate(90deg);} 
.quick-recent-shop .quick-menu .prd-box .prd-link.prd-onair .block .ico-play .ico:before,
.quick-recent-shop .quick-menu .prd-box .prd-link.prd-onair .block .ico-play .ico:after {content:""; display:inline-block; position:absolute; top:-6px; width:13px; height:1px; background:#fff;} 
.quick-recent-shop .quick-menu .prd-box .prd-link.prd-onair .block .ico-play .ico:before {-webkit-transform:rotate(56deg); -moz-transform:rotate(56deg); -ms-transform:rotate(56deg); transform:rotate(61deg); right:-3px;} 
.quick-recent-shop .quick-menu .prd-box .prd-link.prd-onair .block .ico-play .ico:after {-webkit-transform:rotate(-56deg); -moz-transform:rotate(-56deg); -ms-transform:rotate(-56deg); transform:rotate(-61deg); right:3px;} 

.quick-recent-shop .btn-arrow::after {content:""; width:10px; height:10px; right:auto; margin:2px 0 3px 2px; background:url(/assets/images/common/icon_12_more_nor.png) no-repeat center; background-size:10px auto;}
.quick-recent-shop .quick-menu .prd-link + .recent-menu {border:1px solid #e5e5e5; border-width:0 1px; background-color:#fff;}
.quick-recent-shop .quick-menu .recent-menu {border:1px solid #e5e5e5; border-width:1px 1px 0; background-color:#fff;} 

.recent-nodata {text-align:center; margin:16px 0 32px; padding:0 13px;} 
.recent-nodata > .txt {font-size:11px; font-weight:400; color:#999;} 
.recent-list.swiper-wrap {padding-bottom:40px;} 
.recent-list.swiper-wrap .prd-list {display:flex; flex-direction:column;} 
.recent-list.swiper-wrap .swiper-btn-control {position:absolute; bottom:8px; left:50%; transform:translateX(-50%);} 
.recent-list.swiper-wrap .swiper-button-prev,
.recent-list.swiper-wrap .swiper-button-next {width:12px; height:12px; border:0;} 
.recent-list.swiper-wrap .swiper-button-prev {left:-10px;} 
.recent-list.swiper-wrap .swiper-button-next {right:-10px;} 
.recent-list.swiper-wrap .swiper-button-prev:after,
.recent-list.swiper-wrap .swiper-button-next:after {width:12px; height:12px;} 
.recent-list.swiper-wrap .swiper-button-prev:after {background:url(/assets/images/common/icon_12_more_bold_dim.png) no-repeat center; background-size:12px auto;}
.recent-list.swiper-wrap .swiper-button-next:after {background:url(/assets/images/common/icon_12_more_bold_nor.png) no-repeat center; background-size:12px auto;}
.recent-list.swiper-wrap .swiper-button-prev.swiper-button-disabled:after,
.recent-list.swiper-wrap .swiper-button-next.swiper-button-disabled:after {opacity:0.5;}

.recent-list.swiper-wrap .swiper-btn-area {position:static; transform:translateX(0);} 
.recent-list.swiper-wrap .swiper-btn-area .swiper-pagination.swiper-pagination-fraction {background-color:transparent;} 
.recent-list.swiper-wrap .swiper-btn-area .swiper-pagination.swiper-pagination-fraction > span {font-size:13px; font-weight:400; color:#999; vertical-align:top;} 
.recent-list.swiper-wrap .swiper-btn-area .swiper-pagination.swiper-pagination-fraction > .swiper-pagination-current {color:#000;} 

/* 윙배너 슬라이드 갯수 체크 */
.recent-list.swiper-wrap .swiper-container {width:100%; max-height:146px; margin-left:auto; margin-right:auto;}
.recent-list.swiper-wrap .swiper-wrapper {display:flex; height:100%; margin-top:-3px}
.recent-list.swiper-wrap .swiper-slide {height:calc((100% - 0px) / 2); display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; margin-top:3px !important;}

.quick-recent-shop .quick-menu .prd-box .prd-onair {background-image:linear-gradient( 132deg,#ff1e7c 4%,#ff5965 93%); background-origin:border-box; background-clip:border-box; border:1px solid transparent;} 
.quick-recent-shop .quick-menu .prd-box .prd-list {position:relative; width:70px; /*margin:0 auto; */ text-align:center;} 
/* 08-12 승규 수정 */
.ie-hate .quick-recent-shop .quick-menu .prd-box .prd-list {margin:0 0;}
.quick-recent-shop .quick-menu .prd-box .prd-list .block {display:block; position:relative; width:70px; height:70px;} 
.quick-recent-shop .quick-menu .prd-box .prd-list .block .img-wrap > img {width:100%; height:auto; vertical-align:top;} 
.quick-recent-shop .quick-menu .prd-box .prd-list .block .img-wrap.size-half > img {width:35px; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.quick-recent-shop .quick-menu .prd-box .prd-list .block .img-wrap:after {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0px; left:0px;}
.quick-recent-shop .quick-menu .prd-box .prd-list .block .img-wrap {position:relative; width:70px; height:70px; border-radius:4px; overflow:hidden; border:1px solid transparent; background-color:#fff; z-index:11;} 
.quick-recent-shop .quick-menu .prd-box .prd-list:hover .block .img-wrap {border:1px solid #555; border-left-color:transparent; border-radius:0 4px 4px 0;} 
.quick-recent-shop .quick-menu .prd-box .prd-list .block .detail {display:inline-block; position:absolute; top:0; right:0; width:70px !important; height:70px !important; padding:12px; border-radius:4px 0 0 4px; background-color:#fff; text-align:left; overflow:hidden; /*transition:all 0.5s ease-in-out; */ } 
.quick-recent-shop .quick-menu .prd-box .prd-list:hover .block .detail {width:210px !important; top:0; right:4px; padding-right:70px; border:1px solid #555; border-width:1px 0 1px 1px; box-shadow:4px 4px 8px rgba(0 0 0 / 12%); -webkit-box-shadow:4px 4px 8px rgba(0 0 0 / 12%); z-index:0; padding:6px 70px 6px 12px;} 
.quick-recent-shop .quick-menu .prd-box .prd-list .block .detail .tit {display:-webkit-box; width:100%; color:#000; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:13px;} 
/* 08-13 승규 수정 */
.ie-hate .quick-recent-shop{position:fixed; top:50px;}
.ie-hate .quick-recent-shop .quick-menu .prd-box .prd-list .block .detail .tit {display:block; max-height:37px; overflow:hidden;}
.quick-recent-shop .quick-menu .prd-box .prd-list .block .detail .txt {display:block;} 
.quick-recent-shop .quick-menu .prd-box .prd-list .block .detail .price {display:block; font-size:11px; color:#000;} 
.quick-recent-shop .quick-menu .prd-box .prd-list .block .detail .price > em {font-size:15px; font-weight:700;} 

.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-plan:hover .block .detail,
.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-event:hover .block .detail {right:0; width:214px !important; padding:8px 12px; border-right-width:1px; border-radius:4px; border-color:#555;} 
.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-plan .block .detail,
.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-event .block .detail {border-radius:4px; border-color:transparent;} 
.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-plan .block .detail .tit,
.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-event .block .detail .tit {font-size:11px;} 
.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-plan .block .detail .tit {color:#1286e0;} 
.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-event .block .detail .tit {color:#f50d87; } 
.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-plan .block .detail .txt,
.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-event .block .detail .txt {display:-webkit-box; width:100%; color:#333; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:11px; line-height:15px;}
.ie-hate .quick-recent-shop .quick-menu .prd-box .prd-list .bnr-plan .block .detail .txt,
.ie-hate .quick-recent-shop .quick-menu .prd-box .prd-list .bnr-event .block .detail .txt {max-height:30px;}
.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-plan:hover .block .detail .txt,
.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-event:hover .block .detail .txt {font-size:13px; line-height:18px;}
.ie-hate .quick-recent-shop .quick-menu .prd-box .prd-list .bnr-plan:hover .block .detail .txt,
.ie-hate .quick-recent-shop .quick-menu .prd-box .prd-list .bnr-event:hover .block .detail .txt {max-height:35px;}

.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-plan .block .detail {background-color:#deebfb;} 
.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-plan:hover .block .detail {background-color:#fff;} 
.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-event .block .detail {background-color:#fff2f7;} 
.quick-recent-shop .quick-menu .prd-box .prd-list .bnr-event:hover .block .detail {background-color:#fff;} 

.quick-recent-shop .quick-menu .prd-box .prd-list .btn-close {position:absolute; top:2px; right:12px; width:18px; height:18px; background-color:transparent; z-index:-1; /*transition:all 0.1s ease-in-out; */ } 
.ie-hate .quick-recent-shop .quick-menu .prd-box .prd-list .btn-close {background:url(/assets/images/common/pc_icon_18_close.png) no-repeat center; background-size:18px auto; top:8px; right:8px;}
.quick-recent-shop .quick-menu .prd-box .prd-list:hover .btn-close {z-index:12;}
.quick-recent-shop .quick-menu .prd-box .prd-list .btn-close:before {content:""; position:absolute; top:50%; left:50%; width:18px; height:18px; background:url(/assets/images/common/pc_icon_18_close.png) no-repeat center; background-size:18px auto; transform:translateY(-50%);} 
.ie-hate .quick-recent-shop .quick-menu .prd-box .prd-list .btn-close:before {display:none;}
/* .quick-recent-shop .quick-menu .prd-box .prd-list .btn-close:after {transform:translate(-50%, -50%) rotate(135deg);}  */

.quick-recent-shop .quick-menu .btn-go-top {position:relative; width:100%; height:30px; font-size:13px; font-weight:400; color:#fff; text-align:left; text-indent:28px; background-color:#444; border-bottom-left-radius:6px; } 
.quick-recent-shop .quick-menu .btn-go-top:before {content:""; position:absolute; width:12px; height:12px; top:9px; left:57px; background:url(/assets/images/common/icon_12_btn_top.png) no-repeat center; background-size:12px auto;}
/* .quick-recent-shop .quick-menu .btn-go-top:before {right:22px; top:10px; width:6px; height:6px; border:1px solid #fff; border-width:1px 1px 0 0; transform:rotate(-45deg);} 
.quick-recent-shop .quick-menu .btn-go-top:after {right:21px; top:50%; width:8px; height:1px; background-color:#fff; transform:rotate(-90deg);}  */

.recent-list.swiper-wrap .swiper-container.visible {overflow:visible;}
.recent-list.swiper-wrap .swiper-container.visible .swiper-slide {opacity:0;}
.recent-list.swiper-wrap .swiper-container.visible .swiper-wrapper .swiper-slide.visible-slide {opacity:1;}
.recent-list.swiper-wrap .swiper-container.visible .swiper-wrapper .swiper-slide {pointer-events:none;}
.recent-list.swiper-wrap .swiper-container.visible .swiper-wrapper .swiper-slide.over {pointer-events:auto;}

/* 컨텐츠 */
.content {padding:174px 0 120px 0; display:block;}
.content.type-kakao {padding:0;}
/* .content.type-login {background-color:#fafafa;}  UI_UXW_6005.jsp */
.content.type-login .tit-extra .tit-h4 {margin-bottom:8px !important;}
.content.type-login .login-area .tab-wrap .tab-list > li {flex:0 210px; height:60px;}
.content.type-login .login-area .btn-area.half .btn {width:auto; min-width:206px;}
.content.type-login .login-area .btn-area.half .btn + .btn {margin-left:8px;}
.content.type-login .gray-box {padding:20px 40px;}
.content.type-login .gray-box .txt > .bold {color:#777;}
/* .content > *:last-child {padding-bottom:120px;} */ /* 06-10 개발자들 요청으로 상위 div 패딩으로 변경 */
.content.type-login .center-wrap.full {margin:-175px 0 -120px; padding:175px 0 120px;} /* 08-16 전체 배경이 회색 일 경우 상/하단이 흰색으로 보여서 수정 */
.content.type-login .center-wrap.full .login-area {margin-bottom:-16px}

/* 메인 - 공통 */
#main {min-height:500px;} 
#main .tit-h1 {margin:64px 0 24px;} 
#main .tit-h1 + p {font-size:16px; color:#000; margin:-20px 0 16px 0;}
#main [class*=-full] {width:100%; margin-top:64px; padding-bottom:40px; background-color:#fafafa;} 
#main .main-visual-full + [class*=-full] {margin-top:0;} 
#main [class*=-full]:first-child {margin-top:0; padding-bottom:0;} 
#main [class*=-full] .center-wrap {overflow:hidden;} 
#main [class*=-full] .center-wrap .tit-area {margin-top:40px;} 
#main [class*=-full]:first-child .center-wrap {margin-top:0;} 
.center-wrap > [class*=-wrap] {position:relative;} 
#main .center-wrap > [class*=-wrap] .btn-arrow {position:absolute; top:-50px; right:0; padding-right:12px;} 

/* 메인 상단 영역 */
.main-visual-full .center-wrap {padding:24px 0 24px 216px;} 
.main-visual-full .center-wrap::after {content:""; display:table; clear:both;} 

/* 메인 방송영역 */
.prd-onair-wrap {float:left; padding-left:34px;}
#main .main-visual-full .prd-onair-wrap {width:632px;} 
#main .main-visual-full .prd-onair-wrap .img-box.img-container {position:relative; width:100%; padding-top:56.25%; background-color:#f6f6f6;}
#main .main-visual-full .prd-onair-wrap .img-box.img-container > img {position:absolute; top:50%; left:50%; /*height:100%; */object-fit:cover; width:100%; transform:translate(-50%, -50%); vertical-align:top;}
#main .main-visual-full .prd-onair-wrap .img-box.img-container::after {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0px; left:0px;}

/* 메인 상단 방송영역 */
.prd-onair-wrap .prd-video-area {width:598px; position:relative;} 
.prd-onair-wrap .prd-video-area.type-category {width:596px;}
.prd-onair-wrap .prd-video-area .state-wrap {top:20px; left:20px;}
.video-box .btn_close {text-indent:-9999em; position:absolute; top:20px; right:20px; background:url(/assets/images/common/icons-h-32-close-white@2x.png) no-repeat 50% 50% / 32px 32px transparent; width:32px; height:32px;}
.prd-onair-wrap .prd-video-area .prd-info {position:relative; padding:13px 20px 13px 24px; background-color:#fff; border:1px solid #ccc; border-top-width:0; border-radius:0 0 10px 10px; /*min-height:90.58px; */ min-height:88px;} 
.prd-onair-wrap .prd-video-area .prd-info .tit {padding-right:180px; font-weight:400; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:18px;} 
.prd-onair-wrap .prd-video-area .prd-info .tit .name {color:#000;} 
.prd-onair-wrap .prd-video-area .prd-info .purchase {} 
.prd-onair-wrap .prd-video-area .prd-info .purchase .price {color:#000; font-size:14px; font-weight:400;} 
.prd-onair-wrap .prd-video-area .prd-info .purchase .price > em {font-size:26px; font-weight:700;} 
.prd-onair-wrap .prd-video-area .prd-info .btn-area {position:absolute; top:19px; right:20px; margin-top:0;} 
.prd-onair-wrap .prd-video-area .prd-info .btn-area .btn {min-width:160px; font-weight:700;} 

/* s :메인 상단 방송영역 동영상 :추후 수정예정 */
.video-box {overflow:hidden; position:relative; display:block; border-radius:4px; z-index:2; height:100%;} 
.video-box .video-tg {display:none;} 
.video-box .btn-video-play,
.video-box .next-video-area {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:rgba(0, 0, 0, .3); text-align:center;} 
.video-box video {width:100%; height:100%;} 
.video-box .img-box {position:relative; width:100%; height:100%;} 
.video-box .img-box img {display:block; width:100%;} 
.video-box .img-box .btn-wish {z-index:3;} 
.video-box.is-play .img-box,
.video-box.is-play .btn-video-play {display:none;} 
.video-box.is-play .video-tg {display:block; width:100%; height:100%;} 

.prd-video {position:relative; width:598px;}
.type-category > .prd-video {width:596px;}
.img-box {overflow:hidden; width:100%; height:334px; border-radius:10px 10px 0 0;} 
.img-box img {display:block; width:100%;}
.ico-on-air {position:absolute; top:20px; left:20px; width:84px; height:36px;} 
.tt-timer {position:relative; display:block; padding-top:84px; font-size:16px; font-weight:700; color:#fff;} 
.tt-timer:before {content:''; position:absolute; top:0; left:50%; transform:translate(-50%, 0); width:80px; height:80px; background:url('/assets/images/common/ico_video_play.png') no-repeat 0 0; background-size:80px auto; z-index:1;}
.prd-thumb .tt-timer:before {top:50%; width:100px; height:100px; background-size:100px auto; transform:translate(-50%, -50%);}
.time-list > li.onair .cont .tt-timer:before {top:50%; width:58px; height:58px; background:url('/assets/images/common/ico_video_play.png') no-repeat 0 0; background-size:58px auto; transform:translate(-50%, -50%);}
/* 08-18 승규 수정 */
.prd-video .video-box {height:336px; border-radius:10px 10px 0 0;} 
.type-category .prd-video .video-box {height:334px;}
.prd-video .video-box .btn-video-play {background:none;} 
.prd-video .video-box .btn-video-play:before {content:none;} 
.prd-video .video-box .btn-video-play:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:.5; transform:none; background-image:-webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.2) 71%, rgba(34, 34, 34, 0.59) 86%, #333333); background-image:-ms-linear-gradient(to bottom, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.2) 71%, rgba(34, 34, 34, 0.59) 86%, #333333); background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.2) 71%, rgba(34, 34, 34, 0.59) 86%, #333333);} 
.next-video-area dl {padding-top:124px; text-align:center; color:#fff;}
.next-video-area dl dt {font-size:15px;}
.next-video-area dl dd {font-size:16px; font-weight:700;}
.next-video-area button {margin-top:8px;}

/* 메인 상단 방송영역 - 하단 상품유닛 */
.main-visual-full .prd-onair-wrap .prd-unit-area .tab-wrap {margin:0 0;} 
.main-visual-full .prd-onair-wrap .prd-unit-area .tab-wrap .tab-list > li.on > a {min-height:0;}
.prd-onair-wrap .prd-unit-area {} 
.prd-onair-wrap .prd-unit-area .tab-list {margin:16px 0 15px;} 
.prd-onair-wrap .prd-unit-area .tab-list > li {position:relative; flex:0 0 auto; margin-left:10px; padding-left:10px; border-bottom:0;} 
.prd-onair-wrap .prd-unit-area .tab-list > li:first-child {margin-left:0; padding-left:0;} 
.prd-onair-wrap .prd-unit-area .tab-list > li:before {content:""; position:absolute; left:0; top:5px; bottom:5px; width:1px; height:12px; background-color:#ccc;} 
.prd-onair-wrap .prd-unit-area .tab-list > li:first-child:before {content:none;} 

.prd-onair-wrap .prd-unit-area .tab-list > li > a {height:auto; line-height:1.4; color:#999; font-weight:400; border-bottom:0; background-color:transparent;} 
.prd-onair-wrap .prd-unit-area .tab-list > li.on > a {color:#000; border-bottom:0; font-weight:700;} 
.prd-onair-wrap .prd-unit-area .tab-con-wrap {margin-top:16px;} 
.prd-onair-wrap .prd-unit-area .tab-con-wrap .tab-con.on {margin-top:0;}
.prd-onair-wrap .prd-unit-area .tab-con .prd-unit-wrap {width:596px;} 
.prd-onair-wrap .prd-unit-area .tab-con .prd-unit-list > li {flex-basis:50%; border-bottom:0;} 
.prd-onair-wrap .prd-unit-area .tab-con .prd-unit-list > li .goods .prd-info .tit {min-height:36px; line-height:18px;}
.prd-onair-wrap .prd-unit-area .tab-con .prd-unit-list > li .goods {margin:0;} 
 
/* 메인 상단 방송영역 - 하단 배너 */
.prd-onair-wrap .prd-bnr-area {margin-top:16px; border:1px solid #ccc; border-radius:10px; overflow:hidden;} 
.prd-onair-wrap .prd-bnr-area .block {display:block;} 
.prd-onair-wrap .prd-bnr-area img {width:596px; height:127px;} 

.prd-unit-area .btn-top .swiper-btn-control {top:-38px;} 
.prd-unit-area .btn-top .swiper-button-prev,
.prd-unit-area .btn-top .swiper-button-next {width:28px; height:28px;} 
.prd-unit-area .btn-top .swiper-button-prev::after,
.prd-unit-area .btn-top .swiper-button-next::after {width:16px; height:16px;} 

/* 메인 상단 우측배너 */
.visual-bnr-wrap {float:left; margin-left:33px; padding-left:34px; border-left:1px solid #e5e5e5; width:319px;}
.visual-bnr-wrap .swiper-container {width:284px; border-radius:10px;} 
.visual-bnr-wrap .swiper-slide .block {height:564px; position:relative; overflow:hidden;} 
.visual-bnr-wrap .swiper-slide .block:before {display:block; content:''; width:100%; height:100%; z-index:3; background:none; position:absolute;}
.visual-bnr-wrap .swiper-slide .block .img-nodata {top:50%; transform:translate(0, -50%);} 
.visual-bnr-wrap .swiper-slide .block::after {position:absolute; width:100%; height:280px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0.08%, rgba(0, 0, 0, 0.00) 99.92%); content:''; bottom:0; left:0;}
.visual-bnr-wrap .swiper-slide .block.txt-wrap-no:after {display:none;}
.visual-bnr-wrap .swiper-slide .block video {position:absolute; left:50%; transform:translateX(-50%); top:0; height:100%; width:auto;}
.visual-bnr-wrap .swiper-btn-area {margin-left:20px; bottom:32px;} 

.visual-bnr-wrap .txt-wrap {position:absolute; width:100%; z-index:3; color:#fff; bottom:94px; left:20px;}
.visual-bnr-wrap .txt-wrap>span {display:block; opacity:0; margin-left:5%;}

.visual-bnr-wrap .txt-wrap .txt-coupon {display:inline-block; margin-bottom:10px;}
.visual-bnr-wrap .txt-wrap .txt-coupon:after {content:''; background:linear-gradient(360deg, #F50D87 50%, #FF5F2B 100%); z-index:1; width:9px; border-radius:4px; margin-left:-3px;}
.visual-bnr-wrap .txt-wrap .txt-coupon:after, .visual-bnr-wrap .txt-coupon .coupon {height:22px; line-height:22px; display:inline-block; vertical-align:middle; position:relative; box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.15);}
.visual-bnr-wrap .txt-wrap .txt-coupon .coupon {background:#fff; color:#333; font-weight:800; z-index:2; line-height:22px; font-size:12px; border-radius:4px; padding:0 6px; border:1px solid #ccc;}
.visual-bnr-wrap .txt-wrap .txt-bg {display:inline-block; margin-bottom:8px; border-radius:4px; padding:5px 8px; font-weight:700; font-size:12px; background:rgba(0,0,0,.4);}

.visual-bnr-wrap .txt-wrap .txt1 {font-size:24px; line-height:32px; font-weight:700; margin-bottom:4px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.10);}
.visual-bnr-wrap .txt-wrap .txt2 {font-size:14px; font-weight:600; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.10);}

.visual-bnr-wrap .swiper-slide.swiper-slide-active .txt-wrap>span {animation:slideAfter 0.6s ease-in-out forwards;}
.visual-bnr-wrap .swiper-slide.swiper-slide-active .txt-wrap .txt-coupon, .re-top-banner .swiper-slide.swiper-slide-active .txt-wrap .txt-bg {animation-delay:0s;}
.visual-bnr-wrap .swiper-slide.swiper-slide-active .txt-wrap .txt1 {animation-delay:.3s;}
.visual-bnr-wrap .swiper-slide.swiper-slide-active .txt-wrap .txt2 {animation-delay:.6s;}

@keyframes slideAfter {
	0% {margin-left:5%; opacity:0;}
	100% {margin-left:0; opacity:1;}
}


/* 방송 편성표 */
.onair-wrap .prd-unit-wrap.typeB .prd-unit-list .goods .prd-info .purchase {min-height:auto; margin-top:8px;}
.onair-wrap .prd-unit-wrap .swiper-button-prev,
.onair-wrap .prd-unit-wrap .swiper-button-next {top:86px; transform:translateY(0);} 
.onair-wrap .prd-unit-wrap .swiper-button-prev::after {width:24px; height:24px; background:url(/assets/images/common/icon_24_arrow_bold_left_nor.png) no-repeat center; background-size:24px auto;}
.onair-wrap .prd-unit-wrap .swiper-button-next::after {width:24px; height:24px; background:url(/assets/images/common/icon_24_arrow_bold_right_nor.png) no-repeat center; background-size:24px auto;}
.onair-wrap .prd-unit-wrap.typeB .prd-unit-list .goods .prd-img {width:auto; height:auto;}
.onair-wrap .btn-arrow::after {margin:1px 0; background:url(/assets/images/common/icon_12_more_nor.png) no-repeat center; background-size:12px auto;}
.onair-wrap .prd-unit-list .goods .prd-img > a.img-container {position:relative; width:100%; padding-top:56.25%; background-color:#f6f6f6;}
.onair-wrap .prd-unit-list .goods .prd-img > a.img-container > img {position:absolute; top:0; left:50%; height:100%; object-fit:cover; width:auto; transform:translate(-50%, 0);}

.onair-wrap .prd-unit-list .goods .dim {position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0, 0, 0, 0.5); text-align:center; z-index:20; height:216px; border-radius:8px;} 
.onair-wrap .prd-unit-list .goods .dim .inner {display:flex; flex-direction:column; justify-content:center; position:absolute; top:50%; left:50%; width:120px; height:120px; transform:translate(-50%, -50%); border-radius:50%; border:1px solid rgba(255, 255, 255, 0.8);} 
.onair-wrap .prd-unit-list .goods .dim .date,
.onair-wrap .prd-unit-list .goods .dim .txt {display:block; font-size:15px; font-weight:700; color:#fff;} 
.onair-wrap .prd-unit-list .goods .dim .txt {margin-top:6px;} 
.onair-wrap .prd-unit-list .goods .dim.today {background-color:transparent;} 
.onair-wrap .prd-unit-list .goods .dim.today .inner {background-color:rgba(18, 134, 224, 0.8); border:0;} 
.onair-wrap .prd-unit-list .goods .dim.today .date:before {content:""; display:inline-block; width:16px; height:16px; margin:-4px 3px 0 0; background:url(/assets/images/common/ico_16_clock_w.png) no-repeat center center / 16px 16px; vertical-align:middle;} 
.onair-wrap .prd-unit-list .goods .prd-info .purchase .del {margin-left:8px; font-weight:400;}
.onair-wrap .prd-unit-list .goods .prd-info .purchase .del em {font-size:14px;}

/* 프로모션 */
.promotion-wrap .swiper-wrapper > li {flex-basis:282px;}
.promotion-wrap .swiper-wrapper > li > .block {/*display:flex; flex-direction:column; justify-content:space-between; */ position:relative; width:282px; height:132px; padding:20px; border-radius:8px; overflow:hidden; background-color:#e6e6e6;}
/* .promotion-wrap .swiper-wrapper > li > .block:after {content:""; position:absolute; top:16px; right:18px; width:42px; height:42px;} */
.promotion-wrap .swiper-wrapper > li > .block .tit {/*padding-right:46px; height:62px; */ overflow:hidden; font-size:22px; font-weight:700; color:#fff;}
.promotion-wrap .swiper-wrapper > li > .block .desc {font-size:16px; color:#fff;}
.promotion-wrap .swiper-wrapper > li > .block .ico-wrap {position:absolute; top:18px; right:18px; width:42px; height:42px;}
.promotion-wrap .swiper-button-next::after, 
.promotion-wrap .swiper-button-prev::after {width:24px; height:24px;}

/* 브랜드 */
.brand-wrap .btn-top .swiper-btn-control {top:-58px;}
.brand-wrap .swiper-wrapper > li {flex-basis:282px;} 
.brand-wrap .swiper-wrapper > li .block {display:block; background-color:transparent;} 
.brand-wrap .swiper-wrapper > li .block .img-wrap {width:282px; height:156px; border-radius:6px; overflow:hidden; position:relative;} 
.brand-wrap .swiper-wrapper > li .block .img-wrap::after {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0; left:0;}
.brand-wrap .swiper-wrapper > li .block .tit {display:block; margin-top:16px; font-size:18px; color:#000; text-align:center;} 
.brand-wrap .swiper-button-next::after, 
.brand-wrap .swiper-button-prev::after {width:16px; height:16px;}

/* 추천상품 */
.recomm-wrap .prd-unit-list .goods .prd-img .state-wrap {top:0; left:0; bottom:auto;} 
.recomm-wrap .prd-unit-list > li {flex-basis:220px; min-height:360px;} 
.recomm-wrap .swiper-button-prev,
.recomm-wrap .swiper-button-next {top:88px; border:0.5px solid #cbccce; transform:translateY(0);} 
.recomm-wrap .btn-arrow::after {background:url(/assets/images/common/icon_12_more_nor.png) no-repeat center; background-size:12px auto;}

/* 쇼핑엔딜 */
.deal-wrap .prd-unit-list:first-child {margin-top:0;} 
.deal-wrap .prd-unit-list {flex-wrap:wrap; margin-top:64px;} 
.deal-wrap .prd-unit-list > li {flex-basis:584px;}
.deal-wrap .prd-unit-list > li:nth-child(n+3) {margin-top:56px;} 
.deal-wrap .btn-arrow::after {background:url(/assets/images/common/icon_12_more_nor.png) no-repeat center; background-size:12px auto;}
.prd-unit-list .sd-img {height:288px !important;}
.prd-unit-list .sd-img > a::after {display:none;}
.prd-unit-list .sd-img-ul li {width:66px; height:66px; display:block; float:right; position:relative; border-radius:8px; overflow:hidden; margin-bottom:8px;}
.prd-unit-list .sd-img-ul li:last-child {margin-bottom:0;}
.prd-unit-list .sd-img-ul li img {width:100%; position:absolute; left:0; top:0;}
.prd-unit-list .sd-img-ul li::after {content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.03);}
.prd-unit-list .sd-img-ul li:first-child {width:512px; height:288px; float:left; margin-bottom:0;}
.prd-unit-list .sd-img-ul li:first-child img {height:100%; width:auto; position:absolute; left:50%; top:0; transform:translateX(-50%);}
 
/* 쇼핑엔딜 - 이벤트 배너 */
#main .evn-bnr-area {margin-top:94px;}
.evn-bnr-area {margin-top:56px; border-radius:8px; overflow:hidden;}
.evn-bnr-area.small {width:540px; margin:50px auto 0;}
.evn-bnr-area .swiper-slide .block {position:relative; overflow:hidden;}    
.evn-bnr-area .swiper-slide .block .img-nodata {position:absolute; top:50%; left:50%; width:30%; max-width:none; transform:translate(-50%, -50%);}
.evn-bnr-area .swiper-slide .block::after {content:''; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); top:0; left:0;}
.evn-bnr-area .swiper-slide > a > img {overflow:hidden;}
.evn-bnr-area .swiper-btn-area {left:auto; right:16px; transform:translateX(0);}
.center-wrap .deal-wrap .evn-bnr-area .btn-arrow {top:-40px;}

/* 최근 본 상품의 연관상품 */
.prd-relate-wrap .prd-unit-list > li {flex-basis:220px;} 
.prd-relate-wrap .swiper-button-prev,
.prd-relate-wrap .swiper-button-next {top:88px; transform:translateY(0);} 
.prd-relate-wrap .btn-arrow::after {background:url(/assets/images/common/icon_12_more_nor.png) no-repeat center; background-size:12px auto;}

/* 앱 배너 */
.app-bnr-area {margin:50px 0; border-radius:8px; overflow:hidden;} 
.app-bnr-area > .block > .img-nodata {position:static; width:100%; height:auto;}
.app-bnr-area.txt >.block {width:100%; padding:34px 0 34px 190px;} 
.app-bnr-area.txt >.block .txt-area {text-align:left;} 
.app-bnr-area.txt >.block .txt-area > [class*=txt-] {display:inline-block; font-size:22px;}

/* 기획전 */
.tit-area + .plan-wrap.swiper-wrap.btn-top {padding-top:30px; margin-bottom:32px;}
.tit-area + .plan-wrap.swiper-wrap.btn-top .swiper-btn-control {top:-20px;}
.plan-ctg-wrap {margin:0;}
.plan-ctg-wrap.tab-wrap > .sticky-wrap.sticky ~ .tab-con-wrap > .nodata {margin-bottom:0;}
.plan-wrap {display:flex; justify-content:space-between;} 
.plan-wrap .plan-list-area {flex:0 0 583px;} 
.plan-wrap .plan-list-area .img-wrap .block {border-radius:8px; overflow:hidden;}
.plan-wrap .plan-list-area > a {position:relative; background-color:#f6f6f6; border-radius:8px; overflow:hidden;}
.plan-wrap .plan-list-area > a > img {width:100%; height:auto; vertical-align:top;}
.plan-wrap .plan-list-area > a::after {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0; left:0;}
.plan-wrap .plan-list-area .bnr-wrap {border-radius:8px; overflow:hidden;} 
.plan-wrap .plan-list-area .bnr-wrap .block {position:relative;} 
.plan-wrap .plan-list-area .bnr-wrap .block .img-nodata {position:relative;}
.plan-wrap .plan-list-area .bnr-wrap .block::after {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0; left:0;}
.plan-wrap .plan-list-area .prd-unit-wrap {margin-top:32px;} 
.plan-wrap .plan-list-area .prd-unit-list {flex-direction:column;} 
.plan-wrap .plan-list-area .prd-unit-list > li {border-bottom:0;} 
.plan-wrap .plan-list-area .prd-unit-list > li:first-child .goods {margin-top:0;} 
.plan-wrap .plan-list-area .prd-unit-list > li .goods {margin:16px 0 0;} 
.plan-wrap .plan-list-area .btn-area {margin-top:24px;} 
.plan-wrap .plan-list-area .btn-area .btn {width:100%;} 
.plan-wrap .plan-list-area .btn-area .btn > span {justify-content:center;} 
.plan-wrap .btn-arrow::after {background:url(/assets/images/common/icon_12_more_nor.png) no-repeat center; background-size:12px auto;}
.plan-wrap .swiper-button-prev:after {width:19px; height:19px; background:url(/assets/images/common/icon_24_arrow_bold_left_nor.png) no-repeat center; background-size:19px auto;} 
.plan-wrap .swiper-button-next:after {width:19px; height:19px; background:url(/assets/images/common/icon_24_arrow_bold_right_nor.png) no-repeat center; background-size:19px auto;}
.srch-result-area .deal-list .prd-unit-list.list > li {border-bottom:0;}
.srch-result-area .deal-list .prd-unit-list.list .goods {display:inline; margin:0;}
.srch-result-area .deal-list .prd-unit-list.list .goods .prd-info {padding:16px 0 0 0;}
.srch-result-area .deal-list .prd-unit-wrap.typeA .prd-unit-list.list .goods .prd-info .tit {min-height:auto; margin-bottom:7px; font-size:18px; -webkit-line-clamp:1;}
.srch-result-area .deal-list .prd-unit-wrap.typeA .prd-unit-list.list .goods .prd-info .purchase {min-height:30px;}
.srch-result-area .deal-list .prd-unit-wrap.typeA .swiper-button-prev, 
.srch-result-area .deal-list .prd-unit-wrap.typeA .swiper-button-next {top:41%;}

/* 베스트 */
.best-wrap .prd-unit-list .goods .prd-img .state-wrap {top:0; left:0; bottom:auto;} 
.best-wrap .prd-unit-list {flex-wrap:wrap;} 
.best-wrap .prd-unit-list > li {flex-basis:220px;} 
.best-wrap .prd-unit-list > li:nth-child(n+6) {margin-top:48px;} 

/* ------------------------------------------------------------------------------------- 

기획전 메인

-------------------------------------------------------------------------------------- */
.plan-wrap.swiper-wrap {display:block; justify-content:normal;} 
.plan-wrap.swiper-wrap .swiper-wrapper {justify-content:space-between;}
.plan-wrap.swiper-wrap .swiper-wrapper .swiper-slide > .block {border-radius:8px; overflow:hidden;}
.plan-wrap.swiper-wrap .swiper-wrapper li .block {border-radius:8px; overflow:hidden;}
.plan-ctg-wrap.swiper-wrap .sticky-wrap .tab-list.ico-tab {margin:0 -12px 48px;}
.event-list {margin:0 -16px; font-size:0;} 
.event-list:after {content:""; display:table; clear:both;} 
.event-list > li {display:inline-block; width:50%; padding:0 16px; vertical-align:top;} 
.event-list > li:nth-child(n+3) {margin-top:56px;} 
.event-list .thum {border-radius:8px; overflow:hidden; position:relative;}
.event-list .thum > img {vertical-align:top; width:100%; height:auto;}
.event-list .thum > img.img-nodata {position:relative;}
.event-list .thum::after {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0; left:0;}
.event-list a.thum {display:block;} 
.event-list .end .thum:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0, 0, 0, 0.5);} 
.event-list .end .thum:after {content:"이벤트\A종료"; position:absolute; top:50%; left:50%; right:0; width:110px; height:110px; padding-top:34px; text-align:center; color:#fff; font-size:18px; font-weight:600; border:1px solid #fff; border-radius:50%; white-space:pre; transform:translate(-50%, -50%);} 
.event-list.plan .end .thum:after {content:"기획전\A종료";} 
.event-list .info .state-wrap {position:static; margin-top:16px;} 
.event-list .info .tit {margin-top:8px; font-size:18px; font-weight:700; color:#000;} 
.event-list .info .date {margin-top:8px; font-size:14px; color:#777;} 
.event-list .info .date>span {display:inline-block; width:1px; height:10px; background:#ccc; vertical-align:middle; margin:-1px 8px 0 8px;}
.event-list + .msg-box.L [class*=txt-list-].sm {color:#999;}
.sub-tit-area + .plan-wrap.swiper-wrap {padding-top:0;}
/* ------------------------------------------------------------------------------------- 

이벤트 메인

-------------------------------------------------------------------------------------- */
.space-block .btn-arrow::after {right:auto; background:url(/assets/images/common/icon_12_more_nor.png) no-repeat center; background-size:12px auto;} 
.save-area .btn-arrow {padding-right:0;}
.save-area .btn-arrow::after {padding-left:16px; margin:-3px 0 0 0 !important; top:70%; right:auto;}
.challenge-box .btn-arrow::after {margin:0 0 0 3px;}

/* ------------------------------------------------------------------------------------- 

푸터

-------------------------------------------------------------------------------------- */
#footer {border-top:1px solid rgba(229, 229, 229, 0.8);} 
#trn-info dd {border-bottom:1px solid rgba(229, 229, 229, 0.8);} 
#trn-info ul li {float:left;} 
#trn-info ul li a {display:block; padding:0 17px; line-height:54px; color:#555; font-size:14px;} 
#trn-info ul li:first-child a {padding-left:0;} 
#trn-info ul li:last-child a {padding-right:0;} 
#trn-info ul li a strong {color:#333;}
#footer > .center-wrap {padding:30px 0 39px 0;} 
#footer > .center-wrap.buy {padding-bottom:130px;}
#footer .f_logo,
#footer .trn-detail,
#footer .cs-center,
#footer .notice-area {float:left; vertical-align:top;} 
#footer .foot-span {display:inline-block; width:1px; height:12px; vertical-align:middle; margin:-2px 10px 0 10px; background:#ddd; text-indent:-9999px;}
#footer .egs-logo {width:178px; margin-top:16px; display:block;}
#footer .f_logo {text-indent:-9999em; width:84px; height:37px; background:url(/assets/images/common/img_logo_footer.png) no-repeat 0 0 / 84px 37px;} 
#footer .trn-detail {width:370px; margin-left:129px;}
#footer .trn-detail dl dt {color:#000; font-size:14px; font-weight:700;} 
#footer .trn-detail dl dd {margin-top:8px;} 
#footer .trn-detail dl dd address,
#footer .trn-detail dl dd p {font-size:13px; color:#777; font-style:normal;} 
#footer .trn-detail dl dd address { display:block; margin:0; line-height:24px;}
#footer .trn-detail dl dd p.ceo {display:inline;} /*footer*/
#footer .trn-detail dl dd p {line-height:24px;} 
#footer .trn-detail dl dd p + p {margin:0px;} 
#footer .trn-detail dl dd .business-num {display:inline-block;}
#footer .trn-detail dl dd .business-num a {font-size:11px; text-decoration:underline; color:#999; display:inline-block; line-height:24px; margin:-4px 0 0 16px; vertical-align:middle; position:relative;} 
#footer .trn-detail dl dd .business-num a:after {position:absolute; top:0; content:'〉'; right:-10px; font-size:8px;} 
#footer .trn-detail dl dd .business-num .num{}
#footer .trn-detail dl dd .copy {margin-top:16px; color:#bbb; } 
#footer .cs-center {margin-left:56px; padding-right:50px; border-right:1px solid #eeeeee;} 
#footer .cs-center dl {min-width:207px;}
#footer .cs-center dl dt {color:#000; font-weight:700; font-size:14px; line-height:18px;} 
#footer .cs-center dl dd .tel-num {font-size:26px; color:#555; margin-top:10px; font-weight:700; line-height:26px; } 
#footer .cs-center dl dd .email {margin-top:9px; line-height:20px; color:#555;} 
#footer .cs-center dl dd .email a {line-height:20px; color:#555;} 
#footer .cs-center dl dd .btn-area {justify-content:flex-start; margin-top:14px; vertical-align:top; font-size:0;} 
#footer .cs-center dl dd .btn-area a {display:inline-block; height:28px; border:1px solid #ccc; border-radius:4px; padding:0 10px; font-size:12px; line-height:27px; color:#555; font-weight:700;} 
#footer .cs-center dl dd .btn-area a + a {margin-left:4px;} 
#footer .notice-area {margin-left:50px;} 
#footer .notice-area dl dt {font-weight:700; font-size:14px; line-height:18px;}
#footer .notice-area dl dt .btn-arrow {color:#000; font-weight:700; }
#footer .notice-area dl dt .btn-arrow:after {width:10px; height:10px; margin:1px 0; object-fit:cover; background:url(/assets/images/common/icon_12_more_bold_nor.png) no-repeat center; background-size:10px auto;}
#footer .notice-area dl dd ul {width:234px; margin-top:12px;} 
#footer .notice-area dl dd ul li + li {margin-top:7px;} 
#footer .notice-area dl dd ul li a {display:block; color:#555;} 
#footer .notice-area dl dd ul li a .date,
#footer .notice-area dl dd ul li a .txt {float:left; font-size:13px; display:block;} 
#footer .notice-area dl dd ul li a .date { width:56px;} 
#footer .notice-area dl dd ul li a .txt {width:calc(100% - 56px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 상품구매 내역 */
.tbl.type-col.total-price table tbody td {padding:32px 16px;} 
.tbl.type-col .prd-list-wrap {display:flex; align-items:center;} 
.tbl.type-col .img-wrap {flex:0 0 72px;} 
.tbl.type-col .img-wrap img {vertical-align:top;} 
.tbl.type-col .prd-info {padding-left:12px;} 
.tbl.type-col .prd-info .tit + [class*=txtlist-sort-] {margin-top:4px;} 
.tbl.type-col .prd-info [class*=txtlist-sort-] {font-size:0;} 
.tbl.type-col .prd-info [class*=txtlist-sort-] .info {display:inline-block; width:56px; vertical-align:top; color:#777; font-size:14px; word-break:break-all;} 
.tbl.type-col .prd-info [class*=txtlist-sort-] > ul {display:inline-block; position:relative; width:550px; vertical-align:top; color:#999;} 
.tbl.type-col .prd-info [class*=txtlist-sort-] > ul > li {display:inline-block; position:relative; padding-right:12px; font-size:14px;} 
.tbl.type-col .prd-info [class*=txtlist-sort-] > ul > li:after {content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); color:#999;} 
.tbl.type-col .prd-info [class*=txtlist-sort-] > ul > li:last-child:after {content:none;} 
.tbl.type-col .prd-info .txtlist-sort-comma > ul > li:after {content:","; right:8px;} 
.tbl.type-col .prd-info .txtlist-sort-slash > ul > li:after {content:"/"; right:4px;} 

/* 총 결제금액 */
.total-wrap {display:flex;} 
.total-wrap [class*=count] {position:relative; flex:1 0 auto;} 
.total-wrap [class*=count]:first-child:before,
.total-wrap [class*=count]:first-child:after {content:none;} 
.total-wrap [class*=count]:before {content:""; position:absolute; top:-24px; bottom:-24px; left:0; border-left:1px solid #e5e5e5;} 
.total-wrap [class*=count]:after {content:""; position:absolute; top:50%; left:0; width:21px; height:21px; background:url(/assets/images/common/ico_15_cnt_plus_w.png) #333 no-repeat 50% 50%; background-size:15px auto; border-radius:50%; transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));} 
.total-wrap .is-count:after {content:""; background:url(/assets/images/common/ico_15_cnt_minus_w.png) #333 no-repeat 50% 50%; background-size:15px auto;} 
.tbl.type-col.total-price .total-wrap {margin:0 -16px;} 

.tbl.type-col.total-price tfoot th,
.tbl.type-col.total-price tfoot td {padding:24px 16px; border-bottom:1px solid #E5E5E5;} 
.tbl.type-col.total-price tfoot tr:last-child th,
.tbl.type-col.total-price tfoot tr:last-child td {color:#f50d87; background-color:#fff6fa; border-bottom:0;} 
.tbl.type-col.total-price tfoot th {text-align:left; font-weight:700;} 
.tbl.type-col.total-price tfoot td {text-align:right;} 
.tbl.type-col.total-price tfoot td > em {font-size:24px; font-weight:700;} 

/* 정보 리스트 */
.info-list {width:100%;} 
.info-list > li {display:flex; flex-wrap:wrap; align-items:center;} 
.info-list > li {padding:0 16px;} 
.info-list li .item,
.info-list li .val {flex:1 1 auto;} 
.info-list li .item {text-align:left;} 
.info-list li .val {font-size:14px; text-align:right; color:#000; } 
.info-list li .val > em {font-size:18px; font-weight:700;} 
.info-list .item .sub-item {display:block; margin-top:8px; color:#777; font-size:13px; font-weight:400;}
/* 정보 리스트 2depth */
.info-list li .info-list {margin-top:3px;} 
.info-list li .info-list > li {padding:0;} 
.info-list li .info-list > li .val > em {font-size:16px; font-weight:400;} 
.info-list li .info-list > li .item {position:relative; font-size:14px; color:#777;} 
.info-list.ico-type > li .item {position:relative; color:#777; font-size:14px; padding-left:8px;} 
.info-list.ico-type > li .item:before {content:""; width:5px; height:5px; position:absolute; top:50%; left:0; margin-top:-5px; border:1px solid #999; border-width:0 0 1px 1px;} 

/* 정보 리스트(div) */
div.info-list {display:flex; flex-wrap:wrap;} 
div.info-list > .item,
div.info-list > .val {flex:1 1 40%; color:#777;} 
div.info-list > .item {color:#333;} 
div.info-list > .val {text-align:right;} 

/* 정보리스트(left) */
.info-list.left > li {padding:0; margin-bottom:16px;}
.info-list.left > li:last-child {margin-bottom:0;}
.info-list.left li .item,
.info-list.left li .val {font-size:15px;}
.info-list.left li .item {flex:0 0 auto; flex-basis:136px; color:#555;}
.info-list.left li .val {text-align:left; color:#333;}
.info-list.left li .correction {display:flex; justify-content:space-between; align-items:center;}

.info-list.member li .item {font-weight:700; color:#333;}

/* 토글리스트 */
.info-list.set > li {padding:0; margin-bottom:16px;}

/* 아코디언 type */
.acco-item .acco-head {border-bottom:1px solid #000;} 
.acco-item .acco-head .acco-btn {display:block; position:relative; padding:0 45px 24px 0;} 
.acco-item .acco-head .acco-btn:after {content:''; position:absolute; top:12px; right:0; width:32px; height:32px; background:url(/assets/images/common/icon_32_spread_nor.png) no-repeat center; background-size:32px auto; transform:translate(-50%, -50%); transition:all 0.25s;} 
.acco-item.on .acco-head .acco-btn:after {top:20px; transform:translate(-50%, -50%) rotate(-180deg) } 
.acco-item .acco-head .tit {font-size:24px; font-weight:700; color:#000;} 
.acco-item .acco-body {display:none; padding-bottom:24px;} 
.acco-item .acco-body.on {display:block;}

/* 이용안내 아코디언 */
.acco-wrap.use-info {text-align:center;}
.acco-wrap.use-info .acco-item .acco-head {border-bottom:0;}
.acco-wrap.use-info .acco-item .acco-head .acco-btn {display:inline-block; padding:24px 0 20px 0; background:none;}
.acco-wrap.use-info .acco-item .acco-head .tit {font-size:15px; font-weight:normal; color:#333;}
.acco-wrap.use-info .acco-item .acco-head .acco-btn:after {width:16px; height:16px; background:url(/assets/images/common/icons-h-16-drop-nor@2x.png) no-repeat 50% 50% / 16px 16px; transform:translate(0,0); display:inline-block; margin-left:4px; content:""; position:relative; top:3px;}
.acco-wrap.use-info .acco-item.on .acco-head .acco-btn:after {transform:rotate(-180deg);}
.acco-wrap.use-info .acco-item .acco-body {padding:16px; background-color:#fafafa; text-align:left; border-radius:6px; -webkit-border-radius:6px; margin-bottom:24px;}
.acco-wrap.use-info .acco-item .acco-body .txt-list-disc.sm {margin-top:0; /*padding:0 16px; margin-top:8px; */ }
.acco-wrap.use-info .acco-item .acco-body .txt-list-disc.sm .strong {color:#f50d87;}
/* .acco-wrap.use-info + .hr {padding-top:32px;} */

.acco-wrap + .hr {margin-top:0; padding-top:0;}

.acco-wrap .acco-item .acco-body .srch-wrap {padding-top:0;}
.acco-wrap .acco-item .acco-body .srch-wrap > .srch-box + .keyword {margin-top:16px;}

/* notice box 아코디언 */
.tooltip .cont .noti-box + .noti-box {margin-top:4px;}
.acco-wrap.noti-box .acco-btn {background-color:transparent;}
.acco-wrap.noti-box .info-list .item {position:relative; font-size:13px; color:#4a92e2;}
.acco-wrap.noti-box .info-list .val {flex:0 0 80px; font-size:13px; color:#4a92e2;}
.acco-wrap.noti-box .acco-item .acco-head {border-bottom:0;}
.acco-wrap.noti-box .acco-item.on .acco-head {border-bottom:1px solid #eee;}
.acco-wrap.noti-box .acco-item .acco-head .acco-btn {padding:0;}
.acco-wrap.noti-box .acco-item.on .acco-head .acco-btn {padding-bottom:16px;}
.acco-wrap.noti-box .acco-item .acco-head .acco-btn:after {content:none;}
.acco-wrap.noti-box .acco-item .acco-head .info-list .item:after {content:""; display:inline-block; width:6px; height:6px; margin-left:10px; border:1px solid #1286e0; border-width:0 1px 1px 0; transform:translate(-50%, -50%) rotate(45deg); transition:all 0.25s;}
.acco-wrap.noti-box .acco-item.on .acco-head .info-list .item:after {margin-top:2px; transform:rotate(-135deg);}
.acco-wrap.noti-box .acco-item .acco-body {padding:16px 0 0;}
.acco-wrap.noti-box .acco-item .acco-body .txt-list-disc > li {color:#4a92e2;}

/* 기획전 유의사항 */
.img-wrap + .acco-wrap.plan, .bbs-body + .acco-wrap.plan {padding-top:48px;}
.acco-wrap.plan {background:#fafafa; padding:0 0 48px 0;}
.acco-wrap.plan .acco-item {text-align:center; border-radius:6px; width:704px; margin:0 auto; overflow:hidden;}
.acco-wrap.plan .acco-item .acco-body {padding-bottom:0; background-color:rgb(204 204 204 / 20%); text-align:left; padding-bottom:20px;}
.acco-wrap.plan .acco-item .acco-body > ul {padding:0 20px;}
.acco-wrap.plan .acco-item .acco-head {border-bottom:0; display:inline-block; width:704px; background-color:rgb(204 204 204 / 20%);}
.acco-wrap.plan .acco-item .acco-head .acco-btn {display:inline-block; padding:0 16px 0 0; line-height:60px; background-color:transparent;}
.acco-wrap.plan .acco-item .acco-head .tit {font-size:15px; color:#333;}
.acco-wrap.plan .acco-item .acco-head .acco-btn:after {width:12px; height:12px; background-size:12px 12px; top:30px; background-image:url(/assets/images/common/icons-h-12-fold-nor@2x.png); right:-7px;}

/* 인기/최근 검색어 */
.srch-popular ol > li {margin-top:15px; display:flex; display:-webkit-box; display:-ms-flexbox; align-items:center; -webkit-box-align:center; -ms-flex-align:center;}  
.srch-popular ol > li > a {flex:1 0 148px;}
.srch-popular ol > li > i {text-indent:-9999em; width:18px; height:18px; margin-top:-3px; display:block;}
.srch-popular ol > li > i.up {background:url(/assets/images/common/ico_18_srch_up.png) no-repeat 50% 50% / 18px 18px;}
.srch-popular ol > li > i.down {background:url(/assets/images/common/ico_18_srch_down.png) no-repeat 50% 50% / 18px 18px;}
.srch-popular ol > li > i.equal {background:url(/assets/images/common/ico_18_srch_equal.png) no-repeat 50% 50% / 18px 18px;}
.srch-popular ol > li > i.new {background:url(/assets/images/common/ico_18_srch_new.png) no-repeat 50% 50% / 18px 18px;}
.srch-popular ol > li > a .tit {padding-left:10px; font-size:14px; color:#000;} 
.srch-popular ul > li {position:relative; margin-top:15px; /*padding-right:20px; */ } 
.srch-popular ul > li > a {display:block;} 
.srch-popular ul > li > a .num {font-weight:700;} 
.srch-popular ul > li > a .tit {font-size:14px; color:#000;} 
.srch-popular ul > li > .btn-close {position:absolute; top:50%; right:0; width:12px; height:12px; transform:translateY(-50%);} 
.srch-popular ul > li > .btn-close:before {width:12px; height:12px; background:url(/assets/images/common/icon_12_close_dim.png) no-repeat center; background-size:12px auto;} 
.srch-popular ul > li > .btn-close:after {transform:translate(-50%, -50%) rotate(-135deg);} 
.srch-popular .total-del {margin-top:16px; padding:0; font-size:13px; color:#999; text-decoration:underline; text-align:left;}  /* 07-28 김지나 인기검색어 수정으로 인해 추가 */

/* 공통 no data */
.nodata {margin:60px 0; padding:125px 0 140px 0; background:url(/assets/images/common/ico_100_msg_nodata.png) no-repeat center 0 / 100px; text-align:center;} 
.nodata.type-line {border-bottom:1px solid #e5e5e5; border-top:1px solid #333; padding-top:275px; background-position-y:140px; margin-top:0px;}
.nodata .tit {display:block; font-size:28px; color:#000;} 
.nodata .txt {font-size:18px; font-weight:400; color:#999;} 
.nodata .txt > em {font-weight:700; color:#000;} 
.nodata .txt .col {color:#f50d87;}   
.nodata .btn-area .btn {width:328px;}

/* 팝업에서 공통 no data */
.pop-wrap .pop-body .nodata {margin-top:70px; padding:76px 0 0; background-size:56px auto;}
.pop-wrap .pop-body .nodata .txt {font-size:15px;}

/* 공통 img no data */
.img-nodata {width:100%; height:auto; object-fit:cover; position:absolute; z-index:10;}

/* 첨부파일 */
.attach-wrap {border-top:1px solid #eee; margin-top:24px; padding-top:24px;}
.attach-wrap .tit {display:block; font-size:14px; font-weight:700;}
.attach-wrap .file-info-list > li {margin-top:9px; font-size:0;}
.attach-wrap .file-info-list a.name {display:inline-block; margin-right:17px; vertical-align:middle; font-size:14px; line-height:14px; color:#000; border-bottom:1px solid #333;}
.attach-wrap .file-info-list .size {vertical-align:middle; color:#999; font-size:14px; line-height:14px;}

/* 이벤트 상세 */
.bbs-view {margin-top:50px;} 
.crumbs-wrap + .center-wrap .bbs-view {margin-top:32px;} 
.bbs-view .tit-h1 {margin-top:0;} 
.bbs-view .bbs-head {display:flex; justify-content:space-between; align-items:center; margin-bottom:40px;} 
.bbs-view .bbs-head .tit-area {margin:0;} 
.bbs-view .bbs-head .tit-area .some {display:block;} 
.bbs-view .bbs-head .tit-area .btn-arrow {display:inline-block; margin-bottom:8px; font-size:14px; font-weight:700; color:#333;} 
.bbs-view .bbs-head .tit-area .btn-arrow:after {background:url(/assets/images/common/icon_12_more_bold_nor.png) no-repeat center; background-size:12px auto; margin:-1px 1px;} 
.bbs-view .bbs-head .tit-area .state-wrap {display:inline-block; position:static; vertical-align:text-bottom;} 
.bbs-view .bbs-head .tit-area .tit {height:45px; color:#000; font-size:32px; font-weight:700;} 
.bbs-view .bbs-head .tit-area .state-wrap + .tit {padding-left:4px;} 

.bbs-view .bbs-body {margin-top:40px; word-break:break-all;} 
.bbs-view .bbs-body .cms {margin:40px 0;} 
.bbs-view .bbs-body ~ .btn-area > .btn {min-width:328px; font-weight:700;} 
.bbs-view .bbs-body ~ .btn-area > .btn.color-white {color:#000;}
.bbs-view.my-activity .bbs-body ~ .btn-area > .btn {min-width:200px;}
.bbs-view.my-activity .bbs-body ~ .btn-area > .btn.color-white.outline-black {color:#333;}
.bbs-view.my-activity.notice .bbs-head .tit {color:#000;} /* 08-02 김지나 컬러 확인필요(ui_uxw_3084) */

.bbs-view .bbs-body>strong.file-tit ~ .file-list {padding-bottom:40px; border-bottom:1px solid #eee;}
.bbs-view + .btn-area a.btn.size-XXL {min-width:328px;}

/* 수신동의 토글 영역 */
.toggle-area {background:#f3f3f3;}
.toggle-area .toggle-btn-area {border-bottom:1px solid rgba(0, 0, 0, 0.05); text-align:center; padding:16px 0;}
.toggle-area .toggle-btn-area .tit {display:block; font-size:16px; margin-right:14px; font-weight:700; vertical-align:middle; height:28px; line-height:26px;}       
.toggle-area .toggle-btn-area .txt {font-size:16px; margin-right:14px; font-weight:400; vertical-align:middle; display:inline-block; height:28px; line-height:26px;} 
.toggle-area .toggle-btn-area label {vertical-align:middle; display:inline-block;}   
.toggle-area .toggle-btn-area .toggle-switch input + label {width:64px;} 
.toggle-area .toggle-btn-area .toggle-switch input:checked + label:after {margin-left:36px;}     
.toggle-area .toggle-btn-area .toggle-switch input + label:before,
.toggle-area .toggle-btn-area .toggle-switch input:checked + label:before {font-size:14px; font-weight:700; line-height:26px;}  
.toggle-area .toggle-btn-area .toggle-switch input + label:before {content:"OFF"; color:#333; margin-left:22px;}    
.toggle-area .toggle-btn-area .toggle-switch input:checked + label:before {content:"ON"; color:#fff; margin-left:-20px;}

/* 타이머 모듈 */
.timer {padding:60px 0; text-align:center; font-family:'Pretendard';}
.timer_tit {font-size:40px; padding-bottom:20px; font-weight:700; color:#111;}
.timer_time {font-size:0;}
.timer_time .dday {display:inline-block; width:auto; margin:0 30px;}
.timer_time .dday>div {min-width:100px; text-align:center;}
.timer_time .dday>div:first-child {font-size:70px; font-weight:700; color:#000; position:relative;}
.timer_time .dday>div:first-child:after {position:absolute; right:-40px; top:-6px; content:":";}
.timer_time .dday:last-child>div:first-child:after {display:none;}
.timer_time .dday .dday_txt {font-size:20px; color:#777; font-weight:500;}
.timer + .acco-wrap.plan {padding-top:48px;}

/* 기획전 이벤트 띠배너 */
.line-banner a {display:block; margin-bottom:1px;}
.line-banner a img {vertical-align:middle;}

/* 게시판 상세 - 공지상세 */
.bbs-view.notice .bbs-head {padding:24px 0; margin-bottom:24px; border-top:1px solid #333; border-bottom:1px solid #e5e5e5;} 
.bbs-view.notice .bbs-head .tit {color:#444; font-size:22px;} 
.bbs-view.notice .bbs-head .info {font-size:0; margin-top:8px;} 
.bbs-view.notice .bbs-head .info .date {font-size:14px; color:#999;} 
.bbs-view.notice .bbs-head .info .date > em {padding-left:16px;}
.bbs-view.notice .bbs-head .info .date:after {content:''; display:inline-block; width:1px; height:10px; background-color:#e5e5e5; margin:0 8px;} 
.bbs-view.notice .bbs-head .info .date:last-child:after {content:none;} 
.bbs-view.notice .bbs-head + .bbs-body {margin-top:24px;}
.bbs-view.notice .bbs-body .ipt-wrap {font-size:0;}
.bbs-view.notice .bbs-body textarea + .counter {margin-top:20px; font-size:15px;}
.bbs-view.notice .bbs-body .file-tit {margin:40px 0 12px;}

.bbs-view.notice .evt-win-box {padding:17px 0; margin:40px 0; text-align:center; background-color:#f5f5f5; font-size:16px; border-radius:6px;} 
.bbs-view.notice .evt-win-box p {display:inline-block; line-height:50px; padding-left:62px; background-repeat:no-repeat; background-size:50px 50px; background-position:left center;} 
.bbs-view.notice .evt-win-box.fail p {background-image:url('/assets/images/contents/ico_evt_win_fail.png');} 
.bbs-view.notice .evt-win-box.fail p > .point-c3 {color:#1286e0 !important;} 
.bbs-view.notice .evt-win-box.win p {background-image:url('/assets/images/contents/ico_evt_win_win.png');} 
.bbs-view.notice .evt-win-box.no-data p {background-image:url('/assets/images/contents/ico_evt_win_nodata.png');} 
.bbs-view.notice .evt-win-box.not-data p {background-image:url('/assets/images/contents/ico_evt_not.png');} 
.bbs-view.notice .evt-win-box.logout {display:flex; justify-content:space-between; padding:20px 30px;} 
.bbs-view.notice .evt-win-box.logout p.txt {padding-left:0;} 
.bbs-view.notice .evt-win-box.logout .btn-area {margin-top:0;} 
.bbs-view.notice .evt-win-box.logout .btn-area button {min-width:200px;} 
.bbs-view.notice .cms > b {font-weight:normal;}

.bbs-view.notice .attach-wrap {margin-top:40px;}
.bbs-view.notice .attach-wrap .file-info-list a.name {padding-right:5px;}

/* 게시판 페이지 리스트 (이전글/다음글) */
.bbs-page-list {margin:80px 0 40px;}
.bbs-page-list > li {padding:16px 0;}
.bbs-page-list > li:first-child {padding-top:0;}
.bbs-page-list > li + li {padding-bottom:0; border-top:1px solid #e5e5e5;}
.bbs-page-list > li .tit {margin-right:24px; color:#999;}

/* 쿠폰 영역 라뉴얼 */
.re-coupon-wrap {padding:48px 0 8px 0; background-color:#fafafa;}
.re-coupon {max-width:620px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; text-align:center;}
.re-coupon .coupon {flex:1 1; max-width:260px; min-width:260px; text-align:left; position:relative; padding:22px 100px 18px 20px; margin:24px;}
.re-coupon .coupon:before {content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; border-radius:6px; border:1px solid #CCC; background:#FFF; box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.15); z-index:2; border-right:0;}
.re-coupon .coupon:after {content:""; display:inline-block; width:26px; height:100%; position:absolute; right:0; top:0; border-radius:0 6px 6px 0; z-index:2; background:linear-gradient(0deg, #F50D87 50%, #FF5F2B 100%);}
.re-coupon .coupon.disabled {opacity:.3;}
.re-coupon .coupon>* {position:relative; z-index:3;}
.re-coupon .coupon .badge {position:absolute; left:10px; top:-16px; font-size:0;}
.re-coupon .coupon .badge>div {display:inline-block; font-size:0; vertical-align:top;}
.re-coupon .coupon .badge>div img {height:25px; border-radius:99px; margin-right:2px; vertical-align:middle;}
.re-coupon .coupon .badge>div.txt span {display:inline-block; margin:0 2px 2px 0; height:26px; line-height:26px; border-radius:99px; vertical-align:middle; padding:0 8px; color:#fff; font-size:12px; font-weight:600; background:#000;}
.re-coupon .coupon .badge>div.txt span:last-child {margin-right:0;}
.re-coupon .coupon .badge>div.txt span.app {background:#F50D87;}
.re-coupon .coupon .tit {font-size:15px; font-weight:800;}
.re-coupon .coupon .price {color:#000; font-size:30px; font-weight:800; margin:-4px 0 0 0;}
.re-coupon .coupon .price .won {font-weight:700; font-size:18px; display:inline-block; vertical-align:middle; margin-top:-2px;}
.re-coupon .coupon .info {font-size:13px; color:#555; font-weight:500; line-height:16px; word-break: keep-all; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */}
.re-coupon .coupon .info span {display:inline-block; width:1px; height:11px; background:#ccc; margin:-2px 4px 0 4px; vertical-align:middle;}
.re-coupon .coupon .date {font-size:13px; color:#999; font-weight:500; margin-top:4px;}
.re-coupon .coupon .down {position:absolute; right:20px; background:#fff; border:solid #ccc; border-width:1px 0; border-radius:0 6px 6px 0; top:0; width:60px; border-left:1px dashed #e5e5e5; height:100%; text-align:center; font-weight:700; font-size:12px; z-index:4;}
.re-coupon .coupon .down span {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;}
.re-coupon .coupon .down span:before, .re-coupon .coupon .down span:after {content:''; display:block; margin:0 auto 8px auto;}
.re-coupon .coupon .down span:before {width:22px; height:22px; background-size:cover;}
.re-coupon .coupon .down span:after {content:'쿠폰받기';}
.re-coupon .coupon.disabled .down span:after {content:"받기완료"}
.re-coupon .coupon.disabled.dead .down span:after {content:"소진완료"}
.re-coupon .coupon button {text-indent:-9999px; width:100%; height:100%; position:absolute; left:0; top:0; z-index:4; background:none;}
.re-coupon .coupon.disabled button {cursor:default;}

.re-coupon .coupon:nth-child(5n+1):after {background:linear-gradient(0deg, #F50D87 50%, #FF5F2B 100%);}
.re-coupon .coupon:nth-child(5n+2):after {background:linear-gradient(0deg, #F50D87 7.63%, #F927EB 99.04%);}
.re-coupon .coupon:nth-child(5n+3):after {background:linear-gradient(180deg, #F927EB -3.39%, #5D18FF 72.88%);}
.re-coupon .coupon:nth-child(5n+4):after {background:linear-gradient(180deg, #2D5BFF 40.68%, #001CAC 100%);}
.re-coupon .coupon:nth-child(5n+5):after {background:linear-gradient(0deg, #0482E3 50%, #04B6B9 102.54%);}
.re-coupon .coupon:nth-child(5n+1) .tit, .re-coupon .coupon:nth-child(5n+1) .down {color:#F50D87;}
.re-coupon .coupon:nth-child(5n+2) .tit, .re-coupon .coupon:nth-child(5n+2) .down {color:#E11DD3;}
.re-coupon .coupon:nth-child(5n+3) .tit, .re-coupon .coupon:nth-child(5n+3) .down {color:#5D18FF;}
.re-coupon .coupon:nth-child(5n+4) .tit, .re-coupon .coupon:nth-child(5n+4) .down {color:#2D5BFF;}
.re-coupon .coupon:nth-child(5n+5) .tit, .re-coupon .coupon:nth-child(5n+5) .down {color:#0482E3;}
.re-coupon .coupon:nth-child(5n+1) .down span:before {background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M17.647%2011.2L11.823%2017.024%206%2011.2M11.823%2016.2V1.2M1%2017.2v2.785C1%2021.651%202.389%2023%204.105%2023h15.79C21.611%2023%2023%2021.651%2023%2019.985V17.2'%20stroke='%23F50D87'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E")}
.re-coupon .coupon:nth-child(5n+2) .down span:before {background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M17.647%2011.2L11.823%2017.024%206%2011.2M11.823%2016.2V1.2M1%2017.2v2.785C1%2021.651%202.389%2023%204.105%2023h15.79C21.611%2023%2023%2021.651%2023%2019.985V17.2'%20stroke='%23E11DD3'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E")}
.re-coupon .coupon:nth-child(5n+3) .down span:before {background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M17.647%2011.2L11.823%2017.024%206%2011.2M11.823%2016.2V1.2M1%2017.2v2.785C1%2021.651%202.389%2023%204.105%2023h15.79C21.611%2023%2023%2021.651%2023%2019.985V17.2'%20stroke='%235D18FF'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E")}
.re-coupon .coupon:nth-child(5n+4) .down span:before {background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M17.647%2011.2L11.823%2017.024%206%2011.2M11.823%2016.2V1.2M1%2017.2v2.785C1%2021.651%202.389%2023%204.105%2023h15.79C21.611%2023%2023%2021.651%2023%2019.985V17.2'%20stroke='%232D5BFF'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E")}
.re-coupon .coupon:nth-child(5n+5) .down span:before {background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M17.647%2011.2L11.823%2017.024%206%2011.2M11.823%2016.2V1.2M1%2017.2v2.785C1%2021.651%202.389%2023%204.105%2023h15.79C21.611%2023%2023%2021.651%2023%2019.985V17.2'%20stroke='%230482E3'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E")}

.btn-coupon-see, .btn-coupon-down button {max-width:310px; width:100%; height:44px; text-align:center; border-radius:50px; font-size:15px; font-weight:600; display:block; margin:0 auto 24px auto;}
.btn-coupon-see {border:1px solid #CCC; background:#FFF; color:#000; margin-top:14px;}
.btn-coupon-see:before {content:"전체 쿠폰 확인하기"}
.btn-coupon-see span {display:inline-block; width:6px; height:14px; position:relative; margin:4px 0 0 12px; vertical-align:middle;} 
.btn-coupon-see span:before, .btn-coupon-see span:after {content:''; width:1px; height:8px; border-radius:1px; background:#000; position:absolute; display:block;}
.btn-coupon-see span:before {left:0; transform:rotate(-45deg);}
.btn-coupon-see span:after {right:0; transform:rotate(45deg);}
.btn-coupon-see.on:before {content:"쿠폰 접기"}
.btn-coupon-see.on span:before {left:0; transform:rotate(45deg);}
.btn-coupon-see.on span:after {right:0; transform:rotate(-45deg);}

.btn-coupon-down {margin:16px 0 0 0;}
.btn-coupon-down button {border:1px solid #000; background:#000; color:#fff;}
.btn-coupon-down button span {margin:-4px 0 0 8px; display:inline-block; vertical-align:middle; width:14px; height:14px; background-size:cover; background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9.758V11.294C1 12.213 1.758 12.958 2.694 12.958H11.307C12.242 12.958 13 12.213 13 11.294V9.758M7 9.642V1.042M10.3 6.321L7 9.621 3.7 6.321' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.btn-coupon-down button:disabled {border-color:#bbb; background:#bbb; color:#E5E5E5}
.btn-coupon-down button:disabled span {background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9.758V11.294C1 12.213 1.758 12.958 2.694 12.958H11.307C12.242 12.958 13 12.213 13 11.294V9.758M7 9.642V1.042M10.3 6.321L7 9.621 3.7 6.321' stroke='%23E5E5E5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}

.btn-coupon-possible {height:44px; line-height:44px; text-align:center; display:block; color:#333; font-size:15px; font-weight:600; border-radius:6px; background:#fff; border:1px solid #ccc;}
.btn-coupon-possible span {display:inline-block; width:5px; height:10px; position:relative; margin:-2px 0 0 12px; vertical-align:middle;}
.btn-coupon-possible span:before, .btn-coupon-possible span:after {content:''; height:1px; width:8px; border-radius:1px; background:#000; position:absolute; display:block;}
.btn-coupon-possible span:before {top:2px; transform:rotate(45deg);} 
.btn-coupon-possible span:after {bottom:2px; transform:rotate(-45deg);} 

.re-coupon-pop-wrap .re-coupon-wrap {padding:0 0 8px 0; max-width:100%; margin:0 auto; background:none;}
.re-coupon-pop-wrap .re-coupon {width:100%; max-width:100%;}
.re-coupon-pop-wrap .re-coupon .coupon {max-width:100%; min-width:100%; margin:16px 0; padding:20px 64px 0 20px;}
.re-coupon-pop-wrap .re-coupon .coupon:first-child {margin-top:0;}
.re-coupon-pop-wrap .re-coupon .coupon:after, .re-coupon-pop-wrap .re-coupon .coupon:before, .re-coupon-pop-wrap .re-coupon .coupon .down {height:calc(100% - 56px);}
.re-coupon-pop-wrap .re-coupon .coupon .info {margin-top:34px;}
.re-coupon-pop-wrap .re-coupon .coupon .price + .date {margin:34px 0 20px -20px;}
.re-coupon-pop-wrap .re-coupon .coupon .info, .re-coupon-pop-wrap .re-coupon .coupon .date {margin-left:-20px; width:calc(100% + 92px);}
.re-coupon-pop-wrap .re-coupon .coupon .info:before, .re-coupon-pop-wrap .re-coupon .coupon .date:before {content:'· ';}
.re-coupon-pop-wrap .re-coupon .coupon .down {width:38px;}
.re-coupon-pop-wrap .re-coupon .coupon .down span:before {width:18px; height:18px;}
.re-coupon-pop-wrap .re-coupon .coupon .down span:after {display:none;}
.re-coupon-pop-wrap .re-coupon + .box-gray {margin:20px 0 40px 0;}
.re-coupon-pop-wrap .re-coupon .coupon .tit, .re-coupon-pop-wrap .re-coupon .coupon .down {color:#F50D87 !important;}
.re-coupon-pop-wrap .re-coupon .coupon .down span:before {background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M17.647%2011.2L11.823%2017.024%206%2011.2M11.823%2016.2V1.2M1%2017.2v2.785C1%2021.651%202.389%2023%204.105%2023h15.79C21.611%2023%2023%2021.651%2023%2019.985V17.2'%20stroke='%23F50D87'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") !important;}
.re-coupon-pop-wrap .re-coupon .coupon:after, .re-coupon.box .coupon:after {background:linear-gradient(0deg, #F50D87 50%, #FF5F2B 100%) !important;}
.re-coupon-pop-wrap .re-coupon .coupon .badge, .re-coupon.box .coupon .badge {position:relative; left:0; top:0; margin:0 0 14px -3px;}
.re-coupon-pop-wrap .re-coupon .coupon .badge>div.txt span, .re-coupon.box .coupon .badge>div.txt span {background:#EAEFFF; color:#363AA3; font-size:12px; height:24px; line-height:24px;}
.re-coupon-pop-wrap .re-coupon .coupon .badge>div.txt span.app, .re-coupon.box .coupon .badge>div.txt span.app {background:#FFECF6; color:#F50D87;}

.re-coupon.box {max-width:456px; display:block; font-size:0; text-align:left;}
ul.re-coupon.box {max-width:100%; overflow:hidden; margin-bottom:40px;}
.re-coupon.box>li {width:calc(50% - 20px); display:inline-block; margin-top:40px; vertical-align:top;}
.re-coupon.box>li:nth-child(2n) {margin-left:40px;}
.re-coupon.box .time {overflow:hidden; font-size:13px; color:#333;}
.re-coupon.box .time em {float:left; font-weight:700; background:url(/assets/images/common/ico_16_count.png) no-repeat left 3px; background-size:12px auto; padding-left:16px;}
.re-coupon.box .time i {float:right; font-weight:600; font-style:normal;}
.re-coupon.box .time i b {font-weight:600;}
.re-coupon.box .coupon {max-width:inherit; min-width:inherit; padding-right:26px; margin:10px 0 16px 0;}
.re-coupon.box .coupon .tit {color:#F50D87 !important;}
.re-coupon.box .coupon .down {border-left:0; width:7px;}
.re-coupon.box .coupon .down span {display:none;}
.re-coupon.box .btn-coupon-down button, .re-coupon-pop-wrap .btn-coupon-down button {border-radius:6px; max-width:100%;}

/* 기획전 쿠폰 */
.coupon-wrap {padding:48px 0; background-color:#fafafa; overflow:hidden;}
.coupon-wrap .block-list {flex-wrap:wrap; justify-content:center; margin:0 auto; width:900px; text-align:center; font-size:0; display:block;} 
.coupon-wrap .block-list .block {box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.15); padding:0; border-radius:6px; position:relative; z-index:2; display:inline-block; vertical-align:top; margin:0 30px 40px 30px; width:280px;} 
.coupon-wrap .coupon {position:relative; width:341px; border:1px solid #ccc; border-radius:6px; cursor:pointer; overflow:hidden;} 
.coupon-wrap .coupon.disabled:after,
.coupon-list .coupon.disabled:after {content:''; position:absolute; top:0; left:0; width:339px; height:152px; border-radius:6px; background-color:#fff; opacity:0.7;}
.coupon-wrap .coupon > .info-area {width:285px; height:143px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px 0; background-color:#fff; border-radius:6px; font-family:'Pretendard';} 
.coupon-wrap .coupon .flag {margin-bottom:4px; font-size:0;}
.coupon-wrap .coupon .flag>span {margin:0 2px;}
.coupon-wrap .coupon .btn-area {position:absolute; display:inline-block; top:0; right:0; width:56px; height:156px; margin-top:0;} 
.coupon-wrap .coupon .btn-area > .btn {min-width:54px; width:56px; height:154px; border-width:0 0 0 1px;} 
.coupon-wrap .coupon .btn-area > .btn:disabled {background-color:#e5e5e5; opacity:1;}
.coupon-wrap + .acco-wrap {padding-top:0;}

.coupon-wrap .btn-all-ok {width:340px; font-size:16px; font-weight:400; color:#000; height:46px; border:1px solid #ccc; border-radius:6px; margin:0 auto 16px auto; display:block;}
.coupon-wrap .btn-all-ok:before {content:"전체 쿠폰 확인하기"}
.coupon-wrap .btn-all-ok span {vertical-align:middle; display:inline-block; margin:0 0 0 8px; position:relative;}
.coupon-wrap .btn-all-ok span:before,
.coupon-wrap .btn-all-ok span:after {display:inline-block; content:''; width:9px; height:1px; background:#777; vertical-align:middle; margin-top:-6px;} 
.coupon-wrap .btn-all-ok span:before {transform:rotate(45deg); margin-right:-3px;} 
.coupon-wrap .btn-all-ok span:after {transform:rotate(-45deg);}
.coupon-wrap .btn-all-ok.on:before {content:"쿠폰 접기"}
.coupon-wrap .btn-all-ok.on span:before,
.coupon-wrap .btn-all-ok.on span:after {margin-top:-8px;}
.coupon-wrap .btn-all-ok.on span:before {transform:rotate(-45deg);}
.coupon-wrap .btn-all-ok.on span:after {transform:rotate(45deg);}

/* 기획전 쿠폰 1개 일때 */
.coupon-wrap .block-list.single .block {width:260px; margin:0 0 40px -6px;}
.coupon-wrap .block-list.single .coupon,
.coupon-wrap .block-list.single .benef-desc {padding-right:24px;}
.coupon-wrap .block-list.single .coupon {position:relative;}
.coupon-wrap .block-list.single .coupon > .info-area {width:100%;}
.coupon-wrap .coupon .tit {font-size:18px; font-weight:700; color:#000; padding:0 26px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;} 
.coupon-wrap .coupon .price,
.coupon-wrap .coupon .sale {font-size:20px; font-weight:700; color:#f50d87;} 
.coupon-wrap .coupon .price > em,
.coupon-wrap .coupon .sale > em {font-size:38px;} 
.coupon-wrap .benef-desc {font-size:14px;}
.coupon-wrap .benef-desc .txt,
.coupon-wrap .benef-desc .date {position:relative; margin-top:4px; padding-left:8px;}
.coupon-wrap .benef-desc .txt:before,
.coupon-wrap .benef-desc .date:before {content:""; position:absolute; top:8px; left:0; width:2px; height:2px; background-color:#777; border-radius:50%;}
.coupon-wrap .benef-desc .txt {display:block; margin-top:12px; color:#555}
.coupon-wrap .benef-desc .txt > span:after {content:""; display:inline-block; width:1px; height:12px; margin:0 8px; background-color:#e5e5e5;}
.coupon-wrap .benef-desc .txt > span:last-child::after {content:none;}
.coupon-wrap .disabled ~ .benef-desc .txt {color:#333;}
.coupon-wrap .benef-desc .date {display:block; margin-top:8px; color:#999;}
.coupon-wrap .btn-area {margin-top:0;} 
.coupon-wrap .btn-area .btn {min-width:240px; font-weight:700;} 
.coupon-wrap .block-list ~ .btn-area .btn {min-width:340px;} 
.re-coupon-wrap .msg-box ~ .btn-area .btn + .btn {margin:0;}
.re-coupon-wrap .msg-box ~ .btn-area .btn {width:100%; font-weight:700;}

/* 전시 쿠폰받기 팝업 */
.coupon-list {margin:38px 20px 0 0;}
.coupon-list > li {box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.15); position:relative; margin-bottom:38px;}
.coupon-list > li:last-child {margin-bottom:24px;}
.coupon-list .coupon {position:relative; width:341px; /*height:156px; */ border:1px solid #ccc; border-radius:6px; display:flex; align-items:stretch;} 
.coupon-list .coupon > .info-area {width:285px; /*height:154px; */ display:flex; flex-direction:column; justify-content:space-evenly; align-items:center; padding:24px 0; background-color:#fff; border-radius:6px;} 
.coupon-list .coupon .price,
.coupon-list .coupon .sale {margin-top:12px; font-size:16px; font-weight:700; color:#f6399c;}
.coupon-list .coupon .price > em,
.coupon-list .coupon .sale > em {font-size:32px;}
.coupon-list .coupon .tit {font-size:18px; font-weight:700; color:#000; padding:0 16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.coupon-list .coupon .btn-area {/*position:absolute; display:inline-block; top:0; right:0; */ width:56px; /*height:156px; */ margin-top:0;} 
.coupon-list .coupon .btn-area > .btn {min-width:54px; width:54px; height:100%; border-width:0 0 0 1px;} 
.coupon-list .coupon + [class*=txt-list-] {margin-top:16px;} 
.ie-hate .coupon-list .coupon > .info-area{display:block; text-align:center;}
.ie-hate .coupon-list .coupon .tit{display:block; max-height:50px}
.ie-hate .coupon-list .coupon .price{line-height:45px}

/* 메인 리뉴얼 - 기획전 쿠폰 + 전시 쿠폰받기 팝업 */
.coupon-wrap .block-list .block:after,
.coupon-list > li:after {content:""; display:inline-block; width:26px; height:100%; position:absolute; right:-20px; top:0; border-radius:0 6px 6px 0; z-index:-1; box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.15); background:linear-gradient(0deg, #F50D87 50%, #FF5F2B 100%);}
.coupon-wrap .coupon,
.coupon-list > li .coupon {overflow:inherit; border-color:#ccc; border-radius:6px 6px 0 0; border-width:1px 0 0 1px; background:#fff; padding:24px 98px 14px 24px; position:initial; width:100%; text-align:left;}
.coupon-wrap .coupon > .info-area,
.coupon-list > li .coupon > .info-area {display:block; height:auto; padding:0; width:100%;}
.coupon-wrap .coupon .flag,
.coupon-list > li .coupon .flag {position:absolute; left:10px; top:-18px; z-index:2;}
.coupon-wrap .coupon .flag>span,
.coupon-list > li .coupon .flag>span {margin:0 2px 0 0 !important; height:25px; line-height:25px; font-weight:600; border-radius:99px; position:relative; overflow:hidden;}
.coupon-wrap .coupon .flag .coupon-flag-state-02,
.coupon-list > li .coupon .flag .coupon-flag-state-02 {background:#F50D87; color:#fff;}
.coupon-wrap .coupon .flag .coupon-flag-state-01,
.coupon-list > li .coupon .flag .coupon-flag-state-01 {background:#000; color:#fff;}
.coupon-wrap .coupon .tit,
.coupon-list > li .coupon .tit {padding:0 78px 0 0; position:absolute; top:24px; left:24px; font-size:15px; color:#F50D87;}
.coupon-wrap .coupon .price,
.coupon-wrap .coupon .sale,
.coupon-list > li .coupon .price,
.coupon-list > li .coupon .sale {display:block; padding-top:16px; color:#333; height:50px; line-height:50px; margin-top:0;}
.coupon-wrap .coupon .price>.sale,
.coupon-wrap .coupon .price>.price {margin-top:-18px;}
.coupon-wrap .coupon .price,
.coupon-list > li .coupon .price {font-size:20px;}
.coupon-wrap .coupon .sale,
.coupon-list > li .coupon .sale {font-size:30px;}
.coupon-wrap .coupon .price > em,
.coupon-wrap .coupon .sale > em,
.coupon-list > li .coupon .price > em,
.coupon-list > li .coupon .sale > em {color:#333; font-size:30px;}
.coupon-wrap .coupon .price > em,
.coupon-list > li .coupon .price > em {vertical-align:middle; display:inline-block; margin-top:-8px;}
.coupon-wrap .benef-desc,
.coupon-list > li .txt-list-disc.sm {border-color:#ccc; border-radius:0 0 6px 6px; border-width:0 0 1px 1px; border-style:solid; background:#fff; padding:0 98px 20px 24px; position:relative; z-index:2; width:100%; text-align:left; margin-top:0;}
.coupon-wrap .benef-desc .txt, .coupon-wrap .benef-desc .date,
.coupon-list > li .txt-list-disc.sm li {padding-left:0; font-size:13px;}
.coupon-wrap .benef-desc .txt:before,
.coupon-wrap .benef-desc .date:before,
.coupon-list > li .txt-list-disc.sm li:before {display:none;}
.coupon-wrap .benef-desc .txt,
.coupon-list > li .txt-list-disc.sm li:nth-child(1) {margin-top:0; padding:0;}
.coupon-wrap .benef-desc .date,
.coupon-list > li .txt-list-disc.sm li:nth-child(2) {margin-top:2px;}
.coupon-wrap .coupon.disabled,
.coupon-list > li .coupon.disabled {cursor:default;}

.coupon-wrap .coupon.disabled:after,
.coupon-list > li .coupon.disabled:after,
.coupon-list > li .coupon.disabled .flag [class*=coupon-flag-state-]:after {display:none;}
.coupon-wrap .coupon.disabled .flag [class*=coupon-flag-state-]:after,
.coupon-list > li .coupon.disabled .flag [class*=coupon-flag-state-]:after {opacity:.5; content:""; display:block; width:100%; height:100%; background:#fff; left:0; top:0; position:absolute;}
.coupon-wrap .coupon.disabled .info-area > span,
.coupon-wrap .coupon.disabled ~ .benef-desc span,
.coupon-list > li .coupon.disabled .info-area > span,
.coupon-list > li .coupon.disabled ~ .txt-list-disc.sm li,
.coupon-wrap .block-list .block:has(.coupon.disabled):after,
.coupon-list > li:has(.coupon.disabled):after {opacity:.5;}

.coupon-wrap .coupon .btn-area,
.coupon-list > li .coupon .btn-area {width:74px; border-style:dashed; border-width:0 0 0 1px; border-color:#ccc; height:calc(100% - 2px); z-index:3; top:1px; border-radius:0 6px 6px 0; overflow:hidden; position:absolute; right:0;}
.coupon-wrap .coupon .btn-area > .btn,
.coupon-list > li .coupon .btn-area > .btn {border:0; width:100%; height:100%; padding:0;}
.coupon-wrap .coupon .btn-area > .btn:after,
.coupon-list > li .coupon .btn-area > .btn:after {content:'쿠폰받기'; display:block; color:#F50D87; font-size:12px; margin-top:2px;}
.coupon-wrap .coupon .btn-area > .btn:disabled:after,
.coupon-list > li .coupon .btn-area > .btn:disabled:after {content:"받기완료"}
.coupon-wrap .coupon .btn-area > .btn .ico.down.size-24,
.coupon-list > li .coupon .btn-area > .btn .ico.down.size-24 {background:none; width:22px; height:24px; border-bottom:2px solid #F50D87; position:relative;}
.coupon-wrap .coupon .btn-area > .btn .ico.down.size-24::after,
.coupon-list > li .coupon .btn-area > .btn .ico.down.size-24::after {position:absolute; left:5px; bottom:6px; content:''; width:12px; height:12px; border-top:2px solid #F50D87; border-right:2px solid #F50D87; transform:rotate(135deg);}
.coupon-wrap .coupon .btn-area > .btn .ico.down.size-24::before,
.coupon-list > li .coupon .btn-area > .btn .ico.down.size-24::before {position:absolute; left:10px; top:0px; content:''; width:2px; height:15px; background:#F50D87;}
.coupon-wrap .coupon .btn-area > .btn:disabled,
.coupon-list > li .coupon .btn-area > .btn:disabled {background:none; opacity:.5; cursor:default;}

.coupon-wrap .block-list .block:nth-child(5n+1):after,
.coupon-list > li:nth-child(5n+1):after {background:linear-gradient(0deg, #F50D87 50%, #FF5F2B 100%);}
.coupon-wrap .block-list .block:nth-child(6n+2):after,
.coupon-list > li:nth-child(6n+2):after {background:linear-gradient(0deg, #F50D87 7.63%, #F927EB 99.04%);}
.coupon-wrap .block-list .block:nth-child(7n+3):after,
.coupon-list > li:nth-child(7n+3):after {background:linear-gradient(180deg, #F927EB -3.39%, #5D18FF 72.88%);}
.coupon-wrap .block-list .block:nth-child(8n+4):after,
.coupon-list > li:nth-child(8n+4):after {background:linear-gradient(180deg, #2D5BFF 40.68%, #001CAC 100%);}
.coupon-wrap .block-list .block:nth-child(9n+5):after,
.coupon-list > li:nth-child(9n+5):after {background:linear-gradient(0deg, #0482E3 50%, #04B6B9 102.54%);}

.coupon-wrap .block-list .block:nth-child(5n+1) .coupon .tit,
.coupon-wrap .block-list .block:nth-child(5n+1) .coupon .btn-area > .btn:after,
.coupon-list > li:nth-child(5n+1) .coupon .tit,
.coupon-list > li:nth-child(5n+1) .coupon .btn-area > .btn:after {color:#F50D87;}
.coupon-wrap .block-list .block:nth-child(5n+1) .coupon .btn-area > .btn .ico.down.size-24,
.coupon-wrap .block-list .block:nth-child(5n+1) .coupon .btn-area > .btn .ico.down.size-24::after,
.coupon-list > li:nth-child(5n+1) .coupon .btn-area > .btn .ico.down.size-24,
.coupon-list > li:nth-child(5n+1) .coupon .btn-area > .btn .ico.down.size-24::after {border-color:#F50D87;}
.coupon-wrap .block-list .block:nth-child(5n+1) .coupon .btn-area > .btn .ico.down.size-24::before,
.coupon-list > li:nth-child(5n+1) .coupon .btn-area > .btn .ico.down.size-24::before {background:#F50D87;}

.coupon-wrap .block-list .block:nth-child(6n+2) .coupon .tit,
.coupon-wrap .block-list .block:nth-child(6n+2) .coupon .btn-area > .btn:after,
.coupon-list > li:nth-child(6n+2) .coupon .tit,
.coupon-list > li:nth-child(6n+2) .coupon .btn-area > .btn:after {color:#E11DD3;}
.coupon-wrap .block-list .block:nth-child(6n+2) .coupon .btn-area > .btn .ico.down.size-24,
.coupon-wrap .block-list .block:nth-child(6n+2) .coupon .btn-area > .btn .ico.down.size-24::after,
.coupon-list > li:nth-child(6n+2) .coupon .btn-area > .btn .ico.down.size-24,
.coupon-list > li:nth-child(6n+2) .coupon .btn-area > .btn .ico.down.size-24::after {border-color:#E11DD3;}
.coupon-wrap .block-list .block:nth-child(6n+2) .coupon .btn-area > .btn .ico.down.size-24::before,
.coupon-list > li:nth-child(6n+2) .coupon .btn-area > .btn .ico.down.size-24::before {background:#E11DD3;}

.coupon-wrap .block-list .block:nth-child(7n+3) .coupon .tit,
.coupon-wrap .block-list .block:nth-child(7n+3) .coupon .btn-area > .btn:after,
.coupon-list > li:nth-child(7n+3) .coupon .tit,
.coupon-list > li:nth-child(7n+3) .coupon .btn-area > .btn:after {color:#5D18FF;}
.coupon-wrap .block-list .block:nth-child(7n+3) .coupon .btn-area > .btn .ico.down.size-24,
.coupon-wrap .block-list .block:nth-child(7n+3) .coupon .btn-area > .btn .ico.down.size-24::after,
.coupon-list > li:nth-child(7n+3) .coupon .btn-area > .btn .ico.down.size-24,
.coupon-list > li:nth-child(7n+3) .coupon .btn-area > .btn .ico.down.size-24::after {border-color:#5D18FF;}
.coupon-wrap .block-list .block:nth-child(7n+3) .coupon .btn-area > .btn .ico.down.size-24::before,
.coupon-list > li:nth-child(7n+3) .coupon .btn-area > .btn .ico.down.size-24::before {background:#5D18FF;}

.coupon-wrap .block-list .block:nth-child(8n+4) .coupon .tit,
.coupon-wrap .block-list .block:nth-child(8n+4) .coupon .btn-area > .btn:after,
.coupon-list > li:nth-child(8n+4) .coupon .tit,
.coupon-list > li:nth-child(8n+4) .coupon .btn-area > .btn:after {color:#2D5BFF;}
.coupon-wrap .block-list .block:nth-child(8n+4) .coupon .btn-area > .btn .ico.down.size-24,
.coupon-wrap .block-list .block:nth-child(8n+4) .coupon .btn-area > .btn .ico.down.size-24::after,
.coupon-list > li:nth-child(8n+4) .coupon .btn-area > .btn .ico.down.size-24,
.coupon-list > li:nth-child(8n+4) .coupon .btn-area > .btn .ico.down.size-24::after {border-color:#2D5BFF;}
.coupon-wrap .block-list .block:nth-child(8n+4) .coupon .btn-area > .btn .ico.down.size-24::before,
.coupon-list > li:nth-child(8n+4) .coupon .btn-area > .btn .ico.down.size-24::before {background:#2D5BFF;}

.coupon-wrap .block-list .block:nth-child(9n+5) .coupon .tit,
.coupon-wrap .block-list .block:nth-child(9n+5) .coupon .btn-area > .btn:after,
.coupon-list > li:nth-child(9n+5) .coupon .tit,
.coupon-list > li:nth-child(9n+5) .coupon .btn-area > .btn:after {color:#0482E3;}
.coupon-wrap .block-list .block:nth-child(9n+5) .coupon .btn-area > .btn .ico.down.size-24,
.coupon-wrap .block-list .block:nth-child(9n+5) .coupon .btn-area > .btn .ico.down.size-24::after,
.coupon-list > li:nth-child(9n+5) .coupon .btn-area > .btn .ico.down.size-24,
.coupon-list > li:nth-child(9n+5) .coupon .btn-area > .btn .ico.down.size-24::after {border-color:#0482E3;}
.coupon-wrap .block-list .block:nth-child(9n+5) .coupon .btn-area > .btn .ico.down.size-24::before,
.coupon-list > li:nth-child(9n+5) .coupon .btn-area > .btn .ico.down.size-24::before {background:#0482E3;}

/* 유의사항 */
.coupon-wrap .acco-wrap,
.raffle-wrap .acco-wrap {width:704px; margin:40px auto 0; background-color:rgba(204, 204, 204, 0.2); border-radius:6px;} 
.coupon-wrap .acco-list .acco-item .acco-head,
.raffle-wrap .acco-list .acco-item .acco-head {border-bottom:0; text-align:center;} 
.coupon-wrap .acco-list .acco-item .acco-head .acco-btn,
.raffle-wrap .acco-list .acco-item .acco-head .acco-btn {padding:0px 45px 0px; background-color:transparent; height:60px; line-height:60px;} 
.coupon-wrap .acco-list .acco-item .acco-head .acco-btn:after,
.raffle-wrap .acco-list .acco-item .acco-head .acco-btn:after {content:none;} 
.coupon-wrap .acco-list .acco-item .acco-head .tit,
.raffle-wrap .acco-list .acco-item .acco-head .tit {font-size:15px; color:#333; font-weight:400;} 
.coupon-wrap .acco-list .acco-item .acco-head .tit:after,
.raffle-wrap .acco-list .acco-item .acco-head .tit:after {content:""; display:inline-block; width:12px; height:12px; vertical-align:middle; transition:all 0.25s ease-in-out; background:url(/assets/images/common/icons-h-12-fold-nor@2x.png) no-repeat 50% 50% / 12px 12px; margin:-3px 0px 0px 6px;} 
.coupon-wrap .acco-list .acco-item.on .acco-head .tit:after,
.raffle-wrap .acco-list .acco-item.on .acco-head .tit:after {margin:-2px 0 0 6px; transform:rotate( -180deg );} 
.coupon-wrap .acco-list .acco-item .acco-body,
.raffle-wrap .acco-list .acco-item .acco-body {padding:0 198px 20px; border-top:0;} 
.coupon-wrap.type-side {padding:0; background:#fff;}

.challenge-box {display:flex; position:relative; padding:24px; background-color:#fffbfc;} 
.challenge-box.logout {background-color:#fafafa;} 
.challenge-box .tit-wrap {padding-right:30px;} 
.challenge-box .tit-wrap > .date {position:absolute; top:24px; right:24px; font-size:13px; color:#777;} 
.challenge-box .tit-wrap > .tit {display:block;} 
.challenge-box .tit-wrap > .btn-arrow {display:block; margin-top:5px; font-size:13px; background-color:transparent; text-align:left;}
.challenge-box .data-wrap {flex:1 1 400px;}

/* 팝업 쿠폰 영역 */
.pop-cont .coupon-wrap {padding:0 0 32px; background-color:#fff; overflow:initial;}
.pop-cont .coupon-wrap .logo-coupon {max-width:100%; height:auto; margin:10px 0 20px 0; text-align:center;}
.pop-cont .coupon-wrap .block-list.single {display:block; margin:0 0; width:93.7%;}
.pop-cont .coupon-wrap .block-list.single .block {width:100%; margin:0; padding:0;}
.pop-cont .coupon-wrap .block-list.single .coupon {width:100%; height:100%;} 
.pop-cont .coupon-wrap .btn-area {margin-top:24px;}
.pop-cont .coupon-wrap .btn-area .btn {min-width:240px; font-weight:400;}
.pop-cont .coupon-wrap .block-list.single + .logo-coupon {margin-top:16px;}


/* 그래프 박스 */
.data-wrap .graph-area {position:relative; padding-top:20px;} 
.data-wrap .marker {display:inline-block; position:absolute; left:0; bottom:20px; height:26px; color:#f50d87; font-size:14px; font-weight:700; line-height:26px; white-space:nowrap; text-align:center;} 
.data-wrap .marker > em {font-size:18px; font-weight:700;} 
.data-wrap .graph {display:inline-block; width:100%; height:6px; margin-bottom:12px; background-color:#ccc; border-radius:3px; font-size:0; z-index:1;} 
.data-wrap .graph .bar {display:inline-block; width:0; height:6px; background-color:#f50d87; border-radius:3px;} 
.data-wrap .txt-area {position:relative;} 
.data-wrap .txt-area:after {content:""; display:table; clear:both;} 
.data-wrap .txt-area + .copy-area {height:auto; margin-top:16px;} 
.data-wrap .txt-area .txt {float:left; font-size:13px; color:#777;} 
.data-wrap .txt-area .txt > em {font-size:15px;} 
.data-wrap .txt-area .txt:last-child {float:right;} 
.data-wrap .copy-area {display:flex; justify-content:center; align-items:center; margin-top:0; padding:10px; height:100%; background-color:rgba(245, 13, 135, 0.04); border-radius:4px;} 
.data-wrap .copy-area.type-login {background:#f5f5f5;}
.data-wrap .copy-area .img-wrap {width:85px; padding-right:20px;} 
.data-wrap .copy-area .copy {display:block; font-size:14px; font-weight:700;} 
.data-wrap .graph .bar {animation-timing-function:linear;} 

/* 적립금/쿠폰 */
.save-box .save-area > a {background-color:rgba(244, 249, 253, 0.3);}
.save-box .save-area {display:flex;} 
.save-box .save-area > a,
.save-box .save-area > .inner {position:relative; flex:1 1; padding:24px;} 
.save-box .save-area > a:before,
.save-box .save-area > .inner:before {content:""; position:absolute; top:20px; left:0; bottom:20px; width:1px; background-color:#eee;} 
.save-box .save-area > a:first-child:before,
.save-box .save-area > .inner:first-child:before {content:none;} 
.save-box .save-area > a .tit {display:block;} 
.save-box .save-area > a .btn-arrow {display:block; font-size:14px; text-align:left;} 
.save-box .save-area > a .btn-arrow > em {font-size:32px; font-weight:700;} 
.save-box .event-area {display:flex; background-color:#f4f9fd; border:1px solid #e5e5e5; border-width:1px 0 0;} 
.save-box .event-area > a {position:relative; flex:1 1; height:65px; line-height:65px; font-size:14px; background-color:#f4f9fd; text-align:center;} 
.save-box .event-area > a:before {content:""; position:absolute; top:26px; left:0; bottom:25px; width:1px; height:14px; background-color:#ccc;} 
.save-box .event-area > a:first-child:before {content:none;} 
.save-box .event-area > a .num {display:inline-block; height:18px; padding:0 5px; line-height:18px; font-size:13px; border-radius:9px; background-color:#f50d87; color:#fff;} 

/* block list */
[class*=div-] {display:flex; flex-wrap:wrap;} 

.space-block > [class*=-box] {border-radius:6px; border:1px solid #e5e5e5; overflow:hidden;} 
.space-block > .block {border-radius:6px; overflow:hidden;} 
.space-block {margin:56px -16px;} 
.space-block.type-banner {margin:56px 0; border-radius:6px; overflow:hidden;}
.space-block > [class*=-box],
.space-block > .block,
.space-block > li {margin:0 12px;} 
.space-block > li .img-wrap,
.space-block > li .tit {display:block;} 

.con-block {margin:40px 0;} 
.con-block > li .img-wrap,
.con-block > li .tit {display:block;} 

.div-2 > [class*=-box],
.div-2 > .block,
.div-2 > li {flex:0 0 calc(50% - 24px);}
.ie-hate .div-2 > [class*=-box],
.ie-hate .div-2 > .block,
.ie-hate .div-2 > li {width:calc(50% - 24px);}

.div-3 > [class*=-box],
.div-3 > .block,
.div-3 > li {flex:1 1 30%;} 

.div-4 > [class*=-box],
.div-4 > .block,
.div-4 > li {flex:1 1 25%;} 
.div-4.fix > li {flex:0 0 25%;} 

/* 배송지 정보 */
.order-info.single {font-size:0;}
.order-info.single .name, .order-info.single .adress {font-size:14px; display:block;}
.order-info.single .adress {margin:14px 0 6px;}
.order-info.single .th {font-size:15px; line-height:40px;}
.order-info.single p {font-size:14px;}
 

/* 이벤트 응모하기 */
.event-apply-area {width:584px; margin:0 auto;}
.event-apply-area .visual-img {width:100%;} 
.event-apply-area .event-write {padding:56px 64px; margin-top:24px; background-color:#fff; border-radius:10px;} 
.event-apply-area .event-write .tit-h4 {margin:40px 0 24px;} 
.event-apply-area .event-write .msg-box {padding:24px 48px; font-size:16px; text-align:center;} 
.event-apply-area .btn-area.full {margin-top:40px;}
.inner-bgcolor1 .event-apply-area {margin:72px auto;}

/* 약관 */
.acco-wrap.terms-all .acco-body .ipt[type=checkbox] + label,
.acco-wrap.terms-all .acco-body .ipt[type=radio] + label {font-size:14px;} 

.terms-wrap.mt24 .agree-area > div:not(.login-area .terms-wrap .agree-area > div) {color:#333;}
.terms-wrap .agree-area {display:flex; align-items:center; justify-content:space-between; margin-top:16px;} 
.terms-wrap .agree-area:first-child {margin-top:0 } 
.terms-wrap .agree-area > div {display:inline-block;}
.terms-wrap .agree-area > div:not(.login-area .terms-wrap .agree-area > div) {color:#777;} 

.acco-wrap.terms-all .acco-list .acco-item {border:none;} 
.acco-wrap.terms-all .acco-list .acco-head .ipt[type=checkbox] + label {font-size:15px;} 
.acco-wrap.terms-all .acco-head {display:flex; justify-content:space-between; border:none; margin-bottom:16px;} 
.acco-wrap.terms-all .acco-head .acco-btn {padding:0 50px 0 0;} 
.acco-wrap.terms-all .acco-list .acco-item .acco-head .acco-btn:after {width:16px; height:16px; background:url(/assets/images/common/icon_16_drop_bold_nor.png) no-repeat center; background-size:16px auto;} 

.acco-wrap.terms-all .acco-list .acco-item.on .acco-head .acco-btn:after {top:15px;} 
.acco-wrap.terms-all .acco-body {padding-top:16px; border-top:1px solid #eee;} 
.acco-wrap.terms-all .agree-area .btn-arrow:after {margin:0px 2px; background:url(/assets/images/common/icon_12_more_nor.png) no-repeat center; background-size:12px auto;}
.acco-wrap.terms-all .txt-list-disc {font-size:14px;}
.acco-wrap.terms-all .txt-list-disc li:first-child {margin-top:16px;}
.acco-wrap.terms-all .txt-list-disc li::before {width:2px; height:2px; background-color:#999;}
.acco-wrap.terms-all .txt-list-disc li + li {margin-top:8px;}
/* .acco-wrap.terms-all [class*=txt-list-] {padding:0 20px 0 30px;} */
.terms-wrap .agree-area .btn-arrow {background-color:transparent;}
.terms-wrap .agree-area .btn-arrow::after {background:url(/assets/images/common/icon_12_more_nor.png) no-repeat center; background-size:12px auto;}

/* 약관푸터 */
.terms-tit .sl .tit-xl-h1 {color:#000;}
.terms-tit .date {margin-right:16px;}
.foot-terms .tit {margin:36px 0 16px; font-size:15px; font-weight:700; color:#000;}
.foot-terms .desc {font-size:14px; font-weight:400; color:#333;}
.foot-terms .terms-list {font-size:0;}
.foot-terms .terms-list > li {display:inline-block; width:33.33%;}
.foot-terms .terms-list > li:nth-of-type(n+4)  {margin-top:6px;}
.foot-terms .terms-list > li a {display:flex; background-color:transparent;}
.foot-terms .item,
.foot-terms .val {display:inline-block; font-size:14px; font-weight:400; color:#555; background-color:transparent;}
.foot-terms .item > a,
.foot-terms .val > a {font-size:14px}
.foot-terms .item {font-weight:700; margin-right:24px; min-width:49px;}
.foot-terms li.val {max-width:270px;}
.foot-terms .line-box {padding:24px; margin:16px 0;}
.foot-terms .txt-list li .line-box {padding:24px; margin:16px -18px;}
.foot-terms .line-box .txt-list.num-l {color:#555;}
.foot-terms .line-box .txt-list-dash .txt-s {margin-top:8px;}
.foot-terms .line-box .txt-list-dash .txt-s:first-child {margin-top:0;}
.foot-terms .gray-box.L + .desc {margin-top:40px;}
.foot-terms .txt-list-dash {color:#555;}
.foot-terms .txt-list-dash::before {color:#555;}
/* .foot-terms .txt-list-disc {color:#999; font-size:15px;} */
.foot-terms .txt-list-disc li {margin-top:6px; color:#333; font-size:14px;}
.foot-terms .txt-list-disc li::before {width:2px; height:2px; background-color:#777;}
.foot-terms .txt-list-disc li > div {display:inline-block; color:#777; text-indent:26px;}

/* 약관 - 하나은행 채무지급 보증안내 */
.guarantee-img {text-align:center;}
/* 숫자리스트 */
.txt-list.num-l {padding-left:15px;}
.txt-list.num-l > li {margin-top:8px; font-weight:400; list-style:decimal;}
.txt-list.num-l > li:first-child {margin-top:0;}

.txt-list.num-s {margin-top:12px; counter-reset:count;}
.txt-list.num-s > li {margin-top:4px; position:relative; padding-left:18px; font-size:14px; font-weight:400;}
.txt-list.num-s > li:before {content:counter(count); counter-increment:count; position:absolute; left:0; top:3px; width:14px; height:14px; padding-right:1px; border:1px solid #333; border-radius:50%; font-size:10px; font-weight:400; line-height:10px; text-align:center; z-index:1;}

/* 한글리스트 */
.txt-list.hangul {margin-top:12px; font-weight:400; color:#555;}
.line-box .txt-list.hangul {margin-top:0;}
.txt-list.hangul > li {margin-top:8px;}
.txt-list.hangul > li:first-child {margin-top:0;}

/* 사은품 박스 */
.gift-area {display:flex; justify-content:flex-end; width:100%;} 
.gift-box {width:100%; padding:16px 20px; margin-top:16px; background-color:#fafafa; border-radius:6px; font-size:13px;} 
.gift-box > div {display:flex;} 
.gift-box .item {min-width:40px; margin-right:48px; color:#555; font-weight:700;} 
.prd-opt-price .gift-box .item {margin-right:0;}
.prd-detail-wrap .prd-opt-price .gift-box .gift-list {padding-left:48px;}
.popup .gift-box .item {margin-right:16px;}
.gift-box .gift-list > li {padding:16px 0; border-bottom:1px solid #e5e5e5;} 
.gift-box .gift-list > li:first-child {padding-top:0;} 
.gift-box .gift-list > li:last-child {border-bottom:none;} 
.gift-box .product {display:block; margin-bottom:8px; font-size:14px; display:-webkit-box; display:-ms-flexbox; max-height:40px; overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#000;} 
.ie-hate .gift-box .product {display:inline-block;}
.gift-box .option {display:inline-block; width:500px; white-space:nowrap; word-wrap:normal; overflow:hidden; text-overflow:ellipsis; color:#999;} 
.gift-box .txt-list-disc.sm {font-size:14px; color:#777;}

/* 배송지 박스 */
.delivery-box {display:flex; width:100%; border:1px solid #e5e5e5; padding:20px; margin-top:16px; border-radius:6px;} 
.delivery-box .item {margin-right:36px; font-size:13px; font-weight:700;} 
.delivery-box .val {font-size:14px;} 
.delivery-box .val .adress {margin-top:12px;} 
.delivery-box .val .num-list {font-size:0; margin-top:8px;} 
.delivery-box .val .num-list > li {display:inline-block; margin-top:0; font-size:14px; color:#777; vertical-align:middle;} 
.delivery-box .val .num-list > li:after {content:''; display:inline-block; width:1px; height:12px; background-color:#e5e5e5; margin:-1px 8px;} 
.delivery-box .val .num-list > li:last-child:after {content:none;} 
.delivery-box .val .txt {color:#777; margin-top:12px;} 

/* ------------------------------------------------------------------------------------- 

장바구니

-------------------------------------------------------------------------------------- */
.rel {position:relative;} 
.rel:after {content:""; display:table; clear:both;} 
.order-wrap {float:left; width:828px;}
.order-wrap.w100 {float:inherit; width:100%;} 

/* 장바구니 목록 - 장바구니 상품 */
.nodata.cart {background-image:url(/assets/images/common/ico_100_cart_nodata.png);} 

/* 장바구니/주문서 목록 - 장바구니/주문서 상품 */
.center-wrap.rel + .center-wrap .sub-tit-area strong.tit-h1 {margin-top:72px;}
.center-wrap.rel .order-wrap .tit-area {color:#000;}
.center-wrap.rel .order-wrap .tit-area .tit-h4 {margin-bottom:16px !important;}
.center-wrap.rel .order-wrap > .tbl-info {margin-bottom:12px;}
.center-wrap.rel .order-wrap .tbl-info .fr > button {min-width:96px; padding:0 12px; border-color:#ccc !important;}
.center-wrap.rel .order-wrap .tbl-info .fr > button > span {font-size:14px;}
.center-wrap.rel .order-wrap .msg-box [class*=txt-list-].sm {font-size:14px;}
.center-wrap.rel .order-wrap .msg-box [class*=txt-list-].sm > li:first-child {margin-top:0;}
.order-cart-wrap .order-cart-list {border-top:1px solid #000;} 
.order-cart-wrap .order-cart-list + .order-cart-list {margin-top:72px;} 
.order-cart-wrap .order-cart-list > li {position:relative; border-bottom:1px solid #eee; padding:24px 0;} 
.order-cart-wrap .order-cart-list > li .price {font-size:14px;} 
.order-cart-wrap .order-cart-list > li .price .num {color:#000; font-size:22px; font-weight:700; } 
.order-cart-wrap .order-cart-list > li.brand {padding:14px 0; line-height:35px;} 
.order-cart-wrap .order-cart-list > li.brand label {line-height:24px; font-size:18px; font-weight:700; color:#000;} 
.order-cart-wrap .order-cart-list > li.cart-info {display:flex; flex-wrap:wrap; justify-content:flex-start; width:100%; align-items:flex-start;} 
.order-cart-wrap .order-cart-list > li.cart-info .check {position:absolute; top:24px; left:0;} 
.order-cart-wrap .order-cart-list > li.cart-info .check label {height:24px;} 
.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap {display:flex; flex-wrap:wrap; justify-content:space-between; width:788px; margin:0 16px 0 24px;} 
.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap .prd-img {margin-left:12px;} 
.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap .prd-info {min-width:303px; max-width:303px;} 
.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap .prd-info .name {display:inline-block; color:#000;} 
.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap .gift-box {width:646px;} 
.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap .gift-area {margin-right:0;} 
.order-cart-wrap .order-cart-list > li.cart-info .prd-img {width:108px; height:108px; margin-left:16px; overflow:hidden; border-radius:8px;} 
.order-cart-wrap .order-cart-list > li.cart-info .prd-img .thum-img {display:inline-block; position:relative; width:108px; height:108px;} 
.order-cart-wrap .order-cart-list > li.cart-info .prd-img.certi-adult .thum-img {display:flex; align-items:center; justify-content:center; background-color:#f5f5f5;} 
.order-cart-wrap .order-cart-list > li.cart-info .prd-info {min-width:406px; margin-left:14px;} 
.order-cart-wrap .order-cart-list > li.cart-info .prd-info .name {display:block; max-width:406px; display:-webkit-box; display:-ms-flexbox; max-height:40px; font-weight:400; overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#000;} 
.ie-hate .order-cart-wrap .order-cart-list > li.cart-info .prd-info .name {display:block;}
.order-cart-wrap .order-cart-list > li.cart-info .prd-info .option {font-size:15px; margin-top:8px; color:#999;} 
.order-cart-wrap .order-cart-list > li.cart-info .prd-info .noti-txt {display:block; margin-top:8px; font-size:13px; color:#f50d87;} 
.order-cart-wrap .order-cart-list > li.cart-info .prd-info .noti-txt + .brn-area,
.order-cart-wrap .order-cart-list > li.cart-info .prd-info .option + .brn-area {margin-top:21px;} 
.order-cart-wrap .order-cart-list > li.cart-info .number {min-width:80px; max-width:80px; align-self:center; text-align:center;} 
.order-cart-wrap .order-cart-list > li.cart-info .price {min-width:180px; max-width:180px; align-self:center; text-align:right;} 
.order-cart-wrap .order-cart-list > li.cart-info .btn-area {text-align:right; margin-top:0;} 
.order-cart-wrap .order-cart-list > li.cart-info .btn-area > button {min-width:120px; margin:0;} 
.order-cart-wrap .order-cart-list > li.cart-info .btn-area > .btn.color-pink.outline-pink.size-M {background-color:#fff; color:#F50D87;}
/* .order-cart-wrap .order-cart-list > li.cart-info .btn-area > .btn.outline-pink.size-M {border:1px solid #cccccc;} */
.order-cart-wrap .order-cart-list > li.cart-info .gift-box {width:666px;} 
.order-cart-wrap .order-cart-list > li.cart-info .gift-area {margin-right:24px;} 

.order-wrap.w100 .order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap {width:1160px;}
.order-wrap.w100 .order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap .prd-info {min-width:602px; max-width:602px;}
.order-wrap.w100 .order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap .gift-box {width:1026px;} 
.order-wrap.w100 .order-cart-wrap .order-cart-list > li.cart-info .btn-area > button {min-width:140px;} 
.order-wrap.w100 .order-cart-wrap.type-check .order-cart-list > li.cart-info .number {min-width:80px; max-width:80px;}
.order-wrap.w100 .order-cart-wrap.type-check .order-cart-list > li.cart-info .price {min-width:180px; max-width:180px; margin-right:24px;}

.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap.sold-out .prd-img > a::before,
.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap.buy-ing .prd-img > a::before {position:absolute; z-index:1; left:0; right:0; bottom:0; width:100%; height:36px !important; line-height:36px; text-align:center; font-size:13px; color:#fff; background-color:rgba(0,0,0,0.6) !important; top:auto !important;}
.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap.sold-out .prd-img > a::before {content:"일시품절" !important;} 
.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap.buy-ing .prd-img > a::before {content:"방송 중 구매가능" !important;} 
.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap.sold-out .number,
.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap.buy-ing .number,
.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap.sold-out .price,
.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap.buy-ing .price,
.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap.sold-out .price > .num,
.order-cart-wrap .order-cart-list > li.cart-info .prd-list-wrap.buy-ing .price > .num {color:#ccc;}

.all-check {position:sticky; top:75px; z-index:11; margin-top:-16px; transition:all 0.2s;}
.all-check.on {background:#F5F5F5;}
.all-check>div {width:1200px; margin:0 auto; overflow:hidden; padding:16px 0;}
.all-check>div .fl {margin-top:5px;}

.all-buy {background:#feebf5; position:fixed; left:0; bottom:0; width:100%; z-index:10;}
.all-buy>div {padding:18px 0; width:1200px; margin:0 auto; text-align:right; font-size:0;}
.all-buy dl {vertical-align:middle; display:inline-block;}
.all-buy dt {vertical-align:middle; display:inline-block; font-size:18px; color:#000;}
.all-buy dd {vertical-align:middle; display:inline-block; font-size:14px; color:#f50d87; margin:0 40px 0 16px;}
.all-buy dd strong {font-size:24px;}
.all-buy button {width:280px; vertical-align:middle; display:inline-block;}
.all-buy button>span {min-width:19px; height:19px; line-height:18px; border-radius:19px; display:inline-block; vertical-align:middle; background:#fff; color:#F50D87; font-weight:700; font-size:13px; margin:-3px 0 0 6px; padding:0 4px; text-align:center; text-indent:-1px;}

.order-cart-wrap .order-cart-list > li.result {padding:16px 0; text-align:center; background-color:#fafafa; font-size:0;} 
.order-cart-wrap .order-cart-list > li.result > div {display:inline-block; color:#000; vertical-align:middle;} 
.order-cart-wrap .order-cart-list > li.result > span {display:inline-block; vertical-align:middle;}
.order-cart-wrap .order-cart-list > li.result .price.total {color:#f50d87;} 
.order-cart-wrap .order-cart-list > li.result .price.total > span {color:#f50d87;}
.order-cart-wrap .order-cart-list > li.result .sign {margin:0 8px; font-size:18px; color:#555;} 
.order-cart-wrap .order-cart-list > li.result .delivery-fee {font-size:14px;} 
.order-cart-wrap .order-cart-list > li.result .delivery-fee.bold {margin-bottom:-3px;}
.order-cart-wrap .order-cart-list > li.result .desc {font-size:13px; margin-top:8px;} 
.order-cart-wrap .order-cart-list > li.result .desc > em {font-weight:600;}
.order-cart-wrap .order-cart-list > li.result .btn-arrow {display:block; font-size:13px; margin-top:4px; background-color:transparent;} 
.order-cart-wrap .order-cart-list > li.result .btn-arrow::after {margin-left:4px; right:auto;}

.order-cart-wrap .order-cart-list >li .btn-close {width:16px; height:16px; position:absolute; top:24px; right:0;} 
.order-cart-wrap .order-cart-list >li .btn-close:before {width:16px; height:16px; background:url(/assets/images/common/icon_12_close_dim.png) no-repeat center; background-size:16px auto;} 

/* 장바구니 -목록(체크) */
.order-cart-wrap.type-check  + .tit-area {margin-top:72px;}
.order-cart-wrap.type-check .order-cart-list > li.cart-info .number {min-width:48px; max-width:48px;}
.order-cart-wrap.type-check .order-cart-list > li.cart-info .price {min-width:159px; max-width:159px; margin-right:16px;}
.order-cart-wrap.type-check .order-cart-list > li.cart-info .price > .num {color:#000;}
.order-cart-wrap.type-check .order-cart-list > li.cart-info .prd-list-wrap .prd-info button {padding:0 11px;}

/* 장바구니 목록 - 일시품절 상품 */
.sold-out-wrap .acco-wrap {margin-top:101px;} 
.sold-out-wrap .acco-wrap .acco-item .acco-head {border-bottom:1px solid #000;} /* content.css와 겹쳐서 추가됨 (ui_uxw_4001) 중복확인 후 제거 */
.sold-out-wrap .acco-wrap .acco-item.on .acco-body {padding-bottom:0;}
.sold-out-wrap .order-cart-wrap.type-check .prd-list-wrap .btn-area > .btn {color:#444;}
.sold-out-wrap.sold-out .acco-head .acco-btn {pointer-events:none;} 
.sold-out-wrap.sold-out .acco-head .acco-btn:after {content:none;} 
.sold-out-wrap .order-cart-wrap .order-cart-list {border-top:none;} 
.sold-out-wrap .order-cart-wrap .order-cart-list .check-all {display:flex; justify-content:space-between; align-items:center;} 
.sold-out-wrap .order-cart-wrap .order-cart-list > li.cart-info .prd-img .thum-img:after {height:26px; line-height:26px;}
.sold-out-wrap .prd-img > a:before {content:"일시품절"; position:absolute; left:0; right:0; bottom:0; width:100%; height:36px; line-height:36px; text-align:center; font-size:13px; color:#fff; background-color:rgba(0,0,0,0.6); z-index:20;} 


/* 장바구니 목록 - 사이드바영역(결제정보) */
.order-payment-box {position:-webkit-sticky; position:sticky; top:125px; right:auto; float:right; width:332px; margin-top:56px; padding:24px; border:1px solid #777; border-radius:10px; background-color:#fff; z-index:10;} 
.pop-open .order-payment-box {top:230px;}
.pop-open #header.fixed ~ .content .order-payment-box {position:fixed; top:69px; right:50%; transform:translateX(-50%); margin-right:-758px;}
.pop-open #header.fixed ~ .content .order-payment-box.oabsolute {position:absolute; top:inherit; bottom:0; right:0; margin-right:0; transform:translateX(0);}
@media all and (max-width:1426px) {
    .pop-open #header.fixed ~ .content .order-payment-box {right:20px; margin-right:0; transform:translateX(0);}
} 
.ie-hate .order-payment-box {position:fixed; right:8px;}
.order-payment-box .hr {margin-top:16px; padding-top:16px;} 
.order-payment-box .acco-wrap.terms-all .acco-head .ipt[type=checkbox] + label {font-size:13px;} 
.order-payment-box .info-list > li > .info-list {margin-top:8px;} 
.order-payment-box .info-list > li > .info-list.hr {margin-top:16px;} 
.order-payment-box .tit-h2 {display:block; margin-bottom:24px; color:#000;} 
.order-payment-box .info-list > li:first-child {margin-top:0;} 
.order-payment-box .info-list > li {padding:0; margin-top:12px;} 
.order-payment-box .info-list .val {color:#333;} 
.order-payment-box .info-list > li > .info-list > li .val > em {font-size:18px; font-weight:700;} 
.order-payment-box .info-list .total.hr {margin-top:16px; padding-top:22px;} 
.order-payment-box .info-list .total .item {color:#333; font-weight:700;} 
.order-payment-box .info-list .total .val {color:#f50d87;} 
.order-payment-box .info-list .total .val .num {font-size:24px; font-weight:700;} 
.order-payment-box .info-list .point-box {margin-top:16px; padding:10px 12px; background-color:rgba(74,176,226,0.08); color:#4a92e2;} 
.order-payment-box .info-list .point-box .item {font-size:13px;} 
.order-payment-box .info-list .point-box .val {color:#4a92e2;} 
.order-payment-box .info-list .point-box .val .num {font-size:15px;} 
.order-payment-box .btn-area {width:100%; margin-top:24px;} 
.order-payment-box .btn-area > button {min-width:100%;} 
.order-payment-box .btn-area > button:disabled, .order-payment-box .btn-area > button[disabled]{background-color:#777; color:#fff; border:1px solid #777;} 
.order-payment-box .info-txt-box {padding:64px 0; text-align:center; font-weight:700;} 
.order-payment-box .acco-wrap.terms-all .acco-body {padding-bottom:0;}
.order-payment-box .acco-wrap.terms-all .acco-list .ipt[type=checkbox] + label {font-size:13px;}
.order-payment-box .acco-wrap.terms-all .agree-area .txt-s > span:nth-child(2) {font-size:13px;}

/* 장바구니 - [팝] 옵션/수량변경 */
.pop-cont .prd-opt-info > .custom-slt,
.pop-cont .prd-opt-info > .purchase-quantity {margin-top:8px;}

/* ------------------------------------------------------------------------------------- 

주문

-------------------------------------------------------------------------------------- */

/* 주문서 작성 */ 
.pay-info-wrap {padding:24px 16px 32px; border-top:1px solid #000; border-bottom:1px solid #eee;}
.pay-info-wrap.bn {border-bottom:0;}
.pay-info-wrap .ipt + label {font-size:15px;}
.pay-info-wrap .tbl-info .tit-h4 {color:#000;}
.pay-info-wrap .ipt-wrap.half .ipt:first-child {margin-right:13px;}
.pay-info-a {font-size:15px; color:#999; text-decoration:underline; position:relative; display:inline-block; padding-right:14px;}
.pay-info-a:before, .pay-info-a:after {content:''; display:block; position:absolute; right:0; height:1px; width:6px; background:#777;} 
.pay-info-a:before {top:8px; transform:rotate(45deg);}
.pay-info-a:after {top:12px; transform:rotate(-45deg);}

.order-wrap .pay-info-wrap .tbl-info .fl .tit-h4 {margin:0 !important;}

/* OK캐쉬백 적립 */
.pay-info-wrap.cashback .acco-wrap.use-info {margin-bottom:24px; border-bottom:1px solid #eee; margin-left:-16px; margin-right:-16px;}
.pay-info-wrap.cashback .acco-wrap.use-info .acco-body {margin-top:32px;}
.pay-info-wrap.cashback .check-area {margin:0;}
.pay-info-wrap.cashback .check-area > span {margin-bottom:0;}

/* 주문서 작성 - 배송지 정보 */
.sub-tit-area .many-deli-area .form-area {margin-bottom:20px;}
.many-deli-area {} 
.many-deli-area > div {display:inline-block;} 
.many-deli-area > .check-area {margin-right:24px; margin-top:0;} 
.many-deli-area > .check-area > label {font-size:15px;}
.many-deli-area .tooltip-wrap {margin-left:4px; vertical-align:middle;}
.many-deli-area .tooltip-wrap .btn-tip {padding:0;}
.many-deli-area .tooltip-wrap.on .tooltip.open {min-width:400px; padding:21px 24px 30px 30px; top:25px; left:auto; right:0;}
.many-deli-area .tooltip-wrap.on .tooltip.open .cont .txt-list-disc li {color:#333; font-size:14px;}
.many-deli-area .tooltip-wrap.on .tooltip.open button {top:22px;}

.pay-info-wrap .delivery-prd-info .order-cart-wrap .order-cart-list {border-top:1px solid #eee; margin-top:32px;} 
.pay-info-wrap .delivery-prd-info .order-cart-wrap .order-cart-list > li.cart-info {border-bottom:0; padding-bottom:0;} 
.pay-info-wrap .delivery-prd-info .order-cart-wrap .order-cart-list > li.cart-info .prd-info {min-width:545px; max-width:545px;} 
.pay-info-wrap .order-cart-wrap .order-cart-list > li.cart-info .prd-info .name {max-width:468px;} 
.pay-info-wrap .order-cart-wrap .order-cart-list > li.cart-info .quantity {display:flex; align-items:center;} 
.pay-info-wrap .order-cart-wrap .order-cart-list > li.cart-info .quantity .purchase-quantity .input-number {width:36px; text-align:center;} 

.pay-info-wrap .tbl-info + .check-area {margin-bottom:32px;} 
.pay-info-wrap .order-info {font-size:18px;} 
.pay-info-wrap .order-info .tbl-info {margin:0 0 8px;} 
.pay-info-wrap .order-info .name {color:#000;} 
.pay-info-wrap .order-info .name > span {margin:-4px 0 0 4px;} 
.pay-info-wrap .order-info .adress {margin:15px 0 4px; color:#000;} 
.pay-info-wrap .order-info .num-list {font-size:0; margin:4px 0 24px;} 
.pay-info-wrap .order-info .num-list > li {display:inline-block; margin-top:0; font-size:18px; color:#777;} 
.pay-info-wrap .order-info .num-list > li:after {content:''; display:inline-block; width:1px; height:14px; background-color:#e5e5e5; margin:0 8px;} 
.pay-info-wrap .order-info .num-list > li:last-child::after {content:none;} 

/* 배송지 목록 팝업 */
.popup .adr-change-list {margin-top:24px;} 
.popup .adr-change-list > li {border-bottom:1px solid #eee; margin:20px 0;} 
.popup .adr-change-list > li:last-child {border-bottom:none;} 
.popup .adr-change-list label,
.popup .adr-change-list .name {display:inline-block; margin-right:8px; vertical-align:middle; color:#000; font-weight:700;} 
.popup .adr-change-list .btn-area {width:auto; margin-top:3px;} 
.popup .adr-change-list .btn-area > .txt-btn {font-size:14px; color:#999; padding:0;} 
.popup .adr-change-list .btn-area > .txt-btn:before {content:''; display:inline-block; font-size:0; width:1px; height:10px; margin:0 7px; background-color:#e5e5e5;} 
.popup .adr-change-list .btn-area > .txt-btn:first-child:before {content:none;} 
.popup .adr-change-list .adress {margin-top:8px;} 
.popup .adr-change-list .num-list {font-size:0; margin:8px 0 20px;} 
.popup .adr-change-list .num-list > li {display:inline-block; margin-top:0; font-size:15px; color:#777;} 
.popup .adr-change-list .num-list > li:after {content:''; display:inline-block; width:1px; height:14px; margin:-2px 8px; background-color:#e5e5e5;} 
.popup .adr-change-list .num-list > li:last-child:after {content:none;} 

/* 쿠폰적용팝업 */
.popup .coupon-info .prd-unit-list.list > li {border-bottom:0; margin-bottom:24px;} 
.popup .coupon-info .prd-unit-list.list > li .goods {margin:16px 0;} 
.popup .coupon-info .prd-unit-list.list > li .goods .prd-info.flex-col {padding:0 0 0 18px;} 
.popup .coupon-info .prd-unit-list.list > li .goods .prd-info .tit {font-weight:400; font-size:14px;} 
.popup .coupon-info .prd-unit-list.list > li .goods .prd-info .purchase {margin-top:3px; min-height:auto;} 
.popup .coupon-info.typeF .prd-unit-list.list > li .goods .prd-info .purchase {margin-top:4px;}
.popup .coupon-info .prd-unit-list.list > li .goods .prd-info .option {margin-top:3px;} 
.popup .coupon-info .prd-unit-list.list > li .goods .prd-info .option span {font-size:14px;}
.popup .coupon-info .prd-unit-list.list > li .goods .prd-info .option span:last-child:after {content:none;}
.popup .coupon-info + .cart-coupon-area {padding-top:0;}
.popup .coupon-info .prd-unit-list .goods .prd-info .purchase .price {font-size:16px;}
 
/* 주문서 작성 - 할인, 적립금 */
.order-wrap > .tbl-info {margin:72px 0 24px;} 
.order-wrap.w100 > .tbl-info {margin:50px 0 24px;}
.pay-info-wrap .info-list .price > em {color:#f50d87; font-size:24px; font-weight:700;} 
.pay-info-wrap .info-list > li {padding:0;} 
.pay-info-wrap .info-list > li + li {margin-top:16px;} 
.pay-info-wrap .info-list .item {color:#555;}
.pay-info-wrap .info-list .val > span {display:inline-block; margin-right:24px; font-size:14px;} 
.pay-info-wrap .info-list .val .txt {color:#999; font-size:15px;} 
.pay-info-wrap .info-list .val .txt.add {color:#4a92e2; font-size:15px;} 
.pay-info-wrap .info-list .val > button {margin:0; color:#000; min-width:100px;} 
.pay-info-wrap .info-list .exp {height:42px; line-height:42px; font-size:13px; border-radius:6px; text-align:right; margin-left:auto; display:inline-block; color:#000; margin-top:-8px;} 
.pay-info-wrap .info-list .btn-txt-col {margin-left:16px;}

/* 주문서 작성 -적립금 */
.pay-info-wrap .info-list.point .item > .price {margin-left:24px;} 
.pay-info-wrap .info-list.point .val .ipt-wrap {display:inline-block; margin-right:4px;} 

/* 주문서 작성 - 결제 수단 선택 */
.center-wrap:first-child .order-wrap .tab-wrap:first-child {margin:0;} 
.tab-wrap.pay-method .tab-list.ipt-filt {margin:0 0 24px; border:0; background:none;} 
.tab-wrap.pay-method .tab-list.ipt-filt:after, .tab-wrap.pay-method .tab-list.ipt-filt:before{content:none;}
.tab-wrap.pay-method .tab-list.ipt-filt > li {flex-basis:25%; height:72px; line-height:normal; border:0;} 
.tab-wrap.pay-method .tab-list.ipt-filt > li .ipt + label {width:calc(100% + -8px) !important; margin:0 8px 8px 0; height:64px; line-height:64px; border:1px solid #ccc; border-radius:6px; font-size:17px; color:#000; font-weight:700;}
.tab-wrap.pay-method .tab-list.ipt-filt > li .ipt + label img {width:auto; height:25px; vertical-align:middle; margin-top:-5px;} 
.tab-wrap.pay-method .tab-list.ipt-filt > li .ipt + label[for="filter_01_03"] {font-size:0;}
.tab-wrap.pay-method .tab-list.ipt-filt > li .ipt + label[for="filter_01_03"]:after {content:'최대 2.5%적립'; color:#f50d87; font-size:12px; border:1px solid #f50d87; border-radius:12px; padding:0 6px; height:24px; vertical-align:middle; line-height:24px; display:inline-block; margin:-4px 0 0 2px; font-weight:500;}
.tab-wrap.pay-method .tab-list.ipt-filt > li:nth-child(4n) .ipt + label {margin-right:0;} 
.tab-wrap.pay-method .tab-list.ipt-filt > li .ipt:checked + label {color:#f50d87; border-color:#f50d87;} 
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label img {height:22px; margin-top:-24px;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span {color:#0059fa; text-align:center; display:block; margin-top:-23px; line-height:12px; font-size:0;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span {opacity:0; font-size:12px; transform:translate(-150px, 0) scale(.3); animation:leftRight 3s infinite;}				
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(2) {animation-delay:.05s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(3) {animation-delay:.1s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(4) {animation-delay:.15s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(5) {animation-delay:.2s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(6) {animation-delay:.25s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(7) {animation-delay:.3s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(8) {animation-delay:.35s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(9) {animation-delay:.4s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(10) {animation-delay:.45s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(11) {animation-delay:.5s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(12) {animation-delay:.55s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(13) {animation-delay:.6s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(14) {animation-delay:.65s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(15) {animation-delay:.7s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(16) {animation-delay:.75s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(17) {animation-delay:.8s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(18) {animation-delay:.85s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(19) {animation-delay:.9s;}
.tab-wrap.pay-method .tab-list.ipt-filt > li.toss-event .ipt + label>span span:nth-of-type(20) {animation-delay:.95s;}
@keyframes leftRight {
	40% {transform:translate(50px, 0) scale(.7); opacity:1; color:#0059fa;}				
	60% {color:#0059fa; opacity:1;}				
	80% {transform:translate(0) scale(2); opacity:1;}				
	100% {transform:translate(0) scale(1); 	opacity:1;}
}
.tab-wrap.pay-method .tab-con-wrap > .tab-con {margin-top:0;} 
.tab-wrap.pay-method .tab-con-wrap .txt-list-disc .result .price {font-size:18px; color:#000; font-weight:700;} 
.tab-wrap.pay-method .tab-con-wrap .txt-list-disc .result:before, 
.tab-wrap.pay-method .tab-con-wrap .txt-list-disc.result:not(ul):before {top:13px;} 
.tab-wrap.pay-method .txt-list-disc.hr {padding:24px 0; font-size:14px; line-height:20px; color:#777; margin-top:0;}
.tab-wrap.pay-method .txt-list-disc.hr li {padding-left:0; margin-top:4px;}
.tab-wrap.pay-method .txt-list-disc.hr li b {color:#555;}
.tab-wrap.pay-method .txt-list-disc.hr li:before {display:none;}

.pay-method-list{border-top:1px solid #e5e5e5; font-size:14px; line-height:20px; color:#777; padding-top:24px;}
.pay-method-list li {margin-bottom:10px; position:relative;}
.pay-method-list li:last-child {margin-bottom:0;}
.pay-method-list li b {margin-bottom:5px; display:block; color:#555;}

.order-wrap [class*=txt-list-].sm > li + li.tit {margin-top:12px;}
.order-wrap [class*=txt-list-].sm > li.tit {color:#555; padding-left:0; font-weight:500;}
.order-wrap [class*=txt-list-].sm > li.tit:before {display:none;}
.order-wrap [class*=txt-list-].sm > li:first-child {margin-top:0;}
.order-wrap [class*=txt-list-].sm > li {margin-top:6px; font-size:14px;}

/* 주문서작성 - 상담신청 - 상품정보 영역 */
.order-cart-wrap.consulting .order-cart-list > li.cart-info .prd-info {min-width:486px;} 
.order-cart-wrap.consulting .order-cart-list > li.cart-info .prd-info .name {max-width:422px;} 
.order-cart-wrap.consulting .order-cart-list > li.cart-info .txt {display:flex; align-items:center; margin-right:24px; font-size:18px; font-weight:700;} 

.tab-con .cash-receipts-wrap {padding:24px 0;}
.cash-receipts-wrap .radio-area {display:inline-block; margin:27px 32px 0 0; vertical-align:baseline;} 
.cash-receipts-wrap .radio-area > span {margin-bottom:0;}
.cash-receipts-wrap .ipt-wrap {display:inline-block; width:328px;} 
.cash-receipts-wrap .radio-area > li, .radio-area > span, .check-area > li, .check-area > span {margin-right:24px;} 
.radio-area > span:last-child, .check-area > span:last-child {margin-right:0;}

/* 주문완료 */
.msg-area {margin:120px 0 8px; padding-top:124px; background-image:url(/assets/images/common/ico_100_check.png); background-repeat:no-repeat; background-position:center 0; background-size:100px auto; text-align:center;} 
.msg-area .txt {font-size:24px !important; font-weight:400; color:#000;} 
.msg-area .txt-small {font-size:15px; color:#777; margin:16px 0 40px 0;}
.msg-area .desc {display:block; margin-top:16px; color:#777;} 
.msg-area .copy {display:block; margin-top:16px; font-size:18px; color:#000;} 
.msg-area .copy > em {color:#333;} 
.msg-area.success {background-image:url(/assets/images/common/ico_100_msg_cart.png);} 
.msg-area.consulting {background-image:url(/assets/images/common/ico_100_msg_consulting.png);} 
.msg-area.end {background-image:url(/assets/images/common/icon-rectangle@2x.png); padding-top:160px; background-size:120px auto;} 

.msg-area.fail {background-image:url(/assets/images/common/ico_100_msg_fail.png); margin-bottom:0;} 
.msg-area.fail .desc {color:#999;}
.msg-area.fail + .btn-area > button {min-width:208px;}
.msg-area.fail + .btn-area > button:last-child {margin-left:8px;} 

.msg-area.adult .txt {color:#333;}
.msg-area.adult .desc {color:#999; font-size:15px;}
.msg-area.adult + .btn-area > .btn.size-XXL {padding:0 40px;}

.order-cart-wrap.completion-info .order-cart-list > li.cart-info .prd-info {min-width:885px;} 
.order-cart-wrap.completion-info .order-cart-list > li.cart-info .prd-info .name {min-width:778px;} 
.order-cart-wrap.completion-info .order-cart-list > li.cart-info .gift-box {width:1038px;} 

/* 주문완료 - 결제정보 - 삭제예정 */
/* .pay-info-list {display:flex; flex-wrap:wrap; border-top:1px solid #000; border-bottom:1px solid #e5e5e5;} 
.pay-info-list > li {flex:1 1 30%;} 
.pay-info-list > li + li {border-left:1px solid #e5e5e5;} 
.pay-info-list .total {height:80px; line-height:80px; border-bottom:1px solid #e5e5e5;} 
.pay-info-list .total .info-list {position:relative; color:#000;} 
.pay-info-list .total .info-list.amount:after {content:''; position:absolute; top:50%; right:-22px; width:21px; height:21px; background:url(/assets/images/common/ico_15_cnt_minus_w.png) #333 no-repeat 50% 50%; background-size:15px auto; border-radius:50%; transform:translate(-50%, -50%);} 
.pay-info-list .total .info-list.discount:after {content:''; position:absolute; top:50%; right:-22px; width:21px; height:21px; background:url(/assets/images/common/ico_15_equal_w.png) #333 no-repeat 50% 50%; background-size:12px auto; border-radius:50%; transform:translate(-50%, -50%);} 
.pay-info-list .total .info-list > li {padding:0 24px 0 16px;} 
.pay-info-list .total .info-list .item {font-size:16px; font-weight:700;} 
.pay-info-list .total .info-list .val > em {font-size:22px;} 
.pay-info-list .result .total .item {font-size:18px; color:#333;} 
.pay-info-list .result .total .val em {font-size:24px;} 
.pay-info-list .detail {padding:18px 0;} 
.pay-info-list .detail .info-list.ico-type > li + li {margin-top:16px;} 
.pay-info-list .detail .item {color:#999;} 
.pay-info-list .detail .val {color:#000;}  */

/* 주문취소신청 - 07-27 김지나 */
.sub-tit-area.first + .tbl-info {margin-top:0;}
.msg-box.L [class*=txt-list-].sm {color:#777; font-size:14px;}
.msg-box.L [class*=txt-list-].sm li:first-child {margin-top:0; font-size:14px;}
.my-cont .msg-box.L + .tab-wrap > .tab-list {margin-top:40px;}

/* 리스트 박스 */
.time-list-box {margin-top:50px;} 
.time-list-box .time-list .prd-unit-list.list .goods .prd-info {padding:0 0 0 36px;}
.time-list {position:relative; padding-left:36px;} 
.time-list:before {content:''; position:absolute; top:0; bottom:0; left:3px; width:1px; background-color:#eee; z-index:10;} 
.time-list > li:first-child {margin-top:0;} 
.time-list > li {margin-top:58px;} 
.time-list > li .tit-time {position:relative; margin-bottom:28px; font-size:26px; font-weight:700; color:#000; line-height:0;} 
.time-list > li .tit-time:before {content:''; display:inline-block; position:absolute; top:50%; left:-36px; width:7px; height:7px; transform:translateY(-50%); background-color:#000; border-radius:50%; z-index:12;} 
.time-list > li.onair .tit-time:before {left:-37px; width:9px; height:9px; background-color:#f50d87;} 
.time-list > li:first-child .tit-time:after,
.time-list > li:last-child .tit-time:after {content:""; position:absolute; top:0; bottom:50%; left:-33px; width:1px; background-color:#fff; z-index:11;} 
.time-list > li:last-child .tit-time:after {top:50%; bottom:-100%;} 
.time-list > li .tit-time .state-wrap {display:inline-block; position:static; vertical-align:2px;} 
.time-list > li .tit-time .btn-area {display:inline-block; float:right; margin-top:0; vertical-align:middle;} 
.time-list > li .cont {position:relative; margin-top:12px; padding:30px; border:1px solid #e5e5e5; border-radius:8px;} 
.time-list > li.onair .cont {border:2px solid #f50d87;} 
.time-list > li:last-child .cont:after {content:""; position:absolute; top:0; bottom:0; left:-34px; width:1px; background-color:#fff; z-index:11;}
.time-list .prd-unit-wrap .prd-unit-list .goods .prd-info .purchase .del {display:inline-block; margin-left:4px;}
.time-list-box .time-list .cont .prd-unit-list.list .goods {margin:0;}
.time-list-box .nodata .tit {font-size:24px;}
.time-list-box .nodata .tit + p {font-size:15px !important; color:#999;}
/* ------------------------------------------------------------------------------------- 

전시

-------------------------------------------------------------------------------------- */
/* 공통 - 탭 카테고리 sticky */
.tab-wrap .sticky-wrap .tab-list.ico-tab .swiper-btn-control .swiper-button-prev,
.tab-wrap .sticky-wrap .tab-list.ico-tab .swiper-btn-control .swiper-button-next {top:56px;}
.tab-wrap .sticky-wrap .tab-list.ico-tab .swiper-btn-control .swiper-button-prev {left:50%; transform:translate(-600px, 0);}
.tab-wrap .sticky-wrap .tab-list.ico-tab .swiper-btn-control .swiper-button-next {right:50%; transform:translate(600px, 0);}
#header.fixed ~ .content .tab-wrap .sticky-wrap {position:sticky; top:66px; left:0; right:0; width:100%; background-color:#fff; z-index:99;}
#header + .sticky-dim {display:none; border-bottom:1px solid #e5e5e5;}
#header.fixed.sticky + .sticky-dim {display:block;}
#header.fixed ~ .content .tab-wrap .sticky-wrap .tab-list.ico-tab .swiper-btn-control .swiper-button-prev,
#header.fixed ~ .content .tab-wrap .sticky-wrap .tab-list.ico-tab .swiper-btn-control .swiper-button-next {top:50px; left:50%; transform:translate(-600px, 0);} 
#header.fixed ~ .content .tab-wrap .sticky-wrap .tab-list.ico-tab .swiper-btn-control .swiper-button-next {left:auto; right:50%; transform:translate(600px, 0);}
[class*=-ctg-wrap].tab-wrap .sticky-wrap .tab-list.ico-tab {width:1090px; margin:0 auto 12px; padding:32px 0 0;}
[class*=-ctg-wrap].tab-wrap .sticky-wrap + .hidden + .tab-con-wrap {margin-top:50px;}
[class*=-ctg-wrap].tab-wrap .sticky-wrap + .hidden + .side-info {margin-top:50px;}
[class*=-ctg-wrap].tab-wrap .sticky-wrap + .hidden + .srch-wrap {margin-top:50px;}

[class*=-ctg-wrap] .sticky-wrap ~ .side-info,
[class*=-ctg-wrap] .sticky-wrap ~ .tab-con-wrap,
[class*=-ctg-wrap] .sticky-wrap ~ .tab-con-wrap .space-block {margin-top:0;}
[class*=-ctg-wrap] .sticky-wrap ~ .tab-con-wrap {min-height:600px;}

.sticky-dim {position:fixed; top:75px; left:0; right:0; width:100%; background-color:#fff; z-index:99;}
.srch-inner {margin:0 -56px 0;}

/* 공통 달력 sticky */
#header.fixed ~ .content .calendar-wrap {position:-webkit-sticky; position:sticky; top:75px; z-index:99; animation:stickyOpen 0.4s forwards; animation-timing-function:cubic-bezier(.445, .05, .55, .95);}
.ie-hate #header.fixed ~ .content .calendar-wrap {position:fixed; top:75px; z-index:99; animation:stickyOpen 0.4s forwards; animation-timing-function:cubic-bezier(.445, .05, .55, .95);}
html.pop-open #header.fixed ~ .content .calendar-wrap {position:fixed; top:75px; left:0; right:0;}
html.pop-open #header.fixed ~ .content .time-list-box {padding-top:111px;}

/* date-list */
.calendar-wrap {width:100%; padding:16px 0; background-color:#fff; border-bottom:1px solid #e5e5e5;}
.calendar-wrap > .swiper-container {position:relative; width:1200px; margin:0 auto;}
.calendar-wrap .calendar-list > li {text-align:center;}
.calendar-wrap .calendar-list > li .day {display:inline-block; width:78px; height:78px; color:#000; font-size:16px; text-align:center; padding:6px 0; border:1px solid #fff; transition:border-color 0.23s; -webkit-transition:border-color 0.23s;} 
.calendar-wrap .calendar-list > li.on .day {border-color:#000; border-radius:6px;} 
.calendar-wrap .calendar-list > li .day > em {display:block; font-size:26px; color:#999; font-weight:700; margin-top:5px;} 
.calendar-wrap .calendar-list > li.on .day > em {color:#000;} 
.calendar-wrap .swiper-button-prev,
.calendar-wrap .swiper-button-next {border:none; background-color:transparent;}
.calendar-wrap .swiper-button-prev:after {width:32px; height:32px; background:url(/assets/images/common/icon_32_back_nor.png) no-repeat center; background-size:32px auto;}
.calendar-wrap .swiper-button-next:after {width:32px; height:32px; background:url(/assets/images/common/ico_32_back_nor.png) no-repeat center; background-size:32px auto;}
.calendar-wrap .swiper-button-prev.swiper-button-disabled:after,  
.calendar-wrap .swiper-button-next.swiper-button-disabled:after {opacity:0.3;}
.calendar-wrap .swiper-button-prev {width:32px; height:111px; left:0;}
.calendar-wrap .swiper-button-next {width:32px; height:111px; right:0;}

@keyframes stickyOpen {
    0% {transform:translateY(-100%);} 
    100% {transform:translateY(0);} 
}

/* 브랜드관 - 브랜드검색 - 필터영역 */
.brand-src-box {padding:32px 32px 24px; background-color:#fafafa;} 
.brand-src-box .category-list {font-size:0;} 
.brand-src-box .category-list > li {display:inline-block; vertical-align:middle; margin:0 8px 8px 0;} 
.brand-src-box .category-list > li:last-child {margin-right:0;}
.brand-src-box .category-list > li label {min-width:36px; height:36px; line-height:34px; padding-left:0; border:1px solid #ccc; border-radius:6px; text-align:center; font-size:14px; background-color:#fff; color:#333;} 
.brand-src-box .category-list > li label.mw-64 {min-width:64px;} 
.brand-src-box .category-list > li .ipt:checked + label {border-color:#333; font-weight:700;} 
.brand-src-box .category-list > li .ipt:hover + label,
.brand-src-box .category-list > li .ipt:focus + label {text-decoration:none;} 
.brand-src-box .category-list > li label:before {content:none;} 
.brand-src-box + .tab-wrap .tab-con-wrap .brand-cate-list > li .item {display:flex; align-items:flex-start; margin:24px 190px 24px 40px; color:#000; width:42px;}

/* 브랜드관 - 브랜드 검색 - 브랜드목록영역 */
.tab-wrap .tab-con-wrap .tab-con .brand-src-box {margin-top:-40px;}
.brand-cate-list {border-top:1px solid #333; margin-top:40px;} 
.brand-cate-list > li {display:flex; /*align-items:center; */ border-bottom:1px solid #e5e5e5;} 
.brand-cate-list > li .item {margin:11px 190px 0 40px; font-size:32px; font-weight:700;} 
.brand-cate-list > li .val-list {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; padding:24px 0;} 
.brand-cate-list > li .val-list > li {flex-basis:30%;} 
.brand-cate-list > li .val-list > li a {font-weight:400;}
.brand-cate-list > li .val-list > li:nth-of-type(n+4) {margin-top:16px;} 

/* 채널 안내 */
.channel-guide {font-size:0; position:relative; overflow:hidden; display: flex; flex-wrap: wrap;} 
.channel-guide:after {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#eee; display:block;} 
.channel-guide > li {position:relative; padding:16px 0; text-align:center; width:33.33%; font-size:15px; color:#333; font-weight:600; border-bottom:1px solid #eee;}
.channel-guide > li img {display:block; margin:0 auto; width:auto; height:40px; background:none; margin-bottom:8px;}
.channel-guide > li span {font-weight:400; font-size:13px;}

/* 쇼마트 - 배너 그룹 */
.bnr-float-group {margin-top:-24px; position:relative; padding:24px; background-color:#fff; border-radius:20px 20px 0 0; z-index:10;} 
.bnr-float-group .tit {display:block; margin-bottom:24px; font-size:15px; font-weight:400;}
.bnr-float-group .tit > em {display:block; margin-top:2px; font-size:24px; font-weight:700;}

.bnr-float-group .prd-unit-list .goods .prd-info .tit {height:42px; margin-bottom:4px;}
.bnr-float-group .prd-unit-list .goods .prd-info .btn-area {margin-top:4px;} 
.bnr-float-group .prd-unit-wrap.typeE .prd-unit-list.swiper-wrapper .swiper-slide {width:168px;}


/* 검색 필터/결과 */
.srch-ctg-wrap .ipt[type=radio] + label,
.shoptv-ctg-wrap .ipt[type=radio] + label,
.mart-ctg-wrap .ipt[type=radio] + label,
.plan-ctg-wrap .ipt[type=radio] + label {font-size:15px; height:auto; line-height:1.8;}
.srch-ctg-wrap > .srch-wrap {width:500px; margin:0 auto; padding-top:0;} 
.srch-ctg-wrap .side-cont {margin:56px -56px 0;} 
.srch-ctg-wrap.tab-wrap .nodata {margin:140px 0 0 0; padding:125px 0 128px 0;}

.center-wrap.line {border-bottom:1px solid #eee;}
.center-wrap.line + .center-wrap>.sub-tit-area strong.tit-h1 {margin-top:35px;}
.center-wrap.line + .center-wrap>.sub-tit-area strong.tit-h1:not(strong.tit-h1:first-of-type) {margin-top:56px;}

.side-cont:after {content:""; display:table; clear:both;} 
.center-wrap .side-cont:first-child {margin-top:120px;}
.srch-ctg-wrap .nodata {margin:140px -56px;} 
.srch-side-filt-area {float:left; width:216px; border-top:1px solid #e5e5e5;} 
.srch-side-filt-area .filt-group:first-of-type .expand-wrap .expand-item .expand-body .radio-area li,
.srch-side-filt-area .filt-group .filt-group .check-area li {font-size:14px;}
.srch-side-filt-area .filt-group .acco-body .btn-area .btn.outline-whitegray.size-L {color:#000; border:1px solid #000;}
.srch-side-filt-area .filt-group .expand-wrap .expand-item .expand-body {overflow:hidden;}
.srch-side-filt-area .filt-group .expand-wrap .expand-item.on .expand-body {max-height:100%;}
.srch-side-filt-area .filt-group .expand-wrap .expand-item .btn-area {display:block; margin-bottom:28px;}
.srch-side-filt-area .filt-group .expand-wrap .expand-item .btn-area .btn-expand:after {content:"+"; display:inline-block; height:20px; margin-left:3px; line-height:14px; vertical-align:baseline; font-size:18px;} 
.srch-side-filt-area .filt-group .expand-wrap .expand-item.on .btn-area .btn-expand:after {content:""; width:12px; height:12px; background:url(/assets/images/common/icon_12_minus_nor.png) no-repeat center; background-size:12px auto;} 
.srch-side-filt-area .btn-area.full button > span {font-size:14px; font-weight:400;}

.srch-side-filt-area .filt-group {border:1px solid #e5e5e5; border-width:0 0 1px 0;} 
.srch-side-filt-area .filt-group .tit {display:block; height:60px; line-height:60px; color:#333; font-size:17px;} 
.srch-side-filt-area .filt-group .check-area,
.srch-side-filt-area .filt-group .radio-area {margin-top:0;} 

.srch-side-filt-area .filt-group .check-area.color {overflow:hidden;}
.srch-side-filt-area .filt-group .check-area.color li {float:left; width:50%; margin-right:0;}
.srch-side-filt-area .filt-group .check-area.color li .ipt[type=checkbox] + label:before {border-color:transparent;} 
.srch-side-filt-area .filt-group .check-area.color li .ipt[type=checkbox] + label:after {border-color:transparent;}
.srch-side-filt-area .filt-group .check-area.color li.col2 .ipt[type=checkbox] + label:before {border-color:#eee;}
.srch-side-filt-area .filt-group .check-area.color li .ipt[type=checkbox]:checked + label:after {border-color:#fff;}
.srch-side-filt-area .filt-group .check-area.color li.col1 .ipt[type=checkbox] + label:before {background:#000;}
.srch-side-filt-area .filt-group .check-area.color li.col2 .ipt[type=checkbox] + label:before {background:#fff;}
.srch-side-filt-area .filt-group .check-area.color li.col3 .ipt[type=checkbox] + label:before {background:#c1c1c1;}
.srch-side-filt-area .filt-group .check-area.color li.col4 .ipt[type=checkbox] + label:before {background:#f6f2de;}
.srch-side-filt-area .filt-group .check-area.color li.col5 .ipt[type=checkbox] + label:before {background:#372f77;}
.srch-side-filt-area .filt-group .check-area.color li.col6 .ipt[type=checkbox] + label:before {background:#3857eb;}
.srch-side-filt-area .filt-group .check-area.color li.col7 .ipt[type=checkbox] + label:before {background:#74cef0;}
.srch-side-filt-area .filt-group .check-area.color li.col8 .ipt[type=checkbox] + label:before {background:#ab29bb;}
.srch-side-filt-area .filt-group .check-area.color li.col9 .ipt[type=checkbox] + label:before {background:#ff95c5;}
.srch-side-filt-area .filt-group .check-area.color li.col10 .ipt[type=checkbox] + label:before {background:#f12727;}
.srch-side-filt-area .filt-group .check-area.color li.col11 .ipt[type=checkbox] + label:before {background:#ee912c;}
.srch-side-filt-area .filt-group .check-area.color li.col12 .ipt[type=checkbox] + label:before {background:#f7c837;}
.srch-side-filt-area .filt-group .check-area.color li.col13 .ipt[type=checkbox] + label:before {background:#b06604;}
.srch-side-filt-area .filt-group .check-area.color li.col14 .ipt[type=checkbox] + label:before {background:#989a61;}
.srch-side-filt-area .filt-group .check-area.color li.col15 .ipt[type=checkbox] + label:before {background:#2aa825;}

.srch-side-filt-area .filt-group .check-area.color li.col2 .ipt[type=checkbox]:checked + label:after,
.srch-side-filt-area .filt-group .check-area.color li.col3 .ipt[type=checkbox]:checked + label:after,
.srch-side-filt-area .filt-group .check-area.color li.col4 .ipt[type=checkbox]:checked + label:after {border-color:#333;} 

.srch-side-filt-area .filt-group .acco-body .ipt[type=checkbox] + label,
.srch-side-filt-area .filt-group .acco-body .ipt[type=radio] + label {font-size:14px;} 
.srch-side-filt-area .filt-group .acco-body .check-area > li:last-child, 
.srch-side-filt-area .filt-group .acco-body .radio-area > li:last-child {margin-bottom:0;} 
.srch-side-filt-area .filt-group .acco-body .check-area + .btn-area.full {margin-top:16px;} 
.srch-side-filt-area .filt-group .acco-body .radio-area + .btn-area.full {margin-top:10px;} 
.srch-side-filt-area .filt-group .acco-body .radio-area .ipt-half input[type='tel'] {font-weight:400; font-size:14px; color:#000;}
.srch-side-filt-area .filt-group .acco-body .btn-area .btn-arrow.size-L {color:#333; font-weight:400;}
.srch-side-filt-area .filt-group .acco-body .btn-area .btn-arrow::after {width:16px; height:16px; right:auto; background:url(/assets/images/common/icon_16_fold_nor.png) no-repeat center; background-size:16px auto; margin-top:-1px;}

.srch-side-filt-area .filt-group .acco-item .acco-head {border-bottom:0;} 
.srch-side-filt-area .filt-group .acco-item .acco-head .acco-btn {padding:0;} 
.srch-side-filt-area .filt-group .acco-item .acco-head .acco-btn:after {top:50%; right:3px; width:16px; height:16px; background:url(/assets/images/common/icon_16_drop_nor.png) no-repeat center; background-size:16px auto; transform:translate(0, -50%);} 
.srch-side-filt-area .filt-group .acco-item.on .acco-head .acco-btn:after {margin-top:2px; transform:translate(0, -50%) rotate(-180deg);} 

.srch-side-filt-area > .category {padding:18px 0 24px; border-bottom:1px solid #e5e5e5;} 
.srch-side-filt-area > .category .tit {display:block; font-size:17px; margin-bottom:18px;} 
.srch-side-filt-area > .category .cate-list > li {margin-top:8px;} 
.srch-side-filt-area > .category .cate-list > li:first-child {margin-top:0;} 
.srch-side-filt-area > .category .cate-list > li a {font-size:14px;} 
.srch-side-filt-area > .category .cate-list > li.on a {color:#f50d87;} 

.srch-result-area {float:right; width:952px;} 
.srch-result-area .sub-tit-area:first-child .tit-h1 {margin-top:0;}
.srch-result-area .side-info {margin-top:0; /*padding-top:12px; */ } 
.srch-result-area > .nodata {margin-bottom:0;}
.srch-result-area .nodata + .sub-tit-area .tit-h1 {margin-top:24px;}

.srch-result-area .prd-unit-wrap.typeD .prd-unit-list:not(.swiper-wrapper):not(.list) > li:nth-child(n+5) {margin-top:48px;}
.srch-result-area .prd-unit-list.list .prd-info.flex-row {padding:0 26px 0 16px;} 

/* 공통 배경 타이틀 */
.bg-tit {margin-top:50px;} 
.bg-tit.time-deal {margin-top:48px;}
.bg-tit.time-deal + .bg-tit.time-deal {margin-top:56px;}
.bg-tit .inner {position:relative; width:100%; height:272px; background-size:1200px auto; background-position:50% 50%; background-repeat:no-repeat; border-radius:8px; overflow:hidden;} 
.bg-tit .inner .tit {text-align:center;} 
.bg-tit.mart {margin-bottom:24px;}

/* 쇼마트 메인 */
.sticky-wrap .swiper-button-prev:after {width:32px; height:32px; background:url(/assets/images/common/icon_32_back_nor.png) no-repeat center; background-size:32px auto; object-fit:cover;}
.sticky-wrap .swiper-button-next:after {width:32px; height:32px; background:url(/assets/images/common/ico_32_back_nor.png) no-repeat center; background-size:32px auto; object-fit:cover;}


.bg-tit.mart .inner .tit {margin:70px auto 27px;} 
.bg-tit.mart .srch-wrap {margin:0 auto; width:500px;} 

.mart-ctg-wrap.tab-wrap.swiper-wrap {margin:-24px 0 40px 0;}
.mart-ctg-wrap .div-2 > .block:nth-child(2n + 2) {margin-left:31px;}
.mart-ctg-wrap .div-2 > .block:nth-child(n+3) {margin-top:56px;}
.tab-con-wrap .space-block > .block {position:relative;}
.tab-con-wrap .space-block > .block  > .img-wrap > .img-nodata {position:static; width:100%;}
.mart-ctg-wrap .space-block {margin:56px 0;} 
.mart-ctg-wrap .space-block > .block > .img-wrap > .img-nodata {display:none; width:1px; height:1px; position:absolute; left:-9999px; top:-9999px;}
.mart-ctg-wrap .div-2 > .block {margin:0; width:584px; flex:none;}
/* 브랜드관 */
.bg-tit.brand .inner {height:200px; background-color:#fafafa;} 
.bg-tit.brand .inner:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.3); z-index:0;} 
.bg-tit.brand .inner .tit-area {position:relative; text-align:center; z-index:1;} 
.bg-tit.brand .inner .tit {display:block; margin:56px auto 16px; color:#fff; font-size:32px;} 
.bg-tit.brand .inner .desc {margin-top:16px; color:#fff; font-size:15px;} 
.bg-tit.brand.none .inner:before {content:none;} 
.bg-tit.brand.none .inner .tit,
.bg-tit.brand.none .inner .desc {color:#333;} 

/* 중소기업전문관 */


/* 우측 상단 정렬 */
.side-top-fr {position:absolute; top:24px; right:24px;} 
.side-top-fr .keep-wrap,
.side-top-fr .tooltip-wrap {display:inline-block; vertical-align:top;} 

.side-top-fr .keep-wrap {height:36px; padding:0 8px; background-color:rgba(51, 51, 51, 0.2); border:1px solid rgba(0, 0, 0, 0.05); border-radius:18px; margin-right:4px;} 
.side-top-fr .keep-wrap .btn-keep {width:24px; height:24px; background:url(/assets/images/common/ico_24_heart_w.png) no-repeat right 0 center / 24px 24px;}
.side-top-fr .keep-wrap .btn-keep.active {width:24px; height:24px; background:url(/assets/images/common/ico_24_heart_on.png) no-repeat right 0 center / 24px 24px;}
.side-top-fr .keep-wrap .count {display:inline-block; height:24px; line-height:24px; font-size:14px; /*font-weight:700; */ color:#fff; vertical-align:bottom;} 
.ie-hate .side-top-fr .keep-wrap .btn-keep {background-position-y:4px;}

.side-top-fr .tooltip-wrap.sns-wrap .btn-tip {width:36px; height:36px; background-color:rgba(51, 51, 51, 0.2); border:1px solid rgba(0, 0, 0, 0.05);} 
.side-top-fr .tooltip-wrap.sns-wrap .btn-tip:after {width:36px; height:36px; background:url(/assets/images/common/ico_24_share_w.png) no-repeat center center / 24px 24px;} 
.side-top-fr .tooltip-wrap.sns-wrap .tooltip.open {top:50px;} 

/* 쇼타임딜 상단 배너 */
.bg-tit.time-deal .inner {height:300px; background:url('/assets/images/contents/rectangle@2x.png') no-repeat 0 0 / 1200px auto;} 
.bg-tit.time-deal .inner .sub-txt {font-size:16px; color:#000; position:absolute; right:318px; top:107px; text-align:center;}
.bg-tit.time-deal .inner .sub-txt:after {content:''; width:120px; height:8px; display:block; background:#cce9ff; position:absolute; top:17px; left:50%; transform:translateX(-50%); z-index:1;}
.bg-tit.time-deal .inner .sub-txt span {display:block; font-size:19px; font-weight:700; position:relative; z-index:2;}
.bg-tit.time-deal .timer {display:flex; justify-content:center; margin:170px 0 0; padding:0;} 
.bg-tit.time-deal .timer .hour,
.bg-tit.time-deal .timer .minute,
.bg-tit.time-deal .timer .second {margin:0 19px; color:#000; font-size:28px; font-weight:700; width:35px;} 
.bg-tit.time-deal .inner .btn-area {margin-top:30px;} 

.bg-tit.time-deal .inner .dim {display:flex; flex-direction:column; justify-content:center; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0, 0, 0, 0.9); text-align:center; z-index:2;}
.bg-tit.time-deal .inner .dim .txt {font-size:26px; color:#fff; font-weight:700;} 
.bg-tit.time-deal .inner .dim .txt .stress {color:#7efdff; font-weight:700;} 
.bg-tit.time-deal .inner .dim .copy {margin-top:16px; font-size:18px; color:#999;} 
.bg-tit.time-deal .inner .dim.end {background-color:rgba(0, 0, 0, 0.8);} 
.bg-tit.time-deal .inner .dim.end .copy {font-size:18px; color:#999;} 
.bg-tit.time-deal .inner .dim.none {background-color:rgba(80, 131, 173, 0.9);} 
.bg-tit.time-deal .inner .dim.none .copy {font-size:24px; color:#e5e5e5;} 

/* 딜 상품 리스트 */
.deal-list .prd-unit-list .goods .dim {position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0, 0, 0, 0.5); text-align:center; z-index:20;} 
.deal-list .prd-unit-list .goods .dim .inner {display:flex; flex-direction:column; justify-content:center; position:absolute; top:50%; left:50%; width:120px; height:120px; transform:translate(-50%, -50%); border-radius:50%; border:1px solid rgba(255, 255, 255, 0.8);} 
.deal-list .prd-unit-list .goods .dim .date,
.deal-list .prd-unit-list .goods .dim .txt {display:block; font-size:15px; font-weight:700; color:#fff;} 
.deal-list .prd-unit-list .goods .dim .txt {margin-top:6px;} 
.deal-list .prd-unit-list .goods .dim.today {background-color:transparent;} 
.deal-list .prd-unit-list .goods .dim.today .inner {background-color:rgba(18, 134, 224, 0.8); border:0;} 
.deal-list .prd-unit-list .goods .dim.today .date:before {content:""; display:inline-block; width:16px; height:16px; margin:-4px 3px 0 0; background:url(/assets/images/common/ico_16_clock_w.png) no-repeat center center / 16px 16px; vertical-align:middle;} 
.deal-list.shop .prd-unit-list .prd-info .purchase .tooltip-wrap.gui-txt {top:30px;}

/* 쇼타임딜 상품 리스트 */
.deal-list.show-time {margin-top:56px;} 
.deal-list.show-time .prd-unit-list .goods .prd-info {margin-top:16px;}
.deal-list.show-time .prd-unit-wrap.typeA .prd-unit-list .goods .prd-info .tit {min-height:24px;}
.deal-list.show-time .prd-unit-wrap.typeA .prd-unit-list .goods .prd-info .purchase {min-height:auto; margin-top:8px;}
.deal-list.show-time .prd-unit-wrap.typeA .prd-unit-list .goods .prd-info .purchase .price > em {color:#333;}
.deal-list.show-time .prd-unit-wrap.typeA .prd-unit-list .goods .prd-info .purchase > span.bnf-price {margin-right:4px;}
.deal-list.show-time .state-wrap {background:none; left:7px !important; bottom:12px !important; height:auto !important;}
.deal-list.show-time [class*=flag-deal-] img {width:76px;}

/* [팝] 포토후기 */
.photo-view-list {display:flex; flex-wrap:wrap;} 
.photo-view-list > li {flex:0 0 20%; height:146px; margin-bottom:6px; overflow:hidden;}

.photo-view-list > li .prd-img {display:inline-block; position:relative; width:146px; height:146px; border-radius:6px; overflow:hidden;}
.photo-view-list > li .prd-img > img {display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; max-width:none; max-height:270px;}
.photo-view-list > li .prd-img .state-wrap {right:0; left:auto; bottom:0; top:auto;}
.photo-view-list > li .prd-img .state-wrap .flag-bet-num {padding:0 10px; font-weight:500; background-color:rgba(51,51,51,.6); border-radius:6px 0px 6px 0px;}

/* 상품평 작성하기 */

/* 별점등록 */
.star-assess-box {width:190px; margin:24px auto;} 
.star-assess-box .rating-val {text-align:center;}
.star-assess-box .rating-val .val {vertical-align:top;}

.ipt-star {position:relative; width:190px; height:38px; margin:0 auto; vertical-align:top; font-size:0; z-index:0;} 
.ipt-star:before {content:""; display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/assets/images/common/ico_star.png') repeat 0 0; background-size:38px auto;} 
.ipt-star .star {display:inline-block; width:38px; height:38px;} 
.ipt-star .star .ipt[type=radio] {z-index:1; pointer-events:auto; cursor:pointer;} 
.ipt-star .star .ipt + label {position:static; width:19px; height:38px; padding-left:0;} 
.ipt-star .star .ipt + label:after {content:""; display:inline-block; position:absolute; top:0; left:0; bottom:0; background:url('/assets/images/common/ico_star.png') repeat-x left bottom 8px; background-size:38px auto;} 
.ipt-star .star .ipt:checked + label:after {height:100%;} 

.star-assess-box .ipt-star .star:nth-child(1) .ipt:nth-of-type(1):checked + label:after {width:20%;}
.star-assess-box .ipt-star .star:nth-child(2) .ipt:nth-of-type(1):checked + label:after {width:40%;} 
.star-assess-box .ipt-star .star:nth-child(3) .ipt:nth-of-type(1):checked + label:after {width:60%;} 
.star-assess-box .ipt-star .star:nth-child(4) .ipt:nth-of-type(1):checked + label:after {width:80%;} 
.star-assess-box .ipt-star .star:nth-child(5) .ipt:nth-of-type(1):checked + label:after {width:100%;}

.star-assess-box.half .ipt-star .star:nth-child(1) .ipt:nth-of-type(1):checked + label:after {width:10%;} 
.star-assess-box.half .ipt-star .star:nth-child(1) .ipt:nth-of-type(2):checked + label:after {width:20%;} 
.star-assess-box.half .ipt-star .star:nth-child(2) .ipt:nth-of-type(1):checked + label:after {width:30%;} 
.star-assess-box.half .ipt-star .star:nth-child(2) .ipt:nth-of-type(2):checked + label:after {width:40%;} 
.star-assess-box.half .ipt-star .star:nth-child(3) .ipt:nth-of-type(1):checked + label:after {width:50%;} 
.star-assess-box.half .ipt-star .star:nth-child(3) .ipt:nth-of-type(2):checked + label:after {width:60%;} 
.star-assess-box.half .ipt-star .star:nth-child(4) .ipt:nth-of-type(1):checked + label:after {width:70%;} 
.star-assess-box.half .ipt-star .star:nth-child(4) .ipt:nth-of-type(2):checked + label:after {width:80%;} 
.star-assess-box.half .ipt-star .star:nth-child(5) .ipt:nth-of-type(1):checked + label:after {width:90%;} 
.star-assess-box.half .ipt-star .star:nth-child(5) .ipt:nth-of-type(2):checked + label:after {width:100%;} 

/* 파일첨부 */
.pop-wrap .file-tit {margin:24px 0 16px;} 
.file-tit {display:block; margin:56px 0 24px; font-size:16px; color:#000; font-weight:700; border-top:1px solid #eee; padding-top:40px;} 
.popup .file-tit {border-top:0; padding-top:0;} 
.file-tit .desc {font-size:14px; color:#999; font-weight:400;} 

.file-list {font-size:0;} 
.file-list > li {display:inline-block; vertical-align:top;} 
.file-list > li ~ li {margin-left:8px;} 
.file-list .file-item .btn-box {position:relative; display:block; width:108px; height:108px; border-radius:6px; overflow:hidden;} 
.file-list .file-item .btn-box input[type=file] {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;} 
.file-list .file-item .btn-box label {display:inline-block; width:100%; padding-top:100%; background:#fafafa url(/assets/images/common/ico_file_add.png) no-repeat center; background-size:24px auto; cursor:pointer; vertical-align:top;} 
.file-list .file-item .btn-box label:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px dashed #e5e5e5; border-radius:6px;} 

.file-list .file-item .attach-box {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;} 
.file-list .file-item .attach-box .attach-img {display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; /*width:100%; padding-top:100%; background-position:center; background-size:cover; */ } 
.file-list .file-item .attach-box .attach-info {position:absolute; bottom:8px; left:8px; right:8px; color:#fff; font-size:13px; z-index:2;} 
.file-list .file-item .attach-box .attach-txt {overflow:hidden; display:block; line-height:16px; margin-bottom:4px; opacity:0.9; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} 
.file-list .file-item .attach-box .attach-volume {display:block; max-height:14px; vertical-align:middle; color:#999;} 

.file-list .file-item.attach .attach-box {display:block;} 
.file-list .file-item.attach .attach-box:before {content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9)); z-index:1;} 
.file-list .file-item.attach .btn-box label:before {content:none;} 

.file-list .file-item.attach.document label {background:none;}
.file-list .file-item.attach.document .attach-box .attach-img {background-size:56px auto; background-repeat:no-repeat;}

/* [팝]포토후기 상세 */
.swiper-wrap.photo-review-wrap .swiper-button-prev,
.swiper-wrap.photo-review-wrap .swiper-button-next {left:40px; border:0; background-color:transparent;} /*left,right 지워야함*/
.swiper-wrap.photo-review-wrap .swiper-button-next {left:auto; right:40px;} /*left,right 지워야함*/
.swiper-wrap.photo-review-wrap .swiper-button-prev:after, 
.swiper-wrap.photo-review-wrap .swiper-button-next:after {border:2px solid red; border-width:0 0 2px 2px; width:75px; height:75px;} /*border지워야함*/

.prd-unit-wrap.photo-review .prd-unit-list.list .goods .prd-img {width:360px; height:360px;} 
.prd-unit-wrap.photo-review .prd-unit-list.list .goods .prd-info .info {margin:4px 0 16px;} 
.prd-unit-wrap.photo-review .prd-unit-list.list .goods .prd-info .info > span {vertical-align:middle; color:#999;} 
.prd-unit-wrap.photo-review .prd-unit-list.list .goods .prd-info .info > span:before {content:''; display:inline-block; width:1px; height:10px; background-color:#ccc; margin:0 8px;} 
.prd-unit-wrap.photo-review .prd-unit-list.list .goods .prd-info .info > span:first-child:before {content:none;} 

/* TV편성 메인 */
/* .prd-unit-area.rel-prd-area .btn-top .swiper-btn-control {top:-24px;}  */
.prd-unit-area.rel-prd-area .tit {font-size:16px; font-weight:700;} 
.prd-unit-area.rel-prd-area .prd-unit-list.list > li {border-bottom:0;} 
.prd-unit-area.rel-prd-area .prd-unit-list.list .goods {margin:14px 0 0;} 
.prd-unit-area.rel-prd-area .prd-unit-list.list .goods .prd-info {display:flex; flex-direction:column; justify-content:space-between; /*height:120px; */ } 
.prd-unit-area.rel-prd-area .prd-unit-list.list .goods .prd-info .tit {margin-top:0; min-height:42px; max-width:300px; font-size:15px !important; font-weight:400;} 
.prd-unit-area.rel-prd-area .prd-unit-list.list .goods .btn-area {margin-top:0;} 
.prd-unit-area.rel-prd-area .prd-unit-list.list .goods .btn-area > button {margin:0; min-width:160px;} 
.time-list li .prd-unit-wrap + .prd-unit-area.rel-prd-area {position:relative; margin-top:48px;}
.time-list li .prd-unit-wrap + .prd-unit-area.rel-prd-area .swiper-wrap .prd-unit-wrap.typeC .prd-unit-list.list .goods .prd-info {padding:0 0 0 16px;}
.time-list li .prd-unit-wrap + .prd-unit-area.rel-prd-area::before {content:''; position:absolute; width:100%; height:1px; top:-24px; background-color:#e5e5e5;}
.time-list li .prd-unit-wrap + .prd-unit-area.rel-prd-area span.tit {display:block; margin-bottom:19px;}
.time-list li .prd-unit-wrap + .prd-unit-area.rel-prd-area span.tit > em {margin-left:-4px;}
.time-list li .prd-unit-wrap + .prd-unit-area.rel-prd-area .btn-top .swiper-btn-control {top:-41px;}
.onair .cont .prd-unit-area.rel-prd-area span.tit {font-size:16px;}
.center-wrap .time-list-box .time-list > li .cont .prd-unit-wrap .prd-unit-list.list .goods {margin-top:0; margin-bottom:0;}
.center-wrap .time-list-box > .nodata {margin:140px 0 0 0; padding:125px 0 60px 0;}

.prd-tab {margin-bottom:19px; font-size:0;}
.prd-tab button {display:inline-block; font-size:16px; color:#999;}
.prd-tab button:nth-child(2) {margin-left:21px; position:relative;}
.prd-tab button:nth-child(2):after {content:''; display:block; height:12px; width:1px; left:-11px; top:50%; transform:translateY(-50%); background:#ccc; position:absolute;}
.prd-tab button.on {color:#000; font-weight:700;}

/* 상품상세 - 좌측 썸네일 */
.prd-detail-wrap {margin-top:32px;} 
.prd-detail-wrap:after {content:""; display:table; clear:both;} 
.prd-detail-wrap > .prd-info-area .prd-benefit-info .bnf-item {align-items:baseline;}

.prd-detail-wrap .prd-thumb-area {float:left; width:560px;} 
.prd-detail-wrap .prd-thumb-area .player_wrap {position:absolute; top:0; left:0; z-index:100; border-radius:10px; overflow:hidden;}
.prd-detail-wrap .prd-thumb-area .player_wrap .btn_close {position:absolute; top:24px; right:24px; z-index:100; width:32px; height:32px; border:0; background:url(/assets/images/common/icons-h-32-close-white@2x.png) no-repeat 50% 50% / 32px 32px transparent; text-indent:-9999em;}
.prd-detail-wrap .prd-thumb-area .prd-thumb {width:560px; height:560px; border-radius:10px; overflow:hidden;} 
.prd-detail-wrap .prd-thumb-area .prd-thumb > ul > li {position:relative; height:560px; background-color:#f6f6f6;} 
.prd-detail-wrap .prd-thumb-area .prd-thumb > ul > li::after {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0; left:0;}
.prd-detail-wrap .prd-thumb-area .prd-thumb > ul > li.on {display:block;} 
.prd-detail-wrap .prd-thumb-area .prd-thumb > ul > li > img {width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.prd-detail-wrap .prd-thumb-area .prd-thumb > ul > li > .video-box > .img-box > img {width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.prd-detail-wrap .prd-thumb-area .prd-thumb-list {margin:30px 56px;} 
.prd-detail-wrap .prd-thumb-area .prd-thumb-list .swiper-container {margin:0 -6px;}
.prd-detail-wrap .prd-thumb-area .prd-thumb-list.ac .swiper-container .swiper-wrapper {justify-content:center;}
.prd-detail-wrap .prd-thumb-area .prd-thumb-list .swiper-wrapper > li.swiper-slide {padding:0 6px;} 
.prd-detail-wrap .prd-thumb-area .prd-thumb-list .swiper-wrapper > li.swiper-slide > .block {position:relative; width:80px; height:80px; padding:0; border-radius:5px; overflow:hidden; border:1px solid transparent;} 
.prd-detail-wrap .prd-thumb-area .prd-thumb-list .swiper-wrapper > li.swiper-slide.on > .block {border:1px solid #000;} 
.prd-detail-wrap .prd-thumb-area .prd-thumb-list .swiper-wrapper > li.swiper-slide > .block > img {width:100%; height:auto; vertical-align:top;}
.prd-detail-wrap .prd-thumb-area .prd-thumb-list .swiper-wrapper > li.swiper-slide > .block::after {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0; left:0;}
.prd-detail-wrap .prd-thumb-area .prd-thumb-list .swiper-wrapper > li.swiper-slide > .block .ico-play {position:absolute; top:50%; left:50%; width:32px; height:32px; padding:0; vertical-align:middle; background-color:rgba(0,0,0,.4); border-radius:50%; transform:translate(-50%, -50%); z-index:1;} 
.prd-detail-wrap .prd-thumb-area .prd-thumb-list .swiper-wrapper > li.swiper-slide > .block .ico-play .ico {display:inline-block; position:absolute; top:50%; left:50%; width:20px; height:20px; background:url('/assets/images/common/ico-video-play.png') no-repeat 50% 50%; background-size:20px auto; transform:translate(-50%, -50%);} 
.prd-detail-wrap .prd-thumb-area .prd-thumb-list .swiper-wrapper > li.swiper-slide.video > .block:after {content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0, 0, 0, 0.2);} 
.prd-thumb-area .prd-thumb-list .swiper-btn-control .swiper-button-prev,
.prd-thumb-area .prd-thumb-list .swiper-btn-control .swiper-button-next {top:25px; left:-47px; width:32px; height:32px; border:0; transform:translateY(0);} 
.prd-thumb-area .prd-thumb-list .swiper-btn-control .swiper-button-next {left:auto; right:-47px;} 

/* 상품상세 - 우측 정보 */
.prd-info-area {float:right; width:580px;}
.prd-info-area .flag-deal-shop img {width:64px;}
.prd-info-area .tooltip-wrap.sns-wrap .btn-tip {width:32px; height:32px; border:0;} 
.prd-info-area .tooltip-wrap.sns-wrap .btn-tip:after {width:32px; height:32px; background:url('/assets/images/common/new_icons-h-32-share-nor@2x.png') no-repeat 50% 50%; background-size:32px auto;} 
.prd-info-area .tooltip-wrap.sns-wrap .tooltip.open {top:45px; box-shadow:0 0 6px 2px rgba(0 0 0 / 10%); -webkit-box-shadow:0 0 6px 2px rgba(0 0 0 / 10%); left:inherit !important;} 
.prd-info-area .prd-basic-info {color:#000; margin-bottom:24px;}
.prd-info-area .prd-basic-info .tit {display:-webkit-box; width:100%; margin-top:8px; font-weight:400; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; background-color:transparent; font-size:0;} 
.prd-info-area .prd-basic-info .tit .point-c1 {font-size:24px; margin-right:12px;} 
.prd-info-area .prd-basic-info .tit .name {font-size:24px; line-height:34px;} 
.prd-info-area .prd-basic-info .origin {font-size:24px; margin:12px 0 0 0;} 
.prd-info-area .prd-basic-info .purchase {position:relative; margin-top:12px; font-size:0;}
.prd-info-area .prd-basic-info .purchase .sale {display:inline-block; font-size:32px; font-weight:700; color:#f50d87; margin-right:10px;} 
.prd-info-area .prd-basic-info .purchase .price {display:inline-block; font-size:24px; font-weight:700; color:#000;}
.prd-info-area .prd-basic-info .purchase .price > em {font-size:32px;} 
.prd-info-area .prd-basic-info .purchase .del {display:block; font-size:14px; font-weight:700; color:#999;} 
.prd-info-area .prd-basic-info .purchase .del > em {font-size:22px; font-weight:700; position:relative;}
.prd-info-area .prd-basic-info .purchase .del > em:after {position:absolute; content:""; top:50%; left:0; right:0; border-top:1px solid #999;}
.prd-info-area .prd-basic-info .purchase .btn-area .btn {min-width:120px; color:#444; font-weight:400;}
.prd-info-area .prd-basic-info .purchase > span + .buying {position:absolute; top:4px; right:0; color:#555; font-size:14px;} 
.prd-info-area .prd-basic-info .purchase > span + .new {position:absolute; top:4px; right:0; color:#f50d87; font-size:15px; font-weight:700;} 
.prd-info-area .tooltip-wrap .tooltip.open {left:-216px; top:68px;}

.prd-info-area .prd-basic-info .grade {margin-top:4px;} 
.prd-detail-wrap .prd-info-area .prd-basic-info .grade {margin-top:0; font-size:0;}
.prd-info-area .prd-basic-info .grade > span {display:inline-block; vertical-align:middle;} 
.prd-info-area .prd-basic-info .grade .star-area {position:relative; width:12px; height:12px;} 
.prd-info-area .prd-basic-info .grade .star-area:before {content:""; position:absolute; top:50%; left:0; width:100%; height:100%; margin-top:2px; background:url('/assets/images/common/ico_star.png') repeat 0 0; background-size:12px auto; transform:translate(0, -50%);} 
.prd-info-area .prd-basic-info .grade .star {position:absolute; top:50%; left:0; width:12px; height:12px; background:url('/assets/images/common/ico_star.png') repeat 0 100%; background-size:12px auto; transform:translate(0, -50%); font-size:13px; margin-top:-1px;} 
.prd-info-area .prd-basic-info .grade .star-area.all {width:100px; height:20px; vertical-align:top;} 
.prd-info-area .prd-basic-info .grade .star-area.all:before {background-size:20px auto;} 
.prd-info-area .prd-basic-info .grade .star-area.all .star {max-width:100px; width:100%; height:20px; background-position:0 100%; background-size:20px auto;} 
.prd-info-area .prd-basic-info .grade .num {margin:0 5px 0 8px; font-size:15px; font-weight:700; color:#333;}
.prd-info-area .prd-basic-info .grade .comment {font-size:13px; font-weight:400; color:#999; } 
.prd-detail-wrap .prd-info-area .prd-basic-info .grade .comment {font-size:15px;}

.prd-info-area .prd-basic-info .saving {position:relative; min-height:32px; font-size:0;}
.prd-info-area .prd-basic-info .saving.mup {margin-top:-32px;}
.prd-info-area .prd-basic-info .grade + .saving {margin-top:34px;} 
.prd-info-area .prd-basic-info .saving .relay {padding-left:18px; font-size:13px; background:url('/assets/images/common/ico_16_relay.png') no-repeat 0 50%; background-size:16px auto; margin-right:8px;} 
.prd-info-area .prd-basic-info .saving .save {padding-left:15px; padding-right:0; font-size:13px; color:#4a92e2; background:url('/assets/images/common/ico_13_prd_save.png') no-repeat 0 50%; background-size:13px auto;} 
.prd-info-area .prd-basic-info .saving .save > em {font-weight:700; } 

.prd-info-area .prd-basic-info .saving > .btn-area {position:absolute; justify-content:flex-end; right:0; top:auto; bottom:0; margin-top:4px;} 
.prd-info-area .prd-basic-info .saving > .btn-area > * {padding:0 12px;} 
.prd-info-area .prd-basic-info .saving > .btn-area > *:before {content:""; position:absolute; top:6px; bottom:6px; left:0; width:1px; background-color:#e5e5e5;} 
.prd-info-area .prd-basic-info .saving > .btn-area > *:first-child:before {content:none;} 
.prd-info-area .prd-basic-info .saving > .btn-area .btn {display:block; position:relative; margin:0;} 
.prd-info-area .prd-basic-info .saving > .btn-area .btn.only-ico {padding-left:0;}
.prd-info-area .prd-basic-info .saving > .btn-area .tooltip-wrap.sns-wrap {padding-right:0;}
.prd-info-area .prd-basic-info .btn-area.inner .btn.only-ico .txt {display:inline-block; vertical-align:middle;} 
.prd-info-area .prd-basic-info .purchase:after {content:""; display:table; clear:both;} 
.prd-info-area .prd-basic-info .purchase > .btn-area {position:absolute; top:6px; right:0; margin-top:0;}
.prd-info-area .prd-basic-info .purchase .txt {font-size:28px; color:#000; font-weight:700;}

/* 쇼핑엔딜 구매중 박스 */
.prd-noti-box {padding:8px 0 8px; margin:0 0 24px; height:47px; background-color:#f5f5f5; text-align:center; border-radius:6px;} 
.prd-basic-info + .prd-noti-box {margin:30px 0 24px;}
.prd-noti-box .count,
.prd-noti-box .txt {display:inline-block; font-size:14px; color:#555; line-height:18px; vertical-align:middle;}
.prd-noti-box .count {font-weight:700; margin-top:-1px;}

.bnf-item .btn-arrow::after {background:url(/assets/images/common/icon_12_more_pre.png) no-repeat center; background-size:12px auto;}
.prd-info-area .prd-benefit-info {margin-top:24px; border-top:1px solid #eee;} 
.prd-info-area .prd-benefit-info .prd-unit-list.list > li {border-bottom:0;} 
.prd-info-area .prd-benefit-info .prd-unit-list.list > li:first-child .goods {margin:0;} 
.prd-info-area .prd-benefit-info .prd-unit-list.list .goods {margin:20px 0 0 0;} 
.prd-info-area .prd-benefit-info .prd-unit-list.list .txt-list-disc {margin-top:8px;} 
.prd-info-area .prd-benefit-info .bnf-item .prd-info .tit .name {font-size:14px; color:#333;} 
.prd-info-area .prd-benefit-info .bnf-item {position:relative; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap:wrap; padding:20px 0; min-height:61px; border-bottom:1px solid #eee; align-items:baseline; padding-left:120px;} 
.prd-info-area .prd-benefit-info .bnf-item > .tit {width:120px; font-size:15px; font-weight:400; line-height:21px; padding:2px 10px 0 30px; color:#000; position:absolute; left:0; top:18px;} 
.prd-info-area .prd-benefit-info .bnf-item > .tit:before {content:''; position:absolute; top:0; left:0; display:block; width:24px; height:24px; background-repeat:no-repeat; background-position:0 0; background-size:100%;} 
.prd-info-area .prd-benefit-info .bnf-item.delivery .tit:before {background-image:url('/assets/images/common/ico_24_delivery.png');} 
.prd-info-area .prd-benefit-info .bnf-item.card .tit:before {background-image:url('/assets/images/common/ico_24_card.png');} 
.prd-info-area .prd-benefit-info .bnf-item.benefit .tit:before {background-image:url('/assets/images/common/ico_24_benefit.png');} 
.prd-info-area .prd-benefit-info .bnf-item.gift .tit:before {background-image:url('/assets/images/common/ico_24_gift.png');}
.prd-info-area .prd-benefit-info .bnf-item.event .tit:before {background-image:url('/assets/images/common/ico_24_event.png');}
.prd-info-area .prd-benefit-info .bnf-item.overseas .tit:before {background-image:url('/assets/images/common/ico_24_plane.png');} 

.prd-info-area .prd-benefit-info .bnf-item.gift .tit {padding-right:40px;}
.prd-info-area .prd-benefit-info .bnf-item .val-wrap {position:relative; width:100%; margin-bottom:20px;}
.prd-info-area .prd-benefit-info .bnf-item .val-wrap:last-child {margin-bottom:0;}
.prd-info-area .prd-benefit-info .bnf-item .val-wrap .btn-area {position:absolute; right:0; top:0;}
.prd-info-area .prd-benefit-info .bnf-item .val {flex:1 1 30px; font-size:15px; font-weight:400; line-height:21px; color:#555;}
.prd-info-area .prd-benefit-info .bnf-item .val .toss {color:#0059fa;}
.prd-info-area .prd-benefit-info .bnf-item .val .ecol1 {color:#555555;}
.prd-info-area .prd-benefit-info .bnf-item .val .ecol2 {color:#007ee0;}
.prd-info-area .prd-benefit-info .bnf-item .val .ecol3 {color:#0a3cf7;}
.prd-info-area .prd-benefit-info .bnf-item .val .sub-val {display:block; margin-top:4px; color:#999; font-size:15px;}
.prd-info-area .prd-benefit-info .bnf-item .val .tooltip-wrap {top:-2px;}
.prd-info-area .prd-benefit-info .bnf-item .btn-area {margin-top:0;} 
.prd-info-area .prd-benefit-info .bnf-item .btn-area > .btn-arrow {font-size:15px; color:#999;} 
.prd-info-area .prd-benefit-info .bnf-item .btn-area > .btn-arrow:after {top:48%;}
.prd-info-area .prd-benefit-info .bnf-item .btn-area > .btn-arrow span {font-size:15px; color:#999; font-weight:400; border:0; text-decoration:underline;}
.prd-info-area .prd-benefit-info .bnf-item .val .desc {margin-top:4px; color:#999;} 
.prd-info-area .prd-benefit-info .bnf-item .val .btn-guide {position:static; margin-top:2px; margin-left:4px;} 
.prd-info-area .prd-benefit-info .bnf-item.ui-tooltip-wrap .cont-tooltip {top:53px;} 
.prd-info-area .prd-benefit-info .bnf-item.delivery .link-prod-more {align-self:center; display:inline-block; font-size:14px; color:#999; text-decoration:underline;} 
.prd-info-area .prd-benefit-info .bnf-item.delivery .link-prod-more:after {content:''; display:inline-block; width:12px; height:12px; margin-top:5px; margin-left:4px; background:url(../images/product/ico_prod_link_more_arr.svg) 0 0 no-repeat; vertical-align:top;} 

.prd-info-area .prd-benefit-info .bnf-item .val .gift-list {padding:2px 0;} 
.prd-info-area .prd-benefit-info .bnf-item .val .gift-list .img-box {width:60px; height:60px;} 
.prd-info-area .prd-benefit-info .bnf-item .val .gift-list li ~ li {margin-top:20px;} 
.prd-info-area .prd-benefit-info .bnf-item .val .gift-list .prod-item .info-box .prod-name {color:#555;} 
.prd-info-area .prd-benefit-info .bnf-item .val .gift-list .prod-item .info-box .prod-option {margin-top:2px; line-height:17px;} 
.prd-info-area .prd-benefit-info .bnf-item .val .gift-list .prod-item .info-box .prod-option .val,
.prd-info-area .prd-benefit-info .bnf-item .val .gift-list .prod-item .info-box .prod-option .count {color:#777;} 
.prd-info-area .prd-benefit-info .bnf-item .val .dot-text {margin-top:10px; font-size:13px;} 
.prd-info-area .prd-benefit-info .bnf-item .val .dot-text .date {} 

.prd-info-area .prd-opt-info .tbl-info {margin:40px 0 12px;}
.prd-info-area .prd-opt-info .custom-slt {margin-top:12px;}
.prd-info-area .prd-opt-info .custom-slt .purchase {margin-top:2px;} 
.prd-info-area .prd-opt-info .custom-slt .purchase .price > em {font-size:18px; font-weight:700;}

.prd-info-area .prod-opt-wrap {margin-top:40px;} 
.prd-info-area .prod-opt-wrap .option-box ~ .option-box {margin-top:12px;} 
.prd-info-area .prod-total-wrap {margin-top:32px;} 
.prd-info-area .prod-total-wrap ~ .btn-wrap.even {margin-top:24px;} 
.prd-info-area .btn-wrap.even {margin-top:32px;} 
.prd-info-area .btn-wrap.even [class*=btn] ~ [class*=btn] {margin-left:12px;} 

.prd-info-area .sold-out-msg {margin-top:24px; padding:17px 10px 16px; font-size:17px; line-height:23px; color:#fff; background:#777; opacity:0.5; text-align:center; border-radius:8px;} 
.prd-info-area .end-msg,
.prd-info-area .onair-soon-msg {margin-top:24px; padding:17px 10px 16px; font-size:17px; line-height:23px; color:#fff; background:#777; text-align:center; border-radius:8px;} 

.prd-info-area .tit-time {margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #e5e5e5; font-size:15px; font-weight:700;}
.prd-info-area .tit-time .state-wrap {display:inline-block; position:static; vertical-align:middle;}
.prd-info-area .tit-time .state-wrap .flag-air-on > img {width:68px;}
.prd-info-area .tit-time .tit {display:inline-block; vertical-align:middle;}
.prd-info-area .tit-time .btn-area {display:inline-block; float:right; margin-top:0; vertical-align:middle;}

.prd-opt-price {position:relative; margin-top:24px; padding:20px; background-color:#fafafa; border-radius:6px; overflow:hidden;}
.prd-opt-price + .prd-opt-price {margin-top:12px;}
.prd-opt-price .prd-info .tit {padding-right:43px;}
.prd-opt-price .prd-info .tit .name {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
.prd-opt-price .prd-info .option {margin-top:8px;}
.prd-opt-price .prd-info .option > span {font-size:14px; color:#777;}
.prd-opt-price .opt-info:after {content:""; display:table; clear:both;}
.prd-opt-price .gift-box {padding:16px 0 0; border-top:1px solid #eee;}
.prd-opt-price .gift-box .gift-list > .block {padding:16px 0; border-top:1px solid #e5e5e5; border-bottom:0;}
.prd-opt-price .gift-box .gift-list > .block:first-child {padding-top:0; border-top:0;}
.prd-opt-price .gift-box .gift-list > .block .product,
.prd-opt-price .gift-box .gift-list > .block .option {display:block; width:455px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.popup .prd-opt-price .gift-box .gift-list > .block .product,
.popup .prd-opt-price .gift-box .gift-list > .block .option {width:auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;}
.prd-opt-price .gift-box + .opt-info {margin-top:0;}
.prd-opt-price .btn-close {width:16px; height:16px; background-color:transparent;}
.prd-opt-price .btn-close:before {width:16px; height:16px; background:url(/assets/images/common/icon_16_close_pre.png) no-repeat center; background-size:16px auto;}
.prd-opt-price .opt-info {margin-top:16px; font-size:24px; /*font-weight:700; */ }
.prd-opt-price .opt-info .input-number {font-weight:normal;}
.prd-opt-price .opt-info .purchase-quantity {float:left; background-color:#fff;}
.prd-opt-price .opt-info .price {float:right; font-size:14px;}
.prd-opt-price .opt-info .price > em {font-size:24px; font-weight:700;}
.prd-opt-price .opt-info .result-txt {float:right; height:36px; line-height:36px; font-size:18px; font-weight:700;}

.total-price {margin-top:32px;}
.total-price:after {content:""; display:table; clear:both;} 
.total-price .num {float:left;} 
.total-price .price {float:right; color:#000;} 

.prd-info-area .total-price .num {margin-top:12px; font-size:18px; font-weight:400; color:#000;} 
.prd-info-area .total-price .num > em {font-size:18px; font-weight:700;} 
.prd-info-area .total-price .price {font-size:24px; font-weight:400; color:#000;} 
.prd-info-area .total-price .price > em {font-size:36px; font-weight:700;}
.prd-info-area .btn-area {margin-top:24px;}
.prd-info-area > .btn-area .btn {flex:1 1;}

/* 상품설명(일반) */
.detail-inner {position:relative; min-height:2000px; max-height:2500px; overflow:hidden;}
.detail-inner.on {max-height:none; padding-bottom:70px; min-height:auto;}
.detail-inner .btn-area {display:none; position:absolute; bottom:0; left:0; right:0; height:120px; margin-top:-120px; background-image:linear-gradient(rgba(255,255,255,0) 2%, rgba(255,255,255,0.2) 9%, rgba(255,255,255,0.4) 16%, rgba(255,255,255,0.6) 21%, rgba(255,255,255,0.8) 26%); z-index:1;}
.detail-inner .btn-area.on {display:block;}
.detail-inner.on .btn-area {background-image:none; bottom:-24px;}
.detail-inner .btn-area .btn-more {display:block; width:200px; height:46px; margin:50px auto; padding:0 30px 0 10px; text-align:left; font-size:16px; font-weight:700; border:1px solid #333; border-radius:23px; background-color:#fff; position:relative; text-align:center;}
.detail-inner .btn-area .btn-more:after {content:''; position:absolute; width:16px; height:16px; background:url('/assets/images/common/ico_16_select.png') no-repeat right center; background-size:16px auto; top:50%; margin-top:-8px; margin-left:7px}
.detail-inner.on .btn-area .btn-more:after {transform:rotate(180deg);}
#cpnNtcInfo img {width:100%;} /* 09-07 상품상세 쿠폰영역 정렬 수정 */

/* 상품평 */
.detail-wrap:after {content:""; display:table; clear:both;} 
.detail-wrap .tab-wrap {float:left; width:864px;} 
.detail-wrap .tab-wrap.type-kakao {float:none; width:100%;}
.detail-wrap .tab-wrap .tab-con-wrap {padding:0 32px;}
.detail-wrap .tab-wrap .tab-con-wrap .inner *:first-child:not(.smart-opt-wrap) .prd-unit-wrap.typeC {margin-top:0;}
.detail-wrap .tab-wrap .tab-con-wrap .inner .tbl-info .fl .tit-h1 {margin:0 0;}
.detail-wrap .tab-wrap .tab-con-wrap .tab-con .tit-area.line strong {color:#000;}
.detail-wrap .tab-wrap .tab-con-wrap .tab-con .review-photo-list .state-wrap .flag-bet-num {font-weight:normal;}
.detail-wrap .tab-wrap .tab-con-wrap .tab-con .side-info.line .filt-sort.chk > li > .ipt:checked + label {color:#000; font-weight:700;}

.detail-wrap .prd-sticky-box {display:flex; position:sticky; top:74px; flex-direction:column; /*justify-content:space-between; */ float:right; width:336px; min-height:1080px; margin:56px 0 0; padding:16px; border:1px solid #e5e5e5; border-radius:0 0 8px 8px;} 
.detail-wrap .prd-sticky-box .tbl-info {margin:8px 0 12px;}
.detail-wrap .prd-sticky-box .tbl-info + .custom-slt {margin-top:0;}
.detail-wrap .prd-sticky-box .custom-slt:first-child {margin-top:0;}
.detail-wrap .prd-sticky-box .bottom-area .total-price .num {margin-top:8px; font-size:15px; color:#000;} 
.detail-wrap .prd-sticky-box .bottom-area .total-price .num > em {font-size:15px; font-weight:700;} 
.detail-wrap .prd-sticky-box .bottom-area .total-price .price {font-size:14px;} 
.detail-wrap .prd-sticky-box .bottom-area .total-price .price > em {font-size:24px; font-weight:700;} 
.detail-wrap .prd-sticky-box .bottom-area .btn-area {margin-top:18px;} 
.detail-wrap .prd-sticky-box .bottom-area .btn-area .btn {width:100%;} 
.detail-wrap .prd-sticky-box .bottom-area .btn-area .btn + .btn {margin:8px 0 0;}
.detail-wrap .tab-wrap + .prd-sticky-box .prd-opt-info .prd-sellist-group .prd-sel-list > li .sel-list {margin:11px 0;}
.detail-wrap .tab-wrap + .prd-sticky-box .prd-opt-info .prd-sellist-group .prd-sel-list > li .sel-list .prd-unit-wrap .prd-info.flex-col .purchase {margin-top:0; min-height:0; line-height:23px;}
.detail-wrap .tab-wrap .tab-list ~ .tab-con-wrap .tab-con .gray-box {background-color:#f5f5f5;}

.detail-wrap .prd-sticky-box .prd-info .tit {padding-right:20px; font-size:14px;}
.detail-wrap .prd-sticky-box .gift-box > div {display:block;}
.detail-wrap .prd-sticky-box .gift-box .gift-list {margin-top:8px;}
.detail-wrap .prd-sticky-box .gift-box .gift-list > .block .product {display:-webkit-box; width:100%; white-space:normal;}
.detail-wrap .prd-sticky-box .prd-opt-price .btn-close {right:20px; width:16px; height:16px;}
.detail-wrap .tab-wrap .tab-con-wrap .img-nodata {position:static;}

/* 쇼마트 장바구니 팝업 */
.pop-cont .prd-sticky-box .swiper-wrap.btn-basic + .prd-opt-info {margin-top:16px; padding:0 8px; max-height:245px; overflow-y:auto;}
.pop-cont .prd-sticky-box .prd-opt-info .tbl-info {margin:0 0 15px;}
.pop-cont .prd-sticky-box .prd-opt-info .prd-opt-price {margin-top:16px;}
.pop-cont .prd-sticky-box .prd-opt-info .prd-opt-price + .prd-opt-price {margin-top:8px;}
.pop-cont .prd-sticky-box .prd-opt-info .prd-opt-price .prd-info .tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; font-size:14px;}
.pop-cont .prd-sticky-box .prd-opt-info .prd-opt-price .prd-info .tit .name {display:inline;}
.pop-cont .prd-sticky-box .prd-opt-info .prd-opt-price .btn-close {width:20px; height:20px; right:20px;}
.pop-cont .prd-sticky-box .bottom-area {position:sticky; bottom:0; left:0; overflow:hidden; background-color:#fff;}
.pop-cont .prd-sticky-box .bottom-area .total-price {margin-top:16px;}
.pop-cont .prd-sticky-box .bottom-area .total-price .num {margin:6px; font-size:15px;}
.pop-cont .prd-sticky-box .bottom-area .total-price .num > em {font-weight:700;}
.pop-cont .prd-sticky-box .bottom-area .total-price .price {font-size:14px;}
.pop-cont .prd-sticky-box .bottom-area .total-price .price > em {font-size:24px; font-weight:700;}
.pop-cont .prd-sticky-box .bottom-area .btn-area {margin-top:30px;}
.pop-cont .prd-sticky-box .bottom-area .btn-area .btn {width:100%; font-weight:700;}

.pop-cont.large .tab-in-tab > li {margin-right:-1px;}
.pop-cont.large .tab-in-tab > li:first-child {margin-left:-1px;}
.pop-cont.large .tab-in-tab > li.is-active {margin-right:0; border-collapse:separate;}
.pop-cont.large .bracket-list {margin-left:16px;}
.pop-cont.large .bracket-list > li {list-style-type:decimal; list-style-position:inherit; padding-left:2px;}
.pop-cont.large .bracket-list > li::before,
.pop-cont.large .terms-item .bracket-list > li::before {content:none;}
.pop-cont.large .tab-in-tab-item .terms-item > .bracket-list li::before {content:none;}
.pop-cont.large .tab-in-tab-item .terms-item > .bracket-list {margin-top:16px; color:#777;}
.pop-cont.large .tab-in-tab-item .terms-item > .bracket-list li:first-child {margin-top:0;}
.pop-cont.large .tab-in-tab-item .terms-item > .bracket-list li {margin-top:8px;}
.pop-cont.large .tab-in-tab-item .terms-item p + .dash-list li {font-size:14px;}
.pop-cont.large .tab-in-tab-item .terms-item p + .dash-list li:first-child {margin-top:16px;}
.pop-cont.large .tab-in-tab-item .terms-item .ganada-list {margin-top:8px; margin-bottom:8px;} 
.pop-cont.large .tab-in-tab-item .terms-item .ganada-list > li {padding-left:21px; position:relative; font-size:14px;}
.pop-cont.large .tab-in-tab-item .terms-item .ganada-list  > li:nth-child(1)::before {content:'가.'; position:absolute; top:0px; left:0px;} 
.pop-cont.large .tab-in-tab-item .terms-item .ganada-list  > li:nth-child(2)::before {content:'나.'; position:absolute; top:0px; left:0px;} 
.pop-cont.large .tab-in-tab-item .terms-item .ganada-list  > li:nth-child(3)::before {content:'다.'; position:absolute; top:0px; left:0px;} 
.pop-cont.large .tab-in-tab-item .terms-item .ganada-list  > li:nth-child(4)::before {content:'라.'; position:absolute; top:0px; left:0px;} 
.pop-cont.large .tab-in-tab-item .terms-item .ganada-list  > li:nth-child(5)::before {content:'마.'; position:absolute; top:0px; left:0px;} 
.pop-cont.large .tab-in-tab-item .terms-item .ganada-list  > li:nth-child(6)::before {content:'바.'; position:absolute; top:0px; left:0px;} 
.pop-cont.large .tab-in-tab-item .terms-item .ganada-list  > li:nth-child(7)::before {content:'사.'; position:absolute; top:0px; left:0px;} 
.pop-cont.large .pop-body .sub-tit {font-weight:400; color:#000;}
.pop-cont.large .pop-body .sub-tit>em {font-weight:700; padding-right:1px;}
.pop-cont.large .pop-body .swiper-wrap .prd-review-wrap .review-info-area .review-cont-wrap .star-area.all {width:100px; height:20px;}
.pop-cont.large .pop-body .swiper-wrap .prd-review-wrap .review-info-area .review-cont-wrap .star-area.all::before {background-size:20px auto;}
.pop-cont.large .pop-body .swiper-wrap .prd-review-wrap .review-info-area .review-cont-wrap .star-area.all .star {height:20px; background-size:20px auto;}
.pop-cont.large .pop-body .tbl.type-col.type-line table .bracket-list {margin-top:0;}
.pop-cont.large .pop-body .tbl.type-col.type-line table .bracket-list > li {margin-top:8px; font-size:15px; word-break:break-all;}
.pop-cont.large .pop-body .tbl.type-col.type-line table .bracket-list > li:first-child {margin-top:0;}
.pop-cont.large .pop-body .tbl.type-col.type-line table .bracket-list .dash-list {margin-left:-16px;}
.pop-cont.large .pop-body .tbl.type-col.type-line table tbody td {border-left:0;}
.pop-cont.large .pop-body .tbl.type-col.type-line table tbody td:not(td:first-child, td:nth-child(4)) {vertical-align:top;}
.pop-cont.large .pop-body .tbl + h2 {margin-top:40px;}
.pop-cont.large .pop-body .tbl + h2 > strong {color:#000;}
.pop-cont.large .pop-body .terms-wrap > .terms-item > h2 {color:#000;}
.pop-cont.large .pop-body .tab-con-wrap .tab-con.on {margin-top:0;}
.pop-cont.large .pop-body .tab-con-wrap .tab-in-tab-item {margin-top:40px;}
.pop-cont.large .pop-body .tab-con-wrap .tab-in-tab-item .terms-item:first-child {margin-top:0;}
.pop-cont.large .pop-body .tab-con-wrap .tab-in-tab-item .terms-item {margin-top:32px;}
.pop-cont.large .pop-body .tab-con-wrap .tab-in-tab-item .terms-item > p {font-size:15px;}
.pop-cont.large .pop-body .tbl.type-col table tbody td:not(td:first-child, td:nth-child(4)) {vertical-align:top;}
.pop-cont.large .pop-body .tbl.type-col .txt-list-num-l li > .txt-list-dash {margin:8px 0 0 -16px;}
.pop-cont.large .pop-body .tbl.type-col .txt-list-num-l li > .txt-list-dash > li {margin-top:8px; color:#777;}
.pop-cont.large .pop-body .tbl.type-col .txt-list-num-l li > .txt-list-dash > li:before {background-color:#777;}
.pop-cont.large .pop-body > .btn-area {margin:24px auto 0;}
.pop-cont.large .pop-body .prd-unit-wrap.typeG .prd-unit-list .goods .prd-info {padding:0 0 0 8px;} /*UI_UXW_7022.jsp*/
.pop-cont.large .pop-body .prd-unit-wrap.typeG .prd-unit-list .goods .prd-info.flex-col {justify-content:unset;}
.pop-cont.large .pop-body .prd-unit-wrap.typeG .prd-unit-list .goods .prd-info .tit {min-width:288px;}
.pop-cont.large .pop-body .prd-unit-wrap.typeG .prd-unit-list .goods .prd-info .option {margin-top:2px;}

.pop-cont.xlarge .prd-sticky-box {overflow-y:hidden;}
.pop-cont.xlarge .prd-sticky-box .prd-opt-info .prd-sellist-group .sel-list {box-sizing:border-box; margin:11px 0;}
.pop-cont.xlarge .prd-sticky-box .prd-opt-info .prd-sellist-group .sel-list .prd-unit-list.list .goods {margin:0;}
.pop-cont.xlarge .prd-sticky-box .prd-opt-info .prd-sellist-group .sel-list .prd-unit-list.list .goods .prd-info .purchase {min-height:0; line-height:22px; margin-top:3px;}

.pop-cont.small .tbl-info {margin:24px 0 12px;}
.pop-cont.small .msg-box [class*=txt-list-].sm {font-size:14px;}

/* 08-02 제플린상 버튼에 볼드로 되어 있음. */
.pop-cont.small .pop-body > .btn-area .btn.color-white {background-color:#fff; border:1px solid #ccc; color:#333; /*font-weight:500 !important; */ } 
.pop-cont.small .ipt[type=checkbox] + label {font-size:15px;}
.pop-cont.small .coupon-info .prd-unit-list.list > li .goods .prd-info .option {margin-top:6px;}
.pop-cont.small .coupon-info .prd-unit-list.list > li .goods {margin:24px 0;}
.pop-cont.small .form-set select.ipt {margin-top:12px;}
.pop-cont.small .form-set + .txt-list-disc {margin-top:12px !important;}
.pop-cont.small .txt-list-disc li {margin-top:4px; font-size:14px;}
.pop-cont.small .result-box .info-list {align-items:baseline;}
.pop-cont.small .pop-body > .btn-area.bold > .btn {font-weight:700 !important;}

.pop-cont.outer .swiper-wrap.btn-basic .swiper-button-prev,
.pop-cont.outer .swiper-wrap.btn-basic .swiper-button-next {left:-14px; width:28px; height:28px;}
.pop-cont.outer .swiper-wrap.btn-basic .swiper-button-next {left:auto; right:-14px;}
.pop-cont.outer .swiper-wrap.btn-basic .swiper-button-prev:after,
.pop-cont.outer .swiper-wrap.btn-basic .swiper-button-next:after {width:16px; height:16px;}
.pop-cont.outer .swiper-wrap.btn-basic .swiper-button-prev:after {background:url(/assets/images/common/icon_24_arrow_bold_left_nor.png) no-repeat center; background-size:16px auto;}
.pop-cont.outer .swiper-wrap.btn-basic .swiper-button-next:after {background:url(/assets/images/common/icon_24_arrow_bold_right_nor.png) no-repeat center; background-size:16px auto;}

.pop-cont .detail-wrap .review-photo-list {margin:-24px 0 0 0; padding:24px 0 8px 0; border-bottom:1px solid #eee; position:sticky; top:0; z-index:11; background:#fff; width:742px;}
.pop-cont .detail-wrap .review-photo-list .swiper-container {margin:0 10px;}
.pop-cont .detail-wrap .review-photo-list .photo-list > li {margin-left:0;}
.pop-cont .detail-wrap .review-photo-list .photo-list > li.sold-out .btn-review:before {content:"일시품절"; position:absolute; left:0; right:0; bottom:0; width:100%; height:20px; line-height:20px; text-align:center; font-size:11px; color:#fff; background-color:rgba(0,0,0,0.6); z-index:20;}
.pop-cont .detail-wrap .review-photo-list .photo-list > li .btn-review {border-radius:4px;}
.pop-cont .detail-wrap .review-photo-list .photo-list > li .btn-review > .state-wrap {top:-2px;}
.pop-cont .detail-wrap .review-photo-list .photo-list .photo-wrap {width:80px; height:80px; min-width:79px; border:1px solid #ccc; border-radius:4px; overflow:hidden;}
.pop-cont .detail-wrap .review-photo-list .photo-list > li.on .btn-review .photo-wrap {border-color:#000;}
.pop-cont .detail-wrap .review-photo-list .swiper-button-prev {left:0}
.pop-cont .detail-wrap .review-photo-list .swiper-button-next {right:0;}
.pop-cont .detail-wrap .review-photo-list .swiper-button-prev,
.pop-cont .detail-wrap .review-photo-list .swiper-button-next {width:28px; height:28px; margin-top:4px; /*opacity:0.7; */}
.pop-cont .detail-wrap .flag-bet-num {min-width:20px; width:20px; height:20px; padding:0 0; line-height:20px; font-size:11px; font-weight:400; border-radius:4px 0 4px 0; background-color:rgba(51, 51, 51, 0.6);}
.pop-cont .detail-wrap .tooltip-wrap .tooltip.open {margin-left:236px;}

.pop-cont .detail-wrap .inner {float:left; width:758px; overflow-y:auto; padding-right:16px; padding-top:16px;}
.pop-cont .detail-wrap .prd-unit-wrap.typeB .prd-unit-list.list .goods .prd-info {padding:0 0 0 16px;}
.pop-cont .detail-wrap .prd-unit-wrap.typeB .prd-unit-list.list .goods .prd-info .purchase .sale {margin-top:0;}

.pop-cont .detail-wrap .inner .prd-info-area {float:none; width:100%;}
.pop-cont .detail-wrap .prd-sticky-box {width:336px; height:100%; overflow-y:auto; min-height:100%; max-height:100%; margin-top:-96px; top:24px; border-radius:10px;display:block; overflow-x:hidden; padding-bottom:0;}
.pop-cont .detail-wrap .prd-sticky-box .bottom-area {padding:0 16px 16px 16px; margin-left:-16px; width:calc(100% + 32px);}

.tab-con-wrap .tab-con.on h4.tit-h4 {margin:32px 0 16px; color:#000;}
.tab-con-wrap .txt-list-disc.pay-count + .txt-list-disc {clear:both; margin-top:0;}
.tab-con-wrap .txt-list-disc.pay-count {font-size:14px; line-height:20px; margin-bottom:24px;}
.tab-con-wrap .txt-list-disc.pay-count li {color:#333; margin-top:6px; padding-left:0; color:#555;}
.tab-con-wrap .txt-list-disc.pay-count li::before {display:none;}
.tab-con-wrap .txt-list-disc.pay-count.hd {margin:0 0 24px 0; border-top:1px solid #e5e5e5; padding-top:18px;}
.tab-con-wrap .txt-list-disc.pay-count.hd li {font-size:14px; color:#777;}
.tab-con-wrap .txt-list-disc.pay-count.hd li b {display:block; margin-bottom:4px; color:#555;}
.tab-con-wrap .txt-list-disc li>em.val {color:#000; font-size:14px; font-weight:700;}
.tab-con-wrap .txt-list-disc li>strong.val {color:#000; font-size:14px; font-weight:700;} 
.review-rating-info .star-rating-box .star-area {position:relative; width:12px; height:12px;} 
.review-rating-info .star-rating-box .star-area:before {content:""; position:absolute; top:50%; left:0; width:100%; height:100%; margin-top:3px; background:url('/assets/images/common/ico_star.png') repeat 0 0; background-size:12px auto; transform:translate(0, -50%);} 
.review-rating-info .star-rating-box .star {position:absolute; top:50%; left:0; width:12px; height:12px; background:url('/assets/images/common/ico_star.png') repeat 0 100%; background-size:12px auto; transform:translate(0, -50%); font-size:13px; } 
.review-rating-info .star-rating-box .star-area.all {width:100px; height:20px; margin:0 auto; vertical-align:top;} 
.review-rating-info .star-rating-box .star-area.all:before {background-size:20px auto;} 
.review-rating-info .star-rating-box .star-area.all .star {max-width:100px; width:100%; height:20px; background-position:0 100%; background-size:20px auto;} 

.review-rating-info {display:flex; margin:32px 0; justify-content:center;} 
.review-rating-info .star-rating-box {width:293px; text-align:center; padding:21px 0 0 17px;} 
.review-rating-info .star-rating-box .rating-val {position:relative; text-align:center; margin:0 auto 8px;} 
.review-rating-info .star-rating-box .rating-val .val,
.review-rating-info .star-rating-box .rating-val .total {/* display:inline-block; font-size:30px; line-height:1; */ vertical-align:top;} 

.rating-val .total::before {content:'\002f'; position:absolute; width:10px; height:100%; top:-4px; left:-1px; margin-left:-8px; font-size:24px; font-weight:400;}
.rating-val {position:relative;}
.rating-val .val {line-height:44px; vertical-align:middle; font-size:32px; font-weight:800; color:#000;}
.rating-val .total {position:relative; line-height:44px; padding-left:8px; margin-left:16px; font-size:32px; color:#000;}

.review-rating-info .rating-detail {position:relative; flex:1; padding-left:77px;} 
.review-rating-info .rating-detail:before {content:''; position:absolute; top:0; left:0; width:1px; height:120px; background-color:#eee;} 
.tab-con .inner .review-rating-info .rating-detail:before {content:none;}
.review-rating-info .rating-detail .rating-score-list > li {display:flex;} 
.review-rating-info .rating-detail .rating-score-list > li ~ li {margin-top:8px;} 
.review-rating-info .rating-detail .rating-score-list > li .title {display:inline-block; min-width:20px; padding-right:33px; font-size:14px; color:#777; vertical-align:top; line-height:20px;} 
.review-rating-info .rating-detail .rating-score-list > li .score-graph {position:relative; overflow:hidden; display:inline-block; height:6px; width:220px; margin-top:7px; background-color:#f5f5f5; border-radius:3px; vertical-align:top;} 
.review-rating-info .rating-detail .rating-score-list > li .score-graph .graph-inner {position:absolute; top:0; left:0; height:100%; background-color:#ccc; border-radius:3px;} 
.review-rating-info .rating-detail .rating-score-list > li .val {display:inline-block; min-width:42px; height:18px; padding:0 10px; margin-left:33px; font-size:14px; color:#999; border:1px solid #fff; border-radius:12px; vertical-align:top; text-align:right; line-height:1; transform:translateY(-2px); text-align:center;} 
.review-rating-info .rating-detail .rating-score-list > li.active .title {font-weight:700; color:#f50d87;} 
.review-rating-info .rating-detail .rating-score-list > li.active .score-graph .graph-inner {background-color:#f50d87;} 
.review-rating-info .rating-detail .rating-score-list > li.active .val {position:relative; height:24px; line-height:21px; font-weight:700; color:#f50d87; border:1px solid rgba(245, 13, 135, 0.2); border-radius:12px;}
.review-rating-info + .atctitle {margin-top:28px; padding-bottom:0; border-bottom:none;} 

.sub-tit-area + .review-photo-list {margin:0;}
.tit-h4 + .review-photo-list .photo-list {margin-bottom:56px;}
.review-photo-list {margin:16px 0 20px 0;}

.review-photo-list .photo-list:after {content:""; display:table; clear:both;} 
.review-photo-list .photo-list > li {float:left; margin-left:8px;} 
.review-photo-list .photo-list > li:first-child {margin-left:0;} 
.review-photo-list .photo-list > li .btn-review {position:relative; padding:0; border-radius:6px; overflow:hidden;} 

.review-photo-list .photo-list .photo-wrap {display:block; width:108px; height:108px; position:relative;}
.review-photo-list .photo-list .photo-wrap > img {display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; /*max-width:none; */max-height:270px;}
.review-photo-list .photo-list .photo-wrap::after {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0; left:0;} 
.review-photo-list .photo-list .state-wrap {left:auto; right:0;}
.review-photo-list .photo-list .state-wrap > .flag-bet-num {position:relative; border-radius:0 2px 0 8px;} 
.review-photo-list .photo-list .btn-more button {position:relative; width:104px; height:108px; font-size:13px; background-color:#eee; border-radius:6px; overflow:hidden; text-align:left;} 
.review-photo-list .photo-list .btn-more .total {position:absolute; bottom:10px; left:10px; right:10px; font-size:13px; font-weight:400;} 
.review-photo-list .photo-list .btn-more .count {display:block; margin-bottom:4px; line-height:20px; font-size:14px; font-weight:700;} 

.review-cont-wrap .review-list > li {padding-bottom:27px; border-bottom:1px solid #e5e5e5;} 
.review-cont-wrap .review-list > li ~ li {padding-top:26px;}
.review-cont-wrap .review-list > li .name {overflow:hidden; display:block; margin-top:8px; font-size:14px; line-height:18px; color:#555; white-space:nowrap; text-overflow:ellipsis;} 
.review-cont-wrap .option {display:block; font-size:0; margin-top:8px; line-height:1;} 
.tab-con .review-cont-wrap .option {margin-top:4px;}
.review-cont-wrap .option .val,
.review-cont-wrap .option .count {display:block; height:20px; line-height:20px; font-size:14px; color:#999;}
.review-cont-wrap .option + .review-info {margin-top:20px;}
.review-cont-wrap .review-detail {margin-top:20px;}
.tab-con .review-cont-wrap .review-detail {margin-top:12px;}
.review-cont-wrap .review-detail ~ .review-img-detail {margin-top:16px;}
.review-cont-wrap .review-detail .review-txt {font-size:15px; line-height:21px; color:#333; overflow:hidden; max-height:42px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; text-overflow:-o-ellipsis-lastline; white-space:normal;}
.review-cont-wrap .review-detail.on .review-txt {display:block; max-height:100%;}
.review-cont-wrap .review-detail .btn-links {margin:12px 0 0; padding:0;}
.review-cont-wrap .review-detail .btn-review-more {display:none; font-size:14px; color:#999; line-height:21px; text-decoration:underline;} 
.review-cont-wrap .review-detail .btn-review-more {display:block; margin-top:10x;} 
.review-cont-wrap .review-detail.is-more .review-txt {display:block; max-height:none;} 

.review-cont-wrap .review-detail ~ .review-img-detail {margin-top:18px;}
.review-cont-wrap .review-img-detail {font-size:0;}
.review-cont-wrap .review-img-detail .list-item {display:inline-block; width:108px; margin-right:8px; vertical-align:top;}
.review-cont-wrap .review-img-detail .list-item:last-child {margin-right:0;} 
.review-cont-wrap .review-img-detail .btn-review-detail {overflow:hidden; display:block; width:100%; height:100%; border-radius:6px;} 
.review-cont-wrap .review-img-detail .btn-review-detail .img-box {display:block; padding-top:100%; background-position:center; background-size:cover; background-repeat:no-repeat;} 
.review-cont-wrap .review-info {display:flex; justify-content:space-between; align-items:center; margin:20px 0 0;} 
.review-cont-wrap .review-info .info {font-size:0;}
.review-cont-wrap .review-info .info > span {display:inline-block; color:#999; font-weight:400; vertical-align:middle;}
.review-cont-wrap .review-info .info span.id {font-size:15px;}
.review-cont-wrap .review-info .info span.date {font-size:15px;}
.review-cont-wrap .review-info .info > span:before {content:''; display:inline-block; width:1px; height:12px; margin:-2px 8px 0 8px; background-color:#ccc; vertical-align:middle;}
.review-cont-wrap .review-info .info > span:first-child:before {content:none;} 
.review-cont-wrap .review-info .btn-review-like {min-width:66px; height:28px; padding:1px 7px 0 6px; font-size:13px; border:1px solid #ccc; border-radius:4px;} 
.review-cont-wrap .review-info .btn-review-like.on {border-color:#f50d87; color:#f50d87;} 
.review-cont-wrap .review-info .btn-review-like .text {display:inline-block; line-height:16px; vertical-align:top;}
.review-cont-wrap .review-info .btn-review-like .ico-like {margin-left:2px;}
.review-cont-wrap .paging {margin-top:32px;}

.review-cont-wrap .star-area {position:relative; width:12px; height:12px;} 
.review-cont-wrap .star-area:before {content:""; position:absolute; top:50%; left:0; width:100%; height:100%; margin-top:3px; background:url('/assets/images/common/ico_star.png') repeat 0 0; background-size:12px auto; transform:translate(0, -50%);} 
.review-cont-wrap .star {position:absolute; top:50%; left:0; width:12px; height:12px; background:url('/assets/images/common/ico_star.png') repeat 0 100%; background-size:12px auto; transform:translate(0, -50%); font-size:13px; } 
.review-cont-wrap .star-area.all {width:70px; height:14px; vertical-align:top;}
.review-cont-wrap .star-area.all:before {background-size:14px auto;}
.review-cont-wrap .star-area.all .star {max-width:100px; width:100%; height:14px; background-position:0 100%; background-size:14px auto;}

/* 마이페이지 상품후기 */
.review-cont-wrap .review-info .star-area.all {display:inline-block; width:70px; height:14px; vertical-align:middle; margin-top:-4px;}
.review-cont-wrap .review-info .star-area.all:before {background-size:14px auto;}
.review-cont-wrap .review-info .star-area.all .star {max-width:70px; width:100%; height:14px; background-size:14px auto;}

.my-order-list.review > li + li .order-head {border-top:1px solid #000;}
.my-order-list > li .order-body .review-cont-wrap .prd-unit-wrap .goods {margin:0; align-items:flex-start;}
.my-order-list > li .order-body .review-cont-wrap .prd-info {margin:0;}
.my-order-list > li .order-body .review-cont-wrap .review-info {margin-top:0;}
.my-order-list > li .order-body .review-cont-wrap .review-detail {margin-top:16px;}
.my-order-list > li .order-body .review-cont-wrap .review-info + .prd-unit-wrap{margin-top:16px;}
.my-order-list > li .order-body .review-cont-wrap .review-photo-list {margin:16px 0 0 0;}

/* Q&A */
.tbl-info.line + .question-cont-wrap {margin-top:-16px;}
.question-cont-wrap .question-info {line-height:18px;}
.question-cont-wrap .question-info .info > span {display:inline-block; color:#999; vertical-align:baseline;} 
.question-cont-wrap .question-info .info .answer {font-size:13px; font-weight:700; color:#999;} 
.question-cont-wrap .question-info .info .id,
.question-cont-wrap .question-info .info .date {font-size:13px;}
.question-cont-wrap .question-info .info > span:before {content:''; display:inline-block; width:1px; height:10px; margin:4px 10px 0; background-color:#ccc; vertical-align:top;} 
.question-cont-wrap .question-info .info > span:first-child:before {content:none;} 
.question-cont-wrap .question-list .name {display:block; margin-top:16px; font-size:13px; color:#777; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.question-cont-wrap .question-list .acco-wrap {margin-top:8px;} 

.question-cont-wrap .question-list > li {padding:24px 0; border-bottom:1px solid #e5e5e5;} 
.question-cont-wrap .acco-item .acco-head {border-bottom:0;} 
.question-cont-wrap .acco-item .acco-head .acco-btn {padding:0 0 0 20px;} 
.question-cont-wrap .acco-item .acco-head .acco-btn .question-txt {display:-webkit-box; max-height:42px; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; text-overflow:-o-ellipsis-lastline; white-space:normal; overflow:hidden; word-break:break-all; padding-right:50px;}
.question-cont-wrap .acco-item.on .acco-head .acco-btn .question-txt {display:block; max-height:100%;} 
.question-cont-wrap .acco-item .acco-head .acco-btn .question-txt:before {content:""; position:absolute; top:3px; left:0; width:14px; height:14px; background:url('/assets/images/common/ico_14_question.png') no-repeat 0 0; background-size:14px auto;} 
.question-cont-wrap .question-list > li.secret .acco-item .acco-head .acco-btn:after {content:none;}
.question-cont-wrap .question-list > li:not(.secret) .acco-item .acco-head .acco-btn:after {content:''; top:8px; right:-8px; background:url(/assets/images/common/icon_16_drop_nor.png) no-repeat center; background-size:16px auto;}
.question-cont-wrap.often .question-list > li .acco-item .acco-head .acco-btn:after {top:8px;}
.question-cont-wrap .acco-item .acco-body {margin-top:24px; padding:14px 20px; background-color:#fafafa; border-radius:4px;}
.question-cont-wrap .acco-item .acco-body .answer-txt {position:relative; margin-top:4px; padding-left:20px;} 
.question-cont-wrap .acco-item.on .acco-body {margin-top:24px;} 

.question-cont-wrap .secret .acco-item .acco-head .acco-btn {pointer-events:none;} 
.question-cont-wrap .secret .acco-item .acco-head .acco-btn .question-txt:after {content:""; display:inline-block; width:16px; height:16px; margin:-3px 0 0 2px; vertical-align:middle; background:url('/assets/images/common/ico_16_secret.png') no-repeat 0 0; background-size:16px auto;} 

.question-cont-wrap .answer-info .info > span {display:inline-block; color:#999; vertical-align:middle;} 
.question-cont-wrap .answer-info .info .manager {font-size:13px; font-weight:700; display:inline-block; vertical-align:middle;} 
.question-cont-wrap .answer-info .info .id {font-size:15px;} 
.question-cont-wrap .answer-info .info .date {font-size:13px;} 
.question-cont-wrap .answer-info .info > span:before {content:''; display:inline-block; width:1px; height:10px; margin:-2px 10px 0; background-color:#ccc; vertical-align:middle;} 
.question-cont-wrap .answer-info .info > span:first-child:before {content:none;} 
.question-cont-wrap .acco-item .acco-body .answer-txt:before {content:""; position:absolute; top:3px; left:0; width:14px; height:14px; background:url('/assets/images/common/ico_14_answer.png') no-repeat 0 0; background-size:14px auto;} 

.question-cont-wrap .acco-item .acco-body .answer-txt.counsel {font-size:14px; color:#999; text-align:center; padding-left:0;}
.question-cont-wrap .acco-item.on .acco-body .answer-txt.counsel + .btn-area {margin-top:16px;}
.question-cont-wrap .acco-item .acco-body .answer-txt.counsel:before {content:none;}

/* 마이페이지 - 상품Q&A / 1:1문의 */
.terms-wrap .agree-area > div label {font-size:15px;}
.my-cont .question-cont-wrap .acco-item {position:relative;}
.my-cont .question-cont-wrap .acco-item .acco-head .acco-btn {position:static; padding-left:0;}
.my-cont .question-cont-wrap .question-list .acco-wrap {margin-top:0;}
.my-cont .question-cont-wrap .question-list .answer {font-size:13px; color:#999;}
.my-cont .question-cont-wrap .acco-item .acco-head .acco-btn:after {content:""; top:-50px; width:16px; height:16px; background:url(/assets/images/common/icon_16_drop_nor.png) no-repeat center; background-size:16px auto; transition:transform 0.25s;}
.my-cont .question-cont-wrap .acco-item.on .acco-head .tit + .acco-btn:after {top:8px;}
.my-cont .question-cont-wrap .acco-item .acco-head .question-info + .acco-btn:after {top:0;}
.my-cont .question-cont-wrap .acco-item.on .acco-head .prd-unit-wrap + .acco-btn:after {top:8px;}
.my-cont .question-cont-wrap .acco-item .acco-head .question-txt > em {font-weight:700;}
.my-cont .question-cont-wrap .acco-item.on .acco-head .question-txt > em {display:block; margin-bottom:8px;}
.my-cont .question-cont-wrap .acco-item .acco-head .acco-btn .question-txt {-webkit-line-clamp:1; line-clamp:1; position:relative; padding-left:20px;}
.my-cont .question-cont-wrap.no-icon .acco-item .acco-head .acco-btn .question-txt {padding-left:0;}
.my-cont .question-cont-wrap .acco-item .acco-head .acco-btn .question-txt.is-ssecret .ico {text-indent:-9999em; width:16px; height:16px; background:url('/assets/images/common/icons-h-16-lock-nor@2x.png') no-repeat 50% 50% / 16px 16px; display:inline-block; margin:0 0 0 4px; vertical-align:-2px;}

.my-cont .question-cont-wrap .acco-item .acco-head .review-photo-list {height:0; overflow:hidden; margin-bottom:0;}
.my-cont .question-cont-wrap .acco-item.on .acco-head .review-photo-list {height:108px; transition:all 0.4s ease-in-out;}
.my-cont .question-cont-wrap .acco-item .acco-head .question-info {margin-bottom:16px;}
.my-cont .question-cont-wrap .question-list .acco-item .prd-unit-list.list .goods {margin:16px 0 0;}
.my-cont .question-cont-wrap .question-list .acco-item.on .prd-unit-list.list .goods {margin:16px 0;}
.my-cont .question-cont-wrap .question-list .acco-item .prd-img {display:none;}
.my-cont .question-cont-wrap .question-list .acco-item.on .prd-img {display:block;}
.my-cont .question-cont-wrap .question-list .acco-item .prd-info {padding:0 56px 0 0; min-height:auto;}
.my-cont .question-cont-wrap .question-list .acco-item.on .prd-info {padding:0 56px 0 16px;}
.my-cont .question-cont-wrap .question-list .acco-item .tit {display:block; margin-bottom:8px; font-size:14px;}
.my-cont .question-cont-wrap .question-list .acco-item .name {/*display:inline-block; */ margin-top:0; font-size:14px; font-weight:400; color:#333; vertical-align:bottom;}
.my-cont .question-cont-wrap .question-list .acco-item .option {display:none; margin-top:8px;}
.my-cont .question-cont-wrap .question-list .acco-item.on .option {display:block;}

/* 마이페이지 - 1:1문의 */
.my-cont .question-cont-wrap.no-icon .acco-item .acco-head .acco-btn {padding:0;}
.my-cont .question-cont-wrap.no-icon .acco-item .acco-head .question-txt:before {content:none;}
.my-cont .question-cont-wrap.no-icon .question-list.bn .acco-item .acco-body .answer-txt,
.my-cont .question-cont-wrap.no-icon .acco-item.on .acco-body .answer-txt {padding-left:0;}
.my-cont .question-cont-wrap.no-icon .acco-item .acco-body .answer-txt:before {content:none;}


/* link box */
.link-box-group:not(.swiper-wrap) {display:flex; margin:0 -6px;}
.link-box-group:not(.swiper-wrap) .link-box {flex:0 0 50%; padding:0 6px;}
.link-box-group .btn-arrow::after {margin:-1px 1px; background:url(/assets/images/common/icon_12_more_nor.png) no-repeat center; background-size:12px auto;}
.link-box .block {display:flex; padding:18px 16px; border:1px solid #e5e5e5; border-radius:6px; background-color:#fafafa;}
.link-box .block:after {content:""; display:table; clear:both;}
.link-box .tit {flex:0 0 30%; font-weight:700; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.link-box .txt {flex:0 0 50%; padding-left:10px; color:#555; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.link-box .btn-arrow {flex:0 0 20%; min-width:60px; margin-left:auto; margin-top:0; font-size:13px; font-weight:400; color:#333; text-align:right;}
.ie-hate .link-box .btn-arrow {flex-basis:auto;}
.center-wrap .link-box .block {padding:22px 16px;}

/* 체크 아이콘 필터 */
.filt-sort.chk > li > .ipt + label {padding-left:0; font-size:14px;} 
.filt-sort.chk > li > .ipt:checked + label {padding-left:14px; /*font-weight:500; */ }
.filt-sort.chk > li > .ipt:checked + label:before {content:""; display:inline-block; position:absolute; top:50%; left:2px; width:6px; height:9px; border-radius:0; border:2px solid #000; border-width:0 2px 2px 0; transform:translate(0, -50%) rotate(45deg); background-color:transparent;} 

/* 상세설명 */
.smart-opt-wrap {width:632px; margin:0 auto;}
.smart-opt-wrap .prd-unit-list:not(.swiper-wrapper):not(.list) > li {flex:0 0 300px;}
.smart-opt-wrap .state-wrap {position:static; margin-bottom:8px;}
.smart-opt-wrap .prd-unit-list {justify-content:space-between;}
.smart-opt-wrap .prd-unit-list > li {margin-top:48px;} 
.smart-opt-wrap .prd-unit-list > li .state {margin-bottom:10px;} 
.smart-opt-wrap .prd-unit-list .goods .dim.detail {display:none; position:absolute; top:0; left:0; justify-content:center; align-items:center; width:300px; height:300px; border-radius:6px; background-color:rgba(0, 0, 0, 0.3); z-index:1;} 
.smart-opt-wrap .prd-unit-list .goods .dim.detail > .inner {display:flex; justify-content:center; align-items:flex-end; padding:28px 0; position:relative; width:100px; height:100px; border-radius:50%; background-color:#fff; z-index:2;} 
.smart-opt-wrap .prd-unit-list .goods .dim.detail > .inner .txt {display:block; font-size:13px;} 
.smart-opt-wrap .prd-unit-list .goods .dim.detail > .inner .txt:before,
.smart-opt-wrap .prd-unit-list .goods .dim.detail > .inner .txt:after {content:''; position:absolute; top:30px; left:50%; display:inline-block; width:2px; height:18px; background-color:#000;} 
.smart-opt-wrap .prd-unit-list .goods .dim.detail > .inner .txt:before {margin-left:-1px } 
.smart-opt-wrap .prd-unit-list .goods .dim.detail > .inner .txt:after {width:18px; height:2px; top:37px; margin-left:-9px;}
.smart-opt-wrap .prd-unit-list .goods .prd-img > a:hover .dim.detail {display:flex; transition:all 0.5s;} 
.smart-opt-wrap .prd-unit-list .goods .prd-info .tit {max-width:220px;}
.smart-opt-wrap .prd-unit-list .goods .prd-info .purchase .del {display:block; margin-top:3px;}
.smart-opt-wrap .prd-unit-list .goods .prd-info .grade .num {font-size:13px;}

/* 포토 상품평 - 이미지 상세보기 */
.review-thumb-area {width:360px; margin:0 auto;}
.review-thumb-area > .prd-thumb {text-align:center;} 
.review-thumb-area > .prd-thumb > img {max-height:600px;}

/* 포토 상품평 */
.prd-review-wrap:after {content:""; display:table; clear:both;}
.prd-review-wrap .review-thumb-area {float:left; width:360px;}
.prd-review-wrap .review-thumb-area .prd-thumb {width:360px; height:360px; border-radius:6px; overflow:hidden; text-align:center;}
/* 08-12 이승규 긴 이미지 넘친 현상 때문에 max-height 지정함 */
.prd-review-wrap .review-thumb-area .prd-thumb > img {max-height:600px;}
.prd-review-wrap .review-thumb-area .prd-thumb > img.img-nodata {position:static;}
.prd-review-wrap .review-thumb-area .prd-thumb ul > li {width:360px; height:360px;}

.prd-review-wrap .review-info-area {float:right; width:360px;}
.prd-review-wrap .review-info-area .review-cont-wrap .review-info {margin-top:5px;}
.prd-review-wrap .review-info-area .review-cont-wrap .review-detail {margin-top:16px;}
.prd-review-wrap .review-info-area .review-cont-wrap .review-detail .review-txt {display:block; max-height:200px; margin-bottom:16px; padding-right:16px; word-break:break-all; font-weight:400; font-size:14px; color:#000;}
.swiper-slide.swiper-slide-active .prd-review-wrap .review-info-area .review-cont-wrap .review-detail .review-txt {overflow-y:auto;}
.prd-review-wrap .review-info-area .review-photo-list .photo-list > li .btn-review {border:2px solid transparent; border-radius:4px;}
.prd-review-wrap .review-info-area .review-photo-list .photo-list > li.on .btn-review {border:2px solid #000;}
.prd-review-wrap .review-info-area .review-photo-list .photo-list .photo-wrap {width:80px; height:80px;}
.popup .pop-body .review-thumb-area .prd-unit-list.list .goods {margin-bottom:0;}

/* 상품평 팝업 */
.pop-cont.outer {overflow:visible;}
.pop-cont.outer .pop-body {overflow:visible;}
.pop-cont.outer .swiper-wrap:not(.btn-basic) .swiper-button-prev,
.pop-cont.outer .swiper-wrap:not(.btn-basic) .swiper-button-next {width:54px; height:104px; background-color:transparent; border:0;}
.pop-cont.outer .swiper-wrap:not(.btn-basic) .swiper-button-prev {left:-146px;}
.pop-cont.outer .swiper-wrap:not(.btn-basic) .swiper-button-next {right:-146px;}
.pop-cont.outer .swiper-wrap:not(.btn-basic) .swiper-button-prev:after,
.pop-cont.outer .swiper-wrap:not(.btn-basic) .swiper-button-next:after {width:54px; height:104px;}
.pop-cont.outer .swiper-wrap:not(.btn-basic) .swiper-button-prev:after {margin-left:0; background:url(/assets/images/common/pc_popup_arrow_left_nor.png) no-repeat center; background-size:54px 104px;}
.pop-cont.outer .swiper-wrap:not(.btn-basic) .swiper-button-next:after {margin-left:0; background:url(/assets/images/common/pc_popup_arrow_right_pre.png) no-repeat center; background-size:54px 104px;}
.pop-cont.outer .btn-photo-total {position:absolute; top:20px; right:70px; width:32px; height:32px;}
.pop-cont.outer .btn-photo-total:after {content:""; position:absolute; top:50%; left:50%; width:32px; height:32px; background:url(/assets/images/common/ico_32_photo_total.png) no-repeat center center; background-size:32px auto; transform:translate(-50%, -50%);}

/* 검색결과 - 포토후기 */
.srch-result-area .review-photo-list .photo-list > li:first-child {margin-left:0;}
.srch-result-area .review-photo-list .photo-list > li {margin-left:12px;}
.srch-result-area .review-photo-list .photo-list > li .btn-review {margin:0;}
.srch-result-area .review-photo-list .photo-list .photo-wrap {width:156px; height:156px;}
.srch-result-area .review-photo-list .photo-list .photo-wrap .img-nodata {position:static;}
.srch-result-area .review-photo-list .photo-list .btn-more {margin-left:12px;}
.srch-result-area .review-photo-list .photo-list .btn-more button {width:112px; height:156px;}

/* 검색결과 - 연관검색어 */
.keyword-wrap {position:relative; margin:16px 0 0; border-bottom:1px solid #eee;}
.keyword-wrap .keyword-area {padding:0 100px 8px 0;}
.keyword-wrap .keyword-area .tit {position:absolute; top:5px; left:0; font-size:14px; font-weight:700; color:#000;}
.keyword-wrap .keyword-area .keyword {height:40px; margin-top:0; padding-left:90px; overflow:hidden;}
.keyword-wrap.on .keyword-area .keyword {height:auto;}
.keyword-wrap .keyword .srch-flag {padding-right:12px;}
.keyword-wrap .keyword .srch-flag:before,
.keyword-wrap .keyword .srch-flag::after {content:none;}
.keyword-wrap .btn-expand {position:absolute; top:5px; right:0; padding-right:16px; color:#000; font-weight:400;}
.keyword-wrap.on .btn-expand {color:#000;}
.keyword-wrap .btn-expand:after {content:""; position:absolute; top:4px; right:0; width:12px; height:12px; background:url(/assets/images/common/icon_12_fold_pre.png) no-repeat center; background-size:12px auto; transition:all 0.25s;}
.keyword-wrap.on .btn-expand:after {/*top:2px; */ background:url(/assets/images/common/icon_12_spread_nor.png) no-repeat center; background-size:12px auto;}
.keyword-wrap + .sub-tit-area h3.tit-h1 {margin:56px 0 24px;}

/* 검색결과 헤더 연관검색  */
.srch-keyword-area {display:flex; position:absolute; top:0; left:0; width:372px; height:48px; line-height:48px; background-color:#f5f5f5; border-radius:24px; white-space:nowrap; overflow-y:hidden; overflow-x:auto; -ms-overflow-style:none; /* IE and Edge */ scrollbar-width:none; /* Firefox */}
.srch-keyword-area .srch-word {padding-left:24px; color:#000; vertical-align:top;}
.srch-keyword-area .keyword {margin-top:0; padding-left:8px; vertical-align:top;}
.srch-keyword-area .keyword .srch-flag::before {opacity:0.2;}
.srch-keyword-area .keyword .srch-flag {height:36px; line-height:34px; margin-bottom:0; font-size:14px; background-color:#fff; border-color:#fff; position:relative; padding-right:32px;}
.srch-keyword-area .keyword .srch-flag::after {position:absolute; width:32px; height:34px; content:''; top:0px; right:0px; background:url(/assets/images/common/icons-h-12-close-dim@2x.png) no-repeat 50% 50% / 12px 12px;}
.srch-keyword-area::-webkit-scrollbar {/* 스크롤바 전체 */
    height:6px; 
}
.srch-keyword-area::-webkit-scrollbar-thumb {/* 스크롤 막대 */
    background-color:#000; 
    border-radius:6px; 
    background-clip:padding-box; 
    border:2px solid transparent; 
  }
.srch-keyword-area::-webkit-scrollbar-track {/* 스크롤 막대 외부 */
    background-color:#808080; 
    border-radius:6px; 
    box-shadow:inset 0 0 5px #fff; 
  }
#header.fixed .srch-keyword-area {height:32px; line-height:32px; margin-top:4px; margin-bottom:4px;}
#header.fixed .srch-keyword-area .keyword .srch-flag {height:32px; line-height:30px;}

/* ------------------------------------------------------------------------------------- 

마이페이지

-------------------------------------------------------------------------------------- */
.sub-tit-area [class*=tit-] > em.date {vertical-align:middle; font-size:15px; color:#999; font-weight:400;} 

/* 메인 */
.my-aside {float:left; width:216px; margin-right:32px;} 
.my-aside .tit-area > .tit-lg-h1 {margin-bottom:34px; text-align:left;} 
.my-aside .my-menu-list > li .tit {display:block; margin:43px 0 18px; font-size:17px;} 
.my-aside .my-menu-list > li:first-child .tit {margin-top:0;} 
.my-aside .my-menu-list > li .my-sub-menu-list > li {margin-bottom:8px;} 
.my-aside .my-menu-list > li .my-sub-menu-list > li > a {font-size:14px;} 
.my-aside .my-menu-list > li .my-sub-menu-list > li > a.group:before {content:''; vertical-align:middle; margin:-4px 4px 0 0; width:18px; height:15.9px; display:inline-block; background:url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2218%22%20viewBox%3D%220%200%2020%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22uzrygyeosa%22%20d%3D%22M0%200h15.153v.919H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23BE9F57%22%20d%3D%22M18.51%201.692H3.89l.53.92H19.04zM4.845%203.352l.532.918h14.621l-.53-.918z%22%2F%3E%3Cg%20transform%3D%22translate(2.93%20.034)%22%3E%3Cmask%20id%3D%22er5c8m37jb%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23uzrygyeosa%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M14.887.458A1.016%201.016%200%200%200%2014.093%200H0l.53.919h14.623l-.266-.46z%22%20fill%3D%22%23BE9F57%22%20mask%3D%22url(%23er5c8m37jb)%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23BE9F57%22%20d%3D%22m.801%202.982%207.313%2012.662.529-.918-7.31-12.663zM1.759%201.323%209.07%2013.986l.53-.92L2.29.404zM.109%204.183a1.015%201.015%200%200%200%200%20.915l7.046%2012.205.531-.918L.376%203.722l-.267.46zM10.772%2017.672%2018.083%205.01h-1.06L9.711%2017.672zM8.857%2017.672l7.31-12.662h-1.06l-7.31%2012.662zM12.159%2017.672c.29%200%20.648-.205.793-.457L19.998%205.01h-1.06l-7.312%2012.662h.533z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat; background-size:cover;}
 
.my-aside .my-menu-list > li .my-sub-menu-list > li.on > a {color:#f50d87;} 

.my-cont {position:relative; float:right; width:952px;} 
.my-cont .cont-area {position:relative;} 
.my-cont .cont-area> .btn-arrow {position:absolute; height:18px; top:66px; right:0;} 
.my-cont .sub-tit-area.first .tit-h1,
.my-cont .tbl-info.first {margin:56px 0 40px;}
.my-cont .tbl-info.first .tit-h1 {margin:0;} 
.my-cont .tbl-info.first > .fr .btn {min-width:191px;} 
.my-cont .tbl-info.line {border-color:#e5e5e5;}
.my-cont .sub-tit-area.first + .bbs-view {margin-top:-16px;}
.my-cont .tab-wrap .tab-list.ipt-filt {background-size:190px auto;}

.my-cont .tbl-info.first + .tbl.type-col {margin-top:-16px;}
.my-cont .sub-tit-area.first + .tbl.type-col {margin-top:-16px;}

.btn-arrow::after {content:""; position:absolute; width:12px; height:12px; top:50%; left:auto; right:0; background:url(/assets/images/common/icon_12_more_pre.png) no-repeat center; background-size:12px auto; transform:translateY(-50%);}
.my-page-wrap .cont-area .btn-arrow::after {background:url(/assets/images/common/icon_12_more_nor.png) no-repeat center; background-size:12px auto;}

/* 마이페이지 - 회원정보 */
.my-page-wrap .data-srch-box {border-radius:6px; padding:24px;}
.my-page-wrap .tab-wrap .tab-con-wrap .sub-tit{} /*UI_UXW_3087.jsp*/
.space-block.my-info-wrap {margin:50px -16px 0;}
.space-block.my-info-wrap.div-2 > [class*=-box] {flex:0 0 calc(50% - 32px); margin:0 16px;}
.ie-hate .space-block.my-info-wrap.div-2 > [class*=-box] {width:calc(50% - 32px);}
.space-block.my-info-wrap .tbl-info .fr .btn-arrow {font-size:14px;}
.my-cont .cont-area .banner-box > a {display:block;}
.my-cont .cont-area .banner-box > a > img {vertical-align:top;}
.space-block.my-info-wrap .save-box {height:260px; padding:24px 24px 0; background-color:#f4f9fd;}
.space-block.my-info-wrap .save-box .btn-arrow {background-color:transparent;}
.space-block.my-info-wrap .tbl-info {margin:0 0 32px;}
.space-block.my-info-wrap .tbl-info .tit-h1 {margin:0;}
.space-block.my-info-wrap .save-box .save-area > .inner {padding:0 24px 34px;}
.space-block.my-info-wrap .save-box .save-area > .inner .tit {font-size:14px; color:#777;}
.space-block.my-info-wrap .save-box .btn-arrow.point-c6 {color:#000 !important;}
.space-block.my-info-wrap .save-box .save-area > .inner .btn-arrow > em {line-height:45px; font-size:32px;}
.space-block.my-info-wrap .save-box .event-area {margin:4px -24px 0;}

.space-block.my-info-wrap .challenge-box {height:260px; flex-direction:column; justify-content:space-between; background-color:#fffbfc;}
.space-block.my-info-wrap .challenge-box .btn-arrow {background-color:transparent;}
.space-block.my-info-wrap .data-wrap {flex:1 1 auto;}
.space-block.my-info-wrap .graph-area {padding-top:0;}
.space-block.my-info-wrap .graph-area .marker {bottom:auto; top:-5px; font-size:14px;}
.space-block.my-info-wrap .graph-area .date {float:right; color:#777; font-size:13px;}
.space-block.my-info-wrap .graph-area .graph {height:10px; margin:12px 0;}
.space-block.my-info-wrap .graph-area .graph .bar {height:10px;}
.space-block.my-info-wrap .data-wrap + .copy-area {height:50px; line-height:50px; text-align:center; background-color:#fff2f7; border-radius:6px; -webkit-border-radius:6px;}
.space-block.my-info-wrap .data-wrap + .copy-area > .copy {font-size:14px; font-weight:700;}

/* 주문배송조회 */
.my-process-wrap .process-list {display:flex; justify-content:space-between; border:1px solid #e5e5e5; border-radius:8px; padding:40px 0; text-align:center;} 
.my-process-wrap .process-list > li {position:relative; width:calc(100% / 5);} 
.my-process-wrap .process-list > li:after {content:''; width:32px; height:32px; position:absolute; top:50%; margin-top:-16px; right:0; background:url(/assets/images/common/icon_32_my_backdim.png) no-repeat center center; background-size:32px auto;} 
.my-process-wrap .process-list > li:last-child:after {content:none;} 
.my-process-wrap .process-list > li a.inner {display:inline-block;} 
.my-process-wrap .process-list > li .num {font-size:32px; color:#000; font-weight:700;} 
.my-process-wrap .process-list > li .state {margin-top:11px; font-size:16px; color:#777;} 

/* 주문내역 */ 
.my-order-list > li .order-head {display:flex; justify-content:space-between; padding:24px 16px; border-top:1px solid #000;} 
.my-order-list > li .order-head .order-info {font-size:16px;}
.my-order-list > li .order-head .order-info.gift {display:block; overflow:hidden;}
.my-order-list > li .order-head .order-info .links {position:relative; display:block; margin-bottom:16px; padding-right:16px; font-size:15px;} 
.my-order-list > li .order-head .order-info .links:after {content:""; position:absolute; width:12px; height:12px; top:50%; left:auto; right:0; background:url(/assets/images/common/icon_12_more_bold_nor.png) no-repeat center; background-size:cover; transform:translateY(-50%);} 
.my-order-list > li .order-head .order-info .state {display:inline-block; margin-right:16px; font-size:16px; font-weight:700;} 
.my-order-list > li .order-head .order-info .date {font-size:16px; color:#777;} 
.my-order-list > li .order-head .order-info .date:before {content:''; display:inline-block; width:1px; height:12px; background-color:#e5e5e5; margin:0 8px;} 
.my-order-list > li .order-head .order-info .order-info-list {display:inline-block; font-size:0;} 
.my-order-list > li .order-head .order-info .order-info-list > li,
.my-order-list > li .order-head .order-info .info-txt {display:inline-block; font-size:16px; color:#777;} 
.my-order-list > li .order-head .order-info .order-info-list > li:after {content:''; display:inline-block; width:1px; height:12px; background-color:#e5e5e5; margin:0 12px;} 
.my-order-list > li .order-head .order-info .order-info-list > li:last-child:after {content:none;} 
.my-order-list > li .order-head .deadline {color:#f50d87; align-self:end;}
.my-order-list > li .order-head .deadline > em {display:inline-block; margin-left:8px;}
.my-order-list > li .order-body {display:flex; padding:24px 16px; border-top:1px solid #eee;}
.my-order-list > li:last-child .order-body {border-bottom:1px solid #eee;}
.form-tbl.type-row .my-order-list > li:last-child .order-body {border-bottom:0;} 
.my-order-list > li .order-body .thum-img {display:inline-block; width:108px; min-width:108px; height:108px; position:relative;} 
.my-order-list > li .order-body .thum-img > a::after {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0; left:0;}
.my-order-list > li .order-body .thum-img > a {display:block;}
.my-order-list > li .order-body .thum-img > img {border-radius:6px;} 
.my-order-list > li .order-body .prd-info {display:flex; flex-wrap:wrap; min-width:620px; margin:0 40px 0 12px;} 
.my-order-list > li .order-body .prd-info > .item {min-width:390px; min-height:108px; max-width:390px } /* 08-12 옵션이 길 경우 가격이 아래로 떨어지는 문제로 max-width 추가 */ 
.my-order-list > li .order-body .prd-info > .item .name {display:inline-block; max-width:390px; /*display:-webkit-box; display:-ms-flexbox; */ max-height:41px; overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#000;} 
.my-order-list > li .order-body .prd-info > .item .option {margin-top:8px; color:#999;} 
.my-order-list > li .order-body .prd-info .number {min-width:80px; max-height:42px; margin-top:5px; margin-bottom:5px; text-align:center;} 
.my-order-list > li .order-body .prd-info .price {min-width:150px; text-align:right; font-size:14px; color:#000;} 
.my-order-list > li .order-body .prd-info .price .num {font-size:22px; font-weight:700;} 
.my-order-list > li .order-body .prd-info .desc {min-width:230px; text-align:right; font-size:18px; font-weight:700; color:#000;} 
.my-order-list > li .order-body .btn-area {flex-direction:column; justify-content:flex-start; margin-top:0;} 
.my-order-list > li .order-body .btn-area button {min-width:140px; margin:0 0 8px; border:1px solid #ccc; color:#333; font-weight:400;} 
.my-order-list > li .order-body .btn-area button:last-child {margin:0;}

.my-order-list > li .order-head .order-info.gift {position:relative; width:100%;}
.my-order-list > li .order-head .order-info.gift .gift-tit {float:left; width:58px; height:24px; line-height:24px; font-weight:700; color:#5d18ff; margin-right:10px; background:#ede4ff; border-radius:4px; text-align:center; font-size:12px;}
.my-order-list > li .order-head .order-info.gift .state, 
.my-order-list > li .order-head .order-info.gift [class*=point-c] {height:24px; line-height:24px;}
.my-order-list > li .order-head .order-info.gift .gift-ing {height:24px; line-height:24px; position:absolute; right:0; top:0;}

/* 버튼 없을 때 my-order-list */
.my-order-list.no-btn > li .order-body .prd-info > .item {min-width:528px;}
.my-order-list.no-btn > li .order-body .prd-info > .item .name {max-width:528px;}

/* 주문내역 (예정) */
.order-list {border-top:1px solid #000;} 
.order-list .order-head {display:flex; justify-content:space-between; padding:24px 16px; border-bottom:1px solid #e5e5e5;} 
.order-list .order-head .order-info {font-size:16px;} 
.order-list .order-head .order-info .state {display:inline-block; margin-right:16px; font-size:16px; font-weight:700;} 
.order-list .order-head .order-info .date {font-size:16px; color:#777;} 
.order-list .order-head .order-info .date:before {content:''; display:inline-block; width:1px; height:12px; background-color:#e5e5e5; margin:0 8px;} 
.order-list .order-head .order-info .order-info-list {display:inline-block; font-size:0;} 
.order-list .order-head .order-info .order-info-list > li,
.order-list .order-head .order-info .info-txt {display:inline-block; font-size:16px; color:#777;} 
.order-list .order-head .order-info .order-info-list > li:after {content:''; display:inline-block; width:1px; height:12px; background-color:#e5e5e5; margin:0 12px;} 
.order-list .order-head .order-info .order-info-list > li:last-child:after {content:none;} 

.order-list .order-body {position:relative; padding:24px 16px; border-bottom:1px solid #eee;} 
.order-list .order-body .prd-info {display:flex;} 
.order-list .order-body .thum-img {display:inline-block; width:108px; min-width:108px; height:108px;} 
.order-list .order-body .prd-info .info {display:flex; justify-content:space-between; margin-left:12px; min-width:800px;} 
.order-list .order-body .prd-info .info .name-info {min-width:394px; max-width:303px;} 
.order-list .order-body .prd-info .info .tit {max-width:551px; display:-webkit-box; display:-ms-flexbox; max-height:40px; overflow:hidden; vertical-align:top; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2;} 
.ie-hate .order-list .order-body .prd-info .info .tit {display:inline-block;}
.order-list .order-body .prd-info .info .option {margin-top:8px; color:#999;} 
.order-list .order-body .prd-info .info .price {font-size:14px; color:#000;} 
.order-list .order-body .prd-info .info .price > em {font-size:22px; font-weight:700;} 
.order-list .order-body .btn-area {margin-left:110px; margin-top:16px; justify-content:start; align-items:flex-start}
.order-list .order-body .btn-area .btn-l {max-width:80%;}
.order-list .order-body .btn-area .btn-r {margin-left:auto;}
.order-list .order-body .etc-area {margin-left:108px;} 
.order-list .order-body .btn-close {width:16px; height:16px; top:24px; right:0;}
.order-list .order-body .btn-close:before,
.order-list .order-body .btn-close:after {width:1px; height:16px; background-color:#000; opacity:0.2;}

/* 장바구니 목록 (예정) */
.order-list.cart .order-head,
.order-list.cart .order-body {padding-left:0; padding-right:24px;}
.order-list.cart .order-head {padding-top:14px; padding-bottom:14px;}
.order-list.cart .order-head .brand label {line-height:24px; font-size:18px; font-weight:700; color:#000;}
.order-list.cart .order-body .prd-info .check label {height:24px;} 
.order-list.cart .order-body .prd-info .info {min-width:652px;} 
.order-list.cart .order-body .prd-info .info .name-info {min-width:406px; max-width:406px;} 
.order-list.cart .order-body .prd-info .info .txt {display:inline-block; font-size:13px; color:#f50d87; margin-top:8px;}
.order-list.cart .order-body .prd-info .info .quantity,
.order-list.cart .order-body .prd-info .info .price {align-self:center;}
.order-list.cart .order-body .btn-area,
.order-list.cart .order-body .etc-area {margin-left:140px;}
.order-list.cart .order-body .btn-area {justify-content:space-between;}

/* 주문 결제하기 */
.order-list.order .order-body .prd-info .info {min-width:auto; width:100%;}
.order-list.order .order-body .prd-info .info .quantity,
.order-list.order .order-body .prd-info .info .price,
.order-list.order .order-body .prd-info .info .txt {align-self:center;}
.order-list.order .order-body .prd-info .info .txt {font-size:18px; font-weight:700; color:#000;}

/* 주문정보 */
.order-list.order.complete .order-body .prd-info .info .name-info {min-width:778px; max-width:778px;}
.many-adress-list .tbl-info .place {font-size:18px; font-weight:700; color:#000;}
.many-adress-list .order-list.order.complete {border-top:1px solid #eee;}

/* 최근본 */
.lately-prd-list {display:flex;} 
.lately-prd-list > li {margin-right:12px;} 
.lately-prd-list > li .prd-img {display:inline-block; width:108px; height:108px; position:relative; border-radius:8px; overflow:hidden;} 
.lately-prd-list > li .prd-img > img {border-radius:6px; width:auto;} 
.lately-prd-list > li .prd-img > img.img-nodata {top:50%; transform:translate(0, -50%);}
.lately-prd-list > li .prd-img::after {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0; left:0;}
.lately-event-list {display:flex; overflow:hidden;}
.lately-event-list > li {margin-right:24px; width:calc((100% - 24px) / 2);}
.lately-event-list > li + li {margin-right:0;}
.lately-event-list > li .event-img {position:relative; display:block; border-radius:6px; overflow:hidden;}
.lately-event-list > li .event-img > img,
.lately-event-list > li .event-img > img.img-nodata {width:100%; height:auto; vertical-align:top;}
.lately-event-list > li .event-img > img.img-nodata {position:static;}
.lately-event-list > li .event-img::after {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0; left:0;}

/* 최근본 (비회원) */
.my-page-wrap.non-member .my-cont {width:952px; margin:0 auto; float:none;}

/* 주문배송조회-탭 */
.tab-wrap.my-process-wrap .tab-list.process-list {margin-top:24px;} 
.tab-wrap.my-process-wrap .tab-list.process-list > li {border-bottom:0;} 
.tab-wrap.my-process-wrap .tab-list.process-list > li > a.inner {height:auto; line-height:1.4;} 
.tab-wrap.my-process-wrap .tab-list.process-list > li.on > a.inner {border-bottom:0;} 
.tab-wrap.my-process-wrap .tab-list.process-list > li.on .num {border-color:#f50d87;} 
.tab-wrap.my-process-wrap .tab-list.process-list > li.on .num,
.tab-wrap.my-process-wrap .tab-list.process-list > li.on .state {color:#f50d87; font-weight:700;} 

/* 적립금 */
.data-list {border-top:1px solid #000; border-bottom:1px solid #eee;} 
.data-list > li {display:flex; justify-content:space-between; align-items:center; padding:20px 16px; border-top:1px solid #eee;} 
.data-list > li.nodata {display:block; padding:140px 0 0;} 
.data-list > li:first-child {border-top:0;}
.data-list .info-cell .name {font-size:15px; color:#333;} 
.data-list .info-cell .btn-arrow::after {background:url(/assets/images/common/icon_12_more_bold_nor.png) no-repeat center; background-size:12px auto;} 
.data-list .info-cell .name > em {margin-left:4px;} 
.data-list .info-cell .date {display:block; font-size:0; margin-top:8px;}
.data-list .info-cell .date > span {font-size:14px; color:#777;}
.data-list .info-cell .date > span:after {content:''; display:inline-block; width:1px; height:10px; background-color:#e5e5e5; margin:0 8px;}
.data-list .info-cell .date > span:last-child:after {content:none;}
.data-list .info-cell .item-list > li:after {height:10px;}
.data-list .data-cell {color:#000; font-size:16px; font-weight:700;} 
.my-page-wrap .summary-box .info-list .item {line-height:34px;}
.my-page-wrap .summary-box .info-list .item.point-c10 {line-height:22px;}
.my-page-wrap .summary-box + .tit-h4 {margin-top:56px !important;}

/* 쿠폰 */
.coupon-ipt-wrap {display:flex; justify-content:space-between; align-items:center;} 
.coupon-ipt-wrap > em {min-width:60px;}
.coupon-ipt-wrap .ipt-wrap {flex-basis:720px; margin:0 4px 0 24px;} 
.coupon-ipt-wrap .btn-area {margin-top:0;} 
.coupon-ipt-wrap .btn-area > button {min-width:100px; margin:0; font-weight:700; color:#000;}

.my-coupon-list {display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px 0 56px;} 
.my-coupon-list > li:nth-of-type(n+3) {margin-top:40px;} 
.my-coupon-list li > .btn-area {margin-top:0px;} 
.my-coupon-list li > .btn-area > .btn {width:100%; margin:0; font-size:15px; font-weight:600; color:#000; border-radius:0 0 6px 6px; border-color:#ccc; border-top:0; box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.15);}

.coupon-info-wrap:after {display:block; content:''; border-radius:0 0 6px 6px; width:100%; height:26px; margin-top:-6px; box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.15); background:linear-gradient(90deg, #F50D87 50%, #FF5F2B 100%);}
.coupon-info-wrap .count-area {margin-bottom:10px; position:relative;}
.coupon-info-wrap .count-area > em {display:inline-block; background:url(/assets/images/common/ico_16_count.png) no-repeat left 2px; background-size:16px auto; padding-left:20px; font-weight:700; color:#333;} 
.coupon-info-wrap .count-area > i {position:absolute; right:0; top:0; font-style:normal; font-size:15px; color:#333; font-weight:600;} 
.coupon-info-wrap .info-area {width:456px; background-color:#fff; border:1px solid #ccc; height:auto; padding:20px; border-radius:6px 6px 0 0; border-bottom:1px dashed #ccc; box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.15);}
.coupon-info-wrap .info-area > .inner {position:relative;}
.coupon-info-wrap .info-area .state-wrap {position:relative; top:0px; left:0px; font-size:0;} 
.coupon-info-wrap .info-area .state-wrap + .tit {padding-top:16px;}
.coupon-info-wrap .info-area .txt-s {font-weight:500;}
.coupon-info-wrap .info-area [class*=coupon-flag-state-] {height:25px; line-height:25px; font-weight:600; border-radius:99px; margin-right:2px; color:#363AA3; background:#EAEFFF;}
.coupon-info-wrap .info-area [class*=coupon-flag-state-]:nth-child(1) {color:#F50D87; background:#FFECF6;}
.coupon-info-wrap .info-area .tit {display:block; color:#F50D87; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; line-height:21px; overflow:hidden; text-overflow:ellipsis; font-size:15px; font-weight:800;} 
.coupon-info-wrap .info-area .price {display:block; margin-top:8px; color:#333; font-size:18px; font-weight:700;}
.coupon-info-wrap .info-area .price > .num {display:inline-block; line-height:100%; vertical-align:bottom; font-size:32px;}
.coupon-info-wrap .info-area .price > em {font-size:30px !important; color:#333; vertical-align:bottom; line-height:100%;} 
.coupon-info-wrap .info-area .use-list {font-size:0; margin:12px 0 6px 0;} 
.coupon-info-wrap .info-area .use-list > li {display:inline-block; font-size:14px; color:#555; font-weight:500;} 
.coupon-info-wrap .info-area .use-list > li:after {content:''; display:inline-block; width:1px; height:12px; margin:0 8px; background-color:#e5e5e5; margin-top:-2px; vertical-align:middle;} 
.coupon-info-wrap .info-area .use-list > li:last-child:after {content:none;} 

div.coupon-info-wrap.solo {position:relative;}
div.coupon-info-wrap.solo:after {border-radius:0 6px 6px 0; width:26px; height:calc(100% - 31px); position:absolute; right:-10px; bottom:0; margin-top:0; background:linear-gradient(0deg, #F50D87 50%, #FF5F2B 100%);}
div.coupon-info-wrap.solo .info-area {position:relative; z-index:2; border-bottom:1px solid #ccc; border-radius:6px; max-width:100%; border-right:0; margin-left:-10px;}
div.coupon-info-wrap.solo .count-area {margin-left:-10px; width:calc(100% + 20px);}

.gray-box.XL .coupon-info-wrap {width:456px; margin:0 auto;}

/* 체크박스(검색 필터) */
.srch-filt-list {font-size:0; margin-bottom:24px;} 
.srch-filt-list > li,
.srch-filt-list > div {display:inline-block; margin-right:4px;} 
.srch-filt-list .ipt[type=checkbox] + label {font-size:13px; color:#000; border:1px solid #ccc; border-radius:6px; padding:4px 10px 4px 20px;} 
.srch-filt-list .ipt[type=checkbox] + label:before {position:relative; border:0;} 
.srch-filt-list .ipt[type=checkbox]:checked + label {border-color:#333; font-weight:500;} 
.srch-filt-list .ipt[type=checkbox]:checked + label:before {} 
.srch-filt-list .ipt[type=checkbox] + label:after {top:50%; left:10px; margin-top:-5px; border-color:rgba(51 51 51 / 30%);} 
.srch-filt-list .ipt[type=checkbox]:checked + label:after {border-color:#333;} 

/* 주소찾기 */
.add-search-list {min-height:294px;} 
.add-search-list > li {padding:20px 0;}
.side-info + .add-search-list > li {border-top:1px solid #eeeeee;} 
.add-search-list > li:last-child {border-bottom:1px solid #eeeeee;} 
.add-search-list > li > button {display:block; width:100%;} 
.add-search-list > li dl {text-align:left;} 
.add-search-list > li dl ~ .ipt-wrap {margin-top:20px;} 
.add-search-list > li dl > dt {font-size:18px; color:#f50d87;} 
.add-search-list > li dl > dd {display:flex; margin-top:7px;} 
.add-search-list > li dl > dd + dd {margin-top:8px;} 
.add-search-list > li dl > dd > strong {font-size:15px; font-weight:700; width:58px;} 
.add-search-list > li dl > dd > span {flex:1; font-size:15px; font-weight:400;} 
.add-search-list > li.no-data {text-align:center; color:#999; font-size:15px; font-weight:400; padding-top:146px; background:url(/assets/images/common/ico_100_msg_nodata.png) no-repeat 50% 70px / 56px 56px; border-bottom:0;} 
.add-search-list > li.no-data strong {font-weight:700; color:#000;} 
.add-search-list.is-selcted li:first-child {padding-top:0;}
.add-search-list.is-selcted > li {border-bottom:0;} 
.popup .add-search-list + .tit-area.type-line + .txt-list-disc li + li,
.popup .tab-wrap + .tit-area.type-line + .txt-list-disc li + li {margin-top:16px;}
.popup .srch-wrap {padding-top:0;}
.popup .srch-wrap + .side-info .sl > .bold {color:#000; font-size:15px;}

/* 이벤트 참여 내역 */
.event-list .info .event-info-area {display:flex; justify-content:space-between; margin-top:16px;}
.event-list .info .event-info-area .state-wrap {position:relative; display:inline-block; margin:0 8px 0 0;}
.event-list .info .event-info-area .state-wrap > [class*=flag-state-] {vertical-align:middle;}
.event-list .info .event-info-area .state-wrap .flag-state-05 {background:#f50d87;}
.event-list .info .event-info-area .fl > .date {display:inline-block; vertical-align:middle; font-size:14px; color:#999; margin-top:0;}
.event-list .info .event-info-area .btn-arrow::after {width: 12px;  height: 12px;background-size: contain; background-repeat: no-repeat;  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path d="m4 2 4 4-4 4" stroke="%23000" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/></svg>');}

/* 나의 릴레이팍팍 */
.noti-box.relay {text-align:center;}
.noti-box.relay .desc {display:inline-block; line-height:44px; padding-left:86px; background:url('/assets/images/contents/ico_my_relay.png') no-repeat left center / 70px 44px; font-size:16px; color:#333; font-weight:700;}

.rel-challenge-area > .line-box {border-bottom:1px solid #fafafa; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.rel-challenge-area > .gray-box.XL {border-radius:0 0 6px 6px;}
.rel-challenge-area .month-succ-list {display:flex;}
.rel-challenge-area .month-succ-list > .gray-box {border-top-right-radius:0; border-top-left-radius:0;}
.rel-challenge-area .month-succ-list > li {position:relative; flex:1 1 20%; text-align:center;}
.rel-challenge-area .month-succ-list > li:after {content:''; width:100%; height:1px; position:absolute; top:50%; right:50%; margin-top:-28px; border:1px dashed #ccc;}
.rel-challenge-area .month-succ-list > li:first-child:after {content:none;}
.rel-challenge-area .month-succ-list .tooltip-wrap.speech-wrap .tooltip.open {display:none; width:56px; top:-14px; left:50%; margin-left:-28px; z-index:2;}
.rel-challenge-area .month-succ-list .tooltip-wrap.speech-wrap .tooltip:after {transform:translateX(-16px);}
.rel-challenge-area .month-succ-list .challenging .tooltip-wrap.speech-wrap .tooltip {display:block;}
.rel-challenge-area .month-succ-list .month {width:120px; height:120px; /*padding:45px; */ margin:0 auto; border-radius:50%; background-color:#fff; border:1px solid #ccc; font-size:18px; font-weight:700; z-index:1; position:relative; line-height:120px; text-align:center;}
.rel-challenge-area .month-succ-list > li:not(.challenging, .success) .month {border-style:dashed;}
.rel-challenge-area .month-succ-list .state {margin-top:12px; color:#777;}
.rel-challenge-area .month-succ-list > .success .month {border-color:transparent; background-color:#f50d87; color:#fff;}
.rel-challenge-area .month-succ-list > .success .state {color:#f50d87; font-weight:700;}
.rel-challenge-area .month-succ-list > .challenging .month {color:#f50d87; border-color:#f50d87;}
.rel-challenge-area .month-succ-list > .challenging .state {font-weight:700; color:#333;}
.rel-challenge-area .btn-arrow::after {background:url(/assets/images/common/icon_12_more_nor.png) no-repeat center; background-size:12px auto;}

/* 회원탈퇴 */
.my-cont.secession .radio-area > span {display:block; margin-right:0;}
.my-cont.secession .sub-tit-area.first + .sub-tit-area {margin-bottom:24px;}
.my-cont.secession .sub-tit-area .tit-h4 {margin-bottom:0 !important;}
.my-cont.secession .line-box .underline {color:#000;}
.my-cont.secession .radio-area {max-width:500px; margin-top:24px;}
.my-cont.secession [class*=txt-list-].sm > li {font-size:14px; line-height:20px; margin-bottom:4px;}

.qiet-top {overflow:hidden; margin-bottom:16px;}
.qiet-top .tit-h4 {float:left;}
.qiet-top .btn-qiet {float:right; background:inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer; padding-right:26px; font-size:15px; position:relative; margin-top:8px;}
.qiet-top .btn-qiet span {display:inline-block; vertical-align:middle; width:16px; height:16px; border-radius:100%; position:relative; margin-top:-3px; border:1px solid #000; margin-right:5px;}
.qiet-top .btn-qiet span:before, .qiet-top .btn-qiet span:after {content:""; display:block; position:absolute; width:2px; left:50%; transform:transLateX(-50%); background:#000;}
.qiet-top .btn-qiet span:before {height:2px; top:3px;}
.qiet-top .btn-qiet span:after {height:5px; top:6px;}
.qiet-top .btn-qiet:before, .qiet-top .btn-qiet:after {content:""; display:block; position:absolute; background:#777; height:1px; width:12px; top:10px; transition:all 0.3s;}
.qiet-top .btn-qiet:before {right:8px; transform:rotate(45deg);}
.qiet-top .btn-qiet:after {right:0; transform:rotate(-45deg);}
.qiet-top .btn-qiet.on:before {transform:rotate(-45deg);}
.qiet-top .btn-qiet.on:after {transform:rotate(45deg);}
.qiet-con {background:#fafafa; padding:20px; font-size:15px; color:#333; line-height:21px; text-align:right; display:none;}
.qiet-con p {text-align:left; margin-bottom:8px;}
.qiet-con ol {text-align:left;}
.qiet-con ol li {margin-bottom:8px; position:relative; padding-left:18px; word-break:keep-all;}
.qiet-con ol li span {position:absolute; left:0; top:-1px;}
.qiet-con ol li div {margin-top:8px;}
.qiet-con a {font-size:15px; color:#333; display:inline-block; margin-top:8px; text-decoration:underline;}

.qiet-info {background:#f8fbff; border-radius:6px; border:1px solid #e5e5e5; margin-bottom:24px;}
.qiet-info li {border-bottom:1px solid #e5e5e5; height:82px; line-height:82px; padding:0 24px; overflow:hidden; font-size:16px;}
.qiet-info li:last-child {border-bottom:0;}
.qiet-info li .tit {float:left; color:#333;}
.qiet-info li .txt {float:right; color:#4a92e2;}
.qiet-info li .txt strong {font-size:18px; color:#1286e0; font-size:24px;}


/* 주문/취소/반품 */
.my-order-list.apply-prd > li .order-body .prd-info {min-width:auto; width:100%; justify-content:space-between; margin-right:0;}
.my-order-list.apply-prd > li .order-body .prd-info .price {}
.my-order-list.apply-prd.no-btn li + li .order-head {border-top:1px solid #e5e5e5;}
.my-order-list.apply-prd.select > li .order-body {padding-left:0; padding-right:0;}
.my-order-list.apply-prd.select > li .order-body .check > label {height:24px;}
.my-order-list.apply-prd.select > li .order-body .prd-info > .item {min-width:500px;} /*UI_UXW_3039.jsp*/
.my-order-list.apply-prd.select > li .order-body .prd-info > .item > .name {min-width:100%;}

/* 알림 받으실 휴대폰 번호 noti-phone-box */
.noti-phone-box {display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; padding:16px 24px; background-color:#fafafa;}
.noti-phone-box .phone {line-height:23px; font-size:14px; color:#777;}
.noti-phone-box .phone .num {margin-left:12px; font-size:18px; font-weight:600; color:#000;}
.noti-phone-box .btn {margin:0;}

/* noti-phone-box -팝업 */
.popup .pop-body .noti-phone-box {padding:16px;}
.popup .pop-body .noti-phone-box .phone .num {display:block; margin-left:0; margin-top:8px;}
.noti-phone-box .btn {min-width:73px;}

/* 재입고알림 */
.my-order-list > li .order-body .prd-info .price-wrap {min-width:196px; text-align:right;}
.my-order-list .price-wrap .price {display:block; font-size:14px; color:#000;} 
.my-order-list .price-wrap .price .num {font-size:22px; font-weight:700; color:#444;}
.my-order-list .price-wrap .del {display:block; margin-top:4px;}
.my-order-list .price-wrap .del em {font-size:14px; color:#999; text-decoration:line-through;}

/* 찜한 상품 */
.my-order-list.apply-prd.select > li .order-body .prd-info .price-wrap {align-self:center}

/* 	나의 릴레이 팍팍 내역 */
.rel-challenge-area {position:relative;}
.rel-challenge-area .sub-tit-area [class*=tit-] > em.date {vertical-align:baseline;}
.rel-challenge-area > .btn-arrow {position:absolute; top:49px; right:0;}
.rel-challenge-area .data-wrap .graph-area .marker {bottom:25px; font-size:15px;}
.rel-challenge-area .data-wrap .txt-area .txt {font-size:15px;}

/* 최근 본 목록 */
.my-cont .event-list.lately {border-top:1px solid #eee; padding-top:24px;}
.event-list.lately .plan .end .thum:after {content:'기획전\A종료';}
.event-list.lately .block {display:flex;}
.event-list.lately .info .date {font-size:15px;}

/* 회원정보수정 */
.my-cont.member .tbl-info.hr {margin:40px 0 24px 0; padding-top:40px;}
.my-cont.member .tbl-info [class*=tit-] {margin:0 !important; color:#000; line-height:36px;}
.my-cont.member .fr .btn.size-S {min-width:80px;}
.my-cont.member .form-box {margin-top:40px; padding:24px; background-color:#fafafa;}
.my-cont.member .btn.color-white.size-XL {color:#000; font-size:16px;}
.my-cont.member .btn-area:nth-last-child(1) .btn.size-XXL {min-width:200px; font-weight:700;}
.my-cont.member .info-list.login .item {background-repeat:no-repeat; background-size:32px auto; background-position:left center; padding-left:48px; height:32px; line-height:32px;}
.my-cont.member .info-list.login .naver {background-image:url(/assets/images/contents/ico_sns_login_naver.png);}
.my-cont.member .info-list.login .kakao {background-image:url(/assets/images/contents/ico_sns_login_kakao.png);}
.my-cont .info-list.left .correction {position:relative;}
.my-cont .info-list.left .correction .fr {float:none; position:absolute; right:0;}

/* 비밀번호 확인 */
.my-page-wrap .my-cont .form-box.password {background-color:#fafafa; border-radius:8px;} /*UI_UXW_3074.jsp*/
.my-cont .form-box.password {padding:40px;}
.my-cont .form-box.password .inner {width:370px; margin:0 auto; text-align:center;}
.my-cont .form-box.password .inner .txt-l {color:#000;}
.my-cont .form-box.password .inner .id {display:block; font-weight:700; color:#000; margin:24px 0;}
.my-cont .form-box.password .inner .btn-area {margin-top:24px;}
.my-cont .form-box.password .inner .btn-area .btn {font-size:16px; height:46px; border-radius:6px; font-weight:700;}

.my-cont .form-box.password .inner2 {width:420px;}

.form-box .btn.naver {background-color:#44bc3b; color:#fff;}
.form-box .btn.kakao {background-color:#ffe000; color:#333;}
.form-box .btn > span {display:inline-block; background-repeat:no-repeat; background-position:left center; background-size:20px auto; padding-left:25px; line-height:20px;}
.form-box .btn.naver > span {background-image:url(/assets/images/common/btn_ico_naver.png);}
.form-box .btn.kakao > span {background-image:url(/assets/images/common/btn_ico_kakao.png);}

/* 마이페이지 수정영역 */
.my-page-wrap .pay-info-wrap {padding:30px 0 32px;}
.my-page-wrap .tbl-info {margin-top:56px;}
.my-page-wrap .noti-phone-box .btn {min-width:84px;} 

/* .my-cont .tit-h4 {color:#333;} */
.my-cont .nodata {padding:125px 0 0;}

.my-cont .data-srch-box + .tbl-info {margin-top:24px;} /* 07-27 김지나 Ui_uxw_3035 해당케이스건,UI_UXW_3047.jsp 수치조정필요 (bottom:16/8px각각다름)  */
.my-cont .data-srch-box + .tbl-info > .fr > select.ipt {margin-top:0;}
.my-page-wrap .tbl-info .fr .btn-arrow {font-size:15px;}
.my-page-wrap .my-cont > .my-order-list.apply-prd ~ .form-tbl.type-row ~ .msg-box.L.mt40 > .btn-arrow.mt10 {background-color:transparent;}
.my-page-wrap .my-cont > .my-order-list.apply-prd ~ .form-tbl.type-row ~ .msg-box.L.mt40 > .btn-arrow.mt10>span {margin-top:10px; border-bottom:0; font-size:14px; font-weight:400; color:#333;}

/* [팝] 1:1 문의 */
.order-prd-wrap {position:relative;}
.order-prd-wrap > .num {display:block; margin:16px 0; font-size:14px; font-weight:700;}
.pop-cont .order-prd-wrap .prd-unit-list.list .goods .prd-info {font-size:0; min-height:auto; padding-right:0; padding-left:8px; justify-content:unset;}

.order-prd-wrap > .btn-close {width:16px; height:16px; top:16px; right:0;}
.order-prd-wrap > .btn-close:before {width:16px; height:16px; background-size:20px auto;}

/* [팝]주문상품조회 */
.order-prd-wrap .prd-unit-list.list .goods .radio .ipt + label {height:24px;}

/* 결제정보 */
.pay-info-list {display:flex; flex-wrap:wrap; border-top:1px solid #333;}
.pay-info-list > li {position:relative; flex:1 1 30%; padding:24px; border-left:1px solid #eeeeee; border-bottom:1px solid #eee;}
.ie-hate .pay-info-list > li{flex-basis:auto; width:33.33333%}
.pay-info-list > li:first-child {border-left:0;}
.pay-info-list > li[class*=sign-]:after {content:""; position:absolute; top:50%; left:0; width:21px; height:21px; background:url(/assets/images/common/ico_15_cnt_plus_w.png) #333 no-repeat 50% 50%; background-size:15px auto; border-radius:50%; transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}
.pay-info-list > li.sign-minus:after {background-image:url(/assets/images/common/ico_15_cnt_minus_w.png);}
.ie-hate .pay-info-list > li[class*=sign-]:after{left:-11px; margin-top:-10px}

.pay-info-list .info-list > li {padding:0;}
.pay-info-list .total {margin-bottom:16px;}
.pay-info-list .total .info-list .item {font-size:16px; font-weight:700; color:#000;}
.pay-info-list .total .info-list .val {color:#000;}
.pay-info-list .total .info-list .val.point-c1 > em {font-size:24px;}
.pay-info-list .total .info-list .val:not(.point-c1) > em {font-size:22px; /*color:#000; */}
.pay-info-list .detail .info-list.ico-type > li {margin-top:8px;}
.pay-info-list .detail .info-list.ico-type .val > em {font-size:16px; font-weight:400; color:#000;}

.pay-info-list > li.result {padding:24px; background-color:rgba(245, 13, 135, 0.04);}
.pay-info-list > li.result,
.pay-info-list > li.etc {flex-basis:100%; border-left:0;}
.pay-info-list > li.result .total {margin-bottom:0;}
.pay-info-list > li.result .total .info-list .item {font-size:18px;}
.pay-info-list > li.result.refund {background-color:rgba(74, 146, 226, 0.04);}

.etc-list {font-size:0;}
.etc-list > li {overflow:hidden; font-size:14px;}
.etc-list .item {font-weight:700; float:left; height:24px; line-height:24px;}
.etc-list .val {float:right; height:24px;}
.etc-list .val > em {font-size:16px;}

.epay {border-left:0 !important; padding:0 !important;}
.epay-list {font-size:0; font-size:14px; color:#000;}
.epay-list > li {width:100%; margin-bottom:6px; border-bottom:1px solid #E5E5E5; padding:24px; line-height:24px;}
.epay-list > li:last-child {margin-bottom:0; border-bottom:0;}
.epay-list > li>div {display:inline-block; vertical-align:top;}
.epay-list .item {width:156px;}
.epay-list .val .col {color:#F50D87;}

/* 반품내역 / 교환내역 */
.my-order-list > li .order-body .prd-info > .item .option.sub {position:relative; padding-left:10px;} 
.my-order-list > li .order-body .prd-info > .item .option.sub:before {content:""; width:5px; height:5px; position:absolute; top:50%; left:0; margin-top:-3px; border:1px solid #999; border-width:0 0 1px 1px;}
.my-order-list > li + li .order-head {border-top:1px solid #e5e5e5;}
.my-page-wrap .my-order-list > li + li .order-head {border-top:1px solid #000;} /* 08-02 마이페이지UI_UXW_3055.jsp해당영역 */
.my-page-wrap .tbl-info.mt0 + .my-order-list > li + li .order-head {border-top:1px solid #eeeeee;}
.form-tbl.output .my-order-list > li .order-body {border-top:0;}
.form-tbl.output .my-order-list > li .order-body .btn-area {justify-content:flex-start; margin-left:24px;} /* 07-27 김지나:center->flex-start로 변경(3032.jsp참조) */
.form-tbl.type-row.output td.point-c1 {font-weight:700;}
.form-tbl.type-row.output + .sub-tit-area + .form-tbl.type-row.output .th {color:#333; font-size:15px;}
.form-tbl.type-row.output .item-list {margin-top:8px;}
.form-tbl.type-row.output .item-list > li {color:#333; font-size:15px;}

/* 테이블 내 첨부사진 */
.form-tbl.output .file-list {margin-top:8px;}
.form-tbl.output .file-list .attach-box {position:relative; display:block; width:80px; height:80px; border-radius:6px; overflow:hidden;}
.form-tbl.output .file-list .attach-box:before {content:none;}

/* 교환반품불가 사항 안내 박스 */
.refund-box {width:100%; padding:24px; margin:16px 0; background-color:#fafafa; border-radius:6px; text-align:center; display:flex; align-items:center; justify-content:center;}
.refund-box > .inner {margin-right:80px;}
.refund-box > .inner .ex-img {width:200px; height:130px; margin:8px 0;}
.refund-box > .inner .possible,
.refund-box > .inner .impossible {background:url(/assets/images/common/ico_12_o.png) no-repeat left center / 12px 12px; padding-left:16px;}
.refund-box > .inner .impossible {background-image:url(/assets/images/common/ico_12_x.png);}

/* 반품신청 */
.tab-wrap.pay-method.selection .tab-list.ipt-filt > li {flex-basis:20%; height:64px;}
.tab-wrap.pay-method.selection .tab-list.ipt-filt > li .ipt + label {width:201px;}
.pay-method.selection select.ipt {width:500px; margin-top:0;}

/* 찜한목록 */
.wish-wrap .space-block {margin-top:24px;}
.wish-wrap .space-block:last-of-type {margin-bottom:0;}
.wish-wrap .brand-box {padding:27px 0 24px 24px;}
.wish-wrap .brand-box .brand-chk {margin-bottom:35px;}
.wish-wrap .brand-box .brand-chk .ipt + label {height:40px; line-height:40px;}
.wish-wrap .brand-box .brand-chk .ipt + label:before {top:7px;}
.wish-wrap .brand-box .brand-chk .ipt + label:after {top:12px;}
.wish-wrap .brand-box .brand-chk .name {display:inline-block; vertical-align:middle; font-size:18px; font-weight:700; color:#000;}
.wish-wrap .brand-box .brand-chk .name > .brand-img {display:inline-block; width:40px; height:40px; margin-right:4px; vertical-align:middle;}
.wish-wrap .brand-box .prd-unit-list .goods .prd-info .purchase {margin-top:8px;}
.wish-wrap .brand-box .prd-unit-list .goods .prd-info .purchase .del {display:block;}
.wish-wrap .brand-box .btn-top .swiper-btn-control {width:68px; top:-72px; right:17px;}
.wish-wrap .brand-box .nodata {margin:41px 0 0 0; background-size:56px 56px; padding:76px 0 142px 0;}
.wish-wrap .brand-box .nodata .txt {font-size:15px;}

/* 교환신청 */
.my-page-wrap .my-cont .sub-tit-area.first + .sub-tit-area .tit-h4 {margin:0 !important; color:#000;}
.my-page-wrap .my-cont .sub-tit-area.first + .sub-tit-area + .point-c10 {margin-top:16px;}
.my-page-wrap .my-cont .sub-tit-area.first + .sub-tit-area + .tbl-info {margin-top:24px;}
.form-area.change-reason {position:relative;}
.form-area.change-reason > .txt-list-disc.sm {position:absolute; bottom:0; left:0;}
.my-cont .form-tbl.type-row + .line-txt {border-top:1px solid #eee; padding-top:16px; margin-top:32px;}

/* 자주하는 질문 */
.my-cont .question-cont-wrap.often .question-list {border-top:1px solid #e5e5e5;}
.my-cont .question-cont-wrap.often .question-list.bn {border-top:0;}
.my-cont .question-cont-wrap.often .question-list.bn .answer-txt>strong {font-size:14px; color:#777; display:block;}
.my-cont .question-cont-wrap.often .question-list.bn .answer-txt>strong:not(:first-of-type) {margin-top:14px;}
.my-cont .question-cont-wrap.often .acco-item.on .acco-head .question-txt > em {display:inline-block;}

/* 고객모니터단 모집 신청서 */
.my-cont .application-wrap > .info-list.left {padding:40px 0; margin-top:24px; border:1px solid #eeeeee; border-width:1px 0 1px 0;}
.my-cont .application-wrap > .info-list.left > li .item {color:#333; font-weight:700;}
.my-cont .application-wrap > .info-list.left > li:last-child {margin-bottom:0;}
.my-cont .application-wrap > .info-list.left .correction .btn {min-width:80px;}
.my-cont .application-wrap > .form-list {margin-top:40px;}
.my-cont .application-wrap > .form-list > li {margin-bottom:56px;}
.my-cont .application-wrap > .form-list .item-th {margin-bottom:24px; font-size:15px; color:#333;}
.my-cont .application-wrap > .form-list .item-th > span {font-weight:400 !important;}
.my-cont .application-wrap > .form-list .check-area > span {margin-bottom:16px;}
.my-cont .application-wrap > .terms-wrap {padding-top:24px;}
.my-cont .application-wrap > .terms-wrap .agree + .btn-arrow > span {border:0; color:#777; font-weight:400;}
.my-cont .application-wrap + .btn-area > .btn.size-XL {min-width:170px; font-weight:700;}
.my-cont .application-wrap + .btn-area > .btn.size-XL.color-white.outline-black {color:#000;}


/* ------------------------------------------------------------------------------------- 

thum-img 공통

-------------------------------------------------------------------------------------- */
/* thum-img 품절상품 */
.sold-out .thum-img {overflow:hidden; border-radius:6px;}

.sold-out .thum-img:before {content:"일시품절"; position:absolute; left:0; right:0; bottom:0; width:100%; height:30px; line-height:30px; text-align:center; font-size:13px; color:#fff; background-color:rgba(0,0,0,0.6); z-index:20; border-radius:0 0 6px 6px;}

.prd-unit-wrap.typeF .prd-unit-list .goods.sold-out .prd-img > a:after {height:18px; line-height:18px; font-size:11px;}

/* thum-img 찜한상품 */
.thum-img {position:relative;}
.thum-img > .btn-like {position:absolute; bottom:8px; right:8px; width:36px; height:36px; background-color:transparent; background:url(/assets/images/common/ico-36-heart-w.png) no-repeat 0 0; background-size:36px auto; border-radius:50%; transition:all 0.3s ease-in; z-index:10;}
.thum-img > .btn-like.is-like {background-color:#f62593;}
.sold-out .thum-img > .btn-like {bottom:38px;}

/* 팝업 이용약관 */
.tab-in-tab > li {float:left; width:calc(100% / 3);}
.tab-in-tab > li > button {display:block; border:1px solid #e5e5e5; font-size:15px; color:#777777; height:46px; text-align:center; width:100%; background-color:transparent; font-weight:600; padding:0 10px;}
.tab-in-tab > li.is-active > button {font-weight:700; border-color:#333; color:#333;}
.tab-in-tab-item {display:none;}
.terms-wrap > .terms-item > h2 {font-size:15px; font-weight:700;}
.terms-wrap > .terms-item > p {font-size:15px; margin-top:8px;}
.terms-item p.txt-gray {color:#999999;} 
.terms-item .bracket-list {margin-top:8px;} 
.terms-item .bracket-list > li {padding-left:16px; position:relative; font-size:14px;} 
.terms-item .bracket-list > li:nth-child(1)::before {content:'1)'; position:absolute; top:0px; left:0px;} 
.terms-item .bracket-list > li:nth-child(2)::before {content:'2)'; position:absolute; top:0px; left:0px;} 
.terms-item .bracket-list > li:nth-child(3)::before {content:'3)'; position:absolute; top:0px; left:0px;} 
.terms-item .bracket-list > li:nth-child(4)::before {content:'4)'; position:absolute; top:0px; left:0px;} 
.terms-item .bracket-list > li:nth-child(5)::before {content:'5)'; position:absolute; top:0px; left:0px;} 
.terms-item .bracket-list > li:nth-child(6)::before {content:'6)'; position:absolute; top:0px; left:0px;} 
.terms-item .bracket-list > li:nth-child(7)::before {content:'7)'; position:absolute; top:0px; left:0px;} 
.terms-item .bracket-list > li:nth-child(8)::before {content:'8)'; position:absolute; top:0px; left:0px;} 
.terms-item .bracket-list > li:nth-child(9)::before {content:'9)'; position:absolute; top:0px; left:0px;} 
.terms-item .bracket-list > li:nth-child(10)::before {content:'10)'; position:absolute; top:0px; left:0px;} 
.terms-item .bracket-list > li:nth-child(11)::before {content:'11)'; position:absolute; top:0px; left:0px;}
.terms-item .dash-list {margin-top:8px;}
.popup .terms-item .dash-list {margin-top:0;}
.popup .terms-item .dash-list li {margin-top:8px; color:#777; font-size:15px; word-break:break-all;}
.terms-item .dash-list > li {padding-left:10px; position:relative; font-size:14px;}
.terms-item .dash-list > li::before {content:'-'; position:absolute; top:-1px; left:0px;} 
.terms-item .dash-list > li .txt-gray {font-size:14px; color:#777; display:inline-block; margin:8px 0 0 0;}
.terms-item .ganada-list {margin-top:8px; margin-bottom:8px;} 
.terms-item .ganada-list > li {padding-left:21px; position:relative; font-size:14px;}
.terms-item .ganada-list  > li:nth-child(1)::before {content:'가.'; position:absolute; top:0px; left:0px;} 
.terms-item .ganada-list  > li:nth-child(2)::before {content:'나.'; position:absolute; top:0px; left:0px;} 
.terms-item .ganada-list  > li:nth-child(3)::before {content:'다.'; position:absolute; top:0px; left:0px;} 
.terms-item .ganada-list  > li:nth-child(4)::before {content:'라.'; position:absolute; top:0px; left:0px;} 
.terms-item .ganada-list  > li:nth-child(5)::before {content:'마.'; position:absolute; top:0px; left:0px;} 
.terms-item .ganada-list  > li:nth-child(6)::before {content:'바.'; position:absolute; top:0px; left:0px;} 
.terms-item .ganada-list  > li:nth-child(7)::before {content:'사.'; position:absolute; top:0px; left:0px;} 
.terms-item .ganada-list .dash-list {margin-bottom:8px;}
.num-list li {margin-top:16px;}
.num-list li .col {color:#f50d87;}
.plan-wrap.btn-top .swiper-btn-control {top:-50px; padding-bottom:16px;}
.form-area > label {display:block;}
.thum-img.size-half,
.prd-img.size-half,
.prd-img.size-half > a {position:relative;}
.thum-img.size-half > img,
.prd-img.size-half > img,
.prd-img.size-half > a > img {width:50%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.prd-sticky-box .swiper-slide > .block {position:relative; height:280px; overflow:hidden; border-radius:10px;}
.prd-sticky-box .swiper-slide > .block > img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; max-width:fit-content;}

/* 시스템 준비중 */
#wrap.type-app-update .system-msg {width:100vw; height:100vh; text-align:center;}
#wrap.type-app-update.is-ready .system-msg .system-msg-inner {display:flex; flex-direction:column; align-items:center; justify-content:center; height:100vh;}
#wrap.type-app-update .system-msg .system-msg-inner h1 > span {display:inline-block; vertical-align:top; width:156px; height:40px; background:url(/assets/images/common/logo-shoppingn-t.svg) no-repeat 0 0 / 156px auto; text-indent:-9999em;}
#wrap.type-app-update .system-msg .system-msg-inner dl {text-align:center; margin-top:24px;}
#wrap.type-app-update .system-msg .system-msg-inner dl dt {font-size:24px; color:#000;}
#wrap.type-app-update .system-msg .system-msg-inner dl dt strong {font-weight:700;}
#wrap.type-app-update .system-msg .system-msg-inner dl dd {color:#999; font-size:15px;}
#wrap.type-app-update .system-msg .system-msg-inner dl dd span,
#wrap.type-app-update .system-msg .system-msg-inner dl dd em {display:block; margin-top:16px;}
#wrap.type-app-update.is-ready .svr-stop-date {text-align:center; margin-top:24px; font-size:13px; color:#333;}
#wrap.type-app-update.is-ready .gray-box {text-align:center; font-size:18px; color:#000; padding:24px; background-color:#fafafa; margin:40px 16px 0 16px; width:560px;} 

html.pop-open .popup .pop-cont, 
html.pop-open #header.fixed > .center-wrap,
html.pop-open #header.fixed ~ .content .calendar-wrap {left:-8px;}
html.pop-open #header.fixed ~ .quick-recent-shop{position:fixed; top:100px; right:17px;}
html.pop-open #header.fixed ~ .quick-recent-shop .quick-menu{margin-top:0;}

.prd-info-area #tooltip_00 {left:-140px; top:45px;}
.prd-info-area #tooltip_01,
.prd-info-area #tooltip_02,
.prd-info-area #tooltip_03,
.prd-info-area #tooltip_04,
.prd-info-area #tooltip_05 {top:28px;}

/* 스와이퍼 wrap */
.login-swiper-wrap {width:560px; margin:56px auto 0 auto;}
.order-swiper-wrap {width:1200px; margin:0 auto;}
.mypage-swiper-wrap .evn-bnr-area .swiper-slide > a > img {margin:0 -13% !important; max-width:126% !important;}

/* 쇼핑 AI */
#ok-entry {bottom:6px !important; right:2px !important; transition:transform 0.3s ease-in-out; }
#ok-entry-btn {width:94px !important; height:94px !important; max-width:94px !important; max-height:94px !important; background-color:transparent;}
#ok-entry-btn.ok-entry-btn--close {background-image:url(/assets/images/common/AIshoppingTalk_img_x.png) !important; background-size:cover !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;}
#ok-plugin-script {right:10px !important; bottom:114px !important;}
@media (max-height: 830px) {
  #ok-entry {transform:translateY(100%);}
  #ok-entry.remove {transform:translateY(0%);}
}
@media (min-width: 768px) {
  #ok-plugin-script {height:600px !important;}
}
.bai-assistant__iframe {width:100% !important;}
.bai-assistant__iframe__container {width:40% !important; left:30% !important;}
.bai-highlight-modal {z-index:999999 !important;}

/* -------------------------------------------------------------------------------------

메인 개편

-------------------------------------------------------------------------------------- */

/* 메인 공통 */
.re-wrap * {line-height:initial;}

/* 신규 뱃지 */
[class*=badge-] {color:#fff; border-radius:4px; padding:0 6px; height:25px; line-height:25px; font-size:13px; font-weight:600; position:absolute; z-index:2;}
[class*=badge-] img {border-radius:6px; height:25px; width:auto; margin:0 -6px; max-width:initial;}
[class*=badge-].big {height:26px; line-height:26px; font-size:14px;}
[class*=badge-].big img {height:26px; width:auto !important;}
[class*=badge-].wide {top:12px; left:12px;}
[class*=badge-].black {color:#000;}
[class*=badge-].white {color:#fff;}
.badge-pro {top:0; left:0;}
.badge-ea {bottom:0; right:0; background:rgba(0, 0, 0, 0.60);}
.badge-show {bottom:0; left:0; background:rgba(0, 0, 0, 0.60); font-weight:700;}
.badge-show .deal {font-weight:600;}
.badge-show .deal:after {margin:-1px 1px 0 0; content:''; display:inline-block; width:14px; height:14px; background-size: contain; vertical-align:middle; background: url('data:image/svg+xml,%3Csvg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2.5 6.538L6.239 1.5H10L6.739 5.615H11.5L2.5 12.5L5.783 6.538H2.5Z" fill="%23FEC42F"/%3E%3C/svg%3E') no-repeat center center;}
.badge-show [class*=re-ddeal] {min-width:16px; display:inline-block; text-align:center;}
.badge-onair {top:0; left:0; background:linear-gradient(90deg, #F50D87 0%, #F927EB 98.96%);}
.badge-time {bottom:0; left:0; background:#4F4F4F;}
.badge-time>span {display:inline-block; width:17px; text-align:center;}
.badge-pro + .state-wrap.promotion {top:12px; right:12px; left:inherit;}

/* 버튼 */
.re-wrap .btn-pro-more {position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:14px; color:#777;}
.re-wrap .btn-pro-more span {display:inline-block; margin:-1px 0 0 6px; position:relative; vertical-align:middle; width:8px; height:14px;}  
.re-wrap .btn-pro-more span:before, .re-wrap .btn-pro-more span:after {position:absolute; content:''; display:block; height:1px; width:6px; background:#777; left:0; border-radius:2px;}
.re-wrap .btn-pro-more span:before {top:4px; transform:rotate(45deg);}
.re-wrap .btn-pro-more span:after {bottom:5px; transform:rotate(-45deg);}

/* 상품 : 공통 */
.re-detail {display:block; margin-bottom:40px; position:relative;}
.re-detail:last-of-type {margin-bottom:0;}
.re-detail .link-wrap {position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999em; background-color:transparent; display:block; z-index:2;}
.re-detail .btn-like {position:absolute; width:36px; height:36px; border-radius:50%; background:url(/assets/images/common/icon-24-heart-white-nor@2x.png) no-repeat 50% 50% / 24px 24px rgba(0 0 0 / 20%); transition:all 0.2s ease-in; text-indent:-9999em; z-index:3;}
.re-detail .btn-like.is-like {background-color:#f50d87;}
.re-detail .re-thum {position:relative; border-radius:6px; overflow:hidden;}
.re-detail .re-thum:before {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0; left:0; z-index:2;}
.re-detail .re-thum>img {height:100%; z-index:1; position:absolute; top:0; left:50%; transform:translateX(-50%); max-width:initial;}
.re-detail .re-thum .out {width:100%; line-height:32px; position:absolute; left:0; bottom:0; font-size:13px; text-align:center; color:#fff; background-color:rgba(0,0,0,0.6); z-index:2;} 
.re-detail .re-thum .out + .btn-like {bottom:44px;}
.re-detail .re-thum .btn-like {right:12px; bottom:12px;}
.re-detail .re-thum .num {position:absolute; left:0; top:0; background:#000; color:#fff; text-align:center; border-radius:6px 0; font-size:15px; font-weight:700; width:30px; height:30px; line-height:30px; z-index:2;}
.re-detail .re-txt {display:block; position:relative;}
.re-detail .re-txt .txt-title {margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; white-space:normal;}
.re-detail .re-txt .txt-title .tv {color:#F50D87; margin-right:4px;}
.re-detail .re-txt .txt-price {font-size:0; position:relative;}
.re-detail .re-txt .txt-price>*, .re-detail .re-txt .txt-last>* {display:inline-block; vertical-align:middle;}
.re-detail .re-txt .txt-price>strong {font-weight:700; color:#F50D87; margin-right:5px;}
.re-detail .re-txt .txt-price>span {font-weight:700; color:#000;}
.re-detail .re-txt .txt-price>em {font-weight:700; color:#000;}
.re-detail .re-txt .txt-price>p {font-weight:500; color:#999; text-decoration:line-through;}
.re-detail .re-txt .txt-price>i {color:#777; position:absolute; right:4px; bottom:3px; font-size:13px; font-style:normal; font-weight:600;}
.re-detail .re-txt .txt-last {font-size:0; font-weight:500;}
.re-detail .re-txt .txt-last>* {font-size:12px;}
.re-detail .re-txt .txt-last>.buying {color:#6164BA; margin-right:6px;}
.re-detail .re-txt .txt-last>.review {color:#999;}
.re-detail .re-txt .txt-last>.fast {color:#fff; background:#8C8FCE; border-radius:50px; height:23px; line-height:23px; margin:-1px 0 0 4px; padding:0 8px; font-size:11px; position:relative; animation:txt-last-fast 2s infinite; font-weight:500;}
@keyframes txt-last-fast {0% {opacity:0;}15%{opacity:1;}85%{opacity:1;}100% {opacity:0;}}
.re-detail .re-txt .txt-last>.fast:before {content:""; position:absolute; left:-1px; top:4px; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:10px solid #8C8FCE; transform:rotate(40deg);}
.re-detail .re-txt .btn-like {right:0; top:0;}
.re-detail .re-txt .txt-ul {font-size:0; margin-bottom:8px;}
.re-detail .re-txt .txt-ul li {background:#F4F4FC; border-radius:6px; margin:0 4px 4px 0; display:inline-block; padding:4px; color:#54557A; font-size:12px; font-weight:600;} 
.re-detail .re-txt .txt-ul li:last-child {margin:0 0 4px 0;}
.re-detail .re-txt .txt-ul li:before {display:inline-block; margin-right:3px; vertical-align:middle; margin-top:-3px;}
.re-detail .re-txt .txt-ul li.coupon {background:#FFF5FA; color:#AF0961;}
.re-detail .re-txt .txt-ul li.coupon:before {content:''; width:14px; height:12px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 12"><rect x="0.5" y="1" width="13" height="10" rx="1.5" fill="white" stroke="%23BBBBBB"/><path d="M3.743 6.08C2.974 6.084 2.557 5.523 2.56 4.72C2.557 3.91 2.995 3.35 3.743 3.353C4.522 3.35 4.936 3.91 4.939 4.72C4.936 5.533 4.512 6.084 3.743 6.08ZM3.326 4.72C3.323 5.137 3.477 5.41 3.743 5.41C4.03 5.41 4.17 5.137 4.174 4.72C4.17 4.306 4.041 4.019 3.743 4.022C3.466 4.022 3.323 4.313 3.326 4.72ZM3.34 8.5L6.744 3.551H7.578L4.174 8.5H3.34ZM6.013 7.331C6.009 6.521 6.443 5.96 7.195 5.964C7.971 5.96 8.385 6.521 8.385 7.331C8.385 8.145 7.961 8.695 7.195 8.698C6.426 8.695 6.009 8.134 6.013 7.331ZM6.771 7.331C6.775 7.748 6.925 8.022 7.195 8.022C7.479 8.022 7.623 7.748 7.626 7.331C7.623 6.917 7.493 6.63 7.195 6.634C6.918 6.634 6.775 6.924 6.771 7.331Z" fill="%23999"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.38 11.5H12C13.105 11.5 14 10.605 14 9.5V2.5C14 1.395 13.105 0.5 12 0.5H8.38C9.485 0.5 10.38 1.395 10.38 2.5V9.5C10.38 10.605 9.485 11.5 8.38 11.5Z" fill="url(%23grad)"/><defs><linearGradient id="grad" x1="12" y1="9.208" x2="12" y2="2.333" gradientUnits="userSpaceOnUse"><stop stop-color="%23F50D87"/><stop offset="1" stop-color="%23FF5F2B"/></linearGradient></defs></svg>'); background-size:cover;}
.re-detail .re-txt .txt-ul li.app {background:#F1F9FF; color:#363AA3;}
.re-detail .re-txt .txt-ul li.card {background:#EFF6F3; color:#4F6B5F;}

/* 상품 : 와이드형 */
.re-detail-wide {display:block; position:relative;}
.re-detail-wide .re-detail {width:584px; margin-right:28px; display:inline-block; vertical-align:top; margin-bottom:56px;}
.re-detail-wide .re-detail:nth-child(2n) {margin-right:0;} 
.re-detail-wide .re-detail:nth-last-child(-n+2) {margin-bottom:0;}
.re-detail-wide .re-detail .re-thum {margin-bottom:14px; height:328px; }
.re-detail-wide .re-detail .re-txt .txt-title {color:#333; font-size:16px; line-height:22px; font-weight:600;}
.re-detail-wide .re-detail .re-txt .txt-price {margin-bottom:10px;}
.re-detail-wide .re-detail .re-txt .txt-price>strong,
.re-detail-wide .re-detail .re-txt .txt-price>span {font-size:20px;}
.re-detail-wide .re-detail .re-txt .txt-price>em {font-size:16px; margin:1px 6px 0 0;}
.re-detail-wide .re-detail .re-txt .txt-price>p {font-size:13px;}
.re-detail-wide + .re-detail-scroll {margin-top:40px;}
.re-detail-wide + .evn-bnr-area {margin:56px 0 !important;}

/* 상품 : 섬네일 3게형 */
.re-detail-thum3 {display:block;}
.re-detail-thum3 .re-detail {width:584px; margin-right:28px; display:inline-block; vertical-align:top; margin-bottom:56px;}
.re-detail-thum3 .re-detail:nth-child(2n) {margin-right:0;} 
.re-detail-thum3 .re-detail:nth-last-child(-n+2) {margin-bottom:0;}
.re-detail-thum3 .re-detail .re-thum {padding-bottom:67.075%; border-radius:0; margin-bottom:14px;}
.re-detail-thum3 .re-detail .re-thum:before {display:none;}
.re-detail-thum3 .re-detail .re-thum [class*=re-thum] {position:absolute; overflow:hidden; border-radius:6px;}
.re-detail-thum3 .re-detail .re-thum [class*=re-thum]:before {position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.03); content:''; top:0; left:0; z-index:2;}
.re-detail-thum3 .re-detail .re-thum [class*=re-thum] img {position:absolute; max-width:inherit; height:100%; top:0; left:50%; transform:translateX(-50%); z-index:1;}
.re-detail-thum3 .re-detail .re-thum .re-thum1 {width:67.075%; height:100%; left:0; top:0;}
.re-detail-thum3 .re-detail .re-thum .re-thum2, .re-detail-thum3 .re-detail .re-thum .re-thum3 {width:calc(32.93% - 6px); height:calc(50% - 3px); right:0;}
.re-detail-thum3 .re-detail .re-thum .re-thum2 {top:0;}
.re-detail-thum3 .re-detail .re-thum .re-thum3 {bottom:0;}
.re-detail-thum3 .re-detail .re-txt .txt-title {color:#333; font-size:16px; line-height:22px; font-weight:600;}
.re-detail-thum3 .re-detail .re-txt .txt-price {margin-bottom:6px;}
.re-detail-thum3 .re-detail .re-txt .txt-price>strong,
.re-detail-thum3 .re-detail .re-txt .txt-price>span {font-size:20px;}
.re-detail-thum3 .re-detail .re-txt .txt-price>em {font-size:16px; margin:1px 6px 0 0;}
.re-detail-thum3 + .re-detail-wide {margin-top:40px;}

/* -------------------------------------------------------------------------------------

등급제

-------------------------------------------------------------------------------------- */

/* 그룹사 임직원 인증 */
.group-dl {margin-bottom:40px;}
.group-dl dt {font-weight:700; color:#000; font-size:24px; margin-bottom:8px;}
.group-dl dd {color:#777; font-size:15px;}

/* 마이페이지 상단 */
.rank-wrap {background: linear-gradient(155deg, #E2E8F9 5.94%, #EBECF7 56.62%, #EEE5F1 91.78%); padding:32px 40px;  position:relative; border-radius:6px; font-size:0; min-height:275px;}
.rank-wrap * {line-height:initial;}

.rank-left, .rank-right {display:inline-block; width:420px;}
.rank-left {margin-right:32px; vertical-align:top;}
.rank-right {vertical-align:bottom; margin-top:-10px;}

.rank-top {padding:0 90px 24px 60px; position:relative; min-height:50px; font-size:13px; color:#333; font-weight:700;}
.rank-current {position:absolute; left:0; top:3px;  width:50px; height:50px; color:#fff; text-align:center; background-color:transparent; background-size:cover; cursor:pointer;}
.rank-current:after {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; font-size:24px; font-weight:800; display:block;}

.rank-name {display:block; position:relative; font-size:20px; font-weight:700; margin:0 0 6px 0; background:none;  color:#000;}
.rank-name:after {margin:-3px 0 0 6px; width:6px; vertical-align:middle; height:9px; content:''; display:inline-block; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9' fill='none'%3E%3Cpath d='M1 0.5L5 4.50043L1 8.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size:cover;}
.rank-more {display:inline-block; border-radius:50px; padding:6px 10px; font-weight:400; font-size:13px; color:#333; background:#fff; box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.06);}
.rank-more strong {font-weight:700; color:#000;}
.rank-more:after {margin:-3px 0 0 3px; width:6px; vertical-align:middle; height:9px; content:''; display:inline-block; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9' fill='none'%3E%3Cpath d='M1 0.5L5 4.50043L1 8.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size:cover;}
.rank-ing {border-radius:16px; background: #FFF; box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.06); padding:21px 52px; display:none; cursor:pointer;}
.rank-ing.height {height:147px; position:relative;}
.rank-ing.height>div {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; padding:0 52px;}

.rank-wrap.rank1 .rank-current, .rank-wrap.rank5-1 .rank-current {background-image:url(/assets/images/common/icon-rank1.png);} 
.rank-wrap.rank2 .rank-current, .rank-wrap.rank5-2 .rank-current {background-image:url(/assets/images/common/icon-rank2.png);}
.rank-wrap.rank3 .rank-current, .rank-wrap.rank5-3 .rank-current {background-image:url(/assets/images/common/icon-rank3.png);}
.rank-wrap.rank4 .rank-current, .rank-wrap.rank5-4 .rank-current {background-image:url(/assets/images/common/icon-rank4.png);}
.rank-wrap.rank5 .rank-current {background-image:url(/assets/images/common/icon-rank5.png);}
.rank-wrap.rank6 .rank-current {background-image:url(/assets/images/common/icon-rank6.png);}

.rank-wrap.rank1 .rank-more strong:after, .rank-wrap.rank5-1 .rank-more strong:after {content:'GOLD';}
.rank-wrap.rank2 .rank-more strong:after, .rank-wrap.rank5-2 .rank-more strong:after {content:'DIAMOND';}
.rank-wrap.rank3 .rank-more strong:after, .rank-wrap.rank5-3 .rank-more strong:after {content:'VIP';}
.rank-wrap.rank4 .rank-more strong:after, .rank-wrap.rank5-4 .rank-more strong:after {content:'VVIP';}
.rank-wrap.rank5 .rank-more strong:after {content:'임직원';}
.rank-wrap.rank6 .rank-top:after {content:'고객모니터단'; color:#000;}
.rank-wrap.rank6 .rank-more {display:none;}

.rank-wrap.rank1 .rank-ing.rank1-4,
.rank-wrap.rank2 .rank-ing.rank1-4,
.rank-wrap.rank3 .rank-ing.rank1-4,
.rank-wrap.rank4 .rank-ing.rank1-4,
.rank-wrap.rank5 .rank-ing.rank5,
.rank-wrap.rank5e .rank-ing.rank1-4,
.rank-wrap.rank5e .rank-ing.rank1-4 .rank-warning,
.rank-wrap.rank6 .rank-ing.rank6 {display:block;}

.rank-txt {text-align:center; font-size:14px; color:#000;}
.rank-txt span {color:#333;}
.rank-pro {height:8px; border-radius:50px; background:#E5E5E5; position:relative; overflow:hidden; margin-top:10px;}
.rank-pro-ing {position:absolute; left:0; top:0; height:8px; border-radius: 50px; background: var(--gradient-300, linear-gradient(90deg, #F50D87 0%, #F927EB 98.96%));
	-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; width:0;}
.rank-limit {overflow:hidden; margin-top:10px;} 
.rank-limit p {font-size:12px; color:#999;}
.rank-limit p:first-child {float:left;}
.rank-limit p:last-child {float:right;}
.rank-go {margin-top:16px; border-radius:6px; color:#fff; background: linear-gradient(90deg, #F927EB -12.5%, #5D18FF 100%); font-size:14px; font-weight:700; text-align:center; display:block; padding:12px 0;}
.rank-warning {margin:20px 0 0 -4%; font-size:12px; color:#999; width:108%; text-align:center;}
.rank-warning:before {margin:-2px 3px 0 0; display:inline-block; content:''; width:14px; height:14px; vertical-align:middle; border:1px solid #999; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='8' viewBox='0 0 3 8' fill='none'%3E%3Cpath d='M1.86831 0.399994C1.98014 0.399994 2.07024 0.491683 2.06828 0.603492L1.98655 5.27599C1.98464 5.38507 1.89567 5.4725 1.78658 5.4725H1.20363C1.09453 5.4725 1.00556 5.38507 1.00366 5.276L0.921924 0.603492C0.919968 0.491683 1.01007 0.399994 1.12189 0.399994H1.86831ZM0.800059 6.90068C0.79513 6.51655 1.11554 6.20136 1.50003 6.20136C1.87959 6.20136 2.19507 6.51655 2.2 6.90068C2.19507 7.28481 1.87959 7.59507 1.50003 7.59999C1.11554 7.59507 0.79513 7.28481 0.800059 6.90068Z' fill='%23999999'/%3E%3C/svg%3E");}
.rank-cash {margin-top:8px; text-align:center; font-size:16px; color:#333; font-weight:700;}

.rank-have {margin:10px 0;}
.rank-have:after {clear:both; content:''; display:block;}
.rank-have dl {border-radius:16px; background:#FFF; box-shadow:0px 10px 8px 0px rgba(0, 0, 0, 0.06); padding:20px 24px; text-align:center; color:#333; float:left; width:calc(50% - 5px); cursor:pointer;}
.rank-have dl:first-child {margin-right:10px;}
.rank-have dt {font-size:14px; margin-bottom:10px;}
.rank-have dd {font-size:16px; font-weight:700; color:#000;}

.rank-link {border-radius:16px; border: 2px solid #DBD9EF; overflow:hidden;}
.rank-link a {display:block; float:left; padding:16px 0; text-align:center; font-size:14px; font-weight:500; color:#787284; background:none;} 
.rank-link a:first-child {width:53%;} 
.rank-link a:last-child {width:47%;}
.rank-link a span {display:inline-block; vertical-align:middle; margin:-2px 0 0 3px; padding:0 3px; min-width:15px; height:15px; line-height:15px; border-radius:15px; text-align:center; color:#fff; font-size:11px; font-weight:700; background:#F50D87;}

/* 멤버십 헤택 */
.boon-wrap {background:#F5F5F5; border-radius:6px; overflow:hidden; margin-bottom:48px;}
.boon-top-wrap {background:linear-gradient(180deg, #121335 0%, #363AA3 69.8%); position:relative; z-index:1; padding:32px 0 110px 0; font-size:0; text-align:center;}
.boon-top {position:relative; color:#fff; padding-left:72px; min-height:60px; display:inline-block; text-align:left;} 
.boon-current {position:absolute; left:0; top:0;  width:60px; height:60px; border-radius:50%; color:#fff; text-align:center; background-color:none; background-size:cover;} 
.boon-wrap.rank1 .boon-current {background-image:url(/assets/images/common/icon-rank1.png);} 
.boon-wrap.rank2 .boon-current {background-image:url(/assets/images/common/icon-rank2.png);}
.boon-wrap.rank3 .boon-current {background-image:url(/assets/images/common/icon-rank3.png);}
.boon-wrap.rank4 .boon-current {background-image:url(/assets/images/common/icon-rank4.png);}
.boon-top dt {font-size:20px;font-weight:600; padding:3px 0 5px 0;}
.boon-top dd {font-size:15px;}
.boon-wrap.rank1 .boon-top dt:after, .boon-wrap.rank1 .boon-coupon-tit:before {content:'GOLD'}
.boon-wrap.rank2 .boon-top dt:after, .boon-wrap.rank2 .boon-coupon-tit:before {content:'DIAMOND'}
.boon-wrap.rank3 .boon-top dt:after, .boon-wrap.rank3 .boon-coupon-tit:before {content:'VIP'}
.boon-wrap.rank4 .boon-top dt:after, .boon-wrap.rank4 .boon-coupon-tit:before {content:'VVIP'}

.boon-pd {position:relative; z-index:2; margin:-84px auto 32px auto; max-width:452px; padding:0 16px;}
.boon-ing {border-radius:16px; overflow:hidden; background: #FFF; box-shadow:0px 6px 8px 0px rgba(0, 0, 0, 0.06); text-align:center;}
.boon-ing + .boon-ing, .boon-ing + .boon-ing-wrap {margin-top:16px;}
.boon-txt {font-size:14px; color:#000; padding:16px 0 12px 0;}
.boon-txt strong {font-weight:800;}
.boon-ex {font-size:14px; color:#999; padding-bottom:16px;}
.boon-ex strong {font-weight:600;}
.boon-ing>button {display:block; border-top:1px solid #f5f5f5; height:50px; color:#555; font-size:13px; font-weight:500; width:100%; background:#fff;}
.boon-ing>button:after {display:inline-block; vertical-align:middle; content:''; width:10px; height:5px; margin:-2px 0 0 6px; background-repeat: no-repeat; background-size: cover; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5" fill="none"><path d="M9 0.5L4.99957 4.5L1 0.5" stroke="%23555555" stroke-linecap="round" stroke-linejoin="round"/></svg>');}
.boon-ing>button.is-active:after {transform:rotate(180deg);}

.boon-tab-wrap {padding:0 16px 16px 16px; display:none;} 
.boon-tab {overflow:hidden; width:100%;} 
.boon-tab button {display:block; float:left; border-bottom:1px solid #eee; font-size:14px; color:#000; height:42px; width:50%; background:#fff;}
.boon-tab button.is-active {border-bottom:2px solid #000; font-weight:700;}
.boon-tab-con {background:#FAFAFA; border-radius:0 0 6px 6px; padding:16px;}
.boon-tab-con>div {text-align:left;}
.boon-tab-con p {font-size:14px; color:#444; padding-bottom:12px;}
.boon-tab-con p strong {font-weight:600;}
.boon-tab-con a {display:block; margin-top:4px; border:1px solid #CCC; padding:12px 0; text-align:center; color:#333; background:#fff; font-size:14px; font-weight:600; border-radius:50px;}

.boon-coupon {padding:32px 0;}
.boon-coupon-tit {font-size:18px; font-weight:700; text-align:center; display:block; margin-bottom:15px;}
.boon-coupon .re-coupon {display:none;}
.boon-coupon .re-coupon .coupon {margin:15px 24px; padding:22px 20px 18px 20px;}
.boon-coupon .re-coupon .coupon .down {border-left:0; width:7px;}
.boon-coupon .re-coupon .coupon .down span {display:none;}

.boon-wrap.rank1 .boon-coupon .re-coupon.rank1,
.boon-wrap.rank2 .boon-coupon .re-coupon.rank2,
.boon-wrap.rank3 .boon-coupon .re-coupon.rank3,
.boon-wrap.rank4 .boon-coupon .re-coupon.rank4 {display:flex;}

.boon-rank-wrap {border-radius:16px; background:#fff; box-shadow:0px 6px 8px 0px rgba(0, 0, 0, 0.06); padding:36px 0 24px 0;}
.boon-rank {max-width:328px; margin:0 auto;} 
.boon-rank-tit {font-size:16px; color:#000; font-weight:700; padding-bottom:32px;}

.boon-rank-see {font-size:0; overflow:hidden;}
.boon-rank-see li {float:left; display:block; width:calc(25% - 6px); margin-right:8px;}
.boon-rank-see li button {background-size:46px 46px; background-position:center 10px; background-repeat:no-repeat; text-align:center; font-size:13px; color:#999; font-weight:600; display:block; width:100%; padding:64px 0 10px 0; background-color:#fff; border:1px solid #EEE; border-radius:20px;}
.boon-rank-see li:nth-child(4) {margin-right:0;}
.boon-rank-see li:nth-child(1) button {background-image:url(/assets/images/common/icon-off-rank4.png);}
.boon-rank-see li:nth-child(2) button {background-image:url(/assets/images/common/icon-off-rank3.png);}
.boon-rank-see li:nth-child(3) button {background-image:url(/assets/images/common/icon-off-rank2.png);}
.boon-rank-see li:nth-child(4) button {background-image:url(/assets/images/common/icon-off-rank1.png);}

.boon-wrap .boon-rank-see li.on button {color:#fff; border:0;}
.boon-wrap .boon-rank-see li.on:nth-child(1) button {background-image:url(/assets/images/common/icon-rank4.png); background-color:#352721;}
.boon-wrap .boon-rank-see li.on:nth-child(2) button {background-image:url(/assets/images/common/icon-rank3.png); background-color:#A12A8F;}
.boon-wrap .boon-rank-see li.on:nth-child(3) button {background-image:url(/assets/images/common/icon-rank2.png); background-color:#344AC8;}
.boon-wrap .boon-rank-see li.on:nth-child(4) button {background-image:url(/assets/images/common/icon-rank1.png); background-color:#99734E;}

.boon-rank-p {text-align:center; color:#000; font-size:14px; padding:24px 0;}
.boon-rank-dl {color:#000; padding:20px 16px 20px 68px; background-color:#fafafa; border-radius:16px; margin-bottom:8px; background-size:40px 40px; background-position:16px 18px; background-repeat:no-repeat;}
.boon-rank-dl dt {font-size:15px; font-weight:700; margin:-2px 0 2px 0;}
.boon-rank-dl dd {font-size:14px;}
.boon-rank-dl dd span {color:#999; font-size:12px; display:block; margin-top:4px;}

.boon-rank-dl.boon1 {background-image:url(/assets/images/common/icon-boon1.png);}
.boon-rank-dl.boon2 {background-image:url(/assets/images/common/icon-boon2.png);}
.boon-rank-dl.boon3 {background-image:url(/assets/images/common/icon-boon3.png);}
.boon-rank-dl.boon4 {background-image:url(/assets/images/common/icon-boon4.png);}
/* .boon-rank-dl.boon5 {background-image:url(/assets/images/common/icon-boon5.png);} */

.boon-con.rank1 .boon1,
.boon-con.rank1 .boon2,
.boon-con.rank2 .boon1,
.boon-con.rank2 .boon2,
.boon-con.rank3 .boon2 {display:none;}

.boon-con.rank4 .boon-rank-p:before {content:'최근 6개월간 4회 / 20만원 이상 구매 시'}
.boon-con.rank3 .boon-rank-p:before {content:'최근 6개월간 2회 / 15만원 이상 구매 시'}
.boon-con.rank2 .boon-rank-p:before {content:'최근 6개월간 1회 / 5만원 이상 구매 시'}
.boon-con.rank1 .boon-rank-p:before {content:'최근 6개월간 5만원 미만 구매 시'}
.boon-con.rank3 .boon-rank-dl.boon1 dd:before {content:'최초 VIP 승급 시 적립금 5,000원 지급'}
.boon-con.rank4 .boon-rank-dl.boon1 dd:before {content:'최초 VVIP 승급 시 적립금 10,000원 지급'}
.boon-con.rank4 .boon-rank-dl.boon2 dd:before {content:'10% 할인 쿠폰 1장 지급'}
.boon-con.rank1 .boon-rank-dl.boon3 dd:before {content:'2,000원 더블 쿠폰 1장 지급'}
.boon-con.rank2 .boon-rank-dl.boon3 dd:before {content:'3,000원 더블 쿠폰 2장 지급'}
.boon-con.rank3 .boon-rank-dl.boon3 dd:before {content:'5,000원 더블 쿠폰 2장 지급'}
.boon-con.rank4 .boon-rank-dl.boon3 dd:before {content:'5,000원 더블 쿠폰 3장 지급'}
.boon-con .boon-rank-dl.boon4 dd:before {content:'생일 축하 기념 5,000원 더블 쿠폰 1장 지급'}
/* .boon-con .boon-rank-dl.boon5 dd:before {content:'TV쇼핑 상품 무료 배송 & 무료 반품'; white-space:pre;}
.boon-con .boon-rank-dl.boon5 dd span:before {content:'일반 상품 제외';} */

/* 임직원 헤택 */
.boon-wrap.im {background:linear-gradient(155deg, #E2E8F9 5.94%, #EBECF7 56.62%, #EEE5F1 91.78%); margin-bottom:40px;}
.boon-wrap.im .boon-top-wrap {background:none;}
.boon-wrap.im .boon-current {background-image:url(/assets/images/common/icon-rank5.png);}
.boon-wrap.im .boon-top {color:#000;}
.boon-wrap.im .boon-top dd {color:#444;}
.boon-wrap.im .boon-txt {padding:22px 0;}

.boon-ing-pd {padding:20px;}
.boon-ing-pd .rank-go {margin:16px 46px 0 46px;}
.boon-ing-dl {background-position:center bottom; background-size:100px 100px; background-repeat:no-repeat; text-align:center; padding-bottom:116px;}
.boon-ing-dl.dimg1 {background-image:url(/assets/images/common/icon-big-boon1.png);}
.boon-ing-dl.dimg2 {background-image:url(/assets/images/common/icon-big-boon2.png);}
.boon-ing-dl.dimg3 {background-image:url(/assets/images/common/icon-big-boon3.png);}
.boon-ing-dl.dimg4 {background-image:url(/assets/images/common/icon-big-boon4.png);}
.boon-ing-dl dt {color:#777; font-size:13px;}
.boon-ing-dl dt strong {display:block; font-size:18px; margin:2px 0 6px 0; color:#000;}
.boon-ing-dl dd {font-size:14px; color:#333; line-height:20px;}
.boon-ing-dl dd span{color:#0028D6;}

.boon-ing-wrap .boon-ing:nth-child(1) .boon-ing-dl dt span:after {content:'1';}
.boon-ing-wrap .boon-ing:nth-child(2) .boon-ing-dl dt span:after {content:'2';}
.boon-ing-wrap .boon-ing:nth-child(3) .boon-ing-dl dt span:after {content:'3';}
.boon-ing-wrap .boon-ing:nth-child(4) .boon-ing-dl dt span:after {content:'4';}

.boon-wrap.trn .boon-ing-dl.dimg1 dd span em:before {content:'20,000,000';} 
.boon-wrap.group .boon-ing-dl.dimg1 dd span em:before {content:'10,000,000';}
.boon-wrap.call .boon-ing-dl.dimg1 dd span em:before {content:'5,000,000';} 
.boon-wrap.group .boon-ing-wrap .boon-ing:nth-child(3), .boon-wrap.call .boon-ing-wrap .boon-ing:nth-child(3) {display:none;}
.boon-wrap.group .boon-ing-wrap .boon-ing:nth-child(4) .boon-ing-dl dt span:after, .boon-wrap.call .boon-ing-wrap .boon-ing:nth-child(4) .boon-ing-dl dt span:after {content:'3';}

/* 상품상세 혜택 */
.prd-boon-wrap {border-radius:6px; border: 1px solid #CCC; color:#000;}
.prd-boon-coupon {padding:16px 40px; border-bottom:1px solid #ccc; overflow:hidden;}
.prd-boon-coupon p {height:32px; line-height:32px; float:left; font-size:15px; font-weight:600;}
.prd-boon-coupon .prd-boon-btn {float:right; border-radius:6px; background: linear-gradient(90deg, #F50D87 7.8%, #FF5F2B 99.91%); color:#fff; font-size:14px; font-weight:600; display:block; height:32px; padding:0 12px;}
.prd-boon-coupon .prd-boon-btn span {width:13px; height:13px; display:inline-block; margin:-2px 0 0 6px; vertical-align:middle; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M1 9.41328V10.7576C1 11.5614 1.75839 12.2133 2.69402 12.2133H11.3065C12.2416 12.2133 13 11.5614 13 10.7576V9.41328" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.99989 9.31172V1.78672" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.8873 6.40578L6.9998 9.29328L4.1123 6.40578" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;}

.prd-boon-con {padding:0 40px;}
.prd-boon-con-li {padding:4px 0 0 0;}
.prd-boon-con-li.on {padding:4px 16px 0 16px;}
.prd-boon-con-li:last-child {border-top:1px solid #EEE;}
.prd-boon-con-li:first-child {border-top:0;}
.prd-boon-tit {padding:12px 0 16px 0;}
.prd-boon-tit:after {content:''; display:block; clear:both;}
.prd-boon-txt {float:left; height:22px; line-height:22px;}
.prd-boon-txt .tooltip-wrap .btn-tip:after {margin-top:-1px;}
.prd-boon-txt>strong {font-size:14px;}

.prd-boon-cash {float:right; color:#F50D87;}
.prd-boon-cash strong, .prd-boon-cash span,
.prd-boon-plus strong, .prd-boon-plus span {vertical-align:middle; display:inline-block; height:22px; line-height:22px;}
.prd-boon-cash strong {font-weight:700; font-size:22px;}
.prd-boon-cash span {font-weight:600; font-size:14px;}
.prd-boon-plus {float:right;}
.prd-boon-plus strong {font-weight:700; font-size:16px;}
.prd-boon-plus span {font-weight:600; font-size:12px;}

.prd-boon-tit + .prd-boon-ul {display:none;}
.prd-boon-ul {padding:0 0 4px 0;}
.prd-boon-ul>li {padding-bottom:12px; padding-left:10px; position:relative;}
.prd-boon-ul>li:after {content:''; display:block; clear:both;}
.prd-boon-ul>li:before  {position:absolute; left:0; top:4px; width: 5px; height: 6px; content:'';  border:1px solid #999; border-width:0 0 1px 1px; }

.prd-boon-ul>li>div {color:#999; font-size:13px;}
.prd-boon-ul>li>div:first-child {float:left; font-weight:500;}
.prd-boon-ul>li>div:last-child {float:right; font-weight:600;}
.prd-boon-ul>li>div:last-child span {font-size:11px; display:inline-block; vertical-align:middle; margin-top:-1px;}

.prd-boon-aco {margin-top:4px; height:45px; background:#FAFAFA; display:block; width:100%; color:#555; font-weight:500; font-size:15px; border-radius:0 0 6px 6px;}
.prd-boon-aco:before {content:'자세히 보기'; display:inline-block; vertical-align:middle;}
.prd-boon-aco:after {content:''; display:inline-block; vertical-align:middle; width:8px; height:5px; margin-left:6px; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5" fill="none"><path d="M9 0.5L4.99957 4.5L1 0.5" stroke="%23555555" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-repeat: no-repeat; background-position: center;}
.prd-boon-aco.on:before {content:'닫기'}  
.prd-boon-aco.on:after {transform:rotate(180deg);}

/* 에러 페이지 리뉴얼 */
.error-wrap {max-width:720px; margin:140px auto; padding:0 90px; color:#000;}
.error-wrap * {line-height:initial;}
.error-img {text-align:right; margin-bottom:-30px;}
.error-img>img {display:inline-block; width:300px;}
.error-dl {padding-bottom:50px;}
.error-dl dt {font-size:30px; font-weight:800; margin-bottom:16px;}
.error-dl dd strong {font-size:20px; font-weight:700; display:block;}
.error-dl dd strong + strong {margin-top:16px;}
.error-dl dd span {display:block; margin-top:16px;}
.error-p {margin-bottom:16px; line-height:21px;}
.error-p + .error-btn {margin-top:24px;}
.error-ol li {line-height:21px; }
.error-ol li strong {display:block; margin-bottom:16px;}
.error-ol li + li {margin-top:16px;}
.error-btn {margin-top:8px; color:#fff; background:#000; font-weight:600; max-width:240px; display:block; height:46px; font-size:16px; border-radius:6px; text-align:center; line-height:46px; padding:0 16px;}