@charset "utf-8";

/* 공통 { */
#login_new .font-18 {font-size: 23px;}
#login_new .font-16 {font-size: 16px;}
#login_new .font-14 {font-size: 14px;}
#login_new .font-12 {font-size: 12px;}

#login_new .font-b {font-weight: 700;}
#login_new .color-999 {color:#999;}
#login_new .color-000 {color:#000;}
#login_new .letter-05 {letter-spacing: -0.5px;}

#login_new .fl {float:left;}
#login_new .fr {float: right;}
#login_new .cb {clear: both;}

.required, textarea.required {
    background-position: right 5px center !important;
}


/* 로그인 { */
#login_new {width: 100%; height: 100%;}
#login_new .sub_div {padding-top: 270px; padding-bottom: 150px;}
#login_new .login_div {width: 600px;margin: 0 auto;background-color: #fff;border-radius: 15px;box-shadow: 30px 30px 70px rgba(0,0,0,0.1);}
#login_new .login_wrap {padding: 40px 40px 40px 40px; }
#login_new .login_wrap .desc{font-size:1.6rem; color:#777; margin:20px 0;line-height:140%;text-align: center;}
#login_new .login_wrap h3{font-size:3.2rem;text-align: center;}
#login_new .ci_full {width: 120px;}
#login_new .api_join {border-top: 1px solid #eee;padding: 40px;}
#login_new .login_join {margin-top: 40px;}
#login_new .login_join_t {margin-top: 10px;}
#login_new .login_input_id {margin-top: 30px; position: relative;display:flex; flex-direction: column; gap:10px;}
#login_new .login_input_id label{}
#login_new .login_input_id svg {position: absolute; top:45px; right:22px;}

input:-webkit-autofill {background:none !important;}
#login_new .login_input_pw {margin-top: 20px; position: relative;display:flex; flex-direction: column; gap:10px;}
#login_new .login_input_pw label{}
#login_new .login_input_pw svg {position: absolute; top:45px; right:22px;}

#login_new .login_input {width: 100%;text-indent: 20px;height: 55px;background:none;border:none; outline:none;border-radius:55px; border:1px solid #ccc;font-size: 1.6rem;;}
#login_new .login_input:focus {outline: none !important; box-shadow: none !important; border:1px solid #000; }

input::placeholder,
textarea::placeholder {
  color: #aaa;
}


#login_new .login_b {margin-top: 15px;display:flex;gap:0 10px;justify-content:space-between;align-items: center;}
#login_new .login_b div label {font-size: 14px; font-weight: 400; color:#555;;}
#login_new .login_b #login_password_lost {color: #888;line-height: 1;font-size:1.4rem;}
#login_new .login_b #login_password_lost:hover, #login_new .login_b #login_password_lost:focus {color:#333;}



#login_new .login_b_li2 {float: right;margin:10px 0;}
#login_new .login_b_li2:after{content:"";display:block;clear:both;}
#login_new .login_b_li2 .optxt{font-size:1.4rem; line-height:20px;vertical-align:middle;}
#login_new .find_login {overflow:hidden;text-align:right;margin:10px 0;}

#login_new .sns_login{margin:0 0 20px 0;}
#login_new .sns_login h4{text-align:center; color:#999; font-size: 1.6rem; margin:0 0 15px 0;}
#login_new .sns_login .btns{display:flex;justify-content:center;gap:20px;}
#login_new .sns_login a{display:flex;justify-content: center;align-items: center; width:45px;height:45px;line-height:45px;border-radius:45px;box-sizing:border-box;overflow: hidden;}
#login_new .sns_login a.kakao_btn img{height:27px;}
#login_new .sns_login a.naver_btn img{height:27px;}
#login_new .sns_login a.kakao_btn{background-color:#FEE102;color:#111;}
#login_new .sns_login a.naver_btn{background-color:#05C050;color:#fff;}

#login_new .busi_box {background-color:#f3f3f6;padding:25px;}
#login_new .busi_box .txt {font-size:1.5rem; line-height:120%; margin:0 0 20px 0;}

#login_new .login_btn_d {margin: 25px 0;display:flex; flex-direction: column;gap:10px;;    align-items: center;}
#login_new .login_btns {width: 74%;height: 60px;background-color: var(--color);border: 0px;border-radius: 60px;color: #fff;text-align: center; font-weight:500;font-size:2rem;}
#login_new .login_btns:hover, #login_new .login_btns:focus{background-color: #e37500;}

#login_new .login_join_btn {display:flex;align-items:center; justify-content: center; width:74%;height: 60px;background-color: var(--color2);border: 0px;border-radius: 60px;color: #fff;text-align: center; font-weight:500;font-size:2rem;}
#login_new .login_join_btn:hover, #login_new .login_join_btn:focus{background-color:#129128 ;}



/* } */


/* 체크박스 리셋 { */
.magic-checkbox + label:after {
    top: 4px;
    left: 7px;
    box-sizing: border-box;
    width: 6px;
    height: 9px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #000;
    border-top: 0;
    border-left: 0;
}
/* } */

/* SNS 리셋 { */
#sns_login {margin-top: 20px !important; padding-top: 10px !important;}
#sns_login .txt {display: none !important;}
#sns_login .sns-icon {
    width: 40px !important;
    margin: 0 1px 1px !important;
    padding-left: 0px !important;
    display: inline-block !important; 
    border-bottom: 0px !important;
    border-radius: 4px !important;
}
#sns_login h3 {display: none !important;}
/* } */

/* 반응형 1024px{ */
@media all and (max-width:1024px) {

    #login_new .sub_div {
		padding:150px 0 80px;
    }
    
    #login_new .login_wrap {
        padding:40px 25px;
    }
    
    #login_new .login_div {
        width: 86%;
       /*  box-shadow: none; */
    }
	#login_new .login_btns{font-size:2rem;}
    
}
/* } */


@media all and (max-width:640px) {
    
    #login_new .sub_div {padding:120px 0 80px;}
    #login_new .login_div{width: 92%;}
    #login_new .login_btns {height:55px;}
    #login_new .login_join_btn  {height:55px;}

}




/* } */