@charset "utf-8";

/* 회원가입 */
.member_wrap {display: none;}
.member_wrap.on {display: block;}
.input_40.member_input37 {width: 37%;}
.input_40.member_input67 {width: 67%;}
.member_check_con {
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
}
.member_check{
    overflow: hidden;
    border-collapse: collapse;
    font-size: 14.5px;
    line-height: 1.2em;
    font-family: "Noto Sans KR";
    text-align: left;
    color: #313131;
    font-weight: 300;
}
.member_check_all {
    margin-top: 20px;
    border-top: 1px solid #90959e;
    padding-top: 10px;
}
.checkbox_con.member_check {display: block;}
.checkbox_con.member_check .detail_view {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 1px solid #313131;
    color: #313131;
    margin: 5px 0px;
}
.member_confirm_img {
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
}
.member_confirm_font {
    text-align: center;
    font-size: 17px;
    color: #313131;
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: 47px;
}
.member_confirm_font > span {font-size: 15px;}
.member_step_con {margin-bottom: 5%;}
.member_step_con > ul {overflow: hidden;}
.member_step_con > ul > li {
    border-radius: 80px;
    padding: 2% 0;
    background-color: #f5f5f5;
    margin-left: 5%;
    color: #999;
    float: left;
    width: 30%;
    text-align: center;
    font-size: 13px;
    line-height: 1.2em;
    font-family: "Noto Sans KR";
    font-weight: bold;

}
.member_step_con > ul > li:first-child {margin-left: 0%;}
.member_step_con > ul > li.on {color: #e42717; background-color: #f5f5f5;}

/* login */
.sub_visual_wrap .section_seperate_line{height: 132px;}
.sub_visual_wrap .sub_visual_text_con.login{height: auto; margin-bottom: 41px;}
.login_con{overflow:hidden; max-width: 610px;}
/*.login_con .login_inner{margin-bottom: 35px;}*/
.login_con .login_desc{font-size:16px; font-size:1.6rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.040em; font-weight: 300; color:#fff;}
.login_con .login_desc span.font_roboto{line-height: 0; letter-spacing: 0;}
.login_con .login_desc .timer_set{line-height: 0; letter-spacing: 0.02em; font-weight: 500;}
.login_con .desc_box{text-align:center; font-size:28px; font-size:2.8rem; line-height:42px; line-height:4.2rem; letter-spacing: -0.06em; font-weight: 300; color:#fff;}
.login_con .desc_box .desc_inner{font-size:17px; font-size:1.7rem; line-height:28px; line-height:2.8rem; margin-top:9px; letter-spacing: -0.02em;}
.login_con .desc_box span.font_roboto{letter-spacing: 0.02em; line-height: 0;}
.login_list_con .login_list{padding-bottom: 25px; margin-bottom: 30px; border-bottom:2px solid rgba(255,255,255,0.2); overflow: hidden;}
.login_list_con .login_list:last-child{margin-bottom: 0;}
/*.input_style_000_con.login .login_input{display:inline-block; vertical-align: middle; width: calc(100% - 132px);}*/
.input_style_000_con.login{overflow:hidden; width: calc(100% - 132px);}
.input_style_000_con.login .input_desc{margin-bottom: 6px; font-size:14px; font-size:1.4rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; font-weight: 200; color:#93abba; word-break: keep-all;}
.input_style_000_con.login .input_desc span.font_roboto{line-height: 0; letter-spacing: 0.02em;}
.invalid_txt{color:#ff4f4f !important;}
.login_list .font_roboto.label{margin-top: 5px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;}
.login_list .label{float:left; width:132px; margin-top: 2px; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 400; color:#fff;}
.input_style_000_con .input_style_000{width: 100%;
    font-size:25px; font-size:2.5rem; line-height:31px; line-height:3.1rem; letter-spacing: 0.02em; font-weight: 300; color:#fff;
    background-color:transparent; border:none; appearance: none; -moz-appearance: none; -webkit-appearance: none;
    -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; font-family: 'Helvetica Neue', 'Noto Sans KR';}
.input_style_000_con .input_style_000.font_roboto::-moz-placeholder{letter-spacing: 0; }
.input_style_000_con .input_style_000.font_roboto::-webkit-input-placeholder{letter-spacing: 0;}
.input_style_000_con .input_style_000.font_roboto:-ms-input-placeholder{letter-spacing: 0;}
.input_style_000_con .input_style_000.font_roboto:-moz-placeholder{letter-spacing: 0;}
.input_style_000::-moz-placeholder{font-size:20px; font-size:2.0rem; line-height:31px; line-height:3.1rem; letter-spacing: -0.06em; font-weight: 400; color:#93abba;}
.input_style_000::-webkit-input-placeholder{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.06em; font-weight: 400; color:#93abba;}
.input_style_000:-ms-input-placeholder{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.06em; font-weight: 400; color:#93abba;}
.input_style_000:-moz-placeholder{font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.06em; font-weight: 400; color:#93abba;}
.input_style_000_con .input_style_000:focus{outline: none;}
.btn_style_login_con{}
.btn_style_login_con .btn_style_login{display:inline-block; padding-right: 18px;
    font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; letter-spacing: -0.02em; font-weight: 300; color:#65c0c1;
    background-image: url("../golden_img/login_arrow.png"); background-repeat: no-repeat; background-position: right top 6px; transition:all .3s;}
.btn_style_login_con .btn_style_login:hover{color:#f2ca79; background-image: url('../golden_img/btn_style_1_arrow_h.png');}
.btn_style_login_2_con{}
.btn_style_login_2_con .btn_style_login_2{display:inline-block; box-sizing:border-box; width:112px; height: 47px;
    padding-top: 8px; padding-bottom: 8px; border:2px solid #fff; border-radius: 8px; text-align: center; cursor: pointer;
    font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.040em; font-weight: 400; color:#fff;
    transition: all 0.3s ease; -webkit-appearance: none; -moz-appearance:none; appearance:none; outline: none; background-color:transparent; margin:0;}
.btn_style_login_2_con input.btn_style_login_2{padding-bottom:12px;}
.btn_style_login_2_con .btn_style_login_2:hover{color:#f2ca79; border-color: #f2ca79;}
.btn_style_login_con .btn_style_login span.font_roboto{line-height: 0; letter-spacing: 0; font-weight: 400;}
/*.input_style_000_con .input_style_000:-webkit-autofill,
.input_style_000_con .input_style_000:-webkit-autofill:hover,
.input_style_000_con .input_style_000:-webkit-autofill:focus,
.input_style_000_con .input_style_000:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
.input_style_000_con .input_style_000:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
}*/

/*otp*/
.login_con.otp .invalid_txt{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; letter-spacing: -0.02em; font-weight: 400;}
.login_con.otp .invalid_txt span.font_roboto{line-height: 0; letter-spacing: 0; font-weight: 400;}
.login_con.otp .login_list_con .login_list{margin-bottom: 21px;}