@charset "utf-8";
@import url("main.css");
@import url("sub.css");
@import url("customer.css");

/*----파일정보----*/
/*파일명:common.css*/
/*파일설명: 공통적인 요소를 사용하는 css는 모두 이 파일안에 작성*/
/*작성일:2013년 5월 2일*/
/*수정일*/


/*---- 공통----*/
*{margin:0; padding:0;font-family:dotum,"돋음",sans-serif;  }
html{
   height:100%;
   overflow-y:scroll;
}

body{
	font-size:12px; 
	color:#666; 
	text-align:center; 
	width:100%; 
	height:100%; 
	background:url(../images/common/gnb_bg.gif) repeat-x;
	
}
h1,h2,h3,h4,h5,h6,input,textarea,select,option,th,td{font-size:12px;}
textarea{ border:1px solid #666; color:#666;}
li{list-style:none;}
img,fieldset,iframe{border:0 none;}
address,em,dfn{font-style:normal;}
a{color:#666; text-decoration:none; }
a:hover,a:active,a:focus{color:#666; text-decoration:none; outline: none;}
ul,li{margin:0; padding:0;}
dt img{vertical-align:top;}
*html{height:-1px;}
table{width:100%; padding:0; border-spacing:0; border:0; border-collapse:collapse; color:#333; text-align:center;}
tr, td{padding:0;}


/* HIDDEN */
/*hr{display:none;}*/
.blind{display:block; position:absolute; left:0; top:-1000em; overflow:hidden;}
.hidden{visibility:hidden; font-size:0; line-height:0;}
.text_by{text-indent:-8000px;}
.skip{display:none;}
/*font 설정*/

/*
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); 
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); .fng{font-family:'나눔고딕', NanumGothic, 'Nanum Gothic';}
*/


/*----common_layout----*/

#wrap{position:relative;width:100%; height:100%; background:url(../images/common/header_bg.gif) repeat-x;}
#header{position:relative; width:940px; margin:0 auto; z-index:3; height:85px;}
.logo{position:absolute; top:36px; left:0;}
.topmenu{position:absolute; right:0; top:8px; z-index:2;}
.topmenu:after{content:""; display:block; clear:both;}
	.topmenu01{float:left; margin:2px 10px 0 0 ; }
	.topmenu01 a{color:#fff;}
	.topmenu02{float:left;}
	.topmenu02 div{
		position:relative; width:103px; height:18px; text-align:left; 
		border:1px solid #e0e0e2; background:#fff; color:#999; font-size:11px; 
		cursor:pointer;
		}
	.topmenu02 div em{display:block; padding:3px 0 0 6px; }
	.topmenu02 div span{position:absolute; top:0; right:0;}
	.topmenu02 ul{width:103px;border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#fff; height:20px; }
	.topmenu02 ul li{text-align:left;}
	.topmenu02 ul li a{display:block; padding:2px 0 0 6px; color:#999;}

#gnb{position:relative; width:940px; z-index:1;}
#gnb ul{}
#gnb ul li{}
.menu01,.menu02,.menu03,.menu04{position:absolute; top:36px;}
.menu01{left:188px;}
.menu02{left:375px;}
.menu03{left:563px;}
.menu04{right:1px;}

#sub_menu{position:relative; position:absolute; left:0;top:85px;width:100%; height:140px; background:#f7f8f9 url(../images/common/gnb_sub_bg.pn) top center; z-index:3;}
.sub_wrap{position:relative; width:940px; margin:0 auto;  height:140px; }

.sub_wrap p{position:absolute; top:0; left:0;}
#submenu_wrap{position:absolute; right:0;}
#submenu_wrap ul li{margin:5px 0 0 0; line-height:0; font-size:0;}
.submenu01,.submenu02,.submenu03,.submenu04{float:left; margin:10px 0 0 0; text-align:right;} 
.submenu01{position:absolute; right:610px;width:210px; }
.submenu02{position:absolute; right:426px;width:210px; }
.submenu03{position:absolute; right:243px;width:210px; }
.submenu04{position:absolute; right:40px;width:210px; }

#container{position:relative; width:940px; margin:0 auto; z-index:3; text-align:left;}
#container:after{content:""; display:block; clear:both;}

#footer_wrap{position:relative; width:100%; border-top:1px solid #dadada; height:149px; background:#f7f8f9;}
#footer{position:relative; width:940px; margin:0 auto; text-align:left;}
#footer address{color:#555;}
#footer p{}
#footer ul{position:absolute; top:18px; right:0;}
#footer ul li{float:left;}