/* BASIC css start */
/* BASIC css start */
body {
    visibility: hidden;}
.swiper-slide.innercontent{-webkit-transform: translate3d(0, 0, 0);}

/* BASIC css start */
#home .section {
	_margin-bottom:3.75rem;
	position:relative
}
#home .section .section_tit {
	font-family:"ProximaNova-Semibold","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","맑은 고딕",sans-serif;
	font-weight:500;
	font-size:1.25rem;
	line-height:1.5rem;
	text-align:center;
	margin-bottom:1rem;
	text-transform:uppercase;
	position:relative
}
#home .section .section_tit span {
	font-weight:700;
	font-size:1.063rem
}
#home .section .section_tit.white {
	color:#fff
}
#home .section .section_tit a.more {
	display:inline-block;
	text-indent:-9999px;
	font-size:0;
	width:1.25rem;
	height:1.25rem;
	margin-top:-.25rem
}
#home .section .section_tit a.more:before,#home .section .section_tit a.more:after {
	display:block;
	content:"";
	width:.125rem;
	height:.875rem;
	position:absolute;
	background:#000
}
#home .section .section_tit.white a.more:before,#home .section .section_tit.white a.more:after {
	background:#fff
}
#home .section .section_tit a.more:before {
	top:3px;
	left:50%;
	margin-left:-1px
}
#home .section .section_tit a.more:after {
	top:3px;
	left:50%;
	margin-left:-1px;
	transform:rotate(90deg)
}
#home .section .section_sub_tit {
	font-size:.8125rem;
	line-height:1.125rem;
	letter-spacing:-.26px;
	text-align:center;
	color:#777
}
#home .section img {
	display:block;
	width:100%
}
#home .section a {
	display:block;
	position:relative
}
#home .section .text .date {
	font-size:.875rem;
	line-height:1.0625rem;
	color:#000;
	margin-top:1rem
}
#home .section .text .date em {
	font-family:"Noto Sans KR",sans-serif;
	vertical-align:top
}
#home .section .img {
	position:relative
}
#home .section .img:after {
	display:block;
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:rgba(0,0,0,.04)
}
#home .section .img.img_shadow:after {
	background-image:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.3))
}
#home .section .refresh_btn {
	display:block;
	width:14.06rem;
	height:2.5rem;
	font-size:.875rem;
	line-height:2.5rem;
	letter-spacing:-.28px;
	border:1px solid #eaeaea;
	border-radius:1.25rem;
	text-align:center;
	margin:1.875rem auto 0
}
#home .section .refresh_btn strong {
	display:inline-block;
	position:relative;
	padding:0 .5rem 0 1.438rem
}
#home .section .refresh_btn .pagination_fraction {
	display:inline-block;
	color:#aaa
}
#home .section .refresh_btn .pagination_fraction span.current {
	color:#000
}
#home .section .refresh_btn .pagination_fraction span.total {
	color:#777
}
#home .section .round_tab {
	padding-bottom:1rem
}
#home .shortcut_banner_list {
	margin:0 -.3125rem
}
#home .shortcut_banner_list li {
	float:left;
	width:25%;
	padding:0 .3125rem
}
#home .shortcut_banner_list li .img {
	border-radius:50%;
	overflow:hidden
}
#home .shortcut_banner_list li .img:after {
	display:none
}
#home .shortcut_banner_list li p {
	height:1rem;
	font-family:"ProximaNova-Semibold","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","맑은 고딕",sans-serif;
	font-weight:500;
	font-size:.875rem;
	line-height:1rem;
	letter-spacing:-.28px;
	color:#000;
	text-align:center;
	overflow:hidden;
	margin-top:.5rem;
	word-break:break-all
}

#home .section .product_list {
	overflow:hidden
}
#home .section .product_list li {
	padding-right:.125rem;
	width:50%;
	float:left;
	margin-bottom:.25rem
}
#home .section .product_list li:nth-child(2n) {
	padding-left:.125rem;
	padding-right:0
}

#home .category_tab {
	margin-bottom:1.125rem;
	padding-right:1.25rem
}
#home .category_tab .swiper-wrapper {
	overflow:visible;
	margin-left:1.25rem !important
}
#home .category_tab .swiper-wrapper .swiper-slide {
	width:auto !important;
	height:1.25rem;
	font-family:"ProximaNova-Semibold","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","맑은 고딕",sans-serif;
	font-weight:500;
	font-size:.875rem;
	color:#aaa;
	margin-right:1.5rem
}
#home .category_tab.kr .swiper-wrapper .swiper-slide {
	letter-spacing:-.28px
}
#home .category_tab .swiper-wrapper .swiper-slide.active {
	color:#000
}
#home .category_tab .swiper-wrapper .highlighter {
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	height:.125rem;
	box-sizing:content-box;
	padding:0 .5px;
	width:1.5625rem;
	margin:0;
	background-color:#000;
	transition:all .2s ease-out
}

#women .category_slide {
	margin-bottom:2.5rem
}
#women .category_slide .swiper-wrapper .swiper-slide a {
	display:block
}
#women .category_slide .swiper-wrapper .swiper-slide a img {
	width:100%
}
#women .category_slide .swiper-wrapper .swiper-slide a .text_box_wrap {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	word-break:keep-all
}
#women .category_slide .swiper-wrapper .swiper-slide a .text_box {
	color:#fff;
	position:relative;
	display:table;
	text-align:center;
	padding:0 2.5rem;
	background:rgba(0,0,0,.2);
	width:100%;
	height:100%
}
#women .category_slide .swiper-wrapper .swiper-slide a .text_box_in {
	display:table-cell;
	vertical-align:middle
}
#women .category_slide .swiper-wrapper .swiper-slide a .text_box h3.category_slide_title {
	font-family:"ProximaNova-Semibold","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","맑은 고딕",sans-serif;
	font-weight:500;
	font-size:1.5rem;
	line-height:1.625rem;
	text-transform:uppercase
}
#women .category_slide .swiper-wrapper .swiper-slide a .text_box .category_slide_desc {
	font-size:.875rem;
	line-height:1.25rem;
	letter-spacing:-.28px;
	margin-top:.25rem
}
#women .category_slide .swiper-pagination {
	width:auto;
	position:absolute;
	top:auto;
	bottom:1.25rem;
	left:auto;
	right:1.25rem;
	font-size:.6875rem;
	line-height:1rem;
	letter-spacing:.55px;
	color:rgba(255,255,255,.6)
}
#women .category_slide .swiper-pagination span {
	font-size:.75rem
}
#women .category_slide .swiper-pagination span.swiper-pagination-current {
	color:#fff
}


#best_contain{
    padding:0 !important;
    overflow:hidden;
    margin: 0 1.25rem 1.25rem;
    padding-bottom: 1.25rem;}

#nb_best .category_tab .tab{ transition:0.3s;}
#nb_best .category_tab .tab.trans{transform:translate3d(0px, 0px, 0px) !important; transition-duration:300ms;}

#home .thumbnail_list {
    _white-space: nowrap;
    margin-bottom: 0;
    padding: 0 1.25rem 1.25rem;
}


#home .thumbnail_list.slide_item2 li {
	padding-right:.125rem;
    float:left;
	margin-bottom:1.5rem;
    height:auto !important;
    /*display: inline-block;
    vertical-align: top;*/
}
#home .thumbnail_list.slide_item2 li:nth-child(2n) {
	float:right;
	padding-left:.25rem;
	padding-right:0
}
#home .thumbnail_list.slide_item2 li a .img {
	margin-bottom:.75rem
}
#home .brand_issue_swiper a .text h3 {
	font-weight:500;
	color:#000;
	font-size:1rem;
	line-height:1.25rem;
	margin-bottom:.25rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
#home .category_tab {
	margin-bottom:1.125rem;
	padding-right:1.25rem
}
#home .category_tab .swiper-wrapper {
	overflow:visible;
	margin-left:1.25rem !important
}
#home .category_tab .swiper-wrapper .swiper-slide {
    font-size: 14px !important;
    font-weight: 400 !IMPORTANT;
    color: #838383 !important;
    line-height: 1 !important;
    height: auto !important;
    font-family: 'Inter','Noto Sans KR', sans-serif !important;
}
#home .category_tab.kr .swiper-wrapper .swiper-slide {
	letter-spacing:-.28px
}
#home .category_tab .swiper-wrapper .swiper-slide.active {
    color: #050a05 !important;
    _text-decoration: underline;
    border-bottom: 1px solid #000;
    
}

#home .category_tab .swiper-wrapper .swiper-slide.active+.highlighter{}

#home .category_tab .swiper-wrapper .highlighter {
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	height:1px !important;
	box-sizing:content-box;
	padding:0 .5px;
	width:1.5625rem;
	margin:0;
	background-color:#000;
	transition: all .2s ease-out
}

#nb_new .section a.nb_more{margin-left:15px; margin-right:15px; display: block;_width:100%; margin-top:7px; height:42px; border:1px solid #b8b8b8; border-radius:5px; text-align:center; font-size:13px; font-weight:400; letter-spacing:0.05em; color:#505050; line-height:42px; background:#fff; }
#nb_best .section a.nb_more{display: block;_width:100%; margin-top:25px; height:42px; border:1px solid #b8b8b8; border-radius:5px; text-align:center; font-size:13px; font-weight:400; letter-spacing:0.05em; color:#505050; line-height:42px; background:#fff; }

#home .swiper-pagination-bullets {
    font-size: 0;
    height: 1.25rem;
    line-height: 1.75rem;
    bottom: 0;
}

#home .swiper-pagination-bullet-active {
    background: #000;
}

#home .swiper-pagination-bullets,#women .swiper-pagination-bullets{bottom: 60px !important}

.thumb_list_wraper.swiper-container .thumbnail_list{overflow:visible;padding-left:0;margin-bottom:0}
.thumb_list_wraper.swiper-container .thumbnail_list li{margin-bottom:0}
.thumb_list_wraper.swiper-container .thumbnail_list li .img{height:11.25rem}

.thumbnail_list.slide_item2 li{width:49%;padding-right:.625rem;margin-right:0}
.thumbnail_list_number{font-size:.875rem;color:#333}
.thumbnail_list{_white-space:nowrap;font-size:0;padding-left:.625rem;margin-bottom:-2.5rem;overflow:hidden;
    flex-flow: row wrap;
    display: flex;}
.thumbnail_list:not(.list2):after{display:block;clear:both;content:''}
.thumbnail_list li{width:8.4375rem;margin-right:10px;margin-bottom:40px;display:inline-block;position:relative;vertical-align:top}
.thumbnail_list li a{display:block;width:100%;height:100%;position:relative}


#women {
	padding-top:50px
}
#women .filter {
	position:sticky;
	top:49px
}
#women .gift-top-banner a {
	display:block
}
#women .section {
	position:relative;
	margin-bottom:3.75rem
}
#women .section:last-child {
	margin-bottom:0
}
#women .section a {
	display:block;
	position:relative
}
#women .section .category_tab {
	margin-bottom:1.125rem;
	padding-right:1.25rem
}
#women .section .category_tab .swiper-wrapper {
	overflow:visible;
	margin-left:1.25rem !important
}
#women .section .category_tab .swiper-wrapper .swiper-slide {
	width:auto !important;
	height:1.25rem;
	font-weight:500;
	font-size:.875rem;
	letter-spacing:-.28px;
	color:#aaa;
	margin-right:1.5rem
}
#women .section .category_tab .swiper-wrapper .swiper-slide.active {
	color:#000
}
#women .section .category_tab .swiper-wrapper .highlighter {
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	height:.125rem;
	box-sizing:content-box;
	padding:0 .5px;
	width:1.5625rem;
	margin:0;
	background-color:#000;
	transition:all .2s ease-out
}
#women .section .swiper_wrap .swiper-container.inner_swiper {
	padding-bottom:2.25rem
}
#women .section .swiper_wrap .swiper-container .thumbnail_list {
	_padding:0 1.25rem
}
#women .section .swiper-container .swiper-pagination {
	bottom:0;
	font-size:0;
	height:6px
}
#women .section .swiper-container .swiper-pagination span {
	vertical-align:top
}
#women .section .thumbnail_list li {
	display:block;
	float:left
}
#women .section .thumbnail_list li:nth-child(even) {
	padding:0 0 0 .125rem
}
#women .section .thumbnail_list li:nth-child(odd) {
	padding:0 .125rem 0 0
}
#women .section .thumbnail_list li .text p.detail {
	margin-bottom:.25rem;
	color:#333
}
#women .section .product_list {
	padding:0 1.25rem
}
#women .section .product_list.big li {
	width:100%;
	margin:0 0 1rem 0
}
#women .section .product_list.big li .img {
	height:calc(122.6666667vw - 2.5rem)
}
#women .section .product_list.small {
	padding:0 1.125rem;
	overflow:hidden
}
#women .section .product_list.small li {
	width:33.33%;
	margin:0;
	padding:0 .125rem;
	float:left
}
#women .section .product_list.small li .img {
	height:calc(44.53333333vw - 1.375rem)
}
#women .section .product_list li {
	width:44.26666667vw;
	margin-right:1.06666666vw
}
#women .section .product_list li:last-child {
	margin-right:0
}


.container-fluid li {
}

.container-fluid li img {
	width: 100%
}
.container-fluid li .info {
}
.container-fluid li .brand {
    text-transform: uppercase;
    color: #bbbaba;
    font-family: lato,sans-serif;
    padding: 8px 0;
    display: block;
}
.container-fluid li .text {
    font-size: 12px !important;
    line-height: 15px !important;
    display: block;
    font-weight: normal !important;
    color: #333 !important;
    padding-bottom: 20px !important;
}


.container-fluid li .pricect{
    display: block;
}


.container-fluid li .salep {
    color: #a78447;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    display: inline-block;
    font-family: "Montserrat", "Noto Sans KR", sans-serif;
}

.container-fluid li .salep strong{font-weight:300 !important;}


.container-fluid li .salep .per{margin-left:4px;
}


.container-fluid li .salep .blind {
	display: none
}


.container-fluid em{
    font-style: inherit !important;
    font-weight: 200 !important;
    letter-spacing: 1px !important;}


.container-fluid li .origin {
    font-size: 12px;
    color: #d1d1d1;
    text-decoration: line-through;
    font-weight: 200;
	font-family: 'Maven Pro', sans-serif;
    padding-left: 3px;
}

.container-fluid li .origin em{
    letter-spacing: 0 !important;}

.container-fluid li strike {
	font-size: 14px;
	color: #aaa;
	font-family: 'Maven Pro', sans-serif;
}


/*탭*/

.tab_area{
    width: calc(100% - 15px );
    padding-left: 15px;
    overflow: hidden;}
    

.tab_area .headArea{}    
.tab_area .headArea .gallery-thumbs{}

.tab_container.gallery-top{margin: 0 15px;}

.tab_container.gallery-top .swiper-pagination{}

.tab_container.gallery-top .swiper-pagination .swiper-pagination-bullet{
    margin: 0 4px;
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .1;}

.tab_container.gallery-top .swiper-pagination .swiper-pagination-bullet-active{
    opacity: 1 !important;
    background: #000;}


ul.tabs {
	margin: 0 auto;
	/*width: 400px;*/
	text-align: center;
}
ul.tabs li {
    width: auto !important;
    padding-right: 15px;
    /*
    
    padding-bottom: 0;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border-radius: 40px;
    margin-right: 5% !important;*/
}


ul.tabs li.swiper-slide-thumb-active{
}

ul.tabs li.swiper-slide-thumb-active a {/*
    border-bottom: 1px solid #000;
    color: #000;*/
}

ul.tabs li a {
    display: inline-block !important;/*
    padding: 7px 0;
    white-space: pre;
    font-size: 13px;
    color: #bebebe;*/
    text-transform: uppercase;
}

ul.tabs li a.hs img{
    vertical-align: middle;
    width: 32px;
    margin-top: -2px;}

.tab- .tab_container{margin-top: 0 !important;_width:100%;}

.tab- .tab_container .thumbs{position:relative; display: block;}

.tab- .tab_container .thumbs img{width:100%}

.tab- .tab_container .thumbs .inner{
    position: absolute;
    bottom: -45px;
    background: #fff;
    width: 90%;
    left: 5%;
    text-align: center;
    border: 1px solid #cecece;
    padding: 15px 20px;}


.tab- .tab_container .thumbs .inner{
    position: absolute;
    bottom: -50px;
    background: #fff;
    width: 90%;
    left: 5%;
    text-align: center;
    border: 1px solid #cecece;
    padding: 15px 20px;
}

.tab- .tab_container .thumbs .inner h4{
    width: 100% !important;
    font-family: lato;
    font-size: 23px;
    padding-bottom: 7px;
    color: #000;
    letter-spacing: -0.1px;
    text-transform: uppercase;}
    
.tab- .tab_container .thumbs p{
    color: #8e8d8d;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 200;}
    
    
.tab- .swiper-container .swiper-wrapper{_width: auto !important;}

.tab- .swiper-container .product-list{
    padding: 0 !important;
    margin-bottom: -10px;
    flex-direction: unset;
}

.tab- .product-list li{
    padding: 0 !important;  
}

.tab- .product-list li a{display:block}

.tab- .product-list li .info{
    display: block;
    margin: 5px 15px 45px;}
    
.tab- .swiper-button-next, .tab- .swiper-button-prev{display:none}

.tab- .tabs{/*margin-left: -30%;*/}


#nb_new{}


#contents {padding:0 !important;}
#contents.subpd {padding:0 !important;}
#wibmain {width:100%; margin:0 auto; position:relative; top:36px; }

/* 메인 최상단 배너 */
.mainVisual ul li {width:100%; height:auto;}
.mainVisual ul li a {display:block; width:100%; height:auto; position:relative; }
.mainVisual ul li .img {width:100%;}
.mainVisual ul li .img img {width:100%;}
.mainVisual ul li .txt {width:clac(100% - 15px); height:auto; position:Absolute; bottom:62px; padding-left:15px; }
.mainVisual ul li .txt p:first-child {font-size:14px; font-weight:500; line-height:1; color:#fff; padding-bottom:3px;}
.mainVisual ul li .txt p:nth-child(2) {font-size:24px; font-weight:500; color:#fff; line-height:1;}

.mainVisual .swiper_progress {display:flex; width:123px; height:12px; position:absolute; left:15px; bottom:30px; z-index:10; }
.mainVisual .swiper_progress span {display:inline-block; font-size:12px; color:#fff; font-weight:400; line-height:1;}
.mainVisual .swiper_progress .swiper-progress-bar { position:relative; height: 1px; background: #A9A8A2; width: 76px;clear: both; opacity: 1; margin: 6px 10px 0; }
.mainVisual .swiper_progress .swiper-progress-bar.active {opacity: 1;}
.mainVisual .swiper_progress .swiper-progress-bar::after {content: ""; display:block; position: absolute; top: 0; left: 0; background: #fff; height: 100%; width: 0; transition: 0.1s width linear;}
.mainVisual .swiper_progress .swiper-progress-bar.animate::after {transition: width linear; transition-delay: unset; width: 100%; transition-duration: 2.5s; }
/* 메인 최상단 배너 */

/* 브랜드 */
.main_brand {padding:25px 0 60px 15px;}
.main_brand .b_inner {width:100%;overflow:hidden;}
.main_brand ul {display:flex; overflow-x:auto; flex-wrap:nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.main_brand ul::-webkit-scrollbar {display:none;}
.main_brand ul li {flex:0 0 auto; width:90px; margin-right:10px; }
.main_brand ul li a {display:block; text-align:center;}
.main_brand ul li a > img {width:100%;}
.main_brand ul li a > p {display:inline-block; padding-top:8px; font-size:12px; font-weight:400; color:#050a05; line-height:1;}
.main_brand ul li:last-child {padding-right:15px; }

@media (min-width: 700px) and (max-width: 1180px) {
    .main_brand ul li {width:auto; max-width:170px;}
}
/* 브랜드 */

/* 뉴베스트 */
.newbest {padding-top:60px;}
.newbest .contants .price_box .prd_percent {margin-left: 4px;}
/*
.newbest .price_box .price_del,
.newbest .price_box .price{display:inline-block;}

.newbest .price_box .price_del{margin-right:2px}*/

/* 추가 */
.newbest .etc {display:none;}
.newbest .nb_btn {display:flex; justify-content:center; align-items:center; padding-bottom:30px; }
.newbest .nb_btn li {display:inline-block; }
.newbest .nb_btn li a {font-size:26px; font-weight:400; color:#838383; letter-spacing:0.05em; line-height:1;}
.newbest .nb_btn li a.on {color:#050a05; text-decoration:underline; }
.newbest .nb_btn li:first-child {margin-right:15px;}
.newbest .nb_box {display:none;}
.newbest .nb_box.on {display:block; }
.newbest .nb_box .nb_cate {width:calc(100% - 15px ); padding-left:15px; overflow:hidden;}
.newbest .nb_box .nb_cate > ul {display:flex;overflow-x:auto; flex-wrap:nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.newbest .nb_box .nb_cate > ul::-webkit-scrollbar {display:none;}
.newbest .nb_box .nb_cate > ul li {flex:0 0 auto; display:inline-block; padding-right:15px;}
.newbest .nb_box .nb_cate > ul li a {display:inline-block; font-size:14px; font-weight:400; color:#838383; line-height:1; position:relative; }
.newbest .nb_box .nb_cate > ul li a.on {color:#050a05; text-decoration:underline;}
.newbest .nb_box .nb_cate > ul li a img {vertical-align:middle; width: 32px; margin-top: -2px;}
.newbest .nb_box .nb_cate > ul li a.hs.on::before {content:''; display:block; width:34px; height:1px; background:#C6A97D; position:absolute; bottom:0; left:50%; margin-left:-17px; }
.newbest .nb_box .prdbox {display:none; padding:0 15px;}
.newbest .nb_box .prdbox.on {display:block; }
.newbest .nb_box .prdbox div.swiper-container {padding-bottom:30px; }
.newbest .nb_box .prdbox div.swiper-container > ul > li {width:170px; margin-top:30px !important; }
.newbest .nb_box .nb_more {display: block;width:100%; margin-top:30px; height:42px; border:1px solid #b8b8b8; border-radius:5px; text-align:center; font-size:13px; font-weight:400; letter-spacing:0.05em; color:#505050; line-height:42px; background:#fff; }
.newbest .nb_box .swiper-scrollbar {cursor:pointer;height:1px; width:100%; position:absolute; bottom:-0.5px; left:0; background:#f2f2f2;}
.newbest .nb_box .swiper-scrollbar-drag {height:2px; top:-1.5px; background:#050a05;}


.newbest .nb_box2 {display:none;}
.newbest .nb_box2.on {display:block; }

.newbest .nb_box2 .nb_cate {/*width:calc(100% - 15px ); padding-left:15px; overflow:hidden;*/}
.newbest .nb_box2 .nb_cate > ul {display:flex;overflow-x:auto; flex-wrap:nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.newbest .nb_box2 .nb_cate > ul::-webkit-scrollbar {display:none;}
.newbest .nb_box2 .nb_cate > ul li {flex:0 0 auto; display:inline-block; padding-right:15px;}


.newbest .nb_box2 .nb_cate > ul li a,ul.tabs li a {display:inline-block; font-size:14px; font-weight:400; color:#838383; line-height:1; position:relative; }
.newbest .nb_box2 .nb_cate > ul li a.on,ul.tabs li.swiper-slide-thumb-active a {color:#050a05; text-decoration:underline;}


ul.tabs li.swiper-slide-thumb-active a img {vertical-align:middle; width: 32px; margin-top: -2px;}
ul.tabs li.swiper-slide-thumb-active a.hs::before {content:''; display:block; width:34px; height:1px; background:#C6A97D; position:absolute; bottom:0; left:50%; margin-left:-17px; }

.newbest .nb_box2 .prdbox {_display:none; _padding:0 15px;}
.newbest .nb_box2 .prdbox.on {_display:block; }

.newbest .nb_box2 .prdbox div.swiper-container {padding-bottom:55px; }
.newbest .nb_box2 .prdbox div.swiper-container > ul > li ,
.newbest #nb_best .prdbox div.swiper-container > ul > li {width:170px; margin-top:30px !important; }
#nb_best{display:none}
#nb_best .thumbnail_list {padding: 0 !important;}

.newbest .nb_box2 .nb_more {display: block;_width:100%; margin-top:7px; height:42px; border:1px solid #b8b8b8; border-radius:5px; text-align:center; font-size:13px; font-weight:400; letter-spacing:0.05em; color:#505050; line-height:42px; background:#fff; }
.newbest .nb_box2 .swiper-scrollbar {cursor:pointer;height:1px; width:100%; position:absolute; bottom:-0.5px; left:0; background:#f2f2f2;}
.newbest .nb_box2 .swiper-scrollbar-drag {height:2px; top:-1.5px; background:#050a05;}
/* 뉴베스트 */


/* 뉴베스트 */


/* 커밍순 */
.commingSoon {padding-top:20px;} /* 위 여백 60  20 */
.commingSoon .tit {position:relative; padding:0 15px 10px;}
.commingSoon .tit h2 {font-size:26px; font-weight:400; color:#050a05; letter-spacing:0.05em; line-height:1;}
.commingSoon .tit > a {display:inline-block; font-size:13px; font-weight:400; color:#505050; line-height:1; letter-spacing:-0.05em; position:absolute; top:6.5px; right:15px; }
.commingSoon .tit > a img {display:inline-block; vertical-align:middle; margin-top:-2px; padding-left:5px; }
.commingSoon .com_box {padding-left:15px; overflow:hidden;}
.commingSoon .com_box ul li a {display:block;}
.commingSoon .com_box ul li a img {width:100%;}
.commingSoon .com_box ul li .txt {display:inline-block; position:absolute; bottom:15px; left:15px;}
.commingSoon .com_box ul li .txt p:first-child {font-size:14px; font-weight:600; color:#fff; letter-spacing:-0.03em; line-height:1; padding-bottom:8px;}
.commingSoon .com_box ul li .txt p:last-child {font-size:12px; font-weight:400; color:#fff; line-height:1;}

.comming_pop {display:none; position:fixed; top:0; left:0; width:100%; height:calc(100vh - 50px); background:#fff; z-index:1000; padding:20px 0 30px; }
.comming_pop .c_popclose {position:absolute; top:21px; left:15px; width:20px; height:20px; background:url('/design/hanstyle/wib/2022wib/img/mo/search_x.svg') no-repeat center center; display:block;  z-index:10; }
.comming_pop > p {text-align:center; font-size:26px; font-weight:400; letter-spacing:0.05em; line-height:1; padding-bottom:20px; border-bottom:1px solid #f2f2f2; }
.comming_pop .c_slidebox {height: calc(100vh - 67px);position:relative; overflow:hidden; max-height:calc(100vh - 67px); }
.comming_pop .c_slidebox .scrollbox {overflow-y:scroll; height: 100%; text-align:center;}
.comming_pop .c_slidebox .scrollbox img {width:calc(100% - 50px); margin:0 auto; }
.comming_pop .c_slidebox .scrollbox::-webkit-scrollbar {display:none;}

.bannerBox {padding:60px 0 0;}
.bannerBox .banner {position:relative; width:100%; height:79px; }
.bannerBox .banner1 {background:#50696F url('https://hantyle.jpg2.kr/banner/2022/mo_main_bnr_coupon.png') no-repeat center right 15px / 100px; margin-bottom:8px;}
.bannerBox .banner2 {background:#E7B6A7 url('https://hantyle.jpg2.kr/banner/2022/midbanner_250226.png') no-repeat center right 15px / 100px; margin-bottom:8px;}
.bannerBox .banner .txt {position:absolute; display:inline-block; top:50%; transform:translateY(-50%);left:15px;}
.bannerBox .banner .txt p:first-child {font-size:14px; font-weight:400; letter-spacing:-0.03em; line-height:1; padding-bottom:8px; color:#fff;}
.bannerBox .banner .txt p:last-child {font-size:16px; font-weight:600; letter-spacing:-0.03em; line-height:1; color:#fff; }
/* 콜라보 */
.collabo {margin-top:60px;} /* 위 여백 0 60 */
.collabo .top {padding-bottom:20px;}
.collabo .top .tit {
    width: calc(100% - 30px);
    padding: 0 15px 0;
    position: relative;
    margin-bottom: 20px;
}
.collabo .top .tit h2 {font-size:26px; font-weight:400; color:#050a05; letter-spacing:0.05em; line-height:1;}
.collabo .top .tit > a {display:inline-block; font-size:13px; font-weight:400; color:#505050; line-height:1; letter-spacing:-0.05em; position:absolute; top:10px; right:15px; }
.collabo .top .tit > a img {display:inline-block; vertical-align:middle; margin-top:-2px; padding-left:5px; }
.collabo .top ul li a {position:relative; display:block; }
.collabo .top ul li .img {width:100%; margin-bottom: 20px; }
.collabo .top ul li .img img {width:100%;}
.collabo .top ul li .txt {position:absolute; bottom:20px; left:15px; display:inline-block;}
.collabo .top ul li .txt p.timenew {font-size:21px; font-weight:700; color:#fff; line-height:1; padding-bottom:8px; font-family: 'Inter','Noto Sans KR', sans-serif;}
.collabo .top ul li .txt p:last-child {font-size:12px; font-weight:400; color:#fff; line-height:1; }
.collabo .top .swiper-container {
    padding: 0 5%;
}
.collabo .swiper-slide { 
}
.collabo .swiper-slide-active{}

.collabo .top .swiper_btn_wrap{ 
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.collabo .top .swiper_btn_wrap .img {}

.collabo .top .swiper_btn_wrap .img img {
    width: 100%;
    opacity: 0;
}
.collabo .top .swiper_btn {
    margin-right: 0;
    width: 50px;
    height: 16px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 50;}
.collabo .top .swiper_btn::before {content:''; display:block; width:1px; height:12px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50% , -50%); z-index:2; }
.collabo .top .swiper-button-next, .collabo .top .swiper-button-prev {top:0; margin:0; width:9px; height:16px;}
.collabo .top .swiper-button-next {background:url('/design/hanstyle/wib/2022wib/img/mo/col_prev.svg') no-repeat center center; transform:rotate(180deg); right:0;}
.collabo .top .swiper-button-prev {background:url('/design/hanstyle/wib/2022wib/img/mo/col_prev.svg') no-repeat center center; left:0}

.collabo .top {_padding:0 15px; }
.collabo .top .col_scrollBox ul li {display:table; margin-top:10px; width:100%; }
.collabo .top .col_scrollBox ul li > a {display:block; }
.collabo .top .col_scrollBox ul li > a .thumbnail {display:table-cell;vertical-align:middle; width:95px; padding-right:15px; }
.collabo .top .col_scrollBox ul li > a .contants {display:table-cell;vertical-align:middle; width:calc(100% - 110px ); padding:0;}
.collabo .top .col_scrollBox ul li > a .contants .etc {font-size:11px; line-height:1.5; margin-bottom:7px; }
.collabo .top .col_scrollBox ul li > a .contants .name {width:100%; line-height:1.4; overflow: inherit; white-space: inherit; text-overflow: inherit;    word-break: keep-all;}
.collabo .top .col_scrollBox ul li > a .contants .prod_price {margin-top:5px; }
.collabo .top .btn_moreGray {display: block;width:100%; margin-top:30px; height:42px; border:1px solid #b8b8b8; border-radius:5px; text-align:center; font-size:13px; font-weight:400; letter-spacing:0.05em; color:#505050; line-height:42px; background:#fff; }

.collabo .swiper-slide-active .col_scrollBox{opacity:1}
.collabo .col_scrollBox{opacity:0; transition:0.4s ease-in-out}
.collabo .swiper-container-autoheight .swiper-wrapper{
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    -o-transition-property: transform,height;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform;}
    
.collabo .swiper-container-autoheight .swiper-wrapper.auto{height:auto !important;}

.collabo .swiper-button-prev:after,.collabo .swiper-container-rtl .swiper-button-next:after,
.collabo .swiper-button-next:after,.collabo .swiper-button-prev:after{font-size:0}

.collabo .swiper-wrapper.disabled {
    height: auto !important;
    transform: translate3d(0px, 0, 0) !important;
}
.collabo .swiper-pagination.disabled {
    display: none;
}
/* 콜라보 */


.midBanner {margin-top:60px;}
.midBanner ul li {position:relative;}
.midBanner ul li .img {width:100%;}
.midBanner ul li .img img {width:100%;}
.midBanner ul li .txt {position:absolute; top:50%; transform:translateY(-50%); left:15px;}
.midBanner ul li .txt p:nth-child(2) {padding:4px 0 24px; font-size:14px; font-weight:400; letter-spacing:-0.05em; color:#fff; line-height:1.7;}
.midBanner ul li .txt span {display:inline-block; font-size:14px; color:#fff; letter-spacing:0.07em; line-height:22px; height:22px;position:relative; padding-right:6px;}
.midBanner ul li .txt span::before {content:''; display:block; width:22px; height:22px; background:#fff; border-radius:50%; opacity:0.2; visibility:visible; position:absolute; top:0; right:0; transition:all 0.4s;}
.midBanner ul li .txt span img {display:inline-block; vertical-align:middle; padding-left: 10px; position:relative; top:-3px; transition:all 0.4s;}
.midBanner .swiper-pagination {bottom:5px;}
.midBanner .swiper-pagination-bullet {width:5px; height:5px; background:rgba(255,255,255,0.5); margin:0 5px; opacity:1;}
.midBanner .swiper-pagination-bullet-active {background:#fff; }


/* 셀렉트 */
.select {padding:60px 0; position:relative;     overflow: hidden;}  
.select .top {width:calc(100% - 30px); padding:0 15px; }
.select .top h2 {font-size:26px; letter-spacing:0.05em; line-height:1; color:#2c2c2c; font-weight:400 ;}
.select .top > ul {padding:20px 0 22px; width:100%; overflow:hidden;}
.select .top > ul li {float:left; margin-bottom:8px;width:auto; height:auto; margin-right:3px;  }
.select .top > ul li a {display:inline-block; background:#fff; border-radius:17px; border:1px solid #b8b8b8; padding:10px 14px;font-size:12px; font-weight:400; color:#b8b8b8; letter-spacing:-0.03em; line-height:1;}
.select .top > ul li a.on {color:#2c2c2c; border-color:#2c2c2c; }
.select .s_btm {transition:all 0.8s; position:absolute; top:212px; right:-100vw; width:calc(100% - 15px);}
.select .s_btm.on {right:0; z-index:1;}
.select .s_btm .ban {position:relative; width:calc(100% - 15px); padding:0 15px 20px 0;  }
.select .s_btm .ban .img {width:100%;}
.select .s_btm .ban .img img {width:100%; }
.select .s_btm .ban .txt {position:absolute; bottom:40px; left:20px; display:inline-block;  }
.select .s_btm .ban .txt p {color:#fff; font-size:18px; font-weight:400; line-height:26px; padding-bottom:15px; }
.select .s_btm .ban .txt p span {font-weight:600;font-size:14px; }
.select .s_btm .ban .txt span {display:inline-block; font-size:14px; color:#fff; letter-spacing:0.02em; line-height:22px; height:22px;position:relative; padding-right:6px;}
.select .s_btm .ban .txt > span::before {content:''; display:block; width:22px; height:22px; border-radius:50%; opacity:0.2; visibility:visible; position:absolute; top:0; right:0; transition:all 0.4s; background: #fff;}
.select .s_btm .ban .txt span img {display:inline-block; vertical-align:middle; padding-left: 10px; position:relative; top:-3px; transition:all 0.4s;}
.select .s_btm {padding-left:15px;}
.select .s_btm ul li {_width:170px; }
.select .s_btm ul li:last-child {margin-right:15px !important ; }
.select .s_btm ul li .thumbnail {width:100%;}
.select .s_btm ul li .thumbnail img {width:100%;}
.select .s_btm ul li .etc {display:none;}
.select .s_btm .swiper-container {padding-bottom:30px;}
.select .s_btm .swiper-scrollbar {cursor:pointer;height:1px; width:calc(100% - 15px); position:absolute; bottom:0; left: 0; background:#f2f2f2;}
.select .s_btm .swiper-scrollbar-drag {height:2px; top:-1.5px; background:#050a05;}

.fake_background img {width:100%;}

/* 셀렉트 메뉴 두줄일때 주석처리, 세줄일때 주석 해제 */
/*
@media (max-width: 381px) {
 .select .s_btm{top:253px}
}
*/
/* 셀렉트 */


/* 한스 */
.hs .hs_banner {/*padding-bottom:20px;*/ padding-top: 40px;}
.hs .hs_banner ul li {position:relative; }
.hs .hs_banner ul li > a {display:block; }
.hs .hs_banner ul li .img {width:100%;}
.hs .hs_banner ul li .img img {width:100%;}
.hs .hs_banner ul li .txt {position:absolute; top:50%; transform:translateY(-50%); left:15px; } 
.hs .hs_banner ul li .txt p img {height:16px;}   /*  HS우먼,맨 로고 이미지 : 이 줄 새로 추가   height:20px;  */
.hs .hs_banner ul li .txt p:nth-child(2) {font-size:14px; color:#fff; font-weight:400; line-height:1; padding:10px 0; letter-spacing:-0.04em; }
.hs .hs_banner ul li .txt p:nth-child(3) {font-size:16px; font-weight:600; color:#fff; line-height:1; padding-bottom:30px; }
.hs .hs_banner ul li .txt span {display:inline-block; font-size:14px; color:#fff; letter-spacing:0.07em; line-height:22px; height:22px;position:relative; padding-right:6px;}
.hs .hs_banner ul li .txt span::before {content:''; display:block; width:22px; height:22px; background:#fff; border-radius:50%; opacity:0.2; visibility:visible; position:absolute; top:0; right:0; transition:all 0.4s;}
.hs .hs_banner ul li .txt span img {display:inline-block; vertical-align:middle; padding-left: 10px; position:relative; top:-3px; transition:all 0.4s;}
.hs .hs_banner .swiper-pagination {bottom:16px;}
.hs .hs_banner .swiper-pagination-bullet {margin:0 5px !important;width:5px; height:5px; background:rgba(255,255,255,0.5); margin:0 5px; opacity:1;}
.hs .hs_banner .swiper-pagination-bullet-active {background:#fff !important;}
.hs .hs_box {padding-left:15px;}
.hs .hs_box ul {flex-direction: unset !important;}
.hs .hs_box ul li {_width:170px; margin-top: 20px !important;}
.hs .hs_box ul li:last-child {/*margin-right:15px !important ;*/ }
.hs .hs_box ul li .thumbnail {width:100%;}
.hs .hs_box ul li .thumbnail img {width:100%;}
.hs .hs_box ul li .etc {display:none;}
.hs .hs_box .swiper-container {padding-bottom:30px;}
.hs .hs_box .swiper-scrollbar {cursor:pointer;height:1px; width:calc(100% - 15px); position:absolute; bottom:0; left: 0; background:#f2f2f2;}
.hs .hs_box .swiper-scrollbar-drag {height:2px; top:-1.5px; background:#050a05;}
/* 한스 */


/* 리어피어 */
.reappear {padding:60px 0}
.reappear .swiper-wrapper{flex-direction: unset !important;}
.reappear .reappear_banner ul li {position:relative; }
.reappear .reappear_banner ul li > a {display:block; }
.reappear .reappear_banner ul li .img {width:100%;}
.reappear .reappear_banner ul li .img img {width:100%;}
.reappear .reappear_banner ul li .txt {position:absolute; top:50%; transform:translateY(-50%); left:15px; }
.reappear .reappear_banner ul li .txt p img {height:14.5px;}       /* 230307 토에즈 로고 이미지 : 이 줄 새로 추가   height:20px;  */    /* 이전 :  HS우먼,맨 로고 이미지 : 이 줄 새로 추가   height:20px;  */    
.reappear .reappear_banner ul li .txt p:nth-child(2) {font-size:16px; color:#fff; font-weight:400; line-height:1; padding:10px 0 30px; letter-spacing:-0.04em; }
.reappear .reappear_banner ul li .txt span {display:inline-block; font-size:14px; color:#fff; letter-spacing:0.07em; line-height:22px; height:22px;position:relative; padding-right:6px;}
.reappear .reappear_banner ul li .txt span::before {content:''; display:block; width:22px; height:22px; background:#fff; border-radius:50%; opacity:0.2; visibility:visible; position:absolute; top:0; right:0; transition:all 0.4s;}
.reappear .reappear_banner ul li .txt span img {display:inline-block; vertical-align:middle; padding-left: 10px; position:relative; top:-3px; transition:all 0.4s;}
.reappear .reappear_banner .swiper-pagination {bottom:16px;}
.reappear .reappear_banner .swiper-pagination-bullet {margin:0 5px !important;width:5px; height:5px; background:rgba(255,255,255,0.5); margin:0 5px; opacity:1;}
.reappear .reappear_banner .swiper-pagination-bullet-active {background:#fff !important;}
.reappear .reappear_box {padding-left:15px; }
.reappear .reappear_box ul li {_width:170px; margin-top:20px !important; }
.reappear .reappear_box ul li:last-child, .reappear .reappear_box ul li:nth-last-child(2) {margin-right:2px !important ; }
.reappear .reappear_box ul li .thumbnail {width:100%;}
.reappear .reappear_box ul li .thumbnail img {width:100%;}
.reappear .reappear_box ul li .etc {display:none;}
.reappear .reappear_box .swiper-container {padding-bottom:30px;}
.reappear .reappear_box .swiper-scrollbar {cursor:pointer;height:1px; width:calc(100% - 15px); position:absolute; bottom:0; left:0; background:#f2f2f2;}
.reappear .reappear_box .swiper-scrollbar-drag {height:2px; top:-1.5px; background:#050a05;}
/* 리어피어 */

/* 하단 유튜브영역 */
.btmYoutube {padding-bottom:54px;}
.btmYoutube .inner {padding:0 15px; }
.btmYoutube .banner ul li {position:relative;}
.btmYoutube .banner ul li .img {width:100%;}
.btmYoutube .banner ul li .img img {width:100%;}
.btmYoutube .banner ul li .txt {position:absolute; top:0; left:0; width:100%; padding-top:20px; text-align:center; }
.btmYoutube .banner ul li .txt p:nth-child(2) {padding-top:6px; display:inline-block; font-size:12px; font-weight:400; padding-bottom:3px; border-bottom:1px solid #fff; color:#fff; line-height:1;}
.btmYoutube .banner ul li .txt a {display:block; width:40px; height:40px; margin:25px auto 0;}
.btmYoutube .banner ul li .txt a img {width:100%; }
.btmYoutube .banner .swiper-scrollbar {cursor:pointer;height:1px; width:100%; position:absolute; bottom:10px; left:0; background:rgba(242, 242, 242, 0.3);}
.btmYoutube .banner .swiper-scrollbar-drag {height:2px; top:-1.5px; background:#fff;}

.btmYoutube .inner > ul {padding-top:20px;}
.btmYoutube .inner > ul li {width:100%; margin-bottom:10px; position:relative;}
.btmYoutube .inner > ul li:last-child {margin:0;}
.btmYoutube .inner > ul li .img {width:100%;}
.btmYoutube .inner > ul li .img img {width:100%;}
.btmYoutube .inner > ul li .txt {position:absolute; top:50%; transform:translateY(-50%);left:0; width:100%; text-align:center; }
.btmYoutube .inner > ul li .txt p:last-child {font-size:14px; font-weight:500; color:#fff; padding-top:5px; line-height:1; }

.ypop {opacity:0; visibility:hidden; transition:all 0.4s; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:10000; }
.ypop.on {opacity:1; visibility:visible;}
.ypop .dim {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:-1; }
.ypop .dim::before {content:''; displaY:block; width:100%; height:100%; background:rgba(0,0,0,0.01); backdrop-filter: blur(0.1px);  z-index: 11;  -webkit-filter: blur(4px);  -moz-filter: blur(4px);  -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);}
.ypop .ypop_inner {width:100%; max-height:400px; padding-top:40px; position:absolute; top:50%; left:0; transform:translateY(-50%); overflow-y:scroll; }
.ypop .ypop_inner::-webkit-scrollbar {display: none;}
.ypop .ypop_x {display:block; width:20px; height:20px; position:absolute; top:0; right:20px; background:url('/design/hanstyle/wib/2022wib/img/mo/y_x.svg')no-repeat center center;}
.ypop .ypop_iframe {width:100%; position: relative; padding-bottom: 56.25%;}
.ypop .ypop_iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ypop .ypop_txt {padding-top:17px; text-align:center;}
.ypop .ypop_txt p:first-child {position:relative; font-size:16px; color:#fff; font-weight:600; line-height:1; padding-bottom:15px; margin-bottom:15px;}
.ypop .ypop_txt p:first-child::before {content:''; display:block; width:40px; height:1px; background:#b8b8b8; position:absolute; bottom:0; lefT:50%; margin-left:-20px; }
.ypop .ypop_txt p:last-child {font-size:12px; color:#fff; font-weight:400; line-height:22px; }
/* 하단 유튜브영역 */


/* BASIC css end */


/* BASIC css end */


/* BASIC css end */