/* BASIC css start */
/*** wib ***/
.sban_box .slick-arrow, .sban_box .swiper-pagination {
    display: none!important;
}

.new-prd .prd_wrap .prd_list .list .space .prd-info .prd-name a , .special-prd .prd_wrap .prd_list .list .space .prd-info .prd-name a, .all-prd .prd_wrap .prd_list .list .space .prd-info .prd-name a { font-size: 15px; }
.new-prd .prd_wrap .prd_list .list .space .prd-info .sub-name a , .special-prd .prd_wrap .prd_list .list .space .prd-info .sub-name a, .all-prd .prd_wrap .prd_list .list .space .prd-info .sub-name a { font-size: 13px; }


.add1-prd .prd_wrap .prd_list .list .thumbnail, .all-prd .prd_wrap .prd_list .list .thumbnail { overflow:hidden; cursor:pointer; }
.add1-prd .prd_wrap .prd_list .list .prd-img:hover,  .all-prd .prd_wrap .prd_list .list .prd-img:hover {
    transform: scale(1.08);
    transition: transform 0.3s ease 0s;
}

#footer {margin-top:153px !important;}


.prd_icon01 span img {
    position: absolute;
    border-radius: initial!important;
    right: 10px;
    top: 2px;
    z-index: 15;
}

.slick-slide { outline:none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -15px!important; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -15px!important; }

.swiper-button-next, .swiper-button-prev { color:transparent!important; outline:none!important; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: 91px!important; right:34px!important; left:unset!important; bottom: -55px!important; }


/* 메인 공통 */
.main_tit {margin-bottom:20px; text-align:center;  }
.main_tit h2 { position:relative; }
.main_tit h2,.main_tit h2>a { font-size:26px;  font-weight:500;}
.main_tit h2>a { color:#404040;}
.main_tit img {vertical-align:top;}

.best_icon { display:none; position:absolute; top:0; left:0; width:67px; height:73px; text-align:center; background: url(/design/ablab/wib/img/main/best_icon01.png) left top no-repeat; padding-top: 7px; }
.best_icon p { font-size: 16px; font-weight: 700; color:#fff; }
.best_icon p:last-child { font-size: 28px; font-weight:800; }

/* 메인 슬라이드 카테고리 */
.main_back { width:100%; height:auto; background: #f5f5f5; padding-bottom: 50px; overflow:hidden; }
.main_slide_cate { width: 1000px;  height:auto; position:relative; margin:0 auto; }
.cate-t { position:absolute; z-index:19; left:-200px; }
.main_cate {  width:200px; height: 480px; float:left; position:relative; background: rgba(58,58,58,.8); }
.main_cate:after{clear:both;content:' ';display:inline-block}
.main_cate>li { text-align:left;  }
.main_cate>li>a:after { content:''; height:1px; width:160px; background:#666666; position:absolute; right:10%; bottom:0;}
.main_cate>li:last-child>a:after { display:none; }
.main_cate>li>a { padding-left: 36px; padding-top: 21px; padding-bottom:21px; display:block; position:relative; }
.main_cate>li>a>span { font-size: 15px; color:#fff; }
.main_cate>li.on a>span { color:#00d6b4; }
.main_cate>li>a>span:hover { color:#00d6b4; }
.main_cate_menu { padding: 10px 20px; padding-top: 25px; height:445px; background:rgba(255,255,255,.85); display:none; position:absolute; top:0; left: 200px; z-index: 10; }
.main_cate_menu ul li { width:130px; text-align:left; margin: 10px; margin-bottom: 25px;}
.main_cate_menu ul li a { font-size: 15px; font-weight:500; }
.main_slide { width:890px; height:480px; float:left; overflow: hidden; margin-right:2px; margin-left:-200px; }
.main_slide_inner { width: 890px; height:480px; }
.main_slide_inner .slick-arrow.slick-prev {background: url(/design/ablab/wib/img/main_left.png) no-repeat; background-position:center; right: 615px;}
.main_slide_inner .slick-arrow.slick-next {background: url(/design/ablab/wib/img/next_btt.png) no-repeat; background-position:center; right:4%;}
.main_slide_inner .slick-prev, .main_slide_inner .slick-next { font-size: 0; line-height: 0; position: absolute;  top: 50%; display: block; width: 45px;  height: 45px; z-index:8; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer;color: transparent;border: none;outline: none;background: #fff;text-align:center;border-radius: 50%; }
.main_slide_inner .slick-dots { position: absolute; bottom: 5%; right:160px; width: auto; text-align:center; }
.main_slide_inner .slick-dots li { width: 50px; height:6px;  display:inline-block; margin: 0 5px; padding: 0; cursor: pointer; }
.main_slide_inner .slick-dots li.slick-active button { background:#00d6b4; opacity:1; }
.main_slide_inner .slick-dots li>button { display:block; width: 50px; height:6px; font-size:0; border:0; outline:0; opacity: .5; }


/* 메인 서브 슬라이드 */
.main_sub_slide { width:308px; height: 480px; float:left; overflow: hidden; }
.main_sub_slide li { position:relative; }
.main_sub_slide li a { display:block; }
.main_sub_slide li a div { width:100%; height: auto; text-align:center; padding: 40px 0 79px 0; background:#fff; }
.main_sub_slide li a div>h2 { font-size: 22px; font-weight:bold; margin-bottom: 20px; } 
.main_sub_slide li a div>p { font-size: 18px; font-weight:400; }
.main_sub_slide_inner .slick-dots { position: absolute; bottom: 6%; width: 100%; text-align:center; }
.main_sub_slide_inner .slick-dots li { width: 50px; height:6px;  display:inline-block; margin: 0 5px; padding: 0; cursor: pointer; }
.main_sub_slide_inner .slick-dots li.slick-active button { background:#00d6b4; opacity:1; }
.main_sub_slide_inner .slick-dots li>button { display:block; width: 50px; height:6px; font-size:0; border:0; outline:0; opacity: .5; }
.hot_mark { position: absolute; bottom: 39%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);   }


/* 기획전 썸네일 */
.plan_slide ul {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
}
.plan_slide {
    overflow: hidden;
    background: #FFFFFF;
    padding-bottom: 70px;
    position:relative;
}
.plan_slide ul li { float:left; width:120px; }
.plan_slide ul li a { display:block; text-align:center; }
.plan_slide ul li a img { width:85px; display:inline-block; }
.plan_slide ul li a p {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    color:#000;
}


.page_box .right {
    right: 0;
}
.page_box .left {
    left: 0;
}
.page_box {
    width: 980px;
    margin: 0 auto;
    position: absolute;
    /* height: 100%; */
    top: 17%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    z-index: 10;
}


.page_box div { cursor:pointer; position:absolute; }   


/* 메인 59초 영상쇼핑 */
.video_box_back { width:100%; height:auto;  padding-bottom: 135px; overflow:hidden; }
.main_shopping { position:relative;  width: 1000px; height:auto; margin-left: 150px; margin: 30px auto 0 auto; }
.play_title { width:199px; margin-right: 22px; float:left; position:absolute; top:10px; left:-222px; }
.play_body { width:178px; height: 171px; position:relative; background:#ffffff; margin-left: 21px; border-radius: 12px; padding-top: 47px; }
.play_body:after { content:''; width:0; height:0; border-top: 20px solid transparent; border-right: 20px solid #791c21; position:absolute; top:34px; left:-20px; transform: rotate(-90deg); }
.play_video { width:170px; height: 44px; position:absolute; z-index: 10; top:-10px; }

.play_body>p, .play_body>a { color:#fff; }
.play_body>p { font-size: 26px; font-weight:bold; padding-top: 20px; margin-left: 25px; margin-bottom: 10px; }
.play_body>a { font-size: 14px;  margin-left: 25px; padding-bottom:5px;  border-bottom: 1px solid #fff; font-weight:bold; }
.video_box { width: 320px; height: auto; display:inline-block; margin-right: 16px; margin-top:9px; }
.video_box:last-child { margin-right:0; }
.video_box .thumb { display:block; position:relative; cursor:pointer; border-radius:18px; overflow:hidden; height:auto; }
.video_box .thumb .play_btn { position:absolute; top: 50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:60px; opacity: .7; }
.video_box .thumb .v_icon { position:absolute; right:20px; top:12px; width: 60px; }

.video_box .video_content { text-align:center; margin-top: 15px; }
.video_box .video_content p:nth-child(1) { font-size: 14px; margin-bottom: 10px; font-weight: 400; font-family:'Montserrat'; }
.video_box .video_content p:nth-child(2) { font-size: 18px; font-weight:400; color:#3d3d3d; }
.video_box .video_content p:nth-child(2) span { font-weight: 500; }

.video_back { width:100%; height:100%; text-align:center; position:fixed; top:0; left:0; background: rgba(0,0,0,.5); z-index: 230; display:none; }
.main_video_player { position:relative;  }
.video_close { position: relative;  cursor:pointer; display:block; text-align:right; margin-bottom: 12px; }
.prd-go { text-align:center; color:#fff; background:#00d6b4; border-radius: 30px; padding: 12px  51px; font-size:17px;  position:relative; display:inline-block; margin-top: 25px; }

.sub-video { width: 1000px; float:right;  margin: 50px auto 0 auto; }
.sub_video_box { width: 241px; height:auto; display:inline-block; margin-right: 8.5px; }
.sub_video_box:last-child { margin-right:0; }
.sub_video_box .thumb { display:block; position:relative; cursor:pointer; width:241px; }
.sub_video_box .thumb>img { width:100%; }
.sub_video_box .thumb .play_btn { width:auto; position:absolute; top: 50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width:38px; opacity: .7; }
.sub_video_box .video_content { text-align:center; margin-top: 15px; }
.sub_video_box .video_content p:nth-child(1) { font-size: 12px; margin-bottom: 10px; font-weight: 400; font-family:'Montserrat'; }
.sub_video_box .video_content p:nth-child(2) { font-size: 14px; font-weight:400; color:#3d3d3d; }
.sub_video_box .video_content p:nth-child(2) span { font-weight: 500; }


/* 투데이 딜 */
.main_time_box { width:100%; height:165px; background:url(/design/ablab/wib/img/main/today_bg.jpg) no-repeat; position:relative; margin-bottom: 135px; }
.main_time_back { width:1000px; height:165px; position:relative; margin:0 auto; }
.time_text { padding-right:33px;  position: absolute; top: 50%; left: 0; transform: translateY(-50%); transform: -webkit-translateY(-50%); transform: -ms-translateY(-50%); transform: -o-translateY(-50%); transform: -moz-translateY(-50%);  }
.time_text p:first-child { font-size: 16px; font-weight: 400; color:#434c60;  }
.time_text p:last-child { font-size: 30px; color: #434c60; font-weight:800;}
.time_text:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);
    width: 2px;
    height: 85%;
    background: #434c60;
}

.main_time_box h1 {  font-size: 61px; font-weight: 800; color:#ff515a; position: absolute; top: 50%; left: 25%; transform: translateY(-50%); transform: -webkit-translateY(-50%); transform: -ms-translateY(-50%); transform: -o-translateY(-50%); transform: -moz-translateY(-50%);  }

.time_text2 { position: absolute; top: 50%; left: 45%; transform: translateY(-50%); transform: -webkit-translateY(-50%); transform: -ms-translateY(-50%); transform: -o-translateY(-50%); transform: -moz-translateY(-50%);  }
.time_text2 p:first-child { font-size: 18px; font-weight: bold; margin-bottom: 3px; }
.time_text2 p:last-child { font-size: 17px;  font-weight:400; width: 312px;}
.today_icon { width: 195px; position: absolute; top: 10px; }

/* 메인 슬라이드 배너 */
/*
.mainban_wrap {width: 100%;margin: 0 auto 38px; position: relative; height: 458px; overflow: hidden;}
.mainban_wrap .mainban_inner {width:2000px; margin:0 auto; position:absolute; left:50%; margin-left:-1000px; height:458px;}
.mainban_wrap .main_roll{ width:2000px; height:458px; position:relative;overflow:hidden;}
.mainban_wrap .main_roll .main_slider{width: 2000px; height:458px;}
.mainban_wrap .main_roll .btn_wrap {position:absolute; bottom:50px; left:50%; margin-left:-550px; z-index:9; width: 106px; height: 35px; background: rgba(0,0,0,0.3); border-radius: 50px; line-height: 35px; text-align: center; font-size:0;}
.mainban_wrap .main_roll .btn_wrap .main_arrow_wrap > span {display: inline-block;_display: inline;*display: inline; vertical-align:top;}
.mainban_wrap .main_roll .btn_wrap .main_arrow_wrap #counter {font-family: 'Montserrat', sans-serif; font-size:17px; color:#fff; margin-right:15px;}
.mainban_wrap .main_roll .btn_wrap .main_arrow_wrap .arrow {font-size:0; letter-spacing:0; word-spacing:0;}
.mainban_wrap .main_roll .btn_wrap .main_arrow_wrap .arrow > a { cursor:pointer; display:inline-block;}
.mainban_wrap .main_roll .btn_wrap .main_arrow_wrap .arrow .w_autoplay {margin:0 4px;}
.mainban_wrap .main_roll .btn_wrap .main_arrow_wrap .arrow .w_play_btn {display:none;}


.mainban_wrap {width: 100%;margin: 0 auto 38px; position: relative; height: 458px; overflow: hidden;}
.mainban_wrap .mainban_inner {width:2000px; margin:0 auto; position:absolute; left:50%; margin-left:-1000px; height:458px;}
.mainban_wrap .main_roll{ width:2000px; height:458px; position:relative;overflow:hidden;}
.main_roll li { position: relative;text-align: center; font-size: 0;}
.main_roll li.slick-slide img {display: inline-block;}
.main_roll .main_btn_wrap {position:absolute; bottom:20px; left:50%; margin-left:-530px; z-index:9; width: 106px; height: 35px; background: rgba(0,0,0,0.3); border-radius: 50px; line-height: 35px; text-align: center; font-size:0;}
.main_roll .slide-control {position:relative;}
.main_roll .slide-control a.btn-play {position: absolute;left: 78px; top: 13px;display: block; width: 10px; height: 10px; background: url(/design/ablab/wib/img/main/main-stop-btn.png) no-repeat center;
-khtml-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.main_roll .slide-control a.btn-play.on {background: url(/design/ablab/wib/img/main/main-play-btn.png) no-repeat center;}
.main_roll .slide-control .pagingInfo {font-family: 'Montserrat', sans-serif; font-size:17px; color:#fff; margin-right:25px;}
.main_roll .slick-arrow {display: block; width: 6px;height: 11px; position: absolute; top: 12px; z-index: 50; cursor: pointer; font-size:0;}
.main_roll .slick-arrow.slick-prev {background: url(/design/ablab/wib/img/main/main-prev-btn.png) no-repeat; left: 67px;}
.main_roll .slick-arrow.slick-next {background: url(/design/ablab/wib/img/main/main-next-btn.png) no-repeat; right:10px;}

.main_side_ban {width: 320px; height: 458px; overflow: hidden; position: absolute;right: 50%;margin-right: -550px;top: 0px; border:1px solid #d7d7d7; border-top:0px; box-sizing: border-box;z-index:15;}
.main_side_ban .side_ban_top {border-bottom:1px solid #d7d7d7;}

.main_event_ban {text-align: center; margin:0 0 77px -20px;}

*/

/* new-prd */ 
.new-prd {position:relative;}
.new-prd .prd-hover2, .new-prd .hover-btn { display:none!important; }
.new-prd .main_tit h2 {font-size:30px; font-weight:800; text-align:left;  color:#434c60; }
.new-prd .main_tit a { color:#666666;  font-size: 16px; border-bottom: 1px solid #666666; position:absolute; right:0; bottom: 6px!important;  font-weight: 400; }
.new-prd .prd_wrap { padding: 35px 44px; border: 1px solid #dddddd; border-radius: 15px; padding-bottom: 0; }
.new-prd .prd_wrap .prd_list .list {width:204px !important; margin-right:31px}
.new-prd .prd_wrap .prd_list .list
.new-prd .prd_list .list { padding-bottom: 38px!important; }
.new-prd .prd-hover2 { border-radius:15px; border: 2px solid #00d6b4; box-sizing:border-box; }
.new-prd .thumbnail { cursor:pointer; }
.new-prd .thumbnail:hover { border: 2px solid #00d6b4; }
.new-prd .thumbnail { border-radius: 9px; }
.new-prd .thumbnail img { border-radius: 6px; }
.new-prd .prd_list .list .space .prd-info {padding:15px 0 0 2px !important;}
.new-prd .icons { display:none; }
.new-prd .slick-arrow.slick-prev {background: url(/design/ablab/wib/img/main/prev_btn_non.png) no-repeat; left: -70px; background-size:50px 50px;}
.new-prd .slick-arrow.slick-next {background: url(/design/ablab/wib/img/main/next_btn_non.png) no-repeat; right:-70px; background-size:50px 50px;}
.new-prd .slick-prev, .new-prd .slick-next { font-size: 0; line-height: 0; position: absolute;  top: 48%; display: block; width: 50px;  height: 50px; z-index:8; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer;color: transparent;border: none;outline: none;background: #fff;text-align:center;border-radius: 50%; box-shadow: 0px 0 8px 1px #eee;}
.new-prd .slick-slide>div:nth-child(2) .list { padding-bottom: 38px!important; }


/* magazine */
.magazine_box {position:relative; margin-top: 100px!important; padding-bottom: 40px; border-bottom: 2px solid #dddddd; }
.magazine_box .main_tit h2 {font-size:30px; font-weight:800; text-align:left;  color:#434c60; }
.magazine_box .main_tit a { color:#666666;  font-size: 16px; border-bottom: 1px solid #666666; position:absolute; right:0; bottom:0; font-weight: 400; }
.magazine_box .magazine_cate ul { margin-bottom: 30px; margin-top: 25px; }
.magazine_box .magazine_cate ul li { width: 488px; height: 60px; text-align: center; border: 1px solid #dddddd; line-height: 60px; display:inline-block; border-radius: 10px; cursor:pointer; }
.magazine_box .magazine_cate ul li:first-child { margin-right: 16px; }
.magazine_box .magazine_cate ul li a { font-size: 19px; color: #999999; display:block; line-height: 60px; }

.magazine_box .magazine_cate ul li.on { background:#434c60; border-color: #434c60; }
.magazine_box .magazine_cate ul li.on a { color: #00d6b4; }

.magazine_cate_box .magazine_cate_list ul li { width: 320px; display:inline-block; margin-right: 16px; margin-bottom: 30px; }
.magazine_cate_box .magazine_cate_list ul li:last-child { margin-right:0; }
.magazine_cate_box .magazine_cate_list ul li a div { width: 320px; height: 191px; position:relative; margin-bottom: 14px; overflow:hidden; }
.magazine_cate_box .magazine_cate_list ul li a div img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);  -ms-transform: scale(1.2);  -o-transform: scale(1.2);  transition: transform .3s; }
.magazine_cate_box .magazine_cate_list ul li a div p { font-size: 14px; font-weight:700; padding: 5px 10px; background:rgba(0,0,0,.3); color:#fff; position:absolute; bottom: 10px; right:10px; border-radius: 25px; }
.magazine_cate_box .magazine_cate_list ul li a>p { text-align: center; font-size:14px; font-weight: 400; color:#000; }

/* BEST */
.special-prd .best_icon { display:block; }
.special-prd {position:relative; margin-top: 100px!important; padding-bottom: 40px; }
.special-prd .main_tit h2 {font-size:30px; font-weight:900; text-align:left;  color:#434c60; margin-bottom: 38px; }
.special-prd .main_tit a { color:#666666;  font-size: 16px; border-bottom: 1px solid #666666; position:absolute; right:0; bottom:0; font-weight: 400; }
.special-prd .prd_wrap .prd_list .list:nth-child(1), .special-prd .prd_wrap .prd_list .list:nth-child(2) { margin-right:20px; }
.special-prd .prd_list .list:nth-child(1), .special-prd .prd_list .list:nth-child(2), .special-prd .prd_list .list:nth-child(3) { width: 320px!important; border-radius: 6px;} 
.special-prd .prd_list .list:nth-child(1) .thumbnail, .special-prd .prd_list .list:nth-child(2) .thumbnail, .special-prd .prd_list .list:nth-child(3) .thumbnail,
.special-prd .prd_list .list:nth-child(1) .thumbnail img, .special-prd .prd_list .list:nth-child(2) .thumbnail img, .special-prd .prd_list .list:nth-child(3) .thumbnail img{ border-radius: 6px; }
.special-prd .prd_wrap .prd_list .list:nth-child(7), .special-prd .prd_wrap .prd_list .list:nth-child(11), .special-prd .prd_wrap .prd_list .list:nth-child(15) { margin-right:0; }
.special-prd .prd_wrap .prd_list .list:nth-child(3) { margin-right:0; }
.special-prd .prd_wrap .prd_list .list:nth-child(4n) { margin-right: 33px; }
.special-prd .prd_wrap .prd_list .list { width: 225px; margin-right:33px; padding-bottom:65px; }
.special-prd .prd_wrap .prd_list .list:nth-child(1) .prd-hover2, .special-prd .prd_wrap .prd_list .list:nth-child(2) .prd-hover2, .special-prd .prd_wrap .prd_list .list:nth-child(3) .prd-hover2 { border-radius: 6px; }
.special-prd .prd_wrap .prd_list .list .hover-btn>a { display:inline-block; margin: 0 5px; }
.special-prd .prd_wrap .prd_list .list:nth-child(12) .thumbnail {  }
.special-prd .prd_wrap .prd_list .list:nth-child(12) .thumbnail img {  }
.special-prd .hover-btn a>span>img { width:100%; }
.special-prd .hover-btn a { display:inline-block; width: 50px; margin:0 5px; }


/* 만원의 행복 */
.center_ban { width:1000px; margin:0 auto; margin-top: 30px;}
.center_ban .center_ban_ul { }
.center_ban .center_ban_ul .prd_list li .an-hover {position:absolute; left:0;bottom:0; opacity:0; z-index:10; width: calc(100% - 29px); height:100%; padding:0 14px; color:#fff; background-color:rgba(0,0,0,.5); text-align:left; transition:all .2s;}
.center_ban .center_ban_ul .prd_list li:hover .an-hover {bottom:0 !important;opacity:1;}
.center_ban .prd_wrap .prd_list .list { width: 160px; text-align:center; padding-bottom: 38px; margin-right:32px; }
.center_ban .prd_wrap .prd_list .list:nth-child(4) { margin-right: 32px; }
.center_ban .prd_wrap { float:right; width: 58%; }
.center_ban .prd_wrap .prd_list .list .thumbnail { margin-bottom: 10px; }
.center_ban .prd_wrap .prd_list .list .thumbnail, .center_ban .prd_wrap .prd_list .list .thumbnail img, .center_ban .prd_wrap .prd_list .list .thumbnail .an-hover { border-radius: 50%; }
.center_ban .prd_wrap .prd_list .list .thumbnail .an-hover .prd-price-wrap { position: absolute; top: 45%; left:0; width:100%; text-align:center; }
.center_ban .prd_wrap .prd_list .list .thumbnail .an-hover .prd-price-wrap .price { font-size: 22px; font-weight:600; }
.center_ban .prd_wrap .prd_list .list .prd-name { font-size: 14px; font-weight:400; }
.center_ban .slick-arrow.slick-prev {background: url(/design/ablab/wib/img/main/prev_btn.png) no-repeat; left: -444px; background-size: 50px 50px;}
.center_ban .slick-arrow.slick-next {background: url(/design/ablab/wib/img/main/next_btn.png) no-repeat; right:-28px; background-size: 50px 50px;}
.center_ban .slick-prev, .center_ban .slick-next { font-size: 0; line-height: 0; position: absolute;  top: 45%; display: block; width: 50px;  height: 50px; z-index:8; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer;color: transparent;border: none;outline: none;background: #fff;text-align:center;border-radius: 50%;box-shadow: 0px 1px 1px #867e7e; }
.left_ban { width: 362px; float: left; text-align:center; position:relative; margin-left: 40px; }
.left_ban img { width: 100%; margin-bottom: 24px; }
.left_ban .left_ban_title { font-size: 52px; color:#003663; font-weight:900; position:absolute; top: 7%; left:-25px; text-align:left; }
.left_ban .left_ban_subtitle { font-size: 24px; color:#000; font-weight: 400; }
.center_ban .price { font-weight: 600; font-family:'Montserrat'; font-style:italic }
.prd_icon01 { position:absolute; border-radius:initial!important; right:0;  z-index: 15; }

/* 상품 배너 */
.sban_box { width: 100%; position:relative; padding-top: 130px; overflow:hidden;  }
.sban_box>ul li { position:relative; height:390px; background-position: 50%; }
.sban_box>ul li img { width:100%; }
.sban_box .inner01 { width:100%; }
.sban_box>ul li>a .ban_inner1 { width:1000px; height:100%; position:relative; margin:0 auto;  }
.sban_box>ul li div.sban_text { text-align:left; position:absolute; right: 5%; top: 50%; transform: translateY(-50%); transform: -webkit-translateY(-50%); transform: -ms-translateY(-50%); transform: -o-translateY(-50%); transform: -moz-translateY(-50%); }
.sban_box>ul li div.sban_text h1 { font-size: 27px; font-weight:bold; color:#333333; margin-bottom: 15px; }
.sban_box>ul li div.sban_text p { color:#333333; }
.sban_box>ul li div.sban_text p:nth-child(2) { width: 327px; font-size: 18px; font-weight: 400; padding-bottom: 20px; margin-bottom:14px; border-bottom: 4px solid #333333; }
.sban_box>ul li div.sban_text p:nth-child(3) { font-size: 16px; font-weight: bold;  }
.sban_box .slick-arrow.slick-prev {background: url(/design/ablab/wib/img/main/left_arrow_new.png) no-repeat; background-position:center; left: 23%;}
.sban_box .slick-arrow.slick-next {background: url(/design/ablab/wib/img/main/right_arrow_new.png) no-repeat; background-position:center; right:23%;}
.sban_box .slick-prev, .sban_box .slick-next { font-size: 0; line-height: 0; position: absolute;  top: 50%; display: block; width: 60px;  height: 60px; z-index:8; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer;color: transparent;border: none;outline: none;background: #fff;text-align:center;border-radius: 50%; }
.sban_box .main_btn_wrap { width: 100px; text-align: center; position: absolute; bottom: 20%; right: 25.2%; font-size: 18px; font-weight: 800; font-family: Open sans;}
.page { float: right; font-size: 13px; font-weight: 800; font-family: 'Montserrat'; }

/* MD 추천 */
.add1-prd { width:1200px; margin:0 auto; margin-top: 100px!important; }
.add1-prd .main_tit h2 {font-size:30px; font-weight:800; color:#434c60; }
.add1-prd .md_sel_box { text-align:center; margin-bottom: 45px; margin-top: 20px; }
.add1-prd .md_sel_box ul {}
.add1-prd .md_sel_box ul li { display:inline-block; border:1px solid #cccccc; font-size: 16px; color:#999999; padding: 9px 0; width:145px; margin:0 10px; position: relative; cursor:pointer; }
.add1-prd .md_sel_box ul li.on { color:#fff; background:#00d6b4; border-color:#00d6b4; }
.add1-prd .md_sel_box ul li.on:after  { content:""; position:absolute; bottom:-15px; /* value = - border-top-width - border-bottom-width */ left:60px; /* controls horizontal position */ border-width:15px 15px 0; /* vary these values to change the angle of the vertex */ border-style:solid; border-color:#00d6b4 transparent; display:block; width:0; }
.add1-prd .hover-btn a>span>img { width:100%; }
.add1-prd .hover-btn a { display:inline-block; width: 50px; margin:0 5px; }
.add1-prd .md_cotent_box .prd_wrap .prd_list .list { width: calc(25% - 25px); margin-right:33px; padding-bottom:65px; }
.add1-prd .md_cotent_box .prd_wrap .prd_list .list:nth-child(4n) { margin-right:0; }
.add1-prd .md_cotent_box .prd_wrap .prd_list .list .space .prd-info { padding: 15px 0 0 0; }


/* 나를 위한 플렉스 */
.flex_ban { width: 100%; margin-bottom: 50px; margin-top: 50px!important; }
.flex_ban .main_tit h2 {font-size:30px; font-weight:800; color:#434c60; }
.flex_ban .prd_wrap { width:1000px; margin:0 auto; padding: 35px 22px;  padding-bottom: 0; }
.flex_ban  .prd_wrap .prd_list .list {width:180px !important; margin-right:25px;}
.flex_ban .prd_list .list { padding-bottom: 20px!important; position:relative; } /*위치*/
.flex_ban .prd_list .list .thumbnail, .flex_ban .prd_list .list .thumbnail>img { border-radius: 50%; }
.flex_ban .prd_list .list .only_icon { position:absolute; top:0%; left:12px; }
.flex_ban .flex_ban_inner { width:100%;  background: #eaf4f2; margin-top: 20px;  }
.flex_ban .prd_list .list:nth-child(4) { margin-right: 25px!important; }
.flex_ban .prd_list .list:nth-child(5) { margin-right: 0!important; }
.flex_ban .prd_wrap .prd_list .list .space .prd-info { padding: 10px 10px 0 10px;}
.flex_ban .prd_wrap .prd_list .list .space .prd-info .prd-name a { font-size:13px; font-weight:400; }


/* review */
.review-prd { width:1000px; margin:0 auto; margin-top: 100px!important; position: relative; text-align:center; margin-bottom:65px!important; overflow:hidden; }
.review-prd .main_tit { position:relative; }
.review-prd .main_tit h2 {font-size:30px; font-weight:800; text-align:center; color:#434c60; }
.review-prd .main_tit a { color:#666666;  font-size: 16px; border-bottom: 1px solid #666666; position:absolute; right:0; bottom:0; font-weight: 400; }
.review-prd .review_sel_btn { width:100%; margin-top: 50px; }
.review-prd .review_sel_btn ul {  }
.review-prd .review_sel_btn ul li { display:inline-block; width: 240px; margin-right: 9px; padding-bottom: 38px; position:relative; cursor:pointer;  }
.review-prd .review_sel_btn ul li.on { border-bottom: 3px solid #00d6b4; }
.review-prd .review_sel_btn ul li.on img { border:3px solid #00d6b4; border-radius: 15px; box-sizing:border-box; }
.review-prd .review_sel_btn ul li h2 { font-size: 16px; font-weight: 500; margin-bottom: 10px; margin-top: 20px; }
.review-prd .review_sel_btn ul li p { font-size: 15px; font-weight: 400; }
.review-prd .review_sel_btn ul li p span { color:#00d6b4; font-family:Montserrat; font-weight:600; }
.review-prd .review_sel_btn ul li:last-child { margin-right:0; }
.review-prd .review_sel_btn ul li img { width:100%; }
.pop { display:none; }
.review-prd .review_sel_btn ul li.on .pop { display:block; }
.pop:before{content: ''; width: 0; height: 0; position: absolute; bottom:0; left: 50%; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #00d6b4; transform: translateX(-50%); transform: -webkit-translateX(-50%); transform: -ms-translateX(-50%); transform: -o-translateX(-50%); transform: -moz-translateX(-50%);}
.pop:after{content: ''; width: 0; height: 0; position: absolute; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; bottom: -4px; left: 50%; transform: translateX(-50%); transform: -webkit-translateX(-50%); transform: -ms-translateX(-50%); transform: -o-translateX(-50%); transform: -moz-translateX(-50%); }
.review_list ul {  margin-top: 40px; }
.review_list ul li { float:left; width: 240px; margin-right: 13px; margin-bottom: 40px; border:1px solid #dddddd; box-sizing:border-box; }
.review_list ul li:nth-child(4n) { margin-right:0; }
.review_list ul li img { width:100%; }
.review_img_box { width:238px; height:181px; overflow:hidden; }
.review_content_box {  padding: 20px 15px; text-align:left; color:#000; font-weight:500;  }
.review_content_box p:first-child { margin-bottom: 14px; height:32px; font-weight: 400; }
.review_content_box p:nth-child(2) { font-size: 14px;  font-family: Noto Sans KR;} 

/* 전체 상품 */
.all-prd { width: 1200px; margin:0 auto; }
.all-prd .main_tit h2 { font-size: 30px; font-weight:bold; margin-bottom: 50px; color:#434c60; }
.all-prd .prd_wrap .prd_list .list { width: calc(25% - 25px); margin-right:33px; padding-bottom: 65px; }

.all-prd .all_btn { border: 1px solid #dddddd; width: 158px; height: 46px; line-height: 46px; margin:0 auto; text-align:center; }
.all-prd .all_btn a { font-size: 14px; color:#999999;  }
.all-prd
.all-prd .hover-btn a>span>img { width:100%; }
.all-prd .hover-btn a { display:inline-block; width: 50px; margin:0 5px; }


/* recmd-prd */
.prdban_wrap {background:#ededed; width:100%; height:250px; padding-top:42px; margin:33px 0 116px;}
.prdban_wrap .prdban_inn {position:relative;}
.prdban_wrap .ban_wrap .txt1 {font-size:30px; color:#404040; padding-bottom:15px;}
.prdban_wrap .ban_wrap .txt1 > b {font-weight:500;}
.prdban_wrap .ban_wrap .txt2 {width: 218px; height: 20px; line-height: 20px;  position: relative;}
.prdban_wrap .ban_wrap .txt2 > span {display:inline-block;}
.prdban_wrap .ban_wrap .txt2 .s1 {font-size:18px; color:#fff; padding: 4px;  background: #ff8d8d;}
.prdban_wrap .ban_wrap .txt2 .s2 {font-size:16px; color:#fff; font-weight:500; font-family: 'Montserrat', sans-serif; background:#ff8d8d; text-align:center;padding: 0 10px;border-radius: 10px;position: absolute; right: 0px; top: 0;}
.prdban_wrap .ban_wrap .img {position:absolute; top:98px; left:-30px;}
.prdban_wrap .recmd-prd {width:692px; height:210px;}

.prdban_wrap .recmd-prd .prd_list .item {overflow:hidden; width:210px; height:210px; margin:0 10px; border-radius:50%; position: relative;}
.prdban_wrap .recmd-prd .prd_list .item > a {overflow: hidden; display: block; cursor: pointer;}
.prdban_wrap .recmd-prd .prd_list .item .an-hover {position:absolute; left:0;bottom:0; opacity:0; z-index:10; width: calc(100% - 29px); height:100%; padding:0 14px; color:#fff; background-color:rgba(0,0,0,.5); text-align:left; transition:all .2s;}
.prdban_wrap .recmd-prd .prd_list .item:hover .an-hover {bottom:0 !important;opacity:1;}
.prdban_wrap .recmd-prd .prd_list .item .an-hover div {position:relative; top:8px; transition:all .3s;}
.prdban_wrap .recmd-prd .prd_list .item .thumbnail {overflow:hidden; border-radius:50%; position: relative; width: 100%;}
.prdban_wrap .recmd-prd .prd_list .item:hover .an-hover div {top:0;}
.prdban_wrap .recmd-prd .prd_list .item .prd-name {padding:65px 0 0px; font-size:15px; font-weight:500; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
word-wrap: break-word;line-height: 1.7em;white-space: normal;}
.prdban_wrap .recmd-prd .prd_list .item .sub-name {font-size:13px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
word-wrap: break-word;line-height: 1.5em;white-space: normal;}
.prdban_wrap .recmd-prd .prd_list .item .prd-price-wrap {padding-top:10px; font-family: 'Montserrat', sans-serif;}
.prdban_wrap .recmd-prd .prd_list .item .prd-price-wrap .consumer {font-size:13px;}
.prdban_wrap .recmd-prd .prd_list .item .prd-price-wrap .disc_percent {font-size:15px; font-weight:500;}


.prd-img {width:100%;}
.prdban_wrap .recmd-prd .slick-arrow {position:absolute;width:21px; height:39px; background-size:100% 100%; font-size:0; top: 50%; margin-top: -10px;}
.prdban_wrap .recmd-prd .slick-next {right:-48px; background:url(/design/ablab/wib/img/main/prd-next-btn.png)no-repeat; }
.prdban_wrap .recmd-prd .slick-prev {left:-48px; background:url(/design/ablab/wib/img/main/prd-prev-btn.png)no-repeat;}

/* cate-prd */
.pro_tab_wrap {padding:0 0 92px;}
.pro_tab_wrap .tab_btn {font-size:0; padding-bottom:22px;}
.pro_tab_wrap .tab_btn > div {width: 120px; height:120px; border-radius:100%; text-align: center; display: inline-block; border:1px solid #d7d7d7; cursor: pointer; box-sizing:border-box; margin-right:20px;}
.pro_tab_wrap .tab_btn > div.last {margin-right:0px;}
.pro_tab_wrap .tab_btn > div.on{border:1px solid #ff8d8d;}
.pro_tab_wrap .tab_btn > div.on p{color: #f26767;}
.pro_tab_wrap .tab_btn > div p {color: #6c6e71;font-size: 15px;font-weight: 500;}
.pro_tab_wrap .tab_btn > div .img{margin:22px 0 11px; min-height:42px;}
.pro_tab_wrap .tab_body .prd_wrap .cate_top_ban {margin-bottom:26px;}
.pro_tab_wrap .tab_body .prd_wrap .prd_list {min-height:445px;}

/* review */
.main-review-section {margin: 59px 0 95px; padding-bottom:40px; border-bottom:1px solid #efefef;}
.main-review-section .review-bg {background:url(/design/ablab/wib/img/main/review-bg.png)repeat-x; height:531px; padding-top:51px;}
.main-review-section .review-inn .review-con ul {font-size:0;}
.main-review-section .review-inn .review-con ul li {display:inline-block; width:calc(20% - 18px); margin-right:22px; vertical-align:top; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);}
.main-review-section .review-inn .review-con ul li:nth-child(5) {margin-right:0px;}
.main-review-section .review-inn .review-con ul li .review-info {background:#fff; padding:0 9px; text-align:left;}
.main-review-section .review-inn .review-con ul li .review-info .r-top {padding:15px 0 20px;}
.main-review-section .review-inn .review-con ul li .review-info .r-top .subject {font-size:13px; color:#242424; margin-bottom:8px;}
.main-review-section .review-inn .review-con ul li .review-info .r-top .writer {font-size:12px; color:#b7b7b7;}
.main-review-section .review-inn .review-con ul li .review-info .r-bottom {border-top:1px solid #dddddd; padding:10px 0;}
.main-review-section .review-inn .review-con ul li .review-info .left-img {margin-right:4px;}
.main-review-section .review-inn .review-con ul li .review-info .right-txt {font-size:12px; color:#242424;}
.main-review-section .review-inn .review-con ul li .review-info .right-txt span {padding-right:10px;}
.main-review-section .review-inn .review-con ul li .review-info .right-txt span b {font-weight:normal; color:#ea7f7f;}
.main-review-section .review-inn .review-con ul li .review-info .right-txt .prdname {margin-bottom:5px;}
.main-review-section .review-more > a {display:block; margin:40px auto 0; width:93px; height:35px; line-height:35px; text-align:center; color:#fff; background:#ff8d8d;font-family: 'Montserrat', sans-serif;}

/* tip-banner */
.tip-banner {padding:76px 0 0;}
.tip-banner .main_tit {margin-bottom:39px;}
.tip-banner .banner_wrap {font-size:0; letter-spacing:0; word-spacing:0;}
.tip-banner .banner_wrap a {display:inline-block;_display:inline;*display:inline; margin:0 38px 42px 0;}
.tip-banner .banner_wrap a:nth-child(2n) {margin-right:0;}


/* 플로팅 배너 */
.main-popup { position: absolute; top: 390px; right: 50%;  margin: 0 580px 0 0; width: 352px; }
.main-popup .pop-inner .pop-cont {position:relative;}
.main-popup .pop-inner .pop-cont #pop-close-btn {width:22px; height:22px; border-radius:100%; background:#d4d4d4; position: absolute;left: 59px;top: -6px; z-index: 12;}
.main-popup .pop-inner .pop-cont .balloon {position: absolute; top: -20px; left:50%; margin-left: -107px; z-index: 10; display:block; height:52px; line-height:52px; width:215px; text-align:center; color:#5b2f2f; background:#fff; font-size:13px; border-radius:10px;}
.main-popup .pop-inner .pop-cont .balloon:after {content:''; position:absolute; width:15px; height:13px; left: 50%;  margin-left: -7px;  bottom:-12px; background:url(/design/ablab/wib/img/pop/balloon_bottom.png)no-repeat;}


/* 투데이딜 부분 */
.image-sale-box > a { display: block; position: relative; padding: 30px; }


.image-sale-box {
    overflow: hidden;
    position: absolute;
    right: -45px;
    top: -70px;
    z-index: 8;
    width: 300px;
    height: 300px;
    border-radius: 50%;
}


.image-sale-box .sale_bar {
    position: absolute;
    left: 19px;
    top: 19px;
    z-index: 6;
    width: 262px;
    height: 262px;
}


.image-sale-box .sale_bar span {
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    z-index: 7;
    width: 268px;
    height: 268px;
    background: url(/design/ablab/wib/img/bg_chart_point02.png) 0 0 no-repeat;
    animation: rotate 1s forwards;
}


.image-sale-box .sale_bar canvas {
    position: absolute;
    top: 9px;
    left: 9px;
}


.image-sale-box .time {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    color: #fff;
    font-family: 'Montserrat';
}

.image-sale-box .time>div { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.image-sale-box .time>div strong { font-size: 25px; font-weight: 300; }
.image-sale-box .time>div .price_num { font-size: 22px; font-weight: 600; font-style: italic; margin-top: 3px; }    


.image-sale-box .thumbnail {
    overflow: hidden;
    position: relative;
    z-index: 6;
    width: 240px;
    height: 240px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.inner-cont:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    content: '';
}


.image-sale-box .thumbnail:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.02);
}

/* BASIC css end */