/**
login.css
로그인 페이지 css
*/

@charset "utf-8";

.menu_title { position:relative; width:196px; text-align:center;  height:auto; font-size:31px; font-weight:bold; margin-top:40px; }

.login_layer { position:relative; width:774px; margin:50px auto; }
.login_layer .tab_menu li { float:left; width:385px; text-align:center; font-size:18px; font-weight:bold; color:#9C9B9B; background-color:#F8F8F8; padding:15px 0px 17px 0px; cursor:pointer; border:1px solid #E6E6E6; border-bottom-color:#C3C3C3; border-left-color:#F8F8F8;}
.login_layer .tab_menu li:first-child { border-right-color:#F8F8F8; border-left-color:#E6E6E6;}
.login_layer .tab_menu li.on { background-color:#ffffff; border:1px solid #C3C3C3; color:#414141; border-bottom:1px solid #ffffff; }

.login_layer .login_form_wrap, .login_layer .order_login_wrap { width:772px; border:1px solid #C3C3C3; border-top:none; padding:70px 0px 40px 0px; }
.login_layer .order_login_wrap { display:none; }
.login_layer .login_form { width:500px; margin:0px auto;  }

.login_form li { float:left; }
.login_form li:first-child { width:382px; }
.login_form li .login_btn { text-align:center; background-color:#29282b; width:111px; border-radius:7px; color:#F2F2F3; font-size:15px; padding:41px 0px; cursor:pointer; }

.login_form li input.login_txt { border:1px solid #c3c3c3; border-radius:7px; font-size:15px; width:345px; padding:13px 15px; margin-bottom:5px; }

.login_chk { float:left; width:180px; color:#636363; text-align:left; margin-top:10px;  }
.login_find{ float:right; width:185px; margin-top:10px;  }
.login_find span:hover { cursor:pointer; text-decoration:underline; }

.login_layer .login_join_btn  { width:100%; background-color:#8e959f; color:#FFFFFF; font-size:20px; text-align:center; padding:20px 0px 22px 0px; }
.login_layer .login_join_btn a { color:#FFFFFF; }

.login_layer .login_form_wrap .SNS_login { position:relative; width:100%; text-align:center; margin-top:50px;  }
.login_layer .login_form_wrap .SNS_login h2 { letter-spacing:-1px; }
.login_layer .login_form_wrap .SNS_login img { margin:30px 20px 0px 20px; cursor:pointer; }


/** 아이디 찾기 모달 **/
#find_id_modal .modal-dialog, #find_pw_modal .modal-dialog { width:480px !important; }
.find_id_form_wrap, .find_pw_form_wrap { position:relative; width:100%; line-height:150%; }
.find_id_form_wrap:last-child { margin-top:40px; }
.find_id_form_wrap input, .find_pw_form_wrap input { border:1px solid #c6c6c6;  border-radius:4px; padding:5px 10px; color:#7f7f7f; font-size:14px; margin-top:10px; }
.find_id_form_wrap select, .find_pw_form_wrap select { font-size:14px; width:100px; }
.find_id_form_wrap input, .find_pw_form_wrap input { font-size:14px; width:132px; }
.find_id_form_wrap #find_hp_name, #find_email_name, #find_email_email, #find_passwd_hp_id, #find_passwd_hp_name { width:397px; }
.find_id_form_wrap .find_modal_btn, .find_pw_form_wrap .find_modal_btn { width:415px; text-align:center; text-align:center; color:#556fb5; font-size:12px; background-color:#f8faff; border:1px solid #D3D3D3; border-radius:4px; cursor:pointer; font-weight:bold; margin-top:10px; padding:5px 0px; }
.modal-result { position:relative; width:100%; text-align:center; display:none; padding:50px 0; }