@import url("reset.css");

* {font-family:dotum, tahoma;}
h1.screen {position:absolute; font-size:0; line-height:0; top:-9999px; left:-9999px;}
h2.screen {position:absolute; font-size:0; line-height:0; top:-9999px; left:-9999px;}
p.description {position:absolute; font-size:0; line-height:0; top:-9999px; left:-9999px;}


/* main wrap */
#wrap_main {background:#fff url('../img/main/bg_wrap.gif') repeat-x 0 0;}
	/* opera only */ 
	@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) 
	{
		#wrap_main {background:#fff url('../img/main/bg_wrap.gif') repeat-x 0 0; margin-top:-20px;}
	} 

/* main header */
#main_header {position:relative; width:980px; height:91px; margin:0 auto;}
#main_header p.benner {/*position:absolute; top:31px; left:0px;*/ float:left; display:inline; top:31px; left:0px; margin-top:31px; width:196px; height:45px; overflow:hidden; white-space:nowrap;}
#main_header h1 {position:absolute; top:32px; left:390px;}
#main_header .header_utility {position:absolute; top:47px; right:3px; text-align:left;}
#main_header .header_utility span.event {display:inline-block; width:33px;}
#main_header .header_utility span.cs {display:inline-block; width:37px; padding-left:7px; background:url('../img/main/bg_line01.gif') no-repeat 0 1px;}

/* main_body */
#main_body {width:980px; height:766px; margin:0 auto;}
#main_body .top_area {zoom:1;}
#main_body .top_area:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
#main_body .top_area .flash_area {float:left; width:784px; line-height:0; font-size:0;}
#main_body .top_area .login_area {float:left;}
#main_body .top_area .login_area .my_box {position:relative; width:183px; height:117px; padding:13px 0 0 13px; background:url('../img/main/bg_loginbox.png') no-repeat 0 0;}
#main_body .top_area .login_area .my_box p.name {color:#919090; font-family:dotum, tahoma; font-size:11px; letter-spacing:-1px; line-height:14px; padding:2px 0 6px 1px;}
#main_body .top_area .login_area .my_box p.name span {line-height:20px; color:#626262;}
#main_body .top_area .login_area .my_box p.name span em {font-weight:bold; color:#dc4e00; margin-right:2px;}
#main_body .top_area .login_area .my_box dl.cash {height:24px; background-color:#eaeaea; width:170px; zoom:1;}
#main_body .top_area .login_area .my_box dl.cash:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
#main_body .top_area .login_area .my_box dl.cash dt {float:left; width:62px; padding:6px 0 0 5px;}/* 20100416 수정 */
	*html #main_body .top_area .login_area .my_box dl.cash dt {float:left; width:62px; padding:4px 0 0 5px;}/* 20100416 수정 */
	*+html #main_body .top_area .login_area .my_box dl.cash dt {float:left; width:62px; padding:4px 0 0 5px;}/* 20100416 수정 */
#main_body .top_area .login_area .my_box dl.cash dd {float:left; width:100px; text-align:right; color:#626262; font-family:dotum, tahoma; font-size:11px; padding-top:5px;}/* 20100416 수정 */
#main_body .top_area .login_area .my_box dl.cash dd.error {float:left; width:94px; text-align:left; padding-top:5px; padding-left:6px;}/* 20100630 추가 */
#main_body .top_area .login_area .my_box dl.cash dd strong {font-weight:bold; color:#626262; vertical-align:middle;}
#main_body .top_area .login_area .my_box dl.cash dd a {padding-left:1px; vertical-align:-6px;}
#main_body .top_area .login_area .my_box dl.cash dd em {font-weight:bold; color:#e50000; margin-right:5px;}/* 20100630 추가 */
	*html #main_body .top_area .login_area .my_box dl.cash dd em {font-weight:bold; color:#e50000; margin-right:5px; vertical-align:middle;}/* 20100630 추가 */
	*+html #main_body .top_area .login_area .my_box dl.cash dd em {font-weight:bold; color:#e50000; margin-right:5px; vertical-align:middle;}/* 20100630 추가 */
#main_body .top_area .login_area .my_box ul.member {margin:11px 0 0 -1px; zoom:1;}
	*html #main_body .top_area .login_area .my_box ul.member {margin:7px 0 0 -1px; zoom:1;}
	*+html #main_body .top_area .login_area .my_box ul.member {margin:7px 0 0 -1px; zoom:1;}
#main_body .top_area .login_area .my_box ul.member:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
#main_body .top_area .login_area .my_box ul.member li {float:left; padding-left:7px;}
#main_body .top_area .login_area .my_box ul.member li.first {padding-left:1px;}
#main_body .top_area .login_area fieldset.login_box {position:relative; width:183px; height:117px; padding:13px 0 0 13px; background:url('../img/main/bg_loginbox.png') no-repeat 0 0;}
#main_body .top_area .login_area fieldset.login_box input {vertical-align:middle; margin-left:-2px;}
	:root #main_body .top_area .login_area fieldset.login_box input {vertical-align:middle; margin-left:1px;}
#main_body .top_area .login_area fieldset.login_box input.bg_id {display:block; width:105px; height:15px; color:#999; font-family:dotum, tahoma; font-size:11px;  border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-bottom:1px solid #e6e6e6;  border-right:1px solid #e6e6e6; padding:5px 5px 0 5px; margin:0 0 3px 0; background:#fff url('../img/main/bg_id.png') no-repeat 0 0;}
	*html #main_body .top_area .login_area fieldset.login_box input.bg_id {display:block; width:105px; height:15px; color:#999; font-family:dotum, tahoma; font-size:11px;  border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-bottom:1px solid #e6e6e6;  border-right:1px solid #e6e6e6; padding:5px 5px 0 5px; margin:-2px 0 1px 0; background:#fff url('../img/main/bg_id.png') no-repeat 0 0;}
	*+html #main_body .top_area .login_area fieldset.login_box input.bg_id {display:block; width:105px; height:15px; color:#999; font-family:dotum, tahoma; font-size:11px;  border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-bottom:1px solid #e6e6e6;  border-right:1px solid #e6e6e6; padding:5px 5px 0 5px; margin:-2px 0 1px 0; background:#fff url('../img/main/bg_id.png') no-repeat 0 0;}
#main_body .top_area .login_area fieldset.login_box input.text_id {display:block; width:105px; height:15px; color:#999; font-family:dotum, tahoma; font-size:11px; letter-spacing:-1px; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-bottom:1px solid #e6e6e6;  border-right:1px solid #e6e6e6; padding:5px 5px 0 5px; margin:0 0 3px 0;}
	*html #main_body .top_area .login_area fieldset.login_box input.text_id {display:block; width:105px; height:15px; color:#999; font-family:dotum, tahoma; font-size:11px; letter-spacing:-1px; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-bottom:1px solid #e6e6e6;  border-right:1px solid #e6e6e6; padding:5px 5px 0 5px; margin:-2px 0 1px 0;}
	*+html #main_body .top_area .login_area fieldset.login_box input.text_id {display:block; width:105px; height:15px; color:#999; font-family:dotum, tahoma; font-size:11px; letter-spacing:-1px; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-bottom:1px solid #e6e6e6;  border-right:1px solid #e6e6e6; padding:5px 5px 0 5px; margin:-2px 0 1px 0;}
#main_body .top_area .login_area fieldset.login_box input.bg_password {display:block; width:105px; height:15px; color:#999; font-family:dotum, tahoma; font-size:11px; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-bottom:1px solid #e6e6e6;  border-right:1px solid #e6e6e6; padding:5px 5px 0 5px; margin:0 0 6px 0; background:#fff url('../img/main/bg_password.png') no-repeat 0 0;}
	*html #main_body .top_area .login_area fieldset.login_box input.bg_password {display:block; width:105px; height:15px; color:#999; font-family:dotum, tahoma; font-size:11px; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-bottom:1px solid #e6e6e6;  border-right:1px solid #e6e6e6; padding:5px 5px 0 5px; margin:0 0 3px 0; background:#fff url('../img/main/bg_password.png') no-repeat 0 0;}
	*+html #main_body .top_area .login_area fieldset.login_box input.bg_password {display:block; width:105px; height:15px; color:#999; font-family:dotum, tahoma; font-size:11px; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-bottom:1px solid #e6e6e6;  border-right:1px solid #e6e6e6; padding:5px 5px 0 5px; margin:0 0 3px 0; background:#fff url('../img/main/bg_password.png') no-repeat 0 0;}
#main_body .top_area .login_area fieldset.login_box input.text_password {display:block; width:105px; height:15px; color:#999; font-family:dotum, tahoma; font-size:11px; letter-spacing:-1px; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-bottom:1px solid #e6e6e6;  border-right:1px solid #e6e6e6; padding:5px 5px 0 5px; margin:0 0 6px 0;}
	*html #main_body .top_area .login_area fieldset.login_box input.text_password {display:block; width:105px; height:15px; color:#999; font-family:dotum, tahoma; font-size:11px; letter-spacing:-1px; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-bottom:1px solid #e6e6e6;  border-right:1px solid #e6e6e6; padding:5px 5px 0 5px; margin:0 0 3px 0;}
	*+html #main_body .top_area .login_area fieldset.login_box input.text_password {display:block; width:105px; height:15px; color:#999; font-family:dotum, tahoma; font-size:11px; letter-spacing:-1px; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-bottom:1px solid #e6e6e6;  border-right:1px solid #e6e6e6; padding:5px 5px 0 5px; margin:0 0 3px 0;}
#main_body .top_area .login_area fieldset.login_box img.btn {position:absolute; top:13px; right:12px; margin:0;}
	html>/**/body #main_body .top_area .login_area fieldset.login_box img.btn, x:-moz-any-link, x:default {position:absolute; top:0; right:25px; margin:0;}
#main_body .top_area .login_area fieldset.login_box label {color:#626262; font-family:dotum, tahoma; font-size:11px; letter-spacing:-1px; vertical-align:middle;}
#main_body .top_area .login_area fieldset.login_box label.id {display:inline-block; margin-right:6px;}
#main_body .top_area .login_area fieldset.login_box ul.member {padding-top:12px; margin:7px 0 0 -1px; background:url('../img/main/bg_dot01.gif') no-repeat 0 0; zoom:1;}
	*html #main_body .top_area .login_area fieldset.login_box ul.member {padding-top:7px; margin:8px 0 0 -1px; background:url('../img/main/bg_dot01.gif') no-repeat 0 0; zoom:1;}
	*+html #main_body .top_area .login_area fieldset.login_box ul.member {padding-top:7px; margin:8px 0 0 -1px; background:url('../img/main/bg_dot01.gif') no-repeat 0 0; zoom:1;}
#main_body .top_area .login_area fieldset.login_box ul.member:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
#main_body .top_area .login_area fieldset.login_box ul.member li {float:left; padding-left:8px;}
#main_body .top_area .login_area fieldset.login_box ul.member li.first {padding-left:1px;}
#main_body .top_area .login_area .notice_box {position:relative; width:196px; padding:19px 0 0 0;}
	*html #main_body .top_area .login_area .notice_box {position:relative; width:196px; padding:15px 0 0 0;}
	*+html #main_body .top_area .login_area .notice_box {position:relative; width:196px; padding:16px 0 0 0;}
	:root #main_body .top_area .login_area .notice_box {position:relative; width:196px; padding:16px 0 0 0;}
	/* opera only */ 
	@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) 
	{
		#main_body .top_area .login_area .notice_box {position:relative; width:196px; padding:16px 0 0 0;}
	}
#main_body .top_area .login_area .notice_box h2 {padding:0 0 7px 4px; background:url('../img/main/bg_line02.gif') repeat-x 0 bottom;}
#main_body .top_area .login_area .notice_box ul.notice {padding:7px 0 0 5px;}
	*+html #main_body .top_area .login_area .notice_box ul.notice {padding:6px 0 0 5px;}
#main_body .top_area .login_area .notice_box ul.notice li {font-family:dotum, tahoma; font-size:11px; color:#646464; letter-spacing:-1px; line-height:18px; padding-left:6px; background:url('../img/main/bul_dot.gif') no-repeat 0 7px;}
#main_body .top_area .login_area .notice_box ul.notice li a {color:#646464; text-decoration:none;}
#main_body .top_area .login_area .notice_box ul.notice li a:hover {text-decoration:underline;}
#main_body .top_area .login_area .notice_box .more {position:absolute; top:21px; right:1px;}
	*html #main_body .top_area .login_area .notice_box .more {position:absolute; top:18px; right:1px;}
	*+html #main_body .top_area .login_area .notice_box .more {position:absolute; top:18px; right:1px;}

#main_body .flash_area {line-height:0; font-size:0;}
#main_body .bottom_area {padding-top:34px; zoom:1;}/* 20100413 수정 */
#main_body .bottom_area:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
#main_body .bottom_area .flash_area {float:left; width:784px; line-height:0; font-size:0;}
#main_body .bottom_area .flash_area h2 {padding:0 0 10px 0;}
#main_body .bottom_area .cs_area {float:left;}
#main_body .bottom_area .cs_area h2 {padding:0 0 10px 2px;}
#main_body .bottom_area .cs_area .cs_map {display:block; line-height:0; font-size:0; padding-bottom:5px;}

/* main_footer */
#main_footer {position:relative; width:980px; height:90px; border-top:1px solid #ececec; margin:0 auto;}
#main_footer ul.footer_utility {position:absolute; top:15px; left:0px;}
#main_footer ul.footer_utility li {display:inline; margin-right:4px; padding-left:9px; background:url('../img/main/bg_dot02.gif') no-repeat 0 6px;}
#main_footer ul.footer_utility li.first {display:inline; margin-right:4px; padding-left:0; background:none;}
#main_footer address {position:absolute; top:36px; left:0px;}
#main_footer p.copyright {position:absolute; top:53px; left:1px;}
#main_footer .add {position:absolute; top:19px; right:0px;}