/* BASIC css start */
#container{padding-top:51px;}

.prd_page_hd{padding:43px 13px 23px;}
.prd_page_hd:after{content:""; display:block; width:100%; height:0; }
.prd_page_hd h2.cate_title{display:block; line-height:1; color:#111; font-size:24px; font-weight:700; text-align:center;}


.nav_wrap{margin-bottom:30px;}
.nav_wrap ul{border-top:1px solid #e6e6e6; /*border-bottom:1px solid #e6e6e6;*/ font-size:0;  /*margin-bottom:-1px;*/ position:relative;}
.nav_wrap ul:after{position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e6e6e6; font-size:0; content:""; }
.nav_wrap ul li{display:inline-block; width:calc(100%/3); box-sizing:border-box; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; height:46px;}
.nav_wrap ul li:nth-of-type(3n){border-right:0;}
.nav_wrap ul li a{display:block; text-align:center; line-height:45px; font-size:14px; color:#aaa; font-family:'Noto Sans KR', sans-serif; }
.nav_wrap ul li a.sel{background:#bbb;color:#FFF; }

.sub_nav{padding:10px 20px; overflow:visible;}
.sub_nav ul{}
.sub_nav ul li{height:34px; width:auto !important; }
.sub_nav ul li a,
.sub_nav ul li span{display:inline-block; font-size:15px; color:#888; letter-spacing:-1px; font-family:'Noto Sans KR', sans-serif; height:28px; line-height:28px; }
.sub_nav ul li a sub,
.sub_nav ul li span sub{font-size:15px; color:#97bc61; vertical-align:top;}
.sub_nav ul li.sel a,
.sub_nav ul li.sel span{font-weight:700; border-bottom:2px solid #000; color:#000;}
/*
.sub_nav ul li.swiper-slide-active a,
.sub_nav ul li.swiper-slide-active span{font-weight:700; border-bottom:2px solid #000; color:#000;}
.sub_nav .swiper-pagination{background:Red;}
*/



/* BASIC css end */