@charset "utf-8";


/* login -------------------------------------------------------------------------------------------------------------- */
#login_box {position:relative; top:20px; margin:0 auto 100px auto; width:658px; height:270px;}
#lodding_box {position:relative; top:20px; margin:0 auto 100px auto; width:658px; height:200px;}

/* login page --------------------------------------------------------------------------------------------------------------추가 */
#body_login_bg {background:url("../new_images/login/login_bg_new.jpg") repeat-x;}
#wrap_login {position:relative; width:1003px; height:700px; margin:0 auto;}

#kab_logo a {position:relative; top:44px; left:10px; display:inline-block; float:left; background:url("../new_images/common/kab_logo.gif") no-repeat 0 0; width:140px; height:34px;}
#login_logo a.newstay {position:relative; top:45px; left:25px; display:inline-block; background:url("../new_images/common/newstay_logo.gif") no-repeat 0 0; width:219px; height:26px;}
#kab_logo02 a {position:relative; top:15px; left:0; display:inline-block; float:left; background:url("../new_images/common/kab_logo.gif") no-repeat 0 0; width:140px; height:34px;}
#login_logo02 a {position:relative; top:15px; left:15px; display:inline-block; background:url("../new_images/common/newstay_logo.gif") no-repeat 0 0; width:207px; height:34px;}

#kab_sub_logo a {position:relative; top:15px; left:0; display:inline-block; float:left; background:url("../new_images/common/kab_logo.gif") no-repeat 0 0; width:140px; height:34px;}
#login_sub_logo a {position:relative; top:15px; left:15px; margin-bottom:30px;  display:inline-block; background:url("../new_images/common/newstay_logo.gif") no-repeat 0 0; width:219px; height:26px;}

/* #logn_img {position:relative; top:44px; background:url("../new_images/login/login_img.png") no-repeat 0 0; width:100%; height:494px;} */
#logn_img {position:relative; top:84px; background:url("../new_images/login/login_img.png") no-repeat 0 0; width:100%; height:494px;}

#logn_img .pdfList {
	position:relative; 
	top:0px; 
	left:290px; 
	border: 1px solid black;  
	background-color: white; 
	width:200px; 
	height:200px; 
	font-family:"나눔고딕","NanumGothic","NanumGothicWeb", "돋움",Dotum,"굴림",	Gulim,AppleGothic,sans-serif; 
	color:#4d4d4d;
	font-size:14px; 
	font-weight: bold;
}

.logn_box {position:absolute; top:190px; right:100px; background:url("../new_images/login/login_box_new.png") no-repeat 0 0; width:331px; height:200px;}
.logn_box form {margin:24px auto 0 auto; width:266px;}
.login_id {position:relative; top:0; display:inline-block; background:url("../new_images/login/label_id.png") no-repeat right 0; width:43px; height:23px;}
.login_pw {position:relative; top:0; display:inline-block; background:url("../new_images/login/label_pw.png") no-repeat right 0; width:43px; height:25px;}
.inp_login {position:relative; margin:0 10px 10px 10px; width:135px; color:#626262; height:16px; background-color:#dedddd; border:1px solid #bababa; vertical-align:middle;}

.btn_logn {position:absolute; top:24px; background:url("../new_images/login/login_btn_login.png") no-repeat right 0; width:61px; height:54px; border:none;}
.btn_sign {position:absolute; top:147px; left:85px; background:url("../new_images/login/login_btn_sign.png") no-repeat right 0; width:188px; height:25px; border:none;}
.btn_sign:hover {background:url("../new_images/login/login_btn_sign_on.png") no-repeat right 0;}
.btn_find {position:absolute; top:115px; left:85px; background:url("../new_images/login/login_btn_find.png") no-repeat right 0; width:188px; height:25px; border:none;}
.btn_find:hover {background:url("../new_images/login/login_btn_find_on.png") no-repeat right 0;}
.id_save {padding-left:52px;}
.id_save strong {vertical-align:bottom; font-weight:bold;}


/* login */
.title_img01 {margin:0 auto; background:url("../new_images/login/title_login.png") no-repeat 0 0; width:484px; height:28px;}

.login_back {position:relative; margin-top:20px; background:url("../new_images/login/login_form_bg.png") no-repeat 0 bottom; width:658px; height:250px;}
.login_icon {position:relative; top:70px; left:50px; float:left; background:url("../new_images/login/login_form_icon.png") no-repeat 0 0; width:255px; height:166px;}

.login_form {position:relative; top:70px; right:100px; float:right; display:block; width:257px;}
.login_form input {width:130px; height:18px; background-color:#f7f6f6; border:1px solid #d3d4d4; margin-bottom:6px; vertical-align:top;}
.label_id {display:inline-block; background:url("../new_images/login/label_id.png") no-repeat 11px 60%; width:43px; height:22px; padding-left:6px;}
.label_pw {display:inline-block; background:url("../new_images/login/label_pw.png") no-repeat 0 60%; width:43px; height:22px; padding-left:6px;}
.logBtn_ok {position:absolute; top:0; right:0; background:url("../new_images/login/login_btn_login.png") no-repeat 0 0; width:61px; height:54px; border:none;}
.logBtn_join {position:relative; top:0px; margin:0 3px 0 52px; border:none; background:url("../new_images/login/login_btn_join.png") no-repeat 0 0; 
				width:70px; height:25px; clear:both;}
.logBtn_find {position:relative; top:0px; border:none; background:url("../new_images/login/login_btn_find.png") no-repeat 0 0; width:128px; height:25px;}

/* logout */
#logout_box {position:relative; top:20px; margin:0 auto 100px auto; width:658px; height:235px;}
#pop_border {border:6px solid #3082ce}
.title_img02 {margin:0 auto; background:url("../new_images/login/title_logout.png") no-repeat 0 0; width:522px; height:35px;}
.logout_icon {position:relative; top:65px; left:90px; float:left; background:url("../new_images/login/logout_form_icon.png") no-repeat 0 0; width:179px; height:122px;}

.logout_txt {position:relative; top:110px; right:80px; float:right; display:block; width:270px; height:auto;}
.logout_txt dt {background:url("../new_images/login/logout_text.png") no-repeat 0 0; width:242px; height:18px; margin-bottom:10px;}
@-moz-document url-prefix(){
.logout_txt dd {letter-spacing:-1px;}
}
.logBtn {position:absolute; top:135px; right:190px; width:148px;}
.logBtn_home {position:relative; top:0px; right:0; float:right; border:none; background:url("../new_images/login/logout_btn_home.png") no-repeat 0 0; width:83px; height:25px;}

/* .logout_txt {position:relative; top:60px; right:80px; float:right; display:block; width:270px; height:auto;}
.logout_txt dt {background:url("../new_images/login/logout_text.png") no-repeat 0 0; width:242px; height:18px; margin-bottom:10px;}
.logout_txt dd {line-height:20px;}
@-moz-document url-prefix(){
.logout_txt dd {letter-spacing:-1px;}
}

.logBtn {position:absolute; top:165px; right:155px; width:148px;}
.logBtn_login {position:relative; top:0px; left:0; float:left; border:none; background:url("../new_images/login/logout_btn_login.png") no-repeat 0 0; 
				width:60px; height:25px; clear:both;}
.logBtn_home {position:relative; top:0px; right:0; float:right; border:none; background:url("../new_images/login/logout_btn_home.png") no-repeat 0 0; width:83px; height:25px;} */

/* 가입완료 */  /* 추가 */ 
.okBtn {position:absolute; top:125px; right:175px; width:120px; margin-top:10px;}
.joinok_icon {position:relative; top:65px; left:90px; float:left; background:url("../new_images/login/jonin_icon.png") no-repeat 0 0; width:161px; height:133px;}
.title_img04 {margin:0 auto; background:url("../new_images/login/title_join_ok.png") no-repeat 0 0; width:459px; height:31px;}
.okBtn_join {position:relative; margin:10px; top:0px; right:0; float:center; border:none; background:url("../new_images/login/join_btn_ok.png") no-repeat 0 0; width:50px; height:25px;}
.joinok_txt {position:absolute; top:80px; right:90px; font-size:15px; text-align:center; line-height:23px; color:#000; width:320px; word-break:break-all; white-space:normal;}
.joinok_txt strong {color:#00479d;}
.joinok_txt em {color:#fa5901;}


/* 사용자 확인 */
.title_img03 {margin:0 auto; background:url("../new_images/login/title_user_check.png") no-repeat 0 0; width:488px; height:31px;}
.user_icon {position:relative; top:40px; left:80px; float:left; background:url("../new_images/login/title_user_icon.png") no-repeat 0 0; width:186px; height:162px;}
.user_form {position:relative; top:50px; right:78px; float:right; display:block; width:300px;}
.user_form input.inp_user_form {width:140px; height:18px; background-color:#f7f6f6; border:1px solid #d3d4d4; margin-bottom:6px; vertical-align:top;}
.user_form input.inp_tell {width:30px;height:18px; background-color:#fff; border:1px solid #d3d4d4; margin-bottom:6px; vertical-align:top;}
.label_regi_num {display:inline-block; background:url("../new_images/login/label_regist_num.png") no-repeat 0 60%; width:143px; height:22px; padding-left:4px;}
.label_ceo_name {display:inline-block; background:url("../new_images/login/label_ceo_name.png") no-repeat 54px 60%; width:143px; height:22px; padding-left:4px;}
.label_tell {display:inline-block; background:url("../new_images/login/label_tell.png") no-repeat 89px 60%; width:143px; height:22px; padding-left:4px;}
.btn_user_ok {position:relative; top:10px; left:150px; background:url("../new_images/login/user_btn_ok.png") no-repeat 0 0; width:61px; height:37px; border:none; clear:both;}





/* 아이디 비밀번호 찾기 ---------------------------------------------------------------------------------------------- */

#find_box {position:relative; top:0; margin:0 auto; width:820px; height:auto;}
.findID_box,.findPW_box {position:relative; top:0px; width:392px; height:300px; border:4px solid #ddd;}
.find_bg {position:relative; top:0; background:url("../new_images/login/find_bg.png") no-repeat 0 0; width:392px; height:260px;}

/* ID */
.findID_box {float:left;}
.findID_box h2 {background:url("../new_images/login/find_title_id.png") no-repeat 13px 50%; width:105px; height:41px;}
.find_bg .field_id {position:relative; top:43px; margin:0 auto; width:260px;}
.field_id label {display:inline-block; width:33px; height:23px;}
.field_id .label_name {background:url("../new_images/login/label_name.png") no-repeat right 50%;}
.field_id .label_phone {background:url("../new_images/login/label_phone.png") no-repeat right 50%;}
.field_id input {margin-left:10px; width:130px; height:18px; background-color:#f7f6f6; border:1px solid #d3d4d4; margin-bottom:6px; vertical-align:top;}
.id_text {position:relative; top:70px; *top:47px; width:316px; height:100px; color:#757474; margin:0 auto; padding:20px; 
		border-top:1px dotted #ccc; line-height:20px;}
@-moz-document url-prefix(){
.id_text {letter-spacing:-1px;}
}
.id_text strong {font-weight:bold; color:#438414;}
.idBtn_ok {position:absolute; top:0; right:0; background:url("../new_images/login/find_btn_ok.png") no-repeat 0 0; width:61px; height:54px; border:none;}


/* PW */
.findPW_box {float:right;}
.findPW_box h2 {background:url("../new_images/login/find_title_pw.png") no-repeat 13px 50%; width:120px; height:41px;}
.find_bg .field_pw {position:relative; top:30px; margin:0 auto; width:260px;}
.field_pw label {display:inline-block; width:33px; height:23px;}
.field_pw .label_name {background:url("../new_images/login/label_name.png") no-repeat right 50%;}
.field_pw .label_id02 {background:url("../new_images/login/label_id.png") no-repeat right 50%;}
.field_pw .label_phone {background:url("../new_images/login/label_phone.png") no-repeat right 50%;}
.field_pw input {margin-left:10px; width:130px; height:18px; background-color:#f7f6f6; border:1px solid #d3d4d4; margin-bottom:6px; vertical-align:top;}
.pw_text {position:relative; top:40px; *top:17px; width:316px; height:100px; color:#757474; margin:0 auto; padding:20px; 
		border-top:1px dotted #ccc; line-height:20px;}
@-moz-document url-prefix(){
.pw_text {letter-spacing:-1px;}
}
.pw_text strong {font-weight:bold; color:#438414;}
.pwBtn_ok {position:absolute; top:16px; right:0; background:url("../new_images/login/find_btn_ok.png") no-repeat 0 0; width:61px; height:54px; border:none;}


/* result_ID */
#result_box {position:relative; top:80px; margin:0 auto 60px auto; background:url("../new_images/login/find_result_bg.png") no-repeat 0 0; width:600px; height:172px;}
.result_id_title {position:absolute; top:-65px; left:60px; background:url("../new_images/login/find_title_id.png") no-repeat 22px 0; width:480px; height:32px;
				border-bottom:1px solid #e8e8e8;}
.result_id_icon {position:absolute; top:-6px; left:80px; background:url("../new_images/login/find_icon_id.png") no-repeat 0 0; width:111px; height:121px;}
.result_id_text {position:absolute; top:42px; left:265px; width:auto; height:auto; line-height:22px;}
.result_id_text .name {color:#0068b7;}
.result_id_text em {color:#ff0000; font-weight:bold;}
.result_id_text .access {color:#000; font-weight:bold;}

/* result_PW */
.result_pw_title {position:absolute; top:-65px; left:60px; background:url("../new_images/login/find_title_pw.png") no-repeat 22px 0; width:480px; height:32px;
				border-bottom:1px solid #e8e8e8;}
.result_pw_icon {position:absolute; top:-12px; left:80px; background:url("../new_images/login/find_icon_pw.png") no-repeat 0 0; width:114px; height:116px;}
.result_pw_text {position:absolute; top:42px; left:235px; width:auto; height:auto; line-height:22px;}
@-moz-document url-prefix(){
.result_pw_text {letter-spacing:-1px;}
}
.result_pw_text .name {color:#0068b7;}
.result_pw_text em {color:#ff0000; font-weight:bold;}
.result_pw_text .modify {color:#000;}
.result_pw_text .phone, .result_pw_text .message {color:green; font-weight:bold;}
#userOk_box {position:relative; top:0; margin:0px auto 30px auto; width:658px; height:auto;}
.join_confirm {position:relative; margin:0 auto; background:url("../new_images/login/user_text_box.png") no-repeat 0 0; width:441px; height:43px;
				font-weight:bold; text-align:center; line-height:43px;}
.join_confirm strong {font-weight:bold; color:#1a1ac7;}
.user_table {position:relative; width:490px; margin:20px auto 0 auto;}
.user_table th {border:1px solid #a7a7a7; border-top:2px solid #217aeb; border-bottom:0; background-color:#dfedff; padding:4px;}
.user_table td {border:1px solid #c7c7c7; background-color:#fff; text-align:center; padding:4px;}
.user_table .border_l {border-left:none;}
.user_table .border_r {border-right:none;}
.id_color {color:#1a1ac7;}
.btn_reentrance {background:url("../new_images/login/btn_reentrance.png") no-repeat 0 0; width:45px; height:19px; vertical-align:middle; margin-left:5px;}



/* 팝업 - 로그인/비밀번호 찾기 ---------------------------------------------------------------------------------------------- */
#pop_box {position:relative; top:0; width:468px; height:238px; border-radius:5px; border:1px solid #ccc; margin:0 auto; }
.pop_back {position:relative; background:url("../new_images/login/pop_login_bg.png") no-repeat 0 bottom; width:468px; height:177px;}

/* pop_login */
.pop_login_title {margin:0 auto; background:url("../new_images/login/pop_login_title.png") no-repeat 0 50%; width:380px; height:61px;}
.pop_login_icon {position:relative; top:40px; left:0; float:left; background:url("../new_images/login/pop_login_icon.png") no-repeat 0 0; width:189px; height:132px;}
.pop_login_form {position:relative; top:40px; right:29px; float:right; display:block; width:257px;}
.pop_login_form input {width:130px; height:18px; background-color:#f7f6f6; border:1px solid #d3d4d4; margin-bottom:6px; vertical-align:top;}
.phone_num {position:relative; top:20px; width:500px; height:31px; font-weight:bold; clear:both; text-align:right;
			background:url("../new_images/login/bullet_phone.png") no-repeat 1px 2px;text-align: left; margin-left: 150px; margin-top:20px;}
			
/* pop_회원정보 변경 */
.pop_pwm_title {margin:0 auto; background:url("../new_images/login/pop_pwm_title.png") no-repeat 0 50%; width:386px; height:61px;}
.pop_new_title {margin:0 auto; background:url("../new_images/login/login_title.png") no-repeat 0 50%; width:386px; height:61px;}
.pop_pwm_icon {position:relative; top:35px; left:35px; float:left; background:url("../new_images/login/pop_pwm_icon.png") no-repeat 0 0; width:230px; height:40px; padding-top:120px; }
.pop_pwm_form {position:relative; top:24px; right:37px; float:right; display:block; width:235px;}
.pop_pwm_form label {display:inline-block; width:85px; height:23px;}
.pop_pwm_form input {margin-left:10px; width:130px; height:18px; background-color:#f7f6f6; border:1px solid #d3d4d4; margin-bottom:6px; vertical-align:top;}
.pop_pwm_form .inp_new_pw {border:1px solid #b4b4b4;}
.label_pw01 {background:url("../new_images/login/label_nowpw.png") no-repeat right 50%;}
.label_new_pw01 {background:url("../new_images/login/label_newpw.png") no-repeat right 50%;}
.label_new_pw02 {background:url("../new_images/login/label_newpw02.png") no-repeat right 50%;}
.pop_pwm_form button {float:right; margin:10px 0 0 10px;}
.pwmBtn_modify {background:url("../new_images/login/pop_pwm_btn01.png") no-repeat 0 0; width:99px; height:31px; border:none;}
.pwmBtn_next {background:url("../new_images/login/pop_pwm_btn02.png") no-repeat 0 0; width:98px; height:31px; border:none;}
.delmBtn_modify {background:url("../new_images/login/pop_delm_btn01.png") no-repeat 0 0; width:99px; height:31px; border:none;}

/* 오류페이지 ------------------------------------------------------------------------------------------------------------- */
.title_img05 {margin:0 auto; background:url("../new_images/login/title_error.png") no-repeat 0 0; width:488px; height:31px;}
.error_icon {position:relative; top:59px; left:80px; float:left; background:url("../new_images/login/title_error_icon.png") no-repeat 0 0; width:144px; height:108px;}
.phone_num02 {font-weight:bold; background:url("../new_images/login/bullet_phone.png") no-repeat 0 2px; width:11px; padding-left:18px;}
.error_txtbox {position:absolute; top:50px; right:75px; text-align:center;}
.error_txtbox dt {font-size:18px; color:#000; margin-bottom:15px; letter-spacing:-0.5px;}
.error_txtbox dt strong {color:#e60012;}
.error_txtbox dd.txt_box {background:url("../new_images/login/title_error_txtbox.png") no-repeat 0 0; width:316px; height:71px; padding:5px 0; letter-spacing:-0.5px; line-height:20px;}
.logBtn_home02 {margin:0 auto; background:url("../new_images/login/logout_btn_home.png") no-repeat 0 0; width:83px; height:25px;}