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

@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 900;
	font-display: swap;
	src: local('NanumSquareNeo Black'), url('/assets/home/font/woff2/NanumSquareNeoTTF-eHv.woff2') format('woff2'), url('/assets/home/font/woff/NanumSquareNeoTTF-eHv.woff') format('woff');
}
@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 800;
	font-display: swap;
	src: local('NanumSquareNeo ExtraBold'), url('/assets/home/font/woff2/NanumSquareNeoTTF-dEb.woff2') format('woff2'), url('/assets/home/font/woff/NanumSquareNeoTTF-dEb.woff') format('woff');
}
@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 700;
	font-display: swap;
	src: local('NanumSquareNeo Bold'), url('/assets/home/font/woff2/NanumSquareNeoTTF-cBd.woff2') format('woff2'), url('/assets/home/font/woff/NanumSquareNeoTTF-cBd.woff') format('woff');
}
@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 400;
	font-display: swap;
	src: local('NanumSquareNeo Regular'), url('/assets/home/font/woff2/NanumSquareNeoTTF-bRg.woff2') format('woff2'), url('/assets/home/font/woff/NanumSquareNeoTTF-bRg.woff') format('woff');
}
@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 300;
	font-display: swap;
	src: local('NanumSquareNeo Light'), url('/assets/home/font/woff2/NanumSquareNeoTTF-aLt.woff2') format('woff2'), url('/assets/home/font/woff/NanumSquareNeoTTF-aLt.woff') format('woff');
}

/* radio2 */
.radio2 {
    position:relative;
}
.radio2 input[type=radio] {position:absolute; width:0; height:0; overflow:hidden; left:0; top:0;}
.radio2 input[type=radio] + label {
    position:relative; display:inline-block; font-size:1.4rem; color:var(--head-color); 
    height:4rem;
    line-height:3.8rem;
    vertical-align:middle;
    cursor:pointer; 
    outline:none;
    border:solid 1px var(--third-color);
    border-radius:4px;
    padding:0 1rem;
    padding-left:3.5rem;
    text-align:left;
}
.radio2 input[type=radio] + label:before {
	display:inline-block; 
    width:16px; height:16px; content:""; 
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:1rem;
	background:url('../img/injae/rdo2_off.png') no-repeat center center; 
    transition:all 0.35s;
}
.radio2 input[type=radio] + label.blank:before {margin-right:0;}
.radio2 input[type=radio]:checked + label:before {background:url('../img/injae/rdo2_on.png') no-repeat center center;}

/* header */
.injae-header {
    padding:0 4rem;
    background:#fff;
    height:8rem;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}
.injae-header .logo {
    position:absolute;
    top:50%;
    left:4rem;
    transform:translateY(-50%);
    font-size:0;
    margin:0;
}
.injae-header .logo a {
    display:block;
    width:13.6rem;
    height:3.2rem;
    background:url("../img/injae/logo.png") no-repeat center;
    background-size:contain;
}
.injae-header .logo a img {
    max-width:100%;
}
.injae-header .title {
    font-size:2.8rem;
    color:#000;
    font-weight:800;
}


/* layout */
.i-indiv {
    width:100%;
    max-width:142rem;
    margin:auto;
}

@media only screen and (max-width: 1420px) {

}
@media only screen and (max-width: 800px) {
    .injae-header {padding:0 2rem; justify-content:flex-end;}
    .injae-header .logo {
        left:2rem;
    }
}
@media only screen and (max-width: 580px) {
    .injae-header .title {
        font-size:2rem;
    }
}
@media only screen and (max-width: 370px) {
    .injae-header .title {
        font-size:1.8rem;
    }
}


/* footer */
.injae-footer {
    padding:0 4rem;
}
.injae-footer .i-indiv {
    background:#fff;
    padding:17rem 0 5rem;
    display:flex;
    flex-wrap:wrap;
    column-gap:7rem;
    max-width:142rem; margin:auto;
}
.injae-footer .i-indiv .oflogo {

}
.injae-footer .i-indiv .oflogo img {width:20.1rem; height:auto; max-width:100%;}
.injae-footer .i-indiv .ofinfo {
    
}
.injae-footer .i-indiv .ofinfo p {
    line-height:2;
    font-size:1.8rem;
    color:#999;
}
.injae-footer .i-indiv .ofinfo p.copy {
    margin-top:1rem;
    font-size:1.3rem;
    color:#999;
}
.injae-footer .i-indiv .ofsns {
    margin-left:auto;
    display:flex;
    column-gap:3rem;
}

@media only screen and (max-width: 1024px) {
    .injae-footer .i-indiv {
        justify-content:center;
    }
    .injae-footer .i-indiv .ofinfo {
        flex-basis:100%;
        margin-top:4rem;
        text-align:center;
    }
    .injae-footer .i-indiv .ofsns {
        margin-top:2rem;
        flex-basis:100%;
        justify-content: center;
    }
}
@media only screen and (max-width: 800px) {
    .injae-footer {
        padding:0 2rem;
    }
}
@media only screen and (max-width: 580px) {
    .injae-footer .i-indiv .ofinfo p {
        font-size:1.6rem;
    }
}


/* main */
.injae-main {
    position:relative;    
}
.injae-main::after {
    display:block;
    content:"";
    background:url("../img/injae/vs_bg.png") no-repeat center top -5rem;
    background-size:cover;
    width:100%;
    min-height:86.7rem;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
@media only screen and (min-width:1921px) {
    .injae-main::after {
        background-size:100% 86.7rem;
    }
}
.injae-main .vs-sec {
    padding:0 4rem;
    overflow:hidden;
}
.injae-main .vs-sec .i-indiv {
    display:flex;
    gap:5rem;
    align-items:center;
    padding-top:7rem;
}
.injae-main .vs-sec .i-indiv .txt {
    position:relative;
    flex:1.4;
    z-index:1;
}
.injae-main .vs-sec .i-indiv .txt h2 {
    font-family: 'NanumSquareNeo';
    font-size:5.2rem;
    font-weight:900;
    color:#000;
    margin-bottom:5rem;
}
.injae-main .vs-sec .i-indiv .txt h2 span {
    color:#c6131f;
}
.injae-main .vs-sec .i-indiv .txt dl {
    margin-top:1rem;
    display:flex;
    align-items:center;
    column-gap:2rem;
}
.injae-main .vs-sec .i-indiv .txt dl dt {
    width:4.5rem;
    height:4.5rem;
    line-height:4.5rem;
    text-align:center;
    border-radius:100vh;
    background:#c6131f;
    font-family: 'NanumSquareNeo';
    font-size:2.6rem;
    color:#fff;
}
.injae-main .vs-sec .i-indiv .txt dl dd {
    flex:1;
    font-family: 'NanumSquareNeo';
    font-size:2.4rem;
    color:#000;
}
.injae-main .vs-sec .i-indiv .txt dl dd span {
    font-weight:900;
}
.injae-main .vs-sec .i-indiv .txt dl dd span em {
    color:#c6131f;
}
.injae-main .vs-sec .i-indiv .img {
    position:relative;
    flex:1;
}
.injae-main .vs-sec .i-indiv .img img {
    max-width:100%;
}
.injae-main .vs-sec .i-indiv .img .fly {
    position:absolute;
    z-index:0;
}
.injae-main .vs-sec .i-indiv .img .fly.fly1 {
    top:10rem;
    left:-26rem;
}
.injae-main .vs-sec .i-indiv .img .fly.fly2 {
    top:-2rem;
    right:-5rem;
}

@media only screen and (max-width: 1200px) {
    .injae-main .vs-sec .i-indiv .txt {
        flex:2;
    }
}
@media only screen and (max-width: 1000px) {
    .injae-main .vs-sec .i-indiv .txt {
        flex:3.5;
    }
}
@media only screen and (max-width: 880px) {
    .injae-main::after {
        min-height:160rem;
    }
    .injae-main .vs-sec .i-indiv {
        flex-wrap:wrap;
    }
    .injae-main .vs-sec .i-indiv .img {
        flex-basis:100%;
        text-align:center;
    }
    .injae-main .vs-sec .i-indiv .img .fly.fly1 {
        top:3rem;
        left:-4rem;
    }
}
@media only screen and (max-width: 800px) {
    .injae-main .vs-sec {
        padding:0 2rem;
    }
}
@media only screen and (max-width: 580px) {
    .injae-main::after {
        min-height:140rem;
    }
    .injae-main .vs-sec .i-indiv .txt h2 {
        font-size:3.2rem;
    }
    .injae-main .vs-sec .i-indiv .txt dl dt {
        width:3.5rem;
        height:3.5rem;
        line-height:3.5rem;
        font-size:2rem;
    }
    .injae-main .vs-sec .i-indiv .txt dl dd {
        font-size:1.8rem;
    }
}
@media only screen and (max-width: 450px) {
    .injae-main::after {
        min-height:130rem;
    }
}


/* 개요 */
.injae-main .summ-sec {
    margin-top:12rem;
    padding:0 4rem;
}
.injae-main .summ-sec .i-indiv {
    
}
.injae-main .summ-sec .i-indiv .tit {
    text-align:center;
    font-size:4.6rem;
    color:#000;
    font-weight:800;
}
.injae-main .summ-sec .i-indiv ul {
    display:flex;
    margin-left:-4rem;
    margin-top:4rem;
    row-gap:4rem;
}
.injae-main .summ-sec .i-indiv ul li {
    margin-left:4rem;
    flex:1;
    border:solid 1px #ddd;
    padding:0 2rem 4rem;
    background:#fff;
    text-align:center;
    -webkit-box-shadow: 1.1rem 1.1rem 2.7rem 0 rgba(0,0,0,0.11);
    -moz-box-shadow: 1.1rem 1.1rem 2.7rem 0 rgba(0,0,0,0.11);
    box-shadow: 1.1rem 1.1rem 2.7rem 0 rgba(0,0,0,0.11);
}
.injae-main .summ-sec .i-indiv ul li span {
    display:block;
    height:16rem;
}
.injae-main .summ-sec .i-indiv ul li:nth-child(1) span {
    background:url("../img/injae/summ_icon1.png") no-repeat center;
    background-size:5.6rem auto;
}
.injae-main .summ-sec .i-indiv ul li:nth-child(2) span {
    background:url("../img/injae/summ_icon2.png") no-repeat center;
    background-size:5.6rem auto;
}
.injae-main .summ-sec .i-indiv ul li:nth-child(3) span {
    background:url("../img/injae/summ_icon3.png") no-repeat center;
    background-size:6.3rem auto;
}
.injae-main .summ-sec .i-indiv ul li:nth-child(4) span {
    background:url("../img/injae/summ_icon4.png") no-repeat center;
    background-size:6.2rem auto;
}
.injae-main .summ-sec .i-indiv ul li dt {
    font-size:2.6rem;
    color:#000;
    font-weight:700;
}
.injae-main .summ-sec .i-indiv ul li dd {
    margin-top:1.5rem;
    font-size:2rem;
    color:#757575;
}

@media only screen and (max-width: 1200px) {
    .injae-main .summ-sec .i-indiv ul {
        flex-wrap:wrap;
    }
    .injae-main .summ-sec .i-indiv ul li {
        flex-basis:calc(50% - 4rem);
    }
}
@media only screen and (max-width: 800px) {
    .injae-main .summ-sec {
        padding:0 2rem;
    }
}
@media only screen and (max-width: 580px) {
    .injae-main .summ-sec .i-indiv ul {
        margin-left:-2rem;
        row-gap:2rem;
    }
    .injae-main .summ-sec .i-indiv ul li {
        margin-left:2rem;
    }
}
@media only screen and (max-width: 480px) {
    .injae-main .summ-sec .i-indiv ul {
        margin-left:0;
        row-gap:2rem;
    }
    .injae-main .summ-sec .i-indiv ul li {
        flex-basis:100%;
        margin-left:0;
    }
}


/* 개인정보 수집 및 이용동의 */
.injae-main .prv-sec {
    margin-top:12rem;
    padding:0 4rem;
}
.injae-main .prv-sec h2.tit {
    font-size:3rem;
    color:#000;
    font-weight:700;
}
.injae-main .prv-sec .p-box {
    margin-top:3rem;
    border:solid 1px #ddd;
    padding:4rem;
    border-radius:4px;
}
.injae-main .prv-sec .p-box .form-field label {
    color:#000;
}
.injae-main .prv-sec .p-box .in {
    margin-top:3rem;
    background:#f7f7f7;
    padding:2rem 3rem;
    border-radius:4px;
}
.injae-main .prv-sec .p-box .in p {
    font-size:1.6rem;
    color:#757575;
}
.injae-main .prv-sec .p-box .in p + p {
    margin-top:1rem;
}
.injae-main .prv-sec .recm {
    padding:3rem 3rem;
}
.injae-main .prv-sec .recm label {
    color:#000;
    font-weight:700;
    font-size:1.6rem;
}
.injae-main .prv-sec .recm-detail {
    border-top:solid 1px #eee;
    border-bottom:solid 1px #eee;
    padding:4rem 3rem;
}
.injae-main .prv-sec .recm-detail p {
    color:#000;
}
.injae-main .prv-sec .recm-detail table {
    width:100%;
    margin-top:1rem;
}
.injae-main .prv-sec .recm-detail table th {
    color:#000;
}
.injae-main .prv-sec .recm-detail table td {

}
.injae-main .prv-sec .recm-detail table th,
.injae-main .prv-sec .recm-detail table td {
    font-size:1.6rem;
    text-align:left;
    padding:0.7rem 0;
}
.injae-main .prv-sec .recm-detail table td .form-input {
    max-width:45rem;
}
.injae-main .prv-sec .recm-detail label {
    color:#000;
    font-weight:700;
    font-size:1.6rem;
}
.injae-main .form .d-flex {
    display:flex;
    gap:1rem;
    align-items:center;
    flex-wrap:wrap;
}
.injae-main .form .d-flex .ml-auto {
    margin-left:auto;
}

@media only screen and (max-width: 800px) {
    .injae-main .prv-sec {
        padding:0 2rem;
    }
}
@media only screen and (max-width: 580px) {
    .injae-main .prv-sec .p-box {
        padding:2rem;
    }
    .injae-main .prv-sec .p-box .in {
        margin-top:2rem;
        padding:2rem 2rem;
    }
    .injae-main .prv-sec .recm {
        padding:3rem 2rem;
    }
    .injae-main .prv-sec .recm-detail {
        padding:4rem 2rem;
    }
    .injae-main .prv-sec .recm-detail table td .form-input {
        max-width:inherit;
    }
}



/* 기본정보 */
.injae-main .input-sec {
    padding:0 4rem;
    margin-top:3rem;
    padding-top:10rem;
    background:url("../img/injae/wave_bg.png") no-repeat center top;
    background-size:cover;
}
.injae-main .input-sec h2.tit {
    font-size:3rem;
    color:#000;
    font-weight:700;
    margin-bottom:3rem;
}
.injae-main .input-sec table {
    width:100%;
}
.injae-main .input-sec table th,
.injae-main .input-sec table td {
    border-top:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
    font-size:1.6rem;
    text-align:left;
    padding:1.5rem 0;
}
.injae-main .input-sec table th {
    color:#000;
    font-size:1.8rem;
    font-weight:500;
    vertical-align:middle;
    width:20rem;
}
.injae-main .input-sec table th em {
    color:#c6131f;
}
.injae-main .input-sec table td {
    padding-left:1rem;
}
.injae-main .input-sec p.nec {
    margin-top:0;
}
.injae-main .input-sec table td .form-field {
    max-width:45rem;
}
.injae-main .input-sec table td .form-field input[name="birth"] {
    width:45rem;
}
.injae-main .input-sec .radio2 label {
    color:#000;
    font-size:1.6rem;
}
.injae-main .input-sec .addr {

}
.injae-main .input-sec .addr .sel {
    width:auto;
}
.injae-main .input-sec .addr .form-input {width:45rem;}
.injae-main .input-sec .addr p.nec::before {
    display:inline-block;
    content:"*";
    font-size:1.6rem;
    margin-right:0.5rem;
}
.injae-main .input-sec input[type=file] {

}

@media only screen and (max-width: 1340px) {
    .injae-main .input-sec .addr {
        flex-wrap:wrap;
    }
    .injae-main .input-sec .addr p.nec {
        margin-left:inherit;
    }
}
@media only screen and (max-width: 1200px) {
    .injae-main .input-sec table td .sel + .form-field {
        flex-basis:calc(100% - 7rem);
        max-width: inherit;
    }
    .injae-main .input-sec table td .sel + .form-field .form-input {
        width:100%;
    }
}
@media only screen and (max-width: 800px) {
    .injae-main .input-sec {
        padding:0 2rem;
        padding-top:10rem;
    }
    .injae-main .input-sec table td .form-field input[name="birth"] {
        width:100%;
    }
    .injae-main .input-sec table td .form-field {
        max-width: inherit;
    }
}
@media only screen and (max-width: 580px) {
    .injae-main .input-sec table th {
        font-size: 1.6rem;
        width: 16rem;
    }
    .injae-main .input-sec input[type=file] {
        width:100%;
    }
}
@media only screen and (max-width: 370px) {
    .injae-main .input-sec table th {
        font-size: 1.6rem;
        width: 12rem;
    }
}


/* 추천분야 */
.injae-main .rf-zone {
    flex-wrap:wrap;
}
.injae-main .rf-zone + .rf-zone {
    margin-top:1rem;
}
.injae-main .rf-zone label {
    position:relative;
    overflow:hidden;
    cursor:pointer;
}
.injae-main .rf-zone label input[type="checkbox"] {
    position:absolute;
    width:1px;
    height:1px;
    top:-1px;
}
.injae-main .rf-zone label span {
    display:inline-block;
    position:relative;
    border:solid 1px #ddd;
    padding:1rem 2rem;
    background:#fff;
    border-radius:100vh;
}
.injae-main .rf-zone label input[type="checkbox"]:checked + span {
    background:#c6131f;
    border:solid 1px #c6131f;
    color:#fff;
}
.injae-main .rf-zone:last-child .form-field {
    width:37rem;
}
.injae-main .d-flex .del {
    display:inline-block;
    width:12px;
    height:12px;
    background:url("../img/injae/del.png") no-repeat center;
    background-size:contain;
    font-size:0;
}
@media only screen and (max-width: 800px) {
    .injae-main .rf-zone:last-child .form-field {
        width:auto;
    }
}


/* 제출하기 */
.injae-main .btn-sec {
    padding:0 4rem;
    padding-top:6rem;
    background:#f9f9f9;
}
.injae-main .btn-sec .i-indiv {
    text-align:center;
}
.injae-main .btn-sec .i-indiv .in {

}
.injae-main .btn-sec .i-indiv .in .mbtn {
    height:5.8rem;
    line-height:5.8rem;
    padding:0 8rem;
}
.injae-main .btn-sec .i-indiv .in .mbtn span {
    position:relative;
    display:inline-block;
    padding-right:4rem;
    font-size:2.2rem;
    font-weight:700;
}
.injae-main .btn-sec .i-indiv .in .mbtn span::after {
    position:absolute;
    top:1.5rem;
    right:-2.5rem;
    display:block;
    content:"";
    width:5.1rem;
    height:5.7rem;
    background:url("../img/injae/hand.png") no-repeat center;
    background-size:contain;
}
.injae-main .btn-sec .i-indiv .in .mbtn {
    
}

@media only screen and (max-width: 800px) {
    .injae-main .btn-sec {
        padding:0 2rem;
        padding-top:6rem;
    }
}


/* 우편접수 */
.injae-main .mail-sec {    
    padding:0 4rem;
    background:#f9f9f9;
}
.injae-main .mail-sec .i-indiv {
    position:relative;
    height:25rem;
}
.injae-main .mail-sec .i-indiv .mwrap {
    position:absolute;
    top:40%;
    left:0;
    right:0;
    border:solid 2px #c6131f;
    border-radius:2rem;
    background:#fff;
    padding:5rem 10rem;
    -webkit-box-shadow: 1.1rem 1.1rem 2.7rem 0 rgba(0,0,0,0.11);
    -moz-box-shadow: 1.1rem 1.1rem 2.7rem 0 rgba(0,0,0,0.11);
    box-shadow: 1.1rem 1.1rem 2.7rem 0 rgba(0,0,0,0.11);
}
.injae-main .mail-sec .i-indiv .mwrap h2.tit {
    font-family: 'NanumSquareNeo';
    font-size:4.2rem;
    font-weight:900;
    color:#000;
}
.injae-main .mail-sec .i-indiv .mwrap .in {
    margin-top:1rem;
    display:flex;
    justify-content:space-between;
    gap:3rem;
}
.injae-main .mail-sec .i-indiv .mwrap .in .txt {
    
}
.injae-main .mail-sec .i-indiv .mwrap .in .txt p {
    font-size:2.2rem;
    color:#000;
    font-weight:600;
}
.injae-main .mail-sec .i-indiv .mwrap .in .txt span {
    margin-top:2rem;
    padding:1.5rem 0;
    display:block;
    font-size:1.8rem;
    color:#757575;
    border-top:dashed 1px #ddd;
    border-bottom:dashed 1px #ddd;
}
.injae-main .mail-sec .i-indiv .mwrap .in .mail-btn {

}
.injae-main .mail-sec .i-indiv .mwrap .in .mail-btn .mbtn {
    height:5.8rem;
    line-height:5.8rem;
    padding:0 5rem;
}
.injae-main .mail-sec .i-indiv .mwrap .in .mail-btn .mbtn span {
    font-size:1.8rem;
    font-weight:700;
    display:inline-block;
    padding-right:4rem;
    background:url("../img/injae/down.png") no-repeat right center;
    background-size:2rem auto;
}

@media only screen and (max-width: 1220px) {
    .injae-main .mail-sec .i-indiv .mwrap {
        padding:4rem 5rem;
    }
}
@media only screen and (max-width: 1120px) {
    .injae-main .mail-sec .i-indiv .mwrap {
        padding:3rem 4rem;
    }
}
@media only screen and (max-width: 800px) {
    .injae-main .mail-sec {    
        padding:0 2rem;
    }
    .injae-main .mail-sec .i-indiv {
        height:35rem;
    }
    .injae-main .mail-sec .i-indiv .mwrap {
        top:30%;
    }
    .injae-main .mail-sec .i-indiv .mwrap .in {
        flex-wrap:wrap;
    }
    .injae-main .mail-sec .i-indiv .mwrap .in .txt {
        flex-basis:100%;
    }
    .injae-main .mail-sec .i-indiv .mwrap .in .mail-btn {
        flex-basis:100%;
    }
}
@media only screen and (max-width: 380px) {
    .injae-main .mail-sec .i-indiv .mwrap h2.tit {
        font-size:3.2rem;;
    }
    .injae-main .mail-sec .i-indiv .mwrap .in .txt p {
        font-size:2rem;
    }
}