@charset "utf-8";

html{height:100%;}
body{height:100%;min-width:320px;overflow-x:hidden}
#container{border-top:1px solid #2e9dab;}

/* Section css*/
#sectionbox{max-width:1240px;height:auto;position:relative;margin:0 auto;padding:0 20px;}
.all_contbox{position:relative;overflow:hidden;height:0;}/*div.contbox 공통 코드*/
.all_box_cont{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;}/*div.box_cont 공통 코드*/
#sectionbox .contbox1 .box_cont1{background:#66b5b9;}/*Section Box 1번 배경 */
#sectionbox .contbox2 .box_cont2{background:#f0f0f0;}/*Section Box 2번 배경 */
#sectionbox .contbox3 .box_cont3{background:#e48e93;}/*Section Box 3번 배경 */
#sectionbox .contbox4 .box_cont4{background:#c1c1ed;}/*Section Box 4번 배경 */
#sectionbox .contbox5 .box_cont5{background:#8aadd6;}/*Section Box 5번 배경 */
#sectionbox .contbox6 .box_cont6{background:#dfb38e;}/*Section Box 6번 배경 */
#sectionbox .contbox7 .box_cont7{background:#fbeccb ;}/*Section Box 7번 배경 */
#sectionbox .contbox8 .box_cont8{background:#bfcfa3}/*Section Box 8번 배경 */
#sectionbox .contbox9 .box_cont9{background:#fff}/*Section Box 9번 배경 */

#sectionbox .contbox1{float:left;width:40%;padding-bottom:40%;}
#sectionbox .contbox2{float:left;width:60%;padding-bottom:20%;} 
#sectionbox .contbox3{float:left;width:20%;padding-bottom:20%;}
#sectionbox .contbox4{float:left;width:40%;padding-bottom:20%;}
#sectionbox .contbox5{clear:both;float:right;width:40%;padding-bottom:40%;}
#sectionbox .contbox6{float:left;width:20%;padding-bottom:20%;}
#sectionbox .contbox7{float:left;width:40%;padding-bottom:20%;}
#sectionbox .contbox8{float:right;width:20%;padding-bottom:20%;}
#sectionbox .contbox9{float:left;width:40%;padding-bottom:20%;}

/* contbox1  */ 
#sectionbox .contbox1 .text_box{color:#fff;width:100%;height:100%;padding:8%;float:left;position:relative;}
#sectionbox .contbox1 .text_box > li{width:100%;float:left;height:30%;font-size:33px;letter-spacing:-1px;overflow:hidden;} 
#sectionbox .contbox1 .text_box > .text_1{font-size:95px;letter-spacing:0px;} 
#sectionbox .contbox1 .text_box > .text_2{height:15%;font-weight:300;} 
#sectionbox .contbox1 .text_box > .text_3{padding-top:20px;}   
#sectionbox .contbox1 .text_box > .text_4{position:relative;height:25%;}  
#sectionbox .contbox1 .text_box > .text_4:before{position:absolute;content:"\f212";font-family:'FontAwesome';bottom:0;left:0;font-size:90px;}
#sectionbox .contbox1 .text_box > .text_4 > span{position:absolute;font-size:24px;line-height:35px;bottom:10px;left:120px;}  

/* contbox2  */
#sectionbox .contbox2 .box_cont2{padding-top:5%}
#sectionbox .contbox2 .box_cont2 img{width:100%;max-height:150px;max-width:630px}
#sectionbox .contbox2 .box_cont2 .owl-page span{background:#7f7f7f !important;}

/* contbox4 */
#sectionbox .contbox4 .box_cont4{padding:5%}
#sectionbox .contbox4 .tabs{position:relative;overflow:hidden;width:100%;font-size:16px;font-weight:600;} 
#sectionbox .contbox4 .tabs nav{margin:0;}
#sectionbox .contbox4 .tabs nav > ul{position:relative;display:table;}
#sectionbox .contbox4 .tabs nav > ul > li{position:relative;;display:block;text-align:center;float:left}
#sectionbox .contbox4 .tabs nav > ul > li > a{position:relative;display:block;padding:6px 12px;margin-right:10px;background:#7979ba;color:#fff;transition:background-color 0.2s, color 0.2s;}
#sectionbox .contbox4 .tabs nav > ul > li > a:hover, .tabs nav > ul > li > a:focus{background:#37379f;}
#sectionbox .contbox4 .tabs nav ul li.tab-current a{background:#37379f;color:#fff;}
#sectionbox .contbox4 .tabs_cont{position:relative;}
#sectionbox .contbox4 .tabs_cont section{display:none;padding-top:4%}
#sectionbox .contbox4 .tabs_cont section.content-current{display:block;}
#sectionbox .contbox4 .news_more{position:absolute;top:-41px;right:0px;color:#37379f;font-size:34px;}
.owl-carousel a{color:#000}
.owl-carousel a > span{margin-top:5px;font-size:13px;display:inline-block;width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.owl-carousel p > a > img{max-height:95px;background:rgba(255, 255,255,0.5 );} 
.owl-theme .owl-controls .owl-page span{background:#fff !important;}

/* contbox5 */
#sectionbox .contbox5 .box_cont5{padding:5%}
#sectionbox .contbox5 h3{font-size:30px;color:#fff;font-weight:600;}
#sectionbox .contbox5 .quick_box{padding-top:6% }
#sectionbox .contbox5 .quick_box > li{width:33.3%;float:left; text-align:center;margin-bottom:3%;padding:0 2%}
#sectionbox .contbox5 .quick_box > li:nth-child(3n+1){clear:both;float:left;}     
#sectionbox .contbox5 .quick_box > li > a{color:#fff}
#sectionbox .contbox5 .quick_box > li  i{display:inline-block;width:75px;height:75px;line-height:75px;background:#a3bedf;color:#fff;border-radius:50%;font-size:40px;text-align:center}
#sectionbox .contbox5 .quick_box > li  span{display:inline-block;font-weight:600;width:100%;height:38px;font-size:14px;text-align:center;padding-top:5%;overflow:hidden;}
#sectionbox .contbox5 .quick_box > li > a:hover > i{color:#577aa3;background:#d7e3f1;}
#sectionbox .contbox5 .quick_box > li > a:hover > span{color:#002d62;}

/* contbox7 */
#sectionbox .contbox7 .box_cont7{padding:5%;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';}
#sectionbox .contbox7 .tabs{position:relative;overflow:hidden;width:100%;height:100%;font-size:30px;font-weight:600;}
#sectionbox .contbox7 .tabs nav{margin-bottom:10px }
#sectionbox .contbox7 .tabs nav > ul{position:relative;display:table;}
#sectionbox .contbox7 .tabs nav > ul > li{position:relative;;display:block;text-align:center;float:left;}
#sectionbox .contbox7 .tabs nav > ul > li > a{position:relative;display:block;padding:0;font-weight:600;margin-right:10px;background:#fff;color:#eda468;background:none; }
#sectionbox .contbox7 .tabs nav > ul > li > a:hover, .tabs nav > ul > li > a:focus{color:#eda468;}  
#sectionbox .contbox7 .tabs nav ul li.tab-current a{background:none;color:#eda468;}
#sectionbox .contbox7 .tabs_cont{position:relative;}
#sectionbox .contbox7 .tabs_cont section{display:none;	padding:0}
#sectionbox .contbox7 .tabs_cont section.content-current{display:block;padding:0;}
#sectionbox .contbox7 .tabs_cont .board_tab{overflow:hidden;}
#sectionbox .contbox7 .tabs_cont .board_tab li{float:left;width:100%;margin-bottom:4px;}
#sectionbox .contbox7 .tabs_cont .board_tab li a{color:#393939;}
#sectionbox .contbox7 .tabs_cont .board_tab li a:hover{color:#f48188;} 
#sectionbox .contbox7 .tabs_cont .board_tab li span.news_title{float: left;display:inline-block;width:calc(100% - 90px);font-size:14px;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;}
#sectionbox .contbox7 .tabs_cont .board_tab li span.news_title a{float:left;display:inline-block;width:auto;max-width:calc(100% - 40px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:5px;}
#sectionbox .contbox7 .tabs_cont .board_tab li span.news_title a:before{content:"\f027";font-family:'FontAwesome';color:#f48188;opacity:0.7;} 
#sectionbox .contbox7 .tabs_cont .board_tab li span.news_title span.m_new{display:inline-block;font-size:10px;padding:0px 5px;border-radius:30px;color:#fff;background:#eda468;vertical-align:1px;}
#sectionbox .contbox7 .tabs_cont .board_tab li span.news_data{float:right;display:inline-block;font-size:12px;color:#666;width:85px;margin-top:2px;text-align:right;}
#sectionbox .contbox7 .news_more{position:absolute;top:-54px;right:0px;color:#eda468;font-size:34px;}

/* 공통 - iconbox */
.all_contbox .icon_box{padding:10%}
.all_contbox .icon_box:hover{opacity:0.9;} 
.all_contbox .icon_list{position:relative;width:100%;height:100%;color:#fff;}
.all_contbox .icon_list > li{position:absolute;}
.all_contbox .icon_list .icon_title{font-size:32px;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;top:0;left:0;}   
.all_contbox .icon_list .icon_icon{font-size:65px;text-align:right;bottom:-10px;right:0;}

/* Banner css*/
#bannerbox{clear:both;width:100%;padding:15px 0;}
#bannerbox > div{max-width:1240px;margin:0 auto;padding:0 20px;}
#bannerbox > div ul li > a{margin-bottom:0}
#bannerbox > div ul li > a.thumbnail:hover{border-color:#2e9dab}
#bannerbox .owl-theme .owl-controls{margin-top:0 !important;}

/*Footer*/
#footer{border-top-color:rgba(46, 157, 171, 1);} 
.foot_addr_box > .addr_list > ul > li > i , .foot_addr_box > .addr_list > ul > li > span{color:rgba(46, 157, 171, 1);} 
.foot_addr_box > .two_addr{border-color:rgba(46, 157, 171, 1);}
.foot_addr_box .addr_list_open > i	{background:rgba(46, 157, 171, 1);}
.foot_addr_box .addr_list_close{background:rgba(46, 157, 171, 1);}
.copyright{color:rgba(46, 157, 171, 1);}
.foot_link > fieldset > button{background:rgba(46, 157, 171, 1);}  
.foot_count > ul > li > span{background:rgba(224, 237,238, 0.5);}

@media (max-width:1160px){
/* contbox1  */ 
#sectionbox .contbox1 .text_box > li{font-size:28px;}  
#sectionbox .contbox1 .text_box > .text_1{font-size:80px;}  
#sectionbox .contbox1 .text_box > .text_4:before{font-size:80px;} 
#sectionbox .contbox1 .text_box > .text_4 > span{font-size:22px;line-height:normal;left:100px;}     

/* contbox7  */ 
#sectionbox .contbox7 .tabs_cont .board_tab li{margin-bottom:2px;}
} 


@media (max-width:1000px){
/* contbox1  */ 
#sectionbox .contbox1 .text_box > li{font-size:27px;}
#sectionbox .contbox1 .text_box > .text_1{font-size:75px;}  
#sectionbox .contbox1 .text_box > .text_4:before{font-size:75px;} 
#sectionbox .contbox1 .text_box > .text_4 > span{font-size:20px;line-height:normal;left:90px;}     
}

@media (max-width:960px){
/* contbox1  */ 
#sectionbox .contbox1 .text_box > li{font-size:25px;} 
#sectionbox .contbox1 .text_box > .text_1{font-size:70px;}  
#sectionbox .contbox1 .text_box > .text_3{padding-top:10px;}    
#sectionbox .contbox1 .text_box > .text_4:before{font-size:55px;}
#sectionbox .contbox1 .text_box > .text_4 > span{font-size:19px;bottom:0px;left:80px;}     
/* contbox5  */ 
#sectionbox .contbox5 .quick_box > li  span{line-height:15px;}

/*footer*/
.copyright{background:rgba(46, 157, 171, 1);color:#fff;}
}
@media (max-width:900px){
/* contbox1  */ 
#sectionbox .contbox1 .text_box > li{font-size:23px;} 
#sectionbox .contbox1 .text_box > .text_1{font-size:62px;}  
#sectionbox .contbox1 .text_box > .text_4:before{font-size:50px;}
#sectionbox .contbox1 .text_box > .text_4 > span{font-size:17px;left:70px;}    

/* contbox7  */ 
#sectionbox .contbox7 .tabs_cont .board_tab li{margin-bottom:3px;} 
}
@media (max-width:800px){
/* contbox1  */ 
#sectionbox .contbox1 .text_box > li{font-size:21px;} 
#sectionbox .contbox1 .text_box > .text_1{font-size:60px;} 
#sectionbox .contbox1 .text_box > .text_4:before{font-size:45px;}
#sectionbox .contbox1 .text_box > .text_4 > span{font-size:16px;left:60px;}    

/* contbox7  */ 
#sectionbox .contbox7 .tabs_cont .board_tab li{margin-bottom:2px;}
}
@media (max-width:767px){
/* contbox1  */ 
#sectionbox .contbox1 .text_box > li{font-size:19px;} 
#sectionbox .contbox1 .text_box > .text_1{font-size:50px;}  
#sectionbox .contbox1 .text_box > .text_3{padding-top:5px;}   
#sectionbox .contbox1 .text_box > .text_4:before{font-size:43px;}
#sectionbox .contbox1 .text_box > .text_4 > span{font-size:15px;left:57px;}
/* contbox7  */  
#sectionbox .contbox7 .tabs_cont .board_tab li span.news_title{width:100%;}
#sectionbox .contbox7 .tabs_cont .board_tab li:nth-child(6){display:none;} 
#sectionbox .contbox7 .tabs_cont .board_tab li span.news_data{display:none;}
}
 
@media (max-width:639px){  
#container{border-top:none;}  

/* Header css*/
#header{position:relative;width:100%;height:57px;}
#header .head_box h1{font-size:18px !important;}
#header .info_box .info_bar{padding:0 10px;}

/* Section css*/	 
#sectionbox{padding:0 10px;}
#sectionbox .contbox1{display:none;}
#sectionbox .contbox2{float:left;width:100%;padding-bottom:24%;z-index:5;} 
#sectionbox .contbox3{float:left;width:33%;padding-bottom:33%;}
#sectionbox .contbox4{float:left;width:100%;padding-bottom:55%;z-index:5;}
#sectionbox .contbox5{clear:none;float:right;width:100%;padding-bottom:100%;}
#sectionbox .contbox6{float:left;width:34%;padding-bottom:34%;margin-top:-188%;margin-left:33%;}
#sectionbox .contbox7{float:left;width:100%;padding-bottom:55%;}
#sectionbox .contbox8{float:right;width:33%;padding-bottom:34%;margin-top:-243%}
#sectionbox .contbox9{float:left;width:100%;padding-bottom:50%;}
/* contbox2  */
#sectionbox .contbox2 .box_cont2{padding:0;}
#sectionbox .contbox2 .box_cont2 img{width:100%;max-height:150px;max-width:100%;}
#sectionbox .contbox2 .box_cont2 .owl-page span{margin:3px 5px;} 
#sectionbox .contbox2 .owl-theme .owl-controls{position:absolute;bottom:0;width:100%;z-index:10;}
/* contbox4 */
#sectionbox .contbox4 .tabs{font-size:13px;}
#sectionbox .contbox4 .tabs nav > ul > li > a{padding:4px 7px;margin-right:8px;}
#sectionbox .contbox4 .tabs_cont section{display:none;padding-top:4%}
#sectionbox .contbox4 .news_more{top:-26px;right:0px; font-size:25px;}
.owl-carousel a > span{font-size:11px;}
.owl-carousel p > a > img{max-height:65px;}
#sectionbox .contbox4 .owl-theme .owl-controls{margin-top:0px}
/* contbox5 */
#sectionbox .contbox5 h3{font-size:17px;}
#sectionbox .contbox5 .quick_box{padding-top:6% }
#sectionbox .contbox5 .quick_box > li{padding:0 3%;}
#sectionbox .contbox5 .quick_box > li  i{width:40px;height:40px;line-height:40px;font-size:22px;}
#sectionbox .contbox5 .quick_box > li  span{font-size:11px;height:30px;}
/* contbox7 */
#sectionbox .contbox7 .tabs{font-size:17px;}
#sectionbox .contbox7 .tabs_cont .board_tab li{margin-bottom:5px;}
#sectionbox .contbox7 .tabs_cont .board_tab li:nth-child(6){display:block;} 
#sectionbox .contbox7 .tabs_cont .board_tab li span.news_title{font-size:11px;}
#sectionbox .contbox7 .tabs nav{margin-bottom:5px;}
#sectionbox .contbox7 .news_more{top:-27px;right:0px;font-size:25px;}
/* 공통 - iconbox */
.all_contbox .icon_list .icon_title{font-size:15px;}
.all_contbox .icon_list .icon_icon{font-size:30px; bottom:-5px;} 


/* Banner css*/
#bannerbox{padding:15px 0;}
#bannerbox > div{padding:0 8px;}

/*footer*/
.foot_link > fieldset > button{background:rgba(224, 237,238, 0.5);}
.foot_count_open > i{background:rgba(46, 157, 171, 1);}
.foot_count_close{background:rgba(46, 157, 171, 1);}
.no_count .foot_link > fieldset > button{background:rgba(46, 157, 171, 1);border-color:rgba(46, 157, 171, 1);}
}

@media (min-width:640px) and (max-width:767px){

#container{border-top:none;}  
	

/* Header css*/


#header{position:relative;width:100%;height:97px;}
#header .info_box .info_bar{padding:0 10px;}


/* Section css*/
	
#sectionbox{padding:0 10px;}
#sectionbox .contbox1{float:left;width:40%;padding-bottom:40%;}
#sectionbox .contbox2{float:left;width:60%;padding-bottom:20%;} 
#sectionbox .contbox3{float:left;width:20%;padding-bottom:20%;}
#sectionbox .contbox4{clear:both;width:60%;padding-bottom:30%;}
#sectionbox .contbox5{clear:none;float:right;width:40%;padding-bottom:50%;margin-top:-20%}
#sectionbox .contbox6{float:left;width:25%;padding-bottom:25%;}
#sectionbox .contbox7{float:left;width:50%;padding-bottom:25%;}
#sectionbox .contbox8{float:right;width:25%;padding-bottom:25%;}
#sectionbox .contbox9{display:none;}
/* contbox2  */
#sectionbox .contbox2 .box_cont2{padding-top:3%;}
#sectionbox .contbox2 .box_cont2 img{width:100%;max-height:150px;max-width:93%}
#sectionbox .contbox2 .owl-theme .owl-controls{margin-top:5px}
#sectionbox .contbox2 .owl-theme .owl-controls .owl-page span{width:10px;height:10px;}
/* contbox3  */
#sectionbox .contbox3 .icon_list .icon_title{font-size:20px;padding-bottom:34%;font-weight:600;text-align:left;}
#sectionbox .contbox3 .icon_list .icon_icon{font-size:40px;text-align:right;}
/* contbox4 */
#sectionbox .contbox4 .tabs{font-size:15px;}
#sectionbox .contbox4 .tabs nav > ul > li > a{padding:4px 8px;margin-right:10px;}
#sectionbox .contbox4 .tabs_cont section{display:none;padding-top:4%}
#sectionbox .contbox4 .news_more{top:-29px;right:0px; font-size:29px;}
#sectionbox .contbox4 .owl-carousel a > span{font-size:11px;}
#sectionbox .contbox4 .owl-carousel p > a > img{max-height:75px;}
#sectionbox .contbox4 .owl-theme .owl-controls{margin-top:5px;}
#sectionbox .contbox4 .owl-theme .owl-controls .owl-page span{width:10px;height:10px;}
/* contbox5 */
#sectionbox .contbox5 h3{font-size:22px;}
#sectionbox .contbox5 .quick_box{padding-top:6% }
#sectionbox .contbox5 .quick_box > li{padding:0 3%;}
#sectionbox .contbox5 .quick_box > li  i{width:45px;height:45px;line-height:45px;font-size:25px;}
#sectionbox .contbox5 .quick_box > li  span{font-size:10px;padding-top:5%;height:33px;}
/* contbox7 */
#sectionbox .contbox7 .tabs{font-size:22px;}
#sectionbox .contbox7 .tabs_cont .board_tab li span.news_title{width:100%;font-size:10px;padding:0}
#sectionbox .contbox7 .tabs_cont .board_tab li span.news_data{;font-size:10px;width:70px;}
#sectionbox .contbox7 .news_more{top:-38px;right:0px;font-size:29px;}
/* 공통 - iconbox */
.all_contbox .icon_list .icon_title{font-size:20px;}
.all_contbox .icon_list .icon_icon{font-size:40px;}


/* Banner css*/

#bannerbox > div{padding:0 10px} 
	 
} 
@media (min-width:768px) and (max-width:959px){
	   

/* Header css*/


#header{position:relative;width:100%;height:97px;}
#header .info_box .info_bar{padding:0 10px;}


/* Section css*/
	
#sectionbox{padding:0 10px;}
#sectionbox .contbox1{float:left;width:40%;padding-bottom:40%;}
#sectionbox .contbox2{float:left;width:60%;padding-bottom:20%;} 
#sectionbox .contbox3{float:left;width:20%;padding-bottom:20%;}
#sectionbox .contbox4{clear:both;width:60%;padding-bottom:30%;}
#sectionbox .contbox5{clear:none;float:right;width:40%;padding-bottom:50%;margin-top:-20%}
#sectionbox .contbox6{float:left;width:25%;padding-bottom:25%;}
#sectionbox .contbox7{float:left;width:50%;padding-bottom:25%;}
#sectionbox .contbox8{float:right;width:25%;padding-bottom:25%;}
#sectionbox .contbox9{display:none;}
/* contbox2  */
#sectionbox .contbox2 .box_cont2 img{width:100%;max-height:150px;max-width:90%}
#sectionbox .contbox2 .owl-theme .owl-controls{margin-top:0}
/* contbox3  */
#sectionbox .contbox3 .icon_list .icon_title{font-size:23px;padding-bottom:34%;font-weight:600;text-align:left;}
#sectionbox .contbox3 .icon_list .icon_icon{font-size:46px;text-align:right;}
/* contbox4 */
#sectionbox .contbox4 .tabs{font-size:15px;}
#sectionbox .contbox4 .tabs nav > ul > li > a{padding:5px 10px;margin-right:10px;}
#sectionbox .contbox4 .tabs_cont section{display:none;padding-top:4%}
#sectionbox .contbox4 .news_more{top:-37px;right:0px; font-size:30px;}
.owl-carousel a > span{font-size:11px;}
.owl-carousel p > a > img{max-height:95px;}
/* contbox5 */
#sectionbox .contbox5 h3{font-size:22px;}
#sectionbox .contbox5 .quick_box{padding-top:6% }
#sectionbox .contbox5 .quick_box > li{padding:0 5%;}
#sectionbox .contbox5 .quick_box > li  i{width:55px;height:55px;line-height:55px;font-size:30px;}
#sectionbox .contbox5 .quick_box > li  span{font-size:13px;padding-top:5%;height:35px;}
/* contbox7 */
#sectionbox .contbox7 .tabs{font-size:23px;}
#sectionbox .contbox7 .tabs_cont .board_tab li span.news_title{width:calc(100% - 70px);font-size:11px;}
#sectionbox .contbox7 .tabs_cont .board_tab li span.news_data{;font-size:10px;width:70px;}
#sectionbox .contbox7 .news_more{top:-47px;right:0px;font-size:30px;}
/* 공통 - iconbox */
.all_contbox .icon_list .icon_title{font-size:23px;}
.all_contbox .icon_list .icon_icon{font-size:46px;}


/* Banner css*/

#bannerbox > div{padding:0 9px 0 10px}   
}