@charset "utf-8";
/* CSS 기본세팅 _ 초기화 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
html,body{width:100%; height:100%}
html{overflow-y: scroll;}
body,input,textarea,select,button,table{font-family:'돋움',dotum,AppleGothic,sans-serif;font-size:12px}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;color:#212121}
a:hover,a:active,a:focus{text-decoration:none;color:#F26521}

/* 웹폰트 추가 */
@font-face { 
 font-family: 'NanumGothic'; 
 font-family: 'Nanum Myeongjo', serif;
 } 
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@font-face {
    font-family: "Nanum Brush Script";
    font-style: normal;
    font-weight: 400;
    src: url("//fonts.gstatic.com/ea/nanumbrushscript/v4/NanumBrushScript-Regular.eot?#iefix") format("embedded-opentype"), url("//fonts.gstatic.com/ea/nanumbrushscript/v4/NanumBrushScript-Regular.woff2") format("woff2"), url("//fonts.gstatic.com/ea/nanumbrushscript/v4/NanumBrushScript-Regular.woff") format("woff"), url("//fonts.gstatic.com/ea/nanumbrushscript/v4/NanumBrushScript-Regular.ttf") format("truetype");
}

/* 시작 */
body {min-width:1024px;color:#666666;}

#wrap{position:relative;}

#header{background:url(../img/common/bg_header.gif) repeat-x 0 0;}

#top{ position:relative;margin:0 auto; width:1024px; height:89px;zoom:1}

#nav{ margin:0 auto; width:1024px;height:99px;position:relative;}
/* 상단메뉴는 style_main_menu.css */

#container{}

#intro{
	height:450px;
/*	background:url(../img/common/intro.jpg) no-repeat 50% 0 /cover;  */
	}
#intro .text{position:relative; margin:0 auto; width:1024px; height:450px;background:url(../img/common/intro_png_bx_20260619.png) no-repeat left top;}
#intro .text .eng_tit{position:absolute;left:5px;top:92px;color:#393939;font-size:34px;font-weight:bold;line-height:1.1; letter-spacing:-0.2px;font-family:Arial, Helvetica, sans-serif; display:none}
#intro .text .eng_tit span{color:#c4161c}
#intro .text p{position:absolute; top:232px; left:272px; font-size:16px; line-height:18px; color:#fff; font-weight:bold;}

#intro_banner{width:1024px; margin:0 auto; margin-top:15px;padding-top:15px; border-top:1px solid #e5e5e5;}
#intro_banner ul{overflow:hidden;}
#intro_banner li{list-style:none;float:left;margin-left:42px;}
#intro_banner li a{display:inline-block;position:relative;width:110px;padding-top:122px;line-height:35px;text-align:center;font-weight:bold;font-size:14px;background:url(../img/banner_ie.gif) no-repeat 0 0;}
#intro_banner li:first-child{margin:0;margin-right:1px;}
#intro_banner li:nth-child(1) a{ background:url(../img/intro_banner.jpg) no-repeat 0 0;}
#intro_banner li:nth-child(2) a{ background:url(../img/intro_banner.jpg) no-repeat -153px 0;}
#intro_banner li:nth-child(3) a{ background:url(../img/intro_banner.jpg) no-repeat -305px 0;}
#intro_banner li:nth-child(4) a{ background:url(../img/intro_banner.jpg) no-repeat -457px 0;}
#intro_banner li:nth-child(5) a{ background:url(../img/intro_banner.jpg) no-repeat -609px 0;}
#intro_banner li:nth-child(6) a{ background:url(../img/intro_banner.jpg) no-repeat -761px 0;}
#intro_banner li:nth-child(7) a{ background:url(../img/intro_banner.jpg) no-repeat -914px 0;}

#intro_banner li:nth-child(1) a:hover{ background:url(../img/intro_banner.jpg) no-repeat 0 -157px;}
#intro_banner li:nth-child(2) a:hover{ background:url(../img/intro_banner.jpg) no-repeat -153px -157px;}
#intro_banner li:nth-child(3) a:hover{ background:url(../img/intro_banner.jpg) no-repeat -305px -157px;}
#intro_banner li:nth-child(4) a:hover{ background:url(../img/intro_banner.jpg) no-repeat -457px -157px;}
#intro_banner li:nth-child(5) a:hover{ background:url(../img/intro_banner.jpg) no-repeat -609px -157px;}
#intro_banner li:nth-child(6) a:hover{ background:url(../img/intro_banner.jpg) no-repeat -761px -157px;}
#intro_banner li:nth-child(7) a:hover{ background:url(../img/intro_banner.jpg) no-repeat -914px -157px;}

#intro_banner li:nth-child(7) {margin-left:43px;}
#intro_banner li a{color:#282f27;}
#intro_banner li a:hover{ text-decoration:underline;}


#board_zone{ margin:0 auto; width:1024px; margin-top:12px;zoom:1;}
#board_zone:after{display:block; clear:both; content:'';}

#board_zone_01{float:left; width:288px;margin-right:38px;padding-top:15px;}
#board_zone_01 h3{padding-left:10px;line-height:29px;color:#fff;border-bottom:2px solid #0c4687;background:#2479d8;}
.login_bx{position:relative; width:270px; height:103px; padding:15px 8px; margin-bottom:9px; border:1px solid #dcdcdc;border-top:0 none;}
.login_id{ display:inline-block; margin-bottom:7px; width:196px; height:27px; position:relative;}
.login_id input{margin-left:68px; width:126px; height:25px; border:1px solid #dbdbdb;}
.login_id label{ position:absolute; left:0; top:6px; font-size:14px; line-height:21px; font-weight:bold; color:#2a2a2a;}
.login_pw{ display:inline-block; margin-bottom:7px; width:196px; height:27px; position:relative;}
.login_pw input{margin-left:68px; width:126px; height:25px; border:1px solid #dbdbdb;}
.login_pw label{ position:absolute; left:0; top:6px; font-size:14px; line-height:21px; font-weight:bold; color:#2a2a2a;}
.login_btn{ position:absolute; top:15px; right:8px; width:60px; height:60px; border:0; background:#2b2b2b; font-weight:bold; color:#fff; cursor:pointer;}
.login_bx ul{ position:absolute; overflow:hidden; left:8px; bottom:8px; width:270px; height:23px; padding-top:10px; border-top:1px solid #d7d7d7; font-weight:bold; color:#494949;}
.login_bx ul li{ float:left; margin-right:10px;}
.login_text{ display:inline-block; margin-top:20px; width:196px; height:50px; text-align:center; line-height:18px; color:#2a2a2a;}

.contact_bx{height:48px; padding-left:75px; float:left; background:url(../img/bg_contact.gif) 3px top no-repeat; text-align:left;}		
.contact_bx strong{ color:#63930f; font-size:16px; padding:2px 0 4px 0; display:block;}	
.contact_bx p{ color:#1d1d1d; font-size:14px; font-weight:bold; line-height:23px;}		

#board_zone_02{float:left; width:330px; margin-right:37px;}
.notice_bx{ position:relative;}
.notice_bx h3{font-size:16px;line-height:50px;color:#1a1a1a; background:url(../img/main_board_line.gif) no-repeat 0 bottom;}
.notice_bx ul{line-height:18px; padding-top:6px; }
.notice_bx li{overflow:hidden; margin:5px 0;}
.notice_bx ul li a{
	float:left; 
	color:#343434;
	max-width:260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notice_bx ul li .date{float:right; font-size:12px; color:#343434;}
.notice_bx .more{position:absolute; top:14px; right:0; display:inline-block;width:59px;line-height:24px; text-align:center; background:#ee851d; color:#fff; font-weight:bold;}

#board_zone_03{float:left; width:330px;}
/* 회장인사말로 사용시
#board_zone_03{float:left; width:330px; background:url(../img/bg_deco01.gif) no-repeat right 22px;}
#board_zone_03 h3{font-size:16px;line-height:50px;color:#2479d8;}
#board_zone_03 h3 span{color:#1a1a1a;}
#board_zone_03 p{text-align:left;line-height:26px;padding:16px 0 20px 0;}
#board_zone_03 ul li{margin-top:9px;}
#board_zone_03 ul li a{position:relative;display:block;padding-left:10px;font-weight:bold;line-height:26px;color:#fff;background:#7287af;}
#board_zone_03 ul li:first-child a{background:#5b938a;}
#board_zone_03 ul li span{position:absolute;right:15px;top:9px;display:inline-block;width:8px;height:8px;background:url(../img/bg_deco02.gif)}
*/

#gallery_bx{position:relative; margin:0 auto; width:1024px; margin-top:25px;padding-top:13px; border-top:1px solid #e5e5e5; display:none}
#gallery_bx h3{font-size:16px; line-height:45px; color:#1a1a1a;}
#gallery_bx ul{overflow:hidden;}
#gallery_bx li{ 
	width:240px; 
    list-style:none;
    float:left;
	margin-left:21px;
    text-align:center;
	font-size:12px;
	}
#gallery_bx li:first-child{margin:0;}	
#gallery_bx .span01{ line-height:35px;}
#gallery_bx .more{position:absolute; top:22px; right:0; display:inline-block;width:59px;line-height:24px; text-align:center; background:#406c9d; color:#fff; font-weight:bold;}

#bx_rolling_zone{margin-top:10px;padding:24px 0;background:#f8f8f8}
.rolling_zone{margin:0 auto;width:1024px;height:45px;zoom:1;}
.rolling_zone:after{ display:block;clear:both;content:''}
.rolling_zone ul{overflow:hidden}
.rolling_zone ul li{float:left;margin-left:18px;}
.rolling_zone ul li:first-child{margin:0;}

#footer{margin-top:30px;margin-bottom:20px;}
#footer .copyright{
    margin:0px auto;
	width:1024px;	
	padding:18px 0;
	border-top:10px solid #f0f0f0;
	position:relative;
	text-align:left;
	line-height:19px; 
	font-size:13px;
	}
#footer .copyright span{ position:absolute; right:0; top:18px;}

hr{ display:none;}
.blind{ font-size:0;width:1px;height:1px;line-height:1000px;overflow:hidden;position:absolute;top:0;white-space:nowrap;}