@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{margin:0; padding:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; }

li { list-style-type:none; }
img,fieldset,iframe{border:0;}
img,fieldset { border:none; }
img{ max-width:100%; }/*ipad사이즈에서 userlogin 의 title등 %로 된  것을 위해*/
li img, dd img { vertical-align:top; }
input { vertical-align:middle; }
hr{display:none;}

a { text-decoration:none; color:#494949; }
a:hover { color:#494949; }

h1,h2,h3,h4,h5,h6 { font-size:100%; }
address,strong{font-style:normal; font-weight:normal; }
table{width:750px; padding:0; border-spacing:0; border:0; border-collapse:collapse; color:#aaa; text-align:center;}
tr, td{padding:0;}


 body { font:12px 'NanumGothic', '나눔고딕','NanumGothicWeb','맑은 고딕', 'Malgun Gothic','돋움','굴림',Dotum,Gulim,Sans-serif;  }

.blind { font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }
.skip{display:none;}

@font-face{font-family:'NGothic'; src:url('../font/NanumGothic.woff') format('woff'); }
@font-face{font-family:'NGothicB'; src:url('../font/NanumGothicBold.woff') format('woff'); }

@font-face{font-family:'NGothicEB'; src:url('../font/NanumGothicExtraBold.woff') format('woff'); }
@font-face{font-family:'NMyeongjo'; src:url('../font/NanumMyeongjo.woff') format('woff'); }
@font-face{font-family:'NMyeongjoB'; src:url('../font/NanumMyeongjoBold.woff') format('woff'); }
@font-face{font-family:'NMyeongjoEB'; src:url('../font/NanumMyeongjoExtraBold.woff') format('woff'); }


body{overflow-y:scroll;}

/*header*/
#header_wrap{position:relative; border-bottom:3px solid #000078;  z-index:1;}
#headers{position:relative;width:970px; min-height:111px; max-height:400px; margin:0 auto; min-width:970px; z-index:2;}
.logo a{position:absolute; display:block; top:42px; left:5px;width:194px; height:42px; background:url(../images/common/logo.png) no-repeat;}
.topmenu{position:relative; position:absolute;  top:0; right:0;}
.topmenu:after{content:""; display:block; clear:both;}
	.topmenu dt{display:block;}
	.topmenu dt a{display:block; width:117px; height:24px; background:url(../images/common/total_menu.png) no-repeat;}
	.topmenu dt, .topmenu dd{float:left;}
	.topmenu dd{position:relative; width:261px; height:24px; background:#363c47;}
		.topmenu dd ul{}
			.topmenu dd ul li{ float:left;}
				.home,.contactus,.sitemap{display:block; position:absolute; height:9px; text-align:center; background: no-repeat; top:8px;}
				.home{left:39px; width:30px; background:url(../images/common/home_menu.png); }
				.contactus{left:95px; width:59px; background:url(../images/common/contactus_menu.png);}
				.sitemap{left:180px;width:43px; background:url(../images/common/sitemap_menu.png);}


.gnb{position:relative; position:absolute; top:55px; right:0; }
.sub_menu_none{display:none;}
.sub_menu{line-height:30px; margin:10px 0 0 42px; }
.gnb1,.gnb2,.gnb3,.gnb4{float:left;}
.menu1_on,.menu2_on,.menu3_on,.menu4_on{display:block; height:35px; background: no-repeat; }
.menu1_on{width:153px; background:url(../images/common/menu1.png); background-position:0 0;}
.menu2_on{width:153px; background:url(../images/common/menu2.png); background-position:0 0;}
.menu3_on{width:153px; background:url(../images/common/menu3.png); background-position:0 0;}
.menu4_on{width:107px; background:url(../images/common/menu4.png); background-position:0 0;}

.menu1_off,.menu2_off,.menu3_off,.menu4_off{display:block; height:35px; background: no-repeat; }
.menu1_off{width:153px; background:url(../images/common/menu1.png); background-position:0 35px;}
.menu2_off{width:153px; background:url(../images/common/menu2.png); background-position:0 35px;}
.menu3_off{width:153px; background:url(../images/common/menu3.png); background-position:0 35px;}
.menu4_off{width:107px; background:url(../images/common/menu4.png); background-position:0 35px;}

.close{display:block; width:63px; height:26px; background:url(../images/common/close_btn.png) no-repeat; position:absolute;bottom:0; right:0;  }
/*header*/

#container{position:relative;width:970px; margin:0 auto; z-index:1;}
#container:after{content:""; display:block; clear:both;}

#footer{position:relative; width:100%; height:150px;background:#363c47;  z-index:3;}
.footer_info{position:relative; width:970px; margin:0 auto; color:#fff;}
.footer_info a{color:#fff; }
.footer_content{float:left; margin:26px 0 0 0;}
.footer_content li{float:left; padding:0 6px 0 6px; }
.footer_content li a{font-size:13px;}
.line_color{color:#626a78;}
address{/*float:left; margin:13px 0 0 5px; */ position:absolute; left:5px; top:50px; font-size:11px; color:#b5b5b5; line-height:14px;}
.mail_link{color:#b5b5b5;}
address span{display:block;}

.select_box{position:absolute; top:16px; right:0; width:164px; }
.select_box p a{display:block; width:164px; height:25px; background:url(../images/common/select_frist_bg.png) no-repeat;}
.select_box ul{display:none; position:absolute; top:-383px; width:164px; background:#333;}
.select_box ul li{padding:5px 0 5px 10px;}


/*quick 메인에선 퀵이 아닌 롤링tab으로..*/
#quick{position:fixed; right:0; top:0; width:83px; height:100%; background:url(../images/common/quick_bg.png) repeat-y top right; z-index:2;}
#quick li{line-height:0; font-size:0;}
.quick01_on,.quick02_on,.quick03_on{display:block; background: no-repeat; width:84px; height:144px;}
.quick01_on{margin:114px 0 0 0; background:url(../images/main/quick_tab01.png);}
.quick02_on{background:url(../images/main/quick_tab02.png);}
.quick03_on{background:url(../images/main/quick_tab03.png);}

.quick01_off,.quick02_off,.quick03_off{display:block; background: no-repeat; width:84px; height:144px;}
.quick01_off{margin:114px 0 0 0; background:url(../images/main/quick_tab01.png); background-position: 84px 0;}
.quick02_off{background:url(../images/main/quick_tab02.png); background-position: 84px 0;}
.quick03_off{background:url(../images/main/quick_tab03.png); background-position: 84px 0;}







