@charset "utf-8";

/* 로그인 */
#mb_login { width: 890px; margin: 30px auto; }
.mbskin { width:1200px; margin:40px auto; }


#login_bx { border:solid 1px #ddd;}
#login_bx:after { content:''; display:block; clear:both;}
#login_img { width:308px; height:360px; box-sizing:border-box; padding:0 60px; background-color:#f8f8f8; text-align:center; vertical-align:middle; display:table-cell;}
#login { width:580px; height:360px; box-sizing:border-box; padding:0 60px; vertical-align:middle; display:table-cell;}
#login .login_input { margin-bottom:15px;}
#login .login_input table { width:100%;}
#login .login_input table th { width:65px; text-align: left; color:#333;}
#login .login_input .btn_submit { width:100px; height:68px; font-size:16px; border:solid 1px #bd7878; background-color:#bd7878; border-radius:3px; color:#ffffff;}
#login .login_info { border-top:dashed 1px #dddddd; padding-top:15px;}
#login .login_info table { width:100%; border-spacing:0;}
#login .login_info table th { color:#787878; font-weight:normal; background-image:url(../basic/img/bu_arrow_login.png); background-repeat:no-repeat; background-position:left; text-align:left; padding-left:12px;}
#login .login_info table td { text-align:right;}
#login .login_info .btn01, #login .login_info .btn02 { width:160px; font-size:13px; background-color:#fff; border:solid 1px #ddd; color:#333; text-align:center;}
#login .login_input table input[type="text"], #login .login_input table input[type="password"]  { width:260px; height:26px; padding:2px 5px; background-color:#fff; border:solid 1px #ddd;}

#login .login_social { border-top:dashed 1px #dddddd; padding:15px 0; }
#login .login_social:after { content:''; display:block; clear:both; }
#login .login_social > p { display:inline-block; margin:0; padding:0; color:#787878; }
#login .login_social > p.login_social_txt { float:left; width:290px; letter-spacing:-1.2px; }
#login .login_social > p.login_social_btn { float:right; }

/* 쇼핑몰주문 */
#mb_login_notmb { position:relative; margin-top:30px; }
#mb_login_notmb p {color:#787878;}
#mb_login_od {margin-top:30px;}
#mb_login_odinfo { margin:10px 0 30px 0;}
#mb_login_odinfo h3 {font-size:20px; margin:0; padding:0 0 10px 0;}
#mb_login_odinfo p {padding:0; margin:0; color:#787878;}
#mb_login_odinput { border-top:dashed 1px #dddddd; padding-top:30px;}
#mb_login_odinput table { width:100%;}
#mb_login_odinput table th { width:65px; text-align: left; color:#333;}
#mb_login_odinput table input[type="text"], #mb_login_odinput table input[type="password"]  { width:260px; height:26px; padding:2px 5px; background-color:#fff; border:solid 1px #ddd;}
#mb_login_odinput .btn_submit { width:100px; height:68px; font-size:16px; border:solid 1px #bd7878; background-color:#bd7878; border-radius:3px; color:#ffffff;}
.login_guest_btn { position:absolute; top:8px; right:0; }
.login_guest_btn .btn_submit { padding:15px !important; border-radius:3px; }

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

#pwfind_bx { border:solid 1px #ddd;}
#pwfind_bx:after { content:''; display:block; clear:both; }
#pwfind_img { float:left; width:308px; box-sizing:border-box; padding:80px 60px; background-color:#f8f8f8; text-align:center; vertical-align:middle;}
#pwfind { float:right; width:580px; box-sizing:border-box; padding:60px;}

#find_info { padding: 15px;}
#win_title { padding: 0; margin: 0; }
#login_info { width:100%; text-align:center; }
#login_fs {  box-sizing:border-box;}
.win_btn { padding-top: 15px; margin-top: 15px; border-top: 1px solid #ccc; }
fieldset {padding:0 !important; margin:0 !important;}

#pwfind_bx .captcha { margin-top:10px !important; }
#pwfind_bx #mb_email { width:380px; }
#pwfind_bx #captcha_key { width:160px !important; }


/* 회원가입 - 약관 */
#fregister { margin: 0; }
#fregister p { margin:0; padding:0; color:#787878; }
textarea { width: 100%; height: 240px; padding: 10px; color:#787878; }
.tbl_head01 table { width: 100%; border-collapse: collapse; }
.tbl_head01 table th, .tbl_head01 table td { padding: 10px 15px; border: 1px solid #ccc; }
#fregister_term > textarea { margin-bottom:10px;}

/* 회원가입 - 폼 */

.mbskin h2 { width: 100%; margin: 30px auto 10px; color:#252525; letter-spacing:-1px; font-weight:normal; font-family:'NanumBarunGothic'; } 
#page-title { width: 100%; margin: 30px auto 10px; color:#252525; letter-spacing:-1px; font-weight:normal; font-family:'NanumBarunGothic'; } 
#fregisterform { width: 100%; padding: 0; margin: 0 auto 30px; }
#fregisterform table { width: 100%; }
#fregisterform table th, #fregisterform table td { padding: 7px 10px; }
#fregisterform table th { padding:20px 10px; }
#fregisterform table th { width: 120px; text-align: left; }
.frm_info { display: block; margin-top: 5px; color: #999; font-style: italic; }
.btn_confirm { margin-top: 30px; text-align: center;}
.reg_mb_addr {}
#fregisterform #reg_mb_addr1, #fregisterform #reg_mb_addr3 { clear:both; }


/*
#fregisterform{border-top:1px solid #9ea0a3;box-sizing:border-box;}
#fregisterform .tbl_frm01 {}
#fregisterform .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0;}
#fregisterform .tbl_frm01 th {border-bottom:1px solid #ebebeb;width:140px;padding:15px 15px;border-left:0;background:#f8f8f8;text-align:left}
#fregisterform .tbl_frm01 td {padding:7px 10px;border-bottom:1px solid #ebebeb;background:transparent}
#fregisterform .tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#fff;color:#000;vertical-align:middle;line-height:2em}
#fregisterform .tbl_frm01 textarea {padding:2px 2px 3px}
#fregisterform .frm_input {height: 35px; width: 368px; box-sizing:border-box;}
#fregisterform .tbl_frm01 textarea {width:98%;height:100px}
#fregisterform .tbl_frm01 a {text-decoration:none}
#fregisterform .tbl_frm01 .frm_address {margin-top:5px}
#fregisterform .tbl_frm01 .frm_file {display:block;margin-bottom:5px}
#fregisterform .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}
#fregisterform #reg_mb_id, #register_form #reg_mb_nick { float:left; margin-right:5px; }
*/

/* 비밀번호 확인 */
#mb_confirm { width: 600px; margin: 30px auto; }
#mb_confirm table th { text-align: right; }
#mb_confirm table th, #mb_confirm table td { padding: 5px 10px; }

/* 비밀글 비밀번호 확인 */
#mb_confirm {margin:0 auto;padding:60px 0;width:560px; display:table;}
#mb_confirm h1 {margin:0 0 20px; font-size:1.3em; font-weight:600; letter-spacing:-1px;}
#mb_confirm .pw_top { border:solid 1px #ddd; border-bottom:dashed 1px #ddd; text-align:center; padding:40px; background:#f8f8f8;}
#mb_confirm .pw_bottom { border:solid 1px #ddd; border-top:none; text-align:center; padding:40px;}
#mb_confirm .pw_bottom > strong {display:block; text-align:center; font-size:20px; color:#333; font-weight:400; line-height:1.6em;}
#mb_confirm .pw_bottom fieldset {padding:30px 0 0 0; text-align:center; vertical-align:middle;}
#mb_confirm .pw_bottom fieldset label {display:inline-block !important; position:absolute; top:0; left:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important}
#mb_confirm .pw_bottom fieldset .frm_input {background-color:#fff !important; border:solid 1px #ddd; padding:6px; height:31px; box-sizing:border-box;}
#mb_confirm .pw_bottom > p {padding:0; margin:0 0 20px; }
#mb_confirm .pw_bottom table { padding-top:15px; margin:0 auto; border-top:solid 1px #ddd;}
#mb_confirm .pw_bottom table td {text-align:left;}
#mb_confirm .pw_bottom table td .btn_submit { width:100px; height:68px; font-size:16px; border:solid 1px #bd7878; background-color:#bd7878; border-radius:3px; color:#ffffff;}


/* 비밀번호 확인 - 글 수정하기 */
#pw_confirm { width: 600px; margin: 0 auto 50px auto; }
#pw_confirm > section { padding: 30px; border: 1px solid #ccc; }
#pw_confirm fieldset { padding: 35px 0 0 0 !important; margin: 30px 0 20px 0 !important; border-width: 1px 0 0 0; border-color: #ddd; border-style: solid; }
#pw_confirm fieldset > label { display:inline-block; width:60px; }