@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* 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: 'Nanum Gothic', sans-serif,'돋움',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;
 } 



@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;}
#main_img {background:url(../img/main_vis.jpg) no-repeat; width:100%; height:419px; position:absolute; } 
#top{ position:relative;margin:0 auto; width:1024px; height:82px;zoom:1;}

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

#container{position: relative; top: -34px;}
#main_vis_tit { position:absolute; width: 1024px; margin: auto;right: 0; left: 0;    }
#main_vis_tit img  { position:absolute; top: 82px;    }


#board_zone{ margin:0 auto; width:1024px; margin-top:30px;zoom:1; margin-bottom:20px;}
#board_zone:after{display:block; clear:both; content:'';}
#board_zone_left{float:left;width:636px;}
#board_zone_right{float:left;width:388px;}

#intro_banner{height:118px;}
#intro_banner ul{overflow:hidden;}
#intro_banner li{list-style:none;float:left; width: 212px;  position:relative;}
#intro_banner li a{display:inline-block;position:relative; width:205px; height:118px; margin-right:35px; }
#intro_banner li a img { width:205px; position:relative;    }
#intro_banner li .hover_img { position:absolute; right:0; opacity:0; }
#intro_banner li img { transition: opacity 0.7s ease-out;}
#intro_banner li  a:hover img { opacity:1;} 



#login_zone{ width:390px; height:118px; background:url(../img/login_bg.jpg); }
#login_zone h3{position:relative;padding-left:30px;line-height:33px;color:#fff; font-family: 'NanumGothic';}
/*#login_zone h3:after{content:'';width:10px;height:33px;background:#ddac4c;position:absolute;left:12px;top:0;}*/
.login_bx{position:relative;height:103px; padding:10px 9px; margin-bottom:18px; /*border:1px solid #dcdcdc;*/border-top:0 none; margin-left:106px;}
.login_id{ display:inline-block; margin-bottom:7px; width:196px; height:27px; position:relative;}
.login_id input{margin-left:68px; width:126px; height:20px; border:1px solid #dbdbdb; margin-top:5px;}
.login_id label{ position:absolute; left:0; top:6px; font-size:13.5px; line-height:21px; font-weight:bold; color:#fff;}
.login_pw{ display:inline-block; margin-bottom:7px; width:196px; height:27px; position:relative;}
.login_pw input{margin-left:68px; width:126px; height:20px; border:1px solid #dbdbdb; margin-top:4px;}
.login_pw label{ position:absolute; left:0; top:6px; font-size:13.5px; line-height:21px; font-weight:bold; color:#fff;}
.login_btn{ position:absolute; top: 14px;right: 11px;width: 60px; height: 56px; border:0; background:#9cc815; font-weight:bold; color:#174da7; cursor:pointer;}
.login_bx ul{ position:absolute; overflow:hidden; left:12px; bottom:15px; width:270px; height:23px; padding-top:10px;  font-weight:bold; }
.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:#fff;}
.login_bx ul li a {color:#fff;}
.login_bx ul li a:hover { color:#FBEF48;     }

.contact_bx{min-height:70px;padding-left:84px;background:url(../img/bg_contact.gif) 1px top no-repeat; text-align:left;color:#a37759; letter-spacing:-1px;}		
.contact_bx strong{font-size:16px; padding:6px 0 0 0; display:block;}	
.contact_bx p{font-size:14px; font-weight:bold; line-height:20px;}		
.contact_bx span{color:#1d1d1d;}

.link_jkdhs{display:block;margin-top:15px;text-align:left;line-height:29px;padding:76px 0 0 22px;font-size:16px;color:#fff;font-weight:bold;background:url(../img/bg_jkdhs.gif) no-repeat 0 0;}

#notice_zone{zoom:1; width: 1024px; margin: auto; height:165px;}
#notice_zone:after{display:block; clear:both; content:'';}
#notice_zone_01{float:left; width:341px; margin-right:18px;}
.notice_bx{ position:relative;}
.notice_bx h3{font-size:16px;line-height:50px;color:#1a1a1a; height: 45px; }
.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:265px;
    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:#ddac4c; color:#fff; font-weight:bold;}


#notice_zone img {position: absolute; margin-top: 14px;}


#notice_zone_02{float:left;width:341px;}
#notice_zone_02 .notice_bx .more{background:#a37759;}

#gallery_bx{position:relative; margin:0 auto; width:1024px; margin-top:25px;padding-top:13px; border-top:1px solid #e5e5e5;}
#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:#65625f; color:#fff; font-weight:bold;}


#bx_rolling_zone{margin-top:9px;padding:24px 0;}
.rolling_zone{margin:0 auto;width:1024px;height:54px;zoom:1;}
.rolling_zone:after{ display:block;clear:both;content:''}

#footer{margin-top: -25px; background-color: #e7e6e6;}
#footer .copyright{
    margin:0px auto;
	width:1024px;	
	padding:17px 0;
	
	position:relative;
	text-align:left;
	line-height:19px; 
	font-size:13px;
	}
		
#footer .copyright p {display: inline-block; padding-left: 37px; line-height: 16px; font-size: 11px; color:#8E8E8E;}	
#footer .copyright img {display: inline-block;}	
#footer .copyright span{ position:absolute; right:0; top:21px;}
#footer .copyright span a {color:#5B5B5B;}
#footer .copyright span a:hover {color:#B35556;}

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


#intro{height:284px;}

#intro ul {width: 1024px;position: absolute;margin: auto;right: 0;left: 0;}
#intro ul li {width:186px; padding-left:838px; position:relative; }
#intro ul li a img { /*opacity:0;*/ position:relative;}
#intro ul li a .hover_img { position:absolute; right:0; opacity:0; }
#intro ul li:nth-child(1) {height:213px;}
#intro ul li img { transition: opacity 0.7s ease-out;}
#intro ul li a:hover img { opacity:1;} 


#intro_tit {  z-index:999; width:580px; top:230px; bottom:0; left:0; right:0; margin:60px auto; position:absolute; }