@charset "utf-8";

/*layout*/
html {font-size:16px;background-color:#00268c;color:#fff;}
body {overflow-x:hidden;font-size:16px;letter-spacing:-0.045em;font-weight:400;}
main {position:relative;}

/*layout*/
#wrap {position:relative;min-width:600px;height:auto;margin:0 auto;background:url("../images/bg_01.png") no-repeat center 0;}
.innerWrap {position:relative;width:50rem;margin:0 auto;}

figure img {display:block;}
figure.center {display:flex;justify-content:center;}
.ani, 
.pt {position:absolute;background-repeat:no-repeat;background-position:0 0;}
[class*="link"].align {display:inline-flex;align-items:center;justify-content:center;}

.mVer {display:none;}

#wrap section {position:relative;margin:0 auto;}
#wrap main {position:relative;overflow:hidden;}

h2.title {margin-bottom:3rem;font-size:2.5rem;font-weight:700;color:#9ae328;}

header {position:fixed;top:0;left:0;width:100%;background-color:#00268c;z-index:1000;}
header .innerWrap {height:5rem;padding-right:7rem;display:flex;justify-content:space-between;align-items:center;}
header .logo, header .m_logo,
header .brandLogo {display:block;width:6rem;height:5rem;background:url("../images/brandLogo.svg") no-repeat 0 1.2rem / 6rem auto;z-index:998;}
header .m_btn_menu,
header .m_btn_close,
header .homeLink {display:none;}
header nav ul {display:flex;}
header nav ul li {height:5rem;font-size:1.4rem;line-height:5rem;font-weight:500;color:#fff;}
header nav ul li a {display:flex;width:100%;height:100%;justify-content:center;align-items:center;}
header nav ul li+li {margin-left:2rem;}
header .link_apply {position:absolute;top:0;right:0;color:#9ae328;font-size:1.4rem;font-weight:700;line-height:5rem;}
/* header.fixed {top:0;padding:1rem 0;background-color:#fff;transition:0.3s;} */

footer {height:5rem;padding-top:1rem;background-color:#fff;}
footer .footer__logo {display:flex;align-items:center;justify-content:space-between;}
footer .footer__logo li {height:2.7rem;font-size:0.7rem;color:#00268c;line-height:2.7rem;font-family:"Noto Sans KR";background:url("../images/footer_logo.png") no-repeat left center / auto 1.9rem;}
footer .footer__logo li a {padding-left:5rem;}
footer .footer__logo li:nth-of-type(3) {background-image:url("../images/footer_logo_02.png");background-size:auto 1.2rem;}
footer .footer__logo li:nth-of-type(3) a {padding-left:2.8rem;}
footer .footer__logo li:nth-of-type(4) {background-image:url("../images/footer_logo_03.png");background-size:auto 2.7rem;}
footer .footer__logo li:nth-of-type(4) a {padding-left:7rem;}

.headingWrap {height:74.5rem;padding-top:11rem;}
.headingWrap .heading__title {width:25.7rem;height:22.6rem;background:url("../images/heading_title.png") no-repeat 0 0 / auto 22.6rem;}
.headingWrap .link_apply {margin:1.4rem 0 0 1.2rem;width:23.5rem;height:10.3rem;background:url("../images/heading_btn_bg.png") no-repeat 0 0 / auto 10.3rem;text-indent:-9999px;}
.headingWrap .keyvisualAni {top:-2rem;left:calc(50% + 0.8rem);width:40.2rem;height:47.3rem;background-size:auto 47.3rem;}
.headingWrap .icon {top:0;left:0;width:100%;height:100%;background-image:url("../images/heading_keyvisual_icon.png");background-size:auto 47.3rem;z-index:10;}
.headingWrap .title {top:50%;left:50%;width:17.7rem;height:21.7rem;background-image:url("../images/heading_keyvisual_title.png");background-size:auto 21.65rem;transform:translate(-50%,-50%);z-index:10;}
.headingWrap .drop {top:0;left:0;width:40.2rem;height:47.3rem;background-image:url("../images/heading_keyvisual_bg_01.png");background-size:auto 47.3rem;}
.headingWrap .movieFrame {position:relative;box-shadow:0 0 20px rgba(255,255,255,0.3);z-index:100;}

.recruitInfoWrap {padding-top:3rem;}
.recruitInfoWrap dl {padding-left:1.8rem;}
.recruitInfoWrap dl dt {position:relative;font-size:1.6rem;line-height:2.6rem;font-weight:700;}
.recruitInfoWrap dl dt:before {content:"";position:absolute;top:0.8rem;left:-1.3rem;width:10px;height:10px;border-radius:50%;background-color:#9ae328;}
.recruitInfoWrap dl dd {font-size:1.3rem;line-height:2.6rem;}
.recruitInfoWrap dl dd figure {margin-top:1.3rem;}
.recruitInfoWrap dl+dl {margin-top:3rem;}

.tabUI li {width:7.7rem;height:4rem;border-radius:0.8rem;border:solid 1px #fff;text-align:center;color:#fff;font-size:1.1rem;font-weight:500;line-height:1.35rem;}
.tabUI li.active {color:#00268c;background-color:#9ae328;}
[class*="TabContainer"] {margin-top:3rem;}

.jobInfoSubTabUI {flex-flow:wrap row;justify-content:flex-start !important;}
.jobInfoSubTabUI li {width:10rem;height:2.25rem;margin-bottom:0.8rem;border-radius:3rem;font-size:1.1rem;font-weight:500;color:#00268c;background-color:#fff;border:solid 1px #fff;}
.jobInfoSubTabUI li a {color:#00268c;}
.jobInfoSubTabUI li:not(:nth-of-type(4n)) {margin-right:3rem;}
.jobInfoSubTabUI li.active {color:#00268c;background-color:#9ae328;}
.tabContainer {margin-top:2.5rem;}

.bulList.squre li:before {width:3px;height:3px;border-radius:0;border:solid 1px #231815;}
.bulList.dot li:before {top:0.7rem;width:4px !important;height:4px !important;border-radius:50%;border:0 !important;background-color:#231815;}

.table {width:100%;}
.table thead {background: linear-gradient(90deg, #05153F 0.85%, #05153F 3.85%, #0A2D88 100.85%);}
.table thead th {height:2.5rem;font-size:0.9rem;}
.table thead th+th {border-left:solid 1px #8596c4;}
.table tbody tr:not(:last-child) th,
.table tbody tr:not(:last-child) td {border-bottom:solid 1px #8596c4;}
.table tbody th {padding:2rem 0;background: linear-gradient(90deg, #0A4888 -1.67%, #0A1C6E 237.12%, #0A4888 475.91%, #0A4888 485.66%);text-align:center;}
.table tbody th strong {display:block;font-size:1.5rem;line-height:2rem;}
.table tbody th .link {margin-top:0.75rem;width:7rem;height:1.75rem;border-radius:2rem;font-size:0.9rem;color:#00268c;background-color:#9ae328;}
.table tbody th .link.new {background-color:#7ae4fe;}
.table tbody td {padding:1.5rem 0.8rem;background-color:#f3f4f9;font-family:"Noto Sans KR";font-size:14px;color:#231815;}
.table tbody td .place {position:relative;margin-top:0.5rem;font-size:0.9rem;line-height:1.5rem;padding-left:0.8rem;font-weight:500;color:#0a2d88;}
.table tbody td .place:before {content:"";position:absolute;top:0.6rem;left:0;width:5px;height:5px;background-color:#0a2d88;}
.table tbody td strong {display:block;padding-left:0.8rem;color:#0A2D88;font-size:0.9rem;line-height:1.5rem;font-weight:900;}
.table tbody td .bulList+strong {margin-top:0.8rem;}

.jDWrap {padding-top:10rem;}
.jDWrap .event__box {margin:6rem 0 0 -1.4rem;padding:6rem 0 0 8.5rem;width:51.4rem;height:29.9rem;background:url("../images/event_box.png") no-repeat 0 0 / auto 29.9rem;}
.jDWrap .event__box dl {font-size:2.5rem;line-height:3.5rem;font-weight:700;}
.jDWrap .event__box dl dt {color:#9ae328;}
.jDWrap .event__box .link {margin-top:1.5rem;width:15.5rem;height:4.1rem;border-radius:5rem;background-color:#9ae328;font-size:2.5rem;font-weight:700;}

.jobInfoWrap {padding-top:7.5rem;}
.jobInfoWrap .jobInfoTab li {width:9.4rem;}
.jobInfoWrap .jobInfoSubTabContent ul li {position:relative;font-size:1.7rem;line-height:2.5rem;font-weight:700;}
.jobInfoWrap .jobInfoSubTabContent ul li:not(.point) {padding-left:2rem;}
.jobInfoWrap .jobInfoSubTabContent ul li:not(.point):before {content:"";position:absolute;top:0.6rem;left:0.5rem;width:10px;height:10px;background-color:#9ae328;border-radius:50%;}
.jobInfoWrap .jobInfoSubTabContent ul li.point {color:#9ae328;} 
.jobInfoWrap .jobInfoSubTabContent ul li+li {margin-top:2.5rem;}

.benefitWrap {padding-top:7.5rem;}
.benefitWrap .slideWrap .slideOuter {height:14.9rem;}
.benefitWrap .slideWrap ul li {position:relative;height:14.9rem;width:191px;border-radius:0.8rem;background-color:#f3f9e9;color:#82bf24;}
.benefitWrap .slideWrap ul li:nth-of-type(even) {background-color:#e7eaf3;color:#0a2d88;}
.benefitWrap .slideWrap ul li+li {margin-left:12px;}
.benefitWrap .slideWrap ul li .title {position:absolute;top:1rem;left:1rem;font-size:1.3rem;line-height:1.8rem;font-weight:700;}
.benefitWrap .slideWrap ul li p {position:absolute;bottom:1rem;left:1rem;font-size:0.6rem;line-height:1rem;}
.benefitWrap .slideWrap ul li .icon {top:4.8rem;width:100%;height:6.3rem;background-position:center center;}
.benefitWrap .slideWrap ul li:nth-of-type(1) .icon {background-image:url("../images/benefit_icon_01.svg");background-size:auto 5.2rem;}
.benefitWrap .slideWrap ul li:nth-of-type(2) .icon {background-image:url("../images/benefit_icon_02.svg");background-size:auto 4.65rem;}
.benefitWrap .slideWrap ul li:nth-of-type(3) .icon {background-image:url("../images/benefit_icon_03.svg");background-size:auto 5.5rem;}
.benefitWrap .slideWrap ul li:nth-of-type(4) .icon {background-image:url("../images/benefit_icon_04.svg");background-size:auto 5rem;}
.benefitWrap .slideWrap ul li:nth-of-type(5) .icon {background-image:url("../images/benefit_icon_05.svg");background-size:auto 5rem;}
.benefitWrap .slideWrap ul li:nth-of-type(6) .icon {background-image:url("../images/benefit_icon_06.svg");background-size:auto 5.4rem;}
.benefitWrap .slideWrap ul li:nth-of-type(7) .icon {background-image:url("../images/benefit_icon_07.svg");background-size:auto 5.7rem;}
.benefitWrap .slideWrap ul li:nth-of-type(8) .icon {background-image:url("../images/benefit_icon_08.svg");background-size:auto 5.2rem;}
.benefitWrap .slideWrap ul li:nth-of-type(9) .icon {background-image:url("../images/benefit_icon_09.svg");background-size:auto 4.6rem;}
.benefitWrap .slideWrap ul li:nth-of-type(10) .icon {background-image:url("../images/benefit_icon_10.svg");background-size:auto 4.1rem;}
.benefitWrap .slideWrap ul li:nth-of-type(11) .icon {background-image:url("../images/benefit_icon_11.svg");background-size:auto 4.8rem;}
.benefitWrap .slideWrap ul li:nth-of-type(12) .icon {background-image:url("../images/benefit_icon_12.svg");background-size:auto 4.8rem;}
.benefitWrap .slideWrap ul li:nth-of-type(13) .icon {background-image:url("../images/benefit_icon_13.svg");background-size:auto 5rem;}
.benefitWrap .slideWrap ul li:nth-of-type(14) .icon {background-image:url("../images/benefit_icon_14.svg");background-size:auto 5.1rem;}
.benefitWrap .slideWrap ul li:nth-of-type(15) .icon {background-image:url("../images/benefit_icon_15.svg");background-size:auto 5.4rem;}
.benefitWrap .slideWrap ul li:nth-of-type(16) .icon {background-image:url("../images/benefit_icon_16.svg");background-size:auto 4.2rem;}
.benefitWrap .slideWrap ul li:nth-of-type(17) .icon {background-image:url("../images/benefit_icon_17.svg");background-size:auto 5.4rem;}
.benefitWrap .slideWrap ul li:nth-of-type(18) .icon {background-image:url("../images/benefit_icon_18.svg");background-size:auto 5.1rem;}
.benefitWrap .slideWrap ul li:nth-of-type(19) .icon {background-image:url("../images/benefit_icon_19.svg");background-size:auto 6.1rem;}
.benefitWrap .slideWrap ul li:nth-of-type(20) .icon {background-image:url("../images/benefit_icon_20.svg");background-size:auto 4.5rem;}
.benefitWrap .slideWrap ul li:nth-of-type(21) .icon {background-image:url("../images/benefit_icon_21.svg");background-size:auto 5.1rem;}
.benefitWrap .slideWrap ul li:nth-of-type(22) .icon {background-image:url("../images/benefit_icon_22.svg");background-size:auto 4.9rem;}
.benefitWrap .slideWrap ul li:nth-of-type(23) .icon {background-image:url("../images/benefit_icon_23.svg");background-size:auto 4.6rem;}
.benefitWrap .slideWrap .pageCount {display:none;}

.faqWrap {padding:7.5rem 0 10rem;counter-reset:count;}
.faqWrap .faqList li {position:relative;}
.faqWrap .faqList li .head:after {content:"";position:absolute;top:0;right:0;height:2.4rem;width:1rem;background:url("../images/faq_arrow.svg") no-repeat right center / 0.8rem  auto;transition:0.3s;}
.faqWrap .faqList li .head {position:relative;padding-right:2.4rem;cursor:pointer;}
.faqWrap .faqList li .head div {display:flex;padding-left:5rem;height:2.4rem;border:solid 1px #fff;border-radius:3rem;background-color:#09246f;align-items:center;font-size:1.2rem;font-weight:700;}
.faqWrap .faqList li .head div:before {content:"Q"counter(count)".";counter-increment:count;position:absolute;top:0.6rem;left:1.8rem;}
.faqWrap .faqList li dd {display:none;padding:1rem 2.4rem 3rem 5rem;font-size:1.2rem;line-height:2rem;color:#9ae328;font-weight:700;}
.faqWrap .faqList li.active dd {display:block;}
.faqWrap .faqList li.active .head:after {transform:rotate(180deg);background-position:left center;}
.faqWrap .faqList li+li {margin-top:0.8rem;}
.faqWrap .comment {margin:1rem 0 0 2rem;font-size:0.8rem;font-weight:500;color:#9ae328;}
.faqWrap .link__area {margin-top:2.5rem;text-align:center;}
.faqWrap .link__area .link_apply {width:33rem;height:10.3rem;background:url("../images/bot_link_box.png") no-repeat 0 0 / auto 10.3rem;font-size:2rem;color:#fff;font-weight:700;}

@media (max-width:1000px) {
    html {font-size:16px;}
}

@media (max-width:600px) {
    .pcVer {display:none;}
    .mVer {display:flex;}

    html {font-size:20px;}
    #wrap {background-image:url("../images/bg_m.png");}
    .innerWrap {width:100%;padding:0 1.5rem;}

    header .innerWrap {padding-right:6rem;}
    header .logo {width:4.3rem;background-size:4.3rem auto;background-position:0 1.4rem;}
    header nav ul li {font-size:0.9rem;}
    header nav ul li+li {margin-left:1rem;}
    header .link_apply {right:1.5rem;font-size:0.9rem;}

    footer {height:auto;padding:30px 0 10px 0;}
    footer .footer__logo {flex-flow:wrap row;}
    footer .footer__logo li {width:50%;margin-bottom:20px;}
    footer .footer__logo li:nth-of-type(3) {background-position:1rem center;}
    footer .footer__logo li:nth-of-type(3) a {padding-left:5rem;}
    footer .footer__logo li:nth-of-type(4) {background-position:-1rem center;}
    footer .footer__logo li:nth-of-type(4) a,
    footer .footer__logo li:nth-of-type(2) a {padding-left:6rem;}

    .headingWrap {padding:0;}
    /* .headingWrap .heading__title {position:absolute;top:6.8rem;left:0;;width:100%;height:14rem;background-size:auto 11rem;background-position:center 0;z-index:10;}
    .headingWrap .keyvisualAni {zoom:0.95;top:20rem;left:2.2rem;width:27.8rem;height:31.6rem;background-size:auto 31.6rem;} */
    .headingWrap .heading__title {position:absolute;top:6.8rem;left:0;;width:100%;height:14rem;background-size:auto 14rem;background-position:center 0;z-index:10;}
    .headingWrap .keyvisualAni {top:21rem;left:4.1rem;width:456px;height:506px;background-size:auto 506px;}
    .headingWrap .drop {width:456px;height:506px;background-size:auto 506px;}
    .headingWrap .title {width:146px;height:188px;background-size:auto 188px;left:48%;}
    .headingWrap .icon {background-size:auto 506px;}
    .headingWrap .link_apply {position:absolute;top:41.3rem;left:4.4rem;;width:364px;height:160px;background-size:auto 160px;;z-index:10;}
    .headingWrap .movieFrame {top:54.5rem;}

    h2.title {font-size:34px;}

    .recruitInfoWrap dl dt,
    .recruitInfoWrap dl dd {font-size:22px;line-height:36px;}

    .tabUI li {width:85px;height:55px;border-radius:10px;font-size:14px;line-height:18px;font-weight:500;align-content:center;}
    [class*="TabContainer"] {margin-top:30px;}

    .table thead th {font-size:16px;}
    .table tbody th strong {font-size:20px;line-height:30px;}
    .table tbody th .link {width:5rem;height:3rem;padding:0 5px;font-size:16px;line-height:1.2rem;}
    .table tbody td {font-size:15px;}

    .bulList li {padding-left:12px;font-size:16px;line-height:26px;}

    .jDWrap .event__box {padding:60px 0 0 60px;margin-left:-10px;width:28.2rem;height:16.4rem;background-size:auto 16.4rem;}
    .jDWrap .event__box dl {font-size:32px;line-height:38px;}
    .jDWrap .event__box dl dt {margin-bottom:10px;}
    .jDWrap .event__box .link {margin-top:15px;width:194px;height:50px;font-size:28px;}

    .jobInfoWrap .jobInfoTab li {width:102px;}
    .jobInfoSubTabUI li {font-size:16px;width:168px;}
    .jobInfoSubTabUI li:not(:nth-of-type(4n)) {margin-right:0;}
    .jobInfoSubTabUI li:not(:nth-of-type(3n)) {margin-right:18px;}

    .jobInfoWrap .jobInfoSubTabContent ul li {font-size:20px;line-height:30px;}
    .jobInfoWrap .jobInfoSubTabContent ul li+li {margin-top:30px;}

    .benefitWrap .slideWrap ul li {width:11.8rem;}
    .benefitWrap .slideWrap ul li+li {margin-left:0.6rem;}
    .benefitWrap .slideWrap .moveButton {position:relative;top:auto;left:auto;margin-top:20px;text-align:right;}
    .benefitWrap .slideWrap .moveButton .btn {position:relative;width:40px;height:40px;background-size:auto 40px;}
    .benefitWrap .slideWrap .moveButton .btn.left {left:auto;}
    .benefitWrap .slideWrap .moveButton .btn.right {right:auto;margin-left:15px;}
    .benefitWrap .slideWrap .pageCount {position:absolute;display:block;bottom:8px;right:100px;margin-top:20px;text-align:right;}
    .benefitWrap .slideWrap .pageCount strong,
    .benefitWrap .slideWrap .pageCount span {font-size:20px;}

    .faqWrap .faqList li .head div {height:auto;padding:15px 0 15px 5rem;font-size:20px;line-height:28px;}
    .faqWrap .faqList li .head div:before {top:15px;}
    .faqWrap .faqList li dd {font-size:20px;line-height:30px;}
    .faqWrap .comment {line-height:30px;}
    .faqWrap .link__area .link_apply {width:500px;height:156px;background-size:auto 156px;font-size:30px;}
}