@charset "utf-8";

/*layout*/
html {font-size:20px;background-color:#fff;color:rgba(0,0,0,0.7);}
body {overflow-x:hidden;font-size:20px;letter-spacing:-0.05em;font-weight:400;}
main {position:relative;}

/*layout*/
#wrap {position:relative;height:auto;margin:0 auto;padding-top:0;}
.innerWrap {position:relative;width:50rem;margin:0 auto;}

figure img {display:block;}
figure.center {display:flex;justify-content:center;}

.pt,
.ani {position:absolute;background-repeat:no-repeat;background-position:0 0;}
.mVer {display:none;}

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

header {position:fixed;top:0;left:0;width:100%;background-color:#001CA7;z-index:1000;}
header .innerWrap {width:100%;height:4rem;padding:0 230px 0 50px;display:flex;justify-content:space-between;align-items:center;}
header .logo, header .m_logo,
header .brandLogo {display:block;width:225px;height:4rem;background:url("../images/brandLogo.png") no-repeat 0 center / 225px 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:4rem;font-size:1rem;font-weight:700;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:4rem;}
header .link_apply {position:absolute;right:40px;top:20px;display:inline-flex;padding:0 20px;height:40px;border-radius:20px;background-color:#fff;font-size:1rem;color:#001CA7;font-weight:700;justify-content:center;align-items:center;}

footer {display:flex;height:84px;background:#001CA7 url("../images/brandLogo.png") no-repeat center center;}

h2.title {position:relative;height:90px;margin-bottom:50px;font-size:45px;color:#001CA7;font-weight:800;text-align:center;}
h2.title:before {content:"";position:absolute;bottom:0;left:calc(50% - 20px);width:42px;height:6px;background-color:#001CA7;}
h2.title.light {color:#fff;}
h2.title.light:before {background-color:#fff;}

.headingWrap {background-color:#CEEDFF;}
.headingWrap .innerWrap {height:1000px;}
.headingWrap .heading-title {position:absolute;bottom:0;left:0;width:100%;text-align:center;}
.headingWrap .heading-title dt {font-size:52px;line-height:2.75rem;color:#001CA7;}
.headingWrap .heading-title dt p {margin-top:15px;font-size:45px;font-weight:200;}
.headingWrap .heading-title dd {margin-top:50px;font-size:25px;line-height:37px;}
.headingWrap .keyvisual {top:50px;left:calc(50% - 280px);width:637px;height:648px;background-image:url("../images/heading_keyvisual.svg");}

.bul-list li {position:relative;padding-left:15px;text-align:left;}
.bul-list li:before {content:"\2022";position:absolute;top:0;left:0;}

/* .jobPostiingWrap {display:none;} */
.jobPostiingWrap .jp-list {display:flex;margin-top:3rem;justify-content:space-between;}
.jobPostiingWrap .jp-list > li {display:flex;}
.jobPostiingWrap .jp-list > li dl {width:100%;}
.jobPostiingWrap .jp-list > li dt {display:flex;height:54px;background-color:#001CA7;border-radius:15px;font-size:24px;color:#fff;font-weight:700;justify-content:center;align-items:center;}
.jobPostiingWrap .jp-list > li dd {display:flex;width:100%;height:240px;font-size:20px;line-height:34px;align-items:center;justify-content:center;font-weight:600;text-align:center;}
.jobPostiingWrap .jp-list > li dd.mVer {display:none;}
.jobPostiingWrap .jp-list > li:nth-of-type(1) {width:140px;}
.jobPostiingWrap .jp-list > li:nth-of-type(2) {width:280px;}
.jobPostiingWrap .jp-list > li:nth-of-type(3) {width:290px;}
.jobPostiingWrap .jp-list > li:nth-of-type(4) {width:100px;}
.jobPostiingWrap .jp-list > li:nth-of-type(5) {width:130px;}
.jobPostiingWrap .point {top:85px;left:calc(50% + 324px);}

.list-style {display:flex;justify-content:space-between;flex-flow:wrap row;}
.list-style dl {height:282px;padding:0 28px;margin-bottom:30px;box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.25);border-radius:32px;background-color:#fff;text-align:center;color:#001CA7;}
.list-style dl dt {height:70px;font-size:28px;line-height:70px;border-bottom:1px solid #001CA7;}
.list-style dl dd {display:flex;height:calc(100% - 80px);font-size:24px;line-height:36px;font-weight:700;align-items:center;justify-content:center;}

.abilityWrap {background-color:#EDF8FF;}
.abilityWrap .list-style dl {width:calc(50% - 20px);}
.abilityWrap .point {left:calc(50% - 640px);}

.passTypeWrap {background-color:#CEEDFF;}
.passTypeWrap .list-style dl {width:300px;}
.passTypeWrap .list-style dl dt {height:120px;line-height:120px;}
.passTypeWrap .list-style dl dd {height:calc(100% - 130px);}

.benefitWrap {height:550px;background:#001CA7 url("../images/benefit_bg.png") no-repeat center 0;}
.benefitWrap .box {padding:45px 40px;border-radius:20px;background-color:#fff;}
.benefitWrap .box .bul-list li {font-size:22px;line-height:35px;font-weight:600;}

.processWrap {background-color:#EDF8FF;}
.processWrap .step-list {display:flex;justify-content:space-between;counter-reset:count;}
.processWrap .step-list li {position:relative;width:152px;padding:170px 0 20px;font-size:19px;line-height:25px;text-align:center;color:#001CA7;background-repeat:no-repeat;background-position:center 0;}
.processWrap .step-list li strong {display:block;}
.processWrap .step-list li:before {content:"0"counter(count);counter-increment:count;position:absolute;top:0;left:0;width:100%;font-size:18px;line-height:44px;text-align:center;}
.processWrap .step-list li:nth-of-type(1) {background-image:url("../images/process_01.svg");}
.processWrap .step-list li:nth-of-type(2) {background-image:url("../images/process_02.svg");}
.processWrap .step-list li:nth-of-type(3) {background-image:url("../images/process_03.svg");}
.processWrap .step-list li:nth-of-type(4) {background-image:url("../images/process_04.svg");}
.processWrap .step-list li:nth-of-type(5) {background-image:url("../images/process_05.svg");}
.processWrap .step-list li:nth-of-type(6) {background-image:url("../images/process_06.svg");}
.processWrap .text-group {padding-top:20px;border-top:solid 1px #001CA7;font-size:20px;line-height:32px;font-weight:600;}
.processWrap .text-group p {margin-bottom:30px;color:#001CA7;}
.bul-type01 li {position:relative;padding-left:20px;}
.bul-type01 li:before {content:"※";position:absolute;top:0;left:0;}
.red {color:#FF0000;}

.applyInfoWrap {background:url("../images/info_point.png") no-repeat center 80px;}
.applyInfoWrap dl {display:flex;line-height:32px;}
.applyInfoWrap dl dt {width:230px;font-size:26px;font-weight:800;color:#001CA7;}
.applyInfoWrap dl dd {width:calc(100% - 230px);font-size:20px;font-weight:600;}
.applyInfoWrap dl dd .bul-type01 {margin-top:20px;padding-top:20px;border-top:1px solid #001CA7;font-weight:500;color:#001CA7;}
.applyInfoWrap dl+dl {margin-top:40px;}

.docuWrap {background-color:#EDF8FF;}
.docuWrap .bul-list {font-size:20px;line-height:32px;font-weight:600;}
.docuWrap .bul-list.p-color {color:#001CA7;}
.docuWrap dl:nth-of-type(1) {margin-top:30px;border-top:solid 1px #001CA7;}
.docuWrap dl:nth-of-type(1) dd {padding-bottom:40px;border-bottom:solid 1px #001CA7;}
.docuWrap dl {display:flex;padding:40px 0 0;}
.docuWrap dl dt {width:220px;font-size:26px;line-height:35px;font-weight:800;color:#001CA7;}
.docuWrap dl dd {width:calc(100% - 220px);} 

.interviewWrap {background-color:#001CA7;}
.interviewWrap .slideWrap {width:100%;padding:40px 32px;border-radius:15px;background-color:#fff;}
.interviewWrap .slideWrap .slideOuter {width:100%;}
.interviewWrap .slideWrap .slideOuter ul li {width:936px;}
.interviewWrap .slideWrap .slideOuter ul li p {margin:20px 0 60px;font-size:21px;line-height:32px;color:#001CA7;font-weight:700;text-align:center;}
.interviewWrap .slideWrap .slideOuter ul li .head {height:80px;color:#001CA7;text-align:center;border-bottom:solid 1px #001CA7;}
.interviewWrap .slideWrap .slideOuter ul li .head h3 {font-size:34px;font-weight:700;}
.interviewWrap .slideWrap .slideOuter ul li .head p {margin:5px 0 0 0;font-size:20px;font-weight:300;}
.interviewWrap .slideWrap .slideOuter ul li dl {padding:20px 0 20px 110px;font-size:20px;line-height:32px;font-weight:600;}
.interviewWrap .slideWrap .slideOuter ul li dl dt {margin-bottom:30px;}
.interviewWrap .slideWrap .slideOuter ul li dl+dl {border-top:solid 1px #000;}
.interviewWrap .slideWrap .slideOuter ul li dl > * {position:relative;}
.interviewWrap .slideWrap .slideOuter ul li dl > *:before {content:"";position:absolute;left:-110px;top:0;display:block;width:72px;height:36px;border-radius:20px;background-color:#001CA7;text-align:center;color:#fff;font-size:20px;line-height:36px;}
.interviewWrap .slideWrap .slideOuter ul li dl dt:before {content:"Q1";}
.interviewWrap .slideWrap .slideOuter ul li dl dd:before {content:"A1";}
.interviewWrap .slideWrap .slideOuter ul li dl:nth-of-type(2) dt:before {content:"Q2";}
.interviewWrap .slideWrap .slideOuter ul li dl:nth-of-type(2) dd:before {content:"A2";}

.movieWrap {background-color:#EDF8FF;}

.etcWrap .box {padding:40px 45px;background-color:#EDF8FF;border-radius:15px;}
.etcWrap .box .bul-list {font-size:22px;line-height:36px;font-weight:600;}
.etcWrap .qna {display:flex;margin-top:45px;}
.etcWrap .qna dt {width:120px;height:48px;border-radius:24px;font-size:24px;line-height:48px;text-align:center;color:#fff;font-weight:600;background-color:#001CA7;}
.etcWrap .qna dd {width:calc(100% - 120px);padding-left:55px;font-size:22px;line-height:32px;color:#001CA7;}


/* mediaQuery */
@media (max-width:1000px) {
    .mVer {display:block;}
	.pcVer {display:none;}

	.innerWrap {width:100%;padding:0 30px;}

	header {padding-top:0;height:80px;}
	header .logo,
	header .brandLogo {position:relative;top:0;}
	header .m_btn_menu {display:block;position:absolute;top:0;right:0;width:80px;height:80px;background:url("../images/m_btn_menu.svg") center center no-repeat;}
	header .gnbWrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:150px 0 0 75px;background-color:#004097;z-index:1000;}
	header .gnbWrap .m_btn_close {display:block;position:absolute;top:0;right:0;width:135px;height:135px;background:url("../images/m_btn_close.svg") center center no-repeat;}
	header .gnbWrap ul {display:block;}
	header .gnbWrap ul li {margin-left:0 !important;font-size:50px;font-weight:500;color:#fff;}
	header .gnbWrap ul li+li {margin-top:50px;}
    header .gnbWrap ul li a {display:block;}
	header .gnbWrap .m_logo {display:block;position:absolute;bottom:90px;left:75px;}
	header .link_apply {bottom:60px;top:auto;right:auto;left:50%;width:255px;height:90px;border-radius:45px;font-size:45px;transform:translateX(-50%);}

    .headingWrap .heading-title dt strong {display:block;}
    .headingWrap .keyvisual {background-size:auto 569px;background-position:center 0;}

    .jobPostiingWrap .jp-list {flex-flow:wrap row;font-size:24px;}
    .jobPostiingWrap .jp-list > li dd {font-size:24px;line-height:35px;}
    .jobPostiingWrap .jp-list > li:nth-of-type(3) {width:100%;order:5;}
    .jobPostiingWrap .jp-list > li:not(:nth-of-type(3)) dd {height:110px;}
    .jobPostiingWrap .jp-list > li:nth-of-type(3) dd {height:200px;}
    .jobPostiingWrap .jp-list > li:nth-of-type(3) dd ul {width:100%;}
    .jobPostiingWrap .jp-list > li dd.pcVer {display:none;}
    .jobPostiingWrap .jp-list > li dd.mVer {display:flex;}

    .passTypeWrap .list-style dl {flex:1;padding:0 15px;}
    .passTypeWrap .list-style dl+dl {margin-left:20px;}

    .processWrap .step-list {flex-flow:wrap row;}
    .processWrap .step-list li {padding-top:230px;width:212px;font-size:22px;line-height:30px;background-size:212px auto;}
    .processWrap .text-group {font-size:23px;line-height:34px;}

    .applyInfoWrap dl dt {width:180px;font-size:28px;}
    .applyInfoWrap dl dd {font-size:23px;line-height:35px;}

    .docuWrap .bul-list {font-size:23px;line-height:35px;}

    .interviewWrap .slideWrap .slideOuter ul li {width:calc(100vw - 122px);}
}