@CHARSET "UTF-8";

/*로그인*/
#login_box {position:relative; padding:31px 0 0 0; width:100%; height:312px; margin:50px 0 0 0; background:url(../images/login/login_bg.gif) no-repeat center 0; }
.loginOutline {margin:0 0 0 205px; }
.login_tit {margin:0 0 13px 28px; float:left; }
.login_in {position:relative; float:left; width:498px; height:125px; border:solid 1px #ddd; background:#f1f0e9; margin:0 0 0 28px; clear:both; }
.login_in font {margin:5px 0 0 0; display:inline-block; }
.login_in h3 img {float:left; }
.member_login {width:289px; float:left; margin:15px 0 0 32px;}
.member_login ul li {padding:0 0 10px 0;}
.member_login ul li input {border-bottom:solid 1px #ccc; border-top:0; border-left:0; border-right:0; width:176px; background:#fefefd; height:26px; padding:2px 0 2px 4px; }
.id_save {position:absolute; right:144px; top:25px; }
.member_login .btn_login {position:absolute; right:133px; top:55px; }

.login_bottom {position:absolute; left:0; top:115px; margin:30px 20px 0 30px; display:inline-block; }
.login_bottom p {float:left; width:100%; margin:0 0 9px 0; }
.login_bottom p img {float:left; }
.login_bottom p .btn {float:right; display:inline-block; width:107px; height:20px; cursor:pointer; }

/*아이디 및 비밀번호 찾기*/
.find_in {height:165px; }
.find_id_pw {width:481px; height:auto; margin:23px 0 0 17px; }
.id_box, .pw_box {width:49.9%; float:left; }
.id_box li.btn, .pw_box li.btn {width:100%; padding:0; text-align:center; margin:3px 0 0 0; }
.login_find_tit {padding:0 0 13px 28px; float:left; }
.login_find_tit img {float:left; }
.member_login ul.id, .member_login ul.pass {float:left; width:100%; display:inline-block; margin:10px 0 10px -12px; }
.member_login ul.id li, .member_login ul.pass li {float:left; padding-left:12px; }
/*.member_login ul.id li input, .member_login ul.pass li input {height:22px;}*/
.member_login ul.id li input.user_name, .member_login ul.pass li input.user_name,.member_login ul.id li input.mail, .member_login ul.pass li input.mail {width:186px; }
.login_find h3 {font-size:14px; font-family:NanumGothic, ngwoff, Dotum, sans-serif; font-weight:bold; background:url(../images/regis/ico_regis_tit.gif) no-repeat 0 0; padding:0 0 0 19px; border-bottom:0; }
.id_pw_bottom {float:left; margin:10px 0 0 25px; }

/*비회원 견적&주문조회*/
#guest_search {position:relative; padding:31px 0 0 0; width:100%; height:270px; margin:10px auto 0 auto; background:url(../images/login/bg_guest_box.gif) no-repeat center 10px; }
#guest_search .find_in {height:146px; padding-bottom:10px; }
#guest_search .find_id_pw {float:left; margin-top:18px; }
#guest_search .find_id_pw h3 img {float:left; }
#guest_search .member_login ul li {margin:0; padding-bottom:10px; }
#guest_search .member_login ul li.btn input {width:60px; height:26px; }
#guest_search .user_name, #guest_search .estim_num, #guest_search .order_num {width:171px; }

#guest_search .id_box ul li span, #guest_search .pw_box ul li span {display:inline-block; width:42px; margin-right:5px;  }
#guest_search .id_box ul, #guest_search .pw_box ul {margin-top:7px; }
#guest_search .id_box ul li, #guest_search .pw_box ul li {padding-bottom:5px; }

/*아이디/패스워드 메일 발송*/
.id_pw_mail {width:460px; border:solid 1px #ccc; height:150px; margin:0 auto; padding:20px 15px; }
.id_pw_mail h3 {background:url(../images/common/ico_arrow_red.gif) no-repeat 0 5px; padding:0 0 8px 10px; font-weight:bold; font-size:15px; font-family:NanumGothic, ngwoff, Dotum; border-bottom:solid 2px #badbea;  }
.id_pw_mail p {font-family:Dotum; line-height:18px; float:left;  margin:10px 0 0 10px;}
.id_pw_mail .pw {font-weight:bold; padding:10px; background:#eee; color:#338de7; float:left; width:420px; text-align:center; margin:12px 0 10px 0; }

/*모바일용*/
.m_btn_login, .m_order_search, .member_login ul.id li.m_btn, .member_login ul.pass li.m_btn {display:none; }