@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {font-family: 'Nanum Gothic', sans-serif;}


/* 메뉴 */
.sky_menu { width:10px; height:10px; overflow:hidden; } /* 처음로드시 출력방지 */
.nav dl dt a:hover { color:#b90c1d; }
/* 주 메뉴 폰트 지정 */
.sky_menu .nav dt, .sky_menu .nav dt a {font-size:15px; font-weight:700; color:#333; }
/* 서브 메뉴 폰트 지정 */
.sky_menu .nav dd, .sky_menu .nav dd a {font-size:12px; font-weight:300; color:#fff;}

/* 배너 */
.sky_slide {width:100%; height:475px; border-bottom:1px solid #b90c1d; overflow:hidden; text-align:center;}
/* 배너 */
/* visual */
#visual{background-image:url(http://211.234.100.234/chunil/images/visual.jpg); background-repeat:repeat-x; background-position:center; height:519px;}
#visual_wrap .box { width:655px; margin:auto;}
#visual_wrap .box img {margin-top:-900px;}

/*메인 콘텐트*/
#section #contents{width:980px; margin:40px auto;}
#section #contents li{float:left;}
#section #contents li.first_ch{width:287px; height:320px;}

/*서브 콘텐츠*/
#sub_visual{width:100%; height:200px; background-image:url(../images/sub_vis.jpg); background-repeat:no-repeat; background-position:center;}
#sub_wrap{width:1100px; margin:60px auto 30px;}

/*sub menu*/
#sub_wrap #aside{width:230px; float:left; margin-top:20px; }
#sub_wrap #aside h1{height:60px; background-image:url(../images/sl_bg.gif); color:#fff; font-size:20px; font-weight:600; line-height:60px; padding-left:20px;}
#sub_wrap #aside h1 span{font-weight:300; font-size:12px; margin-left:5px;}
#sub_wrap #aside > ul > li{height:40px;line-height:40px; border-bottom:1px solid #dddddd;}
#sub_wrap #aside > ul > li a{display:block; color:#666; font-size:13px; text-indent:10px; line-height:40px; }
#sub_wrap #aside > ul > li a:hover{color:#FFF; font-size:13px; font-weight:600; background-color:#9baec5;}
#sub_wrap #aside .onclick{color:#595959; font-size:13px; font-weight:600; background-color:#9baec5;}
#sub_wrap #aside .banner { margin-top:50px; border-radius: 10px 10px; }

#sub_wrap #aside_tap{width:500px; padding-top:90px; }
#sub_wrap #aside_tap > ul > li{ width: 200px;float: left; height:30px;line-height:40px; border:1px solid #dddddd;}
#sub_wrap #aside_tap > ul > li a{display:block; color:#666; font-size:13px; text-align:center; line-height:30px; }
#sub_wrap #aside_tap > ul > li a:hover{color:#fff; font-size:13px; font-weight:600; background-color:#818181;}
#sub_wrap #aside_tap .onclick{color:#fff; font-size:13px; font-weight:600; background-color:#5e5e5e;}

/*sub section*/
#sub_wrap #section{width:810px; float:right; position:relative; padding-bottom:100px;}
#sub_wrap #section #title h1{color:#506d8c; font-size:28px; font-weight:bold; display:inline; position:absolute; left:33px; top:15px;}
#sub_wrap #section span.title_icon{width:26px; height:26px; position:absolute; top:25px;}
#sub_wrap #section .path{position:absolute; top:20px; right:20px; font-size:12px; color:#888888;}
#sub_wrap #section .path span{position:absolute; top:0px; left:-15px;}
#sub_wrap #section .contents{padding-top:102px;}
#sub_wrap #section .contents p.b_h3{font-size:24px; font-weight:600; color:#2f6fc7; padding-top:50px;}
#sub_wrap #section .contents p.g_h3{font-size:20px; font-weight:300; color:#666; padding-top:30px;}
#sub_wrap #section .contents p.g_h3 span{font-size:20px; font-weight:600; color:#666;}
#sub_wrap #section .contents p img{margin-top:40px;}

#sub_wrap #section #title2 h1{color:#5e8705; font-size:28px; display:inline; position:relative; left:3px; top:20px; }
#sub_wrap #section span.title_icon2{width:26px; height:26px; position:relative; top:25px;}
#sub_wrap #section .contents2{padding-top:15px;}
#sub_wrap #section .contents p img{margin-top:10px;}