@charset "utf-8";


/* common */

body {margin:0; padding:0; color:#555; font-size:12px; font-family: "맑은 고딕", "돋움", Arial, Helvetica, sans-serif; background:url(../img/bg_sub.gif) repeat-x;}
img {border:0;}
dl,ul,ol,li {list-style: none;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}
table{border-collapse: collapse;}


/*link*/
a { color:#555; text-decoration:none;}
a:hover {color:#796e22; text-decoration:none}

/*layout*/

#wrap {argin:0px auto; clear:both; width:968px; float:left; padding-right:25px}

/*header*/
#header {position:relative; width:100%; height:87px; float:left;}
#logo {position:absolute; top:32px; left:37px;}
#siteguide {position:relative; width:300px; height:20px; float:right; text-align:right; padding-right:7px;} 
#siteguide ul li {display:inline; margin-left:10px; font: 10px/1.8em Verdana, Geneva, sans-serif;}

/*navigation*/
.navi {position:absolute; top:50px; right:0; z-index:10; width:570px; height:34px; font-size:14px;}
.navi ul li{float:left; margin:0px; left repeat:none;  padding-left:35px;}
.navi ul li a.menu{display:block; color:#343434; background:url(../img/off.gif) left center no-repeat; font-weight:bold; font-family:돋움; padding-left:12px;}
.navi ul li a.menu:hover{display:block; color:#0c4da2; background:url(../img/on.jpg) left center no-repeat;}

.dep2_menu {position:absolute; z-index:30; padding:0 4px; background:#fff; border:1px solid #999; line-height:14px; }
.dep2_menu ul {text-align:center;}
.dep2_menu ul li {text-align:center; padding:0px 6px;}
.dep2_menu ul li a {display:block; color:#666; text-decoration:none; padding:4px 0px 4px 0px; font-size:12px;}
.dep2_menu ul li a:hover {color:#000; text-decoration:none;}

#dep2_1 {visibility:hidden; position:absolute; top:26px; left:40px; width:270px; height:25px; z-index:10;}
#dep2_2 {visibility:hidden; position:absolute; top:26px; left:150px; width:240px; height:25px; z-index:10;}
#dep2_3 {visibility:hidden; position:absolute; top:26px; left:260px; width:200px; height:25px; z-index:10;}
#dep2_4 {visibility:hidden; position:absolute; top:26px; left:370px; width:180px; height:25px; z-index:10;}
#dep2_5 {visibility:hidden; position:absolute; top:26px; left:485px; width:140px; height:25px; z-index:10;}

/*middie*/
#mid {position:relative; float:left; padding-top:30px; padding-bottom:30px; padding-left:37px;}
#mid .visual {float:left; margin-bottom:20px;}
#mid .left {position:relative; clear:both; float:left; width:190px;}
#mid .content {position:relative; float:left; width:700px; padding-top:25px; margin-left:12px;}
#mid .content .subtitle {position:relative; float:left;}
#mid .content .route {position:relative; float:right;}
#mid .content .contents {width:700px; border-top:1px solid #88cf8f; margin-top:30px; padding-top:15px; overflow:hidden;}
#mid .content .contents .type {position:relative; float:left; width:45%; height:320px;margin-right:15px; margin-bottom:25px; text-align:left; }
#mid .content .contents .type p {font-size:12px; font-family: "맑은 고딕" ;}
#mid .content .contents .intro {position:relative; float:left; clear:both;}
#mid .content .contents .photo {position:relative; float:left; width:200px; margin-right:10px; text-align:center; vertical-align:top;}
#mid .content .contents .p {position:relative; float:right; width:510px; padding-top:10px; margin-bottom:35px; vertical-align:middle;}
#mid .content .contents .his {position:relative; float:right; width:490px; margin-bottom:30px; vertical-align:top;}
#mid .content .contents img {margin-bottom:20px;}
#mid .content .contents div.inquiry {float:left; padding:70px 0 0 0; width:400px;}
#mid .content .contents div.inquiry h2 {font:bold 30px/1.5 "맑은 고딕", 돋움; padding:0 0 20px 0; background:none;}
.current {color:#796e22;}

#mid .content .contents2 {width:700px; border-top:1px solid #88cf8f; margin-top:15px; padding-top:15px;overflow:hidden;}


/*table*/
#type {width:70%; height:200px; border-right:1px solid #bbb; border-top:1px solid #bbb; position:relative; float:right;}
#type th {text-align:center; padding:3px 10px; background-color:#f5f3e0; border-bottom:1px solid #bbb; border-left:1px solid #bbb;}
#type td {padding:5px 5px; border-bottom:1px solid #bbb; border-left:1px solid #bbb;}

#form {width:100%; border:none;}
#form th {width:200px; height:5px; text-align:center; padding:2px 10px; background-color:#f5f3e0; border:none; }
#form td {padding:5px 5px; border:none;}
#form .submit {text-align:center;}
#form textarea{width:360px; height:50px;}

#board {width:100%;}
#board caption{display:none;}
#board th {padding:5px 0px; background-color:#f5f3e0;}
#board td {border-bottom:1px dotted #ccc; padding:3px 0px; text-align:center;}


#cert td {padding-right:20px;}
#cert img {border:1px solid #ccc;}

/*footer*/
#footer {position:relative; float:left; margin-top:20px; width:100%; height:90px; width:100%; background:url(../img/bg_footer.gif) repeat-x;}
#footer_logo {position:relative; float:left; margin:20px 40px;}
#footer p {position:relative; float:left; padding-top:20px; font:12px/1.6em "맑은 고딕", 돋움, Verdana, Geneva, sans-serif;}

/*sitemap*/
.sitemap { width:180px; height:200px; margin:0px 40px 20px 0px; position:relative; float:left;}
.sitemap li {list-style:disc; list-style-position:inside; padding-left:10px;}

.date {font-weight:bold; color:#6085BD; padding-right:40px;}
.history {padding-top:10px;}
.pack {font:11px/1.6em  "맑은 고딕", "돋움", Arial, Helvetica, sans-serif; color: #657d38;}
.dis {font:11px/1.6em  "돋움", Arial, Helvetica, sans-serif; color:#6085BD;}
h2 {font: bold 15px/1.6em   "돋움", Arial, Helvetica, sans-serif; color: #657d38; background:url(../img/product/li.gif) left no-repeat; padding-left:8px;}
.sitemap h2 {background:none;}

.button, a.button {display: inline-block; cursor: pointer; text-align: center; text-decoration: none; text-transform:capitalize; font:bold 12px/90% "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 4px 20px ;
  text-shadow: 0 1px 1px rgba(0,0,0,.1);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 1px rgba(0,0,0,.2);
}
.button:hover { text-decoration: none;}
.button:active { position: relative; top: 1px;}

.blue {color:#fff !important; background: #97b8ee; border: solid 1px #567ec1; background: -webkit-gradient(linear, left top, left bottom, from(#97b8ee), to(#4c7bca)); background: -moz-linear-gradient(top,  #97b8ee,  #4c7bca);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#97b8ee', endColorstr='#4c7bca');}

.send {margin-top:20px;}
.submit {width:630px; text-align:center;}