@charset "utf-8";

#skipnavi {position:relative;width:100%;z-index:2;*height:0px;}
#skipnavi a {display:block;overflow:hidden;height:0px;width:0px;margin:-1px -1px -1px 0;*margin:-5px -1px -1px 0;font-size:0;line-height:0;text-align:center;}
#skipnavi:focus {overflow:hidden;height:100px;background:#182d62;font-size:12px;font-weight:700;line-height:140%;}
#skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#182d62;font-size:12px;font-weight:700;line-height:140%;color:#fff;}




#wrapper {width:100%;position:relative;}

/*상단배너*/

#top_banner_wrap {width:100%; height:150px; background:url('/common/images/bg2.png')}
.banner_wrap	{position:relative; width:1000px; height:150px; margin:0 auto;}
.banner_wrap1	{position:relative; width:1000px; height:0px; margin:0 auto;}
.top_banner	{float:left; width:650px; height:150px; overflow:hidden; background:url('/common/images/notice_mic.png') no-repeat left bottom;}
.top_banner li	{color:#585858; font-size:20px; padding-left:120px; line-height:150%;}
.top_banner li:first-child	{color:#585858; font-size:20px; font-weight:700; padding-top:30px;}
.top_banner li:last-child	{color:#585858; font-size:15px;  padding-top:10px;}
button.btn_type1	{color:#4d6a33; border:1px solid #a2c084; font-weight:700; font-size:14px; padding:12px 40px 12px 20px; background:url('/common/images/icon_1.png') no-repeat 110px center #e3ebda; margin-top:35px;}
.day_check	{font-size:12px; line-height:100%; position:absolute; right:0; bottom:10px}
.day_check input[type="checkbox"]	{line-height:100%; vertical-align:top; margin:5px 3px 0 0;}
.day_check span	{background:#6c6c6c; display:inline-block; color:#fff; font-size:13px; font-weight:700; padding:5px 10px; line-height:100%; margin-left:10px;}
.top_banner_btn	{position:absolute; right:0; bottom:-47px;z-index:100;}/*열기닫기버튼*/


#top_banner_wrap2 {width:100%; height:150px; background:url('/common/images/bg2.png')}
.banner_wrap2	{position:relative; width:360px; height:150px; margin:0 auto;}
.banner_wrap21	{position:relative; width:360px; height:0px; margin:0 auto;}
.top_banner2	{float:left; width:360px; height:150px; overflow:hidden; background:url('/common/images/notice_mic.png') no-repeat left bottom;}
.top_banner2 li	{color:#585858; font-size:20px; padding-left:120px; line-height:150%;}
.top_banner2 li:first-child	{color:#585858; font-size:20px; font-weight:360; padding-top:30px;}
.top_banner2 li:last-child	{color:#585858; font-size:15px;  padding-top:10px;}
button.btn_type2	{color:#4d6a33; border:1px solid #a2c084; font-weight:360; font-size:14px; padding:12px 40px 12px 20px; background:url('/common/images/icon_1.png') no-repeat 110px center #e3ebda; margin-top:35px;}
.day_check2	{font-size:12px; line-height:100%; position:absolute; right:0; bottom:10px}
.day_check2 input[type="checkbox"]	{line-height:100%; vertical-align:top; margin:5px 3px 0 0;}
.day_check2 span	{background:#6c6c6c; display:inline-block; color:#fff; font-size:13px; font-weight:700; padding:5px 10px; line-height:100%; margin-left:10px;}
.top_banner_btn2	{position:absolute; right:0; bottom:-47px;z-index:100;}/*열기닫기버튼*/


#header {width:100%; height:120px; position:relative; border-top:0px solid #2798e5; border-bottom:1px solid #2798e5; }
#header-area {position:relative; width:100%; height:120px;}

#gnbarea{position:relative;width:1005px; margin:0 auto; height:120px;}
.logo {position:relative;width:220px;float:left; padding-top:50px;}


.util {position:absolute; top:6px; right:45px; border:1px solid #dedede; height:35px;}
.util li {float:left; border-right:1px solid #acc1a8; overflow:hidden;  vertical-align:middle; font-size:11px; color:#5a5a5a; line-height:100%; padding:0 15px; margin-top:11px}
.util li:last-child	{border-right:none;}

#main_wrap {position:relative; width:100%; clear:both;}
.main_visual {position:relative; width:1400px; height:440px; margin:0 auto; padding-top:15px;}
.main_visual img.icon_next	{position:absolute; right:0; top:170px; z-index:2;}
.main_visual img.icon_pre	{position:absolute; left:0; top:170px; z-index:2;}

#con_wrap	{position:relative; width:1000px; overflow:hidden; margin:30px auto;}
#con_wrap h2	{text-align:center; margin-bottom:50px; font-size:24px; color:#424242; line-height:180%;}
#con_wrap h3	{margin-bottom:10px; font-size:18px; color:#424242;}
#con_wrap h3 span	 a, #con_wrap h3 span	{color:#2798e5;}

.main_box	{width:1000px;}
.main_box li	{position:relative; float:left; width:313px; height:280px; margin-bottom:40px; margin-right:30px;}
.main_box li p.text	{font-size:14px; color:#424242;  z-index:3; padding-right:80px;}
.main_box li p.more	{position:absolute; top:0; right:0; z-index:2;}
.main_box li p.main_thum	{position:absolute; left:0; bottom:0; z-index:1;}
.main_box li p.main_thum img	{width:313px; max-height:210px; overflow:hidden;}

.main_box li:last-child	{margin-right:0;}

.main_box1	{float:left; width:312px; height:210px; padding:30px 0 0 35px; margin-right:30px; border:1px solid #eaeaea;  no-repeat right bottom #f7f7f7;}
.main_box1	h3	{ font-size:20px; color:#2798e5 !important;}
.main_box1 p	{ font-size:14px; color:#666; margin-bottom:20px}
.main_box1	button	{border:1px solid #c1d1bf; background:#f7f7f7; color:#467311; padding:10px 20px;}
.main_box2{float:left;}
.main_box3{float:left;}

.main_box2 {float:left; width:312px; height:210px; margin-right:30px; }
.main_box2 h3 {border-bottom:1px solid #eee;padding:10px 0 15px 0;}
.main_box2 h3 p.more {display:inline-block; float:right; font-size:12px; color:#888; font-family:Nanum Gothic; font-weight:normal;}
.main_news_list	{margin-top:20px;}

.main_box3	{float:left; width:312px; height:210px; overflow:hidden;}
.main_box3 h3 {border-bottom:1px solid #eee;padding:10px 0 15px 0;}
.main_box3 h3 p.more {display:inline-block; float:right; font-size:12px; color:#888; font-family:Nanum Gothic; font-weight:normal;}
.main_news_list	{margin-top:20px;}
.main_news_list	li	{ background:url('/common/images/icon_dot1.gif') no-repeat 10px 14px; padding:1px 0 5px 18px;  font-size:14px; line-height:130%;}
.main_news_list	li p	{display:inline-block; width:220px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.main_news_list	li span	{float:right; font-size:13px; color:#888;}


#footer {clear:both; width:100%; position:relative; margin-top:10px; border-top:1px solid #dedede;}
.footer_inbox	{width:1000px; margin:0 auto; overflow:hidden;}
.footer_inbox li	{float:left; padding:10px 50px 10px 0; font-size:12px; }
.footer_inbox li:last-child	{float:right; padding:7px 0 0 0;}
.footer_bm_wrap	{clear:both; width:100%; position:relative; border-top:1px solid #dedede;}
.footer_bm {width:1000px; margin:15px auto; overflow:hidden;}


.f-logo {float:left; margin-right:10px;}
.f-text {float:left; font-size:13px; padding-top:10px;  font-size:12px; color:#666; line-height:130%;}
.f-text span {color:#bbb; display:inline-block; padding:0 5px;}
.f-text span.copy {font-size:13px; padding:10px 0 0 0; font-family:Myriad Pro; font-size:11px;color:#666;}


#sub_visual_wrap	{position:relative; width:100%; height:235px;}
.visual_shadow	{position:absolute; top:0; left:0; background:url('/common/images/sub_shadow.png') repeat-x left top; height:230px; width:100%;}
.bg_shadow	{background:url('/common/images/sub_shadow.png') repeat-x left top;}
.bg1	{background:url('/common/images/sub_shadow.png') repeat-x left bottom #f6f6f5;}
.bg2	{background:url('/common/images/sub_shadow.png') repeat-x left bottom #f3eef4;}
.bg3	{background:url('/common/images/sub_shadow.png') repeat-x left bottom #f7f4f0;}
.bg4	{background:url('/common/images/sub_shadow.png') repeat-x left bottom #f6ecd1;}
.bg5	{background:url('/common/images/sub_shadow.png') repeat-x left bottom #faf1e9;}

#sub_visual	{width:1000px; height:230px; margin:0 auto;}
#sub_wrap	{width:1000px; margin:0 auto; overflow:hidden;}
#sub_main	{width:1000px; margin:0 auto; overflow:hidden;}/*왼쪽메뉴없는화면*/

#left_menu	{float:left; width:220px; margin:40px 40px 0 0;}
#contents-wrap	{float:left; width:738px; overflow:hidden;  margin-top:30px;}

#sub_wrap h2	{font-size:30px; margin-bottom:20px; color:#2798e5;}
#sub_wrap h3	{clear:both; font-size:24px;  color:#333; line-height:100%;}

.rocation	{float:right;}
.rocation li	{font-size:12px; float:left; background:url('/common/images/icon_location.gif') no-repeat right 6px; padding:0 15px 0 10px;}
.rocation li:last-child	{background:none; padding:0 0 0 10px; color:#2798e5; font-weight:700;}

.left_list	{clear:both;border:1px solid #b9cca2; background:#f8f6f0; margin:48px 0 10px 0;}
.left_list li	{font-size:16px; color:#424242; border-bottom:1px solid #b9cca2;}
.left_list li i	{font-size:20px; color:#aaa; float:right;}
.left_list li a	{display:block; padding:15px;}
.left_list li a:hover {background:#d7e4c8; color:#2798e5 !important; font-weight:bold;} 
.left_list li.on a	{background:#d7e4c8; color:#2798e5 !important;font-weight:bold;} 
.left_list li a:hover i,.left_list li.on i {color:#2798e5 !important;} 

.left_list li:last-child	{padding:20px 0 20px 0; text-align:center; border-bottom:none;}
.call1	{padding:100px 0 20px 0; text-align:center;}

.left_logo	{float:right;}

.contents	{position:relative; margin:44px 0 50px 0; min-height:600px;}