@charset "utf-8";


body,html{overflow:hidden}

#homepg{opacity:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#homepg.open{opacity:1;}

header{z-index:999;position:fixed;top:0;left:0;min-width:1200px;width:100%;height:100px;font-size:0;box-sizing:border-box;background:#20406c}
.header{position:relative;width:1200px;margin:0 auto;}
.header h1{position:absolute;top:33px;left:0;}
.header h1 a{display:block;width:278px;height:38px;background:url(../../common/images/logo.png) no-repeat 50% 50%;}
.header h2{display:none}
.gnb ul{padding-top:35px;text-align:right;}
.gnb ul li{position:relative;display:inline-block;}
.gnb ul li~li{margin-left:80px;}
.gnb ul a{display:block;font-size:18px;color:#a8b6c9;font-family:'NotoB';-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.gnb ul .active a{color:#fff}

.section{z-index:11;position:relative;width:1200px;min-height:100%;margin:0 auto;background:#fff}
.section h2{padding-top:100px;margin-bottom:20px;font-size:24px;color:#254672;font-family:'NotoB';}

.section.set1{padding-top:100px}
.section.set1 p{line-height:32px;}

.section.set2{}
.section.set2 .cons .list{overflow:hidden;position:relative;left:-15px;width:1230px;}
.section.set2 .list li{position:relative;float:left;width:33.3%;}
.section.set2 .list li div{position:relative;margin:15px;}
.section.set2 .list li img{width:100%;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.section.set2 .list li a{overflow:hidden;position:relative;display:block;}
.section.set2 .list li p{opacity:0;position:absolute;left:0;bottom:0;width:100%;height:100%;padding:30px 0 0 30px;box-sizing:border-box;background:rgba(00, 00, 00 , .7);-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;}
.section.set2 .list li p span{position:relative;display:block;font-size:14px;color:#fff;-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;}
.section.set2 .list li p .tit{top:-20px;font-size:24px;font-family:'NotoB';}
.section.set2 .list li p .part{top:20px;margin-top:20px;}
.section.set2 .list li p .memo{top:20px;}
.section.set2 .list li a:hover img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.section.set2 .list li a:hover p{opacity:1;background:rgba(0, 55, 131 , .8);}
.section.set2 .list li a:hover span{top:0 ! important;}

.shorting{position:relative;margin-bottom:15px;}
.shorting .more{position:absolute;top:0;right:0;color:#8da3c1}
.shorting ul{}
.shorting li{display:inline-block;}
.shorting li~li{margin-left:30px;}
.shorting li a{display:block;min-width:35px;padding:0 15px;line-height:32px;text-align:center;color:#999;}
.shorting li.on a{color:#fff;background:#254672;}

.section.set3 .map{min-height:550px;}
.section.set3 .txt{margin-top:30px;text-align:center;}
.section.set3 .txt span~span{margin-left:30px;}
.section.set3 .txt strong{color:#8da3c1;font-family:'NotoL';}

footer{margin-top:100px;padding:30px 0 95px 0;border-top:1px solid #e0e0e0}
footer p{position:relative;width:1200px;margin:0 auto;color:#999;font-size:14px;}
footer span{position:absolute;top:0;right:0;}

.sub_pg{padding-top:100px;}
.view_ui .cola{position:relative;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.view_ui .cola h3{padding:17px 200px 20px 0;font-size:32px;color:#5f7ea7;font-family:'NotoB';}
.view_ui .cola .data{position:absolute;top:33px;right:0;font-size:14px;color:#8da3c1;}
.view_ui .colb{padding:60px 0;}
.view_ui .colb p~p{margin-top:20px;line-height:32px;}
.view_ui .btn_block{position:relative;margin-top:60px;padding-top:25px;border-top:1px solid #ccc;}
.view_ui .btn_block span{position:absolute;top:25px;right:0;}
.view_ui .btn_block a{display:inline-block;font-size:0;}
.view_ui .btn_list{width:33px;height:33px;background:url(../../common/images/btn_list.png) no-repeat 0 50%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.view_ui .btn_list:hover{background-position:right 50%}
.view_ui .btn_prev{width:17px;height:33px;background:url(../../common/images/btn_prev.png) no-repeat 50% 50%;}
.view_ui .btn_nxt{width:17px;height:33px;margin-left:15px;background:url(../../common/images/btn_nxt.png) no-repeat 50% 50%;}

.paging{position:relative;z-index:9;text-align:center;margin-top:25px}
.paging *{vertical-align:top}
.paging ul{display:inline-block;margin:0 12px 0 10px}
.paging li{display:inline-block}
.paging li a,.paging li strong{display:inline-block;width:28px;height:26px;line-height:26px;color:#848484}
.paging li strong a,.paging ul li strong{color:#e45e5d}
.paging .first,.paging .prev,.paging .next,.paging .last{display:inline-block;width:28px;height:26px;font-size:0;}
.paging .first{background:url(../../common/images/btn_first.gif) no-repeat 0 0;}
.paging .prev{background:url(../../common/images/btn_prev.gif) no-repeat 0 0;}
.paging .next{background:url(../../common/images/btn_next.gif) no-repeat 0 0;}
.paging .last{background:url(../../common/images/btn_last.gif) no-repeat 0 0;}
.paging li:first-child a,.paging li:first-child strong{padding-left:0;margin-left:0}

.map_wrap {position:relative;overflow:hidden;width:100%;height:600px;}
.radius_border{border:1px solid #919191;border-radius:5px;}     
.custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '���� ���', sans-serif;}
.custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
.custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}   
.custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;} 
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}     
.custom_zoomcontrol span img {width:15px;height:15px;padding:12px 0;border:none;}             
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}          

@media only all and (max-width:1200px){ 
	header{min-width:100%;width:100%;}
	.header{width:100%;box-sizing:border-box;padding-right:30px;}
	.header h1{left:30px;}

	.section{min-width:auto;width:auto ! important;padding-left:30px;padding-right:30px;}
	.section .cons{width:auto;}
	.section.set2 .cons .list{width:auto;left:0;}

	footer p{width:auto;padding:0 30px;}
	footer span{display:block;position:static;}

	
	.view_ui .colb p img{width:100%}
}


@media only all and (max-width:780px){ 
	.header{padding-right:15px;}
	.header h1{left:15px;}
	.section{padding-left:15px;padding-right:15px;}
	
	.section.set2 .list li{width:33.3%;}
	.section.set2 .list li div{margin:5px;}

	.map_wrap{height:400px;}
}

@media only all and (max-width:750px){ 
	
	header{height:65px;}
	.header h1{top:15px;left:15px;}
	.header h1 a{width:130px;background-size:130px auto}

	.header h2.btn_menu{z-index:99;display:block;position:absolute;top:15px;right:15px;width:30px;height:30px;background:url(../../common/images/btn_menu.png) no-repeat 50% 50%;background-size:22px auto}


	.gnb{z-index:9999;position:fixed;top:0;left:-300px;width:300px;height:100%;background:rgba(00, 00, 00, .85);webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
	.gnb .btn_close{position:absolute;top:15px;right:15px;width:30px;height:30px;font-size:0;background:url(../../common/images/btn_menu_close.png) no-repeat 50% 50%;background-size:cover}
	.gnb.open{left:0;}
	.gnb ul{padding-top:80px;}
	.gnb ul li{display:block;text-align:center;}
	.gnb ul li~li{margin:20px 0 0 0}
	.gnb ul a{color:rgba(255, 255, 255, .7);}
	.gnb ul li a{font-size:16px;}
	
	.section{padding-left:12px;padding-right:12px;}
	.section h2{padding-top:40px;font-size:21px;}

	.section.set1{padding-top:65px;}
	.section.set1 p{line-height:22px;}
	
	.section.set2 .list{margin-top:30px;}
	.section.set2 .list li div{margin:5px;}
	.section.set2 .list li{width:50%}
	.section.set2 .list li p{padding:10px;}
	.section.set2 .list li p .tit{font-size:16px;}
	.section.set2 .list li p .part{margin-top:5px;}
	.section.set2 .list li p span{font-size:12px;}

	.shorting{padding-bottom:20px;}
	.shorting li~li{margin-left:4px;}
	.shorting li a{padding:0 5px;margin-bottom:5px;}
	.shorting .more{top:auto;bottom:0}

	.section.set3 .txt span{display:block;}
	.section.set3 .txt span~span{margin:0}
	.section.set3 .map{min-height:350px;}

	.sub_pg{padding-top:65px;}

	footer{padding:20px 0;margin-top:60px;}
	footer p{padding:0 12px;font-size:11px;}

	.view_ui .cola h3{font-size:16px;padding-bottom:38px;padding-right:0;}
	.view_ui .cola .data{top:auto;bottom:12px;}
	.view_ui .colb{padding:20px 0}
	.view_ui .btn_block{margin-top:30px;}
	.view_ui .colb p~p{line-height:22px;}

	.map_wrap{height:250px;}

}

@media only all and (max-width:480px){ 
	section.set2 .list li div{margin:0;}
	.section.set2 .list li{width:100%}
	.section.set2 .list li~li{margin-top:10px;}
}