.color-blue{color: #0057a8}
#header{font-weight: 400; background:#000;}
.gnb{line-height: 1;float: right;}
.gnb li{padding: 10px 0}
.gnb .l{float: left;}
.gnb .r{float: right;font-weight: 300;color: #666;padding-top: 14px;}
.gnb a{float: left;display: block;padding: 5px 0;font-size: 14px}
.gnb .l a{margin-right: 20px}
.gnb .l .book_m img{margin-right: 10px;vertical-align: middle}
.gnb .r a{margin-left: 15px;color: #fff;}
.gnb .r .info{padding: 5px 10px;background: #000;color: #fff;border-radius: 5px}
.gnb .r .cart{position: relative; padding-right: 21px;margin-top: -5px;}
.gnb .r .cart span{display: block;width: 18px;height: 18px;background: #0154bf;border-radius: 50%;text-align: center;color: #fff;line-height: 18px;font-size: 11px;vertical-align: middle; position: absolute;right: 0;top:3px}

.gnb .r .search{  }

.location{z-index: 150}
.location > ul{font-size: 14px;color: #6c6d70;}
.location > ul > li{float: left;}
.location > ul > li.home{padding: 10px}
.location > ul > li.depth{margin-left: 18px;position: relative;}
.location > ul > li.depth:before{position: absolute;left: -14px;top:17px;background: url('../img/common/loc.gif') center center no-repeat; content: '';width: 5px;height: 9px}
.location > ul > li.depth > a{display: block;border:1px solid #ccc;padding: 10px 40px 10px 10px;background: #fff url('../img/common/loc_arrow.gif') 94% center no-repeat;min-width: 167px}
.location .depth2{position: absolute;left: 0;top:42px;background: #fff;border:1px solid #ccc;width: 100%;display: none;}
.location .depth2 a{display: block;padding: 8px 10px;}
.location .depth2 li{border-top: 1px solid #ddd;}
.location .depth2 li:first-child{border-top: 0;}
.location .depth2 a:hover{background: #f1f1f1}

.header{}
.header .set{position: relative;padding:25px 0}
.header .logo{float: left;}
.header .logo img{margin: 0 auto;}
.header .ship{position: absolute;left: 0;top:50%;height: 73px;margin-top: -36px}
.header .ship .bg-black{font-size: 13px;padding: 5px;border-radius: 3px;display: inline-block;*display: inline;*zoom:1;line-height: 1;margin-bottom: 8px;}
.header .ship p{color: #000;line-height: 1.1}
.header .ship p span{border-bottom: 1px solid #000}
.header .inner{position: relative;}

.header .sch{position: absolute;left:50%;width: 486px;margin-left: -243px;background:#fff;border-radius: 30px}
.header .sch input[type="text"]{border:0;background: 0;font-size: 17px;height: 50px;padding: 0 67px 0 18px;width: 100%;font-family:inherit}
.header .sch input[type="submit"]{position: absolute;right: 0;top:0;width:67px;;height: 100%;background: url('../img/common/sch_new.gif') center center no-repeat;white-space: nowrap;overflow: hidden;text-indent: -999px;border: 0;}
.header .sch form > a{ position: absolute;right:-53px;top:0; }

.header .set2{border-top: 1px solid #373737}
.header .menu{position: relative;text-align: center;}
.header .menu > ul{display: inline-block;}
.header .menu > ul > li{ display: inline-block; }
.header .menu > ul > li a{ color: #fff;font-size: 18px;display:block;padding:18px 40px; }
.header .menu > ul > li a:hover{ color: #1172ba; }
.header .menu a.btn_all_menu{position: absolute; top:50%;margin-top: -18px;left: 100;}
.header .menu a.btn_all_menu img{display: block;}

.header .menu > ul > li .submenu{ display: none; }

.all_menu{ background:#fff url('../img/common/menu_bg.gif') center center no-repeat;padding:30px 30px 80px 30px;border:1px solid #00abe8;position: absolute;left:0;top:63px;right:0;z-index: 10;display: none; }
.all_menu > ul{margin-left: -2%;}
.all_menu > ul:after{ content:"";display: block;clear:both; }
.all_menu > ul > li{ float:left;width:18%;margin-left:2%;}
.all_menu > ul > li > a{ color:#000;font-size: 17px;border-bottom:1px solid #ddd; display: block;padding:10px 0; }
.all_menu > ul > li .submenu{ padding:10px 0 }
.all_menu > ul > li .submenu li{ line-height:22px; }
.all_menu > ul > li .submenu li a{ display: block;padding:3px 0; }
.all_menu > ul > li .submenu li a:hover{ background:#1172ba;color:#fff;padding-left:10px; }

.lnb{background: #fff;box-shadow: 1px 1px 3px rgba(70,70,70,.3)}

.product_list{ width:1335px;margin:100px auto;position: relative; }
.product_list > button{ width:30px;height:50px;position: absolute;top:140px; display: block;}
.product_list > button.mv_prev{ left:-60px;background:url(../img/shop/btn_product_left.png) 0 0 no-repeat; }
.product_list > button.mv_next{ right:-40px;background:url(../img/shop/btn_product_right.png) 0 0 no-repeat; }
.product_list > button.mv_prev:hover{ background:url(../img/shop/btn_product_left_on.png) 0 0 no-repeat; }
.product_list > button.mv_next:hover{ background:url(../img/shop/btn_product_right_on.png) 0 0 no-repeat; }
.product_list .slick-slide { }
.product_list .slick-slide a{ text-align:center; display: block;}
.product_list .slick-slide a .img{ display:inline-block;position: relative; }
.product_list .slick-slide a .img:before{ content:"";display:none;background:rgba( 0 , 0 , 0 , .6 ); position: absolute;left:0;top:0;right:0;bottom:0; }
.product_list .slick-slide a .img:after{ content:"";display: none;width:42px;height:42px;background:url(../img/main/btn_search.png) 0 0 no-repeat; position: absolute;left:50%;top:50%;margin:-21px 0 0 -21px;}
.product_list .slick-slide a:hover .img:before,
.product_list .slick-slide a:hover .img:after{ display: block; }

.product_list .slick-slide a strong{ display: block;font-size: 23px;color: #000; padding:20px 0 10px;font-weight: 400;}
.product_list .slick-slide a em{ color: #6c6d70;line-height:23px;font-size: 15px;padding:0 30px;display: block; letter-spacing:-1px;}

.best_item{ width:1335px;margin:0 auto;background:#f3f3f3;padding:150px 0 ;position: relative;height:650px; }
.best_item:before{ content:"";display: block;position: absolute;left:-1000px;top:0;bottom:0;width:1000px;background:#f3f3f3;}
.best_item:after{ content:"";display: block;position: absolute;right:-1000px;top:0;bottom:0;width:1000px;background:#f3f3f3; }
.best_item .left_tab{ float:left;width:200px; }
.best_item .left_tab h3{ font-size: 30px;font-weight:bold;color: #000; }
.best_item .left_tab ul{  }
.best_item .left_tab ul li{ color: #6c6d70; font-size: 17px;margin-top:10px; cursor:pointer;padding:5px 0px;font-weight: 400;}
.best_item .left_tab ul li:first-child{ margin-top:40px;}
.best_item .left_tab ul li:hover,
.best_item .left_tab ul li.on{ color: #fff;background:#0053bf;padding:5px 10px; }

.best_item .best_rolling{ width:1120px;float:right;position: relative;}

.best_item .best_rolling > div{ position: absolute;left:0;top:-99990px;right:0;}
.best_item .best_rolling > div.on{ top:0; }

.best_item .best_rolling > div a{ text-align:center; display: block;}
.best_item .best_rolling > div .img{width:270px;height:290px; display: block;background:#fff; position: relative;}
.best_item .best_rolling > div .img img{ position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.best_item .best_rolling > div strong{ display: block;padding-top:20px; font-size: 20px;color: #000;font-weight: 400; line-height: 34px;}
.best_item .best_rolling > div .txt{color: #000;font-size: 15px; display: block;font-weight: 400;}
.best_item .best_rolling > div em{ font-size: 20px;color: #0154bf;line-height:24px; font-weight: 100; padding-top: 6px; display: block;font-weight: 500;}

.best_item .best_rolling .btns{ position: absolute;right:0;top:-90px;font-size: 0;line-height:0; }
.best_item .best_rolling .btns button{ display: block;width:64px;height:64px;display: inline-block;vertical-align:top; }
.best_item .best_rolling .btns button.mv_prev{ background:url(../img/shop/btn_best_left.png) 0 0 no-repeat; }
.best_item .best_rolling .btns button.mv_next{  background:url(../img/shop/btn_best_right.png) 0 0 no-repeat; }
.best_item .best_rolling .btns button.mv_prev:hover{ background:url(../img/shop/btn_best_left_on.png) 0 0 no-repeat; }
.best_item .best_rolling .btns button.mv_next:hover{  background:url(../img/shop/btn_best_right_on.png) 0 0 no-repeat; }


.best_item .clear{ clear:both; }

#footer{border-top: 1px solid #dadada;}
#footer nav{padding: 13px 0;border-bottom:1px solid #dadada}
#footer nav li{float: left;font-size: 14px;position: relative;margin-left:11px;padding-left: 11px;line-height: 1}
#footer nav li:before{content: '';width: 1px;height: 10px;background: #dadada;left: 0;top:50%;margin-top: -5px;position: absolute;}
#footer nav li:first-child{padding-left: 0;margin-left: 0;}
#footer nav li:first-child:before{background: none}
.copyright{position: relative;padding: 40px 0 75px 180px;font-size: 14px;color: #444;line-height: 1.5}
.copyright .logo{top:30px;left: 0;position: absolute;}
.copyright p span{display: block; margin-top: 10px; font-size:12px; letter-spacing:1px;}

.go_top{display: block; margin: 21px auto 0 auto}
#sub_page{padding:30px 0 100px 0;position: relative;}
.sub_tit{position: relative;margin-bottom: 30px}
.sub_tit h2{font-size: 30px; line-height: 1;font-weight: normal}
.location{position: absolute;right: 0;top:0;font-size: 13px}
.location span{margin-left: 8px;font-size: 14px;padding-left: 10px;background: url('../img/common/loc.gif') left center no-repeat;vertical-align:middle;}
.location span.home{background: url('../img/common/home.gif') left center no-repeat;padding-left: 18px}
.all .depth{display: none;}
#header .depth a:hover{color: #eb1d23 !important;text-decoration: underline;}
#gnb_1dul > li{background-position: left top no-repeat;background-repeat: no-repeat}
/* #gnb_1dul > li.s9,#gnb_1dul > li.s10,#gnb_1dul > li.s11,#gnb_1dul > li.s12{display: none;} */
#gnb_1dul > li.s0{background-image: url('../img/common/m1.gif')}
#gnb_1dul > li.s1{background-image: url('../img/common/m2.gif')}
#gnb_1dul > li.s2{background-image: url('../img/common/m3.gif')}
#gnb_1dul > li.s3{background-image: url('../img/common/m4.gif')}
#gnb_1dul > li.s4{background-image: url('../img/common/m5.gif')}
#gnb_1dul > li.s5{background-image: url('../img/common/m6.gif')}
#gnb_1dul > li.s6{background-image: url('../img/common/m7.gif')}
#gnb_1dul > li.s7{background-image: url('../img/common/m8.gif');display: none;}
#gnb_1dul > li.s8{background-image: url('../img/common/m9.gif');display: none;}

.item_txt{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.stv_item{margin-top: 18px}
.stv_item:first-child{margin-top: 0;}

.all .depth{position: absolute;left: 0;top:48px;width:1200px;background: #fff;border: 1px solid #eb1d23;z-index: 100;padding: 40px 30px;text-align: left;box-shadow: 3px 3px 3px rgba(0,0,0,.1)}
.all .depth h2{display: none;}
#gnb_1dul{margin-left: -1.5%}
#gnb_1dul > li{float: left;width: 15.1666666667%;margin: 0 0 1.5% 1.5%;height: 200px}
#gnb_1dul > li > a{border-bottom: 1px solid #ddd;display: block;margin-bottom: 1em;padding-bottom: 1em;color: #000;padding-top: 40px}
.all .gnb_2dul{font-size: 14px;color: #333}
.all .gnb_2dul li{margin-bottom: 8px;font-weight: 300;font-size: 13px;color: #222}