@charset "UTF-8";

@font-face {
    font-family: 'nanum';
    src: url('../font/nanumbarungothiclight.eot');
    src: url('../font/nanumbarungothiclight.eot?#iefix') format('embedded-opentype'),
         url('../font/nanumbarungothiclight.woff') format('woff'),
         url('../font/nanumbarungothiclight.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}
@font-face {
    font-family: 'nanum';
    src: url('../font/nanumbarungothicregular.eot');
    src: url('../font/nanumbarungothicregular.eot?#iefix') format('embedded-opentype'),
         url('../font/nanumbarungothicregular.woff') format('woff'),
         url('../font/nanumbarungothicregular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nanum';
    src: url('../font/nanumbarungothicbold.eot');
    src: url('../font/nanumbarungothicbold.eot?#iefix') format('embedded-opentype'),
         url('../font/nanumbarungothicbold.woff') format('woff'),
         url('../font/nanumbarungothicbold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/* common */
#header{}
#header .top{overflow:hidden; width:1080px; height:70px; margin:0 auto;}
#header .top h1{float:left; width:180px; margin-top:20px; margin-left:23px; margin-right:57px;}
#header .top .txt_area{float:left; width:800px; padding-top:35px; font-size:18px; text-align:right; color:#505151;}
#header .top .utill_menu{text-align:right;}
#header .top .utill_menu a{display:inline-block; padding:10px 0; margin-left:15px; font-size:13px; text-align:center; vertical-align:middle; color:#6b6b6b;}
#header .top .utill_menu a:first-child{margin-left:0;}
#header .top .utill_menu a:after{display:inline-block; padding-left:15px; font-size:10px; vertical-align:middle; content:"|";}
#header .gnb_wrap{height:50px; background:url(../images/gnb_bg.jpg) 0 0 repeat-x;}
#header .gnb_wrap .gnb{width:1130px; margin:0 auto; text-align:center;}
#header .gnb_wrap .gnb > li{display:inline-block; *display:inline; *zoom:1;}
#header .gnb_wrap .gnb > li > a{display:block; padding:15px 20px 15px; font-size:17px; color:#1d1d1d;}
#header .gnb_wrap .gnb > li > a:hover{color:#33571d;}

#footer{padding:10px 0;}
#footer .footer_inner{width:800px; padding-left:350px; padding-top:15px; margin:0 auto; background:url(../images/h1_logo2.jpg) 25px 20px no-repeat; font-size:12px; color:#000;}
#footer .footer_inner p{margin-bottom:5px;}
#footer .footer_inner p.txt2 span{padding-right:10px; color:#e4700b;}
#footer .footer_inner p.copy{margin-bottom:10px;}

#container{}
#container .visual_area{height:340px; background:url(../images/index/visual_bg.png) center 0 no-repeat;}
#container .visual_area .inner{position:relative; width:1080px; margin:0 auto;}
#container .visual_area .txt_area{position:absolute; left:0; top:0; padding-top:50px; font-size:40px; font-weight:bold; color:#fff;}
#container .contents{padding:20px 0; background:url(../images/main_bottom_bg.jpg) 0 0 repeat;}
#container .contents .contents_inner{overflow:hidden; width:1080px; margin:0 auto;}
#container .contents p.txt3 span{padding-right:12px; color:#e4700b;}

#container .left_section{float:left; width:240px; margin-right:20px;}
#container .center_section{float:left; width:560px; margin-right:20px;}
#container .gallery_section{float:left; width:820px; margin-right:0;}
#container .right_section{float:right; width:240px;}
#container .contents .inner_box{margin-bottom:20px;}
#container .contents .board_box{}
#container .contents .board_box .tit_area{overflow:hidden; position:relative; height:38px; margin-bottom:20px; border-bottom:1px dotted #717070;}
#container .contents .board_box .tit_area h2{padding-top:10px; font-size:19px; color:#1d1d1d;}
#container .contents .board_box .tit_area .more{position:absolute; right:0; top:15px; padding:2px 5px; background:#fff; border-radius:5px; font-size:12px; font-weight:bold; color:#1d1d1d;}
#container .contents .board_box .tit_area .more span{display:inline-block; font-size:11px; vertical-align:middle;}
#container .contents .board_box .cont_area .col1 a{display:block; width:560px; height:340px;}
#container .contents .board_box .cont_area ul{overflow:hidden;}
#container .contents .gallery_box ul{overflow:hidden;}
#container .contents .gallery_box .col2 li{float:left; width:270px; margin-left:20px;}
#container .contents .gallery_box .col2 li:first-child{margin-left:0;}
#container .contents .gallery_box .col3 li{float:left; width:260px; margin-left:20px;}
#container .contents .gallery_box .col3 li:first-child{margin-left:0;}
#container .contents .gallery_box li a{overflow:hidden; display:block;}
#container .contents .gallery_box .col2 li a{width:270px; height:161px;}
#container .contents .gallery_box li a img{width:100%;}
#container .contents .notice_box .cont_area{height:161px;}
#container .contents .notice_box .cont_area li{}
#container .contents .notice_box .cont_area a{overflow:hidden; display:block; padding:8px 0; font-size:13px; white-space:nowrap; text-overflow:ellipsis; color:#1d1d1d;}
#container .contents .notice_box .cont_area a:hover{text-decoration:underline;}
#container .contents .notice_box .cont_area a:before{display:inline-block; width:3px; height:3px; margin-right:7px; background:#1d1d1d; border-radius:3px; vertical-align:middle; font-size:0; line-height:0; content:"";}

/* sub */
#container{}
.sub #container .visual_area{height:250px; background:url(../images/sub_visual_bg.jpg) center 0 no-repeat;}
.sub #container .left_section{margin-right:30px;}
.sub #container .left_section .lnb{margin-bottom:30px;}
.sub #container .left_section .lnb h2{padding:22px 0 20px; margin-bottom:20px; background:url(../images/sub_line.jpg) 0 100% no-repeat; font-size:25px; text-align:center; color:#1b1b1b;}
.sub #container .left_section .lnb ul li{border-top:1px solid #c9c9c8;}
.sub #container .left_section .lnb ul li:first-child{border-top:0 none;}
.sub #container .left_section .lnb ul li a{display:block; padding:10px 0; font-size:15px; text-align:center; color:#1b1b1b;}
.sub #container .left_section .lnb ul li a:hover{color:#5f8933;}
.sub #container .content_section{float:left; width:810px;}
.sub #container .content_section .tit_area{padding-top:20px; margin-bottom:40px;}
.sub #container .content_section .tit_area h3{font-size:28px;}
.sub #container .content_section .cont_area{padding:0 20px; font-size:13px; color:#373737;}