@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/*리셋*/
*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;vertical-align:top}
body, td, p, input, button, textarea, select,div,a{font-family:'나눔고딕','NanumGothic','Nanum Gothic','돋움',dotum; font-size:12px; color:#2d2921;}
h1,h2,h3,h4,h5,h6,strong,b{font-weight:600}
a{text-decoration:none;}

/*공통*/
body{min-width:1200px}
.container{position:relative;width:1200px;margin:0 auto}	
.clear{clear:both}
.container_sub{position:relative;width:1198px;margin:0 auto}	

/*header*/
header{position:absolute;width:100%;/*top:20px*/;z-index:990; background:#fff; }
header .sec1{position:relative;max-width:1200px;height:76px;background:#fafcfd;margin:0 auto}
header .sec1 .container{position:static}
header .sec1 h1{float:left;width:298px;height:76px}
header nav{float:left;width:900px}

header nav li{float:left}
header nav li > a{display:block;font-size:20px;font-weight:500;height:76px;line-height:76px;
color:#000;padding:2px 30px 0}
header nav li > a:hover,
header nav li.on > a{color:#0073a6;background:url('../images/common/nav_over.png') no-repeat center}
header nav li.on .sub{display:block;}
header nav .sub{position:absolute;left:0;top:73px;width:100%;height:40px;display:none;
background:#009944}
header nav .sub.s1 dl{margin-left:285px}
header nav .sub.s2 dl{margin-left:420px}
header nav .sub.s3 dl{margin-left:550px}
header nav .sub.s4 dl{margin-left:720px}
header nav .sub.s5 dl{margin-left:890px}
header nav .sub.s6 dl{margin-left:1000px}
header nav .sub dl{}
header nav .sub dl dd{float:left}
header nav .sub dl dd a{display:block;font-size:15px;height:32px;line-height:40px;color:#fff;margin:0 15px}
header nav .sub dl dd a:hover{border-bottom:2px solid #ee8a5a}


/*footer*/
footer{clear:both; margin-top:30px}

footer .sec1{height:40px;border-top:1px solid #ddd;text-align:center;font-weight:600;
background:#999; color:#FFF}
footer .sec1 a{font-size:14px;line-height:40px;margin:0 30px; color:#FFF}
footer .sec1 a:hover{color:#a5e561}


footer .sec2{padding:30px 0;background:#eaeaea;border-top:1px solid #ddd}
footer .sec2 h2{float:left;width:230px}
footer .sec2 .info{line-height:1.5;color:#2d2921}
footer .sec2 .info span{margin-right:5px}
footer .sec2 .info,
footer .sec2 .info a{font-size:13px;color:#2d2921;letter-spacing:-1px}
footer .sec2 .info b{color:#2d2921;letter-spacing:0}



/*모달*/

/* \\\\\\\\\\\\\\\\\    MODAL CODE   ///////////////////////////////// */
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.modal {
  display: none;
  background: #fff;
  
  padding: 20px ;
  overflow: auto;
  z-index: 1001;
  position: absolute;
  width: 1000px;
 min-height: 650px;
  
}
.modal .img_100 img{ width:100%}

/* \\\\\\\\\\\\\\\\\    END MODAL CODE   ///////////////////////////////// */

.modal p {
  font-size: 14px;
  text-align: left;
  margin: 10px 0 0;
}
.modal p:hover {
  cursor: pointer;
}