@charset "utf-8";


#main_area{width:100%; max-width:1920px; margin:0 auto; overflow: hidden;}
#main_area *{box-sizing:border-box;}
.inner{width:1360px; font-size:0; margin:0 auto;}

/*메인 상단*/
#main_top{width:100%; height:530px; position:relative;}
#main_top:before{width:100%; height:100%; position:absolute; content:""; display:block; background:url(/images/main/main_top_bg.jpg) no-repeat; background-position:right top;  left:0; top:0; z-index:-1;}
#main_top .main_in{width:1360px; font-size:0; margin:0 auto; text-align:left;}
#main_top .main_in .main_txt{padding-top:95px;}
#main_top .main_in .main_txt p{font-size:29px; font-family: 'GodoM'; letter-spacing:-2px; line-height:1.6em;}
#main_top .main_in .main_txt span.enter{display:block;}
#main_top .main_in .main_txt span.point{font-size:40px; font-family: 'GodoB'; color:#296815;}

.mt_bottom{width:100%; position:absolute; bottom:0; height:195px;}
.mt_bottom:before{width:calc((100% / 2) + 97px); position:absolute; display:block; content:""; height:100%; background-color:#97d71b; opacity:0.8; border-radius:0 300px 300px 0; z-index:0; left:0; top:0;}
.mt_bottom:after{width:calc((100% / 2) + 97px); position:absolute; display:block; content:""; height:100%; background-color:#ff8f00; opacity:0.8; border-radius:300px 0 0 300px; z-index:-1;right:0; top:0;}
.mt_bottom .inner{font-size:0;}
.mt_bottom .inner > div{display:inline-block; vertical-align:middle; width:50%; position:relative; z-index:1; height:195px;}
.mt_bottom .inner > div:before{display:inline-block; vertical-align:middle; width:0; height:100%; content:""; position:relative;}
.mt_bottom .inner > div a{display:inline-block; vertical-align:middle;}
.mt_bottom .inner > div a p{font-size:30px; font-family: 'GodoM'; margin-bottom:10px; color:#000;}
.mt_bottom .inner > div a p img{margin: -2px 0 0 20px; transition:0.3s all ease;}
.mt_bottom .inner > div a:hover p img{margin:-2px 0 0 25px;}
.mt_bottom .inner > div a > span{font-size:18px; line-height:1.3em; color:#000; word-break:keep-all;}
.mt_bottom .inner > div a > span span{display:block;}
.mt_bottom .inner > div.main_bz{padding-left:90px; background:url(/images/main/top_mnico1.png) no-repeat; background-position:left center;}
.mt_bottom .inner > div.main_sp{text-align:right; padding-right:118px; background:url(/images/main/top_mnico2.png) no-repeat; background-position:right center;}


#main_middle{width:100%; margin-top:60px; margin-bottom:80px;}
#main_middle .inner{font-size:0;}
#main_middle .inner > div{display: inline-block; vertical-align:top; width:calc((100% - 60px)/2);}

/*공지사항*/
#noticezone{margin-right:60px;}
.notice_top{width:100%; position:relative;}
.notice_tap{font-size:0px; border-bottom:3px solid #000000;}
.notice_tap li{display:inline-block; font-size:28px; font-family:'GodoM'; padding:0 20px 10px 20px;  position:relative;}
.notice_tap li{color:#858585;}
.notice_tap li:hover{color:#636161;}
.notice_tap .notice_on{color:#000; font-size:30px;}
.notice_tap .notice_on:before{display:block; content:""; position:absolute; width:100%; height:3px; background-color:#ff9103; bottom:-3px; left:0;}
.notice_top .board_link{position:absolute; right:0; top:0;}

.notice_bottom{width:100%; position:relative;}
.notice_bottom .notice_text{width:100%;}
.notice_bottom .notice_text li{padding: 20px; position:relative; border-bottom: 1px solid #ccc;}
.notice_bottom .notice_text li > div{display:inline-block; vertical-align:middle;}
.notice_bottom .notice_text li > div.ntice_txt_date{font-size:22px; font-family:'GodoB'; padding-right:30px; position:relative; text-align:center; width:78px;}
.notice_bottom .notice_text li > div.ntice_txt_date:after{display:block; content:""; position:absolute; width:10px; height:10px; border-radius:50%; right:0; top:50%; transform:translateY(-50%); background-color:#ff9103;}
.notice_bottom .notice_text li > div.ntice_txt_date .year{display:block; font-family: 'Pretendard'; font-size:17px; margin-bottom:4px; font-weight:500;}
.notice_bottom .notice_text li > div.ntice_txt_tit{width:calc(100% - 78px); font-size:19px; padding-left:20px;}
.notice_bottom .notice_text li > div.ntice_txt_tit a{width:100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.notice_bottom .notice_text li > div.ntice_txt_tit a:hover{color:#008b7b;}
.notice_bottom .notice_text li.nothing{padding:20px 10px; border-bottom:none;}
.notice_bottom .notice_text li.nothing > div.ntice_txt_tit{width:100%; padding:40px 20px; border-radius:10px; text-align:center; background-color:#fafafa;}

/*바로가기 영역*/
#direct_go{border:1px solid #ccc; position:relative;}
#direct_go:after{display:block; content:""; position:absolute; width:100%; height:1px; background-color:#ccc; top:50%; left:0;}
#direct_go ul{display:flex; flex-wrap:wrap;}
#direct_go ul li{display:inline-block; vertical-align:top; width:calc(100% / 3); text-align:center; border-right:1px solid #ccc;}
#direct_go ul li:nth-child(3n){border-right:none;}
#direct_go ul li a{display:block; width:100%; padding: 26.8px 20px;}
#direct_go ul li:nth-child(2n-1) a:hover{background-color:#fff5e8;}
#direct_go ul li:nth-child(2n) a:hover{background-color:#f7ffe7;}
#direct_go ul li a span{font-size:20px; display:block; margin-top:20px;}

/*배너영역*/
#banner_zone{width: calc(100% - 120px); margin:0 auto; border-top:1px solid #e1c39c; padding:20px 0;}
#banner_zone ul{display:flex; justify-content:space-between; text-align:center; width:100%;}
#banner_zone ul li{display:inline-block; vertical-align:middle;}







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



/*배너영역*/
#banner_zone .inner{width:100%;}


}




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

.inner{width:100%; padding:0 15px;}

/*메인 상단*/
#main_top{height:430px;}
#main_top:before{background-position:center top;}
#main_top .main_in{width:100%; padding:0 15px;}
#main_top .main_in .main_txt{padding-top:68px;}

.mt_bottom{height:150px;}
.mt_bottom:before{width:calc((100% / 2) + 75px);}
.mt_bottom:after{width:calc((100% / 2) + 75px);}
.mt_bottom .inner > div{height:150px;}
.mt_bottom .inner > div a p{font-size:28px;}
.mt_bottom .inner > div a span{font-size:17px;}



}



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



}



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

/*메인 상단*/
.mt_bottom:before{width:50%; border-radius:0;}
.mt_bottom:after{width:50%; border-radius:0;}



/*배너영역*/
#banner_zone{width: calc(100% - 60px); padding:15px 0;}
#banner_zone .inner{padding:0;}

}





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

#main_middle{width:100%; margin-top:30px; margin-bottom:40px;}
#main_middle .inner > div{width:100%;}

/*공지사항*/
#noticezone{margin-right:0; margin-bottom:30px;}
.notice_bottom .notice_text li{padding: 15px;}

/*바로가기 영역*/
#direct_go:after{display:none;}
#direct_go ul li{width:calc(100% / 6);}
#direct_go ul li:nth-child(3n){border-right:1px solid #ccc;}
#direct_go ul li:last-child{border-right:none;}
#direct_go ul li a{padding: 20px 10px;}
#direct_go ul li a span{font-size:18px; margin-top:13px;}


/*배너영역*/
#banner_zone{overflow-x:auto; margin-bottom:5px;}
#banner_zone::-webkit-scrollbar {height:5px;}
#banner_zone::-webkit-scrollbar-thumb {background-color: #373737;border-radius:5px;}
#banner_zone::-webkit-scrollbar-track {background-color: #dbdbdb;border-radius:5px;}
#banner_zone ul{width:893px;}


}



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

/*메인 상단*/
#main_top{height:auto;}
#main_top:before{display:none;}
#main_top .main_in{position:relative; height: auto; padding: 7% 15px;}
#main_top .main_in .main_txt{padding:0;}
#main_top .main_in:before{width: 100%; height: 100%; position: absolute; content: ""; display: block; background: url(/images/main/main_top_bg.jpg) no-repeat; background-position: center; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); background-size: 100% 100%;}
#main_top .main_in .main_txt p{font-size:26px; line-height:1.5em;}
#main_top .main_in .main_txt span.point{font-size:35px;}

.mt_bottom{position:relative; height:auto;}
.mt_bottom .inner{padding:0;}
.mt_bottom:before{display:none;}
.mt_bottom:after{display:none;}
.mt_bottom .inner > div{display:block; width:100%; height:auto; padding:25px 15px;}
.mt_bottom .inner > div a p{font-size:26px;}
.mt_bottom .inner > div a > span span{display:inline;}
.mt_bottom .inner > div.main_bz{padding-left:105px; background:url(/images/main/top_mnico1.png) no-repeat; background-position:left 15px center; background-color:#a8db42;}
.mt_bottom .inner > div.main_sp{text-align:right; padding-right:133px; background:url(/images/main/top_mnico2.png) no-repeat; background-position:right 15px center; background-color:#f59924;}


}









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

/*배너영역*/
#banner_zone{width: calc(100% - 20px); padding:10px 0;}
#banner_zone ul li img{width:150px;}


}



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

}


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

/*바로가기 영역*/
#direct_go ul li{width:calc(100% / 3);}
#direct_go:after{display:block; content:""; position:absolute; width:100%; height:1px; background-color:#ccc; top:50%; left:0;}
#direct_go ul li:nth-child(3n){border-right:none;}

}



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


}



@media screen and (max-width:650px)
{
	
/*메인 상단*/
#main_top .main_in:before{opacity:0.5;}


}



@media screen and (max-width:560px)
{
/*공지사항*/
.notice_tap li{font-size:25px; padding:0 12px 7px 12px;}
.notice_tap .notice_on{font-size:27px;}
.notice_top .board_link img{width:25px;}
.notice_bottom .notice_text li{padding: 11px 5px;}
.notice_bottom .notice_text li > div{display:inline-block; vertical-align:middle;}
.notice_bottom .notice_text li > div.ntice_txt_date{font-size:20px; width:70px; padding-right:18px;}
.notice_bottom .notice_text li > div.ntice_txt_date:after{display:block; content:""; position:absolute; width:8px; height:8px; border-radius:50%; right:0; top:50%; transform:translateY(-50%); background-color:#ff9103;}
.notice_bottom .notice_text li > div.ntice_txt_date .year{font-size:16px; margin-bottom:2px;}
.notice_bottom .notice_text li > div.ntice_txt_tit{width:calc(100% - 70px); font-size:18px; padding-left:13px;}
}



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

/*메인 상단*/
#main_top .main_in .main_txt p{font-size:20px;}
#main_top .main_in .main_txt span.point{font-size:25px;}

.mt_bottom .inner > div{padding:20px 15px;}
.mt_bottom .inner > div a p{font-size:25px; margin-bottom:7px;}
.mt_bottom .inner > div.main_bz{padding-left:15px; background:none; background-color:#a8db42;}
.mt_bottom .inner > div.main_sp{padding-right:15px; background:none; background-color:#f59924;}


/*바로가기 영역*/
#direct_go ul li img{height:45px;}
#direct_go:after{display:block; content:""; position:absolute; width:100%; height:1px; background-color:#ccc; top:50%; left:0;}
#direct_go ul li:nth-child(3n){border-right:none;}
#direct_go ul li a {padding: 15px 5px;}
#direct_go ul li a span {margin-top: 10px;}


}



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


}