body{
    overflow-x: hidden;
}

.main-visual{
    position:relative;
    width:100%;
    height: 75rem;
    margin:0 auto;
    overflow:hidden;
}

.main-visual .swiper{
    width: 100%;
    height: 100%;
}

.main-visual .bg{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    animation: subbg 15s forwards;
    position: absolute;
    left: 0;
    top: 0;
}
/*
.main-visual .swiper-slide .bg{
    background-image: url(../img/main-visual1.jpg);
    z-index:1;
}*/

.main-visual .swiper-slide::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.15);
    z-index:2;
}

 .main-visual .swiper-slide.sl1 .bg{
    background-image: url(../img/main-visual1.jpg);
} 

.main-visual .swiper-slide.sl2 .bg{
    background-image: url(../img/main-visual2.jpg);
}

.main-visual .swiper-slide.sl3 .bg{
    background-image: url(../img/main-visual3.jpg);
} 

.main-visual .visual_txt {
    height: 100%;
    width: 100%;
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	
}

.main-visual .visual_txt p:nth-child(1) {
    font-size: 1.4rem;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
}

.main-visual .visual_txt p:nth-child(2) {
    font-size: 6.8rem;
    font-weight: 200;
    line-height: 1.2;
    color: #fff;
    margin-top: 2rem;
    text-align: center;
    font-weight:700;
}

.main-visual .visual_txt p:nth-child(3) {
    font-size: 2.25rem;
    color: #fff;
    font-weight: 300;
    margin-top: 4rem;
}

.main-visual .visual_txt p:nth-child(1), 
.main-visual .visual_txt p:nth-child(2),
.main-visual .visual_txt p:nth-child(3) {
    opacity: 0;
}

.main-visual .swiper-slide-active p:nth-child(1) {
    animation: fadein 1.5s .4s forwards;
}

.main-visual .swiper-slide-active p:nth-child(2) {
    animation: slideup 1.5s .6s forwards;
}
.main-visual .swiper-slide-active p:nth-child(3) {
    animation: fadein 1.5s .4s forwards;
}

.main-visual .swiper-pagination{
    position: absolute;
    z-index: 3;
    bottom: 6rem;
    width: 100%;
}

.main-visual .swiper-pagination span + span{
    margin-left: 2.7rem;
}
.main-visual .swiper-pagination span{
    opacity:0.45;
}
.main-visual .swiper-pagination .swiper-pagination-bullet-active {
    opacity:1;
}
.main-visual .swiper-pagination span,
.main-visual .swiper-pagination-bullet-active{
    background-color: #fff;
}


@keyframes slideup {
    0% {
        transform: translateY(2rem);
    }
    100% {
        transform: none;
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes subbg {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: none;
    }
}

@media (max-width: 992px) {
    .main-visual .visual_txt p:nth-child(2){
        font-size:min(10vw,6.8rem);
    }
    .main-visual .visual_txt p:nth-child(3){
        font-size:min(5vw,3rem);
        text-align:center;
    }
}

/**************************************/
/**************** common css ****************/

.main-sec{
    padding-block:18rem 13rem;
}

@media (max-width: 1600px) {
    .main-sec{
        padding-block:15rem 8rem;
    }
}

@media (max-width: 992px) {
    .main-sec{
        padding-block:14vh 6vh;
    }
}

@media (max-width: 768px) {
    
}

@media (max-width: 480px) {
}

/* tab-type css*/

.tab-box ul{
    display:flex;
    gap:1rem;
}

.tab1 .tab-list{
    cursor:pointer;
}

.tab1 .tab-list .txt{
    font-size:2rem;
    font-weight:300;
    padding-inline:2.2rem;
    padding-block:1.25rem;
    border-radius:3rem;
}

.tab1 .tab-list.active .txt{
    color:#fff;
    background-color:#12385f;
    font-weight:600;
}

.tab1-cont > div{
    min-height:45rem;
    display:none;
}

.tab1-cont .active{
    display:block;
}


@media (max-width: 1600px) {
}

@media (max-width: 992px) {
    .tab1 .tab-list .txt{
        font-size:2.2rem;
        padding-inline:3rem;
        padding-block:1.5rem;
        border-radius:4rem;
    }

    .tab1-cont > div{
        min-height:auto;
    }
}

@media (max-width: 768px) {
    
}

@media (max-width: 480px) {
}

/* list-type css */

.list-type0{
}

.list-type0 .list + .list{
    margin-top:1rem;
}

.list-type0 .list .txt{
    font-size:1.8rem;
    color:#666;
    font-weight:400;
}

.list-type1 .list{
    display:flex;
    align-items:center;
    padding-block:5rem;
}

.list-type1 .list:nth-child(even){
    border-block:1px solid #4f759c;
}

.list-type1 .list .list-tit{
    font-size:2.8rem;
    font-weight:600;
    width:16rem;
}

.list-type1 .list .list-cont{
    width:calc(100% - 16rem);
}

.list-type1 .list .list-cont .txt{
    font-size:2rem;
    font-weight:400;
    text-align:justify;
    color:#ced5df !important;
}

.list-type2{
    display:flex;
}

.list-type2 > .list{
    width:50%;
    padding-block:5rem 7rem; 
    padding-inline:6rem;
}

.list-type2 > .list:first-child{
    background-color:#f5f6fa;
}

.list-type2 > .list:last-child{
    background-color:#fff;
}

.list-type2 .sub-tit-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 6rem;
}

.list-type2 .sub-tit-box::before {
    content: '';
    position: absolute;
    bottom: -2rem;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e1e1e1;
}

.list-type2 .sub-tit-box .sub-tit {
    font-size: 3.6rem;
    font-weight: 700;
    color:#333;
}


.list-type3{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
}

.list-type3 .list{
    position:relative;
}

.list-type3 .list::after{
    position:absolute;
    content:'';
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.15);
}

.list-type3 .img img{
    width:100%;
}

.list-type3 .list .txt-wrap{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    z-index:2;
}

.list-type3 .list .txt-wrap .sub-tit-box *{
    text-align:center;
    color:#fff;
}

.list-type3 .list .txt-wrap .sub-tit-box .en-sub-tit{
    font-size: 13px;
    letter-spacing: 5px;
    font-weight:300;
    text-transform: uppercase;
    font-weight:600;
}

.list-type3 .list .txt-wrap .sub-tit-box .sub-tit{
    font-size:5rem;
    font-weight:700;
}

.list-type3 .list .txt-wrap .plus{
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    width:4rem;
    height:4rem;
    bottom:35%;
    transform:translateY(50%);

}

.list-type3 .list .txt-wrap .plus::after{
    content:'';
    position:absolute;
    width:100%;
    height:1px;
    background-color:#fff;
}

.list-type3 .list .txt-wrap .plus::before{
    content:'';
    position:absolute;
    width:1px;
    height:100%;
    background-color:#fff;
}

.list-type4{
    position:relative;
}

.list-type4 .list{
    display:flex;
    gap:4rem;
    overflow:hidden;
    color:#333;
}

.list-type4 .list .lg-txt{
    color:inherit;
}

.list-type4 > .list + li.deco-img + .list{
    margin-top:4rem;
}

.list-type4 .list .left,
.list-type4 .list .right{
    width:calc(50% - 2rem);
}

.list-type4 .list .left,
.list-type4 .list .left .img,
.list-type4 .list .left .img img,
.list-type4 .list .right{
    border-radius: 3.5rem;
}

.list-type4 .list .left{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

.list-type4 .list:first-child .left{
    background:url(../img/main-img_9.jpg) no-repeat center center / cover;
}

.list-type4 .list:last-child .left{
    background:url(../img/main-img_10.jpg) no-repeat center center / cover;
}

.list-type4 .list .left .txt-box .sub-tit{
    font-size:4rem;
}

.list-type4 .list .left .txt-box .sub-tit,
.list-type4 .list .left .txt-box .lg-txt{
    color:#fff;
    text-align:center;
}

.list-type4 .list .left .txt-box .lg-txt{
    margin-top:1.5rem;
}

.list-type4 .list .left .txt-box{
    position:absolute;
    width:100%;
}

.list-type4 > .list > div{
    min-height:30rem;
}

.list-type4 .list .right{
    border: 1px solid #e1e1e1;
    display:flex;
    justify-content:center;
    align-items:center;
}

.list-type4 .list .right .sub-tit-box .sub-tit{
    font-size:3rem;
    font-weight:700;
    width:18rem;
    height:18rem;
    border-radius:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:3rem;
    color:#333;
}

.list-type4 .list:first-child .right .sub-tit-box .sub-tit{
    background-color:#fff;
}

.list-type4 .list:last-child .right .sub-tit-box .sub-tit{
    background-color:#f5f6fa;
}

.list-type4 .list:first-child .right{
    background-color:#f5f6fa;
}

.list-type4 li.deco-img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:5;
}

.list-type5{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:5rem;
}

.list-type5 .list{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:start;
    align-items:center;
    gap:3rem;
    background-color:#f5f6fa;
    height:70rem;
    padding-inline:7%;
    padding-block:7rem;
    border-radius: 30rem;
}

.list-type5 .list * {
    text-align:center;
}

.list-type5 .list .lg-txt{
    color:#666;
}

.list-type5 .list .sub-tit-box .sub-tit{
    font-size:3.6rem;
    font-weight:700;
    margin-top:7px;
    color:#333;
}


@media (max-width: 1600px) {
}

@media (max-width: 992px) {
    
    .list-type0 .list .txt{
        font-size:min(3.5vw,2rem);
    }

    .list-type1 .list:first-child{
        border-top: 1px solid #4f759c;
    }

    .list-type1 .list{
        flex-direction: column;
        gap:3rem;
        padding-block:4rem;
    }

    .list-type1 .list .list-tit{
        width:100%;
        text-align:center;
    }

    .list-type1 .list .list-cont{
        width:100%;
    }

    .list-type2{
        flex-direction: column;
    }

    .list-type2 > .list{
        width:100%;
    }

    .list-type4 li.deco-img{
        display:none;
    }

    .list-type4 .list{
        flex-direction: column;
        gap:2rem;
    }
    
    .list-type4 > .list + li.deco-img + .list{
        margin-top:2rem;
    }

    .list-type4 .list .left, 
    .list-type4 .list .right{
        width:100%;
    }

    .list-type4 .list .right{
        padding-inline:8%;
    }

    .list-type4 > .list > div{
        min-height:28rem;
    }
    .list-type4 .list .left .txt-box .lg-txt{
        font-size:min(4vw,2rem);
        padding-inline:8%;
    }
    .list-type4 .list .right .sub-tit-box .sub-tit{
        font-size:min(4.5vw,3rem);
        width:16rem;
        height:16rem;
    }

    .sec6-cont .list-type5{
        grid-template-columns: 1fr;
    }
    .sec6-cont .list-type5 .list{
        height:78rem;
        padding-block: 6rem;
    }
}

@media (max-width: 768px) {
    .list-type2 > .list{
        padding-inline:4rem;
    }
}

@media (max-width: 480px) {
    .list-type1 .list{
        gap:1.5rem;
    }
    .list-type4 > .list > div{
        min-height:20rem;
    }
    .list-type4 .list > .left{
        min-height:28rem;
    }

    .list-type4 .list .right .sub-tit-box .sub-tit{
        width: 13rem;
        height: 13rem;
        margin-right:2rem;
    }
}


/**************************************/
/**************** sec1 css ****************/

.sec1{
    padding-bottom:13rem;
}

.sec1  .tit-box:not(:has(+ .txt)) {
    margin-bottom: 6rem;
}

.sec1-cont{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.sec1-cont .left{
	padding-top:60px;
    width:32%;
}

.sec1-cont .right{
    width:61.5%;
    transform:translateY(5rem);
}

.sec1-cont .list-type0 .list .txt .sup{
    vertical-align: top;
    color:inherit;
}

.name-box{
    position: relative;
    padding-bottom:3rem;
    margin-bottom:6rem;
}

.name-box::before{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background-color:#e1e1e1;
}

.name-box .position{
    color:#0075bd;
    font-size:2.2rem;
    font-weight:700;
}

.name-box .name{
    color:#333;
    font-size:3.8rem;
    font-weight:700;
    margin-top:0.5rem;
}

.sec1-cont .tab-cont{
    margin-top:4rem;
}

@media (max-width: 1600px) {
}

@media (max-width: 992px) {
    .sec1-cont{
        flex-direction:column;
        gap:5rem;
    }
    .sec1-cont .left{
        width:100%;
    }
    .sec1-cont .left{
        display:flex;
        justify-content:center;
    }
    .sec1-cont .right{
        width:100%;
        transform:none;
    }

    .name-box{
        padding-bottom:0;
    }

    .name-box::before{
        display:none;
    }

    .name-box .position,
    .name-box .name{
        text-align:center;
    }
    
    .sec1-cont .tab-box ul{
        justify-content:center;
    }
}

@media (max-width: 768px) {
}

@media (max-width: 480px) {
}

/**************************************/
/**************** sec2 css ****************/

.sec2{
    background:url(../img/main-img_2.jpg) no-repeat center center / cover;
}

.sec2-top-cont{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-block:6rem;
}

.sec2-top-cont *{
    color:#fff !important;
}

.sec2-top-cont > div{
    width:50%;
}

.sec2-top-cont .left {
    position: relative;
    top: -1rem;
}

.sec2-top-cont .left .tit-box{
    text-align:left;
}

.sec2-top-cont .left .tit-box h2.tit{
    margin-top:0;
    margin-bottom:9rem;
}

.sec2-top-cont .left .sm-txt{
    line-height:1.8;
}

.sec2-bot-cont{
    padding-bottom:7rem;
}

.sec2-bot-cont .list-type2 .list .grid-list {
    display:grid;
    grid-template-columns: 1fr 1.05fr;
    gap: 1rem;
}

.sec2-bot-cont .list-type2 .list .grid-list .list{
    margin-top:0;
}

.sec2-bot-cont .list-type2 .list .grid-list .list .txt{
    font-size:2.2rem;
}

.sec2-bot-cont .list-type2 .check-box{
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    padding-block:1.25rem;
    padding-inline:3.5rem;
    border-radius:3rem;
    color:#333;
}

.sec2-bot-cont .list-type2 .list:first-child .check-box{
    background-color:#fff;
}

.sec2-bot-cont .list-type2 .list:last-child .check-box{
    background-color:#f5f6fa;
}


@media (max-width: 1600px) {
}

@media (max-width: 992px) {
    .sec2{
        background:url(../img/main-img_2-m.jpg) no-repeat center top / contain;
        background-color:#265588;
    }
    .sec2-top-cont{
        flex-direction: column;
        padding-block:9rem 0;
        gap:7rem;
    }
    .sec2-top-cont > div{
        width:100%;
    }
    .sec2-top-cont .left{
        top:0;
    }
    .sec2-top-cont .left .tit-box,
    .sec2-top-cont .left .sm-txt{
        text-align:center;
    }
    .sec2-top-cont .left .tit-box h2.tit{
        margin-bottom:9rem;
    }

    .sec2-bot-cont .list-type2 .list .grid-list{
        grid-template-columns: 1fr;
    }
    .sec2-bot-cont .list-type2 .check-box{
        font-size:11px;
        padding-inline:3rem;
        padding-block:1rem;
    }
    .sec2-bot-cont{
        margin-top:2rem;
    }
}

@media (max-width: 768px) {
}

@media (max-width: 480px) {

    .sec2-top-cont .list-type1 .list .list-cont .txt{
        /* letter-spacing: -0.5px; */
    }
    .list-type1 .list .list-cont .txt{
        text-align:center;
    }
}

/**************************************/
/**************** sec3 css ****************/

.sec3 .tit-box:not(:has(+ .txt)){
    margin-top: 0;
    margin-bottom: 9rem;
}

.sec3-cont{
    position:relative;
}

.sec3 .swiper-pagination-box{
    display:flex;
    align-items:center;
    justify-content: center;
    gap:1.5rem;
    margin-bottom:9rem;
}

.sec3 .swiper-pagination-box .swiper-pagination-bullet{
    width:auto;
    height:auto;
    padding-inline:4rem;
    padding-block:1.15rem;
    border-radius:3rem;
    background-color:#F5F6FA;
    opacity:1;
}

.sec3 .swiper-pagination-box .swiper-pagination-bullet-active{
    background-color:#0074bd;
    box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

.sec3 .swiper-pagination-box .swiper-pagination-bullet p{
    font-size:1.8rem;
    text-align:center;
}

.sec3 .swiper-pagination-box .swiper-pagination-bullet-active p{
    color:#fff;
    font-weight:600;
}

.sec3 .swiper-box{
    max-width:1450px;
    width:100%;
    margin: 0 auto;
}

.sec3 .swiper-slide{
    display:flex;
    align-items:center;
}

.sec3 .swiper-slide .left{
    width:50%;
}

.sec3 .swiper-slide .left .img,
.sec3 .swiper-slide .left .img img{
    border-radius:20rem;
}

.sec3 .swiper-slide .right{
    width:50%;
}

.sec3 .swiper-slide .right .txt_wrap .sub-tit{
    font-size:3.2rem;
    color:#333;
}

.sec3 .swiper-slide .right .txt_wrap .sub-tit .en-tit{
    font-size:2.4rem;
}

.sec3 .swiper-slide .right .txt_wrap .txt{
    text-align:justify;
    margin-top:2.5rem;
    line-height:1.75;
    font-size:2.35rem;
    letter-spacing: -0.8px;
    color:#666;
}

.sec3 .swiper-button-next, 
.sec3 .swiper-button-prev{
    background-color: #f5f6fa;
    padding: 5rem;
    color: #2d2d2d;
}

.sec3 .swiper-button-next{
    right:0;
}

.sec3 .swiper-button-prev{
    left:0;
}

@media (max-width: 1600px) {
}

@media (max-width: 992px) {
    .sec3-cont{
        padding-inline:8%;
    }
    .sec3 .swiper-slide{
        flex-direction: column;
    }
    .sec3 .swiper-slide .left{
        width:100%;
    }
    .sec3 .swiper-slide .left .img,
    .sec3 .swiper-slide .left .img img{
        border-radius:30rem;
    }
    .sec3 .swiper-slide .left .img{
        display:flex;
        justify-content:center;
        align-items:center;
        margin-bottom:5rem;
    }
    .sec3 .swiper-slide .right{
        width:100%;
    }
    .sec3 .swiper-slide .right .txt_wrap .sub-tit{
        text-align:center;
    }
    .sec3 .swiper-button-next,
    .sec3 .swiper-button-prev{
        display:none;
    }

    .sec3 .swiper-slide .right .txt_wrap .sub-tit {
        font-size: min(6vw, 5rem);
        line-height: 1;
    }

    .sec3 .swiper-slide .right .txt_wrap .txt{
        font-size:min(4vw,2.4rem);
    }
    .sec3 .tit-box:not(:has(+ .txt)),
    .sec3 .swiper-pagination-box{
        margin-bottom:6rem;
    }
}

@media (max-width: 768px) {
}

@media (max-width: 480px) {
    .sec3 .swiper-pagination-box .swiper-pagination-bullet{
        padding-inline:5vw;
    }
    .sec3 .swiper-slide .right .txt_wrap .sub-tit .en-tit{
        font-size:min(3.8vw,2.2rem);
    }
}

/**************************************/
/**************** sec4 css ****************/

.sec4{
    background-color:#f5f6fa;
}

.sec4 .detail-box{
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    z-index:2;
    left:0;
    top:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    opacity:0;
    transition:all 0.3s ease;
    padding:3rem 5rem;
}

.sec4 .detail-box .sub-tit-box .sub-tit{
    font-size: 5rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    line-height:1.2;
    margin-top:1rem;
}

.sec4 .detail-box .sub-tit-box .en-sub-tit{
    font-size: 13px;
    letter-spacing: 5px;
    font-weight: 300;
    text-transform: uppercase;
    font-weight: 600;
    text-align:center;
    color:#878787;
}

.sec4 .detail-box .sm-txt{
    color:#cacaca;
    margin-top:3rem;
    font-weight:300;
    line-height:1.4;
    text-align:justify;
    letter-spacing: 0px;
}

.sec4 .list-type3 .list:hover .detail-box{
    opacity:1;
}

.sec4 .list-type3 .list:hover .txt-wrap{
    display:none;
}

.sec4 .sec4-cont{
    margin-top:7rem;
}

@media (max-width: 1600px) {
}

@media (max-width: 992px) {
    .sec4 .list-type3{
        grid-template-columns: 1fr;
    }
    .list-type3 .list .txt-wrap .sub-tit-box .en-sub-tit,
    .sec4 .detail-box .sub-tit-box .en-sub-tit{
        font-size:min(2.4vw,1.3rem);
    }
}

@media (max-width: 768px) {
    .sec4 .sec4-cont{
        margin-top:5rem;
    }
    .sec4 .detail-box .sub-tit-box .en-sub-tit{
        letter-spacing: 3px;
    }
}

@media (max-width: 480px) {

    .sec4 .list-type3 .list:last-child  .detail-box .sm-txt{
        letter-spacing: -0.25px;
    }
}

/**************************************/
/**************** sec5 css ****************/

.sec5 .sec5-cont{
    margin-top:9rem;
}

@media (max-width: 1600px) {
}

@media (max-width: 992px) {
    .sec5 .sec5-cont{
        margin-top:6rem;
    }

    .sec5 .right .pl-block{
        display:inline-block !important;
        padding-left:8px;
    }
}

@media (max-width: 768px) {
}

@media (max-width: 480px) {
}

/**************************************/
/**************** sec6 css ****************/

.sec6-cont{
    margin-top:9rem;
}

.sec6-cont .list-type5 .list{
    transition:all .3s ease;
}

.sec6-cont .list-type5 .list:hover{
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.5);
    background-color:#12385f;
}

.sec6-cont .list-type5 .list:hover *{
    color:#fff;
}

@media (max-width: 1600px) {
}

@media (max-width: 992px) {
    .sec6-cont{
        margin-top:6rem;
    }
}

@media (max-width: 768px) {
}

@media (max-width: 480px) {
}

/**************************************/
/**************** sec7 css ****************/

.sec7{
    background:url(../img/main-img_15.jpg) no-repeat center center / cover;
    padding-block:10rem;
}

.sec7 *{
    text-align:left !important;
}

.sec7 .inner{
    width:fit-content;
    position:relative;
    left:35%;
    transform:translateX(-50%);
}

.sec7 .tit-box .tit,
.sec7 .tit-box + .txt{
    color:#fff;
}

.sec7 .tit-box + .txt{
    font-size:2.35rem;
}

.sec7 .tit-box + .txt,
.sec7 .xs-txt{
    margin-top:4rem;
}

.sec7 .xs-txt{
    color:#aab7c8;
}

@media (max-width: 1600px) {
    .sec7 .inner{
        padding-inline:6%;
    }
}

@media (max-width: 992px) {
    .sec7 {
        background: url(../img/main-img_15-m.jpg) no-repeat center center / cover;
        padding-block: 40vh;
    }
    
    .sec7 .inner{
        width:fit-content;
        position:relative;
        left:0%;
        margin-inline: 0;
        left: 0%;
        bottom: 50%;
        transform: translateY(80%);
    }

    .sec7 .tit-box .img{
        max-width:26rem;
    }

    .sec7 .tit-box h2.tit{
        font-size:min(7vw,5.2rem);
    }
    .sec7 .tit-box + .txt{
        font-size:min(3.4vw,2.4rem);
    }
    .sec7 .xs-txt{
        font-size:min(2.8vw,1.8rem);
    }
    .sec7 .tit-box + .txt, .sec7 .xs-txt{
        margin-top:2rem;
    }
}

@media (max-width: 768px) {
    .sec7 {
        padding-block: 25vh;
    }
}

@media (max-width: 480px) {
}

/**************************************/
/**************** sec8 css ****************/

.sec8 .tit-box:not(:has(+ .txt)){
    margin-bottom:9rem;
}

.sec8  .sec8-cont{
    display:flex;
    gap:2rem;
}

.sec8 .sec8-main-swiper{
    width:78%;
}

.sec8 .sec8-thumb-swiper{
    width:22%;
}

.sec8 .sec8-cont {
    align-items: flex-start;
}
.sec8 .sec8-thumb-swiper {
    height: auto;
}
.sec8 .sec8-thumb-swiper .swiper-wrapper {
    flex-direction: column;
    height: 100%;
}
.sec8 .swiper-slide .img,
.sec8 .swiper-slide .img img{
    width:100%;
    height:100%;
}

.sec8 .swiper-control-box{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background-color:#0a284a;
    z-index:2;
    padding-block:3.5rem;
    padding-inline:3rem;
}

.sec8 .swiper-button-prev,
.sec8 .swiper-button-next{
    position:relative;
    height:auto;
    width:fit-content;
    margin-top:0;
    opacity:1 !important;
}

.sec8 .swiper-button-prev::after,
.sec8 .swiper-button-next::after{
    display:none;
}

@media (max-width: 1600px) {
}

@media (max-width: 992px) {
    .sec8 .sec8-cont{
        flex-direction: column;
        gap:1rem;
    }
    .sec8 .sec8-main-swiper,
    .sec8 .sec8-thumb-swiper{
        width:100%;
    }
    .sec8 .sec8-thumb-swiper .swiper-wrapper {
        flex-direction: row;
        height: auto;
    }
    .sec8 .swiper-control-box{
        padding-block: 3rem;
        padding-inline: 1.5rem;
    }

    .sec8 .swiper-button-prev, .sec8 .swiper-button-next{
        width:10rem;
    }

    .sec8 .swiper-control-box{
        position:relative;
    }
    .sec8 .tit-box:not(:has(+ .txt)){
        margin-bottom:6rem;
    }
}

@media (max-width: 768px) {
}

@media (max-width: 480px) {
    .sec8 .swiper-button-prev, .sec8 .swiper-button-next{
        width:9rem;
    }
}

/**************************************/
/**************** sec9 css ****************/

.sec9{
    background-color:#f5f6fa;
    padding-block:11rem 11rem;
}

.sec9 .inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:5rem;
}

.sec9 .inner > div{
    width:calc(50% - 2.5rem);
}

.sec9 .left .tit-box:not(:has(+ .txt)){
    margin-bottom:6.5rem;
}

.sec9 .left .tit{
    font-family: "Cormorant", serif;
    color:#333;
    font-size:7.4rem;
    text-align:left;
    font-weight:500;
    margin-top:0;
}

.sec9 .left .dental-info .dental-info__tel .sub-tit,
.sec9 .left .dental-info .dental-info__time .sub-tit,
.sec9 .left .dental-info .dental-info__parking .sub-tit{
    font-size:3.6rem;
    font-weight:700;
    color:#333;
}

.sec9 .left .dental-info .dental-info__tel .tel-list .list .txt{
    color:#0a284a;
    font-size:7.4rem;
    font-weight:700;
    line-height:1;
    margin-top:2rem;
}

.sec9 .left .dental-info .dental-info__time,
.sec9 .left .dental-info .dental-info__parking{
    margin-top:3rem;
}

.sec9 .left .dental-info .dental-info__time .time-list,
.sec9 .left .dental-info .dental-info__parking .parking-list{
    margin-top:1.5rem;
}

.sec9 .left .dental-info .dental-info__time .time-list .list,
.sec9 .left .dental-info .dental-info__parking .parking-list .list{
    display: flex;
    align-items: start;
    font-size: 2.4rem;
    gap: 4rem;
}

.sec9 .left .dental-info .dental-info__time .time-list .list .day,
.sec9 .left .dental-info .dental-info__parking .parking-list .list .day {
    min-width: 8.5rem;
    display: flex;
    justify-content: space-between;
    color: #333;
    font-weight: 600;
    position: relative;
    top: 0.3rem;
}

.sec9 .left .dental-info .dental-info__time .time-list .list + .list,
.sec9 .left .dental-info .dental-info__parking .parking-list .list + .list {
    margin-top: 0.5rem;
}

.sec9 .map-wrap{
    position:relative;
}

.sec9 .map-box .kakao-map{
    width:100%;
    height:55rem;
    border:3px solid #0a284a;
    border-radius: 4rem;
    box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.25);
}

.sec9 .map-box .kakao-map .wrap_map{
    width:100%;
    height:100%;
}

.sec9 .map-box .cont,
.sec9 .map-box .wrap_btn_zoom{
    display:none;
}

.sec9 .map-wrap .txt{
    position:absolute;
    bottom:0;
    padding-block:3rem;
    width:100%;
    text-align:center;
    z-index: 10;
    background-color:#fff;
    font-size:2.6rem;
    text-align:center;
    border-radius: 0 0 4rem 4rem;
    border:3px solid #0a284a;
    border-top:none;
}

@media (max-width: 992px) {
    .sec9 .inner{
        flex-direction: column;
        gap:7rem;
    }
    .sec9 .inner > div{
        width:100%;
    }
    .sec9 .map-box .kakao-map{
        height:35rem;
    }
    .sec9 .left .tit{
        text-align:center;
    }
    .sec9 .left .dental-info .dental-info__tel .tel-list .list .txt{
        font-size:min(10.5vw,7rem);
    }
    .sec9 .left .dental-info .dental-info__tel .sub-tit, 
    .sec9 .left .dental-info .dental-info__time .sub-tit, 
    .sec9 .left .dental-info .dental-info__parking .sub-tit{
        font-size:min(6vw,3.6rem);
    }
    .sec9 .left .dental-info .dental-info__time .time-list .list,
    .sec9 .left .dental-info .dental-info__parking .parking-list .list{
        font-size:min(5vw,2.4rem);
    }
    .sec9 .map-wrap .txt{
        font-size:min(3vw,2.6rem);
        padding-block:1.75vh;
    }

    .sec9 {
        padding-block: 10vh 7vh;
    }
}