@charset "utf-8";
/* body > .wrap { overflow-x: hidden;}  */
body > .wrap { overflow:hidden; min-width:1640px; min-height:100vh;}
/* top event */
.top-event {overflow:hidden; background-color: #000; height: 56px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } 
.top-event .wrap-holder { height: 56px; margin: 0 auto } 
.top-event ._img.wh-close { position: absolute; top: 50%; right: 20px; margin-top: -8px; width: 16px; height: 16px; background:url(../images/common/ico_wh_close.svg) no-repeat center center; z-index: 2 } 

/* header */
/* 554 GNB CSS 수정요청 */
.header-wrap { border-bottom: 0px solid #ddd;  } 

.header-wrap .wrap-holder { max-width: 1640px; min-width: 1360px; margin: 0 auto } 
/* 554 GNB CSS 수정요청 */
.header-holder { height: 92px; position: relative } 
.header-wrap .wrap-holder .logo { margin-top:-8px; } 
.logo a { display: block; width: 230px; height: 34px; background: url(../images/common/brand_logo_kvillage_b0.png) no-repeat center top; text-indent: -9999px; } 
.nav-in { margin-left: 0px; position: static; } 
.nav-in > li { padding: 0 10px; height: 61px } 
.nav-in > li > a { display: block; padding: 5px 5px 2px; font-size: 18px; position: relative;font-weight:500;white-space:nowrap;} 

/* 554 GNB CSS 수정요청 */
.nav-in > li > a::before { content: ''; display:block; position: absolute; left: 50%; top: 53px; width: 0px; height: 4px; background-color: #000; transition: all 0.2s; } 
.nav-in > li > a::after { content: ''; display:block; position: absolute; right: 50%; top: 53px; width: 0px; height: 4px; background-color: #000; transition: all 0.2s; } 

.nav-in > li > a.on::before, .nav-in > li:hover > a::before,
.nav-in > li > a.on::after, .nav-in > li:hover > a::after { width: 50%; }
.nav-in > li:first-child {padding: 0 15px 0 0;}
.nav-in > li:nth-child(2) {
    margin-top: -1px;
}
.topmenu-holder { padding-top: 20px } 
.search-holder { position: relative } 
.alim-holder li { padding: 0 7px } 
.alim-holder li a { position: relative } 
.alim-holder ._img { width: 24px; height: 24px; background-position: center center; background-repeat: no-repeat; } 
.alim-holder .favorite ._img { background-image: url(../images/common/ico24-heart.svg);} 
.alim-holder .alert ._img { background-image: url(../images/common/ico24-alert.svg); } 
.alim-holder .cart ._img { background-image: url(../images/common/ico24-cart.svg); } 
.alim-holder ._img + em { height: 18px; border-radius: 9px; background: #333; min-width: 18px; padding: 2px 6px 0; color: #fff; font-size: 10px; display: inline-block; position: absolute; top: -4px; right: -8px; } /*3-105 메인화면 강조컬러 활용 영역 추가 - 장바구니 뱃지 아이콘 컬러*/
.alim-holder .cart ._img + em { padding: 0 1px 0 0; display: flex; justify-content: center; align-items: center; background: #FF5B37; } 
.nav-holder { margin-top: 21px; position: static; justify-content:flex-start !important; } 
.member-holder { margin-left: 10px } 
.member-holder li { padding:0 10px } 
.member-holder li:last-child { padding-right: 0; } 
.member-holder a { display:block; font-size: 13px; color: #333; padding: 5px 0 } 
.golink-holder li { padding: 0 10px } 
.golink-holder li:last-child { padding-right: 0; } 
.golink-holder a { display:block; font-size: 16px; color: #333; padding: 5px 0;white-space:nowrap;} 
.golink-holder .search-holder{margin-left:15px}
.golink-holder .search-holder .btn-search i{width:33px;height:33px;border-radius:33px;background-color:#ddd;background-position:center center}

/*layout, main.css reset*/
.top-event {position: relative;z-index: 1;}
.nav-holder {position:relative!important;z-index:1;}
.header-wrap .wrap-holder{position: relative;z-index: 12;}
/* .nav-holder:after{content:'';display:block;width:100%;height:1px;background:#ddd;position:absolute;z-index:11;top:61px;} */
.home .header-wrap .nav-holder:after{content:none;}
.home .header-wrap {
    height: 140px;
    background-color: #fff;
}
.alim-holder li:before, .member-holder li::before {content: none !important;}
.header-wrap .nav-in > li:nth-child(1) > a.on, 
.header-wrap .nav-in > li:nth-child(2) > a.on, 
.header-wrap.gnb-open .nav-in > li:nth-child(1) > a:hover,
.header-wrap.gnb-open .nav-in > li:nth-child(2) > a:hover {color: #333 !important; text-shadow: none !important;}
.header-wrap.gnb-open .nav-in > li:nth-child(2) > a {text-shadow: none !important;}
/* 240502 PC GNB 하단 그림자 적용 */
.header-wrap.gnb-open .nav-sub-wrap::after {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;-webkit-box-shadow: 0px 18px 40px -1px rgba(0,0,0,0.08); box-shadow: 0px 18px 40px -1px rgba(0,0,0,0.08);}
.brand .header-wrap.gnb-open .nav-sub-wrap::after {content: none;}
/*.header-wrap.gnb-open .nav-in > li:nth-child(2) > a::before  {content: none !important;}*/
/* .home .header-wrap.gnb-open .nav-holder:after{content:'';display:block;width:100%;height:1px;background:#ddd;position:absolute;z-index:11;top:61px;} */

/*Mall GNB*/
.nav-in > li {
    height: 100%;
    line-height: 72px;
    padding: 0 15px;
}
.nav-in > li > a {
    padding: 0;
}
.nav-holder .end {height: 100%;}
.nav-holder .end > div {height: 100%;}
/* .nav-holder .nav-in a {
    font-weight: normal;
    color: #333;
    height: 72px;
    line-height: 70px;
} */
.nav-holder .nav-in #nav_category {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    letter-spacing: -0.029em;
    cursor: pointer;
    margin-top: -2px;
}
.nav-holder .nav-in #nav_category::after {content: none;}
.nav-holder .nav-in #nav_category::before {
    content: '';
    position: absolute;
    left: 0;
    top: 54%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background: url("https://mrromance.co.kr/proposal/k2/images/gnb_bar_big.svg") 0 0 no-repeat;
    background-size: 100%;
}
.home .white .nav-holder .nav-in #nav_category::before {background: url("https://mrromance.co.kr/proposal/k2/images/gnb_bar_big.svg") 0 0 no-repeat 0 0 no-repeat;}
.home .white.header-wrap.gnb-open .nav-holder .nav-in #nav_category::before {background: url("https://mrromance.co.kr/proposal/k2/images/gnb_bar_big.svg") 0 0 no-repeat 0 0 no-repeat !important;}
.nav-holder .nav-in #nav_brand {
    position: relative;
    display: block;
    width: 68px;
    height: 20px;
    line-height: 19px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #333;
    padding-right: 10px;
    letter-spacing: 0;
}
/* .nav-in > li:nth-child(2):hover > a::before {content: none;} */
.nav-holder .nav-in #nav_brand::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7px;
    width: 5px;
    height: 8px;
    background: url("https://contents.k-village.co.kr/front/pc/images/common/gnb_arr.png") 0 0 no-repeat;
    background-size: contain;
}
.home .white .nav-holder .nav-in #nav_brand::after {background: url("https://contents.k-village.co.kr/front/pc/images/common/gnb_arr.png") 0 0 no-repeat;}
.header-wrap.gnb-open.white .nav-holder .nav-in #nav_brand::after {background: url("https://contents.k-village.co.kr/front/pc/images/common/gnb_arr.png") 0 0 no-repeat;}
.header-wrap.gnb-open.white .nav-holder .nav-in #nav_brand {border-color: #333 !important;}
.home .white .logo a, .home .white .nav-in a, .home .white .search-type, .home .white .member-holder a, .home .white .golink-holder a {color: #333;}
/* .header-wrap.gnb-open{background:#fff;border-bottom:1px solid #ddd;position: relative;z-index:21;} */
.header-wrap.gnb-open .nav-in > li > a{color:#000;font-weight:normal;}
.header-wrap .nav-in > li > a.on,
.header-wrap.gnb-open .nav-in > li > a:hover{color:#FF5733;text-shadow:0 0 0 #FF5733;}
/* .header-wrap.gnb-open .nav-holder:not(.nav-brand) .logo a{background-image: url(../images/common/bland_logo.png);} */

/* 554 GNB CSS 수정요청 */
.header-wrap .nav-sub-wrap{padding: 0;min-width: 1360px;margin: 0 auto;position: relative;z-index: -10;display:none;}
.header-wrap .nav-sub-wrap .nav-sub.cate {
    padding: 39px 0 45px;
}

/* .header-wrap.gnb-open .nav-sub-wrap{display: block;z-index: 20;background:#fff;-moz-transition-property: background 1s ease-out;border-top: 1px solid #ddd;box-shadow: 0 4px 4px rgb(0 0 0 / 25%);-webkit-transition-property: background 1s ease-out;-webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;} */
.nav-sub-wrap a{color:#000;}
/* .nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;} */
.nav-sub.on{display:flex;flex-wrap: wrap;}
.nav-sub .sub-dir{width: 200px;height: auto;margin: 0; border-right: 1px solid #dbdbdb;}
.nav-sub .sub-dir ~ .sub-thumb {margin-top:-40px;}
.nav-sub .sub-dir a{display:block;font-size:18px;font-weight:normal;margin:0 0 23px 0;}
.nav-sub .sub-dir a:last-child {margin: 0;}
.nav-sub .sub-dir a.on {
    font-weight: 600;
}
.nav-sub .sub-dir a:after,
.header-wrap.gnb-open.white .sub-dir a::after{content:none;display:inline-block;width:6px;height:12px;background:url(../images/common/ico-arrow-next.svg) right center no-repeat;margin:0 0 0 8px;background-size: 5px 11px;}
.nav-sub .sub-dir a.on:after, 
.header-wrap.gnb-open.white .sub-dir a.on::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 12px;
    background: url(https://contents.k-village.co.kr/front/pc/images/common/ico-arrow-next.svg) right center no-repeat;
    margin: 0 0 0 8px;
    background-size: 5px 11px;
}
.nav-sub dl{min-width:160px;border-left:1px solid rgba(137, 137, 137, 0.3);padding: 0 0 0 20px;}
.nav-sub dt{font-size:16px;display:block;color:#000;margin:0 0 10px 0;font-weight:500;cursor:pointer;}
.nav-sub dd{display:block;line-height:30px;}
.nav-sub dd a{display:block;font-size:14px;}
.nav-sub dl:hover dt{color:#FF5733;}
.nav-sub dl,
.nav-sub > dl:nth-child(2){min-width:140px;/*width: 160px*/;border:none;margin:0;padding: 2px 0 0 18px;}
.nav-sub dl dd a:hover{color:#FF5733!important;text-decoration:underline;}
.nav-sub dl dd.on a{color:#FF5733}
.nav-sub ul{display:flex;}
.nav-sub .sub-ico li a{display: flex;flex-direction: column;width: 120px;height: 143px;text-align: center;align-items: center;justify-content: center;border:none;font-size:14px;background-position: 0 center;padding-top: 85px;}
/* .nav-sub .sub-ico li:nth-child(4) {
    width: 110px;
} */
/* .nav-sub .sub-ico li:nth-child(5) {
    margin-right: 10px;
}  */
.nav-sub .sub-ico li:nth-child(5) a {
    background-position: 0 28px;
}
.nav-sub .sub-ico li:first-child {margin-left: -14px;}
.nav-sub .sub-ico li a img{display:block;margin:0 0 15px 0;}

.nav-sub .sub-name {
    width: fit-content;
    gap: 6px 68px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 156px;
    margin: 29px 0 60px -2px;
}
.nav-sub .sub-name a span {
    font-size: 13px;
    color: #888;
}
.nav-sub .sub-brand {flex-wrap:wrap;position: relative;}
.nav-sub .sub-ico::after {
    content: '';
    width: 200vw;
    height: 1px;
    position: absolute;
    left: -170px;
    bottom: 0;
    background-color: #ddd;
}
.nav-sub .sub-brand li a {
    padding-top:80px; 
    border:1px solid transparent; 
    background-size:70px 70px; 
    background-repeat:no-repeat; 
    background-position:0 center;
}
.nav-sub .sub-name li {width: fit-content;}
.nav-sub .sub-name li a {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0;
    background: none;
    font-size: 16px;
    line-height: 1.4em;
    color: #000;
    letter-spacing: -0.02em;
}
.nav-sub .sub-style li a{padding-top:60px; border:1px solid transparent; background-position:center 35%; background-repeat:no-repeat; background-size:48px 48px;}
.nav-sub .sub-thumb{flex:1; text-align:right;}
.nav-sub .sub-thumb a{display:inline-block;width:256px;margin:0 0 20px 20px; text-align:left; vertical-align:top;}
.nav-sub .sub-thumb a:first-child {margin-left:0;}
.nav-sub .sub-thumb a img{width:100%;}
.nav-sub .sub-thumb a strong{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px;font-weight:500;display:block;margin:15px 0 5px 0;}
.nav-sub .sub-thumb a p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px;}
.nav-sub .sub-dir a.on:after, .header-wrap.gnb-open.white .sub-dir a.on::after {margin: 0 0 1px 13px;}
.nav-sub ul.sub-brand-list{    margin: 20px 0 0 0;
    display: flex;
    height: 200px;
    list-style: none;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;}
.nav-sub ul.sub-brand-list li{min-width: 125px;}
.nav-sub ul.sub-brand-list li a{    font-size: 14px;
    color: #000;
    line-height: 34px;
    display: block;}
/* 250307 상단 브랜드 좌우 스크롤 */
.nav-sub .sub-brand-box {
    position: relative;
}
.nav-sub .sub-brand-wrap.scroll {
    width: 100%;
    height: auto;
    margin-bottom: 60px;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}
.nav-sub .sub-brand-wrap.scroll::-webkit-scrollbar {
    display: none;
}
.nav-sub .sub-brand-wrap.scroll .sub-brand {
    width: 100%;
    margin: 29px 0 0;
}

/* 250310 버튼 background 이미지, opcity 수정 */
.nav-sub .sub-brand-box .sub-brand-btn {
    position: absolute;
    top: 50%;
    width: 42px;
    height: 82px;
    background: url(https://contents.k-village.co.kr/front/pc/images/common/ico_chevron-left_edit.svg) center center no-repeat;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: .15;
}
.nav-sub .sub-brand-box .sub-brand-btn.on {
    pointer-events: auto;
    opacity: .5;
}
/* //250310 버튼 background 이미지, opcity 수정 */
.nav-sub .sub-brand-box .brand-btn-prev {
    left: -88px;
    transform: translateY(-50%) scaleX(-1);
}
.nav-sub .sub-brand-box .brand-btn-next {
    right: -88px;
}


/*Brand GNB*/
.brand .header-wrap{height:210px;border:none;}
.brand .header-wrap .nav-holder:after{content:none;}
.brand .header-wrap.gnb-open{background:transparent;}
.brand .header-wrap .nav-sub-wrap{text-align:center;width:auto;background:transparent;padding:20px 0;border:none;box-shadow: none;}
.brand .header-wrap.gnb-open .nav-sub-wrap::after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;-webkit-box-shadow: 0px 18px 40px -1px rgba(0,0,0,0.08); box-shadow: 0px 18px 40px -1px rgba(0,0,0,0.08);}
.nav-holder.nav-brand{display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;align-items: center;margin-top: 0px;position: relative; padding-top:25px;}
.nav-holder.nav-brand .nav-in{margin-top: 65px;margin-left:0;}
.nav-holder.nav-brand .nav-in > li {padding: 0 10px;height: 61px;line-height: 61px;}
.nav-holder.nav-brand  .nav-in > li > a {display: block;/* padding: 5px 5px 2px; */;font-size: 18px;position: relative;font-weight: 500;}
.nav-holder.nav-brand .golink-holder{position: absolute;right: 0;top: -10px;}
.brand .header-wrap .nav-sub{max-width: 100%; text-align: left;background:#fff;padding:40px 30px 50px 30px;}
.brand .header-wrap .nav-sub.nav-3 {padding-top:35px; padding-bottom:35px;}
.brand .header-wrap .nav-sub:not(.nav-2).on {justify-content: center;}
.brand .header-wrap .nav-sub dl {border-left: none;}
.brand .header-wrap .nav-sub.nav-3 dl {display:flex; padding:0;}
.brand .header-wrap .nav-sub dd a{font-size:14px;color:#666;}
.brand .header-wrap .nav-sub.nav-3 dd a{display:block; padding:0 35px; font-size:16px; color:#333; font-weight:500;}
.brand .header-wrap .nav-sub .sub-thumb {position: relative;margin-left: 0;display:block;width:1130px;margin:0 auto;}
.brand .header-wrap .nav-sub .sub-thumb .no-data {font-size:16px; text-align:center;}
.brand .header-wrap .nav-sub .sub-thumb .swiper{width:1042px;margin:0 auto;}
.brand .header-wrap .nav-sub .sub-thumb .swiper-slide{width: 515px;}
.brand .header-wrap .nav-sub .sub-thumb a {width: 515px;margin:0;}
.sub-thumb .swiper-button-next, .sub-thumb .swiper-button-prev,
.sub-thumb .swiper-button-next:hover, .sub-thumb .swiper-button-prev:hover {background: url(../images/common/arrow_bigger.svg) center center no-repeat !important;top: 130px;}

/* white GNB */
.white .logo a,
.white .nav-in a,
.white .search-type,
.white .member-holder a,
.white .golink-holder a { color: #fff; } 
.white .input-holder .btn-search i{background: url(../images/common/ico24-search-wh.svg) left top no-repeat;}
.white a::before,
.white .nav-in > li > a::before,
.white .nav-in > li > a::after,
.white a::after { background-color: #fff } 
.white .search-type { border-bottom-color: #fff; } 
/* .white ~ .content-wrap .swiper-button-prev, */
/* .white ~ .content-wrap .swiper-button-next {background-image: url(../images/main/chevron-left.png) !important;} */
.white .logo a { background-image: url(../images/common/brand_logo_kvillage_w0.png); } 
.white .input-holder .search i { background-image:url(../images/common/ico24-search-wh.svg); } 
.white .golink-holder .search-holder .btn-search i{width:33px;height:33px;border-radius:33px;background-color:none;border:1px solid #fff;background-position:center center}
.white .alim-holder .favorite ._img { background-image:url(../images/common/ico24-heart-wh.svg); } 
.white .alim-holder .alert ._img { background-image:url(../images/common/ico24-alert-wh.svg); } 
.white .alim-holder .cart ._img { background-image:url(../images/common/ico24-cart-wh.svg); }
/* .header-wrap.gnb-open.white .nav-holder:not(.nav-brand) .logo a{background-image: url(../images/common/bland_logo.svg);} */

.header-wrap.gnb-open.white .logo a,
.header-wrap.gnb-open.white .nav-in a,
.header-wrap.gnb-open.white .search-type,
.header-wrap.gnb-open.white .member-holder a,
.header-wrap.gnb-open.white .golink-holder a { color: #000 } 
.header-wrap.gnb-open.white .input-holder .btn-search i{background: url(../images/common/ico24-search.svg) left top no-repeat;}
.header-wrap.gnb-open.white .golink-holder .search-holder .btn-search i{width:33px;height:33px;border-radius:33px;background-color:#ddd;background-position:center center}
.header-wrap.gnb-open.white a::before,
.header-wrap.gnb-open.white .nav-in > li > a::before,
.header-wrap.gnb-open.white .nav-in > li > a::after,
.header-wrap.gnb-open.white a::after { background-color: #000 } 
.header-wrap.gnb-open.white .search-type { border-bottom-color: #ddd; } 
.header-wrap.gnb-open.white .logo a { background-image: url(../images/common/brand_logo_kvillage_b0.png); }
.header-wrap.gnb-open.white .input-holder .search i { background-image:url(../images/common/ico24-search.svg); } 
.header-wrap.gnb-open.white .alim-holder .favorite ._img { background-image:url(../images/common/ico24-heart.svg); } 
.header-wrap.gnb-open.white .alim-holder .alert ._img { background-image:url(../images/common/ico24-alert.svg); } 
.header-wrap.gnb-open.white .alim-holder .cart ._img { background-image:url(../images/common/ico24-cart.svg); }
/*
.header-wrap.gnb-open.white .nav-in > li > a{color:#fff;}
.header-wrap.gnb-open.white .nav-holder:not(.nav-brand) .logo a{background-image: url(../images/common/bland_logo_wh.svg);}
*/
.header-wrap.gnb-open.white .golink-holder a { color: #000}

@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
            opacity:0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity:1;
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
            opacity:0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity:1;
  }
}

@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity:1;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
            opacity:0;
  }
  
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity:1;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
            opacity:0;
  }
}


.subnav-item { position: absolute; left: 0; top: 133px; width: 100%; display: none; background-color: #fff; min-height: 440px } 
.subnav-item > .flex > div:nth-child(1) { flex-basis: 280px; position: relative } 
.subnav-item > .flex > div:nth-child(2) { flex-grow: 2; padding: 0 0 0 36px } 
.subnav-item > .flex > div:nth-child(3) { flex-grow: 1 } 
.subnav-item > .flex > div:nth-child(1)::after { content: ''; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 440px; background-color: #ddd } 
.subnav-item.on { display: block } 
.subnav-item .w1640 { height: 440px } 
.nav-close { position: absolute; top: 20px; right: -50px; display: block; width: 20px; height: 20px; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url('../images/common/icon-close.svg'); z-index: 999999; } 
.depth-wrap { width: 140px; padding: 30px 0 0 0 } 
a.nav-3depth { display: block; font-size: 16px; color: #666; font-weight: 700; padding: 6px } 
.nav-4depth a { display: block; font-size: 16px; color: #666; padding: 6px } 

.content-wrap { min-height: 50vh } 
/* footer */
.footer-wrap { background-color: #f5f5f5; padding:60px 0 55px; } 
.footer-wrap .wrap-holder { max-width: 1640px; min-width: 1360px; padding:0 20px; margin: 0 auto } 
.footer-wrap h2 { width: 180px; height: 26px; margin-right: 50px; background:url(../images/common/footer-logo-180.svg) no-repeat center center; text-indent: -9999px; } 
.company-holder li { margin-left:20px } 
.company-holder a { font-size:14px; } 
.address-holder { font-size: 13px; color:#888; line-height: 20px; } 
.address-holder p span {font-size: 10px;color: #ccc;line-height: 20px;padding: 0 7px;display: inline-block;} 
.address-holder a.address-link { display:inline-block; padding:0 10px 0 0; margin-left:20px; color: #000; background:url(../images/common/icon-arr-dark.svg) no-repeat right center; background-size: 10px 10px } 
/*.center-phone h6 { font-size:16px; font-weight: 700; }  !* 2022-04-21 footer 변경 요청 *!*/
.center-phone h6 { font-size:16px; font-weight: 700;display: inline-block;vertical-align: middle;margin: 0 5px 0 0;}  /* 2022-04-21 footer 변경 요청 */
.center-phone h3 { font-size:20px; font-weight: 700;display: inline-block;vertical-align: middle;margin: 0 5px 0 0;}
.center-phone h3 + span{color:#666;display: inline-block;vertical-align: middle;font-weight: 400;letter-spacing: 0;color: #666;}
.center-phone h6 + span{color:#666;display: inline-block;vertical-align: middle;font-weight: 400;letter-spacing: 0;color: #666;}    /* 2022-04-21 footer 변경 요청 */
.footer-sns-holder li { margin-left:6px } 
.footer-sns-holder ._img { width:35px; height:35px; background-color: #000; border-radius: 50%; background-position: center center; background-repeat: no-repeat; } 
.footer-sns-holder ._img.instagram { background-image: url(../images/common/ico_insta.svg); } 
.footer-sns-holder ._img.facebook { background-image: url(../images/common/ico_facebook.svg); } 
.footer-sns-holder ._img.blog { background-image: url(../images/common/ico_blog.svg); } 
.footer-sns-holder ._img.youtube { background-image: url(../images/common/ico_youtube.svg); } 
.center-info { font-size: 13px; color: #000; line-height: 20px; } 
.center-info ._img { width: 52px; height:52px; background-repeat: no-repeat; background-position: center center; } 
.center-info ._img.escrow { background-image: url(../images/common/ESCROW_mark.png); margin-left:25px } 

.alert-holder ul li { font-size: 13px; color: #666; line-height: 1.5; background:url(../images/common/blt-question.svg) no-repeat left 1px; padding-left:24px; margin:5px 0 } 
.top-navi { position: fixed; right: 45px; bottom: 45px; z-index:60;} 
.top-navi li { position: relative; }
.top-navi li a { display: block }

/*-  검색아이콘 추가 css 221207 */
.top-navi a.searchi i {width: 55px; height: 55px; background: #fff url('../images/common/icon-search-pc.svg') no-repeat center center; border-radius: 50%; border: 1px solid #888;}

.terms-contents > span{font-size:16px !important;line-height:24px !important;color:#888 !important;text-indent: 0 !important;}
.terms-contents p{font-size:16px;line-height:24px;color:#888;text-indent: 0;}
.terms-contents p strong{font-size:16px;line-height:24px;color:#000;text-indent: 0;}
.terms-anchc-wrap{display: flex;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0;margin:0 0 30px 0;}
.terms-anchc{padding:0 20px;width: 47%;}
.terms-anchc li{    list-style: disc;
    color: #888;}
.terms-anchc li a{font-size:16px;padding: 3px 0;display: block;color:#888;}
.terms-anchc li a:hover{text-decoration:underline;color:#000}
.terms-contents{font-size:14px;color:#333;line-height: 26px;}
.t-section{padding:0 0 30px 0;}
.t-section h2{font-size:16px;margin:0 0 10px 0;padding: 0;}
.t-section ol li{font-size:16px;color:#888;line-height:24px;text-indent:-15px;padding:0 0 10px 20px;}
.t-section ol li ol li{text-indent:-20px;}
.t-section ol li ul{padding:0 0 0 20px;}
.t-section ol li ul li{padding:0 0 5px 0}
.t-section  table{width:100%;}
.t-section li table{left: -20px;position: relative;width: calc(100% + 20px);top: 10px;}

.terms-table { margin-bottom:20px; border-top:1px solid #ddd; } 
.terms-table table { width:100%; } 
.terms-table thead th { font-size: 16px; background: #F8F8F8; text-align: center; border: 1px solid #ddd; padding: 8px 0; vertical-align: middle; height: 60px; font-weight: 400;color:#000;} 
.terms-table tbody th { font-size: 14px; background:#f8f8f8; border-bottom: 1px solid #ddd; text-align: center; font-weight: 400 } 
.terms-table tbody td { font-size: 14px; border-bottom: 1px solid #ddd; height: 43px;color:#000;padding: 20px 20px;text-align: center;} 
.terms-table tbody td.left { text-align: left;padding: 0 0 0 10px; } 
.terms-table.col-line tbody th, .terms-table.col-line tbody td { border: 1px solid #ddd; } 
.terms-table.col-line tbody td:last-child { } 
.terms-table.col-line tbody td.border-right {  } 
.terms-table.col-line tbody td * { font-size: inherit } 
.modal .terms-contents * {font-size:14px;}

/* product list */
.thumb-img { position: relative;display:flex;align-items:center;overflow:hidden;background-color:#fff;height: auto} 
.thumb-img .thumb-over{ display:flex;align-items:center;overflow:hidden;background-color:#fff;height: auto} 
.thumb-img img { width: 240px; height:auto } 
.thumb-img .btn-favorite { position: absolute; top: 10px; right: 7px; z-index: 10; } 
.thumb-over { position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; transition: all 0.5s ease 0s; } 
.prd-ele:hover .thumb-over { opacity: 1; } 
.org-price { font-size: 16px; color: #999; margin-bottom: 10px; font-weight: normal } 
.org-mark { font-size: 14px; color: #999; font-weight: normal } 
.prd-price { font-size: 14px; font-weight: 700; color: #000 } 
.prd-price .prd-mark { font-size: 13px; font-weight: normal; color: #000 } 
.prd-price .sale-percent { font-size: 14px; color: #ff5b37; padding-left: 10px } 
.prd-info { text-align: left; } 
.prd-info .prd-brand { font-size: 12px; font-weight: 700; line-height: 24px; color: #888; padding: 0 } 
.prd-info .prd-opt { font-size: 13px; color: #888; margin-top: 8px } 
.prd-list .prd-brand { margin-top: 18px } 
.prd-list .prd-name, .prd-info .prd-name a { margin-top: 6px; font-size: 13px; color: #000 }
.prd-list .prd-name.ellipsis2 {height: 37px;} 
.prd-info .prd-name a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.prd-list .prd-price { margin-top: 18px } 
.prd-list .org-price { font-size: 14px }  
.disabled a { color: currentColor; text-decoration: none; display:inline-block } 
.disabled {opacity: 1;pointer-events: unset;}
.disabled .thumb-img::after {content: 'SOLD OUT';position: absolute;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;padding-top: 160px;text-align: center;font-size: 18px;color: #fff;font-weight: 400;background-color: rgba(0, 0, 0, 0.4);z-index: 3;}

.prd-over a { display: block; position: relative; overflow: hidden; } 
.prd-over a .prd-info { position: absolute; left: 0; bottom: 0; transition: all .3s; transform: translateY(100%);}  
.prd-over a:hover .prd-info { transform: translateY(0); z-index:5; position:absolute; } 
.prd-over a .prd-info { width: 100%; background-color: rgba(0, 0, 0, .7); padding: 0 20px 20px } 
.prd-over a .prd-info .prd-brand { color: #888 } 
.prd-over a .prd-info .prd-name, .prd-over a .prd-info .prd-price, .prd-over a .prd-info .prd-mark { color: #fff } 

.prd-items-wrap .all-checkbox {margin:0 0 0 15px;}
.prd-items-wrap .all-checkbox label {color:#000; font-size:18px;}
.box-holder.bg-gray + .prd-items-wrap {margin-top:30px;}
.prd-items-box {margin-top:20px;}
.prd-items-box .cbox-type:checked + .prd-items-inner {border-color:#000;}
.prd-items-box .prd-items-inner {width:100%; height:auto; padding:0; border:1px solid #ddd; background-position:15px 30px;}
.prd-items-box .prd-items-inner .mypage-prd {display:flex; position:relative; padding:30px 30px 20px 50px;}
.prd-items-box .prd-items-inner .mypage-prd .prd-info {height:auto;}
.prd-items-box .prd-items-inner .mypage-prd .prd-info .prd-brand {font-size:16px;}
.prd-items-box .prd-items-inner .mypage-prd .prd-info .prd-name {margin-top:8px; color:#000; font-size:18px; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prd-items-box .prd-items-inner .mypage-prd .prd-info .prd-opt {margin-top:10px;}
.prd-items-box .prd-items-inner .mypage-prd .prd-info .prd-opt .opt {line-height:20px;}
.prd-items-box .prd-items-inner .mypage-prd .prd-info .prd-price {margin-top:3px;}
.prd-items-box .prd-items-inner .mypage-prd .prd-info .prd-price .prd-mark {font-size:14px;}
.prd-items-box .prd-items-inner .mypage-prd .prd-info .prd-amount {display:flex; align-items:center; margin-top:20px;}
.prd-items-box .prd-items-inner .mypage-prd .prd-info .prd-amount .txt-amount {margin-right:10px; font-size:16px;}
.prd-items-box .prd-items-inner .mypage-prd .prd-info .prd-amount .input-holder {width:145px; margin:0;}
.prd-items-box .prd-items-inner .mypage-prd .prd-info .order-cart {position:absolute; right:0; top: 110px; left:auto;}
.prd-items-box .order-bene-holder {width:100%; padding:8px 0 8px 130px !important; border:none; border-top:1px solid #ddd;}
.prd-items-box .order-bene-holder .order-bene h4 {padding:10px 0 0 0; font-size:16px;}
.prd-items-box .order-bene-holder .order-bene .present {overflow:hidden; color:#000; font-size:14px;}
.prd-items-box .order-bene-holder .order-bene .present .img {float:left;}
.prd-items-box .order-bene-holder .order-bene .present span {display:block; color:#888; font-size:14px;}

.filter-lists > ul > li{margin: 0 20px 40px;}
.prd-list .prd-name,
.prd-list .prd-price,
.prd-list .prd-fav {color: #333;}
.prd-list .prd-name {line-height: 20px;}
.prd-list .prd-name.ellipsis2{height: 36px;}
.prd-list .prd-price{margin-top: 13px;}
.prd-list .prd-colorchip{margin-top: 12px;}
.prd-list .prd-fav{margin-top: 15px;}
.prd-list .prd-colorchip li:not(:last-child) {margin-right: 5px;}
.prd-list .prd-colorchip li span{display: block;width: 12px;height: 12px;       border-radius:50%;}
.prd-list .prd-colorchip li span.color01{background-color: #ddbcb7;}
.prd-list .prd-colorchip li span.color02{background-color: #b7d8dd;}
.prd-list .prd-colorchip li span.color03{background-color: #bfd7bc;}
.prd-list .prd-fav li:not(:last-child) {margin-right: 15px;}
.prd-list .prd-fav span{font-size: 13px;padding-left: 20px;position: relative;color:inherit;}
.prd-list .prd-fav span:after{content:'';position: absolute;top: 0;left: 0;-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;}
.prd-list .prd-fav span.fav_h:after{top: 3px;width: 15px;height: 15px;background-image: url('../images/common/ico24-heart-fill_333.svg');}
.prd-list .prd-fav span.fav_s:after{width: 16px;height: 16px;background-image: url('../images/common/star_333.svg');}

/* tag */
.tag-holder li a { display: block; height: 59px; color: #333; background-color: #f3f3f3; font-size: 24px; line-height: 55px; padding: 2px 34px; border-radius: 40px; margin: 0 7px; outline:none; } 
.tag-holder li a.on { color: #fff; background-color: #29292a } 

/* filter */
.filter-holder li a { display: block; font-size: 24px; font-weight: 700; color: #999; line-height: 35px; margin:0 10px; border-bottom: 2px solid transparent; padding:0 4px } 
.filter-holder li a.on { color: #000; border-bottom-color: #000 } 
#searchFilter .filter-cont{ padding: 20px 22px 10px 22px; }
#searchFilter #filterBrandGroup .filter-option ul{ display:flex; justify-content: space-between;}
#searchFilter #filterBrandGroup .filter-option ul.n3 li{ width: 47.5%; margin: 0 0 8px 0; }
#searchFilter #filterSizeGroup .filter-cont #filterSize{ justify-content: space-between; }
#searchFilter #filterSizeGroup .filter-cont #filterSize.filter-size li{ margin-right: 0; }
#searchFilter #filterColorGroup .filter-color li{ margin: 0px 0 11px 0; width: 16.666%;}
#searchFilter #filterColorGroup .filter-color li a{margin: 0 auto;}
.search-filter .filter-option ul li button {font-size: 12px;    }
.search-filter .filter-option ul li {width: 48%;margin: 0 0 6px 0;}
.search-filter .filter-option ul li.longbtn{width: 100%;}

/* local nav */
.local-nav { width: 200px; margin-right:80px; } 
.local-nav h2 { font-size: 27px; line-height: 40px; color: #000; padding-bottom: 20px; border-bottom: 1px solid #000; } 
.local-nav h2 a{ font-size: 35px; line-height: 40px; color: #000;} 
.local-nav > ul { margin: 27px 0 0 } 
.local-nav > ul > li { padding: 5px 0 } 
.local-nav > ul > li > a { display: block; font-size: 16px; line-height: 28px; color: #000 } 
.local-nav > ul > li > a.on { color: #ff5b37 } 
.local-sub-nav { margin: 5px 0 0; display: none } 
.local-nav > ul > li > a.on + .local-sub-nav { display: block; } 
.local-sub-nav li { padding: 5px 0 } 
.local-sub-nav li > a { display: block; font-size: 16px; line-height: 20px; color: #333; } 
.local-sub-nav li.on > a { color: #ff5b37; } 
.local-sub2-nav { margin: 5px 0 0; display: none } 
.local-sub-nav > li.on > a + .local-sub2-nav { display: block; } 
.local-sub2-nav li { padding: 5px 0 } 
.local-sub2-nav li > a { display: block; font-size: 14px; line-height: 20px; color: #333; } 
.local-sub2-nav li.on > a { color: #ff5b37; } 

/* local nav new */
.local-nav.new > ul{margin:21px 0 45px;}
.local-nav.new > ul > li > a{font-size: 27px;line-height: 44px;outline:none;}
.brand-local-nav.new .local-sub-nav{margin: 10px 0 10px;}
.brand-local-nav.new .local-sub-nav li > a{font-size: 14px;line-height: 20px;}
.brand-local-nav.new .local-sub-nav li > a.on{color: #ff5b37;text-decoration: underline;}

/* search filter */
.search-filter.new {width: 200px; border-top:1px solid #000;padding-top: 58px;}
.search-filter.new .filter-wrap {border: 0;}
#searchFilter.new .filter-cont{padding: 0;}

#searchFilter.new .filter-cont > ul,
#searchFilter.new .filter-cont > div{padding: 0px 0 21px;}
.search-filter.new .btn-filter{cursor: default;}
.search-filter.new .btn-filter span{font-size: 22px;line-height: 1;margin-right: 10px;}
.search-filter.new .btn-filter i{width: 18px;height: 18px;background-size: contain;margin-bottom: 9px;}
.search-filter.new .filter-accordion {margin-bottom: 23px;}
.search-filter.new .filter-accordion>li a {outline:none;}
.search-filter.new .filter-accordion li h3{line-height: 60px;}
.search-filter.new .filter-accordion .f-tit:after{right: 10px;top: 25px;}
.search-filter.new .filter-accordion .f-tit.active{margin-top: 0px;}
.search-filter.new .filter-accordion li h3{border-bottom: 0;padding: 0;font-size: 18px;}
.search-filter.new .tab-round li{margin: 0 5px 0 0;}
.search-filter.new .tab-round li button{padding: 6px 12px;}
.search-filter.new .filter-option ul li button {font-size: 12px;    }
.search-filter.new .filter-option ul li {width: 48%;margin: 0 0 6px 0;}
.search-filter.new .filter-option ul li.longbtn{width: 100%;}
.search-filter.new .filter-size li{width: 95px;}
.search-filter.new .filter-color li a {width: 29px;height: 29px;}
.search-filter.new .btn-type-line .box span,
.search-filter.new .btn-type-normal .box span {font-size: 16px;}

/* list filter holder */
.list-filter-holder .wrap-in { height: 60px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd } 
.list-filter-holder .list-total, .list-filter-holder .list-total span { font-size: 16px; line-height: 20px; color: #333; } 
.filter-bar { color: #ddd; margin: 0 10px } 

/* filter lists */
.filter-lists { margin-left: -20px; margin-right: -20px } 
.filter-lists > ul > li { margin: 0 20px 50px } 
.filter-lists > ul > li a { display: block; width: 240px } 
.filter-lists > ul > li a .thumb-img { width:100%; height:320px; background:none; background-size:100% 100%; } 
/* search filter lists */
.search-filter-lists { margin-left: -20px; margin-right: -20px } 
.search-filter-lists > ul > li { margin: 0 10px 50px } 
.search-filter-lists > ul > li a { display: block; width: 240px } 
/* brand filter lists */
.brand-lists { margin-left: -20px; margin-right: -20px } 
.brand-lists > ul > li { margin: 0 20px 50px } 
.brand-lists > ul > li a { display: block; width: 240px } 
/* best lists */
.best-lists { margin-left: -17.5px; margin-right: -17.5px } 
.best-lists > ul > li { margin: 0 17.5px 50px } 
.best-lists > ul > li a { display: block; width: 300px } 
.best-lists > ul > li a .thumb-img{ height:400px }
.best-lists > ul > li a .thumb-img .thumb-over{ height:400px }
.best-lists > ul > li a img{ display: block; width: 300px;height: auto }
/* mz lists */
.mz-lists { margin-left: -17.5px; margin-right: -17.5px } 
.mz-lists > ul > li { margin: 0 17.5px 80px } 
.mz-lists > ul > li a { display: block; width: 300px } 
.mz-lists > ul > li a .thumb-img{ height:400px }
.mz-lists > ul > li a .thumb-img .thumb-over{ height:400px }
.mz-lists > ul > li a img{ display: block; width: 300px;height: auto } 
/* style lists */
.style-lists { margin-left: -17.5px; margin-right: -17.5px } 
.style-lists > ul > li { margin: 0 17.5px 50px } 
.style-lists > ul > li a { display: block; width: 300px }
.style-lists > ul > li a .thumb-img{ height:400px }
.style-lists > ul > li a .thumb-img .thumb-over{ height:400px } 
.style-lists > ul > li a img{ display: block; width: 300px;height: auto } 
/* favorite lists */
.favorite-lists { margin-left: -12px; margin-right: -12px } 
.favorite-lists > ul > li { margin: 0 12px 50px } 
.favorite-lists > ul > li a { display: block; width: 240px } 

/* option */
.option p.label { font-size: 16px; color: #000; line-height: 28px; } 
.option h6.txt { color: #888; padding: 10px 0 } 
.option h6.txt.bg-gray { color: #888; padding: 10px } 
.option h6.txt em { color: #ff5b37; } 
.option ul { flex-wrap: wrap; } 
.option li a { display: block; width: 80px; height: 40px; margin-right: 10px; position: relative; overflow: hidden; margin-bottom: 10px; border: 1px solid #ddd; text-align: center; line-height: 40px; cursor: pointer; } 
.option li.on a { border: 2px solid #333; font-weight: 700; } 
.option li.off a { background: #f8f8f8; color: #ccc; cursor: default; } 
/*.option li.off a::before { content: ''; position: absolute; width: 200%; height: 1px; background:#ddd; left: -22px; top: 19px; transform: rotate(140deg); }*/ 
.option.color li a { width: 64px; height: 85px; overflow: hidden; border: 1px solid #ddd; background:#fff; display: block; } 
.option.color li.on a { border: 2px solid #000; } 
.option.color li a img { width:100%; height:100%; } 
.option.color li.on a img{ margin:-1px; width: calc(100% + 2px); height: calc(100% + 2px); } 

/* auto com */
.search-input-wrap{position: relative;}
/* search input */
.search-input { border-bottom:1px solid #333; } 
.search-input input { font-size:18px; padding: 10px 0; width: calc(100% - 70px); } 
.search-input .btn-search { font-size:18px; padding: 10px 0; } 
.search-input .btn-search-reset { display: none; width: 23px; height: 23px; position: absolute; right: 39px; background: #ddd url(../images/common/remove-white.svg) center center no-repeat; border-radius: 50%; text-indent:-9999px; top: 9px; transition:all .8s; } 
.search-input .btn-search-reset.on { display: block; } 
.search-input button { background: url(../images/common/ico24-search.svg) no-repeat center center; width: 30px; height: 30px; text-indent: -9999px; } 
.search-wrap h2 { font-size:20px; line-height:22px; color:#333; margin: 46px 0 25px 0; position:relative; font-weight: 500; } 
.search-wrap h2 .clear { font-size: 14px; color: #333; position: absolute; right: 0; } 
.search-wrap .search-near { display: flex; flex-direction: row; flex-wrap: wrap; } 
.search-wrap .search-near li { position: relative; margin: 0 8px 11px 0; } 
.search-wrap .search-near li .word { background-color: #f5f5f5; height: 29px; line-height: 29px; font-size: 14px; color: #555; padding: 0 32px 0 15px; display: block; } 
.search-wrap .search-near li .del { display: inline-block; background: url(../images/common/icons-24-px-close.svg) center center no-repeat; background-size: 14px; text-indent: -9999px; height: 29px; width: 29px; position: absolute; right: 0; top: 0; } 
.search-wrap .search-popular { display: flex; justify-content: space-between; flex-direction: column; flex-wrap: wrap; height: 175px; } 
.search-wrap .search-popular li { width: 50%; height: 35px; } 
.search-wrap .search-popular li a { font-size: 15px; color: #555; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px 0 0; line-height: 15px; } 
.search-wrap .search-popular li a span { font-size: 15px; color: #555; min-width: 25px; display: inline-block; } 
.search-none { width: calc( 100% + 20px ); margin-left: -20px } 
.search-none strong { font-size: 20px; font-weight: normal; display:block; line-height: 1.1; text-align: center; color: #333; padding:50px 0; } 
.search-none .search-guide { padding: 17px 0 17px 16px; border: solid 1px #ddd; } 
.search-none .search-guide li { font-size: 12px; line-height: 1.5; color:#888; padding:2px 0; } 
.search-none .search-guide li:before { content:''; display:inline-block; width:3px; height:3px; background:#888; vertical-align: middle; margin: 0 5px 0 0; } 
.search-result{position:absolute;width:100%;left:0px;top:50px;background-color:#fff;z-index: 11;display:none}
.search-result.on{display:block;}
.search-result li{padding: 5px}
.search-result li a{font-size: 16px;}
.search-result li a em{font-size: 16px;color:coral;font-weight: 500;}

.tab-round { display: flex; flex-direction: row; flex-wrap: wrap; } 
.tab-round li { margin: 0 6px 11px 0; } 
.tab-round li button,
.tab-round li a { height: 29px; padding: 6px 15px; border-radius: 14.5px; background-color: #f5f5f5; display: block; color:#555; } 
.tab-round li.active button,
.tab-round li:active button,
.tab-round li.active a,
.tab-round li:active a { background-color: #292929; color:#fff; } 
.tab-round li button:disabled {opacity:.5; cursor:default;}

/* pd accordion */
.pd-accordion .ac-detail { border-bottom: 1px solid #ddd; padding: 20px 20px 30px 20px; display:none } 
/* .pd-accordion li:last-child .ac-detail { border-bottom: none; }  */
.pd-accordion .ac-title ._img { background: url(../images/common/icons-light-down.svg) no-repeat; width: 18px; height: 10px; position: absolute; right: 15px; top: 20px; transition:all 0.3s; } 
.pd-accordion .ac-title.active ._img { transform: rotate(180deg); } 
.pd-accordion .ac-detail h4 { font-size: 16px; color: #333; padding: 0 0 5px 0; display: flex; justify-content: space-between; font-weight: 500; } 
.pd-accordion .ac-detail h4 em { font-size: 13px; color: #888; } 
.pd-accordion .type1 li { line-height: 22px; } 
.shipping-info p { font-size:14px; color:#888; padding: 3px 0 10px 0; line-height: 22px; } 

/* review */
.review-items { padding: 0; } 
.review .review-sort { width: 100%; padding: 10px 0; border-bottom: 1px solid #ddd; } 
.review .review-sort > .flex { width: 40% }
.review .review-sort > .flex > .input-holder { width: 120px }
.review-item { width: 100%; margin: 0 0 15px 0; padding: 15px 0 0; border-bottom: 1px solid #ddd; } 
.review-item .head .id { font-size:14px; } 
.review-item .head .end { color:#bbb; } 
.review-item .star li span { width: 14px; height: 14px; } 
.review-item .star-review { padding:10px 0; } 
.review-item .label-best { width: 43px; height: 17px; background: #ff5b37; color: #fff; font-size: 11px; line-height: 17px; text-align: center; font-weight: 300; } 
.user-edit a { color: #333; font-size: 14px; display: inline-block; } 
.user-edit li:nth-child(2) a:before { content: ''; width: 1px; height: 10px; background: #ddd; display: inline-block; margin: 0 9px; } 
.review-item .reivew-size { padding:5px 0 } 
.review-item .reivew-size p { color: #888; font-size: 14px } 
.review-item .review-comment { padding:5px 0 0 0; height: 83px; overflow: hidden }
.review-item .review-comment.full { height: auto; overflow: visible }
.review-item .review-comment p { font-size: 16px; color: #333; font-weight: 400; line-height: 26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:74px; } 
.review-item .user-photo li { width: 77px; height: 77px; overflow: hidden; background: red; margin-right: 10px; } 
.review-item .line-box { border: 1px solid #ddd; } 
.review-like { padding: 10px 0; height: 50px } 
.review-like p { font-size: 14px } 
.review-like button { height: 30px; line-height: 30px; border: 1px solid #ddd; border-radius: 30px; padding: 0 12px; margin: 0 0 0 10px; } 
.review-like button p { font-size: 13px; line-height: 17px; vertical-align: middle; display: inline-block; padding: 0 0 0 7px; height: 15px; } 
.review-like .like { width: 15px; height: 15px; background: url(../images/common/like-orange.svg) no-repeat; } 
.review-like .commet { width: 14px; height: 14px; background: url(../images/common/comt.svg) no-repeat; } 
.review-like .ico-heart + p,
.review-like .commet + p { margin:0 0 0 5px; line-height: 14px; color: #333; } 
.review-like.like-it button { border: 1px solid #ff5b37; background: #ff5b37; } 
.review-like.like-it .like { width: 15px; background: url(../images/common/like-white.svg) no-repeat; } 
.review-like.like-it button p { color: #fff; } 
.review-like .ico-heart {width:16px; height:14px; background-image:url(../images/common/ico-favorite-b.svg);background-repeat:no-repeat; background-size:100% 100%;} 
.review-like > .flex + .flex {margin-left:10px;}
.review-like > .flex + .flex:before {content:''; display:inline-block; width:1px; height:12px; margin:0 15px 0 5px; background-color:#888;}
.favorite-lists .review-like :nth-child(1) { margin-left: 0!important; }


/* review write */
.review-write-detail h4 { font-size:15px; line-height:22px; color:#333; } 
.review-write-detail p { font-size:14px; line-height:22px; color:#333; padding: 5px 0 10px 0; } 
.review-write-detail .ctext { margin-bottom:10px; font-size:14px; color:#888; } 
.star-average.touchable { justify-content: center; padding:12px 0 8px 0; } 
.star-average.touchable + strong { color:#ff5b37; text-align:center; display:block; font-size: 15px; } 
.review-write-detail h4 { font-size: 20px; color: #000 } 
.review-write-detail p { font-size: 14px; color: #888 } 
.review-write-detail .write { padding: 27px 0 36px 0; margin: 0 0 28px 0; } 
.review-write-detail .write .filter-option h5 { text-align:center; font-weight: 500; }
.review-write-detail .add-file { padding:15px 0; } 
.review-write-detail .rev-info { color: #ff5b37; font-size: 13px; line-height: 18px; padding: 0; position: relative; } 
.textbox { margin: 10px 0; position:relative; } 
.textbox.t100 { height:80px; } 
.textbox.t5000 { height:144px; } 
.textbox textarea { width:100%; height:100%; font-size: 14px; box-shadow: none; } 
.textbox .txt-byte { position: absolute; font-size: 11px; color: #999; right: 25px; bottom: 5px; } 
.textbox .txt-byte em { color:#333; font-size: 11px; } 

.step-item { display: none }
.step-item.active { display: block }

/* inquire item */
.inquire-item { border: 1px solid #ddd } 
.inquire-item li { height: 110px; padding: 25px 30px 0 130px; position: relative; font-size: 14px; color: #888; } 
.inquire-item .img-wrap { width: 110px; height: 110px; position: absolute; overflow: hidden; left: 0; top: 0; background: #f5f5f5; text-align: center; } 
.inquire-item .img-wrap img { width: 110px; height: 110px } 
.inquire-item p span { display: block; color: #000; font-size: 18px; } 
.inquire-item p strong { display: block; color: #888; font-size: 16px; padding: 3px 0 3px 0; } 
.form-inquire textarea { font-size: 14px; height: 145px; padding:10px 10px 10px 20px; } 
.form-inquire + .form-info { color: #ff5b37; font-size: 13px; line-height: 18px; padding: 0 0 0 17px; position: relative; } 
.form-inquire + .form-info:before { content: '※ '; display: block; position: absolute; left: 0; } 
.info-inquire { border: 1px solid #ddd; padding: 15px 15px; margin: 10px 0; } 
.info-inquire strong { color:#000; } 
.pass-inquire .input-holder { width:122px }
.pass-inquire .input-holder input { height: 32px }
.inquire-attach { padding: 0 0 30px 0; } 
.inquire-attach h4 { font-size: 16px; padding: 15px 0 7px 0; font-weight: 500; } 
.inquire-attach .add-file .add-btn { width: 77px; height: 77px; background: #eee url(../images/common/combined-shape.svg) center center no-repeat; text-indent: -9999px; } 
.inquire-attach .add-file li { position: relative; margin: 0 8px 0 0; } 
.inquire-attach .add-file li img { width: 77px; height: 77px; object-fit: cover; } 
.inquire-attach .add-file li .del { display: block; width: 16px; height: 16px; position: absolute; right: 0; top: 0; background: #000 url(../images/common/remove-white.svg) center center no-repeat; text-indent: -9999px; background-size: 12px; } 
.attach-btns { padding:0 0 10px 0; } 
.attach-btns li { padding:0 0 10px 0; } 
.attach-btns button { width: 100%; border: 1px solid #333; line-height: 46px; font-size: 15px; } 
.attach-btns button:before { content: ''; display: inline-block; width: 20px; height: 15px; background: url(../images/common/add-photo.svg) left top no-repeat; vertical-align: middle; margin: 0 6px 0 0; } 
.attach-btns button.video:before { background: url(../images/common/add-video.svg) no-repeat; } 
.my-size { border: 1px solid #ddd; background-color: #fff; padding: 20px 0; margin: 10px 0; } 
.my-size dl { width: 200px; margin: 0 auto } 
.my-size dl dt, .my-size dl dd { display: inline-block; font-size: 14px; padding: 5px; } 
.my-size dl dt { width: 120px; color: #888; } 
.my-size dl dd { width: 70px; color: #000 } 

/* star */
.star { margin: -1px 5px 0 0; } 
.star li span { width: 17px; height: 17px; background: url(../images/common/star.svg) no-repeat; text-indent: -9999px; font-size: 0; display: block; background-size: 100%; } 
.star li.bin span { background: url(../images/common/star-bin.svg) no-repeat; background-size: 100%; } 
.star li.active ~ li span { background: url(../images/common/star-bin.svg) no-repeat; background-size: 100%; } 
.star li.active.half span{background:url(../images/common/star-half.svg) no-repeat;background-size:100%}
.star-num { font-size:14px; } 
.star-num + span { font-size:14px; } 
.star-num + span a {display:inline-block; font-size:14px; text-decoration:underline; vertical-align:1px;} 
.star-num + span:before { content: ''; display: inline-block; width: 1px; height: 12px; background: #333; margin: 0 10px; vertical-align:0;} 
.star-average { justify-content: center; padding: 15px 0 25px 0; } 
.star-average .star li span { width: 32px; height: 32px; font-weight: 700; cursor: pointer; } 
.star-average .star-num strong { font-size: 25px; color:#333; padding:0 3px 0 0; font-weight: 700; } 
.star-average .star-num { color:#999; font-size: 25px; } 

/* filter option */
.filter-option h5 { font-size: 20px; padding: 5px 0 10px 0; } 
.filter-option ul { display: flex; padding: 20px 0 40px 0; flex-wrap: wrap; position: relative } 
.filter-option ul li button { font-size: 13px; line-height: 38px; border: 1px solid #ddd; display: block; width: 100%; color: #333; } 
.filter-option ul li.on button { border: 1px solid #333; } 
.filter-option ul.radio-filter::after { content: ''; display: block; position: absolute; left: 50%; top: 33px; margin-left: -150px; width: 300px; height: 1px; background-color: #ddd; z-index: -1; } 
.filter-option ul.n5.radio-filter::after { margin-left: -170px; width: 340px; } 
.filter-option ul li { width: 23%; margin:0 5px 6px 0; border: 1px solid #fff; } 
.filter-option ul.radio-filter li button { font-size: 16px; padding: 30px 0 0 0; display: block; width: 100%; color: #333; background:transparent url(../images/common/ico-radio-2.svg) center top no-repeat; border: none } 
.filter-option ul.n3 li { width: calc(33% - 3px); position: relative; } 
.filter-option ul.n3 li label { margin-bottom:16px; color:#888; } 
.filter-option ul.n4 li { width: calc(25% - 3.8px); } 
.filter-option ul.n5 li { width: calc(20% - 4px); } 
.filter-option ul.n3 li:nth-child(3n), .filter-option ul.n4 li:nth-child(4n), .filter-option ul.n5 li:nth-child(5n) { margin:0 0 6px 0; } 
.filter-option ul.radio-filter li.on button { background-image: url(../images/common/ico-radio-2-active.svg); } 
.filter-option ul.rx li [class^="rbox-type"] + label { width: 24px; padding: 0; } 
.filter-option ul.rx li [class^="rbox-type"] + label span { display: block; margin: 31px 0 0 0; text-align: center; position: absolute; left: 0; width: 100%; font-size: 14px; color: #333; } 
.filter-option ul.rx li { margin:0 0 6px 0; text-align: center; } 
.filter-option ul.rx { position: relative; padding: 0 0 50px 0; display: flex; flex-direction: row; justify-content: space-between; } 
.filter-option ul.rx li { border:none; position:relative; } 
.filter-option ul.rx:after { content: ''; height: 1px; width: calc(100% - 31%); background: #333; top: 12px; position: absolute; left: 15%; z-index: -1; } 
.filter-option ul.n3.rx:after { width: calc(100% - 31%); } 
.filter-option ul.n3.rx li:first-child,
.filter-option ul.n3.rx li:last-child { width:28% } 
.filter-option ul.n3.rx li:nth-child(2) { width:44% } 
.filter-option ul.n5.rx li { width: 30px; } 
.filter-option ul.n5.rx:after { width: calc(100% - 30px); left: 20px; } 

/*error*/
.full-error-wrap {display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.full-error-wrap .error-wrap {padding-top:0;}
.error-wrap{text-align:center;padding:100px 0;}
.error-wrap:before{content:'';display:block;width:75px;height:75px;margin:0 auto;background: url(../images/common/error.svg) center center no-repeat;}
.error-wrap.system:before{background: url(../images/common/system.svg) center center no-repeat;}
.error-wrap h1{font-size:30px;font-weight:500;padding:8px 0 0 0;}
.error-wrap h2{font-size:20px;font-weight:500;padding:8px 0 0 0;}
.error-wrap .error-tit1{font-size:16px;color:#333;padding:20px 0;line-height:26px;}
.error-wrap .error-tit2{display:inline-block;font-size:16px;padding:0 0 0 24px;background: url(../images/common/blt-question.svg) no-repeat left center;}

/*event pop*/
.event-bnr{position: fixed;height: 426px;z-index: 70;width: 758px;animation:bnr-up 0.7s cubic-bezier(0.18, 0.89, 0.32, 1.28) both;right:0;bottom:0}
.event-bnr .flag-holder{top:0!important;bottom:auto!important}
.event-bnr .flag.timesale{font-size:18px;height:54px;line-height:54px;width:128px}
.event-bnr .swiper-slide{justify-content: start;align-items: flex-start;}
.event-bnr.down{animation:bnr-down 0.4s ease-in-out both}
.event-bnr .bnr-top{height:426px;}
.event-bnr .bnr-top img{width:100%;height: 100%;object-fit: cover;}
.event-bnr .close-bnr{position:absolute;top:0;right:0;font-size:16px;color:#fff;line-height:40px;background-color:#333;padding:10 10px 10 20px;display:flex;justify-content: space-between;z-index:2;}
.event-bnr .close-bnr label{color:#fff; padding-right:10px !important;}
.event-bnr .close-bnr button{text-indent:-9999px;background:url(../images/common/ico_wh_close.svg) no-repeat center center;width:20px}
.event-bnr .bnr-txt{position:absolute;padding:90px 0 0 70px;text-align: left;}
.event-bnr .bnr-txt strong{color:#000;font-size:44px;font-weight:500;display: block;margin:0 0 14px 0}
.event-bnr .bnr-txt span{font-size:18px;color:#000;display: inline-block;vertical-align: middle;margin: 0 0 0 12px;line-height: 26px;}
.event-bnr .bnr-txt p{font-size:20px;color:#000;  vertical-align: middle;margin: 28px 0 50px 0;}
.event-bnr .bnr-txt span span,
.event-bnr .bnr-txt p span,
.event-bnr .bnr-txt strong span{margin:0; color:inherit; font-size:inherit;}
.event-bnr .bnr-txt strong span{line-height: inherit;}
.event-bnr .bnr-txt button{font-size:22px;color:#000;padding:0 60px 0 30px;height:58px;line-height:58px;border:1px solid rgba(0, 0, 0, 0.5);background:url(../images/common/icons-16-px-arrow-outline-right.svg) no-repeat right 20px center;background-size: 24px 24px}
.event-bnr .bnr-txt .btn-dark{color:#000;border-color:rgba(0,0,0,.5);background-image:url(../images/common/icons-16-px-arrow-outline-right.svg);}
.event-bnr .bnr-txt .btn-white{color:rgb(255, 255, 255);border-color:rgb(255, 255, 255);background-image:url(../images/common/icons-16-px-arrow-outline-right-w.svg);}
.event-bnr .bnr-txt .flex{display: flex;align-items: end;}
.event-bnr .swiper-pagination {position: absolute!important; height:auto; font-size:20px}
.event-bnr .swiper-pagination span{font-size:20px}
.event-bnr .swiper-pagination:before{display:none;}
.event-bnr .swiper-pagination{bottom:auto;transform:skewX(0);color:#fff;width:auto;left:auto;bottom:35px;right:40px}
.event-bnr .swiper-pagination .swiper-pagination-current{font-weight:700;font-size:20px}
.event-bnr .swiper-button-next,
.event-bnr .swiper-button-prev{width:60px !important; height:60px !important; background-image: url(../images/main/chevron-left.png) !important; background-color:rgba(0, 0, 0, .4) !important; background-size:auto 30px !important;}
.event-bnr .swiper-button-next{right:0 !important;}
.event-bnr .swiper-button-prev{left:0 !important;}
.normal.flip-clock-wrapper ul li a div div.inn {
    background: none;
    font-size: 44px;
    text-shadow: none;
    height: 100%;
    color: #000;
    font-weight: 700;
}
.normal.flip-clock-wrapper .flip-clock-divider.mns {
    font-size: 44px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    margin: 0 13px 0 0;
}
.normal.flip-clock-wrapper .flip-clock-divider.secs {
    font-size: 44px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    margin: 0 13px 0 0;
}

/* notice pop */
.popup-notice {position:fixed; top:0; bottom:0; left:0; right:0; display:flex; justify-content:center; align-items:center; flex-direction:column; background-color:rgba(0, 0, 0, .5); padding:50px 0; z-index:70;}
.popup-notice > div {width:520px;}
.popup-notice .popup-notice-container {display:flex; justify-content:center; align-items:center; flex-direction:column; min-height:10%; padding:50px; background-color:#fff; text-align:center;}
.popup-notice .popup-notice-container .popup-title {flex-shrink:0; width:100%; font-size:30px; line-height:42px;}
.popup-notice .popup-notice-container .popup-title:before {content:''; display:block; width:116px; height:31px; margin:0 auto 20px; background:url(../images/common/tit-notice.png) no-repeat;}
.popup-notice .popup-notice-container .popup-content {flex:1; overflow-y:auto; width:calc(100% + 100px); margin:20px -50px 0 -50px; padding:0 50px; font-size:20px; line-height:35px;}
.popup-notice .popup-notice-container .popup-content strong {color:#FF5B37; font-size:inherit;}
.popup-notice .popup-notice-container .popup-content img {width:100%;}
.popup-notice .close-notice {display:flex; justify-content:flex-end; align-items:center; flex-shrink:0; height:60px; border-top:1px solid #ddd; background-color:#fff;}
.popup-notice .close-notice label {padding-right:0; color:#888;}
.popup-notice .close-notice button {width:70px; height:100%; font-size:14px;}

@keyframes bnr-up{
    0%{transform: translateY(357px);opacity:1;}
    98%{overflow:visible;}
    100%{transform:translateY(0);opacity:1;overflow:hidden;}
}

@keyframes bnr-down{
    0%{transform: translateY(0);opacity:1}
    100%{transform:translateY(357px);opacity:0}
}


/* 약관 및 정보 */
.cs_campaign_txt { padding-bottom: 30px; } 
.cs_campaign_txt h3 { padding-bottom: 30px; font-size: 30px; } 
.cs_campaign_txt li { font-size: 14px; } 
.cs_campaign_txt dt, .cs_campaign_txt dd { font-size: 14px; line-height: 22px; } 
.cs_campaign_txt dd { margin-bottom: 10px; } 

.cs_terms_wrap { padding-top: 40px; border-top:1px dotted #666666; border-bottom:1px dotted #666666; } 
.cs_terms_wrap .terms_list { padding-bottom: 40px; overflow: hidden; } 
.cs_terms_wrap .terms_list div { float: left; width: 50%; } 
.cs_terms_wrap .terms_list a:hover { color:#d2232a } 
.cs_terms_wrap .terms_cnts { padding: 40px 0; border-top:1px dotted #666666; } 
.cs_terms_wrap .terms_cnts .title { padding-bottom: 20px; font-size: 14px; font-weight:500; } 
.cs_terms_wrap .terms_cnts div li,
.cs_terms_wrap .terms_cnts div p { font-size: 14px; line-height: 22px; } 
.cs_terms_wrap .terms_cnts div ol > li,
.cs_terms_wrap .terms_cnts div ul > li { text-indent: -15px; padding-left: 15px; } 
.cs_terms_wrap .terms_cnts div li ol > li,
.cs_terms_wrap .terms_cnts div li ul > li,
.cs_terms_wrap .terms_cnts div li ol ol > li,
.cs_terms_wrap .terms_cnts div li ol ul > li,
.cs_terms_wrap .terms_cnts div li ul ol > li,
.cs_terms_wrap .terms_cnts div li ul ul > li,
.cs_terms_wrap .terms_cnts div li ul ol ol > li,
.cs_terms_wrap .terms_cnts div li ul ol ul > li,
.cs_terms_wrap .terms_cnts div li ul ul ol > li,
.cs_terms_wrap .terms_cnts div li ul ul ul > li { text-indent: -20px; padding-left: 20px; } 
.cs_terms_wrap .terms_cnts div li table { margin-left: -20px; } 
.cs_terms_wrap .terms_cnts div li table td { text-indent:0; } 
.cs_terms_wrap.dialog_terms { padding-top:0; border-top:0; max-height:500px; border-bottom:none } 
.cs_terms_wrap.cs_terms_box { border-top:1px solid #bbb; border-bottom:1px solid #bbb; padding-top:30px } 
.cs_terms_wrap.cs_terms_box .terms_cnts { padding:20px 0 } 
.cs_terms_wrap.cs_terms_box .terms_cnts:first-child { padding-top:0; border-top:0 } 
.cs_terms_wrap.cs_terms_box .title { padding-bottom:10px } 
.cs_terms_wrap.cs_terms_box .title,
.cs_terms_wrap.cs_terms_box li,
.cs_terms_wrap.cs_terms_box p { font-size:12px !important } 


/*전시 정렬*/

.txt-display.left-middle{text-align: left;}
.txt-display.center-middle{text-align: center;}
.txt-display.right-middle{text-align: right;}
.screen1 .bg .p1.txt-display.left-top{text-align: left;}
.screen1 .bg .p1.txt-display.left-bottom{text-align: left;top:auto;bottom:130px;}
.screen1 .bg .p1.txt-display.right-top{text-align: right;}
.screen1 .bg .p1.txt-display.right-bottom{text-align: right;top:auto;bottom:130px;}
.screen3 .img .p1.center-top {top: 158px;}
.screen3 .img .p1.center-middle {top: 405px;}
.screen3 .img .p1.center-bottom {top: 658px;}
.screen6 .img .p1 .b.left-bottom{text-align: left;}
.screen6 .img .p1 .b.center-bottom{text-align: center;}
.screen6 .img .p1 .b.right-bottom{text-align: right;}
.screen6 .img .p1 .b.left-top{text-align: left;top: 135px;}
.screen6 .img .p1 .b.center-top{text-align: center;top: 135px;}
.screen6 .img .p1 .b.right-top{text-align: right;top: 135px;}
.style-banner-section .center-middle .visual-txt03{justify-content: center;margin-left:auto;margin-right:auto}
.style-banner-section .right-middle .visual-txt03{justify-content: flex-end;margin-left:auto}

.brand-banner-section .img .p1.left-middle{text-align: left;}
.brand-banner-section .img .p1.center-middle{text-align: center;}
.brand-banner-section .img .p1.right-middle{text-align: right;}
#brandPick .txt-display{width:1440px;margin:0 auto;}
#brandPick .txt-display.left-middle{text-align: left;}
#brandPick .txt-display.center-middle{text-align: center;}
#brandPick .txt-display.right-middle{text-align: right;}

.txt-display.left-middle .slide01-txt01,
.txt-display.left-middle .slide01-subtxt01{text-align: left;}
.txt-display.center-middle .slide01-txt01,
.txt-display.center-middle .slide01-subtxt01{text-align: center;}
.txt-display.right-middle .slide01-txt01,
.txt-display.right-middle .slide01-subtxt01{text-align: right;}

.txt-display{color:#111}
.txt-display p{color:#000}
.section .txt-display h2{color:#000}
.txt-display.white,
.txt-display.white p,
.section .txt-display.white h2{color:#fff}
.white > p{color:#fff!important;}


.sw-btns{position: absolute;z-index: 1; left:230px; bottom:62px; width:50px; height:42px;}
.sw-btns:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(51,51,51,.7); z-index: -1; transform: skewX(-40deg); left: 0; top: 0; } 
.sw-btns button{display:none;width:100%;height:100%;text-indent:-9999px;}
.sw-btns button.on{display:block;}
.sw-btns .sw-start{background:url(../images/common/btn_play_w.svg) no-repeat center center; background-size:9px 12px;}
.sw-btns .sw-stop{background:url(../images/common/btn_stop_w.svg) no-repeat center center; background-size:9px 12px;}
.vod-btns{position: absolute;z-index: 1;}

.vod-btns button{width:15px;height:20px;text-indent:-9999px;overflow:hidden;}


.vod-btns .vod-play{background:url(../images/common/btn_play.svg) no-repeat;background-size:100%;}
.vod-btns .vod-pause{background:url(../images/common/btn_stop.svg) no-repeat;background-size:100%;}

.vod-btns .vod-play{display:none;}
.vod-btns .vod-pause{display:inline-block;}
.vod-btns.off .vod-play{display:inline-block;}
.vod-btns.off .vod-pause{display:none;}


.vod-btns .sound-play{background: url(../images/common/sound-on.svg) no-repeat center center;}
.vod-btns .sound-mute{background: url(../images/common/sound-off.svg) no-repeat center center;}
.vod-control{display:inline-block;}
.vod-control .sound{display:block;width:20px;height:20px;background:url(../images/common/sound-off.svg) no-repeat;background-size:100%;cursor: pointer;}
.vod-control .sound.on{background-image:url(../images/common/sound-on.svg)}
.vod-btns button + .vod-control {margin: -5px 0 0 20px;}
.vod-btns{right:150px;bottom: 69px;}

/* tab */
.brand-tab {display:flex;}
.brand-tab li {flex:1;}
.brand-tab li a {position:relative; display:flex; justify-content:center; align-items:center; height:60px; color:#888; font-size:18px; text-align:center;}
.brand-tab li a:before {content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:transparent;}
.brand-tab li.on a {color:#000; font-size:20px; font-weight:500;}
.brand-tab li.on a:before {background-color:#000;}
.b-tab-cont {display:none;}

/* address list */
.my-addr-list {overflow:hidden; margin-top:30px;}
.my-addr-list li {position:relative; margin-top:20px; padding-left:30px;}
.my-addr-list li:first-child {margin:0;}
.my-addr-list [class^="rbox-type"] + label {position:absolute; top:0; bottom:0; left:0; right:0; height:100%; background-position:left center !important; background-color:transparent; z-index:1;}
.my-addr-list [class^="rbox-type"]:checked ~ .my-addr {border:1px solid #333}
.my-addr{border:1px solid #ddd;}
.my-addr>div{border-bottom:1px solid #ddd;height:68px;justify-content:space-between;padding:0 20px}
.my-addr>div h3{font-size:16px;color:#333;font-weight:500}
.my-addr>div h3 span{width:39px;height:25px;margin:0 8px 0 0;line-height:25px;color:#ff5b37;font-size:13px;background-color:rgba(255,91,55,0.1);font-weight:400;display:inline-block;text-align:center}
.my-addr>div .addr-btns button{position:relative;font-size:14px;color:#333;text-decoration:underline;z-index:1;}
.my-addr>div .addr-btns button:nth-child(2):before{width:1px;height:12px;background:#ddd;display:inline-block;content:'';margin:0 8px;vertical-align:middle}
.my-addr>p{font-size:16px;color:#888;padding:15px 20px 8px 20px}
.my-addr>p strong{font-size:16px;color:#888}
.my-addr>p strong:after{width:1px;height:12px;background:#ddd;display:inline-block;content:'';margin:0 8px;vertical-align:middle}
.my-addr>address{font-size:16px;color:#333;padding:0 20px 15px 20px}

/* 기획전, 이벤트, 매거진 */
.full-w-wrap {position:relative; width:1920px; left:-140px; margin:28px 0 40px 0;}
.full-w-wrap img {width:100%;}

/* media query */
@media screen and (min-width: 1921px) {
    body > .wrap{width:1920px!important;margin:0 auto}
}
/* @media screen and (max-width:1640px) {
    .header-wrap .nav-sub-wrap,
    .header-wrap .header-holder .wrap-holder {padding-left:20px; padding-right:20px;}
} */



/* **************************************** 220831 gnb 수정 **************************************** */
/* 554 GNB CSS 수정요청 */

.header-wrap {height: 155px;}
.header-wrap .wrap-holder {
    max-width: unset;
    width: 100%;
}


.topmenu-holder {
    height: 70px;
    /* margin-bottom: 45px; */
        padding: 0;
        color: #fff !important;
        background: #000;
    }
    .member-holder a {
        color: #fff !important;
    }
    .topmenu-holder .topmenu_wrap{
        margin-left: unset;
        width: 1640px;
        margin: 0 auto;
    }
    .topmenu-holder .topmenu_wrap > div {
        justify-content: space-between;
    }
    .topmenu-holder .topmenu_wrap .brand li {
        position: relative;
        height: 71px;
        line-height: 70px;
        margin: 3px 0 0;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .topmenu_wrap li:hover::before {
        content: '';
        position: absolute;
        bottom: 2px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #ff5b36;
    }
    .topmenu-holder .topmenu_wrap .brand li:first-child {margin: 0 30px 0 0; padding: 0;}
    .topmenu-holder .topmenu_wrap .brand li:first-child::after {display: none;}
    .topmenu-holder .topmenu_wrap .brand li:first-child:hover::before {content: none;}
    .topmenu-holder .topmenu_wrap .brand li:not(:last-child)::after {
        content: '';
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 11px;
        background-color: #888;
    }
    .topmenu-holder .topmenu_wrap .brand li a {
        position: relative;
        display: block; 
        height: 100%;
        font-size: 15px;
        box-sizing: border-box;
        letter-spacing: -0.029em;
        font-family: 'Spoqa Han Sans Neo'; /* wide angle 폰트 수정 */
    }
    
    .topmenu_wrap .holder-left {
        position: relative;
        margin-right: 40px;
    }
    .topmenu_wrap .holder-left::after {
        content: '';
        position: absolute;
        right: -18px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 11px;
        background-color: #888;
    }
    .topmenu_wrap .holder-left li {
        padding: 0 13px;
    }
    .topmenu_wrap .shoeBot {position: relative;}
    .topmenu_wrap .shoeBot a {
        display: block;
        width: 20px;
        height: 20px;
        font-size: unset;
    }
    /* .topmenu_wrap .shoeBot a:focus {outline: none;} */
    .topmenu_wrap .shoeBot a img {
        width: 100%;
        height: auto;
    }
    .topmenu_wrap .shoeBot {position: relative;}
    .topmenu_wrap .shoeBot_floating {
        width: 115px;
        height: 23px;
        line-height: 23px;
        font-size: 12px;
        text-align: center;
        letter-spacing: 0;
        position: absolute;
        left: -30px;
        bottom: -32px;
        box-sizing: border-box;
        border-radius: 50px;
        background-color: #343434;
        -webkit-box-shadow: 0px 5px 9px 1px rgba(0,0,0,0.16); 
        box-shadow: 0px 5px 9px 1px rgba(0,0,0,0.16);
        animation: floating .8s ease-in-out infinite;
    }
    .topmenu_wrap .shoeBot_floating::after {
        content: '';
        width: 8px;
        height: 6px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -6px;
        background: url(../images/common/shoeBot_menu_bg2.svg) 0 0 / contain no-repeat;
    }
    @keyframes floating {
        0%{ transform: translate(0,  0px); }
        50%{ transform: translate(0, 3px); }
        100%{ transform: translate(0, 0px); }    
    }
    .topmenu_wrap .magazine a {
        font-size: 13px;
        letter-spacing: 0;
        font-weight: 600;
    }
    .golink-holder li.shoes {position: relative;}
    .golink-holder li.shoes::before {
        content: '';
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #FF5B37;
        left: 3px;
        top: 9px;
    }
    .golink-holder li.highlight {position: relative;}
    .golink-holder li.highlight::before {
        content: '';
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #FF5B37;
        left: 3px;
        top: 9px;
    }
    .topmenu_wrap .holder-left li:first-child {padding: 0 17px;}
    
    .topmenu_wrap .kvillage {
        width: 141px;
        background: url("https://contents.k-village.co.kr/front/pc/images/common/gnb_01_new.png") center center no-repeat;
    }
    .topmenu_wrap li:hover .kvillage,
    .topmenu_wrap li.on .kvillage {
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_01_over.png") center center no-repeat;
    }
    .topmenu_wrap .k2 {
        width: 48px;
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_02.png") center center no-repeat;
    }
    .topmenu_wrap li:hover .k2,
    .topmenu_wrap li.on .k2 {
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_02_over.png") center center no-repeat;
    }
    .topmenu_wrap .eider {
        width: 87px;
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_03_v1.png") center center no-repeat;
    }
    .topmenu_wrap li:hover .eider,
    .topmenu_wrap li.on .eider {
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_03_over_v1.png") center center no-repeat;
    }
    .topmenu_wrap .wangle {
        width: 151px;
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_04_v1.png") center center no-repeat;
    }
    .topmenu_wrap li:hover .wangle,
    .topmenu_wrap li.on .wangle {
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_04_over_v1.png") center center no-repeat;
    }
    /** 브랜드명 wangle -> wideangle로 변경 */
    .topmenu_wrap .wideangle {
        width: 151px;
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_04_v1.png") center center no-repeat;
    }
    .topmenu_wrap li:hover .wideangle,
    .topmenu_wrap li.on .wideangle {
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_04_over_v1.png") center center no-repeat;
    }
    .topmenu_wrap .dynafit {
        width: 122px;
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_05.png") center center no-repeat;
    }
    .topmenu_wrap li:hover .dynafit,
    .topmenu_wrap li.on .dynafit {
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_05_over.png") center center no-repeat;
    }
    .topmenu_wrap .nsad {
        width: 73px;
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_06.png") center center no-repeat;
    }
    .topmenu_wrap li:hover .nsad,
    .topmenu_wrap li.on .nsad {
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_06_over.png") center center no-repeat;
    }
    .topmenu_wrap .safety {
        width: 90px;
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_07_v1.png") center center no-repeat;
    }
    .topmenu_wrap li:hover .safety,
    .topmenu_wrap li.on .safety {
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_07_over_v1.png") center center no-repeat;
    }
    .topmenu_wrap .k2safety {
        width: 90px;
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_07_v1.png") center center no-repeat;
    }
    .topmenu_wrap li:hover .k2safety,
    .topmenu_wrap li.on .k2safety {
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_07_over_v1.png") center center no-repeat;
    }
    .topmenu_wrap .piretti {
        width: 87px;
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_08_v1.png") center center no-repeat;
    }
    .topmenu_wrap li:hover .piretti,
    .topmenu_wrap li.on .piretti {
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_08_over_v1.png") center center no-repeat;
    }
    .topmenu_wrap .nordisk {
        width: 126px;
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_09.png") center center no-repeat;
    }
    .topmenu_wrap li:hover .nordisk,
    .topmenu_wrap li.on .nordisk {
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_09_over.png") center center no-repeat;
    }
    .topmenu_wrap .eidersafety {
        width: 155px;
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_10.png") center center no-repeat;
    }
    .topmenu_wrap li:hover .eidersafety,
    .topmenu_wrap li.on .eidersafety {
        background: url("https://contents.k-village.co.kr/front/pc/images/logo/gnb_10_over.png") center center no-repeat;
    }
    .topmenu_wrap li:hover .brand_menu::before{
        content: none;
    }
    .topmenu_wrap li.on::before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #ff5b36;
    }
    .topmenu_wrap li:hover .kvillage, .topmenu_wrap li.on .kvillage {
        background: url("https://contents.k-village.co.kr/front/pc/images/common/gnb_01_over_new.png") center center no-repeat;
    }
    .input-holder .btn-search i {
        background: url(https://contents.k-village.co.kr/front/pc/images/common/ico24-search-wh.svg) center center no-repeat;
    }
    .alim-holder .favorite i {
        background-image: url(https://contents.k-village.co.kr/front/pc/images/common/ico24-heart-wh.svg) !important;
    }
    .alim-holder .alert i {
        background-image: url(https://contents.k-village.co.kr/front/pc/images/common/ico24-alert-wh.svg) !important;
    }
    .alim-holder .cart i {
        background-image: url(https://contents.k-village.co.kr/front/pc/images/common/ico24-cart-wh.svg) !important;
    }
    .white .input-holder .btn-search  i {
        background-position: center center !important;
    }
    /* .nav-holder {
        height: 70px;
        max-width: 1640px;
        margin: 0 auto;
        padding-top: 0;
        box-sizing: border-box;
    } */
    .header-wrap .wrap-holder .logo {margin-left: 10px;}

@-webkit-keyframes front {
   0% {transform: rotateX(0deg); }
   50% {transform: rotateX(180deg);}
   100% {transform: rotateX(0deg); }
}
@keyframes front {
   0% {transform: rotateX(0deg); }
   50% {transform: rotateX(180deg);}
   100% {transform: rotateX(0deg); }
}
@-webkit-keyframes back {
   0% {transform: rotateX(-180deg); }
   50% {transform: rotateX(0deg);}
   100% {transform: rotateX(-180deg); }
}
@keyframes back {
   0% {transform: rotateX(-180deg); }
   50% {transform: rotateX(0deg);}
   100% {transform: rotateX(-180deg); }
}
.logo { width: 230px; height: 34px; perspective: 400px; }
.logo .toplogo { width: 230px; height: 34px; backface-visibility: hidden; transition: 1s; display: block; text-indent: -9999px; }
/** black */
.logo .logo1 { position: absolute; background: url('https://www.k-village.co.kr/pc/images/logo_thekconnect.png')no-repeat center top; animation:7s front infinite; }
.logo .logo2 { background: url('https://www.k-village.co.kr/pc/images/logo_kvillage.png') no-repeat center top; animation:7s back infinite; }
/** black */

/** white */
.white .logo .logo1 { position: absolute; background: url('https://www.k-village.co.kr/pc/images/logo_thekconnect_w.png')no-repeat center top; animation:7s front infinite; }
.white .logo .logo2 { background: url('https://www.k-village.co.kr/pc/images/logo_kvillage_w.png') no-repeat center top; animation:7s back infinite; }
/** white */

/** GNB 열렸을때 */
.gnb-open .logo .logo1 { position: absolute; background: url('https://www.k-village.co.kr/pc/images/logo_thekconnect.png')no-repeat center top; animation:7s front infinite; }
.gnb-open .logo .logo2 { background: url('https://www.k-village.co.kr/pc/images/logo_kvillage.png') no-repeat center top; animation:7s back infinite; }
/************ // 로고 수정 **********************************************************************************************************************************/

/* 22-09-23 413 통합메인/브랜드메인 동영상배너의 마우스 포인터 변경요청(화살표 모양 > 손가락모양) */
.content-wrap > .screen0 .video > video, .content-wrap > .brand-banner-section .video > video {cursor:pointer;}

/************ // 로딩바 추가 **********************************************************************************************************************************/
.loading_box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 500;
}
.loading_box .loading_txt_box{
    position: absolute;
    top: 50%;   
    left: 50%;
    transform:translateX(-50%);
}

.loading_box .loading_txt_box .loading_move{
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 20px;
}
.loading_box .loading_txt_box .loading_move p{
    width: 15px;
    height: 15px;
    border-radius:50%;
    background-color: #fff;
}
.loading_box .loading_txt_box .loading_txt{
    font-size: 22px;
    color: #fff;
    text-align: center;
    opacity: .8;
    font-weight: 500;
}

.loading_box .loading_txt_box .loading_move p{
    background-color: #fff;
    -webkit-animation: loadingFade 2s infinite;
    -moz-animation: loadingFade 2s infinite;
    animation: loadingFade 2s infinite;
}


.loading_box .loading_txt_box .loading_move p:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

.loading_box .loading_txt_box .loading_move p:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.loading_box .loading_txt_box .loading_move p:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
@-webkit-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@-moz-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}
.nav-sub .sub-ico li.on a{border:none;}
/* 240411 추가 수정 */
.nav-sub.nav-2 .sub-brand li a {border: none !important;}
.topmenu_wrap li:hover::before {content: none !important;}
 /* NOTE : 호버 시  2depth a 링크 폰트 굵기 수정 */
 .nav-sub .sub-dir a:hover {
    font-weight: 600;
}
.nav-sub .sub-dir a.on::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 12px;
    background: url(https://contents.k-village.co.kr/front/pc/images/common/ico-arrow-next.svg) right center no-repeat;
    margin: 0 0 0 8px;
    background-size: 5px 11px;
}
/* NOTE END */
.nav-sub .sub-dir a:after, 
.header-wrap.gnb-open.white .sub-dir a::after {content: none;}
.nav-sub dl,
.nav-sub > dl:nth-child(2) {
    min-width: 140px;
    /*width: 160px;*/
    padding: 2px 0 0 18px;
}
.nav-sub dt {font-size: 16px;}
/* NOTE : 2depth 호버 시 화살표 보이기 수정 */
.nav-sub .sub-dir a:hover::after, 
.header-wrap.gnb-open.white .sub-dir a:hover::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 12px;
    background: url(https://contents.k-village.co.kr/front/pc/images/common/ico-arrow-next.svg) right center no-repeat;
    margin: 0 0 0 8px;
    background-size: 5px 11px;
}
/* .header-wrap.gnb-open .nav-sub-wrap{
    display: block;
    box-shadow: none;
    -webkit-animation: none;
    animation: none;
} */

/* 20240418 pc GNB 마우스 호버 효과 */
/* .header-wrap.gnb-open{background:#fff;position: relative;z-index:21;}
.header-wrap.gnb-open .nav-sub-wrap{display: block;z-index: 20;background:#fff;}
.nav-holder {
    height: 70px;
    max-width: 1640px;
    margin: 0 auto;
    padding-top: 0;
    box-sizing: border-box;
}
.nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;border-top: 1px solid #ddd;}
.nav-sub .sub-ico li:nth-child(4) {
    width: 120px;
}
.nav-in > li:nth-child(2):hover > a::before {content: none;} */

/* 20240418 브랜드몰 GNB 틀어짐 2차 수정 */
/* .header-wrap.gnb-open{background:#fff;position: relative;z-index:21;}
.header-wrap.gnb-open .nav-sub-wrap{display: block;z-index: 20;background:#fff;}
.brand .header-wrap .nav-sub{max-width: 100%; text-align: left;background:#fff;padding:40px 30px 50px 30px;border-top: none;}
.nav-holder {
    height: 70px;
    max-width: 1640px;
    margin: 0 auto;
    padding-top: 0;
    box-sizing: border-box;
    align-items: center;
}
.nav-holder .nav-in a {
    font-weight: normal;
    color: #333;
    height: 70px;
    line-height: 70px;
}
.nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;border-top: 1px solid #ddd;}
.nav-sub .sub-ico li:nth-child(4) {
    width: 120px;
}
.nav-in > li:nth-child(2):hover > a::before {content: none;} */

/* 20240418 브랜드몰 GNB 틀어짐 3차 수정 */
/* .header-wrap.gnb-open .nav-sub-wrap{
    display: block;
    z-index: 20;
    background: #fff;
    border-top: 1px solid #ddd;
}
.header-wrap .nav-sub-wrap{
    padding: 0;
    min-width: 1360px;
    margin: 0 auto;
    position: relative;
    z-index: -10;
    display: none;
}
.home .nav-holder {
    height: 70px;
    max-width: 1640px;
    margin: 0 auto;
    padding-top: 0;
    box-sizing: border-box;
    align-items: center !important;
}
.home .nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.home .nav-in > li:nth-child(2):hover > a::before {content: none;}
.brand.header-wrap.gnb-open .nav-in > li:nth-child(2) > a:hover{color: #FF5733 !important;text-shadow: 0 0 0 #FF5733 !important;}
.brand .nav-in > li > a::before {content: '';display: block;position: absolute;left: 50%;top: 53px;width: 0px;height: 4px;background-color: #000;transition: all 0.2s;} */

/* 20240419 브랜드몰 css 원복 및 메인 GNB 틀어짐 4차 수정 */
/* .header-wrap.gnb-open .nav-sub-wrap{
    display: block;
    z-index: 20;
    background: #fff;
    border-top: 1px solid #ddd;
}
.header-wrap .nav-sub-wrap{
    padding: 0;
    min-width: 1360px;
    margin: 0 auto;
    position: relative;
    z-index: -10;
    display: none;
}
.home .nav-holder {
    height: 70px;
    max-width: 1640px;
    margin: 0 auto;
    padding-top: 0;
    box-sizing: border-box;
    align-items: center !important;
}
.home .nav-holder .nav-in a {
    font-weight: normal;
    color: #333;
    height: 70px;
    line-height: 70px;
}
.home .nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.nav-sub .sub-ico li:nth-child(4) {
    width: 110px;
} */

/* 20240419 카테고리 화면 GNB 틀어짐 5차 수정 */
/* .header-wrap.gnb-open .nav-sub-wrap{
    display: block;
    z-index: 20;
    background: #fff;
    border-top: 1px solid #ddd;
}
.header-wrap .nav-sub-wrap{
    padding: 0;
    min-width: 1360px;
    margin: 0 auto;
    position: relative;
    z-index: -10;
    display: none;
}
.nav-holder {
    height: 70px;
    max-width: 1640px;
    margin: 0 auto;
    padding-top: 0;
    box-sizing: border-box;
    align-items: center !important;
}
.home .nav-holder .nav-in a {
    font-weight: normal;
    color: #333;
    height: 70px;
    line-height: 70px;
}
.home .nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.nav-sub .sub-ico li:nth-child(4) {
    width: 110px;
}
.category .nav-holder .nav-in a{
    font-weight: normal;
    color: #333;
    height: 70px;
    line-height: 70px;
} */


/* 20240422 gnb 수정 */
/* .header-wrap.gnb-open .nav-sub-wrap{
    display: block;
    z-index: 20;
    background: #fff;
    border-top: 1px solid #ddd;
}
.header-wrap .nav-sub-wrap{
    padding: 0;
    min-width: 1360px;
    margin: 0 auto;
    position: relative;
    z-index: -10;
    display: none;
}
.nav-holder {
    height: 70px;
    max-width: 1640px;
    margin: 0 auto;
    padding-top: 0;
    box-sizing: border-box;
    align-items: center !important;
}
.nav-holder .nav-in a {
    font-weight: normal;
    color: #333;
    height: 70px;
    line-height: 70px;
}
.nav-holder .nav-in #nav_brand::before {content: none;}
.home .nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.nav-sub .sub-ico li:nth-child(4) {
    width: 110px;
}
.brand .header-wrap .nav-in > li:nth-child(1) > a.on, 
.brand .header-wrap .nav-in > li:nth-child(2) > a.on, 
.brand .header-wrap.gnb-open .nav-in > li:nth-child(1) > a:hover,
.brand .header-wrap.gnb-open .nav-in > li:nth-child(2) > a:hover {color: #FF5733 !important; text-shadow: 0 0 0 #FF5733 !important;}
 */

 /* 20240422 gnb ppt 2페이지 수정 */
 /* .header-wrap.gnb-open .nav-sub-wrap{
    display: block;
    z-index: 20;
    background: #fff;
    border-top: 1px solid #ddd;
}
.header-wrap .nav-sub-wrap{
    padding: 0;
    min-width: 1360px;
    margin: 0 auto;
    position: relative;
    z-index: -10;
    display: none;
}
.white a::before, .white .nav-in > li > a::before, .white .nav-in > li > a::after, .white a::after { background-color: #000 } 
.nav-holder {
    height: 70px;
    max-width: 1640px;
    margin: 0 auto;
    padding-top: 0;
    box-sizing: border-box;
    align-items: center !important;
}
.nav-holder .nav-in a {
    font-weight: normal;
    color: #333;
    height: 70px;
    line-height: 70px;
}
.nav-holder .nav-in #nav_brand::before {content: none;}
.home .nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.nav-sub .sub-ico li:nth-child(4) {
    width: 110px;
}
.brand .header-wrap .nav-in > li:nth-child(1) > a.on, 
.brand .header-wrap .nav-in > li:nth-child(2) > a.on, 
.brand .header-wrap.gnb-open .nav-in > li:nth-child(1) > a:hover,
.brand .header-wrap.gnb-open .nav-in > li:nth-child(2) > a:hover {color: #FF5733 !important; text-shadow: 0 0 0 #FF5733 !important;} */

 /* 20240422 gnb ppt 3페이지 수정 */
 /* .header-wrap.gnb-open .nav-sub-wrap{
    display: block;
    z-index: 20;
    background: #fff;
    border-top: 1px solid #ddd;
}
.header-wrap .nav-sub-wrap{
    padding: 0;
    min-width: 1360px;
    margin: 0 auto;
    position: relative;
    z-index: -10;
    display: none;
}
.header-wrap.gnb-open.white a::before,
.header-wrap.gnb-open.white .nav-in > li > a::before,
.header-wrap.gnb-open.white .nav-in > li > a::after,
.header-wrap.gnb-open.white a::after { background-color: #fff } 
.white a::before, .white .nav-in > li > a::before, .white .nav-in > li > a::after, .white a::after { background-color: #000 } 
.nav-holder {
    height: 70px;
    max-width: 1640px;
    margin: 0 auto;
    padding-top: 0;
    box-sizing: border-box;
    align-items: center !important;
}
.nav-holder .nav-in a {
    font-weight: normal;
    color: #333;
    height: 70px;
    line-height: 70px;
}
.nav-holder .nav-in #nav_brand::before {content: none;}
.home .nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.nav-sub .sub-ico li:nth-child(4) {
    width: 110px;
}
.brand .header-wrap .nav-in > li:nth-child(1) > a.on, 
.brand .header-wrap .nav-in > li:nth-child(2) > a.on, 
.brand .header-wrap.gnb-open .nav-in > li:nth-child(1) > a:hover,
.brand .header-wrap.gnb-open .nav-in > li:nth-child(2) > a:hover {color: #FF5733 !important; text-shadow: 0 0 0 #FF5733 !important;} */

 /* 20240423 gnb 2차 수정 */
 /* .header-wrap.gnb-open .nav-sub-wrap{
    display: block;
    z-index: 20;
    background: #fff;
    border-top: 1px solid #ddd;
}
.header-wrap .nav-sub-wrap{
    padding: 0;
    min-width: 1360px;
    margin: 0 auto;
    position: relative;
    z-index: -10;
    display: none;
}
.header-wrap.gnb-open.white a::before,
.header-wrap.gnb-open.white .nav-in > li > a::before,
.header-wrap.gnb-open.white .nav-in > li > a::after,
.header-wrap.gnb-open.white a::after { background-color: #000 }
.white a::before, .white .nav-in > li > a::before, .white .nav-in > li > a::after, .white a::after { background-color: #000 } 
.nav-holder {
    height: 70px;
    max-width: 1640px;
    margin: 0 auto;
    padding-top: 0;
    box-sizing: border-box;
    align-items: center !important;
}
.nav-holder .nav-in a {
    font-weight: normal;
    color: #333;
    height: 70px;
    line-height: 70px;
}
.nav-holder .nav-in #nav_brand::before {content: none;}
.home .nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.nav-sub .sub-ico li:nth-child(4) {
    width: 110px;
}
.brand .header-wrap .nav-in > li:nth-child(1) > a.on, 
.brand .header-wrap .nav-in > li:nth-child(2) > a.on, 
.brand .header-wrap.gnb-open .nav-in > li:nth-child(1) > a:hover,
.brand .header-wrap.gnb-open .nav-in > li:nth-child(2) > a:hover {color: #FF5733 !important; text-shadow: 0 0 0 #FF5733 !important;}
.brand .header-wrap.gnb-open.white a::before,
.brand .header-wrap.gnb-open.white .nav-in > li > a::before,
.brand .header-wrap.gnb-open.white .nav-in > li > a::after,
.brand .header-wrap.gnb-open.white a::after { background-color: #fff }  */

 /* 20240424 gnb 3차 수정 */
 /* .header-wrap.gnb-open .nav-sub-wrap{
    display: block;
    z-index: 20;
    background: #fff;
    border-top: 1px solid #ddd;
}
.header-wrap .nav-sub-wrap{
    padding: 0;
    min-width: 1360px;
    margin: 0 auto;
    position: relative;
    z-index: -10;
    display: none;
}
.header-wrap.gnb-open.white a::before,
.header-wrap.gnb-open.white .nav-in > li > a::before,
.header-wrap.gnb-open.white .nav-in > li > a::after,
.header-wrap.gnb-open.white a::after { background-color: #000 }
.white a::before, .white .nav-in > li > a::before, .white .nav-in > li > a::after, .white a::after { background-color: #000 } 
.nav-holder {
    height: 70px;
    max-width: 1640px;
    margin: 0 auto;
    padding-top: 0;
    box-sizing: border-box;
    align-items: center !important;
}
.nav-holder .nav-in a {
    font-weight: normal;
    color: #333;
    height: 70px;
    line-height: 70px;
}
.nav-holder .nav-in #nav_brand::before {content: none;}
.home .nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.nav-sub .sub-ico li:nth-child(4) {
    width: 110px;
}
.brand .header-wrap .nav-in > li > a.on, 
.brand .header-wrap.gnb-open .nav-in > li > a:hover {color: #FF5733 !important; text-shadow: 0 0 0 #FF5733 !important;}
.brand .header-wrap.gnb-open.white a::before,
.brand .header-wrap.gnb-open.white .nav-in > li > a::before,
.brand .header-wrap.gnb-open.white .nav-in > li > a::after,
.brand .header-wrap.gnb-open.white a::after { background-color: #fff }
.brand .header-wrap.gnb-open .logo a,
.brand .header-wrap.gnb-open .nav-in a,
.brand .header-wrap.gnb-open .search-type,
.brand .header-wrap.gnb-open .member-holder a,
.brand .header-wrap.gnb-open .golink-holder a { color: #000 } 
.brand .header-wrap.gnb-open.white .logo a,
.brand .header-wrap.gnb-open.white .nav-in a,
.brand .header-wrap.gnb-open.white .search-type,
.brand .header-wrap.gnb-open.white .member-holder a,
.brand .header-wrap.gnb-open.white .golink-holder a { color: #fff }  */

 /* 20240424 gnb 4차 수정 */
.header-wrap.gnb-open .nav-sub-wrap{
    display: block;
    z-index: 20;
    background: #fff;
    border-top: 1px solid #ddd;
}
.header-wrap .nav-sub-wrap{
    padding: 0;
    min-width: 1360px;
    margin: 0 auto;
    position: relative;
    z-index: -10;
    display: none;
}
.header-wrap.gnb-open.white a::before,
.header-wrap.gnb-open.white .nav-in > li > a::before,
.header-wrap.gnb-open.white .nav-in > li > a::after,
.header-wrap.gnb-open.white a::after { background-color: #000 }
.white a::before, .white .nav-in > li > a::before, .white .nav-in > li > a::after, .white a::after { background-color: #000 } 
.nav-holder {
    /* height: 70px; */
    max-width: 1640px;
    margin: 0 auto;
    padding-top: 0;
    box-sizing: border-box;
    align-items: center !important;
}
.nav-holder .nav-in a {
    font-weight: normal;
    /* color: #333; */
    height: 70px;
    line-height: 70px;
}
.nav-holder .nav-in #nav_brand::before {content: none;}
/* .home .nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;} */
.nav-sub{display:none;max-width: 1640px;margin:0 auto;transition: all 0.3s;position: relative;}
.nav-sub .sub-ico li:nth-child(4) {
    width: 110px;
}
.brand .header-wrap.gnb-open .nav-sub-wrap{
    display: block;
    z-index: 20;
    background: #fff;
    border-top: none;
}
.brand .header-wrap .nav-in > li > a.on, 
.brand .header-wrap.gnb-open .nav-in > li > a:hover {color: #FF5733 !important; text-shadow: 0 0 0 #FF5733 !important;}
.brand .header-wrap.gnb-open.white a::before,
.brand .header-wrap.gnb-open.white .nav-in > li > a::before,
.brand .header-wrap.gnb-open.white .nav-in > li > a::after,
.brand .header-wrap.gnb-open.white a::after { background-color: #fff }
.brand .header-wrap.gnb-open .logo a,
.brand .header-wrap.gnb-open .nav-in a,
.brand .header-wrap.gnb-open .search-type,
.brand .header-wrap.gnb-open .member-holder a,
.brand .header-wrap.gnb-open .golink-holder a { color: #000 } 
.brand .header-wrap.gnb-open.white .logo a,
.brand .header-wrap.gnb-open.white .nav-in a,
.brand .header-wrap.gnb-open.white .search-type,
.brand .header-wrap.gnb-open.white .member-holder a,
.brand .header-wrap.gnb-open.white .golink-holder a { color: #fff } 
.header-wrap.gnb-open .nav-sub-wrap::after {z-index: -1;}
.nav-sub .sub-dir {width: 150px; margin-right: 12px;}
/* 240711 gnb 간격 수정 */
#mainHeaderWrap .nav-sub .sub-dir {width: 150px; margin-right: 12px;}
#mainHeaderWrap .nav-sub dl {width: 132px !important;min-width: 132px !important;max-width: 132px !important;}
#mainHeaderWrap .nav-sub dd a {word-break: keep-all !important;}
.nav-sub .sub-dir a.on:after, .header-wrap.gnb-open.white .sub-dir a.on::after {margin: 0 0 0 8px !important;}
/* 240711 gnb 간격 수정 */

.personalInform{width: 100%;}
.personalInform .txt__wrap{display: flex;flex-direction: column;gap: 20px;}
.personalInform .txt__box *{font-size: 16px;line-height: 25px;color: #888888;}
.personalInform .txt__box .txt__box__des{text-indent: 15px;}
.personalInform .txt__box__table{margin-left: 35px;}
.personalInform table{width: 100%;}
.personalInform table tr:nth-child(2n){background-color: #f8f8f8;}
.personalInform table td{text-align: center;width: 20%;border: 1px solid #dddddd;padding: 8px 0;}

/* 브랜드 마우스 오버 수정 */
.topmenu-holder .topmenu_wrap .brand li:hover a {color: #ff5b37;text-shadow: 0 0 0 #ff5b37;}            
/* 브랜드 상품 2depth 수정 */
.header-wrap .wrap-holder {position: relative;z-index: inherit;}
.topmenu-holder {height: 70px;padding: 0;color: #fff !important;z-index: 12;background: #000;}
.header-wrap.white .topmenu-nav-sub-wrap a {color: #000;}
.header-wrap .topmenu-nav-sub-wrap a {color: #000;}
.header-wrap .topmenu-nav-sub {display: block;position: absolute;top: 70px;left: 0;width: 100%;margin: 0 auto;}
.header-wrap .topmenu-nav-sub-wrap {display: none;padding: 0;min-width: 1360px;margin: 0 auto;position: relative;z-index: 11;background: #fff;}
.header-wrap .topmenu-nav-sub::after {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;-webkit-box-shadow: 0px 18px 40px -1px rgba(0, 0, 0, 0.08);box-shadow: 0px 18px 40px -1px rgba(0, 0, 0, 0.08);}
.header-wrap .nav-brandPrd-1[data-index] {display: flex;}
.header-wrap .nav-brandPrd-1 {display: none;justify-content: center;gap: 45px;max-width: 100%;text-align: left;background: #fff;padding: 50px 0 50px 0;}

.brand .header-wrap .nav-sub {gap: 100px;}
.nav-sub dl,
.nav-sub > dl:nth-child(2) {min-width: unset;padding: 0;}
@media (max-width: 1700px) {.brand .header-wrap .nav-sub {gap: 80px;}}

.brand .header-wrap .wrap-holder {position: relative;}
.brand .nav-holder.nav-brand  {z-index: 10;}

/* option layer */
.option-layer-wrap {position: fixed;bottom: -370px;left: 0;width: 100%;height: 370px;background-color: #fff;border-top: 1px solid #888;z-index: 40;transition: all 0.2s;}
.option-layer-wrap.on {bottom: 0;height: 255px;width: 100% !important;}
button.list-btn-option-footer {display: none;width: 178px;border: 1px solid #888;border-bottom: none;margin-top: -60px}
button.list-btn-option-footer i {width: 14px;height: 14px;background: url(https://contents.k-village.co.kr/front/pc/images/common/ico-arrow-up.svg) no-repeat center center;margin-left: 20px;transition: all 0.2s;}
button.list-btn-option-footer.on i {transform: rotate(180deg);}
.option-layer-wrap .flex.division > div:last-child {margin-left: 70px !important;}
.option{margin-bottom: 5px;width: 760px;}
.option p.label {padding-right: 20px;}
/* 타이틀 */
.division .title{font-size: 18px;line-height: 28px;font-weight: 500;}                
/* selected */

.select-box{position: relative;width: 668px;}
.select-box .select-option{display: block;position: relative;height: 40px;line-height: 40px;padding:0 20px;font-size: 14px;color: #888;background-color: #fff;border: 1px solid #ddd;cursor: pointer;}
.select-box ul{display: none; position: absolute;}        
.select-box ul.on {display: block;top: 100%;left: 0;width: 100%;background-color: #fff;border: 1px solid #ddd;z-index: 1;       }  
.select-box ul li a {display: flex;padding: 0 20px;color: #888;text-decoration: none;cursor: pointer;width: 100%;font-size: 14px;border: 0;                }
.select-box ul li.on a {font-weight: 400;font-size: 14px;color: #888;  }
.select-box ul li a:hover {background-color: #f0f0f0;}
.select-box .select-option::after {content: '';background: url(https://contents.k-village.co.kr/front/mobile/images/svg/icons-light-down.svg) no-repeat;width: 18px;height: 10px;position: absolute;right: 15px;top: 16px;transition: all 0.3s;display: block;background-size: 15px;}
.option li a {margin: 0;}
.option li.on a {border: 0;}
/* product info */
.prd-info-holder .product-price {margin-left: 16px}
.quantity-over {overflow: visible;height: 116px;}
.quantity {padding: 16px 20px;margin-bottom: 2px;width: 730px;}
.quantity .label {width: 350px;}
.quantity .label span {display: inline-block;font-size: 15px;margin-right: 5px;}
.quantity .end .del {display: flex;align-items: center;width: 23px;height: 23px;background-color: #dddddd;border-radius: 50%;margin: 0 0 0 7px;line-height: 22px;text-align: center;}
.quantity .end .del ._img {display: inline-block;width: 15px;height: 15px;border-radius: 50%;background-image: url(https://contents.k-village.co.kr/front/pc/images/common/icons-24-px-close-white.svg);background-color: transparent;background-size: 100%;margin: 0 auto;}
.quantity-control {font-size: 0;}
.quantity-control button {width: 20px;height: 20px;padding: 0 2px;border: 1px solid #ddd;background: #fff}
.quantity-control button i {width: 16px;height: 16px;}
.quantity-control button.minus i {background: url(https://contents.k-village.co.kr/front/pc/images/common/icons-16-px-subtract.svg)}
.quantity-control button.plus i {background: url(https://contents.k-village.co.kr/front/pc/images/common/icons-16-px-add.svg)}
.quantity-control input {display: block;width: 46px;height: 24px;line-height: 24px !important;padding: 0;border: 0;text-align: center;font-size: 15px;outline: none;color: #000}
.product-price .prd-price .org-price {margin-left: 10px;}
.product-price .prd-price .sale-percent, .product-price .prd-mark {font-size: 16px}
.total {padding: 0 20px;height: 52px;margin-top: 17px ;}
.total .prd-price {font-size: 30px!important;color: #000!important}
.total .prd-mark{font-size: 16px;}
.total h5 {font-size: 15px;font-weight: 500;}
.btn-gift i {background: url(https://contents.k-village.co.kr/front/pc/images/common/gift-con.svg) left top no-repeat;background-size: 20px;width: 20px;height: 20px;margin: 0 5px 0 20px}
.goods-btns{margin-top: 27px;}
.gift button.middle {width: 142px}
.product-price .prd-price {font-size: 18px}
button.buy-now, button.btn-gift {position: relative;}
button.buy-now::before {content: '';position: absolute;left: -15px;top: -1px;width: 30px;height: 100%;transform: skewX(155deg);background-color: #000;border: 1px solid #000}
button.btn-gift::before {content: '';position: absolute;left: -15px;top: -1px;width: 30px;height: 100%;transform: skewX(155deg);background-color: #000;border: 1px solid #000}
.product-sticky .full button.btn-type-gray::before {background: #eeeeee;left: -10%;}
button.cart {background-color: #444;}
button.heart ._img {background: url(../images/common/buy-heart.svg) no-repeat center center / 100%;text-indent: -9999px;width: 24px;height: 24px;}
button.heart.on ._img {background-image: url(../images/common/icon-heart-on.svg);background-size: 32px 32px}
button.share ._img {background: url(../images/common/icons-24-px-share.svg) center center no-repeat;text-indent: -9999px;width: 24px;height: 24px;}

.detail-more i {width: 16px;height: 16px;margin-left: 10px;background: url(../images/common/ico24-down-arrow.svg) no-repeat center center;background-size: 16px 16px}
.product-sticky .heart {left: -15px;width: 155%;}
.product-sticky .buy-now {width: 300%;    right: -15px;}
.product-sticky .buy-now span {text-indent: -15px;}
.product-sticky .heart::after {content: '';position: absolute;width: 72px;height: 1px;background: #fff;right: -32px;bottom: 28px;transform: rotate(119deg);}
/* 품절 */
.division .txt{color: #888;}
.division .txt em{color:#FF5B37 ;font-weight: 500;line-height: 28px;}
/* scroll */
.select-box ul{height: 120px;}
.division .quantity-wrap{padding-right: 28px;                }

.scroll{overscroll-behavior: none;}    

.list-btn-option-footer.none{display: inline-block;}

.prd-badge {display: flex;position: relative;width: 100%;margin-bottom: 10px;padding-left: 0 !important;
}

.prd-list .quick-cart-list .prd-info {margin-top: 20px;}
.prd-list .quick-cart-list .prd-brand {margin-top: 6px;}
.prd-list .quick-cart-list .prd-sub {font-weight:500 ;line-height: 24px;color:#888;white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;
}
/* 240930 글자 수정 */
.prd-list .quick-cart-list .prd-name{white-space: normal;overflow: hidden;text-overflow: ellipsis;} 
/*.prd-list .quick-cart-list .prd-price {margin-top: -13px;}*/

.prd-list .quick-cart-list .prd-fav {margin-top: 12px !important;}
/* 장바구니 아이콘 추가 */
.prd-list .quick-cart-list .prd-fav ul{display:unset;}
.prd-list .quick-cart-list .prd-fav li {display: inline-block;}
.prd-list .quick-cart-list .prd-fav li:last-child{margin-left: auto; 
}
/* 240930 마우스 커서 추가 */
.prd-list .quick-cart-list .prd-fav span.cart{cursor: pointer;}
.prd-list .quick-cart-list .prd-fav span.cart::after{content: '';display: inline-block;width: 16px;height: 18px;background-image: url(../images/common/icon_cart.png);background-repeat: no-repeat;}
.prd-list .quick-cart-list .prd-fav span.fav_s:after {content: "";display: inline-block;width: 16px;height: 16px;background-image: url(https://contents.k-village.co.kr/front/pc/images/common/star_333.svg);background-repeat: no-repeat;}
.prd-list .quick-cart-list .prd-colorchip{display: flex;justify-content: space-between;}
.mt-0{margin-top: 0 !important;}
/* 240923 썸네일 스와이퍼 추가*/
.prd-list .quick-cart-list .swiper-container{width: 240px;}
.prd-list .quick-cart-list .swiper-button-next,
.prd-list .quick-cart-list .swiper-button-prev {     margin-top: 0 !important;transform: translateY(-50%) !important;   z-index: 5;width: 40px !important;height: 40px !important;background-color: rgba(255, 255, 255, 0.5)  !important;background-image: none !important;display: none;}         
.prd-list .quick-cart-list .thumb-img:hover .swiper-button-prev,
.prd-list .quick-cart-list .thumb-img:hover .swiper-button-next {display: block;         }
.prd-list .quick-cart-list .swiper-button-next::after{display: inline-block;position: absolute;content: "";background-image: url(./images/i_arrow_next.svg) !important;background-repeat: no-repeat;width: 10px;height: 18px;z-index: 10;top: 50%; left: 50%; transform: translate(-50%, -50%); }
.prd-list .quick-cart-list .swiper-button-prev::after {display: inline-block;position: absolute;content: "";background-image: url(./images/i_arrow_prev.svg) !important;transform: rotate(0deg);background-repeat: no-repeat;width: 10px;height: 18px;z-index: 10;top: 50%; left: 50%; transform: translate(-50%, -50%);}

.prd-price .org-price{margin-left: 6px;}
.prd-price .cart {margin-left: auto; position: relative;}
.prd-list .quick-cart-list .prd-price span.cart::after{content: '';display: inline-block;width: 16px;height: 18px;background-image: url(../images/common/icon_cart.png);background-repeat: no-repeat;}
.prd-list .quick-cart-list .prd-badge.small{flex-direction: row;margin-top: 12px;gap: 3px;margin-bottom: 2px;}
.prd-list .quick-cart-list .prd-badge.small>span {height: 17px;line-height: 17px;padding: 0 8px;  margin-right: 1px;margin-bottom: 2px;background: #F1F1F1;display: block;color: #888;font-size: 10px;text-align: center; }
.prd-list .quick-cart-list .prd-badge.small .icon_copy{ max-width: 240px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.prd-list .quick-cart-list .prd-badge.copy .icon_copy {height: 17px;line-height: 17px;padding: 0 8px;margin-right: auto;margin-bottom: 2px;background: #F1F1F1;display: block;color: #888;font-size: 10px;text-align: center;max-width: 240px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.prd-price { display : block;}
.org-price {margin-bottom: 10px;}

/* 241101 수량 버튼 틀어짐 수정, 리스트페이지 장바구니 위치 수정 */
.prd-list .prd-price {display: flex;}
.prd-list .prd-price .org-price {margin-bottom: 0;}
.quantity-control button {padding: 0 2px 0 1px;}
.quantity-control button i {display: block;}

/* 241108 바텀팝업 수정 
옵션 2개 선택 시 스크롤바 생기도록 수정 상세 바텀팝업+리스트 바텀팝업 */
.division .quantity-wrap {padding-bottom: 10px;}
/* 241108 바텀팝업 수정 
상세 바텀팝업+리스트 바텀팝업 스크롤바 넓이 수정 */
.division .quantity-wrap.scroll::-webkit-scrollbar, ul.dropdown::-webkit-scrollbar,
.scroll::-webkit-scrollbar-thumb, ul.dropdown::-webkit-scrollbar-thumb, 
.scroll::-webkit-scrollbar, ul.dropdown::-webkit-scrollbar {width: 4px;}

/* 241108 바텀팝업 수정 
리스트 바텀팝업 수량 UI 위치 상세랑 동일하게 수정 */
.quantity .label {width: 495px;}
.goods .quantity .label {width: 415px;} /*goods css 충돌 방지*/

/* 241114 메인 타임세일 팝업 수정 */
.event-bnr .flip-clock-divider.days {display: none !important;}
/*남음*/
.event-bnr .bnr-txt span {
    margin: 0 0 0 10px;
    /* line-height: 3.5em; */
}
/*일*/
.event-bnr .flip-clock-wrapper span { 
    font-size: 18px;
    color: #000;
    display: inline-block;
    /* vertical-align: middle; */
    margin: 0 10px 0 3px;
    line-height: 3em;
}

/* 타임세일 추가 수정 */
.event-bnr .bnr-txt .flex {justify-content: flex-start; align-items: center;}
.event-bnr .normal.flip-clock-wrapper {height: 42px;}
.event-bnr .bnr-txt .flex > span {line-height: 26px;}

.division .soldout-wrap {display: flex;align-items: flex-start;padding: 0 20px;margin-top: 55px;flex-wrap: wrap;}
.division .prd-count {font-size: 14px;color: #888;padding-right: 8px;margin-top: 4px;word-break: keep-all;letter-spacing: -0.5px;}
.total {margin-top: 0 !important;}

/* 상품리스트 바텀팝업, 상세 우측영역, 상세 바텀팝업 옵션창 높이 수정 */
/* 옵션 3개 이하일 때도 height 유지할 경우 min-height: 122px 추가 */
/*.product-price .option .select-size-box ul,*/
/* .select-box ul {height: auto !important; max-height: 105px !important;} */
/* 옵션창 스크롤바 너비 수정 */
.scroll::-webkit-scrollbar, ul.dropdown::-webkit-scrollbar,
.division .quantity-wrap.scroll::-webkit-scrollbar, ul.dropdown::-webkit-scrollbar, .scroll::-webkit-scrollbar-thumb, ul.dropdown::-webkit-scrollbar-thumb, .scroll::-webkit-scrollbar, ul.dropdown::-webkit-scrollbar {width: 8px !important;}
.scroll::-webkit-scrollbar-thumb, ul.dropdown::-webkit-scrollbar-thumb {border-radius: 50px !important;}
.quantity-over {height: 115px !important;}
.quantity {padding:9.5px 20px !important;}
.division .quantity-wrap {padding-bottom: 0 !important; overflow-x: hidden !important;}
.division .quantity-wrap div:last-child {margin-bottom: 5px !important;}
.option-layer-wrap .select-box ul {height: 105px !important;}

/* 250102 상품리스트 필터 개선 */
.btn-filter {margin-left: 3px;}
.btn-filter i {vertical-align: text-bottom;}
.search-filter .filter_refresh {
    margin-right: 17px;
}
.filter-cont,
#searchFilter .filter-cont {padding: 20px;}
.tab-round {gap: 5px;}
.tab-round li {margin: 0;}
.tab-round li button, .tab-round li a {
    padding: 6px 12px;
    font-size: 11px;
}
#searchFilter #filterSizeGroup .filter-cont #filterSize {justify-content: flex-start;}
#filterSizeGroup .tab-round li {width: 78px;}
#filterSizeGroup .tab-round li a {
    padding: 6px 0;
    text-align: center;
}
#searchFilter #filterColorGroup .filter-color {gap: 5px 8px;}
#searchFilter #filterColorGroup .filter-color li {
    margin: 0;
    width: auto;
}
.filter-color li a {
    width: 28px;
    height: 28px;
}
.irs--round .irs-from, .irs--round .irs-to {padding: 3px 0 !important;}
.irs--round .irs-from:after {margin: 0 5px !important;}
.range-slider {height: 70px !important;}
.filter-price h4 {margin: 10px 0 0 0 !important;}
.extra-controls {margin: 15px 0 0 0 !important;}
.hpen {line-height: 29px !important;}
.extra-controls input {
    width: 112.5px !important;
    height: 29px !important;
    border-radius: 14.5px !important;
    background-color: #f5f5f5 !important;
    font-size: 11px !important;
    border-bottom: none !important;
}
.filter-accordion .f-tit.active:after {transform: rotate(180deg) !important;}

/* 상품리스트 필터 추가 css */
body > .wrap.category, body > .wrap.brand {overflow: visible;}
.local-nav {
    position: sticky;
    top: 0;
    max-height: calc(100vh - 10px);
    overflow-y: scroll;
    scrollbar-width: none;
    margin-bottom: 50px;
}
.search-filter.ver2 {
    width: 200px;
    border-top: 1px solid #000;
    padding-top: 58px;
}
.search-filter.ver2 .btn-filter span {
    font-size: 16px;
    line-height: 1;
    margin-right: 10px;
}
.search-filter.ver2 .btn-filter i {
    width: 15px;
    height: 15px;
    background-size: contain;
    margin-bottom: 1px;
    margin-left: 0;
    /* vertical-align: middle; */
}
.search-filter.ver2 .filter_refresh {
    margin-right: 0;
    width: 15px;
}
.search-filter.ver2 .filter_refresh i img {
    width: 100%;
}
.search-filter.ver2 [class^="btn-type"] span {
    font-size: 16px;
}
.search-filter.ver2 .filter-accordion li h3 {padding: 0 0 0 15px;}
.search-filter.ver2 .filter-cont, 
.search-filter.ver2#searchFilter .filter-cont {padding: 20px 15px;}
#filterSizeGroup .tab-round li {width: 52px;}
.search-filter.ver2#searchFilter #filterColorGroup .filter-color {gap: 5px 7px;}
.search-filter.ver2 .filter-color li a {
    width: 28px;
    height: 28px;
}
.search-filter.ver2 .extra-controls input {width: 75.5px !important;}


/*퀵메뉴 o2o반영*/
.quantity-over {overflow: visible !important;}
.product-notice > div {
    width: 664px;
    padding: 20px;
    border: 1px solid #666;
    background-color: #f8f8f8;
}
.quantity-over .product-notice > div {width: 100%;}
.wrap.exhibition .quantity-over .product-notice > div,
.wrap.event .quantity-over .product-notice > div {width: 658px;}
.product-notice .product-notice__icon {
    width: 21px;
    margin-right: 5px;
    flex-shrink: 0;
}
.product-notice > div p {
    font-size: 14px;
    letter-spacing: -0.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 3px;
}
.product-notice > div p span {
    font-size: inherit;
    letter-spacing: inherit;
    font-weight: 600;
}
.product-notice .product-notice__btn {
    font-size: 14px;
    letter-spacing: -0.5px;
    margin-left: auto;
    text-decoration: underline;
    text-underline-position: under;
    flex-shrink: 0;
}
#product-notice_popup {
    height: unset;
}
#product-notice_popup p {
    font-size: 16px;
    line-height: 24px;
    color: #333;
}
#product-notice_popup .scroll {
    height: unset;
}
#product-notice_popup .bg-gray {
    border-radius: 10px;
}