/* BASIC css start */
/*.item-wrap {overflow: hidden;margin: 0 auto;}*/

:root{--main-btn:#7eb0c9;}
:root{--main-bar-color:#114988;}
:root{--main-color:#114988;}

/* 메인 롤링 배너 */
.sliderWrap { position:relative; min-width:1200px; height:560px; overflow:hidden }
.sliderWrap .sliderArea { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:560px }
.sliderWrap .sliderArea img{width:100%;}
.sliderArea .bx-pager{position:absolute;bottom:20px;left:0;right:0;z-index:60;text-align:center;}
.sliderArea .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.sliderArea .bx-pager-link{display:inline-block;width:18px;height:3px;font-size:0;margin:2px;background-color: rgba(0,0,0,0.4)}
.sliderArea .bx-pager-link.active{width: 30px; background-color: rgba(0,0,0,0.8);}
.sliderArea .bx-controls-direction {position:absolute;top:50%;left:50%;z-index:60;text-align:center;opacity: 0;}
.sliderArea:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.sliderArea .bx-prev, .sliderArea .bx-next{position:absolute;top:0;margin-top:-25px;font-size:36px;display:inline-block;width:50px;height:50px;color:#777;}
.sliderArea .bx-prev i, .sliderArea .bx-next i {line-height: 50px;}
.sliderArea .bx-prev{left:0;margin-left:-600px;}
.sliderArea .bx-next{right:0;margin-right:-600px;}
.sliderArea .bx-prev:hover,
.sliderArea .bx-next:hover{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-color: rgba(0,0,0,0.2); color:#fff; }


.sliderArea .bx-pager{position:absolute;bottom:20px;left:0;right:0;z-index:60;text-align:center;}
.sliderArea .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.sliderArea .bx-pager-link{display:inline-block;width: 16px;height: 6px;font-size:0;margin: 0 3px;background-color: rgba(225,225,225,0.8);border-radius: 3px;}
.sliderArea .bx-pager-link.active{width: 80px;background-color: rgba(45, 45, 45, 0.8);}
.sliderArea .bx-controls-direction {position:absolute;top:50%;z-index:60;text-align:center;/* opacity: 0; */width: 100%;}
.sliderArea:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.sliderArea .bx-prev, .sliderArea .bx-next{position:absolute;top:0;margin-top:-25px;font-size: 28px;display:inline-block;width:50px;height:50px;color: #eaeaea;line-height: 45px;}
.sliderArea .bx-prev i, .sliderArea .bx-next i {vertical-align: middle;}
.sliderArea .bx-prev{left: 200px;}
.sliderArea .bx-next{right: 200px;}
.sliderArea .bx-prev:hover,
.sliderArea .bx-next:hover{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-color: rgba(90, 90, 90, 0.8);color:#fff;border-radius: 100%;}


#contentWrapper h3 { font-size:34px;font-weight: 300; }


/* 메인공통 : 제목 */
.title_box {text-align:center; margin-bottom:40px; margin-top:40px;}
.title_box .main_title {color:#1a1a1a;font-size:32px;line-height:40px;font-weight:700;margin-bottom:8px;}
.title_box .title_cmt {color:#9a9a9a;font-size:18px;line-height:24px;font-weight:normal;letter-spacing: -0.02em;}

/* 메인공통 : 전체보기 버튼 */
.btn_allview {text-align:center; width:1200px; margin: 0px auto; padding-top:80px}
.btn_allview .txt{}
.btn_allview .txt a{display: inline-block;font-size: 20px;line-height:22px; font-weight:400; color:#333;
    padding:20px 120px 20px 120px; border:1px solid #777;}
.btn_allview .txt a:hover{background-color:var(--main-color); color:#fff;}


/* 중간 배너 */

.sec_midBanner {min-width:1200px;  /*justify-content:center;*/ margin-top: 10px; }
.midBanner {width:1200px; position: relative;  display:inline-block}

.midBanner .left,
.midBanner .right{ float:left; width:600px; height:380px; overflow: hidden;  margin: 0px auto;}


.midBanner .l_midbanner, .midBanner .l_midbanner{ width:600px; overflow: hidden; position: relative; }

/*
.midBanner li a { display:block; }
.midBanner li a img { width:100%; }

.midBanner {
    width:1200px; margin:0px auto; position: relative;
    padding:90px 0 90px 0; display:inline-block ;
    text-align: center;
}

*/

.midBanner .banner_box { width:600px; height:380px;  background-color: #f7f7f7;
    padding-bottom:20px; -webkit-padding-after :20px; /* display: block; */ text-align:center; }
.midBanner .banner_box:hover{ box-shadow: 0 17px 20px -15px rgba(0, 0, 0, 0.1); }

.midBanner .banner_box:hover .thumb img {-webkit-transform: scale(1.05);transform: scale(1.05) }

.midBanner .banner_box .thumb { overflow:hidden; height:280px; width:600px;}
.midBanner .banner_box .thumb img{ width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.midBanner .banner_box .thumb img:hover {-webkit-transform: scale(1.05);transform: scale(1.05) }

.midBanner .banner_box h1 {text-align:left;font-size: 20px; font-weight:500; color:#808080; letter-spacing:0px; padding:20px 5px 5px 20px;  height:25px;}
.midBanner .banner_box h2 {text-align:left;font-size: 16px; font-weight:400; color:#808080; letter-spacing:0px; padding:5px 5px 20px 20px;  height:15px;}


.midBanner .left  .bx-pager { position:relative; bottom:90px; left:0; right:0; z-index:60; text-align:center;}
.midBanner .left  .bx-pager-item{ transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.midBanner .left  .bx-pager-link{display:inline-block;width:15px;height:15px;font-size:0;margin:2px;
    background-color: rgba(0,0,0,0.8) ;border-radius: 100%;}
.midBanner .left  .bx-pager-link { width: 14px; height: 3px; margin: 0 2px; border-radius: 0; background: #bbb;   opacity: 1;}
.midBanner .left  .bx-pager-link.active{width: 25px; background-color: rgba(0,0,0,0.7);}

.midBanner .left .bx-controls-direction {position:relative; z-index:60; bottom:260px; text-align:center; opacity: 0;}
.midBanner .left:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}


.midBanner .left .bx-prev{ left:40px; }
.midBanner .left .bx-next{ right:40px;}
.midBanner .left:hover .bx-prev{  left: 20px; opacity: 1; visibility: visible; }
.midBanner .left:hover .bx-next{ right: 20px; opacity: 1; visibility: visible; }

.midBanner .left  .bx-prev, .midBanner .left  .bx-next {
    -webkit-transition: all .22s 0.0s linear;
    transition: all .22s 0.0s linear;    width: 40px; height: 40px; font-size: 18px;
    position:absolute;  display: inline-block;line-height: 40px; color:#777;
     background-color: rgba(0,0,0,.25);
     color: #fff;border: 0;     box-shadow: none; border-radius: 100%;

}


.midBanner .left .bx-prev,
.midBanner .left .bx-next{ vertical-align: middle; text-align: center;}
.midBanner .left .bx-prev:hover,
.midBanner .left .bx-next:hover {
    text-decoration: none; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-color: rgba(0,0,0,0.8); color:#fff;
    opacity: 1;
    visibility: visible;
 }


.midBanner .right .bx-pager{ position:relative; bottom:90px;left:0;right:0; z-index:60; text-align:center;}
.midBanner .right .bx-pager-item{ transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}

.midBanner .right .bx-pager-link{display:inline-block;width:15px;height:15px;font-size:0;margin:2px;
    background-color: rgba(0,0,0,0.8) ;border-radius: 100%;}

.midBanner .right .bx-pager-link {width: 14px; height: 3px; margin: 0 2px; border-radius: 0; background: #bbb;   opacity: 1;}
.midBanner .right .bx-pager-link.active{width: 25px; background-color: rgba(0,0,0,0.7);}

.midBanner .right .bx-controls-direction {position:relative; z-index:60; bottom:260px; text-align:center; opacity: 0;}
.midBanner .right:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

.midBanner .right  .bx-prev{ left:40px; }
.midBanner .right  .bx-next{ right:40px;}
.midBanner .right:hover .bx-prev{  left:20px; opacity: 1; visibility: visible; }
.midBanner .right:hover .bx-next{ right:20px; opacity: 1; visibility: visible; }

.midBanner .right .bx-prev, .midBanner .right .bx-next {
    -webkit-transition: all .22s 0.0s linear;
    transition: all .22s 0.0s linear;
    width: 40px;    height: 40px;    font-size: 18px;
    position:absolute;  display: inline-block;line-height: 40px; color:#777;
     background-color: rgba(0,0,0,.25);
     color: #fff;
     border: 0;
     box-shadow: none; border-radius: 100%;

}

.midBanner .right .bx-prev,
.midBanner .right .bx-next{ vertical-align: middle; text-align: center;}
.midBanner .right .bx-prev:hover,
.midBanner .right .bx-next:hover {
    text-decoration: none; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-color: rgba(0,0,0,0.8); color:#fff;
    opacity: 1;
    visibility: visible;
 }


/* MD's PICK 롤링상품 */
#sec7{  background: #f3f3f3;   margin: 50px 0 100px; padding: 3.6% 2.8%; }
#mdPick { }
#mdPick .leftAboutInfo { float:left; font-weight: 300; width:12%; }
#mdPick .leftAboutInfo .Info { }
#mdPick .leftAboutInfo .Info .t1 { font-size:34px; margin: 0 0 8px;}
#mdPick .leftAboutInfo .Info .t2 { font-size:18px; color:#808080; }
#mdPick .leftAboutInfo .Info a.mdBtn { display:block;background:#222; color:#fff;border:1px solid #222; position:absolute;bottom:10%;height:58px;line-height:58px; padding:0 2%; font-size:16px;}
#mdPick .leftAboutInfo .Info a.mdBtn:hover {background:#f3f3f3; color:#222;border:1px solid #222; }
#mdPick .mdPickSlider { position:relative; float:right;width:84%; padding:10px; background: #fff; }
#mdPick p.ttl {font-size: 20px;display: inline-block;margin: 14% auto 3%;width: 100%;text-align: center;font-weight:500;}
#mdPick .mdPickContainer {  overflow:hidden;width:90%;margin: 0 auto; }
#mdPick .mdPickContainer .swiper-wrapper { padding: 20px 0; }
#mdPick .mdPickContainer .swiper-slide { width:23.8%;margin: 0 20px 0 0; }
#mdPick .mdPickContainer .swiper-slide a { display:block; }
#mdPick .mdPickContainer .swiper-slide .thumb { position:relative; overflow: hidden; }
#mdPick .mdPickContainer .swiper-slide .thumb img {width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
#mdPick .mdPickContainer .swiper-slide .thumb:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }
#mdPick .mdPickContainer .swiper-slide .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.3s ease;transition:transform 0.3s ease; }
#mdPick .mdPickContainer .swiper-slide .prd-preview { display:none; position:absolute; right:15px;bottom:15px; width:24px;margin:0 auto;}
#mdPick .mdPickContainer .swiper-slide .prd-preview i { font-size: 24px; }
#mdPick .mdPickContainer .swiper-slide .listPic { width:100% }
#mdPick .mdPickContainer .swiper-slide .listInfoBox .listName { font-size: 16px; margin:17px 0 4px; }
#mdPick .mdPickContainer .swiper-slide .listInfoBox .subname { color:#8e8d8d;line-height:18px; padding-bottom: 7px;font-size: 14px;}
#mdPick .mdPickContainer .swiper-slide .listInfoBox .listPrice { font-size: 16px;position:relative;margin:12px 0 0;}
#mdPick .mdPickContainer .swiper-slide .listInfoBox .listPrice del,
#mdPick .mdPickContainer .swiper-slide .listInfoBox .listPrice strike { color:#8e8d8d; font-weight: normal; font-size: 14px; margin: 0 8px; }
#mdPick .mdPickContainer .swiper-slide .listInfoBox .listPrice .dcPercent { color:#d95115; font-size:16px;}
#mdPick .mdPickContainer .swiperBtn {color:#111;font-size: 27px;position:absolute;top:46%;text-align:center;background-image: none; z-index:11;}
#mdPick .mdPickContainer .swiperBtn.swiper-button-next {right:20px;}
#mdPick .mdPickContainer .swiperBtn.swiper-button-prev {left:20px;}
#mdPick .mdPickContainer .swiperBtn.swiper-button-next:hover img { background:url('/design/yespen/13199/tem173/md_arrow_right_on.png') no-repeat; z-index:11;}
#mdPick .mdPickContainer .swiperBtn.swiper-button-prev:hover img { background:url('/design/yespen/13199/tem173/md_arrow_left_on.png') no-repeat; z-index:11;}

 /* #mdPick .mdPickContainer .swiper-scrollbar { width:100%;height: 2px; left:0; bottom:0; background: #dbdbdb;} */
#mdPick .mdPickContainer .swiper-scrollbar-drag { background: #000;}
#mdPick .mdPickContainer .scrollbar_pick { width:100%;height: 2px; left:0; bottom:0; background: #dbdbdb;}
#mdPick .mdPickContainer .swiper-scrollbar-drag { background: #000;}

/* 해시 태그 */
#sec3 {  background: rgba(229, 214, 197, 0.2); border-bottom:3px dashed #fff;  padding:60px 0 70px 0;}

.sec_tag{width:100%;  margin:10px 0 0 auto ;position:relative;
    background: rgba(229, 214, 197, 0.2); padding:80px 0 70px 0;border-bottom:3px dashed #fff; }
.tag_wrap {display:flex;flex-direction: column;align-items: center; margin:0 auto 50px !important;}
.tag_wrap .title_box {margin-bottom:50px;}
.tag_wrap .tag_keyword {max-width:740px;display:flex;flex-wrap:wrap;justify-content:center;}
.tag_wrap .tag_keyword a {display:inline-block;margin-right:16px;margin-bottom:16px;padding:12px 16px;border:1px solid #ddd;box-sizing:border-box;font-size:18px;color:#1a1a1a;line-height:24px;letter-spacing:-0.02em;}
.tag_wrap .tag_keyword a:hover{background-color:var(--main-color); color:#fff;}


/* 인스타그램 */
#sec99{}
.instargram {}
.instargram {text-align:center; position:relative;}

.instargram .h_title {position:relative;  font-size:34px; font-weight:300; text-align:center;}
.instargram .btnFollow { padding:40px;     align-items: center;    display: flex;    flex-wrap: wrap;    justify-content: center;}
.instargram .btnFollow a {display:block;line-height:35px; width:120px; height:35px; border-radius:20px;background:#222;color:#fff;font-size:14px;
    text-align:center; border:1px solid #222; margin:10px 0;-webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.instargram .btnFollow a:hover { background:#fff;color:#222;border:1px solid #222; box-sizing: content-box; }
.instargram img { width:100%;}
.instargram .h_title h3 span {font-size: 16px;margin-left: 5px;font-weight: normal;}

@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% }

}


/* 메인 롤링 배너 */
.section02{}
.sliderWrap { position:relative; min-width:1200px; height:600px; overflow:hidden }
.sliderWrap .sliderArea_v2 { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:600px ;
vertical-align: middle; text-align: center;}
/* .sliderWrap .sliderArea_v2 img{ vertical-align: middle; text-align: center;}  */
.sliderWrap .sliderArea_v2 img {height: 600px;}
.sliderArea_v2 .bx-pager{position:absolute;bottom:20px;left:0;right:0;z-index:60;text-align:center;}
.sliderArea_v2 .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.sliderArea_v2 .bx-pager-link{display:inline-block;width:15px;height:15px;font-size:0;margin:2px;
    background-color: rgba(0,0,0,0.8) ;border-radius: 100%;}
.sliderArea_v2 .bx-pager-link.active{width: 20px; background-color: rgba(255,255,255,0.4);}


.sliderArea_v2 .bx-controls-direction {position:absolute;top:50%;left:50%; z-index:60;text-align:center;opacity: 0;}
.sliderArea_v2:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

.sliderArea_v2 .bx-prev, .sliderArea_v2 .bx-next {position:absolute; top: 0px; margin-top:-30px; font-size: 40px;
    display: inline-block;width:60px;height:60px;line-height: 60px; color:#777;}


.sliderArea_v2 .bx-prev i, .sliderArea_v2 .bx-next i {line-height: 50px;}
.sliderArea_v2 .bx-prev{left:0;margin-left:-550px;}
.sliderArea_v2 .bx-next{right:0;margin-right:-550px;}


.sliderArea_v2 .bx-prev{ left:150px; }
.sliderArea_v2 .bx-next{ right:150px;}

.sliderArea_v2:hover .bx-prev{ left:0px;
    opacity: 1;
    visibility: visible}
.sliderArea_v2:hover .bx-next{ right:0px;
    opacity: 1;
    visibility: visible; }

.sliderArea_v2 .bx-prev,
.sliderArea_v2 .bx-next{text-decoration: none; vertical-align: middle; text-align: center;
 background-color: rgba(0,0,0,.25);
     color: #fff;
     border: 0;
     box-shadow: none; border-radius: 100%;
     }

.sliderArea_v2 .bx-prev:hover,
.sliderArea_v2 .bx-next:hover{text-decoration: none; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-color: rgba(0,0,0,0.8); color:#fff; }
.sliderArea_v2 .bx-prev:hover,
.sliderArea_v2 .bx-next:hover{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-color: rgba(90, 90, 90, 0.8);color:#fff;border-radius: 100%;}


/* 삭제 ------------------------- */
/* 메인영역02 : 탭 상품 진열대 */


/* 분류별 순의 리스트 */
#sec9 {visibility:hidden;  }
#sec9 .item-wrap { padding: 0;}
#sec9 .rankCatewrap { position:relative }
#sec9 .rankCatewrap .rankCateTab {overflow: hidden; text-align: center;}
#sec9 .rankCatewrap .rankCateTab li{ display:inline-block; margin: 0 5px;}
#sec9 .rankCatewrap .rankCateTab li a {display:block;font-size: 16px;font-weight:300;color:#a8a8a8;margin:18px 10px 0 0;
    overflow:hidden; display:block; width:100%;background-color: #eeeeee; border-radius: 40px; padding: 11px 25px; text-align:center; color:#555555;position:relative; font-size: 14px; font-weight: 500;   transition:all .3s}
#sec9 .rankCatewrap .rankCateTab li a:hover {color: #fff; background-color: #777; }
#sec9 .rankCatewrap .rankCateTab li a.active { color: #fff; background-color: var(--main-btn);}

#sec9 .rankCatewrap .rankCateTab li a::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-color:var(--main-btn);
  transition: all 0.9s ease;
}
#sec9 .rankCatewrap .rankCateTab li a:hover::after {
  right: auto;
  left: 0;
  width: 100%;
}


#sec9 .rankCatewrap .rankCateTab li  span{ display: block; height: 33px; line-height: 33px; padding: 0 20px; text-align: center; cursor: pointer; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #757575; font-size: 14px;    font-family: "맑은 고딕",'Malgun Gothic', sans-serif; font-weight: 300;}

#sec9 .rankCatewrap .rankCateList {position:relative; padding: 26px 0;}
#sec9 .rankCatewrap .slideList ul { zoom:1; overflow:hidden; margin-left: -1.5%;}
#sec9 .rankCatewrap .slideList ul li.itemWrap {float:left; position:relative; width: 25%; padding: 0 0 3% 1.5%;box-sizing:border-box; }
#sec9 .rankCatewrap .slideList ul li .thumb { position:relative; overflow: hidden; }
#sec9 .rankCatewrap .slideList ul li .thumb img {width:100%;  -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
#sec9 .rankCatewrap .slideList ul li .thumb:hover img {-webkit-transform: scale(1.05);transform: scale(1.05) }
#sec9 .rankCatewrap .slideList .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.3s ease;transition:transform 0.3s ease; }
#sec9 .rankCatewrap .slideList .prd-preview { display:none; position:absolute; right:15px; bottom:15px; width:24px;margin:0 auto;}
#sec9 .rankCatewrap .slideList .prd-preview i { font-size: 24px; color: #fff; line-height: 50px; }
#sec9 .rankCatewrap .slideList .prd-preview { display:none; position:absolute; right:15px; bottom:15px; width:50px; height:50px; background-color:rgba(0, 0, 0, 0.5);border-radius:100%; text-align: center; }

#sec9 .rankCatewrap .slideList.prd-preview i { font-size: 24px; color: #fff; vertical-align: middle; line-height: 50px; }
#sec9 .rankCatewrap .slideList .prd-preview:hover { background-color:rgba(0, 0, 0, 1); }

#sec9 .rankCatewrap .prd-info { left:0;right:0;margin-top: 17px; min-height: 100px;}
#sec9 .rankCatewrap .prd-info .clChip span {display: inline-block;width: 12px;height: 4px; margin: 0 1px;vertical-align: top;}
#sec9 .rankCatewrap .prd-info .prd-name { margin:0 0 4px;font-size:16px;}
#sec9 .rankCatewrap .prd-info .subname { color: #8e8d8d; line-height: 18px; padding-bottom: 7px; font-size: 14px;}
#sec9 .rankCatewrap .prd-info .prd-price { font-size: 16px; position: relative; margin: 12px 0 0; }
#sec9 .rankCatewrap .prd-info .prd-price del { color: #8e8d8d; font-weight: normal; font-size: 14px; margin: 0 8px; }
#sec9 .rankCatewrap .prd-info .prd-price .dcPercent { color: #d95115; font-size: 16px; }
#sec9 .rankCatewrap .prd-info .prd-price span { }


.price_tab {font-size:0; text-align:center;}
.price_tab li {color:#aaa; font-size:16px; cursor:pointer; position:relative; display:inline-block;  font-weight:300; padding:0px 27px;  height:30px;}
.price_tab li.current {color:#111; font-weight:400;}
.price_tab li.current::after {content:""; position:absolute; width:3px !important; height:3px; background-color:#000; border-radius:50%; bottom:0px; left:50%; margin-left:-2px; width:100%; text-align:center;}

.tabcontent02 .swiper-wrapper {margin-bottom:60px;}
.tabcontent02 {display:none; margin-top:50px; padding:0px; position:relative;}
.tabcontent02.current {display: block;}
.tabcontent02 .swiper-scrollbar { left:0px !important; bottom:0px !important; height:1px !important; width:100% !important;}
.tabcontent02 .swiper-scrollbar-drag {background: rgba(0, 0, 0, 1);border-radius: 0px;}

.tabcontent02 .swiper-button-prev {background-image:url('/design/yespen/assets/img/main/btn_rect_left.png'); left:1px; width:41px; height:41px; background-size:41px 41px; margin-top:-121px; top:50%; outline:none;}
.tabcontent02 .swiper-button-next {background-image:url('/design/yespen/assets/img/main/btn_rect_right.png'); right:1px; width:41px; height:41px; background-size:41px 41px; margin-top:-121px; top:50%; outline:none;}

.tabcontent02 .main_product .p_info {border:1px solid #e9e9e9; border-top:0px; padding:0px 18px 30px;}
.tabcontent02 .grid5 ul li {margin-bottom:0px;}

.swiper_roll02 .swiper-container {padding-bottom:60px;}
.swiper_roll02 .swiper-scrollbar2 .swiper-scrollbar {left:0; width:100%; height:1px;}

/*  메인상품진열 관련 CSS */
.main_product  ul li {text-align:left;}
.main_product .p_thumb {position:relative; padding:0 0px;}
.main_product .p_thumb .thumb {max-width:100%;}
.main_product .p_thumb img {width: 100%}
.main_product .p_info {padding:0 0px; font-size:0px;}
.main_product .p_name {font-size:15px; color:#1b1b1b;  padding-top:20px; font-weight:300; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; padding-right:5%;}
.main_product .p_desc {font-size:14px; color:#999;  padding-top:3px; font-weight:300; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; padding-right:5%;}
.main_product .p_price01 {font-size:17px; color:#000;  padding-top:23px; font-weight:700; }
.main_product .p_price01 strike {font-size:16px; color:#aaa;  font-weight:300; padding-left:15px;}
.main_product .p_price01 .sale {color:#fe4a49; font-size:16px; font-weight:300; float:right;}
.main_product .p_icon {font-size:0px; padding-top:15px;}
.main_product .p_icon img {padding-right:6px;}


/*  메인상품진열 : 확대버튼  */
.main_product .btn_zoom  {position:absolute; bottom:0px;  margin-top:-15px; right:0px; text-align:center; width:100%; font-size:0px; opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; text-align:center; font-size:0px; }
.main_product .btn_zoom img {display:inline-block; margin:0px 4px;}
.main_product ul li:hover .btn_zoom  {opacity:1; bottom:20px; right:0px;  }

@media screen and (max-width: 1819px)
{

.tabcontent02 .swiper-button-prev {left:-0px;}
.tabcontent02 .swiper-button-next {right:-0px;}
}


.grid5 ul li {margin:0px 0px 60px 0px;}


/* section 1 서브 배너 */
#sec1  {min-width:1200px; display:flex; flex-wrap:wrap; /*justify-content:center;*/ margin-top: 10px; }
.m_sec02 { width:1200px; margin:120px auto 0; }

.subbnArea {position: relative;   height: 600px;margin-top: 45px; }
.subbnArea:after { content: ""; display: block; clear: both; }
.subbnArea .sub_banner .left { float: left; width: 600px; height:600px; border:0px solid eee; overflow:hidden; }
.subbnArea .sub_banner .right { float: right; width: 600px; height:600px; border:0px solid eee;overflow:hidden; }

.subbnArea .sub_banner .left img { width: 100%; max-width: 100%; overflow:hidden;}

.subbnArea .sub_banner .left img
 { width:100%;  -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.subbnArea .sub_banner .left:hover  img
 {-webkit-transform: scale(1.05);transform: scale(1.05) }


.subbnArea .sub_banner .line {margin-top: 20px;}

.subbnArea .right ul li {float: left;    height: 290px;}
.subbnArea .right ul li:nth-child(1) {width: 290px;}
.subbnArea .right ul li:nth-child(2) {margin-left: 20px;    width:290px;}
.subbnArea .right ul li:nth-child(3) {margin-top: 20px;}
.subbnArea .right ul li:nth-child(1) img,.subbnArea .right ul li:nth-child(2) img {    width: 100%;    height: 100% }
.subbnArea .right ul li:nth-child(3) img {width: 100%;    height: 100%}

.subbnArea .right ul li img
 { width:100%;  -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.subbnArea .right ul li:hover img
 {-webkit-transform: scale(1.05);transform: scale(1.05) }

/* sub배너 롤링 */

.sub_banner .left {  position:relative; min-width:600px; height:600px; overflow:hidden }
.sub_banner .left .l_subbanner {   position:absolute; top:0; left:0; width:600px; height:600px ;
vertical-align: middle; text-align: center;}
/* .sliderWrap .sliderArea_v2 img{ vertical-align: middle; text-align: center;}  */
.sliderWrap .l_subbanner img {height: 600px;}


.sub_banner .bx-pager{ position:absolute; bottom:20px;left:0;right:0; z-index:60; text-align:center;}
.sub_banner .bx-pager-item{ transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}

.sub_banner .bx-pager-link{display:inline-block;width:15px;height:15px;font-size:0;margin:2px;
    background-color: rgba(0,0,0,0.8) ;border-radius: 100%;}

.sub_banner .bx-pager-link {
    width: 14px;
    height: 3px;
    margin: 0 2px;
    border-radius: 0;
    background: #bbb;
   opacity: 1;}
.sub_banner .bx-pager-link.active{width: 25px; background-color: rgba(0,0,0,0.7);}

.sub_banner .bx-controls-direction {position:absolute; z-index:60; top:50%; text-align:center; opacity: 0;}
.sub_banner:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.sub_banner .left .bx-prev{ left:30px; }
.sub_banner .left .bx-next{ right:-570px;}
.sub_banner:hover .left .bx-prev{  left: 12px;
    opacity: 1;
    visibility: visible}
.sub_banner:hover .left .bx-next{ right: -588px;
    opacity: 1;
    visibility: visible; }

.sub_banner .left .bx-prev, .sub_banner .left .bx-next {
    -webkit-transition: all .22s 0.0s linear;
    transition: all .22s 0.0s linear;
    width: 40px;    height: 40px;    font-size: 18px;
    position:absolute;  display: inline-block;line-height: 40px; color:#777;
     background-color: rgba(0,0,0,.25);
     color: #fff;
     border: 0;
     box-shadow: none; border-radius: 100%;

}

.sub_banner .bx-prev i, .sub_banner .bx-next i {line-height: 40px;}

.sub_banner .bx-prev,
.sub_banner .bx-next{ vertical-align: middle; text-align: center;}

.sub_banner .bx-prev:hover,
.sub_banner .bx-next:hover {
    text-decoration: none; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-color: rgba(0,0,0,0.8); color:#fff;
    opacity: 1;
    visibility: visible;
 }

.sub_banner .bx-prev:hover,
.sub_banner .bx-next:hover { transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-color: rgba(90, 90, 90, 0.8);color:#fff; border-radius: 100%; }


/* 메인 영역 : 배너 영역 */
.m_sec02 { width:1200px; margin:120px auto 0; }

.m_sec02 .ban_left { display:inline-block; width:670px; }
.m_sec02 .ban_left .mm_ban01 { float:left; display:block; width:100%; height:300px; background-color:#222; }
.m_sec02 .ban_left .mm_ban01:hover .ban01_left .img_box img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }
.m_sec02 .ban_left .mm_ban01 .ban01_left { float:left; width:50%; height:100%; }
.m_sec02 .ban_left .mm_ban01 .ban01_left .img_box { height:100%; overflow:hidden; }
.m_sec02 .ban_left .mm_ban01 .ban01_left .img_box img { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.m_sec02 .ban_left .mm_ban01 .ban01_right { float:left; width:50%; height:100%; position:relative; }
.m_sec02 .ban_left .mm_ban01 .ban01_right .ban_arrow { width:23px; height:23px; position:absolute; top:50%; left:-6px; background:url('/design/d4-3323/0781airwave/ban_arrow.png') no-repeat; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.m_sec02 .ban_left .mm_ban01:hover .ban01_right .ban_arrow { left:-11px; }
.m_sec02 .ban_left .mm_ban01 .ban01_right .txt_box { position:absolute; top:50%; left:50px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.m_sec02 .ban_left .mm_ban01 .ban01_right .txt_box .txt01 { font-size:12px; font-weight:600; color:#fff; letter-spacing:1.5px; }
.m_sec02 .ban_left .mm_ban01 .ban01_right .txt_box .txt02 { font-size:18px; font-weight:500; color:#fff; }
.m_sec02 .ban_left .mm_ban01 .ban01_right .txt_box .txt_bar { width:20px; height:2px; margin:20px 0 10px; background-color:#fff; }
.m_sec02 .ban_left .mm_ban01 .ban01_right .txt_box .txt03 { font-size:14px; font-weight:300; color:#fff; }

.m_sec02 .ban_left .mm_ban02 { float:left; display:block; width:100%; height:300px; margin-top:30px; position:relative; background-color:#f7f7f7; }
.m_sec02 .ban_left .mm_ban02 a { display:block; width:100%; height:100%; }
.m_sec02 .ban_left .mm_ban02 .txt_box { position:absolute; top:50%; left:50px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.m_sec02 .ban_left .mm_ban02 .txt_box .txt01 { font-size:12px; font-weight:600; color:#43459a; letter-spacing:1.5px; }
.m_sec02 .ban_left .mm_ban02 .txt_box .txt02 { font-size:18px; font-weight:500; color:#222; }
.m_sec02 .ban_left .mm_ban02 .txt_box .txt_bar { width:20px; height:2px; margin:20px 0 10px; background-color:#43459a; }
.m_sec02 .ban_left .mm_ban02 .txt_box .txt03 { font-size:14px; font-weight:300; color:#999; }

.m_sec02 .ban_right { float:right; display:inline-block; width:500px; margin-left:30px; }
.m_sec02 .ban_right .mm_ban03 { width:500px; height:630px; position:relative; background-color:#f7f7f7; }
.m_sec02 .ban_right .mm_ban03 .swiper_ban03 { width:100%; height:630px; }
.m_sec02 .ban_right .mm_ban03 .swiper_ban03 .swiper-slide { position:relative; }
.m_sec02 .ban_right .mm_ban03 .swiper_ban03 .swiper-slide .bg { display:block; width:100%; height:630px; position:absolute; }
.m_sec02 .ban_right .mm_ban03 .swiper_ban03 .swiper-slide .txt_area { width:450px; height:195px; position:absolute; bottom:-50px; left:0; z-index:1; background-color:rgba(255,255,255,0.5); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; opacity:0; }
.m_sec02 .ban_right .mm_ban03 .swiper_ban03 .swiper-slide:hover .txt_area { bottom:0; opacity:1; }
.m_sec02 .ban_right .mm_ban03 .swiper_ban03 .swiper-slide .txt_area .txt01 { padding:35px 0 0 30px; font-size:24px; font-weight:500; color:#222; }
.m_sec02 .ban_right .mm_ban03 .swiper_ban03 .swiper-slide .txt_area .txt02 { padding:10px 0 0 30px; font-size:15px; font-weight:300; color:#999; line-height:1.5; }
.m_sec02 .ban_right .mm_ban03 .swiper_ban03 .swiper-slide .view_btn { padding:20px 0 0 30px; font-size:14px; font-weight:600; color:#000; }
.m_sec02 .ban_right .mm_ban03 .swiper_ban03 .swiper-slide .view_btn img { margin-left:10px; padding-bottom:3px; vertical-align:middle; }

.m_sec02 .ban_right .mm_ban03 .swiper-container-horizontal>.swiper-pagination-bullets,
.m_sec02 .ban_right .mm_ban03 .swiper-pagination-custom,
.m_sec02 .ban_right .mm_ban03 .swiper-pagination-fraction { bottom:auto; top:30px; }
.m_sec02 .ban_right .mm_ban03 .swiper-pagination-bullet { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.m_sec02 .ban_right .mm_ban03 .swiper-pagination-bullet-active { width:30px; background:#43459a; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }


/* HOT BRAND 탭 상품  */
#sec4{}
.sec_bestbrand {position: relative;  margin-top:10px;}
.sec_bestbrand{ margin:10px auto 0 auto ;position:relative; padding:30px 0 80px 0;border-bottom:3px dashed #fff; }

.tabarea{ margin-top:150px;  }
.tabarea .item_container .item-wrap{ height: 1000px; }

.tabarea .tab{ display: inline-block; width:100%; max-width: 1240px; text-align: center; font-size: 0; margin:10px 0 }

.tabarea .tab > li{ display: inline-block; margin: 0 5px; border: 1px solid #cecece; border-radius: 21px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #ccc; background: #fff; }
.tabarea .tab > li  span{ display: block; height: 33px; line-height: 33px; padding: 0 20px; text-align: center; cursor: pointer; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #757575; font-size: 14px;    font-family: "맑은 고딕",'Malgun Gothic', sans-serif; font-weight: 300;}
.tabarea .tab li.live{ font-weight: bold; background-color: var(--main-btn);}
.tabarea .tab li.live span{ color: #fff;}

.tabarea .item_container{ display: block; position: relative;  }
.tabarea .item_container .item-wrap{ display: none;}
.tabarea .item_container .item-wrap.active{ display: block;}
.tabarea .item_container .item-wrap .item-cont { border-top:0px solid #cecece; }
.tabarea .item_container .item-wrap .item-cont .item-list{position: relative; width: 25%;
    margin: 1px 0 0;
    padding: 0 10px 0 10px; border: 1px solid #eeeeee; border-left: 0; box-sizing: border-box;}
.tabarea .item_container .item-wrap .item-cont .item-list  img{width: 100%;}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info{ padding-bottom: 30px;}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info .prd-name{ height: 50px;}


/* 캘리그라피 배너 */
#sec8 {position: relative; min-width:1200px; display:block; /*justify-content:center;*/ margin-top: 10px;  }
#sec8 .sub_banner01 img { width:100%;}


/* 탭 상품 기능 */
.sec_newproduct {position: relative;  margin-top:10px;}
.sec_newproduct{ margin:10px auto 0 auto ;position:relative; padding:50px 0 80px 0;border-bottom:3px dashed #fff; }

/* 탭 상품 기능 */

.new_tabarea{}
.new_tabarea .new_item_container .item-wrap{ height: 400px; }

.new_tabarea .new_tab{ display: inline-block; width:100%; max-width: 1240px; text-align: center; font-size: 0;
margin:10px 0 }
.new_tabarea .new_tab > li{ display: inline-block; margin: 0 5px; border: 1px solid #cecece; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #ccc; background: #fff;}
.new_tabarea .new_tab > li > span{ display: block; height: 33px; line-height: 33px; padding: 0 20px; text-align: center; cursor: pointer; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #757575; font-size: 14px;    font-family: "맑은 고딕",'Malgun Gothic', sans-serif; font-weight: 300;}
.new_tabarea .new_tab li.live{ font-weight: bold; background-color: var(--main-btn); }
.new_tabarea .new_tab li.live span{ color: #fff;}

.new_tabarea .new_item_container{ display: block; position: relative;  }
.new_tabarea .new_item_container .item-wrap{ display: none;}
.new_tabarea .new_item_container .item-wrap.active{ display: block;}
.new_tabarea .new_item_container .item-wrap .item-cont { border-top:0px solid #cecece; }
.new_tabarea .new_item_container .item-wrap .item-cont .item-list{position: relative; width: 25%;
    margin: 1px 0 0;
    padding: 0 10px 0 10px; border: 1px solid #eeeeee; border-left: 0; box-sizing: border-box; }

.new_tabarea .new_item_container .item-wrap .item-cont .item-list  img{ width: 100%;}
.new_tabarea .new_item_container .item-wrap .item-cont .item-list .prd-info{ padding-bottom: 30px;}
.new_tabarea .new_item_container .item-wrap .item-cont .item-list .prd-info .prd-name{ height: 50px;}


.tab_tag {
  position: relative;
  margin: 0 40px;
}
.tab_tag .tab_tag_list {
  font-size: 0;
  text-align: center;
}
.tab_tag .tab_tag_list > li {
  display: inline-block;
  margin: 0 5px;
}
.tab_tag .tab_tag_item {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  padding: 0 20px;
  border: solid 1px #000;
  border-radius: 21px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #000;
}
.tab_tag .tab_tag_item:hover {
  color: #fff;
  background-color: #000;
}

/*  리미티드 에디션 */
#sec6{}
.sec_limited {position: relative; }

.limited_warp{
    margin-top:150px; min-width:1200px;
}
.limited_warp .tab_tag .tab_tag_item {
  border-color: #ff6a26;
}
.limited_warp .tab_tag .tab_tag_item:hover {
  background-color: #ff6a26;
}


.main_limited .tab{ display: inline-block; width:100%; max-width: 1240px; text-align: center; font-size: 0;
margin:10px 0 }
.main_limited .tab > li{ display: inline-block; margin: 0 5px; border: 1px solid #cecece; border-radius: 21px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #ccc; background: #fff;}
.main_limited .tab > li > span{ display: block; height: 33px; line-height: 33px; padding: 0 20px; text-align: center; cursor: pointer; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #757575; font-size: 14px;    font-family: "맑은 고딕",'Malgun Gothic', sans-serif; font-weight: 300;}
.main_limited .tab li.live{ font-weight: bold; background-color: var(--main-btn); }
.main_limited .tab li.live span{ color: #fff;}


.limited_warp .item-wrap .item-cont { border-top:0px solid #cecece; }
.limited_warp .item-wrap .item-cont .item-list{position: relative; width: 25%; height:400px;
    margin: 1px 0 5px;
    padding: 0 10px 5px 10px; border: 1px solid #eeeeee; border-left: 0; box-sizing: border-box;}

.limited_warp .item-wrap .item-cont .item-list .thumb img{ width: 100%; }

.limited_warp .item-wrap .item-cont .item-list .prd-preview { display:none; position:absolute; right:15px; bottom:15px; width:50px; height:50px; background-color:rgba(0, 0, 0, 0.5);border-radius:100%; text-align: center; }

.limited_warp .item-wrap .item-cont .item-list .prd-preview i { font-size: 24px; color: #fff; vertical-align: middle; line-height: 50px; }
.limited_warp .item-wrap .item-cont .item-list .prd-preview:hover { background-color:rgba(0, 0, 0, 1); }

.limited_warp .item-wrap .item-cont .item-list .prd-info{ padding-bottom: 30px;}
.limited_warp .item-wrap .item-cont .item-list .prd-ico { font-size:0px; padding:10px 5px 0 5px;}
.limited_warp .item-wrap .item-cont .item-list .prd-name { margin:0 0 4px;font-size:16px;}
.limited_warp .item-wrap .item-cont .item-list .prd-subname { color: #8e8d8d; line-height: 18px; padding-bottom: 7px; font-size: 14px;}
.limited_warp .item-wrap .item-cont .item-list .prd-price { font-size: 16px; position: relative; margin: 10px 0 0; }
.limited_warp .item-wrap .item-cont .item-list .prd-price del { color: #8e8d8d; font-weight: normal; font-size: 14px; margin: 0 8px; }
.limited_warp .item-wrap .item-cont .item-list .prd-price .dcPercent { color: #d95115; font-size: 16px; }


.limited_warp .item-wrap .item-cont .item-list dd { padding-top:5px }

#sec_price{
     margin:70px auto 0 auto ;position:relative; padding:100px 0 80px 0;border-bottom:3px dashed #eee;
}


#sec10{ position:relative; margin: 50px 0 100px; padding: 3.6% 2.8%; background: #f3f3f3;   }
#mainReVIEW { }
#mainReVIEW .leftAboutInfo { float:left; font-weight: 300; }
#mainReVIEW .leftAboutInfo .Info { }
#mainReVIEW .leftAboutInfo .Info .t1 { font-size:34px; margin: 0 0 8px;}
#mainReVIEW .leftAboutInfo .Info .t2 { font-size:18px; color:#808080; }

#mainReVIEW .leftAboutInfo .Info a.mdBtn { display:block; background:#222; color:#fff;border:1px solid #222; position:absolute;bottom:10%;height:58px;line-height:58px; padding:0 2%; font-size:16px;}
#mainReVIEW .leftAboutInfo .Info a.mdBtn:hover {background:#f3f3f3; color:#222;border:1px solid #222; }

#mainReVIEW  a.mdBtn { display:left;background:#222; color:#fff;border:1px solid #222; position:absolute;bottom:10%;height:58px;line-height:58px; padding:0 2%; font-size:16px;}
#mainReVIEW  a.mdBtn:hover {background:#f3f3f3; color:#222;border:1px solid #222; }


#mainReVIEW .mainReVIEWSlider { position:relative; padding:10px; background: #fff; }
#mainReVIEW p.ttl {font-size: 20px;display: inline-block;margin: 14% auto 3%;width: 100%;text-align: center;font-weight:500;}
#mainReVIEW .mainReVIEWContainer {  overflow:hidden;width:90%;margin: 0 auto; }
#mainReVIEW .mainReVIEWContainer .swiper-wrapper { padding: 20px 0; }
#mainReVIEW .mainReVIEWContainer .swiper-slide { width:23.8%;margin: 0 16px 0 0; }

#mainReVIEW .mainReVIEWContainer .swiper-slide a { display:block; }
#mainReVIEW .mainReVIEWContainer .swiper-slide .thumb { position:relative; overflow: hidden; }
#mainReVIEW .mainReVIEWContainer .swiper-slide .thumb img {width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
#mainReVIEW .mainReVIEWContainer .swiper-slide .thumb:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }

#mainReVIEW .mainReVIEWContainer .swiper-slide .listPic { width:100% }

#mainReVIEW .mainReVIEWContainer .swiper-slide .listInfoBox{ background: #f3f3f3; padding:8px 4px;}
#mainReVIEW .mainReVIEWContainer .swiper-slide .listInfoBox .listName { font-size: 14px;  }


#mainReVIEW .mainReVIEWContainer .swiperBtn {color:#111;font-size: 27px;position:absolute;top:46%;text-align:center;background-image: none; z-index:11;}
#mainReVIEW .mainReVIEWContainer .swiperBtn.swiper-button-next {right:20px;}
#mainReVIEW .mainReVIEWContainer .swiperBtn.swiper-button-prev {left:20px;}
#mainReVIEW .mainReVIEWContainer .swiperBtn.swiper-button-next:hover img { background:url('/design/yespen/13199/tem173/md_arrow_right_on.png') no-repeat; z-index:11;}
#mainReVIEW .mainReVIEWContainer .swiperBtn.swiper-button-prev:hover img { background:url('/design/yespen/13199/tem173/md_arrow_left_on.png') no-repeat; z-index:11;}

 /* #mainReVIEW .mainReVIEWContainer .swiper-scrollbar { width:100%;height: 2px; left:0; bottom:0; background: #dbdbdb;} */
#mainReVIEW .mainReVIEWContainer .swiper-scrollbar-drag { background: #000;}
#mainReVIEW .mainReVIEWContainer .scrollbar_review { width:100%;height: 2px; left:0; bottom:0; background: #dbdbdb;}
#mainReVIEW .mainReVIEWContainer .swiper-scrollbar-drag { background: #000;}


#mainReVIEW .mainReVIEWContainer .swiper-slide .listName {
    margin: 10px 0px 0px; position: relative;
}
#mainReVIEW .mainReVIEWContainer .swiper-slide .listName > a {
    color: rgb(53, 53, 53); overflow: hidden; font-size: 14px;  display: block;
    white-space: nowrap; -ms-text-overflow: ellipsis;
}

#mainReVIEW .mainReVIEWContainer .swiper-slide .listInfoBox .point {
     position:relative; margin: 10px 0px 0px; color: rgb(153, 153, 153); font-size: 14px; display: inline-block;  height:13px;
}

#mainReVIEW .mainReVIEWContainer .swiper-slide .listInfoBox .writer {
    position:relative; margin: 10px 12px 0px; color: rgb(153, 153, 153); font-size: 14px; display: inline-block;
}


#mainReVIEW .mainReVIEWContainer .swiper-slide .listInfoBox .comment {
    position: relative; margin: 10px 0px 0px; color: rgb(0, 82, 163); font-size: 14px; font-weight: bold;

     overflow: hidden;
     text-align: left;
     vertical-align: top;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* ellipsis line */
    -webkit-box-orient: vertical;

    /* webkit 엔진을 사용하지 않는 브라우저를 위한 속성. */
    /* height = line-height * line = 1.2em * 3 = 3.6em  */
    line-height: 15px;
    height: 30px;

}


#mainReVIEW .title_box .more_btn {display:inline-block;padding:10px 0px 10px 0px;}
#mainReVIEW .title_box .more_btn a{display: block;font-size: 13px;line-height:16px; font-weight:500; background-color: #f9f9f9;border:1px solid #fff;color:#4b4b4b; letter-spacing:0px;padding:10px 20px 10px 20px;}
#mainReVIEW .title_box .more_btn a::before{ content: ""; align-items: center;}


.rongtitle .mdy_title li a:hover{background-color:#e87c95;color:#fff;box-shadow: 0 17px 20px -14px rgba(0, 0, 0, 0.2);}

.subBanWrap { margin:100px 0 0;padding:70px 0;background:#f4eee4; }
.subBanWrap .sBan { width:1200px; margin:0 auto; }

.subBanWrap .sBan_left, .subBanArea .sBan_right { overflow:hidden; float:left; margin:0 5px 0 0;background:#fff;padding:15px 20px 13px; }
.subBanWrap .sBan_left, .subBanArea .sBan_right{}
.subBanWrap .sBan .sBan_right { margin:0 ; }
.subBanWrap .sBan .title { font-size:18px; font-weight:bold; margin:28px 0 6px;}
.subBanWrap .sBan .txt { font-size:14px; color:#888; line-height:20px; }
.subBanWrap .sBan .sBanWrap:hover p.title{color: #000; padding-left: 21px; position:relative;}

.subBanWrap .sBan .sBanWrap:hover p.title::before{content: "→";font-size:17px; display: inline-block; position:
    absolute; left: 0;transition: all .10s; top:50%; transform:translateY(-50%);}


/*.subBanArea .subbanner a img { width:100%; }
.subBanArea .subbanner a:hover img {opacity:0.8;}
*/
.subBanWrap .sBan a img
 { width:100%;  -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.subBanWrap .sBan a:hover  img
 {-webkit-transform: scale(1.05);transform: scale(1.05) }

.subBanWrap .sBan a img { width:550px; overflow:hidden; }


/* 서브배너 */
#sec5{ background:#f4eee4;    }
.sec_subbanner2  { margin:50px 0 0; padding:50px 0; background:#f4eee4; }
.subBanWrap {  }
.subBanWrap .sBan {display: block; width:1220px; margin:0 auto; }
.subBanWrap .sBan .sBanWrap { overflow:hidden;  width:600px; margin:0 10px 0 0;background:#fff; padding:15px 15px 15px; }
.subBanWrap .sBan li{ padding : 0 5px; }
.subBanWrap .sBan .sBan_right { margin:0 ; }
.subBanWrap .sBan .sBanWrap p.title { font-size:18px; font-weight:bold; margin:15px 0 6px;}
.subBanWrap .sBan .sBanWrap p.txt { font-size:14px; color:#888; line-height:20px; }
.subBanWrap .sBan .sBanWrap a img { width:100%;  -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.subBanWrap .sBan .sBanWrap a:hover  img
 {-webkit-transform: scale(1.05);transform: scale(1.05) }


.subBanWrap .sBan li .sBanWrap .txt_area{padding:20px 0}
.subBanWrap .sBan li .sBanWrap .txt_area p{transition: all .3s;}
.subBanWrap .sBan li .sBanWrap .txt_area p.big{color: #161616; font-size: 22px; margin-bottom:10px}
.subBanWrap .sBan li .sBanWrap:hover .txt_area p.big{color: #000; padding-left: 21px; position:relative;}
.subBanWrap .sBan li .sBanWrap:hover .txt_area p.big::before{content: "→";font-size:17px; display: inline-block; position: absolute; left: 0;transition: all .5s; top:50%; transform:translateY(-50%)}
.subBanWrap .sBan li .txt_area p.sub{color: #555555; font-size: 16px;line-height:1.4}

.subBanWrap .bx-pager { position:relative; bottom:-10px; left:0; right:0; z-index:60; text-align:center;}
.subBanWrap .bx-pager-item{ transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.subBanWrap .bx-pager-link{display:inline-block;width:15px;height:15px;font-size:0;margin:2px;
    background-color: rgba(0,0,0,0.8) ;border-radius: 100%;}
.subBanWrap .bx-pager-link { width: 14px; height: 3px; margin: 0 2px; border-radius: 0; background: #bbb;   opacity: 1;}
.subBanWrap .bx-pager-link.active{width: 25px; background-color: rgba(0,0,0,0.7);}

.subBanWrap .bx-controls-direction {position:relative; z-index:60; bottom:260px; text-align:center; opacity: 0;}
.subBanWrap:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}


.subBanWrap .bx-prev{ left: 50px; }
.subBanWrap .bx-next{ right:50px;}
.subBanWrap:hover .bx-prev{  left: 30px; opacity: 1; visibility: visible; }
.subBanWrap:hover .bx-next{ right: 30px; opacity: 1; visibility: visible; }

.subBanWrap .bx-prev, .subBanWrap .bx-next {
    -webkit-transition: all .22s 0.0s linear;
    transition: all .22s 0.0s linear;    width: 40px; height: 40px; font-size: 18px;
    position:absolute;  display: inline-block; line-height: 40px; color:#777;
     background-color: rgba(0,0,0,.25);
     color: #fff;border: 0;     box-shadow: none; border-radius: 100%;

}


.subBanWrap .bx-prev,
.subBanWrap .bx-next{ vertical-align: middle; text-align: center;}
.subBanWrap .bx-prev:hover,
.subBanWrap .bx-next:hover {
    text-decoration: none; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-color: rgba(0,0,0,0.8); color:#fff;
    opacity: 1;
    visibility: visible;
 }

.subBanWrap .sBan { width:1200px; margin:0 auto; }


/* sec11 */
#sec11 .banner_list{
    width: 1280px; margin-bottom: 50px;
  /* overflow: hidden; */
}
.banner_list ul {
    display: flex;
    margin: 0;
}

.banner_list ul li {
    width: 250px;
    height: 100px;
    border-radius: 5px;
    border: solid 1px #e1e1e1;
    /*float: left; */
    margin: 0 10px;
    overflow: hidden;
    text-align: center;
    line-height: 100px;
    /* margin-right: 1rem; */
}

/* .banner_list ul li.on {
    box-shadow: 0px 2px 14.7px 0.3px rgba(0, 0, 0, 0.08);
    border: 0;
} */

.banner_list .top_con {
    margin-bottom: 5px;
}

.loop_banner {
   transition: animation 10s ease-in-out;
    display: flex;
    overflow: hidden;
/*
    display: flex;
     -webkit-animation: animation 20s linear infinite;
    animation: marquee 20s linear infinite; */

}

.loop_banner ul {
    float: left;
}

.loop_banner ul:first-child {
    animation: jsLoopSlide 120s -60s linear infinite;
}

.loop_banner ul:last-child {
    animation: jsLoopSlide2 120s linear infinite;
    /* padding-left: 1rem; */
}

.loop_banner.bottom_con ul:first-child {
    animation: jsLoopSlide3 80s -40s linear infinite;
}

.loop_banner.bottom_con ul:last-child {
    animation: jsLoopSlide4 80s linear infinite;
    padding-left: 5px;
}

/* .banner_list ul li.active {
    box-shadow: 0px 2px 14.7px 0.3px rgba(0, 0, 0, 0.08);
    border: 0;
} */

/* .loop_banner:hover ul.on,
.loop_banner.bottom_con:hover ul.on {
    animation-play-state: paused;
}

.loop_banner:hover ul.active,
.loop_banner.bottom_con:hover ul.active {
    animation-play-state: paused;
} */

.loop_banner:hover ul,
.loop_banner.bottom_con:hover ul {
    animation-play-state: paused;
}

.banner_list ul li:hover {
    box-shadow: 0px 2px 14.7px 0.3px rgba(0, 0, 0, 0.08);
    /* border: 0; */
}


@keyframes jsLoopSlide {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes jsLoopSlide2 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-200%);
    }
}


/*메인 공통*/
.section,.section :is(*){box-sizing: border-box; }
.section:not(#sec1){margin-bottom: 130px;  margin-top: 120px;}
.section .sec_inner{width: 1200px; margin: 0 auto;}
.section h2{font-size:32px; font-family: "Pretendard Variable", Pretendard, sans-serif; color: #111111; font-weight: 500; margin-bottom: 40px;}
.section .txt_area p.sub{color: #000; line-height: 1.6;font-weight: 500;transition: all .5s;font-size: 17px; }
.section .txt_area p.big{ color: #000; font-weight: 500;line-height: 1.3; transition: all .5s;font-size: 48px; }
.section .txt_area a.more{display: inline-block; font-size: 12px; transition: transform .4s, opacity .4s;border: 1px solid #000;color: #000; margin-top: 8px;font-weight: 600;padding:6px 15px; }
.section :is(.sec_next,.sec_prev){position: unset;color: #000;width: 40px; background-color: #ddd; height: 40px; border-radius: 50%; margin-top: 0; transition:all .1s}
.section :is(.sec_next,.sec_prev)::after{font-size: 14px;}
.section :is(.sec_next,.sec_prev):not(.swiper-button-disabled):hover{background-color:var(--main-color);color:#fff}
.section .swiper-pagination-bullet-active{background-color:var(--main-color)}
.section a.btn_more{ color: #fff; font-size: 15px; border: 1px solid #fff; position: relative; display: flex; align-items: center; justify-content: center; -webkit-font-smoothing: antialiased; }
.section a.btn_more>span{ display: block; position: absolute; background-color: #000; }
.section .btn_more .span_index_one {width: 1px; left: 0; bottom: 0; }
.section .btn_more .span_index_two {  height: 1px; left: 0; top: 0; }
.section .btn_more .span_index_three {  width: 1px;  right: 0; top: 0; }
.section .btn_more .span_index_four { height: 1px;  right: 0; bottom: 0; }
.section .btn_more:hover { border-color: transparent !important; }
.section .btn_more:hover .span_index_one { -webkit-animation: move1 1500ms infinite ease; animation: move1 1500ms infinite ease; }
.section .btn_more:hover .span_index_two { -webkit-animation: move2 1500ms infinite ease; animation: move2 1500ms infinite ease; }
.section .btn_more:hover .span_index_three { -webkit-animation: move3 1500ms infinite ease; animation: move3 1500ms infinite ease; }
.section .btn_more:hover .span_index_four { -webkit-animation: move4 1500ms infinite ease; animation: move4 1500ms infinite ease; }


/* 하단영역 라인 삭제 */
#ftWrap{margin: 0 !important;border-top:none !important;}


/* BASIC css end */