@charset "utf-8";

/* 2016-03-11 */

.main_top {position:relative;width:100%;background-color:#f4f4f4;}
#main_slider_wrap {position:relative;padding:20px 0 20px 20px;}
.main_slide_screen {position:relative;overflow:hidden;}
.main_slide_screen ul {position:absolute;}
.main_slide_screen ul li {float:left;display:inline;}
.main_slide_button {position:absolute;top:15px;right:-520px;width:500px;}
.main_slide_button ul li {float: left;display: block;width:150px;height:150px;font-size: 12px;text-align: center;cursor: pointer;background-color:#fff;margin:5px;border:4px solid #fff;}
.main_slide_button ul li.currentBtn {border:4px solid #d70300;}
.main_slide_button ul li a {display:block;text-align:center;}
.main_slide_button ul li a img {width:110px;height:110px;margin-top:8px;text-align:center;}
.main_slide_button ul li a span {display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mid_banner {position:relative;overflow:hidden;margin-top:30px;}
.mid_banner ul {margin-left:-18px;}
.mid_banner ul li {float:left;display:inline;margin-left:18px;}
.mid_banner ul li a img {width:261px;height:195px;}
.best_wrap {position:relative;overflow:hidden;margin-top:20px;}
.best_wrap h2 {padding:10px 5px;font-size:22px;font-weight:bold;border-bottom:2px solid #d70300;}
.best_wrap h2 span {color:#d70300;}
.best_wrap ul {display:table;width:100%;min-width:750px;margin-left:10px;/* margin-top:-20px; */}
.best_wrap ul li {display:inline-block;width:180px;}
.best_wrap ul li .box {width:160px;margin:0 auto;}
.best_wrap ul li .box a {display:block;text-align:center;}
.best_wrap ul li .box span {display:block;font-size:14px;text-align:center;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.best_wrap ul li .box .brand {font-weight:600;}
.best_wrap ul li img {width:140px;height:140px;margin:15px 0;}

.footer_top a { font-family:"돋움", dotum; font-size:15px; color:#666; font-weight:bold; }

/* 카테고리 탭 */
.category_tab {position:relative;overflow:hidden;margin-top:20px;}
.category_tab h2 {padding:10px 5px;font-size:22px;font-weight:bold;border-bottom:2px solid #d70300;}
.category_tab h2 span {color:#d70300;}
.tab_wrap {overflow:hidden;margin-top:10px;}
.tab_area {float:left;width:220px;border:1px solid #cfbdb6}
.tabs li {font-size:16px;height:87px;line-height:75px;padding-left:10px;cursor:pointer;border-bottom:1px solid #cfbdb6;}
.tabs li:last-child {border:0;}
.tabs li.current {padding-left:20px;font-weight:bold;background-color:#d70330;color:#fff;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.tab_product_area {}
.tab_content {display:none;float:left;width:880px;height:870px;padding:20px 15px 20px 20px;border:1px solid #cfbdb6;border-left:0;background-color:#e7e4df;}
.tab_content.current {display:block;}
.tab_content .tab_col_1, .tab_content .tab_col_2 {margin-bottom:10px;overflow:hidden;}
.tab_content .tab_col_1 .big_box {float:left;width:350px;height:410px;margin:0 10px 0 auto;border:1px solid #fff;}
.tab_content .tab_col_1 .big_box:hover {border:1px solid #d70300;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.tab_content .big_box, .tab_content .big_box_2  {background:url('../img/bg/best_mark.png') no-repeat #fff;}
.tab_content .tab_col_1 .big_box a {display:block;text-align:center;}
.tab_content .tab_col_1 .big_box span {display:block;padding:0 10pxl;font-size:20px;line-height:20px;text-align:center;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tab_content .tab_col_1 .big_box img {width:250px;height:250px;margin:15px 0;}
.tab_content .tab_col_1 .small_box {display:inline-block;float:left;width:150px;height:200px;background-color:#fff;margin:0 10px 10px 0;border:1px solid #fff;}
.tab_content .tab_col_1 .small_box:hover {border:1px solid #d70300;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.tab_content .tab_col_1 .small_box a {display:block;text-align:center;}
.tab_content .tab_col_1 .small_box span {display:block;padding:0 4px;font-size:12px;line-height:13px;text-align:center;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tab_content .tab_col_1 .small_box img {width:100px;height:100px;margin:15px 0;}
/* .tab_content .tab_col_1 ul {float:right;width:470px;}
.tab_content .tab_col_1 ul li {float:left;width:150px;height:170px;background-color:#fff;}
.tab_content .tab_col_1 ul li a {display:block;text-align:center;}
.tab_content .tab_col_1 ul li .box {margin-top:15px;}
.tab_content .tab_col_1 ul li .box span {display:block;font-size:14px;line-height:14px;text-align:center;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tab_content .tab_col_1 ul li img {max-width:100px;margin-bottom:10px;}
.tab_content .tab_col_2 .big_box {float:right;width:360px;height:350px;margin:0 auto;background-color:#fff;}
.tab_content .tab_col_2 .big_box a {display:block;text-align:center;}
.tab_content .tab_col_2 .big_box span {display:block;font-size:20px;line-height:20px;text-align:center;margin-bottom:5px;}
.tab_content .tab_col_2 .big_box img {max-width:250px;margin:15px 0;}
.tab_content .tab_col_2 ul {float:left;width:470px;}
.tab_content .tab_col_2 ul li {float:left;width:150px;height:170px;background-color:#fff;}
.tab_content .tab_col_2 ul li a {display:block;text-align:center;}
.tab_content .tab_col_2 ul li .box {margin-top:15px;}
.tab_content .tab_col_2 ul li .box span {display:block;font-size:14px;line-height:14px;text-align:center;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tab_content .tab_col_2 ul li img {max-width:100px;margin-bottom:10px;} 
 */


/* 신상품 */
.its_new {position:relative;overflow:hidden;margin-top:20px;}
.its_new h2 {padding:10px 5px;font-size:22px;font-weight:bold;border-bottom:2px solid #d70300;}
.its_new h2 span {color:#d70300;}
.its_new ul {display:table;width:100%;margin-left:2px;margin-top:10px;}
.its_new ul li {position:relative; width:20%;float:left;margin-right:-1px;background-color:#fff;}
.its_new ul li:hover {background-color:#fafafa;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.its_new ul li .new_inner {position:relative;padding:20px 0 15px;border:1px solid #dadada;}
.its_new ul li .mark {background:url('../img/bg/new_mark.png') no-repeat;}
.its_new ul li .new_inner .box {width:160px;margin:0 auto;}
.its_new ul li .new_inner .box img {width:140px;height:140px;margin-bottom:10px;}
.its_new ul li .new_inner .box a {display:block;text-align:center;}
.its_new ul li .new_inner .box a span {display:block;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.its_new ul li .new_inner .box a .brand {font-weight:600;}

.its_new ul li .fav_icon { position:absolute; font-size:3em; top:-1px; left:1px; }
.its_new ul li .f_color { color:#d70300; }
.its_new ul li .fav_icon span { position:absolute; top:20%; left:25%; color:#fff; font-size:0.37em; }

/* 좌측배너 */
#leftWing_Wrap {position:relative;left:-205px;width:1000px;margin:0 auto;z-index:1000;}
#leftWing {width:145px;position:absolute; z-index: auto; top: 0px; background-color: white}
#leftWing h2 {
	display: block;
	width: 143px;
    height: 35px;
    margin-bottom: 3px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: #000;
    line-height: 35px;
    font-size: 1.3em;
    letter-spacing: 4px;
    font-weight: bold;
    color: #fff;
}
/* #leftWing .left_wing_tit {display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url('../img/bg_img/sprite.png') no-repeat 0 -384px;} */
#leftWing h2 img {width:135px}
/*#leftWing .leftCate ul li {background:url(../img/bg_img/arr_red.png) 0 5px no-repeat;}*/
#leftWing .leftCate ul.lg_cate li {width:125px;float:left;padding:3px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding-left:4px;background:url(../img/bg_img/arr_red.png) 0 8px no-repeat;}
#leftWing .leftCate ul.lg_cate {padding-left:2px;}
#leftWing .leftCate ul.lg_cate a {padding-left:4px;text-decoration:none;}
#leftWing .leftCate ul.lg_cate + li {padding-left:2px;}
#leftWing .leftCate ul.md_cate {padding-left:5px;}
#leftWing .leftCate ul.md_cate li {width:125px;float:left;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding-left:4px;}
#leftWing .leftCate ul.md_cate > li {margin:4px 0 0 0;}
#leftWing .leftCate ul.sm_cate {padding-left:8px;}
#leftWing .leftCate ul.sm_cate li {width:90px;font-size:11px;margin:2px 0;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#leftWing .leftCate ul.sm_cate li a {padding-left:2px;font-size:11px;}
#leftWing .brand_cate h3 {text-transform:uppercase;}
#leftWing .brand_cate .sm_brand li {padding-left:5px;margin-left:5px;background:url(../img/bg_img/arr_red.png) 0 5px no-repeat;}