@charset "euc-kr";
html>/**/body {overflow-y:scroll;}

.sec-wrap,
.sec-header,
.sec-content,
.sec-footer {position:relative;width:100%;margin:0;padding:0;box-sizing:border-box;}

.wr{max-width:1000px; margin:0 auto; overflow:hidden;} 





/****************************************** header ******************************************/ 
.sec-header{position:fixed; top:0; left:0; z-index:9; background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.2); height:80px; text-align:center;  transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden;} 
 
/* mouseover */
.sec-header.on{background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.sec-header .logo{display: block; width:230px; height:58px; background-image:url(/new/imgs/logo.png); background-size:230px auto; position:absolute; left:30px; top:12px;}   
.sec-header.on .logo{background-image:url(/new/imgs/logo.png); background-size:230px auto;}
.sec-header:after{opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
.sec-header:before{content:''; width:100%; height:80px; background:#fff; position:absolute; top:0; right:0; z-index:-1; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}





/* sitemap */
.btn-category {position:absolute; top:28px; right:50px; width:40px; height:24px; cursor:pointer}
.btn-category .bar {position: absolute; left:0; width:100%; width:100%; height:2px; border:0; background:#555; transition:opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0.3s, 0.3s, 0s}
.on .btn-category .bar{background:#000;}
.btn-category .bar:nth-child(1) {top:0; transform:rotate(0)}
.btn-category .bar:nth-child(2) {top:11px; opacity:1}
.btn-category .bar:nth-child(3) {top:22px; transform:rotate(0)} 
.btn-category.map{ right:67px;}
.btn-category.map .bar {background:#000; transition:background 1s, opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.3s; }
.btn-category.map .bar:nth-child(1) {top:11px; background:#000; transform:rotate(-45deg);}
.btn-category.map .bar:nth-child(2) {opacity:0}
.btn-category.map .bar:nth-child(3) {top:11px; background:#000; transform:rotate(45deg);}
   
#sitemap{position:fixed; top:85px; right:-100%; width:100%; height:calc(100% - 100px); background:#fff; opacity:1; padding:10px 20px; z-index:10;transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden; overflow-y:auto;}
#sitemap > ul{max-width:1000px; overflow:hidden; margin:0 auto;}
#sitemap > ul > li{width:100%; text-align:center; }
#sitemap > ul > li h2{font-weight:400; letter-spacing:-0.1em; }
#sitemap > ul > li h2 a{font-size:20px; }
#sitemap > ul > li a{padding:2% 0 2.3% 0; display:inline-block; width:100%; border-bottom:1px dashed #c3c3c3; }
#sitemap > ul > li:last-child a{border-bottom:0;}

#sitemap > ul{border-bottom:1px solid #bbb;}
#sitemap > ul.first{margin-top:5px;}
#sitemap > ul.first > li a{color:#555;}
#sitemap > ul.second > li a{color:#007791;}
#sitemap > ul.third > li a{color:#2820bb;}
#sitemap > ul.fourth > li a{color:#6d4a8e;}
#sitemap.open{right:0;}



#sitemap .sitemap_member{overflow:hidden;}
#sitemap .sitemap_member p{float:left; width:50%;}
#sitemap .sitemap_member p a{display:inline-block; width:100%; color:#fff; text-align:center; padding:2% 0 2.5% 0; font-weight:bold;}
#sitemap .sitemap_member p:first-child a{border:3px solid #fcd804; border-top-left-radius:5px; border-bottom-left-radius:5px; background:#fcd804; color:#341c1c;}
#sitemap .sitemap_member p:last-child a{border:3px solid #484848; border-top-right-radius:5px; border-bottom-right-radius:5px; background:#484848;}


#main {max-width:1000px; width:100%; position:relative; height:100%; overflow:hidden;}
.gap{height:110px; display:block;}
.sub_gap{height:90px; display:block;}
.main_t_btn{overflow:hidden;}
.main_t_btn p{float:left; width:49%;}
.main_t_btn p a{padding:3.5% 0;}
.main_t_btn p a img{width:70%;}
.main_t_btn p:first-child{margin-right:2%;}
.main_t_btn p:first-child a{text-align:center;display:block; background-color:#00038b; border:1px solid #00038b; border-radius:15px;}
.main_t_btn p:last-child a{text-align:center;display:block;background-color:#fcd804; border:1px solid #fcd804; border-radius:15px;}
.ttle_margin{width:100%; padding-left:3%; padding-right:3%;}


#jssor_1{position:relative;margin:0 auto;top:0;left:0; width:980px;height:455px;overflow:hidden;}
#jssor_2{position:relative;margin:0 auto;top:0;left:0; width:980px;height:510px;overflow:hidden;}
.slides_box{cursor:default;position:relative;top:0;left:0;width:980px;height:380px;overflow:hidden;}
.slides_box1{cursor:default;position:relative;top:0;left:0;width:980px;height:432px;overflow:hidden;}
.jssorl-009-spin{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);}
.jssorl-009-spin img {
animation-name: jssorl-009-spin;
animation-duration: 1.6s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
 from { transform: rotate(0deg); }
 to { transform: rotate(360deg); }
 }
.jssorb051 .i {position:absolute;cursor:pointer; width:15px; height:15px;}
.jssorb051 .i .b {background:#000; opacity:0.3;}
.jssorb051 .i:hover .b {opacity:.7;}
.jssorb051 .iav .b {opacity: 1;}
.jssorb051 .i.idn {opacity:.3;}

.jssora051 {display:block;cursor:pointer;}
.jssora051 .a {background:none;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;}


.jsleft{position:absolute;width:65px;height:65px; left:10px; top:150px;}
.jsright{position:absolute;width:65px;height:65px;top:0; right:10px; margin-top:-75%;}

.jsleft1{position:absolute;width:65px;height:65px; left:10px; top:180px; }
.jsright1{position:absolute;width:65px;height:65px;top:0; right:10px; margin-top:-74%;}

.main_title{padding-top:10px; color:#000; font-weight:500; font-size:30px; letter-spacing:-0.02em; position:relative; margin-top:30px; padding-bottom:10px;  text-align:center;}
.main_title:before{width:25px; height:2px; background:#000; content:''; position:absolute; top:0; left:49%; }
.main_title strong{color:#ea400a;}


.news_list{overflow:hidden; padding:0 3%;}
.news_list li{padding:10px 0; border-bottom:1px solid #ddd;}
.news_list li a{font-size:110%;}
.news_list li p{margin-top:5px;font-size:90%; text-align:right; color:#777;}
.news_list .notice-s{display:inline-block; background:#ed1c24; border:1px solid #ed1c24; border-radius:3px; padding:3px 5px; color:#fff; font-size:88%; font-weight:600;}
.news_list .news-s{display:inline-block; background:#1cbbb4; border:1px solid #1cbbb4; border-radius:3px; padding:3px 5px; color:#fff; font-size:88%; font-weight:600;}

.charge_p{text-align:center; padding:3% 0;}




.sec-footer{background:#222; color:#999; padding:0 20px 50px 0;}

.ft-link{padding:20px 0; border-bottom:1px solid #383838;}
.ft-link a{display:inline-block; margin-right:20px; color:#999; font-size:15px;}
.ft-link a:first-child{color:#fff; font-weight:400;}
.ft-info{padding:10px 0; position:relative;}
.ft-info .copy{margin:5px 0 0; color:#eee;}
.ft-info p{font-size:14px; color:#eee;}

.family-site{position:absolute; right:0; top:20px; z-index:2;}
.family-site p{padding:15px 100px 15px 15px; border:1px solid #999; cursor:pointer; background:url(http://metanettplatform.com/images/btn/sel-arr.png) no-repeat right 15px center;}
.family-site ul{background:#fff; position:absolute; bottom:53px; width:100%; padding:10px 0; display:none; border: 1px solid #ddd;}
.family-site ul li a{display:block; padding:7px 20px; color:#999; font-weight:300;}
.family-site ul li a:hover{color:#333;}

.review-slider .slick-slide{padding:5px;}











@media screen and (max-width:1240px){
.wr{width:100%; padding:0 0 0 20px;} 

	 
}



@media screen and (max-width:768px){

.sec-header .logo{left:30px;}
.btn-category,.btn-category.map{right:40px;}
.gap{height:85px; }
.sub_gap{height:85px; }

#sitemap{  background:#fff; }
#sitemap > ul > li{width:100%; } 

.main_title{font-size:23px;}
.main_title:before{left:47.5%; }	

.jsright{margin-top:-62%;}
.jsright1{margin-top:-60%;}


	
}




@media screen and (max-width:650px){

.sec-header .logo{ left:15px; top:7px;}
.sec-header.on .logo{left:15px; top:7px;}
.btn-category, .btn-category.map{right:20px;}
.sec-header{height:70px;}
	
.btn-category .bar{background:#000;}
#sitemap{top:70px; height: calc(100% - 70px);}
.btn-category{top:23px;}
    
.gap{height:85px; }
.sub_gap{height:78px; }
.main_t_btn p{float:none; width:100%; display:block;}
.main_t_btn p:first-child{margin-right:0; margin-bottom:2%;}
.main_t_btn p a{padding:3% 0;}
.main_t_btn p a img{width:65%;}

#main .main-slide .slick-dots{bottom:70px;}
#main .main-visual .slide-text p{font-size:20px;}
#main .main-visual .slide-text .wr{padding-left:10px;}
#main .main-visual .slide-text a{margin:40px 0 0;}
#main .main-visual .slide-text p b{font-size:1.3em;}
#main .main-slide .slick-prev{left:5%;}
#main .main-slide .slick-next{right:5%;}
#main .main-slide .slick-arrow{width:20px; background-size:100%;}
#main .main-visual .slide-text img{width:40px;} 
#main .visual-notice h3{padding:10px; max-width:100px; font-size:14px;}
#main .bbs-slider{width: calc(100% - 110px); padding:10px 0; font-size:14px;}
#main .visual-notice .wr{padding:0;}
#main .bbs-slider .slick-arrow{display:none !important;}
#main .cont-wr{padding:80px 0;}
	
.sec-footer{font-size:13px;}

.jsright{margin-top:-58%;}
.jsright1{margin-top:-55%;}
.main_title:before{left:47.5%; }	


.charge_p{padding:10% 0;}
.charge_p img{width:60%;}

#sitemap > ul > li a{padding:3% 0 3.3% 0;}
#sitemap .sitemap_member p a{padding:5% 0 5.5% 0;}


}

@media screen and (max-width:480px){
.jsright{margin-top:-46%;}
.jsright1{margin-top:-52%;}
.main_title:before{left:46.5%; }	

.main_t_btn p a{padding:2.5% 0;}

#sitemap > ul > li h2 a{font-size:19px; }
#sitemap > ul > li a{padding:4% 0 4.3% 0;}
}