@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,
textarea.txt_input{height:18px; margin:-1px 0 1px; border:1px solid #ccc;}input.rdo_input, input.chk_input {width:16px; height:16px;}
input.file_input {} /* height 관련 재정의 필요 */
input.img_input {}
select {height:20px;}
select.slt_input {}
textarea {border:1px solid #ccc;}
textarea.txt_area {}
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;}
.mt10{margin-top:10px !important;}
.mt37{margin-top:37px !important;}
.mt40{margin-top:40px !important;}
.mt55{margin-top:55px !important;}
.mr10{margin-right:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb40 { margin-bottom:40px !important;}

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

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

/* layout */
html,
body{width:100%; height:100%;color:#757575;}
#main #wrapper{background:#fff !important;}
#main #header{margin:0 !important; height:118px !important; }

a {color:#757575;}
a:hover {color:#757575; background:none;} /* FOR IE6 BUG FIXED : ie6 Ignored selector hover bug */
table {border-collapse:collapse;}

#wrapper{width:964px; margin:0 auto; padding:25px 0 25px 4px; background:url(/resources/images/common/bg_location.gif) 4px 150px no-repeat;}
#header{position:relative; z-index:1; height:154px; margin:0 0 60px;}
#header .gnb{}
#container{}
#container #content{margin:0 0 100px; overflow:hidden;}
.brow_ie_6 #container #content {zoom:1;}
#main #container #content{margin:0 0 20px; overflow:hidden;}
#footer {position:relative; width:100%;}
#footer .fnb{text-align:center;}
#quick{display:none;}
#skipNav{position:absolute; left:-5000px; top:-5000px;}

/*#quick{position:fixed; left:0; bottom:0; z-index:2; width:100%; background-color:#49176d; }*/
/*#quick .quick_menu{width:960px; margin:0 auto; 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));}*/

#header img {vertical-align:top;}
#header #gnb,
#header #util,
#header .language,
#header #search,
#header #locationArea,
#header div#location,
#header #location {position:absolute;}
#header h1{padding:0 0 0 10px;}
#header #gnb{top:20px; left:115px; width:845px; height:74px; z-index:20;}
#header #util{top:20px; left:125px; z-index:30;}
#header #util li{float:left; padding:0 8px 0 0; margin:0 8px 0 0; background:url(/resources/images/common/bg_util.gif) right 0 no-repeat;}
#header #util li.last{background:none;}
#header .language{top:20px; right:0;}
#header #search{top:45px; right:0;z-index:30; }
#header #locationArea{height:26px; top:125px;padding:1px 0 2px; width:100%;}
#header #location{}
#header .service{display:inline; float:right; margin:0 6px 0 0;}
#header .service li{float:left; padding:9px 0 0 20px;}
#header .service img{display:block;}

#footer ul{display:inline;}
#footer ul li{display:inline;}
#footer ul li.last{float:left; padding:0; margin:0 0 0 10px; background:none; display:block;}

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