/* sec1 */
.pc_br {display: inline;}

.sec1 {position: relative; padding: 128px 0; box-sizing: border-box; background: var(--pr3);}
.sec1 .container {}
.sec1 .txt-box {position: relative; z-index: 2;}
.sec1 .txt-box .tit {margin-bottom: 30px; font-size: 39px; font-weight: 500; line-height: 1.25; letter-spacing: -0.98px; color: #091F5C;}
.sec1 .txt-box .tit b {font-size: 41px; font-weight: 800; letter-spacing: -1.03px;}
.sec1 .txt-box .sub {margin-bottom: 30px; font-size: 19px; font-weight: 500; line-height: 1.19; letter-spacing: -0.48px; color: #091F5C;}
.sec1 .txt-box .sub b {font-size: 26px; font-weight: 800; letter-spacing: -0.65px;}
.sec1 .txt-box .sub span {font-size: 28px; font-weight: 800; letter-spacing: -0.7px; color: var(--pr2);}
.sec1 .txt-box .txt {font-size: 17.5px; font-weight: 500; line-height: 1.41; letter-spacing: -0.44px; color: #231815;}

.sec1 .img-box {display: flex; align-items: center; position: absolute; top: 50%; right: 0; transform: translateY(-50%); height: 100%;}
.sec1 .img-box img {width: 415px; height: 100%; object-fit: cover;}
.sec1 .img-box img:last-of-type {margin-left: -94px;}

/* sec2 */
.sec2 {background: var(--wt);}
.tit-box {margin-bottom: 40px; text-align: center;}
.tit-box.tit-box2 {margin-top: 96px;}
.tit-box .icon {width: 48px; height: auto; margin: 0 auto 13px;}
.tit-box .icon img {animation: vibrate-1 2s linear infinite both; width: 100%; height: auto;}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
.tit-box .tit {font-size: 32px; font-weight: 700; line-height: 1.53; letter-spacing: -0.81px; color: #091F5C;}
.tit-box .sub {margin-top: 83px; font-size: 24px; font-weight: 600; color: #231F20;}
.tit-box .sub2 {margin-top: 10px; font-size: 18px; font-weight: 400; line-height: 1.4; color: var(--black);}
.tit-box .sub span {display: block; margin-top: 12px; font-size: 22px; font-weight: 600; color: #231F20;}
.tit-box .gauge_bar {position: relative; width: 223px; height: 6.5px; margin: 0 auto; margin-top: 12px; background: #c0d7e7; border-radius: 10px; overflow: hidden;}
.tit-box .gauge_bar2 {width: 321px;}
.tit-box .gauge_bar:before {position: absolute; top: 0; left: 0; content: ''; display: block; width: 0%; height: 100%; background: #091F5C; z-index: 2;}
.tit-box .gauge_bar.wt:before {background: var(--wt) !important;}
.tit-box .gauge_bar.p1:before {width: 100%;}
.tit-box .gauge_bar.p2:before {width: 100%;}
.tit-box .gauge_bar.p3:before {width: 100%;}
.tit-box .gauge_bar.p4:before {width: 100%;}
.tit-box .gauge_bar.p5:before {width: 100%;}
.tit-box .gauge_bar.p6:before {width: 100%;}
.tit-box.tit-box2 {margin-top: 114px;}
/* sub-box */
.sub-box {width: 100%; height: auto; margin-bottom: 40px; text-align: center;}
.sub-box .icon {width: 56px; height: auto; margin: 0 auto 14px;}
.sub-box .icon img {width: 100%; height: auto;}
.sub-box .txt {font-size: 22px; font-weight: 600; line-height: 1.55; letter-spacing: -0.97px; color: var(--pr2);}
/* //sub-box */

/* table-area */
.table-area {width: 840px; height: auto; margin: 40px auto 0;}
.table-area .th {display: flex; align-items: center; justify-content: space-between; padding: 16px 20px 18px; margin-bottom: 7.8px; background: var(--pr2); box-sizing: border-box;}
.table-area .th p {width: calc(100% / 6); font-size: 20px; font-weight: bold; line-height: 1.53; letter-spacing: -0.91px; color: var(--wt); text-align: center;}
.table-area .th p:nth-child(1) {width: 152px;}
.table-area .th p:nth-child(5) {width: 186px;}
.table-area ul {width: 100%; height: auto; background: var(--wt);}
.table-area ul:last-of-type {margin-bottom: 0;}
.table-area ul li {width: 100%; height: auto;}
.table-area ul li .tr {display: flex; align-items: center; justify-content: space-between; padding: 16px 20px 18px; border-bottom: 1px solid var(--pr); box-sizing: border-box; text-align: center;}
.table-area ul:first-of-type li .tr {border-top: 1px solid var(--pr2);}
.table-area ul li .tr .td {width: calc(100% / 6); text-align: center; font-size: 19px; font-weight: 600; line-height: 1.63; letter-spacing: -0.86px;}
.table-area ul.dd li .tr .td {color: var(--pr);}
.table-area ul.wt li .tr .td {color: var(--pr);}
.table-area ul li .tr .td:nth-child(1) {width: 152px;}
.table-area ul li .tr .td:nth-child(5) {width: 186px;}

/* table */
.table-area table {width: 100%; height: auto;}
.table-area table th {height: 61px; vertical-align: middle; background: var(--pr2); font-size: 20px; font-weight: bold; line-height: 1.53; letter-spacing: -0.91px; color: var(--wt);}
.table-area table th:nth-child(1) {width: 162px;}
.table-area table th:nth-child(2) {width: 166px;}
.table-area table th:nth-child(3) {width: 115px;}
.table-area table th:nth-child(4) {max-width: 288px;}
.table-area table th:nth-child(5) {width: 143px;}
.table-area table tr.none th {height: 7px; background: var(--wt);}
.table-area table td {padding: 20px 0; border: 1px solid var(--pr_32); box-sizing: border-box; text-align: center; vertical-align: middle; font-size: 20px; font-weight: bold; line-height: 1.53; letter-spacing: -0.91px; color: var(--pr_32);}

/* sec3 */
.sec2 {background: #EEEEEE;}
.sec3 {background: var(--pr_f4);}

/* process-area */
.process-wrap {padding: 48px 76px; background: transparent; border-radius: 55px; box-sizing: border-box;}
.process-area {width: 100%; height: auto; margin-bottom: 45px;}
.process-area .tit {display: inline-flex; align-items: center; gap: 10px; justify-content: center; width: 146px; height: 40px; box-sizing: border-box; border-radius: 20px; background: #091F5C; font-size: 22px; font-weight: bold; line-height: 1; letter-spacing: -0.56px; color: var(--wt);}
.process-area .tit span {font-size: 10px;}
.process-area .dl-box {margin-left: 15px; display: flex; flex-flow: column; gap: 8px; width: 100%; height: auto; margin-top: 15px;}
.process-area .dl-box dl {display: flex; align-items: center; gap: 8px;}
.process-area .dl-box.dl-box2 dl {align-items: baseline;}
.process-area .dl-box dl dt {}
.process-area .dl-box dl dt span {display: block; width: 4.4px; height: 4.4px; margin-bottom: 4px; background: var(--pr2); border-radius: 100%;}
.process-area .dl-box dl dt img {width: 19px; height: auto;}
.process-area .dl-box dl dd {font-size: 21px; font-weight: 500; line-height: 1.61; letter-spacing: -0.53px; color: var(--black);}
.process-area .dl-box.dl-box2 dl dd {font-size: 18px; font-weight: 500; line-height: 1.3; letter-spacing: -0.46px; color: var(--black);}
.process-area .description {margin-left: 15px; margin-top: 12px; font-size: 14px; font-weight: 500; line-height: 1.66; letter-spacing: -0.37px; color: var(--gray_9);}

.img-list {width: 100%; height: auto; margin-bottom: 85px;}
.img-list ul {display: flex; align-items: flex-start; justify-content: space-between;}
.img-list ul li.arrow {display: flex; align-items: center; height: 99px;}
.img-list ul li.arrow img {width: 22px; height: auto;}
.img-list ul li .child-box {text-align: center;}
.img-list ul li .child-box .img-box {width: 99px; height: auto; margin-bottom: 12px;}
.img-list ul li .child-box .img-box img {width: 100%; height: auto;}
.img-list ul li .child-box .num {display: none; align-items: center; justify-content: center; width: 57px; height: 19px; margin: 12px auto 5px; border-radius: 20px; background: var(--pr2); font-size: 11px; font-weight: 600; line-height: 1.2; letter-spacing: -0.06px; color: var(--wt);}
.img-list ul li .child-box .tit {margin-bottom: 4px; font-size: 17px; font-weight: 800; line-height: 1.2; letter-spacing: -0.44px; color: var(--pr_004);}
.img-list ul li .child-box .date {font-size: 14px; font-weight: 400; line-height: 1.55; color: var(--black);}

/* sec4_content */
.sec4_content {width: 100%; height: auto;}
.sec4_content .dl-box {display: flex; flex-flow: column; gap: 8px; width: 100%; height: auto; margin-bottom: 56px;}
.sec4_content .dl-box dl {display: flex; align-items: center; gap: 8.5px;}
.sec4_content .dl-box dl dt {}
.sec4_content .dl-box dl dt img {width: 19px; height: auto;}
.sec4_content .dl-box dl dd {font-size: 21px; font-weight: 500; line-height: 1.61; letter-spacing: -0.53px; color: var(--black);}

.sec4_content .list-item {width: 100%; height: auto;}
.sec4_content .list-item ul {}
.sec4_content .list-item ul li {}
.sec4_content .list-item ul li .child-box {padding-bottom: 43px;}
.sec4_content .list-item ul li .child-box .tit {display: flex; align-items: center; justify-content: center; gap: 28px; padding-bottom: 48px; font-size: 32px; font-weight: bold; line-height: 1.53; letter-spacing: 0.81px; color: #2656A6; white-space: nowrap;}
.sec4_content .list-item ul li .child-box .tit:before {content: ''; display: block; width: 100%; height: 1px; background: #2656A6;}
.sec4_content .list-item ul li .child-box .tit:after {content: ''; display: block; width: 100%; height: 1px; background: #2656A6;}
.sec4_content .list-item ul li .child-box .items {display: flex; align-items: flex-start; justify-content: center; gap: 62px;}
.sec4_content .list-item ul li .child-box .items .items-box {width: calc(100% / 5); transition: all .3s;}
.sec4_content .list-item ul li:last-of-type .child-box .items .items-box {width: calc(100% / 6);}
.sec4_content .list-item ul li .child-box .items .items-box .img-box {width: auto; height: 57px; text-align: center; margin-bottom: 12px;}
.sec4_content .list-item ul li .child-box .items .items-box .img-box img {width: auto; height: 100%;}
.sec4_content .list-item ul li .items-box:hover {transform: scale(1.2);}
.sec4_content .list-item ul li .child-box .items .items-box .txt {text-align: center; font-size: 15px; font-weight: 500; line-height: 1.25; letter-spacing: -0.08px; color: var(--black);}


/* sec5 */
.sec5 {background: #A4D0FF; overflow: hidden;}
.sec5 .container3 {max-width: 1410px;}

/* slider */
.slider {width: 100%;}
.slider .slick-track {display: flex; align-items: center;}
.slider ul {}
.slider ul .slick-list li {position: relative; z-index: -1; height: 357px; transform: scaleY(0.8); transition: all .3s;}
.slider ul .slick-list li:not(.slick-center):before {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: var(--wt); opacity: .6;}
.slider ul .slick-list li .child-box {height: 100%;}
.slider ul .slick-list li.slick-center {transform: scale(1) scaleX(1); transition: all .3s; z-index: 2;}
.slider ul .slick-list li.slick-center .child-box iframe {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 633px;}
.slider ul .slick-list li.slick-center .child-box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 633px;}
.slider ul .slick-list li iframe {width: 100%; height: 100%;}
.slider ul .slick-list li img {width: 100%; height: 100%;}

.slider .slick-dots {display: flex; align-items: center; justify-content: center; gap: 15px; margin-top: 32.6px;}
.slider .slick-dots li {width: 18px; height: auto; aspect-ratio: 5/5; border-radius: 100%; background: #5a7080;}
.slider .slick-dots li button {display: none;}
.slider .slick-dots li.slick-active {background: var(--wt);}

/* iframe_popup */
.iframe_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 9999;}
.iframe_popup .close_btn {position: absolute; top: 20px; right: 20px; width: 50px; height: auto; padding: 15px; background: var(--wt); border-radius: 100%;}
.iframe_popup .close_btn img {width: 100%; height: auto;}
.iframe_popup ul {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.iframe_popup ul li {max-width: 800px; width: 100%; height: auto; aspect-ratio: 16/9;}
.iframe_popup ul li .child-box {width: 100%; height: 100%;}
.iframe_popup ul li .child-box iframe {width: 100%; height: 100%;}

/* slick-arrow */
.slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; text-indent: -9999px;}
.slick-arrow.slick-prev {left: 169px; width: 88.5px; height: auto; aspect-ratio: 5/5; background: url(./../img/arrow_left.png)no-repeat 50% 50%; background-size: cover;}
.slick-arrow.slick-next {right: 169px; width: 88.5px; height: auto; aspect-ratio: 5/5; background: url(./../img/arrow_right.png)no-repeat 50% 50%; background-size: cover;}

/* last-item */
.last-item {width: 100%; height: auto; margin-top: 7px;}
.last-item ul {display: flex; align-items: center; justify-content: center; gap: 105px;}
.last-item ul li {}
.last-item ul li .child-box {}
.last-item ul li .child-box .txt {font-size: 33px; font-weight: bold; line-height: 1.29; letter-spacing: -0.83px; color: var(--pr2);}
.last-item ul li .child-box .txt span {color: #2656A6;}
.last-item ul li .child-box .link-btn {animation: heartbeat 1.5s ease-in-out infinite both; display: flex; align-items: center; justify-content: center; width: 317px; height: 65px; border-radius: 32px; background: #2656A6; margin-top: 30px; font-size: 44.8px; font-weight: bold; line-height: 1.29; letter-spacing: -1.12px; color: var(--wt);}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.last-item ul li .img-box {width: 313px; height: auto;}
.last-item ul li .img-box img {animation: bounce-top 3s linear alternate-reverse infinite; width: 100%; height: auto;}

/* footer */
footer {width: 100%; height: auto; padding: 48px 0; box-sizing: border-box; background: var(--pr2);}
footer .container {display: flex; align-items: center; justify-content: space-between;}
footer .container .f-logo {width: 211px; height: auto;}
footer .container .f-logo img {width: 100%; height: auto;}
footer .container .sns-area {display: flex; align-items: center; margin-top: 77px;}
footer .container .sns-area img {width: 48px; height: auto;}
footer .container .sns-area a:nth-child(1) img {width: 42px;}


/* tit-icon */
.tit-icon {width: 100%; height: auto;}
.tit-icon ul {display: flex; align-items: center; justify-content: center; gap: 15px;}
.tit-icon ul li {}
.tit-icon ul .icon-box {width: 117px; height: auto;}
.tit-icon ul .icon-box img {width: 100%; height: auto;}

.tit-icon ul .point {display: flex; align-items: center; justify-content: center; gap: 15px;}
.tit-icon ul .point span {width: 10px; height: auto; aspect-ratio: 5/5; border-radius: 100%;}

/* bg */
.tit-icon ul .point span.span_01 {animation: bg1 1s linear alternate infinite;}
@keyframes bg1 {
  0% {background: #303068;}
  50% {background: #FFDF75;}
  100% {background: #FF6769;}
}
.tit-icon ul .point span.span_02 {animation: bg2 1s linear alternate infinite;}
@keyframes bg2 {
  0% {background: #FFDF75;}
  50% {background: #303068;}
  100% {background: #FF6769;}
}
.tit-icon ul .point span.span_03 {animation: bg3 1s linear alternate infinite;}
@keyframes bg3 {
  0% {background: #FF6769;}
  50% {background: #FFDF75;}
  100% {background: #303068;}
}

/* sec2_txt */
.sec2_txt {margin-top: 27px; font-size: 32px; font-weight: 500; line-height: 1.42; letter-spacing: -1.42px; color: var(--span_01); text-align: center;}
.sec2_txt b{font-weight: 800;}

/* schedule */
.schedule {width: 100%; height: auto; margin-top: 60px;}
.schedule .tit {display: flex; align-items: center; justify-content: center; gap: 20px; font-size: 38px; font-weight: 800; line-height: 1.23; letter-spacing: -1.17px; color: var(--pr);}
.schedule .tit:before {content: ''; width: 256px; height: 1px; background: var(--pr);}
.schedule .tit:after {content: ''; width: 256px; height: 1px; background: var(--pr);}
.schedule .date {display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 36px; font-size: 48px; font-weight: bold; line-height: 1.42; letter-spacing: -2.16px; color: var(--span_01);}
.schedule .date span {display: flex; align-items: center; justify-content: center; width: 50px; height: auto; aspect-ratio: 5/5; font-size: 34px; font-weight: bold; line-height: 1.4; letter-spacing: -1.52px; color: var(--wt); background: var(--pr); border-radius: 100%;}
.schedule .box {display: flex; align-items: center; justify-content: center; width: 466px; height: 57px; margin: 61px auto 0; border-radius: 30px; background: var(--pr); font-size: 32px; font-weight: bold; line-height: 1.51; letter-spacing: -0.8px; color: var(--wt);}

/* recruitment-item */
.recruitment-item {max-width: 840px; width: 100%; height: auto; margin: 0 auto; margin-top: 100px;}
.recruitment-item ul {display: flex; align-items: center; gap: 45px 0; flex-wrap: wrap; margin: 0 -6px;}
.recruitment-item ul li {position: relative; width: calc(100% / 4); padding: 0 6px; box-sizing: border-box; cursor: pointer; transition: all .3s;}
/* .recruitment-item ul li:hover {transform: scale(1.2); transition: all .3s; z-index: 2;} */
.recruitment-item ul li .child-box {position: relative; height: 253px; padding: 24px 21px; border: 1px solid var(--pr); border-radius: 0 20px 20px 20px; box-sizing: border-box; background: var(--wt);}
.recruitment-item ul li .detail-box {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 17px 21px; z-index: 2; background: var(--wt); border-radius: 0 20px 20px 20px; box-sizing: border-box; transition: all .3s;}
.recruitment-item ul li .detail-box.on {opacity: 1;}
.recruitment-item ul li .detail-box {background: var(--pr_32);}
.recruitment-item ul li.box02 .child-box .detail-box {background: var(--box2) !important;;}
.recruitment-item ul li.box03 .child-box .detail-box {background: var(--box3) !important;;}
.recruitment-item ul li.box04 .child-box .detail-box {background: var(--box4) !important;;}
.recruitment-item ul li.box05 .child-box .detail-box {background: var(--box5) !important;;}
.recruitment-item ul li .detail-box .tit {margin-bottom: 16px; font-size: 30px; font-weight: 800; line-height: 1.85; letter-spacing: -1.53px; color: var(--wt) !important;}
.recruitment-item ul li .detail-box .dl-box {width: 100%; height: auto; margin-top: 10px;}
.recruitment-item ul li .detail-box .dl-box dl {display: flex; align-items: baseline; gap: 6px; margin-bottom: 10px;}
.recruitment-item ul li .detail-box .dl-box dl dt {}
.recruitment-item ul li .detail-box .dl-box dl dt span {display: flex; align-items: center; justify-content: center; width: 45px; height: 14px; background: var(--wt); font-size: 9px; font-weight: 800; color: var(--pr_32); border-radius: 30px; box-sizing: border-box;}
.recruitment-item ul li.box02 .detail-box .dl-box dl dt span {color: var(--box2);}
.recruitment-item ul li.box03 .detail-box .dl-box dl dt span {color: var(--box3);}
.recruitment-item ul li.box04 .detail-box .dl-box dl dt span {color: var(--box4);}
.recruitment-item ul li.box05 .detail-box .dl-box dl dt span {color: var(--box5);}
.recruitment-item ul li .detail-box .dl-box dl dd {font-size: 14px; font-weight: bold; color: var(--wt); line-height: 1.2;}

.recruitment-item ul li .detail-box .dl-box.over dl {margin-bottom: 7px !important;}
.recruitment-item ul li .detail-box .dl-box.over dl dd {font-size: 13px;}

.recruitment-item ul li .child-box2:before {display: none !important;}
.recruitment-item ul li .child-box:before {position: absolute; top: -20px; left: 0; content: ''; display: block; width: calc(100% - 30px);height: 107px; border-radius: 20px; border: 1px solid var(--pr_32); background: var(--pr_32); box-sizing: border-box; z-index: -1;}
.recruitment-item ul li.box02 .child-box {border-color: var(--box2) !important;}
.recruitment-item ul li.box02 .child-box:before {border: 1px solid var(--box2) !important; background: var(--box2) !important;}
.recruitment-item ul li.box03 .child-box {border-color: var(--box3) !important;}
.recruitment-item ul li.box03 .child-box:before {border: 1px solid var(--box3) !important; background: var(--box3) !important;}
.recruitment-item ul li.box04 .child-box {border-color: var(--box4) !important;}
.recruitment-item ul li.box04 .child-box:before {border: 1px solid var(--box4) !important; background: var(--box4) !important;}
.recruitment-item ul li.box05 .child-box {border-color: var(--box5) !important;}
.recruitment-item ul li.box05 .child-box:before {border: 1px solid var(--box5) !important; background: var(--box5) !important;}
.recruitment-item ul li.on .child-box:before {background: var(--wt) !important;}
.recruitment-item ul li .child-box .tit {margin-bottom: 2.5px; font-size: 34px; font-weight: 800; line-height: 1; letter-spacing: -1.53px; color: var(--pr_32);}
.recruitment-item ul li.box02 .child-box > .tit {color: var(--box2) !important;}
.recruitment-item ul li.box02 .child-box .sub {color: var(--box2) !important;}
.recruitment-item ul li.box03 .child-box > .tit {color: var(--box3) !important;}
.recruitment-item ul li.box03 .child-box .sub {color: var(--box3) !important;}
.recruitment-item ul li.box04 .child-box > .tit {color: var(--box4) !important;}
.recruitment-item ul li.box04 .child-box .sub {color: var(--box4) !important;}
.recruitment-item ul li.box05 .child-box > .tit {color: var(--box5) !important;}
.recruitment-item ul li.box05 .child-box .sub {color: var(--box5) !important;}
.recruitment-item ul li .child-box .sub {font-size: 22.6px; font-weight: bold; line-height: 1.53; letter-spacing: -1.02px; color: var(--pr_32);}
.recruitment-item ul li .child-box .detail-btn {position: absolute; bottom: 25px; right: 23px; display: flex; align-items: center; justify-content: flex-end; gap: 9.5px; width: 100%; font-size: 15px; font-weight: 400; line-height: 1.28; letter-spacing: -0.69px; color: var(--pr_32);}
.recruitment-item ul li .child-box .detail-btn img {width: 32px; height: auto;}

/* fixed-btn */
.fixed-btn {position: fixed; top: 50%; right: 20px; transform: translateY(-50%); width: 130px; height: auto; z-index: 5;}
.fixed-btn img {width: 100%; height: auto; border-radius: 70px;}

/* recruitment-description */
.recruitment-description {margin-top: 70px; font-size: 19px; font-weight: 400; line-height: 1.55; letter-spacing: -0.83px; color: #333;}
.recruitment-description span {color: var(--pr);}

/* popup */
.dim {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 10; display: none;}
.popup {position: fixed; top: 20px; left: 20px; z-index: 9999; border: 1px solid #dcdcdc; border-radius: 20px; overflow: hidden;}
.popup .img-box {width: 400px; height: auto; aspect-ratio: 5/5; background-color: #091F5C;}
.popup .img-box img {width: 100%; height: auto;}
/* .popup .close {position: absolute; top: 20px; right: 20px; width: 20px; height: auto; cursor: pointer;} */
.popup-btns {display: flex; align-items: center; justify-content: center; width: 100%; height: auto; border-top: 1px solid #dcdcdc; box-sizing: border-box;}
.popup-btns button {display: flex; align-items: center; justify-content: center; width: calc(100% / 2); padding: 20px 0; box-sizing: border-box; background: #f5f5f5; border-right: 1px solid #dcdcdc; font-size: 15px; font-weight: 500; color: var(--black); cursor: pointer;}
.popup-btns button:last-of-type {border: none;}

/* timetable */
.timetable {width: 100%; height: auto;}
.timetable ul {display: flex; flex-flow: column; gap: 12px;}
.timetable ul .th {width: 100%; height: auto;}
.timetable ul .th .child-box {display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 72px; border-radius: 36px; background: var(--yellow);}
.timetable ul .th .child-box p {text-align: center; font-size: 32px; font-weight: bold; line-height: 1; color: #091F5C;}
.timetable ul .th .child-box p:nth-of-type(1) {min-width: calc(100% / 5); }
.timetable ul .th .child-box p:nth-of-type(2) {min-width: calc(100% / 8); }
.timetable ul .th .child-box p:nth-of-type(3) {min-width: calc(100% / 6); }
.timetable ul .th .child-box p:nth-of-type(4) {min-width: calc(100% / 5); }
.timetable ul .th .child-box p:nth-of-type(5) {width: 100%; padding: 0 10px; white-space: nowrap; box-sizing: border-box;}

.timetable ul .td .child-box {display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 72px; border-radius: 36px; background: var(--wt);}
.timetable ul .td .child-box p {min-width: calc(100% / 6); width: calc(100% / 5); text-align: center; font-size: 29px; font-weight: bold; line-height: 1; color: #231F20;}
.timetable ul .td .child-box p:nth-of-type(1) {min-width: calc(100% / 5); color: #264FA6;}
.timetable ul .td .child-box p:nth-of-type(2) {min-width: calc(100% / 8); }
.timetable ul .td .child-box p:nth-of-type(3) {min-width: calc(100% / 6); }
.timetable ul .td .child-box p:nth-of-type(4) {min-width: calc(100% / 5); }
.timetable ul .td .child-box p:nth-of-type(5) {width: 100%; white-space: nowrap; box-sizing: border-box;}

/* sec-category */
.sec-category {width: 100%; height: auto;}
.sec-category ul {display: flex; align-items: center; padding: 2px; background: #264FA6; border-radius: 12px; box-sizing: border-box;}
.sec-category ul li {position: relative; width: calc(100% / 3); box-sizing: border-box; z-index: 1;}
.sec-category ul li button {width: 100%; height: 56px; border-radius: 10px; font-size: 19px; font-weight: 500; color: var(--wt); overflow: initial; cursor: pointer;}
.sec-category ul li.active button {color: #264FA6; background: var(--wt); box-sizing: border-box; border: 1px solid #264FA6;}
.sec-category ul li.active:before {position: absolute; top: -13px; left: -2px; content: ''; display: block; width: 74px; height: 36px; background: #264FA6; border-radius: 12px 12px 0 0; z-index: -1;}

/* cate_item */
.cate_item {display: none; width: 100%; height: auto;}
.cate_item.active {display: block;}
.cate_item ul {display: flex; flex-flow: column; gap: 43px;}
.cate_item ul li {width: 100%; height: auto; padding: 22px 33px 22px 70px; box-sizing: border-box; border: 2px solid #264FA6; border-radius: 16px; background: #ECF2F9; background: var(--wt);}
.cate_item ul li.active {padding: 40px 33px 55px 70px; box-shadow: 3px 3px 14px 2px rgba(38, 79, 166, 0.25); border: 2px solid #001A6D; background: #ECF2F9; border-radius: 32px;}
.cate_item ul li:first-of-type {margin-top: 47px;}
.cate_item ul li .child-box {}
.cate_item ul li .child-box .tit {display: flex; align-items: center; justify-content: space-between; font-size: 21px; font-weight: 600; line-height: 1; color: #004097;}
.cate_item ul li.active .child-box .tit{color: #001A6D;}


.cate_item ul li .child-box .tit span:last-child {display: none;}
.cate_item ul li.active .child-box .tit span:last-child {display: block;}
.cate_item ul li.active .child-box .tit span:first-child {display: none;}

.cate_item ul li .child-box .tit img {width: 19px; height: auto;}
.cate_item ul li .child-box .toggle-item {display: none;}
.cate_item ul li .child-box .toggle-item .d-flex {display: flex; flex-flow: column; gap: 40px; margin-top: 41px;}
.cate_item ul li .child-box .toggle-item dl {display: flex;}
.cate_item ul li .child-box .toggle-item dt {position: relative; min-width: 172px; width: auto; padding-left: 19px; font-size: 19px; font-weight: 600; line-height: 1; color: #264FA6;}
.cate_item ul li .child-box .toggle-item dt:before {position: absolute; top: -6px; left: 0;  content: ''; display: block; width: 7px; height: 33px; background: #264FA6; border-radius: 15px;}
.cate_item ul li .child-box .toggle-item dt span {}
.cate_item ul li .child-box .toggle-item dd {font-size: 19px; font-weight: 400; line-height: 1.2; color: #3A3A3A; display: flex; gap: 8px; flex-wrap: wrap;}
.cate_item ul li .child-box .toggle-item dd a {display: flex; align-items: center; justify-content: center; padding: 0 15px; height: 24px; border-radius: 5px; background: var(--yellow); font-size: 16px; font-weight: 600; color: #353535;}

/* description2 */
.description2 {margin-top: 99px; font-size: 18px; font-weight: 500; line-height: 1.5; color: #333333;}

.mo_br {display: none;}

/* calendar_ct */
.calendar_ct {position: relative; width: 100%; height: auto; z-index: 1;}

.calendar_ct .line_box {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; z-index: -1;;}
.calendar_ct .line_box span {width: calc(100% / 5); box-sizing: border-box; height: 100%; border-right: 1px solid #091F5C;}
.calendar_ct .line_box span:first-of-type {border-left: none;}
.calendar_ct .line_box span:last-of-type {border-right: none;}

.calendar_ct ul {width: 100%; height: auto; border-bottom: 1px solid #091F5C;}
.calendar_ct ul .calendar_th {display: flex; align-items: center;}
.calendar_ct ul .calendar_th p {display: flex; align-items: center; justify-content: center; width: calc(100% / 5); height: 73px; border-right: 1px solid var(--wt); box-sizing: border-box; background: #091F5C; font-size: 23px; font-weight: bold; line-height: 1; color: var(--wt);}
.calendar_ct ul .calendar_th p:last-of-type {border-right: 0;}

.calendar_ct ul .calendar_td {display: flex; align-items: center; flex-wrap: wrap; width: 100%; height: auto;}
.calendar_ct ul .calendar_td .calendar_item {width: calc(100% / 5); height: 170px; padding: 23px 21px; box-sizing: border-box; border-bottom: 1px solid #091F5C; text-align: right; cursor: pointer;}
/* .calendar_ct ul .calendar_td .calendar_item:last-of-type {border-bottom: ;} */
.calendar_ct ul .calendar_td .calendar_item .date {font-size: 23px; font-weight: bold; line-height: 1; color: var(--pr);}
.calendar_ct ul .calendar_td .calendar_item .date.date2 {color: #091F5C;}
.calendar_ct ul .calendar_td .calendar_item .calendar_btn {display: flex; flex-flow: column; gap: 6px; align-items: center; justify-content: center; width: 100%; height: auto; padding: 9px 0; box-sizing: border-box; margin-bottom: 6px; overflow: initial; font-size: 21px; font-weight: 600; line-height: 1; color: #091F5C; background: #C5D5F0; border-radius: 5px; cursor: pointer;}
.calendar_ct ul .calendar_td .calendar_item .calendar_btn.box0 {padding: 12px 0;}
.calendar_ct ul .calendar_td .calendar_item .calendar_btn.box0:first-of-type {margin-top: 11px;}
.calendar_ct ul .calendar_td .calendar_item .calendar_btn:last-of-type {margin-bottom: 0;}
.calendar_ct ul .calendar_td .calendar_item .calendar_btn:first-of-type {margin-top: 15px;}
.calendar_ct ul .calendar_td .calendar_item .calendar_btn img {width: 96px; height: auto;}
.calendar_ct ul .calendar_td .calendar_item .calendar_btn2 {font-size: 16px; font-weight: 500; line-height: 1; color: var(--wt); background: var(--pr); border-radius: 9px;}

/* sec_popup_wrap */
.sec_popup_wrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 9999;}
.sec_popup_wrap .sec_popup {width: 100%; height: auto;}
.sec_popup_wrap .sec_popup .popup_item {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 680px; width: 100%; height: auto; padding: 60px 65px 44px; box-sizing: border-box; background: #F1F7FF; border-radius: 40px; transition: all .3s;}
.sec_popup_wrap .sec_popup .popup_item.on {display: block;}
.sec_popup_wrap .sec_popup .popup_item .hd {display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px;}
.sec_popup_wrap .sec_popup .popup_item .hd .popup_logo {width: 191px; height: auto;}
.sec_popup_wrap .sec_popup .popup_item .hd .popup_logo img {width: 100%; height: auto;}
.sec_popup_wrap .sec_popup .popup_item .hd .close_btn {width: 30px; height: auto; cursor: pointer;}
.sec_popup_wrap .sec_popup .popup_item .hd .close_btn img {width: 100%; height: auto;}

.sec_popup_wrap .sec_popup .popup_item .popup_list {width: 100%; height: auto; margin-bottom: 35px;}
.sec_popup_wrap .sec_popup .popup_item .popup_list:last-of-type {margin-bottom: 0;}
.sec_popup_wrap .sec_popup .popup_item .popup_list .tit {display: flex; align-items: center; justify-content: flex-start; width: 313px; height: 48px; padding: 0 24px; margin-bottom: 20px; box-sizing: border-box; border-radius: 24px; background: #091F5C; font-size: 24px; font-weight: bold; line-height: 1; color: var(--wt);}
.sec_popup_wrap .sec_popup .popup_item .dl_box {display: flex; flex-flow: column; gap: 17px; margin-bottom: 34px;}
.sec_popup_wrap .sec_popup .popup_item .dl_box dl {display: flex; align-items: center; gap: 12px;}
.sec_popup_wrap .sec_popup .popup_item .dl_box dl dt {}
.sec_popup_wrap .sec_popup .popup_item .dl_box dl dt span {display: block; width: 5px; height: auto; aspect-ratio: 1; background: #091F5C; border-radius: 100%;}
.sec_popup_wrap .sec_popup .popup_item .dl_box dl dd {font-size: 20px; font-weight: bold; line-height: 1; color: #091F5C;}
.sec_popup_wrap .sec_popup .popup_item .dl_box dl dd span {}

.sec_popup_wrap .sec_popup .share_btn {display: flex; align-items: center; justify-content: center; width: 176px; height: 47px; margin: 70px auto 0; border: 2px solid #091F5C; background: var(--wt); border-radius: 24px; font-size: 21px; font-weight: 500; line-height: 1; color: #091F5C; cursor: pointer;}