/* 메인 */

header{ width:100%; height:108px; margin:0 auto; position:relative;   }

header h1 { position:absolute; top:0; left:20px; margin:0; }

header nav { position:absolute; right:20px; bottom:0;}

header ul.top_navi { position:absolute; top:20px; right:40px; }

header ul.top_navi li { float:left; padding-left:8px; font-size:11px; }

header ul.top_navi li a { display:block; }



/* 네비게이션 */



#nav { margin: 0; padding: 0; list-style: none; height: 65px; padding-left: 15px;  }

#nav li { float: left; display: block; background: none; position: relative; z-index: 999; }

#nav li a { display: block; font-weight: 800;font-size: 17px; line-height: 65px; text-decoration: none;  color: #000; zoom: 1; width:140px; text-align:center; }

#nav li a:hover, #nav li a.hov { background-color: #103f22;  color: #fff; }

#nav ul { position: absolute; display: none; margin: 0; padding: 0; list-style: none; background:#eee; width:140px;  }	

#nav ul li { float: left;  text-align: left; border-bottom: 1px solid #eee; background:#fff; width:100%; }

#nav ul li:hover {  }

#nav ul a { display: block; line-height: 25px; padding: 10px 0; color: #333;  font-size:13px !important; overflow:hidden; }

#nav ul li:last-child {    }

#nav ul a:hover { display:block; background:#eee; color:#333;  }







#meta { width:100%; overflow:hidden; }

#meta img { width:100%; height:auto; }



section#main { width:100%; padding:50px 0; overflow:hidden; background:#fdd6d8; }

section#main div.service { width:1100px; margin:0 auto; }

section#main div.service  h2 { text-align:center; background:url(../images/line.png) no-repeat top center; padding-top:10px; font-size:30px;    }

section#main div.service  h2 span { font-weight:bold;}

section#main div.service  p.title { font-size:20px; text-align:center; padding:10px; color:#005952;   }

section#main div.service  ul { width:100%; overflow:hidden; margin-top:30px; }

section#main div.service  ul li { float:left; width:340px; margin-right:40px; background:#fff; overflow:hidden; }

section#main div.service  ul li:last-child { margin-right:0; }

section#main div.service  ul li div { padding:20px; }

section#main div.service  ul li div h3 { font-size:20px; font-weight:600; padding-bottom:10px;   }

section#main div.service  ul li div p { font-size:15px; line-height:20px; overflow:hidden; margin-bottom:20px;}

section#main div.service  ul li div p a:hover { text-decoration:underline; } 

section#main div.service  ul li div a.more { display:block; height:30px; line-height:30px; font-size:15px; padding:0 20px; border:1px solid #000; float:right; margin-bottom:20px; }



section#m_gallery #gallery { width:100%; overflow:hidden;}

section#m_gallery .hover-grid .hover-grid-item { 	width: 20%; height: 180px; 	float: left; overflow:hidden; position:relative; cursor:default; }

section#m_gallery .hover-grid .hover-grid-item img { border:0; position:absolute; margin: 0; padding: 0; width:100%; height: 180px; }

 section#m_gallery .hover-grid-item .caption { 	background:url(../images/hover_bg.png) repeat; 	width:100%; height:200px; position:absolute; left:0; color: #fff; display:none; line-height:1.1; /*-webkit-border-radius: 4px;	-moz-border-radius: 4px; 

	border-radius: 4px;*/ }

section#m_gallery .hover-grid-item .caption h2 { text-align:center; color:#fff; font-size:20px; height:30px; line-height:30px; margin-top:50px; font-weight:600; margin-bottom:20px;   }

section#m_gallery .hover-grid-item .caption a.view { color:#fff; display:block; border:1px solid #fff; height:20px; line-height:22px; width:60px; font-size:12px; text-align:center; margin:0 auto;}





section#sub article #gallery { width:100%; overflow:hidden;}

section#sub article .hover-grid .hover-grid-item { 	width: 25%; height: 275px; 	float: left; overflow:hidden; position:relative; cursor:default; }

section#sub article .hover-grid .hover-grid-item img { border:0; position:absolute; margin: 0; padding: 0; width:100%; height: 275px; }

section#sub article .hover-grid-item .caption { 	background:url(../images/hover_bg.png) repeat; 	width:100%; height:275px; position:absolute; left:0; color: #fff; display:none; line-height:1.1; /*-webkit-border-radius: 4px;	-moz-border-radius: 4px; 

	border-radius: 4px;*/ }

section#sub article .hover-grid-item .caption h2 { text-align:center; color:#fff; font-size:20px; height:30px; line-height:30px; margin-top:70px; font-weight:600; margin-bottom:40px;   }

section#sub article .hover-grid-item .caption a.view { color:#fff; display:block; border:1px solid #fff; height:20px; line-height:22px; width:60px; font-size:12px; text-align:center; margin:0 auto;}



.gallery_pop { padding:20px; overflow:hidden; text-align:center; }

.gallery_pop p { padding:20px 0; color:#000; }





section#sub { width:100%; overflow:hidden; border-bottom:1px solid #e1e1e1;  }

section#sub .s_meta { background:#fdd6d8; text-align:center;  }

section#sub .s_meta img { width:729px; margin:0 auto; height:auto; }

section#sub .sm { width:100%; height:60px; line-height:60px; border-bottom:1px solid #e1e1e1;  }

section#sub .sm div { width:1100px; margin:0 auto;  text-align:center; position:relative;  }

section#sub .sm div p { position:absolute; top:30px; right:0; }

section#sub .sm div p a { padding:0 !important; border:0 !important;   }

section#sub .sm div a { display:inline-block;  height:60px; line-height:60px; border-right:1px solid #e1e1e1; font-size:18px; padding:0 30px;}

section#sub .sm div a:first-child { border-left:1px solid #e1e1e1;  }

section#sub .sm div a.on { background-color: #103f22;  color: #fff;   }

section#sub h2.s_title {  text-align:center;  font-size:30px; font-weight:600; color:#000; padding-top:20px;  background:url(../images/top_line.png) no-repeat top center; overflow:hidden; margin-top:40px; letter-spacing:5px; }



section#sub article { overflow:hidden; padding:40px 0 50px 0; width:1100px; margin:0 auto;}











footer { width:1100px; overflow:hidden; margin:0 auto; padding:30px 0; line-height:150%; font-size:12px; position:relative;}

footer p { font-size:15px !important; line-height:200%; padding-bottom:20px;}

footer p span { font-size:40px !important; font-weight:600; display:inline-block;  }

footer p a.order { font-size:15px !important; font-weight:600; display:inline-block; border:1px solid #000; margin-left:20px; padding:0 20px; border-radius:20px; position:absolute; top:25px; left:600px; cursor:pointer; }

footer p a:hover.order { background:#000; color:#fff; }



footer ul { position:absolute; right:0; top:30px; }

footer ul li { float:left; padding-left:10px; }



.pb30 { padding-bottom:30px; }

.pt30 { padding-top:30px; }



.mt30 { margin-top:30px; }

.mb30 { margin-bottom:30px; }