.noto-serif-kr-400 {
    font-family: "Noto Serif KR", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}



/* header */
header.header { background: #f7f7f7; border-bottom: 1px solid #e7e7e7; }
header .header-top-menu .fa, header .header-top-menu li a { color: #000; }


.nav > li > a:hover, .nav > li > a:focus { background: none; color: inherit; text-decoration: underline }

.navbar-default { position: fixed; top: 0; left: 0; right: 0;  padding: 0 60px; z-index: 11; }
.navbar-default .navbar-nav>li>a { font-weight: 500; padding: 29px 30px; font-size: 16px; }
.navbar-default .navbar-nav>li>a:hover { background: none; color: inherit }

/* banner */
.banner { margin: 0; }

/* shopping */
.cde_detail_option { font-size: 14px; }
.cde_detail_option p.cde_title { font-size: 16px; margin: 0 0 12px; line-height: 1.2; }
.cde_detail_option span.cde_price_obj { font-size: 16px; vertical-align: bottom; margin: 0 8px 0 0; }
.cde_detail_option span.cde_price_obj span { font-size: 20px; font-weight: 500; vertical-align: bottom; }

.shop_list h5 { text-align: center; margin-bottom:10px; font-size: 34px; font-weight: 600; }
.shop_list h5 span { color: #f5821f; }
.shop_list p.shop_list_sub_title { text-align: center; color: #5e5e5e; font-weight: 500; margin: 0 0 50px; font-size: 19px; }
.cmall-list { margin-bottom:105px;  }
.cmall-list .cmall-tit { font-size: 14px; margin: 10px 0 0; text-align: center; font-weight: 500; }
.cmall-list .cmall-txt { font-size: 13px; color: #777; margin-bottom: 7px; word-break: keep-all; word-wrap: break-word; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; text-align: center;   white-space: nowrap;  }
.cmall-list .cmall-price { font-size: 14px; font-weight: 500; text-align: center; }


.empty-list { padding: 55px 0; text-align: center; font-size: 15px; }
.navbar-default .navbar-brand { padding: 25px 0; }
.navbar-brand > img { display: block; max-width: 148px; width: 100%; }

.ci-box { margin-bottom: 20px;}

.webseller { font-size: 12px; color: #aaa;  }
.webseller a { font-size: 12px; color: #aaa;  }


.sns { padding: 0 0 10px ; text-align: left; }
.sns a { display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; background: #ddd; border-radius: 50%; margin-right: 8px; }
.sns a .fa { color: #fff; font-size: 19px; }

#side_menu .m_search { padding: 10px 0 0; }
.m_close .fa { color: #ccc; }
.header_line { background: #ddd; height: 2px; }

.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#selectedOption { display: none; margin: 25px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px 0; }
#selectedOption .form-group { }
#selectedOption .form-group:last-child { margin-bottom: 0; }

.product-no-box { }
.product-no-box .product-no { }
.product-no-box .product-no td { padding-left: 0; padding-right: 0; }
.item_detail_table {}
.item_detail_table.table td { padding-left: 0; padding-right: 0; }

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin: 0; }

section.default { padding: 65px 0; }
section.default.recom { background: #f9f9f9; border-top: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf; }



/* footer */
footer { background: #000; border-top: 0; padding: 35px 0 50px; color: #fff; text-align: center; }
footer .footer-logo { text-align: center; margin: 0 0 24px; }
footer .footer-logo .img-wrap { margin: 0 0 12px; }
footer .footer-logo .img-wrap img { max-width: 40px; margin: 0 auto; }
footer .footer-logo h5 { font-size: 20px; font-weight: 500; letter-spacing: .3em; }
footer .copyright { display: flex; gap: 12px; justify-content: center; }
footer .copyright + .copyright { margin-top: 10px; }
footer .copyright span { font-size: 14px; position: relative; }

.option_window { border-top: 1px solid #eaeaea; padding-top: 20px; }


.banner {  }
.banner .inner { height: 1000px; background: url("/img/main-banner.png") center no-repeat; background-size: cover; color: #fff; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.banner .inner p { font-size: 24px; font-weight: 400; opacity: .4; }
.banner .inner h1 { font-size: 52px; font-weight: 500; margin: 48px 0 60px; line-height: 1.5; }
.banner .inner h5 { font-size: 32px; font-weight: 400; }

.main-future-section { margin: 170px 0 0; }
.main-future-section .title-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 32px; margin: 0 0 80px; }
.main-future-section .title-wrap h5 { font-size: 20px; font-weight: 600; letter-spacing: .3em; color: #559DFF;  }
.main-future-section .title-wrap h2 { font-size: 52px; font-weight: 400; line-height: 1.5; }
.main-future-section .title-wrap h2 b { font-weight: 700; }
.main-future-section .future-grid { display: flex; }
.main-future-section .future-grid .future-item { flex: 1; min-width: 0; min-height: 440px; position: relative; color: #fff; }
.main-future-section .future-grid .future-item p { font-size: 20px; font-weight: 600; position: absolute; bottom: 43px; left: 23px; }
.main-future-section .future-grid .future-item.item01 { background: url("/img/future01.png") center no-repeat; background-size: cover; }
.main-future-section .future-grid .future-item.item02 { background: url("/img/future02.png") center no-repeat; background-size: cover; }
.main-future-section .future-grid .future-item.item03 { background: url("/img/future03.png") center no-repeat; background-size: cover; }
.main-future-section .future-grid .future-item.item04 { background: url("/img/future04.png") center no-repeat; background-size: cover; }
.main-future-section .future-grid .future-item.item05 { background: url("/img/future05.png") center no-repeat; background-size: cover; }

.main-summary-section { margin: 180px 0 0; min-height: 600px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 24px; background: url("/img/main-summary-bg.png") center no-repeat; background-size: cover; color: #fff; }
.main-summary-section h4 { font-size: 32px; line-height: 1.6; font-family: 'Noto Serif KR'; font-weight: 600; }
.main-summary-section p { font-size: 16px; font-weight: 500; line-height: 1.6; }

.contact-section { padding: 140px 100px; }
.contact-section .contact-grid { display: flex; justify-content: space-between; gap: 60px; }
.contact-section .contact-grid .map { flex: 1; }
.contact-section .contact-grid .map img { display: block; max-width: 760px; width: 100%; }
.contact-section .contact-grid .info { flex: 1; display: flex; flex-direction: column;  }
.contact-section .contact-grid .info hr { border-top: 1px solid #ddd; margin: 40px 0; }
.contact-section .contact-grid .info .title { text-align: center; }
.contact-section .contact-grid .info .title h2 { font-size: 36px; font-weight: 600; }
.contact-section .contact-grid .info .title p { font-size: 16px; font-weight: 500; margin: 30px 0;}
.contact-section .contact-grid .info .btn-wrap { display: flex; gap: 20px; justify-content: center; max-width: 532px; margin: 0 auto; }
.contact-section .contact-grid .info .btn-wrap a { display: inline-flex; background: #B4CEE3; border-radius: 10px; flex: 1; height: 60px; align-items: center; justify-content: space-between; padding: 0 36px; color: #fff; font-size: 16px; font-weight: 500; }

.contact-section .contact-grid .work-hour { display: flex; gap: 20px; padding: 0 50px; }
.contact-section .contact-grid .work-hour h4 { flex: 0 1 220px; font-size: 24px; font-weight: 600; min-width: 0; }
.contact-section .contact-grid .work-hour .work-content { flex: 1; }
.contact-section .contact-grid .work-hour .work-content .flex-wrap { display: flex; gap: 20px; flex-direction: column; }
.contact-section .contact-grid .work-hour .work-content .flex-wrap .flex-item { display: grid; grid-template-columns: 1fr 3fr; gap: 20px; font-size: 20px; font-weight: 500; }
.contact-section .contact-grid .work-hour .work-content p.closed { font-size: 14px; font-weight: 500; color: rgba(0,0,0,.6); margin: 25px 0 0; }

.contact-section .contact-grid .transportation { padding: 0 50px; }
.contact-section .contact-grid .transportation .grid-wrap { display: flex; flex-direction: column; gap: 20px; }
.contact-section .contact-grid .transportation .grid-wrap .grid-item { display: flex; font-size: 20px; }
.contact-section .contact-grid .transportation .grid-wrap .grid-item h4 { font-size: 20px; font-weight: 600; flex: 0 1 220px; min-width: 0; }
.contact-section .contact-grid .transportation .grid-wrap .grid-item p { font-weight: 500; }


.sub-banner { background: url("/img/sub-banner.png") center no-repeat; background-size: cover; }
.sub-banner .inner { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 600px; gap: 48px; }
.sub-banner .inner p { font-size: 24px; color: rgba(255, 255 ,255, .4); }
.sub-banner .inner h2 { font-size: 52px; font-family: 'Noto Serif KR'; color: #fff; font-weight: 600;  }


.about-intro-section { padding: 120px 0; }
.about-intro-section .inner { display: flex; gap: 30px; align-items: center; justify-content: center; }
.about-intro-section .inner .img-box { flex: 1; min-width: 0; }
.about-intro-section .inner .img-box img { display: block; max-width: 100%; margin: 0 auto; }
.about-intro-section .inner .text-box { flex: 1; min-width: 0; }
.about-intro-section .inner .text-box h3 { font-size: 20px; font-weight: 500; padding: 0; margin: 0 0 20px; border: 0; }
.about-intro-section .inner .text-box p { font-size: 16px; font-weight: 400; line-height: 1.6; }


.about-mean-section { padding: 120px 0; background: #F4F5F6; }
.about-mean-section .inner { display: flex; gap: 30px; align-items: center; }
.about-mean-section .inner .text-box { flex: 1; min-width: 0; }
.about-mean-section .inner .text-box h3 { font-size: 20px; font-weight: 500; padding: 0; margin: 0 0 20px; border: 0; }
.about-mean-section .inner .text-box h5 { font-size: 18px; font-weight: 500; margin: 0 0 20px; line-height: 1.4; }
.about-mean-section .inner .text-box p { font-size: 16px; font-weight: 500; line-height: 1.6; }
.about-mean-section .inner .img-box { flex: 1; min-width: 0; }


.ksc-section01 { padding: 100px 0 120px; }
.ksc-section01 .img-box { margin: 0 0 50px; }
.ksc-section01 .img-box img { display: block; max-width: 100%; width: 100%; }
.ksc-section01 .text-box {  }
.ksc-section01 .text-box h2 { font-size: 36px; font-weight: 700; }
.ksc-section01 .text-box p { font-size: 20px; font-weight: 500; line-height: 1.6;  }


.ksc-section02 { background: #F4F5F6; padding: 120px 0; }
.ksc-section02 .text-box { margin: 0 0 50px; text-align: center; }
.ksc-section02 .text-box h2 { font-size: 36px; font-weight: 700; margin: 0 0 20px;  }
.ksc-section02 .text-box p { font-size: 20px; font-weight: 500; }
.ksc-section02 .card-list { display: flex; gap: 30px; }
.ksc-section02 .card-list .card { flex: 1; min-width: 0; }
.ksc-section02 .card-list .card .img-box {  }
.ksc-section02 .card-list .card .img-box img { display: block; max-width: 100%; width: 100%;  }
.ksc-section02 .card-list .card h5 { font-size: 20px; font-weight: 600; margin: 28px 0 16px; }
.ksc-section02 .card-list .card p { font-size: 16px; font-weight: 500; line-height: 1.6; }
.ksc-section02 .text-content { margin: 120px 0 0; }
.ksc-section02 .text-content h2 { font-size: 36px; font-weight: 700; margin: 0 0 20px; text-align: center; }
.ksc-section02 .text-content .in-content { max-width: 1290px; margin: 50px auto 0;  }
.ksc-section02 .text-content .in-content p { background: #F4F5F6; border-radius: 120px; padding: 30px 92px; font-size: 20px; font-weight: 500; text-align: center; }


.ksc-section03 { padding: 120px 0; }
.ksc-section03 .inner { display: flex; }
.ksc-section03 .inner h2 { flex: 4; min-width: 0; font-size: 36px; font-weight: 700; }
.ksc-section03 .inner .content { flex: 8; min-width: 0; }
.ksc-section03 .inner .content h5 { font-size: 20px; font-weight: 500; margin: 0 0 40px; line-height: 1.6; }
.ksc-section03 .inner .content .list-wrap { position: relative; padding: 10px 0; }
.ksc-section03 .inner .content .list-wrap:before { content: ''; position: absolute; top: 10px; left: 4px; width: 1px; bottom: 10px; background: #ddd; }
.ksc-section03 .inner .content .list-wrap .list-article { position: relative; padding: 0 0 0 30px; }
.ksc-section03 .inner .content .list-wrap .list-article:before { position: absolute; left: 0; top: 0; content: ''; width: 10px; height: 10px; background: #0083DB; border-radius: 100%; transform: translateY(50%); }
.ksc-section03 .inner .content .list-wrap .list-article + .list-article { margin: 44px 0 0; }
.ksc-section03 .inner .content .list-wrap .list-article h5 { font-size: 16px; font-weight: 600; margin: 0 0 12px; }
.ksc-section03 .inner .content .list-wrap .list-article p { font-size: 14px; font-weight: 400; }


.ksc-section04 { padding: 120px 0; border-bottom: 1px solid #ddd; }
.ksc-section04 .inner { display: flex; gap: 20px; }
.ksc-section04 .inner h2 { font-size: 24px; font-weight: 600; flex: 1; min-width: 0; line-height: 1.6; }
.ksc-section04 .inner p { font-size: 16px; font-weight: 500; flex: 1; min-width: 0; line-height: 1.6; }


.therapy-section { padding: 120px 0; border-bottom: 1px solid #ddd; }
.therapy-section .img-box {  }
.therapy-section .img-box img { max-width: 100%; display: block; margin: 0 auto; }
.therapy-section h2 { text-align: center; font-size: 36px; font-weight: 700; margin: 100px 0 50px; }
.therapy-section .content { display: grid; gap: 30px; grid-template-columns: 1fr 1fr; }
.therapy-section .content .article { background: #F4F5F6; padding: 30px; }
.therapy-section .content .article:nth-child(1) { grid-column: span 2; }
.therapy-section .content .article h4 { font-size: 20px; font-weight: 600; margin: 0 0 12px; }
.therapy-section .content .article p { font-size: 16px; font-weight: 500; line-height: 1.6; }
.therapy-section .content .article p + p { margin: 16px 0 0; }


.regular-section { padding: 120px 0; text-align: center; background: #F4F5F6; }
.regular-section h2 { font-size: 36px; font-weight: 700; margin: 0 0 20px;}
.regular-section p { font-size: 16px; font-weight: 500; line-height: 1.7; }


.img-text-section { padding: 120px 0; }
.img-text-section h2 { font-size: 36px; font-weight: 700; margin: 0 0 50px; text-align: center; }
.img-text-section .content { display: flex; gap: 30px; }
.img-text-section .content .article { flex: 1; min-width: 0; }
.img-text-section .content .article .img-box {}
.img-text-section .content .article .img-box img { display: block; max-width: 100%; width: 100%; margin: 0 auto; }
.img-text-section .content .article h4 { font-size: 20px; font-weight: 600; margin: 28px 0 16px; }
.img-text-section .content .article h5 { font-size: 16px ;font-weight: 500; margin: 0 0 28px; color: #559DFF; }
.img-text-section .content .article p { font-size: 16px; font-weight: 500; line-height: 1.6; }


.title-text-section { padding: 120px 0; background: #F4F5F6; }
.title-text-section h2 { font-size: 36px; font-weight: 700; text-align: center; margin: 0 0 50px; }
.title-text-section .content { display: flex; gap: 20px; }
.title-text-section .content .card { background: #fff; min-height: 230px; padding: 30px; text-align: center; flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.title-text-section .content .card h3 { font-size: 36px; font-weight: 600; color: #559DFF; margin: 0 0 24px; padding: 0; border: 0; line-height: 1.3; }
.title-text-section .content .card p { font-size: 16px; font-weight: 500; line-height: 1.6; }

.check-section { padding: 120px 0; background: #f4f5f6; }
.check-section h2 { font-size: 36px; font-weight: 700; text-align: center; margin: 0 0 50px; }
.check-section h3 { font-size: 36px; font-weight: 700; text-align: center; margin: 0 0 20px; border: 0; padding: 0; }
.check-section h3 + p { font-size: 20px; font-weight: 500; text-align: center; margin: 0 0 50px; }
.check-section .content { display: grid; gap: 20px; grid-template-columns: 1fr 1fr; }
.check-section .content .article { background: #fff; height: 54px; border: 1px solid #ddd; display: flex; align-items: center; padding: 8px 24px; gap: 8px; }
.check-section .content .article h5 { display: flex; font-size: 20px; font-weight: 500; color: #559DFF; align-items: center; gap: 8px; }
.check-section .content .article h5 img { display: block; max-width: 16px; }
.check-section .content .article p { font-size: 16px; font-weight: 500; color: #000; }

.img-text-vertical-section { padding: 120px 0; }
.img-text-vertical-section h2 { text-align: center; font-size: 36px; font-weight: 700; margin: 0 0 50px; }
.img-text-vertical-section .content { display: flex; flex-direction: column; gap: 60px; max-width: 1080px; margin: 0 auto; }
.img-text-vertical-section .content .article { display: flex; gap: 30px; }
.img-text-vertical-section .content .article .img-box { flex: 6; min-width: 0; }
.img-text-vertical-section .content .article .text-box { flex: 8; display: flex; flex-direction: column; gap: 20px; }
.img-text-vertical-section .content .article .text-box h4 { font-size: 24px; font-weight: 600;  }
.img-text-vertical-section .content .article .text-box .hr-vertical { height: 50px; width: 2px; background: #559DFF; }
.img-text-vertical-section .content .article .text-box p { font-size: 20px; font-weight: 500; line-height: 1.6; }

.text-grid-section { padding: 120px 0; border-top: 1px solid #ddd; }
.text-grid-section h2 { text-align: center; font-size: 36px; font-weight: 700; margin: 0 0 50px; }
.text-grid-section .content { display: grid; gap: 60px; grid-template-columns: 1fr 1fr; }
.text-grid-section .content .article { display: flex; flex-direction: column; gap: 20px; }
.text-grid-section .content .article h4 { font-size: 20px; font-weight: 600; }
.text-grid-section .content .article p { font-size: 16px; font-weight: 500; line-height: 1.6; }

.title-grid-section { padding: 120px 0; background: #F4F5F6; }
.title-grid-section .subject-title { text-align: center; }
.title-grid-section .subject-title h2 { font-size: 36px; font-weight: 700; margin: 0 0 20px; }
.title-grid-section .subject-title p { font-size: 16px; font-weight: 500; line-height: 1.6; }
.title-grid-section .flex-item { text-align: center; margin: 60px 0 0; }
.title-grid-section .flex-item h2 { font-size: 36px; font-weight: 600; margin: 0 0 50px; }
.title-grid-section .flex-item .content { display: grid; gap: 30px; grid-template-columns: 1fr 1fr 1fr; }
.title-grid-section .flex-item.fr4 .content { grid-template-columns: 1fr 1fr 1fr 1fr; }
.title-grid-section .flex-item .content .article { display: flex; flex-direction: column; gap: 16px; justify-content: center; background: #fff; border-radius: 12px; border: 1px solid #559DFF; min-height: 200px; }
.title-grid-section .flex-item .content .article h5 { font-size: 20px; font-weight: 600; color: #559DFF; }
.title-grid-section .flex-item .content .article p { font-size: 16px; font-weight: 500; line-height: 1.6; }

.half-check-section { padding: 120px 0; }
.half-check-section .hcs--title { margin: 0 0 50px; }
.half-check-section .hcs--title h2 { font-size: 36px; font-weight: 700; margin: 0 0 24px; }
.half-check-section .hcs--title p { font-size: 20px; font-weight: 500; }
.half-check-section .hcs--content { display: flex; gap: 30px; }
.half-check-section .hcs--content .box { background: #F4F5F6; padding: 40px; display: flex; flex-direction: column; gap: 28px; flex: 1; min-width: 0; }
.half-check-section .hcs--content .box .article { display: flex; gap: 16px; font-size: 20px; font-weight: 500; align-items: center; }
.half-check-section .hcs--content .box .article i { color: #559DFF; }

.half-icon-section { padding: 120px 0 0; }
.half-icon-section .his--title { margin: 0 0 50px; }
.half-icon-section .his--title h2 { text-align: center; font-size: 36px; font-weight: 700 }
.half-icon-section .his--content { display: flex; gap: 30px; max-width: 978px; margin: 0 auto; }
.half-icon-section .his--content .box { border-radius: 40px; border: 1px solid #ddd; padding: 70px 30px 100px; display: flex; flex-direction: column; text-align: center; flex: 1; min-width: 0; }
.half-icon-section .his--content .box .img-box {}
.half-icon-section .his--content .box .img-box img { display: block; max-width: 100px; width: 100%; margin: 0 auto; }
.half-icon-section .his--content .box h5 { font-size: 20px; font-weight: 600; margin: 32px 0 24px; color: #559DFF; }
.half-icon-section .his--content .box p { font-size: 16px; font-weight: 500; line-height: 1.6; }

.tag-vertical-section { padding: 120px 0; }
.tag-vertical-section .tvs--title { margin: 0 0 50px; }
.tag-vertical-section .tvs--title h2 { text-align: center; font-size: 36px; font-weight: 700; }
.tag-vertical-section .tvs--content { max-width: 1230px; margin: 0 auto; display: flex; flex-direction: column; gap: 120px; }
.tag-vertical-section .tvs--content .article { display: flex; gap: 30px; }
.tag-vertical-section .tvs--content .article .img-box { flex: 1; min-width: 0; max-width: 470px; }
.tag-vertical-section .tvs--content .article .img-box img { display: block; max-width: 100%; width: 100%; }
.tag-vertical-section .tvs--content .article .info-box { display: flex; flex: 1; flex-direction: column; gap: 46px; }
.tag-vertical-section .tvs--content .article .info-box .tvs--info--title {  }
.tag-vertical-section .tvs--content .article .info-box .tvs--info--title h4 { font-size: 24px; font-weight: 600; margin: 0 0 20px; }
.tag-vertical-section .tvs--content .article .info-box .tvs--info--title p { font-size: 16px; font-weight: 500; line-height: 1.6; }
.tag-vertical-section .tvs--content .article .info-box .tvs--info--content {  }
.tag-vertical-section .tvs--content .article .info-box .tvs--info--content h5 { font-size: 20px; font-weight: 600; margin: 0 0 12px; }
.tag-vertical-section .tvs--content .article .info-box .tvs--info--content .tags { display: flex; gap: 12px; flex-wrap: wrap; }
.tag-vertical-section .tvs--content .article .info-box .tvs--info--content .tags span { display: inline-flex; padding: 8px 16px; border-radius: 30px; background: #F4F5F6; font-size: 14px; font-weight: 600; }
.tag-vertical-section .tvs--content .article .info-box .tvs--info--content .check-list { display: flex; flex-direction: column; gap: 6px;  }
.tag-vertical-section .tvs--content .article .info-box .tvs--info--content .check-list .check-list--article { display: flex; font-size: 14px; font-weight: 500; align-items: center; gap: 8px; }
.tag-vertical-section .tvs--content .article .info-box .tvs--info--content .check-list .check-list--article i { color: #559DFF; }


.title-text-section2 { padding: 120px 0; background: #F4F5F6; }
.title-text-section2 .tts--title { margin: 0 0 50px; text-align: center; }
.title-text-section2 .tts--title h2 { font-size: 36px; font-weight: 700; margin: 0 0 20px; }
.title-text-section2 .tts--title p {  font-size: 20px; font-weight: 500; line-height: 1.6; }
.title-text-section2 .content { display: flex; gap: 20px; }
.title-text-section2 .content .card { background: #fff; padding: 24px; text-align: center; flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; border: 1px solid #559DFF; border-radius: 12px; }
.title-text-section2 .content .card h3 { font-size: 20px; font-weight: 600; color: #559DFF; margin: 0 0 24px; padding: 0; border: 0; line-height: 1.3; }
.title-text-section2 .content .card p { font-size: 16px; font-weight: 500; line-height: 1.6; }
.title-text-section2 .tts2-vertical-content { display: flex; flex-direction: column; gap: 60px; margin: 90px 0 0; }
.title-text-section2 .tts2-vertical-content .article {  display: flex; gap: 30px; }
.title-text-section2 .tts2-vertical-content .article .img-box { flex: 1; min-width: 0; max-width: 600px;  }
.title-text-section2 .tts2-vertical-content .article .img-box img { display: block; max-width: 100%; }
.title-text-section2 .tts2-vertical-content .article .text-box { flex: 1; }
.title-text-section2 .tts2-vertical-content .article .text-box h4 { font-size: 36px; font-weight: 700; margin: 0 0 32px; }
.title-text-section2 .tts2-vertical-content .article .text-box p { font-size: 16px; font-weight: 500; line-height: 1.6; }

.grid-card-section {padding: 120px 0; background: #F4F5F6; }
.grid-card-section .gcs--title { margin: 0 0 50px; text-align: center; }
.grid-card-section .gcs--title h2 { font-size: 36px; font-weight: 700; margin: 0 0 20px; }
.grid-card-section .gcs--content { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 90px 30px; }
.grid-card-section .gcs--content .img-box {}
.grid-card-section .gcs--content .img-box img { display: block; max-width: 100%; }
.grid-card-section .gcs--content h5 { font-size: 20px; font-weight: 600; margin: 28px 0 16px; }
.grid-card-section .gcs--content p { font-size: 16px; font-weight: 500; line-height: 1.6; }


.table-section { padding: 120px 0; border-bottom: 1px solid #ddd; }
.table-section .ts--title { text-align: center; margin: 0 0 50px; }
.table-section .ts--title h2 { font-size: 36px; font-weight: 700; }
.table-section .ts--content {  }
.table-section .ts--content table.table { }
.table-section .ts--content table.table tr.bg { background: #f4f5f6; }
.table-section .ts--content table.table tr td { font-size: 20px; font-weight: 500; text-align: center; padding: 12px 16px; }


.map-section { padding: 120px 0; }
.map-section .ms--title { text-align: center; margin: 0 0 50px; }
.map-section .ms--title h2 { font-size: 36px; font-weight: 700; }
.map-section .ms--content {  }
.map-section .ms--text-content { display: flex; flex-direction: column; }
.map-section .ms--text-content .cluster { display: flex; height: 120px; align-items: center; border-bottom: 1px solid #ddd; }
.map-section .ms--text-content .cluster h5 { flex: 1; max-width: 423px; font-size: 30px; font-weight: 600; text-align: center; padding: 0 16px; }
.map-section .ms--text-content .cluster p { flex: 1; font-size: 30px; font-weight: 400; }

.navbar-toggle { margin: 0 0 ; }