@charset "utf-8";
/*font*/


*{font-family:'Noto Sans KR', sans-serif;}
li{list-style:none}
.ie7 #container{zoom:1;}

.m_center{float:left;margin:0; width:371px; height:103px; position:relative;background-color:#fff;}

#header_wrap{width:100%;background:url(/image/common/header_wrap_bg.gif) repeat-x;}
#header{position:relative;z-index:10;margin:0 auto;width:920px;padding-bottom:50px;background:url(/image/common/header_bg.gif) repeat-x;}
/*header*/
.logo{float:left;padding:44px 0 23px 0;}

/*탑메뉴*/
.m_top_bg{height:85px; background:#fff; }
.m_top_bg table{width:1200px; position:relative;}
.top_logo{margin-top:17px;}
.top_util{position:absolute;z-index:20;right:9px;top:14px;}
.top_util ul li{float:left;}
.top_util ul li a{display:block;padding:0 10px;background:url(/image/common/util_list_bg.gif) no-repeat;font-size:11px;line-height:13px;color:#868686;}
.top_util ul li a.bg_none{background:none;}
.top_util ul li a:hover{text-decoration:underline;}

/* hidden contents */
	.skip,.hidden{position:absolute; width:0; height:0;line-height:0;left:-99999px;overflow:hidden;z-index:-1}

/*clear*/
	.clearfix:after{content:'';display:block;clear:both;}
	.ie7 .clearfix{zoom:1}

/*메인메뉴*/
    .main_gnb{position: relative; z-index: 10;margin-top:0px;}
	.main_gnb > ul{position:relative; padding:0;}
	.main_gnb ul li{float:left;margin-top:0px;}
	.main_gnb ul li a{max-width:74px; min-width:40px; display:block;font-size:16px;line-height:1.2em;padding:8px 34px 8px 34px;margin-top:0px;margin-left:1px; font-weight:400;color:#ffffff;background:#f2951c;}
	.main_gnb ul ul{display:none;position:absolute;z-index:20;padding:0px 5px;top:34px;}
	.main_gnb ul ul.showalways{display:block;z-index:19;}
	.main_gnb ul li:hover ul{display:block;}
	.main_gnb ul li:focus ul{display:block;}
	.main_gnb ul ul li a{font-size:14px;line-height:1.2em;padding:8px 8px;margin-left:0px;font-weight:normal;color:#efefef;background:url(/image/common/main_gnb_sub_line.png) right 45% no-repeat;}
	.main_gnb ul ul li a:hover{color:#fbb45c}
	.main_gnb ul ul li.last a{background:none;}
	/*메인메뉴색상*/
	.menu01 a:hover{color:#ffffff;background:#56782a;}
	.menu02 a:hover{color:#ffffff;background:#56782a;}
	.menu03 a:hover{color:#ffffff;background:#56782a;}
	.menu04 a:hover{color:#ffffff;background:#56782a;}
	.menu05 a:hover{color:#ffffff;background:#56782a;}
	/*서브메뉴색상 및 위치조절*/
	.sub01{overflow:hidden;background:#56782a;left:1px;}
	.sub02{overflow:hidden;background:#56782a;left:1px;}
	.sub03{overflow:hidden;background:#56782a;left:272px;width:116px;}
	.sub04{overflow:hidden;background:#56782a;right:0px;}
	.sub05{overflow:hidden;background:#56782a;right:0;}


/*컨텐츠*/
.main_wrap{background:#f0f3f5;}
.main_visual{height:451px; width:100%; background-image:url(../images/main_visual_2021.jpg); 
background-repeat:no-repeat; background-size:contain;
position:relative;}
.contents{background:#fff; width:1200px; min-height:100px; position:relative; z-index:1; margin: -100px auto 0;}

.contents ul{padding:0; margin:0;}
.contents div{position:relative;}
.contents .notice_wrap{width:520px; float:left; padding:48px 40px;}
.contents .gallery_wrap{width: 550px; float: right; padding: 48px 40px 48px 10px;}
.contents .quick_wrap{clear:both;}
.contents .main_title{font-size:24px; font-weight:500; color:#111111; margin:0 0 30px 0;}
.contents .main_more{font-size:13px; position:absolute;top:48px; opacity:0.7; right:40px; font-weight:600; font-family:Segoe UI, sans-serif; color:#333333;}
.contents .main_more:after{content:"+"; font-weight:600; margin-left:10px;}


.contents .notice_wrap ul li{font-size:15px; color:#444; margin-bottom:22px; font-weight:500;}
.contents .notice_wrap ul li:last-child{margin-bottom:0}
.contents .notice_wrap ul li img{vertical-align:bottom}
.contents .notice_wrap ul li a span:last-child{float:right; font-size:13px; color:#999999; font-family:Segoe UI, sans-serif; font-weight:400;}

.contents .gallery_wrap ul{padding:0; margin:0;display: flex; justify-content: space-between;}
.contents .gallery_wrap ul li{display:inline-block; text-align:center;}
.contents .gallery_wrap ul li p{margin-top:14px; font-size:14px; font-weight:500; color:#444;}
.contents .gallery_wrap .img_wrap{width:170px; height:120px; position:relative; background:#f9f9f9;}
.contents .gallery_wrap .img_wrap img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-height:120px;}
.contents .quick_wrap{border-top:1px solid #e0e3e5; padding:45px 40px 36px;} 
.contents .quick_wrap ul{padding :0; display:flex; justify-content: space-around;}
.contents .quick_wrap ul li{display:inline-block; text-align:center;}
.contents .quick_wrap ul li a:before{content:""; display:block; width:53px; height:58px; background-image:url(../images/main_icons_2021.png); background-repeat:no-repeat; margin:0 auto;}
.contents .quick_wrap ul li a p:first-child{font-size:15px; transition:0.2s; color:#111; margin-top:20px; font-weight:600; margin-bottom:15px;}
.contents .quick_wrap ul li a p{font-size:14px; color:#666666;}

.contents .quick_wrap ul li a:hover p:first-child{color:#7db827;}


.contents .quick_wrap ul li:nth-child(2) a:before{background-position: -52px;width: 57px;}
.contents .quick_wrap ul li:nth-child(4) a:before{background-position: -110px;width: 60px;}
.contents .quick_wrap ul li:nth-child(3) a:before{background-position: -169px;width: 50px;}
.contents .quick_wrap ul li:nth-child(5) a:before{background-position: -218px;width: 44px;}
.contents .quick_wrap ul li:nth-child(6) a:before{background-position: -261px;width: 48px;}

.contents .bottom_wrap{padding:0px 40px 40px; text-align:center; } 
.contents .bottom_wrap ul{background:#eaeaea; display:block; padding:20px; text-align:center;}
.contents .bottom_wrap ul li{display:inline-block; margin:0 10px; vertical-align:middle;}

#footer{padding:40px; text-align:center;}
#footer address{font-size:14px; font-style: normal; color:#4f4f4f;}
#footer p{font-size:14px; font-family:'Segoe UI', sans-serif; color:#7f7f7f;}
