@charset "utf-8";

body{
    color: #202F40;
}

.secCmnForm {
    margin-top: 0px;
    padding: 17px 0 180px;
}

@media only screen and (max-width:767px){
    .secCmnForm {
        padding: 7px 0 90px;
    }
}

.secFormTit .formMainTit{
    font-size: 30px;
}
.secFormTit .formMainTit::before{
    bottom: -21px;
}
.secFormTit .txt{
    margin-top: 86px;
}
@media only screen and (max-width:767px){
    .secFormTit .formMainTit{
        font-size: 25px;
    }
    .secFormTit .formMainTit::before{
        bottom: -18px;
    }
    .secFormTit .txt{
        margin-top: 66px;
    }
}

/* secCmnTop */
.secCmnTop{
    background: url(../img/career/imgBgTop.jpg) center / cover no-repeat;
}
@media only screen and (max-width:767px){
.secCmnTop{
        background: url(../img/career/imgBgTop_sp.jpg) center / cover no-repeat;
    }
}

/* secTop */
.secTop{
    background: #F9FAFC;
    padding: 66px 0 5px;
    position: relative;
}
.secTop .flexBox{
    position: relative;
    display: flex;
    align-items: flex-start;
    min-height: 863px;
}
.secTop .txtBox{
    width: calc(100% - 534px);
}
.secTop .txt{
    font-size: 16px;
    line-height: 2;
    font-weight: bold;
}
.secTop .txt + .txt{
    margin-top: 32px;
}
.secTop .undBox{
    margin-top: 96px;
}
.secTop .img{
    position: absolute;
    right: calc(50% - 960px);
    top: 5px;
}
.secTop .inner{
    font-size: 16px;
    display: flex;
    align-items: center;
    height: 64px;
    color: #202F40;
    width: 297px;
    margin-top: 43px;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1.3px;
    border: 2px solid #202F40;
    padding-left: 16px;
    position: relative;
}
.secTop .inner::before{
    position: absolute;
    content: "";
    width: 20px;
    height: 13px;
    right: 24px;
    top: calc(50% - 8.5px);
    transform: rotate(90deg) scale(0.8);
    transition: all .3s;
}
.secTop .inner.lazyloaded::before{
    background: url(../img/global/btnArrow.png) center top / cover;

}
.secTop .inner:hover{
    background: #202F40;
    color: #fff;
}
.secTop .inner:hover::before{
    top: calc(50% - 3.5px);

}
.secTop .inner:hover.lazyloaded::before{
    background: url(../img/global/btnArrow_hover.png) center top / cover;

}
@media only screen and (max-width:767px){
    .secTop{
        padding: 37px 0 90px;
    }
    .secTop .flexBox{
        display: block;
        min-height:auto;
    }
    .secTop .txtBox{
        width: 100%;
    }
    .secTop .txt{
        font-size: 14px;
    }
    .secTop .txt + .txt{
        margin-top: 28px;
    }
    .secTop .undBox{
        margin-top: 36px;
    }
    .secTop .img{
        position: static;
        margin-top: 36px;
    }
    .secTop .inner{
        font-size: 14px;
        height: 56px;
        width: 250px;
        margin-top: 20px;
        letter-spacing: 0px;
        padding-left: 13px;
    }
    .secTop .inner::before{
        width: 15px;
        height: 10px;
        right: 12px;
        transform: rotate(90deg);
        top: calc(50% - 4.5px);
    }
    .secTop .inner:hover::before{
        top: calc(50% - 1.5px);
    }
}

/* secTit */
.secTit .tit{
    font-size: 30px;
    font-weight: 700;
    position: relative;
    padding-bottom: 21px;
}
.secTit .tit::after{
    position: absolute;
    content: "";
    width: 40px;
    height: 3px;
    background: #00B0EC;
    left: 0;
    bottom: 0;
}
@media only screen and (max-width:767px){
    .secTit .tit{
        font-size: 25px;
        padding-bottom: 18px;
    }
    .secTit .tit::after{
        width: 34px;
        height: 2.5px;
    }
}

/* secRecruit */
.secRecruit {
    margin-top: 149px;
}
.secRecruit .wrapper{
    width: 960px;
    margin: 0 auto;
    max-width: calc(100% - 100px);
}
.secRecruit .tableBox, .secRecruit tbody, .secRecruit tr {
    width: 100%;
}
.secRecruit .tableBox{
    margin-top: 61px;
    border-top: 1px solid #DBDDE0;
}
.secRecruit tr{
    border-bottom: 1px solid #DBDDE0;
}
.secRecruit th, .secRecruit td {
    font-size: 14px;
    line-height: 1.71;
}
.secRecruit th {
  text-align: left;
  padding: 18.5px 0px 17px;
  width: 100px;
  font-weight: bold;
}
.secRecruit td {
    padding: 18.5px 0 17px 17px;
    width: calc(100% - 100px);
    letter-spacing: 1px;
}
.secRecruit .tableInner{
    display: inline-block;
    color:#00B0EC ;
    text-underline-offset: 2px;
}
.secRecruit .spanLeft{
    display: block;
}
.secRecruit .spanFlex{
    display: flex;
    align-items: baseline;
}
.secRecruit tr.dot01 td{
    padding: 18.5px 0 18px 31px;
}
.secRecruit tr.dot01 .spanDot{
    width: 210px;
}
.secRecruit tr.dot01 .spanLeft{
    padding-left: 0px;
}
.secRecruit tr.dot01 .spanFlex:nth-child(n+2){
    margin-top: -25px;
}
.secRecruit .spanDot{
    position: relative;
}
.secRecruit .spanDot::before{
    position: absolute;
    content: "";
    background: #202F40;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    left: -9px;
    top: calc(50% - 1.5px);
}

.secRecruit .inner{
    display: block;

    color: #00B0EC;
}
@media only screen and (max-width:767px){
    .secRecruit {
        margin-top: 86px;
    }
    .secRecruit .wrapper{
        width: 89.335%;
        margin: 0 auto;
        max-width: 100%;
    }
    .secRecruit .tableBox{
        margin-top: 49px;
        width: 100%;
    }
    .secRecruit th, .secRecruit td {
        font-size: 13px;
        line-height: 1.76;
    }
    .secRecruit th {
        padding: 17.5px 0px 0;
      width:100%;
        display: block;
    }
    .secRecruit td {
        padding: 6px 0px 17px;
        width:100%;
        display: block;
        letter-spacing: 0.4px;
    }
    .secRecruit .spanDot::before{
        width: 2px;
        height: 2px;
        left: -7px;
        top: 9px;
    }
    .secRecruit .spanFlex {
        display: block;
    }
    .secRecruit tr.dot01 td{
        padding: 6px 0 16px 13px;
    }
    .secRecruit tr.dot01 .spanDot{
        width: auto;
    }
    .secRecruit tr.dot01 .spanLeft{
        padding-left: 0px;
    }
    .secRecruit tr.dot01 .spanFlex:nth-child(n+2){
        margin-top: -16px;
    }
    .secRecruit tr.trLast .spanLeft{
        padding-left: 0px;
    }
}

/* secKinds */
.secKinds{
    margin-top: 180px;
    padding: 170px 0 180px;
    background: #F9FAFC;
}
.secKinds .wrapper{
    width: 960px;
    max-width: calc(100% - 100px);
    margin: 0 auto;
}
/* secList */
.secList{
    width: 100%;
    margin: 78px auto 0;
}
.secList .itemMain{
    position: relative;
    border: 1px solid #00B0EC;
    background: #fff;
}
.secList .itemMain:nth-child(n+2){
    margin-top: 9px;
}
.secList .linkMain{
    height: 80px;
}
.secList .linkMain{
    position: relative;
    display: flex;
    align-items: center;
    font-size: 19px;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 74px;
    background-color: #fff;
    letter-spacing: 1.5px;
}
.secList .linkMain.on{
    color: #00B0EC;
}
.secList .linkMain:before,
.secList .linkMain:after {
    content: "";
    background: #00B0EC;
    width: 20px;
    height: 3px;
    position: absolute;
    left: 31px;
    top: calc(50% - 1.5px);
    display: block;
    transition: all 0.4s ease;
}
.secList .linkMain:after {
    transform: rotate(90deg);
}
.secList .linkMain.on:after {
    transform: rotate(360deg);
}
.secList .itemSub{
    background: #F8F8F9;
    padding: 26px 28px 24px;
}
.secList .itemSub:nth-child(n+2){
    margin-top: 20px;
}
.secList .boxTit{
    font-size: 20px;
    line-height: 1.7;
    font-weight: bold;
    letter-spacing: 0.5px;
}
.secList .txtBox{
    margin-top: 23px;
}
.secList .boxTxt{
    font-size: 16px;
    line-height: 1.53;
    letter-spacing: 0.5px;
    font-weight: 700;
}
.secList .subTxt{
    font-size: 13px;
    line-height: 1.5;
    margin-top: 14px;
    letter-spacing: 0.5px;
}
.secList .subTxt + .tableBox{
    margin-top: 30px;
}
.secList .spanDot{
    position: relative;
}
.secList .spanDot::before{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 9px;
    left: -15px;
    background: #00B0EC;
}
.secList .boxSubList{
    display: none;
    padding: 7px 24px 29px;
}

.secList .tableBox{
    width: 730px;
    margin-top: 13px;
}
.secList .boxTable,
.secList tbody,
.secList tr{
    width: 100%;
}
.secList .boxTable{
    border-top: solid 1px #DBDDE0;
}
.secList tr{
    border-bottom: solid 1px #DBDDE0;
}
.secList th,
.secList td{
    font-size: 13px;
    line-height: 1.57;
}
.secList th{
    padding: 9px 11px 8px;
    width: 148px;
    background: #ECEEEF;
    font-weight: bold;
}
.secList td{
    padding: 9px 12px 8px;
    width: calc(100% - 148px);
    letter-spacing: 0.5px;
    background: #fff;
}
.secList .spanTd{
    position: relative;
    padding-left: 15px;
}
.secList .spanTd::before{
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: #202F40;
    left: 5px;
    top: 9px;
    border-radius: 50%;
}

@media only screen and (max-width:767px){
    /* secKinds */
    .secKinds{
        margin-top: 90px;
        padding: 85px 0 90px;
    }
    .secKinds .wrapper{
        width: 89.334%;
        max-width: 100%;
    }
    /* secList */
    .secList{
        width: 100%;
        margin: 49px auto 0;
    }
    .secList .itemMain{
        border: 2px solid #00B0EC;
    }
    .secList .itemMain:nth-child(n+2){
        margin-top: 5px;
    }
    .secList .linkMain{
        height: 59px;
    }
    .secList .linkMain{
        font-size: 15px;
        line-height: 1.467;
        padding: 0 0 0 45px;
        letter-spacing: 0px;
    }
    .secList .linkMain:before,
    .secList .linkMain:after {
        width: 13px;
        height: 2px;
        left: 18px;
        top: calc(50% - 0px);
    }

    .secList .itemSub{
        padding: 27px 23px 25px;
    }
    .secList .itemSub:nth-child(n+2){
        margin-top: 23px;
    }
    .secList .boxTit{
        font-size: 13px;
        line-height: 1.76;
        letter-spacing: 0px;
    }
    .secList .txtBox{
        margin-top: 15px;
    }
    .secList .boxTxt{
        font-size: 12px;
        line-height: 1.75;
        letter-spacing: 0px;
    }
    .secList .subTxt{
        font-size: 10px;
        line-height: 1.8;
        margin-top: 6px;
        letter-spacing: 0px;
    }
    .secList .subTxt + .tableBox{
        margin-top: 23px;
    }
    .secList .spanDot::before{
        width: 7px;
        height: 7px;
        top: 6px;
        left: -11px;
    }
    .secList .boxSubList{
        display: none;
        padding: 0px 15px 27px;
    }
    .secList .tableBox{
        width: 100%;
        margin-top: 16px;
    }
    .secList .boxTable,
    .secList tbody,
    .secList tr{
        width: 100%;
    }
    .secList tr{
        display: block;
    }
    .secList th,
    .secList td{
        font-size: 11px;
        line-height: 1.63;
        display: block;
    }
    .secList th{
        padding: 9px 10px 8.5px;
        width: 100%;
    }
    .secList td{
        padding: 9px 10px 8.5px;
        width: 100%;
        letter-spacing: 0.5px;
    }
    .secList .spanTd{
        padding-left: 11px;
        line-height: 1.63;
        display: block;
    }
    .secList .spanTd:nth-child(n+2){
        margin-top: -17px;
    }
    .secList .spanTd::before{
        width: 2px;
        height: 2px;
        left: 4px;
        top: 8px;
    }
}
@media only screen and (max-width:374px){
    .secList .linkMain {
        font-size: 13px;
    }
}
@media only screen and (max-width:359px){
    .secList .linkMain {
        font-size: 12px;
    }
}

/* secFlow */
.secFlow{
    margin-top: 150px;
}
.secFlow .wrapper{
    width: 960px;
    max-width: calc(100% - 100px);
    margin: 150px auto 0;
}
.secFlow .flowCover{
    margin-top: 64px;
}
.secFlow .flowBox{
    position: relative;
}
.secFlow .flowBox::before{
    position: absolute;
    content: "";
    width: 24px;
    height: 55px;
    left: calc(50% - 12px);
    bottom: -47px;
    transform: scale(0.8);
}
.secFlow .flowBox.lazyloaded::before{
    background: url(../img/global/iconArrow.png) center top / cover;
}

.secFlow .flowBox:last-child::before{
    display: none;
}
.secFlow .flowBox + .flowBox{
    margin-top: 50px;
}
.secFlow .flowBox:nth-child(n+3){
    margin-top: 50px;
}

.secFlow .backCover{
    background: #F9FAFC;
    padding: 19px 30px 32px;
}

.secFlow li:nth-child(2) .backCover{
    padding: 21px 32px 48px;
}
.secFlow li:nth-child(3) .backCover{
    padding: 21px 0px;
}
.secFlow .boxTit{
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 1px;
    background:#00B0EC;
    color: #fff;
    text-align: center;
    padding: 11.5px 0 12px 45px;
    position: relative;
}
.secFlow .boxTit::before{
    position: absolute;
    content: "";
    left: calc(50% - 76px);
    top: 2px;
    transform: scale(0.8);
    width: 40px;
    height: 40px;
}
.secFlow .boxTit.lazyloaded::before{
    background: url(../img/global/iconFlow01.png) center top / cover;
}
.secFlow li:nth-child(2) .boxTit{
    padding-left: 33px;
}
.secFlow li:nth-child(2) .boxTit::before{
    left: calc(50% - 74px);
    top: 2px;
    width: 40px;
    height: 40px;
}
.secFlow li:nth-child(2) .boxTit.lazyloaded::before{
    background: url(../img/global/iconFlow02.png) center top / cover;
}
.secFlow li:nth-child(3) .boxTit::before{
    left: calc(50% - 45px);
    top: 4px;
    width: 40px;
    height: 40px;
}
.secFlow li:nth-child(3) .boxTit.lazyloaded::before{
    background: url(../img/global/iconFlow03.png) center top / cover;
}
.secFlow li:nth-child(4) .boxTit::before{
    left: calc(50% - 66px);
    top: 5px;
    width: 40px;
    height: 40px;
}
.secFlow li:nth-child(4) .boxTit.lazyloaded::before{
    background: url(../img/global/iconFlow04.png) center top / cover;
}
.secFlow .formTxt{
    font-size: 14px;
    line-height: 1.71;
    text-align: center;
    letter-spacing: 0.5px;
}
.secFlow li:nth-child(2) .formTxt{
    text-align: left;
}
.secFlow .list{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 23px;
}
.secFlow .item{
    width: calc(50% - 10px);
    margin-right: 20px;
    text-decoration: none;
    text-align: center;
    padding-top: 11px;
    color: #202F40;
    background: #fff;
    font-size: 19px;
    font-weight: bold;
    height: 77px;
    border: 3px solid #00B0EC;
}
.secFlow .item:last-child{
    margin-right: 0;
    padding-top: 0px;
    border: none;
}
.secFlow .btnForm{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #00B0EC;
    color: #202F40;
    text-decoration: none;
}
.secFlow .linkList{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.secFlow .linkItem{
    margin-right: 14px;
}
.secFlow .linkItem:last-child{
    margin-right: 0;
}
.secFlow .linkInner{
    font-size: 12px;
    color: #00B0EC;
}
.secFlow .box{
    background: #ECEEEF;
    width: 100%;
    margin: 20px auto 0px;
    padding: 30px 50px;
}
.secFlow .spanDot{
    position:relative;
    padding-left: 15px;
}
.secFlow .spanDot::before{
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: #202F40;
    left: 6px;
    top: 12px;
    border-radius: 50%;
}
.secFlow .flexBox{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.secFlow .pdfInner{
    font-size: 16px;
    text-decoration: none;
    display: flex;
    align-items: center;
    background: #fff;
    color: #202F40;
    position: relative;
    border: 3px solid #00B0EC;
    height: 58px;
    width: 383px;
    padding-left: 17px;
    letter-spacing: 0.5px;
}
.secFlow .pdfInner::before{
    position: absolute;
    content: "";
    width: 10.5px;
    height: 19px;
    top: calc(50% - 9px);
    right: 23px;
}
.secFlow .pdfInner.lazyloaded::before{
    background: url(../img/career/iconPdf.png) center top / cover;
}
.secFlow .rightBox{
    width: 355px;
}
.secFlow .maTop{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}
.secFlow .maTit{
    position: relative;
    font-size: 16px;
    padding: 16px 0px 0 23px;
}
.secFlow .maTit::before{
    position: absolute;
    content: "";
    width: 15.5px;
    height: 12.5px;
    left: 2px;
    top: calc(50% - -4px);
}
.secFlow .maTit.lazyloaded::before{
    background: url(../img/career/iconFlow01.png) center top / cover;
}
.secFlow .mailTxt{
    margin-top: 13px;
    font-size: 16px;
    text-decoration: none;
    color: inherit;
    display: inline-block;
}
.secFlow .address{
    margin-top: 15px;
    padding-top: 16px;
    border-top: 1px solid #A6ACB3;
}
.secFlow .addTit{
    position: relative;
    font-size: 16px;
    padding-left: 22px;
}
.secFlow .addTit::before{
    position: absolute;
    content: "";
    width: 13px;
    height: 16.5px;
    left: 2px;
    top: calc(50% - 5px);
}
.secFlow .addTit.lazyloaded::before{
    background: url(../img/career/iconFlow02.png) center top / cover;
}
.secFlow .addTxt{
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.625;
}
@media only screen and (max-width:767px){
    .secFlow{
        margin-top: 85px;
    }
    .secFlow .wrapper{
        width: 89.334%;
        max-width: 100%;
    }
    .secFlow .flowCover{
        margin-top: 50px;
    }
    .secFlow .flowBox::before{
        width: 13px;
        height: 29px;
        left: calc(50% - 7px);
        bottom: -27px;
    }
  
    .secFlow .flowBox + .flowBox{
        margin-top: 31px;
    }
    .secFlow .flowBox:nth-child(n+3){
        margin-top: 32px;
    }
    .secFlow .backCover{
        padding: 20px 20px 25px;
    }
    .secFlow li:nth-child(2) .boxTit{
        padding-left: 20px;
    }
    .secFlow li:nth-child(2) .backCover{
        padding: 19px 20px 17px;
    }
    .secFlow .flowBox:nth-child(3) .backCover{
        padding: 20px;
    }
    .secFlow .boxTit{
        font-size: 14px;
        padding: 10.5px;
        padding-left: 40px;
    }
    .secFlow .boxTit::before{
        left: calc(50% - 51px);
        top: 6px;
        width: 24px;
        height: 24px;
    }
    .secFlow li:nth-child(2) .boxTit::before{
        left: calc(50% - 42px);
        top: 7px;
        width: 20px;
        height: 20px;
    }
    .secFlow li:nth-child(3) .boxTit::before{
        left: calc(50% - 29px);
        top: 6px;
        width: 20px;
        height: 20px;
    }
    .secFlow li:nth-child(4) .boxTit::before{
        left: calc(50% - 43px);
        top: 8px;
        width: 20px;
        height: 20px;
    }
    .secFlow .formTxt{
        font-size: 12px;
        text-align: left;
        line-height: 1.58;
        letter-spacing: 0;
    }
    .secFlow .flowBox:nth-child(n+3) .formTxt{
        text-align: center;
    }
    .secFlow .list{
        flex-direction: column;
        margin-top: 11px;
    }
    .secFlow .item{
        width: 100%;
        margin-right: 0px;
        margin: 0 auto;
        font-size: 12px;
        height: auto;
        padding: 12px 0 20px;
    }
    .secFlow .item:last-child{
        margin: 10px auto 0;
        padding: 0;
    }
    .secFlow .btnForm{
        padding: 10px;
    }
    .secFlow .box{
        width: 100%;
        margin: 18px auto 0px;
        padding: 20px 20px;
    }
    .secFlow .linkInner {
        font-size: 12px;
    }
    .secFlow .linkList {
       flex-wrap: wrap;

        width: 290px;
    margin: 18px auto 0;
    }
    .secFlow .linkItem {
        margin-right: 24px;
    }
    .secFlow .linkItem:nth-child(2n + 1){
        width: 95px;
    }
    .secFlow .linkItem:nth-child(2n) {
        margin-right: 0px;
    }
    .secFlow .linkItem:nth-child(n+3) {
        margin-top: 18px;
    }
    .secFlow .spanDot {
        display: block;
        padding-left: 12px;
    }
    .secFlow .spanDot:nth-child(n+2){
        margin-top: -19px;
    }
    .secFlow .spanDot::before {
        width: 2px;
        height: 2px;
        left: 5px;
        top: 9px;
    }
    .secFlow .flexBox {
        display: block;
    }
    .secFlow .pdfInner{
        font-size: 12px;
        border: 2px solid #00B0EC;
        height: 55px;
        width: 100%;
        padding-left: 0px;
        letter-spacing: 0px;
        justify-content: center;
        align-items: unset;
        padding-top: 9px;
    }
    .secFlow .pdfInner::before{
        width: 8.5px;
        height: 14.5px;
        top: unset;
        right: unset;
        left: calc(50% - 5px);
        bottom: 6px;
    }
    .secFlow .rightBox{
        width: 100%;
        margin-top: 19px;
    }
    .secFlow .maTop{
        font-size: 12px;
        letter-spacing: 0px;
    }
    .secFlow .maTit{
        font-size: 12px;
        padding: 14px 0px 0 16px;
    }
    .secFlow .maTit::before{
        width: 12px;
        height: 9.5px;
        left: 2px;
        top: calc(50% - -4px);
    }
    .secFlow .mailTxt{
        margin-top: 8px;
        font-size: 12px;
    }
    .secFlow .address{
        margin-top: 13px;
        padding-top: 15px;
    }
    .secFlow .addTit{
        font-size: 12px;
        padding-left: 16px;
    }
    .secFlow .addTit::before{
        width: 10px;
        height: 12.5px;
        left: 2px;
        top: calc(50% - 5px);
    }
    .secFlow .addTxt{
        margin-top: 6px;
        font-size: 12px;
        line-height: 1.58;
    }
}
@media only screen and (max-width:374px){
    .secFlow .linkList {
        width: 230px;
    }
}
@media only screen and (max-width:359px){
    .secFlow .pdfInner {
        font-size: 10px;
    }
}


/* secQuestion */
.secQuestion{
    background: #F9FAFC;
    padding: 127px 0 175px;
    margin-top: 143px;
}
.secQuestion .wrapper{
    width: 960px;
    max-width: calc(100% - 100px);
    margin: 0 auto;
}
.secQuestion .list{
    margin-top: 64px;
}
.secQuestion .item:nth-child(2){
    margin-top: 87px;
}
.secQuestion .boxTit{
    font-size: 24px;
    font-weight: bold;
    position: relative;
}
.secQuestion .box{
    background: #fff;
    margin-top: 28px;
    padding: 33px 33px 26px;
}
.secQuestion .box:has(.linkList){
    padding-bottom: 30px;
}
.secQuestion .box + .box {
    margin-top: 12px;
}
.secQuestion .qTit{
    font-size: 19px;
    color: #00B0EC;
    font-weight: bold;
    padding-left: 40px;
    letter-spacing: 1px;
}
.secQuestion .span35{
    position: relative;
}
.secQuestion .span35::before{
    position: absolute;
    content: "Q";
    font-size: 29px;
    left: -40px;
    top: -5px;
    color: #00B0EC;
}
.secQuestion .qTxt{
    font-size: 14px;
    line-height: 1.75;
    margin-top: 23px;
    letter-spacing: 0.25px;
}
.secQuestion .inner {
    font-size: 12px;
    padding: 10px 37.5px 10px 11px;
    background: #ECEEEF;
    text-decoration: none;
    color: #202F40;
    position: relative;
    letter-spacing: 0.5px;
    display: inline-block;
}
.secQuestion .inner::before{
    position: absolute;
    content: "";
    width: 16px;
    height: 11px;
    right: 10px;
    transform: scale(0.8);
    top: calc(50% - 6px);
}
.secQuestion .inner.lazyloaded::before{
    background: url(../img/newgraduate/iconQuestion.png) center top / cover;
}
.secQuestion .linkList{
    display: flex;
    margin-top: 15px;
}
.secQuestion .linkItem{
    margin-right: 8px;
}
@media only screen and (max-width:767px){
    .secQuestion{
        padding: 87px 0;
        margin-top: 87px;
    }
    .secQuestion .wrapper{
        width: 89.334%;
        max-width: 100%;
    }
    .secQuestion .list{
        margin-top: 53px;
    }
    .secQuestion .item:nth-child(2){
        margin-top: 95px;
    }
    .secQuestion .boxTit{
        font-size: 20px;
    }
    .secQuestion .box{
        margin-top: 28px;
        padding:25px;
    }
    .secQuestion .box:has(.linkList){
        padding-bottom: 28px;
    }
    .secQuestion .box + .box {
        margin-top: 10px;
    }
    .secQuestion .qTit{
        font-size: 16px;
        line-height: 1.625;
        padding-left: 23px;
        letter-spacing: 0px;
    }
    .secQuestion .span35::before{
        font-size: 20px;
        left: -23px;
        top: -7px;
    }
    .secQuestion .qTxt{
        font-size: 13px;
        line-height: 1.77;
        margin-top: 15px;
        letter-spacing: 0px;
    }
    .secQuestion .inner {
        font-size: 12px;
        padding: 10px 27.5px 10px 10px;
        letter-spacing: 0px;
        min-width: 148px;
    }
    .secQuestion .inner::before{
        width: 10px;
        height: 7px;
        right: 6px;
        top: calc(50% - 3.5px);
        transform: scale(1);
    }
    .secQuestion .linkList{
        display: block;
        margin-top: 10px;
    }
    .secQuestion .linkItem{
        margin-right: 0px;
    }
    .secQuestion .linkItem:nth-child(n+2){
        margin-top: 10px;
    }
}

/* secApply */
.secApply{
    position: relative;
    background: #0078BE;
    padding: 79px 0 118px;
}
.secApply .topTit{
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    position: relative;
    color: #fff;
}
.secApply .item{
    width: 510px;
    margin: 56px auto 0;
}
.secApply .inner{
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background: #0078BE;
    border: 2px solid #fff;
    text-decoration: unset;
    height: 120px;
    padding-left: 40px;
    letter-spacing: 1.5px;
    position: relative;
}
.secApply .inner::before{
    position: absolute;
    content: "";
    width: 29px;
    height: 19px;
    right: 33px;
    top: calc(50% - 10.5px);
    transition: all .3s;
    transform: scale(0.8);
}
.secApply .inner.lazyloaded::before {
    background: url(../img/career/btnArrow_hover.png) center top / cover;
}
.secApply .inner.lazyloaded:hover:before{
    background: url(../img/career/btnArrow_hover02.png) center top / cover;
}
.secApply .item .inner:hover{
    background: #fff;
    color: #0078BE;
}
.secApply .inner:hover::before{
    right: 28px;
}
@media only screen and (max-width:767px){
    .secApply{
        padding: 40px 0 45px;
    }
    .secApply .topTit{
        font-size: 16px;
        font-weight:normal;
    }
    .secApply .item{
        width: 231px;
        margin: 30px auto 0;
    }
    .secApply .inner{
        font-size: 14px;
        border: 2px solid #fff;
        height: 56px;
        padding-left: 13px;
        letter-spacing: 0px;
    }
    .secApply .inner::before{
        width: 15px;
        height: 10px;
        right: 14px;
        top: calc(50% - 5.5px);
        transition: all .3s;
    }
    .secApply .inner:hover::before{
        right: 10px;
    }
}
@media only screen and (max-width:359px){
    .secApply .topTit {
        font-size: 14px;
    }
}

/* secInquiry */
.secInquiry{
    background: #00B0EC;
    padding: 66px 0 78px;
}
.secInquiry .tit{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.5px;
}
.secInquiry .txt{
    font-size: 14px;
    color: #CCEFFB;
    text-align: center;
    margin-top: 51px;
    letter-spacing: 1px;
}
.secInquiry .list{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 27px;
    padding-left: 80px;
    position: relative;
}
.secInquiry .list::before{
    position: absolute;
    content: "";
    width: 1px;
    height: 32px;
    background: #fff;
    left: calc(50% - 2.5px);
    top: -4px;
}
.secInquiry .item{
    color: #fff;
    font-size: 22px;
    position: relative;
    margin-right: 114px;
    letter-spacing: 1px;
}
.secInquiry .item::before{
    position: absolute;
    content: "";
    width: 25px;
    height: 24.5px;
    left: -40px;
    top: calc(50% - 11.25px);
}
.secInquiry .item.lazyloaded::before{
    background: url(../img/newgraduate/iconInquiry01.png) center top / cover;
}
.secInquiry .item:nth-child(2):before{
    position: absolute;
    content: "";
    width: 25px;
    height: 19.5px;
    left: -37px;
    top: calc(50% - 9px);
}
.secInquiry .item:nth-child(2).lazyloaded::before{
    background: url(../img/newgraduate/iconInquiry02.png) center top / cover;
}
.secInquiry .item:last-child{
    margin-right: 0;
    position: relative;
    left: -10px;
}
.secInquiry .mailTxt{
    text-decoration: none;
    color: #fff;
}
@media only screen and (max-width:767px){
    .secInquiry{
        padding: 34px 0 30px;
    }
    .secInquiry .tit{
        font-size: 17px;
        letter-spacing: 0.5px;
    }
    .secInquiry .txt{
        font-size: 12px;
        margin-top: 31px;
        letter-spacing: 1px;
    }
    .secInquiry .list{
        margin-top: 15px;
        padding-left: 0px;
    }
    .secInquiry .list::before{
        width: 1px;
        height: 20px;
        left: calc(50% - 22.5px);
        top: -2px;
    }
    .secInquiry .item{
        font-size: 15px;
        margin-right: 50px;
        letter-spacing: 0px;
    }
    .secInquiry .item::before{
        width: 16px;
        height: 16px;
        left: -19px;
        top: calc(50% - 8px);
    }
    .secInquiry .item:nth-child(2):before{
       
        width: 14.5px;
        height: 11.5px;
        left: -23px;
        top: calc(50% - 4px);
    }
    .secInquiry .item:last-child{
        left: 0;
    }
}
@media only screen and (max-width:374px){
    .secInquiry .item {
        font-size: 13px;
        margin-right: 40px;
    }
}