@charset "utf-8";
@import url("bootstrap.css");
@import url("bootstrap-datepicker.min.css");
/* @import url("bootstrap-theme.min.css"); */
@import url("swiper.css");
@import url("animate.min.css");/* 2024-06-28 인플루언서 23년 리뉴얼 animate.min.css import  */
@import url("font.css");

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,button {margin: 0;padding: 0;border: 0;font-size: inherit;vertical-align: baseline;word-break: break-word;word-wrap: break-word;}
/* HTML5 display-ro<div class="swiper-container">wsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
html{font-size: 16px;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;scroll-padding-bottom:103px;}/* 2022년 접근성 진단 보고서 MO 33페이지 */
html, body{font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;height: 100%;}
body {position: relative;width: 100%;overflow-x: hidden;font-size: 1rem;line-height: 1;-webkit-text-size-adjust:none;color: #131518;}/* 뷰표트 변환시 폰트크기 자동확대 방지. */
input:checked[type='checkbox'] {-webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'] {-webkit-appearance:none;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
dl, ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse: collapse;border-spacing: 0;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:inherit;}
a {color:inherit;text-decoration:none}
/* a:focus, button:focus, label:focus, input:focus, select:focus, [role="button"]:focus{outline:1px dotted #000;outline-offset: -1px;} */
textarea{resize: none;}
strong, b{font-weight: 500;}
.bold{font-weight: 700;}
/*:focus{outline: none;}*/ /* PC웹 접근성 진단 보고서 23페이지 수정 */
/* .clearfix > li, .clearfix > dt, .clearfix > dd{float: left;} */
/* //reset */

/* global */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.f_l {float:left}
.f_r {float:right}
.cl_b {clear:both;width:0;height:0;font-size:0;line-height:0}
.show {display:block;visibility: visible !important;}
.hide {display:none}
.tbl {border-collapse:collapse;border-spacing: 0} /* 테이블 초기화 */
.clear_g {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear_g:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}/* 한줄말줄임 */
.multiEllipsis{overflow:hidden;text-overflow:ellipsis;line-height:1.5;height:3em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}/* 다중말줄임 */
.line-ellipsis2{max-height: 3.4em;line-height: 1.3em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;	-webkit-box-orient: vertical; word-wrap:break-word;white-space: break-spaces;word-break: break-all;}
.bdb-0{border-bottom: none !important;}
.bd-0{border: none !important;}
.inline-block{display: inline-block !important;}
.block{display: block !important;}
.fake{display: inline-block;}
/* //global */

/* font */
.fz14{font-size: 0.875rem;}
.f-montserrat{}
/*.f-roboto{font-family: Roboto;}*/

/* width */
.w1{width: 1%;}
.w2{width: 2%;}
.w3{width: 3%;}
.w4{width: 4%;}
.w5{width: 5%;}
.w6{width: 6%;}
.w7{width: 7%;}
.w8{width: 8%;}
.w9{width: 9%;}
.w10{width: 10%;}
.w11{width: 11%;}
.w12{width: 12%;}
.w13{width: 13%;}
.w14{width: 14%;}
.w15{width: 15%;}
.w16{width: 16%;}
.w17{width: 17%;}
.w18{width: 18%;}
.w19{width: 19%;}
.w20{width: 20%;}
.w21{width: 21%;}
.w29{width: 29%;}
.w30{width: 30%;}
.w33{width: 33%;}
.w35{width: 35%;}
.w37{width: 37%;}
.w38{width: 38%;}
.w39{width: 39%;}
.w40{width: 40%;}
.w41{width: 41%;}
.w42{width: 42%;}
.w44{width: 44%;}
.w45{width: 45%;}
.w46{width: 46%;}
.w48{width: 48%;}
.w49{width: 49%;}
.w51{width: 51%;}
.w52{width: 52%;}
.w56{width: 56%;}
.w57{width: 57%;}
.w58{width: 58%;}
.w60{width: 60%;}
.w61{width: 61%;}
.w62{width: 62%;}
.w63{width: 63%;}
.w64{width: 64%;}
.w65{width: 65%;}
.w67{width: 67%;}
.w68{width: 68%;}
.w69{width: 69%;}
.w70{width: 70%;}
.w71{width: 71%;}
.w72{width: 72%;}
.w73{width: 73%;}
.w74{width: 74%;}
.w75{width: 75%;}
.w76{width: 76%;}
.w78{width: 78%;}
.w80{width: 80%;}
.w81{width: 81%;}
.w82{width: 82%;}
.w88{width: 88%;}
.w89{width: 89%;}
.w100{width: 100%;}

/* width px */
.w121px{width: 121px;}
.w131px{width: 131px;}
.w141px{width: 141px;}
.w151px{width: 151px;}
.w155px{width: 155px;}
.w160px{width: 160px;}
.w175px{width: 175px;}
.w210px{width: 210px;}
.w245px{width: 245px;}

/* padding */
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.pb10{padding-bottom: 10px !important;}
.pb30{padding-bottom: 30px !important;}
.pt24{padding-top: 24px !important;}
.pt20{padding-top: 20px !important;}
.pt45{padding-bottom: 45px !important;}
.mt0{margin-top: 0 !important;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.ml12{margin-left: 12px;}
.mb45{margin-bottom: 45px;}

/* box */
.box-default-blank{padding: 20px 0;}
.container.sm{padding: 0 10px;margin: 0 auto;}
.wrap-text-box{padding: 20px;line-height: 1.8;font-size: 0.8125rem;}
.bg-gray{background-color: #f5f5f5;}

/* backgound */
.bg-white{background-color: #fff !important;}

/* skipNav */
#u_skip {position: relative;z-index: 3000;}
#u_skip a {position: absolute;padding: 10px;top: -100px;left: 0;border: 1px solid #9bce26;background: #333;text-align: center;font-size: 0.9375rem;color: #fff;}
#u_skip a:active, #u_skip a:focus {top: 0;text-decoration: none;z-index: 1000;}

.loading{position: fixed;top: 50%;left: 50%;width: 104px;height: 104px;margin: -52px 0 0 -52px;border-radius: 100%;background: #eee url(../../resources/images/common/loading.gif) 0 0 no-repeat;z-index: 2000;-webkit-background-size: 100% 100%;background-size: 100% 100%;}

/* 외부 소스 */
.speedycat_container_root_class{max-width: 100% !important;}

/* gnb */
.btn-nav-close{position: absolute;right: 15px;top: 36px;width: 13px;height: 13px;background: url(../../resources/images/common/sp_common.png) -119px 0 no-repeat;-webkit-background-size: 500px 500px;background-size: 500px 500px;}
.logo{text-align: center;}
.logo > a{display: inline-block;width: 204px;height: 23px;background: #fff url(../../resources/images/common/logo.svg) 0 0 no-repeat;background-size: 100% auto;}/* 2024-07-25 로고 적용 파일 확장자 수정 png -> svg */
.navbar-nav{width: 100%;float: none;}
.nav > li{width: 16.6%;}
.nav > li > a{padding: 15px 0;text-align: center;position: relative;}
.nav > li > a.new::after{content: 'new';position: absolute;left: 0;top: 12px;display: block;width: 6px;height: 6px;border-radius: 100%;background-color: #f27370;color: transparent;font-size: 1px;line-height: 1;}
.navbar{background: none;box-shadow:none;position: relative;min-height: auto;margin-bottom: 0;border:none;border-bottom: 1px solid #e0e0e0;background-color: #fff;/*z-index: 2;*/}
.dropup.wrap-nav-category, .dropdown.wrap-nav-category{/*float: left;width: 14.2%;*/display: inline-block;}
.navbar .navbar-nav > li > a, .nav-toggle{font-weight: 500;background-color: transparent;}
[lang="jp"] .navbar .navbar-nav > li > a, [lang="jp"] .nav-toggle{font-weight: 700;}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .nav-toggle{text-decoration: none;}
.wrap-nav{position: absolute;top: 100%;left: 0;margin: -15px auto 0;z-index: 999;display: none;float: left;min-width: 160px;font-size: 14px;text-align: left;list-style: none;}
.open .wrap-nav {display: block;}
.wrap-nav .dropdown-menu{position: relative;top: inherit;left: inherit;display: block;float: none;min-width: auto;margin: 0;}
.nav-category.dropdown-menu{position: static;z-index: 3;padding: 0;}
.navbar .logo{text-align: center;padding: 35px 0 15px;height: 107px;}
.nav-toggle{padding: 15px 0 15px 30px;display: inline-block;}
.nav-toggle .icon-bar{display: inline-block;width: 20px;border-top: 2px solid #141414;position: absolute;left: 0;top: 50%;margin-top: -2px;}
.nav-toggle .icon-bar::before, .nav-toggle .icon-bar::after{content: '';position: absolute;width: 100%;border-top: 2px solid #141414;left: 0;top: -7px;}
.nav-toggle .icon-bar::after{top: auto;bottom: -5px;}
.nav-search{float: left;width: 270px;margin-top: -69px;border-radius: 4px;position: relative;} /* gnb 검색창 위치 수정 2022-03-21 */
.nav-search:focus{box-shadow: inset 0 0 0 2px #9bce26;}
.pull-right.nav-util{margin-top: -69px;}
.wrap-nav .nav-util{display: none;}
.wrap-nav .nav-util-list{width: 100%;}
.wrap-nav .nav-util-list .btn{width: 100%;display: table-cell;height: 59px;line-height: 1.2;padding-left: 57px;text-align: left;font-size: 0.9375rem;font-weight: 500;}
.wrap-nav .nav-util-list .btn::before{content: '';position: absolute;width: 32px;height: 31px;top: 50%;left: 17px;margin-top: -15px;background: url(../../resources/images/common/sp_common.png) 0 0 no-repeat;-webkit-background-size: 500px;background-size: 500px;}
.wrap-nav .nav-util-list .row .col-xs-6{}
.wrap-nav .nav-util-list .row .col-xs-6 + .col-xs-6{border-left: 1px solid #e0e0e0;}
.wrap-nav .nav-util-list .row{border-bottom: 1px solid #e0e0e0;}
.wrap-nav .nav-util-list .row + .row{}
.panel-default{border: none;}
.panel{-webkit-box-shadow: none;box-shadow: none;background-color: transparent;}
.nav-category .panel-heading{padding: 0;word-break: break-word;}
.nav-menu{display: block;padding: 9px 11px 9px 15px;font-weight: 500;font-size: 1rem;line-height: 1.6;}
.panel-title.depth-1 .nav-menu{padding: 12px 30px;}
.depth2 .nav-menu, .nav-subdepth .nav-menu{font-size: 0.938rem;}
.depth3 .nav-menu, .nav-subdepth .nav-subdepth .nav-menu{font-size: 0.875rem;font-weight: 400;}
.nav-menu[aria-expanded="true"], .nav-menu.on{color: #a4d233;}
.panel-default > .panel-heading{background-color: inherit;border-radius: 0; border: none;}
.nav-category .panel-collapse .panel-body{border-top:none !important;padding: 0;}
.nav-category .panel-collapse{background-color: #f5f5f5;}
.nav-category .panel-group{margin-bottom: 0;}
.nav-category .panel-group .panel + .panel{margin-top: 0;}
.nav-logout{display: none;}
body.nav-open{overflow: hidden;}
.nav-menu.on{color: #a4d233;}

.wrap-top-banner-lead{width: 100%;}
.top-banner-lead{position: relative;font-size: 0;margin: 0 auto;}
.top-banner-lead-img{position: absolute;left: 0;/*margin-left: -50%;*/top: 0;width: 100%;max-width: 2000px;height: 90px;z-index: 2;line-height: 0;}
.top-banner-lead-img a{display: block;position: relative;width: 100%;max-width: 2000px; height: 90px;overflow: hidden;}
.top-banner-lead-img img{position: absolute;left: 50%;top: 0;height: 90px;transform: translateX(-50%);/*margin-left: -50%;*/}
.top-banner-lead::before{content: '';display: inline-block;height: 0;transition: height 0.3s;}
.top-banner-lead.on::before{height: 90px;transition: height 0.2s;}
.btn-banner-lead{position: absolute;}
.top-banner-shipping{height: 34px;line-height: 34px;text-align: center;background-color: #ebebeb;font-size: 0.875rem;}
.contents-body{min-height: 100%;}
.nav-logout{padding: 15px;}
.nav-logout .text-right{padding-top: 27px;}

/* footer */
.footer{min-height: 349px;padding-top: 30px;background-color: #f5f5f5;}
.footer-list{padding-bottom: 30px;border-bottom: 1px solid #d6d6d6;}
.footer-list .list-group-item > a{font-size: 0.8125rem;}
.footer-acc-btn{font-weight: 500;font-size: 0.9375rem;color: #666;}
.footer-sns-group{text-align: left;}
.list-footer-corporation{text-align: left;}
.list-footer-corporation-item{ color: #767676;font-size: 0.75rem; line-height: 1.5;} /* PC웹 접근성 진단 보고서 35페이지 수정 */
.list-footer-corporation-item.bold{font-size: 0.9375rem;font-weight: 600; color: #666;}

/* main */
.main-page .main{padding: 30px 0 60px;}
.main{padding: 0 0 60px;}
.wrap-shotDown{width: 100%;height: 100%;overflow: hidden;text-align: center;}
.wrap-shotDown img{max-width: 100%;max-height: 100%;}

/* text */
.color-blue{color: #0060d6 !important;}
.color-pink{color: #f65b54 !important;}
.color-green{color: #9bce26 !important;}
.color-red{color: #ff201a !important;}
.underline{text-decoration: underline;}
.italic{font-style: italic;}
.lineThrough{text-decoration: line-through;color: #b1b1b1 !important;}
span.asterisk, em.asterisk{display: inline-block;}
.asterisk{padding: 10px 0 10px 10px;position: relative;vertical-align: middle;font-size: 0.875rem;color: #666;}
.asterisk::before{content: '*';position: absolute;left: 0;top: 11px;}
.weight-medium{font-weight: 500;}

.section-title{border-bottom: 2px solid #707070;padding: 43px 0 14px;font-size: 1.125rem;font-weight: 500;}
.section-title small{font-size: 0.8125rem;}
.section-title small .color-red{}

.section-title.lg{padding: 30px 0 16px;font-size: 1.375rem;clear: both;}
.section-title.elg{font-size: 1.75rem;font-weight: 700;text-align: center;border-bottom: none;}

/* button */
.btn-facebook{ background: transparent;width: 13px;height: 24px;box-sizing: content-box;border-radius: 0;position: relative;overflow: hidden;border: none;border-bottom: 0;}
.btn-facebook::before{content: ""; position: absolute; background: transparent; width: 13px; height: 23px; bottom: -12px; right: -12px; border: 4px solid #141414; border-radius: 6px; box-sizing: content-box;}
.btn-facebook::after{content: ""; position: absolute; width: 12px; top: 12px; height: 4px; background: #141414; right: 0; box-sizing: content-box;}
.btn-instagram{width: 20px; height: 20px; border-radius: 5px; border: 2px solid #141414; position: relative; overflow: hidden;}
.btn-instagram::before{content: ''; display: block; width: 10px; height: 10px; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px; border: 2px solid #141414; border-radius: 100%;}
.btn-instagram::after{content: ''; display: block; width: 2px; height: 2px; position: absolute; right: 2px; top: 1px; border-radius: 100%; background-color: #141414;}
.footer-sns-group .btn{margin: 0 7px;}
.footer-sns-group .btn.btn-instagram {margin: 5px 7px 0px;}
.btn-search{width: 45px;height: 36px;background-color: #fff;border: 1px solid #c2c2c2;border-left: none;margin-left: 0;border-radius: 0 4px 4px 0}
.btn-search::before{content: '';position: absolute;left: 11px;top: 5px;display: inline-block;width: 24px;height: 24px;background: #fff url(../../resources/images/common/sp_common.png) -220px 0 no-repeat;-webkit-background-size: 500px;background-size: 500px;}
.form-control:focus + .input-group-btn .btn-search{border-color: #9bce26;}
.nav-search .input-group-btn{position: absolute;right: 1px;top: 1px;width: 44px;height: 34px;}
.nav-search .input-group-btn .btn-search{margin-left: 0;border: none;height: 34px;width: 44px;}

.btn-sign{padding:0 10px 0 33px;height: 30px;}
.btn-sign > span{background-color: #fff;position: relative;}
.btn-sign::before{content: "";position: absolute;left: 0;top: 0;display: block;width: 30px;height: 30px;background: url(../../resources/images/common/sp_common.png) 0 0 no-repeat;}
.btn-wish{width: 30px;height: 30px;position: relative;}
.btn-wish::before{content: "";position: absolute;left: 0;top: 0;display: block;width: 30px;height: 30px;background:#fff url(../../resources/images/common/sp_common.png) -30px 0 no-repeat;}
.btn-cart{width: 30px;height: 30px;}
.btn-cart::before{content: "";position: absolute;left: 0;top: 0;display: block;width: 30px;height: 30px;background:#fff url(../../resources/images/common/sp_common.png) -60px 0 no-repeat;}
.btn-cart .badge{position: absolute;left: 100%;top: -6px;margin-left: -15px;}
.btn-link-arr{padding-right: 22px;color: #8f8f8f;font-size: 0.875rem;font-weight: 600;}
.btn-link-arr::after{content: '';position: absolute;right: 0;top: 2px;display: block;width: 6px;height: 12px;background: url(../../resources/images/common/sp_common.png) 0 -48px no-repeat;-webkit-background-size: 500px;background-size: 500px;}
.btn-text-underline{font-size: 0.813rem;text-decoration: underline;}
.btn-round{border-radius: 15px !important;padding: 0 22px;height: 30px;border: 1px solid #fff;color: #fff;font-size: 0.813rem;}
.btn-round + .btn-round{margin-left: 10px;}
.btn-account::before{background-position: 0 -16px !important;}
.btn-orders::before{background-position: -32px -16px !important;}
.btn-cscenter::before{background-position: -64px -16px !important;}
.btn-nav-back{width: 21px;height: 48px;background: url(../../resources/images/common/sp_common.png) -162px 0 no-repeat;-webkit-background-size: 500px;background-size: 500px;position: absolute;top: 2px;left: 0;}
.btn-nav-home{width: 44px;height: 30px;display: none;}
.btn-nav-home::before{content: '';position: absolute;left: 13px;top: 5px;width: 24px;height: 22px;background: url(../../resources/images/common/sp_common.png) -196px 0 no-repeat;-webkit-background-size: 500px;background-size: 500px;}
.btn-round-facebook, .btn-round-tweeter, .btn-round-mail, .btn-round-share{width: 30px;height: 30px;border-radius: 100%;background-color: #f5f5f5;}
.btn-round-facebook{}
.btn-round-facebook::before, .btn-round-facebook::after, .btn-round-tweeter::before, .btn-round-tweeter::after{content: '';position: absolute;}
.btn-round-facebook::before{width: 6px;height: 13px;border-radius: 3px 0 0 0;border-top: 3px solid #a2a2a2;border-left: 3px solid #a2a2a2;left: 13px;top: 8px;}
.btn-round-facebook::after{width: 8px;height: 0;border-top: 3px solid #a2a2a2;left: 11px;top: 13px;}

.btn-round-tweeter{}
.btn-round-tweeter::before{content: '';position: absolute;left: 0;top: 0;display: inline-block;width: 30px;height: 30px;background: url(../../resources/images/common/sp_common.png) -604px 0 no-repeat;}
/* .btn-round-tweeter::after{width: 10px;height: 0;border-top: 3px solid #a2a2a2;left: 8px;top: 10px;} */
.btn-round-mail{line-height: 30px;font-size: 0.625rem;font-weight: 900;color: #a2a2a2;}
/* .btn-round-mail .ico::after{border-top: 2px solid #a2a2a2;border-left: 2px solid #a2a2a2;transform: rotate(45deg);left: 0;bottom: -6px;} */
.btn-round-share{}
.btn-round-share::before{content: '';position: absolute;left: 0;top: 0;display: inline-block;width: 30px;height: 30px;background: url(../../resources/images/common/sp_common.png) -45px -47px no-repeat;-webkit-background-size: 500px 500px;background-size: 500px 500px;}

[class*="btn-txt"], [class*="btn-txt"]:hover, [class*="btn-txt"].on{font-size: 0.8125rem;text-decoration: underline;color: #3d3d3d;}
[class*="btn-txt"].roboto, [class*="btn-txt"].roboto:hover, [class*="btn-txt"].roboto.on{font-family: 'Roboto';}
[class*="btn-txt"]:hover, [class*="btn-txt"].on{color: #f27370;}
.wrap-shopping-list .btn-txt-remove:hover, .wrap-shopping-list .btn-txt-remove.on{color: #3d3d3d;}
[class*="btn-txt"] + [class*="btn-txt"]{margin-left: 20px;}
/* .btn-txt-gray.trash{color: #141414;} */
.btn-txt-gray.trash::before{content: '';display: inline-block;width: 16px;height: 16px;margin-right: 8px;background: url(../../resources/images/common/sp_common.png) -22px -59px no-repeat;-webkit-background-size: 500px;background-size: 500px;vertical-align: bottom;}
.btn-txt-gray.lg{font-size: 0.875rem;}
.btn-txt-gray.arr{position: relative;padding-right: 13px;line-height: 1;}
.btn-txt-gray.arr:hover{color: #3d3d3d;}
.btn-txt-gray.arr::after{content: '';display: block;position: absolute;top: 3px;right: 2px;width: 7px;height: 7px;border-radius: 1px;border-top: 2px solid #555;border-right: 2px solid #555;transform: rotate(45deg);}

.btn-txt-wish::before{content: '';display: inline-block;width: 12px;height: 10px;background: url(../../resources/images/common/sp_common.png) -157px 0 no-repeat;margin-right: 4px;vertical-align: middle;}
.btn-txt-wish:hover::before, .btn-txt-wish.on::before{background-position: -144px 0;}
.btn-txt-wish:hover, .btn-txt-wish.on{font-size: 0.6875rem;color: #f27370;}

.btn-txt-blue, .btn-txt-blue:hover, .btn-txt-blue:active{font-size: 0.8125rem;text-decoration: underline;color: #0060d6;}
.btn-txt-blue:disabled{opacity: 0.3;}

.btn-txt-pink, .btn-txt-pink:active{color: #f27370;font-size: 0.875rem;font-weight: 500;text-decoration: underline;}

.btn-line-pink{border: 1px solid #f27370;background-color: #fff;color: #f27370;font-weight: 500;}
.btn-line-pink:disabled{border: 1px solid #141414;color: #141414;opacity: 0.2;}
.btn-line-gray{border: 1px solid #c2c2c2;background-color: #fff;color: #3d3d3d;font-weight: 500;}
.btn-pink{background-color: #f27370;color: #fff;font-weight: 500;}
.btn-pink:disabled{background-color: #141414;opacity: 0.2;}
.btn-green{background-color: #a4d233;color: #fff;font-weight: 500;}
.btn-green:disabled{opacity: 0.5;}
[class*="btn-round4"]{border-radius: 4px;}
[class*="btn-round4"].btn-exs{font-size: 0.8125rem;}
[class*="btn-round4"].btn-txt-arr.btn-exs{font-size: 0.875rem;}
.btn-round4-pink.btn-txt-arr, .btn-round4-pink.btn-txt-arr:hover{font-weight: 500;padding-left: 13px;padding-right: 28px;color: #fff;}
.btn-round4-pink.btn-txt-arr::after{right: 14px;border-color: #fff;width: 8px;height: 8px;margin-top: -4px;}
.btn-round4-green{background-color: #a4d233;color: #fff;}
.btn-round4-pink{background-color: #f2827f;color: #fff;}
.btn-round4-line-gray{border: 1px solid #b4b4b4;color: #666;}
.btn-pink.btn-lg, .btn-green.btn-lg, .btn-line-pink.btn-lg, .btn-line-gray.btn-lg{}

.btn-line-round-gray{padding: 0 16px;line-height: 28px;height: 30px;border-radius:15px; border: 1px solid #929291;color: #b1b1b1;font-size: 0.8125rem;}
.btn-txt-arr, .btn-txt-arr:hover{padding-right: 13px;font-size: 0.875rem;font-weight: 500;color: #3d3d3d;text-decoration: none;text-align: left;line-height: 1.4;}
.btn-txt-arr::after{content: '';display: block;position: absolute;top: 50%;right: 2px;width: 10px;height: 10px;margin-top: -5px;border-top: 1px solid #555;border-right: 1px solid #555;transform: rotate(45deg);}

.wrap-my-account-info .btn-line-round-gray:focus{border: 1px solid #fff;} /* PC웹 접근성 진단 보고서 88페이지 수정 */

.btn-gray{border: 1px solid #c2c2c2;background-color: #f5f5f5;}
.btn-gray:disabled{opacity: 0.5;}

.btn-txt-location{padding-left: 20px;}
.btn-txt-location::before{content: '';position: absolute;left: 0;top: 0;display: block;width: 14px;height: 16px;background: url(../../resources/images/common/sp_common.png) -287px 0 no-repeat;-webkit-background-size: 500px 500px;background-size: 500px 500px;}

.btn-tooltip{padding-right: 26px;min-height: 18px;}
.btn-tooltip .tit{font-size: 0.8125rem;color: #666;}
.btn-tooltip::after{content: '';position: absolute;right: 0;top: 0;background: url(../../resources/images/common/sp_common.png) -171px -1px no-repeat;width: 18px;height: 18px;line-height: 18px;border-radius: 100%;border: 1px solid #e0e0e0;font-size: 8px;color: #f27370;font-weight: 700;}

.btn-txt-magnifying{padding-left: 14px;}
.btn-txt-magnifying:focus{color: #f27370;}
.btn-txt-magnifying.on::before, .btn-txt-magnifying.on::after, .btn-txt-magnifying:hover::before, .btn-txt-magnifying:focus::before, .btn-txt-magnifying:hover::after, .btn-txt-magnifying:focus::after{border-color: #f37a77;}
.btn-txt-magnifying::before, .btn-txt-magnifying::after{content: '';position: absolute;}
.btn-txt-magnifying::before{left: 0;top: 5px;width: 9px;height: 9px;border-radius: 100%;border: 1px solid #4e4e4e;}
.btn-txt-magnifying::after{left: 7px;top: 14px;width: 4px;height: 1px;border-top: 1px solid #4e4e4e;transform: rotate(45deg);}

.btn-add-cart, .btn-wish-list{height: 24px;}
.btn-add-cart{font-size: 0.875rem;padding-left: 28px;}
.btn-add-cart::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 20px;height: 24px;background: #fff url(../../resources/images/common/sp_common.png) -317px 0 no-repeat;-webkit-background-size: 500px 500px;background-size: 500px 500px;}
.btn-wish-list{font-size: 0.875rem;padding-left: 28px;}
.btn-wish-list::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 23px;height: 24px;background: #fff url(../../resources/images/common/sp_common.png) -345px 0 no-repeat;-webkit-background-size: 500px 500px;background-size: 500px 500px;}
.btn-wish-list.on::before{background-position: -368px 0;}

.btn-nav-menu-toggle{position: absolute;right: 0;top: 50%;margin-top: -24px;width: 40px;height: 48px;}
.btn-nav-menu-toggle::after {content: '';position: absolute;right: 16px;top: 50%;margin-top: -6px;width: 12px;height: 12px;background: url(../../resources/images/common/sp_common.png) -6px -47px no-repeat;-webkit-background-size: 500px;background-size: 500px;transform: rotate(0deg);transition: transform 0.3s}
.btn-nav-menu-toggle[aria-expanded="false"]::after {transform: rotate(180deg);transition: transform 0.3s;}

.btn-txt-remove{}
.btn-txt-remove::before{content: '';display: inline-block;width: 8px;height: 28px;margin-right: 8px;background: url(../../resources/images/common/sp_common.png) -198px 1px no-repeat;vertical-align: middle;} /* 05.31 수정 */
/* .btn-txt-remove.on::before, .btn-txt-remove:hover::before, .btn-txt-remove:focus::before{background-position: -210px 1px;} */

.btn-arr-big{width: 40px;height: 40px;background: url(../../resources/images/common/sp_common.png) -419px 2px no-repeat;-webkit-background-size: 500px 500px;background-size: 500px 500px;transform: rotate(0);transition: transform 0.3s;}
.btn-arr-big[aria-expanded="true"]{transform: rotate(-180deg);transition: transform 0.3s;}
.btn-bell{width: 25px;height: 24px;background: url(../../resources/images/common/sp_common.png) -475px 0 no-repeat;-webkit-background-size: 500px 500px;background-size: 500px 500px;line-height: 1;}
.btn-bell.on::after{content: '';position: absolute;width: 6px;height: 6px;right: 2px;top: 1px;border-radius: 100%;background-color: #ff3f3a;}

.btn-nav-link{position: absolute;right: 0;top: 0;width: 57px;height: 54px;line-height: 54px;}

/* badge */ /* PC웹 접근성 진단 보고서 53페이지 수정 */
.badge.red{background-color: #FF514D;}
.badge.pink{border-color: #E9706C;color: #E9706C;}
.badge.green{border-color: #74A31C;color: #74A31C;} 
.badge.light-pink{border-color: #ED65A4;color: #ED65A4;}
.badge.blue{border-color: #2F9DDE;color: #2F9DDE;}
.badge.sm{padding: 2px 7px;font-size: 0.6875rem;font-weight: 500;}

.badge.circle{width: 50px;height: 50px;padding: 0;background-color: #fff;border-radius: 100%;border-width: 2px;line-height: 44px;font-size: 0.8125rem;text-transform: uppercase;}
.badge.f-deal{width: 84px;height: 56px;background: url(../../resources/images/common/sp_common.png) 0 -245px no-repeat;border-radius: 0;border: none;-webkit-background-size: 500px 500px;background-size: 500px 500px;padding: 7px 16px 0 8px;color: #fff;text-align: left;font-style: italic;}
.fdeal-title{display: block;font-size: 0.625rem;font-weight: 700;}
.fdeal-title:only-child{font-size: 0.9375rem;white-space: normal;}
.fdeal-cnt{display: block;position: relative;font-style: italic;}
.fdeal-cnt .cnt{display: inline-block;font-size: 1.5625rem;font-weight: 600;}
.fdeal-cnt .txt{display: inline-block;padding-top: 3px;font-size: 0.625rem;font-weight: 500;line-height: 1;}
.fdeal-cnt .txt > span{display: block;}

[class^="flag-"]{display: inline-block;}
.flag-round-gray, .flag-round-pink, .flag-round-green{height: 30px;border-radius: 15px; padding: 0 18px;line-height: 30px;font-size: 0.875rem;text-align: center;color: #fff;}
.flag-round-gray{background-color: #8f8f8f;}
.flag-round-pink{background-color: #f27370;}
.flag-round-green{background-color: #9bce26;}
[class*="flag-round-line-"].sm{height: 26px;border-radius: 13px;padding: 0 14px;line-height: 26px;font-size: 0.75rem;text-align: center;min-width: auto;}
[class*="flag-round-line-"] + [class*="flag-round-line-"]{margin-left: 5px;}
.flag-round-line-pink{border: 1px solid #f27370;color: #f27370;}
.flag-round-line-green{border: 1px solid #9bce26;color: #9bce26;}
[class^="flag-round-line"].sm{height: 26px;line-height: 24px;border-radius: 13px;font-size: 0.75rem;}
b.flag-round-line-green{min-width: auto;padding: 0 20px;}

.btn-round4-gray{border: 1px solid #949494;border-radius: 4px;background-color: #fff;height: 32px;text-align: center;padding: 0 10px;font-size: 0.8125rem;text-decoration: none;}/* PC웹 접근성 진단 보고서 102페이지 수정 */
.wrap-shopping-list .btn-round4-gray, .wrap-shopping-list .btn-round4-gray.on, .wrap-shopping-list .btn-round4-gray:hover ,
.wrap-shopping-list .btn-round4-green, .wrap-shopping-list .btn-round4-green.on, .wrap-shopping-list .btn-round4-green:hover
{font-size: 0.6875rem;}
.wrap-shopping-list.basic .btn-round4-gray, .wrap-shopping-list.basic .btn-round4-gray.on, .wrap-shopping-list.basic .btn-round4-gray:hover{font-size: 0.8125rem;font-family: Roboto;}
.btn-round4-gray.btn-exs{height: 24px;font-size: 0.6875rem;min-height: auto;padding: 0 8px;}
.btn-round4-gray.on, .btn-round4-gray:hover{text-decoration: none;font-size: 0.8125rem;color: #3d3d3d;}

/* form */
.check-group .allChk + .form-inline{margin-left: 24px;}
select[disabled]{opacity: 0.4 !important;}
.wrap-check-input{}
.wrap-check-input .input-group{display: block;}
.wrap-check-input .input-group .form-control:first-child{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.wrap-check-input .input-group .input-group-btn .btn{margin-left: 10px;width: 118px;}
.wrap-valid-input{position: relative;display: block;}
.wrap-valid-input input{padding-right: 33px;}
.wrap-valid-input .ico-valid{display: inline-block;position: absolute;right: 7px;top: 6px;height: 19px;width: 18px;}
.wrap-valid-input .ico-valid::after{content: "";position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.wrap-valid-input.error .ico-valid::after{content: "error";}
.wrap-valid-input.error .ico-valid{background: url(../../resources/images/common/sp_common.png) -396px 0 no-repeat;background-position: -396px -19px;-webkit-background-size: 500px 500px;background-size: 500px 500px;}
.wrap-valid-input.confirm .ico-valid{background: url(../../resources/images/common/sp_common.png) -396px 0 no-repeat;-webkit-background-size: 500px 500px;background-size: 500px 500px;}
.wrap-valid-input.confirm .ico-valid::after{content: "confirm";}


/* checkbox */
.form-inline .wrap-ipt-check{float: left;}
.form-inline .wrap-ipt-check{margin-right: 20px;}
.wrap-ipt-check{position: relative;font-size: 0.9375rem;}
.wrap-ipt-check.chk-sm{font-size: 0.875rem;}
.wrap-ipt-check label{vertical-align: top;position: relative;min-width: 16px;min-height: 16px;padding-left: 16px;}
.wrap-ipt-check input[type="checkbox"], .wrap-ipt-check input[type="radio"]{position: absolute;width: 18px;height: 18px;padding: 0;border: none;left: 0;top: 0;/*margin: -7px 0 0 -6px;*/z-index:-1;opacity: 0;}
.wrap-ipt-check input:focus + label{outline: 1px dotted #000;}
.wrap-ipt-check input + label .ico{position: absolute;display: inline-block;padding-left: 16px;min-height: 16px;cursor: pointer;vertical-align: top;left: 0;top: 0;}
.ipt-label{display: block;padding-left: 8px;line-height: 1.4;}
.chk-sm .ipt-label{}
.wrap-ipt-check input + label .ico::before, .wrap-ipt-check input + label .ico::after{content: '';display: inline-block;position: absolute;}
.wrap-ipt-check input + label .ico::before{width: 16px;height: 16px;background-color: #fff;border: 1px solid #b4b4b4;border-radius:1px; left: 0;top: 2px;transition: background-color 0.3s}
.wrap-ipt-check input:disabled + label{cursor: default;opacity: 0.3;}
.wrap-ipt-check input:checked:disabled + label .ico::before{background-color: #b4b4b4 ;border: 1px solid #b4b4b4;}
.wrap-ipt-check input[type="checkbox"] + label .ico::after{width: 0;height: 0;border: 2px solid transparent;border-radius: 2px;transform: rotate(45deg);left: 2px;bottom: 6px;transform-origin: bottom left;transition: width ease-in 0.1s, height 0.1s ease-out 0.1s, border-color 0.1s;}
.wrap-ipt-check input:checked + label .ico::before{background-color: #9bce26;border: 1px solid #9bce26;transition: background-color 0.3s}
.wrap-ipt-check input[type="checkbox"]:checked + label .ico::after{width: 6px;height: 11px;border-right-color: #fff;border-bottom-color: #fff;transition: width ease-in 0.1s, height 0.1s ease-out 0.1s, border-color 0.1s;}

.wrap-ipt-check.chk-sm input + label {min-height: 14px;padding-left: 14px;min-height: 14px;}
.wrap-ipt-check.chk-sm input + label .ico{width: 14px;height: 14px;min-height: 14px;}
.wrap-ipt-check.chk-sm input + label .ico::before{width: 14px;height: 14px;}
.wrap-ipt-check.chk-sm input + label .ico::after{left: 1px;bottom: 6px;}
/* checkbox */

/* radio */
.wrap-ipt-check input[type="radio"] + label .ico::before{border-radius: 100%;}
.wrap-ipt-check input[type="radio"] + label .ico::after{left: 4px;top: 6px;border-radius: 100%;background-color: #fff;width: 8px;height: 8px;}
/* radio */

.form-control{height: 32px;}
select.form-control{padding-top: 0;padding-bottom: 0;}
.nav-search .form-control{height: 36px;border-top-right-radius: 4px !important;border-bottom-right-radius: 4px !important;width: 100%;padding-right: 45px; border: 1px solid #959595;} /* PC웹 접근성 진단 보고서 26페이지 수정 */
.wrap-datepicker{}
.wrap-datepicker .input-group-addon{background-color: transparent;border: none;padding: 0 9px;}
.wrap-datepicker .form-control{border-radius: 4px !important;padding-right: 37px;cursor: pointer;text-align: left;font-size: 0.8125rem;background: #fff url(../../resources/images/common/bg_datepicker.png) right 0 no-repeat;}
.wrap-datepicker .form-control[readonly]{background-color: #fff;}

/* PC웹 접근성 진단 보고서 84페이지 수정 */
.form-control::-webkit-input-placeholder {color: #949494;opacity: 1;}
.form-control:-moz-placeholder { /* Firefox 18- */color: #949494;opacity: 1;}
.form-control::-moz-placeholder { /* Firefox 19+ */color: #949494;opacity: 1;}
.form-control:-ms-input-placeholder {color: #949494;opacity: 1;}

/* text */
.page-header{font-size: 1.875rem;text-align: center;}
.page-header.row{text-align: left;}
.page-header.brands{margin: 0 auto;max-width: calc(185px * 6 + 18px * 5);text-align: left;padding: 46px 0 0;border-bottom: 0;}
.page-header.brands h2{font-size: 2.25rem;font-weight: 700;line-height: 46px;}
.page-header.brands span{font-size: 0.875rem;font-weight: 400;margin-top: 16px;line-height: 20px;}

/* list */
.modal-section-title{padding-top: 20px;padding-bottom: 7px;text-align: left;font-size: 1.125rem;font-weight: 700;}
.wrap-evenView-list{padding-bottom: 10px;border-top: 2px solid #707070;}
.evenView-list{border-bottom: 1px solid #e0e0e0;}
.evenView-list > li + li{border-top: 1px solid #e0e0e0;}
.thmb-evenView-list, .evenView-list-contents, .evenView-list-button{display: table-cell;vertical-align: middle;text-align: left;}
.evenView-list-thmb{width: 56px;height: 56px;display: inline-block;position: relative;}
.evenView-list-name{font-size: 0.875rem;line-height: 1.2;padding-bottom: 5px;}
.evenView-list-thmb img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.thmb-evenView-list{width: 76px;}
.evenView-list-price{line-height: 1;}
.cost-price{font-size: 0.9375rem;text-decoration: line-through;}
.sale-prices{font-weight: 700;font-size: 1.0625rem;color: #f27370;}
.cost-price + .sale-prices{margin-left: 9px;}
.evenView-list-button .sold-out{line-height: 1.6;font-size: 0.8125rem;color: #666;}

.bg-gray-list{padding: 20px;background-color: #f5f5f5;}
.bg-gray-list-title{padding-bottom: 8px;font-weight: 500;font-size: 0.9375rem;}
.bg-gray-list-contents{color: #666;}
[class^="list"] + .bg-gray-list{margin-top: 15px;}

.page-header-step{font-size: 1.5rem;font-weight: 400;}
.page-header-step > li{float: left;color: #949494;position: relative;}/* PC웹 접근성 진단 보고서 97페이지 수정 */
.page-header-step > li ~ li{padding-left: 47px;}
.page-header-step > li ~ li::before{content: '';display: inline-block;width: 10px;height: 10px;position: absolute;left: 20px;top: 50%;margin-top:-5px;border-radius: 2px;border: 2px solid transparent;border-top-color: #ccc; border-right-color: #ccc;transform: rotate(45deg);}
.page-header-step > li[aria-current="step"] + li::before{border-top-color: #3e3e3e; border-right-color: #3e3e3e;}
.page-header-step .cnt{margin-right: 12px;font-size: 1.25rem;}
.page-header-step  [aria-current="step"]{color: #141414;}

.section-title + .prd-list .prd-list-header{border-top: none;}
.prd-list{border-bottom: 1px solid #e0e0e0;}
.prd-list-header{display: table;width: 100%;text-align: center;border-top: 2px solid #d6d6d6;border-bottom: 1px solid #c2c2c2;background-color: #f5f5f5;height: 41px;padding-top: 12px;color: #666;font-size: 0.875rem;}
.prd-list-header-item{display: table-cell;height: 20px;position: relative;font-weight: 500;}
.prd-list-header-item:not([class*="w"]):not(.prd-list-header-chk){width: auto;}
.prd-list-header-item ~ .prd-list-header-item::before{content: '';display: block;position: absolute;left: 0;top: 50%;margin-top: -10px;height: 12px;width: 0;border-left: 1px solid #c2c2c2;}
.prd-list-header-chk{margin-top: -3px;width: 36px;}
.prd-list-header-chk + .prd-list-header-item::before{content: none;}
.prd-list .list-group{display: table;width: 100%;}
.prd-list .list-group .list-group-item{}
.prd-list .list-group .list-group-item + .list-group-item{border-top: 1px solid #e0e0e0;}
.prd-list .list-group .list-group-item + .list-group-item.event-item{border-top: none;}
/* .prd-list .list-group .list-group-item.event-item + .list-group-item.event-item{border-top: 1px solid #e0e0e0;} */
.wrap-shopping-list .prd-list .list-group .list-group-item + .list-group-item.event-item{/*border-top: 1px dashed #d6d6d6;*/background:#f5f5f5 url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;}
.wrap-shopping-list.giftChange .prd-list .list-group .list-group-item.bg-white + .list-group-item.bg-white{background-image: none;border-top: 1px solid #d6d6d6;}

.wrap-prd-list{position: relative;padding: 30px 0 25px;}
.prd-list-contents{float: left;position: relative;}
.prd-list-address-title{text-align: center;font-size: 0.875rem;}
.prd-list-prdImg{padding-right: 20px;min-width: 116px;}
.prd-list-check .wrap-ipt-check, .prd-list-check .wrap-ipt-check{display: inline-block;position: absolute;left: 50%;top: 50%;margin: -16px 0 0 -16px;}
.prd-list-check{text-align: center;min-height: 96px;position: relative;}
.prdImg{width: 96px;height: 96px;position: relative;display: block;overflow: hidden;}
/* .prdImg::before, .swiper-slide > .block-link::before, .prd-unit-img::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%; background: #d6d6d6 url(../../resources/images/common/no_img.png) center center no-repeat;background-size: 82% auto;} */
.prd-unit-img::before{left: 1px;top: 1px;width: calc(100% - 2px);height: calc(100% - 2px);}
.swiper-slide > .block-link::before{background-size: auto;}
.prdImg > img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.prd-list-price{text-align: center;font-size: 0.875rem;font-weight: 500;}
.prd-list-contents.prd-list-quantity{text-align: center;}
.prd-list-quantity .change_select, .prd-list-quantity .change_input{min-width: 72px;display: inline-block;}
.prd-list-quantity .edit_btn{display: block;text-align: left;}
.prd-list-amountDue{text-align: center;font-size: 0.875rem;color: #E9706C;font-weight: 500;}/* PC웹 접근성 진단 보고서 53페이지 수정 */
.prd-list-contents.prd-list-cellBtn{float: none;padding: 0 35px 25px;margin-top: -25px;text-align: right;}
.prd-list-contents.prd-list-cellBtn .btn + .btn{margin-left: 20px;}
.prd-list-name{font-size: 0.9375rem;padding-bottom: 5px;line-height: 1.2;font-weight: 400;}
.prd-list-name-detail{font-size: 0.875rem;color: #3d3d3d;}
.prd-list-option{font-size: 0.8125rem;color: #666;}
.event-list-info .prd-list-option{padding-top: 6px;line-height: 1.3;}
.prd-list-option + .btn, .prd-list-option + .btn ~ .btn{margin-top: 10px;}
.prd-list-prdDetails .btn + .btn{margin-left: 20px;}

.modal-contents .wrap-prd-list{padding: 20px 0;}
.modal-contents .prd-list-prdDetails{padding-left: 20px;}
.modal-contents .prd-list-name{padding-bottom: 10px;}

.edit_btn{margin-top: 10px;}

.list-dot{padding-top: 10px;}
.list-dot-item{position: relative;padding: 5px 0 0 12px;line-height: 1.4;font-size: 0.875rem;color: #8f8f8f;}
.list-dot-item::before{content: '';display: block;position: absolute;left: 0;top: 12px;width: 4px;height: 4px;border-radius: 2px;background-color: #707070;}

.list-group-item{}
.list-group-item > a{display: block;padding: 5px 0;color: #666;font-size: 0.875rem;}

.list-btn-sign{}
.list-btn-sign-item{padding: 12px 0;border-top: 1px solid #e0e0e0;}
.list-btn-sign-item:first-child{border-top: none;}
.list-btn-sign-item > a:hover{color: #a4d233;font-weight: 500;}

.wrap-table-list{border-bottom: 1px solid #e0e0e0;}
.table-list-item{position: relative;background-color: #fff;}
.table-list-item::after{content: '';display: table;clear: both;}
.table-list-item + .table-list-item{border-top: 1px solid #e0e0e0;}
.table-list-cell{float: left;background-color: #fff;}
.table-list-cell::before{background-color: #f5f5f5;content: '';position: absolute;width: 200px;height: 100%;top: 0;}
.table-list-th, .table-list-td{float: left;padding: 16px 15px 16px 20px;line-height: 1.4;font-size: 0.875rem;word-break: break-word;}
.table-list-th{background-color: #f5f5f5;width: 200px;position: relative;z-index: 1;font-weight: 500;}
.table-list-td{background-color: #fff;width: calc(100% - 200px);}

.list-title{padding-top: 20px;font-size: 1.125rem;font-weight: 400;color: #f27370;}
.price-detail .list-group{padding: 0 20px 20px;border-bottom: 1px solid #e0e0e0;}
.price-detail .list-dot-item{color: #3d3d3d;}

.wrap-roundbox{border: 1px solid #c2c2c2;padding: 21px 0;border-radius: 5px;}
.wrap-roundbox.wrap-collapse{background-color: #fff;border: 1px solid #c2c2c2;border-radius: 5px;padding-bottom: 0;}
.list-breadcrumb{width: 100%;}
.list-breadcrumb.auto-width{width: auto;}
.list-breadcrumb-item{padding: 0 16px;position: relative;text-align: center;font-size: 0.875rem;display: table-cell;width: 1%;}
.list-breadcrumb.auto-width .list-breadcrumb-item{width: auto;}
.list-breadcrumb-item + .list-breadcrumb-item::before{content: '';display: block;position: absolute;left: 0;top: 0;height: 12px;border-left: 1px solid #c2c2c2;}
.list-breadcrumb-item > em.color-pink{}

.list-dash-item{position: relative;padding-left:10px;margin-top: 15px;line-height: 1.4;}
.list-dash-item:first-child{margin-top: 0;}
.list-dash-item .help-block{padding-left: 13px;}
.list-dash-item::before{content: '\2011';display: inline-block;position: absolute;left: 0;top: 0;font-size: 0.9375rem;line-height: 1;}
.list-dash-item::after{content: '';display: block;clear: both;}
.price-detail-collapse .list-dash-item::before{left: 13px;}
.price-detail-collapse .detail-total-price{font-weight: 400;}

.list-basic{}
.list-basic-item{margin-top: 16px;}
.list-basic-item:first-child{margin-top: 0;}

.wrap-form-list{}
.wrap-form-list > dt{padding-top: 23px;font-size: 0.875rem;font-weight: 500;}
.wrap-form-list > dt small{font-size: 0.8125rem;font-weight: 400;}
.wrap-form-list > dd{padding-top: 10px;}

.list-border-bottom{padding: 24px 0 23px;border-bottom: 1px solid #e0e0e0;}
.list-border-bottom-item{margin-top: 5px;font-size: 0.875rem;line-height: 1.7;}
.list-border-bottom-item:first-child{margin-top: 0;}
.list-border-bottom-item .tit{font-weight: 400;color: #888;}

.wrap-order-tracking{border-top: 5px solid #f5f5f5;}
.list-order-tracking{padding-top: 20px;}
.list-order-tracking-item{padding-bottom: 20px;padding-left: 30px;line-height: 1.4;position: relative;background: url(../../resources/images/common/dashed-line-vertical.png) 8px 19px repeat-y;color: #888;}
.list-order-tracking-item:last-child{background: none;padding-bottom: 0;}
.list-order-tracking-item::before, .list-order-tracking-item::after{content: "";display: inline-block;position: absolute;left: 4px;top: 4px;width: 10px;height: 10px;border-radius: 100%;border: 2px solid #e0e0e0;background-color: #fff;z-index: 1;}
.list-order-tracking-item:first-child::before, .list-order-tracking-item:first-child::after{top: 0;}
.list-order-tracking-item::after{border: none;background-color: #fff;z-index: 0;}
.list-order-tracking-item.step{}
.list-order-tracking-item.step::before, .list-order-tracking-item.step::after{left: 0;width: 18px;height: 18px;border-radius: 0;background: transparent url(../../resources/images/common/sp_common.png) -396px 0 no-repeat;-webkit-background-size: 500px 500px;background-size: 500px 500px;border: none;z-index: 1;}
.list-order-tracking-item.step::after{background-color: #fff;background-image: none;z-index: 0;}
.in .list-order-tracking-item.step::before{animation: order-tracking-ico 2.3s ease-in infinite;}
@-webkit-keyframes order-tracking-ico {
  0% {
    opacity: 1;
  }


  30% {
    opacity: 0;
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.order-tracking-title{font-size: 0.875rem;font-weight: 400;}
.list-order-tracking-item.step .order-tracking-title{color: #141414;}
.order-tracking-title + .date{padding-top: 4px;font-size: 0.8125rem;}

/* modal */
.modal-header .close{width: 27px;height: 27px;position: relative;transform: rotate(45deg);}
.modal-header .close::before{content: '';position: absolute;left: 0;top: 13px;width: 27px;border-top: 1px solid #141414;}
.modal-header .close::after{content: '';position: absolute;left: 13px;top: 0;height: 27px;border-left: 1px solid #141414;}
.modal-body{max-height: 549px;min-height: 33px;overflow: auto;}
.modal-footer.wrap-page-btn{padding-top: 30px;}
.alert-msg{padding: 30px 0;border-bottom: 1px solid #e0e0e0;text-align: center;line-height: 1.7;}
.modal .lead{font-size: 1.25rem;line-height: 1.3;}
.modal .lead.sm{font-size: 0.875rem;}
.modal .lead.md{font-size: 0.9375rem;}
.modal-sub-title + .lead{padding-bottom: 20px;font-size: 0.875rem;text-align: center;}
.modal .lead.top{padding: 20px 0 10px;}

/* tooltip */
.wrap-tooltip{display: inline-block;}
.wrap-tooltip.title{padding: 30px 0 8px;text-align: right;display: block;}
.wrap-tooltip-container{display: inline-block;position: relative;}
.tooltip-title{background-color: #707070;padding: 17px 16px;text-align: left;font-size: 0.875rem;font-weight: 500;color: #fff;}
.tooltip-type-basic .btn-close{width: 20px;height: 20px;position: absolute;right: 16px;top: 15px;}
.tooltip-type-basic .btn-close::before, .tooltip-type-basic .btn-close::after{content: '';position: absolute;top: 0;left: 10px;}
.tooltip-type-basic .btn-close::before{width: 1px;height: 20px;background-color: #fff;transform: rotate(-45deg);}
.tooltip-type-basic .btn-close::after{width: 1px;height: 20px;background-color: #fff;transform: rotate(45deg);}

.tooltip-type-basic{position: absolute;width: 356px;z-index: 2;border: 1px solid #525252;background-color: #fff;box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);top: 100%;margin-top: 10px;display: none;}
.tooltip-type-basic::after{content: '';display: block;position: absolute;width: 0;height: 0;}

.tooltip-type-basic.top{bottom: 100%;top: auto;margin-bottom: 10px;}
.tooltip-type-basic.top::after{top: 100%;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 7px solid #fff;}
.tooltip-type-basic.top::before{content: '';display: block;width: 0;height: 0;position: absolute;top: 100%;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 8px solid #525252;}
.tooltip-type-basic.top.left::before{left: 9px;}
.tooltip-type-basic.top.right::before{right: 9px;}

.tooltip-type-basic.bottom{top: 100% !important;margin-top: 10px;}
.tooltip-type-basic.bottom.left, .tooltip-type-basic.top.left{left: -8px;margin-left: 0;}
.tooltip-type-basic.bottom.right, .tooltip-type-basic.top.right{left: auto;right: -8px;margin-right: 0;}
.tooltip-type-basic.bottom::after{top: auto !important;bottom: 100% !important;border-left: 6px solid transparent !important;border-right: 6px solid transparent !important;border-bottom: 7px solid #707070 !important;}
.tooltip-type-basic.bottom.left::after, .tooltip-type-basic.top.left::after{left: 10px;}
.tooltip-type-basic.bottom.right::after, .tooltip-type-basic.top.right::after{left: auto;right: 10px;}
.tooltip-title{}
.tooltip-typeBasic-body{padding: 15px;}
.tooltip-typeBasic-body{font-size: 0.8125rem;}

/* shopping bag */
.price-cost{text-decoration: line-through;font-weight: 400;color: #141414;}
.prd-list-amountDue .price-cost{padding-bottom: 5px;}
.price-prd{padding-top: 12px;}
.prd-list-name .badge{margin-right: 10px;}
.soldout, .temporarily{position: relative;}
.soldout::after, .temporarily::after{content: 'SOLD OUT';padding: 5px 5px 6px;position: absolute;left: 0;bottom: 0;width: 100%;background:rgba(0, 0, 0, 0.2);font-size: 0.8125rem;font-weight: 600;text-align: center;line-height: 1.5;color: #fff;}
.temporarily::after{content: 'Temporarily Out of Stock';}
html[lang="jp"] .temporarily::after{content: '一時品切れ';} /* 일시품절 일문표기 2022-03-21 */

.prdImg.sm.soldout::after, .prdImg.sm.temporarily::after, .prdImg.mini.soldout::after, .prdImg.mini.temporarily::after{content: none;}

.event-item{background-color: #f5f5f5;}
.event-check .event-item{padding-top: 31px;}
.event-item + .event-item{border-top: 1px solid #e0e0e0;}
.event-item .wrap-prd-list{padding: 0;}
.event-list-contents{float: left;}
.event-list-cate{text-align: center;}
.event-list-btn, .event-list-cate{position: absolute;right: 0;top: 50%;transform: translateY(-50%);text-align: center;}
.event-list-btn{font-size: 0.875rem;}
.event-list-btn em{}
.event-list-cate{left: 0;font-size: 0.8125rem;font-weight: 600;}
.event-list-item{position: relative;padding: 19px 0 15px;}
.wrap-shopping-list .event-list-item{padding: 15px 0 14px;display: table;width: 100%;}
.wrap-shopping-list.giftChange .event-list-item{padding-left: 20px;}
.event-list-content .event-list-item + .event-list-item{/*border-top: 1px dashed #d6d6d6;*/background: url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;}
.event-list-prdImg{position: absolute;left: 0;top: 18px;min-width: 66px;min-height: 56px;}
.prdImg.sm{width: 56px;height: 56px;}
.event-list-info{font-size: 0.9375rem;padding-right: 16px;}
.event-list-prdImg + .event-list-info{min-height: 56px;margin-left: 70px;}
.event-list-cate + .event-list-prd .event-list-prdImg + .event-list-info{margin-left: 68px;}
.prd-with-cnt{display: inline-block;}
.set-info .name .prd-with-cnt{color: #3d3d3d;margin-left: 10px;padding-left: 11px;font-weight: 500;}
.set-info .name .prd-with-cnt::before{top: 2px;height: 8px;}
.prd-name-with-cnt{line-height: 1.4;font-weight: 400;}
.prd-with-cnt{margin-left: 20px;padding-left: 21px;position: relative;}
.prd-with-cnt::before{content: '';position: absolute;left: 0;top: 5px;height: 11px;border-left: 1px solid #c2c2c2;}
.prd-with-cnt > em{margin-right: 7px;}
.event-list-option{padding-top: 11px;font-size: 0.8125rem;color: #8f8f8f;}
.event-item-lside{position: relative;}
.wrap-shopping-list .event-item-lside, .wrap-shopping-list .event-list-contents{display: table-cell;}
.wrap-shopping-list .event-list-btn, .wrap-shopping-list .event-list-cate{position: relative;left: auto;right: auto;top: auto; transform: none; vertical-align: middle;float: none;}
.event-check .event-list-cate{position: absolute;left: 0;top: -11px;}
.wrap-shopping-list .event-list-cate .cnt{position: relative;display: inline-block;padding-left: 17px;color: #f27370;font-size: 0.875rem;}
.wrap-shopping-list.giftChange .event-list-cate .cnt{padding-left: 0;}
.wrap-shopping-list .event-list-cate .cnt::before{content: '';display: inline-block;width: 11px;height: 11px;position: absolute;left: 0;top: 0;border-left: 1px solid #b4b4b4;border-bottom: 1px solid #b4b4b4;}
.wrap-shopping-list.giftChange .event-list-cate .cnt::before{content: none;}

.wrap-shopping-list .prd-name-with-cnt{font-size: 0.875rem;color: #666;text-align: left;}
.wrap-shopping-list .prd-list-option{text-align: left;}
.wrap-shopping-list .prd-with-cnt{margin-left: 9px;padding-left: 10px;font-size: 0.75rem;}
.wrap-shopping-list .prd-with-cnt::before{top: 2px;}
.wrap-shopping-list .event-list-btn .text{font-size: 0.8125rem;color: #666;}
.wrap-shopping-list .event-list-btn .text + p .btn{margin-top: 10px;}
.event-soldout .prdImg, .event-soldout .evenView-list-thmb{opacity: 0.5;}
.event-soldout a{pointer-events: none;cursor: default;}
.event-soldout .prd-list-option, .event-soldout .prd-name-with-cnt, .event-soldout .evenView-list-name{color: #b1b1b1;}
.event-soldout .prd-name-with-cnt, .event-soldout .prd-with-cnt, .event-soldout .evenView-list-name{text-decoration: line-through;}
.event-list-item .prd-name-with-cnt{font-size: 0.875rem;}

.prd-list-option + .prd-list-name{padding-top: 18px;}

.wrap-level{display: table;table-layout: fixed;width: 100%;padding: 27px 0 25px 20px;margin-bottom: 20px;border-top: 3px solid #707070;border-bottom: 1px solid #e0e0e0;}
.level-inner{position: relative;}
.wrap-level .row{display: table-row;}
.wrap-level .col-xs-10, .wrap-level .col-xs-2{display: table-cell;float: none;}
.wrap-level .col-xs-10{position: relative;font-size: 1.25rem;font-weight: 600;vertical-align: middle;}
.ico-level{display: inline-block;width: 52px;height: 52px;background: url(../../resources/images/common/sp_common.png) -250px -108px no-repeat;}
.ico-level.vip{background-position: -307px -108px;}
.ico-level.vvip{background-position: -364px -108px;}
.wrap-level .ico-level{position: absolute;top: 50%;right: 44px;margin-top: -21px;}
.wrap-level .col-xs-2{text-align: center;}
.reward-points{padding: 14px 0 11px;border-left: 1px solid #e0e0e0;}
.reward-points > dt{font-size: 0.875rem;font-weight: 600;color: #333;}
.reward-points > dd{padding-top: 17px;font-size: 1.125rem;font-weight: 600;color: #f27370;}

.wrap-total-amount{border-top: 2px solid #a4d233;border-bottom: 1px solid #d6d6d6;}
.wrap-total-amount .col-lg-4{position: relative;}
.wrap-total-amount .col-lg-4 > em{font-weight: 500;color: #666;vertical-align: middle;}
.wrap-total-amount .col-lg-4 > strong{margin-left: 10px;font-size: 1.5rem;vertical-align: middle;}
.wrap-total-amount .col-lg-4 > strong .cnt{margin-left: 7px;}
.wrap-total-amount .total-amount > em{font-size: 1.375rem;color: #141414;}
.wrap-total-amount .total-amount > strong{color: #f27370;}
.wrap-total-amount .ico-minus, .wrap-total-amount .ico-equal{position: absolute;left: -16px;top: 50%;margin-top: -16px;width: 32px;height: 32px;border-radius: 100%;border: 1px solid #eaeaea;}
.wrap-total-amount .ico-minus::before{content: '';display: block;position: absolute;left: 9px;top: 14px;width: 13px;border-top: 2px solid #999;}
.wrap-total-amount .ico-equal::before, .wrap-total-amount .ico-equal::after{content: '';display: block;position: absolute;left: 9px;width: 13px;border-top: 2px solid #999;}
.wrap-total-amount .ico-equal::before{top: 11px;}
.wrap-total-amount .ico-equal::after{top: 17px;}

.wrap-page-btn{display: block;padding-top: 40px;text-align: center;}

.wrap-select-list{border-bottom: 1px solid #e0e0e0;}
.wrap-select-list-cnt{padding-bottom: 20px;text-align: right;}
.select-list-name{padding-bottom: 10px;font-weight: 400;color: #3d3d3d;font-size: 1rem;}
.wrap-select-list .wrap-table{border-bottom: none;}
.wrap-select-list .table-row{padding: 20px;background-color: #f5f5f5;}
.wrap-select-list .table-row.on{box-shadow: inset 0 0 0 2px #f2827f;}
.wrap-select-list .table-row + .table-row.on{border-top-color: #f5f5f5;}
.wrap-select-list .wrap-table.thumbList .table-cell{padding: 0;}

.prd-list-check .wrap-ipt-check input[type="checkbox"] + label .ico{margin-left: 0;}

.wrap-empty{position: relative;padding: 60px 0 61px;text-align: center;margin: 0 auto;}
.main > .wrap-empty{border-bottom: 2px solid #d6d6d6;}
.empty-msg{display: inline-block;color: #666;font-size: 1rem;}
.empty-msg::before{content: '';display: block;width: 65px;height: 65px;margin: 0 auto 20px;background: url(../../resources/images/common/sp_common.png) 0 -123px no-repeat;-webkit-background-size: 500px;background-size: 500px;}

.wrap-shopping-list .wrap-prd-list{display: table;padding: 0;width: 100%;}
.wrap-shopping-list .wrap-prd-list .prd-list-contents{display: table-cell;vertical-align: middle;float: none;font-size: 0.875rem;}
.wrap-shopping-list .wrap-prd-list .prd-list-contents.prd-list-prdImg, .wrap-shopping-list.basic .wrap-prd-list .prd-list-check + .shopping-list-item .prd-list-contents.prd-list-prdImg{padding-left: 20px;}
.wrap-shopping-list.basic .wrap-prd-list .prd-list-check + .shopping-list-item .prd-list-contents.prd-list-prdImg{width: 131px;}
.wrap-shopping-list.basic .wrap-prd-list .prd-list-contents.prd-list-prdImg{padding-left: 0;width: 116px;}
.wrap-shopping-list.basic .wrap-prd-list .prd-list-check + .shopping-list-item .event-item{margin-left: 20px;}
.wrap-shopping-list .prd-list-btn, .wrap-shopping-list .prd-list-announcement{text-align: center;font-size: 0.875rem;font-weight: 500;line-height: 1.4;}
.wrap-shopping-list .prd-list-announcement{width: 210px;}
.prd-list-address{text-align: left;line-height: 1.2}

.shopping-list-item{display: table;vertical-align: middle;}
.shopping-list-item + .shopping-list-item::before{content: '';display: block;height: 1px;/*border-top: 1px dashed #d6d6d6;*/background: url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;}
.shopping-list-item-inner{display: table;width: 100%;table-layout: fixed;}
.shopping-list-info{display: table;width: 100%;table-layout: fixed;}
.shopping-list-item-inner + .event-item{/*border-top: 1px dashed #d6d6d6;*/background: #f5f5f5 url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;}

/* table */
[class^="wrap-table"] table{width: 100%;max-width: 100%;}

.wrap-table{display: table;padding: 10px 0;table-layout: auto;width: 100%;max-width: 100%;border-bottom: 1px solid #e0e0e0;border-collapse: collapse;font-size: 0.875rem;}
.wrap-table.thumbList .table-cell{padding: 20px 0;}
.wrap-table.thumbList .table-cell + .table-cell{padding-left: 20px;}
.table-row{}
.table-row + .table-row{border-top: 1px solid #e0e0e0;}
.table-cell{display: table-cell;padding: 10px 0;}
.table-cell + .table-cell{padding-left: 20px;}
.wrap-table > .table-cell{padding: 0;}
.table-th{font-size: 0.875rem;font-weight: 500;}
.verticalMiddle .table-cell{vertical-align: middle;}
.verticalTop .table-cell{vertical-align: top;}
.wrap-table-hasTfoot{border-bottom: 1px solid #e0e0e0;}
.wrap-table-hasTfoot .wrap-table{border-bottom: none;}
.table-tfoot{color: #3d3d3d;}
.table-tfoot .table-row{display: block;}
.table-tfoot .table-row:last-child{padding-bottom: 11px;}
.table-tfoot .table-cell{padding: 17px 0;background-color: #f5f5f5;}
.table-tfoot .table-cell:first-child{padding-left: 20px;}
.table-tfoot .table-cell:last-child{padding-right: 20px;}
.table-tfoot .table-row + .table-row{padding-top: 10px;border-top: none;}

.wrap-table-group{position: relative;}
.wrap-table.gray-th .table-cell{background-color: #fff;}
.wrap-table.gray-th .table-th{background-color: #f5f5f5;}
.wrap-table.gray-th .table-th .inner::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #f5f5f5;z-index: -1;}


.wrap-table-gray{}
.wrap-table-gray table th, .wrap-table-gray table td{border-bottom: 1px solid #e0e0e0;padding: 14px 20px;vertical-align: middle;}
.wrap-table-gray table th{background-color: #f5f5f5;font-size: 0.875rem;font-weight: 500;}
.req{display: inline-block;position: relative;}
.req::after{content: '*';display: inline-block;color: #ff201a;vertical-align: top;margin-left: 4px;}
.wrap-table-gray table .form-inline [class^="col-"] + [class^="col-"]{padding:0 4px;}
.wrap-table-gray table .form-inline [class^="col-"]:first-child{padding-left: 0;padding-right: 4px;}
.wrap-table-gray table .form-inline .form-control{width: 100%;}

.wrap-table-gray table td .check-group{margin-top: -6px;}
.wrap-table-gray table td .form-inline .radio, .wrap-table-gray table td .form-inline .checkbox, .wrap-table-gray table td .check-group .allChk{padding-top: 6px;}
.wrap-table-gray .has-error .help-block{display: none;}
.wrap-table-gray .has-error .err-msg{display: block;}
.err-msg{display: none;margin-top: 10px;font-size: 0.8125rem;line-height: 1.4;color: #f65b54;}

.agree-chk-all{padding: 17px 0;}

.wrap-table-white{}
.wrap-table-white th, .wrap-table-white td{padding: 20px 12px;line-height: 1.4;vertical-align: middle;font-size: 0.875rem;color: #3d3d3d;border-bottom: 1px solid #e0e0e0;}
.wrap-table-white th{font-weight: 400;}
.wrap-table-white td{}

.wrap-table-header-gray{}
.wrap-table-header-gray thead th{background-color: #f5f5f5;border-top: 2px solid #d6d6d6;border-bottom: 1px solid #c2c2c2;padding: 14px 0 12px;text-align: center;color: #666;font-size: 0.875rem;font-weight: 400;}
.section-title + .wrap-table-header-gray thead th{border-top: none;padding-top: 12px;}
.table-header{display: inline-block;width: 100%;padding: 0 13px;position: relative;}
.wrap-table-header-gray thead th + th .table-header::before{content: '';position: absolute;left: 0;top: 3px;height: 12px;border-left: 1px solid #c2c2c2;}
.wrap-table-header-gray th, .wrap-table-header-gray td{vertical-align: middle;line-height: 1.4;}
.wrap-table-header-gray td.order-prd-img{padding-left: 0;}

.order-number, .order-number-list{vertical-align: middle !important;}
.order-time{text-align: left !important;font-size: 0.8125rem !important;color: #666;}
.order-time.text-center{text-align: center !important;}
.order-coupon{}
.coupon-cnt{display: inline-block;width: 112px;height: 56px;background: #4c4c4c url(../../resources/images/common/sp_common.png) 0 -188px repeat;-webkit-background-size: 500px 500px;background-size: 500px 500px;text-align: center;line-height: 56px;font-size: 1rem;}
.coupon-cnt strong{font-weight: 600;font-size: 1.25rem;}


/* join */
.agree-list{}
.agree-list-item{position: relative;padding: 25px;margin-top: 20px;background-color: #f5f5f5;}
.agree-list-item:first-child{margin-top: 0;}
div.agree-list-item{border-bottom: none;}
.agree-list-title{padding-bottom: 16px;padding-right: 32px;font-size: 0.875rem;font-weight: 500;line-height: 1.3;}
.agree-list-title > em{font-weight: 400;}
.agree-chk{padding-top: 17px;}
.agree-chk::after{content: '';display: block;clear: both;}
.agree-chk .pull-left.help-block{width: 72%;}
.agree-chk .help-block{margin-top: 0;font-size: 0.875rem;}
.agree-contents{padding: 20px;height: 150px;border: 1px solid #e0e0e0;overflow: auto;background-color: #fff;color: #666;font-size: 0.75rem;line-height: 2.3;}
.collapse.in + .agree-chk{border-top: none;}
.collapse + .agree-chk{border-top: 1px solid #e0e0e0;}
.agree-list-item .btn-arr-big{position: absolute;right: 17px;top: 13px;}

.wrap-login-coupon{background-color: #f5f5f5;padding: 30px 20px;margin-top: 30px;}
.wrap-login .wrap-login-coupon .lead{padding-top: 0;font-size: 1.25rem;line-height: 1.2;}
.login-coupon-info{background-color: #fff;border-radius: 6px;padding: 23px 0 32px;box-shadow:  -1px 1px 8px 0px rgba(0, 0, 0, 0.05);}
.login-coupon-info::after{content: '';display: block;clear: both;}
.login-coupon-info .ico{display: inline-block;width: 45%;float: left;padding-right: 20px;padding-left: 23px;}
.login-coupon-info .ico > img{max-width: 100%;}
.wrap-coupon-txt{float: left;width: 55%;padding-right: 15px;}
.login-coupon-tit{padding: 10px 0 5px;font-size: 1.75rem;font-weight: 600;color: #9bce26;}
.login-coupon-tit em{display: inline-block;margin-right: 10px;border-radius: 3px;text-align: center;width: 81px;height: 39px;line-height: 39px;color: #fff;text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);background-color: #9bce26;}
.login-coupon-txt{font-size: 1.125rem;color: #3d3d3d;}
.login-coupon-button{padding-top: 29px;}
.login-coupon-button .btn{width: 100%;display: block;}

.login-top-banner{margin: 0 auto;}
.login-top-banner img{width: 100%;height: auto;}
.password-update-title{padding: 40px 0 20px;font-size: 1.875rem;text-align: center;}

/* myaccount */
.wrap-my-account{}
.wrap-my-account-menu{background-color: #f5f5f5;}
.my-account-contents{}
/*.wrap-trackorders-step .pull-right{margin-top: -12px;}*/
.wrap-trackorders-step .pull-right .btn.btn-txt-arr.btn-round4-pink.btn-exs{margin-top: -12px;}

.wrap-my-account-menu .my-account-menu-title, .wrap-my-account-info{background: #4c4c4c url(../../resources/images/myaccount/bg_hatching.png) 0 0 repeat;}
.wrap-my-account-menu .my-account-menu-title{background-color: #3d3d3d;}
.wrap-my-account-menu .my-account-menu-title > a{display: block;position: relative;text-align: center;line-height: 118px;font-weight: 500;color: #fff;font-size: 1.375rem;}
.list-my-account{}
.list-my-account-item{}
.list-my-account-item + .list-my-account-item{}
.list-my-account-title{}
.list-my-account-menu{color: #666;}
.list-my-account-menu.on{color: #9bce26;font-weight: 700;text-decoration: underline;}
.border-bottom-dash{}
.list-my-account-item .border-bottom-dash{}

.wrap-my-account-info{}
.my-account-member-level{padding: 30px;}
.my-account-info-member{font-size: 1.125rem;color: #fff;}
.my-account-info-button{padding-top: 10px;}
.wrap-my-account-coupons, .wrap-my-account-rewardPoints{border-left: 1px solid #3d3d3d;}
.wrap-my-account-coupons{}
.my-account-info-tit{font-weight: 500;font-size: 0.9375rem;color: #fff;}
.my-account-info-cnt{font-weight: 500;font-size: 1.125rem;color: #f27370;}
.wrap-my-account-rewardPoints{}

.my-account-menu .cnt{margin-left: 6px;color: #f27370;}
.myaccount-container{padding: 0 24px;}

.list-myaccount-step{text-align: center;border-bottom: 1px solid #e0e0e0;}
.list-myaccount-item{float: left;width: 25%;position: relative;}
.list-myaccount-item:first-child{padding-right: 8px;}
.list-myaccount-item + .list-myaccount-item{padding-left: 8px;}
.list-myaccount-item + .list-myaccount-item::before{content: '';position: absolute;left: -8px;top:11px;display: block;width: 0;height: 0;border-top: 10px solid transparent;border-left: 16px solid #949494;border-bottom: 10px solid transparent;}/* PC웹 접근성 진단 보고서 91페이지 수정 */
.list-myaccount-menu{display: block;position: relative;}
.list-myaccount-menu .cnt{padding-bottom: 15px;color: #8f8f8f;font-weight: 600;font-size: 2.625rem;}
.myaccount-step{color: #3d3d3d;font-size: 0.9375rem;word-break: break-word;}
.a-block{display: block;position: relative;}

.wrap-thumb-list{border-bottom: 1px solid #e0e0e0;text-align: center;}
.wrap-thumb-list .prdImg{width: 100%;padding-bottom: 100%;height: auto;}
.wrap-thumb-list .soldout::after{height: 40px;font-size: 1rem;line-height: 40px;}
.wrap-thumb-list .a-block{margin: 0 auto;padding: 30px 28px;}
.list-thumb-tit{padding: 15px 0 8px;font-size: 0.9375rem;font-weight: 700;text-align: left;}
.list-thumb-info{padding-top: 3px;line-height: 1.5;font-size: 0.875rem;text-align: left;}
.list-thumb-info .price-cost + .prd-list-amountDue{margin-left: 7px;}
.list-thumb-info .price-cost{font-size: 0.9375rem;}
.list-thumb-info .prd-list-amountDue, .list-thumb-info .price-prd{font-size: 1.0625rem;font-weight: 700;}
.block-list-item .prd-list-amountDue{font-size: 1.375rem;}
.prd-list-amountDue small{font-size: 72.7%;}

.wrap-table-white .flag-round-gray, .wrap-table-white .flag-round-pink, .wrap-table-white .flag-round-green{min-width: 153px;}
.myaccount-invite .lead{padding-bottom: 10px;line-height: 1.4;font-size: 0.9375rem;font-weight: 500;}
.myaccount-invite{padding: 20px;background-color: #f5f5f5;border-radius: 5px;}
.section-title + .myaccount-invite{border-radius: 0;}
.myaccount-invite .form-control{background-color: #fff;border-top-right-radius: 4px !important;border-bottom-right-radius: 4px !important;}
.myaccount-invite .input-group-btn .btn{margin-left: 10px;width: 96px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}

.date-order{font-size: 1rem;}
.prd-list-date-only .date{font-size: 0.875rem;text-align: center;}
.order-number-list{color: #8f8f8f;}
.order-apply{vertical-align: middle !important;text-align: center;font-size: 0.875rem;}
.order-time{vertical-align: middle !important;}
* + .cancle-btn{padding-top: 10px;}

.order-date{vertical-align: middle !important;}
.order-prd-info{}
.order-prd-title{text-align: left !important;}
.order-amountDue{font-size: 0.875rem;}
.order-status{}
div.order-status{float: left;font-size: 0.875rem;text-align: center;line-height: 1.4;}
.wrap-filter-search{padding:11px 103px 11px 12px;background-color: #f5f5f5;margin: 20px auto 30px;}
.filter-search-item{padding: 0 4px;}

.price-detail-total{margin-top: -1px;border-top: 2px solid #707070;border-bottom: 1px solid #d6d6d6;}
.price-detail-total .row.total{border-bottom-width: 1px;}
.section-title + .price-detail-total{margin-top: 0;border-top: none;}
.price-detail-total .row{padding: 20px 0 19px;}
.row.total{border-top: 2px solid #9bce26 !important;border-bottom: 2px solid #d6d6d6;padding: 28px 0 27px;background-color: #f5f5f5;}
.price-detail-total .row + .row, .price-detail-total .row + .price-detail-collapse, .price-detail-total .price-detail-collapse + .row{border-top: 1px solid #e0e0e0;}
.price-detail-total .price-detail-collapse + .row .help-block{padding: 0 13px;}

/* 04.01 추가 */
.price-detail-total .detail-total-title {font-weight: bold;}
.price-detail-total .price-detail-collapse .row .detail-total-title {font-weight: normal;}

.collapse-row{position: relative;}
.btn-collapse{height: 40px;width: 40px;position: absolute;right: 0;top: 6px;}
.btn-collapse::after{content: '';position: absolute;left: 50%;top: 50%;margin-top: -6px;margin-left: -6px;width: 12px;height: 12px;background:  url(../../resources/images/common/sp_common.png) -6px -47px no-repeat;-webkit-background-size: 500px;background-size: 500px;transform: rotate(0deg);transition: transform 0.3s;}
.btn-collapse[aria-expanded="false"]::after{transform: rotate(180deg);transition: transform 0.3s;}

.detail-total-title, .detail-total-price{float: left;padding: 0 13px;}
.detail-total-title{font-size: 0.9375rem;font-weight: 400;}
.detail-total-price{text-align: right;font-size: 0.875rem;font-weight: 500;}
.detail-total-price em{color: #f27370;}
.row.total .detail-total-title{font-size: 1.125rem;font-weight: 500;}
.row.total .detail-total-price{text-align: right;font-size: 1.125rem;font-weight: 700;}
.use-payment{padding-top: 14px;font-size: 0.8125rem;font-weight: 400;}
.use-payment em{margin-right: 7px;color: #141414;}

.wrap-pagination{text-align: center;padding-top: 30px;position: relative;} /* 03.29 position: relative 추가 */
.pagination > li > a{padding: 6px;line-height: 24px;}
.pagination > li > a{margin: 0 5px;}
.pprevious > span, .pagination .previous > span, .pagination .next > span, .pagination .nnext > span{display: block;width: 24px;height: 24px;background: url(../../resources/images/common/sp_common.png) -523px 0 no-repeat;}
.pagination > li > a.pprevious, .pagination > li > a.previous, .pagination > li > a.next, .pagination > li > a.nnext{margin: 0;}
.pagination > li > a.pprevious:focus, .pagination > li > a.previous:focus, .pagination > li > a.next:focus, .pagination > li > a.nnext:focus,
.pagination > li > a.pprevious:hover, .pagination > li > a.previous:hover, .pagination > li > a.next:hover, .pagination > li > a.nnext:hover{background-color: transparent;}
.pagination .pprevious > span{}
.pagination .previous > span, .pagination .next > span{background-position: -547px 0;}
.pagination .previous > span{}
.pagination .next > span,  .pagination .nnext > span{transform: rotateY(180deg);}
.pagination .next > span{}
.pagination .nnext > span{}

.btn-page-more{width: 100%;height: 40px;border-radius: 4px;border: 1px solid #989494;background-color: #fff;font-size: 0.875rem;font-weight: 500;}/* PC웹 접근성 진단 보고서 55페이지 수정 */

.wrap-filter-search{border-radius: 6px;position: relative;}
.btn-filter{background-color: #fff;color: #3d3d3d;height: 32px;font-size: 0.8125rem;border-radius: 4px;border: 1px solid #d6d6d6;}
.btn-filter.on, .btn-filter:focus{background-color: #9bce26;color: #fff;}
.wrap-filter-search .btn-group .btn-group ~ .btn-group .btn-filter{border-left: none;}
.wrap-filter-search .btn-group .btn-group + .btn-group .btn-filter.on, .wrap-filter-search  .btn-group .btn-group + .btn-group .btn-filter:focus{border-color: #9bce26;}
.wrap-filter-search .btn-submit-filter{position: absolute;right: 0;top: 0;border-radius: 0 6px 6px 0;width: 95px;height: 100%;text-align: center;background-color: #9bce26;font-weight: 500;color: #fff;}

.valid-reward-info, .expired-info{display: inline-block;}
.valid-reward-info > dt, .valid-reward-info > dd, .expired-info > dt, .expired-info > dd{display: inline-block;font-weight: 500;vertical-align: middle;}
.valid-reward-info > dd{font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;color: #f27370;}
.expired-info > dd{font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;font-weight: 400;}
.wrap-table-header-gray.type02 .prd-list-name{vertical-align: top;font-weight: 400;font-size: 0.875rem;}
.wrap-table-header-gray.type02 .prd-list-name + .order-number{vertical-align: top;}

/* datepicker */
.datepicker{box-shadow: none;border: 1px solid #b4b4b4;margin: 0;padding: 8px 20px 10px;}
.datepicker td, .datepicker th{vertical-align: middle;}
.datepicker th{font-weight: 600;}
.datepicker-left, .datepicker-right{display: inline-block;position: relative;width: 25px;height: 25px;border-radius: 100%;border: 1px solid #e3e3e3;}
.datepicker-left:hover, .datepicker-right:hover{border-color: #f27370;}
.datepicker-left::before, .datepicker-right::before{content: '';display: block;position: absolute;border-radius: 1px;left: 50%;top: 50%;margin: -6px 0 0 -3px;width: 10px;height: 10px;transform: rotate(45deg);}
.datepicker-left:hover::before, .datepicker-right:hover::before{border-color: #f37b78;}
.datepicker-left::before{border-left: 2px solid #939393;border-bottom: 2px solid #939393;}
.datepicker-right::before{border-right: 2px solid #939393;border-top: 2px solid #939393;margin-left: -6px;}
.datepicker-left{}
.datepicker-right{}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover{background-color: #fff !important;}
.datepicker-dropdown::before, .datepicker-dropdown::after{content: none;}
.datepicker .datepicker-switch{color: #3d3d3d;font-size: 1rem;width: 162px;}
.datepicker .datepicker-switch:hover{color: #f27370;text-decoration: underline;}
.table-condensed > thead > tr > th{padding: 12px 0;}
.table-condensed > thead > tr > th.dow{padding: 10px 0;font-size: 0.625rem;}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > td{width: 30px;height: 30px;}
.table-condensed > tbody > tr > td{font-size: 0.75rem;font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;color: #555;border-radius: 100%;padding: 0;}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{background-image:none;background-color:#ebebeb;}
.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover, .datepicker table tr td.active.active, .datepicker table tr td.active, .datepicker table tr td.selected, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active, .datepicker table tr td span.active
{background-image: none;background-repeat: no-repeat;background-color:#f27370; color: #fff;text-shadow: none;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{background: 0 0;color: #999;cursor: default;}
.datepicker table tr td.range:hover{border-radius: 100%;}

/* swiper tab */
.tab-swiper-title .btn{width: 100%;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{background-color: #ebebeb;opacity: 1;width: 11px;height: 11px;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{background-color: #9bce26;}

.wrap-fixed-top.on .swiper-container-free-mode > .swiper-wrapper{margin-top: 9px;margin-bottom: 9px;}

/* 별점 평균값 */
.wrap-star-rating {width: 87px;position: relative;}
.wrap-star-rating,
.star-rate {display: inline-block;height: 15px;background:  url(../../resources/images/star_sm.png) 0 0 no-repeat;-webkit-background-size: 87px 33px;background-size: 87px 33px;}
.star-rate {position: absolute;left: 0;top: 0;background-position: left bottom;line-height: 0;vertical-align: top;}

.btn-starRate input[type="radio"]{z-index: -1;position: absolute;left: 50%;top: 50%;border: none;width: 1px;height: 1px;}
.btn-starRate{width: 15px;height: 15px;float: left;position: relative;}
.btn-starRate + .btn-starRate{margin-left: 3px;}
.review-eval .btn-starRate-group{display: none;}
.review-score .btn-starRate{width: 25px;height: 25px;}
.review-score .btn-starRate + .btn-starRate{margin-left: 5px;}

.review-score .wrap-star-rating {width: 144px;}
.review-score .wrap-star-rating, .review-score .star-rate {height: 25px;overflow: hidden;background: url(../../resources/images/star.png) 0 0 no-repeat;-webkit-background-size: 144px 53px;background-size: 144px 53px;}
.review-score .star-rate {background-position: left bottom;}

/* login */
.wrap-login{padding-bottom: 30px;}
.wrap-login .page-header{padding-bottom: 20px;border-bottom: none;}
.wrap-login .lead{font-size: 0.9375rem;line-height: 1.4;text-align: center;padding-bottom: 15px;}

/* jp 05.25 */
html[lang="jp"] .wrap-login .lead{font-size: 0.875em;}

.list-inputLg{padding-bottom: 12px;}
.list-inputLg > li{margin-top: 10px;}
/* .list-inputLg-item{margin-top: 10px;} */
.wrap-inline-inputButton input + .input-group-btn{padding-left: 8px;}
.list-inputLg-item .form-control{height: 50px;}
.wrap-login .wrap-page-btn{padding-top: 20px;}
.wrap-login .list-breadcrumb{margin-top: 18px;}
.wrap-login .list-breadcrumb-item:last-child{padding-right: 0;}
.wrap-login .wrap-page-btn .btn{display: table-cell;width: 1%;min-width: auto !important;}
.list-inputLg .input-group{width: 100%;}
.input-group .table-gap{display: table-cell;width: 8px;vertical-align: middle;text-align: center;}
.list-inputLg .input-group .form-control:first-child{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.list-inputLg .input-group .form-control:last-child{border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.login-userEmail{padding:24px 0 36px;font-size: 1.125rem;font-weight: 500;text-align: center;color: #f27370;}
.lead + .login-userEmail{padding-top: 15px;}
.wrap-btn-block{padding-bottom: 10px;text-align: center;}
.login-userEmail + .list-inputLg{margin-top: -10px;}
.list-inputLg .help-block{padding-bottom: 10px;}
.wrap-guest-checkout{background-color: #f5f5f5;padding: 0 16px 40px;margin-top: 30px;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
.wrap-guest-checkout .page-header{font-size: 1.5rem;}
.wrap-login-checkout{margin-top: 30px;}
.wrap-login-checkout .btn{display: block;width: 100%;}

/* coupons */
.wrap-roundbox > .container{padding-bottom: 21px;}
.wrap-roundbox .myaccount-invite{border-radius: 0 0 5px 5px;}
.input-group select.form-control:last-child{ border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.wrap-select + .mo-block{margin-top: 10px;}

.wrap-filter-table{padding: 20px 0 12px;border-bottom: 2px solid #d6d6d6;}
.wrap-filter-table.bdb-0{padding-bottom: 0;}
.fliter-table-total{float: left;margin-top: 8px;font-size: 0.9375rem;color: #666;}
.fliter-table-total dt{font-weight: 400;float: left;}
.fliter-table-total dd{margin-left: 6px;float: left;}
.fliter-table-total strong{font-weight: 700;margin-right: 5px;color: #141414;}
.fliter-table-select{float: right;}

/* index */
.block-link{display: block;position: relative;}
.block{display: block;}
.inline-block{display: inline-block;vertical-align: middle;}
.main-top-banner{width: 100%;margin: 0 auto;}
.main-top-banner .swiper-button-prev, .main-top-banner .swiper-button-next{width: 43px;height: 50px;background: rgba(0, 0, 0, 0.5);bottom: 15px;top: auto;}
.main-top-banner .swiper-button-prev::after, .main-top-banner .swiper-button-next::after{content: '';display: block;position: absolute;top: 19px;width: 13px;height: 13px;transform: rotate(45deg);border-radius: 1px;}
.main-top-banner .swiper-button-prev::after{border-left: 2px solid #fff;border-bottom: 2px solid #fff;left: 19px;}
.main-top-banner .swiper-button-next::after{border-right: 2px solid #fff;border-top: 2px solid #fff;left: 12px;}
.main-top-banner .swiper-button-prev{border-radius: 4px 0 0 4px;left: auto;right: calc(25% - 60px);}
.main-top-banner .swiper-button-next{border-radius: 0 4px 4px 0;right: calc(25% - 103px);}
.main-top-banner img{position: absolute;left: 50%;top: 0;transform: translate(-50%, 0);}
.main-top-banner .swiper-slide > .block-link{overflow: hidden;}
.wrap-pagination-area{position: absolute;z-index: 1;font-size: 0.8125rem;font-weight: 300;}
.main-top-banner .wrap-pagination-area{right: 25%;bottom: 15px;font-size: 1.125rem;}
.wrap-pagination-area .swiper-pagination{position: relative;display: inline-block;width: auto;left: auto;bottom: auto;}
.wrap-pagination-area .swiper-pagination-area{display: inline-block;}
.wrap-swiper-pagination{display: inline-block;border-radius: 25px;padding: 6px 13px 5px;background: rgba(255, 255, 255, 0.5);border: 1px solid #e0e0e0;}
.main-top-banner .wrap-swiper-pagination{padding: 7px 16px 4px;}
.wrap-pagination-area .swiper-pagination-current{color: #141414;font-weight: 400;}
.wrap-pagination-number .wrap-pagination-area{min-height: 22px;}
.wrap-pagination-number .wrap-pagination-area .control-txt{margin-top: 2px;}
.wrap-swiper-pagination .control-txt{vertical-align: top;margin-left: 15px;}
.control-txt{display: inline-block;position: relative;width: 9px;height: 13px;background-color: #fff;}
.main-top-banner .control-txt{background-color: transparent;}
.control-txt::before, .control-txt::after{content: '';position: absolute;top: 0;}
.swiper-control-pause .control-txt::before, .swiper-control-pause .control-txt::after{height: 13px;border-left: 2px solid #141414;}
.swiper-control-pause .control-txt::before{left: 0;}
.swiper-control-pause .control-txt::after{right: 0;}
.swiper-control-play .control-txt::before{width: 0;height: 0;border-top: 5px solid transparent;border-left: 6px solid #141414;border-bottom: 5px solid transparent;right: 0;}
.btn-more-top{vertical-align: top;}
.btn-more-top .btn{width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 100%;background: rgba(255, 255, 255, 0.5);margin-left: 5px;border: 1px solid #e0e0e0;}
.btn-more-top .btn::before, .btn-more-top .btn::after{content: '';display: block;position: absolute;left: 50%;top: 50%;}
.btn-more-top .btn::before{width: 12px;height: 2px;border-top: 1px solid #141414;margin: -1px 0 0 -6px;}
.btn-more-top .btn::after{width: 2px;height: 12px;border-left: 1px solid #141414;margin: -6px 0 0 -1px;}

.wrap-middle-lead{overflow: hidden;}
.wrap-middle-lead .block-link{line-height: 0;height: 120px;}
.wrap-middle-lead .block-link > img{position: absolute;height: 100%;left: 50%;top: 0;transform: translateX(-50%);}
.main-modal-viewList{margin: 0 -15px;}
.main-modal-viewList-item{}
.main-modal-viewList-item + .main-modal-viewList-item{margin-top: 15px;}
.main-modal-viewList-item .block-link{line-height: 0;}
.main-modal-viewList-item .block-link > img{width: 100%;}
.main-viewlist .modal-header{border-bottom: none !important;}
.main-viewlist .modal-body{max-height: 60vh;}

.main-section{padding-top: 100px;overflow: hidden;}
.main-section.bg{background-color: #ededed;}
.main-section .section-title{padding-top: 0;padding-bottom: 30px;}
.main-section .swiper-slide{padding: 0 24px;height: auto;}
.wrap-pagination-number .swiper-container{padding-bottom: 60px;}
.wrap-pagination-number .wrap-pagination-area{padding: 0 28px;bottom: 0;left: 50%;transform: translateX(-50%);}
.wrap-pagination-number .arrows-text{padding: 0 94px;}
.wrap-pagination-number .arrows-text::after{content: '';position: absolute;display: block;width: 1px;height: 13px;border-left: 1px solid #141414;left: 50%;top: 2px;z-index: -1;}
.wrap-pagination-number .swiper-button-prev, .wrap-pagination-number .swiper-button-next{height: 22px;bottom: 2px;top: auto;width: auto;}
.wrap-pagination-number .swiper-button-prev{padding-left: 24px;left: 0;}
.wrap-pagination-number .swiper-button-next{padding-right: 24px;right: 0;}
.wrap-pagination-number .swiper-button-prev::after, .wrap-pagination-number .swiper-button-next::after{content: '';display: block;position: absolute;bottom: 5px;top: auto;width: 12px;height: 12px;transform: rotate(45deg);}
.wrap-pagination-number .swiper-button-prev::after{left: 4px;border-left: 1px solid #8a8a8a;border-bottom: 1px solid #8a8a8a;}
.wrap-pagination-number .swiper-button-next::after{right: 4px;border-right: 1px solid #8a8a8a;border-top: 1px solid #8a8a8a;}
.wrap-pc-tab{position: relative;padding-top: 178px;}
.wrap-pc-tab .tabpanel{}
.wrap-pc-tab .tab-title{position: absolute;width: 50%;left: 0;top: 100px;text-align: right;font-size: 1.75rem;color: #8f8f8f;font-weight: 300;}
.wrap-pc-tab .tab-pane + .tab-title{left: 50%;text-align: left;}
.wrap-pc-tab .tab-title > a{padding: 0 30px;}
.wrap-pc-tab .tab-title.active > a{padding-right: 28px;}
.wrap-pc-tab .tab-pane + .tab-title.active > a{padding-left: 29px;}
.wrap-pc-tab .tab-pane + .tab-title::before{content: '';display: block;position: absolute;left: 0;top: 4px;height: 20px;border-left: 1px solid #7f7f7f;}
.wrap-pc-tab .tab-title.active{font-weight: 700;color: #141414;}
.wrap-pc-tab .tab-title:only-of-type{width: 100%;text-align: center;font-weight: 700;color: #141414;}
.wrap-pc-tab .tab-pane:only-of-type{display: block !important;}
.wrap-pc-tab .tab-pane{/*display: none;*/}
.wrap-pc-tab .tab-pane.active{display: block;}
.swiper-button-prev, .swiper-button-next{font-size: 1rem;color: #141414;}

.prd-unit{display: block;margin-bottom: 1px;width: 100%;position: relative;text-align: center;}
.prd-unit::after{content: '';display: block;height: 2px;background-color: #9bce26;}
.featured-brands .prd-unit-img{box-shadow: inset 0 0 0 1px #e0e0e0;}
.prd-unit-img{padding-bottom: 100%;overflow: hidden;position: relative;line-height: 0;box-sizing: border-box;}
.prd-unit-img > img{position: absolute;height: calc(100% - 2px);max-width: 100%;left: 0;padding-left:1px;top: 1px;}
.prd-unit figcaption{border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}
.fig-title{padding: 20px 8px 0;font-size: 1.125rem;font-weight: 700;}
.fig-exp{padding: 9px 5px 0;font-size: 1.375rem;color: #666;font-weight: 300;line-height: 1.2;width: 100%;}

.promo-typeA .wrap-middle-lead {margin: 16px 16px 0; border-radius: 8px; aspect-ratio: 343 / 70;}
.promo-typeA .wrap-middle-lead .block-link {height: 100%; padding-bottom:0;}
.wrap-middle-lead.type2{padding-top: 100px;}
.wrap-middle-lead.type2 .block-link{height: 145px;}

.wrap-main-notice{border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;}
.main-notice{position: relative;}
.main-notice::after{content: '';clear: both;display: block;}
.wrap-main-notice .main-sm-title, .main-notice-list, .main-notice-date, .wrap-main-notice .btn-more-plus{float: left;}
.main-sm-title{font-size: 1.375rem;font-weight: 700;}
.wrap-main-notice .main-sm-title{width: 14%;}
.main-notice-list{width: 86%;font-size: 0.9375rem;color: #666;}
.main-notice-list > a.block-link{float: left;width: 88%;padding-right: 10px;}
.main-notice-date{display: inline-block;width: 12%;font-size: 0.9375rem;color: #666;}
.btn-more-plus{width: 25px;height: 25px;}
.btn-more-plus::before, .btn-more-plus::after{content: '';display: block;position: absolute;}
.btn-more-plus::before{border-left: 1px solid #141414;left: 50%;top: 0;height: 100%;width: 0;}
.btn-more-plus::after{border-top: 1px solid #141414;left: 0;top: 50%;width: 100%;height: 0;margin-top: -1px;}
.wrap-main-notice .btn-more-plus{position: absolute;right: 0;top: 50%;}

.wrap-main-customer{}
.wrap-main-customer::after{content: '';clear: both;display: block;}
.main-customer-left{}
.main-customer-left .main-sm-title{}
.main-customer-info{display: inline-block;}
.main-customer-info > dt, .main-customer-info > dd{float: left;display: inline-block;color: #666;}
.main-customer-info > dt{font-weight: 400;}
.main-customer-info > dd{}
.main-customer-banner{line-height: 0;}
.main-customer-banner img{width: 100%;}

.main-customer-btn{width: 100%;}
.main-customer-btn{display: table}
.main-customer-btn .btn{display: table-cell;width: 48%;float: none;}
.table-gap{display: table-cell;width: 2%;}
.main-customer-banner{padding-top: 20px;}

.prd-unit-btn .btn-group > .btn{float: none;}

.wrap-prd-info .price-cost, .wrap-prd-info .price-cost:not(.cnt), .wrap-prd-info .prd-list-amountDue{display: inline-block !important;float: none;}
.wrap-prd-info .list-thumb-info .price-cost{}
.wrap-prd-info .list-thumb-info .prd-list-amountDue, .wrap-prd-info .list-thumb-info .price-prd{}
.wrap-prd-info .list-thumb-info .price-prd{padding-top: 0;}
.wrap-prd-unit{background-color: #fff;}
.wrap-prd-unit.type-frame{padding: 16px 18px;text-align: center;}

.wrap-prd-unit.type-frame .wrap-prd-info{text-align: left;}

.wrap-brand-video{margin: 0 auto;position: relative;}
.wrap-brand-video::after{content: '';display: block;clear: both;}
.main-brand-video{background-color: #000;}
.main-brand-banner{}
.main-brand-banner .line-ellipsis2{/*height: 3.5em;*/height:3em;margin-bottom:6px;}
.main-brand-banner .list-thumb-info{padding-top: 0;}
.main-brand-banner .list-thumb-tit{padding: 23px 0 6px;}
.main-brand-banner .section-title.elg{padding-bottom: 20px;text-align: left;font-size: 2.25rem;}
.section-title.elg small{display: block;padding-top: 10px;font-size: 0.9375rem;line-height: 1.4;}
.main-brand-video{overflow: hidden;position: relative;}
.btn-main-youtube, .btn-main-youtube img{position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.btn-main-youtube.video-js{position:absolute;}/* 2024-09-19 메인 동영상 영역 play 버튼 추가 */
.wrap-brand-video .swiper-slide:first-child{margin-left: -24px;}
.wrap-brand-video .swiper-slide{padding: 0 0 0 24px;}
.main-brand-banner .swiper-pagination-progressbar{background: rgba(255, 255, 255, 1);top: auto;height: 2px;}
.main-brand-banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #141414;}
.main-brand-banner .swiper-button-prev, .main-brand-banner .swiper-button-next{width: 24px;height: 24px;border-radius: 100%;background-color: #fff;top: auto;bottom: 0; border: 1px solid #828282;}/* PC웹 접근성 진단 보고서 44페이지 수정 */
.main-brand-banner .swiper-button-prev::after, .main-brand-banner .swiper-button-next::after{content: '';display: block;position: absolute;top: 7px;width: 8px;height: 8px;border-bottom: 1px solid #484848;}/* PC웹 접근성 진단 보고서 44페이지 수정 */
.main-brand-banner .swiper-button-prev::after{border-left: 1px solid #484848;transform: rotate(45deg);left: 9px;}/* PC웹 접근성 진단 보고서 44페이지 수정 */
.main-brand-banner .swiper-button-next::after{border-right: 1px solid #484848;transform: rotate(-45deg);left: 6px;}/* PC웹 접근성 진단 보고서 44페이지 수정 */

.prd-flag-group{margin-top: 8px;padding-bottom: 1px;text-transform: uppercase;display: inline-block;width: 100%;}
.prd-flag-group.top{padding-top: 0;padding-bottom: 8px;line-height: 2;margin-top: -8px;}
.prd-unit-img .prd-img-badge-group, .list-thumb-list-item .a-block .prd-img-badge-group{position: absolute;left: 0;top: 0;}
.prd-img-badge-group .badge + .badge{margin-left: -5px;}
.prd-flag-group .badge{float: left;}

.wrap-float-banner{position: absolute;right: 8%;top: 323px;z-index: 10;animation-name: float-banner;animation-duration: 2.3s;animation-iteration-count: infinite;}
.wrap-float-banner .block-link{width: 155px;}
.wrap-float-banner .block-link > img{width: 100%;}
.btn-close-float-banner{width: 40px;height: 40px;position: absolute;top: 0;right: 0;}
@keyframes float-banner {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-25px); }
    100% { transform: translateY(0); }
}


/* flash deal */
.wrap-top-img-banner{}
.top-img-banner{}
.top-img-banner img{width: 100%;}
.block-list-item{position: relative;}
.block-list-item .prd-unit-img{padding-bottom: 0; margin: 0 auto;}
.block-list-item .prd-unit-img > img{left: 50%;transform: translateX(-50%);max-width: none;}
.wrap-top-img-banner .lead{border-bottom: 1px solid #eaeaea;font-size: 0.9375rem;line-height: 1.5;}
.block-list{display: -webkit-flex;display: -ms-flex;display: flex;flex-wrap: wrap;}
.block-list .wrap-prd-unit{position: relative;/*width: 100%;*/height: 100%;}
.block-list.type-box .wrap-prd-unit{/*height: auto;*/}
.block-list.type-box .wrap-prd-unit, .block-list.type-bottom-btn .wrap-prd-unit{border: 1px solid #e0e0e0;padding: 0 0 49px;padding-left: 20px;padding-right: 20px;}
.block-list.type-bottom-btn .wrap-prd-unit{margin-left: 20px;margin-right: 20px;padding-left: 0;padding-right: 0;}
.wrap-prd-info::after{content: '';clear: both;display: block;}
.wrap-prd-info + .wrap-prd-unit-btn{border-bottom: none;position: absolute;left: 0;bottom: 0;width: 100%;border-top: 1px solid #e0e0e0;}
.type-box .block-list-item .prd-unit-img::before{background-color: #fff;}
.type-box .wrap-prd-info + .wrap-prd-unit-btn{border-top: none;}
.block-list-item  .prd-unit-img + .wrap-prd-info{padding-bottom: 20px;}
.block-list-item{padding-top: 20px;}

/* events */
.wrap-block-list[class*="-col"]{overflow: hidden;}
.wrap-event-container{}
.event-list .wrap-prd-info, .beautytester-list .wrap-prd-info{text-align: center;}
.event-list .list-thumb-tit, .beautytester-list .list-thumb-tit{font-size: 1.375rem;}
.event-list .list-thumb-info, .beautytester-list .list-thumb-info{padding-top: 0;font-size: 0.9375rem;color: #666;font-weight: 500;}
.event-list .list-thumb-info.date{padding-top: 15px;font-size: 0.875rem;color: #888;font-weight: 700;}
.event-list .block-list-item .prd-unit-img > img{min-width: 100%;}
.event-view{}
.event-view table, .event-view td, .event-view th{vertical-align: top;}
.event-view img{max-width: 100%;margin: 0 auto;display: block;}
.beautytester-list{border-top: 1px solid #e0e0e0;}
.block-list.beautytester-list .wrap-prd-unit{border: none;padding-bottom: 98px;}
.block-list.beautytester-list .block-list-item{border-left: 1px solid #e0e0e0;}
.block-list.beautytester-list .block-list-item:first-child{border-left: none;}
.prd-unit-btn{font-size: 0.875rem;}
.prd-unit-btn .block{clear: both;text-align: center;padding-top: 20px;}
.prd-unit-btn .block .btn{width: 80%;}
.beautytester-list .line-ellipsis2{max-height: 3.2em;}
.beautytester-list .list-thumb-tit{padding-bottom: 0;}
.beautytester-list .list-thumb-tit + .list-thumb-info{margin-top: 20px;}
html[lang="jp"] .beautytester-list .list-thumb-tit{line-height:1.8125rem;max-height:4.5625rem;}/* 2022-08-04 추가 */
.plan-time .title-name{display: inline-block;position: relative;padding-right: 10px;margin-right: 10px;color: #888;font-family: Roboto;}
.plan-time .title-name::after{content: '';position: absolute;right: 0;bottom: 2px;height: 12px;border-left: 1px solid #c2c2c2;}
.modal .shipping-infomation .form-inline.inline-block + .wrap-select.inline-block{width: calc(100% - 92px);}
.modal .shipping-infomation input[type="text"]{border-radius: 4px;}
/* [S] 2022-08-24 수정 */
.modal .shipping-infomation .list-basic .list-basic-item{display:flex;align-items:center;}
.modal .shipping-infomation .list-basic .list-basic-item .wrap-ipt-check.radio{flex:0 1 auto;}
.modal .shipping-infomation .list-basic .list-basic-item .wrap-select.inline-block{flex:1;}
/* [E] 2022-08-24 수정 */
.prd-list .wrap-flag-area{padding-bottom: 10px;}
.event-prd-info-caution{font-size: 0.875rem;color: #b1b1b1;}
.list-group-item.close-list{color: #b1b1b1;}

.shopping-item-status{font-weight: 500;font-size: 0.875rem;}
.shopping-item-status + p .btn{margin-top: 10px;}
.shopping-item-announcement{color: #b1b1b1;font-weight: 400;}

/* Change your preference language */
.wrap-language-form{text-align: center;padding-top: 20px;line-height: 0;}
.wrap-language-form .form-inline{display: inline-block;}


/* add TO bag pop */
.layer-alim.addToBag-on .icon{background-position: 0 -72px;height: 41px;}

.promo-typeA .wrap-swiper-pagination{display: inline-block;border-radius: 25px;padding: 6px 13px 5px;background: none;border: 1px solid #e0e0e0;}
.promo-typeA .wrap-swiper-pagination .control-txt{vertical-align: top;margin-left: 0;}
.promo-typeA .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn .icon-pause,
.promo-typeA .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn .icon-play {display:flex; align-items: center; justify-content: center; width: 20px; height:20px; background: #00000033; border-radius: 10px;}
.promo-typeA .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn.play .icon-play {display:none;}
.promo-typeA .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn:not(.play) .icon-pause {display:none;}
.promo-typeA .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn svg path {stroke:transparent; fill: #FFFFFF}

@media (max-width: 1199px) {
  .dim{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);left: 0;top: 0;z-index: 1100;display: none;}
  .line-ellipsis2{max-height: 2.95em;line-height: 1.3em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;	-webkit-box-orient: vertical; word-wrap:break-word;white-space: break-spaces;word-break: break-all;}
  #u_skip{/*display: none;*/}/*MO웹 접근성 진단 보고서 20페이지 수정*/
  html{width: 100%;display: flex;}
  body{width: 100%;flex: 1;min-height: 100%;height: auto;overflow-x: hidden;overflow-y: auto;}
  .pc-only{display: none !important;}
  .mo-table{display: table !important;}
  .mo-table-row{/*display: table-row;*/box-shadow: inset 0px -1px 0px 0px rgba(224, 224, 224, 1);display:flex;flex-wrap:wrap;}
  .mo-table-row a{display:flex;align-items:center;}
  .mo-table-row a span{width:100%;}
  .mo-table-cell{display: table-cell;}
  .mo-block{display: block !important;}
  .mo-inline-block{display: inline-block !important;}
  .mo-block::after{content: '';clear: both;display: block;}
  .mo-block + .table-gap{display: block;height: 10px;}
  .mo-block-w100{width: 100%;}
  .main{padding-bottom: 0px;} /* 05.31 수정 */
  .container.sm{padding: 0 16px 20px;}
  .wrap-nav .nav-util-list .btn{word-break: break-word;}

  .navbar{overflow: hidden;}

  /* box */
  .box-default-blank{padding: 20px 16px;}

  /* .contents-body{overflow-x: hidden;} */
  /* gnb */
  .logo > a{height: 27px;line-height: 27px;background: none;cursor: default;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  .main-page .logo > a, .index-page .logo > a, .nav-page .logo > a{width: 152px;background: url(../../resources/images/common/mo_logo.svg) 0 0 no-repeat; background-size: 100% auto;}/* 2024-07-25 로고 적용 파일 확장자 수정 png -> svg */
  .main-page .logo .page-tit, .index-page .logo .page-tit, .nav-page .logo .page-tit{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
  .logo .page-tit{font-size: 1.125rem;font-weight: 500;}
  .nav-menu{font-weight: 600;font-size: 0.938rem;padding: 16px 17px;}
  .nav > li > a.on{color: #f27370;}
  .panel-title.depth-1 > .nav-menu{position: relative;padding: 15px 57px 15px 16px;}
  .panel-title.depth-1 > .nav-menu + .btn-nav-link > span{font-size: 0.8125rem;text-decoration: underline;}
  .panel-title.depth-2 > .nav-menu + .btn-nav-link > span{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
  .panel-title.depth-2 > .nav-menu + .btn-nav-link::after{content: '';position: absolute;right: 18px;top: 50%;width: 9px;height: 9px;border-right: 1px solid #3d3d3d;border-bottom: 1px solid #3d3d3d;margin-top: -6px;transform: rotate(-45deg);}
  /* .depth-1 > .nav-menu::after{content: 'view';position: absolute;right: 16px;top: 50%;margin-top: -13px;display: block;width: 40px;height: 26px;border-radius: 4px;border: 1px solid #d6d6d6;text-align: center;line-height: 24px;color: #555;font-size: 0.75rem;} */
  .depth2 .nav-menu, .nav-subdepth .nav-menu{font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif; font-size: 0.875rem;padding-left: 32px;position: relative;}
  .depth-2 > .btn-nav-menu-toggle[aria-expanded]::after, .depth-2 > .nav-menu[aria-expanded]::after{content: '';display: inline-block;width: 8px;height: 8px;background: url(../../resources/images/common/sp_common.png) -18px -48px no-repeat;-webkit-background-size: 500px;background-size: 500px;margin-right: 3px;}
  .depth-2 > .nav-menu[aria-expanded]::after{position: absolute;left: 16px;top: 22px;}
  .depth-2 > .nav-menu{font-weight: 400;}
  .depth-2 > [aria-expanded="true"], .depth-2 > .on{font-weight: 700;}
  .depth-2 > .btn-nav-menu-toggle[aria-expanded="true"]::after, .depth-2 > .nav-menu[aria-expanded="true"]::after{background-position: -27px -48px;}
  .depth3 .nav-menu, .depth-2 > .nav-menu{color: #141414;}
  .depth3 .nav-menu{padding-left: 38px;position: relative;padding-top: 14px;padding-bottom: 14px;}
  .depth3 .nav-menu::before{content: '';position: absolute;left: 24px;top: 23px;display: inline-block;width: 6px;height: 6px;background: url(../../resources/images/common/sp_common.png) -35px -48px no-repeat;-webkit-background-size: 500px;background-size: 500px;}
  #navbar{position: relative;}
  .navbar .logo{padding: 13px 0 0 0;height: 52px;}
  .nav-toggle{position: absolute !important;left: 7px;top: 8px;z-index: 992;width: 0;height: 0;padding: 0;}
  .index-page .nav-toggle, .nav-page .nav-toggle, .open .nav-toggle{width: 50px;height: 50px;}
  .nav-toggle .icon-bar{width: 24px;border-top: 2px solid #141414;top: 24px;left: 13px;}
  .nav-toggle .icon-bar::before, .nav-toggle .icon-bar::after{top: -11px;}
  .nav-toggle .icon-bar::after{top: auto;bottom: -9px;}
  .open .nav-toggle .icon-bar::before{transform: rotate(93deg); top: -2px;border-color: #fff}
  .open .nav-toggle .icon-bar::after{content: none;}
  .dropup.category, .dropdown.category{position: absolute;left: 0;top: 22px;width: 100%;float: none;}
  .nav > li{width: auto;}
  .nav > li > a{padding:5px 16px 16px 16px;font-size: 0.9375rem;text-align: left;}
  .navbar-nav{padding-top: 11px; margin: 0 auto !important;}
  .navbar-nav > li.dropdown > a{padding: 0;}
  .open .nav-toggle{left: 100%;top: 24px;margin-left: -52px;position: fixed !important;transition:left 0.3s;}
  .navbar .open > a.nav-toggle, .navbar .open > a.nav-toggle:hover, .navbar .open > a.nav-toggle:focus{color: transparent;background-color: transparent;}
  .open .nav-toggle .icon-bar{transform: rotate(41deg);border-color: #fff}
  .nav-toggle-nemu{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
  .wrap-nav{position: fixed;width: 100%;height: 100%;left: -100%;transition: left 0.3s;top: 0;background: rgba(0, 0, 0, 0.6);z-index: 991;display: block;padding-top: 0;margin-top: 0;}
  .open .wrap-nav{left: 0;transition: left 0.3s}
  .top-banner-lead-img{height: 70px;}
  .wrap-nav-inner{position: absolute;height: 100%;width: calc(100% - 52px);left: 0;top: 0;background-color: #fff;z-index: 2;overflow-y: auto;overflow-x: hidden;display: none;}
  .open .wrap-nav .wrap-nav-inner{display: block;}
  .wrap-nav .dropdown-menu{-webkit-box-shadow: none;box-shadow: none;}
  .wrap-nav .dropdown-menu > li > a{padding: 12px 0;}
  .nav-swiper{margin: 0 -15px;min-width: 100%;/*opacity: 0;*/}
  .nav-swiper.nav-fadeIn{/*animation: nav-fade 0.01s;opacity: 1;*/}
  /* .nav-0 .navbar-nav{transform: translate3d(0px, 0px, 0px);} */
  .nav-1 .navbar-nav{transform: translate3d(-267px, 0px, 0px);}
  .nav-2 .navbar-nav{transform: translate3d(-382.749px, 0px, 0px);}
  .nav-swiper.on{margin: 0;height: 47px;}
  .nav-swiper.wrap-fixed-top.on .fixedBtn_inner{height: 48px;padding-top: 0;background-color: #fff;}
  .nav-swiper .swiper-container{background-color: #fff;}
  @keyframes nav-fade {
    0% {
      opacity: 0;
    }
    100% {opacity: 1;
    }
  }
  .nav-category .panel-default:first-child{padding-top: 0;}
  .nav-category .panel-default{border-radius: 0}
  .depth1 > .panel-default:first-of-type > .panel-heading{border-top: none;}
  .wrap-menu{position: relative;}
  .dropup.wrap-nav-category, .dropdown.wrap-nav-category{position: absolute;left: -17px;top: -100%;width: 100%;margin-top: -47px;}
  .nav-logout{display: block;}
  .nav-category .depth1::after{content: '';display: block;height: 7px;background-color: #ebebeb;border-top: 1px solid #e0e0e0;}
  .nav-category .depth1::before{content: '';display: block;height: 7px;background-color: #ebebeb;border-top: 1px solid #e0e0e0;}
  .panel-title{position: relative;}

  .nav-search{float: none;width: 100%;margin-top: 0;}
  .pull-right.nav-util{margin-top: -78px;}
  .pull-right.nav-util .nav-join, .pull-right.nav-util .btn-wish{display: none;}
  .wrap-nav .nav-util{display: block;}
  .wrap-nav .nav-sign{height: 50px;padding: 10px 15px 0;background-color: #555;}
  .nav-category .panel-heading{border-top: 1px solid #e0e0e0;}
  .nav-category .nav-subdepth .panel-heading{border-top: none;}
  .nav-category .nav-subdepth{border-top: 1px solid #e0e0e0;padding: 7px 0;background-color: #ebebeb;}
  .nav-prd-img{display: none;}
  .nav-search .form-control, .nav-search .btn-search, .nav-search .btn-search::before{background-color: #f5f5f5;border: none;}

  .wrap-top-banner-lead{text-align: right;line-height: 0;}
  .top-banner-lead{width: 57px;z-index: 3;display: inline-block;}
  .top-banner-lead.on::before{height: 70px;}
  .top-banner-lead-img{width: 100%;}
  .top-banner-lead-img a{display: block;}
  .top-banner-lead-img img, .top-banner-lead-img a{height: 70px;}
  .top-banner-lead-img img.mo-only{min-width: 100%;}
  .btn-banner-lead{right: 18px;left: auto;top: 23px;display: none;width: 24px;height: 24px;transform: rotate(45deg);}
  .btn-banner-lead::before{content: '';display: block;position: absolute;left: 12px;top: 0;width: 1px;height: 24px;background-color: #fff;}
  .btn-banner-lead::after{content: '';display: block;position: absolute;left: 0;top: 12px;width: 24px;height: 1px;background-color: #fff;}
  .btn-banner-lead.on{bottom: auto;top: 24px;display: block;}

  .lead-on .contents-body{padding: 157px 0 440px;margin: -157px auto -420px;}
  .contents-body{padding: 95px 0 450px;margin: -95px auto -420px;overflow: hidden;}
  .contents-body.addrform{padding: 157px 0 0;margin: -157px auto -420px;}
  .main-page.lead-on .contents-body, .index-page.lead-on .contents-body{padding: 240px 0 450px;margin: -240px auto -420px;} /* 05.31 수정 */
  .main-page .contents-body, .index-page .contents-body{padding: 170px 0  460px;margin: -170px auto -420px;}
  .nav > li > a.new::after{top: 3px;left: 7px;}
  .btn-cart{margin-right: 7px;}
  .btn-cart::before{left: 5px;top: 2px;display: block;width: 20px;height: 25px;background:#fff url(../../resources/images/common/sp_common.png) -126px -15px no-repeat;-webkit-background-size: 500px;background-size: 500px;}
  .btn-cart .badge{font-size: 0.75rem;padding: 3px 7px;}
  .nav-util-username{padding-top: 5px;font-size: 1.25rem;font-weight: 700;color: #fff;}

  /* footer */
  .footer{min-height: 420px;padding-top: 20px;}
  .footer-list{padding-bottom: 22px;}
  .footer-acc-btn{position: relative;padding: 10px 12px 10px 0;font-size: 0.9375rem;width: 100%;text-align: left;}
  .footer-acc-btn::after{content: '';position: absolute;right: 0;top: 50%;margin-top: -6px;width: 12px;height: 12px;background:  url(../../resources/images/common/sp_common.png) -6px -47px no-repeat;-webkit-background-size: 500px;background-size: 500px;transform: rotate(0deg);transition: transform 0.3s;}
  .footer-acc-btn[aria-expanded="false"]::after{transform: rotate(180deg);transition: transform 0.3s;}
  .list-footer-corporation-item.bold{font-size: 0.875rem; padding: 28px 0 8px;}
  .list-footer-corporation-item{font-size: 0.6875rem; }
  .list-group-item > a{font-size: 0.8125rem;}
  .footer-sns-group{padding: 10px 0 20px;margin-left: -7px;}
  .footer-list .panel-collapse {padding-left: 8px;}

  /* text */
  .asterisk{padding: 10px 16px 10px 26px;}
  .asterisk::before{left: 16px;top: 11px;}
  .section-title{padding: 25px 16px 15px;position: relative;}
  .wrap-page-btn + .section-title{margin-top: 20px;}
  .section-title::before{content: '';display: block;position: absolute;width: 100%;height: 7px;background-color: #ebebeb;border-top: 1px solid #e0e0e0;left: 0;top: 0;}
  .wrap-shopping-list + .section-title::before{top: -1px;}
  .wrap-roundbox + .section-title::before{content: none;}
  .section-title:first-of-type::before{content: none;}
  .section-title.vertical{border-bottom: none;padding: 0;}
  .section-title.vertical .pull-left, .section-title.vertical .pull-right{display: block;float: none !important;}
  .section-title.vertical .pull-left{padding: 25px 16px 15px;border-bottom: 2px solid #707070;}
  .section-title.vertical .pull-right{padding: 11px 16px 13px;text-align: center;background-color: #f5f5f5;border-bottom: 1px solid #e0e0e0;}

  /* badge */
  .badge.circle{width: 42px;height: 42px;line-height: 38px;font-size: 0.6875rem;}

  /* button */
  .btn-wish::before{background-position: -96px -16px !important;width: 30px !important;}
  .prd-unit-img + .wrap-prd-unit-btn .prd-unit-btn > .btn-group + .btn-group .btn-wish-list::before{left: auto;right: 0;}

  /* main-page */
  .main-page .btn-nav-back, .index-page .btn-nav-back, .nav-page .btn-nav-back{display: none;}

  /* table */
  .wrap-table-gray{padding: 0 16px;}
  .wrap-table-gray table tr, .wrap-table-gray table th, .wrap-table-gray table td{display: block;}
  .wrap-table-gray table th, .wrap-table-gray table td{padding: 10px 0;border-bottom: none;}
  .wrap-table-gray table th{background-color: #fff;padding-top: 20px;padding-bottom: 0;}
  .wrap-table-gray table td .check-group{margin-top: 0;}
  .order-apply, .order-time{float: left;}
  .order-apply{width: 148px;padding: 6px 16px 15px;}
  .order-time{width: calc(100% - 148px);padding:6px 16px 15px 0;}
  .order-number-list{display: none !important;}

  /* sub-page */
  .sub-page .nav-search .form-control, .sub-page .nav-search .input-group-btn, .sub-page .nav-swiper, .detail-page .nav-search .form-control, .detail-page .nav-search .input-group-btn, .detail-page .nav-swiper, .payment-page .nav-search .form-control, .payment-page .nav-search .input-group-btn, .payment-page .nav-util, .payment-page .nav-swiper,
  .etc-page .nav-search .form-control, .etc-page .nav-search .input-group-btn, .etc-page .nav-swiper{display: none;}

  .sub-page .wrap-nav-category .nav-toggle, .detail-page .wrap-nav-category .nav-toggle, .payment-page .wrap-nav-category .nav-toggle, .etc-page .wrap-nav-category .nav-toggle{width: 0;height: 0;}
  .sub-page .wrap-nav-category.open .nav-toggle, .detail-page .wrap-nav-category.open .nav-toggle, .payment-page .wrap-nav-category.open .nav-toggle, .etc-page .wrap-nav-category.open .nav-toggle{width: 50px;height: 50px;}
  .sub-page .wrap-nav-category .nav-toggle .icon-bar, .detail-page .wrap-nav-category .nav-toggle .icon-bar, .payment-page .wrap-nav-category .nav-toggle .icon-bar, .etc-page .wrap-nav-category .nav-toggle .icon-bar{display: none;}
  .sub-page .wrap-nav-category.open .nav-toggle .icon-bar, .detail-page .wrap-nav-category.open .nav-toggle .icon-bar, .payment-page .wrap-nav-category.open .nav-toggle .icon-bar, .etc-page .wrap-nav-category.open .nav-toggle .icon-bar, .payment-page .wrap-nav-category.open .nav-util
  {display: block;}

  .etc-page .pull-right.nav-util{margin-top: -40px;}
  .sub-page .nav-search, .detail-page .nav-search{position: absolute;right: 0;top: 10px;width: auto;}
  .sub-page .nav-search .input-group-btn, .detail-page .nav-search .input-group-btn{display: inline-block;width: auto;}
  .sub-page .nav-search .form-control, .sub-page .nav-search .btn-search, .sub-page .nav-search .btn-search::before, .detail-page .nav-search .form-control, .detail-page .nav-search .btn-search, .detail-page .nav-search .btn-search::before{background-color: transparent;}
  .sub-page .btn-search, .detail-page .btn-search{width: 30px;height: 30px;margin-left: 0 !important;}
  .sub-page .btn-search::before, .detail-page .btn-search::before {top: 3px;left: 3px;}
  .page-header{display: none;}

  /* detail-page */
  .detail-page .nav-search{right: 78px;}
  .detail-page .nav-util{display: block;margin-top: -42px;}
  .detail-page .btn-nav-home{display: inline-block;}
  .detail-page .logo a{display: none;}
  .detail-page .logo.referer-empty > a{display: inline-block;width: 133px;height: 15px;background: #fff url(../../resources/images/common/mo_logo.svg) 0 0 no-repeat;background-size: 100% auto;}

  /* payment-page */
  .prd-cnt{font-weight: 500;}
  .prd-cnt em{color: #f27370;font-weight: 600;}

  /* list */
  .thmb-evenView-list, .evenView-list-contents{padding: 20px 0 15px;}
  .evenView-list-button{display: block;padding-bottom: 19px;}

  .bg-gray-list{padding: 15px;}
  .beautytester-notice .bg-gray-list{margin-left: -16px;margin-right: -16px;}

  .wrap-prd-list{padding: 15px 0;}
  .prd-list-cellBtn{display: none;}
  .table-list-cell{width: 100% !important;position: relative;}
  .table-list-cell + .table-list-cell{border-top: 1px solid #e0e0e0;}
  .table-list-th, .table-list-td{padding: 12px 10px 12px 15px;}
  .table-list-th, .table-list-cell::before{width: 150px;}
  .table-list-td{width: calc(100% - 150px);}
  .wrap-shopping-list.basic .wrap-prd-list .prd-list-contents.prd-list-date-only{padding: 5px 16px 15px 16px;width: auto;}
  .wrap-shopping-list.basic .wrap-prd-list .prd-list-contents.prd-list-date-only .date{text-align: left;}
  .shopping-list-item-inner + .shopping-list-item-inner::before{content: '';display: block;margin: 0 16px;height: 1px;background: url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;}
  .wrap-shopping-list.text-center{text-align: left !important;}

  .row.total{padding: 18px 0;}
  .modal .detail-total-title, .modal .detail-total-price{padding: 0;}
  /* .detail-total-title{padding: 0;} */
  .detail-total-price{/*padding: 0;*/text-align: right;}
  .row.total .detail-total-title{margin-top: 5px;padding-left: 15px;font-size: 1rem;}
  .row.total .detail-total-price{padding-right: 15px;}

  .wrap-prd-list .order-status{margin-bottom: -15px;border-top: 1px solid #e0e0e0;}
  .price-detail .list-group{padding-left: 10px;padding-right: 10px;}
  .price-detail .order-amountDue{padding-right: 0;}

  .wrap-roundbox{background-color: #f5f5f5;border: none;border-bottom: 1px solid #e0e0e0;margin-top: 0;border-radius: 0;padding: 15px 0 13px;}
  /* .list-breadcrumb-item{width: 50%;} */
  .prd-unit-img + .wrap-prd-unit-btn{padding-top: 10px;}
  .prd-unit-img + .wrap-prd-unit-btn .prd-unit-btn > .btn-group + .btn-group{float: right;width: 32px;padding-right: 3px;}
  .prd-unit-img + .wrap-prd-unit-btn .prd-unit-btn > .btn-group:first-of-type{max-width: 76%;}
  .prd-unit-img + .wrap-prd-unit-btn .prd-unit-btn > .btn-group + .btn-group .btn-wish-list{width: 100%;}
  .list-breadcrumb-item{width: auto;}
  .list-breadcrumb-item.tracknumber{display: block;text-align: left;padding: 12px 0 0;margin: 12px 16px 0;/*border-top: 1px dashed #d6d6d6;*/background: url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;}
  .list-breadcrumb-item.tracknumber::before{content: none;}

  /* modal */
  .modal-lg, .modal-dialog{width: 100%;}
  .modal-sm{}
  .modal-footer.wrap-page-btn{padding: 30px 15px;}
  .modal-header{background-color: #fff;margin: 0 15px;}
  .modal-body{max-height: 49vh;padding: 0 15px;}
  .modal-dialog{max-height: 96%;position: absolute;background-color: transparent;bottom: 0;left: 0;right: 0;/*position: fixed;height: 100%;padding-top: 20px;*/}
  .modal.in .modal-dialog{transform: translate(0, 0);}
  .modal.fade .modal-dialog{transform: translate(0, 0);}
  .modal-content{/*max-height: 100%;*/position: absolute;left: 0;bottom: 0;right: 0;border-radius: 8px 8px 0 0;border: none;box-shadow: none;}
  .modal .section-title{padding: 25px 0 15px;}
  .modal .section-title::before{content: none;}
  .modal-sub-title{text-align: center;padding: 25px 0;}

  /* tooltip */
  .wrap-tooltip{position: relative;}
  .tooltip-type-basic{width: calc(100% - 16px);max-width: 356px;top: 100%;margin-top: 10px;left: 8px;}
  .tooltip-type-basic::after{top: auto;left: 50%;margin-left: -6px;bottom: 100%;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 7px solid #707070;}

  .wrap-tooltip-container{position: static;}
  .tooltip-type-basic.right, .tooltip-type-basic.bottom.right, .tooltip-type-basic.top.right{left: auto;right: 8px;}

  .tooltip-type-basic.right::after, .tooltip-type-basic.bottom.right::after, .tooltip-type-basic.top.right::after{left: auto;right: 10px;margin-left: 0;}
  .tooltip-type-basic.left::after, .tooltip-type-basic.bottom.left::after, .tooltip-type-basic.top.left::after{left: 10px;margin-left: 0;}

  .tooltip-type-basic.bottom.left, .tooltip-type-basic.top.left{left: 8px;}
  .tooltip-type-basic.top{bottom: calc(100% - 13px);}

  /* shopping bag */
  .wrap-level{display: none;}

  .prd-list-header{/*border-bottom: none;*/border-top: none;}
  .prd-list-header-item{display: none;}
  .prd-list-header-item.prd-list-header-chk{display: block;float: none;width: 100%;text-align: left;padding: 0 16px;}
  .price-cost:not(.cnt){display: none !important;}
  .price-cost.cnt{display: block;color: #141414;}
  .prd-list-check .wrap-ipt-check{margin: -17px 0 0 -16px;width: 36px;height: 36px;}
  .event-check .event-list-cate + .event-list-prd .event-list-item .prd-list-check + .event-list-prdImg{float: left;margin-left: 48px;position: static;left: auto;top: auto;}
  .event-check .event-list-cate + .event-list-prd .prd-list-check .event-list-prdImg + .event-list-info{margin-left: 116px;}
  .event-check .event-item .prd-list-check{top: 34px;}
  .event-check .event-item .shopping-list-info{width: calc(100% - 116px);}
  .event-check .event-item .shopping-list-info .prd-list-quantity{padding-bottom: 0 !important;padding-left: 0 !important;}
  .prd-list-check .wrap-ipt-check label{width: 36px;height: 36px;}
  .prd-list-check .wrap-ipt-check input + label .ico{left: 9px;top: 10px;}
  .prd-list-check{position: absolute;left: 24px;top: 15px;z-index: 1;height: 16px;width: 16px;min-height: auto;z-index: 2;}
  /* .wrap-shopping-list .prd-list-check{top: 0;} */
  .prd-list-prdImg{width: 115px;position: absolute;left: 16px;top: 15px;}
  .wrap-shopping-list .wrap-prd-list .prd-list-contents.prd-list-prdImg{z-index: 1;padding: 15px 0 15px 16px;left: auto;top: auto;position: relative;float: left;}
  .wrap-shopping-list.basic .wrap-prd-list .prd-list-contents.prd-list-prdImg{padding-left: 16px;}
  .wrap-shopping-list.basic .wrap-prd-list .prd-list-check + .shopping-list-item .prd-list-contents.prd-list-prdImg{width: 116px;}
  .shopping-list-item, .shopping-list-info{float: left;display: block;width: 100%;}
  .shopping-list-item-inner + .event-item{margin: 0 16px;}
  .shopping-list-item-inner + .event-item .event-list-cate{width: 70px; padding-right: 0px;}
  .prd-list-prdImg + .shopping-list-info{width: calc(100% - 116px);}
  .wrap-shopping-list .shopping-list-item .prd-list-contents.prd-list-prdDetails{padding-left: 0 !important;width: 100%;}
  .shopping-list-item-inner + .shopping-list-item-inner::before{content: '';display: block;margin: 0 16px;/*border-top: 1px dashed #d6d6d6;*/background: url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;}

  .shopping-list-item .list-group-item.event-item + .list-group-item.event-item {margin: 0 16px;}
  .shopping-list-item .list-group-item.event-item + .list-group-item.event-item .event-list-cate {width: 70px; padding-right: 0px;}
  .prd-list-prdDetails{padding-left: 131px;padding-right: 16px;width: 100%;}
  .wrap-shopping-list .wrap-prd-list .prd-list-contents{display: block;width: auto;}
  .prd-list-address-title{text-align: left;padding: 20px 16px 19px;margin-bottom: 20px;background-color: #f5f5f5;font-weight: 500;}
  .hasRemoveBtn .prd-list-address-title{padding-right: 39px;}
  .wrap-shopping-list .wrap-prd-list .prd-list-contents:not([class*=" prd-list-"]){padding: 0 16px 14px;}
  .wrap-shopping-list .wrap-prd-list .prd-list-contents.order-date{width: 100%;float: left;background-color: #f5f5f5;padding-left: 16px;padding-right: 16px;}
  .wrap-shopping-list .date-order, .wrap-shopping-list .order-number{padding-bottom: 0;}
  .wrap-shopping-list .wrap-prd-list .prd-list-contents.prd-list-prdDetails{padding: 22px 16px 0 131px;}
  .wrap-shopping-list.hasRemoveBtn .wrap-prd-list .prd-list-contents.prd-list-prdDetails{padding-right: 39px;}
  .wrap-shopping-list .wrap-prd-list .shopping-list-item .prd-list-contents.prd-list-prdDetails, .wrap-shopping-list .text-list .prd-list-contents.prd-list-prdDetails{padding-left: 16px !important;}
  .wrap-shopping-list.no-remove .wrap-prd-list .prd-list-contents.prd-list-prdDetails{padding-right: 16px;}
  .prd-list-amountDue, .prd-list-price{float: right;}
  .prd-list .list-group .list-group-item{min-height: 127px;}
  .prd-list .list-group .list-group-item:first-child .order-date{border-top: 1px solid #e0e0e0;padding-top: 20px;}
  .prd-list .list-group .list-group-item:first-child .order-date::before{content: none;}
  .prd-list .list-group .list-group-item .order-date{position: relative;padding-top: 25px;border-bottom: 1px solid #e0e0e0;}
  .prd-list .list-group .list-group-item .order-date::before{content: '';position: absolute;left: 0;top: 0;width: 100%;display: block;height: 5px;background-color: #ebebeb;}
  .prd-list .list-group .list-group-item.event-item{min-height: auto;}
  .wrap-shopping-list .wrap-prd-list .prd-list-quantity + .prd-list-contents.prd-list-amountDue, .wrap-shopping-list .wrap-prd-list .prd-list-quantity + .prd-list-contents.prd-list-price{float: right;width: auto;padding: 9px 16px 15px 0; display: flex;flex-direction: column;justify-content: center;align-items: flex-end;min-height: 44px;}
  .prd-list-price{width: auto;}
  .prd-list-prdDetails + .prd-list-price{float: left; padding: 2px 0 0 131px;text-align: left;}
  .wrap-shopping-list .wrap-prd-list .prd-list-contents.prd-list-prdDetails + .prd-list-price{padding-left: 16px;}
  .prd-list-prdDetails + .prd-list-price .price-cost{padding-top: 12px;}
  .prd-list-prdDetails + .prd-list-price .price-cost + .price-prd{margin-left: 8px;}
  .prd-list-amountDue{float: right;display: none;}
  .prd-list-contents.prd-list-quantity{padding-left: 131px;padding-right: 16px;width: 74%;text-align: left;font-size: 0.8125rem;}
  .wrap-shopping-list .prd-list-contents.prd-list-quantity{width: auto;float: left;padding: 9px 0 15px 16px !important;}

  /* .wrap-shopping-list.basic .prd-list-contents.prd-list-quantity, .wrap-shopping-list.basic .wrap-prd-list .prd-list-quantity + .prd-list-contents.prd-list-amountDue{width: calc(100% - 131px);text-align: left;padding-left: 0;} */
  .wrap-shopping-list.basic .prd-list-contents.prd-list-quantity, .wrap-shopping-list.basic .wrap-prd-list .prd-list-quantity + .prd-list-contents.prd-list-amountDue{width: auto;text-align: left;padding-left: 0;}
  .wrap-shopping-list.basic .prd-list-contents.prd-list-quantity
  .wrap-shopping-list.basic .prd-list-contents.prd-list-quantity{padding-bottom: 10px !important;}
  .wrap-shopping-list.basic .wrap-prd-list .prd-list-quantity + .prd-list-contents.prd-list-amountDue{padding-left: 0;}


  .wrap-shopping-list .wrap-prd-list .prd-list-contents.prd-list-price{width: auto;float: left;padding: 9px 0 15px 131px;}
  .wrap-shopping-list .prd-list-contents.prd-list-price .price-cost, .wrap-shopping-list .prd-list-contents.prd-list-price .price-cost + p{display: inline-block;padding-top: 0;}
  .wrap-shopping-list .prd-list-contents.prd-list-price .price-cost + p{margin-left: 7px;}
  .prd-list-quantity .change_input .form-group ,.prd-list-quantity .change_input .form-control, .prd-list-quantity .change_input .edit_btn{display: inline-block;}
  .prd-list-price, .prd-list-quantity{padding-top: 33px;padding-right: 16px;}
  .prd-list-option + .btn{margin-top: 8px;}
  /* .wrap-shopping-list .prd-list-name{min-height: 2rem;} */
  .wrap-shopping-list .event-list-cate .cnt{padding-left: 0;}
  .wrap-shopping-list .event-list-cate .cnt::before{content: none;}
  .shopping-list-item + .shopping-list-item::before{content: '';display: block;border-top: 1px solid #d6d6d6;/*background: url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;*/margin: 0 16px;}

  /* .event-item .wrap-prd-list{padding: 0 16px;} */
  .event-list-prd{width: 100%;margin-left: 0;}
  .event-list-cate + .event-list-prd{padding-left: 28%;}
  .wrap-shopping-list .event-list-cate + .event-list-prd{padding-left: 0;}
  .wrap-shopping-list .event-list-btn{width: 100%;display: block;text-align: left;padding-right: 0;padding-top: 10px;padding-left: 0;}
  .wrap-shopping-list.giftChange .event-list-btn{padding-left: 16px;}
  .wrap-shopping-list .event-list-content + .event-list-btn{padding-top: 0;}
  .wrap-shopping-list .event-list-btn .btn{margin-bottom: 15px;}
  .wrap-shopping-list .event-list-item .event-list-btn .btn{margin-bottom: 0;}
  .event-list-item, .wrap-shopping-list .event-list-item{padding-right: 16px;}
  .wrap-shopping-list.giftChange .event-list-item{padding-left: 0;}
  .event-list-btn{position: relative;text-align: right;width: 100%;right: 0;top: 0;transform: translateY(0);padding-right: 16px;}
  .event-list-btn .btn, .event-list-btn em{margin-bottom: 24px;display: inline-block;}
  .prd-with-cnt{margin-left: 17px;padding-left: 18px;}
  .event-list-cate{left: 0;padding-right: 16px;padding-left: 16px;width: 28%;text-align: left;line-height: 1.4;}
  .wrap-shopping-list .event-list-cate{width: 88px;padding-right: 10px;}
  .wrap-shopping-list td .event-list-cate{width: 16%;vertical-align: top;padding-top: 18px;}
  .event-list-option{padding-top: 10px;}
  .edit_btn{margin-top: 0;margin-left: 12px;}
  .event-item-lside{width: 100%;}
  .event-list-cate + .event-list-prd .event-list-item .event-list-prdImg{left: 0;}
  .event-list-prdImg{left: 16px;}
  .event-list-prdImg + .event-list-info{margin-left: 95px;}
  .wrap-shopping-list .event-list-prdImg + .event-list-info{width: auto;}

  .wrap-total-amount{border-bottom: none;}
  .wrap-total-amount > .row{padding: 12px 15px 0;}
  .wrap-total-amount .col-lg-4{min-height: 32px;line-height: 32px;}
  .wrap-total-amount .ico-minus::before{left: 17px;width: 9px;border-top: 2px solid #141414;}
  .wrap-total-amount .col-lg-4 > em{float: left;}
  .wrap-total-amount .col-lg-4 > strong{float: right;margin-left: 0;font-size: 1.125rem;}
  .wrap-total-amount .total-amount > em{font-size: 1.0625rem;}
  .wrap-total-amount .total-amount > strong{font-size: 1.625rem;}
  .wrap-total-amount .ico-minus, .wrap-total-amount .ico-equal{float: right;display: inline-block;vertical-align: middle;position: relative;left: auto;top: auto;margin-top: 0;width: 32px;height: 32px;border-radius: 100%;border:none;}
  .wrap-total-amount .ico-equal{display: none;}
  .total-amount{padding: 15px 0;margin-top: 15px;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;}
  .wrap-page-btn .wrap-total-amount{border-top: none;display: none;}
  .wrap-fix-btn.on .wrap-total-amount{display: block;}
  .wrap-page-btn .total-amount{margin-top: 0;padding-top: 0;border-top: none;border-bottom: none;min-height: auto;line-height: 1rem;}
  .wrap-page-btn .wrap-total-amount > .row{padding: 0;}
  .wrap-page-btn .wrap-total-amount .total-amount > em{font-size: 0.8125rem;}
  .wrap-page-btn .wrap-total-amount .total-amount > strong{font-size: 1rem;}
  .on .fixedBtn_inner{position: fixed;top: 0;left: 0;width: 100%;z-index: 3;background-color: #fff;border-bottom: 1px solid #ebebeb;}
  .prd-list-header.wrap-fixed-top.on .fixedBtn_inner{position: fixed;top: 0;left: 0;width: 100%;z-index: 3;/*animation: wrap-fixed-btn 0.2s ease-in;*/background-color: #f5f5f5;height: 41px;padding-top: 12px;}

  .btn-sm,.btn-group-sm > .btn{font-size: 0.9375rem;text-align: center;}
  .wrap-page-btn{padding: 30px 16px 0;display: table;table-layout: fixed;width: 100%;}
  .wrap-page-btn.wrap-fix-btn{padding: 30px 16px 0;}
  .wrap-page-btn.wrap-fix-btn.on{height: auto;}
  .wrap-page-btn .btn-group{display: table-cell;float: none;width: 1%;}
  .wrap-page-btn .btn:not(.btn-page-more){white-space: break-spaces;display: table-cell;width: 1%;}
  .wrap-fixed-btn.on{height: 107px;}
  .wrap-fixed-btn.on .wrapFixBtn_inner{width: 100%;position: fixed;left: 0;bottom: 0;height: 107px;padding: 15px;background-color: #f5f5f5;border-top: 1px solid #d6d6d6;z-index: 4;/*animation: wrap-fixed-btn 0.3s ease-in;*/}
  .wrap-fixed-btn.on .wrap-total-amount{display: block;}
  .cate-menu{background-color: #fff;}

  @keyframes wrap-fixed-btn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .wrap-table.vertical{padding: 5px 0;display: block;}
  .wrap-table.vertical .table-row{display: block;}
  .vertical .table-cell{display: block;width: 100%;padding: 5px 0;}
  .vertical .table-cell + .table-cell{padding-left: 0;}
  .wrap-table-hasTfoot .vertical{padding-top: 15px;}
  .table-tfoot.vertical{padding-top: 5px;}
  .wrap-table.table-tfoot .table-cell{padding: 15px 0;}
  .wrap-table.table-tfoot .table-cell + .table-cell{padding-top: 0;}
  .wrap-table.table-tfoot .table-cell:first-child{padding-left: 20px;}
  .wrap-table.table-tfoot .table-cell:last-child{padding-right: 20px;}

  .wrap-change-select.form-inline .form-group{display: inline-block;}
  .shopping-item-status{text-align: left;padding-top: 15px;/*border-top: 1px dashed #d6d6d6;*/background: url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;}
  .shopping-item-announcement{text-align: left;}
  .shopping-item-status > li{float: left;position: relative;padding-left: 11px;margin-left: 10px;}
  .shopping-item-status > li::before{content: '';position: absolute;display: block;left: 0;top: 4px;height: 12px;border-left: 1px solid #c2c2c2;}
  .shopping-item-status > li:first-child{padding-left: 0;margin-left: 0;}
  .shopping-item-status > li:first-child::before, .shopping-item-status > li.status-tracknumber-item::before{content: none;}
  .shopping-item-status > li.status-tracknumber-item{margin-left: 6px;margin-top: -2px;padding-left: 0;}
  .wrap-shopping-list .wrap-prd-list .prd-list-contents.prd-list-btn .shopping-item-status .btn{margin-bottom: 0;}

  /* join */
  /*.agree-list,*/.agree-chk-all{margin: 0 16px;}
  .agree-list-item{padding: 18px 15px;}
  .agree-list-item .btn-arr-big{position: absolute;right: 6px;top: 8px;}

  /* myaccount */
  .wrap-my-account{}
  .wrap-my-account-menu{padding: 6px 0;background-color: #ebebeb;}
  .wrap-my-account-menu, .wrap-my-account-info{display: none;}
  .wrap-trackorders-step .section-title.lg{border-bottom: none;}
  /*.wrap-trackorders-step .pull-right{margin-top: 0;}*/
  .wrap-trackorders-step .pull-right .btn.btn-txt-arr.btn-round4-pink.btn-exs{margin-top: 0;}
  /* .wrap-trackorders-step::after{content: '';display: block;height: 7px;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;background-color: #ebebeb;} */
  .myaccount-main .wrap-my-account-menu, .myaccount-main .wrap-my-account-info, .myaccount-main .wrap-trackorders-step{display: block;}
  .my-account-menu-title, .list-my-account-title{display: none;}
  .list-my-account-menu{border-bottom: 1px solid #e0e0e0;width: 1%;background-color: #fff;font-size: 0.75rem;}
  .list-my-account-menu:nth-child(odd){border-right: 1px solid #e0e0e0;}
  .list-my-account-item {display: table;width: 100%;table-layout: fixed;background-color: #f5f5f5;}
  .my-account-menu{display: block;position: relative;padding: 15px 30px 13px 16px;font-weight: 500;}
  .my-account-menu::after{content: '';display: block;position: absolute;top: 50%;right: 15px;width: 9px;height: 9px;margin-top: -4px;border-radius: 1px;border-top: 2px solid #9a9a9a;border-right: 2px solid #9a9a9a;transform: rotate(45deg);}
  .myaccount-step{display: block;margin: 0;font-size: 0.75rem;line-height: 1.2;}

  .wrap-my-account-coupons, .wrap-my-account-rewardPoints{min-height: 44px;padding:14px 16px;border-top: 1px solid #3d3d3d;}
  .wrap-my-account-rewardPoints{border-left: 1px solid #3d3d3d;}
  .my-account-info-tit, .my-account-info-cnt{float: left;max-width: 50%;font-weight: 400;font-size: 0.75rem;}
  .my-account-info-cnt{float: right;font-weight: 500;word-break: break-word;}

  .myaccount-container{padding: 0;}
  .section-title.lg{margin: 0;padding: 20px 16px 16px;}
  .wrap-trackorders-step .section-title.lg + .list-myaccount-step{border-top: 2px solid #707070;}
  .list-myaccount-step{padding: 20px 0 21px;}
  .list-myaccount-menu{padding: 0 4px;}
  .list-myaccount-item + .list-myaccount-item::before{left: -2px;top: 15px;border-top: 6px solid transparent;border-left: 9px solid #949494;border-bottom: 6px solid transparent;} /* MO웹 접근성 진단 보고서 83페이지 수정 */
  .list-myaccount-item:first-child{padding-right: 0;}

  .myaccount-invite, .myaccount-invite + .list-dot{padding-left: 16px;padding-right: 16px;}
  .my-account-member-level{padding-left: 16px;padding-right: 16px;}
  .my-account-info-button{position: relative;}
  .my-account-info-button .btn-bell{position: absolute;right: 0;top: 13px;}

  .empty-wish-list{display: flex;justify-content: center;align-items: center;height: 100%;margin: 70px 0;padding: 50px 0;}
  .empty-wish-list-content{text-align: center;}
  .empty-wish-list-content-text{font-size: 16px;color: #757D86;padding: 24px 0 32px 0;margin: 0 70px;line-height: 22px;}
  html[lang="jp"] .empty-wish-list-content-text{margin: 0 50px;}

  .wrap-table-header-gray{}
  .wrap-table-header-gray thead{display: none;}
  .wrap-table-header-gray table, .wrap-table-header-gray tbody, .wrap-table-header-gray tr, .wrap-table-header-gray th, .wrap-table-header-gray td{display: block;}
  .wrap-table-header-gray td.event-item {min-height: 91px;margin: 0  16px;}
  .wrap-table-header-gray td.event-item .event-list-info{padding: 18px 16px 18px 0;}
  .wrap-table-header-gray table{border-bottom: 5px solid #ebebeb;}
  .wrap-table-header-gray.bd-thin table{border-bottom: 1px solid #e0e0e0;}
  .wrap-table-header-gray.price-detail table{border-bottom: none;}
  .wrap-table-header-gray tr::before{content: '';display: block;margin: 0 16px;position: relative;/*border-top: 1px dashed #d6d6d6;*/background: url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;margin-top: -1px;}
  .wrap-table-header-gray tr:first-child::before{border-top: none;}
  .wrap-table-header-gray.price-detail tr + tr, .wrap-table-header-gray.bd-thin tr + tr{border-top: 1px solid #e0e0e0;}
  .wrap-table-header-gray tr::after{content: '';display: table; clear: both}
  .wrap-table-header-gray td.order-date{position: relative;line-height: 1;background-color: #f5f5f5;padding: 27px 16px 0;}
  .wrap-table-header-gray td.order-date::before{content: '';display: block;position: absolute;width: 100%;height: 6px;background-color: #ebebeb;border-top: 1px solid #e0e0e0;left: 0;top: -1px;}
  .date-order, .order-number{float: left;padding-bottom: 18px;}
  .date-order{font-size: 0.875rem;}
  .order-number{margin:-4px 0 0 10px;padding-left: 10px;position: relative;}
  .order-number::before{content: '';display: block;height: 12px;position: absolute;left: 0;top: 3px;border-left: 1px solid #c2c2c2;}
  .wrap-order-status > p.cancle-btn{clear: both;margin-left: 0;padding-left: 0;float: none;}
  .wrap-order-status > p.cancle-btn::before{content: none;}

  .order-prd-title, .order-quantity, .order-status, .order-prd-img{float: left;}
  .order-prd-img ~ .order-prd-title, .order-prd-img ~ .order-quantity{margin-left: 132px;}
  .wrap-table-header-gray td.order-prd-img{position: relative;width: 116px;margin-left: 16px;}
  .wrap-table-header-gray td.order-prd-img .prdImg{position: absolute;left: 0;top: 15px;}
  .order-quantity{font-size: 0.8125rem;}
  .order-amountDue, .order-quantity{padding: 16px 0;}
  .order-amountDue{float: right;padding-right: 16px;}
  .order-prd-title{padding: 15px 16px 0 0;}
  .order-prd-img ~ .order-prd-title{min-height: 73px;width: calc(100% - 132px);}
  .order-coupon ~ .order-prd-title{margin-left: 148px;width: calc(100% - 148px);}
  .order-status{padding: 0 16px;width: 100%;}
  .wrap-order-status{padding: 16px 0;border-top: 1px dashed #e0e0e0;font-size: 0.8125rem;line-height: 1;}
  .wrap-order-status > p{float: left;color: #3d3d3d;}
  .wrap-order-status > p + p{position: relative;margin-left: 15px;padding-left: 15px;}
  .wrap-order-status > p + p::before{content: '';height: 12px;border-left: 1px solid #c2c2c2;position: absolute;left: 0;top: 1px;}
  /* .wrap-table-header-gray td[rowspan] ~ td.order-status{border-bottom: 1px solid #d6d6d6;} */
  .wrap-table-header-gray td ~ td.order-status{/*border-bottom: 1px solid #e0e0e0;*/position: relative;z-index: 1;}

  .wrap-filter-search{padding: 20px 16px 18px;margin: 0;background-color: #fff;}
  .wrap-trackorders-step + .wrap-filter-search{padding-top: 27px;position: relative;}
  .wrap-trackorders-step + .wrap-filter-search::before{content: '';display: block;position: absolute;left: 0;top: 0;height: 7px;width: 100%;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;background-color: #ebebeb;}
  .wrap-trackorders-step.pc-only + .wrap-filter-search::before{content: none;}
  .wrap-filter-search .btn-submit-filter{margin-top: 10px;position: static;width: 100%;height: 32px;line-height: 31px;text-align: center;font-size: 0.8125rem;color: #fff;background-color: #9bce26;border-radius: 4px;}
  .filter-search-item{padding: 0;}
  .filter-search-item + .filter-search-item{margin-top: 10px;}

  .wrap-pagination{padding: 20px 16px 0;}
  .modal-footer.wrap-page-btn .wrap-pagination{padding-top: 0;margin-top: -10px;}

  .order-coupon .coupon-cnt{position: absolute;top: 15px;/*left: 16px;*/}

  .block-divide-list{margin: 20px 16px;}
  .block-divide-list-item{border-radius: 4px;padding: 23px 20px 20px;background-color: #f5f5f5;}
  .block-divide-list-item + .block-divide-list-item{margin-top: 10px;}
  .valid-reward-info, .expired-info{width: 100%;}
  .valid-reward-info > dt, .expired-info > dt{width: 52%;font-size: 0.9375rem;}
  .valid-reward-info > dd, .expired-info > dd{width: 45%;text-align: right;font-size: 1.625rem;word-break: break-word;}
  .wrap-table-header-gray.type02 table{border-bottom: 1px solid #e0e0e0;}
  .wrap-table-header-gray.type02 td.order-date{background-color: transparent;font-size: 0.875rem;padding-top: 20px;border-top: 1px solid #e0e0e0;}
  .wrap-table-header-gray.type02 td.order-date::before{content: none;}
  .wrap-table-header-gray.type02 .order-prd-title{padding-left: 16px;}
  .wrap-table-header-gray.type02 .order-number{margin: 0;padding-left: 0;font-size: 0.875rem;color: #929292;}
  .wrap-table-header-gray.type02 .order-number::before{content: none;}
  .wrap-table-header-gray.type02 .prd-list-name,  .wrap-table-header-gray.type02 .prd-list-amountDue{font-size: 1.125rem;}
  .wrap-table-header-gray.type02 tbody tr:first-child td.order-date{padding-top: 27px;border-top: none;}
  .wrap-table-header-gray.type02 tbody tr:first-child td.order-date::before{content: '';display: block;position: absolute;width: 100%;height: 11px;background-color: #ebebeb;border-top: 1px solid #e0e0e0;left: 0;top: 0;}

  .wrap-shopping-list .wrap-prd-list .prd-list-contents.prd-list-btn .btn-txt-remove{position: absolute;right: 6px;top: 5px;padding: 0;width: auto;height: auto;line-height: 0;padding: 10px;}
  .wrap-shopping-list .wrap-prd-list .prd-list-contents.prd-list-btn, .wrap-shopping-list .wrap-prd-list .prd-list-contents.prd-list-announcement{position: static;clear: both;width: 100%;padding: 0 16px 15px;display: block;}
  /* .wrap-shopping-list .wrap-prd-list .prd-list-contents.prd-list-btn .btn{margin-bottom: 18px;} */
  .wrap-shopping-list .btn-txt-wish{display: none;}
  .wrap-shopping-list .btn-txt-remove{border: none;background-color: transparent;width: 13px;height: 13px;margin-left: 0;padding: 0;}
  .wrap-shopping-list .btn-txt-remove::before{width: 13px;height: 13px;margin-right: 0;background-position: -119px 0;-webkit-background-size: 500px;background-size: 500px;}

  .prd-list-name + .prd-list-option{padding-top: 5px;}
  .wrap-table-gray table .form-group textarea.form-control{height: 200px;}


  /* order detail */
  .collapse-row .detail-total-price{padding-right: 40px;}
  .price-detail-collapse{background-color: #f5f5f5;}
  .price-detail-collapse .list-dash-item{padding-left: 0;}
  .price-detail-collapse .list-dash-item::before{content: none;}

  /* login */
  .wrap-login{padding: 0 16px 30px;}
  .wrap-login .lead{padding-top: 45px;}
  .login-userEmail + .lead{padding-top: 0;}
  .login-userEmail{padding: 53px 0 32px;}
  .wrap-login .wrap-page-btn{padding-left: 0;padding-right: 0;}
  .wrap-guest-checkout{margin: 30px -16px 0;}
  .wrap-guest-checkout .page-header{display: block;}
  .login-top-banner{width: 100%;}
  .password-update-title{padding: 40px 0 20px;}
  .password-update-title + .lead{padding-top: 0;}

  /* coupon */
  .wrap-roundbox.wrap-collapse{margin: 0 16px;}
  .wrap-roundbox.top{margin-top: 20px;}
  .wrap-collapse .container .wrap-collapse-btn{text-align: center;}
  .wrap-collapse .container .lead{display: none;}
  .wrap-tooltip.title{padding: 20px 16px 8px;border-bottom: 2px solid #d6d6d6;}
  .modal-contents .prd-list-prdImg + .prd-list-prdDetails{padding-left: 131px;padding-right: 0;}
  .mh-prdImg .wrap-prd-list{min-height: 126px;}

  /* index */
  .main-top-banner .swiper-slide > .block-link{padding-bottom: 100%;}
  .main-top-banner .swiper-button-prev, .main-top-banner .swiper-button-next{display: none;}
  .main-top-banner img{height: 100%;}
  .main-top-banner .wrap-pagination-area{right: 16px;}
  .main-top-banner .wrap-swiper-pagination{padding: 9px 16px 8px;font-size: 1rem;}
  .wrap-middle-lead .block-link{padding-bottom: 22.5%;height: 0;}
  .wrap-pagination-area .btn-more-top{display: inline-block !important;}

  .main-section, .wrap-pc-tab{padding: 30px 8px 20px;position: relative;}
  .main-section + .main-section{padding-top: 30px;}
  .main-section + .main-section::before{content: '';display: block;position: absolute;left: 0;top: 0;height: 6px;width: 100%;background-color: #ebebeb;border-top: 1px solid #e0e0e0;}
  .main-section.bg + .main-section::before{content: none;}
  .wrap-pc-tab{padding-bottom: 0;}
  .wrap-pc-tab .swiper-container.best-sellers{padding-bottom: 31px;}
  .wrap-pc-tab .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 19px;}
  .wrap-pc-tab .tabpanel{position: relative;}
  .wrap-pc-tab .tab-title{position: relative;width: 100%;left: 0;top: 0;padding-bottom: 20px;text-align:center;font-weight: 700;color: #141414;}
  .wrap-pc-tab .tab-pane + .tab-title{position: relative;left: 0;text-align: center;padding-top: 36px;}
  .wrap-pc-tab .tab-pane:first-of-type .best-sellers{padding-bottom: 31px;}
  .swiper-container.best-sellers .swiper-pagination-bullets{bottom: 20px;}
  .wrap-pc-tab .tab-title > a{padding: 0;cursor: default;}
  .wrap-pc-tab .tab-title.active > a{padding-right: 0;}
  .wrap-pc-tab .tab-pane + .tab-title.active > a{padding-left: 0;}
  .wrap-pc-tab .tab-pane + .tab-title::before{content: '';display: block;position: absolute;top: 0;left: 0;height: 6px;background-color: #ebebeb;border-left: none;border-top: 1px solid #e0e0e0;margin: 0 -8px;width: calc(100% + 16px);}
  .wrap-pc-tab .tab-pane{display: block !important;opacity: 1 !important;padding-bottom:20px;position: relative;  }
  .wrap-pc-tab .tab-pane:last-child{padding-bottom: 0;}
  /* #mdpick{padding-bottom: 20px;} */
  .main-section.wrap-pc-tab .tab-pane{padding-bottom: 20px;}
  .wrap-pc-tab .tab-pane.active{display: block !important;opacity: 1 !important;}
  .swiper-container-multirow .swiper-slide{padding-bottom: 19px;}
  .swiper-container-multirow .swiper-slide{border-bottom: 1px solid #e0e0e0;}
  .swiper-container-multirow .swiper-slide:nth-child(2n){padding-top: 30px;border-bottom: none;}
  .wrap-pagination-number .swiper-container{padding-bottom: 0;}
  .featured-brands .swiper-wrapper{display: block;}
  .main-section .featured-brands .swiper-slide{width: 50%;float: left;padding-bottom: 7px;}
  .featured-brands .swiper-slide:nth-child(odd){padding-right: 8px;}
  .featured-brands .swiper-slide:nth-child(even){padding-left: 8px;}
  .featured-brands .swiper-slide:nth-child(n + 7){display: none;}
  .featured-brands .swiper-slide:nth-child(n + 3){padding-top: 7px;}

  .wrap-prd-unit.type-frame{min-height: 363px;}

  .prd-unit figcaption{height: 99px;}
  .fig-title{font-size: 0.9375rem;}
  .fig-exp{font-size: 1rem;height: 52px;max-height: 3.2rem;}

  .wrap-pagination-number{}
  .main-section .section-title{padding-bottom: 22px;}
  .wrap-middle-lead.type2{padding-top: 3px;}
  .wrap-middle-lead.type2 .block-link{height: 0;padding-bottom: 25%;}

  .wrap-main-notice{margin-top: 64px; padding: 10px 16px 9px;}
  .main-section + .wrap-main-notice{margin-top: -14px;padding-top: 16px;position: relative;border-top: none;}
  .main-section + .wrap-main-notice::before{content: '';display: block;width: 100%;height: 6px;position: absolute;left: 0;top: 0;background-color: #ebebeb;border-top: 1px solid #e0e0e0;}
  .wrap-main-notice .btn-more-plus{width: 15px;height: 15px;margin-top: -7px;}
  /* .main-notice-date{padding-right: 30px;} */
  .main-sm-title{font-size: 0.875rem;}
  .wrap-main-notice .main-sm-title{width: 19%;}
  .main-notice-list, .main-notice-date{font-size: 0.8125rem;}
  .main-notice-list > a.block-link{width: 66%;}
  .main-notice-list{width: 81%;padding-right: 25px;}
  .main-notice-date{width: 34%;}

  .wrap-main-customer{padding: 20px 16px 0;text-align: center;}
  .main-customer-info{padding: 10px 0 15px;font-size: 0.8125rem;}
  .main-customer-btn{}
  .main-customer-btn > .btn-group:first-child{padding-right: 3px;padding-left: 0;}
  .main-customer-btn > .btn-group + .btn-group{padding: 0 3px;}
  .main-customer-btn > .btn-group:last-child{padding-left: 3px;padding-right: 0;}
  .main-customer-info > dd{padding-left: 15px;}

  .swiper-container.best-sellers{padding-bottom: 30px;}
  .prd-unit-btn{width: 100%;}
  .swiper-container-multirow .prd-unit-btn > .btn-group + .btn-group{float: right;}
  .wrap-prd-info .list-thumb-info .price-cost{margin-right: 3%;}
  .wrap-prd-info .list-thumb-info .prd-list-amountDue{margin-left: 0;}

  .main-section.bg{padding: 30px 0;}
  .main-brand-banner .swiper-button-prev, .main-brand-banner .swiper-button-next{display: none;}
  .main-brand-video{margin: 0 16px 30px;padding-bottom: 64.3%;height: 0;}
  .main-brand-video iframe{position: absolute;left: 0;top: 0;bottom: 0;right: 0;}
  .wrap-brand-video .swiper-slide:first-child{margin-left: 0;}
  .wrap-brand-video .swiper-slide{padding-left: 15px;}
  /* 2022-08-04 수정 */
  .main-section .wrap-brand-video .swiper-container{padding:0 8px;}
  .main-section .wrap-brand-video .swiper-slide{padding:0 8px 20px;}
  /* .main-brand-banner .swiper-container{padding-bottom: 22px;} */
  .main-brand-banner .prd-flag-group{text-align: left;}
  .main-brand-banner .swiper-pagination-progressbar{bottom: 0;width: calc(100% - 32px);left: 16px;}
  .main-section .swiper-slide{padding: 0 12px 20px;}
  .main-section .swiper-slide:nth-child(odd){padding-right: 8px;}
  .main-section .swiper-slide:nth-child(even){padding-left: 8px;}

  .btn-wish-list{padding-left: 0;width: 23px;}
  .type-box .btn-wish-list{padding-left: 28px;width: auto;}

  [data-amount-mo="2"] .swiper-slide{width: 50%;}

  /* flash deal */
  .wrap-top-img-banner{}
  .wrap-top-img-banner .top-img-banner{margin-bottom: 15px;}
  .wrap-top-img-banner .lead{padding-bottom: 15px;margin: 0 16px;}
  .block-list-item{width: 100%;}
  .block-list .wrap-prd-unit{padding: 0 16px;}
  .block-list.event-list .prd-unit-img{margin: 0 -16px;}
  .block-list.type-box .wrap-prd-unit, .block-list.type-bottom-btn .wrap-prd-unit{border-left: none;border-right: none; padding-bottom: 56px;}
  .block-list.beautytester-list .wrap-prd-unit{border: none;padding-bottom: 98px;}
  .wrap-top-img-banner + .wrap-block-list .block-list-item:first-child .wrap-prd-unit{border-top: none;}
  .block-list-item + .block-list-item{padding-top: 30px;}
  .event-list .block-list-item + .block-list-item{padding-top: 10px;}
  .block-list-item + .block-list-item .wrap-prd-unit{border-top: none;}
  .block-list-item + .block-list-item::before{content: '';position: absolute;left: 0;top: 0;display: block;width: 100%;height: 10px;background-color: #f5f5f5;border-top: 1px solid #e0e0e0;}
  .type-box .block-list-item + .block-list-item::before{border-top: none;}
  .wrap-prd-info + .wrap-prd-unit-btn .prd-unit-btn{padding: 16px;}
  .type-box .block-list-item .prd-unit-img + .wrap-prd-info{border-bottom: 1px solid #e0e0e0;}

  .type-box .block-list-item .wrap-flash-txt + .wrap-prd-info{padding-bottom: 20px; border-bottom: 1px solid #e0e0e0;}

  .block-list-item .prd-unit-img .prd-img-badge-group{left: 0;}

  .mo-col1 .prd-unit-btn > .btn-group:first-child{width: 53%;padding-right: 7%;text-align: right;}
  .mo-col1 .prd-unit-btn > .btn-group:first-child::after{content: '';display: block;position: absolute;right: 0;top: 5px;height: 15px;border-left: 1px solid #c2c2c2;}
  .mo-col1 .prd-unit-btn > .btn-group + .btn-group{width: 47%;padding-left: 6%;text-align: left;}

  .wrap-block-list .wrap-filter-table{padding-left: 16px;padding-right: 16px;}
  .block-list-item .prd-unit-img{height: 176px;}
  .event-list .block-list-item .prd-unit-img{height: 0; padding-bottom: 59%;margin: 0 -16px;}
  .block-list-item .prd-unit-img::before{-webkit-background-size: 50% auto;background-size: 50% auto;}
  .beautytester-list .block-list-item .prd-unit-img::before{background-color: #fff;}
  .mo-col1 .block-list-item .prd-unit-img::before{left: 0;top: 0;width: 100%;height: 100%;}

  .block-list-item .prd-list-amountDue{font-size: 1.375rem;}
  .prd-list-amountDue small{font-size: 63.7%;font-weight: 400;}
  .block-list-item .price-cost{font-size: 0.75rem;}
  .wrap-prd-info .list-thumb-info.inline-block{width: 100%;}

  /* event */
  .wrap-event-view .plan-header{background-color: #f5f5f5;}
  .wrap-event-view .plan-header .plan-title, .beautytester-list .plan-header .plan-title{padding-bottom: 15px;font-size: 1.375rem;float: none;}
  .wrap-event-view .plan-header .plan-time{margin-top: 0;}
  .beautytester-list .plan-header .plan-title{float: none;}
  .beautytester-list .plan-header{border-bottom: 1px solid #e0e0e0;}
  .event-view{min-height: 400px;}
  .beautytester-notice{padding: 0 16px 17px;}
  .block-list.type-bottom-btn .wrap-event-prd-info{margin-left: 16px;margin-right: 16px;}

  .type-pc-table .prd-list-prdDetails, .type-pc-table .prd-list-date{padding-left: 16px;width: 100%;float: left;text-align: left;}
  .type-pc-table .prd-list-date{padding-top: 5px;}
  .type-pc-table .prd-list-prdImg + .wrap-event-prd-info{float: left;padding-left: 131px;width: 100%;min-height: 96px;}
  .type-pc-table .prd-list-prdImg + .wrap-event-prd-info .prd-list-prdDetails{padding-left: 0;}
  .type-pc-table .prd-list-prdImg + .wrap-event-prd-info .prd-list-date{float: left;width: 100%;text-align: left;padding-left: 0;}
  .type-pc-table .prd-list-writeReview{width: 100%;padding: 0 16px;text-align: center;}
  .event-prd-info-caution{text-align: left;}
  .event-winning-notice{border-bottom: 1px solid #e0e0e0;padding-bottom: 15px;}
  .event-winning-notice .list-dot{margin: 0 16px;}
  .event-winning-notice::before{content: '';display: block;height: 6px;border-top: 1px solid #e0e0e0;background-color: #ebebeb;}

  .promo-typeA .main-top-banner .swiper-slide > .block-link{padding-bottom: 69.3334%;}
  .promo-typeA .swiper-container.type-candara .swiper-wrapper .big-animation-wrap{top: 30px; left: 20px;}
  .promo-typeA .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt01{font-size: 20px;  line-height: 26px; letter-spacing: 0; text-align: left; color: #141414;}
  .promo-typeA .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt02{font-size: 14px;  line-height: 20px; letter-spacing: 0; text-align: left; color: #141414; padding-top: 4px; padding-left: 0;}
  .promo-typeA .wrap-pagination-area .btn-more-top{display: none !important;}
}

@media (max-width: 320px) and (orientation: portrait){
  .modal-body{max-height: 52vh;}
}

@media (max-device-width: 970px) and (orientation: landscape){
  .modal-body{max-height: 39vh;}
}

@media (min-width: 1200px){
  .pc-table{display: table;table-layout: fixed;width: 100%;}
  .pc-table-cell{display: table-cell;}
  /* swiper tab */
  .wrap-tab-swiper{width: 400px;height: 600px;}
  .wrap-tab-swiper .tab-list{width: 400px;height: 600px;}
  .wrap-tab-swiper .tab{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
  .tab-swiper-title{width: 50%;position: relative;z-index: 2;}
  .wrap-tab-swiper .tab + .tab .tab-swiper-title{margin-left: calc(50% - 1px);}
  .wrap-tab-swiper .tab-pannel{height: 100%;position: relative;margin-top: -40px;padding-top: 40px;overflow: auto;display: none;}
  .wrap-tab-swiper .tab-pannel.on{display: block;z-index: 1;}

  .mo-only{display: none !important;}
  .pc-table-row{display: table-row;}
  .lead-on .contents-body{padding: 278px 24px 349px;margin: -278px auto -349px;}
    .lead-on .contents-body.coupon-section-v2{padding: 278px 0 349px;}
  .contents-body{padding: 188px 24px 350px;margin: -188px auto -350px;}
  .contents-body.addrform{padding: 278px 24px 0;margin: -278px auto -349px;}

  /* gnb */
  /* #navbar{text-align: center;} */
  .nav > li > a.on{color: #f27370;}
  .nav-menu:hover{color: #a4d233;}
  .navbar{width: 100%;max-width: 2000px;margin: 0 auto;}
  .navbar-top{width: 1200px;margin: 0 auto;}
  .wrap-menu{display: table;margin: 0 auto;min-width: 1200px;table-layout: auto;}
  .btn-nav-back{display: none;}
  .btn-nav-link{display: none;}
  .dropup.wrap-nav-category, .dropdown.wrap-nav-category{vertical-align: middle;display: table-cell;width: 142px;}
  [lang="cn"] .dropup.wrap-nav-category, [lang="cn"] .dropdown.wrap-nav-category{margin: 62px;}

  .navbar-nav{justify-content: space-between;margin-left:30px; width: calc(100% + -9px);}
  .nav-swiper .nav > li{width: auto;margin: 0 auto;}
  .nav-swiper .nav > li:last-child{padding-right: 0;margin-left: auto;margin-right: 0;}
  .logo .page-tit{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
  .navbar .container, .footer .container{padding-left: 24px;padding-right: 24px;}
  .navbar .container{max-width: none;padding-left: 0;padding-right: 0;}
  .footer .container{position: relative;display: block;}
  .nav-swiper{/*width: 90.3%;float: left;display: inline-block;vertical-align: middle;*/display: table-cell;vertical-align: middle;}
  .nav-swiper .swiper-container{overflow: inherit;}
  .wrap-nav{/*width: 1200px;height: 619px;*/padding-bottom: 20px;}
  .dim{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);left: 0;top: 0;z-index: 1100;display: none;}
  .wrap-nav .dropdown-menu{-webkit-box-shadow: none;box-shadow: none;}
  .nav-category{padding-left: 0;padding-right: 0;background-color: transparent;}
  .depth1{width: 270px;padding-top: 15px;}
  .nav-category::before{content: '';display: block;position: absolute;width: 270px;height: calc(100% - 15px);left: 0;bottom: 0;background-color: #fff;z-index: -1;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
  .nav-category .panel-collapse{position: absolute;top: 15px;height: calc(100% - 15px);}
  .nav-category .panel-collapse::before{content: '';display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;/*background-color: #f5f5f5;*/z-index: -1;}
  .depth1 .panel-collapse{left: 270px;}
  .depth2 .panel-collapse{left: auto;position: relative;height: auto;top: auto;display: block;visibility: inherit;}
  .depth2 .panel-collapse::before{content: none;}
  /* .nav-category .depth2 .panel-body{width: 196px;height: 564px;} */
  .depth2{padding: 15px 0 33px;height: auto;column-count: auto;column-width: 198px;float: left;column-gap: 0;background-color: #f5f5f5;border-top: 1px solid #e0e0e0;}
  .wrap-nav .hasAd{min-height: 287px;}
  .nav-subdepth{width: 198px;padding-bottom: 9px;}
  .depth2 .panel{-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
  .depth2 .panel::after{content: '';display: block;position: absolute;width: 100%;height: 100%;top: 0;background-color: #f5f5f5;z-index: -1;border-top: 1px solid #e0e0e0;}

  .panel-title.depth-2 .nav-menu > span{display: block;position: relative;padding-bottom: 7px;}
  .panel-title.depth-2 .nav-menu > span::after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #707070;}

  .nav-menu{padding-left: 22px;padding-right: 22px;}
  .depth-2 > .nav-menu{line-height: 1.2;}

  .nav-category .panel-collapse .panel-body{min-width: 198px;height: 100%;}
  .nav-prd-img{height: 100%;width: 218px;break-before: column;background-color: #f5f5f5;}
  .nav-prd-img-inner{display: block;padding: 9px 22px;height: 100%;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;height: 100%;}
  .nav-prd-img-inner a{display: block;line-height: 0;}
  .nav-prd-img-inner img{width: 172px;height: 230px;}
  .nav-prd-img::after{content: '';display: block;position: absolute;width: 218px;height: 100%;top: 0;background-color: #f5f5f5;z-index: -1;border-top: 1px solid #e0e0e0;}
  .open .wrap-nav{display: block;}
  .depth1 > .panel:first-child{border-top: 1px solid #e0e0e0;padding-top: 15px;}
  .depth1 > .panel{border-radius: 0}
  .depth3 .nav-menu{padding: 0 21px 5px;}
  .nav-category.dropdown-menu{display: inline-block;}
  .panel-title.depth-1{display: inline-block;}
  .depth2 .panel:hover h4.panel-title a{color: #a4d233}
  .panel-group.depth2 > .panel{margin-bottom: 15px;}
  .panel-group.depth2 > .panel::before, .nav-prd-img::before{content: '';box-sizing: border-box;width: 100%;border-top: 1px solid #e0e0e0;height: 100%;position: absolute;top:0;background-color: #f5f5f5;z-index: -1;}
  .nav-prd-img::before{margin-left: -5px;}
  .top-banner-lead{width: 1200px;}
  .nav > li > a{display: inline-block;padding: 15px 11px;}
  .nav > li > a:hover, .nav > li > a:active, .nav-toggle:hover, .nav-toggle:active, .nav-toggle.on{color: #f27370;}
  .btn-banner-lead{left: 100%;top: calc(100% + 3px);width: 32px;height: 32px;border-radius: 0 0 3px 3px; background: rgba(0, 0, 0, 0.2);z-index: 2;}
  .promo-typeA .btn-banner-lead{left: 100%;top: calc(100% + 3px);width: 32px;height: 32px;border-radius: 0 0 3px 3px;background:unset;z-index: 2;}
  .btn-banner-lead.on{top: auto;bottom: 0;border-radius: 3px 3px 0 0;}

  /* 리드배너 화살표 수정 2022-03-21 */
  .btn-banner-lead::after{content: '';position: absolute;left: 7px;top: 3px;display: block;width: 17px;height: 17px;transform: rotate(225deg);border-left: 1px solid #f0f0f0;border-top: 1px solid #f0f0f0;}
  .btn-banner-lead.on::after{top: 12px;transform: rotate(45deg);}

  .wrap-top-banner-lead.on{border-bottom: 0px solid #a4d233}
  .wrap-top-banner-lead{border-bottom: 3px solid #a4d233;position: relative;}
  .nav-util .btn + .btn, .nav-join + .btn{margin-left: 30px;}
  .btn-nav-menu-toggle{display: none;}

  .panel-group.depth2 > div:first-of-type::after, .nav-prd-img::after{-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);z-index: -2;}
  .column2 .panel-group.depth2 > div:last-of-type::after{-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);z-index: -2;}
  .column2 .panel-group.depth2{max-height: 600px;}

  .wrap-prd-unit.type-frame{min-height: 369px;}

  /* footer */
  .footer-list > .panel{float: left;width: 25%;}
  .footer-list > .panel + .panel{margin-top: 0;}
  .footer-list .panel-collapse{display: block;visibility: visible;}
  .footer-acc-btn{padding-bottom: 15px; cursor: default;}

  /* list */
  .evenView-list{}
  .evenView-list > li{display: table;table-layout: fixed;width: 100%;}
  .thmb-evenView-list, .evenView-list-contents, .evenView-list-button{padding: 20px 0;display: table-cell;}
  .evenView-list-button{width: 124px;}
  .evenView-list-button .sold-out{text-align: center;}
  .evenView-list-button .btn{width: 100%;}

  .prd-list-check .wrap-ipt-check input[type="checkbox"] + label{height: 36px;width: 36px;}
  .prd-list-check .wrap-ipt-check input[type="checkbox"] + label .ico{left: 10px;top: 10px;}
  .prd-list-check .wrap-ipt-check input[type="checkbox"] + label::before{left: 10px;top: 10px;}
  .prd-list-check .wrap-ipt-check input[type="checkbox"] + label::after{left: 12px;bottom: 18px;}
  .section-title + .wrap-roundbox{margin-top: 30px;}
  .prd-list-contents.prd-list-quantity{font-size: 0.875rem;}
  .event-list-cate + .event-list-prd{margin-left: 20%;}
  .wrap-shopping-list{margin-top: 30px;}
  .wrap-shopping-list .wrap-prd-list .prd-list-contents{height: 151px;}
  .wrap-shopping-list.basic .wrap-prd-list .prd-list-contents{height: 131px;padding: 20px 0 15px;}
  .wrap-shopping-list.basic .event-item .wrap-prd-list .prd-list-contents{height: auto;}
  .order-date{text-align: center;}
  .order-number{padding-top: 5px;}
  .section-title + .wrap-shopping-list{margin-top: 0;}
  .section-title + .wrap-shopping-list .prd-list-header{border-top: none;}
  .wrap-shopping-list .event-list-cate + .event-list-prd{display: table-cell;margin-left: 0;}
  .wrap-shopping-list .prd-list-contents{border-left: 1px solid #e0e0e0;}
  .wrap-shopping-list.basic .prd-list-contents{border-left: none;}
  .wrap-shopping-list .prd-list-contents.prd-list-prdDetails, .wrap-shopping-list .prd-list-contents.prd-list-prdImg, .wrap-shopping-list .prd-list-contents.prd-list-check{border-left: none;}
  .wrap-shopping-list .prd-list-btn{width: 151px;}

  .wrap-shopping-list .prd-list-check{width: 36px;}
  .event-check .prd-list-check{width: 56px;}
  .wrap-shopping-list .prd-list-prdImg{width: 136px;}
  .wrap-shopping-list .prd-list-price, .wrap-shopping-list .prd-list-quantity, .wrap-shopping-list .prd-list-amountDue, .wrap-shopping-list .prd-list-price{width: 121px;}
  .wrap-shopping-list .order-date{width: 175px;}
  .wrap-shopping-list .wrap-prd-list .prd-list-contents{padding: 30px 0 25px;}

  .my-account-info-button .btn-bell{display: none;}

  .event-list-cate + .event-list-prd .event-list-item{padding-left: 0;}
  .wrap-shopping-list .event-list-cate + .event-list-prd .event-list-item{display: table;width: 100%;}
  .event-list-cate + .event-list-prd .event-list-item .event-list-prdImg{left: 0;}
  .wrap-shopping-list .event-list-cate + .event-list-prd .event-list-item .event-list-prdImg, .wrap-shopping-list .event-list-info{display: table-cell;vertical-align: middle;height: 60px;}
  .wrap-shopping-list .event-list-prdImg{position: relative;left: auto;top: auto;display: table-cell;vertical-align: middle;}
  .event-list-item{padding-left: 20px;padding-right: 20px;}
  .event-list-item .event-list-prdImg{left: 20px;}
  .wrap-shopping-list .event-list-item .event-list-prdImg{left: auto;}
  .wrap-shopping-list .prd-list-contents .btn-round4-gray, .order-status .btn-round4-gray{min-width: 124px;}
  .wrap-shopping-list .prd-list-contents .btn-round4-gray.btn-exs{width: auto;}
  .wrap-shopping-list .btn-txt-remove{margin-top: 5px;margin-left: 0;}
  .wrap-shopping-list.basic .wrap-prd-list .prd-list-contents.prd-list-btn{padding-top: 0;padding-bottom: 0;}
  .wrap-shopping-list.basic .text-list .prd-list-contents.prd-list-btn{padding-top: 20px;padding-bottom: 20px;}

  .shopping-list-item-inner + .shopping-list-item-inner{/*border-top: 1px dashed #d6d6d6;*/background: url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;}
  .wrap-shopping-list.basic .wrap-prd-list .prd-list-contents + .shopping-list-item .prd-list-prdImg{padding-left: 0;}
  .shopping-list-item + .shopping-list-item .prd-list-btn{/*border-top: 1px dashed #d6d6d6;*/background: url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;}
  .prd-list-address{padding: 0 20px;}

  .type-pc-table .wrap-prd-list{display: table;width: 100%;padding: 15px 0;}
  .type-pc-table .prd-list-contents{float: none;display: table-cell;vertical-align: middle;}
  .type-pc-table .prd-list-contents:first-child{padding-left: 20px;}
  .type-pc-table .prd-list-writeReview{text-align: center;}
  .type-pc-table .prd-list-writeReview .btn{width: auto;min-width: 96px;padding: 9px 13px 8px;}
  .wrap-event-prd-info{display: table;width: 100%;}
  .prd-list-prdImg + .wrap-event-prd-info .prd-list-contents{height: 96px;}
  .wrap-event-prd-info .prd-list-contents{height: 32px;}

  .list-thumb-list-item .a-block .prd-img-badge-group{top: 30px;left: 28px;}


  /* table */
  .wrap-table-gray table th{width: 196px;}
  .wrap-table-gray table .form-group .form-control{width: 240px;}
  .wrap-table-gray table .form-group textarea.form-control{width: 100%;height: 300px;}
  .wrap-table-gray table .row{width: 328px;}

  /* shopping bag */
  .wrap-total-amount{height: 116px;padding-top:50px;text-align: center;}
  .wrap-total-amount .col-lg-4 + .col-lg-4{padding: 0 16px;}

  .wrap-page-btn .btn-group{display: inline-block;float: none;width: auto;}
  .wrap-page-btn .btn.btn-sm{min-width: 230px;}
  .wrap-page-btn .btn.btn-xs{min-width: 160px;}

  /* modal */
  .modal-dialog{width: 542px;margin: 100px auto 30px;}
  .modal-lg{width: 622px;}
  .modal-elg{width: 797px;}
  .modal-sm{}
  .modal-sub-title{padding: 40px 0 20px;text-align: center;font-size: 1.25rem;font-weight: 500;}
  .modal-sub-title + .alert-msg{padding-top: 0;}
  .modal .section-title{padding-top: 20px;}

  /* tooltip */
  .tooltip-type-basic.left{top: -8px;left: 100%;margin-left: 10px;margin-top: 0;}
  .tooltip-type-basic.right{top: -8px;right: 18px;margin-right: 10px;margin-top: 0;}

  .tooltip-type-basic.left::after{right: 100%;border-top: 6px solid transparent;border-right: 7px solid #707070;border-bottom: 6px solid transparent;}
  .tooltip-type-basic.left::after, .tooltip-type-basic.right::after{top: 10px;}
  .tooltip-type-basic.right::after{left: 100%;border-top: 6px solid transparent;border-left: 7px solid #707070;border-bottom: 6px solid transparent;}

  /* myaccount */
  /* .soldout::after, .temporarily::after{height: 40px;padding-top: 10px;font-size: 1rem;} */
  .wrap-my-account{border: 1px solid #e0e0e0;margin-top: 30px;position: relative;}
  .wrap-my-account-menu{float: left;width: 172px;border-right: 1px solid #e0e0e0;}
  .wrap-my-account-menu::after{content: '';display: block;width: 171px;height: 100%;background-color: #f5f5f5;position: absolute;left: 0;top: 0;z-index: -1;}
  .my-account-contents{float: right;width: calc(100% - 171px);border-left: 1px solid #e0e0e0;margin-left: -1px;padding-bottom: 80px;}
   .my-account-contents.coupon-section-v2{padding-bottom: 0 }
  .myaccount-main .my-account-contents{padding-bottom: 0;}
  .list-my-account-menu:hover{color: #9bce26;font-weight: 700;text-decoration: underline;}

  .my-account-info-tit{font-weight: 500;font-size: 0.9375rem;color: #fff;}
  .my-account-info-cnt{padding-top: 17px;font-weight: 500;font-size: 1.125rem;color: #f27370;}

  .wrap-my-account-menu .my-account-menu-title > a, .my-account-member-level, .wrap-my-account-coupons, .wrap-my-account-rewardPoints{height: 118px;}
  .wrap-my-account-coupons, .wrap-my-account-rewardPoints{padding-top: 30px;text-align: center;}
  .wrap-my-account-menu .my-account-menu-title{margin: 0 -1px;border-left: 1px solid #3d3d3d;border-right: 1px solid #3d3d3d;}
  .wrap-my-account-info{margin-right: -1px;margin-left: -1px;}
  .list-my-account-item{padding: 0 20px 12px;}
  .list-my-account-item + .list-my-account-item{border-top: 1px solid #dedede;}
  .list-my-account-title{padding: 20px 0 10px;font-weight: 600;font-size: 1rem;}
  .list-my-account-menu{display: block;position: relative;padding: 8px 4px;font-size: 0.8125rem;}
  .border-bottom-dash{border-bottom: 1px dashed #999;}
  .list-my-account-item .border-bottom-dash{padding-bottom: 12px;}
  .list-my-account-item .border-bottom-dash + *{padding-top: 12px;}
  .my-account-menu .cnt{display: none;}
  .list-myaccount-step{padding: 30px 0 30px;}

  /* 비회원 */
  .non-members.wrap-my-account{border: none;}
  .non-members .wrap-my-account-info, .non-members .wrap-my-account-menu{display: none;}
  .non-members .my-account-contents{width: 100%;margin-left: 0;border-left: none;}
  .non-members .myaccount-container{padding: 0;}


  .wrap-myaccount-invite{float: right;padding: 0 24px;width: calc(100% - 171px);border-left: 1px solid #e0e0e0;margin-left: -1px;padding-bottom: 80px;}
  .list-my-account{padding-top: 10px;}

  .wrap-table-header-gray td{text-align: center;padding: 20px 13px;font-size: 0.875rem;}
  .wrap-table-header-gray td.event-item{padding-top: 15px;padding-bottom: 15px;}
  .wrap-table-header-gray.price-detail td{padding: 20px 13px;}
  .wrap-table-header-gray td[rowspan] ~ td{border-bottom: 1px dashed #d6d6d6;}
  .wrap-table-header-gray td{border-bottom: 1px solid #d6d6d6;}

  .wrap-round-box{margin: 40px 0 30px;border-radius: 5px;border: 1px solid #c2c2c2;}
  .block-divide-list{display: table;table-layout: auto;width: 100%;}
  .block-divide-list-item{display: table-cell;vertical-align: middle;padding: 0 28px;}
  .block-divide-list-item + .block-divide-list-item{position: relative;}
  .block-divide-list-item + .block-divide-list-item::before{content: '';display: block;position: absolute;left: 0;top: 50%;margin-top: -10px;height: 20px;border-left: 1px solid #c2c2c2;}
  .wrap-round-box .valid-reward-info, .wrap-round-box .expired-info{margin: 33px 0;}
  .valid-reward-info > dt{font-size: 1.375rem;width: 290px;}
  .valid-reward-info > dt::before{content: 'P';display: inline-block;width: 34px;height: 34px;border-radius: 100%;text-align: center;vertical-align: middle;line-height: 34px;background-color: #f27370;color: #fff;margin-right: 8px;font-size: 1.25rem;font-weight: 600;}
  .valid-reward-info > dd{width: 183px;text-align: right;font-size: 1.75rem;}
  .expired-info > dt{width: 190px;font-size: 1.125rem;}
  .expired-info > dd{width: 143px;text-align: right;font-size: 1.5rem;}

  .wrap-table-header-gray.type02{}
  .wrap-table-header-gray.type02 .prd-list-name{display: inline-block;/*padding-left: 47px;*/font-weight: 400;vertical-align: baseline;padding-bottom: 0;}
  .wrap-table-header-gray.type02 .prd-list-name + .order-number{margin-left: 5px;display: inline-block;vertical-align: baseline !important;padding-top: 0;}
  .wrap-table-header-gray.type02 td{padding-top: 20px;padding-bottom: 15px;}

  /* order details */
  .price-detail-total .btn-collapse{display: none;}
  .price-detail-collapse{display: block;visibility: visible;height: auto !important;}

  /* login */
  .wrap-login{width: 400px;margin: 0 auto;}
  .login-top-banner{padding-top: 30px;width: 858px;line-height: 0;}

  /* coupon */
  .wrap-collapse .container .wrap-collapse-btn{float: right;}
  .wrap-collapse .container .lead{float: left;font-size: 0.875rem;}
  .wrap-select + .mo-block{margin-top: 10px;}
  .modal-footer.wrap-page-btn .pagination{margin: 0 auto;}

  /* index */
  .index-page{min-width: 1200px;overflow-x: auto;}
  .index-page .contents-body{width: 100%;min-width:1200px; max-width: none;padding-left: 0;padding-right: 0;}
  .main-top-banner{max-width: 2000px;}
  .main-top-banner .swiper-slide > .block-link{padding-bottom: 26.5%;overflow: hidden;}
  .main-top-banner img{width: 100%}
  .promo-typeA .main-top-banner img {width:100%;}

  .main-section .swiper-container.featured-brands, .main-section .swiper-container.best-sellers{width: 1557px;margin: 0 auto;background-color: #fff;}
  .main-section .swiper-container.featured-brands .fig-title{padding-top: 30px;}
  .main-section .swiper-container.featured-brands .prd-unit figcaption{height: 130px;}

  .prd-unit figcaption{height: 108px;}
  .wrap-pagination-number{}
  .fig-exp{min-height: 56px;}
  .featured-brands .fig-exp{padding-left: 30px;padding-right: 30px;}

  .main-section.bg{padding-bottom: 100px;}
  .wrap-brand-video{width: 1557px;}
  .main-brand-video, .main-brand-banner{float: left;}
  .main-brand-video{width: 736px;height: 478px;}
  .main-brand-banner{width: 788px;padding-left: 79px;}
  .main-brand-banner{height: 472px;position: relative;}
  .main-brand-banner .swiper-container{height: 407px;width: 765px;}
  .main-brand-banner .swiper-button-prev{left: 665px;} /* 05.26 515px 수정 */
  .main-brand-banner .swiper-button-next{left: 695px;right: auto;} /* 05.26 545px 수정 */


  .wrap-main-notice{margin-top: 100px;line-height: 70px;}
  .main-notice{width: 1152px;margin: 0 auto;position: relative;}
  .wrap-main-notice .btn-more-plus{margin-top: -12px;}
  .main-notice-date{padding-right: 25px;}

  .wrap-main-customer{width: 1152px;margin: 0 auto;padding-top: 40px;}
  .wrap-main-customer::after{content: '';clear: both;display: block;}

  .main-customer-btn > .btn-group:first-child{padding-right: 3px;padding-left: 0;}
  .main-customer-btn > .btn-group + .btn-group{padding: 0 3px;}
  .main-customer-btn > .btn-group:last-child{padding-left: 3px;padding-right: 0;}

  .main-customer-left{width: 490px;padding-right: 88px;}
  .main-customer-left, .main-customer-banner{float: left;}
  .main-customer-info{padding: 20px 0 15px;}
  .main-customer-info > dd{padding-left: 20px;}
  .main-customer-banner{width: 662px;}

  .wrap-pagination .btn-page-more{width: 400px;}
  .featured-brands .swiper-slide{padding: 0 12px;}

  .wrap-prd-unit-btn{padding-top: 12px;padding-bottom: 12px;border-bottom: 1px solid #e0e0e0;}
  .main-section .swiper-slide .wrap-prd-unit-btn{margin: 0 -12px;}
  .prd-unit-btn{width: 100%;}
  .prd-unit-btn > .btn-group:first-child{width: 53%;padding-right: 7%;text-align: right;}
  .prd-unit-btn > .btn-group:first-child::after{content: '';display: block;position: absolute;right: 0;top: 50%;height: 15px;margin-top: -8px;border-left: 1px solid #c2c2c2;}
  .prd-unit-btn > .btn-group + .btn-group{width: 47%;padding-left: 6%;text-align: left;}
  .prd-unit-btn .btn-add-cart{}
  .prd-unit-btn .btn-wish-list{}

  .main-brand-banner .swiper-pagination-progressbar{width: 655px;bottom: 11px;} /* 05.26 505px 수정 */

  .wrap-pc-tab .tab-pane{position: absolute;left: 0;top: 178px;width: 100%;z-index: -1;}
  .wrap-pc-tab .tab-pane.active{position: static;animation:tab-pane 0.3s ease;}
  @keyframes tab-pane {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

  /* flash deal */
  .wrap-top-img-banner{margin-top: 30px;}
  .wrap-top-img-banner .top-img-banner{margin-bottom: 30px;}
  .wrap-top-img-banner .lead{padding-bottom: 30px;}
  .wrap-top-img-banner .lead.t-none{margin-top: -30px;}
  .pc-col2 .block-list-item{width: calc(50% - 12px);}
  .pc-col2 .block-list-item:nth-child(odd){margin-right: 12px;}
  .pc-col2 .block-list-item:nth-child(even){margin-left: 12px;}
  .type-box .block-list-item .prd-unit-img{height: 270px;margin: 0 -20px;box-shadow:none;}
  .block-list-item .prd-unit-img::before{-webkit-background-size: auto;background-size: auto;}
  .type-box .block-list-item  .prd-unit-img + .wrap-prd-info .prd-flag-group{display: inline-block;vertical-align: middle;/*padding-top: 3px;*/float: right;}
  .type-box .block-list-item  .prd-unit-img + .wrap-prd-info .list-thumb-info.inline-block{vertical-align: middle;}
  .wrap-block-list{/*padding-top: 20px;*/}

  /* list-col3 */
  .pc-col3 .block-list-item{width: 33.3%;border-bottom: 1px solid #e0e0e0;}
  .event-list .block-list-item{padding-top: 30px;}
  .pc-col3 .block-list-item .wrap-prd-unit{margin-left: 12px;margin-right: 12px;}
  .beautytester-list .block-list-item .wrap-prd-unit{margin-left: 30px;margin-right: 30px;}
  .beautytester-list .block-list-item{padding-top: 30px;}
  .pc-col3 .block-list{margin: 0 -12px;}
  .pc-col3 .block-list-item .prd-unit-img{height: 0;padding-bottom: 100%;}
  .event-list .block-list-item .prd-unit-img{height: 200px;padding-bottom: 0;}

  /* events */
  .wrap-event-container{padding-top: 35px;}
  .event-view{margin-top: 30px;min-height: 600px;}
  .block-list.beautytester-list .wrap-prd-unit{padding-bottom: 109px;}
  .beautytester-list .wrap-prd-info + .wrap-prd-unit-btn{padding-bottom: 30px;}
  .type-box .block-list-item .prd-unit-img + .wrap-prd-info{/*border-bottom: 1px solid #e0e0e0;*/}

  .type-box .block-list-item .wrap-flash-txt + .wrap-prd-info{/*border-bottom: 1px solid #e0e0e0;*/}

  /* footer */
  .list-footer-corporation .list-footer-corporation-item:nth-child(4) {padding-left: 10px;}
}


/* 3.16 추가 */
/* OYGFO-79, OYGFO-81 */
.fade.event-list .list-thumb-tit {font-weight: 500;}
.fade.event-list .list-thumb-info.ellipsis {font-weight: 400;}
.fade.event-list .list-thumb-info.date { font-weight: 400;}
.fade.beautytester-list {border-top: 0px;}
.fade.beautytester-list .plan-title {font-weight: 700;}
.fade.beautytester-list .list-thumb-tit.line-ellipsis2 {font-weight: 400;}
.fade.beautytester-list .list-thumb-info.line-ellipsis2 {font-weight: 400;}

@media (min-width: 1200px){
  /* OYGFO-66 */
  .wrap-new-arr-list .temporarily::after, .wrap-new-arr-list .soldout::after {content: 'Temporarily out of stock';padding: 0px;font-size: 1rem;line-height: 40px;}
  /* OYGFO-67 */
  .wrap-block-list .badge.f-deal { width: 100px; height: 66px; background: url(../../resources/images/common/sp_common.png) 0 -287px no-repeat; background-size: 585px;}
  .wrap-block-list .fdeal-title {font-size: 0.6875rem;}
  .wrap-block-list .fdeal-title:only-child {font-size: 1.125rem;font-weight: 600;}
  .wrap-block-list .fdeal-cnt .cnt {font-size: 1.875rem;}
  .wrap-block-list .fdeal-cnt .txt {font-weight: 700; text-transform: uppercase;}
  .wrap-block-list .fdeal-cnt .txt span {font-size: 0.8125rem;}
  .wrap-block-list .fdeal-cnt .txt span + span {font-size: 0.625rem;}
  .wrap-block-list .list-thumb-info.ellipsis + .list-thumb-info.inline-block {float: left; height: 36px; line-height: 200%;}
  .wrap-block-list .block-list-item .prd-unit-img + .wrap-prd-info {padding-bottom: 15px;}

  .wrap-block-list .block-list-item .wrap-flash-txt + .wrap-prd-info {padding-bottom: 15px;}

  /*flash deal 1+1 뱃지 없을 때 있는것과 여백이 달라서 height:27px 늘림 210511*/
  .wrap-block-list .type-box .block-list-item .prd-unit-img + .wrap-prd-info .prd-flag-group {/*padding-top: 8px;height:27px*/}
  .wrap-block-list .btn.btn-txt-gray.lg {min-height: 24px;}

  /* flash-deal */
  .wrap-flash-txt {position: relative; margin: 0 -20px; min-height: 40px; margin-top: -1px; background-color: rgba(242, 130, 127, 0.3); padding-left: 20px; padding-right: 20px;}
  .prd-deal-txt.line-ellipsis2 {
    text-align: left;
    min-width: 400px;
    display: inherit;
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 40px;
    
    font-size: 13px;
    font-weight: normal;
    color: #141414;
  }

  .type-box .block-list-item .wrap-prd-unit-btn:before {content: '';display: block;position: absolute;left: 20px; right: 20px; top: 0px; height: 1px; background-color: #e0e0e0; }

}


@media (max-width: 1199px) {
  /* flash-deal */
  .wrap-flash-txt {position: relative; margin: 0px; margin-top: -1px; background-color: rgba(242, 130, 127, 0.3); padding-left: 15px; padding-right: 15px; padding-top: 11px; padding-bottom: 11px;}
  .prd-deal-txt.line-ellipsis2 {
    text-align: center;
    
    font-size: 13px;
    font-weight: normal;
    color: #141414;
  }

  /*main*/
  .main-brand-banner .line-ellipsis2 {line-height: 1.5em;margin-bottom:0;}

}

/* 모바일 검색버튼 미노출되는 현상 수정 08.04 */
@media (max-width: 1199px) {
  .nav-search .sch-all-mo .input-group-btn {display: block !important;}
}

/* 검색 웹앱접근성 포커싱 처리 제외 08.04 */
.nav-search input[type='text']:focus {outline: none;}

/* 주문서 유의 문구 추가 */
@media (min-width: 1200px){
  .label-wrap {position: relative;}
  .label-wrap .label-help {position: absolute; top:7px; right:-560px; width: 550px; font-size: 0.8125rem; line-height: 1.4; color: #666;}
}
@media (max-width: 1199px) {
  .label-wrap {position: relative;}
  .label-wrap .label-help {display: block; margin-top: 10px; font-size: 0.8125rem; line-height: 1.4; color: #666;}
}

/* Expiration Date 추가 */
@media (max-width: 1199px) {
  .wrap-table-header-gray.type02 .order-amountDue {padding: 0px; padding-top: 5px; padding-right: 16px; padding-bottom: 38px; }
  .wrap-table-header-gray.type02 .order-number {padding-bottom: 10px;}
  .wrap-table-header-gray.type02 tr {position: relative;}
  .wrap-table-header-gray.type02 .order-expiration {position: absolute; right: 16px; bottom: 22px;}
  .wrap-table-header-gray.type02 .order-expiration .day-exp {right: 16px;font-size: 0.875rem;}
}

/* Login History 추가 */
.w300px{width: 300px;}
.w310px{width: 310px;}
.w320px{width: 320px;}
@media (min-width: 1200px){
  .prd-list .list-group .list-history-item + .list-history-item {border-top: 1px solid #e0e0e0;}
  .list-history-item .history-prd-list {display: table; vertical-align: middle; width: 100%; height: 45px; text-align: center;}
  .list-history-item .history-prd-list .history-list-item {display: table-cell; vertical-align: middle; float: none; font-size: 0.875rem; height: 45px; text-align: center;}
  .list-history-item .history-prd-list .history-list-item.date {width: auto;}
  .list-history-item .history-prd-list .history-list-item.path {width: 310px;}
  .list-history-item .history-prd-list .history-list-item.status {width: 310px;}
}
@media (max-width: 1199px) {
  .list-history-item{border-top: 1px solid #e0e0e0;}
  .list-history-item:first-child::before {content: ''; display: block; height: 6px; border-top: 1px solid #e0e0e0; background-color: #ebebeb;}
  .event-winning-notice + .wrap-shopping-list .list-group .list-history-item:first-child {border-top: 0px;}
  .event-winning-notice + .wrap-shopping-list .list-group .list-history-item:first-child::before {content: none;}
  .list-history-item {min-height: auto;}
  .list-history-item .history-prd-list {position: relative; display: block; width: 100%; overflow: hidden; padding: 22px 16px 22px; font-size: 0.9375rem; line-height: 1.2; font-weight: 400;}
  .list-history-item .history-prd-list .history-list-item {float: left;}
  .list-history-item .history-prd-list .history-list-item.date {width: 33%; text-align: left;}
  .list-history-item .history-prd-list .history-list-item.path {width: 33%; text-align: center;}
  .list-history-item .history-prd-list .history-list-item.status {width: 33%; text-align: right;}
}
@media (max-width:520px) {
  .list-history-item .history-prd-list .history-list-item.date {float: left; width: 100%; text-align: left;}
  .list-history-item .history-prd-list .history-list-item.path {float: left;width: 50%; text-align: left;}
  .list-history-item .history-prd-list .history-list-item.status {float: right; width: 50%; text-align: right;}
}


/* big banner animation */
.big-animation-wrap .small-txt01 {display: none;}
.swiper-slide-active .big-animation-wrap .ani-wrap {margin-left: 20%; opacity: 1;}
.swiper-slide-active .big-animation-wrap .ani-wrap.big-txt01 {
	-webkit-animation-duration: 0.5s; -webkit-animation-name: n_slidein; -webkit-animation-fill-mode:forwards; -webkit-animation-delay: 0.2s;
	animation-duration: 0.5s; animation-name: n_slidein; animation-fill-mode:forwards; animation-delay: 0.2s;
}
.swiper-slide-active .big-animation-wrap .ani-wrap.big-txt02 {
	-webkit-animation-duration: 0.5s; -webkit-animation-name: n_slidein; -webkit-animation-fill-mode:forwards; -webkit-animation-delay: 0.4s;
	animation-duration: 0.5s; animation-name: n_slidein; animation-fill-mode:forwards; animation-delay: 0.4s;
}
@keyframes n_slidein {
  0% {
    margin-left: 20%; opacity: 1;
  }
  100% {
    margin-left: 0%; opacity: 1;
  }
}

@media (min-width: 1200px){
	.big-animation-wrap .small-txt01 {position: relative; display: block; width: 100%; font-weight: 600; font-size: 1.125rem; color: #000;}

	.big-animation-wrap {position: absolute; top:0px; bottom: 58px; left:50%; margin-left: -26.3%; width: 39%; z-index: 1; text-align: left; letter-spacing: -1px;}
	.big-animation-wrap .big-txt01 {position: relative; display: block; width: 100%; padding-top: 7.2%; font-weight: 600; font-size: 2.575rem; color: #141414; line-height: 110%;}
	.big-animation-wrap .ani-table {position: relative; display: table; width:100%; height:100%;}
	.big-animation-wrap .ani-cell {position: relative; display: table-cell; width:100%; vertical-align: middle;}
	.big-animation-wrap .big-txt02 {position: relative; display: block; width: 100%; padding-top: 2.2%; font-weight: 400; font-size: 0.95rem; color: #212121; line-height: 105%;}
}
@media (min-width: 1400px){
	.big-animation-wrap .big-txt01 {font-size: 2.7rem;}
	.big-animation-wrap .big-txt02 {font-size: 1.05rem;}
}
@media (min-width: 1600px){
	.big-animation-wrap .big-txt01 {font-size: 2.9rem;}
	.big-animation-wrap .big-txt02 {font-size: 1.15rem;}
}
@media (min-width: 1800px){
	.big-animation-wrap .big-txt01 {font-size: 3.1rem;}
	.big-animation-wrap .big-txt02 {font-size: 1.25rem;}
}
@media (min-width: 2000px){
	.big-animation-wrap .big-txt01 {font-size: 3.3rem;}
	.big-animation-wrap .big-txt02 {font-size: 1.35rem;}
}

@media (max-width: 1199px) {
	.big-animation-wrap {position: absolute; top:11%; left:6.5%; margin-left: 0%; width: 86%; z-index: 1; text-align: left; letter-spacing: -1px;}
	.big-animation-wrap .big-txt01 {position: relative; display: block; width: 100%; padding-top: 0%; font-weight: 600; font-size: 6.2vw; color: #141414; line-height: 110%;}
	.big-animation-wrap .ani-table {position: relative; display: block;}
	.big-animation-wrap .ani-cell {position: relative; display: block;}
	.big-animation-wrap .big-txt02 {position: relative; display: block; width: 100%; padding-top: 2.2%; font-weight: 400; font-size: 3.8vw; color: #212121; line-height: 105%;}
}

@media (min-width: 1200px){
	.main-modal-viewList-item .big-animation-wrap .small-txt01 {display: none;}
	.main-modal-viewList-item .big-animation-wrap {top: 53px; left: 30px; margin-left: 0px; width: 90%;}
	.main-modal-viewList-item .big-animation-wrap .ani-wrap {padding-top: 0px;}
	.main-modal-viewList-item .big-animation-wrap .big-txt01 {font-size: 2rem;}
	.main-modal-viewList-item .ani-table {position: relative; display: block;}
	.main-modal-viewList-item .ani-cell {position: relative; display: block;}
	.main-modal-viewList-item .big-animation-wrap .big-txt02 {padding-top: 10px; font-size: 1.3rem;}
}
@media (max-width: 1199px) {
	.main-modal-viewList-item .big-animation-wrap .small-txt01 {display: none;}
}


/* language popup */
.nav-lang-option {position: relative; height: 48px; background-color: #fff; overflow: hidden; border-bottom: 1px solid #e0e0e0;}
.nav-lang-option .btn-lang-modal {width: 100%; height: 100%; text-align: left;  font-weight: normal; font-weight: 500; font-size: 0.875rem; line-height: 17px; padding: 11px 11px 11px 15px;}
.nav-lang-option .btn-lang-modal::after {content:''; position: absolute; right: 16px; top: 50%; margin-top: -5px; width: 12px; height: 12px; background: url(../../resources/images/common/sp_common.png) -104px -56px no-repeat; -webkit-background-size: 500px; background-size: 500px; transform: rotate(180deg);}

.btn-language.arrow-none {padding:0px;}
.btn-language.arrow-none::before {content: none;}
.btn-language.arrow-none::after {content: none;}

.section-title.language-s {border-bottom: 0px;font-size: 0.875rem; color: #000;}
.language-sel-pre + .section-title.language-s {margin-top: 10px;}
.language-sel-pre {position: relative; display: block; overflow: hidden; }
.language-sel-pre .sel-radio {position: relative; float: left; width: 49.2%; height: 44px;}
.language-sel-pre .sel-radio:nth-child(odd) {margin-right: 0.8%;}
.language-sel-pre .sel-radio:nth-child(even) {margin-left: 0.8%;}
.language-sel-pre .sel-radio label {font-size: 0.875rem;}
.language-sel-pre .sel-radio input[type=radio] {position: absolute; width: 1px; height: 1px; opacity: 0.01; padding: 0px; margin: 0px; box-sizing: border-box;}/* 2022년 접근성 진단 보고서 PC 34페이지, 2022년 접근성 진단 보고서 MO 36페이지 */
.language-sel-pre .sel-radio input[type=radio]:not(old) + label {position: absolute; display: inline-block; overflow: hidden; width: 100%; height: 100%; line-height: 42px; font-weight: 500; text-align: center; background-color: #f5f5f5; border:1px solid #e0e0e0; outline-width:0px; cursor:pointer; box-sizing: border-box; border-collapse: collapse; border-radius: 4px;}
.language-sel-pre .sel-radio input[type=radio]:not(old):checked + label {background-color: #f1f8e1; border:1px solid #a4d233; border-collapse: collapse; border-radius: 4px;}
.language-sel-pre .sel-radio input[type=radio]:focus + label{outline:auto -webkit-focus-ring-color;}/* 2022년 접근성 진단 보고서 PC 31페이지 */

.language-sel-pre .sel-radio.en-flag label::before {content: ''; position: relative; display: inline-block; width: 18px; height: 18px; margin-right: 5px; margin-bottom: 3px; vertical-align: middle; background: url(../../resources/images/common/img_flag_en_pc.png) 0 0 no-repeat;}
.language-sel-pre .sel-radio.jp-flag label::before {content: ''; position: relative; display: inline-block; width: 18px; height: 18px; margin-right: 5px; margin-bottom: 3px; vertical-align: middle; background: url(../../resources/images/common/img_flag_jp_pc.png) 0 0 no-repeat;}

.language-select-wrap select {height: 44px; line-height: 42px; padding-right: 30px;font-size: 0.875rem;color: #000;border-color: #d6d6d6;-webkit-appearance: none;appearance: none;background:#fff url(../../resources/images/common/ico_select_change_arrow.png) calc(100% - 10px) 50% no-repeat;border-radius: 4px;}

@media (min-width: 1200px){
	.modal-dialog.popup-sm {width: 540px;}
}

@media (max-width: 1199px){
	.language-sel-pre + .section-title.language-s {margin-top: 0px; padding:17px 0 10px;}
	.language-sel-pre .sel-radio {height: 38px; font-size: 0.875rem;}
	.language-sel-pre .sel-radio input[type=radio]:not(old) + label { line-height: 35px; }
	.language-sel-pre .sel-radio.en-flag label::before {width: 18px; height: 18px; background: url(../../resources/images/common/img_flag_en_mo.png) 0 0 no-repeat; background-size: 18px;}
	.language-sel-pre .sel-radio.jp-flag label::before {width: 18px; height: 18px; background: url(../../resources/images/common/img_flag_jp_mo.png) 0 0 no-repeat; background-size: 18px;}
	.language-select-wrap select {height: 38px; line-height: 36px;}
}

/* UI 변경 및 개선 사항 */
.wrap-myaccount-invite .myaccount-invite .input-group input.form-control{overflow:hidden;padding-top:0;padding-bottom:0;line-height:30px;vertical-align:top;white-space:nowrap;}
.navbar.type02 .nav-search > .form-control, .navbar.type02 .nav-search > .input-group-btn{display:block;}
.navbar.type02 .pull-right.nav-util .btn-search{display:none;}
@media (min-width: 1200px){
  .main-section .swiper-container.featured-brands .fig-title{padding-top:23px;line-height:2rem;}
  .main-section .swiper-container.featured-brands .fig-exp{padding-top:2px;}
}
@media (max-width: 1199px){
  .wrap-nav .nav-util-list .btn{position:static;/*display:flex;align-items:center;justify-content:flex-start;-ms-display:flex;-ms-align-items:center;-ms-justify-content:flex-start;*/}
  .main-section .swiper-container.featured-brands .fig-title{padding-top:12px;line-height:2rem;}
  .main-section .swiper-container.featured-brands .fig-exp{padding-top:0;max-height:2.7rem}

  /* .navbar.type02 + .top-banner-shipping{display:none;} */
  .top-banner-shipping{display:none;}

  .navbar.type02 .navbar-nav{padding-top:9px;width:100%;display:flex;justify-content:space-between;flex-wrap:nowrap;}
  .navbar.type02 .nav-swiper{height:46px;margin:0 -20px;border-top:1px solid #e0e0e0;}
  .navbar.type02 .nav-swiper.wrap-fixed-top.on .fixedBtn_inner{height:46px;}
  /*
  html[lang="en"] .navbar.type02 .nav-swiper .swiper-container{padding-left:10px;padding-right:10px;}
  html[lang="en"] .navbar.type02 .nav > li > a{padding:7px 7px 14px;}
  */
  .navbar.type02 .nav-swiper .swiper-container{padding-left:10px;padding-right:10px;}
  .navbar.type02 .nav > li > a{padding:7px 8px 14px;}
  /*
  html[lang="jp"] .navbar.type02 .nav-swiper .swiper-container{padding-left:6px;padding-right:6px;}
  html[lang="jp"] .navbar.type02 .nav > li > a{padding:6px 6px 16px 7px;font-size:0.875rem;letter-spacing:-0.09em;}
  */
  .navbar.type02 .nav > li > a.new::after{left:0;}
  html[lang="jp"] .navbar.type02 .nav > li > a.new::after{left:1px;}

  .navbar.type02 .nav-search > .form-control, .navbar.type02 .nav-search > .input-group-btn{display:none;}
  .navbar.type02 .dropup.wrap-nav-category, .navbar.type02 .dropdown.wrap-nav-category{margin-top:-11px;}
  .navbar.type02 .pull-right.nav-util{margin-top:-42px;}
  .pull-right.nav-util .btn-search{display:block;margin-right:4px;width:30px;height:30px;border:0;}
  .pull-right.nav-util .btn-search::before{top:3px;left:4px;}
  .navbar.type02 .pull-right.nav-util .btn-search{display:block;}
  .navbar.type02 .pull-right.nav-util .btn-cart{margin-right:5px;}

  .dock-bar.add-banner-type{border-top:0;height:103px;border-top-left-radius:17px;border-top-right-radius:17px;/*box-shadow:0 8px 35px 0px rgba(0, 0, 0, 0.15);*/box-shadow:0 0 10px 0 rgb(0 0 0 / 30%);}
  .dock-bar.add-banner-type .btm-banner-shipping{height:51px;position:relative;border-bottom:1px solid #e7e7e7;font-size:0.9375rem;font-weight:700;line-height:1.1875rem;}
  .dock-bar.add-banner-type .btm-banner-shipping a{display:flex;align-items:center;height:100%;/*padding:10px 45px 10px 25px;*/padding:10px 25px;color:#121212;justify-content:flex-start;}
  .dock-bar.add-banner-type .btm-banner-shipping a span{display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;}
  .dock-bar.add-banner-type .btm-banner-shipping a span:after{content:'';position:absolute;right:25px;top:27px;width:9px;height:1px;background-color:#121212;transform:rotate(-35deg);}
  .dock-bar.add-banner-type .btm-banner-shipping a span:before{content:'';position:absolute;right:25px;top:22px;width:9px;height:1px;background-color:#121212;transform:rotate(35deg);}
  html[lang="jp"] .dock-bar.add-banner-type .btm-banner-shipping{letter-spacing:-0.06em;}

  .direct-top.add-b1.type02{bottom:123px;}
  .direct-top.add-b1.type02.down{transform:translateY(101px);}
}
@media (max-width: 400px){
  .navbar.type02 .navbar-nav{justify-content:normal;}
}
@media (max-width: 385px){
  .dock-bar.add-banner-type .btm-banner-shipping a{padding-left:20px;}
  html[lang="jp"] .dock-bar.add-banner-type .btm-banner-shipping{font-size:0.875rem;}/* 14px */
}
@media (max-width: 359px){
  html[lang="en"] .dock-bar.add-banner-type .btm-banner-shipping{/*font-size:0.875rem;*/font-size:0.8125rem;}/* 14px / 13px */
  html[lang="jp"] .dock-bar.add-banner-type .btm-banner-shipping{font-size:0.75rem;}/* 12px */
  .main-page .logo > a, .index-page .logo > a, .nav-page .logo > a{width:130px;background-position:0 center;}
}

/* hot deal 페이지 내 상품 유닛 플래그 텍스트 삭제 */
.badge.f-deal{padding:9px 16px 0 8px;}
@media (max-width: 1199px){
  .fdeal-title:only-child{margin-top:-3px;}
  .wrap-block-list .fdeal-title:only-child{margin-top:-3px;}
}
@media (min-width: 1200px){
  .fdeal-title:only-child{margin-top:-3px;}
  .wrap-block-list .fdeal-title:only-child{margin-top:-2px;}
}

/* 히어로 배너 1개인 경우 버튼 none 2022-03-21 */
.main-top-banner .main-top-navi .swiper-button-disabled {display: none;}

/* 모바일 상단메뉴 vue 문제 2022-03-29 */
@media (max-width: 1199px){
  .nav-swiper.wrap-fixed-top.on {border-top: 0px !important;}
  .nav-swiper.wrap-fixed-top.on .fixedBtn_inner {z-index: 999;}
  .dropdown.wrap-nav-category.open + .nav-swiper.wrap-fixed-top.on .fixedBtn_inner {z-index: 3;}
}

/* Order Details에서 버튼 위치 수정 2022-03-29 */
@media (max-width: 1199px){
  .wrap-shopping-list .wrap-prd-list .shopping-list-item .shopping-list-item + .prd-list-contents.prd-list-btn {position: relative;}
  .wrap-shopping-list .wrap-prd-list .shopping-list-item .shopping-list-item + .prd-list-contents.prd-list-btn > .btn.btn-txt-gray {position: absolute; top: 14px; left: 67px;}
  html[lang="jp"] .wrap-shopping-list .wrap-prd-list .shopping-list-item .shopping-list-item + .prd-list-contents.prd-list-btn > .btn.btn-txt-gray {position: absolute; top: 15px; left: 123px;}
}

/* footer (payment, delivery) 2022-04-21 */
@media (min-width: 1200px){
  .footer-payment-delivery ul {position: relative; display: table; padding: 9px 13px 7px 14px; background-color: #e5e5e5;}
  .footer-payment-delivery ul li {position: relative; display: table-row;}
  .footer-payment-delivery ul li .title-area {position: relative; display: table-cell; height: 18px; line-height: 18px; font-size: 12px; font-weight: 400; color: #666; padding-right: 21px;}
  .footer-payment-delivery ul li .title-area:after {content: ''; position: absolute; top: 4px; right: 11px; width: 1px; height: 10px; background-color: #b2b2b2;}
  .footer-payment-delivery ul li .logo-area {position: relative; display: table-cell; width: 190px; height: 18px;}
  .footer-payment-delivery ul li .logo-area.payment-images {background: url(../../resources/images/common/bg_payment_pc.png) 0 0 no-repeat; background-size: auto 18px;}
  .footer-payment-delivery ul li .logo-area.delivery-images {background: url(../../resources/images/common/bg_delivery_pc.png) 0 0 no-repeat; background-size: auto 18px;}
  .footer-payment-delivery ul li:first-child .title-area {padding-bottom: 3px;}
}
/* [S] 알리페이 결제 수단 추가 건 2022-12-07 */
@media (max-width: 1199px) {
  .footer-payment-delivery {position: relative; display: block; padding-bottom: 35px;}
  .footer-payment-delivery ul {position: relative; display: table; padding: 7px 10px 5px 11px; background-color: #e5e5e5;}
  .footer-payment-delivery ul li {position: relative; display: table-row;}
  .footer-payment-delivery ul li .title-area {position: relative; display: table-cell; height: 16px; line-height: 16px; font-size: 11px; font-weight: 400; color: #666; padding-right: 15px;}
  .footer-payment-delivery ul li .title-area:after {content: ''; position: absolute; top: 3px; right: 7px; width: 1px; height: 9px; background-color: #b2b2b2;}
  .footer-payment-delivery ul li .logo-area {position: relative; display: table-cell; width: 177px; height: 17px;}
  .footer-payment-delivery ul li .logo-area.payment-images {width:188px;background: url(../../resources/images/common/bg_payment_mo.png) 0 0 no-repeat; background-size: auto 17px;}
  .footer-payment-delivery ul li .logo-area.delivery-images {background: url(../../resources/images/common/bg_delivery_mo.png) 0 0 no-repeat; background-size: auto 17px;}
  .footer-payment-delivery ul li:first-child .title-area {padding-bottom: 2px;}
  html[lang="jp"] .footer-payment-delivery ul li .title-area {line-height: 14px;}
}
/*
@media (max-width: 340px) {
  .footer-payment-delivery ul li .logo-area {width: 154px; height: 14px;}
  .footer-payment-delivery ul li .logo-area.payment-images {background-size: auto 14px;}
  .footer-payment-delivery ul li .logo-area.delivery-images {background-size: auto 14px;}
}
@media (max-width: 320px) {
  .footer-payment-delivery ul li {position: relative; display: table-row;}
  .footer-payment-delivery ul li .title-area {position: relative; display: block;}
  .footer-payment-delivery ul li .title-area:after {content: none;}
  .footer-payment-delivery ul li .logo-area {position: relative; display: block;}
  .footer-payment-delivery ul li:first-child .logo-area {height: 18px;}
}
*/
@media (max-width: 359px) {
  .footer-payment-delivery ul li {position: relative; display: table-row;}
  .footer-payment-delivery ul li .title-area {position: relative; display: block;}
  .footer-payment-delivery ul li .title-area:after {content: none;}
  .footer-payment-delivery ul li .logo-area {position: relative; display: block;}
  .footer-payment-delivery ul li:first-child .logo-area {height: 18px;}
}
/* [E] 알리페이 결제 수단 추가 건 2022-12-07 */
/* footer 2022-04-21 */
@media (min-width: 1200px){
  html[lang="en"] .footer {min-height: 389px;}
  html[lang="en"] .footer .footer-list {padding-bottom: 25px;}
  html[lang="jp"] .footer {min-height: 369px;}
}
@media (max-width: 1199px) {
  .footer .footer-sns-group .btn {margin-right: 0px !important;}
  .footer .footer-sns-group {padding: 10px 0 15px; margin-left: -5px;}
}

/* MO category 2022-04-05 */
@media (max-width: 1199px) {
  .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu {position: relative; padding: 15px 57px 15px 16px;}
  .dropdown-menu.nav-category .panel-title.depth-2 .nav-menu {padding-left: 25px;}
}

/* FEATURED BRANDS 하단 이미지 없는 경우 여백 추가 */
@media (max-width: 1199px){
  #featuredBrands + .main-section.bg {margin-top: 0;}
}
@media (min-width: 1200px){
  #featuredBrands + .main-section.bg {margin-top: 100px;}
}

/* [S] 모바일 사이드메뉴 UI/UX 수정 2022-05-04 */
.wrap-menu.ver2 .mo-nav-category{display:none;}
@media (max-width: 1199px) {
  .wrap-menu.ver2 .wrap-nav{background-color:#fff;}
  .wrap-menu.ver2 .wrap-nav-inner{padding-top:51px;}
  .wrap-menu.ver2 .wrap-nav-inner > .nav-util:first-child{position:fixed;left:-100%;top:0;width:100%;background-color:#fff;z-index:1;}
  .wrap-menu.ver2 .open .wrap-nav-inner > .nav-util:first-child{left:0;}
  .wrap-menu.ver2 .dropdown-backdrop{display:none;}
  .wrap-menu.ver2 .open .nav-toggle{display:none;position:absolute !important;top:5px;padding:8px 0;width:38px;margin-left:-11px;}
  .wrap-menu.ver2 .open .nav-toggle .icon-bar{margin:0 0 -4px -6px;border-width:1px;border-color:#000;transform:rotate(45deg);}
  .wrap-menu.ver2 .open .nav-toggle .icon-bar::before{top:-1px;border-width:1px;border-color:#000;transform:rotate(90deg);}
  .wrap-menu.ver2 .nav-util-username{width:calc(100% - 80px);padding:0;font-weight:500;font-size:1.25rem;}
  .wrap-menu.ver2 .nav-util-username a{display:flex;position:relative;height:50px;color:#a5c852;align-items:center;justify-content:flex-start;}
  /* [S] 2022-06-28 로그인 후 스타일 변경 */
  .wrap-menu.ver2 .nav-util-username a:after{content:'';/*position:absolute;right:0;top:50%;*/display:inline-block;margin:7px 0 0 10px;width:8px;height:8px;border:1px solid #141414;border-left:0;border-bottom:0;transform:translateY(-50%) rotate(45deg);vertical-align:top;}
  /* [E] 2022-06-28 로그인 후 스타일 변경 */
  .wrap-menu.ver2 .nav-util-username .member-grade{display:inline-block;margin-left:3px;height:20px;padding:0 9px;border-radius:10px;font-size:0.875rem;line-height:20px;color:#fff;vertical-align:top;}
  .wrap-menu.ver2 .nav-util-username .member-grade.grade-welcome{background-color:#f79bd3;}
  .wrap-menu.ver2 .nav-util-username .member-grade.grade-vip{background-color:#a9d219;}
  .wrap-menu.ver2 .nav-util-username .member-grade.grade-vvip{background-color:#fa7871;}
  .wrap-menu.ver2 .wrap-nav .nav-sign{display:flex;padding:0 20px;width:100%;height:51px;border-bottom:1px solid #e0e0e0;background-color:#fff;align-items:center;}
  .wrap-menu.ver2 .wrap-nav .nav-sign .btn-group .btn{position:relative;padding-right:15px;font-weight:500;font-size:1.25rem;}
  .wrap-menu.ver2 .wrap-nav .nav-sign .btn-group .btn:after{content:'';position:absolute;right:0;top:50%;width:8px;height:8px;border:1px solid #141414;border-left:0;border-bottom:0;transform:translateY(-50%) rotate(45deg);}
  .wrap-menu.ver2 .wrap-nav .nav-sign .btn-setup{top:0;right:47px;width:38px;height:50px;padding:12px 8px 13px;}
  .wrap-menu.ver2 .wrap-nav .nav-sign .btn-setup:before{content:'';display:block;width:23px;height:23px;background:url(../images/common/sidemenu_m.png) no-repeat left top;background-size:100px auto;vertical-align:top;}
  .wrap-menu.ver2 .wrap-nav .nav-sign .nav-toggle{display:block;margin:-5px 0 0 -48px;}
  .wrap-menu.ver2 .wrap-nav .nav-sign .btn-close{position:absolute;top:0;right:10px;width:38px;height:50px;padding:12px 8px 13px;}
  .wrap-menu.ver2 .wrap-nav .nav-sign .btn-close::before{content:'';position:absolute;left:13px;top:50%;width:24px;height:1px;margin:-1px 0 -4px -6px;border-top:1px solid #000;transform:rotate(45deg);}
  .wrap-menu.ver2 .wrap-nav .nav-sign .btn-close::after{content:'';position:absolute;left:7px;top:50%;width:24px;margin:-1px 0 0 0;border-top:1px solid #000;transform:rotate(-45deg);}
  .wrap-menu.ver2 .wrap-nav .dropdown-menu{display:none;border-top:5px solid #ebebeb;}
  .wrap-menu.ver2 .wrap-nav-inner{width:100%;}
  .wrap-menu.ver2 .nav-category .panel-group{display:flex;flex-wrap:wrap;align-items:flex-start;background-color:#fff;border-bottom:1px solid #e0e0e0;}
  .wrap-menu.ver2 .nav-category .panel-default{flex:1 1 50%;border-top:1px solid #ececec;}
  .wrap-menu.ver2 .nav-category .panel-default:nth-child(1), .wrap-menu.ver2 .nav-category .panel-default:nth-child(2){border-top:0;}
  .wrap-menu.ver2 .nav-category .panel-heading{border:0;}
  .wrap-menu.ver2 .nav-category .panel-collapse{display:none !important;}
  .wrap-menu.ver2 .nav-menu{font-family:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;}
  html[lang="jp"] .wrap-menu.ver2 .nav-menu{font-family:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu{display:flex;height:50px;padding:5px 10px 5px 36px;font-weight:400;font-size:1rem;line-height:1.125rem;color:#2c2d2b;align-items:center;justify-content:flex-start;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel:nth-child(odd) .panel-title.depth-1 .nav-menu{padding-left:47px;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu:before{content:'';display:block;position:absolute;left:4px;top:50%;margin-top:-12px;width:23px;height:23px;background:url(../images/common/sidemenu_m.png) no-repeat left top;background-size:100px auto;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel:nth-child(odd) .panel-title.depth-1 .nav-menu:before{left:15px;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu.ico-skincare:before{background-position:0 -23px;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu.ico-masks:before{background-position:-23px -23px;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu.ico-makeup:before{background-position:-46px -23px;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu.ico-suncare:before{background-position:-69px -23px;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu.ico-bathbody:before{background-position:0 -46px;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu.ico-hair:before{background-position:-23px -46px;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu.ico-accessories:before{background-position:-46px -46px;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu.ico-toolsbrushes:before{background-position:-69px -46px;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu.ico-wellness:before{background-position:0 -69px;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu.ico-men:before{background-position:-23px -69px;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu.ico-supplements:before{background-position:-46px -69px;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu.ico-fooddrink:before{background-position:-69px -69px;}
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu.ico-specialvalueset:before{background-position:0 -92px;}
  .wrap-menu.ver2 .nav-menu[aria-expanded="true"], .wrap-menu.ver2 .nav-menu.on{color:#141414;}
  .wrap-menu.ver2 .nav-category .btn-nav-link{display:none;}
  .wrap-menu.ver2 .nav-navbar-list{border-top:5px solid #ebebeb;border-bottom:1px solid #e0e0e0;}
  .wrap-menu.ver2 .nav-navbar-list ul{display:flex;flex-wrap:wrap;background-color:#fafafa;}
  .wrap-menu.ver2 .nav-navbar-list ul li{flex:1 1 50%;border-top:1px solid #ececec;font-weight:500;font-size:1rem;}
  .wrap-menu.ver2 .nav-navbar-list ul li:nth-child(1), .wrap-menu.ver2 .nav-navbar-list ul li:nth-child(2){border-top:0;}
  .wrap-menu.ver2 .nav-navbar-list ul li a{display:flex;height:50px;padding:10px 6px;color:#2c2d2b;align-items:center;justify-content:flex-start}
  .wrap-menu.ver2 .nav-navbar-list ul li:nth-child(odd) a{padding-left:17px;}
  .wrap-menu.ver2 .nav-util-exhibition > div{/*min-height:75px;*/border-top:5px solid #ebebeb;border-bottom:1px solid #e0e0e0;background-color:#fef2f2;}
  .wrap-menu.ver2 .nav-util-exhibition a{display:block;position:relative;padding:17px 45px 15px 18px;font-weight:500;font-size:1.125rem;line-height:1.34375rem;color:#f1827d;}
  .wrap-menu.ver2 .nav-util-exhibition a:after{content:'';position:absolute;right:32px;top:50%;margin-top:-2px;width:12px;height:12px;border:1px solid #ef6b65;border-left:0;border-bottom:0;transform:rotate(45deg) translate(0, -50%);}
  .wrap-menu.ver2 .nav-util-exhibition a.img-link{padding:0;}
  .wrap-menu.ver2 .nav-util-exhibition a.img-link:after{display:none;}
  .wrap-menu.ver2 .nav-util-list{border-top:5px solid #ebebeb;}
  .wrap-menu.ver2 .nav-util-list ul li{position:relative;border-bottom:1px solid #ececec;font-weight:500;font-size:1rem;}
  .wrap-menu.ver2 .nav-util-list ul li button, .wrap-menu.ver2 .nav-util-list ul li a{display:flex;position:relative;width:100%;height:50px;padding:10px 45px 10px 52px;color:#2c2d2b;align-items:center;justify-content:flex-start}
  .wrap-menu.ver2 .nav-util-list ul li button > span{position:relative;}
  .wrap-menu.ver2 .nav-util-list ul li button:after, .wrap-menu.ver2 .nav-util-list ul li a:after{content:'';position:absolute;right:32px;top:50%;margin-top:-2px;width:12px;height:12px;border:1px solid #888;border-left:0;border-bottom:0;transform:rotate(45deg) translate(0, -50%);}
  .wrap-menu.ver2 .nav-util-list ul li:before{content:'';display:block;position:absolute;left:18px;top:50%;margin-top:-12px;width:23px;height:23px;background:url(../images/common/sidemenu_m.png) no-repeat left top;background-size:100px auto;}
  .wrap-menu.ver2 .nav-util-list ul li.nul-language:before{background-position:0 -115px;}
  .wrap-menu.ver2 .nav-util-list ul li.nul-cs:before{background-position:-23px -115px;}
  .wrap-menu.ver2 .nav-util-list ul li.nul-orders:before{background-position:-46px -115px;}
  .wrap-menu.ver2 .nav-util-list ul li.nul-app:before{background-position:-69px -115px;}
  .wrap-menu.ver2 .nav-logout{padding:0;}
  .wrap-menu.ver2 .nav-logout .text-right{padding:0;}
  .wrap-menu.ver2 .nav-logout .text-right a{display:inline-flex;padding:0 25px;height:50px;color:#2c2d2b;align-items:center;justify-content:flex-end;}
  
  /* [S] 모바일 메뉴 추가 2022-06-16 */
  .wrap-menu.ver2 .mo-nav-category{display:block;border-top:4px solid #ebebeb;}
  .wrap-menu.ver2 .mo-nav-category > ul{display:flex;flex-wrap:wrap;align-items:flex-start;background-color:#fff;border-bottom:1px solid #e0e0e0;}
  .wrap-menu.ver2 .mo-nav-category > ul li{flex:1 1 50%;border-top:1px solid #ececec;}
  .wrap-menu.ver2 .mo-nav-category > ul li a{display:flex;position:relative;height:50px;padding:5px 10px 5px 36px;font-weight:400;font-size:1rem;line-height:1.125rem;color:#2c2d2b;align-items:center;justify-content:flex-start;}
  .wrap-menu.ver2 .mo-nav-category > ul li a[class*="ico-"]:before{content:'';display:block;position:absolute;left:4px;top:50%;margin-top:-12px;width:23px;height:23px;background:url(../images/common/sidemenu_m.png) no-repeat left top;background-size:100px auto;}
  .wrap-menu.ver2 .mo-nav-category > ul li:nth-child(odd) a{padding-left:47px;}
  .wrap-menu.ver2 .mo-nav-category > ul li:nth-child(odd) a[class*="ico-"]:before{left:15px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a i{position:absolute;left:4px;top:50%;margin-top:-12px;width:23px;height:23px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a i img{width:100%;height:100%;}
  .wrap-menu.ver2 .mo-nav-category > ul li:nth-child(odd) a i{left:15px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a.ico-skincare:before{background-position:0 -23px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a.ico-masks:before{background-position:-23px -23px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a.ico-makeup:before{background-position:-46px -23px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a.ico-suncare:before{background-position:-69px -23px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a.ico-bathbody:before{background-position:0 -46px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a.ico-hair:before{background-position:-23px -46px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a.ico-accessories:before{background-position:-46px -46px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a.ico-toolsbrushes:before{background-position:-69px -46px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a.ico-wellness:before{background-position:0 -69px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a.ico-men:before{background-position:-23px -69px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a.ico-supplements:before{background-position:-46px -69px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a.ico-fooddrink:before{background-position:-69px -69px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a.ico-specialvalueset:before{background-position:0 -92px;}
  .wrap-menu.ver2 .mo-nav-category > ul li a.ico-kpop:before{background-position:-23px -92px;}
  /* [E] 모바일 메뉴 추가 2022-06-16 */
}
@media (max-width: 359px) {
  .wrap-menu.ver2 .dropdown-menu.nav-category .panel-title.depth-1 .nav-menu{letter-spacing:-0.05em;}
  .wrap-menu.ver2 .nav-util-list ul li.nul-app{font-size:0.84375rem;}
}
@supports (position: sticky) or (position: -webkit-sticky){
  .wrap-menu.ver2 .wrap-nav-inner{padding-top:0;}
  .wrap-menu.ver2 .wrap-nav-inner > .nav-util:first-child{position:-webkit-sticky;position:sticky;left:0;top:0;}
}
/* [E] 모바일 사이드메뉴 UI/UX 수정 2022-05-04 */

/* [S] 회원가입 페이지 내 앱푸시 동의 촉진 문구 추가 2022-06-10 */
.add-txt{margin-left:18px;/*font-style:italic;*/}
@media (max-width: 1199px) {
  .add-txt{display:block;margin-left:0;;}
}
/* [E] 회원가입 페이지 내 앱푸시 동의 촉진 문구 추가 2022-06-10 */

/* [S] 글로벌몰 메인 및 핫딜 페이지 내 줄바꿈 관련 수정(영문만 적용) 2022-07-07 */
html[lang="en"] .main-section .list-thumb-info,
html[lang="en"] .main-section .swiper-container.featured-brands .fig-exp,
html[lang="en"] .block-list.type-box .list-thumb-info{word-wrap:break-word;word-break: keep-all;}
/* [E] 글로벌몰 메인 및 핫딜 페이지 내 줄바꿈 관련 수정(영문만 적용) 2022-07-07 */

/* [S] 마이어카운트 > 주문리스트 및 상세 페이지 개선 2022-07-11 */
.w79px{width:79px;}
.w112px{width:112px;}
.w123px{width:123px;}
.w136px{width:136px;}
.btn-round-h32{min-width:124px;height:32px;line-height:32px;padding:0 19px;font-weight:700;border-radius:16px;font-size:0.8125rem;}
.btn-round4-bg-gray{display:inline-flex;border:1px solid #e0e0e0;border-radius:4px;background-color:#f5f5f5;height:32px;text-align:center;padding:0 9px;font-size:0.8125rem;text-decoration:none;color:#424242;align-items:center;justify-content:center;}

.list-myaccount-step.type02{display:flex;padding:24px 0 31px;text-align:center;border-bottom:1px solid #e0e0e0;}
.list-myaccount-step.type02 .list-myaccount-item{float:none;flex:1;position:relative;}
.list-myaccount-step.type02 .list-myaccount-item:first-child{padding-right:0;}
.list-myaccount-step.type02 .list-myaccount-item + .list-myaccount-item{padding-left:0;}
.list-myaccount-step.type02 .list-myaccount-item + .list-myaccount-item::before{content:'';position:absolute;left:0;top:7px;display:block;width:1px;height:59px;border:0;background-color:#e0e0e0;}
.list-myaccount-step.type02 .list-myaccount-menu{display:block;position:relative;}
.list-myaccount-step.type02 .list-myaccount-menu .cnt{padding-bottom:7px;color:#8f8f8f;font-weight:600;font-size:2.625rem;}
.list-myaccount-step.type02 .myaccount-step{color:#3d3d3d;font-size:0.9375rem;word-break:break-word;}
/* 2022-08-02 주문상세 수정 [S] */
.wrap-shopping-list.type02 .order-date,
.wrap-shopping-list.type02 .order-number{width:136px;}
.wrap-shopping-list.type02 .order-number{text-align:center;font-size:0.8125rem;}
/* 2022-08-02 주문상세 수정 [E] */
.wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-quantity{width:79px;}
.wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-amountDue{width:123px;}
.wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn{width:112px;/*padding:20px 17px 15px;*/padding:20px 16px 15px;}
.wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-action-btn{width:131px;text-align:center;}
.wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-action-btn p + p{margin-top:5px;}
.wrap-shopping-list.type02 .shopping-list-item + .shopping-list-item .prd-action-btn{background: url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;}
.wrap-shopping-list.type02 .prd-list-contents .btn-round4-gray{padding:0 5px;border-color:#b1b1b1;color:#666;}
.wrap-shopping-list.type02 .order-number + *{margin-top:10px;}
.wrap-shopping-list.type02 .btn-round4-gray, .wrap-shopping-list.type02 .btn-round4-bg-gray{min-width:104px;}
.wrap-shopping-list.type02 .badge{font-weight:400;font-family:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;}
html[lang="jp"] .wrap-shopping-list.type02 .badge{font-family:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;}
.popselbox{padding:18px 0 0;}
.popselbox .txt{margin-bottom:17px;font-size:1.125rem;line-height:1.5rem;color:#141414;}
.popselbox .wrap-table{border-top:1px solid #e0e0e0;}
.popselbox .wrap-table .wrap-ipt-check{height:20px;}
.popselbox .wrap-table .wrap-ipt-check input{margin:0;height:20px;}
.popselbox .wrap-table .v-middle{vertical-align:middle;}
.popselbox .wrap-table label{display:block;width:100%;height:100%;}
.popselbox .wrap-table .prd-list-name{font-weight:500;color:#141414;}
.popselbox .wrap-table .prd-list-name-detail{font-weight:normal;color:#3d3d3d;}
.wrap-page-btn .btn.btn-md{min-width:320px;height:40px;font-size:0.875rem;}

.wrap-roundbox.type02{position:relative;padding:30px 0 35px;margin:0;border:0;border-radius:0;}
.wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item{display:block;width:100%;padding:0;text-align:left;font-size:0.875rem;line-height:1.125rem;color:#141414;}
.wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.ordernumber{margin-top:6px;font-weight:700;font-size:1.125rem;line-height:1.375rem;color:#141414;}
.wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.ordernumber em{font-weight:700;}
.wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.ordernumber em.color-pink{color:#f27370 !important;}
.wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.tracknumber{margin-top:6px;}
.wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment{margin:9px 0 -17px;}
.wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment > span{cursor:pointer;}
.wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .badge{display:inline-block;margin-right:11px;padding:0;width:99px;height:28px;line-height:28px;border-radius:13px;background-color:#efefef;border:0;font-family:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;font-weight:400;font-size:0.875rem;color:#141414;vertical-align:middle;}
html[lang="jp"] .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .badge{font-family:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;}
.wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .btn-tooltip{padding-right:0;vertical-align:baseline;}
.wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .btn-tooltip:after{display:none;}
.wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .btn-tooltip .tit{font-weight:700;font-size:0.875rem;color:inherit;text-decoration:underline;}
.wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .tooltip-type-basic{margin:3px 0 0 9px;}
html[lang="jp"] .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .tooltip-type-basic{margin:5px 0 0 3px;}
.wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .tooltip-type-basic .list-dash-item{margin-top:0;}
.wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item + .list-breadcrumb-item::before{display:none;}
.wrap-roundbox.type02 .btn.btn-green{position:absolute;right:0;top:39px;}
.wrap-roundbox.type02 + .section-title{padding-top:8px;}
.status-progressbar{display:flex;position:relative;padding-bottom:42px;justify-content:space-between;}
.status-progressbar:before{content:'';position:absolute;left:0;top:0;width:100%;height:15px;border-radius:8px;background-color:#f5f5f5;}
.status-progressbar:after{content:'';position:absolute;left:0;top:0;width:0;height:15px;border-radius:8px;background-color:#9bce26;}
.status-progressbar > span{position:relative;padding-top:27px;font-size:0.875rem;line-height:1.125rem;color:#141414;}
.status-progressbar.step01:after{width:62px;}
.status-progressbar.step02:after{width:383px;}
.status-progressbar.step03:after{width:663px;}
.status-progressbar.step04:after{width:100%;}
.status-progressbar.step01 > span:nth-child(1),
.status-progressbar.step02 > span:nth-child(2),
.status-progressbar.step03 > span:nth-child(3),
.status-progressbar.step04 > span:nth-child(4){font-weight:700;color:#9bce26;}
.wrap-shipping-area .section-title{padding-top:8px;border-bottom:0;}
.wrap-shipping-area .shipping-info{position:relative;padding:25px 230px 26px 19px;border:1px solid #c2c2c2;border-radius:5px;}
.wrap-shipping-area .shipping-info p{font-size:1rem;line-height:1.375rem;color:#141414;}
.wrap-shipping-area .shipping-info p span{word-wrap:break-word;word-break:keep-all;}
.wrap-shipping-area .shipping-info p span + span:before{content:'/';margin-right:5px;}
.wrap-shipping-area .btn-location{position:absolute;right:19px;top:50%;margin-top:-17px;width:193px;height:32px;border-radius:4px;background-color:#eee;font-size:0.8125rem;color:#666;}
.wrap-shipping-area .btn-location span{display:inline-block;position:relative;padding-left:20px;line-height:32px;vertical-align:top;}
.wrap-shipping-area .btn-location span:before{content:'';position:absolute;left:0;top:7px;width:13px;height:17px;background:url(../images/myaccount/icon_status.png) no-repeat 0 -56px;}
.price-detail-total.billing .point-acc .detail-total-title{font-size:1rem;}
.price-detail-total.billing .point-alert {display: block; float: right; padding: 10px 16px 0 15px; color: #FB2723; font-size: 0.8125rem; line-height: 1rem;}
.section-title.billing .btn.btn-round4-gray{margin:-8px 0 -5px 4px;min-width:104px;height:28px;line-height:26px;}
.section-title.type-inc-tooltip .btn-tooltip{margin:-7px 0 -5px;padding-right:0;width:24px;height:24px;}
.section-title.type-inc-tooltip .btn-tooltip::after{right:auto;left:50%;top:50%;transform:translate(-50%, -50%);}
.section-title.type-inc-tooltip .btn-tooltip .sr-only{margin:0;}
.section-title.type-inc-tooltip .tooltip-type-basic.bottom.left{left:-5px;margin-top:11px;}
.section-title.type-inc-tooltip .tooltip-type-basic .tooltip-typeBasic-body p{line-height:1rem;}
.wrap-shopping-list.basic.event-check .prd-list .list-group .list-group-item.event-item{margin-bottom:20px;}

@media (max-width: 1199px) {
  .btn-round-h32{min-width:124px;height:32px;line-height:32px;padding:0 19px;font-weight:700;border-radius:16px;font-size:0.9375rem;}
  html[lang="jp"] .btn-round-h32{padding:0 7px;font-weight:500;font-size:0.875rem;}
  /* .wrap-shopping-list.type02{display:none;} */
  .wrap-shopping-list.type02 .wrap-prd-list{padding-bottom:5px;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-quantity{width:auto;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-amountDue{width:auto;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn{display:flex;clear:both;overflow:hidden;float:none;width:auto;min-height:38.5px;margin:15px 16px;padding:10px;line-height:1.125rem;align-items:center;justify-content:flex-start;background:#f5f5f5;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .shopping-item-status{padding:0;background:none;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-purchase,
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-preparing,
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-transit,
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-delivered,
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-cancel,
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-refund{position:relative;padding-left:26px;font-weight:500;font-size:0.875rem;color:#3d3d3d;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-purchase:before,
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-preparing:before,
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-transit:before,
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-delivered:before,
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-cancel:before,
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-refund:before{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-11px;width:23px;height:23px;background:url(../images/myaccount/icon_status.png) no-repeat left top;background-size:auto 50px;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-purchase:before{background-position:0 0;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-preparing:before{background-position:-23px 0;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-transit:before{background-position:-46px 0;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-delivered:before{background-position:-69px 0;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-list-btn .ico-cancel:before{background-position:-92px 0;}
  .wrap-shopping-list.type02 .wrap-prd-list .ico-refund:before{background-position:-115px 0;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-action-btn{display:flex;width:100%;text-align:center;padding-top:0;padding-bottom:0;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-action-btn p{flex:1 1 auto;padding-bottom:15px;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-action-btn p + p{margin:0 0 0 10px;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.prd-action-btn p .btn-round4-gray{width:100%;}
  .wrap-shopping-list.type02 .event-item + .shopping-list-item-inner::before{content:'';display:block;height:1px;margin:0 16px;background:url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;}
  .wrap-shopping-list.type02 .shopping-list-item{float:none;}
  .wrap-shopping-list.type02 .shopping-list-item::after{content:'';display:block;height:1px;margin:0 16px;background:url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;}
  .wrap-shopping-list.type02 .shopping-item-status > li:first-child{font-weight:500;padding-left:0;margin-left:0;}
  .wrap-shopping-list.type02 .shopping-item-status > li{font-weight:400;padding-left:10px;margin-left:11px;font-size:0.875rem;}
  .wrap-shopping-list.type02 .shopping-item-status > li::before{top:2px;}
  html[lang="jp"] .wrap-shopping-list.type02 .shopping-item-status > li::before{top:4px;}
  .wrap-shopping-list.type02 .shopping-item-status > li.status-tracknumber-item{padding-left:0;margin:0 0 0 8px;letter-spacing:-0.01em;}
  .wrap-shopping-list.type02 .shopping-item-status > li.status-tracknumber-item a{font-size:0.875rem;font-family:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;vertical-align:baseline;}
  html[lang="jp"] .wrap-shopping-list.type02 .shopping-item-status > li.status-tracknumber-item a{font-family:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;}

  /* 2022-08-02 주문상세 수정 [S] */
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.order-number{display:flex;position:relative;float:left;width:100%;min-height:50px;padding:10px 16px 10px;margin:0;width:100%;text-align:left;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background-color:#f5f5f5;align-items:center;}
  .wrap-shopping-list.type02 .wrap-prd-list .prd-list-contents.order-number:before{display:none;}
  /* 2022-08-02 주문상세 수정 [E] */

  .wrap-shopping-list-mo:before{content:'';display:block;height:6px;border-top:1px solid #e0e0e0;background-color:#ebebeb;}
  .wrap-shopping-list-mo{display:block;margin-top:2px;}
  .wrap-shopping-list-mo .list-group-item:after{content:'';display:block;height:6px;border-top:1px solid #e0e0e0;background-color:#ebebeb;}
  .wrap-shopping-list-mo .wrap-prd-list{padding:0 0 20px;}
  .wrap-shopping-list-mo .wrap-prd-list .order-info{display:flex;padding:5px 16px;height:52px;border-bottom:1px solid #e0e0e0;background-color:#f5f5f5;align-items:center;}
  .wrap-shopping-list-mo .wrap-prd-list .order-info .order-date{flex:0 1 auto;min-width:84px;line-height:1.25rem;}
  .wrap-shopping-list-mo .wrap-prd-list .order-info .order-number{overflow:hidden;flex:1;padding:0 0 0 10px;line-height:1.25rem;}
  .wrap-shopping-list-mo .wrap-prd-list .order-info .order-number::before{top:5px;}
  html[lang="jp"] .wrap-shopping-list-mo .wrap-prd-list .order-info .order-number::before{top:7px;}
  .wrap-shopping-list-mo .wrap-prd-list .order-info .order-number .btn-txt-gray{display:inline-block;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;vertical-align:middle;}
  .wrap-shopping-list-mo .wrap-prd-list .order-info .btn-round4-bg-gray{font-family:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;margin-left:10px;font-weight:normal;min-width:46px;height:27px;border-color:#cacaca;background-color:#e4e4e4;color:#616161;}
  html[lang="jp"] .wrap-shopping-list-mo .wrap-prd-list .order-info .btn-round4-bg-gray{padding:0;font-family:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;}
  .wrap-shopping-list-mo .wrap-prd-list .shopping-list-item + .shopping-list-item{margin-top:20px;}
  .wrap-shopping-list-mo .wrap-prd-list .shopping-list-item + .shopping-list-item:before{border-top:0;background: url(../../resources/images/common/border-dashed.png) 0 0 repeat-x;}
  .wrap-shopping-list-mo .wrap-prd-list .thumb-list{padding:20px 0 15px;}
  .wrap-shopping-list-mo .wrap-prd-list .thumb-list .swiper-container{padding:0 9px 0 16px;}
  .wrap-shopping-list-mo .wrap-prd-list .thumb-list .swiper-slide{width:86.5px;height:86.5px;margin-right:7.5px;}
  .wrap-shopping-list-mo .wrap-prd-list .thumb-list .swiper-slide a{display:block;width:100%;height:100%;}
  .wrap-shopping-list-mo .wrap-prd-list .thumb-list .swiper-slide img{width:100%;height:auto;}
  .wrap-shopping-list-mo .prd-list-btn{display:flex;min-height:38.5px;padding:10px;margin:0 16px;background:#f5f5f5;align-items:center;justify-content:flex-start;}
  .wrap-shopping-list-mo .prd-list-btn p{position:relative;padding-left:26px;font-weight:500;font-size:0.875rem;line-height:1.125rem;color:#3d3d3d;}
  .wrap-shopping-list-mo .prd-list-btn p:before{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-11px;width:23px;height:23px;background:url(../images/myaccount/icon_status.png) no-repeat left top;background-size:auto 50px;}
  .wrap-shopping-list-mo .prd-list-btn p span{position:relative;margin-left:7px;padding-left:10px;font-weight:400;}
  .wrap-shopping-list-mo .prd-list-btn p span:before{content:'';position:absolute;left:0;top:2px;width:1px;height:12px;background-color:#c2c2c2;}
  html[lang="jp"] .wrap-shopping-list-mo .prd-list-btn p span:before{top:5px;}
  .wrap-shopping-list-mo .prd-list-btn p span a{margin-left:5px;letter-spacing:-0.01em;text-decoration:underline;}
  .wrap-shopping-list-mo .prd-list-btn p span a:hover{color:#f27370;}
  .wrap-shopping-list-mo .prd-list-btn p.ico-purchase:before{background-position:0 0;}
  .wrap-shopping-list-mo .prd-list-btn p.ico-preparing:before{background-position:-23px 0;}
  .wrap-shopping-list-mo .prd-list-btn p.ico-transit:before{background-position:-46px 0;}
  .wrap-shopping-list-mo .prd-list-btn p.ico-delivered:before{background-position:-69px 0;}
  .wrap-shopping-list-mo .prd-list-btn p.ico-cancel:before{background-position:-92px 0;}
  .wrap-shopping-list-mo .prd-list-btn p.ico-refund:before{background-position:-115px 0;}
  .wrap-shopping-list-mo .prd-list-btn .shopping-item-status{padding:0;background:none;}
  .wrap-shopping-list-mo .prd-list-btn .shopping-item-status > li:first-child{font-weight:500;padding-left:0;margin-left:0;}
  .wrap-shopping-list-mo .prd-list-btn .shopping-item-status > li{font-weight:400;padding-left:10px;margin-left:11px;font-size:0.875rem;line-height:1.125rem;color:#3d3d3d;}
  .wrap-shopping-list-mo .prd-list-btn .shopping-item-status > li::before{top:2px;}
  html[lang="jp"] .wrap-shopping-list-mo .prd-list-btn .shopping-item-status > li::before{top:4px;}
  .wrap-shopping-list-mo .prd-list-btn .shopping-item-status > li.status-tracknumber-item{padding-left:0;margin:0 0 0 8px;letter-spacing:-0.01em;}
  .wrap-shopping-list-mo .prd-list-btn .shopping-item-status > li.status-tracknumber-item a{display:inline;font-size:0.875rem;font-family:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;vertical-align:baseline;}
  html[lang="jp"] .wrap-shopping-list-mo .prd-list-btn .shopping-item-status > li.status-tracknumber-item a{font-family:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;}

  .wrap-shopping-list-mo .prd-action-btn{display:flex;padding:15px 16px 0;}
  .wrap-shopping-list-mo .prd-action-btn .btn-round4-gray{flex:1;height:32px;border-color:#b1b1b1;color:#666;}
  .wrap-shopping-list-mo .prd-action-btn .btn-round4-gray + .btn-round4-gray{margin-left:10px;}
  .wrap-shopping-list-mo .soldout::after, .wrap-shopping-list-mo .temporarily::after{display:flex;padding:0;height:35px;font-weight:400;font-size:0.8125rem;line-height:0.9375rem;background:rgba(0, 0, 0, 0.25);align-items:center;justify-content:center;}
  .wrap-shopping-list-mo .temporarily::after{letter-spacing:-0.05em;}
  .wrap-page-btn .btn.btn-md{min-width:100%;height:42px;}

  .section-title.type-inc-btn .pull-left{display:flex;max-width:calc(100% - 19px) !important;width:calc(100% - 19px);justify-content:space-between;}
  .section-title.billing .btn.btn-round4-gray{margin:-5px 0 -7px 4px;}
  .price-detail-total.billing .point-acc .detail-total-title{font-size:1rem;}
  .price-detail-total.billing .point-acc .detail-total-title .weight-regular.mo-block{margin-top:4px;font-size:0.875rem;}
  .price-detail-total.billing .point-acc em{font-size:1.125rem;}

  .wrap-roundbox.type02{padding:16px 10px 16px 16px;/*margin-bottom:30px;*/background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;}
  .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item{font-size:0.875rem;line-height:1.125rem;}
  .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.ordernumber{margin-top:0;font-size:1rem;line-height:1.375rem;}
  .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.tracknumber{background:none;margin:0;}
  .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment{margin:4px 0 3px;}
  .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .badge{margin-right:9px;width:94px;height:28px;line-height:28px;border-radius:13px;background-color:#fff;}
  html[lang="jp"] .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .badge{width:70px;}
  .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .btn-tooltip .tit{font-weight:700;font-size:0.875rem;color:inherit;text-decoration:underline;}
  .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .tooltip-type-basic{width:262px;/*left:auto;right:0;*/margin:10px 0 0 9px;}
  html[lang="jp"] .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .tooltip-type-basic{margin:10px -6px 0 0;}
  .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .tooltip-type-basic.left{left:0;}
  .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .tooltip-type-basic.right{right:0;}
  /* .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .tooltip-type-basic::after{left:auto;right:10px;} */
  .wrap-roundbox.type02 .btn.btn-green{right:16px;top:20px;}
  .wrap-roundbox.type02 + .section-title{padding-top:25px;}

  .status-progressbar{position:relative;top:0;margin:32px 16px 28px;padding-bottom:0;}
  .status-progressbar > span{display:flex;padding-top:22px;font-size:0.8125rem;line-height:1rem;text-align:center;align-items:center;flex-wrap:wrap;flex-direction:column;justify-content:center;}
  .status-progressbar.step01:after{width:11.14%;}
  .status-progressbar.step02:after{width:39.67%;}
  .status-progressbar.step03:after{width:68.21%;}
  .status-progressbar.step04:after{width:100%;}
  .status-progressbar + .wrap-shipping-area{margin-top:0;}
  .status-progressbar.hide + .wrap-shipping-area, .status-progressbar[style*="display:none"] + .wrap-shipping-area, .status-progressbar[style*="display: none"] + .wrap-shipping-area, .status-progressbar[style*="display : none"] + .wrap-shipping-area{margin-top:30px;}
  .wrap-shipping-area{padding:0 16px;margin-top:30px;}
  .wrap-shipping-area .section-title{display:none;}
  .wrap-shipping-area .shipping-info{padding:12px 15px 15px;}
  .wrap-shipping-area .shipping-info p{font-size:0.875rem;line-height:1.0625rem;}
  .wrap-shipping-area .shipping-info p span + span:before{content:'/';margin-right:5px;}
  .wrap-shipping-area .btn-location{position:static;margin-top:12px;width:100%;height:32px;}
  .wrap-shipping-area .btn-location span{padding-left:20px;line-height:32px;}
  .wrap-shipping-area .btn-location span:before{content:'';position:absolute;left:0;top:7px;width:14px;height:17px;background:url(../images/myaccount/icon_status.png) no-repeat -10px -28px;background-size:auto 50px;}
  .wrap-shipping-area + .section-title:before{display:none;}

  .section-title.type-inc-tooltip .wrap-tooltip{position:static;}
  .section-title.type-inc-tooltip .tooltip-type-basic.bottom.left{width:calc(100% - 32px);max-width:287px;left:16px;margin-top:0;}
  .section-title.type-inc-tooltip .tooltip-type-basic.bottom.left::after{left:183px;}
  .section-title.type-inc-tooltip .tooltip-type-basic .tooltip-typeBasic-body p{line-height:1rem;}
  html[lang="jp"] .section-title.type-inc-tooltip .tooltip-type-basic.bottom.left::after{left:99px;}

  /*
  .wrap-trackorders-step[style*="display:none"] + .wrap-filter-search::before,
  .wrap-trackorders-step[style*="display: none"] + .wrap-filter-search::before{display:none;}
  */
  html[lang="jp"] .myaccount-container .price-detail-total .point-acc .detail-total-title.col-lg-10.col-xs-7{width:60%;}
  html[lang="jp"] .myaccount-container .price-detail-total .point-acc .detail-total-price.col-lg-2.col-xs-5{width:40%;}

  .wrap-shopping-list.basic.event-check .prd-list .list-group .list-group-item.event-item{margin-bottom:15px;}
}
@media (max-width: 374px) {
  .btn-round-h32{padding:0 15px;}
}
@media (max-width: 359px) {
  .btn-round-h32{min-width:90px;padding:0 5px;font-size:0.75rem;letter-spacing:-0.01rem;}
  html[lang="jp"] .btn-round-h32{font-weight:400;padding:0 5px;font-size:0.75rem;letter-spacing:-0.1rem;}
  html[lang="jp"] .wrap-roundbox.type02 .btn.btn-green{right:10px;}
  .section-title.type-inc-btn .pull-left{display:block;}
  .section-title.billing .btn.btn-round4-gray{display:block;margin:10px 0 0 0;}

  .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .tooltip-type-basic{width:262px;/*left:0;right:auto;*/margin:10px 0 0 0;}
  /* .wrap-roundbox.type02 .list-breadcrumb .list-breadcrumb-item.reshipment .tooltip-type-basic::after{left:10px;right:auto;} */

  html[lang="jp"] .myaccount-container .price-detail-total .point-acc .detail-total-title.col-lg-10.col-xs-7{width:62%;}
  html[lang="jp"] .myaccount-container .price-detail-total .point-acc .detail-total-price.col-lg-2.col-xs-5{width:38%;}
}
/* [E] 마이어카운트 > 주문리스트 및 상세 페이지 개선 2022-07-11 */

/* [S] 회원가입 및 앱활성화 2022-08-03 */
.myaccount-main .my-account-contents{padding-bottom:80px;}
.wrap-my-account-info.type02 .member-grade{display:none;}
.myaccount-benefit{display:block;}
.myaccount-benefit .section-title{padding-top:33px;padding-bottom:18px;}
.myaccount-benefit ul{display:flex;padding:0;justify-content:space-between;border-bottom:1px solid #e0e0e0;}
.myaccount-benefit ul li{position:relative;flex:1;}
.myaccount-benefit ul li a{display:block;padding:30px 0 24px;text-align:center;font-size:0.9375rem;line-height:1.25rem;}
.myaccount-benefit ul li a:before{content:'';display:block;margin:0 auto 9px;width:48px;height:48px;background:url(../images/myaccount/ico_myaccountx2.png) no-repeat left top;background-size:200px auto;vertical-align:top;}
.myaccount-benefit ul li a.ico-mact-affiliate:before{background-position:0 0;}
.myaccount-benefit ul li a.ico-mact-refer:before{background-position:-48px 0;}
.myaccount-benefit ul li a.ico-mact-check:before{background-position:-96px 0;}
.myaccount-benefit ul li a.ico-mact-review:before{background-position:-144px 0;}
.myaccount-benefit ul li a span{display:flex;min-height:30px;align-items:center;justify-content:center;}
.myaccount-benefit ul li a span br{display:none;}
.myaccount-benefit ul li:before{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:calc(100% - 69px);background-color:#e0e0e0;transform:translateY(-50%);}
.myaccount-benefit ul li:first-child:before{display:none;}
.wrap-trackorders-step.type02 .list-myaccount-step.type02 .list-myaccount-menu .myaccount-step br{display:none;}

.infr-cont{padding:20px 0 29px;font-size:0.9375rem;line-height:1.125rem;color:#3d3d3d}
.infr-cont p.desc{font-size:0.75rem;line-height:0.9375rem;color:#949494;}
.infr-cont strong{font-weight:700;}
.infr-cont .infr-tit{display:block;}
.infr-cont .more{display:inline-block;position:relative;padding-right:11px;margin:19px 0 29px;font-size:0.75rem;color:#3d3d3d;vertical-align:top;}
.infr-cont .more:after{content:'';display:block;position:absolute;right:0;top:50%;margin-top:-4px;width:8px;height:8px;border:1px solid #959595;border-left:0;border-bottom:0;transform:rotate(45deg);}
.infr-cont div{display:flex;margin:10px 0 10px;}
.infr-cont div input{flex:1;padding-top:0;padding-bottom:0;color:#3d3d3d;}
.infr-cont div .btn{margin-left:10px;width:96px;height:32px;}

.wrap-myaccount-affiliate{padding:60px 0 62px;text-align:center;}
.wrap-myaccount-affiliate .ico-affiliate{display:block;margin:0 auto 30px;width:72px;height:72px;background:url(../images/myaccount/ico_myaccountx2.png) no-repeat 0 -126px;background-size:200px auto;}
.wrap-myaccount-affiliate p{font-size:0.9375rem;line-height:1.1875rem;}
.wrap-myaccount-affiliate p strong{font-weight:700;}
.wrap-myaccount-affiliate .btn{display:inline-flex;margin-top:39px;min-width:232px;height:43px;background-color:#141414;color:#fff;font-size:0.9375rem;line-height:1.25rem;text-align:center;align-items:center;justify-content:center;}
.wrap-myaccount-affiliate .btn + p{margin-top:40px;}

@media (max-width: 1199px) {
  .myaccount-main .my-account-contents{padding-bottom:0;}
  .myaccount-main .wrap-my-account-info.type02{display:flex;flex-wrap:wrap;background:#fff;}
  .wrap-my-account-info.type02 .my-account-member-level{display:flex;flex-wrap:wrap;min-height:67px;padding:20px 16px 21px;flex:1 1 100%;}
  .wrap-my-account-info.type02 .my-account-info-member{display:flex;max-height:39px;padding:2px 50px 0 19px;color:#141414;flex:1;font-weight:500;font-size:1.125rem;line-height:1.1875rem;align-items:center;}
  .wrap-my-account-info.type02 .my-account-info-member .my-account-info-member-inner{overflow:hidden;text-overflow:ellipsis;min-height:29px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
  html[lang="jp"] .wrap-my-account-info.type02 .my-account-info-member .my-account-info-member-inner{padding-bottom:0.14em;}
  .wrap-my-account-info.type02 .member-grade{display:inline-block;overflow:hidden;width:62px;font-weight:600;font-size:0.6875rem;text-align:center;vertical-align:top;}
  .wrap-my-account-info.type02 .member-grade:before{content:'';display:block;width:48px;height:48px;margin:0 auto 6px;background-image:url(../images/myaccount/ico_myaccountx2.png);background-repeat:no-repeat;background-size:200px auto;}
  .wrap-my-account-info.type02 .member-grade.grade-welcome{color:#f79bd3;}
  .wrap-my-account-info.type02 .member-grade.grade-welcome:before{background-position:0 -78px;}
  .wrap-my-account-info.type02 .member-grade.grade-vip{color:#a9d219;}
  .wrap-my-account-info.type02 .member-grade.grade-vip:before{background-position:-48px -78px;}
  .wrap-my-account-info.type02 .member-grade.grade-vvip{color:#fa7871;}
  .wrap-my-account-info.type02 .member-grade.grade-vvip:before{background-position:-96px -78px;}
  .wrap-my-account-info.type02 .member-grade img{max-width:48px;}
  .wrap-my-account-info.type02 .my-account-info-button{position:absolute;left:98px;right:16px;bottom:13px;padding-top:0;}
  .wrap-my-account-info.type02 .my-account-info-button .btn-line-round-gray{border:0;padding:0 15px 0 0;text-decoration:underline;color:#666;}
  .wrap-my-account-info.type02 .my-account-info-button .btn-line-round-gray:after{content:'';display:block;position:absolute;right:0;top:50%;margin-top:-5px;width:8px;height:8px;border:1px solid #959595;border-left:0;border-bottom:0;transform:rotate(45deg);}
  .wrap-my-account-info.type02 .my-account-info-button .btn-bell{right:0;top:-43px;width:30px;height:30px;background:url(../images/myaccount/ico_myaccountx2.png) no-repeat -48px -48px;background-size:200px auto;}
  .wrap-my-account-info.type02 > a{flex:1 1 auto;}
  .wrap-my-account-info.type02 .wrap-my-account-coupons,
  .wrap-my-account-info.type02 .wrap-my-account-rewardPoints{display:flex;width:100%;min-height:48px;padding:14px 16px 18px;border:0;justify-content:space-between;align-items:center;background:#4c4c4c url(../../resources/images/myaccount/bg_hatching.png) 0 0 repeat;}
  .wrap-my-account-info.type02 .wrap-my-account-rewardPoints{border-left:1px solid #3d3d3d;}
  .wrap-my-account-info.type02 .wrap-my-account-coupons .my-account-info-tit,
  .wrap-my-account-info.type02 .wrap-my-account-rewardPoints .my-account-info-tit{position:relative;padding-left:32px;max-width:none;font-weight:400;font-size:0.8125rem;}
  .wrap-my-account-info.type02 .wrap-my-account-coupons .my-account-info-tit:before,
  .wrap-my-account-info.type02 .wrap-my-account-rewardPoints .my-account-info-tit:before{content:'';display:block;position:absolute;left:0;top:-4px;width:24px;height:24px;background:url(../images/myaccount/ico_myaccountx2.png) no-repeat left top;background-size:200px auto;}
  .wrap-my-account-info.type02 .wrap-my-account-coupons .my-account-info-tit:before{background-position:0 -48px;}
  .wrap-my-account-info.type02 .wrap-my-account-rewardPoints .my-account-info-tit:before{background-position:-24px -48px;}
  .wrap-my-account-info.type02 .wrap-my-account-coupons .my-account-info-cnt,
  .wrap-my-account-info.type02 .wrap-my-account-rewardPoints .my-account-info-cnt{font-size:0.8125rem;}
  .wrap-trackorders-step.type02{border-top:1px solid #3d3d3d;background:#4c4c4c url(../../resources/images/myaccount/bg_hatching.png) 0 0 repeat;}
  .wrap-trackorders-step.type02 .section-title.lg{padding-top:22px;}
  .wrap-trackorders-step.type02 .trackorders-tit a{position:relative;padding-right:14px;color:#fff;font-weight:400;}
  .wrap-trackorders-step.type02 .trackorders-tit a:after{content:'';display:block;position:absolute;right:0;top:50%;margin-top:-4px;width:8px;height:8px;border:1px solid #fff;border-left:0;border-bottom:0;transform:rotate(45deg);}
  .wrap-trackorders-step.type02 .list-myaccount-step.type02{padding:8px 8px 20px;border:0;}
  .wrap-trackorders-step.type02 .list-myaccount-step.type02 .list-myaccount-item + .list-myaccount-item::before{display:none;}
  .wrap-trackorders-step.type02 .list-myaccount-step.type02 .list-myaccount-item .cnt.up{color:#fff;}
  .wrap-trackorders-step.type02 .list-myaccount-step.type02 .list-myaccount-menu{padding:0;}
  .wrap-trackorders-step.type02 .list-myaccount-step.type02 .list-myaccount-menu .cnt{margin-bottom:3px;font-weight:500;font-size:2.25rem;color:#b1b1b1;}
  .wrap-trackorders-step.type02 .list-myaccount-step.type02 .list-myaccount-menu .myaccount-step{font-size:0.75rem;line-height:0.875rem;letter-spacing:-0.36px;color:#fff;}
  .wrap-trackorders-step.type02 .list-myaccount-step.type02 .list-myaccount-menu .myaccount-step br{display:block;}
  .myaccount-benefit .section-title{padding-top:22px;padding-bottom:16px;border-bottom:0;}
  .myaccount-benefit ul{padding:5px 8px 21px;border-bottom:0;}
  .myaccount-benefit ul li a{padding:0;font-size:0.8125rem;line-height:0.9375rem;}
  .myaccount-benefit ul li a:before{margin:0 auto 8px;}
  .myaccount-benefit ul li a span{min-height:30px;}
  .myaccount-benefit ul li a span br{display:block;}
  .myaccount-benefit ul li:before{display:none;}

  .wrap-my-account-menu.type02{padding:0;background:#fff;}
  .wrap-my-account-menu.type02 ul li{font-size:1rem;line-height:1.1875rem;color:#666;}
  .wrap-my-account-menu.type02 ul li div{overflow:hidden;position:relative;padding-bottom:9px;}
  .wrap-my-account-menu.type02 ul li div:before{content:'';display:block;margin-bottom:10px;height:10px;border-top:1px solid #e0e0e0;background-color:#f1f1f1;}
  .wrap-my-account-menu.type02 ul li div a{display:block;padding:10px 16px;color:#666;}
  .wrap-my-account-menu.type02 ul li div a + a{margin-top:4px;}

  .wrap-myaccount-affiliate{padding:40px 16px 83px;}
  .wrap-myaccount-affiliate .btn{margin-top:29px;}
  .wrap-myaccount-affiliate .btn + p{margin-top:60px;}
}
@media (max-width:359px){
  .wrap-my-account-info.type02 .wrap-my-account-coupons,
  .wrap-my-account-info.type02 .wrap-my-account-rewardPoints{padding:14px 10px 18px;}

  .wrap-trackorders-step.type02 .list-myaccount-step.type02 .list-myaccount-menu{padding:0;}
  html[lang="jp"] .wrap-trackorders-step.type02 .list-myaccount-step.type02 .list-myaccount-menu .myaccount-step{font-size:0.6875rem;}
}
/* [E] 회원가입 및 앱활성화 2022-08-03 */

/* [S] 히어로배너 버튼 영역 수정 2022-09-15 / [S] 히어로배너 가이드 재수립 2022-08-11 */
.main-top-banner{position:relative;}
/*.swiper-container.type-candara .swiper-wrapper .big-animation-wrap, .main-modal-viewList-item .big-animation-wrap {font-family: "Candara";}*/
/*.swiper-container.type-candara .swiper-wrapper .big-animation-wrap .ani-wrap.big-txt01, .main-modal-viewList-item .big-animation-wrap .big-txt01 {font-family: "CandaraBold";}*/
.jp-type .main-modal-viewList-item .big-animation-wrap, .jp-type .main-modal-viewList-item .big-animation-wrap .big-txt01 {font-family:'NotoSansJP';}
@media (min-width: 1200px){
  .swiper-container.type-candara .swiper-pagination {position: absolute; overflow: hidden; top: auto; bottom: 31px; left: 50%; margin-left: -134px; width: 226px; height: 3px; background-color: #fff; z-index: 1;}
  .swiper-container.type-candara .swiper-pagination .swiper-pagination-progressbar-fill {background-color: #33353d;}

  .swiper-container.type-candara .swiper-control {position: absolute; overflow: hidden; top: auto; bottom: 14px; left: 50%; margin-left: 102px; width: 36px; height: 36px; z-index: 1;}
  .swiper-container.type-candara .swiper-control .btn {width: 36px; height: 36px; text-align: center; background-color: transparent; background: url(../../resources/images/common/btn_player_pc.png) 0 0 no-repeat;}
  .swiper-container.type-candara .swiper-control .btn.swiper-control-pause {background-position: -36px 0;}
  .swiper-container.type-candara .swiper-control .btn.swiper-control-play {background-position: 0 0;}
  .swiper-container.type-candara .swiper-control .btn .control-txt {display: none;}
  .swiper-container.type-candara .swiper-control .btn .control-txt::before {content: none;}
  .swiper-container.type-candara .swiper-control .btn .control-txt::after {content: none;}

  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .small-txt01 {position: relative; display: block; width: 100%; font-weight: normal; font-size: 0.89rem; color: #000; letter-spacing: -0.36px;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .small-txt01 .small-txt01-divider {position: absolute; left: 2px; bottom: -26px; width: 24px; height: 1px; opacity: 0.5;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap {position: absolute; top:0px; bottom: 0px; left:50%; margin-left: -30.1%; width: 39%; z-index: 1; text-align: left;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt01 {position: relative; display: block; width: 100%; padding-top: 7.2%; font-weight: bold; font-size: 2.575rem; color: #141414; line-height: 108%; letter-spacing: normal;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .ani-table {position: relative; display: table; width:100%; height:100%;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .ani-cell {position: relative; display: table-cell; width:100%; vertical-align: middle;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt02 {position: relative; display: block; width: 100%; padding-top: 2.3%; font-weight: 400; font-size: 1.09rem; color: #4d4c4c; line-height: 105%; letter-spacing: -0.44px;}

  body:not(.jp-type) .main-top-banner .wrap-pagination-area{left:50%;right:auto;bottom:20px;transform:translateX(-50%);}
  body:not(.jp-type) .main-top-banner .wrap-swiper-pagination{position:relative;float:left;min-width:114px;padding:0 33px;height:32px;text-align:center;border:0;background-color:rgba(0, 0, 0, 0.15);}
  body:not(.jp-type) .main-top-banner .swiper-pagination{display:flex;width:100%;height:100%;font-weight:400;font-size:0.8125rem;color:#fff;align-items:center;justify-content:center;white-space:pre-wrap;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-pagination-current{font-weight:700;color:#fff;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-button-prev, body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-button-next{width:33px;height:32px;margin:0;top:0;bottom:auto;background:transparent;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-button-prev::after, body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-button-next::after{top:7px;border:0;transform:none;width:11px;height:17px;background-image:url(../images/common/btn-main-swiper.png);background-repeat:no-repeat;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-button-prev{left:0;right:auto;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-button-prev::after{left:14px;background-position:0 0;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-button-prev:hover::after{background-position:0 -17px;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-button-next{left:auto;right:0;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-button-next::after{left:auto;right:14px;background-position:-11px 0;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-button-next:hover::after{background-position:-11px -17px;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control{float:left;margin-left:10px;width:32px;height:32px;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn,
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn .control-txt,
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn .control-txt:before{width:100%;height:100%;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn .control-txt {width:0;}
  .promo-typeA .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn .icon-pause,
  .promo-typeA .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn .icon-play {width: 24px; height:24px; border-radius: 12px;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control .swiper-control-pause .control-txt:before{border:0;background:url(../images/common/btn-main-swiper.png) no-repeat -36px 0;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control .swiper-control-pause .control-txt:after{display:none;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control .swiper-control-play .control-txt:before{border:0;background:url(../images/common/btn-main-swiper.png) no-repeat -68px 0;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control .swiper-control-play .control-txt:after{display:none;}

  .main-viewlist .modal-header{margin-right:47px;border-bottom:1px solid #c2c2c2 !important;}
  .main-viewlist .modal-dialog{width:979px;}
  .promo-typeA .main-viewlist .modal-dialog {width: 900px;}
  .promo-typeA .main-viewlist .modal-dialog .modal-content {border:none;}
  .main-viewlist .modal-body{padding-top:30px;padding-bottom:30px;}
  .main-viewlist .main-modal-viewList{margin:0;}
  .main-viewlist .main-modal-viewList img{max-width:100%;vertical-align:top;}
  .main-viewlist .main-modal-viewList-item + .main-modal-viewList-item{margin-top:20px;}

  .jp-type .main-viewlist .modal-dialog{width:856px;}
  .jp-type .main-viewlist .modal-body{padding-top:30px;padding-bottom:30px;}

  .main-modal-viewList-item .big-animation-wrap {top: 0; left: 0; margin-left: 0px; padding-left:150px; width: 90%;height:100%;}
  .promo-typeA .main-modal-viewList-item .big-animation-wrap {padding-left:38.18px;}
  .main-modal-viewList-item .big-animation-wrap .small-txt01 {display:block;margin-bottom:23px;font-weight:400;font-size:0.5625rem;line-height:0.875rem;letter-spacing:-0.018em;}
  .main-modal-viewList-item .big-animation-wrap .small-txt01 .small-txt01-divider {position: absolute; left: 2px; bottom: -12px; width: 15px; height: 1px; opacity: 0.5;}
	.main-modal-viewList-item .big-animation-wrap .ani-wrap {padding-top: 0px;}
	.main-modal-viewList-item .big-animation-wrap .big-txt01 {font-size: 1.5rem;line-height:1.5625rem;}
	.main-modal-viewList-item .ani-table {position: relative; display: table;}
	.main-modal-viewList-item .ani-cell {position: relative; display: table-cell;vertical-align:middle;}
	.promo-typeA .main-modal-viewList-item .ani-cell {position: relative; display: block; padding-top: 38.18px;}
	.main-modal-viewList-item .big-animation-wrap .big-txt02 {padding-top: 8px; font-size: 0.625rem;line-height:0.875rem;}

  .jp-type .main-modal-viewList-item .big-animation-wrap {padding-left:126px;}
  .jp-type .main-modal-viewList-item .ani-cell {position: relative; display: table-cell;vertical-align:middle;padding-bottom:48px;}

  .promo-typeA .main-top-banner{max-width: 100%;}
  .promo-typeA .main-top-banner {margin: 8px auto 94px;}
  body:not(:has(.promo-typeA .wrap-middle-lead)) .promo-typeA .main-top-banner { margin-bottom: 50px;}
  .promo-typeA .main-top-banner .swiper-slide {width: 1100px;border-radius: 8px; overflow: hidden;}
  .promo-typeA .main-top-banner .swiper-slide:not(.swiper-slide-active) {opacity: 0.5;}
  .promo-typeA .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .small-txt01 {font-size: 16px;line-height: 22px; letter-spacing: 0;}
  .promo-typeA .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .small-txt01 .small-txt01-divider {bottom:-12px;width: 20px;height: 1px;}
  .promo-typeA .swiper-container.type-candara .swiper-wrapper .big-animation-wrap {position:unset;width: 100%; margin:0;}
  .promo-typeA .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt01 {font-size: 32px;line-height: 40px;padding-top:24px; letter-spacing: 0;}
  .promo-typeA .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .ani-table {padding: 50px 0 0 50px;}
  .promo-typeA .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt02 {font-size: 16px;line-height: 22px;padding-top:8px; letter-spacing: 0;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-swiper-pagination{position:relative;float:left;min-width:114px;padding:0;height:fit-content;text-align:center;border:0;background: none;display:flex;align-items: center;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-swiper-pagination .banner-list{display:flex;align-items: center;gap: 7px;float:left;padding:4px 15px;text-align:center;color:#fff;border:0;background:#00000033;border-radius: 12px;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-swiper-pagination svg {width: 12px; height: 12px;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-swiper-pagination svg path {vector-effect: non-scaling-stroke; stroke-width: 2px; stroke: #FFFFFF;}
  body:not(.jp-type) .promo-typeA .main-top-banner .swiper-pagination{width:100%;height:100%;font-size:12px;line-height: 16px;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area{bottom:-44px;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-control{float:left;margin-left:8px;width:24px;height:24px;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-control .swiper-control-pause svg path {stroke:transparent;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-control .swiper-control-pause .control-txt:before{border:0;background:url(../images/common/btn-main-swiper.png) no-repeat 0 -11px; background-size: 72px 36px;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-control .swiper-control-play .control-txt:before{border:0;background:url(../images/common/btn-main-swiper.png) no-repeat -24px -11px; background-size: 72px 36px;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-button-prev::after{background: none;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-button-prev svg{width:20px;height:20px;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-button-prev svg path{stroke-width: 1.6px; stroke:#131518;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-button-prev{position:unset;margin-right:17px;width:fit-content;height:fit-content;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-button-next{position:unset;margin-left:17px;width:fit-content;height:fit-content;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-button-next::after{background: none;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-button-next svg{width:20px;height:20px;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-button-next svg path{stroke-width: 1.6px; stroke:#131518;}
}
@media (min-width: 1400px){
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .small-txt01 {font-size: 0.9rem;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .small-txt01 .small-txt01-divider {bottom: -27px; width: 25px; height: 2px}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt01 {font-size: 2.55rem;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt02 {font-size: 1.1rem;}
}
@media (min-width: 1600px){
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .small-txt01 {font-size: 0.975rem;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .small-txt01 .small-txt01-divider {bottom: -28px; width: 28px; height: 2px}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt01 {font-size: 2.8rem;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt02 {font-size: 1.2rem;}
}
@media (min-width: 1800px){
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .small-txt01 {font-size: 1.1rem;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .small-txt01 .small-txt01-divider {bottom: -31px; width: 30px; height: 2px}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt01 {font-size: 3.1rem;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt02 {font-size: 1.325rem;}
}
@media (min-width: 2000px){
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .small-txt01 {font-size: 1.125rem;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .small-txt01 .small-txt01-divider {bottom: -31px; width: 30px; height: 2px}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt01 {font-size: 3.25rem;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt02 {font-size: 1.375rem;}
}
@media (max-width: 1199px) {
  .swiper-container.type-candara .swiper-pagination {position: absolute; overflow: hidden; top: auto; bottom: 20px; left: auto; right: 100px; width: 28%; height: 0.5%; background-color: #fff; z-index: 1;}
  .swiper-container.type-candara .swiper-pagination .swiper-pagination-progressbar-fill {background-color: #33353d;}

  .swiper-container.type-candara .swiper-control {position: absolute; overflow: hidden; top: auto; bottom: 5px; left: auto; right: 52px; width: 35px; height: 35px; z-index: 1;}

  .swiper-container.type-candara .swiper-control .btn {width: 35px; height: 35px; text-align: center; background-color: transparent; background: url(../../resources/images/common/btn_player_mo.png) 0 0 no-repeat; background-size: 70px;}
  .swiper-container.type-candara .swiper-control .btn.swiper-control-pause {background-position: -35px 0;}
  .swiper-container.type-candara .swiper-control .btn.swiper-control-play {background-position: 0 0;}
  .swiper-container.type-candara .swiper-control .btn .control-txt {display: none;}
  .swiper-container.type-candara .swiper-control .btn .control-txt::before {content: none;}
  .swiper-container.type-candara .swiper-control .btn .control-txt::after {content: none;}

  .swiper-container.type-candara .btn-more-top {position: absolute; overflow: hidden; top: auto; bottom: 5px; left: auto; right: 17px; width: 35px; height: 35px; z-index: 1;}
  .swiper-container.type-candara .btn-more-top .btn {width: 100%; height: 100%; padding: 0px; margin: 0px; border: 0px; background-color: transparent; background: url(../../resources/images/common/btn_hero_more.png) 0 0 no-repeat; background-size: 35px; text-align: center;}
  .swiper-container.type-candara .btn-more-top .btn::before {content: none;}
  .swiper-container.type-candara .btn-more-top .btn::after {content: none;}

  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap {position: absolute; top:9%; left:6.5%; margin-left: 0%; width: 86%; z-index: 1; text-align: left; letter-spacing: -1px;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt01 {position: relative; display: block; width: 100%; padding-top: 0%; font-weight: 700; font-size: 7.3vw; color: #141414; line-height: 95%;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .ani-table {position: relative; display: block;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .ani-cell {position: relative; display: block;}
  .swiper-container.type-candara .swiper-wrapper .big-animation-wrap .big-txt02 {position: relative; display: block; width: 100%; padding-top: 2.6%; padding-left: 0.5%; font-weight: 400; font-size: 3.8vw; color: #4d4c4c; line-height: 100%; letter-spacing: -0.6px;}

  body:not(.jp-type) .main-top-banner .wrap-pagination-area{left:auto;right:10px;bottom:5px;transform:none;}
  body:not(.jp-type) .main-top-banner .wrap-swiper-pagination{float:left;margin-top:5px;min-width:52px;padding:0;height:20px;text-align:center;color:#fff;border:0;background:rgba(0, 0, 0, 0.15);}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-swiper-pagination{float:left;margin-top:5px;min-width:52px;padding:0;height:20px;text-align:center;color:#fff;border:0;background: none;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area{left:auto;right:9px;bottom:10px;transform:none;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-swiper-pagination .banner-list{cursor:pointer;display:flex;align-items: center;gap: 7px;float:left;padding:3px 10px;height:20px;text-align:center;color:#fff;border:0;background:#00000033;border-radius: 25px;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-swiper-pagination svg {width: 9.5px; height: 9.5px;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-swiper-pagination svg path {vector-effect: non-scaling-stroke; stroke-width: 1.5px; stroke: #FFFFFF;}
  body:not(.jp-type) .promo-typeA .main-top-banner .swiper-pagination{width:100%;height:100%;font-size:11px; line-height: 14px;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-control{float:left;margin-left:6px;width:20px;height:20px;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn{padding:0;width:20px;height:20px;}

  body:not(.jp-type) .main-top-banner .swiper-pagination{width:100%;height:100%;font-size:0.546875rem;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-pagination-current{font-weight:700;color:#fff;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-button-prev, body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-button-next{display:none;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control{float:left;margin-left:3px;width:26px;height:30px;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn{padding:5px 3px;width:26px;height:30px;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn,
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn .control-txt,
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn .control-txt:before{width:100%;height:100%;}
  body:not(.jp-type) .promo-typeA .main-top-banner .wrap-pagination-area .swiper-control .swiper-play-btn .control-txt {width:0;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control .swiper-control-pause .control-txt:before{border:0;background:url(../images/common/btn-main-swiper.png) no-repeat 0 -9px;background-size:60px auto;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control .swiper-control-pause .control-txt:after{display:none;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control .swiper-control-play .control-txt:before{border:0;background:url(../images/common/btn-main-swiper.png) no-repeat -20px -9px;background-size:60px auto;}
  body:not(.jp-type) .main-top-banner .wrap-pagination-area .swiper-control .swiper-control-play .control-txt:after{display:none;}
  body:not(.jp-type) .wrap-pagination-area .btn-more-top .btn{padding:5px 3px;width:26px;height:30px;margin:0 0 0 0;border-radius:0;border:0;background:transparent;}
  body:not(.jp-type) .btn-more-top .btn::before{position:static;width:100%;height:100%;border:0;margin:0;background:url(../images/common/btn-main-swiper.png) no-repeat -40px -9px;background-size:60px auto;}
  body:not(.jp-type) .btn-more-top .btn::after{display:none;}

  .main-viewlist .main-modal-viewList img{max-width:100%;vertical-align:top;}
	.main-modal-viewList-item .big-animation-wrap {top: 53px; left: 30px; margin-left: 0px; width: 90%;}
  .main-modal-viewList-item .big-animation-wrap .small-txt01 {display: none;}
	.main-modal-viewList-item .big-animation-wrap .ani-wrap {padding-top: 0px;}
	.main-modal-viewList-item .big-animation-wrap .big-txt01 {font-size: 2rem;}
	.main-modal-viewList-item .ani-table {position: relative; display: block;}
	.main-modal-viewList-item .ani-cell {position: relative; display: block;}
	.main-modal-viewList-item .big-animation-wrap .big-txt02 {padding-top: 10px; font-size: 1.3rem;}
}
@media (max-width: 600px) {
  .swiper-container.type-candara .swiper-pagination {bottom: 16px; right: 71px;}

  .swiper-container.type-candara .swiper-control {bottom: 5px; right: 40px; width: 25px; height: 25px;}
  .swiper-container.type-candara .swiper-control .btn {width: 25px; height: 25px; background-size: 50px;}
  .swiper-container.type-candara .swiper-control .btn.swiper-control-pause {background-position: -25px 0;}

  .swiper-container.type-candara .btn-more-top {bottom: 5px; right: 15px; width: 25px; height: 25px;}
  .swiper-container.type-candara .btn-more-top .btn {background-size: 25px;}
}
/* [E] 히어로배너 버튼 영역 수정 2022-09-15 / [E] 히어로배너 가이드 재수립 2022-08-11 */

/* [S] Address 페이지 내 테이블 라인 추가 2022-08-16 */
@media (min-width: 1200px){
	.myaccount-container .prd-list .addr-content .list-group {border-top:1px solid #e0e0e0;}
	.myaccount-container .prd-list .addr-content .list-group:first-child {border-top:0px;}
}
/* [E] Address 페이지 내 테이블 라인 추가 2022-08-16 */

/* 벚꽃 GNB 메뉴 */
/*@media (min-width: 1200px){
  .navbar-nav {margin-left: 18px; width: 100%;}
  html[lang="jp"] .navbar-nav {margin-left: 10px; width: 100%;}
}
.nav > li > a.d-day {color: #E9355B;}
.nav > li > a.d-day:hover {color: #f27370;}*/

/* 벚꽃 GNB 변경 */
/*@media (min-width: 1200px){
  body .navbar .container {background:url(https://cdn-image.oliveyoung.com/Designbook/gnb/bg_cherry_blossom_pc.png) center top no-repeat;background-size:auto;}
}
@media (max-width: 1199px){
  body.index-page .navbar .container, body.nav-page .navbar .container{background:url(https://cdn-image.oliveyoung.com/Designbook/gnb/bg_cherry_blossom_mo.png) center 0px no-repeat;background-size:auto 52px;}
  .btn-search, .btn-search::before{background-color:transparent;}
}
@media (max-width: 359px){
  body.index-page .navbar .container, body.nav-page .navbar .container{background:url(https://cdn-image.oliveyoung.com/Designbook/gnb/bg_cherry_blossom_mo.png) center 6px no-repeat;background-size:auto 41px;}
}*/

/* [S] 쿠폰 대상 상품 리스트 (수정) */
@media (max-width: 1199px) {
  #cpnProductsList .wrap-shopping-list.basic .wrap-prd-list{position:relative;}
  #cpnProductsList .wrap-shopping-list.basic .prd-list-prdImg {position:absolute;top:0;left:0;}
  #cpnProductsList .wrap-shopping-list.basic .prd-list-name{max-height: 2.25rem;padding-bottom: 0;margin-bottom:10px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;	-webkit-box-orient: vertical; word-wrap:break-word;white-space: break-spaces;word-break: break-all;}
  #cpnProductsList .wrap-shopping-list.basic .prd-list-price{padding-left: 131px;}
}
/* [E] 쿠폰 대상 상품 리스트 (수정) */

/* [S] 브라이트코브 동영상 FO 적용 2022-08-30 */
#mainBrightcove{width:100%;height:100%;}
#mainBrightcove #mainBrandVideo{position:absolute;left:0;top:0;width:100%;height:100%;}
/* [E] 브라이트코브 동영상 FO 적용 2022-08-30 */

/* [S] 신나라음반 프로젝트 개선사항 2022-09-05 */
.shopping-item-status + p + p .btn{margin-top:5px;}
.modal-pdetail-noti{padding:16px 30px 13px;background-color:#f3f3f3;font-size:0.875rem;color:#3d3d3d;line-height:1.125rem;}
.modal-pdetail-noti ul li{position:relative;padding-left:9px;}
.modal-pdetail-noti ul li:before{content:'';position:absolute;left:0;top:8px;width:2px;height:2px;background-color:#666;border-radius:50%;}
.wrap-tbl + .modal-pdetail-noti{margin-top:20px;}
.ui-exp-type .wrap-select{margin-bottom:16px;}
.ui-exp-type .help-block{margin-top:7px;font-size:0.8125rem;line-height:1.125rem;color:#666;}
.ui-exp-type .help-block > span{display:block;position:relative;padding-left:9px;}
.ui-exp-type .help-block > span:before{content:'';position:absolute;left:0;top:8px;width:2px;height:2px;background-color:#666;border-radius:50%;}
.ui-exp-type .help-block > span.shipping-company{display:inline-block;height:18px;padding-left:0;vertical-align:top;line-height:18px;}
.ui-exp-type .help-block > span.shipping-company:before{display:none;}
.ui-exp-type .help-block .btn.btn-txt-pink2.btn-excl{height:18px;line-height:inherit;vertical-align:top;}
.ui-exp-type .help-block .btn.btn-txt-pink2.btn-excl > .underline{height:100%;line-height:16px;}
.contents-body.renewal .detail-page-cont .cont .detail_desc_area,
.contents-body.renewal .detail-page-cont .cont .additional_desc,
.contents-body.renewal .detail-page-cont .cont .detail-page-img-area,
.contents-body.renewal .detail-page-cont .cont .pdetail-noti,
.contents-body.renewal.type-jp .detail-page-cont .cont .detail_desc_area,
.contents-body.renewal.type-jp .detail-page-cont .cont .additional_desc{max-width:800px !important;}
.btn-move-faq-img{display:inline-block;margin-bottom:60px;vertical-align:middle;}
.btn-move-faq-bg{display:inline-block;width:800px;height:55px;margin-bottom:60px;vertical-align:middle;background:url(../images/product/btn_faq_pc.png) no-repeat left top;}
.contents-body.renewal .prd-detail-page .additional_desc > dl > dt{font-size:1rem;margin-bottom:0;font-weight:bold;line-height:1.42857143;}
.contents-body.renewal .prd-detail-page .additional_desc > dl > dd{font-size:1rem;line-height:1.25;}
.contents-body.renewal.type-jp .detail-page-cont .additional_desc > dl > dt{margin-bottom:4px;}
.contents-body.renewal .detail_desc_area .detail_desc_list dt,
.contents-body.renewal .prd-detail-page .additional_desc > dl > dt{font-size:18px;}

@media (max-width: 1199px) {
  .shopping-item-status + p + p{margin-left:10px;}
  .shopping-item-status + p + p .btn{margin-top:10px;}
  .wrap-shopping-list .wrap-prd-list .prd-list-contents.prd-list-btn{display:flex;flex-wrap:wrap;}
  .wrap-shopping-list .wrap-prd-list .prd-list-contents.prd-list-btn .shopping-item-status{flex:1 1 100%;}
  .wrap-shopping-list .wrap-prd-list .prd-list-contents.prd-list-btn p{flex:1;}
  .wrap-shopping-list.hasRemoveBtn .wrap-prd-list .prd-list-contents.prd-list-btn{display:block;}
  .modal-pdetail-noti{padding:16px 15px 13px;}
  .modal-pdetail-noti ul li{padding-left:8px;}
  .modal-pdetail-noti ul li:before{left:0;top:7px;width:3px;height:3px;background-color:#3d3d3d;}
  .wrap-tbl + .modal-pdetail-noti{margin-top:25px;}
  .modal-pdetail-noti + .modal-sub-title-depth2{margin-top:20px !important;}
  .ui-exp-type .wrap-select{margin-bottom:8px;}
  .ui-exp-type .help-block{margin-top:6px;line-height:1rem;}
  .ui-exp-type .help-block > span{padding-left:8px;}
  .ui-exp-type .help-block > span:before{left:0;top:6px;width:3px;height:3px;background-color:#666;}
  .ui-exp-type .help-block > span.shipping-company{padding-left:0;}
  .btn-move-faq-img{margin-bottom:26px;}
  .btn-move-faq-bg{width:100%;max-width:732px;height:auto;padding-bottom:15.027%;margin-bottom:26px;background:url(../images/product/btn_faq_mo.png) no-repeat left top;background-size:100%;}
  .contents-body.renewal .prd-detail-page .additional_desc > dl > dt{font-size:0.875rem;}
  .contents-body.renewal .prd-detail-page .additional_desc > dl > dd{font-size:0.875rem;line-height:1rem;}
  .contents-body.renewal.type-jp .detail-page-cont .additional_desc > dl > dt{margin-bottom:0;}
  .contents-body.renewal .detail_desc_area .detail_desc_list dt,
  .contents-body.renewal .prd-detail-page .additional_desc > dl > dt{font-size:1rem;}
}
/* [E] 신나라음반 프로젝트 개선사항 2022-09-05 */

/* [S] 로그인/비밀번호 주기적 변경 페이지 수정 2022-10-06 */
.wrap-login.type02 .list-breadcrumb.point{font-size:0.875rem;}
.wrap-login.type02 .list-breadcrumb.point a{color:#f27370;}
.wrap-login.type02 .wrap-guest-checkout{margin-top:37px;}
.wrap-login-benefits{margin-top:37px;padding:36px 0 0;border-top:1px solid #c2c2c2;}
.wrap-login-benefits p{margin-bottom:25px;font-size:1rem;line-height:1.375rem;text-align:center;}
.wrap-login-benefits p .t-block{display:none;}
.wrap-login-benefits ul{overflow:hidden;width:100%;}
.wrap-login-benefits ul li{float:left;width:25%;text-align:center;}
.wrap-login-benefits ul li i{display:block;margin:0 auto;width:48px;height:48px;background:url(../images/common/ico_login.png) no-repeat left top;}
.wrap-login-benefits ul li i.ico-benefit01{background-position:0 0;}
.wrap-login-benefits ul li i.ico-benefit02{background-position:-48px 0;}
.wrap-login-benefits ul li i.ico-benefit03{background-position:-96px 0;}
.wrap-login-benefits ul li i.ico-benefit04{background-position:-144px 0;}
.wrap-login-benefits ul li span{display:block;margin-top:13px;font-size:0.875rem;line-height:1.125rem;}
.wrap-login-benefits .wrap-login-checkout{margin:4px 0 0;}
.wrap-login-benefits .btn-line-pink.btn-sm{min-height:44px;padding-top:10px;padding-bottom:10px;}
@media (max-width: 1199px) {
  .wrap-login-benefits{padding:34px 0 0;}
  /* .wrap-login-benefits p{white-space:nowrap;} */
  .wrap-login-benefits p .t-block{display:none;}
  .wrap-login-benefits ul{display:table;}
  .wrap-login-benefits ul li{float:none;display:table-cell;vertical-align:top;}
  .wrap-login-benefits ul li i{background:url(../images/common/ico_login.png) no-repeat left top;background-size:200px auto;}
  .wrap-login-benefits ul li i.ico-benefit01{background-position:0 -25px;}
  .wrap-login-benefits ul li i.ico-benefit02{background-position:-48px -25px;}
  .wrap-login-benefits ul li i.ico-benefit03{background-position:-96px -25px;}
  .wrap-login-benefits ul li i.ico-benefit04{background-position:-144px -25px;}
  .wrap-login-benefits ul li span{margin-top:13px;white-space:nowrap;}
  .wrap-login-benefits .wrap-page-btn{padding-top:38px;}
}
@media (max-width: 401px) {
  .wrap-login-benefits p .t-block{display:block;}
  /*
  .wrap-login-benefits p{white-space:normal;}
  .wrap-login-benefits p br{display:none;}
  html[lang="jp"] .wrap-login-benefits p{white-space:normal;}
  html[lang="jp"] .wrap-login-benefits p br{display:block;}
  */
}
@media (max-width: 359px) {
  .wrap-login-benefits ul li span{font-size:0.8125rem;}
  html[lang="jp"] .wrap-login-benefits ul li span{font-size:0.75rem;}
}
/* [E] 로그인/비밀번호 주기적 변경 페이지 수정 2022-10-06 */

/* 상품상세 레이어팝업 짤림 수정 2022-11-17 */
@media (max-width: 1199px){
  .detail-page .contents-body{overflow:visible;}
  .detail-page .contents-body .review-wrap{overflow:hidden;}
}

/* My account > Rewards points 화면 수정 2022-11-21 */
@media (max-width: 1199px){
  .wrap-table-header-gray.type02 .order-amountDue{padding-top:13px;padding-right:16px;padding-bottom:30px;}
  .wrap-table-header-gray.type02 .order-expiration{bottom:14px;}
  .wrap-table-header-gray.type02.type-inf .prd-list-amountDue, .wrap-table-header-gray.type02.type-affiliate .order-amountDue{min-width:auto;}
  .wrap-table-header-gray.type02.type-affiliate .order-amountDue{padding-top:5px;}
}

/* 마이페이지 > Coupons 내 팝업 테이블 간격 수정 2022-11-23 */
@media (min-width: 1200px){
  #cpnProductsList .wrap-shopping-list{margin-top:0;}
  #cpnProductsList .prd-list-header{border-top-color:#f5f5f5;}
}

/* [S] Affiliate > 인스타그램 게시글 연동 기능 추가 2022-11-25 */
.aff-cont-wrap{padding:60px 30px 100px;text-align:center;}
.aff-cont-wrap .ico-mark:before{content:'';display:block;width:72px;height:72px;margin:0 auto 26px;border-radius:50%;background:#f5f5f5 url(../../resources/images/myaccount/ico_affiliate.png) no-repeat left top;}
.aff-cont-wrap strong, .aff-cont-wrap p{font-size:0.9375rem;line-height:1.1875rem;}
.aff-cont-wrap .btn{margin-top:38px;font-size:0.9375rem;}

.btn-sm.resize43{display:inline-flex;min-width:232px;padding-top:10px;padding-bottom:10px;min-height:43px;align-items:center;justify-content:center;}

.ins-cont-more{display:none;padding:30px 9px 0 0;width:100%;flex:1;}
.ins-cont-more .btn-page-more{color:#141414;font-weight:400;}
.ins-cont-more .btn-page-more > span{position:relative;}
.ins-cont-more.active{display:inline-flex;}

.ins-cont-left-scroll .wrap-pagination{padding:30px 9px 0 0;width:100%;flex:1;}
.ins-cont-left-scroll .wrap-pagination .btn-page-more{width:100%;}
.ins-cont-btm{display:flex;position:absolute;left:0;bottom:0;padding:10px 29px 24px;width:100%;height:68px;flex:1 1 100%;align-items:center;font-size:0.875rem;line-height:1.375rem;color:#999;}

.ins-cont-left-scroll .item{overflow:hidden;position:relative;}
.ins-cont-left-scroll .item img{max-width:100%;max-height:100%;vertical-align:top;}
.ins-cont-left-scroll .item input[type="radio"]{position:absolute;left:10px;top:10px;width:24px;height:24px;margin:0;border:0;background:transparent;z-index:1;appearance:none;-webkit-appearance:none;-moz-appearance:initial !important;cursor:pointer;}
.ins-cont-left-scroll .item label{display:block;position:relative;width:inherit;height:inherit;margin:0;cursor:pointer;}
.ins-cont-left-scroll .item label:before{content:'';position:absolute;left:10px;top:10px;width:24px;height:24px;border-radius:50%;border:2px solid #fff;background-color:rgba(0, 0, 0, 0.3);z-index:2;background-position:-134px -49px;transition:all 0.2s ease-out;}
.ins-cont-left-scroll .item label:after{content:'';position:absolute;left:0;top:0;border:4px solid transparent;width:1px;height:1px;margin:0;padding:0;transition:background 0.2s ease-out, border 0.2s ease-out;z-index:1;box-sizing:border-box;}
.ins-cont-left-scroll .item label > span{display:block;}
.ins-cont-left-scroll .item input[type="radio"]:checked + label:before{border-color:#9bce26;background:#9bce26 url(../../resources/images/myaccount/ico_affiliate.png) no-repeat -134px -46px;}
.ins-cont-left-scroll .item input[type="radio"]:checked + label:after{width:100%;height:100%;border-color:#9bce26;background-color:rgba(0, 0, 0, 0.6);}
.ins-cont-left-scroll .item .layers:before, .ins-cont-left .item .mov:after{content:'';position:absolute;}
.ins-cont-left-scroll .item .layers:before{right:10px;top:9px;width:25px;height:25px;background:url(../../resources/images/myaccount/ico_affiliate.png) no-repeat -236px top;}
.ins-cont-left-scroll .item .mov:after{left:50%;top:50%;width:40px;height:40px;background:url(../../resources/images/myaccount/ico_affiliate.png) no-repeat -132px top;transform:translate(-50%, -50%);}
.ins-cont-left-scroll .item .btn-zoom{position:absolute;right:0;bottom:0;width:45px;height:45px;padding:10px;transition:all 0.2s ease;z-index:0;}
.ins-cont-left-scroll .item .btn-zoom span{display:block;position:relative;width:100%;height:100%;margin:0;border-radius:5px;background-color:rgba(0, 0, 0, 0.4);}
.ins-cont-left-scroll .item .btn-zoom span:before{content:'';display:block;width:100%;height:100%;background:url(../../resources/images/myaccount/ico_affiliate.png) no-repeat -236px -26px;}
.ins-cont-wrap.type02{display:flex;padding:30px 30px 72px;align-items:center;justify-content:center;flex-direction:column;text-align:center;}
.ins-cont-wrap.type02 .ico-insta:before, .ins-cont-wrap.type02 .ico-comp:before, .ins-cont-wrap.type02 .ico-comp:after{content:'';display:block;margin:0 auto;}
.ins-cont-wrap.type02 .ico-insta:before{margin-bottom:22px;width:59px;height:59px;background:url(../../resources/images/myaccount/ico_affiliate.png) no-repeat -72px top;}
.ins-cont-wrap.type02 .ico-comp{margin-top:32px;font-size:1.75rem;font-weight:500;line-height:1.5rem;}
.ins-cont-wrap.type02 .ico-comp:before{margin-bottom:17px;width:64px;height:64px;background:url(../../resources/images/myaccount/ico_affiliate.png) no-repeat -172px top;}
.ins-cont-wrap.type02 .ico-comp:after{overflow:hidden;margin-top:34px;width:48px;height:4px;background-color:#3d3d3d;}
.ins-cont-wrap.type02 .btn.btn-pink{width:290px;}
.ins-cont-wrap.type02 p{font-size:1.125rem;line-height:1.5rem;color:#666;}
.ins-cont-wrap.type02 p + .btn{margin-top:48px;}
.ins-cont-wrap.type02 .comp-desc{font-size:1rem;line-height:1.5rem;color:#141414;}
.ins-cont-wrap.type02 .comp-desc + .btn{margin-top:36px;}
.ins-cont-wrap.type02 .ico-comp + p{margin-top:25px;}
.ins-cont-wrap .ins-default{display:flex;position:relative;padding:20px 20px 38px;min-height:417px;height:calc(100% - 48px);align-items:center;justify-content:center;text-align:center;}
.ins-cont-wrap .ins-default p{font-size:1rem;line-height:1.375rem;color:#666;}
.ins-cont-wrap .ins-default .ico-guide:before{content:'';display:block;width:35px;height:35px;margin:0 auto 12px;background:url(../../resources/images/myaccount/ico_affiliate.png) no-repeat -262px top;}
.ins-cont-wrap .ins-after .panel-group .panel{border-radius:0;border-bottom:1px solid #e0e0e0;}
.ins-cont-wrap .ins-after .panel-group .panel + .panel{margin:0;}
.ins-cont-wrap .ins-after .panel-title{font-weight:400;}
.ins-cont-wrap .ins-after .panel-title > a{display:flex;position:relative;padding-right:20px;height:57px;font-size:1rem;line-height:1.3125rem;color:#8f8f8f;align-items:center;}
.ins-cont-wrap .ins-after .panel-title > a.color-pink{color:#f27370 !important;}
.ins-cont-wrap .ins-after .panel-title > a:after{content:'';overflow:hidden;position:absolute;right:0;top:25px;width:11px;height:7px;background:url(../../resources/images/myaccount/ico_affiliate.png) no-repeat -236px -65px;}
.ins-cont-wrap .ins-after .panel-title > a.collapsed:after{background-position:-236px -57px;}
.ins-cont-wrap .ins-after .panel-title > a .btn-round4-green{margin-left:12px;min-width:96px;}
.ins-cont-wrap .ins-after .panel-title .btn-exs{display:flex;padding-top:5px;padding-bottom:5px;align-items:center;justify-content:center;}
.ins-cont-wrap .ins-after .panel-collapse{border-top:1px solid #f0f0f0;}
.ins-cont-wrap .ins-after .panel-body{padding:20px 0;background-color:#fafafa;}
.ins-cont-wrap .btn.btn-pink{width:100%;}
@media (min-width: 1200px){
  .aff-cont-wrap{border-bottom:1px solid #e0e0e0;}

  .modal-elg02{width:1000px;}
  .modal-elg02 .modal-header{padding:29px 0 11px;margin:0 29px;}
  .modal-elg02 .modal-body{padding:0 29px;}
  .modal-elg02 .modal-body{max-height:713px;}

  .ins-cont-wrap{overflow:hidden;display:flex;padding:24px 0 68px;flex-wrap:wrap;}
  .ins-cont-left-scroll{overflow:hidden;overflow-y:auto;/*min-height:570px;*/max-height:570px;width:455px;flex:1 1 455px;scrollbar-color:#ccc #f6f6f6;scrollbar-width:thin;}
  .ins-cont-left-scroll::-webkit-scrollbar{width: 6px;}
  .ins-cont-left-scroll::-webkit-scrollbar-track{background-color:#f6f6f6;}
  .ins-cont-left-scroll::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:30px;}
  .ins-cont-left-scroll .inner{margin:-10px -10px 0 0;}
  .ins-cont-left-scroll .inner:after{content:'';display:block;width:100%;clear:both;}
  .ins-cont-left-scroll .item{float:left;margin:10px 10px 0 0;width:140px;height:140px;}
  .ins-cont-right{width:calc(100% - 455px);padding:0 0 0 34px;}

  .ins-cont-wrap .ins-after{position:relative;padding:0 0 30px 0;min-height:417px;height:calc(100% - 48px);}
  .ins-cont-wrap .ins-after .textarea-wrap textarea{overflow-y:auto;border:0;width:100%;height:240px;font-size:0.9375rem;line-height:1.3125rem;color:#141414;scrollbar-color:#ccc #f6f6f6;scrollbar-width:thin;}
  .ins-cont-wrap .ins-after .textarea-wrap textarea::-webkit-scrollbar{width: 6px;}
  .ins-cont-wrap .ins-after .textarea-wrap textarea::-webkit-scrollbar-track{background-color: #f6f6f6;}
  .ins-cont-wrap .ins-after .textarea-wrap textarea::-webkit-scrollbar-thumb{background-color: #ccc;border-radius:30px;}
  .ins-cont-wrap .ins-after .panel-group{margin-top:30px;border-top:1px solid #e0e0e0;}
  .ins-cont-wrap.type02{min-height:662px;}
}
@media (max-width: 1199px){
  .aff-cont-wrap{padding:40px 16px;}
  .aff-cont-wrap .ico-mark:before{width:72px;height:72px;margin:0 auto 26px;background-position:0 -40px;background-size:255px auto;}
  .aff-cont-wrap strong, .aff-cont-wrap p{font-size:0.9375rem;line-height:1.3125rem;}
  .aff-cont-wrap .btn{margin-top:37px;}
  .aff-cont-wrap .btn + .btn{margin-top:10px;}

  .modal-elg02 .modal-content{height:100%;border-radius:0;}
  .modal-elg02 .modal-contents{height:100%;}
  .modal.modal-full .modal-elg02 .modal-content{height:100%;}
  .modal.modal-full .modal-elg02 .modal-body{/*height:calc(calc(var(--vh, 1vh) * 100) - 73px);max-height:calc(calc(var(--vh, 1vh) * 100) - 73px);*/height:calc(100% - 73px);max-height:calc(100% - 73px);}
  .btn-sm.resize43{min-width:240px;min-height:40px;}

  .ins-cont-wrap .btn.btn-pink{margin:30px 0;}

  .ins-cont-wrap{padding:20px 0 0;}
  .ins-cont-left{padding-bottom:15px;}
  .ins-cont-left-scroll{overflow:hidden;overflow-y:auto;max-height:250px;}
  .ins-cont-left-scroll .inner{display:flex;margin:-8px 0 0 -8px;flex-wrap:wrap;}
  .ins-cont-left-scroll .inner:after{display:none;}
  .ins-cont-left-scroll .item{float:none;flex:0 1 33.3%;padding:8px 0 0 8px;}
  .ins-cont-left-scroll .item input[type="radio"]{left:17px;top:17px;}
  .ins-cont-left-scroll .item label:before{left:9px;top:9px;border-width:1px;background-position:-133px -78px;background-size:255px auto;}
  .ins-cont-left-scroll .item label:after{border:4px solid transparent;}
  .ins-cont-left-scroll .item label > span{display:block;}
  .ins-cont-left-scroll .item input[type="radio"]:checked + label:before{background-position:-133px -76px;background-size:255px auto;}
  .ins-cont-left-scroll .item .layers:before{right:9px;top:8px;background-position:-227px -40px;background-size:255px auto;}
  .ins-cont-left-scroll .item .mov:after{width:30px;height:30px;background-position:-132px -40px;background-size:255px auto;}
  .ins-cont-left-scroll .item .btn-zoom{width:34px;height:34px;padding:0 9px 9px 0;}
  .ins-cont-left-scroll .item .btn-zoom span{border-radius:3px;background-color:rgba(0, 0, 0, 0.4);}
  .ins-cont-left-scroll .item .btn-zoom span:before{background-position:-227px -70px;background-size:255px auto;}

  .ins-cont-wrap.type02{padding:30px 0;min-height:100%;}
  .ins-cont-wrap.type02 .ico-insta:before{margin-bottom:17px;background-position:-72px -40px;background-size:255px auto;}
  .ins-cont-wrap.type02 .ico-comp{margin-top:0;font-size:1.5rem;line-height:1.5rem;}
  .ins-cont-wrap.type02 .ico-comp:before{margin-bottom:16px;background-position:-162px -40px;background-size:255px auto;}
  .ins-cont-wrap.type02 .ico-comp:after{margin-top:31px;}
  .ins-cont-wrap.type02 p{font-size:1rem;line-height:1.375rem;}
  .ins-cont-wrap.type02 p + .btn{margin-top:37px;}
  .ins-cont-wrap.type02 .comp-desc{font-size:0.9375rem;line-height:1.3125rem;}
  .ins-cont-wrap.type02 .comp-desc + .btn{margin-top:37px;}
  .ins-cont-wrap.type02 .comp-desc br{display:none;}
  .ins-cont-wrap.type02 .ico-comp + p{margin-top:27px;}

  .ins-cont-more, .ins-cont-left-scroll .wrap-pagination{padding:20px 0 0;}

  .ins-cont-btm{position:static;padding:15px 0;height:auto;text-indent:-8px;padding-left:8px;font-size:0.75rem;line-height:0.875rem;color:#999;letter-spacing:-0.02em;}

  .ins-cont-wrap .ins-default{padding:52px 0 21px;min-height:0;height:auto;}
  .ins-cont-wrap .ins-default .ico-guide:before{width:34px;height:34px;margin:0 auto 14px;background-position:0 -112px;background-size:255px auto;}
  .ins-cont-right:before, .ins-cont-wrap .ins-after .panel-group:before{content:'';display:block;margin:0 -15px;height:10px;border-top:1px solid #e0e0e0;background-color:#f1f1f1;}
  .ins-cont-wrap .ins-after .panel-group:before{margin-bottom:10px;}
  .ins-cont-wrap .ins-after .textarea-wrap{padding:30px 0;}
  .ins-cont-wrap .ins-after .textarea-wrap textarea{padding:8px 12px 6px;width:100%;height:150px;border:1px solid #c2c2c2;border-radius:4px;font-size:0.875rem;line-height:1.25rem;color:#141414;}
  .ins-cont-wrap .ins-after .panel-title > a{line-height:1.3125rem;}
  .ins-cont-wrap .ins-after .panel-title > a.color-pink{color:#f27370 !important;}
  .ins-cont-wrap .ins-after .panel-title > a:after{top:25px;width:11px;height:6px;background-position:-37px -119px;background-size:255px auto;}
  .ins-cont-wrap .ins-after .panel-title > a.collapsed:after{background-position:-37px -112px;}
  .ins-cont-wrap .ins-after .panel-title > a .btn-round4-green{margin-left:10px;}

  .ins-cont-wrap.type02 .btn.btn-pink{margin-bottom:0;}
}
/* [E] Affiliate > 인스타그램 게시글 연동 기능 추가 2022-11-25 */

/* [S] 산타모자 적용 2022-12-14, HOLIDAY GNB 2022-12-06 */
/*
.nav > li > a.d-day {color: #D50032;}
@media (min-width: 1200px){
  .navbar-nav {margin-left: 18px; width: 100%;}
  html[lang="jp"] .navbar-nav {margin-left: 10px; width: 100%;}
  .nav > li > a.d-day:hover {color: #f27370;}
  /\*
  .navbar.type02 .logo{padding-top:0;}
  .navbar.type02 .logo > a{width:460px;height:96px;background:url(https://cdn-image.oliveyoung.com/Designbook/gnb/logo_sp.gif) no-repeat left top;}
  *\/
  .navbar.type02 .logo{padding-top:27px;}
  .navbar.type03 .logo{margin-top:-8px;}
  .navbar .logo > a{width:256px;height:50px;background:url(https://cdn-image.oliveyoung.com/Designbook/gnb/logo_x-mas.png) no-repeat left top;background-size:100% auto;}
}
@media (max-width: 1199px){
  /\*
  .main-page .navbar.type02 .logo, .index-page .navbar.type02 .logo, .nav-page .navbar.type02 .logo{padding-top:0;}
  .main-page .navbar.type02 .logo > a, .index-page .navbar.type02 .logo > a, .nav-page .navbar.type02 .logo > a{width:177px !important;height:52px;background:url(https://cdn-image.oliveyoung.com/Designbook/gnb/logo_sp_mo2x03.gif) no-repeat left top;background-size:100%;}
  .btn-search, .btn-search::before{background-color:transparent;}
  *\/
  .main-page .navbar.type02 .logo, .index-page .navbar.type02 .logo, .nav-page .navbar.type02 .logo{padding-top:8px;}
  .main-page .navbar.type03 .navbar-top .logo, .index-page .navbar.type03 .navbar-top .logo, .nav-page .navbar.type03 .navbar-top .logo{padding-top:8px !important;}
  .main-page .navbar .logo > a, .index-page .navbar .logo > a, .nav-page .navbar .logo > a{width:165px;height:32px;background:url(https://cdn-image.oliveyoung.com/Designbook/gnb/logo_x-mas.png) no-repeat left top;background-size:100% auto;}
}
@media (max-width: 359px){
  /\*
  .main-page .navbar.type02 .logo > a, .index-page .navbar.type02 .logo > a, .nav-page .navbar.type02 .logo > a{width:130px !important;background:url(../../resources/images/common/mo_logo.png) no-repeat left 16px;background-size:100%;}
  .main-page .navbar.type02 .logo > a:before, .index-page .navbar.type02 .logo > a:before, .nav-page .navbar.type02 .logo > a:before{content:'';position:absolute;left:0;top:0;width:100%;height:52px;background:url(https://cdn-image.oliveyoung.com/Designbook/gnb/bulb02.gif) no-repeat center top;background-size:auto 52px;}
  *\/
  .main-page .navbar .logo > a, .index-page .navbar .logo > a, .nav-page .navbar .logo > a{width:130px;background-position:left center;}
}
*/
/* [E] 산타모자 적용 2022-12-14, HOLIDAY GNB 2022-12-06 */

/* [S] BIB에 따른 GNB에 브랜드명 추가 2023-01-03 */
/* ### 공통 ### */
.wrap-global-nav a.nav.d-day{color:#D50032;}
/*
### BIB Round Lab CASE ###
.wrap-global-nav a.nav.d-day{color:#418ac5;}

### BIB WAKEMAKE CASE ###
.wrap-global-nav a.nav.d-day{color:#fc5a78;}

### BIB SKIN1004 CASE ###
.wrap-global-nav a.nav.d-day{color:#003BDE;}

### BIB VT CASE ###
*/
.wrap-global-nav a.nav.d-day{color:#FF7875;}

html .wrap-global-nav .nav{letter-spacing:-0.1px !important;}
/* html[lang="jp"] .wrap-global-nav .nav{letter-spacing:-0.045em !important;} */
/*
### BIB 메뉴 추가 시 말줄임 ###
.wrap-global-nav .nav{letter-spacing:.4px !important;}
html[lang="jp"] .wrap-global-nav .nav{letter-spacing:-0.04em !important;}
*/
@media (max-width:1199px){
    /* ### 공통 ### */
    .wrap-fixed-navi .navi-list .navi-item .navi-name.d-day{color:#D50032;}
    /*
    ### BIB Round Lab CASE ###
    .wrap-fixed-navi .navi-list .navi-item .navi-name.d-day{color:#418ac5;}

    ### BIB WAKEMAKE CASE ###
    .wrap-fixed-navi .navi-list .navi-item .navi-name.d-day{color:#fc5a78;}

    ### BIB SKIN1004 CASE ###
    .wrap-fixed-navi .navi-list .navi-item .navi-name.d-day{color:#003BDE;}

    ### BIB VT CASE ###
    */
    .wrap-fixed-navi .navi-list .navi-item .navi-name.d-day{color:#FF7875;}
}
/* [E] BIB에 따른 GNB에 브랜드명 추가 2023-01-03 */

/* [S] 메인 수정 (브랜드 영상, 배너 링크 영역) 2023-01-20 */
@media (min-width:1200px){
  .wrap-brand-video{display:flex;align-items:center;}
  .main-brand-video{height:414px;}
  .wrap-brand-video .swiper-slide{padding:0 24px 0 0;}
  .wrap-brand-video .swiper-slide:first-child{margin-left:0;}
  .main-brand-banner{height:auto;}

  .wrap-middle-lead a{max-width:2000px;margin-left:auto;margin-right:auto;}
  .promo-typeA .main-top-banner >.swiper-container.type-candara {height:410px;}
  .promo-typeA .wrap-middle-lead {max-width: 1200px; margin: 0 auto -20px; height: 80px; aspect-ratio: unset;}
}
@media (max-width:1199px){
  .wrap-brand-video{padding:0 16px;}
  .main-brand-video{margin-left:0;margin-right:0;padding-bottom:56.27%;}
  .main-brand-banner{margin:0 -16px;}
}
/* [E] 메인 수정 (브랜드 영상, 배너 링크 영역) 2023-01-20 */

/* [S] 회원가입 수정 2023-04-27 */
.wrap-table-gray.type02 table .row.join-name {width:360px;}

.wrap-table-gray.type02 table .ullist-number {font-size:.8125rem}
.wrap-table-gray.type02 table .ullist-number li + li {margin-top:4px;}
.wrap-table-gray.type02 table .ullist-bar.type-align li {font-size:.8125rem}
.wrap-table-gray.type02 table .ullist-bar.type-align li + li {margin-top:0;}

.wrap-agree-list.type02 .agree-chk-all {padding:20px 0;}
.wrap-agree-list.type02 .agree-list > .wrap-agree-list-item .agree-list-item {padding:24px 24px 20px 24px;}
.wrap-agree-list.type02 .agree-list-item .agree-chk {padding-top:16px;}
.wrap-agree-list.type02 .agree-all-area {padding:9px 0 9px 37px;}
.wrap-agree-list.type02 .agree-all-area :not(.form-inline) > .wrap-ipt-check + .wrap-ipt-check {margin-top:10px;}
.wrap-agree-list.type02 .table-cell {padding:9px;}
.wrap-agree-list.type02 .wrap-ipt-check .benefit-app-push {position:relative;font-size:14px;line-height:18px;color:#141414;font-weight:500;font-style:italic;padding-left:22px;box-shadow:inset 0 -6px 6px #fffc00;margin-left:8px;}
.wrap-agree-list.type02 .wrap-ipt-check .benefit-app-push .lottie-money {position:absolute;top:-10px;left:-6px;width:28px;height:28px;}
.wrap-agree-list.type02 .wrap-ipt-check .benefit-app-push strong {color:#ff201a;}

.wrap-agree-list.type02 .agree-contents {font-size:.8125rem;line-height:1.8;}
.wrap-agree-list.type02 .agree-list .agree-contents p {font-size:.8125rem;line-height:1.8;}

.contents-body.app-down-active .main .wrap-appdown-new.type02 > ul li:before {background-image:url(../../resources/images/renewal/icon_member_benefit.png);}

.wrap-login-benefits ul li i{display:block;margin:0 auto;width:48px;height:48px;background: url(../../resources/images/renewal/icon_member_benefit.png);background-size: 240px auto;}
.wrap-login-benefits ul li i.ico-benefit01{background-position:0 0;}
.wrap-login-benefits ul li i.ico-benefit02{background-position: -60px 0;}
.wrap-login-benefits ul li i.ico-benefit03{background-position: -120px 0;}
.wrap-login-benefits ul li i.ico-benefit04{background-position: -180px 0;}

@media (max-width:1199px){
  .wrap-table-gray.type02 {padding:0 16px 25px;}
  .wrap-table-gray.type02 table .row.join-name {width:100%;}
  .wrap-table-gray.type02 table .row.join-name .form-inline .col-xs-6 {display:block;width:100%;padding:0;}
  .wrap-table-gray.type02 table .row.join-name .form-inline .col-xs-6 + .col-xs-6 {margin-top:8px;}
  
  .wrap-agree-list.type02 .wrap-ipt-check .label-text {display:block;}
  .wrap-agree-list.type02 .agree-chk-all {padding:18px 16px;margin:0;}
  .wrap-agree-list.type02 .wrap-ipt-check .benefit-app-push {padding-left:0;margin-left:0;}
  .wrap-agree-list.type02 .wrap-ipt-check .benefit-app-push .lottie-money {position:relative;top:0;left:0;display:inline-block;vertical-align:bottom;margin:0 -2px 0 -6px;}

  .wrap-agree-list.type02 .agree-list > .wrap-agree-list-item:first-child .agree-list-item {margin-top:0;}
  .wrap-agree-list.type02 .agree-list > .wrap-agree-list-item .agree-list-item {padding:20px 16px 18px;margin-top:18px}
  .wrap-agree-list.type02 .agree-all-area {padding:18px 16px 13px 38px;}
  .wrap-agree-list.type02 .agree-all-area .wrap-table .table-row + .table-row {margin-top:8px;}
  .wrap-agree-list.type02 .table-cell {padding:5px 0;}

}
/* [E] 회원가입 수정 2023-04-27 */

/* [S] 회원가입 페이지 내 비밀번호 영역 개선 2023-06-30 */
.form-group .common-form-content .cont-interval{margin-top:8px;}
.form-group .noti-icon-list > li{position:relative;padding-left:20px;font:13px/1.5 -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif;color:#666;}
.form-group .noti-icon-list > li:after{content:"";position:absolute;top:3px;left:0;width:12px;height:12px;background:url(../../resources/images/myaccount/img_sp_exchange.png) no-repeat -100px -100px;background-size:400px;}
.form-group .noti-icon-list > li.active{color:#9bce26;}
.form-group .noti-icon-list > li.active:after{background-position:-150px -100px;}
html[lang="jp"] .form-group .noti-icon-list > li{font:300 13px/1.4 "NotoSansJP";}
@media (max-width:1199px){
  .form-group .noti-icon-list > li{line-height:1.4;}
}
/* [E] 회원가입 페이지 내 비밀번호 영역 개선 2023-06-30 */

/* [S] 로그인 페이지 캡챠 적용 요청의 건 2023-07-07 */
.wrap-captcha{margin:24px 0 35px;}
.wrap-captcha .inner{display:flex;border:1px solid #c2c2c2;background-color:#fff;}
.wrap-captcha .captcha-mark{flex:1;min-height:94px;padding:7px 8px 7px 7px;}
.wrap-captcha .captcha-mark > div{position:relative;min-height:80px;background-color:#f5f5f5;}
.wrap-captcha .captcha-mark > div .samp-captcha{position:absolute;left:0;top:0;width:100%;height:100%;}
.wrap-captcha .captcha-ctrl{display:flex;width:51px;border-left:1px solid #c2c2c2;flex-direction:column;}
.wrap-captcha [class*="btn-captcha"]{display:flex;width:100%;flex:0 1 100%;border-bottom:1px solid #c2c2c2;align-items:center;justify-content:center;}
.wrap-captcha [class*="btn-captcha"]:after{content:'';display:block;width:32px;height:32px;background:url(../../resources/images/common/ico_captcha_ctrl.png) no-repeat left top;background-size:64px 32px;}
.wrap-captcha [class*="btn-captcha"] + [class*="btn-captcha"]{border-bottom:0;}
.wrap-captcha .btn-captcha-refresh:after{background-position:0 0;}
.wrap-captcha .btn-captcha-audio:after{background-position:-32px 0;}
.wrap-captcha .list-inputLg{padding-bottom:0;}
.wrap-guest-checkout .wrap-captcha{margin-bottom:16px;}
.video-js .vjs-time-tooltip, .vjs-mouse-display .vjs-time-tooltip, .video-js .vjs-volume-tooltip, .vjs-mouse-display .vjs-volume-tooltip{word-break:normal;word-wrap:normal;}
/* [E] 로그인 페이지 캡챠 적용 요청의 건 2023-07-07 */

/* [S] CCPA- Your privacy policy 2023-08-07 */
.terms-list .terms-item {padding: 24px; background: #f5f5f5;}
.terms-list .terms-item + .terms-item {margin-top: 20px;}
.terms-list .terms-item .terms-head {display:flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 2px solid #fff;}
.terms-list .terms-item .terms-head .terms-title {font-size: 14px; line-height: 1.29x; color:#141414; font-weight: 500; }
.terms-list .terms-item .terms-head [data-accordion="button"] {width: 24px; height: 24px; background: url(../../resources/images/common/sp_common.png) -428px -6px no-repeat; background-size: 500px 500px; transition: transform 0.3s;}
.terms-list .terms-item.active .terms-head [data-accordion="button"] {transform: rotate(-180deg);}
.terms-list .terms-item .terms-head [data-accordion="button"]::before,
.terms-list .terms-item .terms-head [data-accordion="button"]::after {display: none;}
.terms-list .terms-item .terms-body {padding: 20px; background: #fff; }
.terms-list .terms-item .terms-body .terms-title {font-size: 14px; line-height: 1.5; color:#666; font-weight: 500;}
.terms-list .terms-item .terms-body .terms-text {font-size: 13px; line-height: 1.5; color: #666; margin-top: 8px;}
.terms-list .terms-item .terms-body .terms-link {display:inline-block; font-size: 13px; line-height: 1.5; color: #5b9bd5; margin-top: 8px; text-decoration: underline;}
.terms-list .terms-item .check-switch {position: relative; display: flex; align-items: center; margin: 0 16px 0 auto; cursor: pointer;}
.terms-list .terms-item .check-switch input[type="checkbox"] {position: absolute; width: 18px; height: 18px; padding: 0; border: none; left: 0; top: 0; z-index: -1; opacity: 0; }
.terms-list .terms-item .check-switch input[type="checkbox"] + .ipt-icon {display:inline-block; width:52px; height:20px; background-image: url('../../resources/images/common/btn_switch.png'); background-size: 200%; background-position: 0; transform: transform 0.3s;}
.terms-list .terms-item .check-switch input[type="checkbox"]:checked + .ipt-icon {background-position: -100%;}
.terms-list + .btn-area {margin-top: 40px; text-align: center;}
.terms-list + .btn-area button {display: flex; align-items: center; justify-content: center; width: 240px; height: 48px; margin: 0 auto;}

@media (max-width:1199px){
.wrap-terms-polices.type02 {padding: 0;}
.wrap-terms-polices.type02 .titleArea {margin-bottom: 18px; padding-bottom: 12px;}
.wrap-terms-polices.type02 .titleArea h2 {padding-left: 16px;}
.terms-list .terms-item {padding: 20px 16px;}
.terms-list .terms-item .terms-head {padding-bottom: 18px;}
.terms-list + .btn-area {padding: 0 16px; margin-top: 30px;}
.terms-list + .btn-area button {width: 100%; height: 44px;}
}
/* [E] CCPA- Your privacy policy 2023-08-07 */

/* [S] 캘리포니아 쿠키 팝업 2023-08-07 */
.cookie-popup.type-california .modal-dialog .modal-content .modal-footer > div {width: 100%;}
.cookie-popup.type-california .modal-dialog .modal-content .modal-footer > div a {width: 154px; padding: 0; text-align: center;}
.cookie-popup.type-california .modal-dialog .modal-content .modal-footer > div a.btn-type01 {background:transparent; border:1px solid #c2c2c2; color:#666;}
.cookie-popup.type-california .modal-dialog .modal-content .modal-footer > div a.btn-type02 {margin:0 auto 0 8px;}

@media (max-width: 1199px) {
  .cookie-popup.type-california .modal-dialog .modal-content .modal-title.type02 {text-align: center;}
  .cookie-popup.type-california .modal-dialog .modal-content .form-inline.check-group {text-align: center;}
  .cookie-popup.type-california .modal-dialog .modal-content .form-inline.check-group .wrap-ipt-check {float: none; display: inline-block;}
  .cookie-popup.type-california .modal-dialog .modal-content .modal-footer > div a {width:100%;}
  .cookie-popup.type-california .modal-dialog .modal-content .modal-footer > div a.btn-type02 {margin: 8px 0 0 0;}
}
/* [E] 캘리포니아 쿠키 팝업 2023-08-07 */

/* [S] 2023-10-05 쿠폰 In-store code 추가 */
.wrap-in-store-code {margin-top: 40px;}
.wrap-in-store-code .in-store-code-title {font-size: 1.125rem; line-height:1.22; margin-bottom: 8px; padding: 0 16px;}
.wrap-in-store-code .in-store-code-list {border-top: 2px solid #d6d6d6;}
.wrap-in-store-code .in-store-code-list .in-store-code-item {position: relative; display: flex; min-height: 113px; padding: 15px 16px; border-bottom: 1px solid #e0e0e0}
.wrap-in-store-code .in-store-code-list .in-store-code-item .in-store-code-img {display: flex; justify-content: center; align-items: center; min-width: 112px; width: 112px; height: 56px; margin-right: 20px; border: 1px solid #ebebeb; overflow: hidden;}
.wrap-in-store-code .in-store-code-list .in-store-code-item .in-store-code-img > div {min-width: 143px; transform: scale(.7)}

.wrap-in-store-code .in-store-code-list .in-store-code-item .btn-txt-magnifying {position: absolute; top: 84px; left: 26px;}
.wrap-in-store-code .in-store-code-list .in-store-code-item .btn-txt-magnifying::before {top:2px;}
.wrap-in-store-code .in-store-code-list .in-store-code-item .btn-txt-magnifying::after {top:10px;}
.wrap-in-store-code .in-store-code-list .in-store-code-item .in-store-code-name {font-size: .9375rem; font-weight: 600; line-height: 1.33; margin-bottom: 12px;}
.wrap-in-store-code .in-store-code-list .in-store-code-item .in-store-code-host {font-size: .75rem; line-height: 1.33; color: #666; margin-bottom: 6px;}
.wrap-in-store-code .in-store-code-list .in-store-code-item .in-store-code-date {font-size: .75rem; line-height: 1.33; color:#666;}
.wrap-in-store-code .in-store-code-list .in-store-code-item.code-expires:before {content: 'We are Sorry It is Expired'; position: absolute; top: 10px; left:11px; z-index:9; width: calc(100% - 22px); height: calc(100% - 20px); display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,.72); color: #ffcc32; font-weight: 600; }

.wrap-in-store-code .item-more-noti-wrap {margin: 16px 16px 0;}

.wrap-in-store-code .in-store-code-area {margin: 0 16px;}
.wrap-in-store-code .in-store-code-area .in-store-code-title {font-size: 1.125rem; font-weight: 500; line-height:1.22; margin-bottom: 16px; padding: 0;}
.wrap-in-store-code .in-store-code-area .in-store-code-name {font-size: .9375rem; font-weight: 600; line-height: 1.33; margin-bottom: 12px;}
.wrap-in-store-code .in-store-code-area .in-store-code-host {font-size: .75rem; line-height: 1.33; color: #666; margin-bottom: 4px;}
.wrap-in-store-code .in-store-code-area .in-store-code-date {font-size: .75rem; line-height: 1.33; color:#666; margin-bottom: 8px;}
.wrap-in-store-code .in-store-code-area .in-store-code-img {display: flex; justify-content: center; align-items: center; width: 100%; padding: 20px 0; border: 1px solid #ebebeb; overflow: hidden;}
.wrap-in-store-code .in-store-code-area .in-store-code-img img {height: 126px;}
.in-store-code-area + .item-more-noti-wrap {margin-top: 20px;}

html[lang="jp"] .wrap-in-store-code .in-store-code-list .in-store-code-item.code-expires:before {content: '有効期限切れ';}
html[lang="jp"] .wrap-in-store-code .notice-gray-box .notice-title {font-family: inherit;}
/* [E] 2023-10-05 쿠폰 In-store code 추가 */

/* [S] 2023-10-23 24년 1월 멤버십 개편 */

/* 마이페이지 */
.wrap-my-account-info.type03, .wrap-trackorders-step.type03 {background:transparent;}

.wrap-my-account-info.type03 {border-bottom:1px solid #e0e0e0;}
.wrap-my-account-info.type03 .my-account-member-level {position:relative;display:flex;flex-wrap:wrap;padding:0;align-items:center;}
.wrap-my-account-info.type03 .my-account-member-level .my-account-info-member {display:flex;color:#141414;align-items:center;}
.wrap-my-account-info.type03 .my-account-member-level .member-grade {min-width:64px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:24px 12px 20px 16px;text-align:center;}
.wrap-my-account-info.type03 .my-account-member-level .member-grade img {width:100%;}
.wrap-my-account-info.type03 .grade-color {padding:0 3px;font-weight:500;}
.wrap-my-account-info.type03.grade-baby .grade-color {color:#cfd31a;}
.wrap-my-account-info.type03.grade-pink .grade-color {color:#eb6d9a;}
.wrap-my-account-info.type03.grade-green .grade-color {color:#01bb56;}
.wrap-my-account-info.type03.grade-black .grade-color {color:#333333;}
.wrap-my-account-info.type03.grade-gold .grade-color {color:#c5ab4e;}

.wrap-my-account-info.type03 .my-account-member-level .member-name {font-weight:600;}
.wrap-my-account-info.type03 .my-account-member-level .btn-get-coupon {display:flex;align-items:center;margin-top:12px;font-size:.8125rem;}
.wrap-my-account-info.type03 .my-account-member-level .btn-get-coupon:after{content:'';width:16px;height:16px;background-image:url('../../resources/images/myaccount/icon_arrow_xs.png');background-repeat:no-repeat;background-size:100%;}
.wrap-my-account-info.type03 .my-account-member-level .my-account-coupons-reward {display:flex;justify-content:space-between;min-width:100%;}
.wrap-my-account-info.type03.grade-baby .my-account-member-level .my-account-coupons-reward {background-color:#f9f9ed;}
.wrap-my-account-info.type03.grade-pink .my-account-member-level .my-account-coupons-reward {background-color:#fef7f9;}
.wrap-my-account-info.type03.grade-green .my-account-member-level .my-account-coupons-reward {background-color:#eefcf4;}
.wrap-my-account-info.type03.grade-black .my-account-member-level .my-account-coupons-reward {background-color:#f5f5f5;}
.wrap-my-account-info.type03.grade-gold .my-account-member-level .my-account-coupons-reward {background-color:#faf8f1;}

.wrap-my-account-info.type03 .wrap-my-account-coupons, 
.wrap-my-account-info.type03 .wrap-my-account-rewardPoints {position:relative;border:0;display:flex;align-items:center;min-height:49px;}

.wrap-my-account-info.type03 .wrap-my-account-coupons {width:42%;}
.wrap-my-account-info.type03 .wrap-my-account-coupons:before {content:'';width:24px;height:24px;background-image:url('../../resources/images/myaccount/icon_coupon.png');background-repeat:no-repeat;background-size:100%;margin-right:8px;}
.wrap-my-account-info.type03 .wrap-my-account-coupons:after {content:'';position:absolute;right:0;top:16px;width:1px;height:16px;background-color:#141414;opacity:0.1;}
.wrap-my-account-info.type03 .wrap-my-account-rewardPoints {width:58%;}
.wrap-my-account-info.type03 .wrap-my-account-rewardPoints:before {content:'';width:24px;height:24px;background-image:url('../../resources/images/myaccount/icon_point.png');background-repeat:no-repeat;background-size:100%;margin-right:8px;}
.wrap-my-account-info.type03 .my-account-info-tit {max-width:100%;font-size:.8125rem;color:#141414;}
.wrap-my-account-info.type03 .my-account-info-cnt {font-size:.9375rem;margin-left:auto;}

.wrap-my-account-info.type03.grade-baby .my-account-info-cnt {color:#cfd31a;}
.wrap-my-account-info.type03.grade-pink .my-account-info-cnt {color:#eb6d9a;}
.wrap-my-account-info.type03.grade-green .my-account-info-cnt {color:#01bb56;}
.wrap-my-account-info.type03.grade-black .my-account-info-cnt {color:#333333;}
.wrap-my-account-info.type03.grade-gold .my-account-info-cnt {color:#c5ab4e;}

.wrap-my-account-info.type03 .member-info-area .member-info {margin-top:10px;}
.wrap-my-account-info.type03 .member-info-area .member-info .member-info-summary {font-size:.8125rem;color:#555;}
.wrap-my-account-info.type03 .member-info-area .member-info .wrap-tooltip {position:static;}
.wrap-my-account-info.type03 .member-info-area .member-info .btn-tooltip {padding-right:20px;}

.wrap-trackorders-step.type03 {overflow:hidden;}
.wrap-trackorders-step.type03::after {content:'';display:block;height:10px;border-top:1px solid #e0e0e0;background-color:#f1f1f1;}
.wrap-trackorders-step.type03 .section-title.lg + .list-myaccount-step {border:0;}
.wrap-trackorders-step.type03 .trackorders-tit.mo-only > a {display:flex;align-items:center;}
.wrap-trackorders-step.type03 .trackorders-tit.mo-only > a:after {content:'';width:16px;height:16px;background-image:url('../../resources/images/myaccount/icon_arrow_xs.png');background-repeat:no-repeat;background-size:100%;margin-left:4px;}

@media (min-width:1200px){
  .wrap-my-account-menu .my-account-menu-title {margin:0;}
  .wrap-my-account-info {margin:0;}
  .wrap-my-account-info.type03.grade-baby {background-color:#f9f9ed;}
  .wrap-my-account-info.type03.grade-pink {background-color:#fef7f9;}
  .wrap-my-account-info.type03.grade-green {background-color:#eefcf4;}
  .wrap-my-account-info.type03.grade-black {background-color:#f5f5f5;}
  .wrap-my-account-info.type03.grade-gold {background-color:#faf8f1;}
  .wrap-my-account-info.type03 .my-account-member-level {flex-wrap:nowrap;justify-content:space-between;}
  .wrap-my-account-info.type03 .my-account-member-level .member-grade {margin-left:24px;}
  .wrap-my-account-info.type03 .my-account-member-level .my-account-coupons-reward {min-width:auto;background-color:transparent;}

  .wrap-my-account-info.type03 .wrap-my-account-coupons, 
  .wrap-my-account-info.type03 .wrap-my-account-rewardPoints{padding-top:0;width:auto;flex-direction:column;justify-content:center;}
  .wrap-my-account-info.type03 .wrap-my-account-rewardPoints {margin:0 53px 0 84px;}
  .wrap-my-account-info.type03 .wrap-my-account-coupons:before,
  .wrap-my-account-info.type03 .wrap-my-account-coupons:after,
  .wrap-my-account-info.type03 .wrap-my-account-rewardPoints:before {display:none;}

  .wrap-my-account-info.type03 .my-account-info-tit {font-size:.9375rem;}
  .wrap-my-account-info.type03 .my-account-info-cnt {font-size:1.125rem;margin-left:0;padding-top:16px;}

  .wrap-trackorders-step.type03::after {height:1px;}
  .wrap-trackorders-step.type03 .list-myaccount-step.type03 {display:flex;padding:24px 0 31px;text-align:center;border-bottom:1px solid #e0e0e0;}
  .wrap-trackorders-step.type03 .list-myaccount-step.type03 .list-myaccount-item{float:none;flex:1;position:relative;}
  .wrap-trackorders-step.type03 .list-myaccount-step.type03 .list-myaccount-item:first-child{padding-right:0;}
  .wrap-trackorders-step.type03 .list-myaccount-step.type03 .list-myaccount-item + .list-myaccount-item{padding-left:0;}
  .wrap-trackorders-step.type03 .list-myaccount-step.type03 .list-myaccount-item + .list-myaccount-item::before{content:'';position:absolute;left:0;top:7px;display:block;width:1px;height:59px;border:0;background-color:#e0e0e0;}
  .wrap-trackorders-step.type03 .list-myaccount-step.type03 .list-myaccount-menu{display:block;position:relative;}
  .wrap-trackorders-step.type03 .list-myaccount-step.type03 .list-myaccount-menu .cnt{padding-bottom:7px;color:#8f8f8f;font-weight:600;font-size:2.625rem;}
  .wrap-trackorders-step.type03 .list-myaccount-step.type03 .myaccount-step{color:#3d3d3d;font-size:0.9375rem;word-break:break-word;}
}

@media (max-width:1199px) {
  .wrap-trackorders-step.type03 .section-title.lg {padding:20px 16px;}
  .wrap-trackorders-step.type03 .list-myaccount-step.type03 {padding:0 8px;margin-bottom:20px;display:flex;}
  .wrap-trackorders-step.type03 .list-myaccount-step.type03 .list-myaccount-item + .list-myaccount-item::before {display:none;}
  .wrap-trackorders-step.type03 .list-myaccount-step.type03 .list-myaccount-item .list-myaccount-menu .cnt {font-size:2.25rem;font-weight:500;color:#888;margin-bottom:6px;padding:0;}
  .wrap-trackorders-step.type03 .list-myaccount-step.type03 .list-myaccount-item .list-myaccount-menu .myaccount-step {font-size:0.75rem;color:#141414;}

  .wrap-my-account-info.type03 {border-bottom:0;}
  .wrap-my-account-info.type03 .my-account-member-level .my-account-info-member {min-width:100%;padding-right:16px;}
  .wrap-my-account-info.type03 .my-account-member-level .btn-bell{margin-left:auto;width:30px;height:30px;background:url('../../resources/images/myaccount/ico_myaccountx2.png') no-repeat -48px -48px;background-size:200px auto;}

  .wrap-my-account-info.type03 .my-account-member-level .member-info-area.mo-only {min-width:100%;}
  .wrap-my-account-info.type03 .my-account-member-level .member-info-area.mo-only .btn-get-coupon {min-width:100%;min-height:48px;margin-top:0;padding:0 16px;color:#fff;}
  .wrap-my-account-info.type03 .my-account-member-level .member-info-area.mo-only .btn-get-coupon::before {content:'';min-width:24px;height:24px;background-image:url('../../resources/images/myaccount/icon_benefit_white.png');background-size:100%;margin-right:8px;}
  .wrap-my-account-info.type03 .my-account-member-level .member-info-area.mo-only .btn-get-coupon:after {margin-left:auto;margin-top:-1px;min-width:16px;background-image:url('../../resources/images/myaccount/icon_arrow_xs_white.png')}
  .wrap-my-account-info.type03.grade-baby .my-account-member-level .member-info-area.mo-only .btn-get-coupon {background-color:#cfd31a;color:#141414}
  .wrap-my-account-info.type03.grade-baby .my-account-member-level .member-info-area.mo-only .btn-get-coupon::after {background-image:url('../../resources/images/myaccount/icon_arrow_xs.png');}
  .wrap-my-account-info.type03.grade-baby .my-account-member-level .member-info-area.mo-only .btn-get-coupon::before {background-image:url('../../resources/images/myaccount/icon_benefit_black.png');}
  .wrap-my-account-info.type03.grade-pink .my-account-member-level .member-info-area.mo-only .btn-get-coupon {background-color:#eb6d9a;}
  .wrap-my-account-info.type03.grade-green .my-account-member-level .member-info-area.mo-only .btn-get-coupon {background-color:#01bb56;}
  .wrap-my-account-info.type03.grade-black .my-account-member-level .member-info-area.mo-only .btn-get-coupon {background-color:#333333;}
  .wrap-my-account-info.type03.grade-gold .my-account-member-level .member-info-area.mo-only .btn-get-coupon {background-color:#c5ab4e;}


  .wrap-my-account-info.type03 .member-info-area .member-info .tooltip-type-basic {position:absolute;top:100px;left:16px;right:auto;margin:0;transform:none;width:calc(100% - 32px);max-width:400px;}
  .wrap-my-account-info.type03 .member-info-area .member-info .tooltip-type-basic::after {display:none;}
}

@media (max-width:359px){
  .wrap-trackorders-step.type03 .list-myaccount-step.type03 .list-myaccount-item + .list-myaccount-item {padding-left:0;}
  .wrap-trackorders-step.type03 .list-myaccount-step.type03 .list-myaccount-item .list-myaccount-menu .myaccount-step {font-size:.625rem}
}

@media (max-width:320px){
  .wrap-my-account-info.type03 .my-account-info-tit {max-width:100%;font-size:.75rem;color:#141414;}
  .wrap-my-account-info.type03 .my-account-info-cnt {font-size:.875rem;margin-left:auto;}
  .wrap-my-account-info.type03 .my-account-member-level .member-grade {min-width:52px;width:52px;height:52px;}
}

/* 상품 상세 */
.prd-members-price-wrap .prd-members-price-area {position:relative;border:1px solid #c2c2c2;border-radius:8px 0 8px 0;padding:20px 16px 16px;margin-top:32px;}
.prd-members-price-wrap .prd-members-price-area:before {content:'';position:absolute;top:-8px;left:16px;width:116px;height:16px;background-image:url('../../resources/images/product/img_olive_members.png');background-color:#fff;;background-size:106px;background-position:center;background-repeat:no-repeat;}
.prd-members-price-wrap .members-price-head {position:relative;}
.prd-members-price-wrap .members-price-head .members-price-title {width:calc(100% - 30px);font-size:.75rem;line-height:1.33;font-weight:500;margin-bottom:4px;}
.prd-members-price-wrap .members-price-head .members-price-lowest {width:calc(100% - 30px);font-size:.9375rem;line-height:1;font-weight:500;color:#c5ab4e;}
.prd-members-price-wrap .members-price-head .btn-acco {position:absolute;top:0;right:0;width:100%;height:100%;}
.prd-members-price-wrap .members-price-head .btn-acco::before, .prd-members-price-wrap .members-price-head .btn-acco::after {display:none;}
.prd-members-price-wrap .members-price-head .btn-acco .btn-acco-plus {position:absolute;right:12px;top:50%;}
.prd-members-price-wrap .prd-members-price-area:not(.active) .btn-acco-plus {animation:ani-rotate 4s linear infinite reverse}                             

.prd-members-price-wrap .members-price-head .btn-acco .btn-acco-plus:before, 
.prd-members-price-wrap .members-price-head .btn-acco .btn-acco-plus:after { content:'';position:absolute;top:50%;left:50%;background-color:#141414;transition:transform 0.25s ease-out;}
.prd-members-price-wrap .members-price-head .btn-acco .btn-acco-plus:before { width:2px;height:12px;margin-top:-6px;margin-left:-1px;}
.prd-members-price-wrap .members-price-head .btn-acco .btn-acco-plus:after { width:12px;height:2px;margin-top:-1px;margin-left:-6px;}
.prd-members-price-wrap .prd-members-price-area.active .members-price-head .btn-acco .btn-acco-plus:before { visibility:hidden;transform:rotate(90deg);}
.prd-members-price-wrap .prd-members-price-area.active .members-price-head .btn-acco .btn-acco-plus:after { transform:rotate(180deg);}

.prd-members-price-wrap .members-price-body {margin-top:16px;}
.prd-members-price-wrap .members-price-body .members-price-notice {display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebebeb;padding-bottom:12px;margin-bottom:22px;}
.prd-members-price-wrap .members-price-body .members-price-notice .notice-txt {font-size:.6875rem;line-height:1.27;color:#666;font-weight:500;}
.prd-members-price-wrap .members-price-body .members-price-notice .tooltip-type-basic {right:0;}
.prd-members-price-wrap .members-price-body .members-price-notice .tooltip-type-basic::after {display:none;}

@keyframes ani-rotate {                                                                                  
  0% {
    transform:rotate( 360deg )
  } 
  15% {
    transform:rotate( 0deg )
  } 
  75% {
    transform:rotate( 0deg )
  }   
}

.prd-members-price-wrap .members-price-body .members-price-list {overflow:hidden;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item {display:flex;justify-content:space-between;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item + .members-price-item {margin-top:12px;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-head {display:flex;align-items:center;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-head .member-grade-name {display:flex;align-items:center;font-size:.8125rem;font-weight:500;line-height:1.23;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-head .member-grade-name:before {content:'';width:16px;height:16px;border-radius:8px;margin-right:4px;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-head .member-grade-name.grade-baby {color:#cfd31a;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-head .member-grade-name.grade-baby:before {background-color:#cfd31a;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-head .member-grade-name.grade-pink {color:#eb6d9a;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-head .member-grade-name.grade-pink:before {background-color:#eb6d9a;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-head .member-grade-name.grade-green {color:#01bb56;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-head .member-grade-name.grade-green:before {background-color:#01bb56;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-head .member-grade-name.grade-black {color:#333;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-head .member-grade-name.grade-black:before {background-color:#333;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-head .member-grade-name.grade-gold {color:#c5ab4e;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-head .member-grade-name.grade-gold:before {background-color:#c5ab4e;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-head .member-grade {position:relative;margin-left:9px;background-color:#141414;color:#fff;font-size:.6875rem;padding:2px 4px 3px;border-radius:3px;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-head .member-grade:before {content:'';position:absolute;top:3.5px;left:-8px;border-top:4px solid transparent;border-right:4px solid #141414;border-bottom:4px solid transparent;border-left:4px solid transparent;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-body {display:flex;align-items:center;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-body .member-save-price {width:118px;font-size:.6875rem;color:#888;line-height:1.46;text-align:right;margin-right:20px;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-body .member-benefit-price {width:104px;font-size:.75rem;line-height:1.33;font-weight:500;text-align:right;}
.prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-body .member-notice {font-size:.75rem;color:#888;}
.prd-members-price-wrap .members-price-body .btn-non-login {margin-top:24px;font-size:.9375rem;line-height:1.33;font-weight:500;text-decoration:underline;}

.prd-detail-wrap .prd-detail-title .prd-bedge span.early-access {background-color:#141414;color:#e4c65e;}
.prd-detail-wrap .prd-detail-content .prd-quantity-info .prd-tooltip-wrap > div.prd-early-access {align-items:flex-start;}
.prd-detail-wrap .prd-detail-content .prd-quantity-info .quantity-btn {min-width:104px;}
.prd-detail-wrap .prd-detail-content .prd-quantity-info .prd-tooltip-wrap > div.prd-early-access > strong:after {top:0;transform:translateY(0);background-image:url('../../resources/images/product/icon_lock_black.png');background-size:100%;background-position:0 0;}
.prd-detail-wrap .prd-detail-content .prd-info-btn-wrap.early-access .inner button.add-to-bag {background-color:#141414;display:flex;align-items:center;justify-content:center;}
.prd-detail-wrap .prd-detail-content .prd-info-btn-wrap.early-access .inner button.add-to-bag.purchase-restrictions::before{content:'';width:16px;height:16px;background-image:url('../../resources/images/product/icon_lock_white.png');background-size:100%;margin-right:8px;}
.prd-detail-wrap .prd-detail-content .prd-info-btn-wrap.early-access .inner button.add-to-bag span {position:relative;transform:none;top:auto;left:auto;width:auto;}
.prd-detail-wrap .prd-detail-content .prd-info-btn-wrap.early-access .inner button.add-to-bag.active {background:#141414}
.prd-detail-wrap .prd-detail-content .prd-info-btn-wrap.early-access .inner button.add-to-bag.active span {opacity:1;}

.product-unit-wrap .unit-list > li .unit-thumb > a .unit-badge span.early-access {width:auto;background-color:#141414;color:#e4c65e;}
.product-unit-box .unit-thumb > a .unit-badge span.early-access {width:auto;background-color:#141414;color:#e4c65e;}

@media (max-width:1199px) {
  .prd-members-price-wrap {padding:0 16px;}
  .prd-members-price-wrap .members-price-body .members-price-list .members-price-item {min-height:28px;}
  .prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-body {flex-direction:column;align-items:flex-end;justify-content:center;}
  .prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-body .member-save-price {width:auto;line-height:1.1;margin-right:0;order:2;margin-top:2px;}
  .prd-members-price-wrap .members-price-body .members-price-list .members-price-item .members-price-item-body .member-benefit-price {width:auto;line-height:1.1;}
  .prd-members-price-wrap .members-price-body .members-price-notice {margin-bottom:16px;}
  .prd-members-price-wrap .members-price-body .members-price-notice .tooltip-type-basic{width:calc(100vw - 80px);top:26px;margin-top:0;left:auto;right:0;max-width:100vw;overflow:hidden;}
}

/* 회원가입 완료 */
.join-complete-wrap .section-join-complete {padding:80px 0;text-align:center;}
.join-complete-wrap .section-join-complete.join-complete-title {padding:64px 0 80px;}
.join-complete-wrap .section-join-complete.join-complete-ad {padding:80px 0 16px;}
.join-complete-wrap .section-join-complete.join-complete-benefit {background-color:#fef2f2;width:100vw;margin-left:calc(-50vw + 50%);}
.join-complete-wrap .section-join-complete .section-head + .section-body {margin-top:24px;}
.join-complete-wrap .section-join-complete .section-head .section-title {border:0;padding:0;font-size:1.5rem;font-weight:bold;line-height:1.42}
.join-complete-wrap .section-join-complete.join-complete-title .section-title {font-size:1.25rem}
.join-complete-wrap .section-join-complete .section-head .section-title .color-pink-type02 {color:#f27370;}
.join-complete-wrap .section-join-complete .section-head .lottie-welcome {width:160px;margin:0 auto 20px;}
.join-complete-wrap .section-join-complete .section-head .section-detail {margin-top:32px;color:#555;font-size:.875rem;line-height:1.43;}
.join-complete-wrap .section-join-complete .section-body .welcome-txt {font-size:.875rem;line-height:1.43;color:#555;}
.join-complete-wrap .section-join-complete .section-body .btn-area {margin-top:40px;}                                                                    
.join-complete-wrap .section-join-complete .section-body .btn-area .btn {width:230px;font-weight:600;font-size:.9375rem;}
.join-complete-wrap .section-join-complete .section-body .btn-area + .btn-area {margin-top:12px;}
.join-complete-wrap .section-join-complete .section-body .btn-area + .btn-area .btn {border:1px solid #141414;color:#141414;background-color:transparent;}


.join-complete-wrap .benefit-list {display:flex;width:652px;margin:0 auto;justify-content:center;} /* 2024-07-22 */
.join-complete-wrap .benefit-list .benefit-item {display:flex;flex-direction:column;align-items:center;justify-content:center;width:145px;height:145px;overflow:hidden;}
.join-complete-wrap .benefit-list .benefit-item + .benefit-item {margin-left:24px;}
.join-complete-wrap .benefit-list .benefit-item.benefit01 {background-color:#f5c3c3;border-radius:50%}
.join-complete-wrap .benefit-list .benefit-item.benefit02 {background-color:#cce690;border-radius:22.5%}
.join-complete-wrap .benefit-list .benefit-item.benefit03 {background-color:#e0e0e0;border-radius:51.5% 0 0 0;}
.join-complete-wrap .benefit-list .benefit-item.benefit04 {background-color:#acdbeb;border-radius:50% 50% 0 0}
.join-complete-wrap .benefit-list .benefit-item .benefit-name {font-size:.9375rem;line-height:1.47;font-weight:bold;}
.join-complete-wrap .benefit-list .benefit-item .benefit-detail {font-size:.75rem;line-height:1.33;color:#555;margin-top:4px;}

.join-complete-wrap .product-99deal-area {padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #ebebeb;}
.join-complete-wrap .product-99deal-area .product-99deal-list {display:flex;justify-content:center;}   
.join-complete-wrap .product-99deal-area .product-99deal-list .product-99deal-item {width:128px;}
.join-complete-wrap .product-99deal-area .product-99deal-list .product-99deal-item + .product-99deal-item {margin-left:24px;}
.join-complete-wrap .product-99deal-area .product-99deal-list .product-99deal-item a {display:block;}
.join-complete-wrap .product-99deal-area .product-99deal-list .product-99deal-item .product-99deal-thum {position:relative;width:100%;padding-bottom:100%;line-height:0;overflow:hidden;}
.join-complete-wrap .product-99deal-area .product-99deal-list .product-99deal-item .product-99deal-thum img {position:absolute;top:0;left:0;width:100%;}
.join-complete-wrap .product-99deal-area .product-99deal-list .product-99deal-item .product-99deal-price {font-size:.8125rem;line-height:1.54;font-weight:500;margin-top:12px;}

@media (max-width:1199px) {
  .join-complete-wrap {padding:0 16px;}
  .join-complete-wrap .section-join-complete {padding:64px 0;}
  .join-complete-wrap .section-join-complete.join-complete-title {padding:40px 0 64px;}
  .join-complete-wrap .section-join-complete.join-complete-ad {padding:64px 0 44px;}
  .join-complete-wrap .section-join-complete .section-body .btn-area .btn {width:252px;}
  .join-complete-wrap .section-join-complete .section-body .btn-area.mo-only .btn {width:100%;max-width:344px;}

  .join-complete-wrap .benefit-list {width:320px;flex-wrap:wrap;align-items:center;justify-content:center;}
  .join-complete-wrap .benefit-list .benefit-item {margin:3px;}
  .join-complete-wrap .benefit-list .benefit-item + .benefit-item {margin-left:5px;}
  .join-complete-wrap .benefit-list .benefit-item .benefit-name {line-height:1.33;}
  .join-complete-wrap .section-join-complete .section-body .btn-area {margin-top:32px;}

  .join-complete-wrap .product-99deal-area {padding-bottom:0;margin-bottom:0;border-bottom:0;}
  .join-complete-wrap .product-99deal-area .product-99deal-list .product-99deal-item {width:96px;}
  .join-complete-wrap .product-99deal-area .product-99deal-list .product-99deal-item + .product-99deal-item {margin-left:20px;}
  .join-complete-wrap .product-99deal-area .product-99deal-list .product-99deal-item .product-99deal-price {margin-top:8px;}
}

/* 멤버십 */
.olive-members-wrap img {max-width:100%;}
.olive-members-wrap .membership-section {position:relative;}
.olive-members-wrap .membership-section.grade-baby .grade-color {color:#cfd31a;}
.olive-members-wrap .membership-section.grade-pink .grade-color {color:#eb6d9a;}
.olive-members-wrap .membership-section.grade-green .grade-color {color:#01bb56;}
.olive-members-wrap .membership-section.grade-black .grade-color {color:#333333;}
.olive-members-wrap .membership-section.grade-gold .grade-color {color:#c5ab4e;}
.olive-members-wrap .membership-section .section-head {margin-bottom:32px;}
.olive-members-wrap .membership-section .section-head .section-name {font-size:1.75rem;line-height:1.43;}
.olive-members-wrap .membership-section .section-head .section-name strong {font-weight:bold;}
.olive-members-wrap .membership-section .section-head .section-detail {font-size:.875rem;line-height:1.43;margin-top:16px;}
.olive-members-wrap .membership-section + .membership-section {margin-top:88px;}
.olive-members-wrap .membership-section.works {margin-top:88px;}

.olive-members-wrap.type-loign .membership-section .section-head {margin-bottom: 20px;}
.olive-members-wrap.type-loign .membership-section .section-head .section-name {font-size:1.125rem;line-height:1.33;font-weight:bold;}
.olive-members-wrap.type-loign .membership-section + .membership-section {margin-top:56px;}
.olive-members-wrap.type-loign .membership-section.questions .section-head .section-name strong,
.olive-members-wrap.type-loign .membership-section.perks .section-head .section-name strong {display:inline;}

.olive-members-wrap .mainbanner {height:500px;padding-top:112px;}
.olive-members-wrap .mainbanner.mainbanner-v2 {margin-bottom: 52px;}
.olive-members-wrap .mainbanner .section-head {margin-bottom:24px;}
.olive-members-wrap .mainbanner .section-head .section-name {width:360px;font-size:40px;font-weight:900;line-height:1.25;background-image:linear-gradient(to right, #01bb56, #9bce26 21%, #333 45%, #eb6d9a 71%, #c5ab4e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;}
.olive-members-wrap .mainbanner .section-body .btn-join {position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:194px;height:48px;border:1px solid #141414;font-size:.9375rem;line-height:1.47;font-weight:600;margin-bottom:32px;}
.olive-members-wrap .mainbanner .section-body .login-area {position:relative;z-index:1;font-size:.9375rem;}
.olive-members-wrap .mainbanner .section-body .login-area .btn-login {text-decoration:underline;font-weight:500;cursor:pointer;}
.olive-members-wrap .mainbanner .section-body .main-motion-banner {position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../../resources/images/membership/bg_mainbnr.png');background-size:510px 434px;background-position:right bottom;background-repeat:no-repeat;}
.olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle {position:absolute;width:12px;height:12px;border-radius:6px;z-index:-1;opacity:0;transform:scale(0);animation-name:move;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;} 
.olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle01 {background-color:#eb6d9a;top:56px;left:-40px;}
.olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle02 {background-color:#01bb56;top:44px;left:515px;animation-delay:.5s;}
.olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle03 {background-color:#333;top:102px;right:364px;animation-delay:.1s;}
.olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle04 {background-color:#01bb56;top:245px;right:-36px;animation-delay:1s;}
.olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle05 {background-color:#eb6d9a;bottom:56px;right:288px;animation-delay:1.2s;}
.olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle06 {background-color:#c5ab4e;bottom:228px;right:552px;animation-delay:.8s;}
.olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle07 {background-color:#cfd31a;bottom:190px;left:414px;animation-delay:1.5s;}
.olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle08 {background-color:#c5ab4e;bottom:81px;left:256px;animation-delay:1.8s;}

@keyframes move {
  0% {
    opacity:0;
    transform:scale(0);
    }
  60%{
    transform:scale(1.2)
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
} 

.olive-members-wrap .perks-list {display:flex;}
.olive-members-wrap .perks-list .perks-item {width:188px;box-shadow:0 0 9px 0 rgba(0, 0, 0, 0.12);text-align:center;border-radius:4px;}
.olive-members-wrap .perks-list .perks-item + .perks-item {margin-left:14px;}
.olive-members-wrap .perks-list .perks-item .perks-link {display:block;padding:24px 0;}
.olive-members-wrap .perks-list .perks-item .perks-name {display:block;font-size:.875rem;font-weight:600;line-height:1.3;}
.olive-members-wrap .perks-list .perks-item .perks-detail {display:block;height:28px;font-size:.75rem;line-height:1.17;color:#888;margin:4px 0 16px;}
.olive-members-wrap .perks-list .perks-item .perks-addview {display:block;font-size:.8125rem;color:#666;text-decoration:underline;}
.olive-members-wrap .perks-list .perks-item .perks-link::before {content:'';display:inline-block;width:64px;height:64px;margin-bottom:16px;background-size:100%;}
.olive-members-wrap .perks-list .perks-item.perks01 .perks-link:before {background-image:url('../../resources/images/membership/icon_perks01.png');}
.olive-members-wrap .perks-list .perks-item.perks02 .perks-link:before {background-image:url('../../resources/images/membership/icon_perks02.png');}
.olive-members-wrap .perks-list .perks-item.perks03 .perks-link:before {background-image:url('../../resources/images/membership/icon_perks03.png');}
.olive-members-wrap .perks-list .perks-item.perks04 .perks-link:before {background-image:url('../../resources/images/membership/icon_perks04.png');}
.olive-members-wrap .perks-list .perks-item.perks05 .perks-link:before {background-image:url('../../resources/images/membership/icon_perks05.png');}
.olive-members-wrap .perks-list .perks-item.perks06 .perks-link:before {background-image:url('../../resources/images/membership/icon_perks06.png');}

.olive-members-wrap .works-list {display:flex;}
.olive-members-wrap .works-list .works-item {position:relative;padding:24px;width:256px;border-radius:8px;}
.olive-members-wrap .works-list .works-item + .works-item {margin-left:216px;}
.olive-members-wrap .works-list .works-item + .works-item::before {content:'';position:absolute;top:80px;left:-131px;width:46px;height:36px;background-image:url('../../resources/images/membership/icon_arrow_right_dot.png');background-size:100%;}
.olive-members-wrap .works-list .works-item.works01 {background-color:#f5f5f5;}
.olive-members-wrap .works-list .works-item.works02 {background-color:#f1f8e1;}
.olive-members-wrap .works-list .works-item.works03 {background-color:#fef2f2 ;}
.olive-members-wrap .works-list .works-item .works-number {width:28px;height:24px;border-radius:12px;font-size:.75rem;color:#fff;text-align:center;line-height:24px;margin-bottom:12px;}
.olive-members-wrap .works-list .works-item.works01 .works-number {background-color:#555;}
.olive-members-wrap .works-list .works-item.works02 .works-number {background-color:#9bce26;}
.olive-members-wrap .works-list .works-item.works03 .works-number {background-color:#f27370;}
.olive-members-wrap .works-list .works-item .works-name {font-weight:600;margin-bottom:4px;line-height:1.4;}
.olive-members-wrap .works-list .works-item .works-detail {font-size:.8125rem;color:#555;line-height:1.23;margin-bottom:12px;}
.olive-members-wrap .works-list .works-item .works-lottie {width:40px;height:40px;margin-left:auto;}


.olive-members-wrap .ad-banner {padding:80px 0;}
.olive-members-wrap .ad-banner::before {content:'';position:absolute;left:0;top:0;background-color:#f5f5f5;width:100vw;margin-left:calc(-50vw + 50%);height:100%;z-index:-1;}
.olive-members-wrap .ad-banner .img_banner {display:block;}

.olive-members-wrap .benefits .section-head {margin-bottom:64px;}
.olive-members-wrap .membership-benefits-area {table-layout:fixed;width:100%;}
.olive-members-wrap .membership-benefits-area thead th {text-align:center;vertical-align:bottom;cursor:pointer;padding-bottom:20px;}
.olive-members-wrap .membership-benefits-area thead th .level-name {display:block;margin-bottom:12px;font-size:.75rem;line-height:1.17;font-weight:500;color:#888;}
.olive-members-wrap .membership-benefits-area thead th .grade-baby.on .level-name {color:#cfd31a;}
.olive-members-wrap .membership-benefits-area thead th .grade-pink.on .level-name {color:#eb6d9a;}
.olive-members-wrap .membership-benefits-area thead th .grade-green.on .level-name {color:#01bb56;}
.olive-members-wrap .membership-benefits-area thead th .grade-black.on .level-name {color:#333333;}
.olive-members-wrap .membership-benefits-area thead th .grade-gold.on .level-name {color:#c5ab4e;}

.olive-members-wrap .membership-benefits-area thead th .level-name::before {content:'';display:block;width:40px;margin:0 auto 8px;border-radius:20px;}
.olive-members-wrap .membership-benefits-area thead th .grade-baby .level-name::before {height:48px;background-color:#f7f8d9;}
.olive-members-wrap .membership-benefits-area thead th .grade-pink .level-name::before {height:56px;background-color:#fce7ed;}
.olive-members-wrap .membership-benefits-area thead th .grade-green .level-name::before {height:64px;background-color:#d5f4e3;}
.olive-members-wrap .membership-benefits-area thead th .grade-black .level-name::before {height:72px;background-color:#eee;}
.olive-members-wrap .membership-benefits-area thead th .grade-gold .level-name::before {height:84px;background-color:#f5f1e1;}
.olive-members-wrap .membership-benefits-area thead th .grade-baby.on .level-name::before {background-color:#cfd31a;}
.olive-members-wrap .membership-benefits-area thead th .grade-pink.on .level-name::before {background-color:#eb6d9a;}
.olive-members-wrap .membership-benefits-area thead th .grade-green.on .level-name::before {background-color:#01bb56;}
.olive-members-wrap .membership-benefits-area thead th .grade-black.on .level-name::before {background-color:#333333;}
.olive-members-wrap .membership-benefits-area thead th .grade-gold.on .level-name::before {background-color:#c5ab4e;}

.olive-members-wrap .membership-benefits-area thead th .benefit-condition {display:flex;align-items:center;justify-content:center;width:188px;height:60px;background-color:#eee;border-radius:4px;font-size:.8125rem;line-height:1.23;font-weight:400;color:#888;margin:0 auto;padding:0 2px;}
.olive-members-wrap .membership-benefits-area thead th .on .benefit-condition {color:#fff;font-weight:600;}
.olive-members-wrap .membership-benefits-area thead th .grade-baby.on .benefit-condition {background-color:#cfd31a;}
.olive-members-wrap .membership-benefits-area thead th .grade-pink.on .benefit-condition {background-color:#eb6d9a;}
.olive-members-wrap .membership-benefits-area thead th .grade-green.on .benefit-condition {background-color:#01bb56;}
.olive-members-wrap .membership-benefits-area thead th .grade-black.on .benefit-condition {background-color:#333333;}
.olive-members-wrap .membership-benefits-area thead th .grade-gold.on .benefit-condition {background-color:#c5ab4e;}

.olive-members-wrap .membership-benefits-area tbody {border-top:1px solid #d6d6d6;}
.olive-members-wrap .membership-benefits-area tbody th {height:60px;border-bottom:1px solid #e0e0e0;vertical-align:middle;font-size:.8125rem;font-weight:500;line-height:1.38;padding:0 20px;background-color:#f5f5f5;}
.olive-members-wrap .membership-benefits-area tbody td {height:60px;border-bottom:1px solid #e0e0e0;text-align:center;vertical-align:middle;font-size:1.125rem;color:#888;}
.olive-members-wrap .membership-benefits-area tbody td .icon_check {display:inline-block;width:24px;height:24px;background-image:url('../../resources/images/membership/icon_check_off.png');background-size:100%;}
.olive-members-wrap .membership-benefits-area tbody td.grade-baby.on .icon_check {background-image:url('../../resources/images/membership/icon_check_baby.png')}
.olive-members-wrap .membership-benefits-area tbody td.grade-pink.on .icon_check {background-image:url('../../resources/images/membership/icon_check_pink.png')}
.olive-members-wrap .membership-benefits-area tbody td.grade-green.on .icon_check {background-image:url('../../resources/images/membership/icon_check_green.png')}
.olive-members-wrap .membership-benefits-area tbody td.grade-black.on .icon_check {background-image:url('../../resources/images/membership/icon_check_black.png')} 
.olive-members-wrap .membership-benefits-area tbody td.grade-gold.on .icon_check {background-image:url('../../resources/images/membership/icon_check_gold.png')}
.olive-members-wrap .membership-benefits-area tbody td.on {font-weight:500;}
.olive-members-wrap .membership-benefits-area tbody td.grade-baby.on {color:#cfd31a;}
.olive-members-wrap .membership-benefits-area tbody td.grade-pink.on {color:#eb6d9a;}
.olive-members-wrap .membership-benefits-area tbody td.grade-green.on {color:#01bb56;}
.olive-members-wrap .membership-benefits-area tbody td.grade-black.on {color:#333333;}
.olive-members-wrap .membership-benefits-area tbody td.grade-gold.on {color:#c5ab4e;}

.olive-members-wrap .btn-join-area {text-align:center;margin:76px 0 88px;}
.olive-members-wrap .btn-join-area-v2 {text-align:center;padding:36px 0; background: #F0F1F4; position: relative; margin:76px 0 0px;}
.olive-members-wrap .btn-join-area-v2::before {content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: #F0F1F4;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    height: 100%;
    z-index: -1;
}
.olive-members-wrap .btn-join-area .join-title {font-size:1.375rem;font-weight:bold;line-height:1.55;margin-bottom:20px;}
.olive-members-wrap .btn-join-area .btn-join {display:flex;align-items:center;justify-content:center;width:230px;height:48px;background-color:#141414;color:#fff;font-size:.9375rem;font-weight:600;margin:0 auto;}

.olive-members-wrap .membership-qna-list {border-top:2px solid #555555;}
.olive-members-wrap .membership-qna-list .qna-item {border-bottom:1px dashed #e3e3e3;}
.olive-members-wrap .membership-qna-list .qna-item .qna-head {padding:20px 0;}
.olive-members-wrap .membership-qna-list .qna-item .qna-head .btn-acco {display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 10px 0 8px;}
.olive-members-wrap .membership-qna-list .qna-item .qna-head .btn-acco:before, .olive-members-wrap .membership-qna-list .qna-item .qna-head .btn-acco:after {display:none;}
.olive-members-wrap .membership-qna-list .qna-item .qna-head .btn-acco .btn-acco-arrow {width:8px;height:8px;border-top:1px solid #141414;border-right:1px solid #141414;-webkit-transform:rotate(-135deg);transform:rotate(135deg);transition:transform 0.2s ease-out;}
.olive-members-wrap .membership-qna-list .qna-item.active .qna-head .btn-acco .btn-acco-arrow {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.olive-members-wrap .membership-qna-list .qna-item .qna-head .btn-acco .qna-title {font-size:.875rem;line-height:1.23;font-weight:500;text-align:left; padding-right: 10px;}
.olive-members-wrap .membership-qna-list .qna-item .qna-body {padding:20px 16px;background-color:#f5f5f5;font-size:.8125rem;color:#666;line-height:1.38;}
.olive-members-wrap .membership-qna-list .qna-item .qna-body .qna-cont + .qna-cont {margin-top:12px;}
.olive-members-wrap .membership-qna-list .qna-item .qna-body .qna-info-list + .qna-cont {margin-top:12px;}

.olive-members-wrap .item-more-noti-wrap {margin-top:32px;}

.olive-members-wrap .member-grade {display:flex;height:214px;justify-content:space-between;align-items:center;}
.olive-members-wrap .member-grade::before {content:'';position:absolute;top:0;left:0;width:100vw;height:214px;margin-left:calc(-50vw + 50%);z-index:-1}
.olive-members-wrap .member-grade.grade-baby::before {background-color:#f9f9ed;}
.olive-members-wrap .member-grade.grade-pink::before {background-color:#fef7f9;}
.olive-members-wrap .member-grade.grade-green::before {background-color:#eefcf4;}
.olive-members-wrap .member-grade.grade-black::before {background-color:#f5f5f5;}
.olive-members-wrap .member-grade.grade-gold::before {background-color:#faf8f1;}

.olive-members-wrap .member-grade .section-head {position:relative;display:flex;align-items:center;margin-bottom:0;}
.olive-members-wrap .member-grade .section-head .grade-area {margin-right:20px;}
.olive-members-wrap .member-grade .section-head .grade-name {display:block;width:80px;height:80px;}

.olive-members-wrap .member-info-area .member-name {display:block;font-size:1.25rem;font-weight:bold;line-height:1.3;}
.olive-members-wrap .member-info-area .member-info {display:flex;align-items:center;color:#333;font-size:.875rem;line-height:1.29;margin-top:8px;font-weight:500;}
.olive-members-wrap .member-info-area .member-info .wrap-tooltip {position:static;margin-top:-1px;}
.olive-members-wrap .member-info-area .member-info .btn-tooltip {padding-right:22px;overflow:hidden;}
.olive-members-wrap .member-info-area .member-info .btn-tooltip::after { background-color:#fff;}
.olive-members-wrap .member-info-area .expiration-period {display:block;margin-top:8px;color:#888;font-size:.75rem;}

.olive-members-wrap .member-grade .section-body {width:700px;padding:32px;border-radius:4px;border:1px solid #e0e0e0;background-color:#fff;margin-left:40px;}
.olive-members-wrap .member-grade .section-body .info-grade {font-size:.75rem;color:#666;line-height:1.3;margin-bottom:20px;}
.olive-members-wrap .member-grade .section-body .info-grade .purchse-info {font-weight:600;text-decoration:underline;}
.olive-members-wrap .member-grade .section-body .info-grade .purchse-info.grade-baby {color:#cfd31a;}
.olive-members-wrap .member-grade .section-body .info-grade .purchse-info.grade-pink {color:#eb6d9a;}
.olive-members-wrap .member-grade .section-body .info-grade .purchse-info.grade-green {color:#01bb56;}
.olive-members-wrap .member-grade .section-body .info-grade .purchse-info.grade-black {color:#333333;}
.olive-members-wrap .member-grade .section-body .info-grade .purchse-info.grade-gold {color:#c5ab4e;}

.olive-members-wrap .member-grade .graph-box {position:relative;margin:0 auto;cursor:pointer;}
.olive-members-wrap .member-grade .graph-box .graph-bg {height:16px;overflow:hidden;border-radius:8px;background-color:#f5f5f5;}
.olive-members-wrap .member-grade .graph-box .graph-bg .graph-bar {position:absolute;top:0;left:0;width:0;height:16px;border-radius:8px;animation:graphWidth .8s ease-in;animation-timing-function:ease-in-out;}
.olive-members-wrap .member-grade .graph-box .graph-bg .graph-bar:after {content:'';position:absolute;top:2px;right:2px;width:12px;height:12px;background-image:url('../../resources/images/membership/icon_graph.png');background-size:100%;}
.olive-members-wrap .member-grade.grade-baby .graph-box .graph-bg .graph-bar {background-color:#cfd31a;width:22px;z-index:1;}
.olive-members-wrap .member-grade.grade-pink .graph-box .graph-bg .graph-bar {background-color:#eb6d9a;width:25%;z-index:1;}
.olive-members-wrap .member-grade.grade-green .graph-box .graph-bg .graph-bar {background-color:#01bb56;width:50%;z-index:1;}
.olive-members-wrap .member-grade.grade-black .graph-box .graph-bg .graph-bar {background-color:#333333;width:75%;z-index:1;}
.olive-members-wrap .member-grade.grade-gold .graph-box .graph-bg .graph-bar {background-color:#c5ab4e;width:100%;z-index:1;}
.olive-members-wrap .member-grade.grade-gold .graph-box .graph-bg .graph-bar:after {right:10px;}  
.olive-members-wrap .member-grade .graph-box .grade-name-area {display:flex;justify-content:space-between;margin-top:8px;}
.olive-members-wrap .member-grade .graph-box .grade-name-area .grade-name {position:relative;font-size:.6875rem;color:#666;}
.olive-members-wrap .member-grade .graph-box .grade-name-area .grade-name::before {content:'';position:absolute;top:-22px;left:50%;z-index:0;margin-left:-6px;width:12px;height:12px;border-radius:6px;background-color:#e0e0e0;}
.olive-members-wrap .member-grade .graph-box .grade-name-area .grade-name:nth-child(2) {margin-left:-5px}
.olive-members-wrap .member-grade .graph-box .grade-name-area .grade-name:nth-child(3) {margin-left:10px}
.olive-members-wrap .member-grade .graph-box .grade-name-area .grade-name:nth-child(4) {margin-left:10px}

@keyframes graphWidth {
  0% {
    width:22px;
  }
  100% {
    max-width:100%;
  }
}

.olive-members-wrap .coupon .section-head {display:flex;align-items:center;justify-content:space-between;}
.olive-members-wrap .btn-benefits-view {display:flex;align-items:center;font-size:.8125rem;}
.olive-members-wrap .btn-benefits-view:after{content:'';width:16px;height:16px;background-image:url('../../resources/images/myaccount/icon_arrow_xs.png');background-repeat:no-repeat;background-size:100%;}

.olive-members-wrap .membership-benefit-list {display:flex;flex-wrap:wrap;}
.olive-members-wrap .membership-benefit-list .membership-benefit-item {width:352px;}
.olive-members-wrap .membership-benefit-list .membership-benefit-item + .membership-benefit-item {margin-left:48px;}
.olive-members-wrap .membership-benefit-list .membership-benefit-item:nth-child(n+4) {margin-top:12px;}
.olive-members-wrap .membership-benefit-list .membership-benefit-item:nth-child(3n+1) {margin-left:0;}

.olive-members-wrap .coupon-area {position:relative;display:flex;align-items:center;width:100%;height:100px;text-align:left;border-radius:4px;border:1px solid #e0e0e0;}
.olive-members-wrap .coupon-area::before {content:'';position:absolute;top:-1px;right:37px;width:13px;height:7px;border-radius:0 0 7px 7px;background-color:#fff;border:1px solid #e0e0e0;border-top:0;}
.olive-members-wrap .coupon-area::after {content:'';position:absolute;bottom:-1px;right:37px;width:13px;height:7px;border-radius:7px 7px 0 0;background-color:#fff;border:1px solid #e0e0e0;border-bottom:0;}
.olive-members-wrap .coupon-area .coupon-info {display:flex;flex-direction:column;justify-content:center;width:calc(100% - 44px);height:100%;border-right:1px dashed #e0e0e0;padding:0 20px;}
.olive-members-wrap .coupon-area .coupon-info .coupon-name-area {display: flex; align-items: center; justify-content: space-between; margin-bottom:4px;}
.olive-members-wrap .coupon-area .coupon-info .coupon-name {font-size:1.125rem;font-weight:800;line-height:1.33;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.olive-members-wrap .coupon-area .coupon-info .coupon-state {display:none;font-size:.6875rem;line-height:1.4;color:#c2c2c2;}
.olive-members-wrap .coupon-area .coupon-info .coupon-grade {width:100%;font-size:.75rem;line-height:1.4;margin-bottom:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.olive-members-wrap .coupon-area .coupon-info .coupon-date {font-size:.6875rem;line-height:1.4;color:#888;}
.olive-members-wrap .coupon-area.expired .coupon-state {display:block;}
.olive-members-wrap .coupon-area.expired .coupon-info .coupon-name {width: calc(100% - 80px); color:#c2c2c2;}
.olive-members-wrap .coupon-area.expired .coupon-info .coupon-grade {color:#c2c2c2;}
.olive-members-wrap .coupon-area.expired .coupon-info .coupon-date {color:#c2c2c2;}

.olive-members-wrap .coupon-area .coupon-download {display:flex;align-items:center;justify-content:center;width:44px;height:98px;background:#f5f5f5;}
.olive-members-wrap .coupon-area .coupon-download .btn-coupon-download {width:100%;height:100%;background-size:20px 20px;background-position:center center;background-repeat:no-repeat;background-image:url('../../resources/images/membership/icon_download_expired.png');}

.olive-members-wrap .membership-section.grade-baby .coupon-area .coupon-download {background-color:#f9f9ed;}
.olive-members-wrap .membership-section.grade-pink .coupon-area .coupon-download {background-color:#fef7f9;}
.olive-members-wrap .membership-section.grade-green .coupon-area .coupon-download {background-color:#eefcf4;}
.olive-members-wrap .membership-section.grade-black .coupon-area .coupon-download {background-color:#f5f5f5;}
.olive-members-wrap .membership-section.grade-gold .coupon-area .coupon-download {background-color:#faf8f1;}
.olive-members-wrap .membership-section .coupon-area.expired .coupon-download {background-color:#f5f5f5;}

.olive-members-wrap .membership-section.grade-baby .coupon-area .coupon-download .btn-coupon-download {background-image:url('../../resources/images/membership/icon_download_baby.png');}
.olive-members-wrap .membership-section.grade-pink .coupon-area .coupon-download .btn-coupon-download {background-image:url('../../resources/images/membership/icon_download_pink.png');}
.olive-members-wrap .membership-section.grade-green .coupon-area .coupon-download .btn-coupon-download {background-image:url('../../resources/images/membership/icon_download_green.png');}
.olive-members-wrap .membership-section.grade-black .coupon-area .coupon-download .btn-coupon-download {background-image:url('../../resources/images/membership/icon_download_black.png');}
.olive-members-wrap .membership-section.grade-gold .coupon-area .coupon-download .btn-coupon-download {background-image:url('../../resources/images/membership/icon_download_gold.png');}
.olive-members-wrap .membership-section .coupon-area.expired .coupon-download .btn-coupon-download {background-image:url('../../resources/images/membership/icon_download_expired.png');}

.olive-members-wrap .benefit-area {position:relative;display:flex;width:100%;height:100px;text-align:left;border-radius:4px;border:1px solid #e0e0e0;margin-top:0;}
.olive-members-wrap .benefit-area .benefit-info {padding:20px;}
.olive-members-wrap .benefit-area .benefit-info .benefit-name {font-size:1.125rem;font-weight:800;line-height:1.33;margin-bottom:4px;}
.olive-members-wrap .benefit-area .benefit-info .benefit-detail {font-size:.75rem;line-height:1.4;}

.membership-purchase-area .purchase-text {font-size:.875rem;color:#40ab48;line-height:1.29;margin-bottom:12px;}
.membership-purchase-area .purchase-info {display:flex;flex-wrap:wrap;border:1px solid #e0e0e0;border-radius:4px;padding:20px;}
.membership-purchase-area .purchase-info .purchase-info-item {width:50%;text-align:center;}
.membership-purchase-area .purchase-info .purchase-info-item .purchase-info-title {font-size:.75rem;line-height:1.17;font-weight:500;margin-bottom:12px;}
.membership-purchase-area .purchase-info .purchase-info-item .purchase-info-cont {font-size:1.125rem;font-weight:600;line-height:1.22;}
.membership-purchase-area .purchase-info .purchase-info-item .purchase-info-cont .unit {display:block;font-size:.6875rem;line-height:1.27;margin-top:1px;font-weight:400;color:#888}
.membership-purchase-area .purchase-info .purchase-date {text-align:center;min-width:100%;border-top:1px solid #e0e0e0;padding-top:12px;margin-top:12px;font-size:.6875rem;line-height:1.27;color:#888;}

@media (max-width:1216px) {
  .olive-members-wrap .membership-benefit-list .membership-benefit-item {min-width:calc((100% - 12px) / 2);margin-left:0;}
  .olive-members-wrap .membership-benefit-list .membership-benefit-item + .membership-benefit-item { margin-left:0;}
  .olive-members-wrap .membership-benefit-list .membership-benefit-item:nth-child(2n) {margin-left:12px;}
  .olive-members-wrap .membership-benefit-list .membership-benefit-item:nth-child(n+3) {margin-top:12px;}
  .olive-members-wrap .coupon-area .coupon-info .coupon-name-area {margin-bottom:8px;}
  .olive-members-wrap .coupon-area .coupon-info .coupon-name {font-size: 1.25rem;line-height:1.2;}
  .olive-members-wrap .benefit-area .benefit-info .benefit-name {font-size: 1.25rem;line-height:1.2;margin-bottom:8px;}  
  .olive-members-wrap .coupon-area .coupon-info .coupon-grade {margin-bottom:5px;}
}

@media (max-width:1199px) {
  .olive-members-wrap .membership-section {padding:0 16px;}
  .olive-members-wrap .membership-section .section-head {margin-bottom:24px;}
  .olive-members-wrap .membership-section .section-head .section-name {font-size:1.25rem;line-height:1.4;}
  .olive-members-wrap .membership-section .section-head .section-name strong {display:block;}
  .olive-members-wrap .membership-section .section-head .section-detail {font-size:.8125rem;line-height:1.23;margin-top:12px;}
  .olive-members-wrap .membership-section + .membership-section {margin-top:48px;}
  .olive-members-wrap .membership-section.works {margin-top:48px;}


  .olive-members-wrap .mainbanner {height:auto;padding:40px 16px 0;}
  .olive-members-wrap .mainbanner .section-head {margin-bottom:20px;}
  .olive-members-wrap .mainbanner .section-head .section-name {width:254px;font-size:28px;}
  .olive-members-wrap .mainbanner .section-body .btn-join {width:172px;height:44px;margin-bottom:24px;}
  .olive-members-wrap .mainbanner .section-body .login-area {font-size:.8125rem;}
  .olive-members-wrap .mainbanner .section-body .login-area .btn-login {font-weight:400;}
  .olive-members-wrap .mainbanner .section-body .main-motion-banner {position:relative;width:100vw;margin-left:calc(-50vw + 50%);height:434px;margin-top:-50px;background-size:auto 100%;background-position:center center;}
  .olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle01 {background-color:#cfd31a;top:-174px;left:230px;}
  .olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle02 {background-color:#c5ab4e;top:-118px;right:26px;}
  .olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle03 {background-color:#01bb56;top:-22px;right:78px;}
  .olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle04 {background-color:#333;top:-8px;right:-4px;}
  .olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle05 {background-color:#eb6d9a;bottom:321px;left:95px;}
  .olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle06 {background-color:#cfd31a;bottom:214px;right:64px;}
  .olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle07 {background-color:#01bb56;bottom:32px;left:133px;}
  .olive-members-wrap .mainbanner .section-body .main-motion-banner .bg-circle.circle08 {background-color:#c5ab4e;bottom:5px;left:222px;}
  
  .olive-members-wrap .perks-list {flex-wrap:wrap;}
  .olive-members-wrap .perks-list .perks-item {width:calc((100% - 16px) / 2);}
  .olive-members-wrap .perks-list .perks-item + .perks-item {margin-left:0;}
  .olive-members-wrap .perks-list .perks-item:nth-child(2n) {margin-left:16px;} 
  .olive-members-wrap .perks-list .perks-item:nth-child(n+3) {margin-top:16px;}

  .olive-members-wrap .works-list {width:100vw;margin-left:calc(-50vw + 50%);overflow-x:auto;-ms-overflow-style:none;padding:0 16px;}
  .olive-members-wrap .works-list::-webkit-scrollbar {display:none;}
  .olive-members-wrap .works-list .works-item {padding:20px;width:calc((100% - 16px) / 3);min-width:168px;}
  .olive-members-wrap .works-list .works-item + .works-item {margin-left:8px;}
  .olive-members-wrap .works-list .works-item + .works-item::before {display:none;}
  .olive-members-wrap .works-list .works-item .works-detail {height:48px;}

  .olive-members-wrap .ad-banner {padding:40px 16px;}

  .olive-members-wrap .benefits .section-head {margin-bottom:36px;}
  .olive-members-wrap .membership-benefits-area .benefit-grade-list {display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;padding:0 4px;}
  .olive-members-wrap .membership-benefits-area .grade-item .grade-name {display:block;font-size:.75rem;line-height:1.17;font-weight:500;color:#888;}
  .olive-members-wrap .membership-benefits-area .grade-item.grade-baby.on .grade-name {color:#cfd31a;}
  .olive-members-wrap .membership-benefits-area .grade-item.grade-pink.on .grade-name {color:#eb6d9a;}
  .olive-members-wrap .membership-benefits-area .grade-item.grade-green.on .grade-name {color:#01bb56;}
  .olive-members-wrap .membership-benefits-area .grade-item.grade-black.on .grade-name {color:#333333;}
  .olive-members-wrap .membership-benefits-area .grade-item.grade-gold.on .grade-name {color:#c5ab4e;}

  .olive-members-wrap .membership-benefits-area .grade-item .grade-name::before {content:'';display:block;width:40px;margin:0 auto 8px;border-radius:20px;}
  .olive-members-wrap .membership-benefits-area .grade-item.grade-baby .grade-name::before {height:48px;background-color:#f7f8d9;}
  .olive-members-wrap .membership-benefits-area .grade-item.grade-pink .grade-name::before {height:56px;background-color:#fce7ed;}
  .olive-members-wrap .membership-benefits-area .grade-item.grade-green .grade-name::before {height:64px;background-color:#d5f4e3;}
  .olive-members-wrap .membership-benefits-area .grade-item.grade-black .grade-name::before {height:72px;background-color:#eee;}
  .olive-members-wrap .membership-benefits-area .grade-item.grade-gold .grade-name::before {height:84px;background-color:#f5f1e1;}
  .olive-members-wrap .membership-benefits-area .grade-item.grade-baby.on .grade-name::before {background-color:#cfd31a;}
  .olive-members-wrap .membership-benefits-area .grade-item.grade-pink.on .grade-name::before {background-color:#eb6d9a;}
  .olive-members-wrap .membership-benefits-area .grade-item.grade-green.on .grade-name::before {background-color:#01bb56;}
  .olive-members-wrap .membership-benefits-area .grade-item.grade-black.on .grade-name::before {background-color:#333333;}
  .olive-members-wrap .membership-benefits-area .grade-item.grade-gold.on .grade-name::before {background-color:#c5ab4e;}

  .olive-members-wrap .membership-benefits-area .benefit-grade-box .benefit-condition {display:flex;align-items:flex-start;padding:12px 16px;border-radius:4px;font-size:.875rem;font-weight:500;color:#fff;line-height:1.2;}
  .olive-members-wrap .membership-benefits-area .benefit-grade-box .benefit-condition::before {content:'';min-width:16px;height:16px;margin:2px 8px 0 0;background-image:url('../../resources/images/membership/icon_check.png');background-size:100%;background-repeat:no-repeat;}
  .olive-members-wrap .membership-benefits-area .benefit-grade-box.grade-baby .benefit-condition {background-color:#cfd31a;}
  .olive-members-wrap .membership-benefits-area .benefit-grade-box.grade-pink .benefit-condition {background-color:#eb6d9a;}
  .olive-members-wrap .membership-benefits-area .benefit-grade-box.grade-green .benefit-condition {background-color:#01bb56;}
  .olive-members-wrap .membership-benefits-area .benefit-grade-box.grade-black .benefit-condition {background-color:#333333;}
  .olive-members-wrap .membership-benefits-area .benefit-grade-box.grade-gold .benefit-condition {background-color:#c5ab4e;}

  .olive-members-wrap .membership-benefits-area .benefit-grade-box .benefit-list .benefit-item {display:flex;align-items:center;padding:0 16px;height:38px;border-radius:4px;font-size:.75rem;color:#555;border-bottom:1px dashed #fff;}
  .olive-members-wrap .membership-benefits-area .benefit-grade-box.grade-baby .benefit-list .benefit-item {background-color:#f7f8d9;}
  .olive-members-wrap .membership-benefits-area .benefit-grade-box.grade-pink .benefit-list .benefit-item {background-color:#fce7ed;}
  .olive-members-wrap .membership-benefits-area .benefit-grade-box.grade-green .benefit-list .benefit-item {background-color:#d5f4e3;}
  .olive-members-wrap .membership-benefits-area .benefit-grade-box.grade-black .benefit-list .benefit-item {background-color:#eee;}
  .olive-members-wrap .membership-benefits-area .benefit-grade-box.grade-gold .benefit-list .benefit-item {background-color:#f5f1e1;}
  
  .olive-members-wrap .btn-join-area {position:relative;border-bottom:6px solid #f5f5f5;padding:0 16px 48px;margin:32px 0 48px;}
  .olive-members-wrap .btn-join-area-v2 {position:relative;background: #F0F1F4;padding:36px 16px; margin: 0; border: none;}
  .olive-members-wrap .btn-join-area::after {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#ebebeb;}
  .olive-members-wrap .btn-join-area .join-title {font-size:1.125rem;margin-bottom:16px;}
  .olive-members-wrap .btn-join-area .btn-join  {width:100%;height:44px;}

  .olive-members-wrap .item-more-noti-wrap {margin:24px 16px 28px;}

  .olive-members-wrap.type-loign .membership-section + .membership-section {margin-top:40px;}
 
  .olive-members-wrap .member-grade {display:block;height:auto;padding-bottom:40px;border-bottom:6px solid #f5f5f5;}
  .olive-members-wrap .member-grade::before {display:none;}
  .olive-members-wrap .member-grade::after {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#ebebeb;}

  .olive-members-wrap .member-grade .section-head {width:100vw;margin-left:calc(-50vw + 50%);padding:24px 16px;}
  .olive-members-wrap .member-grade.grade-baby .section-head {background-color:#f9f9ed;}
  .olive-members-wrap .member-grade.grade-pink .section-head {background-color:#fef7f9;}
  .olive-members-wrap .member-grade.grade-green .section-head {background-color:#eefcf4;}
  .olive-members-wrap .member-grade.grade-black .section-head {background-color:#f5f5f5;}
  .olive-members-wrap .member-grade.grade-gold .section-head {background-color:#faf8f1;}
  .olive-members-wrap .member-grade .section-head .grade-area {margin-right:12px;} 
  .olive-members-wrap .member-grade .section-head .grade-name {width:64px;height:64px;}
  .olive-members-wrap .member-info-area .member-name {font-size:1rem;}
  .olive-members-wrap .member-info-area .member-info {font-size:.8125rem;align-items:flex-start;}
  .olive-members-wrap .member-info-area .member-info .wrap-tooltip-container {position:static;}
  .olive-members-wrap .member-info-area .member-info .tooltip-type-basic{position:absolute;top:80%;left:16px;right:auto;margin:0;transform:none;width:calc(100% - 32px);max-width:400px;}
  .olive-members-wrap .member-info-area .member-info .tooltip-type-basic::after {display:none;}
  .olive-members-wrap .member-info-area .expiration-period {margin-top:4px;}

  .olive-members-wrap .member-grade .section-body {width:100%;height:auto;border:0;padding:0;margin-left:0;}
  .olive-members-wrap .member-grade .section-body .info-grade {text-align:center;margin-bottom:12px;}
  .olive-members-wrap .member-grade .section-body .btn-benefits-view {justify-content:flex-end;margin-top:20px;}

  .olive-members-wrap .benefit-area {height:auto;} 

  .olive-members-wrap.type-loign .perks {background-color:#f5f5f5;padding:40px 16px;}
  .olive-members-wrap.type-loign .perks .section-head {margin-bottom:16px;}
  .olive-members-wrap.type-loign .perks-list {flex-wrap:nowrap;margin:4px 0;width:100vw;margin-left:calc(-50vw + 50%);padding:5px 16px;overflow-x:auto;-ms-overflow-style:none;}
  .olive-members-wrap.type-loign .perks-list::-webkit-scrollbar {display:none;}

  .olive-members-wrap.type-loign .perks-list .perks-item {min-width:188px;background-color:#fff;box-shadow:0 0 9px 0 rgba(0, 0, 0, 0.08);}
  .olive-members-wrap.type-loign .perks-list .perks-item + .perks-item {margin-left:15px;} 
  .olive-members-wrap.type-loign .perks-list .perks-item:nth-child(n+3) {margin-top:0;}

}

@media (max-width:765px) {
  .olive-members-wrap .membership-benefit-list .membership-benefit-item {min-width:100%;margin-left:0;}
  .olive-members-wrap .membership-benefit-list .membership-benefit-item + .membership-benefit-item {margin-left:0;margin-top:12px;}
}

@media (max-width:327px) {
  .olive-members-wrap .member-info-area .member-info {font-size:.75rem}
}

/* 멤버십 */ 
html[lang="jp"] .olive-members-wrap .membership-section .section-head .section-name {font-family:inherit;font-weight:bold;}
html[lang="jp"] .olive-members-wrap.type-loign .membership-section .section-head .section-name {font-family:inherit;font-weight:bold;}
html[lang="jp"] .olive-members-wrap .mainbanner .section-head .section-name {font-weight:900;}
html[lang="jp"] .olive-members-wrap .mainbanner .section-body .btn-join  {font-family:inherit;}
html[lang="jp"] .olive-members-wrap .member-grade .section-body .info-grade {line-height:1.33;}
html[lang="jp"] .olive-members-wrap .coupon-area .coupon-info .coupon-name {font-family:inherit;}
html[lang="jp"] .olive-members-wrap .coupon-area .coupon-info .coupon-grade {font-family:inherit;}
html[lang="jp"] .olive-members-wrap .coupon-area .coupon-info .coupon-date {font-family:inherit;}
html[lang="jp"] .olive-members-wrap .coupon-area .coupon-info .coupon-state {font-family:inherit;}
html[lang="jp"] .olive-members-wrap .benefit-area .benefit-info .benefit-name {font-family:inherit;}
html[lang="jp"] .olive-members-wrap .benefit-area .benefit-info .benefit-detail {font-family:inherit;}
html[lang="jp"] .olive-members-wrap .perks-list .perks-item .perks-link {position:relative;height:228px;}
html[lang="jp"] .olive-members-wrap .perks-list .perks-item .perks-name {font-family:inherit;}
html[lang="jp"] .olive-members-wrap .perks-list .perks-item .perks-detail {line-height:1.33}
html[lang="jp"] .olive-members-wrap .perks-list .perks-item .perks-addview {position:absolute;bottom:24px;left:0;width:100%;}
html[lang="jp"] .olive-members-wrap .works-list .works-item .works-name {font-family:inherit;}
html[lang="jp"] .olive-members-wrap .works-list .works-item .works-detail {line-height:1.38}
html[lang="jp"] .olive-members-wrap .membership-benefits-area thead th .benefit-condition {height:54px;font-family:inherit;}
html[lang="jp"] .olive-members-wrap .benefits .section-foot .join-title {font-family:inherit;}
html[lang="jp"] .olive-members-wrap .benefits .section-foot .btn-join {font-family:inherit;font-weight:400;}
html[lang="jp"] .olive-members-wrap .member-info-area .member-info .member-info-summary {font-size:.8125rem;}
html[lang="jp"] .olive-members-wrap .btn-join-area .join-title {font-family:inherit; letter-spacing:-0.08px;}
html[lang="jp"] .membership-purchase-area .purchase-info .purchase-info-item .purchase-info-title {font-family:inherit;}
html[lang="jp"] .membership-purchase-area .purchase-info .purchase-info-item .purchase-info-cont {font-family:inherit;}
html[lang="jp"] .olive-members-wrap .coupon-area.expired .coupon-info .coupon-name {width: calc(100% - 88px)}

@media (max-width:1199px) {
  html[lang="jp"] .olive-members-wrap .membership-benefits-area .benefit-grade-box .benefit-condition {font-family:inherit;}
  html[lang="jp"] .olive-members-wrap .mainbanner .section-body .login-area .btn-login {display:block;margin-top:6px;}
}

/* 회원 가입 완료 */
html[lang="jp"] .join-complete-wrap .section-join-complete .section-head .section-title {font-family:inherit;}
html[lang="jp"] .join-complete-wrap .section-join-complete .section-body .btn-area .btn {font-family:inherit;}

/* my account*/
html[lang="jp"] .wrap-trackorders-step.type03 .list-myaccount-step.type03 .list-myaccount-item .list-myaccount-menu .myaccount-step {letter-spacing:-0.36px;}

/* 상품상세 */
html[lang="jp"] .prd-members-price-wrap .members-price-body .btn-non-login {font-size:.8125rem}
/* [E] 2023-10-23 24년 1월 멤버십 개편 */

/* [S] 2024-01-26 비밀번호 초기화 프로세스 개선 */
.wrap-login{padding-bottom:0;}
.wrap-login .has-error .err-msg{display:block;}

.wrap-btn-block{padding-top:24px;}
.wrap-btn-block [class*="btn-txt"]{padding:10px;color:#141414;}
.wrap-btn-block [class*="btn-txt"]:hover, .wrap-btn-block [class*="btn-txt"].on{color: #f27370;}

.guide-area{text-align:center;}
.wrap-page-btn + .guide-area{margin-top:33px;}
.wrap-btn-block + .guide-area{margin-top:5px;padding-top:25px;border-top:1px solid #ebebeb;}
.guide-area .in-tit{font-weight:600;font-size:0.8125rem;line-height:1rem;color:#f27370;}
.guide-area .in-con{margin-top:9px;font-size:0.8125rem;line-height:1rem;color:#666;}
.guide-area .in-con a{color:#141414;text-decoration:underline;}
.guide-area .in-con ul{text-align:left;}
.guide-area .in-con ul li{padding-left:12px;}
.guide-area .in-con ul li:before{content:'-';display:inline-block;width:12px;margin-left:-12px;vertical-align:top;}
.guide-area .in-con ul li + li{margin-top:4px;}

.wrap-login-ext{text-align:center;}
.wrap-login-ext .header{padding:40px 0 19px;}
.wrap-login-ext .header:before{content:'';display:block;width:65px;height:65px;margin:0 auto 23px;background:url(../images/common/sp_common.png) no-repeat left -123px;background-size:500px 500px;}
.wrap-login-ext .header h2{font-weight:500;font-size:1.75rem;line-height:2.25rem;}
.wrap-login-ext .lead{font-size:0.9375rem;line-height:1.375rem;}
.wrap-login-ext .lead a{color:#141414;text-decoration:underline;}
.wrap-login-ext .wrap-page-btn{padding-top:30px;}
.wrap-login-ext .wrap-page-btn .btn{width:100%;max-width:400px;font-size:0.9375rem;}
[lang="en"] .wrap-login-ext .wrap-page-btn .btn{}

.wrap-login .btn-sm, .wrap-my-account .wrap-page-btn .btn-sm, .myaccount-container.review-renewal .writable-review-none .btn-sm{height:48px;font-size:0.9375rem;}
.myaccount-container.review-renewal .writable-review-none .btn-sm{min-width:230px;}
[lang="en"] .wrap-login .btn-sm, [lang="en"] .wrap-my-account .wrap-page-btn .btn-sm, [lang="en"] .myaccount-container.review-renewal .writable-review-none .btn-sm{padding:16px 9px 15px;}
[lang="jp"] .wrap-login .btn-sm, [lang="jp"] .wrap-my-account .wrap-page-btn .btn-sm, [lang="jp"] .myaccount-container.review-renewal .writable-review-none .btn-sm{padding:15px 9px 16px;}
/* Login */
.wrap-login-benefits .btn-line-pink.btn-sm{display:flex;min-height:auto;align-items:center;justify-content:center;}
/* My Account > Payment Preference */
[lang="en"] .payment-preference-wrap .btn-common-st.point-btn span{ !important;}
/* My Account > Beauty Profile */
[lang="en"] .wrap-my-account .wrap-page-btn .btn.btn-md.btn-md-short{height:48px;font-size:0.9375rem;padding:16px 9px 15px; !important;}
[lang="jp"] .wrap-my-account .wrap-page-btn .btn.btn-md.btn-md-short{height:48px;font-size:0.9375rem;padding:15px 9px 16px;}
/* Affiliate */
.wrap-aff-contents .wrap-page-btn{font-size:0;letter-spacing:0;}

.login-userEmail{padding-bottom:9px;font-weight:600;font-size:1.125rem;line-height:1.375rem;}
.login-userEmail + .list-inputLg{margin-top:23px;}

@media (max-width:1199px){
  .wrap-login{padding-bottom:20px;}
  .wrap-login-ext{padding:0 16px 20px;}
  .wrap-login-ext .header{padding:48px 0 16px;}
  .wrap-login-ext .header:before{margin-bottom:20px;}
  .wrap-login-ext .header h2{font-size:1.5rem;line-height:1.875rem;}
  .wrap-login-ext .lead{line-height:1.25rem;}
  .wrap-login-ext .wrap-page-btn{padding:23px 0 0;}

  .wrap-login .btn-sm, .wrap-my-account .wrap-page-btn .btn-sm, .myaccount-container.review-renewal .writable-review-none .btn-sm{height:44px;min-height:44px;}
  [lang="en"] .wrap-login .btn-sm, [lang="en"] .wrap-my-account .wrap-page-btn .btn-sm, [lang="en"] .myaccount-container.review-renewal .writable-review-none .btn-sm{padding:14px 9px 13px;}
  [lang="jp"] .wrap-login .btn-sm, [lang="jp"] .wrap-my-account .wrap-page-btn .btn-sm, [lang="jp"] .myaccount-container.review-renewal .writable-review-none .btn-sm{padding:13px 9px 14px;}
  [lang="en"] .wrap-my-account .wrap-page-btn .btn.btn-md.btn-md-short{height:44px;padding:14px 9px 13px;}
  [lang="jp"] .wrap-my-account .wrap-page-btn .btn.btn-md.btn-md-short{height:44px;padding:13px 9px 14px;}

  .wrap-page-btn.asymmetry-btn{display:flex;}
  .wrap-page-btn.asymmetry-btn .btn-sm{display:block;width:auto;flex:auto;padding-left:0 !important;padding-right:0 !important;}

  .login-userEmail{padding-bottom:7px;font-size:1rem;}
  .login-userEmail + .list-inputLg{margin-top:23px;}
}
/* [E] 2024-01-26 비밀번호 초기화 프로세스 개선 */
/* [S] 2024-04-03 Events > Beauty Tester 탭 제거 */
@media (min-width:1200px){
  .wrap-event-container{padding-top:0;}
}
@media (max-width:1199px){
  .wrap-event-container .event-list .wrap-block-list .block-list .block-list-item:first-child{padding-top:0;}
  .wrap-event-container .prd-unit-img > img{top:0;padding-left:0;}
}
/* [E] 2024-04-03 Events > Beauty Tester 탭 제거 */

/* [S] 2024-04-26 마이어카운트 > 쿠폰함 UI 확인 */
@media (max-width:1199px){
  .wrap-table-header-gray.bd-thin tr::before{display:none !important;}
}
/* [E] 2024-04-26 마이어카운트 > 쿠폰함 UI 확인 */
/* [S] 2024-05-10 리드배너 사이즈 확인 요청 */
@media (max-width:359px){
  .top-banner-lead-img a:after{content:'';position:absolute;right:0;top:0;width:57px;height:100%;}
  .top-banner-lead-img a img.mo-only{left:58.5%;}
  .btn-banner-lead::before, .btn-banner-lead::after{background-color:#141414;}
  .btn-banner-lead.on{top:19px;right:13px;width:34px;height:34px;padding:5px;background-color:#fff;border-radius:50%;}
  .btn-banner-lead::before{left:17px;top:5px;}
  .btn-banner-lead::after{left:5px;top:17px;}
}
/* [E] 2024-05-10 리드배너 사이즈 확인 요청 */

/* [S] 2024-05-22 My Event 메뉴 리뉴얼 */
.w200px{width: 200px;}

.wrap-my-account .prd-list.event-type{border-bottom:1px solid #e0e0e0;}
.event-item-wrap{display:table;width:100%;font-size:0.875rem;line-height:1.2;table-layout:fixed;text-align:center;}
.event-item-wrap > div{display:table-cell;min-height:55px;height:55px;padding:10px 13px;vertical-align:middle;}
.event-item-wrap .ei-name{text-align:left;}
.event-item-wrap .ei-period{width:210px;}
.event-item-wrap .ei-entry{width:200px;color:#FF7878;}
.event-item-wrap .ei-type{width:160px;}
.event-item-wrap .ei-payment{width:141px;}
.list-group-item.disabled .event-item-wrap > div{color:#959595;text-decoration:line-through;}
/* .list-group-item.disabled .event-item-wrap .ei-name, .list-group-item.disabled .event-item-wrap .ei-entry{color:#959595;text-decoration:line-through;} */
@media (max-width:1199px){
  .wrap-my-account .prd-list.event-type{border-top:1px solid #c2c2c2;border-bottom-color:#c2c2c2;}
  .prd-list.event-type .list-group .list-group-item + .list-group-item{border-top-color:#c2c2c2;}

  .event-item-wrap{display:flex;padding:25px 16px 18px;font-size:0.875rem;line-height:1.3;text-align:left;flex-direction:column;}
  .event-item-wrap > div{display:block;width:100% !important;height:auto;min-height:auto;padding:0;}
  .event-item-wrap .ei-name{order:2;padding-top:8px;font-size:1.125rem;line-height:1.17;}
  .event-item-wrap .ei-period{order:1;}
  .event-item-wrap .ei-entry{order:3;padding-top:19px;font-weight:500;font-size:1.125rem;line-height:1.17;color:#FF7878;}
  .event-item-wrap .ei-type{order:4;}
  .event-item-wrap .ei-payment{order:5;}
  .list-group-item.disabled .event-item-wrap > div{color:#141414;text-decoration:none;}
  .list-group-item.disabled .event-item-wrap .ei-name, .list-group-item.disabled .event-item-wrap .ei-entry{color:#959595;text-decoration:line-through;}

  html[lang="jp"] .event-item-wrap{padding:24px 16px 20px;}
  html[lang="jp"] .event-item-wrap .ei-name{padding-top:9px;line-height:1.44;}
  html[lang="jp"] .event-item-wrap .ei-entry{padding-top:18px;}
}
/* [E] 2024-05-22 My Event 메뉴 리뉴얼 */

/* [S] 2024-06-07 KCON LA 관련 주문번호 기준 바코드 생성 추가 */
.table-list-cell{position:relative;}
.table-list-cell::before{left:0;}
.list-group.type-barcode{padding:33px 0 0;border-bottom:none;}
.list-group.type-barcode .list-title{padding:0;font-weight:500;font-size:1.25rem;line-height:140%;color:#141414;}
.list-group.type-barcode .wrap-barcode{padding:20px 16px 11px;margin-top:8px;border:2px solid #707070;border-left:none;border-right:none;text-align:center;}
.list-group.type-barcode .wrap-barcode .barcode-wrap img{width:280px;}
@media (max-width:1199px){
  .list-group.type-barcode{padding:35px 0 0;}
  .list-group.type-barcode .list-title{font-size:1.125rem;}
  .list-group.type-barcode .wrap-barcode .barcode-wrap img{width:100%;max-width:280px;}
}
/* [E] 2024-06-07 KCON LA 관련 주문번호 기준 바코드 생성 추가 */
/* [S] 2024-06-11 글로벌몰 간편가입 도입 */
html[lang="jp"] .wrap-tooltip.type-signin .btn-tooltip::after {margin-top:-1px;}
.wrap-password-find {margin-top:32px;text-align:center;}
.wrap-password-find .btn-password {font-size:.9375rem;color:#666;text-decoration:underline;}
.wrap-sns-login {margin-top:32px;}
.wrap-sns-login .login-title {text-align:center;font-size:.9375rem;color:#666;margin-bottom:8px;}
.wrap-sns-login .btn-sns-login {display:flex;align-items:center;justify-content:center;width:100%;height:48px;border:1px solid #747775;border-radius:4px;}
.wrap-sns-login .btn-sns-login.google img {max-width:154px;}
.wrap-login-benefits {margin-top:40px;padding-top:40px;}

/* 간편가입 4단계 팝업 */
.wrap-sns-login-popup .sns-login-title {font-size:.8125rem;color:#666;margin-top:12px;line-height:normal;}
.wrap-sns-login-popup .sns-login-agree-list {margin-top:20px;width:330px;}
.wrap-sns-login-popup .sns-login-agree-list .agree-item {display:flex;align-items:center;justify-content:space-between;}
.wrap-sns-login-popup .sns-login-agree-list .agree-item + .agree-item {margin-top:24px;}
.wrap-sns-login-popup .sns-login-agree-list .agree-item .title {font-size:.875rem;}

.wrap-sns-login-popup .modal-footer.wrap-page-btn {width:calc(100% - 60px);padding:30px 0 0 0;margin:20px 30px 0;text-align:left;border-top:1px solid #ebebeb;}
.wrap-sns-login-popup .modal-footer.wrap-page-btn .btn.btn-xs {width:194px;}
.wrap-sns-login-popup .sns-login-notice {margin-top:40px;padding:0 30px 40px;font-size:.8125rem;color:#666;line-height:normal;}

.check-switch-red {position:relative;display:flex;align-items:center;cursor:pointer;}
.check-switch-red input[type="checkbox"] {position:absolute;width:18px;height:18px;padding:0;border:none;left:0;top:0;z-index:-1;opacity:0;}
.check-switch-red input[type="checkbox"] + .ipt-icon {display:inline-block;width:49px;height:24px;background-image:url('../../resources/images/common/btn_switch_red.png');background-size:200%;background-position:0;transform:transform 0.3s;}
.check-switch-red input[type="checkbox"]:checked + .ipt-icon {background-position:-100%;}

@media (max-width:1199px){
    .wrap-sns-login .btn-sns-login {height:44px;}
    .wrap-sns-login-popup .sns-login-title {margin-top:22px;}
    .wrap-sns-login-popup .sns-login-agree-list {width:100%;margin-top:28px;}
    .wrap-sns-login-popup .modal-footer.wrap-page-btn {width:calc(100% - 30px);margin:22px 15px 0;padding:24px 0 0;}
    .wrap-sns-login-popup .sns-login-notice {margin-top:32px;padding:0 15px 32px;}
}
/* [E] 2024-06-11 글로벌몰 간편가입 도입 */

/* [S] 2024-06-24 메인 리뷰 배너 삭제 */
.main-section + .main-section.bg{margin-top:100px;}
@media (max-width:1199px){
  .main-section + .main-section.bg{margin-top:3px;}
}
/* [E] 2024-06-24 메인 리뷰 배너 삭제 */

/* [S] 2024-07-15 기획전/이벤트 페이지 notice 영역 조정 요청 */
.plan-header ~ .wrap-line-banner,
.plan-header ~ .wrap-line-banner ~ .bg-gray-list,
.wrap-event-view .event-view,
.wrap-event-view ~ .bg-gray-list,
.wrap-event-view ~ .wrap-page-btn{max-width:750px;margin-left:auto;margin-right:auto;}

@media (max-width: 1199px) {
  /* 리드배너 */
  .wrap-top-banner-lead{position:relative;}
  .top-banner-lead-img{position:relative;min-height:50px;/*max-height:70px;*/height:auto;}
  .top-banner-lead-img a{text-align:center;}
  .top-banner-lead-img img, .top-banner-lead-img a{min-height:50px;/*max-height:70px;*/height:auto;}
  .promo-typeA .top-banner-lead-img img, .top-banner-lead-img a{min-height:44px;}
  .top-banner-lead-img img{position:relative;left:0 !important;transform:none !important;max-width:100%;width:100%;height:100%;min-width:auto;}
  .top-banner-lead-img img.mo-only{min-width:auto;}
  .top-banner-lead{position:absolute;top:0;right:0;height:100%;}
  .btn-banner-lead.on{top:50%;transform:translateY(-50%) rotate(45deg);}
}
/* [E] 2024-07-15 기획전/이벤트 페이지 notice 영역 조정 요청 */

/* [S] 2024-07-17 99딜 미노출 */
.join-complete-wrap{margin-bottom: -60px;}
.join-complete-wrap .section-join-complete.join-complete-title{padding: 10px 0 48px;}
.join-complete-wrap .section-join-complete.join-complete-benefit{padding: 41px 0 48px;}
.join-complete-wrap .section-join-complete.join-complete-benefit .section-head + .section-body{margin-top: 43px;}
.join-complete-wrap .section-join-complete.join-complete-benefit .section-body .btn-area{margin-top: 48px; padding: 0 16px;}
.join-complete-wrap .section-join-complete .section-head .lottie-welcome{margin: 0 auto 17px;}
.join-complete-wrap .section-join-complete .section-head + .section-body{margin-top: 12px;}
.join-complete-wrap .section-join-complete .section-head .section-title{font-family:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif; font-size: 1.25rem; line-height: 1.4; font-weight: 700; }
.join-complete-wrap .section-join-complete .section-body .btn-area{margin-top: 43px;}
.join-complete-wrap .section-join-complete .section-body .btn-area .btn.btn-black-new{display:flex;width: 343px; margin: 0 auto; min-height: 42px; height: 42px;}
.join-complete-wrap .section-join-complete .section-body .btn-area .btn.btn-black-line{display:flex;width: 343px; margin: 0 auto; min-height: 42px; height: 42px;color:#131518;border:1px solid #131518;}
.join-complete-wrap .section-join-complete .section-head .section-detail{font-size: 0.875rem; line-height: 1.4; margin-top: 12px;}
.join-complete-wrap .benefit-list{width: 499px;}
.join-complete-wrap .benefit-list .benefit-item + .benefit-item{margin-left: 32px;}
.join-complete-wrap .benefit-list .benefit-item.benefit01,
.join-complete-wrap .benefit-list .benefit-item.benefit02{border-radius: 16px;}
.join-complete-wrap .benefit-list .benefit-item.benefit03{border-radius: 16px; background-color: #ACDBEB;}
.join-complete-wrap .benefit-list .benefit-item .benefit-name{line-height: 1.4;}
.join-complete-wrap .benefit-list .benefit-item .benefit-detail{line-height: 1.4;margin-top: 0;}
@media (max-width: 1199px) {
  .join-complete-wrap{margin-bottom: -20px;}
  .join-complete-wrap .benefit-list{ width: 100%; flex-direction: column;}
  .join-complete-wrap .benefit-list .benefit-item{ height: 64px; width: 73.33%; min-width: 275px; margin: 0;}
  .join-complete-wrap .benefit-list .benefit-item + .benefit-item{margin:10px 0 0 0; }
  .join-complete-wrap .section-join-complete .section-body .btn-area .btn.btn-black-new,
  .join-complete-wrap .section-join-complete .section-body .btn-area .btn.btn-black-line{width: 100%;}
}
/* [E] 2024-07-17 99딜 미노출 */

/* [S] 2024-09-30 회원가입 시 유효성 검증 규칙 추가 */
.wrap-alert{display:none;position:fixed;left:50%;bottom:0;width:1152px;transform:translateX(-50%);color:#C9CDD2;font-size:14px;font-weight:400;z-index:2;}
.wrap-alert > .inner{position:relative;height:0;text-align:center;}
.wrap-alert .alert-box{position:relative;bottom:40px;padding:0 20px;width:400px;margin:0 auto;border-radius:4px;background:rgba(0, 0, 0, 0.80);align-items:center;transform:translateY(-100%);transition:200ms bottom ease-out 200ms;}
.wrap-alert .alert-box p{width:100%;}
.wrap-alert .alert-act{font-weight:700;color:var(--newColor1);text-decoration:underline;}

.wrap-alert.snackbar-type .alert-box{display:flex;min-height:50px;padding:15px 16px 15px;line-height:20px;text-align:left;align-items:stretch;}
.wrap-alert.snackbar-type .alert-box > div{flex:1;}
.wrap-alert.snackbar-type .alert-box > div > p{display:inline;margin-right:9px;}
.wrap-alert.snackbar-type .close-alert{display:flex;width:48px;margin-right:-16px;height:auto;align-items:flex-start;}
.wrap-alert.snackbar-type .close-alert:after{content:'';display:block;margin:0 auto;width:16px;height:18px;background:url(../../resources/images/common/icon-close-white-16x16.svg) no-repeat left center;}
.wrap-alert.snackbar-type.alert-type .alert-box > div{padding-left:24px;}
.wrap-alert.snackbar-type.alert-type .alert-box > div:before{content:'';display:block;position:absolute;left:16px;top:16px;width:16px;height:16px;background:url(../../resources/images/common/icon-circle-alert.svg) no-repeat center center;}
.wrap-alert.snackbar-type.checked-type .alert-box > div{padding-left:24px;}
.wrap-alert.snackbar-type.checked-type .alert-box > div:before{content:'';display:block;position:absolute;left:16px;top:16px;width:16px;height:16px;background:url(../../resources/images/common/icon-circle-checked.svg) no-repeat center center;}
.wrap-alert.toast-type .alert-box{padding:15px 16px 15px;min-height:38px;line-height:20px;text-align:center;}
.wrap-alert.toast-type .alert-box:before{display:none;}
.wrap-alert.toast-type .alert-box > div > p{display:inline;margin-right:9px;}
.wrap-alert.toast-type .close-alert{display:none;}
.wrap-alert.toast-type.flexible .alert-box{display:inline-block;width:auto;vertical-align:top;}
html[lang="jp"] .wrap-alert.snackbar-type .alert-box{padding:14px 16px 16px;}

@media (max-width: 1199px) {
  .wrap-alert{left:0;width:100%;transform:none;}
  .wrap-alert > .inner{padding:0 16px;text-align:left;}
  .wrap-alert .alert-box{left:0;right:0;bottom:112px;width:auto;/*transform:none;*/}

  .wrap-alert.snackbar-type .alert-box{padding:14px 16px 15px;}
  .wrap-alert.snackbar-type .alert-box:before{width:14px;height:14px;background-size:100%;}
  .wrap-alert.snackbar-type .close-alert{width:46px;}
  .wrap-alert.snackbar-type .close-alert:after{width:14px;height:16px;background-size:14px;}
  .wrap-alert.snackbar-type.alert-type .alert-box > div{padding-left:24px;}
  .wrap-alert.snackbar-type.alert-type .alert-box > div:before{left:16px;top:16px;width:14px;height:14px;background-size:14px;}
  .wrap-alert.snackbar-type.checked-type .alert-box > div{padding-left:24px;}
  .wrap-alert.snackbar-type.checked-type .alert-box > div:before{left:16px;top:16px;width:14px;height:14px;background-size:14px;}

  .detail-page .wrap-alert .alert-box{bottom:91px;}
  .payment-page .wrap-alert .alert-box{bottom:131px;}
}
/* [E] 2024-09-30 회원가입 시 유효성 검증 규칙 추가 */

/* [S] 프로모션 구좌 개편_리드배너 */
.wrap-top-banner-lead .top-banner-lead .close-lead-banner {display:none;}
.promo-typeA .wrap-top-banner-lead{width: 100%; overflow: hidden;}
.promo-typeA .wrap-top-banner-lead.on{height:44px;}
.promo-typeA .wrap-top-banner-lead .btn-banner-lead,
.promo-typeA .wrap-top-banner-lead .btn-banner-lead.on {width:18px; height: 18px; top:50%; transform: translateY(-50%);}
.promo-typeA .wrap-top-banner-lead .top-banner-lead .close-lead-banner {display:inline-block; width:100%; height:100%;}
.promo-typeA .wrap-top-banner-lead .top-banner-lead .close-lead-banner path {stroke: #757D86; stroke-width: 1.4px; vector-effect: non-scaling-stroke; }
.promo-typeA .top-banner-lead-img{height: 100%;}
.promo-typeA .top-banner-lead-img a{height: 100%;}
.promo-typeA .top-banner-lead-img img{height: 100%;}
.promo-typeA .top-banner-lead.on::before {height: 44px;transition: height 0.2s;}
.promo-typeA .btn-banner-lead::before, .promo-typeA .btn-banner-lead::after {content: none;}
@media (max-width: 1199px) {
    .promo-typeA .top-banner-lead-img, .promo-typeA .top-banner-lead-img a {min-height: 44px;}
}
@media (min-width:1200px) {
    .promo-typeA .wrap-top-banner-lead{border-bottom: none;}
}
/* [E] 프로모션 구좌 개편_리드배너 */

/* [S] 프로모션 구좌 개편_히어로배너 전체 목록 팝업 */
@media (max-width: 1199px) {
    .promo-typeA .main-modal-viewList-item .big-animation-wrap {
        top: 30px;
        left: 20px;
    }
    .promo-typeA .main-modal-viewList-item .big-animation-wrap .big-txt01 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0;
        font-weight: 700;
    }
    .promo-typeA .main-modal-viewList-item .big-animation-wrap .big-txt02 {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
    }
}
@media (min-width: 1200px) {
    .promo-typeA .modal-header {
        padding: 24px 0 20px;
        margin-right: 30px;
        border-bottom: unset !important;
    }
    .promo-typeA .main-viewlist .modal-body {
        padding-top: 0;
    }
    .promo-typeA .modal-title {
        font-size: 20px; line-height: 26px;
    }
    .promo-typeA .main-modal-viewList-item .big-animation-wrap .small-txt01 {
        font-size: 12.22px;
        line-height: 16.8px;
        letter-spacing: 0;
        font-weight: 700;
    }
    .promo-typeA .main-modal-viewList-item .big-animation-wrap .big-txt01 {
        font-size: 24.44px;
        line-height: 30.55px;
        letter-spacing: 0;
    }
    .promo-typeA .main-modal-viewList-item .big-animation-wrap .big-txt02 {
        font-size: 12.22px;
        line-height: 16.8px;
        letter-spacing: 0;
    }
}
/* [E] 프로모션 구좌 개편_히어로배너 전체 목록 팝업 */

/* [S] 국가 선택 팝업_통화 안내 문구 추가 */
.notice-final-price {
    display: flex;
    padding-top: 6px;
    gap: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #1890FF;
}
.notice-final-price .icon-notice-info {
    display: inline-block;
    margin-top: 2px;
    width: 12px;
    min-width: 12px;
    height: 12px;
    min-height: 12px;
    -webkit-mask: url('../icons/CircleInfo.svg') no-repeat center;
    mask: url('../icons/CircleInfo.svg') no-repeat center;
    background-size: contain;
    background: #1890FF;
}
@media (min-width: 1200px) {
    .notice-final-price {
        padding-top: 10px;
        font-size: 13px;
        line-height: 18px;
    }
    .notice-final-price .icon-notice-info {
        width: 18px;
        min-width: 18px;
        height: 18px;
        min-height: 18px;
    }
}
/* [E] 국가 선택 팝업_통화 안내 문구 추가 */

/* [S] 상품 상세_통화 안내 문구 추가 */
.notice-final-price-pdp{
    font-size: 12px;
    line-height: 16px;
    color: #99A1A8;
    margin-top: 0 !important;
}
@media (min-width: 1200px) {
    .notice-final-price-pdp{
        font-size: 14px;
        line-height: 20px;
    }
}
/* [E] 상품 상세_통화 안내 문구 추가 */

/* [S] Benefit Information UI */
.benefit-info-popup-trigger {
    position: relative;
    padding: 10px;
    margin-left: 3px;
}
.benefit-info-popup-trigger::after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 14px;
    height: 14px;
    background: url(../../resources/images/common/icon_info.svg) no-repeat center center;
    background-size: 100%;
}
.benefit-info-popup-content { display: flex; flex-direction: column; gap: 20px; }
.benefit-info-popup-content .description-text { font-size: 13px; line-height: 18px; color: #131518; }
.benefit-info-popup-content .benefit-list {}
.benefit-info-popup-content .benefit-list li {
    font-size: 13px;
    line-height: 18px;
    height: 50px;
    padding: 0 4px 0 8px;
    border-top: 1px solid #E5E7EA;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #131518;
}
.benefit-info-popup-content .benefit-list li:last-child {
    border-color: #99A1A8;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
}
.benefit-info-popup-content .benefit-list li > span:first-child {
    display: flex;
    flex-direction: column;
}
.benefit-info-popup-content .benefit-list li .date {
    font-size: 12px;
    line-height: 16px;
    color: #757D86;
}
.benefit-info-popup-content .benefit-list li .color-coral { color: #FB2723; }
@media (min-width: 1200px) {
    .benefit-info-popup-content { gap: 21px; }
    .benefit-info-popup-content .description-text { font-size: 16px; line-height: 22px; }
    .benefit-info-popup-content .benefit-list {}
    .benefit-info-popup-content .benefit-list li {
        font-size: 16px;
        line-height: 22px;
        height: 58px;
        padding: 0 4px 0 8px;
    }
    .benefit-info-popup-content .benefit-list li:last-child { font-size: 18px; line-height: 24px; }
    .benefit-info-popup-content .benefit-list li .date { font-size: 14px; line-height: 20px; }
}
/* [E] Benefit Information UI */

/* [S] New Tooltip UI (디자인시스템 기반) */
.info-button {
    padding-right: 17px;
    font-size: 13px;
    line-height: 18px;
}
.info-button::after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 14px;
    height: 14px;
    background: url(../../resources/images/common/icon_info.svg) no-repeat center center;
    background-size: 100%;
}
.ds-tooltip-trigger { position: relative; display: flex; }
.ds-tooltip-trigger.active {}
.ds-tooltip-trigger.active .ds-tooltip { display: flex; gap: 10px; }
.ds-tooltip {
    display: none;
    position: absolute;
    border-radius: 4px;
    transition: opacity 0.2s ease, transform 0.2s ease;
    width: 206px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
    color: #131518;
    background: white;
    padding: 9px 10px;
    font-size: 12px;
    line-height: 16px;
    z-index: 10;
}
.ds-tooltip.top { bottom: calc(100% + 13px); left: 50%; transform: translateX(-50%); }
.ds-tooltip-arrow {
    position: absolute;
    border-style: solid;
    border-width: 6px;
}
.ds-tooltip.top .ds-tooltip-arrow {
    bottom: -6px;
    transform: translate(-50%, 50%) rotate(180deg);
    border-color: transparent transparent white transparent;
}
.ds-tooltip.top .ds-tooltip-arrow { left: 50%; }
.ds-tooltip ul li {
    display: flex;
    gap: 4px;
    align-items: flex-start;
}
.ds-tooltip ul li + li { margin-top: 10px; }
.ds-tooltip ul li span strong { font-weight: 700; }
.ds-tooltip ul li::before {
    content: '';
    display: block;
    width: 2.5px;
    min-width: 2.5px;
    height: 2.5px;
    margin: 6.7px 0;
    border-radius: 50px;
    background-color: #131518;
}
.ds-tooltip-close { width: 12px; min-width: 12px; height: 12px; margin-top: 2px; }
.ds-tooltip-close svg { width: 100%; height: 100%; }
.ds-tooltip-close svg path { stroke-width: 1px; vector-effect: non-scaling-stroke; }

@media (min-width: 1200px) {
    .ds-tooltip {
        width: 320px;
        padding: 12px;
        font-size: 14px;
        line-height: 20px;
    }
    .ds-tooltip-trigger.active .ds-tooltip { display: flex; gap: 13px; }
    .ds-tooltip-close { width: 14px; min-width: 14px; height: 14px; margin-top: -1px; }
    .ds-tooltip-close svg path { stroke-width: 1.1px;}
    .ds-tooltip ul li { gap: 5px; }
    .ds-tooltip ul li + li { margin-top: 8px; }
    .ds-tooltip ul li::before {
        width: 3px;
        min-width: 3px;
        height: 3px;
        margin: 8.5px 0;
        border-radius: 50px;
        background-color: #131518;
    }
}
/* [E] New Tooltip UI (디자인시스템 기반) */

/* [S] PopupLayer */
.popup-layer-active {
    overflow: hidden;
    touch-action: none;
}
.popup-layer {
    position: fixed;
    top: 0;
    bottom:0;
    left: 0;
    right:0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 105;
    transition: visibility 0.15s linear, opacity 0.15s linear;
}
.popup-layer[aria-hidden="true"] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.popup-layer[aria-hidden="false"] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.popup-layer-body {
    position: absolute;
    display: flex;
    flex-direction: column;
    background: white;
}
.popup-layer-header {
    padding-bottom: 19px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.popup-layer-header .title{
    flex: 1;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}
.popup-layer-close-button {
    display: flex;
    width: 18px;
    height: 18px;
}
.popup-layer-close-button svg {
    width: 100%;
    height: 100%;
}
.popup-layer-close-button svg path { stroke-width: 1.4px;  vector-effect: non-scaling-stroke; }
@media (max-width: 1199px) {
    .popup-layer-body {
        left:0;
        right:0;
        bottom:0;
        border-radius: 18px 18px 0 0;
    }
    .popup-layer-body {
        padding: 19px 16px;
        transition: transform .15s linear;
    }
    .popup-layer[aria-hidden="true"] .popup-layer-body { transform: translateY(100%); }
    .popup-layer[aria-hidden="false"] .popup-layer-body { transform: translateY(0); }
}
@media (min-width: 1200px) {
    .popup-layer {
        transition-delay: unset;
    }
    .popup-layer-body {
        width: 600px;
        border-radius: unset;
        padding: 24px 30px 32px;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: top 0.15s linear;
    }
    .popup-layer[aria-hidden="true"] .popup-layer-body { top: calc(50% + 24px); }
    .popup-layer[aria-hidden="false"] .popup-layer-body { top: 50%; }
    .popup-layer-header { padding-bottom: 20px; }
    .popup-layer-header .title { font-size: 20px; line-height: 26px; }
    .popup-layer-close-button { width: 22px; height: 22px; }
    .popup-layer-close-button svg path { stroke-width: 1.7px; }
}
/* [E] PopupLayer */

/* [S] SelectBox */
.selectbox {
    display: flex;
    flex-direction: column;
    position: relative;
    cursor: pointer;
}
.selectbox.sm { font-size: 12px; line-height: 16px; }
.selectbox.md { font-size: 14px; line-height: 20px; }
.selectbox-trigger {
    display:flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #C9CDD2;
    border-radius: 4px;
    background: white;
}
.selectbox-trigger .svg-icon-ChevronDown { width: 22px; height: 22px; }
.selectbox-trigger .svg-icon-ChevronDown svg path { stroke: #99A1A8; }
.selectbox.sm .selectbox-trigger {  padding: 7px; }
.selectbox.sm .selectbox-trigger .svg-icon-ChevronDown { width: 14px; height: 14px; }
.selectbox.md .selectbox-trigger { padding: 9px 16px 9px 12px; }
.selectbox.md .selectbox-trigger .svg-icon-ChevronDown { width: 20px; height: 20px; }
.selectbox-trigger:hover { border-color: #131518; }
[aria-expanded="true"] .selectbox-trigger {
    border-radius: 4px 4px 0 0;
    border-color: #131518;
}
.selectbox-options {
    overflow-y: auto;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 4px 4px;
    background: white;
    display: none;
}
.selectbox.isFloating .selectbox-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
}
.selectbox.sm .selectbox-options { max-height: 184px; }
.selectbox.md .selectbox-options { max-height: 248px; }
.selectbox[aria-expanded="true"] .selectbox-options { display: block; }
.selectbox-option { border-top: 1px solid #E5E7EA; }
.selectbox-option[aria-selected="true"] {}
@media (min-width: 1200px) {
    .selectbox.sm { font-size: 13px; line-height: 18px;}
    .selectbox.md { font-size: 16px; line-height: 22px; }
    .selectbox.sm .selectbox-trigger { padding: 6px 8px 6px 10px; }
    .selectbox.sm .selectbox-trigger .svg-icon-ChevronDown { width: 16px; height: 16px; }
    .selectbox.md .selectbox-trigger { padding: 13px 15px; }
    .selectbox.sm .selectbox-options { max-height: 224px; }
    .selectbox.md .selectbox-options { max-height: 312px; }
}
/* [E] SelectBox */

/* [S] 국가 선택 팝업 */
.popup-layer#deliveryCountrySelectPopup .section-title {
    border-bottom: none;
    padding: 16px 0 6px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}
.popup-layer#deliveryCountrySelectPopup .section-title::before {
    content: '';
    all: unset;
}
.popup-layer#deliveryCountrySelectPopup .selectbox-trigger .inner,
.popup-layer#deliveryCountrySelectPopup .selectbox-option.inner
{
    display: flex;
    align-items: center;
    gap: 8px;
}
.popup-layer#deliveryCountrySelectPopup .selectbox-trigger .inner img,
.popup-layer#deliveryCountrySelectPopup .selectbox-option.inner img {
    width: 16px; height: 16px;
    border: .5px solid #DADDE0;
    border-radius: 50%;
}
.popup-layer#deliveryCountrySelectPopup #deliveryCountrySelectbox .selectbox-options { max-height: 160px; }
.popup-layer#deliveryCountrySelectPopup #currencySelectbox .selectbox-options { max-height: 120px; }
.popup-layer#deliveryCountrySelectPopup .selectbox-option { padding: 10px 16px; }
.popup-layer#deliveryCountrySelectPopup .language-select-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.popup-layer#deliveryCountrySelectPopup .language-select-wrapper .language-select-button input[type=radio] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0.01;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.popup-layer#deliveryCountrySelectPopup .language-select-wrapper .language-select-button label {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px 0;
    border-radius: 4px;
    background-color: white;
    border: 1px solid #E5E7EA;
    color: #50585F;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}
.popup-layer#deliveryCountrySelectPopup .language-select-wrapper .language-select-button input:disabled + label {
    border-color: #E5E7EA;
    color: #B2B8BE;
}
.popup-layer#deliveryCountrySelectPopup .language-select-wrapper .language-select-button input:checked + label,
.popup-layer#deliveryCountrySelectPopup .language-select-wrapper .language-select-button input:disabled:checked + label {
    background-color: white;
    border: 1px solid #131518;
    color: #131518;
}
.popup-layer#deliveryCountrySelectPopup .save-button {
    display: flex;
    justify-content: center;
    padding-top: 30px;
}
.popup-layer#deliveryCountrySelectPopup #curSave {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    background-color: #131518;
    color: white;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    border: unset;
}
.popup-layer#deliveryCountrySelectPopup .popup-layer-close-button svg path { stroke-width: 1.4px;  vector-effect: non-scaling-stroke; }
@media (min-width:1200px) {
    .popup-layer#deliveryCountrySelectPopup .selectbox-trigger .inner img { border-width: 1px; }
    .popup-layer#deliveryCountrySelectPopup .section-title {
        padding: 20px 0 10px;
        font-size: 16px;
        line-height: 22px;
    }
    .popup-layer#deliveryCountrySelectPopup .selectbox-trigger .inner img,
    .popup-layer#deliveryCountrySelectPopup .selectbox-option.inner img { width: 22px; height: 22px; }
    .popup-layer#deliveryCountrySelectPopup #deliveryCountrySelectbox .selectbox-options { max-height: 200px; }
    .popup-layer#deliveryCountrySelectPopup #currencySelectbox .selectbox-options { max-height: 150px; }
    .popup-layer#deliveryCountrySelectPopup .selectbox-option { padding: 14px 16px; }
    .popup-layer#deliveryCountrySelectPopup .language-select-wrapper { gap: 12px; }
    .popup-layer#deliveryCountrySelectPopup .language-select-wrapper .language-select-button label {
        padding: 13px 0;
        font-size: 16px;
        line-height: 22px;
    }
    .popup-layer#deliveryCountrySelectPopup .save-button { padding-top: 36px; }
    .popup-layer#deliveryCountrySelectPopup #curSave { width: 360px; }
    .popup-layer#deliveryCountrySelectPopup .popup-layer-close-button svg path { stroke-width: 1.7px;  vector-effect: non-scaling-stroke; }
}
/* [E] 국가 선택 팝업 */

/* [S] 세트상품 구성품 안내 팝업 문구 추가 요청 건 세트상품 구성품 안내 팝업 문구 추가(GLBTSVC-1035) */
.modal-body{ scrollbar-gutter: stable; }
#setOption .notice-set-price {
    padding: 0 16px;
    color: #1890FF;
    font-size: 14px;
    line-height: 20px;
}
#setOption .modal-body { padding-top: 16px; }
#setOption .free-gift .free-gift-list { margin-top: 0; }
@media (min-width: 1200px) {
    #setOption .notice-set-price {
        padding: 0 30px;
        font-size: 16px;
        line-height: 22px;
    }
    #setOption .modal-body { padding-top: 20px; }
}
/* [E] 세트상품 구성품 안내 팝업 문구 추가 요청 건 세트상품 구성품 안내 팝업 문구 추가(GLBTSVC-1035) */

/* [S] 멤버십 개편_My Account 등급 정보 */
[class^="svg-icon-"] svg { width: 100%; height: 100%; }
.my-account-menu-title { display: flex; justify-content: center; align-items: center; height: 158px; }
.my-account-menu-title > a { width: 100%; height: 100%; }
.grade-description strong { font-weight: 700; }
@media (max-width: 1199px) {
    .my-account-membership-info-mo {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
        background: #F6F7F9;
        padding: 20px 16px;
    }
    .my-account-membership-info-pc {
        display: none;
    }
    .user-info {
        background: #FFFFFF;
        padding: 16px;
        border-radius: 4px;

        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .top-section {
        display: flex;
        flex-direction: row;
        gap: 10px;
    }
    .svg-icon-MembershipBaby {
        width: 36px;
        height: 36px;
    }
    .svg-icon-ChevronRight {
        width: 20px;
        height: 20px;
    }

    .svg-icon-ChevronRight svg path {
        stroke: #C9CDD2;
        stroke-width: 1.6px;
        vector-effect: non-scaling-stroke;
    }

    .top-right-section {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    .user-name {
        color: #131518;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
    }

    .user-grade {
        color: #99A1A8;
        font-size: 13px;
        font-weight: 700;
        line-height: 18px;
    }

    .top-section {
        display: flex;
        flex-direction: row;
    }

    .horizontal-divider {
        width: 100%;
        height: 1px;
        background: #E5E7EA;
    }

    .coupon-point {
        display: flex;
        width: 100%;
        height: 32px;
    }

    .vertical-divider {
        width: 2px;
        margin: 0 16px;
        background: #C9CDD2;
    }

    .grade-description {
        color: #50585F;
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
    }


    .svg-icon-MyAccountCoupon {
        width: 18px;
        height: 18px;
    }

    .svg-icon-MyAccountPoint {
        width: 18px;
        height: 18px;
    }

    .coupon-point {

    }

    .coupon-point-inner-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .left-block {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .label-text {
        color: #3A3E45;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .count-text {
        color: #131518;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
    }
}
@media (min-width: 1200px) {
    .my-account-membership-info-mo {
        display: none;
    }
    .my-account-membership-info-pc {
        display: flex;
        width: 100%;
        height: 100%;
    }
    .wrap-my-account-info, .my-account-member-level { height: 159px; }
}

.grade-svg-icon {
    width: 36px; min-width: 36px;
    height: 36px;
    display: flex;
    align-self: center;
    justify-content: center;
    align-items: center;
}
.grade-svg-icon svg { width: 100%; height: 100%; }
@media (min-width: 1200px) {
    .grade-svg-icon {
        width: 56px;
        height: 56px;
    }
}

.my-account-membership-info {
    display: flex;
    flex-direction: column;
    background: #F6F7F9;
    width: 100%;
    height:100%;
    gap: 12px;
}
@media (min-width: 1200px) {
    .my-account-membership-info {
        display: flex;
        flex-direction: column;
        background: none;
        gap: 0px;
    }
}
.my-account-membership-info .user-name {
    color: #131518;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}
@media (min-width: 1200px) {
    .my-account-membership-info .user-name {
        padding: 15px 23px 16px;
        border-bottom: 1px solid #E5E7EA;
        font-size: 22px;
        line-height: 30px;
        font-weight: 700;
    }
}
.my-account-membership-info .membership-info { display: flex; justify-content: space-between; align-items: center; height: 100%; padding: 0 59px 0 23px; }
.my-account-membership-info .membership-info .grade {
    display: flex;
    flex-direction: row;
    gap: 12px;
}
.my-account-membership-info .membership-info .grade .grade-info {
    display: flex;
    flex-direction: column;
}
.my-account-membership-info .membership-info .grade .grade-info-bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}
.my-account-membership-info .membership-info .grade .grade-info-bottom .svg-icon-ChevronRight svg path {
    stroke: #C9CDD2;
    stroke-width: 1.6px;
    vector-effect: non-scaling-stroke;
}
.my-account-membership-info .membership-info .grade .grade-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}
.my-account-membership-info .membership-info .grade .grade-description {
    color: #50585F;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.my-account-membership-info .membership-info .grade .svg-icon-ChevronRight {
    width: 20px;
    height: 20px;
}
.my-account-membership-info .membership-info .grade .svg-icon-MembershipBaby { width: 56px; height:56px;  }
.my-account-membership-info .membership-info .my-account-coupons-points { display: flex; gap: 48px; align-items: center; }
.my-account-membership-info .membership-info .my-account-coupons-points .section { display: flex; flex-direction: column; gap: 4px; align-items: center; }
.my-account-membership-info .membership-info .my-account-coupons-points .vertical-divider { width: 1px; height: 52px; background-color: #E5E7EA; }
.my-account-membership-info .membership-info .my-account-coupons-points .section + .section::before { content:''; width: 1px; height: 52px; background-color: tomato;}
.my-account-membership-info .membership-info .my-account-coupons-points .section .title { font-weight: 700; font-size: 16px; line-height: 22px; color: #50585F; }
.my-account-membership-info .membership-info .my-account-coupons-points .section .text { font-size: 18px; line-height: 24px; color: #131518; }
/* [E] 멤버십 개편_My Account 등급 정보 */

/* [S] 멤버십 개편_회원가입 */
.login-benefit-section-wrapper:after { content: ''; display: block; width: 100%; height: 8px; background-color: #F6F7F9; }
.login-benefit-section { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 24px; width: 100%; padding: 30px 16px 36px; }
.login-benefit-section .top-section { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; }
.login-benefit-section .top-section .title { color: #131518; font-size: 20px; font-weight: 700; line-height: 24px; text-align: center; }
.login-benefit-section .top-section .description { color: #50585F; font-size: 14px; font-weight: 400; line-height: 20px; text-align: center; }
.login-benefit-section .bottom-section .benefit-list { display: flex; gap: 10px; align-items: center; justify-content: space-between; width: 100%; height: 68px; }
html[lang='jp'] .login-benefit-section .bottom-section .benefit-list { height: 84px; }
.login-benefit-section .benefit-item {
    color: #131518; font-size: 12px; font-weight: 400; line-height: 16px;
    display: flex; gap: 6px; flex-direction: column; align-items: center; width: 101px; height: 100%;
}
.login-benefit-section .benefit-item .description {
    flex: 1; display: flex; align-items: center;
    text-align: center; color: #131518; font-size: 12px; font-weight: 400; line-height: 16px;
}
.login-benefit-section .benefit-list .vertical-divider { width: 1px; height: 68px; background-color: #E5E7EA; margin: 0; }
.login-benefit-section .svg-icon-size { width: 30px; height: 30px; }
.login-benefit-section .svg-icon-size svg { padding: 3px; }
@media(min-width: 1200px) {
    .login-benefit-section-wrapper:after { height: 1px; max-width: 343px; margin: 0 auto; background-color: #E5E7EA; }
    .login-benefit-section { padding: 7px 0 36px; }
}
/* [E] 멤버십 개편_회원가입 */