@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@500&display=swap');

html{-webkit-text-size-adjust:100%}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,img,small,strong,b,i,dl,dt,dd,ol,ul,li,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,footer,header,section,audio,video{margin:0;padding:0;vertical-align:baseline;background:transparent}
article,aside,footer,header,menu,nav,section{display:block}
ul,ol{list-style:none}
a{margin:0;padding:0;vertical-align:baseline;background:transparent}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;color:inherit}
a:visited{text-decoration:none}
li img{vertical-align:middle}
a:hover .hoverImg{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"}
a:active{text-decoration:none}
h2{font-weight:normal}
input[type=text],input[type=tel],input[type=email],input[type=number],textarea{-webkit-appearance:none;border-radius:0}
fieldset{margin:0;padding:0;border:0}
address{font-style:normal}
img{vertical-align:top}
body{width:100%;min-width:320px;font-size:100%;line-height:1.5;color: #222;font-family: 'YakuHanJP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", 'Meiryo', 'Prompt',sans-serif;}

/* color css */
.color-01{color: #3064D0;}
.color-02{color: #fff;}
.color-03{background: linear-gradient(90deg, #F2F4F8 2.89%, #D8E9F8 100%);}

/* header css */
.header{position:sticky;z-index:1200;height: 100px;display: flex;align-items: center;width: 100%;justify-content: space-between;top: 0;background-color: rgba(255, 255, 255, 0.8);}
.header_logo{overflow:hidden;display:block;width: 360px;height:60px;background:url(../imgs/header_logo.png) no-repeat 0 0;background-size: contain;position: relative;left: 52px;}
.header_logo a{display:block;height:60px}
.header_logo a span{font-size:0;text-indent:-9999px}
.header_menu{display: flex;position: relative;right: 120px;width: 860px;justify-content: space-between;}
.header_menu li a{position:relative;display:inline-block;font-weight:300;color:#000;text-decoration:none;transition:color 0.3s ease;}
.header_menu li a::after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#016cdd;transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;}
.header_menu li a:hover{color:#016cdd;}
.header_menu li a:hover::after{transform:scaleX(1);}

@media print ,screen and (max-width:1500px){
    .header_menu {right: 52px;width: 820px;}
}
@media print ,screen and (max-width:1350px){
    .header_logo {height: 55px;width: 330px;}
    .header_logo a {height: 55px;}
    .header_logo {left: 30px;}
    .header_menu {right: 30px;width: 800px;}
}
@media print ,screen and (max-width:1240px){
    .header_logo {height: 50px;width: 300px;}
    .header_logo a {height: 50px;}
}
@media print ,screen and (max-width:1200px){
    .header {position: static;}
    .header_logo{height:60px;width: 360px;left: 52px;}
    .header_logo a{height:60px}
    .header_menu {display: none;}
}
@media print ,screen and (max-width:1024px){
    .header {height: 85px;}
    .header_logo {height: 52px;width: 312px;left: 30px;}
    .header_logo a {height: 52px;}
}
@media print ,screen and (max-width:767px){
    .header {height: 70px;}
    .header_logo {height: 42px;width: 252px;left: 15px;}
    .header_logo a {height: 42px;}
}


/* visual css */
.mv_main{position: relative;}
.mv_main img{width: 100%;margin-top: -100px;display: block;}
.mv_main_txt {position: absolute;top: 0;z-index: 2;width: 100%;color: #fff;}
.mv_main_txt div {position: absolute;}
.mv_main_txt_1 {font-size: calc(4vw + 20px);font-weight: 500;letter-spacing: 0.1em;font-family: 'Prompt', sans-serif;left: calc(7.98vw);top: calc(8.77vw);text-shadow: 0px 0px 12px #FFF;}
.mv_main_txt_2{font-weight: 600;font-size: calc(2vw + 20px);left: calc(7.98vw);top: calc(28.05vw);text-shadow: 0px 0px 12px #FFF;}
.mv_main_txt_2 div{font-size: 32px;background-color: rgba(48, 100, 208, 0.95);border-radius: 25px;width: 266px;height: 50px;text-align: center;top: -50px;text-shadow: none;}
.mv_main_txt_2 span{font-size: calc(1.05vw + 12px);line-height: .5;}
.mv_main_txt_3{font-weight: 600;font-size: calc(1.68vw + 16px);text-align: right;right: calc(17.59vw);top: calc(37.05vw);letter-spacing: 1.6;line-height: 1.2;text-shadow: 0px 0px 12px rgba(48, 100, 208, 0.95)}
.mv_main_txt_3 span {position: relative;width: calc(11.56vw);height: calc(11.56vw);}
.mv_main_txt_3 span::before,.mv_main_txt_3 span::after {content: "";position: absolute;background-size: contain;background-position: center;background-repeat: no-repeat;}
.mv_main_txt_3 span::before {
background-image: url('../imgs/mv_main_circle.png');z-index: -1;width: calc(11.56vw);height: calc(11.56vw);top: 50%;left: 50%;transform: translate(-25%, -63%);}
.mv_main_txt_3 span::after {background-image: url('../imgs/mv_main_excl.png');z-index: 2;width: calc(2.94vw);height: calc(6.73vw);top: 50%;left: 50%;transform: translate(50%, -70%);}
.mv_main .sp_br{display: none;}

@media print ,screen and (max-width:1200px){
    .mv_main img { margin-top: unset;}
}
@media print ,screen and (max-width:1024px){
    .mv_main_txt_1, .mv_main_txt_2{left: 30px;}
    .mv_main_txt_1{font-weight: 500;font-size: 4.5em;letter-spacing: 7.2px;top: calc((30 / 1024) * 100vw);text-shadow: 0px 0px 12px #FFF;}
    .mv_main_txt_2{font-size: 43px;top: calc((200 / 1024) * 100vw);}
    .mv_main_txt_2 div {font-size: 24px;width: 205px;height: 38px;top: -38px;}
    .mv_main_txt_2 span {font-size: 24px;}
    .mv_main_txt_3 {top: calc((440 / 1024) * 100vw);right: 120px;font-size: 2em;}
}
@media print ,screen and (max-width:960px){
    .mv_main img{min-height: 480px;object-fit: cover;}
    .mv_main_txt_1{top: 0;}
    .mv_main_txt_3{top: calc(( 320 / 767) * 100vw);}
    .mv_main .sp_br{display: block;}
}
@media print ,screen and (max-width:767px){
    .mv_main_txt {height: 100%;}
    .mv_main_txt_1{font-size: calc(8.53vw + 16px);letter-spacing: 4.8px;}
    .mv_main_txt_2{font-size: calc(3.47vw + 16px);top: calc((150 / 767) * 100vw);}
    .mv_main_txt_2 div{font-size: 20px;font-weight: 500;width: 170px;height: 31px;top: -31px;}
    .mv_main_txt_2 span{font-size: 20px;}
    .mv_main_txt_3{top: calc(( 370 / 767) * 100vw);font-size: 28px;right: 80px;top: unset;bottom: 54px;}
    .mv_main_txt_3 span::before {min-width: 88px;min-height: 88px;}
    .mv_main_txt_3 span::after {min-width: 22px;min-height: 51px;}
}
@media print ,screen and (max-width:690px){
    .mv_main_txt_2 div {font-size: 18px;width: 150px;height: 28px;top: -28px;}
    .mv_main_txt_2 span {font-size: 18px;}
    .mv_main_txt_3 {font-size: 24px;}
}
@media print ,screen and (max-width:590px){
    .mv_main_txt_3 {font-size: 22px;}
}
@media print ,screen and (max-width:520px){
    .mv_main_txt_1, .mv_main_txt_2 {left: 15px;}
    .mv_main_txt_2 {top: 103px;}
    .mv_main_txt_2 div {font-size: 16px;width: 133px;height: 25px;top: -25px;}
    .mv_main_txt_2 span {font-size: 16px;}
    .mv_main_txt_3 {font-size: 20px;}
}
@media print ,screen and (max-width:460px){
    .mv_main img{object-position: 60% 0;}
}

/* sub visual css */
.mv_sub{padding: 160px 50px;overflow: hidden;}
.mv_sub_cont{background-color: #fff;border-radius: 100px;max-width: 1200px;max-height: 600px;margin: 0 auto;position: relative;}
.mv_sub_img{position: absolute;display: grid;grid-template-columns: repeat(2, auto);width: 100%;justify-content: space-between;height: 100%;}
.mv_sub_img div{background-repeat: no-repeat;border-radius: 100px;box-shadow: 26px 40px 40px 0px #3064D033;background-size: contain;background-position: 0 0;position: relative;}
.mv_sub_img01{width: 284px;height: 142px;background-image:url(../imgs/mv_sub-1_01.png);top: -20%;left: 35%;}
.mv_sub_img02{width: 304px;height: 152px;background-image:url(../imgs/mv_sub-1_02.png);right: 26%;top: -15%;}
.mv_sub_img03{width: 250px;height: 125px;background-image:url(../imgs/mv_sub-1_03.jpg);left: -11%;}
.mv_sub_img04{width: 304px;height: 152px;background-image:url(../imgs/mv_sub-1_04.png);right: -16%;top: 10%;}
.mv_sub_img05{width: 240px;height: 120px;background-image:url(../imgs/mv_sub-1_05.png);bottom: -70%;left: 60%;}
.mv_sub_img06{width: 220px;height: 110px;background-image:url(../imgs/mv_sub-1_06.png);top: 76%;right: 45%;}
.mv_sub_txt{text-align: center;padding: 70px 0 110px;}
.mv_sub_txt01{background: #FF8C42;border-radius: 27px;width: 400px;height: 54px;font-weight: 600;font-size: 2em;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.mv_sub_txt02{padding: 40px 0 20px;}
.mv_sub_txt02::before,.mv_sub_txt02::after{content: "";position: absolute;background-size: contain;background-position: center;background-repeat: no-repeat;}
.mv_sub_txt02::before{background-image: url('../imgs/mv_sub-2_01.png');top: 50%;left: 50%;transform: translate(-50%, -50%) translateX(-235px);width: 128px;height: 100%;max-height: 117px;}
.mv_sub_txt02::after{background-image: url('../imgs/mv_sub-2_02.png');top: 50%;left: 50%;transform:translate(-50%, -50%) translateX(180px) translateY(-5px) rotate(-2.38deg);width: 156px;height: 100%;max-height: 138px;}
.mv_sub_txt02 p{font-size: calc(0.42vw + 16px);font-weight: 300;line-height: calc(1.47vw + 16px);}
.mv_sub_txt03{font-weight: 600;font-size: calc(0.84vw + 16px);}

@media print ,screen and (max-width:1270px){
    .mv_sub_img01 {top: -30%;}
    .mv_sub_img02 {top: -20%;}
    .mv_sub_txt {padding: 110px 0;}
}
@media print ,screen and (max-width:1200px){
    .mv_sub_img02 {top: -25%;}
    .mv_sub_img03 {left: -17%;}
    .mv_sub_img04 {right: -23%;}
    .mv_sub_txt02::before {transform: translate(-50%, -50%) translateX(-200px);}
    .mv_sub_txt02::after {transform: translate(-50%, -50%) translateX(150px) translateY(-5px) rotate(-2.38deg);}
}
@media print ,screen and (max-width:1100px){
    .mv_sub_img02 {left: -10%;}
    .mv_sub_txt02::before {transform: translate(-50%, -50%) translateX(-185px) translateY(63px);}
    .mv_sub_txt02::after {transform: translate(-50%, -50%) translateX(150px) translateY(70px) rotate(-2.38deg);}
}
@media print ,screen and (max-width:1024px){
    .mv_sub {padding: 120px 50px 180px;}
    .mv_sub_txt02::before {width: 100px;transform: translate(-50%, -50%) translateX(-165px) translateY(55px);}
    .mv_sub_txt02::after {transform: translate(-50%, -50%) translateX(145px) translateY(55px) rotate(-2.38deg);width: 130px;}
    .mv_sub_txt01 {width: 300px;height: 40px;font-size: 1.5em;}
    .mv_sub_txt02 {padding: 30px 0 20px;}
    .mv_sub_txt {padding: 70px 0;}
    .mv_sub_img div{box-shadow: 26px 30px 40px 0px rgba(48, 100, 208, 0.20);}
    .mv_sub_img01 {top: -20%;left: 28%;width: 224px;height: 112px;}
    .mv_sub_img02 {top: -14%;left: 0%;width: 240px;height: 120px;}
    .mv_sub_img03 {left: -17%;width: 200px;height: 100px;}
    .mv_sub_img04 {top: 10%;right: -25%;width: 240px;height: 120px;margin-right: 25%;}
    .mv_sub_img05 {width: 192px;height: 96px;}
    .mv_sub_img06 {width: 176px;height: 88px;}
}
@media print ,screen and (max-width:960px){
    .mv_sub {padding: 120px 30px 180px;}
    .mv_sub_img01 {top: -35%;left: 17%;}
    .mv_sub_img02 {top: -25%;}
}
@media print ,screen and (max-width:850px){
    .mv_sub_txt02::before {transform: translate(-50%, -50%) translateX(-150px) translateY(60px);}
    .mv_sub_txt02::after {transform: translate(-50%, -50%) translateX(125px) translateY(65px) rotate(-2.38deg);}
    .mv_sub_img04 {right: -30%;}
}
@media print ,screen and (max-width:767px){
    .mv_sub_img div{box-shadow: 26px 20px 40px 0px rgba(48, 100, 208, 0.20);}
    .mv_sub_img01 {top: -16%;left: 32%;width: 168px;height: 84px;}
    .mv_sub_img02 {top: -17%;width: 180px;height: 90px;}
    .mv_sub_img03 {width: 150px;height: 75px;top: -6%;}
    .mv_sub_img04 {top: 5%;width: 180px;height: 90px;top: 0;}
    .mv_sub_img05 {width: 144px;height: 72px;}
    .mv_sub_img06 {width: 132px;height: 66px;}
    .mv_sub_txt02::before {width: 76px;transform: translate(-50%, -50%) translateX(-170px) translateY(60px);}
    .mv_sub_txt02::after {width: 100px;transform: translate(-50%, -50%) translateX(154px) translateY(59px) rotate(-2.38deg);}
    .mv_sub_txt01 {width: 250px;height: 35px;font-size: 1.35em;}
    .mv_sub_txt02 {padding: 20px 0;}
    .mv_sub_txt {padding: 70px 46px;}
}
@media print ,screen and (max-width:690px){
    .mv_sub_txt02::before{width: 51px;transform: translate(-50%, -50%) translateX(-130px) translateY(45px);}
    .mv_sub_txt02::after{width: 62px;transform: translate(-50%, -50%) translateX(120px) translateY(45px) rotate(-2.38deg);}
}
@media print ,screen and (max-width:610px){
    .mv_sub {padding: 60px 15px 90px;}
    .mv_sub_txt {padding: 70px 35px 40px;}
    .mv_sub_txt01 {width: 222px;height: 30px;font-size: 1.125em;}
    .mv_sub_img01 {width: 140px; height: 70px;}
    .mv_sub_img02 {width: 150px; height: 75px;}
    .mv_sub_img03 {width: 125px; height: 62.5px;}
    .mv_sub_img04 {width: 150px; height: 75px;}
    .mv_sub_img05 {width: 120px; height: 60px;bottom: -72%;left: 39%;}
    .mv_sub_img06 {width: 110px; height: 55px;top: 79%;right: 5%;}
}
@media print ,screen and (max-width:430px){
    .mv_sub_img01{width: 112px;height: 56px;}
    .mv_sub_img02{width: 120px;height: 60px;}
    .mv_sub_img03{width: 100px;height: 50px;left: -30%;}
    .mv_sub_img04{width: 120px;height: 60px;right: -37%;}
    .mv_sub_img05{width: 96px;height: 48px;}
    .mv_sub_img06{width: 88px;height: 44px;}
}

/* cta_btn css */ 
.cta_btn{background-color: #D4DDF0;display: flex;justify-content: center;align-items: center;gap: 70px;padding: 60px;}
.cta_req, .cta_form{height: 100px;border-radius: 16px;position:relative;display: flex;align-items: center;transition: all 0.3s;}
.cta_req{width: 560px;background: #00B050;}
.cta_req span, .cta_form span{left: 80px;font-size: 1.5em;font-weight: 600;position: absolute;}
.cta_form{width: 570px;background: #FFA500;}
.cta_req::after, .cta_form::after{content: "";position: absolute;background-size: contain;background-position: center;background-repeat: no-repeat;background-image: url('../imgs/cta_btn_arr.png');right: 60px;width: 26px;height: 26px;}
.cta_req:hover, .cta_form:hover{background: #fff;}
.cta_req:hover span{color: #00B050;}
.cta_form:hover span{color: #FFA500;}
.cta_req:hover::after{background-image: url('../imgs/cta_btn_arr02.png');}

@media print ,screen and (max-width:1200px){
    .cta_req::after, .cta_form::after {right: 40px;}
}
@media print ,screen and (max-width:1024px){
    .cta_btn {gap: 40px;}
    .cta_req, .cta_form {height: 80px;}
    .cta_req span, .cta_form span {left: 50px;}
}
@media print ,screen and (max-width:920px){
    .cta_req span, .cta_form span {font-size: 1.25em;}
    .cta_req, .cta_form {height: 70px;}
    .cta_btn {gap: 30px;padding: 45px 30px;}
}
@media print ,screen and (max-width:767px){
    .cta_req span, .cta_form span {font-size: 1em;}
    .cta_req::after, .cta_form::after {width: 14px;height: 14px;}
    .cta_req, .cta_form{width: 100%;height: 62px;}
    .cta_btn {gap: 20px;padding: 30px 15px;flex-direction: column;}
}

/* job css */
.job{background: #3064D0;display: flex;position: relative;height: auto;padding: 0 144px 0 152px;gap: 120px;}
.job_img{position: relative;width: 55%;overflow: hidden;}
.job_img img{height: auto;position: absolute;object-fit: contain;width: 100%;}
.job_txt_wrap{padding: 90px 0 68px;max-width: 655px;width: 45%;}
.job_txt_tit{font-weight: 600;font-size: 4em;}
.job_txt_cont{padding-top: 25px;}
.job_txt_cont div{font-size: 1.5em;font-weight: 600;padding-bottom: 16px;}
.job_txt_cont p{font-size:1.125em;}

@media print ,screen and (max-width:1450px){
    .job {padding: 0 100px;gap: 100px;}
}
@media print ,screen and (max-width:1320px){
    .job {padding: 0 50px;gap: 80px;}
}
@media print ,screen and (max-width:1200px){
    .job {padding: 0 50px;gap: 80px;}
    .job_txt_wrap {padding: 70px 0 55px;}
}
@media print ,screen and (max-width:1024px){
    .job_img {width: 40%;}
    .job_txt_wrap {width: 60%;}
}
@media print ,screen and (max-width:960px){
    .job_txt_wrap {padding: 50px 0 60px;max-width: unset;width: 100%;}
    .job_txt_cont {padding-top: 18px;}
    .job_txt_cont div {padding-bottom: 10px;}
    .job_txt_tit {font-size: 3.25em;}
    .job {flex-direction: column;gap: 0;}
    .job_img {width: 100%;height: 400px;overflow: hidden;}
    .job_img img {top: -140%;}
}
@media print ,screen and (max-width:767px){
    .job_img {height: 280px;}
    .job_txt_wrap {padding: 40px 0 60px;}
    .job_txt_tit {font-size: 2.5em;}
}
@media print ,screen and (max-width:560px){
    .job {padding: 0 35px;}
    .job_img {height: 230px;}
}

/* flow css */
.flow{position: relative;overflow: hidden;}
.flow_img01{background-image: url(../imgs/flow_img01.webp);background-repeat: no-repeat;background-size: contain;background-position: 0 0;width: 100%;height: 100%;position: absolute;top: 140px;z-index: 0;background-blend-mode: overlay;background-color: rgba(255, 255, 255, 0.5);}
.flow_wrap{padding: 210px 0 140px;position: relative;z-index: 1;}
.flow_tit{font-weight: 600;text-align: center;}
.flow_tit div{font-size: 3em;}
.flow_tit p{font-size: 1.25em;line-height: 28px;}
.flow_cont{margin: 102px auto 0;background-color: rgba(255, 255, 255, .9);border-radius: 16px;max-width: 1206px;padding: 80px 122px 100px 112px;display: flex;justify-content: space-between;}
.flow_txt{display: flex;flex-direction: column;justify-content: center;}
.flow_txt_cont{display: flex;}
.flow_txt_cont:last-child{padding-top: 84px;}
.flow_txt_time{background-color: #3064D0;width: 210px;height: 66px;border-radius: 33px;margin-right: 53px;display: flex;justify-content: center;align-items: center;}
.flow_txt_time span{font-weight: 600;font-size: 1.5em;}
.flow_txt_dtl{font-size: 1.125em;}
.flow_txt_dtl p{padding: 23px 0 15px;}
.flow_cont_img div{background-repeat: no-repeat;border-radius: 100px;box-shadow: 8px 8px 0px 0px #3064D0;background-size: contain;background-position: 0 0;position: relative;width: 466px;height: 233px;}
.flow_img02{background-image: url(../imgs/flow_img02.webp);}
.flow_img03{background-image: url(../imgs/flow_img03.webp);margin: 90px 0;}
.flow_img04{background-image: url(../imgs/flow_img04.webp);}

@media print ,screen and (max-width:1550px){
    .flow_cont {margin: 102px 60px;max-width: 1440px;}
    .flow_cont {padding: 80px 80px 100px;}
}
@media print ,screen and (max-width:1400px){
    .flow_cont_img div {width: 400px;height: 200px;}
    .flow_cont_img div {width: 400px;height: 200px;}
    .flow_txt_time span {font-size: 1.3em;}
    .flow_txt_time {width: 190px;height: 56px;margin-right: 45px;}
    .flow_txt_dtl p {padding: 17px 0 12px;}
}
@media print ,screen and (max-width:1300px){
    .flow_cont_img div {width: 330px;height: 165px;}
    .flow_cont {margin: 100px 50px;}
    .flow_cont {padding: 80px 50px 100px;}
}
@media print ,screen and (max-width:1160px){
    .flow_cont {margin: 60px 30px;padding: 80px 35px 100px 50px;}
    .flow_cont_img div {width: 290px;height: 145px;}
}
@media print ,screen and (max-width:1024px){
    .flow_txt_cont {flex-direction: column;}
    .flow_cont {padding: 80px;}
    .flow_txt_dtl p {padding: 12px 0 8px;}
    .flow_txt_time {height: 45px;margin-right: unset;}
    .flow_txt_time {margin-bottom: 17px;}
    .flow_img01 {background-size: cover;background-position: 30% 0;height: 500px;}
}
@media print ,screen and (max-width:960px){
    .flow_cont {padding: 80px 60px  60px;margin: 60px 100px;}
    .flow_cont {flex-direction: column;align-items: center;}
    .flow_txt {width: 100%;}
    .flow_cont_img {margin-top: 32px;}
    .flow_img03 {margin: 30px 0;}
    .flow_wrap {padding: 100px 0 0;}
    .flow_img01 {top: 60px;background-position: 65% 0;height: 350px;}
    .flow_tit p {padding: 10px 15px 0;text-shadow: 0px 0px 12px #FFF;font-size: 18px;line-height: 28px;}
    .flow_tit div {font-size: 2em;}
}
@media print ,screen and (max-width:660px){
    .flow_cont {padding: 40px 40px 60px;margin: 60px;}
}
@media print ,screen and (max-width:530px){
    .flow_cont {padding: 40px 30px 60px;margin: 40px 15px 60px;}
}

/* interview css */
.interview{padding: 140px;}
.interview_tit{font-weight: 600;font-size: 3em;text-align: center;}
.interview p{text-align: center;font-weight: 600;font-size: 1.25em;padding: 34px 0 72px;}
.interview_wrap{display: flex;gap: 40px;}
.interview_txt{padding-top: 40px;font-size: 1.125em;line-height: 26px;}
.interview_txt:hover{text-decoration: underline;}
.interview .sp_br{display: none;}

/* 부모 컨테이너 스타일 */
.interview_cont {
    margin-bottom: 40px;width: 33.3%;  }
  
  /* .interview_vid: 영상 영역을 반응형으로 만들기 */
  .interview_vid {
    position: relative;
    width: 100%;
    max-width: 507px; /* 최대 크기 설정 */
    height: 0;
    padding-bottom: 56.25%; /* 16:9 비율 유지 */
    overflow: hidden;
    border-radius: 16px; /* 모서리 둥글게 처리 */
  }
  
  /* iframe: 영상 크기 설정 */
  .interview_vid iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  /* 텍스트 스타일 */
  .interview_txt {
    padding-top: 20px;
    font-size: 1.125em;
    line-height: 26px;
  }
  
  .interview_txt:hover {
    text-decoration: underline;
  }
  
  /* 반응형 처리: 화면 크기에 맞춰 폰트 크기 조정 */
  @media (max-width: 768px) {
    .interview_txt {
      font-size: 1em; /* 모바일 화면에서 폰트 크기 축소 */
    }
  
    .interview_vid {
      max-width: 100%; /* 화면 크기에 맞게 최대 크기 100%로 설정 */
    }
  }

@media print ,screen and (max-width:1440px){
    .interview {padding: 100px;}
}
@media print ,screen and (max-width:1024px){
    .interview {padding: 60px;}
    .interview p {padding: 20px 0 50px;}
    .interview_tit {font-size: 2.5em;}
}
@media print ,screen and (max-width:960px){
    .interview_txt {padding-top: 16px;font-size: 1em;line-height: 23px;}
    .interview {padding: 60px 30px;}
    .interview_wrap {gap: 20px;}
    .interview_tit{font-size: 2.25em;}
    .interview p {padding: 20px 0 40px;}
}
@media print ,screen and (max-width:767px){
    .interview {padding: 60px 15px;}
    .interview_tit {font-size: 2em;}
    .interview p {font-size: 1.125em;}
    .interview .sp_br{display: block;}
    .interview_wrap {flex-direction: column;align-items: center;gap: 20px;}
    .interview_vid img {max-width: 400px;}
    .interview_cont {display: flex;flex-direction: column;align-items: center;width: 100%;}
    .interview_txt {padding-top: 10px;}
}

/* fit css */
.fit{padding: 170px 0 140px;}
.fit_wrap{position: relative;}
.fit_tit_wrap{display: flex;position: absolute;font-size: 3em;font-weight: 600;    width: 100%;justify-content: center;top: -30px;}
.fit_tit01{color: #FF8C42;padding-right: 5px;}
.fit_tit02{background-color: #FF8C42;width: 270px;height: 80px;border-radius: 40px;color: #fff;position: relative;}
.fit_tit02::after{content: "";position: absolute;background-size: contain;background-repeat: no-repeat;background-image: url('../imgs/fit_tit_dec.png');width: 44px;height: 59px;top: -22%;left: 91%;}
.fit_tit02 span{left: 34px;position: relative;}
.fit_cont_wrap{background-color: rgba(255, 205, 46, 0.1);border-radius: 300px;padding: 150px 200px;max-width: 1200px;margin: 0 auto;display: grid;gap: 60px;}
.fit_cont{display: flex;gap: 20px;justify-content: flex-end;}
.fit_cont:nth-child(2){flex-direction: row-reverse;}
.fit_img{box-shadow: 26px 40px 40px 0px #FFCD2E33;border-radius: 80px;width: 590px;height: 313px;background-repeat: no-repeat;background-size: contain;background-position: 0 0;}
.fit_img01{background-image: url(../imgs/fit_img01.webp);}
.fit_img02{background-image: url(../imgs/fit_img02.webp);}
.fit_img03{background-image: url(../imgs/fit_img03.webp);}
.fit_num{font-family: 'Prompt';font-weight: 400;font-size: 3em;color: #FF8C42;}
.fit_txt_tit{font-weight: 600;font-size: 1.5em;padding: 20px 0;}
.fit_txt_wrap p{max-width: 508px;line-height: 1.625em;}
.fit_cont:first-child .fit_txt_wrap, .fit_cont:last-child .fit_txt_wrap{margin-left: 82px;}
.fit_cont:nth-child(2) .fit_txt_wrap{margin-right: 82px;}
.fit_cont:nth-child(2) .fit_num, .fit_cont:nth-child(2) .fit_txt_tit{text-align: right;}

@media print ,screen and (max-width:1770px){
    .fit_cont_wrap {padding: 150px;}
}
@media print ,screen and (max-width:1600px){
    .fit_cont_wrap {padding: 150px 100px;}
    .fit_img {border-radius: 70px;width: 500px;height: 265px;}
}
@media print ,screen and (max-width:1500px){
    .fit_cont_wrap {margin: 0 50px;}
    .fit_cont {align-items: center;justify-content: center;}
    .fit_img {width: 50%;max-width: 500px;}
    .fit_cont:first-child .fit_txt_wrap, .fit_cont:last-child .fit_txt_wrap {margin-left: unset;position: relative;left: 50px;}
    .fit_cont:nth-child(2) .fit_txt_wrap {margin-right: unset;position: relative;right: 50px;}
}
@media print ,screen and (max-width:1320px){
    .fit_img {max-width: 420px;height: 223px;}
    .fit_txt_wrap p {max-width: 470px;}
    .fit_cont_wrap {border-radius: 200px;padding: 120px 100px;}
}
@media print ,screen and (max-width:1200px){
    .fit_cont:first-child .fit_txt_wrap, .fit_cont:last-child .fit_txt_wrap {left: 25px;}
    .fit_cont:nth-child(2) .fit_txt_wrap {right: 25px;}
    .fit_txt_wrap p {max-width: 450px;}
    .fit_img {width: 100%;max-width: 350px;height: 186px;}
    .fit_cont_wrap {padding: 150px 80px;}
    .fit_cont {justify-content: space-evenly;}
}
@media print ,screen and (max-width:1070px){
    .fit_cont_wrap {margin: 0 30px;padding: 150px 50px;}
}
@media print ,screen and (max-width:1024px){
    .fit {padding: 120px 0;}
    .fit_cont {flex-direction: column;}
    .fit_cont:nth-child(2) {flex-direction: column;}
    .fit_img {max-width: 450px;height: 239px;}
    .fit_txt_wrap p {max-width: 700px;}
    .fit_cont_wrap {justify-items: center;padding: 100px 30px 40px;}
    .fit_cont:first-child .fit_txt_wrap, .fit_cont:last-child .fit_txt_wrap {left: unset;}
    .fit_cont:nth-child(2) .fit_txt_wrap {right: unset;}
    .fit_cont:nth-child(2) .fit_num, .fit_cont:nth-child(2) .fit_txt_tit {text-align: unset;}
    .fit_tit_wrap {font-size: 2.5em;}
    .fit_tit02 {width: 208px;height: 65px;}
    .fit_tit02 span {left: 22px;}
    .fit_tit02::after {width: 30px;height: 38px;}
}
@media print ,screen and (max-width:767px){
    .fit {padding: 80px 0;}
    .fit_cont_wrap {margin: 0 15px;border-radius: 150px;border-radius: 160px;}
    .fit_tit_wrap {font-size: 2.25em;}
    .fit_tit02 {width: 181px;height: 56px;}
    .fit_tit02 span {left: 18px;}
    .fit_cont_wrap {padding: 80px 30px;border-radius: 110px;}
    .fit_cont {gap: 40px;}
    .fit_txt_tit {padding: 10px 0;}
}
@media print ,screen and (max-width:600px){
    .fit_cont_wrap {border-radius: 60px;}
    .fit_img {max-width: unset;height: auto;aspect-ratio: 590 / 313;}
    .fit_tit_wrap {flex-direction: column;align-items: center;gap: 8px;}
    .fit_cont_wrap {padding: 145px 30px 40px;}
    .fit_tit02 {width: 215px;height: 61px;}
    .fit_tit02 span {left: 37px;}
    .fit_tit02::after {width: 37px;height: 47px;}
}

/* process css */
.process{position: relative;overflow: hidden;}
.process_img{background-image: url(../imgs/process_img.webp);background-repeat: no-repeat;background-size: contain;background-position: 80% 0;width: 100%;height: 100%;position: absolute;z-index: 0;}
.process_wrap{padding-top: 210px;z-index: 1;position: relative;}
.process_tit_wrap{font-weight: 600;padding: 0 0 94px 102px;width: calc(100% - 100px);max-width: 1440px;margin: auto;box-sizing: border-box;}
.process_tit{font-size: 3em;padding-bottom: 40px;}
.process_txt{font-size: 1.5em;}
.process_txt .sp_br{display: block;}
.process_cont{position: relative;display: flex;gap: 20px;flex-direction: column;align-items: center;}
.process_cont::before{content: "";position: absolute;background-size: contain;background-position: center;background-repeat: no-repeat;background-image: url(../imgs/process_img02.png);width: 128px;height: 117px;left: 50%;transform: translateX(-50%);top: -70px;}
.process_li{background-color: rgba(255, 255, 255, .9);font-weight: 600;font-size: 1.25em;border-radius: 60px;max-width: 1440px;min-height: 66px;padding: 67px 102px;display: flex;gap: 85px;align-items: center;width: 100%;box-sizing: border-box;width: calc(100% - 100px);}
.process_li div{min-width: 300px;height: 66px;background-color: #3064D0;border-radius: 33px;display: flex;justify-content: center;align-items: center;}

@media print ,screen and (max-width:1300px){
    .process_wrap {padding-top: 130px;}
    .process_li {padding: 67px 80px;}
    .process_tit_wrap {padding: 0 0 94px 80px;}
}
@media print ,screen and (max-width:1200px){
    .process_wrap {padding-top: 100px;}
}
@media print ,screen and (min-width:1025px) and (max-width:1200px){
    .process_tit_wrap {padding: 0 0 94px 45px;text-shadow: 0px 0px 12px #FFF;}
}
@media print ,screen and (max-width:1024px){
    .process_img {position: unset;background-size: cover;height: 400px;}
    .process_wrap {position: unset;padding-top: 40px;}
    .process_tit {padding-bottom: 20px;}
    .process_txt .sp_br{display: none;}
    .process_cont::before {width: 86px;height: 78px;top: -39px;}
    .process_tit_wrap {padding: 0 0 69px 0;}
    .process_li {min-height: unset;padding: 40px 50px;gap: 50px;width: calc(100% - 50px);}
    .process_li div {min-width: 260px;height: 55px;}
    .process_li p {font-size: 18px;}
    .process_txt {font-size: 1.25em;}
}
@media print ,screen and (max-width:950px){
    .process_tit_wrap {padding: 0 0 59px 0;}
    .process_li {padding: 30px 35px;gap: 35px;}
    .process_cont::before {width: 64px;height: 58px;top: -29px;}
}
@media print ,screen and (max-width:767px){
    .process_li {flex-direction: column;padding: 30px 22px;gap: 10px;width: calc(100% - 15px);border-radius: 30px;}
    .process_li div {min-width: 300px;height: 66px;}
    .process_cont::before {top: -38px;}
    .process_tit_wrap {width: calc(100% - 35px);
    }
}

/* faq css */
.faq {padding: 140px 150px;display: flex;gap: 172px;justify-content: space-between;}
.faq_tit {font-family: 'Prompt';font-weight: 600;font-size: 3em;}
.faq_box {max-width: 1330px;border-top: 1px solid #3064D0;}
.faq_box:last-child{border-bottom: 1px solid #3064D0;}
.faq_li {position: relative;cursor: pointer;}
.faq_q {position: relative;margin: 0;padding: 48px 50px 48px 135px;font-size: 1.25em;font-weight: 600;z-index: 1;}
.faq_q::before {content: "Q";font-family: 'Prompt';font-size: 36px;font-weight: 500;position: absolute;top:50%;transform: translateY(-50%);left: 45px;color: #3064D0;}
.faq_a {position: relative;height: 0;margin: 0;padding: 0 50px 0 135px;opacity: 0;visibility: hidden;}
.faq_a span {font-family: 'Prompt';font-size: 36px;font-weight: 500;position: absolute;left: 45px;z-index: 2;color: #FF8C42;top: calc(50% - 18px);transform: translateY(-50%);}
.faq_li_icon {position: absolute;top: 63px;transform: translateY(-50%);right: 0;width: 50px;}
.faq_li_icon::before {content: "";background-color: #3064D0;width: 23px;height: 3px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: inline-block;transition: all 0.3s;}
.faq_li_icon::after {content: "";background-color: #3064D0;width: 3px;height: 23px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: inline-block;transition: all 0.3s;}
.faq_li.open .faq_li_icon::after {transform: translate(-50%, -50%) rotate(90deg);}

@media print ,screen and (max-width:1350px){
    .faq {gap: 120px;padding: 140px 120px;}
}
@media print ,screen and (max-width:1024px){
    .faq {gap: 50px;padding: 60px 50px;}
    .faq_q {padding: 42px 53px 34px 70px;font-size: 1.125em;}
    .faq_q::before {left: 20px;}
    .faq_li_icon {top: 52px;}
    .faq_a {padding: 0 53px 0 70px!important;}
    .faq_li.open .faq_a {padding: 0 53px 34px 70px!important;}
    .faq_a span {left: 20px;top: 25px;}
}
@media print ,screen and (max-width:950px){
    .faq {flex-direction: column;}
    .faq {gap: 20px;}
    .faq_tit {margin-left: 20px;}
}
@media print ,screen and (max-width:767px){
    .faq {padding: 60px 30px;}
}
@media print ,screen and (max-width:560px){
    .faq {padding: 60px 15px;}
}

/* req css */
.req{position: relative;overflow: hidden;}
.req_img{background-image: url(../imgs/req_img.webp);background-repeat: no-repeat;background-size: contain;background-position: 0 0;width: 100%;height: 100%;position: absolute;z-index: 0;}
.req_cont_wrap{padding: 419px 0 140px;z-index: 1;position: relative;}
.req_cont{max-width: 1440px;background-color: #fff;border-radius: 16px;margin: 0 auto;}
.req_tit{padding: 80px 0 60px;font-weight: 600;font-size: 2.5em;margin-left: 122px;}
.req_li_wrap{padding: 0 122px 100px;}
.req_li{border-top: 1px solid #D4DDF0;width: 100%;padding: 24px 0;display: flex;}
.req_th{width: 30%;font-weight: 600;font-size: 1.25em;}
.req_td{width: 70%;font-size: 1.125em;line-height: 1.625em;}

@media print ,screen and (max-width:1540px){
    .req_cont {margin: 0 50px;}
    .req_cont_wrap {padding: 335px 0 140px;}
}
@media print ,screen and (max-width:1300px){
    .req_li_wrap {padding: 0 100px 100px;}
}
@media print ,screen and (max-width:1215px){
    .req_cont_wrap {padding: 265px 0 140px;}
}
@media print ,screen and (max-width:1024px){
    .req_li_wrap {padding: 0 50px 50px;}
    .req_tit {padding: 40px 0;font-size: 2em;margin-left: 50px;}
    .req_th {width: 25%;font-size: 1.125em;}
    .req_td {width: 75%;font-size: 1em;}
}
@media print ,screen and (max-width:950px){
    .req_li {flex-direction: column;gap: 10px;}
    .req_th {width: 100%;}
    .req_td {width: 100%;}
    .req_cont_wrap {padding: 200px 0 60px;}
}
@media print ,screen and (max-width:767px){
    .req_cont {margin: 0 15px;}
    .req_li_wrap {padding: 0 30px 40px;}
    .req_tit {margin-left: 30px;}
    .req_cont_wrap {padding: 150px 0 60px;}
}
@media print ,screen and (max-width:570px){
    .req_cont_wrap {padding: 80px 0 60px;}
}

/* message css */
.message{text-align: center;font-weight: 600;background-image: url(../imgs/message_bg.webp);background-repeat: no-repeat;background-size: cover;width: 100%;display: flex;flex-direction: column;justify-content: center;background-position: 75% 0;padding: 100px 0 92px;}
.message_tit{font-size: 3em;padding-bottom: 54px;}
.message_txt{line-height: 34px;font-size: 1.5em;}
.message_tit, .message_txt{margin: 0 auto;padding-left: 50px;padding-right: 50px;}

@media print ,screen and (max-width:1024px){
    .message {padding: 72px 0;}
    .message_tit {font-size: 2.5em;padding-bottom: 30px;}
    .message_txt {font-size: 1.25em;letter-spacing: -0.48px;}
}
@media print ,screen and (max-width:767px){
    .message_tit, .message_txt {padding-left: 15px;padding-right: 15px;}
    .message_tit {font-size: 1.5em;}
    .message_txt {font-size: 1em;}
}

/* page top css */
.page_top {vertical-align: middle;height: 60px;width: 60px;position: fixed;right: 20px;bottom: 20px;background: #fff;border-radius: 4px;display: flex;justify-content: center;align-items: center;z-index: 5;opacity: 0;visibility: hidden;transition: background-color 0.3s ease 0s, opacity 0.3s ease 0s,visibility 0.3s ease 0s;scroll-behavior: smooth;}
.page_top:hover {background: #3064D0;}
.page_top svg path {fill: #3064D0;transition: fill 0.3s ease;}
.page_top:hover svg path {fill: #fff;}
.page_top.stopped {position: absolute;}

@media print ,screen and (max-width:1024px){
    .page_top{height: 50px;width: 50px;}
}