@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:374px; /*! position:absolute; */ /*! margin: 0 auto; */  /*! left:0; */}
#main_vis ul li{width:100%;height:347px;}
#vis0{ background:url('/img/common/bg_main_20241002.jpg') 50% no-repeat;}
#vis1{ background:url('/img/common/bg_main_20230522.jpg') 50% no-repeat;}
#vis2{ background:url('/img/common/bg_main_20230316.jpg') 50% no-repeat;}
#vis3{ background:url('/img/common/bg_main11.jpg') 50% no-repeat;  }
#vis4{ background:url('/img/common/bg_main22.jpg') 50% no-repeat;  }
#vis5{ background:url('/img/common/bg_main33.jpg') 50% no-repeat;  }
#vis6{ background:url('/img/common/bg_main251002.jpg') 50% no-repeat; z-index:10;}




#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:230px; height: 15px; position:absolute; top: 283px;  z-index:99; left: 0; right:0; margin:auto;    } */
#main_vis ol {width: 100%;height: 15px;position:absolute;top: 283px;z-index:99;left: 0;right:0;margin:auto;display: flex;flex-wrap: nowrap;justify-content: center;}
#main_vis ol li { width:19px; height:10px; margin:0 5px; float:left; background-color:#fff; text-indent: 15px; overflow:hidden; cursor:pointer;  }
#main_vis ol .on {background-color:#fec24d;}



















#container{}

#intro{
	/*! height:385px; */
	/*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{ width:100%; /*margin-top:225px;*/zoom:1;
background-color: #f9f9f9;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23a7a6a7' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  }
#board_zone:after{display:block; clear:both; content:'';}






#board_zone_1{width:1024px; float: left; margin-top: 30px; }
#board_zone_2 {width:1024px;  margin:0 auto; padding: 30px 0 40px 0; height: 250px; }
#board_zone_3{width:1024px;  margin-top: 30px; clear: both;}

#intro #bg_tit { width:1024px; position:absolute;  left: 0; z-index: -1; top: 55px; }
#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:130px;  }
.img_wrap { width:1024px; position:absolute; margin:0 auto; right: 0; left: 0; }


#icon_box {  float:left;  margin-right:20px;      }

#icon_btn { width:640px; height:120px;         }
#icon_btn  ul{overflow:hidden; }
#icon_btn  li{list-style:none;float:left; width: 207px;  position:relative; margin-right: 9px; }
#icon_btn  li:last-child { margin-right:0;}
#icon_btn li a{display:inline-block;position:relative; width:207px; height:120px;  }
#icon_btn li a img { width:207px; 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;}


#img_btn { width:640px; height:120px;   margin-top:10px;      }
#img_btn  ul{overflow:hidden; }
#img_btn  li{list-style:none;float:left; width: 156px;  position:relative; margin-right: 5px; }
#img_btn  li:last-child { margin-right:0;}
#img_btn li a{display:inline-block;position:relative; width:156px; height:120px;  }
#img_btn li a img { width:156px; position:relative;    }
#img_btn li .hover_img { position:absolute; right:0; opacity:0; }
#img_btn li img { transition: opacity 0.5s ease-out;}
#img_btn li a:hover img { opacity:1;}





#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: 195px;   background-color: #fec24d;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%23fbfaf1' fill-opacity='0.4' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E"); }
#about_wrap, #icon_wrap { width:1024px; position:absolute; right:0; left:0; margin:auto;}

#about1, #about2, #about3{  float:left;    }
#about1  {  margin-top: 38px;  width: 408px;  margin-right: 45px;   }
#about1 h3 { font-size: 39px; font-weight: normal; margin-top: 30px; color: #0f936b;  margin-bottom: 8px; }
#about1 p  { font-size: 20px;  position: relative; bottom: 7px;  color: #0f936b;  }
#about2  { margin-right: 20px;    }
#about2, #about3    { margin-top: 38px; background-color: #fff; width: 260px; height: 125px; border-radius: 15px; padding: 15px 35px; box-sizing: border-box;     }
#about2 h5, #about3 h5 {  color: #0f936b; font-size: 18px; margin-bottom: 10px;          }
#about2 p, #about3 p  {   line-height: 20px;     }
#about2 i, #about3 i  {  color: #0f936b;   }

#about1 img {float:left; margin-right: 30px; }

#about4  {margin-top: 38px; margin-left: 35px;      }
#about3 img{float:left; margin-right: 10px;  }
#about4 img  {float:left; margin-right:11px;  }

#about2 span, #about3 span, #about4 span  { font-size: 21px; font-weight: bold;   }



.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: 350px; }
#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;}
.notice_bx h3 {font-size: 26px;font-weight: normal; color: #afadad; width: 296px;margin-bottom: 15px; }
.notice_bx h3 span {   cursor:pointer;     }


.notice_bx h3 a {   display: inline-block;
position: absolute;
right: 0;
color: #fff;
width: 26px;
text-align: center;
border-radius: 50%;
border: 1px solid #06b07d;
font-size: 25px;
background:#06b07d;
height: 26px;  }
.notice_bx h3 a:hover {  background:none; color:#06b07d;  }


#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; padding-bottom: 5px;}
.notice_bx li:last-child, .board03_bx li:last-child   {border-bottom: 0; color: #fff;     }
.notice_bx ul li a{
	float:left;
	color:#454545;
	max-width:345px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; font-size: 13px;
}


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



#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: auto;   }
#gallery_bx h3{font-size: 30px;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: 29px;text-align: center;border-radius: 50%;height: 29px; 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{background: url(../img/footer_bg.jpg) no-repeat center center; width:100%; height:240px; }

#footer .copyright img {    width: 311px; position: absolute; left: 0;right: 0; margin: auto; padding-top: 50px; }
#footer .copyright p {
color: #999;
text-align: center;
margin-top: 8px;
position: relative;
top: 120px;
font-size: 13px;
line-height: 20px;
	}


#footer .copyright span{ position: absolute; right: 0;left: 0; width: 120px; margin: auto;  padding-top: 30px;}
#footer .copyright span a { color: #8eb18e;
position: relative;
top: 100px;
width: 120px;
border: 1px solid #8eb18e;
padding: 3px 10px;}
#footer .copyright span a:hover { background-color:#8eb18e; 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:147px;
background:url('/img/common/bg_main_top.jpg') 50% no-repeat;
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;     }