@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:1200px;color:#666666;}
#main_img {background:url(../img/main_bg.jpg) no-repeat; width:100%; height:687px; position:absolute; top:0; min-width: 1200px;} 
#wrap{position:relative; /*z-index: 99;*/}

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

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


#nav{ margin: 0 auto; width: 100%; height: 52px; position: absolute; top: 63px; z-index: 12; }
/* 상단메뉴는 style_main_menu.css */

.blue .notice_bx h3 {   color: rgb(62, 121, 179);  }
.blue  .notice_bx .date   {   color: rgb(62, 121, 179);  }
.blue #con_2 h3 {   color: rgb(62, 121, 179);    }
/*.blue #board_box1 {    background-color: rgb(62, 121, 179);    }
.blue #board_box2 {     background-color: rgb(33, 84, 133);   }
*/
.blue #board_box1 {    background-color:#3e79b3;    }
.blue #board_box2 {     background-color:#215485;   }
.blue #board_box3 {     background-color:#1e7bab;}

.brown  .notice_bx h3 {   color: rgb(173, 139, 119);  }
.brown  .notice_bx .date {   color: rgb(173, 139, 119);  }
.brown  #con_2 h3 {   color: rgb(173, 139, 119);  }

/*
.brown  #board_box1 {    background-color: rgb(173, 139, 119);     }
.brown  #board_box2 {     background-color: rgb(122, 91, 71);   }
*/
.brown  #board_box1 {   background-color:#ad8b77;    }
.brown  #board_box2 {  background-color:#7a5b47;   }
.brown  #board_box3 {  background-color:#97694b;   }

#main_vis {width: 100%; height:407px; position:absolute; margin: 0 auto;  left:0;     top: 120px;}
#main_vis #main_vis_ul  { width:1200px; margin:0 auto; }
#main_vis #main_vis_ul li{width:100%;height:518px;}
#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;  }


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

#ol_wrap { width: 1200px; display: none;

position: absolute;
left: 0;
right: 0;
margin: auto;    }
#main_vis ol {width: 196px; height: 11px; position: absolute; top: 132px; z-index: 11; left: 354px; }
#main_vis ol li { width:88px; height:5px; margin:0 5px; float:left; background-color:#fff; text-indent: 15px; overflow:hidden; cursor:pointer; }
#main_vis ol .on {background-color:#267ac2;}


#main_center {  width: 1200px;
position: absolute; left:0;
right: 0;
margin: auto; z-index: 10;  padding-top: 195px; }

#main_center section {  color: #fff;  padding-left: 45px;  }
#main_center section article:after { content:""; clear:both; display:block; }    
#main_center section article h2 { font-size: 95px; float:left;   }
#main_center section article ul { float: left; padding-top: 12px; padding-left: 10px;    }
#main_center section article ul:after { content:""; clear:both; display:block; }    
#main_center section article ul li {  float:left;  }
#main_center section article ul li:first-child { margin-right: 10px;   }
#main_center section article ul li a { display:block; border: 1px solid #fff; background-color: #fff; padding: 10px 20px; height: 70px;border-radius: 15px; box-sizing: border-box;    }
#main_center section article ul li a:after { content:""; clear:both; display:block; }  
#main_center section article ul li a i {font-size: 34px; padding-top: 8px; float:left; color: #949494;    }
#main_center section article ul li a span {  float: left; padding-top: 6px; padding-left: 10px; font-size: 18px;  }
#main_center section h3 { font-size: 38px; padding-left: 6px;   }
#main_center section h4 { font-size: 18px; padding-left: 7px; margin-top: 5px;   }

#main_center section article ul li a:hover { background-color:rgba(0,0,0,0.6) ; color:#fff;     }
#main_center section article ul li a:hover i { color:#FCFBB9;     }

#container{margin-top: 525px;}

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


#board_zone_1{width:1200px; float: left; margin-top:15px; }

#board_zone_3{width:100%;  margin-top: 30px; clear: both; height: 284px; padding: 30px 0; background-color: #fff;
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='%23ababab' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");} 

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

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

#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;}

.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;}

#board_zone_2 { padding: 30px 0 ; position: relative;  width: 100%; margin-top: 20px; background-color: #edeff7;
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='%23858585' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}
#board_zone_2 ul { width: 100%;    }
#board_zone_2 ul:after{content:''; display:block; clear:both;}
#board_zone_2 ul li {width: 23%; float: left; margin-right: 2.65%; }
#board_zone_2 ul li:last-child  { margin-right:0;}
#board_zone_2 ul li div {    }
#board_zone_2 ul li div a {width: 100%; display: block; overflow: hidden; position: relative; height:149px; }
#board_zone_2 ul li div a img {width: 100%;
transition: opacity 300ms ease-out, transform 300ms ease-out, filter 300ms ease-out;
-moz-transition: opacity 300ms ease-out, -moz-transform 300ms ease-out, -moz-filter 300ms ease-out;
-o-transition: opacity 300ms ease-out, -o-transform 300ms ease-out, -o-filter 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, -webkit-transform 300ms ease-out, -webkit-filter 300ms ease-out;}
#board_zone_2 .bgBlack {
	position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    -webkit-transition: opacity 500ms ease-out;}
#board_zone_2 ul li div aarticle { padding: 3em 2em; text-shadow: none; }
#board_zone_2 .bgBlack:hover{    background: rgba(0,0,0,0.7) url(../img/more.png) no-repeat center center;opacity: 1;}
#board_zone_2 ul li a:hover img{-webkit-transform: scale(1.2); transform: scale(1.2);}
#board_zone_2 ul li:first-child > a{ background-image: url(../img/img_box1.jpg)}
#board_zone_2 ul li:nth-child(2) > a{ background-image: url(../img/img_box2.jpg)}
#board_zone_2 ul li:nth-child(3) > a{ background-image: url(../img/img_box3.jpg)}
#board_zone_2 ul li:last-child > a{ background-image: url(../img/img_box4.jpg)}
#board_zone_2 ul li article  { background-color:#fff;}
#board_zone_2 ul li article h5 { text-align: center; font-size: 22px; padding: 20px; font-weight: normal; color: #555;   }
#board_zone_2 ul li a:hover h5 { color:#3e79b3; font-weight:bold;    }


#con_2 .wrap {overflow: hidden; }
#con_2 {   padding: 10px 0 40px 0; position: relative;}
#con_2 h3 { font-size: 32px; margin: 2% 0;  font-weight:normal;}  
.swiper-container2 { overflow:hidden;}
#con_2 h3 a { display: inline-block; position: absolute; right: 0; width: 33px; text-align: center; border-radius: 50%; font-size: 25px; height: 33px; color: #666;   border: 1px solid #666; line-height: 36px;   }
#con_2 h3 a:hover {   background-color:#7C7C7C; color:#fff; border-color:#7C7C7C;  } 

#board03_zone {zoom:1; float: left; height: 135px;   width: 1200px; box-sizing: border-box;  margin-right: 35px; position: relative; padding: 10px 0; }
#board03_zone ul{overflow:hidden; }
#board03_zone li{list-style:none; float:left; width: 387px;  position:relative;  margin-right: 19px; }
#board03_zone li:last-child  { margin-right:0;       }
#board03_zone li a{display:inline-block;position:relative; width:387px; height:90px;   }
#board03_zone li a img { width:387px; 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 p { transition: color 0.5s ease-out;}
#board03_zone li a:hover img { opacity:1;}
#board03_zone li a p { position: absolute; padding-left:30px;
width: 387px;
font-size: 18px;
top: 25px;  }
#board03_zone li:nth-child(1) a p { color:#6899af;    }
#board03_zone li:nth-child(2) a p { color:#a3866e;    }
#board03_zone li:nth-child(3) a p { color:#768897;    }
#board03_zone li a:hover p { color:#fff;   }


#board_zone_2_01 { float: left;  padding: 10px 0; width: 315px;    }

#photo_ul {     }
#photo_ul li { width: 150px; float: left; margin-right:10px;   }
#photo_ul li:last-child { margin-right:0;} 
#photo_ul li a {     }
#photo_ul .span01 {max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #1a5299; padding: 5px; margin-top: 5px; display: inline-block; text-align: center; width: 150px;    }


#board04_zone { width:793px;   float: left;  position: relative; }



.board_wrap {margin: 0 auto; width: 1200px;        }


#board01_zone {zoom:1; float: left; padding: 10px 0;  box-sizing: border-box; width:570px; height: 335px; margin-right: 35px; }
#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: 36px; font-weight: normal;  margin-bottom: 10px; color:#163965; }
#board03_zone h3, #board04_zone h3 {font-size: 23px;font-weight: normal;  margin: 10px 0; color:#163965; width:305px; }
.notice_bx h3 span {   cursor:pointer;     }

.notice_bx h3 a, #board03_zone h3 a, #board04_zone h3 a  {   display: inline-block; position: absolute; right: 0; width: 33px; text-align: center; border-radius: 50%; height: 33px; color: #666;
font-size: 26px; border-radius: 50%; border: 1px solid #666; line-height: 36px;  }
.notice_bx h3 a:hover, #board03_zone h3 a:hover, #board04_zone h3 a:hover { background-color:#7C7C7C; color:#fff; border-color:#7C7C7C;  }

.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: 15px;  }

.notice_bx ul li a{ max-width:542px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 19px; color: #353535; line-height: 30px; display: inline-block;}
.notice_bx ul li .date     {font-size: 16px; color: #1b6abc;}


#board_box { float: left; padding: 10px 0; height: 335px; box-sizing: border-box; width: 594px;   }
#board_box section { height: 150px; padding: 12px 25px; box-sizing: border-box; color: #fff;   }
#board_box section h3{ font-size: 24px; font-weight: normal; margin-bottom: 5px; position:relative   }
#board_box section h3 a { position:absolute; right:0; color: #fff;    }
#board_box section ul {margin-top:10px;}
#board_box section ul li{position: relative; padding:3px 0;}
#board_box section ul li a{ color: #fff; font-size: 16px; overflow: hidden; display: inline-block; max-width: 450px; text-overflow: ellipsis; white-space: nowrap;   }
#board_box section ul li span{  position: absolute; right: 0; margin-top: 3px;  }
#board_box #board_box1 {margin-bottom: 7px;    }
#board_box #board_box3 {margin-top: 7px;    }


#bx_rolling_zone{padding:40px 0;background:#fff;}
.rolling_zone{margin:0 auto;width:1200px;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 15px 0; 
background-color: #4f4f4f;

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='%23aaa8ac' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}
#footer .copyright{ margin: 0px auto; width: 1200px; position:relative; }
#footer .copyright img {    width: 285px; float: left; margin-right: 10px; }
#footer .copyright p {
color: #fff;
width: 776px;
text-align: center;
margin-top: 8px;
position: relative;
 font-size: 13px; float: left; line-height: 20px;
	}

	
#footer .copyright span{ position: absolute; right: 0;  margin: auto; }
#footer .copyright span a { color: fff;
position: relative;
top: 8px;
width: 120px;
border: 1px solid #fff;
padding: 3px 10px;}
#footer .copyright span a strong { color:#fff;}
#footer .copyright span a:hover { background-color:#fff; }
#footer .copyright span a:hover strong{  color:#314150;}
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:120px;

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:1200px; 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;     }


/*quick 메뉴*/
#quick {height: 400px; right:200px;   position: fixed; top: 226px; width: 90px; z-index: 999; border-radius: 10px; padding: 0 10px; box-sizing: border-box;
background-color: #006ea8;
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='%2304476b' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");  }
#quick h5 { color:#fff; text-align: center; font-size: 15px; margin: 10px;    }

#quick ul{overflow:hidden; padding: 20px 2px;height: 305px; box-sizing: border-box; background-color:#fff;}
#quick ul li{list-style:none;  width: 68px;  position:relative;  }
#quick ul li a{display:inline-block;position:relative; width:68px;    }
#quick ul li:nth-child(1) {border-bottom: 1px dotted #999; }
#quick ul li:nth-child(2) {border-bottom: 1px dotted #999; padding-top: 10px; padding-bottom: 5px; }
#quick ul li:nth-child(3) { padding-top: 10px;                                 }
#quick ul li a img { width:68px; position:relative;    }
#quick ul li .hover_img { position:absolute; right:0; opacity:0; }
#quick ul li img { transition: opacity 0.5s ease-out;}
#quick ul li a:hover img { opacity:1;}

#quick_top { color:#fff; text-align: center; display: inherit; margin: 10px;   }
#quick_top i {  margin-right: 5px; }