.login-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9998;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
    background: rgba(0, 0, 0, 0.7);
}

.login-popup {
    position: fixed;
    top: calc(50% - 235px);
    left: calc(50% - 336px);
    width: 672px;
    height: 470px;
    background: #fff;
    line-height: 135%;
    z-index: 9999;
}

.popup_list {width: 100%; text-align: center;}
	   .popup_list_tit {font-size: 14px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.5px; border: 1px #dddddd solid; background-color: #f8f8f8;}
	   .popup_list_cts {font-size: 14px; font-family: 'Noto Sans KR'; font-weight: 400; letter-spacing: -0.5px; color: #666666; border: 1px #dddddd solid;}
	   .popup_list_td {border: 1px #dddddd solid;padding: 16px 5px;vertical-align: middle}
	   .popup_list_td2 {border: 1px #dddddd solid;padding: 10px 5px;vertical-align: middle}
	   .popup_list_td3 {border: 1px #dddddd solid;padding: 10px 5px; background-color: #fff; vertical-align: middle}

	   .popup_table {width: 100%;}
	   .popup_table .tit {font-size: 14px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.5px; border: 1px #dddddd solid; background-color: #f8f8f8; padding: 14px 5px; vertical-align: middle}
	   .popup_table .cts {font-size: 14px; font-family: 'Noto Sans KR'; font-weight: 400; letter-spacing: -0.5px; color: #666666; border: 1px #dddddd solid; padding: 12px 15px; text-align: center; vertical-align: middle;}
	   .popup_table .cts2 {font-size: 14px; font-family: 'Noto Sans KR'; font-weight: 400; letter-spacing: -0.5px; color: #666666; border: 1px #dddddd solid; padding: 12px 15px; text-align: center; vertical-align: middle;}
	   .popup_table .cts3 {padding: 5px 15px;}
	   .popup_table .cts4 {font-size: 14px; font-family: 'Noto Sans KR'; font-weight: 400; letter-spacing: -0.5px; color: #666666; border: 1px #dddddd solid; padding: 8px 8px; text-align: left; vertical-align: middle;}

	   .popup_table .input {font-family: 'Noto Sans KR'; height:36px; font-size:14px; padding: 0 8px; text-align: center; border: 1px solid #d1d1d1; background-color: #ffffff}

	   .popup_table .select {font-family: 'Noto Sans KR'; height:38px; font-size:14px; color: #40475a; border: 1px solid #d1d1d1; background: #fff url(../images/ic_select.png) no-repeat 100% 50%;
	padding: 0 15px;
	background-size: 23px 8px;
	-webkit-appearance: none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
}






input[type="radio" i] {
    background-color: initial;
    cursor: default;
    appearance: radio;
    box-sizing: border-box;
    margin: 3px 3px 0px 0px;
    padding: initial;
    border: initial;
}


.joinForm .input_line dd input[type="radio"] + label.customRadio, .joinForm .input_line dd input[type="checkbox"] + label.customCheck {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    background: url(../images/radio.png) no-repeat right top;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}



/* Popup */
.pop_tit_bar {height: 58px; text-align: center; background-color: #406ab3}
.pop_tit {font-size: 20px; font-weight: 500; color: #ffffff; letter-spacing: -1px; padding-top: 13px}
.pop_contents {font-size: 15px; font-weight: 400; color: #333333; text-align: center; padding: 35px 35px 0 35px;}
.pop_contents_tit_l {font-size: 16px; font-weight: 500; color: #1a1a1a; border-right: 1px #c1c1c1 solid; background-color: #f3f6fa; padding: 10px 0;}
.pop_contents_tit {font-size: 16px; font-weight: 500; color: #1a1a1a; background-color: #f3f6fa; padding: 10px 0;}
.pop_contents_txt_l {font-size: 16px; font-weight: 400; color: #1a1a1a; border-right: 1px #c1c1c1 solid; padding: 10px 0;}
.pop_contents_txt {font-size: 16px; font-weight: 400; color: #1a1a1a; padding: 10px 0;}
.pop_txt {font-size: 15px; color: #555555; letter-spacing: -0.25px; line-height: 1.7;}
.pop_bottom {height: 96px; text-align: center; margin-top: 30px}
.pop_btn_ok {display: inline-block; width: 110px; font-size: 16px; font-weight: 500; color: #ffffff; text-align: center; padding: 12px 0; background-color: #406ab3}
.pop_btn_close {display: inline-block; width: 110px; font-size: 16px; font-weight: 500; color: #ffffff; text-align: center; padding: 12px 0; background-color: #40475a}
.pop_btn_anr {display: inline-block; width: 110px; font-size: 16px; font-weight: 500; color: #fff; text-align: center; padding: 12px 0; background-color: #3e5caf}
.pop_btn1 {width: 230px; font-size: 16px; font-weight: 500; color: #ffffff; text-align: center; padding: 12px 0; background-color: #40475a;}

.pop_list_write {display: inline-block; width: 140px; font-size: 14px; font-weight: 500; color: #406ab3; text-align: center; border: 1px #a7c8ed solid;  padding: 10px 0; background-color: #f4f9ff; margin-left: 6px;}

.pop_table_line1 {height: 1px; background-color:#40475a;}
.pop_table_line2 {height: 1px; background-color:#c1c1c1;}

.pop_complete_tit {font-size: 30px; font-weight: 500; color: #3c3d54; letter-spacing: -1px; padding: 15px 0 15px 0}
.pop_complete {text-align: center; padding: 56px 40px 0 40px; word-break: keep-all; word-wrap: break-word;}
.pop_complete_txt1 {font-size: 40px; font-weight: 500; color: #00a450;}
.pop_complete_txt2 {font-size: 16px; font-weight: 400; color: #3c3d54; letter-spacing: -1px; line-height:1.7; padding: 5px 0 44px 0}



@media (max-width: 720px) {

    .login-popup {
        position: fixed;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        min-height: 500px;
        overflow-y: auto;
        background: #fff;
        line-height: 135%;
        z-index: 9999;
    }

    table.log_table_wrp .pop_tit_bar .pop_tit {
        font-size: 16px;
    }
    table.log_table_wrp .pop_contents {
        font-size: 14px;
        padding: 34px 15px 34px 15px;
    }
    table.log_table_wrp .pop_contents input {
        width: 100% !important;
    }
    table.log_table_wrp .popup_table .input {
        padding: 0;
    }
    table.log_table_wrp{
        width: 100% !important;
        overflow: auto;
    }
    table.log_table_wrp .cts3 {
        padding: 15px 15px 0 15px !important;
        width: auto !important;
    }
    table.log_table_wrp .desc {
        padding-bottom: 40px !important;
    }
    table.log_table_wrp .desc2 {
        padding: 20px 0 20px 0 !important;
    }
    table.log_table_wrp .cts3 .btn_submit1 {
        width: 100% !important;
    }
    table.log_table_wrp tr.table_flex_col {
        display: flex;
        flex-direction: column;
    }

}