.blue-text{color: #89abc7;}
.bg-text-flow.sub{}
.bg-text-flow.sub{display: flex; white-space: nowrap; font-size: min(120px, 6.2vw); color: #ececec; text-transform: uppercase; line-height: 1; opacity: 0.8; padding: 64px 0 28px;}
.bg-text-flow.sub>span{display: block; animation: marquee 60s linear infinite;}
@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

#pageSub_1_1{width: 100%; overflow: hidden;}
#pageSub_1_1 .bg-cont{padding-top: 270px; background: url('../sub/img/1_1_bg_intro.webp') no-repeat top/cover;}
#pageSub_1_1 .intro-visual{width: 90%; margin-inline: auto; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 100px;}
#pageSub_1_1 .intro-visual .flex-box{display: flex; justify-content: space-between;}
#pageSub_1_1 .intro-visual .visual-text{width: 90%; max-width: 1353px; text-align: left; color: #fff; margin-bottom: 130px;}
#pageSub_1_1 .intro-visual .visual-text span{display: block; font-size: 40px; font-weight: 500; margin-bottom: 50px; letter-spacing: 0.1em;}
#pageSub_1_1 .intro-visual .visual-text h2{font-size: 72px; font-weight: 700; line-height: 1; margin-bottom: 30px;}
#pageSub_1_1 .intro-visual .visual-text .sub-info{text-align: left; font-size: 23px; line-height: 1.6;}
#pageSub_1_1 .intro-visual .visual-text .sub-info span{font-size: 50px; opacity: 0.3; font-variant-numeric: lining-nums;}
#pageSub_1_1 .intro-visual .video-box{width: 100%; max-width: 1353px; margin-bottom: 170px; display: flex; align-items: center; justify-content: center;}
#pageSub_1_1 .intro-visual .video-box video{width: 100%;}
#pageSub_1_1 .history-section{padding: 120px 0; text-align: center;}
#pageSub_1_1 .history-section .history-title{margin-bottom: 80px;}
#pageSub_1_1 .history-section .history-title h3{font-size: 45px; color: #fff; margin-bottom: 55px; font-weight: 500;}
#pageSub_1_1 .history-section .history-title p{font-size: 18px; color: #fff; line-height: 1.6em; text-align: center;}
#pageSub_1_1 .history-section .history-title b{display: block; margin-top: 30px; font-size: 20px; color: #fff; line-height: 1.6em; font-weight: 500; text-align: center;}
#pageSub_1_1 .history-section .year-list{width: 90%; max-width: 1353px; display: flex; margin-inline: auto;}
#pageSub_1_1 .history-section .year-list span{flex: 1; padding-bottom: 40px; font-size: 48px; color: #c8d6e0; font-weight: 300; letter-spacing: -0.02em; line-height: 1em; font-variant-numeric: lining-nums;}
#pageSub_1_1 .history-section .history-detail{position: relative; width: 100%; border-top: 1px solid #fff; padding-top: 150px;}
#pageSub_1_1 .history-section .history-detail::before{content: ''; position: absolute; top: 120px; left: 50%; transform: translateX(-50%); width: 18px; height: 18px; background: #8ba8bc; border-radius: 50%;}
#pageSub_1_1 .history-section .history-detail .history-void{position: relative; width: 100%; height: 300px;}
#pageSub_1_1 .history-section .history-detail .history-cont{position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: 0; transition: 0.5s; visibility: hidden;}
#pageSub_1_1 .history-section .history-detail .history-cont .float-img{position: absolute;}
#pageSub_1_1 .history-section .history-detail .history-cont .float-img.frst{top: -100px; left: -65%;}
#pageSub_1_1 .history-section .history-detail .history-cont .float-img.scnd{bottom: -120px; right: -80%;}
#pageSub_1_1 .history-section .history-detail .history-cont.active{opacity: 1; visibility: visible;}
#pageSub_1_1 .history-section .history-detail .point-year{display: block; font-size: 60px; color: #fff; margin-bottom: 20px; font-weight: 500; font-variant-numeric: lining-nums;}
#pageSub_1_1 .history-section .history-detail strong{display: block; font-size: 38px; color: #fff; margin-bottom: 25px; font-weight: 700;}
#pageSub_1_1 .history-section .history-detail p{font-size: 17px; color: #fff; line-height: 1.7;}
#pageSub_1_1 .special-section{padding: 120px 0; background: url('../sub/img/1_1_bg_special.webp') no-repeat bottom/contain;}
#pageSub_1_1 .special-section .inner{max-width: 1200px; margin: 0 auto;}
#pageSub_1_1 .special-section .section-label{display: block; text-align: center; font-size: 19px; color: #8ba8bc; margin-bottom: 30px;}
#pageSub_1_1 .special-section .section-title{text-align: center; font-size: 38px; color: #3b3e41; margin-bottom: 25px; font-weight: 700;}
#pageSub_1_1 .special-section .section-desc{text-align: center; font-size: 18px; color: #3b3e41; margin-bottom: 80px; line-height: 1.6;}
#pageSub_1_1 .special-item{display: flex; align-items: center; gap: 80px; margin-bottom: 100px;}
#pageSub_1_1 .special-item.reverse{flex-direction: row-reverse;}
#pageSub_1_1 .special-item .img-box{flex: 1; height: 350px; background: #eef2f4; display: flex; align-items: center; justify-content: center; color: #999;}
#pageSub_1_1 .special-item .text-box{flex: 1;}
#pageSub_1_1 .special-item .text-box .num{display: block; font-size: 24px; color: #8ba8bc; margin-bottom: 15px; font-weight: 300; font-variant-numeric: lining-nums; text-decoration: underline; text-underline-offset: 5px;}
#pageSub_1_1 .special-item .text-box strong{display: block; font-size: 30px; color: #3b3e41; margin-bottom: 20px; font-weight: 700;}
#pageSub_1_1 .special-item .text-box strong b{font-weight: 700;}
#pageSub_1_1 .special-item .text-box p{font-size: 18px; color: #3b3e41; line-height: 1.8; word-break: keep-all;}
#pageSub_1_1 .special-item .text-box b{font-weight: 700;}
#pageSub_1_1 .space-section{padding: 120px 0; background: #fff; text-align: center;}
#pageSub_1_1 .space-section .inner{max-width: 1300px; margin: 0 auto;}
#pageSub_1_1 .space-section .space-slider-wrap{position: relative; margin-top: 60px;}
#pageSub_1_1 .space-section .main-slide{width: 100%; height: 600px; background: #eee; display: flex; align-items: center; justify-content: center; color: #999; margin-bottom: 20px;}
#pageSub_1_1 .space-section .thumb-list{display: flex; justify-content: center; gap: 10px;}
#pageSub_1_1 .space-section .thumb-list div{width: 120px; height: 80px; background: #f4f4f4; border: 1px solid #eee;}
#pageSub_1_1 .bottom-banner{display: flex; width: 100%;}
#pageSub_1_1 .bottom-banner .banner-left{width: 50%; background: url('../sub/img/sub11_bottom_banner.webp') no-repeat center/cover;}
#pageSub_1_1 .bottom-banner .banner-right{width: 50%; background: #2c3946; color: #fff; padding: 160px 180px; position: relative;}
#pageSub_1_1 .bottom-banner .banner-right:before {position: absolute; bottom: 70px; right: 70px; content: ''; width: 150px; height: 150px; background: url(../img/menu_logo.png) center/contain no-repeat;}
#pageSub_1_1 .bottom-banner .banner-right h4{font-size: 25px; font-weight: 500; line-height: 1.4; margin-bottom: 30px;}
#pageSub_1_1 .bottom-banner .banner-right .description{font-size: 18px; line-height: 1.7em; margin-bottom: 30px;}
#pageSub_1_1 .bottom-banner .banner-right .btn-experience{padding: 27px 30px; border: 1px solid #89abc7; line-height: 1em; border-radius: 100px; display: inline-flex; align-items: center; justify-content: center; background-color: #89abc7; color: #fff; font-size: 17px; transition: all 0.3s;}
#pageSub_1_1 .bottom-banner .banner-right .btn-experience:hover{text-decoration: underline; text-underline-offset: 3px;}
#pageSub_1_1 .bottom-banner .banner-right .symbol{position: absolute; right: 50px; bottom: 50px; opacity: 0.2; width: 120px;}
#subIntrr{padding-top: 150px; padding-bottom: 300px;}
#subIntrr .text-cont{}
#subIntrr .text-cont .title-cont{}
#subIntrr .text-cont .title-cont .section-label{display: block; text-align: center; font-size: 19px; color: #8ba8bc; margin-bottom: 30px;}
#subIntrr .text-cont .title-cont h2{text-align: center; font-size: 38px; color: #3b3e41; margin-bottom: 30px; font-weight: 700;}
#subIntrr .text-cont .description{display: block; margin-bottom: 40px; text-align: center; font-size: 18px; color: #3b3e41;}
#subIntrr .text-cont .description b{font-weight: 700;}
#subIntrr .text-cont .info-more{display: inline-flex; padding: 15px 30px; gap: 10px; align-items: center; background-color: #eaeff2; font-size: 14px; border-radius: 50px; color: #3b3e41; transition: 0.5s;}
#subIntrr .text-cont .info-more img{transition: 0.3s;}
#subIntrr .text-cont .info-more:hover{background-color: #94bddd; color: #fff;}
#subIntrr .text-cont .info-more:hover img{filter: brightness(0) invert(1);}
#subIntrr .intrr-gallery-container{position: relative; margin: 0 auto; width: 90%;}
#subIntrr .intrr-main{width: 100%; overflow: visible !important;}
#subIntrr .intrr-main .swiper-slide{transition: all 0.5s; transform: scale(0.8); opacity: 0.4; overflow: hidden;}
#subIntrr .intrr-main .swiper-slide-active{transform: scale(1); opacity: 1; z-index: 10;}
#subIntrr .intrr-main .swiper-slide img{width: 100%; height: auto; object-fit: cover; aspect-ratio: 478/247;}
#subIntrr .intrr-main .swiper-button-prev, #subIntrr .intrr-main .swiper-button-next{color: #000; width: min(65px, 3.37vw); height: min(65px, 3.37vw); top: 50%; margin-top: 0; z-index: 20;}
#subIntrr .intrr-thumbs{position: absolute; bottom: -30px; left: 50%; translate: -50%; width: 100%; max-width: 600px; margin-inline: auto; z-index: 1; overflow: hidden;}
#subIntrr .intrr-thumbs .swiper-wrapper{display: flex;}
#subIntrr .intrr-thumbs .swiper-slide{width: 100px; aspect-ratio: 4/3; cursor: pointer; filter: brightness(0.4) grayscale(0.2); overflow: hidden; transition: 0.5s;}
#subIntrr .intrr-thumbs .swiper-slide-thumb-active{opacity: 1; border: 2px solid #222;}
#subIntrr .intrr-thumbs .swiper-slide img{width: 100%; object-fit: cover; aspect-ratio: 4/3;}
#subIntrr .intrr-main .swiper-button-prev{left: 37.5%; right: auto; margin-top: 0; transform: translateY(-50%);}
#subIntrr .intrr-main .swiper-button-next{right: 37.5%; left: auto; margin-top: 0; transform: translateY(-50%);}
#subIntrr .swiper-button-next:after, #subIntrr .swiper-button-prev:after{content:'' !important; width: min(65px, 3.37vw); height: min(65px, 3.37vw); background-image: url(../img/arrow_gr.png); background-position: center; background-size: cover; background-repeat: no-repeat;}
#subIntrr .swiper-button-prev:after{rotate: 180deg;}
#subIntrr .intrr-thumbs .swiper-slide.on{border: 2px solid #74b1e2; filter: brightness(1) grayscale(0);}

#pageSub_1_2{width: 100%; overflow: hidden;}
#pageSub_1_2 .sub-visual{background: url(../sub/img/sub12_bg_visual.webp) center/cover no-repeat; padding: 290px 0 210px;}
#pageSub_1_2 .sub-visual .top_box{}
#pageSub_1_2 .sub-visual .top_box span{display: block; font-size: 18px; margin-bottom: 30px;}
#pageSub_1_2 .sub-visual .top_box h3{font-size: 42px; font-weight: 400 !important; letter-spacing: 0 !important;}
#pageSub_1_2 .sub-visual .top_box p{font-size: 17px; opacity: 0.9; line-height: 1.6;}
#pageSub_1_2 .doctor-intro-top{max-width: 1380px; margin: 170px auto; display: flex; align-items: end; gap: 60px;}
#pageSub_1_2 .doctor-intro-top .text-box{padding-left: 35px; padding-bottom: 24px;}
#pageSub_1_2 .doctor-intro-top .text-box h3{font-size: 26px; color: #3b3e41; line-height: 1.3; margin-bottom: 40px; font-weight: 700;}
#pageSub_1_2 .doctor-intro-top .text-box p{font-size: 17px; color: #3b3e41; line-height: 1.6;}
#pageSub_1_2 .doctor-intro-top .text-box p b{font-size: 19px; color: #3b3e41; font-weight: 700;}
#pageSub_1_2 .doctor-intro-top .img-cont{position: relative; flex: 1.5;}
#pageSub_1_2 .doctor-intro-top .img-cont .float-text{position: absolute; top: 50px; left: -40%; font-size: min(93px, 4.8vw); color: #bfbfbf; opacity: 0.3;}
#pageSub_1_2 .doctor-intro-top .img-box{display: flex; align-items: center; justify-content: center; color: #999;}
#pageSub_1_2 .doctor-list-section{background-color: #f0f3f8;}
#pageSub_1_2 .doctor-list-section .content-wrap{max-width: 1240px; padding-top: 83px; margin: 0 auto; background-color: #f0f3f8;}
#pageSub_1_2 .doctor-item-box{display: flex; justify-content: space-between; align-items: center; gap: 80px; padding: 100px 0; border-bottom: 1px solid #eee;}
#pageSub_1_2 .doctor-item-box:last-child{border-bottom: 0;}
#pageSub_1_2 .doctor-item-box.reverse{flex-direction: row-reverse;}
#pageSub_1_2 .doctor-item-box .doctor-img{width: 550px; height: 640px; border-radius: 600px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
#pageSub_1_2 .doctor-item-box .doctor-info{width: 50%; padding-right: 30px;}
#pageSub_1_2 .doctor-item-box .doctor-info .position{display: block; font-size: 19px; color: #8ba8bc; margin-bottom: 10px; letter-spacing: -0.02em; font-weight: 700;}
#pageSub_1_2 .doctor-item-box .doctor-info .name{display: block; font-size: 35px; font-weight: 700; color: #333; margin-bottom: 40px;}
#pageSub_1_2 .doctor-item-box .doctor-info .history-group{margin-bottom: 50px;}
#pageSub_1_2 .doctor-item-box .doctor-info .history-group strong{display: block; font-size: 18px; color: #333; margin-bottom: 15px; font-weight: 700;}
#pageSub_1_2 .doctor-item-box .doctor-info .history-group ul li{font-size: 15px; color: #666; margin-bottom: 8px; position: relative; padding-left: 12px;}

#pageSub_1_3{width: 100%; overflow: hidden;}
#pageSub_1_3 .sub-visual{background: url(../sub/img/sub13_bg_visual.webp) center/cover no-repeat; padding: 290px 0 226px;}
#pageSub_1_3 .sub-visual .top_box{}
#pageSub_1_3 .sub-visual .top_box span{display: block; font-size: 18px; margin-bottom: 30px;}
#pageSub_1_3 .sub-visual .top_box h3{font-size: 48px; font-weight: 400 !important; letter-spacing: 0 !important; padding-bottom: 10px;}
#pageSub_1_3 .sub-visual .top_box p{font-size: 17px; opacity: 0.9; line-height: 1.6;}
#pageSub_1_3 .info-section{max-width: 1390px; margin: 160px auto; display: flex; gap: 120px;}
#pageSub_1_3 .info-section .img-box{width: 100%; max-width: 780px; display: flex; align-items: center; justify-content: center; color: #999;}
#pageSub_1_3 .info-section .text-box{flex: 1;}
#pageSub_1_3 .info-section .text-box h3{display: block; line-height: 1.9em; font-size: 26px; color: #89abc7; margin-bottom: 23px; border-bottom: 1px solid #cecece; padding-bottom: 12px; font-weight: 700;}
#pageSub_1_3 .info-section .time-list{margin-bottom: 30px;}
#pageSub_1_3 .info-section .time-list dl{display: flex; margin-bottom: 19px; font-size: 17px; gap: 45px;}
#pageSub_1_3 .info-section .time-list dl dt{width: 95px; color: #333; font-weight: 600; font-size: 20px; text-align: justify; text-align-last: justify;}
#pageSub_1_3 .info-section .time-list dl dd{font-size: 21px; color: #333;}
#pageSub_1_3 .info-section .time-notice{font-size: 17px; color: #999; line-height: 1.6;}
#pageSub_1_3 .info-section .contact-box{padding-top: 48px;}
#pageSub_1_3 .info-section .contact-box h4{font-size: 25px; font-weight: 700; color: #5a8ab3; padding-bottom: 16px; border-bottom: 1px solid #cecece;}
#pageSub_1_3 .info-section .contact-box p{padding-block: 16px; font-size: 17px;}
#pageSub_1_3 .info-section .contact-box .tel{font-size: 36px; color: #333; font-weight: 700; display: block; margin-bottom: 30px;}
#pageSub_1_3 .info-section .btn-group{display: inline-flex; gap: 10px;}
#pageSub_1_3 .info-section .btn-group a{flex: 1; height: 40px; display: flex; align-items: center; justify-content: center; padding-inline: 20px; border-radius: 50px; text-decoration: none; font-size: 15px;}
#pageSub_1_3 .info-section .btn-group .btn-naver{background: #03c75a; color: #fff;}
#pageSub_1_3 .info-section .btn-group .btn-kakao{background: #fee500; color: #333;}
#pageSub_1_3 .map-section{padding: 190px 0 0;}
#pageSub_1_3 .map-section .bg-cont{background-color: #f3f7fa; padding-bottom: 150px;}
#pageSub_1_3 .map-section .map-title{text-align: center; margin-bottom: 30px;}
#pageSub_1_3 .map-section .map-title p{padding-top: 100px; margin-bottom: 10px; font-size: 18px; letter-spacing: 0.2em;}
#pageSub_1_3 .map-section .map-title h3{font-size: 26px; color: #333; font-weight: 500;}
#pageSub_1_3 .map-section .map-title h3 b{color: #5a8ab3; font-weight: 500;}
#pageSub_1_3 .map-section .map-area{width: 100%; max-width: 1390px; height: 610px; background: #eee; margin: 0 auto; display: flex; align-items: center; justify-content: center; color: #999;}
#pageSub_1_3 .way-to-come{max-width: 1390px; margin: 105px auto 0; display: flex; flex-direction: column; gap: 86px; padding: 90px 130px; background-color: #fafafa; border-radius: 90px;}
#pageSub_1_3 .way-to-come .way-item-box{display: flex; align-items: flex-start; gap: 50px;}
#pageSub_1_3 .way-to-come .way-item-box .label-box{width: 190px; height: 55px; background: #8ba8bc; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 60px; flex-shrink: 0; font-size: 18px; font-weight: 500;}
#pageSub_1_3 .way-to-come .way-item-box:nth-child(2) .label-box{background-color: #64839f;}
#pageSub_1_3 .way-to-come .way-item-box .info-box{flex: 1; display: flex; gap: 60px;}
#pageSub_1_3 .way-to-come .way-item-box .info-box .address-text{line-height: 1.5em; font-size: 18px; color: #333; font-weight: 500;}
#pageSub_1_3 .way-to-come .way-item-box .info-box .address-text b{font-weight: 700;}
#pageSub_1_3 .way-to-come .way-item-box .info-box .detail-text{padding-left: 60px; font-size: 17px; color: #333; line-height: 1.6; border-left: 1px solid #ccc; font-weight: 500;}
#pageSub_1_3 .way-to-come .way-item-box .info-box .detail-text b{font-weight: 700;}
#pageSub_1_3 .way-to-come .way-item-box .info-box .detail-text span{display: block; margin-top: 5px; margin-left: 10px; font-size: 16px;}

#pageSub_1_4{width: 100%; overflow: hidden;}
#pageSub_1_4 .sub-visual{width: 100%; height: 450px; background: #8ba8bc; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff;}
#pageSub_1_4 .sub-visual .visual-text{max-width: 1200px;}
#pageSub_1_4 .sub-visual .visual-text span{display: block; font-size: 18px; margin-bottom: 10px;}
#pageSub_1_4 .sub-visual .visual-text h2{font-size: 42px; font-weight: 700; margin-bottom: 20px;}
#pageSub_1_4 .sub-visual .visual-text p{font-size: 16px; opacity: 0.9; line-height: 1.6;}
#pageSub_1_4 .gallery-section{max-width: 1200px; margin: 80px auto; padding: 0 20px;}
#pageSub_1_4 .gallery-section .gallery-filter-wrap{display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
#pageSub_1_4 .gallery-section .gallery-filter-wrap .filter-list{display: flex; gap: 8px;}
#pageSub_1_4 .gallery-section .gallery-filter-wrap .filter-list li{padding: 10px 25px; border-radius: 20px; background: #f5f7f9; cursor: pointer; font-size: 14px; color: #666; transition: all 0.3s;}
#pageSub_1_4 .gallery-section .gallery-filter-wrap .filter-list li.active{background: #8ba8bc; color: #fff;}
#pageSub_1_4 .gallery-section .gallery-filter-wrap .search-box{position: relative; width: 280px;}
#pageSub_1_4 .gallery-section .gallery-filter-wrap .search-box input{width: 100%; height: 40px; border: 1px solid #eee; border-radius: 20px; padding: 0 40px 0 20px; outline: none;}
#pageSub_1_4 .gallery-section .gallery-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; margin-bottom: 60px;}
#pageSub_1_4 .gallery-section .gallery-grid .gallery-item-box{cursor: pointer;}
#pageSub_1_4 .gallery-section .gallery-grid .gallery-item-box .thumb-area{display: flex; gap: 2px; height: 260px; background: #eee; margin-bottom: 20px;}
#pageSub_1_4 .gallery-section .gallery-grid .gallery-item-box .thumb-area .before-img, #pageSub_1_4 .gallery-section .gallery-grid .gallery-item-box .thumb-area .after-img{flex: 1; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #999; background: #f8fbfc;}
#pageSub_1_4 .gallery-section .gallery-grid .gallery-item-box .thumb-area .after-img{background: #666; color: #eee; text-align: center; padding: 20px;}
#pageSub_1_4 .gallery-section .gallery-grid .gallery-item-box .text-area{text-align: center;}
#pageSub_1_4 .gallery-section .gallery-grid .gallery-item-box .text-area span{display: block; font-size: 13px; color: #5a8ab3; margin-bottom: 5px;}
#pageSub_1_4 .gallery-section .gallery-grid .gallery-item-box .text-area strong{font-size: 17px; color: #333;}
#pageSub_1_4 .gallery-section .notice-box{background: #f8fbfc; padding: 40px; border-radius: 10px; text-align: center; margin-bottom: 50px;}
#pageSub_1_4 .gallery-section .notice-box p{font-size: 14px; color: #999; line-height: 1.8;}
#pageSub_1_4 .gallery-section .pagination{display: flex; justify-content: center; gap: 15px; align-items: center; margin-bottom: 50px;}
#pageSub_1_4 .gallery-section .pagination a{font-size: 15px; color: #999; text-decoration: none;}
#pageSub_1_4 .gallery-section .pagination a.active{color: #333; font-weight: 700; border-bottom: 1px solid #333;}
#pageSub_1_4 .gallery-section .admin-btn-wrap{display: flex; justify-content: flex-end; gap: 10px;}
#pageSub_1_4 .gallery-section .admin-btn-wrap .btn{padding: 10px 30px; border-radius: 5px; font-size: 14px; cursor: pointer; text-decoration: none;}
#pageSub_1_4 .gallery-section .admin-btn-wrap .btn-write{background: #8ba8bc; color: #fff;}
#pageSub_1_4 .gallery-section .admin-btn-wrap .btn-delete{background: #ddd; color: #666;}


#pageSub_2_1{width: 100%; overflow: hidden;}
#pageSub_2_1 .sub-visual{background: url(../sub/img/sub21_bg_visual.webp) center/cover no-repeat; padding: 290px 0 237px;}
#pageSub_2_1 .sub-visual .top_box{}
#pageSub_2_1 .sub-visual .top_box span{display: block; font-size: 18px; margin-bottom: 30px;}
#pageSub_2_1 .sub-visual .top_box h3{font-size: 42px; letter-spacing: 0 !important;}
#pageSub_2_1 .sub-visual .top_box p{font-size: 17px; opacity: 0.9; line-height: 1.6;}

#pageSub_2_1 .sub-tab{display: flex; justify-content: center; padding: 140px 0 116px;}
#pageSub_2_1 .sub-tab .tab-list{display: flex; gap: 18px;}
#pageSub_2_1 .sub-tab .tab-list li{display: flex; align-items: center; justify-content: center; width: 235px; height: 80px; border-radius: 60px; cursor: pointer; transition: all 0.3s; color: #fff; background: #cbd3da; font-size: 20px; font-weight: 500;}
#pageSub_2_1 .sub-tab .tab-list .active{background: #89abc7;}
#pageSub_2_1 .tab-container .tab-content{display: none;}
#pageSub_2_1 .tab-container .tab-content.active{display: block;}

#pageSub_2_1 .content-section{max-width: 1400px; margin: 0 auto;}
#pageSub_2_1 .content-section .section-title{text-align: center; margin-bottom: 60px;}
#pageSub_2_1 .content-section .section-title h3{font-size: 43px; color: #89abc7; margin-bottom: 20px;}
#pageSub_2_1 .content-section .section-title p{font-size: 23px; color: #3b3e41; line-height: 1.5em; letter-spacing: -0.07em;}
#pageSub_2_1 .content-section .section-title p b{font-weight: 700;}

#pageSub_2_1 .content-section .know-how-box{position: relative; background: #f8fbfc; margin-top: 60px; padding: 95px 100px; display: flex; border-radius: 30px; gap: 90px;}
#pageSub_2_1 .content-section .know-how-box::after{position: absolute; content:''; left: 110px; bottom: 110px; width: 239px; height: 250px; background: url(../sub/img/skyblue_logo.webp) center/contain no-repeat; }
#pageSub_2_1 .content-section .know-how-box .know-how-title{width: 36%;}
#pageSub_2_1 .content-section .know-how-box .know-how-title h4{font-size: 31px; color: #4b779c; line-height: 1.8; font-weight: 700; text-decoration: underline; text-underline-offset: 7px;}
#pageSub_2_1 .content-section .know-how-box .know-how-content{width: 70%; display: flex; flex-direction: column; gap: 75px;}
#pageSub_2_1 .content-section .know-how-box .know-how-content .know-how-item{display: flex; align-items: center; gap: 60px;}
#pageSub_2_1 .content-section .know-how-box .know-how-content .know-how-item .item-img{width: 50%; max-width: 286px; aspect-ratio: 286/173; background: #fff; flex-shrink: 0;}
#pageSub_2_1 .content-section .know-how-box .know-how-content .know-how-item .item-img img{width: 100%;}
#pageSub_2_1 .content-section .know-how-box .know-how-content .know-how-item .item-text{font-size: 17px; color: #3b3e41; letter-spacing: -0.055em;}

#pageSub_2_1 .content-section .pros-cons-wrap{max-width: 1200px; margin-inline: auto; margin-top: 170px; text-align: center;}
#pageSub_2_1 .content-section .pros-cons-wrap h3{font-size: 39px; margin-bottom: 55px; font-weight: 700; color: #3b3e41;}
#pageSub_2_1 .content-section .pros-cons-wrap h3 b{color: #89abc7; font-weight: 700;}
#pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container{display: flex; gap: 80px;}
#pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .pros-list{flex: 1;}
#pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .pros-list .label-pros{display: inline-flex; align-items: center; justify-content: center; width: 126px; height: 62px; background: #89abc7; color: #fff; border-radius: 50%; margin-bottom: 20px; font-size: 23px; font-weight: 500;}
#pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul{display: flex; flex-direction: column; gap: 30px;}
#pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul li{position: relative; padding: 28px 5px; border-radius: 100px; background: #f0f6fa; font-size: 18px; color: #3d576c;}
#pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul li b{font-weight: 700;}
#pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul li:after{content: ''; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); width: 1px; height: 30px; background-color: #cbd3da;}
#pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul li:last-child:after{display: none;}
#pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .cons-list{flex: 1;}
#pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .cons-list .label-cons{display: inline-flex; align-items: center; justify-content: center; width: 126px; height: 62px; background: #c2c2c2; color: #fff; border-radius: 50%; margin-bottom: 20px; font-size: 23px; font-weight: 500;}
#pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul{display: flex; flex-direction: column; gap: 30px;}
#pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul li{position: relative; padding: 28px; border-radius: 100px; background: #f5f5f5; font-size: 18px; color: #3b3e41;}
#pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul li b{font-weight: 700;}
#pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul li:after{content: ''; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); width: 1px; height: 30px; background-color: #d3d3d3;}
#pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul li:last-child:after{display: none;}
#pageSub_2_1 .content-section .target-wrap{max-width: 1140px; margin-inline: auto; margin-top: 125px; text-align: center;}
#pageSub_2_1 .content-section .target-wrap h3{font-size: 39px; font-weight: 700; margin-bottom: 55px;}
#pageSub_2_1 .content-section .target-wrap h3 b{color: #5a8ab3;}
#pageSub_2_1 .content-section .target-wrap .target-grid{display: flex; justify-content: center; gap: 36px; margin-bottom: 162px;}
#pageSub_2_1 .content-section .target-wrap .target-grid .target-item{flex: 1; padding: 70px 20px; border: 2px solid #89abc7; border-radius: 60px; display: flex; flex-direction: column; align-items: center; gap: 44px;}
#pageSub_2_1 .content-section .target-wrap .target-grid .target-item .icon-box{width: 130px; height: 130px;}
#pageSub_2_1 .content-section .target-wrap .target-grid .target-item p{line-height: 1.4em; font-size: 18px; font-weight: 500; color: #3b3e41;}
#pageSub_2_1 .content-section .target-wrap .target-grid .target-item p b{font-weight: 700;}
#pageSub_2_1 .feature-section{display: flex; color: #fff;}
#pageSub_2_1 .feature-section .feature-item-box{flex: 1; padding: 185px 0 160px; border-right: 1px solid #f4f4f4; text-align: center; opacity: 0.5;}
#pageSub_2_1 .feature-section .feature-item-box.active{opacity: 1;}
#pageSub_2_1 .feature-section .feature-item-box b{display: block; line-height: 1em; margin-bottom: 30px; font-size: 25px; color: #fff; margin-bottom: 20px; font-variant-numeric: lining-nums; text-decoration: underline; text-underline-offset: 3px;}
#pageSub_2_1 .feature-section .feature-item-box strong{display: block; line-height: 1.5em; font-size: 23px; margin-bottom: 80px; font-weight: 500; color: #fff;}
#pageSub_2_1 .feature-section .feature-item-box p{font-size: 17px; line-height: 1.5;}

.feature-section{ position: relative; transition: background 0.4s;}
.feature-section[data-active-bg="1"]{ background: url('../sub/img/sub2_feature_01.webp') center/cover no-repeat;}
.feature-section[data-active-bg="2"]{ background: url('../sub/img/sub2_feature_02.webp') center/cover no-repeat;}
.feature-section[data-active-bg="3"]{ background: url('../sub/img/sub2_feature_03.webp') center/cover no-repeat;}
.feature-section[data-active-bg="4"]{ background: url('../sub/img/sub2_feature_04.webp') center/cover no-repeat;}
.feature-section[data-active-bg="5"]{ background: url('../sub/img/sub2_feature_05.webp') center/cover no-repeat;}

#pageSub_2_2{width: 100%; overflow: hidden;}
#pageSub_2_2 .sub-visual{background: url(../sub/img/sub22_bg_visual.webp) center/cover no-repeat; padding: 290px 0 237px;}
#pageSub_2_2 .sub-visual .top_box{}
#pageSub_2_2 .sub-visual .top_box span{display: block; font-size: 18px; margin-bottom: 30px;}
#pageSub_2_2 .sub-visual .top_box h3{font-size: 42px; letter-spacing: 0 !important;}
#pageSub_2_2 .sub-visual .top_box p{font-size: 17px; opacity: 0.9; line-height: 1.6;}

#pageSub_2_2 .sub-tab{display: flex; justify-content: center; padding: 140px 0 116px;}
#pageSub_2_2 .sub-tab .tab-list{display: flex; gap: 18px;}
#pageSub_2_2 .sub-tab .tab-list li{display: flex; align-items: center; justify-content: center; width: 235px; height: 80px; border-radius: 60px; cursor: pointer; transition: all 0.3s; color: #fff; background: #cbd3da; font-size: 20px; font-weight: 500;}
#pageSub_2_2 .sub-tab .tab-list .active{background: #89abc7;}
#pageSub_2_2 .tab-container .tab-content{display: none;}
#pageSub_2_2 .tab-container .tab-content.active{display: block;}

#pageSub_2_2 .content-section{max-width: 1400px; margin: 0 auto;}
#pageSub_2_2 .content-section .section-title{text-align: center; margin-bottom: 60px;}
#pageSub_2_2 .content-section .section-title h3{font-size: 43px; color: #89abc7; margin-bottom: 20px;}
#pageSub_2_2 .content-section .section-title p{font-size: 23px; color: #3b3e41; line-height: 1.5em; letter-spacing: -0.07em;}
#pageSub_2_2 .content-section .section-title p b{font-weight: 700;}

#pageSub_2_2 .content-section .know-how-box{position: relative; background: #f8fbfc; margin-top: 60px; padding: 95px 100px; display: flex; border-radius: 30px; gap: 90px;}
#pageSub_2_2 .content-section .know-how-box::after{position: absolute; content:''; left: 110px; bottom: 110px; width: 239px; height: 250px; background: url(../sub/img/skyblue_logo.webp) center/contain no-repeat; }
#pageSub_2_2 .content-section .know-how-box .know-how-title{width: 36%;}
#pageSub_2_2 .content-section .know-how-box .know-how-title h4{font-size: 31px; color: #4b779c; line-height: 1.8; font-weight: 700; text-decoration: underline; text-underline-offset: 7px;}
#pageSub_2_2 .content-section .know-how-box .know-how-content{width: 70%; display: flex; flex-direction: column; gap: 75px;}
#pageSub_2_2 .content-section .know-how-box .know-how-content .know-how-item{display: flex; align-items: center; gap: 60px;}
#pageSub_2_2 .content-section .know-how-box .know-how-content .know-how-item .item-img{width: 50%; max-width: 286px; aspect-ratio: 286/173; background: #fff; flex-shrink: 0;}
#pageSub_2_2 .content-section .know-how-box .know-how-content .know-how-item .item-img img{width: 100%;}
#pageSub_2_2 .content-section .know-how-box .know-how-content .know-how-item .item-text{font-size: 17px; color: #3b3e41; letter-spacing: -0.055em;}

#pageSub_2_2 .content-section .pros-cons-wrap{max-width: 1200px; margin-inline: auto; margin-top: 170px; text-align: center;}
#pageSub_2_2 .content-section .pros-cons-wrap h3{font-size: 39px; margin-bottom: 55px; font-weight: 700; color: #3b3e41;}
#pageSub_2_2 .content-section .pros-cons-wrap h3 b{color: #89abc7; font-weight: 700;}
#pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container{display: flex; gap: 80px;}
#pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .pros-list{flex: 1;}
#pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .pros-list .label-pros{display: inline-flex; align-items: center; justify-content: center; width: 126px; height: 62px; background: #89abc7; color: #fff; border-radius: 50%; margin-bottom: 20px; font-size: 23px; font-weight: 500;}
#pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul{display: flex; flex-direction: column; gap: 30px;}
#pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul li{position: relative; padding: 28px 5px; border-radius: 100px; background: #f0f6fa; font-size: 18px; color: #3d576c;}
#pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul li:after{content: ''; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); width: 1px; height: 30px; background-color: #cbd3da;}
#pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul li:last-child:after{display: none;}
#pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .cons-list{flex: 1;}
#pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .cons-list .label-cons{display: inline-flex; align-items: center; justify-content: center; width: 126px; height: 62px; background: #c2c2c2; color: #fff; border-radius: 50%; margin-bottom: 20px; font-size: 23px; font-weight: 500;}
#pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul{display: flex; flex-direction: column; gap: 30px;}
#pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul li{position: relative; padding: 28px; border-radius: 100px; background: #f5f5f5; font-size: 18px; color: #3b3e41;}
#pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul li:after{content: ''; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); width: 1px; height: 30px; background-color: #d3d3d3;}
#pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul li:last-child:after{display: none;}
#pageSub_2_2 .content-section .target-wrap{max-width: 1140px; margin-inline: auto; margin-top: 125px; text-align: center;}
#pageSub_2_2 .content-section .target-wrap h3{font-size: 39px; font-weight: 700; margin-bottom: 55px;}
#pageSub_2_2 .content-section .target-wrap h3 b{color: #5a8ab3;}
#pageSub_2_2 .content-section .target-wrap .target-grid{display: flex; justify-content: center; gap: 36px; margin-bottom: 162px;}
#pageSub_2_2 .content-section .target-wrap .target-grid .target-item{flex: 1; padding: 70px 20px; border: 2px solid #89abc7; border-radius: 60px; display: flex; flex-direction: column; align-items: center; gap: 44px;}
#pageSub_2_2 .content-section .target-wrap .target-grid .target-item .icon-box{width: 130px; height: 130px;}
#pageSub_2_2 .content-section .target-wrap .target-grid .target-item p{line-height: 1.4em; font-size: 18px; font-weight: 500; color: #3b3e41;}
#pageSub_2_2 .content-section .target-wrap .target-grid .target-item p b{font-weight: 700;}
#pageSub_2_2 .feature-section{display: flex; color: #fff;}
#pageSub_2_2 .feature-section .feature-item-box{flex: 1; padding: 185px 0 160px; border-right: 1px solid #f4f4f4; text-align: center; opacity: 0.5;}
#pageSub_2_2 .feature-section .feature-item-box.active{opacity: 1;}
#pageSub_2_2 .feature-section .feature-item-box b{display: block; line-height: 1em; margin-bottom: 30px; font-size: 25px; color: #fff; margin-bottom: 20px; font-variant-numeric: lining-nums; text-decoration: underline; text-underline-offset: 3px;}
#pageSub_2_2 .feature-section .feature-item-box strong{display: block; line-height: 1.5em; font-size: 23px; margin-bottom: 80px; font-weight: 500; color: #fff;}
#pageSub_2_2 .feature-section .feature-item-box p{font-size: 17px; line-height: 1.5;}



#pageSub_2_3{width: 100%; overflow: hidden;}
#pageSub_2_3 .sub-visual{background: url(../sub/img/sub23_bg_visual.webp) center/cover no-repeat; padding: 290px 0 237px;}
#pageSub_2_3 .sub-visual .top_box{}
#pageSub_2_3 .sub-visual .top_box span{display: block; font-size: 18px; margin-bottom: 30px;}
#pageSub_2_3 .sub-visual .top_box h3{font-size: 42px; letter-spacing: 0 !important;}
#pageSub_2_3 .sub-visual .top_box p{font-size: 17px; opacity: 0.9; line-height: 1.6;}

#pageSub_2_3 .sub-tab{display: flex; justify-content: center; padding: 140px 0 116px;}
#pageSub_2_3 .sub-tab .tab-list{display: flex; gap: 18px;}
#pageSub_2_3 .sub-tab .tab-list li{display: flex; align-items: center; justify-content: center; width: 235px; height: 80px; border-radius: 60px; cursor: pointer; transition: all 0.3s; color: #fff; background: #cbd3da; font-size: 20px; font-weight: 500;}
#pageSub_2_3 .sub-tab .tab-list .active{background: #89abc7;}
#pageSub_2_3 .tab-container .tab-content{display: none;}
#pageSub_2_3 .tab-container .tab-content.active{display: block;}

#pageSub_2_3 .content-section{max-width: 1400px; margin: 150px auto;}
#pageSub_2_3 .content-section .section-title{text-align: center; margin-bottom: 60px;}
#pageSub_2_3 .content-section .section-title h3{font-size: 39px; font-weight: 700; color: #89abc7; margin-bottom: 20px;}
#pageSub_2_3 .content-section .section-title p{font-size: 23px; color: #3b3e41; line-height: 1.5em; letter-spacing: -0.07em;}
#pageSub_2_3 .content-section .section-title p b{font-weight: 700;}

#pageSub_2_3 .content-section .know-how-box{position: relative; background: #f8fbfc; margin-top: 60px; margin-bottom: 145px; padding: 95px 100px; display: flex; border-radius: 30px; gap: 90px;}
#pageSub_2_3 .content-section .know-how-box::after{position: absolute; content:''; left: 110px; bottom: 110px; width: 239px; height: 250px; background: url(../sub/img/skyblue_logo.webp) center/contain no-repeat; }
#pageSub_2_3 .content-section .know-how-box .know-how-title{width: 36%;}
#pageSub_2_3 .content-section .know-how-box .know-how-title h4{font-size: 31px; color: #4b779c; line-height: 1.8; font-weight: 700; text-decoration: underline; text-underline-offset: 7px;}
#pageSub_2_3 .content-section .know-how-box .know-how-content{width: 70%; display: flex; flex-direction: column; gap: 75px;}
#pageSub_2_3 .content-section .know-how-box .know-how-content .know-how-item{display: flex; align-items: center; gap: 60px;}
#pageSub_2_3 .content-section .know-how-box .know-how-content .know-how-item .item-img{width: 50%; max-width: 286px; aspect-ratio: 286/173; background: #fff; flex-shrink: 0;}
#pageSub_2_3 .content-section .know-how-box .know-how-content .know-how-item .item-img img{width: 100%;}
#pageSub_2_3 .content-section .know-how-box .know-how-content .know-how-item .item-text strong{display: block; font-weight: 700; margin-bottom: 10px;}
#pageSub_2_3 .content-section .know-how-box .know-how-content .know-how-item .item-text p{font-size: 17px; color: #3b3e41; letter-spacing: -0.055em;}

#pageSub_2_3 .content-section .pros-cons-wrap{max-width: 1200px; margin-inline: auto; margin-top: 170px; text-align: center;}
#pageSub_2_3 .content-section .pros-cons-wrap h3{font-size: 39px; margin-bottom: 55px; font-weight: 700; color: #3b3e41;}
#pageSub_2_3 .content-section .pros-cons-wrap h3 b{color: #89abc7; font-weight: 700;}
#pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container{display: flex; gap: 80px;}
#pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .pros-list{flex: 1;}
#pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .pros-list .label-pros{display: inline-flex; align-items: center; justify-content: center; width: 126px; height: 62px; background: #89abc7; color: #fff; border-radius: 50%; margin-bottom: 20px; font-size: 23px; font-weight: 500;}
#pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul{display: flex; flex-direction: column; gap: 30px;}
#pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul li{position: relative; padding: 28px 5px; border-radius: 100px; background: #f0f6fa; font-size: 18px; color: #3d576c;}
#pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul li:after{content: ''; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); width: 1px; height: 30px; background-color: #cbd3da;}
#pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul li:last-child:after{display: none;}
#pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .cons-list{flex: 1;}
#pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .cons-list .label-cons{display: inline-flex; align-items: center; justify-content: center; width: 126px; height: 62px; background: #c2c2c2; color: #fff; border-radius: 50%; margin-bottom: 20px; font-size: 23px; font-weight: 500;}
#pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul{display: flex; flex-direction: column; gap: 30px;}
#pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul li{position: relative; padding: 28px; border-radius: 100px; background: #f5f5f5; font-size: 18px; color: #3b3e41;}
#pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul li:after{content: ''; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); width: 1px; height: 30px; background-color: #d3d3d3;}
#pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul li:last-child:after{display: none;}
#pageSub_2_3 .content-section .target-wrap{max-width: 1390px; margin-inline: auto; margin-top: 105px; text-align: center;}
#pageSub_2_3 .content-section .target-wrap h3{font-size: 39px; font-weight: 700; margin-bottom: 55px; color: #3b3e41;}
#pageSub_2_3 .content-section .target-wrap h3 b{color: #5a8ab3;}
#pageSub_2_3 .content-section .target-wrap .target-grid{display: flex; justify-content: center; gap: 30px; margin-bottom: 145px;}
#pageSub_2_3 .content-section .target-wrap .target-grid .target-item{flex: 1; padding: 45px 20px; border: 2px solid #89abc7; border-radius: 60px; display: flex; flex-direction: column; align-items: center; gap: 40px;}
#pageSub_2_3 .content-section .target-wrap .target-grid .target-item .icon-box{width: 105px; height: 105px;}
#pageSub_2_3 .content-section .target-wrap .target-grid .target-item p{line-height: 1.4em; font-size: 16px; font-weight: 500; color: #3b3e41;}
#pageSub_2_3 .content-section .target-wrap .target-grid .target-item p b{font-weight: 700;}
#pageSub_2_3 .feature-section{display: flex; color: #fff;}
#pageSub_2_3 .feature-section .feature-item-box{flex: 1; padding: 185px 0 160px; border-right: 1px solid #f4f4f4; text-align: center; opacity: 0.5;}
#pageSub_2_3 .feature-section .feature-item-box.active{opacity: 1;}
#pageSub_2_3 .feature-section .feature-item-box b{display: block; line-height: 1em; margin-bottom: 30px; font-size: 25px; color: #fff; margin-bottom: 20px; font-variant-numeric: lining-nums; text-decoration: underline; text-underline-offset: 3px;}
#pageSub_2_3 .feature-section .feature-item-box strong{display: block; line-height: 1.5em; font-size: 23px; margin-bottom: 80px; font-weight: 500; color: #fff;}
#pageSub_2_3 .feature-section .feature-item-box p{font-size: 17px; line-height: 1.5;}

#pageSub_2_3 .content-section .process-wrap{text-align: center; margin-bottom: 100px;}
#pageSub_2_3 .content-section .process-wrap .section-title{}
#pageSub_2_3 .content-section .process-wrap .section-title h3{color: #3b3e41; font-weight: 700;}
#pageSub_2_3 .content-section .process-wrap .section-title h3 b{color: #89abc7; font-weight: 700;}
#pageSub_2_3 .content-section .process-wrap .process-img-box{background: #f8f8f8; padding: 65px 0 90px; border-radius: 30px; margin: 40px auto 150px;}
#pageSub_2_3 .content-section .process-wrap .process-img-box img{width: 100%; max-width: 1146px; margin-bottom: 44px;}
#pageSub_2_3 .content-section .process-wrap .process-desc{font-size: 18px; color: #3b3e41; font-weight: 700; line-height: 1.8em;}
#pageSub_2_3 .content-section .comparison-wrap{width: 90%; max-width: 1140px; margin-inline: auto; text-align: center;}
#pageSub_2_3 .content-section .comparison-wrap .section-title{margin-bottom: 45px;}
#pageSub_2_3 .content-section .comparison-wrap .section-title h3{color: #3b3e41; font-weight: 700;}
#pageSub_2_3 .content-section .comparison-wrap .section-title h3 em{color: #c2c2c2; font-weight: 700; font-style: normal;}
#pageSub_2_3 .content-section .comparison-wrap table{position: relative; width: 100%; border-collapse: collapse; margin-top: 40px;}
#pageSub_2_3 .content-section .comparison-wrap table:after{position: absolute; right: -1%; top: -2%; width: 45%; height: 105%; border: 2px solid #89abc7; content: '';}
#pageSub_2_3 .content-section .comparison-wrap th{padding: 10px 24px;}
#pageSub_2_3 .content-section .comparison-wrap th p{padding: 17px 5px; background-color: #b6b6b6; border-radius: 50px; color: #fff; width: 100%; font-size: 23px; font-weight: 500;}
#pageSub_2_3 .content-section .comparison-wrap th p.over{background-color: #89abc7;}
#pageSub_2_3 .content-section .comparison-wrap td{padding: 20px 10px; font-size: 17px; border: 2px solid #fff; vertical-align: middle;}
#pageSub_2_3 .content-section .comparison-wrap td b{font-weight: 700;}
#pageSub_2_3 .content-section .comparison-wrap td:nth-child(1){width: 12%; background-color: #eaeaea; font-weight: 700; color: #646464;}
#pageSub_2_3 .content-section .comparison-wrap td:nth-child(2){width: 44%; background-color: #f5f5f5; font-weight: 400; color: #646464;}
#pageSub_2_3 .content-section .comparison-wrap td:nth-child(3){width: 44%; background-color: #f0f6fa; font-weight: 400; color: #3d576c;}
#pageSub_2_3 .content-section .comparison-wrap .highlight-blue{color: #5a8ab3; font-weight: 700;}

#pageSub_6_1{display: block; width: 100%; overflow: hidden;}

#pageSub_6_1 .sub-visual{background: url(../sub/img/sub23_bg_visual.webp) center/cover no-repeat; padding: 240px 0 240px;}
#pageSub_6_1 .sub-visual .top_box{text-align: center; color: #fff;}
#pageSub_6_1 .sub-visual .top_box span{display: block; font-size: 18px; margin-bottom: 30px;}
#pageSub_6_1 .sub-visual .top_box h3{font-size: 42px; letter-spacing: 0 !important;}
#pageSub_6_1 .sub-visual .top_box p{font-size: 17px; opacity: 0.9; line-height: 1.6;}

#pageSub_6_1 .tmj-definition{padding: 147px 0;}
#pageSub_6_1 .tmj-definition .inner{width: 100%; max-width: 1250px; margin: 0 auto;}
#pageSub_6_1 .tmj-definition .definition-content{display: flex; justify-content: space-between; align-items: center;}
#pageSub_6_1 .tmj-definition .definition-content .text-box{width: 40%; padding: 10px 20px;}
#pageSub_6_1 .tmj-definition .definition-content .text-box .eng-title{display: block; margin-bottom: 10px; font-size: 17px;}
#pageSub_6_1 .tmj-definition .definition-content .text-box .section-title{font-size: 36px;}
#pageSub_6_1 .tmj-definition .definition-content .text-box .summary{font-size: 19px; color: #3b3e41; margin-top: 30px; line-height: 1.5em;}
#pageSub_6_1 .tmj-definition .definition-content .text-box .summary b{font-weight: 700;}
#pageSub_6_1 .tmj-definition .definition-content .text-box .detail{font-size: 19px; color: #3b3e41; margin-top: 30px; line-height: 1.5em;}
#pageSub_6_1 .tmj-definition .definition-content .image-box{width: 50%;}
#pageSub_6_1 .tmj-definition .definition-content .image-box img{width: 100%;}

#pageSub_6_1 .treatment-necessity{}
#pageSub_6_1 .treatment-necessity .inner{width: 100%; max-width: 1260px; margin: 0 auto; text-align: center;}
#pageSub_6_1 .treatment-necessity .section-title{font-weight: 700; font-size: 36px; color: #222; margin-bottom: 50px;}
#pageSub_6_1 .treatment-necessity .card-list{display: flex; justify-content: space-between; gap: 50px;}
#pageSub_6_1 .treatment-necessity .card-item{flex: 1; padding: 64px 10px; background: #f1f6fa; border-radius: 50px;}
#pageSub_6_1 .treatment-necessity .card-item .icon{width: 39px; height: 40px; margin: 0 auto 15px;}
#pageSub_6_1 .treatment-necessity .card-item .card-text{font-size: 17px; color: #3b3e41; font-weight: 700; line-height: 1.55em;}

#pageSub_6_1 .tmj-symptoms{padding: 133px 0;}
#pageSub_6_1 .tmj-symptoms .inner{width: 100%; max-width: 1260px; margin: 0 auto; text-align: center;}
#pageSub_6_1 .tmj-symptoms .section-title{font-size: 36px; color: #222; margin-bottom: 45px; font-weight: 700;}
#pageSub_6_1 .tmj-symptoms .symptom-list{display: flex; justify-content: space-between; gap: 15px;}
#pageSub_6_1 .tmj-symptoms .symptom-item{flex: 1;}
#pageSub_6_1 .tmj-symptoms .symptom-item .thumb{width: 100%; overflow: hidden;}
#pageSub_6_1 .tmj-symptoms .symptom-item .thumb img{width: 100%;}
#pageSub_6_1 .tmj-symptoms .symptom-item .num{display: block; font-size: 18px; color: #007bc4; margin-top: 17px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px;}
#pageSub_6_1 .tmj-symptoms .symptom-item .symptom-text{line-height: 1.6em; font-size: 15px; color: #3b3e41; margin-top: 10px; font-weight: 700;}

#pageSub_6_1 .treatment-process{padding: 17px 0 150px; background: #fff;}
#pageSub_6_1 .treatment-process .inner{width: 100%; max-width: 1260px; margin: 0 auto; text-align: center;}
#pageSub_6_1 .treatment-process .section-title{font-size: 30px; color: #222; margin-bottom: 63px; font-weight: 700;}
#pageSub_6_1 .treatment-process .process-list{display: flex; justify-content: space-between; position: relative;}
#pageSub_6_1 .treatment-process .process-item{width: 22.5%;}
#pageSub_6_1 .treatment-process .process-item .thumb{position: relative; width: 100%; margin-bottom: 10px;}
#pageSub_6_1 .treatment-process .process-item .thumb img{width: 100%;}
#pageSub_6_1 .treatment-process .process-item .thumb:after{position: absolute; top: 50%; right: -30px; transform: translateY(-50%); width: 19px; height: 36px; content: ''; background: url(../sub/img/step_arrow.png) center/contain no-repeat;}
#pageSub_6_1 .treatment-process .process-item:last-child .thumb:after{display: none;}
#pageSub_6_1 .treatment-process .process-item .step{display: block; text-align: center; font-size: 15px; font-weight: 700; color: #007bc4; font-variant-numeric: lining-nums; text-decoration: underline; text-underline-offset: 3px;}
#pageSub_6_1 .treatment-process .process-item .step-title{display: block; text-align: center; font-size: 18px; color: #222; margin: 8px 0 10px; font-weight: 700;}
#pageSub_6_1 .treatment-process .process-item .step-desc{display: inline-flex; flex-direction: column; margin-inline: auto;}
#pageSub_6_1 .treatment-process .process-item:last-child .step-desc{}
#pageSub_6_1 .treatment-process .process-item .step-desc li{ display: inline-flex; align-items: center; gap: 10px; font-size: 13px; color: #3b3e41; margin-bottom: 5px;}
#pageSub_6_1 .treatment-process .process-item .step-desc li{display: inline-flex; align-items: center; gap: 10px; font-size: 13px; color: #3b3e41; margin-bottom: 5px;}
#pageSub_6_1 .treatment-process .process-item .step-desc li span{font-size: 8px; color: #89abc7;}

#pageSub_6_1 .feature-section{display: flex; color: #fff;}
#pageSub_6_1 .feature-section .feature-item-box{flex: 1; padding: 185px 0 160px; border-right: 1px solid #f4f4f4; text-align: center; opacity: 0.5;}
#pageSub_6_1 .feature-section .feature-item-box.active{opacity: 1;}
#pageSub_6_1 .feature-section .feature-item-box b{display: block; line-height: 1em; margin-bottom: 30px; font-size: 25px; color: #fff; margin-bottom: 20px; font-variant-numeric: lining-nums; text-decoration: underline; text-underline-offset: 3px;}
#pageSub_6_1 .feature-section .feature-item-box strong{display: block; line-height: 1.5em; font-size: 23px; margin-bottom: 80px; font-weight: 500; color: #fff;}
#pageSub_6_1 .feature-section .feature-item-box p{font-size: 17px; line-height: 1.5;}

#pageSub_6_1 .feature-section[data-active-bg="1"]{ background: url('../sub/img/sub6_feature_01.webp') center/cover no-repeat;}
#pageSub_6_1 .feature-section[data-active-bg="2"]{ background: url('../sub/img/sub6_feature_02.webp') center/cover no-repeat;}
#pageSub_6_1 .feature-section[data-active-bg="3"]{ background: url('../sub/img/sub6_feature_03.webp') center/cover no-repeat;}

@media (max-width: 1024px){
    #pageSub_1_1 .bg-cont{padding-top: 50px;}
    #pageSub_1_1 .intro-visual{height: auto; padding: 100px 20px 0;}
    #pageSub_1_1 .intro-visual .visual-text{margin-bottom: 50px;}
    #pageSub_1_1 .intro-visual .visual-text span{font-size: 30px; margin-bottom: 20px;}
    #pageSub_1_1 .intro-visual .visual-text .sub-info{font-size: 19px;}
    #pageSub_1_1 .intro-visual .visual-text .sub-info span{font-size: 30px; opacity: 0.5; margin-bottom: 10px;}
    #pageSub_1_1 .intro-visual .video-box{margin-bottom: 50px;}
    #pageSub_1_1 .intro-visual .visual-text h2{font-size: 50px;}

    #pageSub_1_1 .history-section{padding: 50px 0;}
    #pageSub_1_1 .history-section .history-title h3{font-size: 30px;}
    #pageSub_1_1 .history-section .history-title p{font-size: 14px;}
    #pageSub_1_1 .history-section .history-title b{font-size: 18px;}

    #pageSub_1_1 .history-section .history-detail{padding-top: 40px;}
    #pageSub_1_1 .history-section .history-detail .history-cont{width: 90%;}
    #pageSub_1_1 .history-section .history-detail .history-cont .float-img{position: static; margin-top: 30px;}
    #pageSub_1_1 .history-section .history-detail .history-cont .float-img.frst{display: none;}
    #pageSub_1_1 .history-section .history-detail .history-void{height: 470px;}
    #pageSub_1_1 .history-section .year-list{gap: 30px;}
    #pageSub_1_1 .history-section .year-list span{font-size: 24px;}
    #pageSub_1_1 .history-section .history-detail .point-year{font-size: 40px;}
    #pageSub_1_1 .history-section .history-detail strong{font-size: 28px;}
    #pageSub_1_1 .history-section .history-detail p{font-size: 14px;}

    #pageSub_1_1 .special-section{padding: 100px 0;}
    #pageSub_1_1 .special-section .section-title{font-size: 30px;}
    #pageSub_1_1 .special-section .section-desc{margin-bottom: 50px; font-size: 14px;}
    #pageSub_1_1 .special-item{flex-direction: column; gap: 50px; text-align: center; margin-bottom: 50px;}
    #pageSub_1_1 .special-item .img-box{width: 80%;}
    #pageSub_1_1 .special-item.reverse{flex-direction: column;}
    #pageSub_1_1 .special-item .text-box p{font-size: 14px;}

    .bg-text-flow.sub{font-size: 80px;}

    
    #pageSub_1_1 .bottom-banner{flex-direction: column; height: auto;}
    #pageSub_1_1 .bottom-banner .banner-left{width: 100%; height: 300px;}
    #pageSub_1_1 .bottom-banner .banner-right{width: 100%; padding: 60px 20px; align-items: center; text-align: center;}
    #pageSub_1_1 .bottom-banner .banner-right:before{bottom: 20px; right: 20px;}
    #pageSub_1_1 .bottom-banner .banner-right .btn-experience{padding: 15px 20px;}

    #subIntrr{padding-top: 120px; padding-bottom: 120px; background: linear-gradient(to top, rgba(245, 249, 252, 1) 0%, rgba(245, 249, 252, 1) 40%, rgba(245, 249, 252, 0) 40%, rgba(245, 249, 252, 0) 100%);}
    #subIntrr .content-wrap{padding-top: 130px; padding-bottom: 40px;}
    #subIntrr .text-cont{flex-direction: column; align-items: center; gap: 30px; margin-bottom: 40px; width: 100%; max-width: 1500px;}
    #subIntrr .text-cont .title-cont .title{margin-bottom: 15px; font-size: 15px; text-align: center;}
    #subIntrr .text-cont .title-cont h2{font-size: 28px; text-align: center;}
    #subIntrr .text-cont .description{font-size: 14px; text-align: center;}
    #subIntrr .text-cont .info-more{padding: 8px 20px; font-size: 12px;}
    #subIntrr .intrr-main{aspect-ratio: 213/110;}
    #subIntrr .intrr-main .swiper-slide:not(.swiper-slide-active){opacity: 0;}
    #subIntrr .intrr-main .swiper-slide-active{width: 100% !important; translate: -25%;}
    #subIntrr .intrr-thumbs{position: unset; translate: unset; width: 70%; margin-top: 20px;}
    #subIntrr .intrr-thumbs .swiper-slide{width: calc(25% - 5px); margin-right: 5px !important;}
    #subIntrr .intrr-thumbs .swiper-slide:last-child{margin-right: 0 !important;}
    #subIntrr .intrr-main .swiper-button-prev, #subIntrr .intrr-main .swiper-button-next{width: 30px; height: 30px; top: 90%;}
    #subIntrr .intrr-main .swiper-button-prev{left: 42.5%;}
    #subIntrr .intrr-main .swiper-button-next{right: 42.5%;}
    #subIntrr .swiper-button-next:after, #subIntrr .swiper-button-prev:after{width: 30px; height: 30px; background-size: contain;}

    #pageSub_1_2 .doctor-intro-top{margin: 100px auto; flex-direction: column; padding: 0 20px; gap: 40px;}
    #pageSub_1_2 .doctor-intro-top .text-box{padding-left: 0; padding-bottom: 0;}
    #pageSub_1_2 .doctor-intro-top .text-box h3{font-size: 24px; margin-bottom: 30px;}
    #pageSub_1_2 .doctor-intro-top .text-box p{font-size: 14px;}
    #pageSub_1_2 .doctor-intro-top .text-box p b{font-size: 16px;}
    #pageSub_1_2 .doctor-intro-top .img-cont{width: 100%;}
    #pageSub_1_2 .doctor-intro-top .img-box{width: 100%;}
    #pageSub_1_2 .doctor-item-box{flex-direction: column !important; align-items: center; gap: 40px; text-align: center; padding: 60px 20px;}
    #pageSub_1_2 .doctor-item-box .doctor-img{width: 300px; height: 350px;}
    #pageSub_1_2 .doctor-item-box .doctor-info{text-align: left; width: 100%;}

    #pageSub_1_2 .doctor-list-section .content-wrap{padding-top: 100px;}
    #pageSub_1_2 .doctor-item-box{padding: 0 20px;}
    #pageSub_1_2 .doctor-item-box .doctor-info{padding-right: 0; margin-bottom: 50px;}
    #pageSub_1_2 .doctor-item-box .doctor-info .position{text-align: center;}
    #pageSub_1_2 .doctor-item-box .doctor-info .name{text-align: center;}
    #pageSub_1_2 .doctor-item-box .doctor-info .history-group{text-align: center;}

    #pageSub_1_3 .info-section{flex-direction: column; padding: 0 20px; margin: 100 auto;}
    #pageSub_1_3 .map-section{padding: 0;}
    #pageSub_1_3 .map-section .bg-cont{padding: 100px 20px;}
    #pageSub_1_3 .way-to-come{width: 95%; border-radius: 40px; padding: 0 20px; gap: 20px;}
    #pageSub_1_3 .way-to-come .way-item-box{flex-direction: column; gap: 20px; padding: 30px 0;}
    #pageSub_1_3 .way-to-come .way-item-box .info-box{gap: 30px;}
    #pageSub_1_3 .way-to-come .way-item-box .info-box .detail-text{border-left: 0; padding-left: 0;}
    #pageSub_1_3 .way-to-come .way-item-box .info-box{flex-direction: column; gap: 15px;}
    #pageSub_1_3 .way-to-come .way-item-box .info-box .detail-text{font-size: 14px;}
    #pageSub_1_3 .way-to-come .way-item-box .info-box .detail-text span{font-size: 12px;}

    #pageSub_1_4 .gallery-section .gallery-filter-wrap{flex-direction: column; gap: 20px; align-items: flex-start;}
    #pageSub_1_4 .gallery-section .gallery-grid{grid-template-columns: 1fr;}
    #pageSub_1_4 .gallery-section .gallery-filter-wrap .filter-list{flex-wrap: wrap;}

    #pageSub_2_1 .sub-visual .top_box h3{font-size: 7vw;}
    #pageSub_2_1 .sub-tab{padding: 100px 0 50px;}
    #pageSub_2_1 .sub-tab .tab-list{width: 95%; gap: 5px; justify-content: center;}
    #pageSub_2_1 .sub-tab .tab-list li{font-size: 14px; width: 33%; height: 50px; text-align: center;}
    #pageSub_2_1 .content-section .section-title h3{font-size: 30px;}
    #pageSub_2_1 .content-section .section-title p{font-size: 18px;}
    #pageSub_2_1 .content-section .know-how-box{padding: 30px 20px;}
    #pageSub_2_1 .content-section .know-how-box .know-how-title h4{font-size: 24px;}
    #pageSub_2_1 .content-section .know-how-box .know-how-content .know-how-item{flex-direction: column; gap: 30px;}
    #pageSub_2_1 .content-section .know-how-box .know-how-content .know-how-item .item-img{width: 100%; max-width: unset;}
    #pageSub_2_1 .content-section .know-how-box .know-how-content .know-how-item .item-text{font-size: 14px; word-break: keep-all;}
    #pageSub_2_1 .content-section .know-how-box::after{display: none;}
    #pageSub_2_1 .content-section .pros-cons-wrap{margin-top: 100px;}
    #pageSub_2_1 .content-section .pros-cons-wrap h3{font-size: 30px; margin-bottom: 30px;}
    #pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container{flex-direction: column; gap: 50px;}
    #pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .pros-list .label-pros{width: unset; height: unset; padding: 20px 40px; font-size: 18px;}
    #pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul li{padding: 15px 5px; font-size: 14px; word-break: keep-all}
    #pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .cons-list .label-cons{width: unset; height: unset; padding: 20px 40px; font-size: 18px;}
    #pageSub_2_1 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul li{padding: 15px 5px; font-size: 14px; word-break: keep-all}
    #pageSub_2_1 .content-section .target-wrap{margin-top: 100px;}
    #pageSub_2_1 .content-section .target-wrap h3{font-size: 30px;}
    #pageSub_2_1 .content-section .target-wrap .target-grid{flex-direction: column; gap: 10px; margin-bottom: 100px;}
    #pageSub_2_1 .content-section .target-wrap .target-grid .target-item{flex-direction: unset; padding: 15px 30px; gap: 30px;}
    #pageSub_2_1 .content-section .target-wrap .target-grid .target-item .icon-box{width: 70px; height: 70px;}
    #pageSub_2_1 .content-section .target-wrap .target-grid .target-item p{width: calc(100% - 100px); text-align: left; font-size: 16px;}
    #pageSub_2_1 .feature-section{flex-direction: column;}
    #pageSub_2_1 .feature-section .feature-item-box{padding: 50px 0; border-left: 0; border-bottom: 1px solid #f4f4f4;}

    .feature-section{background: unset !important;}
    .feature-item-box:nth-child(1){ background: url('../sub/img/sub2_feature_01.webp') center/cover no-repeat;}
    .feature-item-box:nth-child(2){ background: url('../sub/img/sub2_feature_02.webp') center/cover no-repeat;}
    .feature-item-box:nth-child(3){ background: url('../sub/img/sub2_feature_03.webp') center/cover no-repeat;}
    .feature-item-box:nth-child(4){ background: url('../sub/img/sub2_feature_04.webp') center/cover no-repeat;}
    .feature-item-box:nth-child(5){ background: url('../sub/img/sub2_feature_05.webp') center/cover no-repeat;}

    #pageSub_2_1 .content-section{padding: 50px 20px;}
    #pageSub_2_1 .content-section .know-how-box{flex-direction: column;}
    #pageSub_2_1 .content-section .know-how-box .know-how-title{width: 100%;}
    #pageSub_2_1 .content-section .know-how-box .know-how-content{width: 100%;}
    #pageSub_2_1 .content-section .target-wrap .target-grid .target-item{width: 100%; max-width: 400px;}
    
    #pageSub_2_2 .sub-visual .top_box h3{font-size: 7vw;}
    #pageSub_2_2 .sub-tab{padding: 100px 0 50px;}
    #pageSub_2_2 .sub-tab .tab-list{width: 95%; gap: 5px; justify-content: center;}
    #pageSub_2_2 .sub-tab .tab-list li{font-size: 14px; width: 33%; height: 50px; text-align: center;}
    #pageSub_2_2 .content-section .section-title h3{font-size: 30px;}
    #pageSub_2_2 .content-section .section-title p{font-size: 18px;}
    #pageSub_2_2 .content-section .know-how-box{padding: 30px 20px;}
    #pageSub_2_2 .content-section .know-how-box .know-how-title h4{font-size: 24px;}
    #pageSub_2_2 .content-section .know-how-box .know-how-content .know-how-item{flex-direction: column; gap: 30px;}
    #pageSub_2_2 .content-section .know-how-box .know-how-content .know-how-item .item-img{width: 100%; max-width: unset;}
    #pageSub_2_2 .content-section .know-how-box .know-how-content .know-how-item .item-text{width: 100%; font-size: 14px; word-break: keep-all;}
    #pageSub_2_2 .content-section .know-how-box::after{display: none;}
    #pageSub_2_2 .content-section .pros-cons-wrap{margin-top: 100px;}
    #pageSub_2_2 .content-section .pros-cons-wrap h3{font-size: 30px; margin-bottom: 30px;}
    #pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container{flex-direction: column; gap: 50px;}
    #pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .pros-list .label-pros{width: unset; height: unset; padding: 20px 40px; font-size: 18px;}
    #pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul li{padding: 15px 5px; font-size: 14px; word-break: keep-all}
    #pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .cons-list .label-cons{width: unset; height: unset; padding: 20px 40px; font-size: 18px;}
    #pageSub_2_2 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul li{padding: 15px 5px; font-size: 14px; word-break: keep-all}
    #pageSub_2_2 .content-section .target-wrap{margin-top: 100px;}
    #pageSub_2_2 .content-section .target-wrap h3{font-size: 30px;}
    #pageSub_2_2 .content-section .target-wrap .target-grid{flex-direction: column; gap: 10px; margin-bottom: 100px;}
    #pageSub_2_2 .content-section .target-wrap .target-grid .target-item{flex-direction: unset; padding: 15px 30px; gap: 30px;}
    #pageSub_2_2 .content-section .target-wrap .target-grid .target-item .icon-box{width: 70px; height: 70px;}
    #pageSub_2_2 .content-section .target-wrap .target-grid .target-item p{width: calc(100% - 100px); text-align: left; font-size: 16px;}
    #pageSub_2_2 .feature-section{flex-direction: column;}
    #pageSub_2_2 .feature-section .feature-item-box{padding: 50px 0; border-left: 0; border-bottom: 1px solid #f4f4f4;}

    #pageSub_2_2 .content-section{padding: 50px 20px;}
    #pageSub_2_2 .content-section .know-how-box{flex-direction: column;}
    #pageSub_2_2 .content-section .know-how-box .know-how-title{width: 100%;}
    #pageSub_2_2 .content-section .know-how-box .know-how-content{width: 100%;}
    #pageSub_2_2 .content-section .target-wrap .target-grid .target-item{width: 100%; max-width: 400px;}

    #pageSub_2_3 .sub-visual .top_box h3{font-size: 7vw;}
    #pageSub_2_3 .sub-tab{padding: 100px 0 50px;}
    #pageSub_2_3 .sub-tab .tab-list{width: 95%; gap: 5px; justify-content: center;}
    #pageSub_2_3 .sub-tab .tab-list li{font-size: 14px; width: 33%; height: 50px; text-align: center;}
    #pageSub_2_3 .content-section{margin: 50px auto;}
    #pageSub_2_3 .content-section .section-title h3{font-size: 26px;}
    #pageSub_2_3 .content-section .section-title p{font-size: 18px;}
    #pageSub_2_3 .content-section .know-how-box{padding: 30px 20px; margin-bottom: 100px;}
    #pageSub_2_3 .content-section .know-how-box::after{display: none;}
    #pageSub_2_3 .content-section .know-how-box .know-how-title h4{font-size: 24px;}
    #pageSub_2_3 .content-section .know-how-box .know-how-content .know-how-item{flex-direction: column; gap: 30px;}
    #pageSub_2_3 .content-section .know-how-box .know-how-content .know-how-item .item-img{width: 100%; max-width: unset;}
    #pageSub_2_3 .content-section .know-how-box .know-how-content .know-how-item .item-text{width: 100%; font-size: 14px; word-break: keep-all;}
    #pageSub_2_3 .content-section .know-how-box .know-how-content .know-how-item .item-text p{font-size: 14px;}
    #pageSub_2_3 .content-section .process-wrap .process-img-box img{width: 95%;}
    #pageSub_2_3 .content-section .process-wrap .process-desc{width: 95%; font-size: 14px;}
    #pageSub_2_3 .content-section .comparison-wrap .table-wrap{white-space: nowrap; overflow-x: scroll;}
    #pageSub_2_3 .content-section .comparison-wrap .table-wrap{-ms-overflow-style: none; scrollbar-width: none;}
    #pageSub_2_3 .content-section .comparison-wrap .table-wrap::-webkit-scrollbar{display: none;}
    #pageSub_2_3 .content-section .comparison-wrap table:after{width: 46.5%;}
    #pageSub_2_3 .content-section .pros-cons-wrap{margin-top: 100px;}
    #pageSub_2_3 .content-section .pros-cons-wrap h3{font-size: 30px; margin-bottom: 30px;}
    #pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container{flex-direction: column; gap: 50px;}
    #pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .pros-list .label-pros{width: unset; height: unset; padding: 20px 40px; font-size: 18px;}
    #pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .pros-list ul li{padding: 15px 5px; font-size: 14px; word-break: keep-all}
    #pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .cons-list .label-cons{width: unset; height: unset; padding: 20px 40px; font-size: 18px;}
    #pageSub_2_3 .content-section .pros-cons-wrap .pros-cons-container .cons-list ul li{padding: 15px 5px; font-size: 14px; word-break: keep-all}
    #pageSub_2_3 .content-section .target-wrap{margin-top: 100px;}
    #pageSub_2_3 .content-section .target-wrap h3{font-size: 30px;}
    #pageSub_2_3 .content-section .target-wrap .target-grid{flex-direction: column; gap: 10px; margin-bottom: 100px;}
    #pageSub_2_3 .content-section .target-wrap .target-grid .target-item{flex-direction: unset; padding: 15px 30px; gap: 30px;}
    #pageSub_2_3 .content-section .target-wrap .target-grid .target-item .icon-box{width: 70px; height: 70px;}
    #pageSub_2_3 .content-section .target-wrap .target-grid .target-item p{width: calc(100% - 100px); text-align: left; font-size: 16px;}
    #pageSub_2_3 .feature-section{flex-direction: column;}
    #pageSub_2_3 .feature-section .feature-item-box{padding: 50px 0; border-left: 0; border-bottom: 1px solid #f4f4f4;}

    #pageSub_2_3 .content-section{padding: 50px 20px;}
    #pageSub_2_3 .content-section .know-how-box{flex-direction: column;}
    #pageSub_2_3 .content-section .know-how-box .know-how-title{width: 100%;}
    #pageSub_2_3 .content-section .know-how-box .know-how-content{width: 100%;}
    #pageSub_2_3 .content-section .target-wrap .target-grid .target-item{width: 100%; max-width: 400px;}


    #pageSub_6_1 .sub-visual .top_box h3{font-size: 7vw;}
    #pageSub_6_1 .tmj-definition{padding: 100px 0;}
    #pageSub_6_1 .tmj-definition .definition-content{flex-direction: column;}
    #pageSub_6_1 .tmj-definition .definition-content .text-box{width: 100%;}
    #pageSub_6_1 .tmj-definition .definition-content .text-box .section-title{font-size: 30px;}
    #pageSub_6_1 .tmj-definition .definition-content .text-box .summary{font-size: 18px;}
    #pageSub_6_1 .tmj-definition .definition-content .text-box .detail{font-size: 18px;}
    #pageSub_6_1 .tmj-definition .definition-content .image-box{width: 100%; margin-top: 40px;}
    #pageSub_6_1 .treatment-necessity .inner{padding: 0 20px;}
    #pageSub_6_1 .treatment-necessity .section-title{font-size: 30px;}
    #pageSub_6_1 .treatment-necessity .card-list{flex-direction: column;}
    #pageSub_6_1 .tmj-symptoms .inner{padding: 0 20px;}
    #pageSub_6_1 .tmj-symptoms .section-title{font-size: 30px;}
    #pageSub_6_1 .tmj-symptoms .symptom-list{flex-wrap: wrap; justify-content: center;}
    #pageSub_6_1 .tmj-symptoms .symptom-item{width: 48%; flex: none; margin-bottom: 30px;}
    #pageSub_6_1 .treatment-process .inner{padding: 0 20px;}
    #pageSub_6_1 .treatment-process .process-list{flex-direction: column; gap: 40px;}
    #pageSub_6_1 .treatment-process .process-item .thumb:after{display: none;}
    #pageSub_6_1 .treatment-process .process-item{width: 100%;}
    #pageSub_6_1 .treatment-process .process-item .step-desc{display: inline-flex; flex-direction: column;}
    #pageSub_6_1 .treatment-process .process-item .step-desc li{}
    #pageSub_6_1 .feature-section{flex-direction: column;}
    #pageSub_6_1 .feature-section .feature-item-box{width: 100%; border-right: none; border-bottom: 1px solid #f4f4f4; padding: 80px 0;}
}