@charset "utf-8";



/* s:header */
#header {
    position:relative;
    top:0;
    width:100%;
    height:195px;
    background-color:#fff;
    box-shadow:3px 3px 5px rgba(124, 124, 124, 0.1);
    z-index:99999999999999999999;
}
#header.on {
    top:0;
    transition-duration:0.6s;
}
#header.active {
    position:fixed;
    top:0;
    height:110px;
    box-shadow:3px 3px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
#header.active .top_box {
    padding-left:5%;
    transition-duration:0.6s;
}

#header.active #allBtn {
    position:fixed;
    top:24px;
    left:50%;
    transform:translateX(-600px);
    z-index:9999999999999999;
}
#header #category {
    width:100%;
}
#header.active #category {
    position:fixed;
    top:110px;
    z-index:9999999999999999;
}
#header.active .gnb_1dli {
    display:none;
}
.hd_wrap {
    width:1200px;
    position:relative;
    margin:0 auto;
}
#header .top_box {
    width:100%;
    display:flex;
    height:110px;
}
#header .hd_box {
    position:relative;
}
#header .hd_box1 {
    width:20%;
}

#header #logo a {
    width:248px;
    position:absolute;
    top:12px;
    left:0;
}
#header.active .hd_box2 {
    width:42%;
}
#header .hd_box2 {
    width:45%;
}

#header .hd_box3 {
    width:20%;
}
#header .hd_box3 ul li {
    color:#9e9e9e;
}
#header .hd_box4 {
    width:14%;
}
#header.active .hd_box4 {
    width:16%;
}
#hd_search {position:absolute;top:35px;left:50%; transform:translateX(-50%); width:410px;}
#hd_search h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_search #sch_str {padding-left:10px;height:45px;background:#fff;border:1px solid #000;width:350px;border-right:0;float:left;border-radius:5px 0 0 5px;font-size:1.25em}
#hd_search #sch_submit {height:45px;border:0;background:#fff;border:1px solid #000;border-left:0;color:#333;width:50px;float:left;cursor:pointer;border-radius:0  5px 5px 0;font-size:18px}
#hd_search #sch_str {border: 2px solid #c91b1d;border-right: 0; border-radius: 0;}
#hd_search #sch_submit {border: 2px solid #c91b1d; border-left: 0; border-radius: 0; background: #c91b1d;}

#tnb {}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {width:100%; height:110px; display:table; }
#tnb ul:after {}
#tnb li { display:table-cell; vertical-align:middle; text-align:center; }
#tnb a {color: #555; font-size: 12px;font-weight:400;}

#tnb .tnb_admin a{color:#ff0000;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #e9e9e9;}
#tnb .tnb_community{border-right:1px solid #e9e9e9}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_shop{background:#fff;font-weight:bold;}
#tnb .tnb_shop:focus, #tnb .tnb_shop:hover {color:#333;border-bottom:0}
#tnb .tnb_shop a{color:#d50c0c;border-bottom:1px solid #fff;}
#hd_search #sch_submit i {color: #fff;}

.shop_my {position: absolute; right:0;}
.shop_my_list {position: relative; float: left;padding:24px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.shop_my_list .icon_box {display:block; margin:0 auto; text-align:center;}
.shop_my_list .text {display:block; text-align:center;}

#gnb {margin: 0; padding:0; min-height: 0;height:70px; background:#fff;}
#gnb #allBtn{position: absolute; top: 0; left:30px; width:50px; height:50px; margin-top:10px; background:#fff; border-radius:50%; border-bottom:0;-webkit-transform: skew(-0.1deg);transform: skew(-0.1deg); box-shadow:2px 2px 10px rgb(0 0 0 / 20%);}
#gnb #allBtn i{padding-right: 10px;}
#gnb .all_btn {
    width:25px;
    height:35px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-25%);
}
#gnb .all_btn span {
    background: #c91b1d;
    width:100%;
    height:2px;
    display:block;
}
#gnb .all_btn span:nth-child(1) {
    position:absolute;
    top:0;
    transition-duration:0.3s;
}
#gnb .all_btn span:nth-child(2) {
    position:absolute;
    top:8px;
    transition-duration:0.2s;
}
#gnb .all_btn span:nth-child(3) {
    position:absolute;
    top:17px;
    transition-duration:0.3s;
}
.gnb_1dli {display:inline-block;}

.all_close{display:none; position: absolute; top:0; left:50%; transform:translateX(-25px); z-index:9999; width:50px; height:50px; border-radius:50%; background-color:#fff;}
.all_close.on {display:block; transition-duration:0.3s;}
.all_close:hover{cursor: peter;}
.all_close img {width:26px; position:absolute;  top:12px; left:50%; transform:translateX(-13px); }

#category {
    transition-duration:0.6s;
}

.cate_title {
    width: 100%;
    background: #333949;
    border: 0;
    text-align: left;
    color: #fff;
    padding: 0 20px;
    height: 60px;
    line-height:60px;
}
.cate_title p {
    font-size:1.5em;
    font-weight: bold;
    text-align:center;
}
/* e:header */

/*#tnb li+li:after {content: ''; display: block; position: absolute; width: 1px; height: 14px; right: 0; top: 12px; background: #e9e9e9;} */
#logo {padding: 0;}
#logo a {display: inline-block;}

#hd_sch #sch_str {border: 2px solid #c91b1d;border-right: 0; border-radius: 0;}
#hd_sch #sch_submit {border: 2px solid #c91b1d; border-left: 0; border-radius: 0; background: #c91b1d;}
#hd_sch #sch_submit i {color: #fff;}

.my_menu_box {display: none;position: absolute;top: 100%;left: 50%;z-index: 99999;width: 107px;margin-top: -5px;margin-left: -55px;}
.shop_my_menu:hover .my_menu_box {display: block;}
.my_menu_list  {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 10px;border: 1px solid #30343b;background: #fff; text-align: center;}
.my_menu_list li {padding: 2px 0px;}
.my_menu_list li a{line-height: 1.6;}
.my_menu_list li a:hover{text-decoration: underline;}

#gnb {margin: 0; padding: 0; min-height: 0; background-color:#fff;}


#category {background: transparent;border: 0; box-shadow:3px 3px 8px rgba(0, 0, 0, 0.4);}
#category .ct_wr { padding: 0;border: 1px solid #e1e1e1;}
.hd_menu_con {position: relative;}
#hd_menu #gnb_1dul {width: 100%;padding: 0; margin-top:15px; margin-left:95px;}
#hd_menu li a {font-size:1.2em; padding: 0 20px;color: #353535; font-weight: 700; text-transform: uppercase;}
.gnb_1dli_on .gnb_1da {background: transparent; color: #000;}
 .cate_close {width: 1200px;}

.gnb_wrap {text-align:left; height:100%;}
#hd_menu #gnb_1dul {width: auto;display: inline-block;}


#category .ct_wr .cate_li_1 .cate_link0 {background-image: url(../img/common/category01_off.png); }
#category .ct_wr .cate_li_1.active .cate_link0 {background-image: url(../img/common/category01_on.png); }
#category .ct_wr .cate_li_1 .cate_link0:hover {background-image: url(../img/common/category01_on.png) ;}
#category .ct_wr .cate_li_1 .cate_link1 {background-image: url(../img/common/category02_off.png); }
#category .ct_wr .cate_li_1.active .cate_link1 {background-image: url(../img/common/category02_on.png); }
#category .ct_wr .cate_li_1 .cate_link1:hover {background-image: url(../img/common/category02_on.png) ;}
#category .ct_wr .cate_li_1 .cate_link2 {background-image: url(../img/common/category03_off.png); }
#category .ct_wr .cate_li_1.active .cate_link2 {background-image: url(../img/common/category03_on.png); }
#category .ct_wr .cate_li_1 .cate_link2:hover {background-image: url(../img/common/category03_on.png) ;}
#category .ct_wr .cate_li_1 .cate_link3 {background-image: url(../img/common/category04_off.png); }
#category .ct_wr .cate_li_1.active .cate_link3 {background-image: url(../img/common/category04_on.png); }
#category .ct_wr .cate_li_1 .cate_link3:hover {background-image: url(../img/common/category04_on.png) ;}
#category .ct_wr .cate_li_1 .cate_link4 {background-image: url(../img/common/category05_off.png); }
#category .ct_wr .cate_li_1.active .cate_link4 {background-image: url(../img/common/category05_on.png); }
#category .ct_wr .cate_li_1 .cate_link4:hover {background-image: url(../img/common/category05_on.png) ; }
#category .ct_wr .cate_li_1 .cate_link5 {background-image: url(../img/common/category06_off.png); }
#category .ct_wr .cate_li_1.active .cate_link5 {background-image: url(../img/common/category06_on.png); }
#category .ct_wr .cate_li_1 .cate_link5:hover {background-image: url(../img/common/category06_on.png) ; }
#category .ct_wr .cate_li_1 .cate_link6 {background-image: url(../img/common/category07_off.png); }
#category .ct_wr .cate_li_1.active .cate_link6 {background-image: url(../img/common/category07_on.png); }
#category .ct_wr .cate_li_1 .cate_link6:hover {background-image: url(../img/common/category07_on.png) ; }




/*common side*/
.left_bn{position: absolute;left: -120px;    top: 0px;width: 90px; z-index: 99; }
.side_box{position: absolute;right: -120px;    top: 0px;width: 90px; z-index: 99; }
.side_tnb{ margin-top: 20px;width: 90px;}
.fixed {position: fixed;top: 0px; }
.side_tnb.fixed{ top: 72px; }
.side_menu {padding: 8px;margin-bottom: 10px; -webkit-box-sizing:  border-box; box-sizing:  border-box; border:1px solid #eaeaea; background: #fff;}
.sd_menu_list{}

.sd_menu_list a {color: #333; line-height: 1.6; }

.left_bn_img {margin: 10px 0;}

#category .ct_wr .cate .cate_li_1+.cate_li_1 {border-left: 1px solid #e1e1e1;}
#category .ct_wr .cate_li_1 {margin-left: 0;width: 171px; text-align: center;min-height: auto; }
#category .ct_wr .cate_li_1 .cate_main_link {height: 120px; padding-top: 90px; font-size: 14.7px;  background-size: 60px 58px;background-position: 50% 40%;background-repeat: no-repeat;background-color: #fff; -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}
/*		#category .ct_wr .cate_li_1 .cate_main_link:hover{background-color: #e63a26;}*/
#category .ct_wr .cate_li_1.active .cate_main_link{background-color: #e63a26; color: #fff;}
#category .ct_wr .cate_li_1 .cate_main_link:hover {color: #fff;background-color: #e63a26;}
#category .ct_wr .cate_li_2 {float: left; width: 25%;background: #fff;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;-webkit-box-sizing: border-box;box-sizing: border-box;}
#category .cate_li_2 a {padding: 10px;}
#category .sub_cate .cate_li_2 a:hover {background-color: #e63a26; color: #fff;}
.cate_area {background: #F1F1F1;}
.ct_wr .sub_cate{position: absolute; left: 0; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;}

	
.cate_btm { border: 1px solid #e1e1e1;}
.cate_ex_list {float: left;width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;border-right: 1px solid #e1e1e1;}
.cate_bn_part {float: left;width: 50%;}
.cate_tit {border-bottom: 1px solid #e1e1e1; background: #fff;text-align: center; }
.cate_tit p{padding: 10px 0; font-size: 18px; }
.except_item {float: left;width: 33.333%;text-align: center;}
#hd_menu .except_item a{ height: 127px; padding-top: 90px;  font-size: 16px;-webkit-transform: skew(-0.1deg);transform: skew(-0.1deg); background: #F9F9F9;}
#hd_menu .except_item:first-child a{ background-image: url("../img/common/category08_off.png"); background-size: 60px 58px; background-position: 50% 40%; background-repeat: no-repeat; background-color: #f5f5f5; }
#hd_menu .except_item:nth-child(2) a{ background-image: url("../img/common/category09_off.png"); background-size: 60px 58px; background-position: 50% 40%; background-repeat: no-repeat; background-color: #f5f5f5; }
#hd_menu .except_item:nth-child(3) a{ background-image: url("../img/common/category10_off.png"); background-size: 60px 58px; background-position: 50% 40%; background-repeat: no-repeat; background-color: #f5f5f5; }
#hd_menu .cate_ex_menu {width: 100%;}
.cate_ex_menu li+li{border-left: 1px solid #e1e1e1;}

#hd_menu .cate_banner  {width:100%;}
#hd_menu .cate_banner a{ padding: 0; }
.cate_banner li {width: 50%;}
.cate_banner li img{width: 100%;}
.cate_li_1 .sub_cate {display: none;}
.cate_li_1.active .sub_cate{display: block;}
.cate_side_close{position: absolute; right: -50px; top: 0;}
.cate_side_close:hover{cursor: peter;}
.cate_side_close img {width: 30px; }