/* 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;}



.top_banner .swiper-pagination {font-size:0; bottom:15px !important; }
.top_banner .swiper-pagination .swiper-pagination-bullet{display:inline-block; width:20px; height:1px; margin:0 2px; background:#ececec; opacity:1; }
.top_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#919191; }



.nav_wrap{}
.nav_wrap ul{border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:0; margin-bottom:-1px; }
.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; }

.top_bg{display:block; width:100%; }

.cate_tab{padding:30px 10px;}
.cate_tab ul{width:100%; min-height:34px; text-align:center; font-size:0;  }
.cate_tab ul li{display:inline-block; height:34px; margin:0 8px; vertical-align:top; }
.cate_tab ul li a,
.cate_tab 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; }
.cate_tab ul li a sub,
.cate_tab ul li span sub{font-size:15px; color:#97bc61; vertical-align:top;}
.cate_tab ul li.sel a,
.cate_tab ul li.sel span{font-weight:700; border-bottom:2px solid #000; color:#000;}
.cate_wrap{padding:0 20px;}
.cate_wrap .cont{display:none;}
.cate_wrap .cont.sel{display:block;}


.event_list{overflow:hidden; }
.event_list > li{margin-bottom:20px; }
.event_list > li a{display:block; }
.event_list > li span.thumb{display:block; margin-bottom:10px;  }
.event_list > li span.thumb img{display:block; width:100%;}
.event_list > li dl{padding-bottom:5px; }
.event_list > li dl dt{font-size:18.48px; color:#000; font-weight:500; font-family:'Noto Sans KR', sans-serif; padding:3px 0 ;  line-height:1.5; }
.event_list > li dl dd{font-size:14px; color:#979797; font-family:'Noto Sans KR', sans-serif; line-height:1.2; margin-bottom:5px;}
.event_list > li dl dd.date{font-family:'Montserrat','Noto Sans KR', sans-serif;}
/* BASIC css end */