body{background:#fff;color:#333;}
.nanumsquare { font-family: 'NanumSquare', sans-serif !important; }

#main{text-align: center;background: #fff;padding: 80px 0px 0;}


#head .main_img{background: url("../images/main_bnr.jpg") no-repeat;background-position: center;background-size: cover;position: relative;}
/*#head .main_img div {position: absolute;top: 60%;color: #fff;left: 50%;transform: translateX(-50%) translateY(-60%);font-size: 36px;text-transform: uppercase;text-align: center;text-shadow: 2px 2px 2px #0e0e0e;}*/
#head .main_img > img{height: 641px;opacity: 0;}

#head .main_img .main_txt{transform: translateX(-50%) translateY(-54%);top: 54%;left: 50%;position: absolute;max-width: 1240px;width: 100%;padding: 0 20px;}
#head .main_img .main_txt div{}
#head .main_img .main_txt div img{max-width: 140px;margin-right: 15px;vertical-align: top;}
#head .main_img .main_txt div p{display: inline-block;font-size: 26px;color: #fff;font-weight: 300;}
#head .main_img .main_txt div p span{font-size: 18px;background: #234CAA;width: 100px;display: block;text-align: center;border-radius: 50px;padding: 2px 0;margin-bottom: 2px;}
#head .main_img .main_txt h2{font-size: 45px;margin: 0;color: #fff;font-weight: 500;text-shadow: 1px 1px 0 #a0a0a0;}
#head .main_img .main_txt .w{margin-top: 13px;}
#head .main_img .main_txt .b{color: #234caa;}

#main .main_title h2{display: flex;flex-basis: 100%;align-items: center;font-size:50px;padding: 70px 0px 40px;font-weight:800;max-width: 1200px;margin: 0 auto;}
#main .main_title h2::after {content: "";flex-grow: 1;background: #333;height: 2px;font-size: 0px;line-height: 0px;margin: 0px 0px 0 20px;}	


#main .main_sub2 .main_title h2{font-size:35px;}
#main .main_sub2 .main_title h2 img{margin-left:10px}

#main .main_sub_font .main_title h2{font-size:35px;}	

#main .main_sub1{text-align: center;max-width: 1240px;margin: 0 auto;padding:0 20px}
#main .main_sub1 .a1 img{width:100%;box-shadow: 1px 6px 5px 0px rgba(0, 0, 0, 0.16);}
#main .main_sub1 .a1 img.pc{display:inline;}
#main .main_sub1 .a1 img.mo{display: none;}

#main .main_sub1 .a2{}
#main .main_sub1 .a2 .news{display: inline-block;vertical-align: top;padding-right: 10px;width: 50%;text-align: left;}
#main .main_sub1 .a2 .news h1{font-size: 22px;font-weight: 500;margin-bottom: 20px;}
#main .main_sub1 .a2 .news h1 span{color: #fff;background: #254EAB;display: inline-block;margin-right: 10px;padding: 3px 19px;}
#main .main_sub1 .a2 .news ul{}
#main .main_sub1 .a2 .news ul li{padding: 9px 20px;border-bottom: 1px solid #E1E1E1;}
#main .main_sub1 .a2 .news ul li:last-child{border-bottom:none}
#main .main_sub1 .a2 .news ul li .date{display: inline-block;font-size: 14px;vertical-align: middle;font-family: 'NanumSquare', sans-serif !important;font-weight:700;margin-right: 35px;}
#main .main_sub1 .a2 .news ul li .date span{font-size: 35px;display: block;line-height: 35px;font-weight:800;}
#main .main_sub1 .a2 .news ul li .txt{display: inline-block;font-size: 19px;color: #666666;}


#main .main_sub1 .a2 .news ul li .txt-box{display: inline-block;font-size: 16px;color: #666666;margin-top:10px;}


#main .main_sub1 .a2 .news ul li .txt span{font-size: 14px;color: red;}
#main .main_sub1 .a2 .img{display: inline-block;vertical-align: top;padding-left: 10px;width: 50%;}
#main .main_sub1 .a2 .img img{border: 1px solid #F6F6F6;width:100%;}

#main .main_sub2{text-align: center;background-color:#F4F4F4;margin: 75px 0 0;}
#main .main_sub2 .main_sub2_cont{max-width: 1266px;margin: 0 auto;padding: 0 20px 70px;}
#main .main_sub2 .main_sub3_cont{max-width: 1270px;}
#main .main_sub2 .main_sub4_cont{padding-bottom:140px;}

#main .main_sub2 .a3{}
#main .main_sub2 .a3 ul{}
#main .main_sub2 .a3 ul li{display: inline-block;width: 25%;padding: 0 13px;vertical-align:top;}

#main .main_sub2 .main_sub3_cont .a3 ul li{width:33.3333334%;padding: 0 15px;}

#main .main_sub2 .a3 ul li > a > div{box-shadow: 1px 6px 5px 0px rgba(0, 0, 0, 0.16);}
#main .main_sub2 .a3 ul li div .txt{text-align: left;background: #fff;padding: 20px 15px 20px 23px;max-height: 114px;height: 114px;}
#main .main_sub2 .a3 ul li div .txt p{font-size: 17px;margin-bottom: 13px;line-height: 23px;}
#main .main_sub2 .a3 ul li div .txt h1{margin: 0;font-size: 14px;font-weight: 400;color: #234caa;}
#main .main_sub2 .a3 ul li div div{overflow:hidden;}
#main .main_sub2 .a3 ul li div img{width: 100%;transition:.3s}
#main .main_sub2 .a3 ul li div img:hover{transform:scale(1.1);}

#main .main_sub1 .a4{display: table;}
#main .main_sub1 .a4 .notice{display: table-cell;width: 49%;vertical-align: top;height: 100%;border-bottom: 1px solid #e1e1e1;padding-right: 0;background: url("../images/main_04.png") no-repeat;background-position: 94% 75%;}
#main .main_sub1 .a4 .notice h2{text-align: left;background: #195B87;color: #fff;font-size: 22px;margin: 0;padding: 9px 26px;}
#main .main_sub1 .a4 .notice ul{text-align: left;padding: 0px 0;}
#main .main_sub1 .a4 .notice li{padding: 17px 25px 0;}
#main .main_sub1 .a4 .notice li a{font-size: 19px;color: #666;}
#main .main_sub1 .a4 .b1_img1{display: table-cell;width: 50%;padding-right: 10px;}
#main .main_sub1 .a4 .b1_img2{display: table-cell;width: 50%;padding-left: 10px;}
#main .main_sub1 .a4 .b1_img img{width: 100%;}



/*a5 -> notice*/
#main .main_sub1 .a5 .notice{display: table-cell;width: 51%;vertical-align: top;height: 100%;border-bottom: 1px solid #e1e1e1;padding-right: 10px;background: url("../images/main_04.png") no-repeat;background-position: 94% 75%;}
#main .main_sub1 .a5 .notice h2{text-align: left;background: #195B87;color: #fff;font-size: 22px;margin: 0;padding: 9px 26px;}
#main .main_sub1 .a5 .notice ul{text-align: left;padding: 0px 0;}
#main .main_sub1 .a5 .notice li{padding: 17px 25px 0;}
#main .main_sub1 .a5 .notice li a{font-size: 19px;color: #666;}


#main .main_sub1 .a5 .notice .img_area {display: table-cell;width: 49%;vertical-align: top;height: 100%;text-align:right; }



/*#main .main_sub1 .a5{height: 100%;display: flex;}*/
#main .main_sub1 .a5{height: 100%;display: table; width:100%;}
/*
#main .main_sub1 .a5 .a5_cont{width: 50%;padding-right: 7px;order: 2;}
#main .main_sub1 .a5 .a5_cont > div{display:flex;}
#main .main_sub1 .a5 .a6_cont{padding-right: 0;padding-left: 7px;}
#main .main_sub1 .a5 .a5_cont .color_area{background: #6087E2;color: #fff;vertical-align: top;width: 46.37%;order: 1;padding: 2em;position:relative;}
#main .main_sub1 .a5 .a6_cont .color_area{background: #E66A6A;}
#main .main_sub1 .a5 .a5_cont .color_area > div{width:100%;position:relative;height: 100%;}
#main .main_sub1 .a5 .a5_cont .color_area > div > div{position:absolute;transform: translateX(-50%) translateY(-50%);top:50%;left:50%;width:100%}
#main .main_sub1 .a5 .a5_cont .color_area div h2{font-size: 30px;font-weight: 300;margin: 0 0 25px;}
#main .main_sub1 .a5 .a5_cont .color_area div div div{font-size: 18px;border: 1px solid #Fff;padding: 7px 0;font-weight: 300;}
#main .main_sub1 .a5 .a5_cont .color_area div div div a{color:#fff;font-size: 18px;}
#main .main_sub1 .a5 .a5_cont .img_area{position: relative;width: 53.63%;order: 2;padding: 0;background: url("../images/main_05.jpg");}
#main .main_sub1 .a5 .a6_cont .img_area{background: url("../images/main_06.jpg");width: 100%;background-size: 100%;}
#main .main_sub1 .a5 .a5_cont .img_area img{width: 100%;opacity: 0;}
#main .main_sub1 .a5 .a5_cont .img_area p{position: absolute;top: 65%;color: #fff;left: 50%;font-size: 18px;transform: translateX(-50%) translateY(-65%);width: 65%;font-weight: 300;display: inline-block;border-bottom: 1px solid #6087E2;padding-bottom: 7px;}
#main .main_sub1 .a5 .a6_cont .img_area p{border-bottom: 1px solid #E66A6A;}
*/


@media(max-width:1270px){
	#main .main_sub2 .a3 ul li div .txt p{font-size: 15px;}
}
@media(max-width:1200px){
	#main .main_sub1 .a2 .news ul li .date{margin-right:20px}
	#main .main_sub1 .a2 .news ul li .txt{font-size:16px}

	#main .main_sub1 .a4 .notice{background-size:20%}
}
@media(max-width:1140px){
	#main .main_sub2 .a3 ul li div .txt p{font-size: 13px;line-height:20px}
}
@media(max-width:991px){
	#main{padding: 50px 0px 0;}
	#head .main_img > img{height:500px}
	#head .main_img .main_txt {transform: translateX(-50%) translateY(-50%);top: 50%;}
	#head .main_img .main_txt .w {text-shadow: 1px 1px 0 #292929;}
	#main .main_sub1 .a2 .news h1 {font-size: 19px;}
	#main .main_sub1 .a2 .news ul li {padding: 9px 0px 9px 15px;}
	#main .main_sub1 .a2 .news ul li .date {margin-right: 15px;font-size: 12px;}
	#main .main_sub1 .a2 .news ul li .date span {font-size: 30px;}
	#main .main_sub1 .a2 .news ul li .txt {font-size: 14px;}
	
	#main .main_sub2 .a3 ul li{width:50%;margin:13px 0;}
	#main .main_sub2 .main_sub3_cont .a3 ul li{padding:0 8px;}
	#main .main_sub2 .a3 ul li div .txt p{font-size:14px}x

	#main .main_sub1 .a4 .notice h2{font-size: 21px;padding: 9px 30px;}
	#main .main_sub1 .a4 .notice li {padding: 7px 25px;}
	#main .main_sub1 .a4 .notice li a {font-size: 17px;}

	#main .main_sub1 .a5 .a5_cont .color_area div h2 {font-size: 23px;}
	#main .main_sub1 .a5 .a5_cont .color_area div div div {font-size: 16px;}
	#main .main_sub1 .a5 .a5_cont .img_area p{font-size: 15px;}
} 
@media(max-width:900px){
	
} 
@media(max-width:768px){ 
	#main {padding: 35px 0px;}
	#main .main_title h2{font-size: 30px;padding: 35px 0px 15px;} 
	#main .main_sub2 .main_title h2{font-size:30px}
	#main .main_sub_font .main_title h2{font-size:30px;}

	#main .main_sub2{margin:35px 0 0;}
	#main .main_sub2 .main_sub2_cont{padding:0 20px 35px}

	#main .main_sub1 .a2 .news{width:100%;padding: 0}
	#main .main_sub1 .a2 .img {width: 100%;margin-top: 35px;}
	#main .main_sub2 .main_sub3_cont .a3 ul li{width:100%;padding:0;margin:10px 0;}

	#main .main_sub1 .a4 {display: block;}
	#main .main_sub1 .a4 .notice{display:block;width:100%;margin-bottom: 25px;padding: 0;background-size: 16%;}
	#main .main_sub1 .a4 .notice h2{font-size: 21px;padding: 9px 40px;}
	#main .main_sub1 .a4 .notice li{padding: 14px 25px;}
	#main .main_sub1 .a4 .notice li a{font-size: 19px;}
	#main .main_sub1 .a4 .b1_img{display:block;width:100%;padding: 0;}

	#main .main_sub1 .a5{display:block;}
	#main .main_sub1 .a5 .a5_cont{width:100%;padding:0;margin:20px 0;}

}  
@media(max-width:648px){
	#head .main_img > img {height: 300px;}
	#head .main_img .main_txt div img {max-width: 90px;}
	#head .main_img .main_txt div p{font-size: 19px;}
	#head .main_img .main_txt div p span {font-size: 14px;width: 71px;padding: 2px 0;}

	#main .main_sub1 .a1 img.pc{display:none;}
	#main .main_sub1 .a1 img.mo{display:inline;}

	#main .main_sub2 .a3 ul li{width:100%;padding:0}
	#main .main_sub1 .a2 .news ul li .txt{font-size:13px;}
	#head .main_img .main_txt h2 {font-size: 30px;}
	
}
@media(max-width:500px){
	#main .main_sub1 .a4 .notice{background-size:20%}
	#main .main_sub1 .a4 .notice ul {padding: 10px 0;}
	#main .main_sub1 .a4 .notice li {padding: 8px 25px;}
}