@charset "utf-8";
/******************************************************
AP sulwhasoo
+ Author : ACG Technology Group Kim jin ah (greyopera@astrum.co.kr)
+ Author : ACG Technology Group Han mi sun (msmelong@astrum.co.kr )
+ Version : 1.0 (이후 업데이트시 버전 체크)
*******************************************************/

/* Default Style
*******************************************************/
* {margin:0; padding:0;}
html, body, div, span, object, frame, iframe, 
table, caption, thead, tbody, tfoot, tr, th, td, 
form, fieldset, legend, label, input, select, textarea, button, 
dl, dt, dd, ol, ul, li, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre {font-size:12px; line-height:16px; font-family:"돋움", Dotum, AppleGothic, Sans-Serif;}
a, abbr, acronym, address, big, cite, code, dfn, em, strong {font-size:100%;}
html, body {}
hr {display:none;}
abbr, img, fieldset {border:0 none;}
address, blockquote, code, pre {}
address, cite, em {font-style:normal;}
ol, ul, li {list-style:none;}
a {text-decoration:none;}
a:hover {background:none;} /* FOR IE6 BUG FIXED : ie6 Ignored selector hover bug */
a:link:hover, a:active {text-decoration:underline;}
table {border-collapse:separate; border-spacing:0;}
table caption, fieldset legend {position:absolute; left:10000%; top:-10000%; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;}
button, label, input.img_input {cursor:pointer;}
label {display:-moz-inline-stack;/* FOR FF2 ONLY */ display:inline-block; *display:inline;/* FOR IE~7 ONLY */ vertical-align:top; *zoom:1;/* FOR IE~7 ONLY */} /* 테스트후재정의필요 : 사용시 ie6,7에서 label 간격 붙어버림, 거의 모든 브라우저에서 정렬 불규칙하게 틀어짐 */
button{overflow:visible; font:0/0 Arial; border:0; background:transparent;}
input.txt_input {height:18px; margin:-1px 0 1px; border:1px solid #c0dff3;}
input.rdo_input, input.chk_input {width:16px; height:16px;}
input.file_input {} /* height 관련 재정의 필요 */
input.img_input {}
select {height:20px;}
select.slt_input {}
textarea {}
textarea.txt_area {border:1px solid #c0dff3;}
fieldset, label, input, select, textarea, button, label img, fieldset img {vertical-align:middle;} /* 테스트후재정의필요 */
fieldset.inline-block {vertical-align:middle;}

/* common */
.hidden_obj {position:absolute; left:-10000% !important; top:-10000%; overflow:hidden; width:1px;height:1px;margin:0;padding:0;font-size:0;line-height:0;}
.float_left {float:left;}
.float_right {float:right;}
.clear_left {clear:left;}
.clear_right {clear:right;}
.clear_both {clear:both;}
.clear {*zoom:1; /* FOR IE~7 ONLY */}
.clear:after {content:" "; display:block; clear:both;}
.clear_blank {clear:both; overflow:hidden; height:0; font-size:0; line-height:0;}
.block {display:block;}
.inline-block {display:-moz-inline-stack;/* FOR FF2 ONLY */ display:inline-block; *display:inline;/* FOR IE~7 ONLY */ vertical-align:top; *zoom:1;/* FOR IE~7 ONLY */}

/* text-align */
.txt_left {text-align:left !important;}
.txt_right {text-align:right !important;}
.txt_center {text-align:center !important;}
.txt_top {vertical-align:top !important;}
.txt_middle {vertical-align:middle !important;}

/* border */
.bdnone {border:0 none !important;}

/* margin */
.mg0 { margin:0 !important;}
.mt30 { margin-top:30px !important;}
.mb40 { margin-bottom:40px !important;}

/* padding */
.pd0 { padding:0 !important;}

/* png 24*/
.brow_ie_6 .png24 { 
	tmp:expression(setPng24(this)); 
} 

/* layout */
html,
body{width:100%;height:100%; color:#757575;}
a {color:#757575;}
a:hover {color:#757575; background:none;} /* FOR IE6 BUG FIXED : ie6 Ignored selector hover bug */
table {border-collapse:collapse;}

#wrapper{background:url(/resources/images/common/bg_body.gif) 0 0 repeat-x;height:100%; margin:0 auto;}
#header{position:relative; z-index:1; width:960px;height:81px;margin:0 auto; padding:16px 0 64px 0;background:url(/resources/images/common/bg_header.gif) 0 0 repeat-x;}
#header .gnb{}
#container{width:960px;min-height:100%; _height:100%; margin:-161px auto -29px; }
#container #content{padding:151px 0 129px; }
#footer { height:29px; background:url(/resources/images/common/bg_footer.gif) left 50% repeat-x; }
#footer .footer_wrap { position:relative;width:960px;margin:0 auto;}
#footer .fnb{overflow:hidden;width:960px;margin:0 auto;text-align:left;}

#quick{display:none;}
#skipNav{position:absolute; left:-5000px; top:-5000px;}

#quick{position:fixed; left:0; bottom:0; z-index:2; height:219px; width:100%; }
#quick .quick_menu{font-size:0; line-height:0;}
/* IE6 Fixed Position Jitter Fix */
* html, * html body {background-image:url(about:blank);background-attachment:fixed;} 
/* IE6 position fixed Bottom */
* html #quick {position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));}

/* product map */
#product_map #quick{display:block; background:#fff; height:29px; }
#product_map #footer { padding:0 0 29px; background:url(/resources/images/common/bg_footer.gif) left top repeat-x; }
#product_map #container #content{margin:0 0 50px;}


#header img {vertical-align:top;font-size:1%;line-height:1%;}
#header h1{ position:absolute;padding:6px 0 0 0;}
#header #gnb{position:absolute;left:173px;top:44px;z-index:1100;}
#header #util{position:absolute;top:16px; right:0;}
#header #util li{ float:left;padding:0 0 0 15px;font-size:1%;line-height:1%;}
#header #search{position:absolute;z-index:1100;top:10px; left:806px;}
#header #locationArea{position:absolute;height:25px; top:72px;width:960px;}
#header #location{ position:absolute;z-index:1000;width:730px;}
#header .service{position:absolute;right:0;z-index:100;}
#header .service li{float:left; padding:5px 0 0 0;}
#header .service .print { padding-top:10px}
#header .service .email {padding:10px 0 0 13px;background:url(/resources/images/common/bul.gif) 0 1px no-repeat;}
#header .service li.twitter { padding:5px 0 0 17px;}
#header .service img{display:block;}


#footer img { vertical-align:top;font-size:1%;line-height:1%;}
#footer address { float:left;width:376px;padding:5px 0 8px;font-size:1%;line-height:1%;text-align:right;}
#footer address .copyright { padding:6px 0 0 11px;}
#footer .etc { float:right;width:76px;margin:0 1px 0 0;padding:9px 0 0;text-align:right;}
#footer .etc li { float:left;}

/* main 090414 */
#main { margin:-2px 0 0; height:100%;}
#main #wrapper{background:none;position:relative; width:100%;}
#main #header{background:none;z-index:10; margin:0 auto;}
#main #header h1 {width:137px; height:32px; overflow:hidden;}
#main #header h1 img {display:block; }
#main #container{ margin:0; height:100%; width:100%; position:absolute;top:0px; left:0;}
#main #container #content{padding:0;height:100%;}
#main #container #main_flash{height:100%; background:#fff;}
#main #footer{position:absolute;top:708px; left:0; width:100%;background:#a7d7f7;}

/* For Print */
@media print {
	#content { padding: 0; margin: 0; }
	#header,
	#footer { display: none; }
}