@charset "UTF-8";
@font-face {
    font-family: 'Binggrae-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html  { width:100%; height:100%;   }
body { }
#main {height:100%; width:100%;  }
#sub {height:100%; width:100%;   }

header {width:100%;   height:110px; margin:0 auto; position:relative}
header .nav_line {width:100%; height:1px; background-color:#3d9e30; margin-top:20px; margin-bottom:2px; display:inline-block; min-width:1240px;} 
/*header ul {width:100%; background: linear-gradient( to top, #3d9e30, #43b334 );  float:left; text-align:center; min-width:1240px}
header ul li {font-size:21px; font-weight:600; color:#333; display:inline-block; line-height:60px; padding:0 75px; background:url('http://webmind.kr/htm/sibata/nav_line.png') no-repeat right ; }
header ul li:last-child {background:none; padding-right:5px}*/
  
header p.logo {width:100%; text-align:center; float:left; }
header p.logo a {position:relative}
header p.logo img {margin-top:13px;}
 
header div.call {width:100%; text-align:left; font-weight:700; font-size:25px;  display:inline-block; margin-top:-75px; }
header div.call img {  vertical-align: middle}
header div.util {width:100%; text-align:right;  display:inline-block; margin-top:-60px;     }
header div.util a {font-size:14.5px; letter-spacing:-0.5px;  display:inline-block; margin-left:5px; border-radius:3px; color:#555 !important; font-weight:500; border:1px solid #ddd; padding:3px 15px;}
 header div.util a img {vertical-align:middle; margin-top:-3px; display:none}
header div.util img {  vertical-align: middle; margin-left:10px}



nav { width:100%; background: linear-gradient( to top, #3d9e30, #43b334 );  float:left; text-align:center; min-width:1240px }

nav ul {
  font-size: 0;
  margin: 0;
  padding: 0;
}

nav ul li {
  display: inline-block;
  position: relative; width:250px;
     background:url('http://webmind.kr/htm/sibata/nav_line.png') no-repeat right ;
}

nav ul li:last-child {background:none; } 

nav ul li a {
  color: #fff !important;
  display: block; letter-spacing:-1px;
 font-size:21px; font-weight:600;  width:100%;
   transition: 0.3s linear;  line-height:60px; 
}

nav ul li:hover { background:#3d9e30}

nav ul li ul {
   display: none;
  position: absolute;
  width: 100%; 
}

nav ul li ul li {
  border-bottom: 1px solid #ddd;
  display: inline-block; width:100%;
}
nav ul li ul li:last-child {border-bottom:none } 

 
nav ul li ul li a {
  background: #fff; font-size:16.5px; font-weight:400; 
  display:inline-block;  line-height:45px; color:#555 !important; 
 }

nav ul li ul li a:hover { background: #43b334; color:#fff !important}

 



.wrap {min-width:1240px;  max-width:1300px;   width:100%;  margin:0 auto;}
.in {width:1240px; margin:0 auto;} 


h2 {width:100%; text-align:center;  display:inline-block;  }
h2 p {font-size:15px; font-weight:300; letter-spacing:0px;}
h2 div {width:auto; padding:0 45px; display:inline-block;  background:url('/common/img/h2_line.png') repeat-x center;}

h2 div span {font-size:33px; font-family: 'Binggrae-Bold'; color:#444; background-color:#fff; padding:0 5px}
h2 a {font-size:13px; float:left; text-align:right; margin-top:-40px; width:100%; font-weight:400; color:#888 !important; letter-spacing:1px;}


 /*바텀*/
 
.sitemap {width:100%;  margin-top:70px;  min-width:1240px;   float:left; background-color:#fff; border-top:1px solid #ddd;}
.sitemap div {width:100%; box-sizing:border-box; max-width:1300px;  min-width:1240px;   margin:0 auto;}
.sitemap div ul {width:100%; display:flex; flex-wrap: wrap;
justify-content:  space-between ; margin-top:5px;  }
.sitemap div ul li { width:25%; padding-left:15px; border-right:1px solid #ddd;  box-sizing:border-box; }
.sitemap div ul li:first-child {border-left:1px solid #ddd;}
.sitemap div ul li ul li {width:100%;  border-right:none; line-height:23px;}
.sitemap div ul li ul a {font-size:14.4px; font-weight:400; color:#777 !important;}
.sitemap div ul li ul li.tt {font-size:18px; font-weight:600; color:#333; padding-bottom:7px; padding-top:15px; border-left:none}
.sitemap div ul li ul li:last-child {padding-bottom:21px;}
.sitemap div ul li ul {display:inline-block;}


a.fixed_top {width:65px; line-height:65px; text-align:center;  background-color:#76bc4a;  color:#fff !important; border-radius:3px; font-size:15px; display:inline-block; position:fixed; bottom:10%; right:2%;}



footer {width:100%;  min-width:1240px; border-top:1px solid #ddd; padding-top:30px;  background-color:#f9f9f9; float:left; padding-bottom:40px; }
footer div {  margin:0 auto;}
#sub footer div {width:100%; margin:0 auto;}


footer div p {width:100%; float:left; font-size:14px; color:#777; text-align:center; line-height:1.5em; padding-top:10px}
 footer div p span {color:#999; font-size:0.95em; letter-spacing:0}