/*
	+++++++++++++++++++++++++++	
	Created by Jason Kim
	02132008
	+++++++++++++++++++++++++++
	È¸¿ø°¡ÀÔ ½ºÅ¸ÀÏ½ÃÆ®		  
	+++++++++++++++++++++++++++
*/

* {padding: 0; margin: 0;}
body {font-family: "µ¸À½", dotum, "±¼¸²", gulim  font-size: 12px;}
#wrapper {text-align: center;}
#header1 {width: 750px; height: 56px; color: #333; padding: 0px; border: 0px solid #ccc; margin: 0px 0px 0px 0px; background: #FFFFFF;}
#header2 {width: 100%; color: #333; padding: 0px; border: 0px solid #ccc; margin: 0px 0px 20px 0px; background: #FFFFFF;}
#body {width: 730px; color: #333; padding-left: 10px; padding-right: 10px; border: 0px solid #ccc; background: #FFFFFF; margin: 0px 0px 20px 0px; text-align: left;}
#footer {width: 750px; color: #333; padding: 0px; border-top: 1px solid #ccc; background: #FFFFFF; margin: 0px 0px 10px 0px;}
#copyright {width: 710px; height="60" color: #333; padding: 0px; border: 0px solid #ccc; background: #FFFFFF; margin: 10px 0px 10px 0px;float: left;}
#go2top {width: 40px; color: #333; padding: 0px; border: 0px solid #ccc; background: #FFFFFF; margin: 10px 0px 10px 0px;float: right;}

/* link style*/
A:link {COLOR: #444444; TEXT-DECORATION: none;}
A:visited {COLOR: #444444; TEXT-DECORATION: none;}
A:hover {COLOR: #178401; TEXT-DECORATION: underline;}
A:active {TEXT-DECORATION: none;}

A.navtx:link {COLOR: #444444; TEXT-DECORATION: none; font-size: 12px;}
A.navtx:visited {COLOR: #444444; TEXT-DECORATION: none; font-size: 12px;}
A.navtx:hover {COLOR: #444444; TEXT-DECORATION: underline; font-size: 12px;}
A.navtx:active {TEXT-DECORATION: none; font-size: 12px;}

ul {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;}
li {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;}
FIELDSET {BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;}

/* misc */
.fixed {TABLE-LAYOUT: fixed;}
.cantseeshit {COLOR: #cdcdcd; PADDING-TOP: 3px; BACKGROUND-COLOR: #cdcdcd; visiblity: hidden;}

.green {color: #178401;}
.greenb {color: #178401; font-weight: bold;}
.bold {font-weight: bold;}
.lh {LINE-HEIGHT: 14px}
.underline {BORDER-BOTTOM: #000000 2px solid}
.dotline_red {BORDER-BOTTOM: #990000 2px dotted}


/*Çì´õ ·Î°í*/
#header_titles * {margin: 0px; padding: 0px; border: 0px;}
#header_titles {width:750px; margin:0 0px; padding: 0px; border: 0px;}
#header_titles li {list-style: none; float: left;}
#header_titles a {display: block; font-size: 12px;}

#header_serviceTitle {height: 37px; float: left; padding: 10px 0px 0px 0px;}
#header_serviceTitle li.header_li1 a {width: 100px; height: 37px; background: url("/images/member/main_logo.gif") no-repeat left top;}
#header_serviceTitle li.header_li2_member a {width: 75px; height: 37px; background: url("/images/member/member_logo.gif") no-repeat left top;}
#header_serviceTitle li.header_li3_login a {width: 75px; height: 37px; background: url("/images/member/login_logo.gif") no-repeat left top;}

#header_servicetext {font-family: ±¼¸², gulim, µ¸À½; font-size: 12px; color: #999; letter-spacing: -1px; float: right;}
#header_servicetext li {DISPLAY: inline; LETTER-SPACING: -1px; POSITION: relative; FLOAT: left; PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; MARGIN: 0px 0px 0px 6px;}

#header_step {BACKGROUND: url("/images/member/member_top_bg.gif") #ffffff repeat center top; OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 62px;}
#header_step ol {WIDTH: 750px;}
#header_step li {FLOAT: left; TEXT-ALIGN: center;}


/*¹ÙµðÄ¿ÅÙÆ®*/

.field {MARGIN: 0px 0px 10px;}
legend {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 1px; PADDING-BOTTOM: 8px; MARGIN: 0px 0px 0px -7px; PADDING-TOP: 0px;}
.fieldtxt {BORDER-RIGHT: #e2e2e2 1px solid; PADDING-RIGHT: 18px; BORDER-TOP: #e2e2e2 1px solid; PADDING-LEFT: 20px; SCROLLBAR-FACE-COLOR: #ffffff; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 8px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: #e2e2e2 1px solid; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #efefef; PADDING-TOP: 20px; SCROLLBAR-TRACK-COLOR: #f2f2f2; BORDER-BOTTOM: #e2e2e2 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 100px;}
.fieldtxt H3 {HEIGHT: 31px; font-weight:normal;}
.fieldtxt li {LINE-HEIGHT: 16px;}
.fieldtxt p {MARGIN: 0px 0px 16px;}
.fieldtxt ol {MARGIN: 0px 0px 16px;}
.fieldtxt ul {MARGIN: 0px 0px 16px;}

.line {width: 100%; height: 30px; BORDER-BOTTOM: #e5e5e5 1px solid; margin-top:0px; margin-bottom:0px; padding: 0px;}

.input_text {BORDER-RIGHT: #dcdcdc 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #dcdcdc 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; BORDER-LEFT: #dcdcdc 2px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #dcdcdc 2px solid;}
.input_logtext {BORDER-RIGHT: #dcdcdc 1x solid; PADDING-RIGHT: 0px; BORDER-TOP: #dcdcdc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dcdcdc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #dcdcdc 1px solid;}

.w120 {WIDTH: 120px;}
.w150 {WIDTH: 150px;}
.w240 {WIDTH: 240px;}
.w80 {WIDTH: 80px;}
.w40 {WIDTH: 40px;}
.w120h20 {WIDTH: 120px; HEIGHT: 16px;}

#memtype {margin-bottom:40px; height: 40px; width: 100%; background: url("/images/member/member_body_register_bg.gif") repeat;text-align: center;}
#memtype_wrap {width: 750px; PADDING-BOTTOM: text-align: center;}
#memtitle {width: 750px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; text-align: center;}
#memtype_member1 {float: left; width: 370px; text-align: center;}
#memtype_member2 {float: right; width: 370px; text-align: center;}

#member {width: 730px; color: #333; background: #FFFFFF; margin: 0px 0px 0px 0px; text-align: left;}
#member TABLE {CLEAR: both; BORDER-RIGHT: #e5e5e5 2px; BORDER-TOP: #e5e5e5 2px solid; MARGIN: 0px 0px 20px; BORDER-LEFT: #e5e5e5 2px; WIDTH: 100%; BORDER-BOTTOM: #e5e5e5 2px solid;}
#member TABLE TH {COLOR: #333333; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;}
#member TABLE TD {COLOR: #333333; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;}
#member TABLE TH {PADDING-RIGHT: 0px; BORDER-TOP: #ededed 1px solid; PADDING-LEFT: 10px; BACKGROUND: #F7F7F7; PADDING-BOTTOM: 8px; VERTICAL-ALIGN: top; WIDTH: 136px; LINE-HEIGHT: 18px; PADDING-TOP: 11px; LETTER-SPACING: -1px; TEXT-ALIGN: left;}
#member TABLE TH IMG {LEFT: -11px; POSITION: absolute; TOP: 2px;}
#member TABLE TH LABEL {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 11px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; POSITION: relative;}
#member TABLE TH SPAN {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 11px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; POSITION: relative;}
#member TABLE TD {PADDING-RIGHT: 0px; BORDER-TOP: #ededed 1px solid; PADDING-LEFT: 20px; PADDING-BOTTOM: 7px; VERTICAL-ALIGN: top; BORDER-LEFT: #ededed 1px solid; PADDING-TOP: 6px;}
#member TABLE TR.firstone TH {BORDER-TOP-STYLE: none;}
#member TABLE TR.firstone TD {BORDER-TOP-STYLE: none;}
#member TABLE .txt1 {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; PADDING-TOP: 7px;}
#member TABLE .txt2 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 3px;}
#member TABLE .txt3 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 7px;}
#member TABLE .txt3  {VERTICAL-ALIGN: bottom;}
#member TABLE .txt3 IMG {MARGIN: 0px 10px 0px 0px;}
#member TABLE .txt3 INPUT {POSITION: relative; TOP: 1px;}

#member TABLE TD LABEL {POSITION: relative; TOP: -2px;}
UNKNOWN {TOP: -2px;}
#member TABLE .mr14 {MARGIN-RIGHT: 14px;}
#member TABLE TD .link {FONT-SIZE: 11px; MARGIN: 0px 0px 0px 1px; COLOR: #004790; LETTER-SPACING: -1px; POSITION: relative; TOP: -3px; TEXT-DECORATION: underline;}
#member TABLE .mail1 {MARGIN: 0px 0px 5px;}
#member TABLE .optin {PADDING-RIGHT: 0px; BORDER-TOP: #ededed 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; WIDTH: 484px; PADDING-TOP: 10px;}
#member TABLE EM {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 19px; FONT-SIZE: 11px; PADDING-BOTTOM: 7px; COLOR: #ff6c00; PADDING-TOP: 5px; LETTER-SPACING: -1px;}
#member TABLE .help_wrap {DISPLAY: block; Z-INDEX: 99; OVERFLOW: visible; POSITION: relative;}
UNKNOWN {Z-INDEX: 99;}
#member TABLE .help {DISPLAY: none; POSITION: absolute;}
#member TABLE .help .txt {BORDER-RIGHT: #919191 0px solid; BORDER-TOP: #919191 0px solid; Z-INDEX: 3; BACKGROUND: #ffffff; BORDER-LEFT: #919191 0px solid; COLOR: #333333; BORDER-BOTTOM: #919191 0px solid; LETTER-SPACING: -1px; POSITION: relative; color: #5F83C6;}
#member TABLE .help .txt P {PADDING-RIGHT: 14px; PADDING-LEFT: 14px; FONT-SIZE: 12px; PADDING-BOTTOM: 6px; LINE-HEIGHT: 16px; PADDING-TOP: 8px; WHITE-SPACE: nowrap;}
#member TABLE .help .shadow1 {DISPLAY: block; Z-INDEX: 2; BACKGROUND: #919191; FILTER: alpha(opacity=25); LEFT: 1px; WIDTH: 100%; POSITION: absolute; TOP: 1px;}
UNKNOWN {BACKGROUND: #919191;}
#member TABLE .help .shadow2 {DISPLAY: block; Z-INDEX: 1; BACKGROUND: #919191; FILTER: alpha(opacity=10); LEFT: 2px; WIDTH: 100%; POSITION: absolute; TOP: 2px;}
#member TABLE .help_wrap .h32 {HEIGHT: 32px;}
#member TABLE .help_wrap .h32 .shadow1 {HEIGHT: 32px;}
#member TABLE .help_wrap .h32 .shadow2 {HEIGHT: 32px;}
#member TABLE .overlap {LEFT: 1px; POSITION: relative; TOP: 1px;}
#member TABLE .overlap IMG {VERTICAL-ALIGN: top;}

#register_btn {width: 750px; text-align: center;}
#congrat {width: 500px; padding: 20px; margin-top: 40px; margin-bottom: 40px; margin-right: auto; margin-left: auto;}
#loginarea {width: 600px; padding-top: 40px; margin-right: auto; margin-left: auto; margin-bottom: 40px; text-align:center; BORDER-LEFT: #e1e1e1 1px solid; BORDER-RIGHT: #e1e1e1 1px solid; BORDER-TOP: #e1e1e1 1px solid; BORDER-BOTTOM: #e1e1e1 1px solid;}
#loginareatxt {width: 300px; padding: 0px; margin-right: auto; margin-left: auto; text-align:center;}
#loginareabtn {width: 100px; padding: 10px; margin-top: 20px; margin-bottom: 20px; margin-right: auto; margin-left: auto;}

/* #ºí·ç¹öÆ° */
#Btnblu1 a{display:block; background:url("/images/member/btnblu1_bg.gif") left 0; float:left; font:12px ±¼¸²; font-weight:bold; color:#FFFFFF; padding-left:10px; text-decoration:none; height:29px; cursor:pointer; margin-right:4px; overflow:hidden}
#Btnblu1 a:hover{background:url("/images/member/btnblu1_bg.gif") left -29px}
#Btnblu1 a span{display:block; float:left; background:url("/images/member/btnblu1_bg.gif") right 0; line-height:240%; padding-right:10px; height:29px; overflow:hidden}
#Btnblu1 a:hover span{background:url("/images/member/btnblu1_bg.gif") right -29px; color:#fff}

#topslogan {width: 740px; height: 24px; padding-top: 8px; padding-left: 10px; margin-right: auto; margin-left: auto; background-color: #364679; text-align:left;}
#loginsection {float: left;	margin-right: 10px;; width: 370px;; height: 300px;}
#loginsection_event {width: 100%; height:40px;}
#loginsection_top {width: 100%;}
#loginsection_mid {width: 310px; height: 25px; BORDER-TOP: #dcdcdc 1px solid; padding-top: 15px; margin-top: 25px; margin-right: auto; margin-left: auto; text-align:center;}
#loginsection_bottom {width: 100%; text-align: center; margin-top: 25px;}
#loginbanner {float: left; background: #effafe; width: 350px; height: 300px;}

.selected {color: #333333; font-weight: bold; border-bottom: #333333 1px solid; font-size: 11px;}
.notselected {color: #999999; font-size: 11px;}
.greyC {color: #cccccc;}
/*Ç²ÅÍ*/
.footer_link {MARGIN-TOP: 8px; COLOR: #bbb; PADDING-TOP: 22px; LETTER-SPACING: 2px;}
.footer_link a {COLOR: #666; LETTER-SPACING: 0px;}
