@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: 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:1200px; height:88px;zoom:1}

#nav{ width:100%; height:52px;position:relative;  z-index:9999; background-color: #163965;}
/* 상단메뉴는 style_main_menu.css */




#main_vis {width: 1024px; height:543px; position:absolute; margin: 0 auto;  left:0; top:100px; right:0;}
#main_vis ul li{width:1024px; height:543px;}
#vis1{ background:url('/img/common/bg_main_1024_1.jpg') 50% no-repeat;  z-index: 10;   }
#vis2{ background:url('/img/common/bg_main_1024_2.jpg') 50% no-repeat;  }
#vis3{ background:url('/img/common/bg_main_1024_3.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:120px; height: 15px; position:absolute; top: 517px;  z-index: 999; left: 118px; margin:auto;  display:none;   }
#main_vis ol li { width:15px; height:15px; margin:0 5px; float:left; background-color:#fff; text-indent: 15px; overflow:hidden; cursor:pointer; border-radius: 50%; }
#main_vis ol .on {background-color:#ffff6d;}





#main_right {  float: left; width: 299px;  background: url(../img/login_bg.png) center bottom no-repeat; background-color: #fff; margin-left: 15px; }
#main_right h5 { font-size:21px; text-align:center; color:#163965; font-weight: lighter; margin-bottom: 25px;     }



#login_logo { margin: 10px 61px;   }
.login_bx{position:relative;height:355px; padding:15px 25px;  border-top:0 none;  box-sizing: border-box;}
.login_id{ display:inline-block; margin-bottom:7px; width:196px; height:27px; position:relative;}
.login_id input{margin-left:33px; width:145px; height:25px; border:1px solid #dbdbdb;}
.login_id label{ position:absolute; left:5px; top:0; 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:33px; width:145px; height:25px; border:1px solid #dbdbdb;}
.login_pw label{ position:absolute; left:5px; top:0; font-size:14px; line-height:21px; font-weight:bold; color:#2a2a2a;}
.login_btn{ position: absolute;
top: 169px;
right: 26px;
width: 58px;
height: 62px;
border: 0;
background: #163965;

color: #fff;
cursor: pointer;}
.login_bx ul{ /*position:absolute;*/ overflow:hidden; left:8px; bottom:8px;  padding-top:10px;   color:#494949; margin-left: 5px;}
.login_bx ul li{ float:left;   text-align: center; margin-right: 3px; padding:6px 0; font-size: 13px; }
.login_bx ul li:first-child { background-color:#a6a6a6; width: 152px; }
.login_bx ul li:last-child { margin-right:0;    background-color:#d81e40; width: 88px;  }
.login_bx ul li a { color:#fff; letter-spacing: -1px;}
.login_text{ display:inline-block; margin-top:10px; width:196px; height:50px; text-align:center; line-height:18px; color:#333;}
.login_bx ul li:first-child:hover { background-color: #757272;   }
.login_bx ul li:last-child:hover { background-color: #83071e;   }







#icon { width:1200px; height:145px;     margin: 15px auto; right: 0;left: 0; background-color: #fff; padding-top: 15px; box-sizing: border-box;}
#icon_btn ul{overflow:hidden; }
#icon_btn li{list-style:none;float:left; width: 200px;  position:relative;  }
#icon_btn li:last-child { margin-right:0;}
#icon_btn li a{display:inline-block;position:relative; width:200px; height:112px;   }
#icon_btn li a img { width:200px; 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;}



#board_zone { width:1200px;  margin: 15px auto; right: 0;left: 0;     }
#board_zone:after { content:""; clear:both; display:block; }

#board_zone1 { width:299px; float:left; margin-right: 15px;      }
#board_zone1 article { height:126.5px;  padding: 20px; box-sizing: border-box;     }
#board_zone1 #contact {  background: #d81e40 url(../img/contact_us_bg.png) 95% 20% no-repeat;  margin-bottom: 15px;    }
#board_zone1 #account {  background: #163965 url(../img/account_number_bg.png) 95% 20% no-repeat;     }
#board_zone1 article h4 { color:#fff; font-size:20px; font-weight: lighter;  margin-bottom: 5px;   }
#board_zone1 article p { color:#fff; font-size: 13px; line-height: 20px;  }



/*게시판*/
#board_zone2 { width:572px; float:left;  height: 268px; background-color:#fff; padding: 30px 25px; box-sizing: border-box;  margin-right: 15px;     }
#board01_zone {zoom:1; float: left; padding: 10px 0;  box-sizing: border-box; width: 440px; }
#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: 23px;font-weight: normal;  width: 390px;margin-bottom: 10px; color:#d0d0d0; }
.notice_bx h3 span {   cursor:pointer;     }

.notice_bx h3 a {   display: inline-block; position: absolute; right: 0; width: 26px; text-align: center; border-radius: 50%; font-size: 25px; height: 26px; color:#163965;  }
.notice_bx h3 a:hover { color:#d81e40;  }

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

.notice_bx ul li a{ float:left;  max-width:420px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #1a5299; padding: 5px 0;}
.notice_bx ul li .date     {padding: 5px; font-size:14px; right: 0; position: absolute;}




#board_zone3 {  width:299px; float:left;   padding: 30px 20.5px 20px 20.5px; box-sizing: border-box;   background-color:#fff;  height: 268px;}
#board_zone3 h3 { font-size: 23px;font-weight: normal; margin-bottom: 10px; color:#163965;  margin-left: 10px;   }

#icon_img { width:258px; height:174px;     }
#icon_img ul{overflow:hidden; }
#icon_img li{list-style:none;float:left; width: 86px;  position:relative;  }
#icon_img li a{display:inline-block;position:relative; width:86px; height:87px;   }
#icon_img li a img { width:86px; 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;}



















#container{}

#intro{

	background-color: #f3f3f3; padding: 15px 0;

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='%23c3c3c3' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
	}
#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:1200px;zoom:1;   }
#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: 7px;}
#board_zone_3{width:1024px;  margin-top: 30px; clear: both;} 

#intro #bg_tit { width:1024px; position:absolute;  left: 0; z-index: -1; }
#intro_wrap { width:1024px; position:absolute; margin:0 auto; right: 0; left: 0;  }

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


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

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








#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: 140px; color: #fff; margin-top: 15px; background: url(../img/about_bg.jpg) no-repeat; }
#about_wrap, #icon_wrap { width:1024px; position:absolute; right:0; left:0; margin:auto;}

#about1, #about2, #about3{  float:left;    }
#about1  {  margin-top: 33px;  width: 310px;    }
#about1 h3 { font-size: 35px; font-weight: normal; margin-bottom: 10px;  margin-top: 5px;  }
#about1 p  { font-size: 20px;  position: relative; bottom: 10px; letter-spacing: -1px;  }
#about2  { margin-top: 33px; margin-left: 38px;      }
#about1 img, #about2 img {float:left; margin-right: 10px; }
#about2 p {float:left; margin-top: 10px; font-size: 15px; line-height: 31px; }
#about3  {margin-top: 36px; margin-left: 36px;      }

#about3 img{float:left; margin-right: 10px;  }

#about2 p {float:left; margin-top: 9px; font-size:21px; line-height:33px;}
#about2 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: 265px;  box-sizing: border-box; width: 533px;    } 
#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 div { width:533px; height:118px; margin-bottom:13px;     }
#board02_zone div article { width:262px; height:118px; float:left;}
#board02_zone div article img  { float:left;      } 
#board02_zone div article p {float:left;   margin: 15px 0 0 15px; color: #fff; font-size: 18px; width: 145px;   }
#board02_zone div article p .bod_date {font-size: 12px; margin-top: 5px; display: inline-block;    }
#board02_zone div article p .bod_tit {font-size: 16px; margin-top: 5px; display: inline-block; color:#f7f7d3;     }

#board02_zone div #bo_box1 { background-color: #47484a; margin-right: 9px;    }
#board02_zone div #bo_box2 { background-color: #755a4b;    }



#board01_zone {zoom:1; float: left;   box-sizing: border-box; width: 460px; margin-right: 30px;}
#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: 28px;font-weight: normal; color: #253a81; width: 296px;margin-bottom: 13px; }
.notice_bx h3 a {   display: inline-block;
position: absolute;
right: 0;
color: #253a81;
width: 68px;
text-align: center;
border-radius: 10px;
border: 1px solid #253a81;
font-size: 16px;
padding-top: 5px;
height: 23px;  }
.notice_bx h3 a:hover {  background:#253a81; color:#fff;  }


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


.notice_bx ul li .date     {padding-left: 5px;

font-size: 13px;

color: #5069b6;

float: left;

margin-right: 15px;

font-weight: bold;}



#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{background:#fff; height: 80px;}

.rolling_wrap {   margin:0 auto; width:1200px; position:relative;       }
.rolling_zone{margin:0 auto;width:820px;height:80px;zoom:1; border: 1px solid #DBDBDB; padding: 10px 0; box-sizing: border-box; position:absolute; right:0;}
.rolling_zone:after{ display:block;clear:both;content:''}


#footer{height: 85px; padding: 35px 0 15px 0; } 
#footer .copyright{ margin: 0px auto; width: 1200px; position:relative; }
#footer .copyright img {    width: 220px; float: left; margin-right: 25px;}
#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: 13px;
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:138px;

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


#main_con { width:1200px;  margin: 0 auto; right: 0; left: 0;      }
#main_con:after { content:""; clear:both; display:block; } 


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

/*롤링버튼*/ 

#submission_btn {height:78px; width:185px; border: 1px solid #DBDBDB; background-color: #5069b6;  display: inline-block; float: left;     }
#submission_btn:hover { background-color: #3A3D7E;      }

#rolling_btn {  width: 80px; height: 40px; margin-left: 17px; float: left;   margin-top: 10px;  }
#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;     }
#rolling_btn ul li a:hover {  background-color: #5069b6;   }
#rolling_btn ul li a i  {     }

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