@charset "UTF-8";
@media (max-width: 1440px) {}
@media (max-width: 1280px) {
    html, body {
        font-size: 16px;
    }
    #nav {
        display: none;
    }
    #menuToggle {
        display: block;
        right: 2rem;
    }
    .m-section .inner, .header-inner, #footer .inner {
        padding: 2.5rem 2rem;
    }
    .login-area {
        margin-right: 4rem;
    }
    .logo-item {
        width: 210px;
        height: 80px;
    }
    .process-area .proc-item {
        width: 150px;
        height: 150px;
    }
    .process-area .proc-item:after {
        width: 130px;
        height: 130px;
    }
}
@media (max-width: 1024px) {
    html, body {
        font-size: 15px;
    }
    .main-banner {
        background: #66b3e2 url(../img/main-banner-mo.png) center 0 / cover no-repeat;
    }
    .m-section .inner, .header-inner, #footer .inner {
        padding: 2.5rem 2rem;
    }
    .m-section.section02 .box-cont {
        flex-direction: column;
    }
    .m-section .tab {
        width: 100%;
        margin-bottom: 2rem;
    }
    .m-section .tab-item {
        margin: 0 0.375rem 0.375rem 0;
    }
    .m-section.section07 .inner {
        flex-direction: column;
    }
    .m-section.section07 .notice-area, .m-section.section07 .faq-area {
        width: 100%;
    }
    .m-section.section07 .notice-area {
        margin-bottom: 3.125rem;
    }
    .subPage .inner {
        padding: 2.5rem 2rem;
    }
    .fi-page01 .info-area {
        flex-direction: column;
    }
    .fi-page01 .info-area .img-box {
        width: 60%;
        margin: 0 auto 3.125rem;
    }
    .item-list, .item-list03 {
        justify-content: flex-start;
    }
    .item-box, .item-list03 .item-box03 {
        width: 48%;
    }
    .item-list03 .item-box03:nth-child(2n) {
        margin-right: 0;
    }
    .badge-area span {
        margin: 0.375rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .tab-list {
        display: none;
    }
    .loginPage .tab-list {
        display: flex !important;
    }
    .tab-select {
        display: block;
    }
    .company-head .company-info .col {
        flex-direction: column;
    }
    .company-head .company-info dl {
        width: 100%;
    }
    .resume-area .res-item {
        width: 100%;
        margin: 0 0 1% 0;
    }
    .process-area .proc-item {
        margin: 1%;
    }
    .m-section.section05 .arti-area .img-area > img {
        display: none;
    }
    .m-section.section05 .arti-area .img-area-mo {
        display: block;
        width: 60%;
        margin: 0 auto;
    }
    .ao-page02 .process-area .proc-item02:after {
        right: -20%;
    }
    .company-head .company-visual > img {
        width: auto;
        height: 100%;
    }
}
@media (max-width: 768px) {
    .visual {
        width: 100%;
        padding: 0;
        height: 670px;
    }
	.sub-visual { height: 220px; }
    .visual-thumb {}
    
    .header.active .lnb-bg {
        display: none;
    }
    .visual .inner .visual-box {
    width: 84%;
    margin-left: 7%;
}
    .mo-gnb-ritght {
        position: absolute;
        top: 20px;
        left: 10px;
        font-size: 15px;
    }
    .mo-gnb-ritght a {
        color: #4D5B77;
        margin-left: 15px;
    }
    .mo-gnb-ritght a::after {
        content: "ㅣ";
        padding-left: 15px;
    }
    .mo-gnb-ritght a:last-child::after {
        display: none;
    }
    .gnb-ritght {
        display: none;
    }
    .overlay .gnb_1depth {
        flex-direction: column;
        padding: 0 20px;
    }
    .overlay .gnb_1depth .item_1depth {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .overlay .gnb_1depth .item_1depth > a {
        font-size: 18px;
    }
    .overlay .gnb_2depth li a {
        font-size: 13px;
    }
    .header .gnb_links .link {
        max-width: 100%;
    }
    .overlay nav {
        top: 60px;
    }
    .overlay .gnb_1depth .item_1depth:before, .overlay .gnb_1depth .item_1depth:after {
        position: absolute;
        right: 12px;
        margin-top: -1px;
        display: block;
        clear: both;
        content: '';
        width: 13px;
        height: 2px;
        background: #131313;
        /* transition: all 0.6s cubic-bezier(0.46, -0.41, 0.3, 1.52) 0.1s; */
        transform: translate(-50%, -50%);
    }
    .overlay .gnb_1depth .item_1depth:before {
        transform: translate(-50%, -50%) rotate(90deg);
    }
    .overlay .gnb_1depth .item_1depth:after {
        transform: translate(-50%, -50%) rotate(180deg);
    }
    .overlay .gnb_1depth .item_1depth.active::before {
        transform: translate(-50%, -50%) rotate(0);
    }
    .overlay .gnb_1depth .item_1depth.active::after {
        transform: translate(-50%, -50%) rotate(0);
    }
    .overlay .gnb_1depth .item_1depth.active .gnb_2depth {
        display: block;
    }
    .overlay nav {
        top: 60px;
        position: relative;
    }
    .overlay .gnb_1depth .item_1depth.active .gnb_2depth {
        display: block;
    }
    .button-container {
        display: block;
        right: 0;
        top: 30px;
    }
    .company-logo {
        width: 160px;
    }
    .header-inner, #footer .inner {
        padding: 1.25rem;
    }
    #menuToggle {
        right: 1.25rem;
    }
    .loginPage .login-wrap {
        width: 80%;
    }
    .logo-item, .rc-logo-wrap .logo-item {
        width: 32%;
        height: 65px;
        margin: 0 1% 1% 0;
    }
    .logo-item img {
        width: 60%;
    }
    .tabs .tab-cont {
        padding: 2rem 0;
    }
    .company-hire .hire-item {
        width: 49%;
    }
    .process-area ul {
        justify-content: flex-start;
    }
    .process-area .proc-item {
        width: 130px;
        height: 130px;
        margin: 1% 2.5rem 1% 1%;
    }
    .process-area .proc-item:after {
        width: 110px;
        height: 110px;
    }
    .m-section.section04 .info-program .ip-item {
        width: 48%;
    }
    .m-section.section04 .ip-item:nth-child(2n) {
        padding-top: 0;
    }
    .table-noline th, .table-noline td {
        padding: 1rem;
    }
    .time-table {
        overflow-x: auto;
    }
    .m-section.section05 .arti-area {
        width: 90%;
    }
    .info-program .ip-item {
        width: 100%;
        margin: 0 0 1.5rem 0;
    }
    .fi-page02 .text-area {
        width: 100%;
    }
    .ao-page01 .flex {
        flex-direction: column;
    }
    .ao-page01 .flex.button-wrap {
        flex-direction: row;
    }
    .jaso-item {
        width: 100%;
        margin: 0 0 1.5rem 0;
    }
    .fi-page02 .img-area > img {
        display: none;
    }
    .fi-page02 .img-area .img-area-mo {
        display: block;
    }
    .fi-page02 .arti-area:nth-child(2) .img-area img, .rc-page03 .arti-area .img-area img, .fi-page02 .arti-area:nth-child(3) .img-area img, .rc-page04 .arti-area .img-area img {
        width: 80%;
    }
    #menu-mobile {
        width: 480px;
    }
    .ao-page04 .process-area ul {
        justify-content: center;
    }
    .jaso02-img .text-area {
        margin-bottom: 1.5rem;
    }
    .ao-page01 .flex.jaso03-img {
        flex-direction: row;
    }
    .jaso03-img .item {
        width: 48%;
        margin: 0 0.5%;
    }
    .point:after {
        top: 7px;
        transform: translateY(0);
    }
    .ao-page02 .process-area .proc-item02 .icon, .ao-page04 .process-area .proc-item02 .icon {
        width: 135px;
        height: 135px;
    }
    .ao-page02 .process-area ul, .ao-page04 .process-area ul {
        justify-content: space-around;
        align-items: flex-start;
    }
    .ao-page02 .process-area .proc-item02, .su-page03 .process-area .proc-item02, .ao-page04 .process-area .proc-item02 {
        width: 48%;
        margin-bottom: 2rem;
    }
    .ao-page02 .process-area .proc-item02:after, .ao-page04 .process-area .proc-item02:after, .su-page03 .process-area .proc-item02:after {
        right: -10%;
    }
    .ao-page02 .process-area .proc-item02 {
        margin-bottom: 1rem;
        width: 25%;
    }
    .ao-page02 .process-area .proc-item02:after {
        top: 80px;
        right: -10%;
    }
    .empty-box {
        height: 240px;
        padding-top: 0;
    }
    .my-page03 .box dl dt {
        width: 100px;
    }
    .sub-tab > ul {
        display: none;
    }
    .select-menu-cs {
        display: block;
    }
    .iframe-area {
        height: 600px;
    }
    .jaso03-img .item .text-area .point:after {
        top: 5px;
    }
    .sup-01 .img-box {
        width: 100%;
        margin-top: 1.25rem;
    }
    .video-list .video-item .thumbnail {
        height: 120px;
    }
    .su-page02 .box {
        width: 100%;
        height: 500px;
        background: url(../img/img-support04-mo.jpg) center/cover no-repeat;
    }
    .su-page02 .img-area {
        display: none;
    }
    .su-page02 .box .text-area {
        width: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .video-list .video-item {
        width: calc(98% / 2);
    }
    .my-page01 .table-wrap:first-of-type table {
        width: 768px;
    }
    #Container.Testpopup {
        width: 100%;
    }
    .testpop-head {
        padding: 15px 0 15px 120px;
        background: var(--color-secondary) url(../img/img-test.png) -1px 0/125px no-repeat;
    }
	.sub-section .top-title { 
		font-size: 1.24rem;
		height: 42px;
		line-height: 42px; 
		padding: 0 30px 0 54px;
	}
	.sub-section .top-title::before {
		width: 42px;
		height: 42px;
		background-size: 100%!important;
	}
	.fi-page01 .cont-area { 
		width: 100%; 
	}
	.fi-page01 .cont-area h3 img { 
		width: 70%; 
	}
	.item-box, .item-list03 .item-box03 { 
		width: 100%; 
		margin: 0 0 1.5rem 0;
	}
	.sub-visual .text-area .title-04 { 
		font-size: 2rem!important; 
	}
	.sub-visual .text-area .title-05 { 
		font-size: 0.75rem!important; 
	}
	.com-info { 
		margin-bottom: 30px;
	}
	.com-info .logo, .com-info .info-text, .summary dd {
		width: 100%; 
	}
	.com-info .info-text {
		margin-top: 20px;
	}
	.com-info .info-text strong { 
		font-size: 18px;
	}
	.view-title {
		flex-direction: column;
	}
	.view-title span { 
		display: block;
		margin-bottom: 20px;
		font-size: 18px;
	}
	.job-post-01 li { 
		width: 30%;
	}
	.job-post-01 li:nth-child(1), .job-post-01 li:nth-child(2), .job-post-01 li:nth-child(3) { 
		margin-bottom: 30px; 
	}
	.job-post-02 dl dt, .job-post-02 dl dd { 
		width: 100%; 
	}
	.job-post-02 dl dt { 
		padding: 10px 20px; 
	}
	.job-post-02 p {
		margin: 10px 0 30px; 
	}
	.title-02 { 
		font-size: 1.5rem;
	}
	.title-04 { 
		font-size: 1.25rem;
	}
	 .resume-form ul li {
        flex-direction: column;
    }

    .resume-form ul li .title {
        width: 100%;
        padding-left: 0;
        font-size: 14px;
		margin-bottom: 5px;
    }

    .resume-form .flex {
        flex-wrap: wrap;
    }

    .resume-form .flex .photo {
        width: 100%;
    }

    .resume-form .input-box {
        width: 100%;
        margin-bottom: 0 !important;
        font-size: 14px;
		flex-direction: column;
    }

    .resume-form ul li p,
    .resume-form select {
        font-size: 14px;
    }

    .resume-form select,
    .resume-form input[type="date"],
    .resume-form input[type="text"].w-small,
    .resume-form button,
    .resume-form input[type="text"].w-full {
        height: 34px !important;
        line-height: 34px !important;
    }

    .resume-form button {
        margin-left: 0 !important;
    }
	.mo-logo-area { 
		display: flex;
        flex-wrap: wrap;
	}
	.mo-logo-area span { 
		width: 45%; 
	}
	.search-form { 
		margin-top: 10px;
	}
	.search-form dl {
		flex-direction: column;
	}
	.search-form dt, .search-form dd { 
		width: 100%; 
	}
	.search-form dt {
		margin-bottom: 10px;
	}
	.search-form dd div {
		width: 45%;
		margin: 3px 0!important;
	}
	.search-form dd .check label {
		font-size: 13px;
		background-size: 20px;
	}
	.search-form dd .check input:checked+label {
		background-size: 20px;
	}
	.login-wrap .box .bar:before, .login-wrap .box .bar:after {
		width: 12%;
	}
	.my-summary .profile {
		width: 120px;
		margin-right: 20px;
	}
	.works ul li {
		width: 69px;
		height: 120px;
		margin-right: 10px;
	}
	.works ul li a {
		padding: 0!important;
	}
	.works ul li:last-child { 
		margin-right: 0; 
	}
	.resume-form h3 {
		font-size: 18px;
	}
	.resume-form .title-box input[type="text"] {
		height: 38px !important;
    	line-height: 38px !important;
		margin: 0!important;
	}
	.resume-form .title-box input::placeholder {
		font-size: 14px!important;
	}
	.resume-form h4 span {
		display: block;
		margin-left: 0;
		margin-top: 7px;
	}
	.resume-form input[type="text"], .resume-form select { 
		width: 100%!important;
	}
	.input-area { margin-bottom: 5px; }
	.table-style03 { width: 1024px; }
	.resume-view dl.col1 dt, .resume-view dl.col2 dt, .resume-view dl.col3 dt, .resume-view dl.col4 dt { width: 30%; margin-bottom: 5px; }
	.resume-view dl.col1 dd, .resume-view dl.col2 dd, .resume-view dl.col3 dd, .resume-view dl.col4 dd { width: 70%; }
	.btn-print { display: none; }
	.mobile-app { position: relative; max-width: 740px; margin: 0 auto; }
	.mobile-app .top { padding: 6% 6% 0 6%; }
	.mobile-app .mo-content { padding: 6%; }
	.mobile-app .standby dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 30px; }
	.mobile-app .standby dl dd { border-radius: 10px; display: flex; align-items: center; flex-direction: column; padding: 20px 0; color: #fff; }
	.mobile-app .standby dl dd:nth-child(1) { background-color: #3456E5; }
	.mobile-app .standby dl dd:nth-child(2) { background-color: #E7385D; }
	.mobile-app .standby dl dd span { display: block; margin-bottom: 10px; }
	.mobile-app .standby dl dd strong { font-size: 21px; }
	.mobile-app .standby a { display: flex; justify-content: center; padding: 10px 0; font-size: 18px; font-weight: 700; background-color: #213F9A; color: #fff; border-radius: 30px; }
	.mobile-app .standby p { margin-top: 50px; text-align: center; color: #D7092F; }
	
	.compnay-logo dl { gap: 10px; }
	.compnay-logo dl dd { width: 48%; }
	.schedule { overflow-x: auto; }
	.schedule table { width: 1200px; }
    
    .my-page01 .table-wrap:first-of-type {
    overflow-x: scroll;
}
}
@keyframes mo-moveShape1 {
        0% {
            left: 0;
            top: 0;
        }
        50% {
            left: 80px;
            top: 0;
        }
        100% {
            left: 0;
            top: 0;
        }
    }
    @keyframes mo-moveShape2 {
        0% {
            left: 0;
            top: 0;
        }
        50% {
            left: 0px;
            top: 80px;
        }
        100% {
            left: 0;
            top: 0;
        }
    }
    @keyframes mo-moveShape3 {
        0% {
            left: 0;
            top: 0;
        }
        50% {
            left: 160px;
            top: 0;
        }
        100% {
            left: 0;
            top: 0;
        }
    }
@media (max-width: 480px) {
    html, body {
        font-size: 14px;
    }
    #menu-mobile {
        width: 320px;
    }
    .subPage .inner {
        width: 94%;
        padding: 2.5rem 0;
    }
    .main-banner .video-wrap iframe {
        height: 200px;
    }
    .sub-visual.visual01, .sub-visual.visual02, .sub-visual.visual03, .sub-visual.visual04, .sub-visual.visual05, .sub-visual.visual06, .sub-visual.visual07, .sub-visual.visual08 {
        background-position: 100% 60px;
    }
    .btn {
        padding: 8px 16px;
    }
    .company-logo {
        width: 125px;
    }
    #menu-mobile {
        width: 100vw;
    }
    /* .main-banner {
        height: 200px;
    } */
    .fi-page01 .info-area .img-box {
        width: 100%;
    }
    .item-box {
        padding: 0.75rem;
    }
    .item-box .logo-area {
        height: 60px;
    }
    .item-box .logo-area img {
        width: 70%;
    }
    .item-box .title-03 {
        font-size: 1.25rem;
    }
    .item-box .badge-area {
        height: 58px;
    }
    .item-box .badge-area span {
        font-size: 0.75rem;
        margin: 2px;
    }
    .item-box.on:after {
        width: 55px;
        height: 21px;
        line-height: 21px;
        border-radius: 21px;
        top: 0.5rem;
        left: 0.5rem;
    }
    .company-head .box {
        flex-direction: column;
    }
    .company-head .company-visual {
        height: 180px;
    }
    .company-head .company-logo {
        width: 70%;
    }
    .company-head .company-logo .img-box {
        height: 80px;
    }
    .company-head .company-info {
        width: 100%;
    }
    .company-head .company-info dt {
        width: 100px;
    }
    .company-head .company-info dd {
        flex: 1;
    }
    .company-hire .hire-item {
        width: 100%;
        margin: 0 0 1% 0;
        flex-direction: column;
        align-items: flex-start;
    }
    .company-hire .hire-item .btn {
        margin: 1rem 0;
    }
    .process-area .proc-item span {
        line-height: 1.4;
    }
    .company-detail .video-area {
        height: 360px;
    }
    .company-welf {
        grid-template-columns: repeat(auto-fill, minmax(50%, auto));
    }
    .resume-area .res-item {
        padding: 1.5rem;
    }
    .m-section.section02 #tab1 .logo-area {
        justify-content: center;
    }
    .m-section.section03 .text-area .title-04 {
        font-size: 1rem;
    }
    .m-section.section03 .logo-wrap .logo-item {
        width: 48%;
    }
    .fi-page01 .cont-area .img-float {
        display: none;
    }
    .table-style01 .table-cell.no {
        width: 50px;
    }
    .table-style01 .table-cell.count {
        display: none;
    }
    .ao-page03 .box .img-area {
        display: none;
    }
    .shcedule-sort, .ao-page01 .flex.jaso03-img {
        flex-direction: column;
    }
    .shcedule-sort .select-wrarp, .shcedule-sort .select-wrap {
        margin-bottom: 1.5rem;
    }
    .sub-tabItem a {
        font-size: 1.125rem;
    }
    .jaso02-img .img-box {
        width: 100%;
    }
    .jaso03-img .item {
        width: 100%;
        margin-bottom: 1.5rem;
    }
    .ao-page02 .process-area .proc-item02 .icon, .ao-page04 .process-area .proc-item02 .icon {
        width: 120px;
        height: 120px;
    }
    .ao-page02 .process-area .proc-item02 {
        width: 45%;
    }
    .my-page03 .box dl {
        flex-direction: column;
    }
    .my-page03 .box dl dt {
        width: 100%;
    }
    .my-page03 .box .email-box input[type='text'] {
        width: 100px;
    }
    .table-style01 .table-cell.no {
        width: 15%;
    }
    .table-style01 .table-cell.title {
        width: 45%;
        flex: none;
    }
    .table-style01 .table-cell.date {
        width: 25%;
    }
    .table-style01 .table-cell.state {
        width: 15%;
    }
    .my-page02 .row.flex {
        flex-direction: column;
    }
    .my-page02 .table-wrap .row dt.cols, .my-page02 .table-wrap .row dd.cols {
        width: 100%;
        flex: none;
    }
    .input-area label {
        width: 90px;
    }
    .input-area .inputbirth {
        width: 55px;
    }
    .su-page01 .su-list {
        flex-direction: column;
    }
    .su-page01 .su-list .item {
        margin-bottom: 2rem;
        width: 100%;
    }
    .su-page01 .su-list .item h4 {
        height: 35px;
        width: 100%;
        line-height: 35px;
    }
    .ac-page02 .box .text-area {
        width: 100%;
    }
    .ac-page02 .img-area ul {
        flex-wrap: wrap;
    }
    .ac-page02 .img-area li {
        width: 46%;
        margin: 1%;
    }
    .ao-page04 .box .top-bx {
        flex-direction: column;
        align-items: center;
    }
    .ao-page04 .box .top-bx > div {
        margin-bottom: 2rem;
    }
    .video-list .video-item {
        width: 100%;
        margin: 0 0 2rem 0;
    }
    .loginPage .login-wrap {
        width: 90%;
    }
    .input-area .input-box .btn {
        width: 60px;
    }
    .login-box .img-area {
        width: 100px;
        height: 100px;
    }
    .ao-page03 .text-col p {
        flex-direction: column;
        margin-bottom: 8px;
    }
	.resume-form .input-box > div { }
	.program-01 > .title-01 { font-size: 18px; }
	.program-01 > .title-02 { font-size: 21px; }
	.time-table th:nth-child(1) { width: 24%; }
	.time-table th:nth-child(2) { width: 38%; }
	.time-table th:nth-child(3) { width: 38%; }
	.time-table td br { display: block; }
}
@media (max-width: 360px) {
    .input-area .inputbirth {
        width: 45px;
    }
    .input-area label {
        width: 80px;
    }
}