.sub01 .sub-visual{background-image: url(../img/sub01/sub01-visual.png);}
.sub01 .sub-section h2{font-size: 5rem; font-family: 'ONE-Mobile-Bold'; color: #00697c;}
@media all and (max-width:1024px){
    .sub01 .sub-section h2{font-size: 28px;}
}
@media all and (max-width:768px){
    .sub01 .sub-section h2{font-size: 24px;}
}
/* sec01 */
.sub01 .sec01{padding: 20rem 0 17rem; background-color: #00697c; color: #fff;}
.sub01 .sec01 .inner{}
.sub01 .sec01 h2{padding-bottom: 6rem; color: #fff;}
.sub01 .sec01 h2 span{color: #ffba15;}
.sub01 .sec01 ul{display: flex; gap: 3rem; flex-wrap: wrap;}
.sub01 .sec01 ul li{border-top: 1px solid #fff; padding-top: 5.5rem; width: calc((100% - 6rem) / 3); font-size: 3.5rem; line-height: 1.4;}
.sub01 .sec01 ul li p{}
@media all and (max-width:1300px){
    .sub01 .sec01 ul{}
    .sub01 .sec01 ul li{font-size: 3rem}
}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sub01 .sec01{padding: 60px 0;}
    .sub01 .sec01 h2{padding-bottom: 30px;}
    .sub01 .sec01 ul li{padding-top: 30px; font-size: 20px;}
}
@media all and (max-width:768px){
    .sub01 .sec01 ul{gap: 0;}
    .sub01 .sec01 ul li{width: 100%; font-size: 18px; padding: 15px 0;}
}

.sec02{padding: 25.4rem 0 38rem; font-size: 2.5rem; }
.sec02 .inner{}
.sec02 .cont{}
.sec02 .cont:nth-child(2){padding: 35rem 0 33rem;}
.sec02 .cont h2{padding-bottom: 7rem;}
.sec02 .cont .namebox{padding-right: 30rem; margin-bottom: 6rem; width: 100%; position: relative; }

.sec02 .cont .namebox img{position: absolute; bottom: 0; right: 0px; max-width: 36rem; width: 100%;}
.sec02 .cont .namebox p{width: 100%; padding: 5.3rem 0; background-color: #00697c; color: rgb(255, 255, 255); text-align: right; padding-right: 10rem; font-family: 'ONE-Mobile-Bold';}
.sec02 .cont .namebox p span{font-size: 4.2rem; letter-spacing: 6.84px;}
.sec02 .cont .info{display: flex; gap: 10rem 4.7rem; flex-wrap: wrap;}
.sec02 .cont .info .item{width: calc((100% - 4.7rem) / 2);}
.sec02 .cont .info .item:nth-child(3){width: 100%;}
.sec02 .cont .info .item h3{font-weight: 500; padding-bottom: 1.6rem; margin-bottom: 3.2rem; border-bottom: 1px solid #000;}
.sec02 .cont .info .item ul{display: flex; flex-direction: column; gap: 2rem; font-weight: 300;}
.sec02 .cont .info .item ul li{}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec02{padding: 60px 0; font-size: 18px;}
    .sec02 h2{text-align: center;}
    .sec02 .cont h2{padding-bottom: 30px;}
    .sec02 .cont:nth-child(2){padding: 60px 0;}
    .sec02 .cont .namebox{padding-right: 0; text-align: center; margin-bottom: 30px;}
    .sec02 .cont .namebox img{position: relative;}
    .sec02 .cont .namebox p{padding: 15px; text-align: center;}
    .sec02 .cont .namebox p span{font-size: 24px;}
    .sec02 .cont .info .item h3{padding-bottom: 15px; margin-bottom: 15px;}
    .sec02 .cont .info .item ul{gap: 10px;}
}
@media all and (max-width:768px){
    .sec02{Fz: 16px;}
    .sec02 .cont .info{gap: 30px;}
    .sec02 .cont .info .item{width: 100%;}
    .sec02 .cont .info .item ul{font-size: 16px;}
    .sec02 .cont .namebox p span{font-size: 20px;}
}
@media all and (max-width:500px){
    
}

.sub01 .sec03{padding-bottom: 38rem;}
.sub01 .sec03 .inner{}
.sub01 .sec03 h2{text-align: center; padding-bottom: 15rem; color: #00697c;}
.sub01 .sec03 .list{display: flex; gap: 12.7rem 1.8rem; margin-bottom: 12.7rem; flex-wrap: wrap;}
.sub01 .sec03 .list li{width: calc((100% - 3.6rem) / 3);}
.sub01 .sec03 .list h3{background-color: #00697c; color: #fff; padding: 1.3rem; font-size: 2.7rem;}
.sub01 .sec03 .list li .imgbox{width: 100%; border-bottom: 1px solid #000; margin-bottom: 2.2rem;}
.sub01 .sec03 .list li .imgbox img{max-height: 100%;}
.sub01 .sec03 .list li p{font-size: 2.2rem; font-weight: 300;}
.sub01 .sec03 .list02{}
.sub01 .sec03 .list02 li{}
.sub01 .sec03 .list02 li:nth-child(1){width: calc(((100% - 0.9rem) / 3) * 2);}
.sub01 .sec03 .list02 li:nth-child(2){width: calc((100% - 3.6rem) / 3);}
.sub01 .sec03 .list02 li .item-wrap{display: flex; gap: 1.8rem; flex-wrap: wrap;}
.sub01 .sec03 .list02 li .item-wrap .item{flex: 1;}
.sub01 .sec03 .list03{margin-bottom: 0;}
@media all and (max-width:1024px){
    .sub01 .sec03{padding-bottom: 60px;}
    .sub01 .sec03 h2{padding-bottom: 30px;}
    .sub01 .sec03 .list{gap: 30px 1.8rem; margin-bottom: 30px;}
    .sub01 .sec03 .list h3{font-size: 18px;}
    .sub01 .sec03 .list li p{font-size: 17px;}
    .sub01 .sec03 .list li .imgbox{margin-bottom: 15px;}
}
@media all and (max-width:768px){
    .sub01 .sec03 .list h3{font-size: 16px; padding: 5px;}
    .sub01 .sec03 .list li{width: calc((100% - 1.8rem) / 2);}
    .sub01 .sec03 .list02 li:nth-child(1){width: 100%;}
    .sub01 .sec03 .list02 li:nth-child(2){width: calc((100% - 1.8rem) / 2);}
}
.sub01 .sec04{position: relative;}
.sub01 .sec04 .sec04-inner{padding-left: 13vw; display: flex; align-items: flex-end; justify-content: space-between;}
.sub01 .sec04 .txtbox{width: 58%;}
.sub01 .sec04 .txtbox h2{color: #00697c; padding-bottom: 9.5rem;}
.sub01 .sec04 .txtbox .item-wrap{display: flex; gap: 4.8rem;}
.sub01 .sec04 .txtbox .item-wrap .item{flex: 1;}
.sub01 .sec04 .txtbox .item-wrap .item h3{font-size: 2.7rem; font-weight: 500; background-color: #00697c; padding: 1rem 1.5rem; color: #fff; margin-bottom: 1.2rem;}
.sub01 .sec04 .txtbox .item-wrap .item p{line-height: 1.6; font-size: 2.4rem; padding: 2.4rem 0;}
.sub01 .sec04 .txtbox .item-wrap .item p span{font-weight: 700;}
.sub01 .sec04 .txtbox .item-wrap .item01 p{}
.sub01 .sec04 .txtbox .item-wrap .item01 p:not(:last-child){border-bottom: 1px solid #8b8b8b;}
.sub01 .sec04 .txtbox .item-wrap .item02 p{}
.sub01 .sec04 .map-img{width: 40%;}
.sub01 .sec04 .map-img img{width: 100%;}
@media all and (max-width:1430px){
    .sub01 .sec04 .sec04-inner{padding: 0 20px;}
}
@media all and (max-width:1024px){
    .sub01 .sec04 .sec04-inner{align-items: flex-start; }
    .sub01 .sec04 .txtbox,
    .sub01 .sec04 .map-img{width: 49%;}
    .sub01 .sec04 .txtbox h2{padding-bottom: 20px;}
    .sub01 .sec04 .txtbox .item-wrap{flex-wrap: wrap; gap: 30px;}
    .sub01 .sec04 .txtbox .item-wrap .item h3{font-size: 20px;}
    .sub01 .sec04 .txtbox .item-wrap .item p{font-size: 18px; padding: 10px 0;}
    .sub01 .sec04 .txtbox .item-wrap .item{flex: auto; width: 100%;}
}
@media all and (max-width:768px){
    .sub01 .sec04 .txtbox .item-wrap{gap: 20px;}
    .sub01 .sec04 .sec04-inner{flex-wrap: wrap; flex-direction: column-reverse; gap: 30px;}
    .sub01 .sec04 .txtbox,
    .sub01 .sec04 .map-img{width: 100%;}
    .sub01 .sec04 .txtbox .item-wrap .item h3{font-size: 18px;}
    .sub01 .sec04 .txtbox .item-wrap .item p{font-size: 16px;}
}
@media all and (max-width:500px){
    
}
/* sec05 둘러보기 */
.sec05{padding: 32rem 0 30rem;}
.sec05 .sec05-inner{padding-left: 13vw; display: flex; align-items: center;}
.sec05 .txtbox{width: 23rem; position: relative; z-index: 2; color: #00697c;}
.sec05 .txtbox h2{}
.sec05 .txtbox .sec05-paging{font-family: 'ONE-Mobile-Bold'; display: flex; align-items: center; gap: 20px; }
.sec05 .txtbox .sec05-paging > *{cursor: pointer; }
.sec05 .sw-sec05{width: calc(100% - 15rem); overflow: hidden; }
.sec05 .sw-sec05 ul{}
.sec05 .sw-sec05 ul li{}
.sec05 .sw-sec05 ul li .imgbox{width: 100%;}
.sec05 .sw-sec05 ul li .imgbox img{width: 100%; height: 100%; object-fit: cover;}
@media all and (max-width:1600px){
    .sec05 .sec05-inner{padding-left: 50px;}
}
@media all and (max-width:1024px){
    .sec05{padding: 60px 0;}
    .sec05 .sec05-inner{padding: 0 20px; flex-wrap:wrap;}
    .sec05 .txtbox{width: 100%; margin-bottom: 20px; }
    .sec05 .sw-sec05{width: 100%; }
    .sec05 .txtbox .sec05-paging{justify-content: flex-end; position: absolute; right: 0; bottom: 0;}
}
@media all and (max-width:768px){
    .sec05 .txtbox{}
}