@charset "utf-8";

/* LOGIN WRAP */

/* 로그인 */
#mb_login {width:100%;min-height:400px;margin:auto;}/* width값은 해당 사이트에 맞게 */
#mb_login h1 {font-size:14px;text-align:left;color:#333;font-weight:400; margin-bottom:20px;}
#mb_login h2 {margin:0;font-size:17px;margin-bottom:10px;color:#333;}
#mb_login p.loginad_txt {font-size: 24px;color: #333;font-weight: lighter;line-height: 1.6em;text-align: center;margin-bottom:20px;}
.login_infowr{border-top:solid 2px #aaa; border-bottom:solid 1px #ccc;}
#mb_login #login_fs {position:relative;display:inline-block; width:350px; margin:auto;}
#mb_login #login_fs h2 {font-size:17px; color:#333; font-weight:normal; margin-bottom:30px; text-align:center;}
#mb_login #login_fs legend {font-size:16px; color:#333;}
#mb_login #login_fs label {}
#mb_login #login_fs .login_id {}
#mb_login #login_fs .login_pw {}
#mb_login #login_fs ul li {margin-bottom:10px;}
#mb_login #login_fs ul li span {width:70px; display:inline-block; text-align:left; font-size:14px; color:#333;}
#mb_login #login_fs .frm_input {display:inline-block;width:230px;height:50px;padding:0 20px; border:#e7e3e2 1px solid;background:#fff !important; color:#666; font-size:13px;}
#mb_login #login_fs .pwb {border-bottom:#e7e3e2 1px solid;}
/*#mb_login #login_fs .btn_submit {display:inline-block;width:342px;height:50px;background:#333; font-size:16px;color:#fff;border-radius:0px;border:0; margin-top:20px;}*/
#mb_login #login_info {margin:0 0 30px;color:#666;}
#mb_login #login_info p{ background:url(img/icon_bul2.png) 0 center no-repeat; padding-left:10px;}
#mb_login #login_info div {text-align:right}
.idpwfine{ text-align:right; padding-right:50px;}
.idpwfine a{ display:inline-block; background:url(img/icon_bul3.png) 0 center no-repeat; padding-left:20px; margin-bottom:20px;}
.idpwfine a:hover{ text-decoration:underline;}

#mb_login_notmb {position:relative;margin:20px auto;border:1px solid #eaeaea;width:960px;padding:20px;}
#mb_login_notmb #guest_privacy {margin:15px 0;padding:10px;height:150px;border:1px solid #e9e9e9;overflow:auto;background:#f6f6f6;}
#mb_login_notmb .btn_confirm {padding:10px 0 0}

#mb_login_od {position:relative;margin:auto;width:958px;border:1px solid #eaeaea;background:#fff;padding:20px;overflow:hidden;}
#mb_login_od legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login_od label {letter-spacing:-0.1em}
#mb_login_od .od_id {color:#999;font-size:12px;}
#mb_login_od .od_pwd {color:#999;font-size:12px;}
#mb_login_od .frm_input {display:block;width:90%;padding:5px; }
#mb_login_od .btn_submit {background:#666;width:100px;height:65px; font-weight:600; font-size:15px;}
#mb_login_od .btn_submit:hover{ background:#333;}
#mb_login_odinfo {float:left;width:50%;}
#mb_login_odinfo h2 {font-size:14px;color:#333;padding-bottom:5px}
#mb_login_odinfo p {font-size:13px;color:#666;}

.belogin_wrap {float:left;width:50%;}
table.be_login {width:100%;}
.bepri_wrap {text-align:center;padding:15px 0;}
a.be_price {background:#333;display:inline-block;padding:10px 15px;color:#fff;border-radius:4px;}

.login_wrap {margin:auto; overflow:hidden; width:1000px;text-align:center;}
.form_login {border:#eaeaea 1px solid;text-align:center; padding:50px 0;}
.login_ad { margin:auto;text-align:center; padding-bottom:30px;}
.join_text {margin-bottom:20px; color:#333; }
.login_ad .logoimg{padding-top:60px;}
.login_ad .loginad_txt{margin:30px 0;font-size:13px;line-height:18px;}
.login_ad .member_btn a{width:160px;margin:0 auto;font-size:13px;color:#333;padding:13px 0;background:#fff; border:1px #333 solid;display:block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.login_ad .member_btn a:hover{background:#333; color:#fff;}
.login_right {float:left; width:500px; height:150px;text-align:center;padding:160px 0; background:url(/theme/basic/common/img/login_right_img.png)0 0 no-repeat;}
.login_right_text {font-size:28px; color:#fedfa5; margin-bottom:50px; font-weight:500;}
.login_right_btn a{display:inline-block; font-size:16px; color:#333; padding:10px 12px 11px 12px; background:#fedfa5;}
.login_tlt{font-size:40px; font-family:'Roboto'}
.check_login {margin:20px 0 0 0;font-size:14px;}
.check_login span {color:#dfdfdf; padding:0 5px;}
.check_login a {color:#666;vertical-align:middle}
.check_login label {cursor:default; color:#666;}

/* LOGIN WRAP 640px*/
@media screen and (max-width: 40.000em){
    #mb_login {margin:0 auto;padding:20px 0;}
    #mb_login h1 {margin:0 0 15px;padding:0 10px;}
    
    #mb_login #login_fs {padding:10px;}
    #mb_login #login_fs .login_id,
    #mb_login #login_fs .login_pw {display:block;position:inherit;top:0px;left:0}
    #mb_login #login_fs .frm_input {margin:0 0 5px 0;width:60%}
    #mb_login #login_fs .btn_submit {top:24px;right:10px;width:35%;height:67px}
    
    #mb_login_notmb {margin:30px 0;padding:15px 10px;border:1px solid #cfded8;background:#f7f7f7}
    #mb_login_notmb .btn_confirm {margin:20px 0 0;text-align:right}
    
    #mb_login_od {margin:20px 5px;}
    #mb_login_od .frm_input {margin-bottom:5px;padding:0;width:80%;height:1.8em;line-height:1.8em}
    #mb_login_od .btn_submit {position:absolute;top:0;right:0;padding:0 !important;width:18%;height:4em !important;text-align:center}
}



/* SNS LOGIN */
.login-sns{padding-bottom:10px;border-bottom:none}
.sns-wrap {margin:10px 0 0;text-align:center}
.sns-icon {display:inline-block;vertical-align:middle;text-decoration:none}
.sns-icon:hover {text-decoration:none}
.sns-icon .ico {display:block;background:url('../oauth/img/sns_logo.png') no-repeat;vertical-align:middle}
.sns-icon .txt {font-size:12px;vertical-align:middle;overflow:hidden}
.sns-icon .txt i {font-style:normal}

/* SNS by COLOR */
.sns-wrap-org .sns-naver {border-color:#18a400;background:#2db400}
.sns-wrap-org .sns-naver .ico {background-position:-29px 0; }
.sns-wrap-org .sns-gg {border-color:#ca2c19;background:#dd5443}
.sns-wrap-org .sns-gg .ico {background-position:-58px 0}
.sns-wrap-org .sns-fb {border-color:#2e5393;background:#3a5897}
.sns-wrap-org .sns-fb .ico {background-position:0 0 }

.sns-wrap-over .sns-icon {/*border-color:#dcdcdc*/}
.sns-wrap-over .sns-naver{/*border-color:#18a400*/ overflow:hidden;}
.sns-wrap-over .sns-naver .ico {background-position:-29px 0; float:left; margin-right:10px; }
.sns-wrap-over .sns-naver .txt {color:#18a400}
.sns-wrap-over .sns-gg .ico {background-position:-58px 0;float:left;}
.sns-wrap-over .sns-gg {border-color:#ca2c19}
.sns-wrap-over .sns-fb .ico {background-position:0 0;  float:left; margin-right:10px;}
.sns-wrap-over .sns-fb .txt {color:#2e5393}
.sns-wrap-over .sns-fb {border-color:#2e5393;overflow:hidden;}
.sns-wrap-over .sns-kk .ico {background-position:-87px 0;float:left;	}
.sns-wrap-over .sns-kk {border-color:#f2df00}

/* SNS by SIZE */
.sns-wrap-32 .sns-icon {border-width:1px;overflow:hidden;margin:0 1px}
.sns-wrap-32 .sns-icon .txt {display:inline-block;margin:0 10px 0 10px;font-size:0.95em;letter-spacing:-0.1em}
.sns-wrap-32 .sns-icon .ico {width:24px;height:24px}

/* LOGIN LOADING */
.social-login-loading{width:100%;height:auto;text-align:center}
.social-login-loading p{display:inline-block;margin-top:10px;padding:40px 0 0;line-height:30px}