@charset "UTF-8";@charset "UTF-8";
@media all and (max-width: 1039px){
    #visual.sections.section_01 .bg{height: 100%;}
    #visual.sections.section_01 .bg video{height: 100%; width: auto;}
    .sections.section_02 .width_con > .title_con{width: 60%;}
    #recruit.sections.section_03 .width_con section.proceed > div > ul{width: 100%;}
    
}
@media all and (max-width:730px) {
    .sections.section_02 .width_con > .title_con{width: 90%;}
    #recruit.sections.section_03 .width_con .title_con{width: 100%}

    #recruit.sections.section_03 .width_con section.proceed > div > ul{flex-direction: column; gap: var(--mrgn);}
    #recruit.sections.section_03 .width_con section.proceed > div > ul li{margin: 0; width: 70%;}

    #apply.sections.section_04 .width_con{flex-direction: column;}
    #apply.sections.section_04 .width_con .title_con h2{text-align: center;}
    
}
@media all and (min-width:0px) and (max-width:599px){
    /*모바일*/    
    #visual.sections.section_01 .width_con .title_con{text-align: center;}
    .sections.section_02 .width_con > .title_con{width: 100%; text-align: center;}

    #recruit.sections.section_03 .width_con section.proceed > div > dl{display: grid; grid-template-columns: 150px 1fr; gap: var(--mrgn); font-size: 1.4em;}
    #recruit.sections.section_03 .width_con section.proceed > div > dl > dt{grid-column-start: 1; grid-column-end: 3; margin-top: var(--mrgn-half)}
    #recruit.sections.section_03 .width_con section.proceed > div > dl > dd{grid-column-start: 1; grid-column-end: 3; margin-top: calc(var(--mrgn-half) * -1);}

    #apply.sections.section_04 .width_con > #apply_con{}
    #apply.sections.section_04 .width_con > #apply_con > div{}
    #apply.sections.section_04 .width_con > #apply_con > div .file .dnd_area .explan label{padding: var(--mrgn);}
    #apply.sections.section_04 .width_con > #apply_con > div > div{grid-column-start: 1; grid-column-end: 3;}
    #apply.sections.section_04 .width_con > #apply_con > div .file .dnd_area{min-height: calc(var(--mrgn-x8)*3/2);}
    #apply.sections.section_04 .width_con > #apply_con input, #apply.sections.section_04 .width_con > #apply_con select{height: var(--mrgn-x4);}
    #apply.sections.section_04 .width_con > #apply_con > input.submit{width: 100%;}
}
@media all and (min-width:0px) and (max-width:419px){
    /*작은 모바일*/
    #recruit.sections.section_03 .width_con section.proceed > div > ul li{width: 100%;}
    #apply.sections.section_04 .width_con > #apply_con > div .access{flex-direction: column;}
}
@media all and (min-width:600px) and (max-width:1039px){
    /*타블렛*/
}
@media all and (min-width:1040px) and (max-width:1239px){
    /*데스크탑*/
}
@media all and (min-width:1240px) and (max-width:1459px){
}
@media all and (min-width:1460px){
    /*큰 데스크탑*/
}