/* BASIC css start */
/*.item-wrap {overflow: hidden;margin: 0 auto;}*/
#contentWrapper {contain: paint;}
#mainWrap { margin:0 auto; max-width:1920px; min-width: 1770px;}
.more_btn {text-align:center; margin-top:50px;}
.more_btn a {display:inline-block; background:#fff; width:305px; height:55px; box-sizing:border-box; line-height:55px; border:1px solid #848484; position:relative; font-size:20px; color:#848484;}
.more_btn a i {font-size:20px; position:absolute; top:0; right:15px; line-height:55px;}
/* 메인 슬라이드 배너 */
#mainSlider {position:relative; z-index:10; width:100%; overflow: hidden;}
#mainSlider .swiper-container { width: 100%; height: 100%; }
#mainSlider .swiper-container .swiper-wrapper .swiper-slide {width:1544px; margin-left:10px;}
#mainSlider .swiper-container .swiper-wrapper .swiper-slide .items { position: relative; width: 767px; font-size: 0; float: left; overflow: hidden;}
#mainSlider .swiper-container .swiper-wrapper .swiper-slide .items:last-child {margin-left: 10px;}
#mainSlider .swiper-container .swiper-wrapper .swiper-slide .items .bg {position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(255,255,255,0.3);  transition:all 0.3s;}
#mainSlider .swiper-container .swiper-wrapper .swiper-slide .items a {display:inline-block; width:100%; height:100%; box-sizing:border-box; position:relative; }
#mainSlider .swiper-container .swiper-wrapper .swiper-slide .items a .infoWrap {position:absolute; top: 30px;left: 80px; z-index:2; opacity:0; transition:all 0.5s;}
#mainSlider .swiper-container .swiper-wrapper .swiper-slide .items a .infoWrap span {display:block;margin-bottom:14px;}
#mainSlider .swiper-container .swiper-wrapper .swiper-slide .items a .infoWrap span:last-child { margin-bottom:0px; }
#mainSlider .swiper-container .swiper-wrapper .swiper-slide .items a .infoWrap span.sort {font-size:15px;color:#e67361;letter-spacing: -0.5px; font-weight:600;}
#mainSlider .swiper-container .swiper-wrapper .swiper-slide .items a .infoWrap span.title {font-size: 38px;color:#fff;font-weight:bold; letter-spacing: 0.5px;}
#mainSlider .swiper-container .swiper-wrapper .swiper-slide .items a .infoWrap span.desc {font-size: 24px;color:#fff;letter-spacing: 0.7px;}
#mainSlider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .items a .infoWrap {opacity: 1; top:85px;}
#mainSlider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .items .bg {opacity:1; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 48.09%, rgba(0,0,0,0.2) 81.39%);}
#mainSlider .swiper-button-next, #mainSlider .swiper-button-prev {background: none; width: 36px; height: 87px; margin-top: -43.5px; opacity: 0; transition: transform 0.5s ease-out,opacity 0.5s ease-out;}
#mainSlider:hover .swiper-button-next, #mainSlider:hover .swiper-button-prev {opacity: 1;}
#mainSlider .swiper-button-prev {background: url(/design/yeoek/11753/common/main_slide_prev.png) no-repeat 0 0; background-size: 36px auto; left: 50%; margin-left: -890px;}
#mainSlider .swiper-button-next { background: url(/design/yeoek/11753/common/main_slide_next.png) no-repeat 0 0; background-size: 36px auto; right: 50%; margin-right: -890px;}
#contentWrapper h3 { font-size:34px;font-weight: 300; }


/*메인 이벤트 아이콘*/
.mainEvent {margin-top:55px; text-align:center;}
.mainEvent ul {font-size:0;}
.mainEvent ul li{display:inline-block; vertical-align:top; margin:0 30px;}
.mainEvent ul li span {display:block;}
.mainEvent ul li .desc {margin-top:15px; font-size:15px; color:#0B0B0D;}

/* 탭상품 */
#tabProduct {position:relative; padding:150px 0 0;}
#tabProduct h3 {text-align:center; margin-bottom:34px; font-size:38px; font-weight:300; color:#0B0B0D;}
.tab_list {font-size:0; text-align:center; margin-bottom:42px;}
.tab_list.tabs02 {text-align:left;}
.tab_list li {position:relative; cursor:pointer; text-align:center; display:inline-block; padding:0 33px; margin:0 3px; border:1px solid #AEAEAE; font-size:15px; background:#fff; color:#000; height:42px; line-height:42px; border-radius:42px;}
.tab_list li.active {background:#000; color:#fff; border:1px solid #000;}
.tab_list li.active:after {content:""; position:absolute; bottom:-5px; left:50%; margin:0 0 0 -2px; border-style:solid; border-width:4px; border-color:#000; display:block; width:0; z-index:1; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.tab-content-wrap {min-height:510px;}
.tab-content {display:none; width:1583px; margin:0 auto; overflow:hidden; position:relative; padding-bottom:200px;}
.tab-content.active {display:block;} 
.tab-content .item-list {font-size:0;}
.tab-content .item {margin-bottom:21px; width:374px}
.tab-content .item .sub-name {display:none;}
.tab-content .item img {max-width:100%;}
.tab-content .swiper-pagination {display:none; position:absolute; bottom:130px; left:50%; margin-left:-335px; width:770px; height:4px; background:#DEDEDE;}
.tab-content .swiper-pagination .swiper-pagination-progressbar-fill {background:#0B0B0D;}

.tab-content02 {display:none; width:1583px; margin:0 auto; overflow:hidden; position:relative; padding-bottom:200px;}
.tab-content02.active {display:block;} 
.tab-content02 .swiper-slide {width:100%}
.tab-content02 .swiper-slide .item {margin-right:21px; margin-bottom:21px; width:374px}
.tab-content02 .swiper-slide .item .sub-name {display:none;}
.tab-content02 .swiper-slide .item img {max-width:100%;}
.tab-content02 .swiper-pagination {position:absolute;  bottom:130px; left:50%; margin-left:-335px; width:770px; height:4px; background:#DEDEDE;}
.tab-content02 .swiper-pagination .swiper-pagination-progressbar-fill {background:#0B0B0D;}

.tab-content03 {display:none; width:1583px; margin:0 auto; overflow:hidden; position:relative; padding-bottom:200px;}
.tab-content03.active {display:block;} 
.tab-content03 .swiper-slide {width:100%}
.tab-content03 .swiper-slide .item {margin-bottom:21px; width:374px}
.tab-content03 .swiper-slide .item .sub-name {display:none;}
.tab-content03 .swiper-slide .item img {max-width:100%;}
.tab-content03 .swiper-pagination {position:absolute; bottom:130px; left:50%; margin-left:-335px; width:770px; height:4px; background:#DEDEDE;}
.tab-content03 .swiper-pagination .swiper-pagination-progressbar-fill {background:#0B0B0D;}

/* 타임세일 */
.timeSale {position:relative; width:100%; height:770px; background:#ffe2df; background-size:cover; overflow:hidden;}
.timeSale h2 {padding-top:70px; text-align:center; font-size:38px; font-weight:500; color:#FF6756;}
.timeSale p {margin-top:11px; color:#0B0B0D; font-size:15px; text-align:center;}
.timeSale .more_btn {margin-top:10px;}
.timeSale .more_btn a {border:1px solid #0B0B0D; background:transparent; color:#0B0B0D;}
.timeSale .swiper-container {width:1795px; margin:0 auto; overflow:hidden; margin-top:40px;}
.timeSale .swiper-pagination {position:absolute; bottom:60px; left:50%; margin-left:-335px; width:770px; height:4px; background:#848484;}
.timeSale .swiper-pagination .swiper-pagination-progressbar-fill {background:#0B0B0D;}
.timeSale .item .prd-info {padding-top:12px;}
.timeSale .item .prd-info .prd-icon, .timeSale .item .prd-info .sub-name, .timeSale .item .prd-info .prd-option {display:none;}
.timeSale .item .prd-info .prd-name a, .timeSale .item .prd-info .prd-price-wrap .price{color:#0B0B0D;}

/* 일반상품 */
.prd-section {padding:154px 0 168px; }
.prd-section h2 {font-size:38px; color:#0B0B0D; font-weight:300; text-align:center; margin-bottom:35px;}


/* 중간 배너 */
.midBanner { margin:0 0 6%; }
.midBanner li { float:left; width:50%;}
.midBanner li a { display:block; }
.midBanner li a img { width:100%; }

/* 왼쪽 고정형 섹션 */
.prd-fixed-section {width:1770px; margin:0 auto; position:relative;}
.prd-fixed-section h2 {font-size:38px; color:#0B0B0D; font-weight:300; text-align:center; margin-bottom:35px;}
.prd-fixed-section .item-wrap {width:100%; margin-bottom:17%;}
.prd-fixed-section .item-wrap.recomm_2 {margin-bottom:200px;}
.prd-fixed-section .item-wrap:after {content:''; display:block; clear:both;}
.prd-fixed-section .normal_list {float:right; width:1303px;}
.prd-fixed-section .normal_list .item {width:310px; margin-right:21px;}
.prd-fixed-section .normal_list .item:nth-child(4n) {margin-right:0;}
.prd-fixed-section .normal_list:after {content:""; display:block; clear:both;}
.left-section {position: sticky; top: 0; z-index: 2;}
.left-section.visible {top:100px;}
.left-section.absolute { position: absolute; top: calc(100% - 17%); width:100%; }
.left-section .desc-list {position: absolute; top: 66px; left: 0; visibility: hidden; float: left; width: 23.9%; min-width: 320px;  max-width: 410px;}

.left-section .desc-list.visible {visibility: visible; top: 0; z-index: 4;}
.left-section .desc-list.recomm_0 {visibility: visible; top: 0;}
.left-section .desc-list img { width: 100%; min-width: 320px; max-width: 410px;  }
.left-section .desc-list.fix { position:fixed; top:65px; width: 22%; min-width: 320px; max-width: 410px; }
.left-section .desc-list a { display: block; position: relative; }
.left-section .desc-list a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .7; z-index: 2; }
.left-section .desc-list .tit, 
.left-section .desc-list.top .tit { display: block; position: absolute; top: 43%; left: 21.5%; width: 58%; color: #000; font-size: 18px; font-weight: 300; letter-spacing:-1px; text-align: center; z-index: 3; }
.left-section .desc-list .tit b,  
.left-section .desc-list.top .tit b {display:block; font-size:38px; font-weight:600;}
.left-section .desc-list .more { display: block; position: absolute; top: 53%; left: 50%; width: 80px; margin-left: -40px; line-height: 24px; border: 1px solid #000; font-size: 14px; color: #000; text-align: center; z-index: 3; }
.left-section .desc-list .more:after { content:''; width: 7px; height: 10px; display: inline-block; background: url(/design/yeoek/11753/common/ico_left_arr_black.png) no-repeat; background-size: cover; margin-left: 5px; }

/*고객 BEST*/
.prd-customer {width:1583px; margin:0 auto; min-height: 907px;}
.prd-customer p {font-size:15px; color:#0B0B0D; font-weight:300; margin-bottom:11px;}
.prd-customer h2 {font-size:38px; color:#0B0B0D; font-weight:300; margin-bottom:32px;}
.prd-customer .tabs {text-align:left;}


/* 룩북 */
.lookbook {position:relative; overflow:hidden; margin:0 auto 150px;}
.lookbook .lookbookLeft {position:absolute; left:0; top:0; width:350px; height:100%; background:#ECECEC; box-sizing:border-box; padding-left:72px; padding-top:200px; box-shadow: inset 0 -300px 99px rgba(0,0,0,0); }
.lookbook .lookbookLeft h2 {font-size:30px; color:#0B0B0D; font-weight:700;}
.lookbook .lookbookLeft p {font-size:25px; color:#0B0B0D; margin-top:80px;}
.lookbook .lookbookRight {float:right; width:calc(100% - 350px); position:relative;}
.lookbook .lookbookRight .swiper-button-next, .lookbook .lookbookRight .swiper-button-prev {background: none; width: 36px; height: 87px; margin-top: -43.5px;}
.lookbook .lookbookRight .swiper-button-prev {
    background: url(/design/yeoek/11753/common/main_slide_prev.png) no-repeat 0 0;
    background-size: 36px auto;
    left: 80px;
}
.lookbook .lookbookRight .swiper-button-next {
    background: url(/design/yeoek/11753/common/main_slide_next.png) no-repeat 0 0;
    background-size: 36px auto;
    right: 80px;
}

.lookbook .swiper-slide {position:relative; }
.lookbook .swiper-slide .txt {position:absolute;top: 119px;right: 115px; opacity:0; transition:all 1s; z-index:2;}
.lookbook .swiper-slide .txt .lb {font-size: 14px;color:#FF6756;font-weight:bold;margin-bottom: 16px;display:block}
.lookbook .swiper-slide .txt .name {font-size: 20px;color:#fff;margin-bottom: 16px;}
.lookbook .swiper-slide .txt .price_wrap span {display:inline-block;margin-right: 10px;}
.lookbook .swiper-slide .txt .price_wrap .dc_price {color:#fff;font-weight:bold;font-size: 18px;}
.lookbook .swiper-slide .txt .price_wrap .price {color:#fff;font-size: 18px;text-decoration: line-through;}
.lookbook .swiper-slide .txt .price_wrap .percent {color:#FF6756;font-weight:bold;font-size: 18px;}
.lookbook .swiper-slide.swiper-slide-active .txt {opacity:1; top:169px;}
.lookbook .swiper-slide .bg {position:absolute; top:0; right:-100px;  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 10%, rgba(0,0,0,0.3)  100%); width:40%; height:100%; z-index:1; opacity:0; transition:all 1.5s;}
.lookbook .swiper-slide.swiper-slide-active .bg {opacity:1; right:0; }
    
/* 슈즈 양말 */
.prd-banner-section {width:1634px; margin:0 auto; overflow:hidden;}
.prd-banner-section .banner_list {overflow:hidden; margin-bottom:40px;}
.prd-banner-section .banner_list .tab_list {overflow:hidden;}
.prd-banner-section .banner_list .tab_list li {float:left; border:0; height:auto; line-height:auto; border-radius:0; padding:0; margin:0;}
.prd-banner-section .banner_list .tab_list li:last-child {margin-left:22px;}
.prd-banner-section .banner_list .tab_list li.active {background:none; border:0;}
.prd-banner-section .banner_list .tab_list li.active:after {display:none;}
.prd-banner-section .banner_list .tab_list li .tab_title {font-size:38px; color:#0B0B0D; font-weight:300; margin-bottom:21px; text-align:left;}
.prd-banner-section .banner_list .tab_list li .tab_img {opacity:0.5;}
.prd-banner-section .banner_list .tab_list li.active .tab_img {opacity:1;}
.prd-banner-section .banner_list .tab_list li:last-child .tab_title {text-align:right;}
.prd-banner-section .normal_list {width:1634px;}
.prd-banner-section .normal_list .item {width:310px; margin-right:21px;}
.prd-banner-section .normal_list .item:nth-child(5n) {margin-right:0;}
.prd-banner-section .tab-content {width:100%;}

/* 인플루언서 리뷰 */
.influencer {width:1634px; margin:150px auto 155px;}
.influencer h2 {font-size:38px; color:#0B0B0D; font-weight:300; margin-bottom:36px; text-align:center;}

/* 오프라인 스토어 */
.offstore {width:1634px; margin:0 auto;}
.offstore h2 {font-size:38px; color:#0B0B0D; font-weight:300; margin-bottom:36px; text-align:center;}
.offstore .offstore_slide {overflow:hidden; position:relative; }
.offstore .offstore_slide .txt {position:absolute;top: 50%;right:52px;width:358px;box-sizing:border-box;background:rgba(255,255,255,0.8);padding:60px 50px;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);transform: translateY(-50%);}
.offstore .offstore_slide .txt .sub {display:block; font-size:16px; color:#FF6756; font-weight:bold;  }
.offstore .offstore_slide .txt .tt {font-weight: bold !important; }
.offstore .offstore_slide .txt .tel {margin:20px 0; font-size:16px;  }
.offstore .offstore_slide .txt .day { margin-bottom:6px; font-size:16px;  }
.offstore .offstore_slide .txt .hour { margin-bottom:6px; font-size:16px; font-weight: bold  }
.offstore .offstore_slide .txt .break_time { margin-bottom:6px; font-size:16px; font-weight: bold  }
.offstore .offstore_slide .txt a {display:block;width: 180px;text-align: center;font-size: 14px;color: #fff;background: #000;line-height: 40px;margin-top: 24px;}
.offstore .offstore_slide .txt .address {font-size:16px; margin-top:20px; font-size:14px; line-height:1.5 }
.offstore .offstore_slide .swiper_tab_box {width:245px; float:left; box-sizing: border-box; padding-top: 180px;}
.offstore .offstore_slide .swiper_tab_box a {display:block; width:100%; height:30px; line-height:30px; margin:12px 0; background:none; font-size:20px; color:#848484;}
.offstore .offstore_slide .swiper_tab_box a.swiper-pagination-bullet-active {font-size:30px; color:#FF6756;}
.offstore .offstore_slide .swiper_tab_con_box {float:right; width:1389px;}
@media (min-width:1200px) {
	#mdPick .leftAboutInfo { float:left; font-weight: 300; width:15%; }
	#mdPick .mdPickSlider { position:relative; float:right;width:80%; padding:10px; background: #fff; }
    .instargram > ul > li:first-child { width:22% }
	.instargram > ul > li { float:left; width:78% }

}


/* BASIC css end */