.login-title {font-size:1.6rem;font-weight:700;padding-bottom:50px;text-align:center;}
.login-data {
    max-width:400px;
    width:calc(100% - 40px);
    margin:0 auto;
    padding: 35px 0px 0px 0px;
    /*border-top:2px solid #D9D9D9;*/
    border-bottom:2px solid #D9D9D9;
}

/*.login-data-input {display:flex;justify-content:space-between;}*/
/*.login-data-input .login-input {width:300px;}*/
.login-data-input .login-input input { display:block; width:calc(100% - 32px);padding:15px;border:1px solid #D9D9D9;border-radius:5px;margin-bottom:20px;height:18px;line-height:18px;font-size:16px;}
.login-data-input .login-input input:last-child {margin:0;}
/*.login-data-input .login-button {width:140px;}*/
.login-button button {width:100%;height:48px;border:1px solid #333;background-color: #333;color:#FFFFFF;border-radius:5px;font-weight:700;font-size:18px;font-family: "Pretendard"}
.login-button button:hover {cursor:pointer;opacity:0.8; background-color:#004FA3; border-style:none;}
.login-sign {max-width:400px;width:calc(100% - 40px);margin:20px auto;}
.login-register-option {display:flex;margin:0;padding:0;list-style:none;justify-content:space-between;}
.login-register-option .popup{display:none;}
/*.login-register-option li{padding-left:30px; width:calc(50% - 20px);height:50px;line-height:50px;overflow:hidden;}*/
.login-register-option li a{color: inherit;text-decoration:none;font-size:0.9rem;}
.login-register-option li.social-naver {background:url("/images/icons/naver_login.svg") 0 50% /20px no-repeat;}
.login-register-option li.social-kakao {background:url("/images/icons/kkt_login.svg") 0 50% /20px no-repeat;}

.login-register-option li:last-child:after {content: unset;}
.login-register-option li.strong {margin-right: 30px;font-weight:600;}
.login-register-option li.strong:after {content:"";}

/*추가된 부분*/
.login-register-option li{
    width:calc(50% - 10px);
    height:50px;
    line-height:50px;
    overflow:hidden;
    margin-top:20px;
    margin-bottom:40px;
}

.login-register-option li{
    display:inline-block;
    border:solid 1px #D9D9D9;
    border-radius:5px;
}

.login-register-option li a{
    display:flex;
    justify-content: center;
    align-items: center;
}
.login-register-option li .sns_logo{
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    width:24px;
    height:25px;
    padding:1px 3px;
}
.login-register-option li .sns_text{
    margin-left:10px;
    font-size:16px;
}


.check-wrapper{
    margin-top:25px;
    margin-bottom:40px;
    display:flex;
    justify-content: flex-start;
    align-items: center;
}

.login-util-option{
    display:flex;
    justify-content: center;
    align-items: center;
}
.login-util-option li a{
    text-decoration: none;
    color:#333;
    font-size:14px;
}

.login-util-option li{
    margin-right:26px;
    position:relative;
}
.login-util-option li:first-child:before{
    content:unset;
}
.login-util-option li:before{
    content: "";
    width: 2px;
    height: 0.6rem;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #888;
    transform: translateY(-50%);
    margin-left: -13px;
}
.login-util-option li:last-child{
    margin-right:0;
}

.login-util-option li.strong a{
    font-weight:600;
}

.join-step-content {}
.join-step-content.active {display: block;}
.join-step-content .terms-item {margin:20px 0;padding:20px 10px;background-color:#f4f4f4;}
.join-step-content .terms-item .agree-title {font-size:1.25em;font-weight:600;}
.join-step-content .terms-item .agree-title label {display:inline-block;}
.join-step-content .terms-item .agree-description {max-height:40vh;margin-top:15px;padding:15px 10px;border:1px solid #88939e;overflow-y: scroll;}
.join-step-content .join-agree-check {appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;top:3px;width:25px;height:25px;margin-right:10px;border:1px solid #666666;vertical-align:sub;}
.join-step-content .join-agree-check:checked:after {content:'✔';float:left;font-size:1.5em; width:25px;text-align:center;line-height:25px;}
.terms-agree-area {padding:20px 0;}
.join-step-control {display:flex;justify-content:center;padding:20px 0;}
.join-step-control .button {width:100px;height:30px;line-height:28px;border:1px solid #44474b;border-radius:5px;text-align:center;margin:10px;}
.join-step-control .button:hover {cursor:pointer;opacity:0.9;}
.join-step-control .button.agree {border-color: #0a58ca;background-color: #0a53be;color: #FFFFFF;}
.join-step-control .button.disagree {border-color: #c82333;background-color: #c82333;color: #FFFFFF;}

.join-area {padding-bottom:100px; text-align:center;}
.login-title {font-size:2em;font-weight:700;padding-bottom:20px;}
.join-button {background-color: #443B36;border:1px solid #443b36;border-radius: 5px;color:#FFFFFF;font-size: 1em;}
.join-button:hover {cursor:pointer;opacity:0.8;}
.join-button.id-check {width:100px;height:40px;float:right;}
.join-data {padding:35px 0;border-top:2px solid #443B36;border-bottom:2px solid #443b36;text-align:left;}


.join-inline-link {display:flex;justify-content: space-evenly;margin-top:10px;padding:10px 20px;}
.join-data .input-item {margin-top:15px;}
.join-data .input-item:first-child {margin-top:0;}
.join-data .input-item .input-item-label {display:block;font-weight:500;padding-bottom:10px;}
.join-data .input-item .join-input {border:1px solid #D9D9D9;height:18px;border-radius:5px;padding:10px;line-height:18px;width:calc(100% - 22px);}
.join-data .input-item .join-input:read-only {background-color:#FAFAFA;}
.join-data .input-item .join-input.is-invalid {border-color: #df3d31;}
.join-data .input-item .join-input.short {width: calc(100% - 130px);}
.join-data .input-item .join-input.w80 {width:80px;}
.join-data .input-item .join-input.w50 {width:50px;}
.join-data .input-item .inline-letter {margin:0 5px;}

.join-data .input-item .join-input-radio {appearance:none;-webkit-appearance: none;-moz-appearance:none;border:1px solid #D9D9D9;border-radius:50%;width:14px;height:14px;margin:3px 3px 3px 0;}
.join-data .input-item .join-input-radio:checked {background-color:#ff8b78;border-color:#ff8b78;}
.join-data .input-item .radio-label {vertical-align:top;line-height:20px;margin-right: 20px;}
.join-data .input-item .radio-label:last-child {margin-right: 0;}
.join-data .input-item .join-attach-file {width:0;height:0;visibility: hidden;}
.join-data .input-item .attach-file {width:90px;height:40px;}
.join-data .find-input {}
.join-inline-link {display:flex;justify-content: space-evenly;margin-top:10px;padding:10px 20px;}
.join-inline-link .join-link {color:inherit;text-decoration:none;}

.join-agree {text-align:left;color:#443B36;font-weight:400;padding:35px 0;}
.join-agree .agree-item {height:20px;overflow:hidden;margin-top:10px;}
.join-agree .agree-item.all {font-weight:500;margin-top:0;padding-bottom:10px;}
.join-agree .agree-item .label {line-height:20px;vertical-align: top;}
.join-agree .agree-item .popup {float:right;color:#555555;text-decoration:underline;}
.join-agree .agree-item .popup:hover {cursor:pointer;opacity:0.8;}
.join-submit {padding:15px 0;}
.join-button.submit {width:100%;height:60px;font-weight:700;}
.join-button.find-id {width:100%;height:40px;font-weight:700;background-color: #ff674f;border-color: #ff674f;}
.join-agree .terms-area {position:fixed;top:100vh;left:50%;height:calc(100vh - 330px);width:100%;max-width:450px;background-color: #FFFFFF;border-top-right-radius:20px;border-top-left-radius:20px;transform: translateX(-50%);padding:20px;}
.join-agree .terms-item {display:none;height:100%;}
.join-agree .terms-item.on {display:block;}
.join-agree .terms-data {height:100%;width:100%;overflow:hidden;}

.join-agree .terms-data .terms-data-textarea {height:calc(100% - 90px);margin-top:18px;overflow-y: auto;}
.join-agree .terms-data .terms-data-textarea::-webkit-scrollbar {width:5px;background-color:rgba(0,0,0,0.1);border-radius:5px;}
.join-agree .terms-data .terms-data-textarea::-webkit-scrollbar-thumb {background-color:rgba(68, 59, 54, 0.5);border-radius:5px;}
.join-agree .terms-data .terms-data-textarea h3 {margin:0;padding:20px 0 10px;}
.join-agree .terms-data .terms-data-textarea h4 {margin:0;padding:15px 0 5px 10px;}
.join-agree .terms-data .terms-data-textarea ul {list-style:none;padding:0 0 0 10px;margin:10px auto;}
.join-agree .terms-data .terms-data-textarea ul li {margin-top:5px;}
.join-agree .terms-data .terms-data-textarea p {margin:0;padding:5px 0 5px 10px;text-indent: 5px;word-break: break-word;}
.join-agree .terms-data .terms-data-textarea hr {border-style: dashed;border-color:#D9D9D9;margin:20px 0 30px;}

.layer-popup-join {position:fixed;top:100vh;height:calc(100vh - 70px);width:calc(100% - 40px);padding:20px;overflow:hidden;background-color:#FFFFFF;z-index:1002;border-top-right-radius:10px;border-top-left-radius:10px;}
.layer-popup-join .layer-join {padding-top:0;height:100%;overflow-y:auto;}
.layer-popup-join .layer-join .login-title {font-size:1.25em;height:25px;overflow:hidden;}
.layer-popup-join .layer-join .popup-control {height:0;float:right;text-align:right;}
.layer-popup-join .layer-join .popup-close-button {width:15px;height:15px;border:none;background:url("../../images/waytrip/icon/close.svg") center /15px no-repeat;margin:5px 0 0;}
.layer-popup-join .layer-join .popup-close-button:hover {cursor:pointer;opacity:0.8;}
.layer-popup-join .layer-join .join-data {border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:30px 0;}
.layer-popup-join .layer-join-terms .terms-area {height: calc(100vh - 130px);}

#check-remember-id{
    width:18px;height:18px;margin-right:10px;
}
.check-wrapper label{
    color:#777;
}
/*회원가입*/
.sub_contents {
    display: block;
    width: 1280px;
    margin: 0 auto;
}
.join_title {
    color: #333;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 45px;
}

/*가입항목*/
.subpage_title {
    color: #333;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px; /* 285.714% */
    margin-bottom: 18px;
}

.qna_write_table {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #888888;
    table-layout: fixed;
}

.qna_write_table td {
    height: 60px;
    border-bottom: 1px solid rgba(136, 136, 136, 0.53);

}

.table_mg_b {
    margin-bottom: 70px;
}

/*표제목*/
.graph_title {
    width: 119px;
    border-right: 1px solid rgba(136, 136, 136, 0.53);
    color: #333;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
}

.graph_txt {
    color: #888;
    font-size: 0.9rem;
    font-weight: 400;
    padding-left: 10px;

}
/*문의유형*/
.group_select_typeA {
    width: 280px;
    height: 40px;
    background-color: #FFFFFF;
    margin-left: 10px;
}

.group_select_typeA select {
    width: 237px;
    height: 40px;
    border: 1px solid #CCC;
    color: #666666;
    font-size: 0.9rem;
    font-weight: 400;
    padding-left: 10px;
    padding-right: 25px;
    appearance:none;
    background:url('../images/select_arrow.svg') no-repeat right 10px center;
}

/*input박스*/
.group_input {
    width: 237px;
    height: 40px;
    border: 1px solid #CCC;
    margin-left: 10px;
    color: #888;
    font-size: 0.9rem;
    font-weight: 400;
    padding-left: 10px;
    box-sizing: border-box;
}

.group_input.find{width:100%;margin-bottom:10px;margin-left:0;}

.duplication_input {
    float: left;
}

.duplication_btn {
    float: left;
    width: 87px;
    height: 40px;
    border-radius: 4px;
    background: #00A5BD;
    color: #FFF;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 40px;
    margin-left: 10px;
}

/*제목*/
.group_email {
    width: 395px;
    height: 40px;
    border: 1px solid #CCC;
    margin-left: 10px;
    color: #888;
    font-size: 0.9rem;
    font-weight: 400;
    padding-left: 10px;
    box-sizing: border-box;
}

/*고객정보_연락처*/
.group_select_people_box {display: flex;justify-content: space-between;}
.group_select_people_box.find {margin-bottom:20px;}
.group_select_people_box.find .group_select_number {margin-left:0;}
.group_select_number {
    float: left;
    width: 114px;
    height: 40px;
    background-color: #FFFFFF;
    margin-left: 10px;
}

.group_select_number_mg_n {
    margin: 0;
}

.group_select_number select {
    width: 100%;
    height: 40px;
    border: 1px solid #CCC;
    color: #666666;
    font-size: 0.9rem;
    font-weight: 400;
    padding-left: 10px;
    padding-right: 25px;
    appearance:none;
    background:url('/images/icon/select_arrow.svg') no-repeat right 10px center;
}

.hyphen {
    float: left;
    line-height: 40px;
    padding: 0 10px;
}

.number_input {
    color: #666666;
    width: 100%;
    height: 40px;
    border: 1px solid #CCC;
    padding-left: 10px;
    font-size: 0.9rem;
    font-weight: 400;
    box-sizing: border-box;
}

/*공개여부*/
.open_box {
    margin-left: 10px;
}

.open_box input {
    margin-right: 7px;
}

.open_chk {
    float: left;
    color: #888;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
}

.private_chk {
    float: left;
    margin-left: 70px;
    color: #888;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
}

.mo_txt_chk {
    display: none;
}

/*작성자, 비밀번호*/
.graph_name {
    float: left;
}
.graph_name input {
    width: 280px;
    height: 40px;
    border: 1px solid #CCC;
    margin-left: 10px;
    color: #888;
    font-size: 0.9rem;
    font-weight: 400;
    padding-left: 10px;
    box-sizing: border-box;
}

.graph_pw {
    float: left;
    margin-left: 240px;
}

.graph_pw input {
    width: 280px;
    height: 40px;
    border: 1px solid #CCC;
    margin-left: 10px;
    color: #888;
    font-size: 0.9rem;
    font-weight: 400;
    padding-left: 10px;
    box-sizing: border-box;
}

/*동의*/
#agree-all {display: none;}
.agree {
    margin-top: 20px;
    margin-bottom: 50px;
    overflow: hidden;
}

.agree_chk_txt {
    vertical-align: top;
    color: #666;
    font-size: 0.8rem;
    font-weight: 400;
}

.underline {
    text-decoration: underline;
}

/*가입하기 버튼*/
.join_btn {
    width: 131px;
    height: 48px;
    border-radius: 4px;
    background: #080C52;
    color: #FFF;
    font-size: 1rem;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 200px;
}

.join_btn:hover {
    background: #00A5BD;
    cursor: pointer;
}


/*주소필드추가_230920*/
.address-wrapper{
}
.address-wrapper button, .address-wrapper input{
    display:inline-block;
}
.zip_code {
    display:inline-block;
    /*float: left;*/
    width: 113px;
    height: 40px;
    background: #444;
    color: #FFF;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    margin-left: 10px;
    cursor:pointer;
    border:none;
}
.group_address {
    display:inline-block;
    /*float: left;*/
    width: 433px;
    height: 40px;
    border: 1px solid #CCC;
    margin-left: 10px;
    color: #888;
    font-size: 0.9rem;
    font-weight: 400;
    padding-left: 10px;
    box-sizing: border-box;
}

.agree-item input[type=checkbox], .agree-item input[type=checkbox]:checked {appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.agree-item input[type=checkbox] {height:15px;width:15px;margin:2px 5px 3px 0;border:1px solid #D9D9D9;border-radius:2px;}
.agree-item input[type=checkbox]:checked {background-color: #080C52;border-color: #080C52;}
.validate-text {display:block;font-size:0.7rem;margin:5px 0;}
.validate-text.is-invalid {color:#df3d31;}
.validate-text.is-valid {color:#2785F5;}
.login-title {text-align:center;padding:20px 0;font-size:1.6rem;}
.find-result {display: none;}
.find-result .user-email{display:block; color: #0a58ca; font-weight:600;}
.find-result .exist-user, .find-result .none-user {display: none;}
.result-text{text-align:center;font-size:0.9rem;}
.result-text .find-user-result{font-weight:700;}
.plaintext{padding-bottom:20px;text-align:center;font-size:0.9rem;font-weight:500;}
.info-text {display:block;font-size:0.75rem;margin-top:5px;color:#999999;padding-left:20px;background:url("/images/icon/info.svg") 0 50% /0.75rem no-repeat;}

/*반응형_쿼리*/
@media screen and (max-width:1280px) {
    .sub_banner_inner {
        width: calc(100% - 40px);
    }

    .sub_contents {
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 1024px){
    .zip_code {
        float: unset;
        margin-top: 10px;
    }
    .group_address {
        width: calc(50% - 20px);
        float: unset;
        margin: 10px 0;
        margin-left: 10px;
    }
}

@media screen and (max-width:768px) {
    .login-register-option {display:block;padding:10px 0;}
    .login-register-option li {width:calc(100% - 30px);height:40px;line-height:40px;margin-bottom: 0;}
    .responsive_mg_t {
        padding-top: 64px;
    }
    .zip_code {
        margin-bottom: 10px;
    }
    .group_address {
        width: calc(100% - 10px);
        float: unset;
        margin: 0;
        margin-bottom: 10px;
        margin-left: 10px;
    }
    .login-data {width:100%;}
}

@media screen and (max-width:600px) {
    .graph_title {
        display: none;
    }
    /*수신여부*/
    .mo_txt_chk {
        display: inline;
    }

    .graph_txt {padding-left: 0;}

    .group_input {margin-left: 0;}

    .group_select_number {
        width: calc(33.3% - 18px);
        margin-left: 0;
    }

    .group_email {
        width: 100%;

        margin-left: 0;}

    .open_box {margin-left: 0;}

    .zip_code {
        margin-left: 0;
    }
    .group_address {
        width: 100%;
        margin-left: 0;
    }

}

@media screen and (max-width:468px){
    .login-register-option li{
        width:calc(100% - 5px);
        margin-top:10px;
        margin-bottom:0;
    }
    .wrap{
        margin-top:50px;
        margin-bottom:100px;
    }
}

@media screen and (max-width:375px) {
    .duplication_input {
        width: calc(100% - 87px - 10px);
    }

}