.login_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 40px);
    max-width: 500px;
}

.logo {
    width: 180px;
    height: 60px;
    margin: 0 auto 105px auto;
}

.logo2 {
    width: 140px;
    height: 60px;
}

.title_logo {
    width: 300px;
    margin: 0 auto 30px auto;
}

.join_wrap a {
    display: block;
    width: 100%;
    height: 58px;
    line-height: 58px;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    margin-bottom: 16px;
    font-size: 16px;
    color: #212428
}

.join_wrap a:last-child {
    margin-bottom: 0;
}

.join_wrap a.apple {
    background: url(/assets/image/common/apple_icon.png) center left 16px no-repeat #000000;
    color: #fff;
}

.join_wrap a.naver {
    background: url(/assets/image/common/naver.png) center left 5px no-repeat #03c75a;
    color: #fff;
    background-size: 50px;
}


.join_wrap a.facebook {
    background: url(/assets/image/common/facebook_icon.png) center left 16px no-repeat #325095;
    color: #fff;
}

.join_wrap a.kakao {
    background: url(/assets/image/common/kakao_icon.png) center left 16px no-repeat #FFDB43;
}

.join_wrap a.email {
    background: url(/assets/image/common/mail_icon.png) center left 16px no-repeat #fff;
}

.login {
    text-align: center;
    margin: 20px auto 0 auto;
}

.login::after {
    content: "";
    display: block;
    clear: both;
}

.login a {
    font-size: 12px;
    display: inline-block;
    position: relative;
    color: #FCFCFC;
}

.login a + a {
    margin-left: 10px;
    padding-left: 10px;
}

.login a + a::before {
    content: "";
    width: 1px;
    height: 12px;
    background: #DDDDDD;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.login .login_txt {
    font-size: 12px;
    color: #AFB0B0;
}

.login .login_txt a {
    color: #000000;
    font-size: 12px;
    margin-left: 8px;
    font-weight: 500;
}

.login_input_wrap .input_list {
    margin-bottom: 16px;
    position: relative;
}

.login_input_wrap .input_list:last-child {
    margin-bottom: 0;
}

.login_input_wrap .input_list .show {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/assets/image/common/show.png) 0 no-repeat;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translate(0, -50%);
}

.login_input_wrap .auto_login label {
    color: #FCFCFC;
}

/* .login_wrap input[type="submit"] { */
.login_wrap #login_btn {
    width: 100%;
    height: 58px;
    line-height: 58px;
    display: block;
    text-align: center;
    border: none;
    border-radius: 10px;
    margin-top: 40px;
    font-size: 1.6em;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
}

/* .login_wrap input[type="submit"]:disabled { */
.login_wrap #login_btn:disabled {
    background: #DDDDDD;
    color: #B8B8B8;
}

.sns_wrap {
    margin: 30px auto 0 auto;
    text-align: center;
}

.sns_wrap a {
    display: inline-block;
    width: 50px;
    height: 50px;
}

.sns_wrap a + a {
    margin-left: 40px;
}

.sns_wrap .naver {
    background: url(/assets/image/common/naver.png) 0 no-repeat;
    background-size: 50px;
}

.sns_wrap .apple {
    background: url(/assets/image/common/apple.png) 0 no-repeat;
}

.sns_wrap .facebook {
    background: url(/assets/image/common/facebook.png) 0 no-repeat;
}

.sns_wrap .kakao {
    background: url(/assets/image/common/kakao.png) 0 no-repeat;
}

.input_wrap {
    margin-top: 10px;
}

.input_wrap .input_list {
    margin-bottom: 40px;
    position: relative;
}

.input_wrap .input_list::after {
    content: "";
    display: block;
    clear: both;
}

.input_wrap .input_list:last-child {
    margin-bottom: 0;
}

.input_wrap .input_list.chk_list input {
    width: calc(100% - 128px);
    float: left;
}

.input_wrap .input_list.chk_list .chk_btn {
    width: 120px;
    float: right;
    height: 58px;
    line-height: 56px;
    display: block;
    color: #fff;
    background: #FF5A47;
    font-size: 1.6em;
    border-radius: 10px;
}

.input_wrap .input_list label,
.input_wrap .input_list .title{
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 1em;
    display: block;
}

.input_wrap .input_list .show {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/assets/image/common/show.png) 0 no-repeat;
    position: absolute;
    bottom: 19px;
    right: 16px;
}

.input_wrap .input_list .miss {
    position: absolute;
    bottom: -23px;
    left: 0;
    font-size: 12px;
    color: #FF5A47;
    letter-spacing: -1px;
    padding-left: 19px;
    background: url(/assets/image/common/miss_icon.png) top 2px left 0 no-repeat;
}

.input_wrap .input_list .cert_time{
    position: absolute;
    bottom: 22px;
    right: 16px;
    font-size: 12px;
    color: #FF5A47;
}

.input_wrap .input_list .random{
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 12px;
    color: #A6A5A5;
    background: none;
}

.input_wrap .input_list .sex_chk_wrap::after{
    content: "";
    display: block;
    clear: both;
}

.input_wrap .input_list .sex_chk_wrap .chk_list{
    float: left;
    width: calc(50% - 5px);
}

.input_wrap .input_list .sex_chk_wrap .chk_list + .chk_list{
    margin-left: 10px;
}

.input_wrap .input_list .sex_chk_wrap .chk_list input + label{
    width: 100%;
    display: block;
    height: 78px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    padding-left: 0;
    font-size: 13px;
    color: #A9ADB3;
    font-weight: 400;
    padding-top: 45px;
}

.input_wrap .input_list .sex_chk_wrap .chk_list input + label.male{
    background: url(/assets/image/common/male.png) center top 12px no-repeat;
}

.input_wrap .input_list .sex_chk_wrap .chk_list input:checked + label.male{
    background: url(/assets/image/common/male_on.png) center top 12px no-repeat #FFECEA;
    border: 1px solid #FF5A47;
    color: #FF5A47
}

.input_wrap .input_list .sex_chk_wrap .chk_list input + label.female{
    background: url(/assets/image/common/female.png) center top 12px no-repeat;
}

.input_wrap .input_list .sex_chk_wrap .chk_list input:checked + label.female{
    background: url(/assets/image/common/female_on.png) center top 12px no-repeat #FFECEA;
    border: 1px solid #FF5A47;
    color: #FF5A47
}

.input_wrap .input_list .sex_chk_wrap .chk_list input + label::after{
    display: none;
}

.input_chk_wrap{
    margin-top: 10px;
}

.input_chk_wrap .input_chk_list{
    height: 58px;
    line-height: 58px;
    position: relative;
}

.input_chk_wrap .input_chk_list.chk_all input + label{
    padding-left: 30px;
    font-size: 1.6em;
    font-weight: 500;
    color: #000;
}

.input_chk_wrap .input_chk_list.chk_all input + label::after{
    background: url(/assets/image/common/chk_all.png) center left 0 no-repeat;
    width: 21px;
    height: 21px;
}

.input_chk_wrap .input_chk_list.chk_all input:checked + label::after{
    background: url(/assets/image/common/chk_all_on.png) center left 0 no-repeat;
}


.input_chk_wrap .input_chk_list.chk_list input + label{
    padding-left: 30px;
    font-size: 1.4em;
    font-weight: 400;
    color: #000;
}

.input_chk_wrap .input_chk_list.chk_list input + label::after{
    background: url(/assets/image/common/chk_list.png) center left 0 no-repeat;
    width: 21px;
    height: 21px;
}

.input_chk_wrap .input_chk_list.chk_list input:checked + label::after{
    background: url(/assets/image/common/chk_list_on.png) center left 0 no-repeat;
}

.input_chk_wrap .input_chk_list .chk_more{
    font-size: 12px;
    color: #A6A5A5;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    background: none;
}

.profile_img_wrap{
    display: -webkit-box;
    width: 100%;
    overflow: auto;
    padding: 5px;
}

.profile_img_wrap::after{
    content: "";
    display: block;
    clear: both;
}

.profile_img_wrap .profile_img{
    width: 72px;
    height: auto;
    float: left;
    margin-right: 16px;
    position: relative;
    white-space: nowrap;
}

.profile_img_wrap .profile_img input + label{
    padding-left: 0;
    margin-bottom: 0;
}

.profile_img_wrap .profile_img input:checked + label::before{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid #FF5A47;
    box-sizing: border-box;
    width: 110%;
    height: 110%;
    border-radius: 50%;
}

.profile_img_wrap .profile_img input + label::after{
    display: none;
}