@charset "utf-8";

/* GNB */
#gnb { display:inline-block; position:relative; z-index:999; width:100%; height:60px; margin:0 auto; top:0;} 
.visual_sub_stripe { display:block; position:absolute; top:0; height:370px; width:100%; background-image: url('../images/bg_sub.jpg');background-position: top; background-repeat:repeat-x; }	
.gnb_stripe { height:60px; position:relative; z-index:999; background:#fff; }

#gnb_nav { display:none; width:100%; height:60px; margin:0 auto; position:relative; background:none; top:0; } 
#gnb_nav_wrapper { margin:0 auto; width:1001px; position:relative; }
#gnb_nav_wrapper div.default ul{ margin:0; padding:0; }
#gnb_nav_wrapper div.default ul li { overflow:hidden; list-style:none; float:left; width:143px; height:60px; cursor:pointer; position:relative; }
#gnb_nav_wrapper div.default ul li { line-height:60px; font-size:18px; font-weight:500;  text-align:center; letter-spacing:-0.05em; }
#gnb_nav_wrapper div.default ul li a { color:#222; }
#gnb_nav_wrapper div.default ul li .square { width:100%; height:60px; position:absolute; }
#gnb_nav_wrapper div.default ul li .txt { top:0; left:0; width:100%; height:60px; position:absolute; }
#gnb_nav_wrapper div.default ul li .over { top:60px; width:100%; height:60px; position:absolute; background:#007933; color:#fff; }		

#gnb_nav_wrapper div.over ul{ top:0px; left:0px; margin:0; padding:0; position:absolute; }
#gnb_nav_wrapper div.over ul li { list-style:none; float:left; width:143px; height:60px; cursor:pointer; position:relative; }
		
#gnb_nav #gnb_nav_wrapper #gnb_nav_line { top:0; left:0;  margin-top:0px; padding:0; position:absolute;}
#gnb_nav #gnb_nav_wrapper #gnb_nav_line li { width:1px; height:60px; line-height:60px; position:absolute; background:#ddd; }

#snb_nav_mask { top:60px; width:100%; height:0; overflow:hidden; position:absolute; z-index:999; opacity:1; background:#fff; border-bottom:1px #ddd solid; } 

#snb_nav_wrapper { top:0px; left:0px; width:1001px; height:180px; position:relative; margin:0 auto; padding-top:10px;  }
#snb_nav_square { position:absolute; }
#snb_nav_square .menu { top:0px; float:left; width:143px; height:180px; position:absolute; cursor:pointer;}
#snb_nav_square .menu ul { padding:0;width:143px; height:180px; }
#snb_nav_square .menu ul li { position:relative; top:0px; list-style:none; text-align:center; width:143px; height:31px;  line-height:31px;  font-size:16px; background:#fff; color:#222; letter-spacing:-0.06em;font-weight:400; cursor:pointer; }

#snb_nav_btn { position:absolute; }
#snb_nav_btn .menu { top:0px; width:143px; height:180px; position:absolute; }
#snb_nav_btn .menu ul{ padding:0; }
#snb_nav_btn .menu ul li { list-style:none; text-align:center; width:143px; height:31px; cursor:pointer; position:relative;}
		
					
#snb_nav_line { position:absolute; }
#snb_nav_line li { list-style:none; width:1px; height:126px; position:absolute; margin-top:0px; }

.lineBottom { /*display:none;*/ top:59px; left:0; width:100%; height:1px; background:#ddd; opacity:0; filter:alpha(opacity=0); position:absolute; z-index:4; }		

.logoSide { width:60px; height:100%; overflow:hidden; top:0; left:50%; margin-left:-730px; position:absolute; }
.logoSide_btn { width:100%; height:100%; position:relative; margin-top:-70px; cursor:pointer; }