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

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


#head .main_img{background: url("../images/main_bnr5.jpg") no-repeat center; background-color: #bbd2f4; background-size: cover;position: relative; height: 643px;}
#head .main_img2{background: url("../images/main_bnr5_.jpg") no-repeat center; background-color: #bbd2f4; 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{max-width: 1240px;width: 100%;padding: 0 20px;} */
#head .main_img .inner{display: flex; flex-direction:column; justify-content:center; align-items: flex-start; position: relative; max-width:1200px; height:100%; margin:0 auto; padding-top:96px; padding-left: 55px; padding-bottom:36px;}
/* #head .main_img .txt{position: absolute; top:50%; left:50px; transform:translateY(-50%);} */
#head .main_img .num{display:inline-block; padding: 4px 18px; color: #fff; font-size: 18px; font-weight: 300; text-align: center; border-radius:20px; background: #234CAA;}
#head .main_img .img{margin-top:32px;}
/* #head .main_img .main_txt div img{margin-left : 223px; position : relative; transform:translateY(-57px);} */
/* #head .main_img .main_txt div p{display: inline-block; width: 161px; padding: 1px 0; color: #fff; font-size: 18px; font-weight: 300; text-align: center; border-radius: 50px; background: #234CAA; } */
#head .main_img h2.w{margin:0; font-family:'ONE-Mobile-Regular', sans-serif; font-size:40px; color: #404146; font-weight: 500; line-height:1; letter-spacing:-0.02em; white-space:nowrap;}
#head .main_img h2.w.w1{margin-top:22px; margin-bottom:8px;}
#head .main_img h2.w.w2{color:#234CAA;}
#head .main_img h2.w b{font-size:1.125em;}
/* #head .main_img .main_txt h2.w .m_block{display:none;} */
/* #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 35px;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 .last {margin-bottom: 90px; }


#main .main_sub1 .a1{height: 100%;display: flex; }
#main .main_sub1 .a1 .a1_cont{width: 50%;padding-right: 7px;order: 2;}
#main .main_sub1 .a1 .a1_cont > div{display:flex;}
#main .main_sub1 .a1 .a1_cont2{padding-right: 0;padding-left: 7px;}
#main .main_sub1 .a1 .a1_cont .img_area{background: url("../images/main_07.jpg");width: 100%;background-size: 100%;}
#main .main_sub1 .a1 .a1_cont2 .img_area{background: url("../images/main_08.jpg");width: 100%;background-size: 100%;}
#main .main_sub1 .a1 .a1_cont .img_area img{width: 100%;opacity: 0;}


#main .main_sub1 .a2.row {padding:0px 12px;}
#main .main_sub1 .a2{margin-bottom:40px;}
#main .main_sub1 .a2:last-child{margin-bottom:0px;}
/*#main .main_sub1 .a2 .news{display: inline-block;vertical-align: top;padding-left: 10px;width: 50%;text-align: left;}
#main .main_sub1 .a2 .news h1{font-size: 22px;font-weight: 500;margin-bottom: 20px; padding-top: 10px;}
#main .main_sub1 .a2 .news h1 span{color: #fff;background: #254EAB;display: inline-block;margin-right: 10px;padding: 4px 10px; font-size: 18px;}
#main .main_sub1 .a2 .news ul{}
#main .main_sub1 .a2 .news ul li{ 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 .img1{padding-right: 10px; display: inline-block;vertical-align: top;width: 50%;}
#main .main_sub1 .a2 .img2{padding-left: 10px; display: inline-block;vertical-align: top;width: 50%;}
#main .main_sub1 .a2 .img img{border: 1px solid #F6F6F6;width:100%;}*/

/* #main .main_sub1 .a2 div {float:left; width: 50%; padding-left: 12px; text-align: left;} */
/* #main .main_sub1 .a2 table tr{ vertical-align: top; }
#main .main_sub1 .a2 .news table tr th div{width: 100px; line-height: 1; text-align: center; background: #254EAB; font-size: 19px;font-weight: 500; color: #FFF; padding:5px 0; margin-top: 4px;}
#main .main_sub1 .a2 .news table tr:first-child td{line-height: 1.2; font-size: 23px; font-weight: 500;}
#main .main_sub1 .a2 .news table tr:nth-child(2) td{padding-top: 24px;}
#main .main_sub1 .a2_blank {width: 100%; height: 10px; content: ""; display: block; clear: both;} */
#main .main_sub1 .a2 .news a{display:flex; float: none; width:100%;}
#main .main_sub1 .a2 .news .news_left{padding-right:17px;}
#main .main_sub1 .a2 .news .news_tit_icon{width: 100px !important; height:29px; margin-bottom:24px; padding:5px 0; line-height: 1; text-align: center; background: #254EAB; font-size: 19px;font-weight: 500; color: #FFF; }
#main .main_sub1 .a2 .news .news_tit{margin:0; min-height:50px; padding-bottom:10px; text-align:left; font-size:22px; letter-spacing: -1.2px; word-break:keep-all;}
#main .main_sub1 .a2 .news:nth-child(2) .news_tit{letter-spacing: 0px;}
#main .main_sub1 .a2 .news .news_cont{align-items:center;}
#main .main_sub1 .a2 .news .news_cont.news_tit_2line{margin-top:0px;}
#main .main_sub1 .a2 .news .news_cont.news_cont_v2{align-items:stretch;}
#main .main_sub1 .a2 .news .news_cont .news_img{margin-right:17px; text-align:center;}
#main .main_sub1 .a2 .news .news_txt{width:100%; text-align:left;}
#main .main_sub1 .a2 .news ol{list-style:none; margin:0;}
#main .main_sub1 .a2 .news ol li{margin-top:5px;}
#main .main_sub1 .a2 .news ol li:first-child{margin-top:0px;}
/* #main .main_sub1 .a2 .news .news_right{display:flex; flex-direction:column; justify-content: space-around;} */
#main .main_sub1 .a2 .news .news_right_v2 li{padding:10px; border-bottom:1px solid #c7c7c7}
#main .main_sub1 .a2 .news .news_right_v2 li:first-child{border-top:1px solid #c7c7c7}

#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 .a3 ul li{display: inline-block;width: 33.33334%; 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_sub2 .a3_2{}
#main .main_sub2 .a3_2 ul{display: flex; flex-wrap: wrap;}
#main .main_sub2 .a3_2 ul li{width: 50%;padding: 0 13px;vertical-align:top;}

#main .main_sub2 .a3_2 ul li>a{height: 100%;}

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

#main .main_sub2 .a3_2 ul li > a > div{height: 100%; box-shadow: 1px 6px 5px 0px rgba(0, 0, 0, 0.08);text-align: left;background: #fff;position: relative;}
#main .main_sub2 .a3_2 ul li div .txt{text-align: left;background: #fff;padding: 25px 15px 10px 23px;display: inline-block;width: 50%;vertical-align:top;}
#main .main_sub2 .a3_2 ul li div .txt p{font-size: 17px;margin-bottom:15px;line-height: 23px;}
#main .main_sub2 .a3_2 ul li div .txt h1{margin: 0;font-size: 14px;font-weight: 400;color: #234caa;}
#main .main_sub2 .a3_2 ul li div .txt h2{letter-spacing: -0.02em;}
#main .main_sub2 .a3_2 ul li div div{overflow:hidden;display: inline-block;width: 50%;vertical-align:middle;}
#main .main_sub2 .a3_2 ul li div img{width: 100%;transition:.3s}
#main .main_sub2 .a3_2 ul li div img:hover{transform:scale(1.1);}
#main .main_sub2 .a3_2 ul li div .txt .plus{position: absolute;right: 25px;bottom: 25px;display: inline-block;width: auto;color: #999;font-size:14px;}



#main .main_sub1 .a4{height: 100%;display: flex; }
#main .main_sub1 .a4 .a4_cont{width: 50%;margin-right: 10px;order: 2;}
#main .main_sub1 .a4 .a4_cont > div{display:flex;}
#main .main_sub1 .a4 .a4_cont2{padding-right: 0;margin-left: 10px;}
#main .main_sub1 .a4 .a4_cont .img_area{background: url("../images/main_03_.jpg");width: 100%;background-size: 100%;}
#main .main_sub1 .a4 .a4_cont2 .img_area{background: url("../images/main_03.jpg");width: 100%;background-size: 100%;}
#main .main_sub1 .a4 .a4_cont .img_area img{width: 100%;opacity: 0;}

#img1_1{
    background : url(../images/main_03.jpg);
}

#img1_2{
    background : url(../images/main_05.jpg);
}

#img1_3{
    background : url(../images/main_06.jpg);
}

#img2_1{
    background : url(../images/main_04_.jpg);
}

#img2_2{
    background : url(../images/main_04_2.jpg) ;
}

#img2_3{
    background : url(../images/main_04.jpg);
}



/*a5 -> notice*/

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


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

#main .main_sub1 .a5{height: 100%;display: flex; }
#main .main_sub1 .a5 .a5_cont{width: 50%;margin-right: 10px;order: 2; box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.16);}
#main .main_sub1 .a5 .a5_cont > div{display:flex;}
#main .main_sub1 .a5 .a6_cont{padding-right: 0;margin-left: 10px;}
#main .main_sub1 .a5 .a5_cont .img_area{width: 100%;background-size: cover; }
#main .main_sub1 .a5 .a6_cont .img_area{width: 100%;background-size: 100%;}
#main .main_sub1 .a5 .a5_cont .img_area img{width: 100%;opacity: 0;}

#main .main_sub1 .a7{height: 100%;display: flex; }
#main .main_sub1 .a7 .a7_cont{width: 50%;margin-right: 10px;order: 2; box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.16);}
#main .main_sub1 .a7 .a7_cont > div{display:flex;}
#main .main_sub1 .a7 .a8_cont{padding-right: 0;margin-left: 10px;}
#main .main_sub1 .a7 .a7_cont .img_area{background: url("../images/main_02_2.jpg");width: 100%;background-size: 100%;}
#main .main_sub1 .a7 .a8_cont .img_area{background: url("../images//main_02_3.jpg");width: 100%;background-size: 100%;}
#main .main_sub1 .a7 .a7_cont .img_area img{opacity: 0;}

.news1{padding-bottom: 26px;}

#main .cardnews{margin-left:5px; margin-right:5px;}
#main .cardnews>li{width:25%; padding-left:5px; padding-right:5px;}
#main .cardnews>li a{display: block; box-shadow: 2px 3px 5px 0px rgb(0 0 0 / 16%);}

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

#main .main_sub2 .main_sub3_cont .a7 ul li{width:33.3333334%;padding: 0 15px;}
#main .main_sub2 .a7 ul li div img{width: 100%;}
#main .main_sub2 .a7 ul li > a > div{box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.16);}
*/


@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%}

	#main .main_sub2 .a3_2 ul li div .txt h2{margin: 10px 0;}
	#main .main_sub2 .a3_2 ul li div .txt p {font-size: 15px;}
}
@media(max-width:1140px){
	#main .main_sub2 .a3 ul li div .txt p{font-size: 13px;line-height:20px}

    #main .cardnews>li{width:50%; padding-bottom:20px}
    #main .cardnews>li img{width:100%;}
}
@media(max-width:991px){
	#main{padding: 50px 0px 0;}
    #head .main_img .inner{padding-top:0; padding-left:40px; padding-bottom: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, #main .main_sub1 .a2 .news ul.new_right 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}

	#main .main_sub2 .a3_2 ul li div .txt .plus{display:none;}

	#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;}

	#main .main_sub2 .a7 ul li{width:50%;margin:13px 0;}
	#main .main_sub2 .main_sub3_cont .a7 ul li{padding:0 8px;}

    
} 
@media(max-width:900px){
	#main .main_sub2 .a7 ul li > a > div{ box-shadow: none; }

	#main .main_sub2 .a3_2 ul li div .txt h2 {margin: 6px 0;font-size: 17px;}
	#main .main_sub2 .a3_2 ul li div .txt p {font-size: 14px;line-height: 17px;}
} 
@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_sub1 .a2{margin-bottom:0}
	#main .main_sub1 .a2 .news table{ margin-bottom: 30px; }
    #main .main_sub1 .a2 .news{margin-bottom: 35px;}

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

    .main_sub1_cont{
        padding:0 20px 35px;
    }

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

	#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_sub2 .a3_2 ul li{width:100%;margin:15px 0}
	#main .main_sub2 .a3_2 ul li div .txt h2 {margin: 15px 0;font-size: 20px;}
	#main .main_sub2 .a3_2 ul li div .txt p {font-size: 18px;line-height: 23px;margin-bottom: 13px;}

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

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

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

	.news1{ padding-bottom: 0; }
	#main .main_sub1 .a2 .news table tr:nth-child(2) td{ padding-top: 10px; }

    #main .cardnews>li{width:100%}


}  
@media(max-width:648px){
	#head .main_img {height: 300px;}
    #head .main_img .num{font-size:16px;}
    #head .main_img h2.w{font-size:22px;}
    #head .main_img h2.w.w1{margin-top:18px; margin-bottom:0px;}
    #head .main_img .img{width:100px; margin-top:13px;}
    
	/* #head .main_img .main_txt .img{margin-left:179px; transform:translateY(-19px);}
	#head .main_img .main_txt .img img {max-width: 90px;} */
	
	/* #head .main_img .main_txt div p{font-size: 19px;} */
	/* #head .main_img .main_txt div p{width: 125px; font-size: 14px; padding: 2px 0;}
	#head .main_img .main_txt h2.w{font-size:20pt; transform:translateY(0px);}
	#head .main_img .main_txt h2.w .m_block{display:block;} */

	#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;}

	#main .main_sub2 .a3_2 ul li div div, #main .main_sub2 .a3_2 ul li div .txt{width:100%;}
	#main .main_sub2 .a3_2 ul li div .txt h2 {margin: 6px 0;font-size: 17px;}
	#main .main_sub2 .a3_2 ul li div .txt p {font-size: 14px;line-height: 17px;}

	
}
@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;}
}