.sub05{text-align: center;}
.sub05 .sub-visual{background: url(../img/sub05/visual.png) no-repeat center center / cover; text-align: left;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    
}
@media all and (max-width:768px){
    
}
.sub05 .sec01{padding: 30rem 0 20rem;}
.sub05 .sec01 .inner{max-width: 1400px;}
.sub05 .sec01 h2{}
.sub05 .sec01 h3{padding: 3rem 0 7rem;}
.sub05 .sec01 ul{display: flex; gap: 2rem; justify-content: space-between;}
.sub05 .sec01 ul li{padding: 6rem 2rem; background: linear-gradient(180deg,#d7eff7 0%, #bde8f6 100%); border-radius: 8rem; width: calc((100% - 4rem) / 3); max-width: 410px;}
.sub05 .sec01 ul li h4{font-family: 'GmarketSansBold'; color: #0089b6; font-size: 4rem;}
.sub05 .sec01 ul li h5{font-family: 'JalpulrineunOneul'; font-size: 3.2rem; color: #0089b6; padding: 1.5rem 0 2.5rem;}
.sub05 .sec01 ul li p{font-size: 1.7rem; line-height: 1.6;}

@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub05 .sec01{padding: 80px 0;}
    .sub05 .sec01 h3{padding: 10px 0 40px;}
}
@media all and (max-width:768px){
    .sub05 .sec01 ul{flex-wrap: wrap;}
    .sub05 .sec01 ul li{width: calc((100% - 2rem) / 2); padding: 30px 20px;}
    .sub05 .sec01 ul li h4{font-size: 24px;}
    .sub05 .sec01 ul li h5{font-size: 20px;}
    .sub05 .sec01 ul li p{font-size: 14px;}
}
@media all and (max-width:500px){
    .sub05 .sec01 ul li{width: 100%; max-width: none;}
}


.sub05 .sec02{padding: 16rem 0; background: #0089b6; color: #fff;}
.sub05 .sec02 .inner{max-width: 1700px;}
.sub05 .sec02 h2{color: #fff;}
.sub05 .sec02 h3{padding: 3rem 0 8rem;}
.sub05 .sec02 ul{display: flex; justify-content: space-between; gap: 20px 0;}
.sub05 .sec02 ul li{display: flex;flex-direction: column; justify-content: flex-end; }
.sub05 .sec02 ul li img{margin-bottom: 6rem;}
.sub05 .sec02 ul li h4{font-size: 3.2rem; font-weight: 700;}
.sub05 .sec02 ul li p{font-size: 2rem; padding-top: 1rem;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub05 .sec02{padding: 80px 0;}
    .sub05 .sec02 h3{padding: 15px 0 40px;}
    .sub05 .sec02 ul{flex-wrap: wrap;}
    .sub05 .sec02 ul li{width: calc(100% / 3);}
    .sub05 .sec02 ul li img{margin-bottom: 30px;}
}
@media all and (max-width:768px){
    .sub05 .sec02 ul li h4{font-size: 20px;}
    .sub05 .sec02 ul li{width: calc(100% / 2);}
}
@media all and (max-width:500px){
    
}

.sub05 .sec03{padding: 26rem 0; text-align: left;}
.sub05 .sec03 .inner{max-width: 1380px;}
.sub05 .sec03 h2{text-align: center;}
.sub05 .sec03 h3{padding: 3rem 0 10rem; text-align: center;}
.sub05 .sec03 .cont01{padding-bottom: 14rem;}
.sub05 .sec03 .cont01 h4{font-size: 1.7rem; padding-bottom: 4rem;}
.sub05 .sec03 .cont01 h4 span{font-family: 'JalpulrineunOneul'; color: #0089b6; font-size: 3.2rem;}
.sub05 .sec03 .cont01 ul{display: flex; gap: 3rem; align-items: center;}
.sub05 .sec03 .cont01 ul li.box{border-radius: 5rem; background: #0089b6; color: #fff; padding: 5rem 4rem; align-self: stretch; flex: 1;}
.sub05 .sec03 .cont01 ul li.box h5{font-size: 3.8rem; padding-bottom: 3rem;}
.sub05 .sec03 .cont01 ul li.box p{font-size: 2.6rem; line-height: 1.7; }
.sub05 .sec03 .cont01 ul li.arrow{text-align: center; width: 12%; max-width: 130px;}
.sub05 .sec03 .cont01 ul li.arrow h6{font-size: 2.2rem; padding-bottom: 2rem;}
.sub05 .sec03 .cont01 ul li.arrow img{width: 100%;}
.sub05 .sec03 .cont01 ul li.arrow img:nth-of-type(2){display: none;}

/* .sub05 .sec03 .cont02{display: none;}
.sub05 .sec03 .cont02 h4{font-family: 'JalpulrineunOneul'; color: #0089b6; font-size: 3.2rem; padding-bottom: 5rem;}
.sub05 .sec03 .cont02 .item01{padding-bottom: 9rem;}
.sub05 .sec03 .cont02 .item{display: flex; gap: 2rem;}
.sub05 .sec03 .cont02 .item ul{}
.sub05 .sec03 .cont02 .item ul li{font-size: 2.5rem; padding: 3rem; border-bottom: 1px solid #0089b6; display: flex; align-items: center;}
.sub05 .sec03 .cont02 .item ul:nth-of-type(1){width: 22%; min-width: 200px;}
.sub05 .sec03 .cont02 .item ul:nth-of-type(1) li{height: calc(100% - 8rem); }
.sub05 .sec03 .cont02 .item ul:nth-of-type(2){width: 15%; min-width: 150px;}
.sub05 .sec03 .cont02 .item01 ul:nth-of-type(2) li{height: calc((100% - 8rem) / 2);}
.sub05 .sec03 .cont02 .item02 ul:nth-of-type(2) li{height: calc((100% - 8rem) / 4);}
.sub05 .sec03 .cont02 .item ul:nth-of-type(3){flex: 1;}
.sub05 .sec03 .cont02 .item ul li p{}
.sub05 .sec03 .cont02 .item ul li.title{background: #e3f5fa; color: #0089b6; font-size: 2.8rem; font-family: 'JalpulrineunOneul'; border-radius: 100px; border: none; padding: 0 4rem; height: 8rem; }
.sub05 .sec03 .cont02 .item ul li.title p{}
.sub05 .sec03 .cont02 .item .title{}
.sub05 .sec03 .cont02 .item .title li{}
.sub05 .sec03 .cont02 .item .content{}
.sub05 .sec03 .cont02 .item .content li{}



 */

.sub05 .sec03 .cont02{}
.sub05 .sec03 .cont02 h4{font-family: 'JalpulrineunOneul'; color: #0089b6; font-size: 3.2rem; padding-bottom: 5rem;}
.sub05 .sec03 .cont02 .item01{padding-bottom: 9rem;}
.sub05 .sec03 .cont02 .item{font-size: 2.5rem;}
.sub05 .sec03 .cont02 .item > div{display: flex; gap: 2rem;}
.sub05 .sec03 .cont02 .item > div .left{width: 20%; min-width: 200px;}
.sub05 .sec03 .cont02 .item > div .right{flex: 1; display: flex; gap: 0 2rem; flex-wrap: wrap;}
.sub05 .sec03 .cont02 .item > div .right .txt{display: flex; width: 100%; gap: 2rem;}
.sub05 .sec03 .cont02 .item > div .right .txt p:nth-of-type(1){width: 22%;}
.sub05 .sec03 .cont02 .item > div .right .txt p:nth-of-type(2){flex: 1;}
.sub05 .sec03 .cont02 .item .top{}
.sub05 .sec03 .cont02 .item .top p{background: #e3f5fa; color: #0089b6; font-size: 2.8rem; font-family: 'JalpulrineunOneul'; border-radius: 100px; border: none; padding: 0 4rem; height: 8rem; display: flex; align-items: center;}

.sub05 .sec03 .cont02 .item .btm{}
.sub05 .sec03 .cont02 .item .btm p{padding: 3rem; border-bottom: 1px solid #0089b6; display: flex; align-items: center;}
.sub05 .sec03 .cont02 .item .btm .left{}
.sub05 .sec03 .cont02 .item .btm .left p{height: 100%;}
.sub05 .sec03 .cont02 .item .btm .right{}
.sub05 .sec03 .cont02 .item .btm .right .txt{display: flex; gap: 2rem;}

@media all and (max-width:1400px){
    .sub05 .sec03 .cont02 .item ul li{font-size: 22px;}
}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub05 .sec03 .cont02 h4{padding-bottom: 20px;}
    .sub05 .sec03 .cont01{padding-bottom: 40px;}
    .sub05 .sec03{padding: 80px 0;}
    .sub05 .sec03 h3{padding: 10px 0 40px;}
    .sub05 .sec03 .cont01 ul{gap: 10px;}
    .sub05 .sec03 .cont01 ul li.box{padding: 20px; border-radius: 30px;}
    .sub05 .sec03 .cont01 ul li.box h5{font-size: 24px; padding-bottom: 10px;}
    .sub05 .sec03 .cont01 ul li.box p{font-size: 18px;}
    
    .sub05 .sec03 .cont02 .item{font-size: 18px;}
    .sub05 .sec03 .cont02 .item .top p{font-size: 20px; height: 50px;}
    .sub05 .sec03 .cont02 .item .btm p{padding: 20px;}
}
@media all and (max-width:768px){
    .sub05 .sec03 .cont02 h4{font-size: 20px;}
    .sub05 .sec03 .cont01{display: flex; justify-content: space-between; gap: 20px;}
    .sub05 .sec03 .cont01 h4{}
    .sub05 .sec03 .cont01 h4 span{font-size: 20px;}
    .sub05 .sec03 .cont01 ul{flex-direction: column; flex: 1; max-width: 400px;}
    .sub05 .sec03 .cont01 ul li.box h5{font-size: 20px;}
    .sub05 .sec03 .cont01 ul li.box p{font-size: 16px;}
    .sub05 .sec03 .cont01 ul li.box,
    .sub05 .sec03 .cont01 ul li.arrow{flex: none; width: 100%;}
    .sub05 .sec03 .cont01 ul li.arrow{display: flex; align-items: center; flex-direction: row-reverse; gap: 10px;}
    .sub05 .sec03 .cont01 ul li.arrow img{display: none; width: auto;}
    .sub05 .sec03 .cont01 ul li.arrow img:nth-of-type(2){display: block; height: 100px;}
    .sub05 .sec03 .cont01 ul li.arrow h6{font-size: 16px;}
    
    .sub05 .sec03 .cont02 .item{font-size: 16px;}
    .sub05 .sec03 .cont02 .item .top p{padding: 0 20px; font-size: 18px;}
    .sub05 .sec03 .cont02 .item > div .left{width: 95px; min-width: auto;}
    .sub05 .sec03 .cont02 .item .btm p{padding: 15px 10px;}
    .sub05 .sec03 .cont02 .item > div .right .txt p:nth-of-type(1){width: 70px;}
    .sub05 .sec03 .cont02 .item > div{gap: 0 10px;}
    .sub05 .sec03 .cont02 .item > div .right .txt{gap: 10px;}
    .sub05 .sec03 .cont02 .item .btm .right .txt{gap: 10px;}
}
@media all and (max-width:500px){
    .sub05 .sec03 .cont01{display: block;}
    .sub05 .sec03 .cont01 ul{max-width: none;}
}


/* 신청 절차 */
.sub05 .sec04{background: #0089b6; color: #fff; padding: 20rem 0 16rem;}
.sub05 .sec04 .inner{max-width: 1600px;}
.sub05 .sec04 h2{padding-bottom: 9rem; color: #fff;}
.sub05 .sec04 .cont{position: relative;}
.sub05 .sec04 .cont::after{content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 2.8rem; z-index: 0; left: 0;}
.sub05 .sec04 .cont .inner{z-index: 1;}
.sub05 .sec04 .cont ul{display: flex; justify-content: space-between; gap: 2rem;}
.sub05 .sec04 .cont ul li{flex: 1; text-align: center; }
.sub05 .sec04 .cont ul li h3{width: 5.8rem; height: 5.8rem; border-radius: 100px; background-color: #fff; color: #0089b6; align-items: center; justify-content: center; font-size: 3.6rem; font-family: 'GmarketSansBold'; display: inline-flex; padding-top: 1rem; }
.sub05 .sec04 .cont ul li h4{font-family: 'JalpulrineunOneul'; font-size: 2.7rem; padding: 2rem 0; }
.sub05 .sec04 .cont ul li p{font-size: 2rem; line-height: 1.6; font-weight: 400;}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub05 .sec04{padding: 80px 0;}
    .sub05 .sec04 h2{padding-bottom: 40px;}
    .sub05 .sec04 .cont::before{content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; z-index: 0; left: 0; top: 60%;}
    .sub05 .sec04 .cont ul{flex-wrap: wrap; gap: 30px 10px;}
    .sub05 .sec04 .cont ul li{flex: none; width: calc((100% - 20px) / 3);}
    
}
@media all and (max-width:768px){
    .sub05 .sec04 .cont::after{top: 17px;}
    .sub05 .sec04 .cont ul li h3{font-size: 24px; width: 35px; height: 35px;}
    .sub05 .sec04 .cont ul li h4{font-size: 18px; padding: 10px 0;}
    .sub05 .sec04 .cont ul li p{font-size: 14px;}
}
@media all and (max-width:550px){
    .sub05 .sec04 .cont::before,
    .sub05 .sec04 .cont::after{display: none;}
    .sub05 .sec04 .cont ul li{width: calc((100% - 10px) / 2);}
}