#wrap- {width:760px; margin:0 auto;}
#contents h2 {margin-bottom:22px; padding-bottom:8px; font-size:16px; font-weight:bold; border-bottom:2px solid #7aa5c7; letter-spacing:-1px;}
#contents.agree {margin:0 auto; z-index:0;}


#joinwrap{width:98%; margin:0 auto;}
.titimg{margin-bottom:22px;padding-top:10px;text-align:left}
#contents h2 {margin-bottom:22px; padding-bottom:8px; font-size:16px; font-weight:bold; border-bottom:2px solid #7aa5c7; letter-spacing:-1px;}

#step2wrap{width:98%; margin-left:20px auto;}	

.cngbox{width:97%; margin-left:20px auto;}		

#joinwrap .agreect{text-align:right;line-height:22px; letter-spacing:-1px;font-size:14px;margin-top:5px} 
#joinwrap .cntbox {width:100%;margin-top:30px} 
.cntbox p {margin-bottom:1px}
.agree_cmt p {line-height:22px; letter-spacing:-1px;}

hr, legend, caption  {
	display:none;
}

button {background:none; border:none; margin:0; padding:0; cursor:pointer;}
input,select,button{vertical-align:middle}

.member_form {margin-bottom:5px;}
.member_form table {width:100%; table-layout:fixed;}
.member_form table th, .member_form table td {padding:7px 0;}
.member_form table th {text-align:right; font-weight:bold; vertical-align:middle;}
.member_form table th.uid {padding-top:15px; vertical-align:top;}
.member_form table th.v_top {vertical-align:top;}
.member_form table th.place {padding-top:15px; vertical-align:top;}
.member_form table td {padding-left:22px; font-weight:bold; word-break:break-all;}
.member_form table td .pw_tip {padding-top:10px; font-weight:normal; color:#666;}
.member_form table td .minority {padding:0 0 30px 0;}
.member_form table td.established {letter-spacing:-1px;}
.member_form table td.serviceType {font-size:14px;}
.member_form table td.serviceType.business label {margin-right:15px;}
.member_form table td.serviceType label {margin-right:40px;}
.member_form table td.integrated_tip {font-weight:normal;}
.member_form table td.existing_id {padding-left:40px; font-size:18px;}
.member_form table td.id_form strong {font-size:16px;}
.member_form table td.id_form input.text {float:left; width:281px; margin-right:5px;}
.member_form table td.id_form input.text:focus {width:279px;}
.member_form table td.id_form input.invalid {float:left; width:279px; margin-right:5px;}
.member_form table td.id_form input.invalid:focus {width:277px;}
.member_form table td.id_form a {float:left; margin-right:5px; font-weight:normal; letter-spacing:-1px;}

.member_form table td.id_form span.hint { float:right; width:175px; padding:5px 0 0 5px; font-weight:normal; letter-spacing:-1px;line-height:17px;font-size:12px}
.member_form table td.id_form span.hint.good {position:static; color:#49ba7c;}
.member_form table td.id_form span.hint.bad {position:static; color:#f73e22;}

.member_form table td.id_form2 span.hint2 { float:right; width:175px; padding:5px 0 0 5px; font-weight:normal; letter-spacing:-1px;line-height:17px;font-size:12px}
.member_form table td.id_form2 span.hint2.good {position:static; color:#49ba7c;}
.member_form table td.id_form2 span.hint2.bad {position:static; color:#f73e22;}
.member_form table td.id_form .skpTip {padding:5px 0 0 0; clear:both; font-size:11px; font-weight:normal; letter-spacing:-1px;}
.member_form table td.id_form .skpTip span {text-decoration:underline;}
.member_form table td.id_form .skpTip label span {display:inline; width:auto; height:auto; background:none;}

.member_form table td span.invalid {display:inline-block; width:170px; padding-left:10px; color:#f73e22; font-weight:normal; letter-spacing:-1px; vertical-align:middle;font-size:12px}
.member_form table td span.normal {display:inline-block; width:170px; padding-left:10px; color:#ffa716; font-weight:normal; letter-spacing:-1px; vertical-align:middle;;font-size:12px}
.member_form table td span.good {display:inline-block; width:170px; padding-left:10px; color:#49ba7c; font-weight:normal; letter-spacing:-1px; vertical-align:middle;;font-size:12px}

.member_form table td span.duplicate {display:inline-block; width:170px; padding-left:10px; color:#f73e22; font-weight:normal; letter-spacing:-1px; vertical-align:middle;}
.member_form table td.residentName input {width:255px; margin:0 0 0 5px;}
.member_form table td.residentName input:focus {width:253px;}
.member_form table td.corpregist_num {font-size:18px;}
.member_form table td.minimi {font-size:14px;}
.member_form table td.email {font-size:14px;}
.member_form table tr.gender td {font-size:14px;}
.member_form table td span.at {display:inline-block; width:17px; font-size:18px;}


/* FormDecoration */
.nation div.decSelector{width:435px; }
.b_type div.decSelector{width:435px; }
.selcet_mail {display:inline-block; width:200px; vertical-align:middle; *display:inline;*zoom:1;}
.selcet_mail div.decSelector {}
.selcet_mail div.list {}
.hp_nation {width:435px; margin-bottom:10px; vertical-align:middle; } 

.domestic-- {display:inline-block; vertical-align:middle; *display:inline;*zoom:1}


.foreign {display:inline-block; vertical-align:middle; *display:inline;*zoom:1;}
.foreign input.hp {width:421px;}
.foreign input.hp:focus {width:419px;}
.hp_nation div.decSelector{}
.hp_nation div.list {}
.hp {display:inline-block; width:121px; vertical-align:middle; *display:inline;*zoom:1;}
.hp div.decSelector{ }
.hp div.decSelector .selvalue {font-size:18px;}
.hp div.list {}
.birthY {display:inline-block;  vertical-align:middle; *display:inline;*zoom:1;}

.birthY .decSelector .selvalue {padding:0 38px 0 5px; font-size:18px}

.birthM {display:inline-block; width:75px; vertical-align:middle; *display:inline;*zoom:1;}
.birthM .decSelector .selvalue {font-size:18px; }
.birthD {display:inline-block;  width:75px; vertical-align:middle; *display:inline;*zoom:1;}
.birthD .decSelector .selvalue {font-size:18px;}
.birth_radio {display:inline-block; vertical-align:middle; *display:inline;*zoom:1;}
.radio.birth_radio label  {width:35px;}


.selector ul, .selector li{list-style:none;margin:0;padding:0;font-size:12px;}
.selector{margin-top:15px;width:80px;}
.selector li span{display:none;}
.selector li {text-decoration:underline;cursor:pointer;}
.sel-container {font-family:dotum;font-size:12px;}
.sel-container ul { list-style:none;padding:0;}
.sel-container ul li a{ text-decoration:none;}
.sel-container ul li .val {display:none;}
select.selector{position:absolute;left:130px;top:300px;}

div.decSelector button {border:none; background-color:#fff; width:22px; height:21px; padding:0; margin:0; background:url("/korea/member/img/bul_arr3.png") no-repeat 0 0; cursor:pointer;}
div.decSelector button span {visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;}
.radio, .check {font-size:12px;}
.radio em, .check em {display:none !important;}
.radio button, .check button {overflow:visible; display:block; width:28px; height:28px;}

.radio span {display:inline-block; width:28px; height:28px; background:url("/korea/member/img/btn_radio_check.gif") no-repeat 0 0; vertical-align:middle;}
.radio span.over {background:url("/korea/member/img/btn_radio_check.gif") no-repeat -38px 0;}
.radio span.on {background:url("/korea/member/img/btn_radio_check.gif") no-repeat -76px 0;}
.radio label {display:inline-block; width:80px; margin-left:5px; font-size:14px; cursor:pointer;}


.check label {display:inline-block; margin-left:5px; cursor:pointer; vertical-align:middle;}
.check span{display:inline-block; width:28px; height:28px; background:url("/korea/member/img/btn_radio_check.gif") no-repeat 0 -36px; vertical-align:middle;}


.check span.over {background:url("/korea/member/img/btn_radio_check.gif") no-repeat -38px -36px;}
.check span.on {background:url("/korea/member/img/btn_radio_check.gif") no-repeat -76px -36px;}
.agree_text {width:700px; margin:30px auto 0 auto;}
.agree_text label {width:650px; padding-right:17px; color:#357cb5; text-align:right;}
.agree_text span {}

.selLabel{float:left;margin-top:10px;font-size:13px;font-weight:bold;}
strong.title{font-weight:bold;clear:both;border-left:1px solid #aaa;padding-left:10px;margin-left:10px;display:block;padding-left:15px;}
.codes{background-color:#000;color:#FFC7A3;width:700px;height:150px;margin:20px 0 0 20px;margin-bottom:20px;}
.htmlcode { background-color:#535353;color:#fff;width:700px;height:250px;margin:20px 0 0 20px;margin-bottom:20px;}
.htmlcode3 { background-color:#535353;color:#FFC7A3;width:700px;height:250px;margin:20px 0 0 20px;margin-bottom:20px;}
.htmlcode2 { background-color:#535353;color:#fff;width:700px;height:100px;margin:20px 0 0 20px;margin-bottom:20px;}
.example{border:1px solid #eee; width:700px;padding:50px 0;margin:20px 0 0 20px;margin-bottom:20px;}

.explain{font-size:12px;line-height:16px;margin:20px 0 0 20px}
.explain .grey{color:#ccc;}
.faraway input {float:right; margin-right:150px;}



/* custom style */
div.completion div.decSelector {position:relative; display:block; background:url("/korea/member/img/bg_select_left.gif") no-repeat 0 -294px; }
div.completion div.decSelector span.selvalue{display:block; height:42px; margin-left:5px; padding:0 40px 0 10px; font-size:16px;font-weight:bold;border:0; cursor:pointer; background:url("/korea/member/img/bg_select_right.gif") no-repeat right -294px; line-height:40px; white-space:nowrap; z-index:0;}

div.decSelector {position:relative; display:block; background:url("/korea/member/img/bg_select_left.gif") no-repeat 0 0; /*border:1px solid red*/}
div.decSelector span.selvalue{display:block; height:42px; margin-left:5px; padding:0 40px 0 10px; font-size:16px;font-weight:bold;border:0; cursor:pointer; background:url("/korea/member/img/bg_select_right.gif") no-repeat right 0; line-height:42px; white-space:nowrap; z-index:0;}



div.decSelector._onfocus, div.decSelector:hover {background:url("/korea/member/img/bg_select_left.gif") no-repeat 0 -50px;}

div.decSelector._onfocus span.selvalue, div.decSelector:hover span.selvalue{background:url("/korea/member/img/bg_select_right.gif") no-repeat right -50px;}
div.small {background:url("/img/regist/common/bg_select_left2.gif") no-repeat 0 0; }
div.small span.selvalue{display:block; height:38px; margin-left:5px; padding:0 40px 0 10px; font-size:16px;font-weight:bold;border:0; cursor:pointer; background:url("/img/regist/common/bg_select_right2.gif") no-repeat right 0; line-height:38px; white-space:nowrap; z-index:0;}
div.small._onfocus, div.small:hover {background:url("/img/regist/common/bg_select_left2.gif") no-repeat 0 -50px;}
div.small._onfocus span.selvalue, div.small:hover span.selvalue{background:url("/img/regist/common/bg_select_right2.gif") no-repeat right -50px;}

.invalid div.decSelector {background:url("/img/regist/common/bg_select_left.gif") no-repeat 0 -103px; }
.invalid div.decSelector span.selvalue {background:url("/img/regist/common/bg_select_right.gif") no-repeat right -103px;}

div.decSelector input[type="text"]{font-size:16px;font-weight:bold;border:0;}
div.decSelector button{display:inline-block; position:absolute; right:10px; top:10px;}
div.decSelector a.button{float:left;height:22px;border:none;background-color:#FFF;width:22px;height:21px;padding:0;margin:0;cursor:pointer;background-image:url("/img/regist/common/bul_arr3.png")}
div.decSelector a.button span{border:none;overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;}
div.decSelector button span {border:none;overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;}
div.decSelector button.over {outline:1px solid #f60;}
div.decSelector div.list {position:absolute; z-index:10;top:40px; left:0; width:100%; /* max-height:168px; */padding-bottom:3px; background:url("/img/regist/common/bg_shadow_blue_x.png") repeat-x 0 bottom;}
div.decSelector div.list div {padding-right:4px; background:#fff url("/img/regist/common/bg_shadow_blue_y.png") repeat-y right 0;}
div.decSelector div.list ul {-webkit-overflow-scrolling: touch;  overflow:auto; overflow-x:hidden; max-height:203px; padding:0 0 0 1px; border-left:1px solid #689fca; scrollbar-face-color: #d9d9d9; scrollbar-shadow-color: #d9d9d9; scrollbar-highlight-color: #f2f2f2; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #f2f2f2; scrollbar-track-color: #f2f2f2; scrollbar-arrow-color: #7f7f7f;}
div.decSelector div.list ul li a:hover {background-color:#f0f8fd;}
div.decSelector div.list span {display:inlnie-block; position:absolute; right:0; bottom:0; width:3px; height:3px; background:url("/korea/member/img/bg_shadow_blue_corner.gif") no-repeat 0 0;}
div.small div.list {position:absolute; z-index:10;top:36px; left:0; width:100%; /* max-height:168px; */padding-bottom:3px; background:url("/korea/member/img/bg_shadow_blue_x.png") repeat-x 0 bottom;}
div.small button {top:8px;}

div.decSelector ul li{}
div.decSelector ul li span {font-weight:bold;}
div.decSelector ul li a{display:block; height:33px; margin:0 1px; padding-left:15px; font-size:16px; font-weight:bold; border-bottom:1px solid #d4e7f5; line-height:33px; text-decoration:none;}
div.decSelector ul li:last-child a {border:none;}
div.decSelector ul li.last a {border:none;}

/* Buttons */
.buttons {width:100%; margin:22px 0 100px; padding-top:17px; border-top:1px solid #d9d9d9; text-align:right; word-spacing:5px;}
.buttons3 {width:100%; margin:22px 0 100px; padding-top:12px; border-top:1px solid #d9d9d9; text-align:center; word-spacing:5px;}
.buttons2 {width:100%; margin:-80px 0 100px; text-align:right; word-spacing:5px;}
.prev {border:1px solid #bbb;  background-color:#d1d5d5;}
.prev:hover {border:1px solid #bbb;  background-color:#dee2e2; text-decoration:none;}
.next {border:1px solid #3f7bab;  background-color:#5193cb; }
.next:hover {border:1px solid #3f7bab;  background-color:#77b5eb; text-decoration:none;}
.btnStyle {display:inline-block; height:33px; background:url("/korea/member/img/btn_right.gif") no-repeat; vertical-align:middle; word-spacing:0; text-align:center;}
.btnStyle span, .btnStyle button {display:block; padding:0 15px; background:url("/korea/member/img/btn_left.gif") no-repeat; line-height:33px; font-weight:bold; color:#666; text-align:center;}
.btnStyle button {*padding-left:0 !important; *padding-right:0 !important; }
.btnStyle:hover {text-decoration:none; }
.btnStyle.white {background-position:right 0; }
.btnStyle.white span, .btnStyle.white button {min-width:68px; background-position:0 0;}
.btnStyle.white button {min-width:100px; min-width:70px\9;}
.btnStyle.white:hover {background-position:right -39px;}
.btnStyle.white:hover span, .btnStyle.white:hover button {background-position:0 -39px;}
.btnStyle.black {background-position:right -78px;}
.btnStyle.black span, .btnStyle.black button {color:#fff; background-position:0 -78px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w100 {width:100px;}

.btnStyle.black40 {height:40px; background-position:right -343px;}
.btnStyle.black40 span, .btnStyle.black40 button {color:#fff; font-size:16px !important; background-position:0 -343px; line-height:40px;}

.btnStyle.lgray {height:40px; background-position:right -388px;}
.btnStyle.lgray span, .btnStyle.lgray button {color:#fff; font-size:16px; background-position:0 -388px; line-height:40px;}
.btnStyle.gray {height:40px; background-position:right -156px;}
.btnStyle.gray span, .btnStyle.gray button {min-width:68px; color:#fff; font-size:16px; background-position:0 -156px; line-height:40px;}
.btnStyle.blue {height:40px; background-position:right -249px;}
.btnStyle.blue span {min-width:70px; color:#fff; font-size:16px; background-position:0 -249px; line-height:40px;}
.btnStyle.blue button {padding:0 30px; color:#fff; font-size:16px; background-position:0 -249px; line-height:40px; }
.btnStyle.gray:hover {background-position:right -202px;}
.btnStyle.gray:hover span, .btnStyle.gray:hover button {background-position:0 -202px;}
.btnStyle.blue:hover {background-position:right -295px;}
.btnStyle.blue:hover span, .btnStyle.blue:hover button {background-position:0 -295px;}
.btnStyle.black:hover {background-position:right -117px;}
.btnStyle.black:hover span, .btnStyle.black:hover button {color:#fff; background-position:0 -117px;}
.btnStyle.black40:hover {height:40px; background-position:right -388px;}
.btnStyle.black40:hover span, .btnStyle.black40:hover button {color:#fff; font-size:16px !important; background-position:0 -388px; line-height:40px;}
.btnStyle.prev, .btnStyle.next {border:none;}
.btnStyle.prev button, .btnStyle.next button{border:none; *width:110px; *overflow:visible;}


/* ºñ¹Ð¹øÈ£¾ÈÀü¼ºÃ¼Å© */
.pwCheck input {width:339px;  padding-right: 80px; background:url("/img/regist/common/bg_pwCheck.gif") no-repeat;}
.pwCheck input:focus {width:337px;}
.pwCheck span {display:inline-block; width:170px; padding-left:10px; font-weight:normal; vertical-align:middle;font-size:12px;line-height:17px;}
.pwCheck.invalid input {background-position: right 10px;}
.pwCheck.invalid span {color:#f73e22;;font-size:12px;}
.pwCheck.low input {background-position: right -45px;}
.pwCheck.low span {color:#f73e22;}
.pwCheck.middle input {background-position: right -95px;}
.pwCheck.middle span {color:#49ba7c;}
.pwCheck.high input {background-position: right -145px;}
.pwCheck.high span {color:#49ba7c;}
.pwCheck.completion input {border-color:#9b9c9d #dbdbdb #d1d1d1 #a3a4a5; border-style:solid; background:#f3f3f3 url("/img/regist/ico/ico_case.gif") no-repeat right -30px;}
.pwCheck.completion span {color:#49ba7c;}

.hide {position:absolute; width:0; height:0; margin:0; padding:0; visibility:hidden; font-size:0; line-height:0; text-indent:-9999px;}

#skipNav a{position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:1.3em}
#skipNav a:hover, #skipNav a:focus, #skipNav a:active{position: absolute; top: 0; padding: 10px 0; font-weight:bold; color:#fff; background-color:#000; z-index:500;}



/* TEXT FILED */
input.text  {width:379px; height:38px; padding:0 40px 0 11px; font-size:16px; font-weight:bold; color:#333; border-width:1px; border-color:#a3a4a5 #dbdbdb #dbdbdb #919293; border-style:solid; line-height:36px; font-family:"µ¸¿ò",Dotum; vertical-align:middle;}
input.text:focus {width:377px; height:36px; border:2px solid #6ca6d4 !important; box-shadow:2px 2px 2px #ececec; line-height:34px;}

input.texts  {width:197px; height:38px; padding:0 40px 0 11px; font-size:16px; font-weight:bold; color:#333; border-width:1px; border-color:#a3a4a5 #dbdbdb #dbdbdb #919293; border-style:solid; line-height:36px; font-family:"µ¸¿ò",Dotum; vertical-align:middle;}
input.texts:focus {width:195px; height:36px; border:2px solid #6ca6d4 !important; box-shadow:2px 2px 2px #ececec; line-height:34px;}

input.invalid {width:377px; height:36px; padding-right:40px; border:2px solid #f73e22; background:url("/img/regist/ico/ico_case.gif") no-repeat right 0;}
input.completion {background:#f3f3f3 url("/img/regist/ico/ico_case.gif") no-repeat right -30px}
input.bad {background:url("/img/regist/ico/ico_case.gif") no-repeat right 0;}
input.good {background:url("/img/regist/ico/ico_case.gif") no-repeat right -30px;}

input.text.hp {width:127px; padding:0 0 0 10px; font-size:18px}
input.text.hp:focus {width:125px;}

input.text.hp2 {width:123px; padding:0 0 0 10px; font-size:18px}
input.text.hp2:focus {width:121px;}

input.text.email {width:180px; padding-right:10px;}
input.text.email:focus {width:178px;}
input.text.email_certificate {width:90px;}
input.text.email_certificate:focus {width:88px;}
input.bNum1{width:85px; vertical-align:middle;}
input.bNum1:focus {width:84px;}
input.bNum2{width:69px;}
input.bNum2:focus{width:67px;}
input.addr {width:277px; font-size:18px;}
input.addr:focus {width:275px;}
input.w86 {width:71px; margin:0;}
input.w100 {width:85px; margin:0;}