@charset "utf-8";
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Common *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
img {max-width: 100%;}

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

 * Section *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.section {padding: 0 0; box-sizing: border-box;}
.section.pb-0 {padding-bottom: 0;}
.section.pt-0 {padding-top: 0;}
.section.last {padding-bottom: 0;}

.section [class^=row] + [class^=row] {margin-top: 0;}

/* 반응형에서 조절이 필요한 경우 사용 */
/*
@media all and (max-width: 1024px) {
    .section {padding: 0 0;}
    .section.last {padding-bottom: 0;}
    .section [class^=row] + [class^=row] {margin-top: 0;}
}
*/

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

 * Title *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.main_tit h3 {}
.main_con_tit h5 {}

.sub_main_tit h3 {}
.sub_con_tit h5 {}

.heading .desc p {}

/* font */
@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* END font */

/* 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: 5px;
    min-width: 550px;
    z-index: 99;
    border-radius: 10px;
    overflow: auto;
    max-height: 95%;
    padding: 50px 60px;
    display: none;
}

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

.modal .modal_tit {
    text-align: center;
    font-weight: 700;
    color: #000;
    letter-spacing: -0.025em;
    line-height: 1.55em;
    font-size: 18px;
}
.modal .modal_alt {
    margin-top: 35px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.025em;
    line-height: 1.7em;
}
.modal .modal_alt p + p {
    margin-top: 30px;
}
.modal .modal_close {
    position: absolute;
    right: 25px;
    top: 25px;
}

@media all and (max-width:700px) {
    .modal {
        width: 100%;
        max-width: 90%;
        min-width: unset;
        padding: 40px 20px;
    }
}
/* END modal */