/* BASIC css start */
#content{ clear: both; width:100%; padding-bottom:0;}

/* 메인 배너 공통 */
.sliderWrap{width: 100%; height: 100%; padding-bottom:44px;}
.sliderArea{position:relative;  max-width: 100%; }
.sliderArea img{width:100%; height: 100%;}

.sliderArea .pagerWrap{ clear: both; position: absolute; height: 50px; bottom:0; text-align:center; width: 100%;}
.sliderArea .customPager{ visibility: visible !impotant; width: 1000px; height: 50px; margin: 0 auto;  }
.sliderArea .customPager .link{ display:inline-block; margin:0 -2px; width:200px; height:50px;line-height:50px;font-size:15px; color:#777; background-color:#fff; border: 1px solid #d9d9d9; box-sizing: border-box;}
.sliderArea .customPager .link.active{ background-color:#fff; border-bottom: 3px solid #e31318; color: #e31318; font-weight: 500;}



/* .sliderArea .bx-controls{}
.sliderArea .bx-controls-direction{position:absolute;top:50%;left:50%;z-index:60;text-align:center;}
.sliderArea .bx-prev, .sliderArea .bx-next{position:absolute;top:0;margin-top:-21px;font-size:45px;display:inline-block;width:40px;height:45px;vertical-align:middle;border:1px solid transparent;}
.sliderArea .bx-prev{left:0;margin-left:-750px; color:#fff;}
.sliderArea .bx-next{right:0;margin-right:-750px; color:#fff;} */

/* mainSlider */
.mainSliderWrap .bx-prev:hover, .mainSliderWrap .bx-next:hover{ cursor: pointer;}



/* New item banner */
.item-wrap.newPrd{ clear: both; }
.item-wrap.newPrd .title{padding-top:90px;}
.item-wrap.newPrd .newCateTab{width: 50%; margin: 0 auto;}
.item-wrap.newPrd .newCateTab:after{content:"";display:block;clear:both;}
.item-wrap.newPrd .newCateTab .slideList{float:left; width:20%;}
.item-wrap.newPrd .newCateTab a{display:block; position:relative; height:48px;line-height:48px;font-size:16px; color:#000; text-align:center; }
.item-wrap.newPrd .newCateTab a:before, .item-wrap.newPrd .newCateTab a:after{content:""; display:block; position:absolute;}
.item-wrap.newPrd .newCateTab .active{ border-bottom: 3px solid #e31318; color: #e31318;}
.item-wrap.newPrd .newCateTab .slideList:first-child a{margin-left:0;}
.item-wrap.newPrd .newCateList{padding-top:42px;}
.item-wrap.newPrd .bx-controls{display:none;}
.item-wrap.newPrd .viewOff{display:none !important;}

/* 타이틀 */
.ctitle{position:relative;}
.ctitle .utilMenu{position:absolute;right:10px;top:43px;}
.ctitle .moreBtn{display:inline-block;font-size:24px;color:#000;width:38px;height:38px;border:1px solid #000;text-align:center;}
.ctitle .moreBtn i{padding-top:7px;}
.ctitle .moreBtn:hover{border-color:#aaa;}

.ctitle.main{color:#000; padding:80px 0 40px;text-align:center;}
.ctitle.main h3{ font-size: 35px; font-weight: 600; font-family: 'Jost'; letter-spacing: 10px; display:block;line-height:1.4;}
.ctitle.main .subTitle{font-size:16px;line-height:1.4;padding-bottom:16px;display:block;}



/* 추천 상품*/


#rcm_prd { width: 1400px; margin: 0 auto; padding-top: 50px; height: auto; }
#rcm_prd h3 { text-align: center; font-size: 35px; font-weight: 600; font-family: 'Jost' ; letter-spacing: 10px; } 
#rcm_prd .rcm_wrap { width: 1400px; margin: 0 auto;  }

#rcm_prd .rcm_wrap .rcm_img { width: 100%; display:flex; position: relative; margin-top:60px; }
.rcm_wrap .rcm_img .rcm_banner{ width: 685px; float:left;}
.rcm_wrap .rcm_img .rcm_banner:first-child{ margin-right: 30px; }
.rcm_wrap .rcm_img .rcm_banner img { width: 685px; float:left;  cursor: pointer; }

.rcm_wrap .rcm_img .rcm_banner:hover img{  filter: brightness(0.8);  }
.rcm_wrap .rcm_img .rcm_banner:hover a { background-color: #e21418; color: #fff; font-weight: 500; opacity: 1; border: none; box-shadow: 2px 3px 4px rgb(0,0,0,0.8); } 
.rcm_wrap .rcm_img .rcm_banner a{ display: block; width: 215px; height: 43px; position: absolute; float: left; color: #fff; text-align:center; line-height: 43px; cursor: pointer;
                                  margin: 185px 240px; background:rgb(255,255,255,0.3); box-sizing: border-box;  border-radius: 15px; border:1px solid #fff; 
                                  box-shadow:2px 3px 4px rgb(0,0,0,0.5); font-size: 15px; font-weight: 500; }
                                  
.rcm_wrap .rcm_img .rcm_banner a p{ width: 215px; height: 43px; font-size: 15px; font-weight: 500; color: #fff; margin:0 auto; display: inline-block;}

*/



/* 온라인 판매 금지 배너 */


#online_prd { width: 1400px; margin: 0 auto; height: auto; padding-top: 80px; }
#online_prd .h_title h3 { text-align: center; font-size: 35px; font-weight: 600; margin: 60px 0; font-family: 'Jost' ; letter-spacing: 10px; } 
.online_banner{ width: 1400px; margin: 0 auto; }
.online_banner a img{ width: 100%; display: block; margin: auto; }




/* 하단 배너 */


.bottom_banner{ width: 1400px; margin: 0 auto; height: 369px; margin-top:60px; }
.bottom_banner div{ float:left; width: 438px; height: 369px; }

.bottom_banner .b_banner01{ margin-right:43px; }
.bottom_banner .b_banner02{ margin-right:43px; }

.bottom_banner .b_banner02 .b_banner03 a{ display: block; width: 438px; height: 369px; }
.bottom_banner .b_banner02 .b_banner03 a:hover{ box-shadow : 1px 1px 10px #ccc; }



.main_bottom {
	width:1400px;
	margin:0 auto 100px;
    text-align:center;
}


.main_bottom div{ float:left; display:inline-block; }
.main_bottom .as_top{ margin-bottom: 15px; }
.main_bottom .as_bottom_01{ width: 275px; height: 180px; margin-right:13px }
.main_bottom .as_bottom_02{ width: 405px; height: 180px;  }
.main_bottom div:nth-child(4){ margin-right: 14px; }



.main_bottom .as_top:hover {
   box-shadow : 1px 1px 10px #ddd;

} 


.main_bottom .as_bottom_01:hover {
   box-shadow : 1px 1px 10px #ddd;

} 



.main_bottom div:last-child {
	margin-right:0px
}
.main_bottom:after {
	content: "";
	display: block;
	clear: both;



/* BASIC css end */