@charset "utf-8";
/* CSS Document */
/* NanumGothic */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* BASE STYLE --------------------------------------------------------*/
* {text-decoration:none !important;}
html{overflow-y:scroll; overflow-x:hidden;}
body{font-family:'Nanum Gothic', sans-serif; color:#555; font-size:13px;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none; color:#333;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block; }
table, td, tr{font-family:'Nanum Gothic', sans-serif; font-size:13px; color:#333; font-weight:400;}

/* TOTAL BODY SIZE  --------------------------------------------------------*/
#wrap {width:100%; margin:0 auto; overflow:hidden; min-width:1200px; }
#wrap_total {width:100%; margin:0 auto;}
#main_body_wrap {width:100%; margin:0 auto;}
#body_total {margin:0 auto; overflow:hidden; max-width:1920px; padding-bottom:80px; padding-top:146px;}
#sub_page {max-width:1920px; margin:0 auto;}
#sub_page .sub_img {  margin:0 auto;}

/* SUB LEFT MENU & BODY SIZE -------------------------------------------------------- */
#sub_page #sub_wrap { max-width:1200px; margin:0 auto; margin-top:30px;}
#left_total { width:308px;overflow:hidden; float:left;} /* LEFT MENU */
#sub_body {width:850px;float:left; padding-left:40px;  min-height:400px;   border-left:solid 1px #e2e2e2;} /* RIGHT BODY */


/* TOP LOGIN NAVIGATION -------------------------------------------------------- */
#nav_header {width:100%; margin:0 auto; min-height:146px; overflow:hidden;  position:fixed; background:#fff;z-index:1000;}
#top_wrap {width:100%; margin:0 auto;}
#top_wrap #top_menu { height:42px; width:100%; margin:0 auto; /* background:#266a39; */ border-top:solid 8px #266a39; box-sizing:border-box;}
#top_wrap #top_menu .top_menu_wrap { width:1200px; height:42px; margin:0 auto; /* background:#266a39; */ }

.top_menu_wrap ul li {float:right; height:32px;}
.top_menu_wrap ul li a {display:block; height:32px; font-size:12px; line-height:42px; color:#666; text-align:right; font-weight:600; font-family: 'Nanum Gothic', sans-serif; padding:0px 0 0 8px; margin-top:-5px;} 

/* NAVIGATION -------------------------------------------------------- */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */}

.cf:after {clear: both;}
.cf {*zoom: 1;}

#drop_down_menu {width:100%; /* background: rgba(0,0, 0, 0.5);*/ font: 16px 'Nanum Gothic', sans-serif; position:fixed;
z-index:999; margin:0 auto; min-width:1200px; height:100px; line-height:100px; background:url('../images/bg.jpg') repeat-x center top; padding-bottom:4px; }

ul.navbar { width: 1200px; margin: 0 auto; }
ul.navbar .logo { min-width: 400px; height:100px;  line-height:100px; margin-top:-10px; }
ul.navbar .logo:hover { background:rgba(0, 0, 0, 0.0);}

ul.navbar li {float:left; margin: 0; position: relative; list-style:none; min-width:160px; z-index:100000 !important; }
ul.navbar li a {display: block;	text-decoration: none; text-transform: uppercase;
transition: all .2s ease-in-out; text-align:center; font-weight:600; }

/* ul.navbar li:hover{background: rgba(22,139, 57, 0.5);} */
ul.navbar li:hover ul li:hover > a { border-left:10px solid #fbc725; text-align:start; z-index:100000 !important; } 

ul.navbar > li > a:hover { color:#266a39; font-weight:600;}

ul.navbar > li > a::after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    background:#266a39; 
    transition: width .4s; }

ul.navbar > li > a:hover::after {
    width: 100%;
    transition: width .4s; }

ul.navbar li ul li a {color:#fff;}
ul.navbar li ul {margin: 0; position: absolute; background: rgba(0,0, 0, 0.5); marging-top:4px; left: 1em; font-size: 14px; min-width: 150px;	opacity: 0; visibility: hidden; z-index:99; transition: all .2s ease-in-out;}	
ul.navbar li ul li {height:40px; line-height:40px; }

/* SUB INSIDE MENU */
ul.navbar li ul li:first-child {border: 0;}
ul.navbar ul li { float: none; }
ul.navbar li:hover > ul { opacity: 1; visibility: visible; left: 0; }
ul.navbar li > ul  ul { top: 0; left: 90%; box-shadow: 0 5px 10px rgba(0,0,0,.6);}
ul.navbar li > ul li:hover ul { left: 100%; }


/*  MAIN SLIDE SHOW  -------------------------------------------------------- */
#main_visual_wrap {width:100%; margin:0 auto; overflow:hidden; min-width:1200px; padding-top:146px;}
#slide {width:100%; margin:0 auto; max-width:1920px; box-sizing: border-box;}

.mySlides {	display: none}
.slideshow-container {	width:100%;	margin:0 auto;	position: relative;	}
	
/* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: #FFF;
	font-weight: bold;
	font-size: 40px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;}
	
/* Position the "next button" to the right */
.next {	right: 0;	border-radius: 3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {	background-color: rgba(22,140,56,0.4);}

/* The dots/bullets/indicators */
.dot { cursor: pointer; height: 13px; width: 13px; margin: 0 2px;	background: #218d3f; border-radius: 50%;	display: inline-block;	transition: background-color 0.6s ease;	position:relative;	top:-25px;}
.active, .dot:hover {background:#fff;}
/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 2s;
	animation-name: fade;
	animation-duration: 2s;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


/*  MAIN CONTENTS 01 -------------------------------------------------------- */
#main_contents_wrap { max-width:1200px;  margin:0 auto; overflow:hidden;}
#main_contents01, #main_contents02 {width:1100px; margin:0 auto; }
#main_contents_wrap a {text-decoration:none !important;}

/* contents box1  */
#main_contents01 .main_con01{width:750px; height:365px; background:url('../images/box1.jpg'); font-family:'Nanum Gothic', sans-serif; margin-top:105px; float:left;  } 
#main_contents01 .box1{width:441px; height:175px; float:left;} 
#main_contents01 .box2 {width:279px; height:135px; margin-top:40px; margin-left:25px; float:left; color:#fff;} 
#main_contents01 .big_title { font-size:20px; font-weight:600; line-height:28px;}
#main_contents01 .small_info { font-size:13px; line-height:18px; padding:5px 0px; margin-bottom:12px;}
#main_contents01  span { width:887px; height:30px; border:solid 1px #fff; padding:6px 8px; color:#fff;}
#main_contents01  .box2 span:hover {background:#fff; color:#2a6808; font-weight:600; cursor:pointer;}

/* contents box3  */
#main_contents01 .box3 {width:200px; height:120px; margin-top:47px; margin-left:25px; float:left; color:#fff;} 
#main_contents01  .box3 span:hover {background:#fff; color:#ebb71d; font-weight:600; cursor:pointer;}

/* contents box5 */
#main_contents01 .main_con02 {width:350px; height:365px; background:url('../images/box2.jpg'); font-family:'Nanum Gothic', sans-serif; margin-top:105px; float:left;}  
#main_contents01 .box5 {width:200px; height:100px; margin-top:216px; margin-left:25px; color:#fff;} 
#main_contents01  .box5 span:hover {background:#fff; color:#403931; font-weight:600; cursor:pointer;}

/*  MAIN CONTENTS 02 -------------------------------------------------------- */

#main_contents02 {clear:both;}
#main_contents02 .main_contents02_total {width:1100px; height:314px; margin-bottom:103px;}
#main_contents02 .board_wrap1, #main_contents02 .board_wrap2  {width:349px; height:214px; float:left; border:solid 1px #bdbcbc; box-sizing:border-box; margin-top:100px; }  
#main_contents02 .board_wrap1 { margin-right:26px;}

.board_title {width:349px; height:70px; }
.board_text {width:209px; height:70px; float:left; line-height:70px; font-size:20px; padding-left:15px; font-weight:600;  text-transform: uppercase; color:#000b03; }
.board_box {width:110px; height:70px; float:left; line-height:70px; text-align:right; font-size:18px; padding-right:15px; font-weight:600;}
.board_inside  {width:319px; height:130px; padding:0 15px; cursor:pointer;}

.quick { float:left; width:319px;}
.quick_icon {width:86px; text-align:center; display:inline-block; }
.icon2 , .icon3 { padding-left:25px;}
.quick_text { font-size:14px; line-height:20px; padding-top:10px;}
.quick_text:hover {font-weight:600; color:#266a39;}

.info_unmber { width:100%; height: 46px; border-bottom:solid #bdbcbc 1px; box-sizing:border-box; font-size:28px; color:#266a39; font-weight:600; }
.info_add { width:100%; height:80px; font-size:12px; line-height:16px; padding-top:15px;}



/*  LEFT MENU -------------------------------------------------------- */

.left_menu_wrap {width:270px;}
#left_title{width:250px; height:80px; padding:40px 0 0 15px;font-family:'Nanum Gothic', sans-serif; font-size:34px; line-height:34px; font-weight:600; color:#266a39;}
#left_nav{width:100%; overflow:hidden; min-height:250px; margin-top:10px;}
#left_total .line {width:70px; margin-left:2px; border:solid 3px #266a39;margin-bottom:10px;}

.leftMenu {float:left; width:257px; overflow:hidden;}
.leftMenu > li{list-style:none; border-bottom:1px solid #ddd; }

.leftMenu > li > a{display:block; width:257px; padding-left:20px; height:39px; font-family:'Nanum Gothic', sans-serif; font-size:16px; line-height:39px; font-weight:600; color:#535353; }
.leftMenu > li > a:hover{color:#77c144;}
.leftMenu > li.on > a{background:#266a39; color:#fff;}
.leftMenu .gub_sub {display:none;}
.leftMenu li .gub_sub { overflow:hidden; height:auto; padding:5px 0 15px;}
.leftMenu li .gub_sub li a {display:block; height:28px; padding-left:20px; font-family:'Nanum Gothic', sans-serif; font-size:14px; line-height:30px; color:#777;}
.leftMenu li .gub_sub li a:hover, .leftMenu li .gub_sub li.on a{color:#484e77; font-weight:600;}
.leftMenu li .gub_sub .sub01 a {height: 21px;}
.first_sub {padding-bottom:10px;}

#title_big {float:left; width:100%; height:30px; color:#555; font-family:"나눔고딕","NanumGothic"; font-size:26px; line-height:30px; font-weight:600; text-align:left; margin-top:10px; margin-bottom:30px;}
#line_line { float:left; width:100%; height:20px; border-top:solid 1px #bdbcbc; padding-bottom:1%;} 
#title_small{ float:right; width:300px; padding:5px; color:#888; font-family:"나눔고딕","NanumGothic"; font-size:12px; line-height:15px; font-weight:400; text-align: right;}


/* SUB LEFT MENU
#left_title{ width:200px; height:90px; float:left; font-size:30px; font-weight:600; line-height:90px; text-align:left; border-top:solid 6px #142769; padding-left:20px; color:#142769; }
#left_nav{width:220px; overflow:hidden; float:left;}
.leftMenu li:first-child {border-top:solid 1px #e2e2e2;}
.leftMenu {float:left; width:220px; overflow:hidden;}
.leftMenu li{list-style:none; border-bottom:solid 1px #e2e2e2; }
.leftMenu li a{display:block; height:40px;  font-family: 'Nanum Gothic', sans-serif; font-size:13px; line-height:35px; color:#333333; padding-left:20px;}
.leftMenu li a:hover{color:#fff; background:#142769; font-weight:600;}
.leftMenu li.on a{color:#fff;background:#142769; font-weight:600;}


/* FOOTER --------------------------------------------------------*/

#footer_wrap {width:100%;  overflow:hidden; margin:0 auto; background:#266a39; margin-top:0px; min-width:1200px; }
#footer_size {width:100%; max-width:1200px; margin:0 auto; background:#266a39;}
#footer_size .footer_copy {width:1200px; height:222px; background:#266a39; color:#fff;}

#footer_size .copy01 {width:100%; margin:0 auto; height:82px; line-height:82px; font-size:14px; border-bottom: solid 1px #bbbbbb;box-sizing:border-box; color:#fff;}
#footer_size  .list_admin li {text-align:left; float:left;}
#footer_size  .list_admin a {color:#fff; text-decoration:none; padding:0 5px;}
#footer_size  .list_admin a.frist {padding-left:0; text-indent:-5px;}
#footer_size .copy02  {width:70%;font-size:12px; color:#dfdddd; margin-top:30px; line-height:16px; float:left;}
#footer_size .copy03 {width:70px; height:70px;  float:right; padding-right:40px; padding-top:22px;}  
#footer_size .copy_img img {vertical-align:middle; line-height:16px;}