/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: absolute; left: 0; bottom:10px; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { width: 14px; height: 14px; background-color:#a0a0a0; border-radius:14px; display: inline-block; margin: 0 5px; text-indent: -9999px; }
#event .pagination .swiper-active-switch { width: 28px; background-color:#2c6351; }
/* //롤링배너 */
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}





/* 메인페이지 */

/* 메인퀵카테고리 */
#cat_quick {
    width:100%;
    margin-bottom:20px;
    border-top:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
}

#cat_quick .first {
    border-bottom:1px solid #e1e1e1;
}

#cat_quick ul {
    font-size:0;
    line-height:0;
    text-align:center;
}

#cat_quick ul li {
    display:inline-block;
    width:24.00%;
    text-align:center;
    font-size:12px;
    line-height:14px;
    border-right:1px solid #e1e1e1;
    padding:15px 0 15px 0;
}

#cat_quick ul li p.bq_name{
   padding-top:5px;
}

#cat_quick ul .lilast {
    border-right:0px solid #e1e1e1;
}

#cat_quick ul li img{
    width:50px;
}

#cat_quick ul li a {
    display:block
}



/* 메인이미지 배너 */
#main_banner_wrap{padding:15px;}
#main_banner{position:relative; border:1px solid #dcdcdc;}
#main_banner ul{overflow:hidden;}
#main_banner ul li a img{max-width:100%;}
#main_banner div.bx-controls{position:absolute; bottom:-1px; right:-1px;}
#main_banner div.bx-controls a{display:inline-block; width:40px; height:40px; border:1px solid #c0c0c0; text-indent:-9999px; font-size:0; position:relative; background-color:#f2f2f2;}
#main_banner div.bx-controls a.bx-prev{border-right:none;}
#main_banner div.bx-controls a:before{content:""; display:block; width:25px; height:25px; background-image:url(/design/seosanttre/djds/main/new_bg_visual_control.png); background-size:100px 25px; background-repeat:no-repeat; position:absolute; top:50%; left:50%; margin:-12.5px 0 0 -12.5px;}
#main_banner div.bx-controls a.bx-prev:before{background-position:0 0;}
#main_banner div.bx-controls a.bx-next:before{background-position:-25px 0;}

h3.main_title{margin-bottom:20px; text-align:left; font-size:20px; font-weight:bold; color:#190100; letter-spacing:-1px;}

div.product_slide_wrap{position:relative;}
div.product_slide_wrap div.bx-controls{position:absolute; top:-35px; right:0;}
div.product_slide_wrap div.bx-controls div.bx-pager-item{display:inline-block; margin:0 0 0 10px;}
div.product_slide_wrap div.bx-controls div.bx-pager-item a{display:block; width:14px; height:14px; text-indent:-9999px; border-radius:100%; background-color:#a0a0a0;}
div.product_slide_wrap div.bx-controls div.bx-pager-item a.active{background-color:#ef501c;}

section.main_new_product{padding:30px 15px;}
section.main_new_product ul.new_product_list li{width:calc(50% - 10px);}
section.main_new_product ul.new_product_list li a div.image{height:0; padding-bottom:100%;}
section.main_new_product ul.new_product_list li:nth-child(odd){margin-right:10px;}
section.main_new_product ul.new_product_list li:nth-child(even){margin-left:10px;}

section.main_recommend_product{padding:30px 15px; background-color:#f7f7f7;}
section.main_recommend_product ul.new_product_list li{width:calc(50% - 10px); margin-top:20px;}
section.main_recommend_product ul.new_product_list li a div.image{height:0; padding-bottom:100%;}
section.main_recommend_product ul.new_product_list li:first-child, 
section.main_recommend_product ul.new_product_list li:nth-child(2){margin-top:0;}
section.main_recommend_product ul.new_product_list li:nth-child(odd){margin-right:10px;}
section.main_recommend_product ul.new_product_list li:nth-child(even){margin-left:10px;}

section.main_best_product{padding:30px 15px;}
section.main_best_product ul.new_product_list li{width:calc(50% - 10px); margin-top:20px;}
section.main_best_product ul.new_product_list li a div.image{height:0; padding-bottom:100%;}
section.main_best_product ul.new_product_list li:first-child, 
section.main_best_product ul.new_product_list li:nth-child(2){margin-top:0;}
section.main_best_product ul.new_product_list li:nth-child(odd){margin-right:10px;}
section.main_best_product ul.new_product_list li:nth-child(even){margin-left:10px;}
section.main_best_product div.best_tab_wrap{overflow:hidden; border:1px solid #dcdcdc; margin-bottom:15px;}
section.main_best_product div.best_tab_wrap a.best_tab_handle{display:block; height:50px; line-height:50px; font-size:17px; font-weight:bold; color:#444; text-align:center; position:relative;}
section.main_best_product div.best_tab_wrap a.best_tab_handle:after{content:""; width:9px; height:8px; margin-top:-4px; position:absolute; top:50%; right:20px; background:url(/design/seosanttre/djds/mobile/bg_best_arrow.png) no-repeat 50% 50%; background-size:9px 8px;}
section.main_best_product div.best_tab_wrap ul.best_tab{display:none;}
section.main_best_product div.best_tab_wrap ul.best_tab.active{display:block;}
section.main_best_product div.best_tab_wrap ul.best_tab li{border-bottom:1px solid #dcdcdc;}
section.main_best_product div.best_tab_wrap ul.best_tab li:first-child{border-top:1px solid #dcdcdc;}
section.main_best_product div.best_tab_wrap ul.best_tab li a{display:block; height:40px; line-height:40px; font-size:14px; color:#444; text-align:center;}
section.main_best_product div.best_product{display:none;}
section.main_best_product div.best_product.active{display:block;}

section.main_bottom_banner a{display:block; height:0; padding-bottom:27%; text-indent:-9999px; background:url(/design/seosanttre/djds/mobile/bg_main_bottom_banner.jpg) no-repeat 50% 50%; background-size:cover;}

section.main_special_product{padding:30px 15px; background-color:#f7f7f7;}
section.main_special_product ul.new_product_list li{width:calc(50% - 10px); margin-top:20px; }
section.main_special_product ul.new_product_list li a div.image{height:0; padding-bottom:100%;}
section.main_special_product ul.new_product_list li:first-child, 
section.main_special_product ul.new_product_list li:nth-child(2){margin-top:0;}
section.main_special_product ul.new_product_list li:nth-child(odd){margin-right:10px;}
section.main_special_product ul.new_product_list li:nth-child(even){margin-left:10px;}





#special_banner{width:50%; height:50%; position:absolute; top:0; left:0; z-index:9999;}
#special_banner a{display:block; width:calc(100% - 10px); height:100%; padding-top:25px; padding-left:15px; padding-bottom:64%; background:#fff url(/design/seosanttre/djds/main/new_main_master_banner.jpg) no-repeat 0 100%; background-size:100% auto; border:1px solid #dcdcdc; box-sizing:border-box;}
#special_banner a span{line-height:24px; font-size:16px; color:#190100; letter-spacing:-2px;}
#special_banner a span strong{display:block; font-weight:bold;}
/* BASIC css end */