@charset "utf-8";

/* css 이 아래부터 가져가세요 */
.sub_visual {
    background: #eff3f9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 120px 0;
}

.sub_visual .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.sub_visual .text h2 {
    font-size: 24px;
    color: var(--blue);
    letter-spacing: 0em;
    font-weight: 700;
}

.sub_visual .text p {
    font-size: 56px;
    color: #222222;
    letter-spacing: 0em;
    font-weight: 700;
    margin-top: 15px;
}

.sub_visual .sub_tab ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.sub_visual .sub_tab ul li {
    width: 180px;
    height: 59px;
    border-radius: 29.5px;
    overflow: hidden;
}

.sub_visual .sub_tab ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #bfd2e5;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
}

.sub_visual .sub_tab ul li.on a {
    background-color: #14171e;
}

@media all and (max-width:768px) {
    .sub_visual .sub_tab {
        width: 100%;
    }

    .sub_visual .inner {
        flex-direction: column;
        gap: 30px 0;
    }

    .sub_visual .sub_tab ul.grid3 li {
        width: calc(33.333% - 6.666px);
    }
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 고객센터 > FAQ *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.faq_page .faq_tab ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.faq_page .faq_tab ul li {
    width: auto;
    min-width: 88px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    overflow: hidden;
    float: auto;
}

.faq_page .faq_tab ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-size: 20px;
    color: #aaaaaa;
    letter-spacing: 0;
    font-weight: 700;
    padding: 0 10px;
}

.faq_page .faq_tab ul li.on a {
    color: #fff;
    background-color: var(--blue);
}

.faq_page .faq_tab_con {
    display: none;
}

.faq_page .faq_tab_con.on {
    display: block;
}

.faq_page .qna_list ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

.faq_page .qna_list ul li {
    width: 100%;
    box-sizing: border-box;
}

.faq_page .qna_list ul li .qna_box {
    display: flex;
    gap: 10px;
    font-size: 20px;
    letter-spacing: -0.045em;
    line-height: 1.666em;
    padding: 30px 15px;
    border-bottom: 1px solid #eeeeee;
    font-weight: 500;
}

.faq_page .qna_list ul li .q_box {
    cursor: pointer;
}

.faq_page .qna_list ul li .q_box b {
    color: var(--blue);
}

.faq_page .qna_list ul li .q_box p {
    color: #222222;
    position: relative;
}

.faq_page .qna_list ul li .q_box p:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 6px;
    background-color: #000000;
    vertical-align: middle;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    margin-left: 10px;
}

.faq_page .qna_list ul li.on .a_box {
    display: flex;
}

.faq_page .qna_list ul li .a_box {
    padding: 15px;
    background-color: #f4f4f4;
    color: #666666;
    display: none;
    font-weight: 300;
}

.faq_page .qna_list ul li .a_box p br{display: none;}

.faq_page .qna_list ul li.on .q_box p:after {
    transform: rotate(-180deg);
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 로그인/가입 > 로그인 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.login_page {}

.login_page .content {
    display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    flex-direction: column;
}

.login_page .logo {
    text-align: center;
}

.login_page .form_box {
    margin-top: 60px;
    max-width: 505px;
    width: 93.75%;
}

.form_box .input_box {
    width: 100%;
    box-sizing: border-box;
    height: 56px;
}
.form_box .input_box.email_flex{display: flex; align-items: center; gap: 3px;}
.form_box .input_box.email_flex .email_span{min-width: 15px;}
.form_box .input_box .email_bbox{width: calc(50% - 9px); height: 100%;}
.form_box .input_box .email_bbox select{height: 100%;}
.form_box .input_box .email_bbox .new_email_bb{position: relative;}
.form_box .input_box .email_bbox .new_email_bb .input_arrow_btn{width: 4.5px;
    height: 4.5px;
    border-bottom: 2px solid #222;
    border-left: 2px solid #222;
    content: '';
    position: absolute;
    right: 8px;
    top: 0px;
    transform: rotate(-45deg); z-index: 1; cursor: pointer;}
.form_box .input_box .email_bbox .new_email_bb select{display: none;}
.form_box .input_box input {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-size: 16px;
    color: #222;
    padding: 20px 15px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

.email_span {
    font-size: 16px;
/*     display: block; */
    display: inline;
    margin: 5px 0;
}

.form_box .input_box select {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-size: 16px;
    color: #222;
    padding: 0 15px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

.form_box .input_box input::placeholder {
    color: #aaaaaa;
    font-weight: 300;
}

.form_box .btn_box_wrap {
    display: flex;
}

.form_box .btn {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: none;
    display: block;
    color: #fff;
    font-size: 20px;
    letter-spacing: -0.045em;
    font-weight: 600;
}

.form_box .btn.border-radius {
    border-radius: 6px;
}

.form_box .btn.w50 {
    width: 50%;
}

.form_box .btn.blue {
    background-color: var(--blue);
}

.form_box .btn.black {
    background-color: #3f3f3f;
}

.form_box .check_box label {
    display: flex;
    gap: 10px;
    align-items: center;
}

.form_box .check_box input[type="checkbox"],
.form_box .check_box input[type="radio"] {
    display: none;
}

.form_box .check_box i {
    width: 18px;
    aspect-ratio: 1/1;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
}

.form_box .check_box span {
    font-size: 16px;
    color: #666666;
    letter-spacing: -0.045em;
    font-weight: 500;
}

.form_box .check_box input[type="checkbox"]:checked~i,
.form_box .check_box input[type="radio"]:checked~i {
    border-color: var(--blue);
    background: var(--blue) url(/img/check_box_icon01.png)no-repeat center center;
}

.form_box .check_box input[type="checkbox"]:checked~span,
.form_box .check_box input[type="radio"]:checked~span {
    color: var(--blue);
    font-weight: 500;
}

.login_page .form_box .link_box {
    margin-top: 30px;
}

.login_page .form_box .link_box ul {
    display: flex;
    justify-content: center;
}

.login_page .form_box .link_box ul li {
    position: relative;
}

.login_page .form_box .link_box ul li+li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 20px;
    background-color: #666;
    transform: translateY(-50%);
}

.login_page .form_box .link_box ul li a {
    padding: 10px 20px;
    display: block;
    color: #666666;
    font-weight: 300;
    letter-spacing: -0.045em;
    font-weight: 18px;
    font-size: 18px;
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 로그인/가입 > 회원가입 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.sign_page .form_box form>div+div {
    margin-top: 40px;
}

.sign_page .title_box {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.sign_page .title_box .back_btn {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    padding: 10px;
    display: block;
}

.sign_page .tab_box ul {
    display: flex;
}

.sign_page .tab_box ul li {
    width: 50%;
    box-sizing: border-box;
}

.sign_page .tab_box ul li a {
    display: block;
    font-size: 20px;
    color: #444444;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    padding: 20px 0;
    border-bottom: 2px solid #e5e5e5;
}

.sign_page .tab_box ul li.on a {
    color: var(--blue);
    border-color: var(--blue);
}

.sign_page .con_box {
    padding: 40px 0;
    max-width: 660px;
    margin: 0 auto;
    width: 93.75%;
    max-height: calc(100vh - 219px);
    overflow-y: auto;
    box-sizing: border-box;
}

.sign_page .con_box.h160 {
    max-height: calc(100vh - 153px);
}

.sign_page .sign_tit {
    margin-bottom: 20px;
}

.sign_page .sign_tit p {
    color: #222222;
    font-size: 20px;
    letter-spacing: -0.045em;
    font-weight: 600;
}

.sign_page .sign_txt p {
    font-size: 14px;
    font-weight: 300;
    color: #999999;
    letter-spacing: -0.045em;
    margin-top: 5px;
}

.sign_page .input_box {
    position: relative;
}

.sign_page .input_box .check_btn {
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px 15px;
    background-color: #daebf9;
    border-radius: 6px;
    color: var(--blue);
    font-weight: 500;
    letter-spacing: -0.045em;
    font-size: 16px;
}

.sign_page .check_box_wrap {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

.sign_page .check_box_wrap>div {
    padding: 20px 15px;
}

.sign_page .check_box_wrap .top_check {
    border-bottom: 1px solid #e5e5e5;
}

.sign_page .check_box_wrap .bot_check .check_box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    box-sizing: border-box;
}

.sign_page .check_box_wrap .bot_check .check_box+.check_box {
    margin-top: 14px;
}

.sign_page .check_box_wrap .bot_check label b {
    color: var(--blue);
    font-weight: 700;
}

.sign_page .check_box_wrap .bot_check .check_box a {
    font-size: 16px;
    color: #444444;
    letter-spacing: -0.045em;
    font-weight: 300;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.sign_page .sign_heading_p p {
    font-size: 18px;
    letter-spacing: -0.045em;
    color: #666666;
}

.sign_page .sign_heading_p p.blue {
    color: var(--blue);
}

.sign_page .blue_shadow_box {
    border-radius: 6px;
    background-color: #eef6fc;
    padding: 30px;
    font-size: 16px;
    letter-spacing: -0.045em;
    line-height: 1.75em;
    text-align: center;
}

.sign_page .blue_shadow_box .top_txt p {
    font-weight: 500;
    color: #222222;
}

.sign_page .blue_shadow_box .top_txt p span {
    color: var(--blue);
}

.sign_page .blue_shadow_box .bot_txt p {
    color: #666666;
    font-weight: 300;
}

.sign_page .complete_list ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sign_page .complete_list ul li {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 25px 15px;
    display: flex;
    justify-content: space-between;
}

.sign_page .complete_list ul li p {
    font-size: 16px;
    letter-spacing: -0.045em;
}

.sign_page .complete_list ul li .left_box p {
    font-weight: 500;
    color: #222222;
}

.sign_page .complete_list ul li .right_box {
    display: flex;
    align-items: center;
    gap: 14px;
}

.sign_page .complete_list ul li .right_box p {
    font-weight: 300;
    color: #666666;
    position: relative;
}

.sign_page .complete_list ul li .right_box p+p:before {
    position: absolute;
    content: '';
    left: -7px;
    top: 5px;
    width: 1px;
    height: 14px;
    background-color: #e5e5e5;
}

.sign_page .complete_list ul li .right_box p.blue {
    font-weight: 600;
    color: var(--blue);
}

.alim_popup_bg {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 2;
    background-color: rgba(255, 255, 255, .5);
    display: none;
}

.alim_popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 478px;
    width: 93.75%;
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
    box-sizing: border-box;
    min-height: 443px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 3;
    box-shadow: 0px 3px 27px 0px rgba(92, 99, 105, 0.1);
    display: none;
}

.alim_popup .tit p {
    display: flex;
    gap: 5px;
    font-weight: 600;
    color: #222222;
    letter-spacing: -0.045em;
    font-size: 20px;
    align-items: center;
}

.alim_popup .txt p {
    font-size: 18px;
    color: #666666;
    letter-spacing: -0.045em;
    line-height: 1.7777em;
}

.alim_popup .btn_box_wrap .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    font-size: 16px;
    letter-spacing: -0.045em;
    text-align: center;
    padding: 15px 0;
    box-sizing: border-box;
}

.alim_popup .btn_box_wrap .btn.blue {
    background-color: var(--blue);
    color: #fff;
}

.alim_popup .btn_box_wrap .btn.white {
    background-color: #fff;
    color: var(--blue);
    border: 1px solid var(--blue);
}

.alim_popup .check_box label {
    display: flex;
    align-items: center;
    gap: 10px;
}

.alim_popup .check_box input {
    display: none;
}

.alim_popup .check_box i {
    width: 18px;
    aspect-ratio: 1/1;
    box-sizing: border-box;
    display: block;
    border: 1px solid #dcdcdc;
}

.alim_popup .check_box input:checked~i {
    border-color: var(--blue);
    background: var(--blue) url(/img/check_box_icon01.png)no-repeat center center;
}

.alim_popup .check_box span {
    font-size: 16px;
    color: #666666;
    letter-spacing: -0.045em;
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 마이페이지 > 결제내역 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.checked_list_wrap ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.checked_list_wrap ul li {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 30px 20px;
    display: flex;
    justify-content: space-between;
}

.checked_list_wrap .info {
    display: flex;
    flex-wrap: wrap;
    gap: 0 5px;
}

.checked_list_wrap .info p {
    font-size: 18px;
    color: #222222;
    letter-spacing: -0.045em;
    font-weight: 700;
}

.checked_list_wrap .price {
    margin-top: 10px;
}

.checked_list_wrap .price p {
    font-size: 16px;
    color: #666666;
    letter-spacing: -0.045em;
    font-weight: 300;
}

.checked_list_wrap .sangtae {
    margin-top: 10px;
}

.checked_list_wrap .sangtae p {
    font-size: 14px;
    color: #999999;
    letter-spacing: -0.045em;
    font-weight: 300;
}

.checked_list_wrap .sangtae p span.blue {
    color: var(--blue);
}

.checked_list_wrap .btn_box {
    display: flex;
    gap: 6px;
}

.checked_list_wrap .btn_box .btn {
    width: 116px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.045em;
    border: 1px solid var(--blue);
}

.checked_list_wrap .btn_box .btn.blue {
    background-color: var(--blue);
    color: #fff;
}

.checked_list_wrap .btn_box .btn.white {
    background-color: #fff;
    color: var(--blue);
}


@media all and (max-width:600px) {
    .checked_list_wrap ul li {
        flex-direction: column;
        gap: 30px;
    }

    .checked_list_wrap .btn_box {
        justify-content: center;
    }
}

/* 로그인 이후 Main */
.custom_main * {
    box-sizing: border-box;
}

.custom_main {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}

.custom_main #header.custom .gnb {
    display: none;
}

.custom_main #header.custom .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.custom_main #header .m_btn {
    display: inline-block;
    margin-left: auto;
}

#footer.custom .bot_footer .left_box,
#footer.custom .bot_footer .info_box ul {
    justify-content: center;
}

#footer.custom .bot_footer .info_box p.copy {
    text-align: center;
}

.custom_main .qucik_nav_box_wrap {
    background-color: #0048b0;
}

.custom_main .test_slide .item2 {
    font-size: 18px;
    font-weight: 200;
    /* min-height: 65px; */
    color: #fff;
    padding: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom_inner {
    width: 93.75%;
    margin: 0 auto;
    position: relative;
}

.custom_main .con {
    padding: 40px 0;
}

.custom_main .custom_com_tit {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.045em;
}

.custom_main .custom_youtube_box {
    aspect-ratio: 1/0.56;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.custom_main .pd0 {
    padding: unset;
}

.custom_main .contract_box {
    border-radius: 6px;
    padding: 40px;
    border: 1px solid #0087fb;
    text-align: center;
}

.custom_main .contract_box+.contract_box {
    margin-top: 8px;
}

.custom_main .contract_box.no {
    border-style: dashed;
}

.custom_main .contract_txt {
    font-size: 18px;
    font-weight: 200;
    letter-spacing: -0.045em;
    line-height: 1.55em;
}

.custom_main .com_btn01 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    width: 100%;
    background-color: #0087fb;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.5em;
    color: #fff;
}

.custom_main .com_btn02 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    width: 100%;
    background-color: #c0c0c0;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.5em;
    color: #fff;
}

.custom_main .com_btn03 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    width: 100%;
    background-color: #ed5348;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.5em;
    color: #fff;
}

.custom_main .contract_tit {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.045em;
    line-height: 1.45em
}

.custom_main .contract_txt.two {
    font-size: 16px;
    color: #888888;
}

.custom_main .menu_flex_box {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.custom_main .menu_flex_box>a {
    width: calc(50% - 4px);
    border-radius: 6px;
    border: 1px solid #e1e1e1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    aspect-ratio: 1/0.58;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.045em;
    line-height: 1.55em;
}

/* modal */
html.on {
    touch-action: none;
    overflow: hidden !important;
    overscroll-behavior: none;
    -webkit-user-select: none;
}

body.on {
    touch-action: none;
    overflow: hidden !important;
    -webkit-user-select: none;
}

.modal_bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 98;
    display: none;
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 10px;
    max-width: 480px;
    width: 95%;
    z-index: 99;
    overflow: auto;
    max-height: 95%;
    padding: 40px 30px;
    display: none;
}

.modal::-webkit-scrollbar-thumb {
    background: #bfbfbf;
}

.modal::-webkit-scrollbar {
    background-color: #e5e5e5;
    width: 10px;
}

.modal .modal_tit {
    font-weight: 700;
    color: #222;
    letter-spacing: -0.045em;
    line-height: 1.3em;
    font-size: 20px;
}

.modal .modal_alt {
    margin: 30px 0;
    font-size: 18px;
    font-weight: 200;
    letter-spacing: -0.045em;
    line-height: 1.8em;
    min-height: 160px;
    max-height: 160px;
    overflow: auto;
    color: #666;
}

.modal .modal_close {
    position: absolute;
    right: 25px;
    top: 25px;
}

.btn_box .com_btn02 {
    border-radius: 24px;
    border: 1px solid #0087fb;
    color: #0087fb;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.045em;
    width: 100%;
}

.com_btn02.color {
    color: #fff;
    background-color: #0087fb;
}

.modal .btn_box a+a {
    margin-top: 10px;
}

/* END modal */

/* END 로그인 이후 Main */

.hide_ing {
    display: none;
}

.sign_page .con_box::-webkit-scrollbar {
    display: none;   
}


.modal-open {
    overflow: hidden;
  }
  .modal_cus {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
  }
  .modal_cus.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
         -o-transition:      -o-transform .3s ease-out;
            transition:         transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
         -o-transform: translate(0, -25%);
            transform: translate(0, -25%);
            transform: translate(-50%, -50%);
            position: absolute;
            left: 50%;
            top: 50%;
  }
  .modal_cus.in .modal-dialog {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .modal-open .modal_cus {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .modal-dialog {
    position: relative;
    width: auto;
  }
  .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0;
    /*-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, .5);*/
  }
  .modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000;
  }
  .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
  }
  /*팝업 수정부분*/
  .modal-header {
    min-height: 16.42857143px;
    height:50px;
    background:#307dd4;
    color:#fff;
    border-bottom: 1px solid #e5e5e5;
    font-size:20px; 
    padding: 10px;
  }
  .modal-header h4 {font-weight:300; line-height:50px; padding-left:30px;}
  .modal-header .close {
    height:100%;
  }
  .modal-header .close > img {height:100%;}
  .modal-title {
    margin: 0;
    line-height: 1.42857143;
  }
  .modal-body {
    position: relative;
    padding:20px 30px;
  }
  .modal-body .form-group label {margin-bottom:5px; font-size:16px; color:#222;}
  .modal-body .help_t {font-weight:100; margin-bottom:10px;}
  .modal-body .help_t kbd {font-size:14px; padding:2px 6px;}
  .modal-body .help_ts {font-size:15px; color:#222;} 
  .modal-body .check_i {font-size:14px;} 
  
  .modal-footer {
    padding: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
  }
  .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
  }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
  }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0;
  }
  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }
  /*
  .modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
  }
  .modal-header .close {
    margin-top: -2px;
  }
  
  .modal-title {
    margin: 0;
    line-height: 1.42857143;
  }
  .modal-body {
    position: relative;
    padding: 15px;
  }
  .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  */
  @media (min-width: 768px) {
    .modal-dialog {
      width: 600px;
      margin: 30px auto;
    }
    .modal-content {
     /* -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
              box-shadow: 0 5px 15px rgba(0, 0, 0, .5);*/
    }
    .modal-sm {
      width: 300px;
    }
   
  }
  @media (max-width: 768px) {
    .modal-header h4 {line-height:35px; font-size:16px; padding-left:5%;}
    .modal-body {padding:3% 5%}
    .modal-body .form-group label {margin-bottom:1%; font-size:14px;}
    .modal-body .help_t {width:auto !important;}
    .modal-body .help_t kbd {font-size:13px;}
    .modal-body .help_ts {font-size:13px; letter-spacing: -0.01em;} 
  }
  @media (min-width: 992px) {
    .modal-lg {
      width: 900px;
    }
  }

  .modal_cus .btns{display: inline-block; padding:6px 20px; vertical-align:top; font-size: 14px; letter-spacing: -0.025em; line-height:20px}
  .modal_cus .btns_blue_line{border: 1px solid #3390fa !important;color: #3390fa !important;background-color: transparent !important;}
  .modal_cus .btns_red{background-color:#ea1c5b !important; color:#fff !important; border:1px solid #ea1c5b !important}
  .modal_cus .btns_red_line{border: 1px solid #ea1c5b !important;color: #ea1c5b !important;background-color: transparent !important;}