@charset "utf-8";

@font-face {
 font-family: 'NanumBarunGothic';
 src: url("font/NanumBarunGothic.eot");
 src: url("font/NanumBarunGothic.eot?#iefix") format("embedded-opentype"),
      url("font/NanumBarunGothic.woff") format("woff"),
      url("font/NanumBarunGothic.ttf") format("truetype");
}


@font-face {
 font-family: 'NanumBarunGothicBold';
 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-face {
 font-family: 'NanumBarunGothicLight';
 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-face {
 font-family: 'NanumBarunGothicUltraLight';
 src: url("font/NanumBarunGothicUltraLight.eot");
 src: url("font/NanumBarunGothicUltraLight.eot?#iefix") format("embedded-opentype"),
      url("font/NanumBarunGothicUltraLight.woff") format("woff"),
      url("font/NanumBarunGothicUltraLight.ttf") format("truetype");
}



/* 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: "NanumBarunGothic" ;font-size:13px}
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:#c58146}




/* 시작 */
body {min-width:1024px;color:#666666;}
#main_img {background:url(../img/main_bg.jpg) no-repeat; width:100%; height:687px; position:absolute; top:0; min-width: 1024px;} 
#wrap{position:relative; z-index: 99;}

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

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

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




#main_vis {width: 100%; height:966px; position:absolute; margin: 0 auto;  left:0;}
#main_vis ul li{width:100%;height:966px;}
#vis1{ background:url('/img/common/bg_main1.jpg') 50% no-repeat;  z-index: 10;   }
#vis2{ background:url('/img/common/bg_main2.jpg') 50% no-repeat;  }
#vis3{ background:url('/img/common/bg_main3.jpg') 50% no-repeat;  }


#main_vis ul, #main_vis ol {margin:0; padding:0; list-style:none; }
#main_vis .vis_img{ position:absolute;}

#ol_wrap { width: 1024px;
position: absolute;
left: 0;
right: 0;
margin: auto;    }
#main_vis ol {width:210px; height: 13px; position:absolute; top: 850px;  z-index: 999; left: 0; right:0; margin:auto;  }
#main_vis ol li { width:60px; height:13px; margin:0 5px; float:left; background-color:#fff; text-indent: 15px; overflow:hidden; cursor:pointer;  }
#main_vis ol .on {background-color:#ff9667;}



















#container{}

#intro{
	height:165px;
	/*margin-bottom:35px;*/
	/*background:url(../img/common/intro.jpg) no-repeat 50% 0 /cover;*/
	}
#intro .text{position:relative; margin:0 auto; width:1024px; height:303px;}
#intro .text .eng_tit{position:absolute;left:5px;top:80px;width:500px;height:100px;color:#393939;font-size:40px;font-weight:bold;line-height:1;  background:url(../img/common/bg_eng_tit.png) no-repeat right top;}
#intro .text .eng_tit span{color:#618523}
#intro .text p{position:absolute; top:165px; left:5px; font-size:14px; line-height:24px; color:#393939; font-weight:bold;}
#intro .text .intro_deco{display:inline-block;position:absolute;right:-54px;bottom:0;width:498px;height:303px;background:url(../img/common/intro_png.png) no-repeat left top;}

#board_zone{ margin:0 auto; width:1024px; /*margin-top:225px;*/zoom:1; height:697px;    }
#board_zone:after{display:block; clear:both; content:'';}






#board_zone_1{width:1024px; float: left; margin-top: 30px; }
#board_zone_2 {width:1024px;  float: left; margin-bottom: 40px;}
#board_zone_3{width:1024px;  margin-top: 30px; clear: both;} 

#intro #bg_tit { width:474px; position:absolute;  left: 0; z-index: -1; top: 125px; }
#intro_wrap { width:1024px; position:absolute; margin:0 auto; right: 0; left: 0; /*top: 134px;*/  }

#center_tit1 { width:1024px; position:absolute; left: 0; top: 385px; padding-left: 248px; box-sizing: border-box;}


/*#intro_box { width:100%; height:164px; margin-bottom: 20px; }
.img_wrap { width:938px; position:absolute; margin:0 auto; right: 0; left: 0; }
#intro_box ul{overflow:hidden; }
#intro_box li{list-style:none;float:left; width: 134px;  position:relative; }

#intro_box { width:100%; height:85px; background-color:#253a81;}
.img_wrap { width:1024px; position:absolute; margin:0 auto; right: 0; left: 0; }
#intro_box ul{overflow:hidden; }
#intro_box li{list-style:none;float:left; width: 195px;  position:relative; margin:12px 25px;}

#intro_box li a{display:inline-block;position:relative; width:195px; height:60px;  }
#intro_box li a img { width:195px; position:relative;    }
#intro_box li .hover_img { position:absolute; right:0; opacity:0; }
#intro_box li img { transition: opacity 0.2s ease-out;}
#intro_box li a:hover img { opacity:1;}
#intro_box li a:hover .btn_img  { opacity:0;}*/


#icon_btn { width:575px; height:123px;  padding: 10px 0;  float: left; margin-right:38px; margin-top:134px;     }
#icon_btn  ul{overflow:hidden; }
#icon_btn  li{list-style:none;float:left; width: 123px;  position:relative;  margin-right: 20px; }
#icon_btn  li:last-child {}
#icon_btn li a{display:inline-block;position:relative; width:123px; height:123px;  }
#icon_btn li a img { width:123px; position:relative;    }
#icon_btn li .hover_img { position:absolute; right:0; opacity:0; }
#icon_btn li img { transition: opacity 0.5s ease-out;}
#icon_btn li a:hover img { opacity:1;}
#icon_btn li a:hover .btn_img  { opacity:0;}

#icon_img {  width:1024px; clear:both;   }
#icon_img  ul{overflow:hidden; }
#icon_img  li{list-style:none;float:left; width: 247px;  position:relative;  margin-right: 12px; }
#icon_img  li:last-child {margin-right:0;}
#icon_img li a{display:inline-block;position:relative; width:247px; height:137px;  }
#icon_img li a img { width:247px; position:relative;    }
#icon_img li .hover_img { position:absolute; right:0; opacity:0; }
#icon_img li img { transition: opacity 0.5s ease-out;}
#icon_img li a:hover img { opacity:1;}
#icon_img li a:hover .btn_img  { opacity:0;}





#center_tit1 ul{overflow:hidden;}
#center_tit1 li{list-style:none;float:left; width: 140px;  position:relative; margin-right: 19px;}
#center_tit1 li:last-child { margin-right:0;}
#center_tit1 li a{display:inline-block;position:relative; width:140px; height:130px;  }
#center_tit1 li a img { width:140px; position:relative;    }
#center_tit1 li .hover_img { position:absolute; right:0; opacity:0; }
#center_tit1 li img { transition: opacity 0.2s ease-out;}
#center_tit1 li a:hover img { opacity:1;}
#center_tit1 li a:hover .btn_img  { opacity:0;}


#about {width: 100%; height: 220px; color: #fff;  background: url(../img/about_bg.jpg) no-repeat; }
#about_wrap, #icon_wrap { width:1024px; position:absolute; right:0; left:0; margin:auto; padding: 60px 0;}

#about_tit { float:left; margin:0 40px;}
#about_img { float:left;}

#about_img {    }
#about_img  ul{overflow:hidden; }
#about_img  li{list-style:none;float:left; width: 100px;  position:relative;  margin-right: 36px; }
#about_img  li:last-child {margin-right:0;}
#about_img li a{display:inline-block;position:relative; width:100px; height:100px;  }
#about_img li a img { width:100px; position:relative;    }
#about_img li .hover_img { position:absolute; right:0; opacity:0; }
#about_img li img { transition: opacity 0.5s ease-out;}
#about_img li a:hover img { opacity:1;}
#about_img li a:hover .btn_img  { opacity:0;}




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

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



#board02_zone {zoom:1; float: left; height: 240px; padding: 20px; box-sizing: border-box; width: 336px; margin-right: 6px;   } 
#board02_zone li {  float: left; padding-bottom: 0; margin-bottom: 3px; margin-right: 2px;   }
#board02_zone li:nth-child(3) { margin-right:0;}
#board02_zone li:last-child { margin-right:0;}
/*#board02_zone ul{overflow:hidden;}
#board02_zone li{list-style:none; width: 113px;  position:relative; float:left; height: 143px;}
#board02_zone li a{display:inline-block;position:relative; width:113px; height:143px;  }
#board02_zone li a img { width:113px; position:relative;    }
#board02_zone li .hover_img { position:absolute; right:0; opacity:0; }
#board02_zone li img { transition: opacity 0.7s ease-out;}
#board02_zone li a:hover img { opacity:1;}
#board02_zone li a:hover .btn_img  { opacity:0;}*/





#board01_zone {zoom:1; float: left; height: 240px;  box-sizing: border-box; width: 316px; }
#notice_zone{zoom:1; float: left; background-color: #a45130; height: 250px; padding: 20px; box-sizing: border-box; width: 336px; margin-right: 8px;}

#notice_zone_01{float:left;  margin-top: 13px;}

.notice_bx, .board03_bx { position:relative;     width: 410px;
    padding: 20px 30px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.6);
    border-radius: 20px;
    height: 260px;}
.notice_bx h3 {font-size: 23px;font-weight: normal; color: #afadad; width: 296px;margin-bottom: 10px; }
.notice_bx h3 span {   cursor:pointer;     }


.notice_bx h3 a {   display: inline-block;
position: absolute;
right: 25px;
color: #fff;
width: 26px;
text-align: center;
border-radius: 50%;

font-size: 25px;
background:#cb9558;
height: 26px;  }
.notice_bx h3 a:hover {  background:#fff; color:#cb9558;  }


#board03_zone {zoom:1; float: left;  height: 240px;  box-sizing: border-box; width: 336px;   padding:20px; } 

#board03_zone ul{overflow:hidden;}
#board03_zone li{list-style:none; width: 145px;  position:relative; float: left;}
#board03_zone li:nth-child(1),  #board03_zone li:nth-child(3) {  margin-right: 3px; }
#board03_zone li a{display:inline-block;position:relative; width:145px; height:97px;  }
#board03_zone li a img { width:145px; position:relative;    }
#board03_zone li .hover_img { position:absolute; right:0; opacity:0; }
#board03_zone li img { transition: opacity 0.5s ease-out;}
#board03_zone li  a:hover img { opacity:1;}


.notice_bx h3 img {position: relative; top: 6px;}
.notice_bx ul, .board03_bx ul {line-height:18px; padding-top:4px; }
.notice_bx li, .board03_bx li {overflow:hidden;  margin-bottom: 10px; }
.notice_bx li:last-child, .board03_bx li:last-child   {border-bottom: 0; color: #fff;     }
.notice_bx ul li a{
	float:left; 
	color:#fff;
	max-width:355px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; font-size: 13px;
}

.notice_bx ul li a:hover { color:#f2b877;  }

.notice_bx ul li .date     {padding-left: 9px; font-size:12px; color:#fff;}



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




#gallery_bx{ width: 1024px;    height: 225px ; box-sizing: border-box; margin:50px auto;   }
#gallery_bx h3{font-size: 26px;font-weight: normal; color: #44578a; margin-bottom: 12px; position: relative; }
#gallery_bx h3 img {position: relative; top: 6px;}

#gallery_bx ul{overflow:hidden;}
#gallery_bx li{ 
	width:245px; 
    list-style:none;
    float:left; margin-right:14px;
	
    text-align:center;
	font-size:12px;
	}
#gallery_bx li:last-child{margin:0;}	
#gallery_bx .span01{ line-height:35px; font-size: 13px;}
#gallery_bx h3 a {   display: inline-block; position: absolute; right: 0; color: #fff; background: #44578a; width: 26px;text-align: center;border-radius: 50%;height: 26px; border:1px solid #44578a;  }
#gallery_bx h3 a:hover {  background:#fff; color: #44578a; }




#bx_rolling_zone{padding:40px 0;background:#fff;}
.rolling_zone{margin:0 auto;width:1024px;height:100px;zoom:1; border: 1px solid #DBDBDB; padding: 20px 0; box-sizing: border-box;}
.rolling_zone:after{ display:block;clear:both;content:''}

#footer{height: 85px; padding: 40px 0;  }
#footer .copyright{ margin: 0px auto; width: 1024px; position:relative; }
#footer .copyright img {    width: 316px; float: left; margin-right: 40px;}
#footer .copyright p {
color: #999;

margin-top: 8px;
position: relative;
top: 5px; font-size: 13px; float: left;
	}

	
#footer .copyright span{ position: absolute; right: 0; width: 120px; margin: auto; }
#footer .copyright span a { color: #999;
position: relative;
top: 15px;
width: 120px;
border: 1px solid #999;
padding: 3px 10px;}
#footer .copyright span a:hover { background-color:#999; color:#fff;}
hr{ display:none;}
.blind{ font-size:0;width:1px;height:1px;line-height:1000px;overflow:hidden;position:absolute;top:0;white-space:nowrap;}




/* 메인 슬라이드 */


.visual  { width: 775px;   float: left;  }
#header { height:105px;

width: 100%;
margin: auto;
left: 0;
right: 0;
z-index: 999;    }


#contents { background-image: url(../img/con_bg.jpg); height: 175px; margin-top: 20px; width:100%; padding-top: 50px; box-sizing: border-box;          }
#contents #con_wrap { width:1024px; position: absolute; margin: auto; right: 0; left: 0;        }

#contents #con_wrap div { float:left; color:#fff;       }

#contents #con_wrap div i { float:left; font-size: 75px; margin-right:10px; }
#contents #con_wrap div h4 { float:left; font-size: 24px;margin-right: 10px; }
#contents #con_wrap div p {  }
#contents #con_wrap div span { float:left; }
#contents #con1 a { color: #fff;
margin: 5px;
font-size: 15px;
border: 1px solid #fff;
width: 126px;
display: inline-block;
text-align: center;}
#contents #con1 a:hover { border: 1px solid #fff; background-color:#fff; color:#2d281f;       }
#contents #con2 a, #contents #con3 a { color:#fff;    }
#contents #con2 a:hover, #contents #con3 a:hover { color:#bbcfff;               } 
#contents #con1,  #con2,  #con3  { margin-right:53px;       }
#contents #con4 p { margin-top:18px;   }


#contents #con4 h4 { }

/*롤링버튼*/ 
#rolling_btn {  width: 80px; height: 40px; margin-left: 17px; float: left;    }
#rolling_btn h4  { font-size: 16px; font-weight: normal; color: #000; text-align: center; margin-bottom: 2px;    }
#rolling_btn ul {       }
#rolling_btn ul li { float:left; margin-right: 3px;  }
#rolling_btn ul li a { color: #fff; background-color: #bbbbbb; width: 17px; height: 17px; display: inline-block; box-sizing: border-box; text-align: center; padding-top: 3px;     }
#rolling_btn ul li a:hover {  background-color: #c0a089;    }
#rolling_btn ul li a i  {     }

.rolling_zone table { position: absolute;
margin-left: 120px;
box-sizing: border-box;     }