@charset "utf-8";

:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}
/* 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;}
/* 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;}

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

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

.navbar .logo{text-align: center;padding: 35px 0 15px;height: 107px;}
.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;}
.panel{-webkit-box-shadow: none;box-shadow: none;background-color: transparent;}

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

/* 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{padding: 0 0 60px;}
/* 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;}
/* 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;}
[class*="btn-txt"], [class*="btn-txt"]:hover, [class*="btn-txt"].on{font-size: 0.8125rem;text-decoration: underline;color: #3d3d3d;}
.btn-gray{border: 1px solid #c2c2c2;background-color: #f5f5f5;}
.badge.red{background-color: #FF514D;}
.form-control{height: 32px;}

.form-control::-webkit-input-placeholder {color: #949494;opacity: 1;}
/* 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;}
.swiper-button-prev, .swiper-button-next{font-size: 1rem;color: #141414;}

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

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

/* dock bar */
.dock-bar {display: none;}

/*ADD TO WISH LIST*/
.layer-alim {position: fixed;top: 50%;left: 50%;width: 130px;height: 130px;margin: -65px 0 0 -65px;padding: 25px 20px 0;border-radius: 65px;z-index: 9999;background-color: rgba(242, 130, 127, 0.9);}
.layer-alim.zzim-on .icon {background-position: 0 -36px;height: 35px;}
.layer-alim.zzim-off {background-color: rgba(102, 102, 102, 0.9);}
.layer-alim .icon {display: block;width: 42px;height: 35px;margin: 0 auto;background: url(../../resources/images/common/bg_ico_alim.png) 0 0 no-repeat;background-size: 42px auto;}
.layer-alim > p.one {margin-top: 10px;}


/*addToBag*/
.layer-alim.addToBag-on {position: fixed;top: 50%;left: 50%;width: 130px;height: 130px;margin: -65px 0 0 -65px;padding: 22px 20px 0;border-radius: 65px;z-index: 9999;background-color: rgba(255, 255, 255, 0.9);border: 2px solid #f27370;}
.layer-alim.addToBag-on .icon {position: relative;display: block;width: 34px;height: 41px;margin: 0 auto;background: url(../../resources/images/common/icon_cart_pc.png) 0 0 no-repeat;background-size: 34px auto;}
.layer-alim.addToBag-on .icon:before {content:''; position: absolute; right:-9px; top: -2px; width: 24px; height: 24px; background-color: red; border-radius: 25px;}
.layer-alim.addToBag-on .icon:after {content:'+'; position: absolute; right:-9px; top: -2px; width: 24px; height: 24px; color: #fff; font-size: 1.5rem; text-align: center;}
.layer-alim.addToBag-on > p.one {margin-top: 10px;}
.layer-alim.addToBag-on > p {margin: 8px 0 0;color: #f27370;font-size: 12px;font-weight: bold;text-align: center;word-break: keep-all;}
.layer-alim.addToBag-on > p > strong {display: block;font-size: 1rem;font-weight: 500;line-height: 1.13;text-align: center;color: #f27370;}

.direct-top {position: fixed;right:40px;bottom: 80px;display: none;width:50px;height:50px;z-index: 1;transform: translateY(0);transition: 200ms transform ease-out 200ms;}

@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%;}
    .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;}
    html[lang="en"] .footer {min-height: 389px;}
  html[lang="en"] .footer .footer-list {padding-bottom: 25px;}
  html[lang="jp"] .footer {min-height: 369px;}
}
@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;}
}

/* [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;}
    .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;}
    .navbar.type03 {
        border-bottom:1px solid #ebebeb;
    }

    .navbar.type03 .navbar-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 41px auto 28px;
    }

    .navbar.type03 .navbar-top .group {
        display: flex;
        align-items: center;
    }

    .navbar.type03 .navbar-top .logo {
        height: 23px;
        padding: 0;
        text-align: left;
    }

    .navbar.type03 .navbar-top .nav-search {
        float: none;
        width: 404px;
        margin: 0 0 0 64px;
    }

    .navbar.type03 .navbar-top .nav-search .form-control {
        border: 1px solid #9bce26;
    }

    .navbar.type03 .btn-search.type2:before {
        background: #fff url(../../resources/images/search/icon_search_md.png) 0 no-repeat;
        background-size: contain;
    }

    .navbar.type03 .nav-util .btn {
        margin: 0 8px;
    }

    .navbar.type03 .nav-util .btn:before {
        content: '';
        display: block;
        position: relative;
        width: 32px;
        height: 32px;
        margin: 0 auto;
    }

    .navbar.type03 .navbar-top.home-navigation-phase2 .nav-util .btn:before {
        content: '';
        display: block;
        position: relative;
        width: 28px;
        height: 28px;
        margin: 3px auto;
    }

    .navbar.type-aff .navbar-top.home-navigation-phase2 .nav-util .btn:before {
        content: '';
        display: block;
        position: relative;
        width: 28px;
        height: 28px;
        margin: 3px auto;
    }

    .navbar.type03 .nav-util .btn .txt {
        font-size: .625rem;
        color: #141414;
    }

    .navbar.type03 .btn-user:before {
        background: url('../images/search/icon_nav_user.png') no-repeat;
        background-size: contain;
    }

    .navbar.type03 .navbar-top.home-navigation-phase2 .btn-user:before {
        background: url('../images/search/icon_nav_user_new.png') no-repeat;
        background-size: contain;
    }

    .navbar.type-aff .navbar-top.home-navigation-phase2 .btn-user:before {
        background: url('../images/search/icon_nav_user_new.png') no-repeat;
        background-size: contain;
    }

    .navbar.type03 .btn-cart:before {
        background: url('../images/search/icon_nav_cart.png') no-repeat;
        background-size: contain;
    }

    .navbar.type03 .navbar-top.home-navigation-phase2 .btn-cart:before {
        background: url('../images/search/icon_nav_cart_xl_new.png') no-repeat;
        background-size: contain;
    }

    .navbar.type-aff .navbar-top.home-navigation-phase2 .btn-cart:before {
        background: url('../images/search/icon_nav_cart_xl_new.png') no-repeat;
        background-size: contain;
    }

    .navbar.type03 .btn-lang:before {
        background: url('../images/search/icon_nav_global.png') no-repeat;
        background-size: contain;
    }

    .navbar.type03 .btn-help:before {
        background: url('../images/search/icon_nav_help.png') no-repeat;
        background-size: contain;
    }

    .navbar.type03 .navbar-top.home-navigation-phase2 .btn-help:before {
        background: url('../images/search/icon_nav_help_new.png') no-repeat;
        background-size: contain;
    }

    .navbar.type-aff .navbar-top.home-navigation-phase2 .btn-help:before {
        background: url('../images/search/icon_nav_help_new.png') no-repeat;
        background-size: contain;
    }

    .navbar.type03 .badge {
        top: 15px;
        left: auto;
        right: -6px;
        padding: 2px 3px;
        font-size: 10px;
    }

    .navbar.type03 .home-navigation-phase2 .badge {
        top: 1px;
        right: -2px;
        border: none;
        width: auto;
        min-width: 18px;
        height: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .navbar.type03 .home-navigation-phase2 .badge.empty {
        display: none;
    }

    .navbar.type-aff .home-navigation-phase2 .badge {
        top: 1px;
        right: -2px;
        border: none;
        width: auto;
        min-width: 18px;
        height: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .navbar.type-aff .home-navigation-phase2 .badge.empty {
        display: none;
    }

    .navbar.type-aff .navbar-top.home-navigation-phase2 .search-ani .btn.btn-search-ani::before {
        background: url(../../resources/images/search/icon_search_xl_new.png);
        background-size: contain;
    }

    .navbar.type03 .badge.red {
        background-color: #ff514d;
    }

    .navbar.type03 .dropdown-menu {
        min-width: 120px;
        top: 58px;
        left: 50%;
        margin-left: -60px;
        padding: 8px 0;
        border: solid 1px #c2c2c2;
        border-radius: 4px;
        box-shadow: none;
    }

    .navbar.type03 .dropdown-menu:before {
        content: '';
        display: block;
        position: absolute;
        width: 8px;
        height: 8px;
        top: -4px;
        left: 50%;
        margin-left: -4px;
        background: #fff;
        border-top: 1px solid #c2c2c2;
        border-left: 1px solid #c2c2c2;
        transform: rotate(45deg);
    }

    .navbar.type03 .dropdown-menu > li > a {
        font-size: .8125rem;
        letter-spacing: .3296px;
    }

    .navbar.type03 .nav-util .btn-user, .navbar.type03 .nav-util .btn-lang {
        width: 56px;
    }

    .navbar.type03 .navbar-top.home-navigation-phase2 .nav-util .btn-user, .navbar.type03 .nav-util .btn-lang {
        width: auto;
    }

    .navbar.type-aff .navbar-top.home-navigation-phase2 .nav-util .btn-user, .navbar.type03 .nav-util .btn-lang {
        width: auto;
    }

    .navbar.type03 .nav-util .btn-cart, .navbar.type03 .nav-util .btn-help {
        width: 32px;
    }

    .navbar.type03 .list-btn-sign-item {
        padding: 0;
        border: 0;
    }

    .navbar.type03 .list-btn-sign-item a {
        padding: 6px 10px;
    }

    .navbar.type03 .list-btn-sign-item a:hover {
        background: #f1f8e1;
        font-weight: normal;
        color: #141414;
    }

    .navbar.type03 .nav-search .input-group-btn .btn-search {
        background-color: transparent;
    }

    /* banner */
    .top-banner-shipping.type02 {
        height: 44px;
        line-height: 44px;
        text-align: left;
        background-color: #f5f5f5;
    }

    .top-banner-shipping.type02 ul {
        width: 1200px;
        margin: 0 auto;
    }

    .top-banner-shipping.type02 li {
        display: inline-block;
    }

    .top-banner-shipping.type02 li + li {
        margin-left: 40px;
    }

    .top-banner-shipping.type02 li > a {
        display: flex;
        align-items: center;
    }

    .top-banner-shipping.type02 li span {
        display: inline-block;
        vertical-align: middle;
    }

    .top-banner-shipping.type02 li .txt {
        margin-left: 6px;
        letter-spacing: .3296px;
        font-weight: 300;
        font-size: .8125rem;
    }

    .top-banner-shipping.type02 .box-icon {
        width: 24px;
        height: 24px;
    }

    .top-banner-shipping.type02 .box-icon img {
        display: block;
        width: 100%;
    }

    /* search layer */
    .navbar .container {
        position: relative;
    }

    .search-layer {
        top: 86px;
        left: 50%;
        margin-left: -332px;
    }
}
@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) {
  .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;}
  .direct-top {position: fixed;right: 16px;bottom: 20px;display: none;width: 50px;height: 50px;z-index: 2;transform: translateY(0);transition: 200ms transform ease-out 200ms;}
  .direct-top.add-b1 {bottom: 72px;}
  .dock-bar {position: fixed; display: block; left: 0px; right: 0px; bottom: 0px; height: 52px; background-color: #fff; z-index: 1; border-top: 1px solid #ebebeb; transform: translateY(0);transition: 200ms transform ease-out 200ms;}
  .dock-bar {position: fixed; display: block; left: 0px; right: 0px; bottom: 0px; height: 52px; background-color: #fff; z-index: 1; border-top: 1px solid #ebebeb; transform: translateY(0);transition: 200ms transform ease-out 200ms;}
  .dock-bar.hide {display: block !important;transform: translateY(100%);}
    .main{padding-bottom: 0px;} /* 05.31 수정 */
  .container.sm{padding: 0 16px 20px;}
  .wrap-nav .nav-util-list .btn{word-break: break-word;}
    .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;}
    #navbar{position: relative;}
  .navbar .logo{padding: 13px 0 0 0;height: 52px;}
  .navbar{overflow: hidden;}
    .top-banner-lead-img{height: 70px;}
  .panel-title{position: relative;}

  .nav-search{float: none;width: 100%;margin-top: 0;}
  .pull-right.nav-util{margin-top: -78px;}
    .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;}
    .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;}
    /* 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-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-info > dd{padding-left: 15px;}
  [data-amount-mo="2"] .swiper-slide{width: 50%;}
  .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;}
  .dock-bar ul li {display: table-cell; width: 20%; text-align: center;}

  .dock-bar .btn {width: 100%; height: 52px; position: relative; background: url(../../resources/images/common/icon_dockbar_01.png) center 7px no-repeat; background-size: 26px;padding-top: 32px; }
  .dock-bar .btn .txt-area {display: block;font-size: 0.625rem;font-weight: normal;line-height: 15px; min-height: 15px; letter-spacing: -0.2px; color: #888;text-transform: uppercase;}
  .dock-bar .btn .img-area {display: none;}
  .dock-bar .btn.on .txt-area {color:#f27370; }
   .dock-bar .bottom-navigation li .btn.dock-home-new {background: url(../../resources/images/common/icon_dockbar_01_new.png) center 7px no-repeat; background-size: 22px;padding-top: 28px;}
  .dock-bar .bottom-navigation li .btn.dock-category-new {background: url(../../resources/images/common/icon_dockbar_02_new.png) center 7px no-repeat; background-size: 22px;padding-top: 28px;}
  .dock-bar .bottom-navigation li .btn.dock-brand-new {background: url(../../resources/images/common/icon_dockbar_03_new.png) center 7px no-repeat; background-size: 24px;padding-top: 28px;}
  .dock-bar .bottom-navigation li .btn.dock-wishlist-new {background: url(../../resources/images/common/icon_dockbar_04_new.png) center 7px no-repeat; background-size: 22px;padding-top: 28px;}
  .dock-bar .bottom-navigation li .btn.dock-my-new {background: url(../../resources/images/common/icon_dockbar_05_new.png) center 7px no-repeat; background-size: 22px;padding-top: 28px;}
  .dock-bar .bottom-navigation li .btn.dock-home-new.on {background: url(../../resources/images/common/icon_dockbar_01_on_new.png) center 7px no-repeat; background-size: 22px;padding-top: 28px;}
  .pc-only{display: none !important;}
  .search-layer{visibility: hidden;overflow-x: hidden;overflow-y: auto;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index:999;}
  .search-layer .wrap-tab-swiper .swiper-container .swiper-pagination{display: block;}
  .sch-all-mo{position: relative;display: flex;width: 100%;height: 54px;border-bottom: 1px solid #e0e0e0;}
  .sch-all-mo .btn-search-mo-back{width: 50px;height: 53px;}
  .sch-all-mo .btn-search-mo-back:before{content: '';position: absolute;left: 16px;top: 2px;width: 21px;height: 48px;background: url(../../resources/images/common/sp_common.png) -162px 0 no-repeat;-webkit-background-size: 500px;background-size: 500px;}
  .sch-all-mo .search-mo{width: calc(100% - 50px);background-color: #fff;}
  .sch-all-mo .search-mo .form-control{display: block;width: 100%;height: 53px;padding-right: 88px;padding-left: 5px;font-size: 0.9375rem;border: 0;background-color: transparent;}
  .sch-all-mo .search-mo .btn-search{width: 60px;height: 52px;border: 0;background-color: #fff;}
    .sch-all-mo .search-mo .btn-search:before{top: 16px;background-color: #fff;}
    .sch-all-mo .search-mo .btn-txt-del{display: none;position: absolute;left: -25px;top: 18px;width: 20px;height: 20px;margin:0;background-color: #b2b2b2;border-radius: 50% !important;z-index: 2;}
    .sch-all-mo .search-mo .btn-txt-del:before{content: '';position: absolute;left: 4px;top: 10px;width: 12px;height: 1px;background-color: #fff;transform: rotate(45deg);}
    .sch-all-mo .search-mo .btn-txt-del:after{content: '';position: absolute;left: 4px;top: 10px;width: 12px;height: 1px;background-color: #fff;transform: rotate(-45deg);}
    .search-layer .sch-all-mo .search-mo .btn-txt-del{margin: 0;}
        .tab-search-layer{height: 617px;padding: 0;}
    .search-layer .wrap-tab-swiper{height: 100%;padding: 0 16px;}
    .tab-search-layer .swiper-container{overflow: inherit;height: 100%;margin-right: 0;margin-left: 0;padding-top: 30px;width: 100%;}
    .tab-search-layer .swiper-container .swiper-wrapper{width: 100%;height: 100%;transition-timing-function: ease-out;}
    .tab-search-layer .swiper-container .swiper-slide{width: calc(100% + 40px) !important;height: 100%;}
    .tab-search-layer .swiper-container .swiper-slide-active{width: calc(100% - 40px) !important;}
    .tab-search-layer .swiper-container .swiper-slide:first-child{padding-right: 8px;}
    .tab-search-layer .swiper-container .swiper-slide:last-child{padding-left: 8px;}
    .tab-search-layer .swiper-container .swiper-slide .sch-inner{width: 100%;border: 1px solid #e0e0e0;border-radius: 10px;}
    .tab-search-layer .swiper-container-horizontal > .swiper-pagination-bullets{top: 7px;bottom: auto;}
    .tab-search-layer .swiper-slide .tab-swiper-title{background-color: #f9f9f9;border-radius: 10px 10px 0 0;}
    .tab-search-layer .swiper-slide .tab-swiper-title .btn{padding: 14px 16px 13px;text-align: left;font-weight: 600;color: #3d3d3d;border-color: #9bce26;}
    .tab-search-layer .swiper-slide .tab-pannel{height: 490px;padding: 0px 16px 0;border-bottom: 0;}
    .sch-list .btn-sch-list{height: 49px;line-height: 48px;padding: 0;border-top: 1px solid #e0e0e0;}
    .sch-list .btn-sch-list:first-child{padding-top: 2px;border-top: 0;}
    .sch-list .btn-sch-list:last-child{padding-bottom: 2px;}
    .sch-list .btn-sch-list .day{right: 0;}
    .search-layer .wrap-btn{position: absolute;top: 630px;right: 16px;z-index: 2;}
    /* indicator */
    .search-layer .swiper-pagination-bullet{width: 11px;height: 11px;background-color: #ebebeb;opacity: 1;}
    .search-layer .swiper-pagination-bullet-active{background-color: #a4d233;}
    /* auto search layer */
    .auto-search-layer{height: 617px;}
    .search-layer.type02 .tab-search-layer{height:auto;}
    .search-layer.type02 .tab-search-layer .swiper-slide .tab-pannel{min-height:490px;padding:0 16px;}
    .search-layer.type02 .tab-search-layer .recom-sch-list{position:relative;padding:11px 0 0;border-bottom:1px solid #ebebeb;z-index:2;}
    .search-layer.type02 .tab-search-layer .recom-sch-list + .sch-list{margin-top:-1px;}
    .search-layer.type02 .wrap-btn{display:none;}
    /* SNS share 모달 팝업 :: 공통 */
    .modal .btn-area.btn-sns-share~ .copy-url-area{padding-bottom: 10px;}

    /* 모바일 공유하기 */
    .wrap-float-area { position: fixed; right: 16px; bottom: 72px; display: none; width: 42px; height: auto; z-index: 2; transform: translateY(0); transition: 200ms bottom ease-out 200ms;}
    .btn.btn-share-float{ width: 42px; height: 42px; opacity: 0.9; background: #fff url(../../resources/images/common/icon_share_arrow.png) 0 0 no-repeat; background-size: 42px 42px; border-radius: 50px; }
    .wrap-float-area.down { transform: translateY(100%); }
    .wrap-float-area.add-b1{bottom:124px;}
    .wrap-float-area.add-b2 { bottom: 151px;}
    .wrap-float-area.add-b3 {bottom: 177px;} 

    .wrap-float-area.add-b1.type02{bottom:190px;}
    .wrap-float-area.add-b1.type02.down{transform:translateY(101px);}

    /* direct top 사이즈, 이미지 조정 */
    .direct-top{ width: 42px; height: 42px; }
    .direct-top .btn-direct{ width: 42px; height: 42px; background: #fff url(../../resources/images/common/icon_direct_top_mo.png) center 11px no-repeat; background-size: 18px 20px; }
    body:not(.jp-type) .navbar-top .input-group.nav-search {display:none;}
  .navbar.type03 {border-bottom:1px solid #ebebeb;}
  .index-page .navbar.type03 {border-bottom:0;}
  .navbar.type03 .container {padding:0;margin:0;}
  .navbar.type03 .navbar-top {position:relative;padding:0 16px;}
  .navbar.type03 .navbar-top.home-navigation-phase2 .btn.btn-nav-category {position:absolute;top:15px;left:16px;width:24px;height:24px;background-image:url(../../resources/images/search/icon_line_menu_new.png);background-repeat:no-repeat;background-size:100%;}
  .navbar.type-aff .navbar-top.home-navigation-phase2 .btn.btn-nav-category {position:absolute;top:15px;left:16px;width:24px;height:24px;background-image:url(../../resources/images/search/icon_line_menu_new.png);background-repeat:no-repeat;background-size:100%;}
  .navbar.type03 .navbar-top .btn.btn-nav-category {position:absolute;top:10px;left:20px;width:32px;height:32px;background-image:url(../../resources/images/search/icon_line_menu.png);background-repeat:no-repeat;background-size:100%;}
  .navbar.type03 .navbar-top.home-navigation-phase2 .btn-nav-back{position:absolute;top:14px;bottom:14px;left:16px;width:24px;height:24px;background:#fff url(../../resources/images/search/icon_arrow_left_xl_new.png) 0 0 no-repeat;background-size:100%;}
  .navbar.type-aff .navbar-top.home-navigation-phase2 .btn-nav-back{position:absolute;top:14px;bottom:14px;left:16px;width:24px;height:24px;background:#fff url(../../resources/images/search/icon_arrow_left_xl_new.png) 0 0 no-repeat;background-size:100%;}
  .navbar.type03 .navbar-top .btn-nav-back{position:absolute;top:10px;left:16px;width:32px;height:32px;background:#fff url(../../resources/images/search/icon_arrow_left_xl.png) 0 0 no-repeat;background-size:100%;}
  .navbar.type03 .navbar-top.home-navigation-phase2 .pull-right.nav-util {position:absolute;top:14px;right:8px;margin-top:0;}
  .navbar.type-aff .navbar-top.home-navigation-phase2 .pull-right.nav-util {position:absolute;top:14px;right:8px;margin-top:0;}
  .navbar.type03 .navbar-top .pull-right.nav-util {position:absolute;top:10px;right:20px;margin-top:0;}
  .navbar.type03 .navbar-top .pull-right.nav-util .btn-cart {width:32px;height:32px;margin-right:0;}
  .navbar.type03 .navbar-top.home-navigation-phase2 .pull-right.nav-util .btn-cart:before {top:0;left:0;width:24px;height:24px;background:#fff url(../../resources/images/search/icon_nav_cart_xl_new.png) 0 0 no-repeat;background-size:100%;}
  .navbar.type-aff .navbar-top.home-navigation-phase2 .pull-right.nav-util .btn-cart:before {top:0;left:0;width:24px;height:24px;background:#fff url(../../resources/images/search/icon_nav_cart_xl_new.png) 0 0 no-repeat;background-size:100%;}
  .navbar.type03 .navbar-top .pull-right.nav-util .btn-cart:before {top:0;left:0;width:32px;height:32px;background:#fff url(../../resources/images/search/icon_nav_cart_xl.png) 0 0 no-repeat;background-size:100%;}
  .navbar.type03 .navbar-top.home-navigation-phase2 .pull-right.nav-util .btn-cart .badge {border-radius: 20px;top:-7px;bottom:auto;right:0;font-size:.6875rem;line-height:14px;border:none;display:flex;justify-content: center;align-items: center;width: auto;min-width: 18px;height: 18px;justify-content: center;display: flex;align-items: center;}
  .navbar.type03 .navbar-top.home-navigation-phase2 .pull-right.nav-util .btn-cart .badge.empty {display: none;}
  .navbar.type-aff .navbar-top.home-navigation-phase2 .pull-right.nav-util .btn-cart .badge {border-radius: 20px;top:-7px;bottom:auto;right:0;font-size:.6875rem;line-height:14px;border:none;display:flex;justify-content: center;align-items: center;width: auto;min-width: 18px;height: 18px;justify-content: center;display: flex;align-items: center;}
  .navbar.type-aff .navbar-top.home-navigation-phase2 .pull-right.nav-util .btn-cart .badge.empty {display: none;}
  .navbar.type03 .navbar-top .pull-right.nav-util .btn-cart .badge {top:auto;left:auto;bottom:-2px;right:-4px;font-size:.625rem;padding:2px 3px;line-height:12px;border:0;}
  .navbar.type03 .navbar-top.home-navigation-phase2 .btn-search {width:24px;height:24px;margin-right:16px;}
  .navbar.type-aff .navbar-top.home-navigation-phase2 .btn-search {width:24px;height:24px;margin-right:16px;}
  .navbar.type03 .navbar-top .btn-search {width:32px;height:32px;margin-right:6px;}
  .navbar.type03 .navbar-top.home-navigation-phase2 .pull-right.nav-util .btn-search:before {content: ""; width: 24px;height: 24px;top:0;left:0;background:#fff url(../../resources/images/search/icon_search_xl_new.png) 0 0 no-repeat;background-size:100%;}
  .navbar.type-aff .navbar-top.home-navigation-phase2 .pull-right.nav-util .btn-search:before {content: ""; width: 24px;height: 24px;top:0;left:0;background:#fff url(../../resources/images/search/icon_search_xl_new.png) 0 0 no-repeat;background-size:100%;}
  .navbar.type03 .navbar-top .btn-search:before {top:0;left:0;width:100%;height:100%;background:#fff url(../../resources/images/search/icon_search_xl.png) 0 0 no-repeat;background-size:100%;}
  .navbar.type03 .navbar-top.home-navigation-phase2 .btn-nav-home {width:24px;height:24px;margin-right:16px;}
  .navbar.type-aff .navbar-top.home-navigation-phase2 .btn-nav-home {width:24px;height:24px;margin-right:16px;}
  .navbar.type03 .navbar-top .btn-nav-home {width:32px;height:32px;margin-right:6px;}
  .navbar.type03 .navbar-top.home-navigation-phase2 .btn-nav-home:before {top:0;left:0;width:24px;height:24px;background:#fff url(../../resources/images/search/icon_home_xl_new.png) 0 0 no-repeat;background-size:100%;}
  .navbar.type-aff .navbar-top.home-navigation-phase2 .btn-nav-home:before {top:0;left:0;width:24px;height:24px;background:#fff url(../../resources/images/search/icon_home_xl_new.png) 0 0 no-repeat;background-size:100%;}
  .navbar.type03 .navbar-top .btn-nav-home:before {top:0;left:0;width:100%;height:100%;background:#fff url(../../resources/images/search/icon_home_xl.png) 0 0 no-repeat;background-size:100%;}
  .navbar.type03 .navbar-top .logo {padding:13px 84px;}
  .navbar.type03 .navbar-top .logo .page-tit {font-weight:600;letter-spacing:0.45px;}
  .navbar.type03 .nav-toggle {top:0;}
  .main-page .navbar.type03 .logo > a, 
  .index-page .navbar.type03 .logo > a, 
  .nav-page .navbar.type03 .logo > a {width:100%;max-width:165px;}

  .wrap-fixed-navi {width:100%;height:42px;z-index:10;background-color:#fff;}
  .wrap-fixed-navi.fixed {position:fixed;top:0;left:0;border-bottom:1px solid #e0e0e0;border-top:0;}
  .wrap-fixed-navi .navi-list {display:flex;align-items:center;height:100%;padding:0 9px;overflow-x:auto;white-space:nowrap;overflow-x:scroll;-ms-overflow-style:none;}
  .wrap-fixed-navi .navi-list::-webkit-scrollbar {display:none;}
  .wrap-fixed-navi .navi-list .navi-item {padding:0 9px 10px 9px;} 
  .wrap-fixed-navi .navi-list .navi-item .navi-name {position:relative;font-size:.9375rem;color:#141414;font-weight:600;letter-spacing:.3808px;}
  .wrap-fixed-navi .navi-list .navi-item .navi-name.new:before{content:'new';display:inline-block;width:4px;height:4px;border-radius:100%;background-color:#f27370;color:transparent;font-size:1px;line-height:1;vertical-align:top;margin:0 2px 0 0;}
  .wrap-fixed-navi.fixed .navi-list .navi-item {padding:0 9px 0 9px;}

  .sch-all-mo.type02 {position:relative;height:52px;border-bottom:1px solid #ebebeb;}
  .main .sch-all-mo.type02 .search-mo {width:100%;padding:0px 55px 0 56px;} 
  .navbar.type03 .sch-all-mo.type02 .search-mo {width:100%;padding:0px 90px 0 56px;} 
  .navbar.type03 .sch-all-mo.type02 .search-mo .form-control {padding-right:0;height:51px;}
  .navbar.type03 .sch-all-mo.type02 .search-mo .form-control:focus {outline:none;}
  .sch-all-mo.type02 .btn-search-mo-back {position:absolute;top:8px;left:16px;width:32px;height:32px;background:#fff url(../../resources/images/search/icon_arrow_left_xl.png) 0 0 no-repeat;background-size:100%;z-index:998;}/* 2023-02-09 수정 */
  .sch-all-mo.type02 .btn-search-mo-back::before {display:none;}
  .main .sch-all-mo.type02 .btn-txt-keyword,
  .sch-all-mo.type02 .btn-txt-keyword {width:100%;}
  .main .sch-all-mo.type02 .btn-txt-keyword .search-result-txt,
  .sch-all-mo.type02 .btn-txt-keyword .search-result-txt {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .main .sch-all-mo.type02 .input-group-btn,
  .sch-all-mo.type02 .input-group-btn {position:absolute;right:16px;top:8px;width:32px;}
  .sch-all-mo.type02 .search-mo .btn-txt-del {left:-30px;top:6px;}
  .sch-all-mo.type02 .search-mo .btn-search {width:32px;height:32px;}
  .sch-all-mo.type02 .search-mo .btn-search:before {top:0;left:0;width:32px;height:32px;background:#fff url(../../resources/images/search/icon_search_xl.png) 0 0 no-repeat;background-size:100%;}
  .search-page .navbar.type03 .navbar-top .btn.btn-nav-category,
  .search-page .navbar.type03 .wrap-fixed-navi {display:none;}
  .search-page .navbar.type03 {border-bottom:0;}

  .etc-page .navbar.type03 .navbar-top .btn.btn-nav-category,
  .etc-page .navbar.type03 .wrap-fixed-navi {display:none;}

  .detail-page .navbar.type03 .navbar-top .btn.btn-nav-category {left:54px;}
  .detail-page .navbar.type03 .navbar-top .btn.btn-nav-category.referer-empty {left:16px;}
  .detail-page .navbar.type03 .wrap-fixed-navi {display:none;}

  .payment-page .navbar.type03 .navbar-top .btn.btn-nav-category,
  .payment-page .navbar.type03 .wrap-fixed-navi {display:none;}
    .dock-bar.add-banner-type {height:auto;}
  .dock-bar.add-banner-type .swiper-pagination-bullet{width:6px;height:6px;}
  .dock-bar .text-rolling-banner {display:flex;margin:10px 16px;}
  .dock-bar .text-rolling-banner .rolling-banner {width:calc(100% - 40px);overflow:hidden;}
  .dock-bar .text-rolling-banner .swiper-wrapper {align-items:center;}
  .dock-bar .text-rolling-banner .banner-item {display:flex;align-items:center;}
  .dock-bar .text-rolling-banner .banner-item .banner-icon {flex-shrink:0;width:24px;height:24px;overflow:hidden;margin-right:6px;}
  .dock-bar .text-rolling-banner .banner-item .banner-icon img {width:100%;}
  .dock-bar .text-rolling-banner .banner-item .banner-text {font-size:.8125rem;color:#141414;font-weight:300;line-height:18px;}
  .dock-bar .text-rolling-banner .swiper-pagination {position:relative;display:flex;align-items:center;justify-content:space-around;width:40px;}
  .dock-bar .text-rolling-banner .swiper-pagination .swiper-pagination-bullet {opacity:1;background-color:#C2C2C2}
  .dock-bar .text-rolling-banner .swiper-pagination .swiper-pagination-bullet-active {background-color:#666;}
  .dock-bar .bottom-navigation {display:flex;align-items:center;width:100%;height:52px;padding:0 5px;border-top:1px solid #ebebeb;}    
  .dock-bar .bottom-navigation li {display:flex;align-items:center;height:50px;}
  .dock-bar .bottom-navigation li .btn .txt-area {min-height:auto;line-height:14px;color:#131518;font-weight:400;text-transform:inherit;}
  .dock-bar .bottom-navigation li .btn {height:50px;padding-top:32px;}
  .dock-bar .bottom-navigation .dock-home.on .txt-area {min-height:auto;line-height:13px;color:#f27370;font-weight:500;}
  .dock-bar .bottom-navigation .dock-category {background:url('../../resources/images/search/icon_line_menu02.png') center 2px no-repeat;background-size:32px;} 
  .dock-bar .btn.dock-category.on {background:url('../../resources/images/search/icon_line_menu02.png') center 2px no-repeat;background-size:32px;}
  .dock-bar .bottom-navigation .dock-search {background:url('../../resources/images/search/icon_search_lg.png') center 2px no-repeat;background-size:32px;}
  .dock-bar .bottom-navigation .dock-home {background:url('../../resources/images/search/icon_home.png') center 2px no-repeat;background-size:32px;}
  .dock-bar .bottom-navigation .dock-home.on {background:url('../../resources/images/search/icon_home_on.png') center 2px no-repeat;background-size:32px;}
  .dock-bar .bottom-navigation .dock-my {background:url('../../resources/images/search/icon_person.png') center 2px no-repeat;background-size:32px;}
  .dock-bar .bottom-navigation .dock-history {background:url('../../resources/images/search/icon_watch.png') center 2px no-repeat;background-size:32px;}
  .dock-bar .bottom-navigation .btn.on .img-area {border:1px solid #ebebeb;}
  .dock-bar .bottom-navigation .btn.dock-history.on .txt-area {color: #141414;}
    /* sidemenu layerpop */
  .wrap-layer-sidemenu {position:fixed;top:0;right:0;bottom:0;left:calc((-200vw + 102px));z-index:1040;width:100%;height:100%;background-color:#fff;transition:left 0.25s ease-out;overflow:hidden;}
  .wrap-layer-sidemenu.active {left:0;}
  .wrap-layer-sidemenu:not(.allmenu) .layer-head .btn-back {display:none;opacity:0;}
  .wrap-layer-sidemenu.login-end .layer-head .btn-signin,
  .wrap-layer-sidemenu.login-end .layer-head .btn-join,
  .wrap-layer-sidemenu.login-end .layer-head .btn-back {display:none;}
  .wrap-layer-sidemenu.login-end.allmenu .btn-back {display:block;}
  .wrap-layer-sidemenu.allmenu .layer-head .btn-signin,
  .wrap-layer-sidemenu.allmenu .layer-head .btn-join,
  .wrap-layer-sidemenu.allmenu .layer-head .btn-setting,
  .wrap-layer-sidemenu.allmenu .layer-head .login-complete {display:none;}
  .wrap-layer-sidemenu .layer-head {display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;background-color:#fff;padding:0 16px;margin-bottom:8px;}
  .wrap-layer-sidemenu .layer-head .left-btn-area {display:flex;align-items:center;}
  .wrap-layer-sidemenu .layer-head .right-btn-area {display:flex;align-items:center;}
  .wrap-layer-sidemenu .layer-head .btn-setting {width:24px;height:24px;background-image:url('../../resources/images/search/icon_setting.png');background-size:100%;}
  .wrap-layer-sidemenu .layer-head .btn-signin, .wrap-layer-sidemenu .layer-head .btn-signin-signup, .wrap-layer-sidemenu .layer-head .btn-signin + .btn-join{font-weight:500;}
  .wrap-layer-sidemenu .layer-head .btn-signin + .btn-join{position:relative;margin-left:8px;padding:0 24px 0 9px;}
  .wrap-layer-sidemenu .layer-head .btn-signin-signup{position:relative;margin-left:0;padding:0 24px 0 0;}
  .wrap-layer-sidemenu .layer-head .btn-signin + .btn-join:before {content:'';position:absolute;top:50%;left:0;width:1px;height:10px;background-color:#c2c2c2;margin-top:-5px;}
  .wrap-layer-sidemenu .layer-head .btn-back {padding-left:30px;background-image:url('../../resources/images/search/icon_arrow_left_lg.png');background-size:24px;background-position:0 center;background-repeat:no-repeat;}
  .wrap-layer-sidemenu .layer-head .btn-layer-close {position:relative;width:24px;height:24px;margin-left:16px;}
  .wrap-layer-sidemenu .layer-head .btn-layer-close:before,
  .wrap-layer-sidemenu .layer-head .btn-layer-close:after {content:'';display:block;position:absolute;width:1.5008px;height:22px;top:50%;left:50%;margin-top:-11px;background-color:#141414;}
  .wrap-layer-sidemenu .layer-head .btn-layer-close:before {transform:rotate(45deg);}
  .wrap-layer-sidemenu .layer-head .btn-layer-close:after {transform:rotate(-45deg);}
  .wrap-layer-sidemenu .layer-head .login-complete {font-weight:500;padding-right:24px;}
  .wrap-layer-sidemenu .layer-head .login-complete, .wrap-layer-sidemenu .layer-head .btn-signin + .btn-join{background-image:url('../../resources/images/search/icon_arrow_right_md.png');background-size:18px;background-position:right 0;background-repeat:no-repeat;}
  .wrap-layer-sidemenu .layer-head .login-complete, .wrap-layer-sidemenu .layer-head .btn-signin-signup{background-image:url('../../resources/images/search/icon_arrow_right_md.png');background-size:18px;background-position:right 0;background-repeat:no-repeat;}
  .wrap-layer-sidemenu .layer-body {position:relative;top:0;left:0;width:calc((100vw - 102px) + 100vw);height:calc(100% - 60px);overflow:hidden;transition:left 0.25s ease-out;}
  .wrap-layer-sidemenu .layer-body.active {left:calc((-100vw + 102px));}
  .wrap-layer-sidemenu .layer-body .basic-menu-wrap {float:left;width:calc(100vw - 102px);height:100%;padding:0 16px;overflow-y:auto;-ms-overflow-style:none;}
  .wrap-layer-sidemenu .layer-body .basic-menu-wrap::-webkit-scrollbar {display:none;}
  .wrap-layer-sidemenu .layer-body .all-menu-wrap {float:left;width:100vw;height:100%;}
  .wrap-layer-sidemenu .promotion-area {margin-bottom:40px;}
  .wrap-layer-sidemenu .promotion-area .promotion-list {display:flex;overflow:hidden;}
  .wrap-layer-sidemenu .promotion-area .promotion-list .promotion-item {width:calc((100% - 5px) / 2);max-width:208px;}
  .wrap-layer-sidemenu .promotion-area .promotion-list .promotion-item + .promotion-item {margin-left:5px;}
  .wrap-layer-sidemenu .promotion-area .promotion-list .promotion-item .promotion-box {display:block;}
  .wrap-layer-sidemenu .promotion-area .promotion-list .promotion-item .promotion-box .promotion-thum {display:block;}
  .wrap-layer-sidemenu .promotion-area .promotion-list .promotion-item .promotion-box .promotion-thum img {width:100%;}
  .wrap-layer-sidemenu .promotion-area .promotion-list .promotion-item .promotion-box .promotion-name {display:block;font-size:.8125rem;color:#060606;line-height:16px;margin-top:8px;}

  .wrap-layer-sidemenu .basic-menu-wrap .menu-area {padding:30px 0 40px;}
  .wrap-layer-sidemenu .basic-menu-wrap .menu-area + .menu-area {border-top:1px solid #ededed;}  
  .wrap-layer-sidemenu .basic-menu-wrap .menu-area .basic-navi-list .navi-item + .navi-item {margin-top:24px;}
  .wrap-layer-sidemenu .basic-menu-wrap .menu-area .basic-navi-list .navi-item .navi-name {font-size:1.125rem;letter-spacing:.4496px;}
  .wrap-layer-sidemenu .basic-menu-wrap .menu-area .suggestion-navi-list .navi-item + .navi-item {margin-top:16px;}
  .wrap-layer-sidemenu .basic-menu-wrap .menu-area .suggestion-navi-list .navi-item .navi-name {font-weight:500;line-height:1.38;letter-spacing:.4px;}
  .wrap-layer-sidemenu .basic-menu-wrap .menu-area .suggestion-navi-list .navi-item .navi-name.red {color:#f27370;}
  .wrap-layer-sidemenu .basic-menu-wrap .util-area {margin-bottom:50px;}  
  .wrap-layer-sidemenu .basic-menu-wrap .util-area .util-navi-list {display:flex;}
  .wrap-layer-sidemenu .basic-menu-wrap .util-area .util-navi-list .navi-item {position:relative;width:calc((100% - 30px) / 4);max-width:52px;}
  .wrap-layer-sidemenu .basic-menu-wrap .util-area .util-navi-list .navi-item + .navi-item {margin-left:10px;}
  .wrap-layer-sidemenu .basic-menu-wrap .util-area .util-navi-list .navi-item .navi-box::before {content:'';display:block;width:100%;padding-top:100%;border-radius:100%;background-color:#f5f5f5;background-position:center center;background-size:46%;background-repeat:no-repeat;margin-bottom:5px;}
  .wrap-layer-sidemenu .basic-menu-wrap .util-area .util-navi-list .navi-item.lang .navi-box::before {background-image:url('../../resources/images/search/icon_earth.png');}
  .wrap-layer-sidemenu .basic-menu-wrap .util-area .util-navi-list .navi-item.cs .navi-box::before {background-image:url('../../resources/images/search/icon_headset.png');}
  .wrap-layer-sidemenu .basic-menu-wrap .util-area .util-navi-list .navi-item.order .navi-box::before {background-image:url('../../resources/images/search/icon_truck.png');}
  .wrap-layer-sidemenu .basic-menu-wrap .util-area .util-navi-list .navi-item.app .navi-box::before {background-image:url('../../resources/images/search/icon_logo_global_sm.png');}
  .wrap-layer-sidemenu .basic-menu-wrap .util-area .util-navi-list .navi-item .navi-name {display:block;text-align:center;font-size:.6875rem;line-height:12px;}
  .wrap-layer-sidemenu .basic-menu-wrap .bottom-button-area {margin-bottom:80px;}
  .wrap-layer-sidemenu .basic-menu-wrap .bottom-button-area .btn-sign-out {height:24px;font-size:.875rem;line-height:24px;letter-spacing:.3504px;padding-right:30px;background-image:url('../../resources/images/search/icon_out.png');background-size:24px;background-position:right center;background-repeat:no-repeat;}

  .wrap-layer-sidemenu .all-menu-wrap .all-menu {float:left;width:102px;height:100%;overflow-y:auto;background-color:rgba(155, 206, 38, 0.15);border-radius:35px 0 0 0;-ms-overflow-style:none;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu::-webkit-scrollbar {display:none;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu .icon-navi-list .navi-item.active {background-color:#fff;border-radius:35px 0 0 35px;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu .icon-navi-list .navi-item .navi-box {display:flex;flex-direction:column;width:100%;height:70px;align-items:center;justify-content:center;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu .icon-navi-list .navi-item .navi-box .navi-icon {width:24px;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu .icon-navi-list .navi-item .navi-box .navi-icon img {width:100%;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu .icon-navi-list .navi-item .navi-box .navi-name {font-weight:500;font-size:.75rem;line-height:14px;letter-spacing:.2992px;text-align:center;padding:0 8px;}

  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail {position:relative;float:left;width:calc(100vw - 102px);height:100%;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .all-menu-cont {display:none;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.25s ease-out;padding:0 16px;overflow-y:auto;-ms-overflow-style:none;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .all-menu-cont::-webkit-scrollbar {display:none;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .all-menu-cont.active {display:block;opacity:1;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .menu-detail-box + .menu-detail-box {margin-top:36px;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .menu-detail-box .menu-detail-head {padding-bottom:3px;margin-bottom:16px;border-bottom:1px solid #ededed;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .menu-detail-box .menu-detail-head .menu-detail-name {font-size:.75rem;font-weight:600;letter-spacing:.2992px;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .menu-detail-box .basic-option-list {display:flex;flex-wrap:wrap;margin:-5px 0;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .menu-detail-box .basic-option-list .option-item {padding:8px 18px;background-color:#f5f5f5;border-radius:17px;margin:5px 2px;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .menu-detail-box .basic-option-list .option-item .option-name {font-size:.8125rem;line-height:16px;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .search-area {margin-top:40px;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .search-area .search-list .search-item .search-name {font-size:.875rem;line-height:30px;font-weight:600;letter-spacing:0.35px;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .promotion-area {margin-top:40px;margin-bottom:64px;}

  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .menu-detail-box .thum-option-list {display:flex;flex-wrap:wrap;margin-top:-30px;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .menu-detail-box .thum-option-list .option-item {width:calc((100% - 28px) / 2);margin-top:30px;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .menu-detail-box .thum-option-list .option-item:nth-child(2n) {margin-left:28px;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .menu-detail-box .thum-option-list .option-item .option-box {display:block;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .menu-detail-box .thum-option-list .option-item .option-thum {position:relative;display:block;width:100%;padding-top:100%;background-color:#f5f5f5;border-radius:100%;margin:0 auto;overflow:hidden;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .menu-detail-box .thum-option-list .option-item .option-thum img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;margin:auto;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .menu-detail-box .thum-option-list .option-item .option-thum .thum-text {position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:500;font-size:.75rem;}
  .wrap-layer-sidemenu .all-menu-wrap .all-menu-detail .menu-detail-box .thum-option-list .option-item .option-name {display:block;text-align:center;font-size:.8125rem;line-height:14px;margin-top:4px;}
    .wrap-fixed-navi {height: 44px;}
  .navbar.type03 {border-bottom:0}
  .wrap-fixed-navi::before {content:'';position:absolute; bottom:0;left:0;width:100%;height:1px;background-color: #dadde0;}
  .wrap-fixed-navi .navi-list {padding: 0 18px;}
  .wrap-fixed-navi .navi-list .navi-item {position:relative;display:flex;align-items:center;padding:0;height:100%;}
  .wrap-fixed-navi .navi-list .navi-item + .navi-item {margin-left: 20px;}
  .wrap-fixed-navi .navi-list .navi-item.active:after {content:'';position:absolute;width:100%;bottom:0;left:0;height:2px;background-color:#131518;z-index:2;}
  .wrap-fixed-navi .navi-list .navi-item .navi-name {color:#757D86;font-weight:400; font-size:1rem;letter-spacing:normal;}
  .wrap-fixed-navi .navi-list .navi-item .navi-name.special {font-weight:700;}
  .wrap-fixed-navi .navi-list .navi-item.active .navi-name {font-weight:700;color:#131518;}

  .wrap-fixed-navi.fixed {border-bottom: 0;}
  .wrap-fixed-navi.fixed .navi-list .navi-item {padding: 0;}
  .top-banner-shipping ~ .contents-body .tab-pills-wrap.type1.tab-best-sellers {border-top: 0;}
  	.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%;}
    .top-banner-shipping{display:none;}
      .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;}
    .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%);}
  .direct-top.add-b1.type02{bottom:123px;}
    .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;}
    .footer .footer-sns-group .btn {margin-right: 0px !important;}
  .footer .footer-sns-group {padding: 10px 0 15px; margin-left: -5px;}
  .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;}
    /* 리드배너 */
  .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);}
  .promo-typeA .top-banner-lead-img, .promo-typeA .top-banner-lead-img a {min-height: 44px;}
      .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); }
}
/* big banner animation */
.big-animation-wrap .small-txt01 {display: none;}
.swiper-slide-active .big-animation-wrap .ani-wrap {transform: translateX(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;
}

.search-layer .wrap-tab-swiper .tab-list{height: 390px;}
.tab-search-layer .swiper-slide .tab-swiper-title .btn{padding: 18px 0 15px;font-size: 1rem;font-weight: 500;color: #888888;border-bottom: 2px solid #e0e0e0;} /* PC웹 접근성 진단 보고서 27페이지 수정 */
.tab-search-layer .swiper-slide.on .tab-swiper-title .btn{font-weight: 600;color: #3d3d3d;border-color: #9bce26;}
.tab-search-layer .swiper-slide .tab-pannel{overflow: inherit;position: relative;width: 100%;height: 340px;margin-top: 0;padding: 8px 0;border-bottom: 1px solid #e0e0e0;}
.search-layer .wrap-btn{display: inline-block;position: absolute;right: 15px;bottom: 8px;}

.tab-search-layer .btn-remove-all-searchs{display: none;position: absolute;left: 16px;bottom: -27px;z-index: 2;}
.btn-remove-all-searchs{font-size: 0.8125rem;font-weight: 400;text-decoration: underline;}
.tab-search-layer .swiper-slide.on .btn-remove-all-searchs{display: block;}
.auto-search-layer{display: none;}

.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;}
.notice-final-price {
    display: flex;
    padding-top: 6px;
    gap: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #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;
    }
}
.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 (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; }
}
/* [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-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; }
@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; }
}
/* [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; }
.modal-body{ scrollbar-gutter: stable; }
[class^="svg-icon-"] svg { width: 100%; height: 100%; }
@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] 국가 선택 팝업 */
@media(min-width: 1200px) {
  .selectbox.float-pc-only .selectbox-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
  }
}

/* 페이지 */
/* SNS share 모달 팝업 :: 공통 */
.modal .btn-area.btn-sns-share{display:-webkit-inline-flex;display:inline-flex;margin:10px 0 2rem;vertical-align:top;}
.modal .btn-area.btn-sns-share .btn{margin:0 15px;}
.modal .btn-area.btn-sns-share~p{line-height:1.1875rem;}
.modal .btn-area.btn-sns-share~ .copy-url-area {display: flex; align-items: center; position: relative; top:-6px; padding-bottom: 30px;}
.modal .btn-area.btn-sns-share~ .copy-url-area .form-control{width:100%; flex:1; margin:0 auto;color:#666; background-color: #ebebeb; border:0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.modal .btn-area.btn-sns-share~ .copy-url-area .btn-txt-copy{margin-bottom:0;padding:5px 11px;line-height:1.2;text-decoration:none;font-weight: 500; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.modal .btn-area.btn-sns-share~ .copy-url-area .btn-txt-copy:focus,
.modal .btn-area.btn-sns-share~ .copy-url-area .btn-txt-copy:hover{color:#fff;text-decoration:none; }
.modal .btn-area.btn-sns-share~ .copy-url-area .btn-txt-copy~.textCopyInput{position:absolute;width:1px;height:1px;padding:0;border:none;opacity:0;}
:root {
  /* [S] 2024-05-23 상품상세 브랜드명 UI 개선 건 (브랜드 컬러 변경 적용) */
  /* --brandColor1: #9bce26; */
  /* --brandColor2: #f27370; */
  --brandColor1: #82dc28;
  --brandColor2: #ff7878;
  /* [E] 2024-05-23 상품상세 브랜드명 UI 개선 건 (브랜드 컬러 변경 적용) */
  --brandColor3: #f1f8e1;
  --brandColor4: #FDEAEA;
  --brandColor5: #fef2f2;
  --fontColor1: #131518;
  --fontColor2: #333;
  --fontColor3: #666;
  --fontColor4: #c2c2c2;
  --fontColor5: #ebebeb;
  --fontColor6: #f5f5f5;
  --font11: 11px/1.4 -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif; /* line-height: 15.4px */
  --font12: 12px/1.4 -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif; /* line-height: 16.8px */
  --font13: 13px/1.4 -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif; /* line-height: 18.2px */
  --font14: 14px/1.4 -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif; /* line-height: 19.6px */
  --font15: 15px/1.4 -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif; /* line-height: 21px */
  --font16: 16px/1.4 -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif; /* line-height: 22.4px */
  --font18: 18px/1.4 -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif; /* line-height: 25.2px */
  --font24: 24px/1.4 -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Roboto", "NotoSansJP", Arial, sans-serif; /* line-height: 33.6px */
  /* 아이폰 구모델에서 적용 안되는 문제로 사용 안함 */
  --imgSp1: url("../../resources/images/myaccount/img_sp_exchange.png") no-repeat;

  /* [S] 2024-07 상품상세페이지 UI/UX 개선 */
  --newColor1:#82DC28;
  --newColor2:#FF5753;
  --newColor3:#E4C65E;
  --newColor4:#DADDE0;
  --newColor5:#C9CDD2;
  --newColor6:#99A1A8;
  --newColor7:#757D86;
  --newColor8:#131518;
  --newColor9:#5FBE00;
  --newColor10:#FF514D;
  /* [E] 2024-07 상품상세페이지 UI/UX 개선 */
}.card-company-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.card-company-list > li {
  margin-top: 8px;
  margin-right: 8px;
  background: url("../../resources/images/myaccount/img_sp_exchange.png") no-repeat;
  background-size: 400px;
  height: 19px;
  font-size: 0;
  line-height: 0;
}
.card-company-list > li.paypal {
  width: 64px;
  background-position: 0 -200px;
}
.card-company-list > li.visa {
  width: 29px;
  background-position: -100px -200px;
}
.card-company-list > li.master {
  width: 30px;
  background-position: -150px -200px;
}
.card-company-list > li.jcb {
  width: 24px;
  background-position: -200px -200px;
}
.card-company-list > li.american {
  width: 19px;
  background-position: -250px -200px;
}
.card-company-list > li.union {
  width: 30px;
  background-position: -300px -200px;
}
.card-company-list > li.alipay {
  width: 57px;
  background-position: -344px -200px;
}