@charset "utf-8";

@import url('https://fonts.cdnfonts.com/css/itc-eras-ultra');
.eras {font-family: 'ITC Eras', sans-serif;}

@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* common */
:root{
	--black:#212529;
	--main--blue:#1C5E93;
	--main--bg:#F7F7F8;
	--light-blue:#CFE2ED;
	--light-sky:#E4E8ED;
	--light-gray:#8E959F;
	--dark-blue:#144267
}
i{font-style:inherit}
.tc {text-align:center !important}
.tl {text-align:left !important}
.tr {text-align:right !important}
.white {color:#FFF !important}
.mobVer {display:none !important}
.blue{color:var(--main--blue)}
.fw600{font-weight:600 !important}
/* display flex */
.flexBox{display: -webkit-box;display: -ms-flexbox;display: flex;width:100%;}
.flexBox.area03_mg,
.flexBox.area_mg{gap:1.5rem}
.flexBox.area02{-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.flexBox.area02.ver_noList,
.flexBox.ver_noList{-webkit-box-lines: single;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.flexBox.area02.ver_noList > *{width:auto;}
.flexBox.area02.ver_auto_h{-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.flexBox.area03 > *,
.flexBox.area03_mg > *{flex: 1;}
.flexBox.area02.area_mg > *{width:calc((100% - 24px)/2)}
.flexBox.ver_row-reverse{-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.flexBox.justify-center{-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.flexBox.align-center{-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.flexBox.flex-center{-webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.flex1{flex:1}

/* 가로사이즈 */
.inner{width:90em;margin-left:auto;margin-right:auto;padding:0 1.25em;}
.inner_wide{width:1535px;margin-left:auto;margin-right:auto;}


/* 기본체크박스 */
.nm_checkbox {position:relative;display:inline-block}
.nm_checkbox > input[type="checkbox"] + label {color: #404040;display: inline-flex;align-items: center;font-weight: 400;cursor:pointer}
.nm_checkbox > input[type="checkbox"] + label span {width: 30px;height: 30px;display: inline-block;background: url(../img/chk.png) no-repeat 50% 50% #666;border-radius: 50%;margin-right: 0.5rem;}
.nm_checkbox > input[type="checkbox"]:checked + label span{background: url(../img/chk.png) no-repeat 50% 50% #ffc600;}
.nm_checkbox > input[type="checkbox"] + label i {font-size: 18px;font-weight: 700;color: #333;letter-spacing: -.5px;}
.nm_checkbox > input[type="checkbox"]:checked + label {color: #000;}


/* terms modal */
.modal_area {
    display: none;
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:999;
}
.modal_area .overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.75);
}
.modal_area .modal {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width:100%;
    max-width: 60vw;
    height:100%;
    max-height:80vh;
    background: #fff;
    border-radius: .5em;
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
    transform:translate(-50%,-50%);
    overflow:hidden;
}
.modal_area .modal .modal-close-btn {
    position:absolute;
    top:1em;
    right:1em;
    border:none;
    background:none;
    font-size:1.25em;
}

.modal_area .modal .modal_cont {
    display:block;
    padding:3em 2em;
    width:100%;
    height:100%;
    overflow-y:scroll;
    -ms-overflow-style: none; /* 인터넷 익스플로러 */
    scrollbar-width: none; /* 파이어폭스 */
}
.modal_area .modal .modal_cont::-webkit-scrollbar {
    display: none;
}

.modal_area .modal .modal_cont #ctt {
    padding:0;
}

.modal_area .modal .modal_cont #ctt * {
    word-break: break-all;
}



@media (max-width: 1420px) {
	.inner{width:94%}	
	/* 기본이미지 */
	img{max-width:100%}
}

@media (max-width: 1240px) {
	.m_full_inner{width:100% !important}
	.pcVer {display:none !important}
	.mobVer {display:block !important}
	.m-column{-webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;}
	.m-column > *{width:100% !important}
	.m-column-reverse{-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;}
	.flexBox.area02.ver_noList{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
	.flexBox.area02.ver_noList.m-column-reverse,
	.flexBox.area02.ver_noList.m-column{-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}

	.nm_radio + .nm_radio{margin-left:0}
	.nm_radio input[type="radio"] + label{font-size:14px}
	.inp_box_area .inp_box{line-height:35px;height:35px}
	.nm_checkbox > input[type="checkbox"] + label{font-size:14px}
	.nm_checkbox > input[type="checkbox"] + label span{width:16px;height:16px}
	.header_wrap header{ padding:0 5%}

	    /* mobile menu */
    #new_nav {
        position: fixed;
        background: #FFF;
        top: 85px;
        right: -105%;
        width: 100%;
        bottom: 0;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        z-index: 101
    }
    #new_nav .nv_btm{text-align:center;position: absolute;bottom: 30px;left: 50%;transform: translate(-50%, 0);width: 90%;}
    #new_nav .nv_btm .p_txt{font-size:16px;color:#c98deb}
    #new_nav .nv_btm .info{font-size:16px;color:#030405}
    #new_nav.on {
        right: 0;
    }

    #new_nav.on .close {
        display: inline-block;
        position: absolute;
    }

    #new_nav ul {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        padding-bottom: 100px;
    }

    #new_nav ul li {
        display: block;
        margin: 0;
    }

    #new_nav ul li a {
        display: block;
        font-size: 18px;
        color: #000;
        line-height: 50px;
        padding: 0 20px;
        text-align: center;
        font-weight: 600;
    }

    #new_nav .new_close {
        background: url(../img/common/ico_close_w.png) no-repeat center center;
        background-size: 50%;
        text-indent: -99em;
        cursor: pointer;
        overflow: hidden;
        width: 45px;
        height: 45px;
        line-height: 45px;
        position: absolute;
        right: 10px;
        top: 10px;
    }



    .new_nav_bg.on {
        opacity: 1;
        display: block
    }
	    #Wrap .nav_bar {
        display: block;
        position: absolute;
        top: 15px;
        right: 5%;
        height: auto;
        padding: 0;
    }

    #Wrap .nav_bar a {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    height: 14px;
    }

    #Wrap .nav_bar.on a {
    }

    #Wrap .nav_bar.on span:nth-child(1) {}

    #Wrap .nav_bar.on span:nth-child(2) {
        display: none
    }

    #Wrap .nav_bar span {
        width: 18px;
        height: 2px;
        background: #FFF;
        border-radius: 50px;
    }

    #Wrap .nav_bar span:nth-child(2) {
    }

    #Wrap .nav_bar:hover a span {
    }

    #Wrap .nav_bar.on span:nth-of-type(3) {
        -webkit-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg);
    }

    #Wrap .nav_bar.on span:nth-of-type(1) {
        -webkit-transform: translateY(8px) rotate(-45deg);
        transform: translateY(6px) rotate(-45deg);
    }

    #Wrap .nav_bar.on span:nth-of-type(3) {
    }
	
}

@media screen and (max-width:800px) {
    .modal_area .modal {
        max-width:90vw;
    }
    .modal_area .modal .modal_cont {
        padding:2em 1em;
    }
}