.navbar-brand > img { width: 190px; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { line-height: normal; margin: 26px 0; }

.navbar { transition: .2s; }
.header-box { position: fixed; top: 0; left: 0; right: 0; z-index: 16; background: transparent; }
.header-box.hover { background: #363B3E; padding-bottom: 500px; }
body.static-body nav.navbar.navbar-default { position: relative; background: #363B3E !important; }

.navbar.navbar-default { display: flex; align-items: center; justify-content: space-between; padding: 0 60px; height: 80px; }
.navbar.navbar-default:before, .navbar.navbar-default:after { display: none; }
.navbar.navbar-default .navbar-toggle { border: 0; margin-top: 16px; }
.navbar.navbar-default .navbar-toggle .icon-bar { background: #fff; width: 31px; }
.navbar.navbar-default .navbar-toggle .icon-bar + .icon-bar { margin: 7px 0 0; }
.navbar.navbar-default .right { display: flex; align-items: center; gap: 20px; }
.navbar.navbar-default .right a { display: block; font-size: 14px; color: #fff; padding: 8px 34px; border: 1px solid #fff; border-radius: 4px; }
.navbar.navbar-default .right a.header-phone { border: 0; padding: 0; font-size: 16px; font-weight: 700; letter-spacing: .01em; white-space: nowrap; }
.navbar.navbar-default .right a.header-phone i { margin-right: 7px; font-size: 14px; }
.navbar.navbar-default .right a.header-phone:hover { opacity: .8; }

#topmenu-navbar-collapse .navbar-nav > li { position: relative; }
#topmenu-navbar-collapse .sub-menu { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); list-style: none; padding: 10px 0; margin: 0; min-width: 130px; text-align: center; z-index: 20; }
#topmenu-navbar-collapse .sub-menu > li > a { display: block; color: #ccc; padding: 12px 0; font-size: 15px; white-space: nowrap; }
#topmenu-navbar-collapse .sub-menu > li > a:hover { color: #fff; background: none; }
.header-box.hover #topmenu-navbar-collapse .dropdown .sub-menu { display: block; }

.navbar.sub-navbar { border-bottom: 1px solid #e7e4f7; text-align: center; height: 70px; }
.navbar.sub-navbar .nav.navbar-nav { list-style: none; display: inline-block; float: none; }
.navbar.sub-navbar .nav.navbar-nav li { }
.navbar.sub-navbar .nav.navbar-nav li a { padding: 0 15px;  font-size: 16px; }
.navbar.sub-navbar .nav.navbar-nav li a span { display: inline-block; line-height: 70px; height: 70px; color: #8392A7; font-weight: 500; }
.navbar.sub-navbar .nav.navbar-nav li.active a span { border-bottom: 3px solid #65a2fc; color: #333; }
.navbar.sub-navbar .nav.navbar-nav li a:hover { background: none; }
.navbar.sub-navbar .nav.navbar-nav li a:hover span { color: #111; }

.navbar.sub-navbar.making .nav.navbar-nav li.active a span,
.navbar.sub-navbar.sample .nav.navbar-nav li.active a span { border-bottom: 3px solid #d61904; }
.navbar.sub-navbar.create .nav.navbar-nav li.active a span { border-bottom: 3px solid #1a9811; }
.navbar.sub-navbar.repair .nav.navbar-nav li.active a span { border-bottom: 3px solid #da8d15; }
.navbar.sub-navbar.custom .nav.navbar-nav li.active a span,
.navbar.sub-navbar.payment .nav.navbar-nav li.active a span,
.navbar.sub-navbar.notice .nav.navbar-nav li.active a span,
.navbar.sub-navbar.faq .nav.navbar-nav li.active a span { border-bottom: 3px solid #752ed6; }
.navbar.sub-navbar.insight .nav.navbar-nav li.active a span { border-bottom: 3px solid #132e8c; }
.navbar.sub-navbar.tpl .nav.navbar-nav li.active a span { border-bottom: 3px solid #f15160; }

section.default .row.float-right > div { float: right; }



/* #banner */
#particles-js { position: absolute; width: 100%; height: 100%; top: 0px; }
.banner {  background: linear-gradient(-45deg, #65a2fc, #7d3bf7); padding: 0px 10px 0; position: relative; background-size: 400% 400%; -webkit-animation: Gradient 15s ease infinite; -moz-animation: Gradient 15s ease infinite; animation: Gradient 15s ease infinite;
    background: -moz-linear-gradient(-45deg, #65a2fc, #7d3bf7);
    background: -webkit-linear-gradient(-45deg, #65a2fc, #7d3bf7);
    background: -o-linear-gradient(-45deg, #65a2fc, #7d3bf7);
    background: -ms-linear-gradient(-45deg, #65a2fc, #7d3bf7);
}
.banner > .container { height: 100%; }
.banner .banner-box { color: #fff; z-index: 2; position: relative; }
.banner .banner-box .inner { text-align: center; display: flex; flex-direction: column; height: 80vh; min-height: 680px; justify-content: center; }

.banner .banner-box .inner h1 { font-size: 54px; font-weight: 700; line-height: 1.3; margin: 16px 0 0; }
.banner .banner-box .inner .button-box { margin: 40px 0 0;display: flex;align-items: center;justify-content: center;gap: 16px; }
.banner .banner-box .inner .button-box a { display: flex;line-height: 1.3;padding: 12px 40px;border-radius: 24px;font-size: 16px;color: #fff;font-weight: 600;position: relative;overflow: hidden;z-index: 1;background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.3);box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);transition: all 0.3s ease; }
.banner .banner-box .inner .button-box a:hover { background: rgba(255, 255, 255, 0.3);transform: translateY(-4px); box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.3); }
.banner .banner-box .inner h3, .banner .banner-box .inner .banner-sub { margin: 0; font-size: 20px; line-height: 1.7; }

.banner .banner-box .inner .tag { margin: 48px 0 0; display: flex; align-items: center; justify-content: center; gap: 32px; }
.banner .banner-box .inner .tag span { color: #fff; letter-spacing: 2px; font-size: 12px; }




/* sub banner */
.sub.banner { text-align: center; }
.sub.banner .banner-box {  }
.sub.banner .banner-box .inner { padding: 0; height: 60vh; min-height: 580px; }
.sub.banner .banner-box .inner h1 { margin: 0 0 16px; font-size: 44px; }
.sub.banner .banner-box .inner h3, .sub.banner .banner-box .inner .banner-sub { line-height: 1.6; font-size: 20px; color: #fff; font-weight: 400; }
.sub.banner .scroll-view-box { position: absolute; bottom: 20px; left: 0; right: 0; width: 100%; text-align: center; z-index: 2; }
.sub.banner .scroll-view-box a { color: #fff; display: inline-block; }
.sub.banner .scroll-view-box i { font-size: 24px; }

.sub.banner.making {
    background: linear-gradient(-45deg, #dc2626, #991b1b, #7f1d1d);
    background-size: 400% 400%;
    animation: Gradient 12s ease-in-out infinite;
}

.sub.banner.create {
    background: linear-gradient(-45deg, #16a34a, #064e3b, #15803d);
    background-size: 400% 400%;
    animation: Gradient 12s ease-in-out infinite;
}

.sub.banner.insight {
    background: linear-gradient(-45deg, #1d4ed8, #132e8c, #294dc2);
    background-size: 400% 400%;
    animation: Gradient 12s ease-in-out infinite;
}

.sub.banner.custom {
    background: linear-gradient(-45deg, #7e22ce, #2e1065, #6b21a8);
    background-size: 400% 400%;
    animation: Gradient 12s ease-in-out infinite;
}

.sub.banner.repair {
    background: linear-gradient(-45deg, #f5e92f, #f7e229, #fdbf0d, #ffae00); background-size: 400% 400%; -webkit-animation: Gradient 15s ease infinite; -moz-animation: Gradient 15s ease infinite; animation: Gradient 15s ease infinite;
    background: -moz-linear-gradient(-45deg, #f5e92f, #f7e229, #fdbf0d, #ffae00);
    background: -webkit-linear-gradient(-45deg, #f5e92f, #f7e229, #fdbf0d, #ffae00);
    background: -o-linear-gradient(-45deg, #f5e92f, #f7e229, #fdbf0d, #ffae00);
    background: -ms-linear-gradient(-45deg, #f5e92f, #f7e229, #fdbf0d, #ffae00);
}
.sub.banner.tpl {
    background: linear-gradient(-45deg, #c471ed, #f64f59, #a270c9, #667eea);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;

    /* Vendor Prefixes */
    background: -moz-linear-gradient(-45deg, #c471ed, #f64f59, #a270c9, #667eea);
    background: -webkit-linear-gradient(-45deg, #c471ed, #f64f59, #a270c9, #667eea);
    background: -o-linear-gradient(-45deg, #c471ed, #f64f59, #a270c9, #667eea);
    background: -ms-linear-gradient(-45deg, #c471ed, #f64f59, #a270c9, #667eea);
}


section.default { padding: 140px 0; }
section.default .section-title { font-size: 44px; font-weight: 600; margin: 16px 0; line-height: 1.3; }
section.default .section-para { font-size: 18px; font-weight: 500; line-height: 1.5; }
section.default .section-para a { color: #714aff; }
section.default .title-box { margin: 0 0 56px; }


section.default.adv {  }
section.default.adv .title-box { text-align: center; }
section.default.adv .adv-contents { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
section.default.adv .adv-contents .adv-article { padding: 32px; border-radius: 16px; background: #fff; border: 1px solid #eee; }
section.default.adv .adv-contents .img-box { margin: 0 0 20px; }
section.default.adv .adv-contents .img-box img { display: block; max-width: 80px; }
section.default.adv .adv-contents h3 { font-size: 20px; margin: 0 0 16px; font-weight: 600; }
section.default.adv .adv-contents p { font-size: 16px; color: #787878; margin: 0; font-weight: 500; line-height: 1.6; }


section#main-service { background: #f4f5f6; }
section#main-service .title-box { text-align: center; }
section#main-service .service-contents { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
section#main-service .service-contents .service-article { padding: 32px 32px; border-radius: 20px; display: flex; flex-direction: column; box-shadow: 2px 4px 24px rgba(0, 0, 0, .1); transition: transform .3s, box-shadow .3s; }
section#main-service .service-contents .service-article:hover { transform: translateY(-6px); box-shadow: 0 12px 32px rgba(0, 0, 0, .15); }
section#main-service .service-contents .img-box {  }
section#main-service .service-contents .img-box img { display: block; max-width: 100%; margin: 0 auto; }
section#main-service .service-contents i { font-size: 32px; color: #8268f7; }
section#main-service .service-contents h3 { font-size: 20px; margin: 28px 0 16px; font-weight: 700; }
section#main-service .service-contents p { font-size: 16px; margin: 0 0 16px; font-weight: 500; color: #787878; }
section#main-service .service-contents a.service-link { font-size: 14px; font-weight: 600; color: #8268f7; margin-top: auto; display: flex; align-items: center; justify-content: center; border-radius: 24px; padding: 12px 24px; border: 1px solid #ddd; gap: 8px; transition: background .3s, color .3s, border-color .3s; }
section#main-service .service-contents a.service-link i { font-size: 14px; transition: color .3s; }
section#main-service .service-contents a.service-link:hover { background: #8268f7; color: #fff; border-color: transparent; }
section#main-service .service-contents a.service-link:hover i { color: #fff; }

section.default.number-view { text-align: center; background: #333; color: #fff; }
section.default.number-view .title-box { margin: 0 0 80px; }
section.default.number-view .title-box .section-para { color: #aaa; }
section.default.number-view .number-view-contents { display: flex; gap: 40px; flex-wrap: wrap; }
section.default.number-view .number-view-contents .number-view-article { flex: 1; margin: 0; padding: 28px 0; }
section.default.number-view .number-view-contents .number-view-article .number-numeric { color: #00bfff; font-size: 46px; font-weight: 700; }
section.default.number-view .number-view-contents .number-view-article h3 { font-size: 20px; margin: 16px 0 12px; font-weight: 600; }
section.default.number-view .number-view-contents .number-view-article p { font-size: 16px; color: #aaa; line-height: 1.6; font-weight: 400; }


section.default.example-view { text-align: center; background: linear-gradient(to bottom, #c4e5fa, #e1f6ff) }
section.default .example-view-contents { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 30px; margin: 0 0 48px; }
section.default .example-view-contents .example-view-article { margin: 0; }
section.default .example-view-contents .example-view-article .img-box img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
section.default .example-view-article { margin: 0 0 48px; text-align: center; }
section.default .example-view-article a { display: block; }
section.default .example-view-article .img-box { padding: 0 40px;}
section.default .example-view-article h3 { font-size: 20px; font-weight: 600; margin: 20px 0 12px; }
section.default .example-view-article p { font-size: 16px; color: #555; font-weight: 400; }
section.default .example-view-meta { margin: 56px 0 0; padding: 60px 0 16px; border-top: 1px solid #c5dfeb;  }
section.default .example-view-meta h3 { line-height: 1.6; margin: 0 0 56px; color: #002d47; }
section.default .example-view-meta a { background: #19a7fa; color: #fff; border-radius: 24px; padding: 12px 40px; height: auto; font-size: 16px; }


section.default.link { text-align: center; background: linear-gradient(to right, #acf2e8, #5cbcf7) }
section.default.link .link-contents { }
section.default.link .link-contents .title-box { margin: 0 0 32px; }
section.default.link .link-contents .title-box .section-title { color: #09383b; }
section.default.link .link-contents .title-box .section-para { color: #09383b; font-size: 16px; }
section.default.link .link-contents a { background: #09383b; color: #fff; border-radius: 24px; padding-left: 40px; padding-right: 40px; font-size: 16px; }


section.default.quote { text-align: center; padding: 46px 0 16px; }
section.default.quote .section-para { max-width: 500px; margin: 0 auto; color: #7b8794; }


section.default.about-section { text-align: center; }
section.default.about-section h1 { margin: 0 0 36px; }
section.default.about-section div.dsc { font-size: 16px; line-height: 1.6; color: #6f7b87; max-width: 600px; margin: 0 auto; }
section.default.about-section div.dsc p { margin: 24px 0 0;  }
section.default.about-section div.dsc p span { font-size: .9em; opacity: .6;  }


section.default.business-section { text-align: center; background: linear-gradient(to bottom, #f9f8fa, #fff); }
section.default.business-section .title-box {  }
section.default.business-section .title-box .section-title { color: #2c4d73; }
section.default.business-section .title-box p.section-para { color: #7b8794; }
section.default.business-section .business-section-contents {  }
section.default.business-section .business-section-contents .row.brd { border-top: 1px solid #ddd; padding-top: 48px; }
section.default.business-section .business-section-contents .business-section-table { width: 80px; height: 80px; margin: 0 auto; display: table; background: #65a2fc; border-radius: 100%;  }
section.default.business-section .business-section-contents .business-section-table .business-section-cell { width: 100%; display: table-cell; height: 100%; vertical-align: middle; }
section.default.business-section .business-section-contents i { font-size: 28px; color: #fff;  }
section.default.business-section .business-section-contents p { font-size: 16px; margin: 20px 0 48px; font-weight: 600; }


section.default.alliance-section { border-top: 1px solid #e3e3e3; }
section.default.alliance-section .title-box { margin: 0 0 40px; }
section.default.alliance-section .title-box .section-title { color: #3B4859; margin: 0 0 16px; }
section.default.alliance-section .title-box p.section-para { color: #7F8A98; line-height: 1.4; font-size: 16px; letter-spacing: 1px; }
section.default.alliance-section .alliance-icon-box { text-align: center; color: #555; }
section.default.alliance-section .alliance-icon-box i { font-size: 32px; /*color: #0db3e0*/; color: #0db3e0;
border: 1px solid #0db3e0; border-radius: 100%; width: 82px; height: 82px; line-height: 82px; text-align: center;
}
section.default.alliance-section .alliance-icon-box p { font-size: 16px; margin: 16px 0 28px;  }
section.default.alliance-section form {}
section.default.alliance-section form label { font-weight: 400; font-size: 15px; }
section.default.alliance-section form .well { border-radius: 3px; }


section.default.map-section {  }
section.default.map-section .title-box { padding-left: 30px; }
section.default.map-section .title-box .section-title { color: #3B4859; margin: 12px 0 36px; }
section.default.map-section .title-box .section-para { color: #7F8A98; line-height: 1.4; font-size: 16px; }
section.default.map-section .title-box .section-para span { color: #415166; display: inline-block; float: left; letter-spacing: 1px; }
section.default.map-section .title-box .section-para span i { color: #182d8f; font-size: 22px; margin-right: 4px; }
section.default.map-section .title-box .section-para .para-contents { padding-left: 118px; margin: 0 0 24px; letter-spacing: .04em; }
section.default.map-section .map-container { border-radius: 6px; overflow: hidden; }
section.default.map-section .map-container .map-contents { height: 340px; }


section.default.board-section {  }
section.default.board-section button.btn.custom-btn { padding: 13px 31px; font-size: 18px; height: auto; line-height: normal;  }
section.default.board-section button.btn.custom-btn.btn-default { color: #555; }
section.default.board-section .title-box { margin: 0 0 44px; }
section.default.board-section .title-box .section-title { text-align: center; }
section.default.board-section .title-box .post-meta-date { text-align: center; margin: 12px 0 0; }
section.default.board-section .title-box .section-para { text-align: center; color: #7b8794; }
section.default.board-section .max600 { padding: 0 20px; position: relative; }
section.default.board-section .form-group.board-title-form { margin-bottom: 0; }
section.default.board-section .form-group.board-title-form label { font-size: 19px; margin: 0; }
section.default.board-section .form-group.board-title-form label span { position: absolute; top: 0; left: -20px; }

section.default.board-section .request-form-box { margin: 0 0 44px; }

section.default.board-section .nav-tabs > li.active > a,
section.default.board-section .nav-tabs > li.active > a:hover,
section.default.board-section .nav-tabs > li.active > a:focus { border: 2px solid #000; margin-bottom: -2px; border-bottom: 3px solid #fff; border-top-color: #000; border-left-color: #000; border-right-color: #000; }
/*.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,*/
section.default.board-section .board .table tr td span.label, section.default.board-section .board .table tr td span.far { display: inline-block; margin: 0 2px; }
section.default.board-section .board .table tr td span.label { padding: .3em .45em .3em; font-size: 70%; }
section.default.board-section .board .table > thead > tr > td,
section.default.board-section .board .table > tbody > tr > td,
section.default.board-section .board .table > tfoot > tr > td { padding: 15px 10px; }

section.default.board-section .board .board-faq-contents {  }
section.default.board-section .board .board-faq-contents .panel.panel-faq { font-size: 17px; box-shadow: none; -webkit-box-shadow: none; border: 1px solid #D3D3D3; overflow: hidden; }
section.default.board-section .board .board-faq-contents .panel-group .panel + .panel { margin-top: 15px; }
section.default.board-section .board .board-faq-contents .panel.panel-faq i { font-size: 21px; padding-right: 4px; position: absolute; top: 22px; left: 20px; color: #666; }
section.default.board-section .board .board-faq-contents .panel.panel-faq .panel-heading { padding: 0;  }
section.default.board-section .board .board-faq-contents .panel.panel-faq .panel-heading a.panel-title-obj { background: #f4f4f4; display: block; padding: 20px 59px 20px 59px; font-size: 15px; position: relative; line-height: 1.3; }
section.default.board-section .board .board-faq-contents .panel.panel-faq .panel-heading a.panel-title-obj i.fa-caret-right { left: auto; right: 20px; transform: rotate(90deg); transition: transform .3s; }
section.default.board-section .board .board-faq-contents .panel.panel-faq .panel-heading a.panel-title-obj.collapsed i.fa-caret-right { left: auto; right: 20px; transform: rotate(0deg);  }
section.default.board-section .board .board-faq-contents .panel.panel-faq .panel-body { position: relative; padding: 20px 20px 20px 59px; font-size: 15px; }
section.default.board-section .board .board-faq-contents .panel.panel-faq .panel-body img { max-width: 100%; }

section.default.board-section .nav-tabs.faq-nav-tabs {  }
section.default.board-section .nav-tabs.faq-nav-tabs > li.active > a,
section.default.board-section .nav-tabs.faq-nav-tabs > li.active > a:hover,
section.default.board-section .nav-tabs.faq-nav-tabs > li.active > a:focus { border: 1px solid #D3D3D3; border-bottom: 2px solid #fff; }


.searchbox { position: relative; }


.navbar.sub-navbar-mobile {   }
.navbar.sub-navbar-mobile select.form-control { border: 0; height: 70px;  }
.footer-logo { margin: 0 0 24px; }
.footer-logo img { width: 175px; }

footer {  }
footer .footer-contents {  }
footer .footer-contents .col-box { float: left; margin: 0 40px 50px 0; }
footer .footer-contents .col-box .col-sub-box { margin: 16px 0 0; }
footer .footer-contents .col-box.col-menu-box { line-height: 2; }
footer .footer-contents .col-box.col-menu-box a { font-size: 15px; display: inline-block; }
footer .footer-contents .col-box.col-menu-box a.col-title { font-size: 15px; font-weight: 700; }
footer .footer-contents .col-box.col-menu-box .col-sub-box {  }


section.default.making-order-box { text-align: center;  }
section.default.making-order-box .making-order-contents { text-align: left; position: relative; }
section.default.making-order-box .making-order-contents:after { position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #ddd; content: '';  }
section.default.making-order-box .making-order-contents .icon-contents { width: 67px; height: 67px; margin: 0; float: left; }
section.default.making-order-box .making-order-contents .icon-contents .icon-contents-table { display: table; width: 100%; height: 100%; border-radius: 100%; background: #0fa933; }
section.default.making-order-box .making-order-contents .icon-contents .icon-contents-table .icon-contents-cell { display: table-cell; vertical-align: middle; text-align: center;  }
section.default.making-order-box .making-order-contents .icon-contents .icon-contents-table .icon-contents-cell i { font-size: 28px; color: #fff;  }
section.default.making-order-box .making-order-contents .row { margin-bottom: 24px; position: relative; }
section.default.making-order-box .making-order-contents .row:before { content: ''; position: absolute; top: 24px; left: 50%; width: 10px; height: 10px; background: #0fa933; border-radius: 50%; margin-left: -5px; z-index: 1; }
section.default.making-order-box .making-order-contents .making-meta-contents { padding: 0 0 0 86px; }
section.default.making-order-box .making-order-contents .making-meta-contents a { color: #0fa933; font-weight: 600; text-decoration: underline; }
section.default.making-order-box .making-order-contents .making-meta-contents a:hover { text-decoration: underline; }
section.default.making-order-box .making-order-contents .making-meta-contents h3 { padding: 16px 0 12px; font-size: 20px; font-weight: 600; }
section.default.making-order-box .making-order-contents .making-meta-contents h3 span {  }
section.default.making-order-box .making-order-contents .making-meta-contents p { font-size: 16px; color: #787878; line-height: 1.6; font-weight: 500; }






section.default.order-point-box { background: linear-gradient(to bottom, #f4f5f6, #fff); border-bottom: 1px solid #ddd; }
section.default.order-point-box .section-title { margin: 0; }
section.default.order-point-box .section-para { line-height: 1.55; }
section.default.order-point-box .section-para a { color: #0fa933; text-decoration: underline; font-weight: 600; }
section.default.order-point-box .section-para a:hover { text-decoration: underline; }
section.default.order-point-box .order-point-contents {  }
section.default.order-point-box .order-point-contents .order-icon-box { width: 79px; height: 79px; margin: 0 auto 30px 0;  }
section.default.order-point-box .order-point-contents .order-icon-box .order-icon-table { display: table; width: 100%; height: 100%; border-radius: 100%; background: #0fa933; }
section.default.order-point-box .order-point-contents .order-icon-box .order-icon-table .order-icon-contents { display: table-cell; text-align: center; vertical-align: middle;  }
section.default.order-point-box .order-point-contents .order-icon-box .order-icon-table .order-icon-contents i { font-size: 29px; color: #fff; }
section.default.order-point-box .order-point-contents h3 { font-size: 20px; font-weight: 600; }
section.default.order-point-box .order-point-contents p { font-size: 16px; color: #888; padding: 16px 20px 0 0; margin: 0 0 48px; font-weight: 500; }





section.default.why-section { position: relative; border-bottom: 2px solid rgba(207,215,223,.25); }
section.default.why-section .title-box { text-align: center; }
section.default.why-section .section-para { color: #7b8794; }
section.default.why-section .why-section-contents { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
section.default.why-section .why-section-contents .why-section-card { -webkit-box-shadow: 0 11px 20px rgba(50,50,93,.1), 0 4px 12px rgba(0,0,0,.07); box-shadow: 0 11px 20px rgba(50,50,93,.1), 0 4px 12px rgba(0,0,0,.07);
padding: 36px 20px; border-radius: 8px; min-height: 170px; display: flex; align-items: center; gap: 30px; background: #fff; overflow: hidden; transition: transform .2s; -webkit-transition : transform .2s; }
section.default.why-section .why-section-contents .why-section-card:hover { transform: translateY(-3px); -webkit-transform: translateY(-3px); }
section.default.why-section .why-section-contents .why-section-card .icon-box { flex: 0 0 120px; font-size: 34px; }
section.default.why-section .why-section-contents .why-section-card .icon-box img { display: block; }
section.default.why-section .why-section-contents .why-section-card .meta-box { }
section.default.why-section .why-section-contents .why-section-card .meta-box h3 { font-size: 20px; padding: 0 0 12px; color: #714aff; display: flex; align-items: center; gap: 12px; }
section.default.why-section .why-section-contents .why-section-card .meta-box h3 i { font-size: 17px; }
section.default.why-section .why-section-contents .why-section-card.other .meta-box h3 { font-weight: 600; color: #714aff; }
section.default.why-section .why-section-contents .why-section-card .meta-box p { color: #525f7f; font-size: 16px; font-weight: 400; }







section.default.ready-section { position: relative; border-bottom: 1px solid #eee; }
section.default.ready-section .title-box { margin: 0 0 80px; display: flex; align-items: center; gap: 80px; }
section.default.ready-section .title-box h2 { margin: 0; }
section.default.ready-section .section-para {  }
section.default.ready-section .ready-section-contents {  }
section.default.ready-section .ready-section-contents .ready-section-list {  }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-item { display: flex; align-items: flex-start; gap: 40px; margin-bottom: 120px; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-item:last-child { margin-bottom: 0; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-item > .ready-section-text { flex: 0 0 41.666%; max-width: 41.666%; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-item > .ready-section-image { flex: 1; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-item.reverse { flex-direction: row-reverse; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-text { position: relative; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-text h3 { margin: 0 0 15px; font-size: 23px; font-weight: 600; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-text .numbering-box { position: absolute; top: -16px; left: 0; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-text .numbering-box > div { width: 42px; height: 42px; background: url('/img/create-comment-background.png') center no-repeat; background-size: contain; color: #fff; text-align: center; line-height: 42px; font-size: 21px; }

section.default.ready-section .ready-section-contents .ready-section-list .ready-section-text .ready-section-contents-padding { padding-left: 57px; }
/*section.default.ready-section .ready-section-contents .ready-section-list .ready-section-text h3 i { display: block; width: 67px; height: 67px; text-align: center;  margin: 0 0 12px; line-height: 67px; background: #ff3333; color: #fff; border-radius: 100%; }*/
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-text p { font-size: 16px; line-height: 1.5; font-weight: 400; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-text .meta-box { margin: 15px 0 24px; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-text .meta-box h4 { margin: 0 0 12px; color: #0fa933 }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-text .meta-box ul { }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-text .meta-box ul li { line-height: 1.6; font-size: 14px; list-style: none; margin: 0 0 4px; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-text .meta-box ul li i { padding: 2px 0 0 14px; font-size: 16px; vertical-align: middle; float: left; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-text .meta-box ul li div { padding-left: 40px; }


section.default.ready-section .ready-section-contents .ready-section-list .ready-section-image { padding: 40px 10px 0; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-image .table { border-top: 2px solid #000; text-align: center; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-image .table th { border-bottom: 1px solid #000; text-align: center; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-image .table td { border-bottom: 1px solid #ddd; }
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-image .table th,
section.default.ready-section .ready-section-contents .ready-section-list .ready-section-image .table td { font-size: 14px; padding: 12px 15px; }



.underline-obj { position: relative;  }
.underline-obj:after { content: ''; position: absolute; bottom: 3px; left: 0; right: 0; width: 100%; height: 7px; background: #ddd; z-index: -1; }
.underline-obj.underline-danger:after { background: #ffc2c2 }
.underline-obj.underline-success:after { background: rgba(15, 169, 51, .2); }


.duammap-contents {  }
.duammap-contents .info {  }
.duammap-contents .info .title  { background: #ddd; padding: 10px 10px; font-size: 16px; line-height: 1; text-align: center; color: #000;  }
.duammap-contents .info .body { padding: 12px 0; overflow: hidden; position: relative; height: 110px; text-align: center; }
.duammap-contents .info .body img { margin: 0 0 12px; }
.duammap-contents .info .body .desc { font-size: 14px; line-height: 1.3; }



section.default.create-section { border-bottom: 1px solid #ddd; }
section.default.create-section .title-box { text-align: center; margin: 0 0 64px; }
section.default.create-section .create-section-contents {  }
section.default.create-section .create-section-contents .numbering-box { position: absolute; top: -16px; left: 0; }
section.default.create-section .create-section-contents .numbering-box .background { width: 42px; height: 42px; background: url('/img/custom-comment-bg.png') center no-repeat; background-size: contain; color: #fff; text-align: center; line-height: 42px; font-size: 21px; }
section.default.create-section .create-section-contents .help-block { font-size: 14px; margin: 0; }
section.default.create-section .create-section-contents .help-block.mg { margin-top: 10px; }
section.default.create-section .create-section-contents .help-block i { font-size: 14px; padding-right: 3px; color: #fa9725; }
section.default.create-section .create-section-contents .create-section-list { position: relative; padding-left: 57px; margin: 0 0 62px; font-size: 15px; }
section.default.create-section .create-section-contents .create-section-list h3 { margin: 0 0 20px; }
section.default.create-section .create-section-contents .create-section-list label { font-weight: 400; line-height: 1.5; padding: 0; margin-right: 22px; }
section.default.create-section .create-section-contents .create-section-list label:last-child { margin-right: 0;}
section.default.create-section .create-section-contents .create-section-list h4.form-control-static { padding: 10px 20px; font-size: 16px; line-height: 1.5; font-weight: 600; text-align: right; }
section.default.create-section .create-section-contents .create-section-list h4.form-control-static i { font-size: 21px; padding-right: 6px; }
section.default.create-section .create-section-contents .create-section-list .well { background: #F6F9FC; border: 1px solid #ebebeb; }
section.default.create-section .create-section-contents .create-section-list label span.label { padding: .2em .4em;  }


section.default.create-section .create-section-contents .input-group.spinner-numberic {}
section.default.create-section .create-section-contents .input-group.spinner-numberic .input-group-addon { cursor: pointer; }
section.default.create-section .create-section-contents .input-group.spinner-numberic input { max-width: 150px; }

#fixed-amount-contents { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; background: rgba(0, 0, 0, .8); color: #fff; text-align: center; font-size: 20px; z-index: 5; padding: 20px 0;  }
#fixed-amount-contents div { position: relative; }
#fixed-amount-contents h5 { font-size: 16px; margin: 0; font-weight: 400; }
#fixed-amount-contents .icon-box { position: absolute; top: 50%; left: -25px; margin-top: -17px; }
#fixed-amount-contents .icon-box i { width: 34px; height: 34px; line-height: 30px; border: 1px solid #fff; border-radius: 50%; font-size: 16px;  }
#fixed-amount-contents p {  }
#fixed-amount-contents p span { font-size: 24px; font-weight: 700; }






.fal.fa-bomb { display: none; }
/* 체크박스·라디오 선택 묶음 (어떤 서비스가 필요하신가요 / 연락받으실 수단)
   예전에는 float + width:33.333% 고정이라 모바일에서도 3열이 되어,
   '맞춤형 솔루션/플랫폼'(131px) 'SEO/AEO/GEO 최적화'(141px) 같은 긴 항목이 두 줄로 접혔다.
   (360px 화면의 3열 = 110px 밖에 안 된다)
   그리드로 바꿔 화면 폭에 따라 열 수를 줄인다. */
section.default .board-write-table-box {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 12px;
}
/* 마크업에 clearfix 가 함께 붙어 있어도 그 가상요소가 그리드 칸으로 잡히지 않게 막는다
   (부트스트랩 clearfix 는 :before/:after 에 display:table 이라 빈 칸 2개가 생긴다) */
section.default .board-write-table-box::before,
section.default .board-write-table-box::after { content: none; }

section.default .board-write-table-box .board-write-table-cell {
    width: auto; float: none; margin: 0; min-width: 0;
}

/* 항목이 2개뿐인 묶음(연락받으실 수단)은 화면 폭과 무관하게 2열 */
section.default .board-write-table-box.two-up { grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (max-width: 767px) {
    section.default .board-write-table-box { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* 라벨이 두 줄로 접히는 경우, 기본 스타일은 네모/동그라미를 세로 가운데에 두어
   표시가 두 줄 사이에 걸친다. 이 묶음 안에서는 첫 줄에 맞춘다. */
section.default .board-write-table-box input[type="checkbox"] + span:before,
section.default .board-write-table-box input[type="radio"] + span:before { top: 1px; margin-top: 0; }
section.default .board-write-table-box input[type="radio"]:checked + span:after { top: 6px; }

.tooltip { z-index: 2; }
.tooltip-inner { font-weight: 400; }



.fr-toolbar { z-index: 2; }





section.default.repair-meta-section { text-align: center; background: url('/img/repair-background1.png') center no-repeat; background-size: contain; }
section.default.repair-meta-section .title-box { margin: 0 0 36px; position: relative }
section.default.repair-meta-section .title-box h2 { margin: 0; }
section.default.repair-meta-section .dsc { color: #6f7b87; max-width: 600px; margin: 0 auto 0; font-size: 18px; line-height: 1.6; font-weight: 500; }




section.default.repair-contents-section {  }
section.default.repair-contents-section.img-background { /*background: url('/img/repair-background.png') top no-repeat; background-size: auto;*/ }
section.default.repair-contents-section.bg { background: #F6F9FC }
section.default.repair-contents-section .section-title { margin: 0; }
section.default.repair-contents-section .section-para { line-height: 1.55; }
section.default.repair-contents-section .section-para a { color: #f2a706; }
section.default.repair-contents-section .section-para a:hover { text-decoration: underline; }



.repair-table-box { }
.repair-table-box table.table { border-top: 2px solid #f5d60c; background: #fff; }
.repair-table-box table.table th, .repair-table-box table.table td { padding: 15px 20px; font-size: 15px; text-align: center; border-right: 1px solid #ddd; }
.repair-table-box table.table th { border-bottom: 1px solid #f5d60c; }
.repair-table-box table.table td { border-bottom: 1px solid #ddd; vertical-align: middle; }
.repair-table-box table.table.table-hover tr:hover { background: #f2f5f7 }

section.default.repair-contents-section.img-background .repair-table-box table.table { background: none; }

.repair-table-box table.table th:last-child, .repair-table-box table.table td:last-child { border-right: 0; }
.repair-table-box table.table td.bl { border-left: 1px solid #ddd; }


section.default.payment-section { font-size: 15px; border-bottom: 1px solid #eee; }
section.default.payment-section .title-box { margin: 0 0 36px; text-align: center; }
section.default.payment-section .title-box .section-title { color: #002d47; }
section.default.payment-section .title-box .section-para { color: #7b8794; }
section.default.payment-section .form-group{ margin-bottom: 20px; }

section.default.payment-section.payment-complete-section { }
section.default.payment-section.payment-complete-section .form-control-static { font-size: 17px; }
section.default.payment-section.payment-complete-section form.icon-form > .row { border-top: 1px solid #eee; padding-top: 20px; }
section.default.payment-section.payment-complete-section form.icon-form > .row:last-child { border-bottom: 1px solid #eee; }



section.default.contact-section { font-size: 14px; padding: 0; }
section.default.contact-section .title-box { margin: 0; border-bottom: 2px solid rgba(207,215,223,.25); padding: 44px 0; }
section.default.contact-section .title-box .section-title { font-size: 24px; margin: 8px 0 20px; }
section.default.contact-section .title-box .section-para { color: #999; margin: 8px 0 0; font-size: 15px; }
section.default.contact-section .title-box .meta-box { text-align: right; }
section.default.contact-section .title-box .meta-box .btn { background: #714aff; color: #fff; padding: 13px 31px; height: auto; line-height: normal; font-size: 18px; margin-left: 12px; -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); transition: all .4s; }
section.default.contact-section .title-box .meta-box .btn:first-child { margin: 0; }
section.default.contact-section .title-box .meta-box .btn i { vertical-align: middle; margin-right: 8px; }
section.default.contact-section .title-box .meta-box .btn.w-btn { background: #fff; color: #714aff; }
section.default.contact-section .title-box .meta-box .btn:hover { transform: translateY(-2px); background: #9c9cff; }
section.default.contact-section .title-box .meta-box .btn.w-btn:hover { background: #fff; color: #9c9cff; }
section.default.contact-section .title-box .meta-box h3 { margin: 20px 0 0; }
section.default.contact-section .title-box .meta-box h3 a { display: inline-block; color: #714aff; margin: 0 9px; padding: 0 0 6px; font-size: 14px; border-bottom: 1px solid #F6F9FC; transition: all .4s; }
section.default.contact-section .title-box .meta-box h3 a:hover { border-bottom: 1px solid #714aff }


section.default.price-meta-section { text-align: center; background: url('/img/price-background.png') center no-repeat; background-attachment: fixed; }
section.default.price-meta-section .title-box { margin: 0 0 36px; position: relative }
section.default.price-meta-section .title-box h2 { margin: 0; }
section.default.price-meta-section .dsc { color: #6f7b87; max-width: 800px; margin: 0 auto 0; font-size: 18px; line-height: 1.6; font-weight: 500; }
section.default.price-meta-section .dsc a { color: #0FA933; font-weight: 600; text-decoration: underline; }



section.default.price-contents-section {  }
section.default.price-contents-section.img-background { }
section.default.price-contents-section.bg { background: #F6F9FC }
section.default.price-contents-section .section-title { margin: 0; }
section.default.price-contents-section .section-para { line-height: 1.55; }
section.default.price-contents-section .section-para a { color: #0FA933; }
section.default.price-contents-section .section-para a:hover { text-decoration: underline; }


.price-table-box { }
.price-table-box table.table { border-top: 2px solid #0FA933; background: #fff; }
.price-table-box table.table th, .price-table-box table.table td { padding: 15px 20px; font-size: 15px; text-align: center; border-right: 1px solid #ddd; }
.price-table-box table.table th { border-bottom: 1px solid #0FA933; }
.price-table-box table.table td { border-bottom: 1px solid #ddd; vertical-align: middle; }
.price-table-box table.table td i { font-size: 18px; color: #0FA933; }
.price-table-box table.table.table-hover tr:hover { background: #f2f5f7 }

section.default.repair-contents-section.img-background .price-table-box table.table { background: none; }

.price-table-box table.table th:last-child, .price-table-box table.table td:last-child { border-right: 0; }
.price-table-box table.table td.bl { border-left: 1px solid #ddd; }

.fixed-button { background: #714aff; padding: 10px 31px; border-radius: 6px; position: fixed; right: 30px; bottom: 30px; color: #fff; font-size: 18px; transition: all .3s; z-index: 5; -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .12); box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .12); }
.fixed-button:hover { color: #fff; transform: translateY(-5px); }

.repair-body .tooltip-inner, .create-body .tooltip-inner { background: #e14d45; }
.repair-body .tooltip.bottom .tooltip-arrow, .create-body .tooltip.bottom .tooltip-arrow { border-bottom-color: #e14d45; }

.lg-container { padding:0  16px; max-width: 1300px; margin: 0 auto; }


.category-bar { overflow: hidden; padding: 0 16px; margin: 0 0 40px;  }
.category-bar .swiper-slide { width: auto; }
.category-bar .swiper-slide a { display: inline-flex; color: #777; font-size: 16px;  padding: 8px 20px; border-radius: 30px; box-shadow: inset 0 0 0 2px #eaeaea;  }
.category-bar .swiper-slide:hover a, .category-bar .swiper-slide.active a { background: #714aff; color: #fff; box-shadow: none; }

/* review-section */
section.default.review-section .review-category-title { font-size: 18px; font-weight: 700; margin-bottom: 24px; }
section.default.review-section .review-category-title.mt { margin-top: 20px; }
section.default.review-section .review-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
section.default.review-section .review-card { border: 1px solid #ddd; border-radius: 12px; padding: 16px; background: #fff; }
section.default.review-section .review-card .review-header { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
section.default.review-section .review-card .review-stars { color: #5dd877; }
section.default.review-section .review-card .review-rating { font-size: 14px; }
section.default.review-section .review-card .review-author { font-size: 12px; color: #999; }
section.default.review-section .review-card .review-body { font-size: 14px; line-height: 1.7; color: #333; }
section.default.review-section .review-link { text-align: center; margin-top: 24px; margin-bottom: 40px; }
section.default.review-section .review-link.last { margin-bottom: 0; }
section.default.review-section .review-link a { font-size: 14px; color: #555; text-decoration: underline; }

.lg-container { max-width: 1640px; margin: 0 auto; padding: 0 20px; }

section#shopping-problem {  }
section#shopping-problem .title-box { text-align: center; }
section#shopping-problem .title-box .section-para { color: #7b8794; font-size: 18px; line-height: 1.6; }
section#shopping-problem h3 { text-align: center; font-size: 24px; font-weight: 700; margin: 24px 0 50px; }
section#shopping-problem ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; margin: 40px 0 50px; }
section#shopping-problem ul li { display: flex; flex-direction: column; gap: 16px; background: #fff; border-radius: 16px; padding: 30px; font-size: 15px; color: #333; box-shadow: 0 3px 40px rgba(0,0,0,.1); position: relative; }
section#shopping-problem ul li .img-box { display: block; position: absolute; top: 30px; right: 30px; }
section#shopping-problem ul li .img-box img { max-width: 80px; }
section#shopping-problem ul li span.number { font-size: 70px; font-weight: 700; color: #e3e3e3; line-height: 1; }
section#shopping-problem ul li h4 { font-size: 24px; font-weight: 700; line-height: 1.3; }
section#shopping-problem ul li p { font-size: 18px; font-weight: 500; line-height: 1.6; }
section#shopping-problem p.last-msg { font-size: 24px; text-align: center; margin: 80px 0 0; font-weight: 600; }

section#solution-problem {  }
section#solution-problem .title-box { text-align: center; }
section#solution-problem .title-box .section-para { color: #7b8794; font-size: 18px; line-height: 1.6; }
section#solution-problem h3 { text-align: center; font-size: 24px; font-weight: 700; margin: 24px 0 50px; }
section#solution-problem ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; margin: 40px 0 50px; }
section#solution-problem ul li { display: flex; flex-direction: column; gap: 16px; background: #fff; border-radius: 16px; padding: 30px; font-size: 15px; color: #333; box-shadow: 0 3px 40px rgba(0,0,0,.1); position: relative; }
section#solution-problem ul li .img-box { display: block; position: absolute; top: 30px; right: 30px; }
section#solution-problem ul li .img-box img { max-width: 80px; }
section#solution-problem ul li span.number { font-size: 70px; font-weight: 700; color: #e3e3e3; line-height: 1; }
section#solution-problem ul li h4 { font-size: 24px; font-weight: 700; line-height: 1.3; }
section#solution-problem ul li p { font-size: 18px; font-weight: 500; line-height: 1.6; }
section#solution-problem p.last-msg { font-size: 24px; text-align: center; margin: 80px 0 0; font-weight: 600; }

section#repair-problem {  }
section#repair-problem .title-box { text-align: center; }
section#repair-problem .title-box .section-para { color: #7b8794; font-size: 18px; line-height: 1.6; }
section#repair-problem h3 { text-align: center; font-size: 24px; font-weight: 700; margin: 24px 0 50px; }
section#repair-problem ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; margin: 40px 0 50px; }
section#repair-problem ul li { display: flex; flex-direction: column; gap: 16px; background: #fff; border-radius: 16px; padding: 30px; font-size: 15px; color: #333; box-shadow: 0 3px 40px rgba(0,0,0,.1); position: relative; }
section#repair-problem ul li .img-box { display: block; position: absolute; top: 30px; right: 30px; }
section#repair-problem ul li .img-box img { max-width: 80px; }
section#repair-problem ul li span.number { font-size: 70px; font-weight: 700; color: #e3e3e3; line-height: 1; }
section#repair-problem ul li h4 { font-size: 24px; font-weight: 700; line-height: 1.3; }
section#repair-problem ul li p { font-size: 18px; font-weight: 500; line-height: 1.6; }
section#repair-problem p.last-msg { font-size: 24px; text-align: center; margin: 80px 0 0; font-weight: 600; }



section#solution { background: url('/img/solution-section-bg.webp') center no-repeat; background-size: cover; color: #fff; }
section#solution .inner { display: flex; justify-content: space-between; }
section#solution .title-box { margin-top: 40px; }
section#solution .title-box .section-title { font-weight: 700; }
section#solution .title-box .section-para { color: rgba(255, 255, 255, .8); }
section#solution .contents { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; align-items: start; }
section#solution .contents article { max-width: 400px; background: rgba(255, 255, 255, .3); border-radius: 16px; padding: 30px;backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); border: 1px solid rgba(255, 255, 255, 0.3); }
section#solution .contents article:nth-child(2) { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
section#solution .contents article h3 { font-size: 24px; font-weight: 700; margin: 0 0 20px; line-height: 1.2; }
section#solution .contents article p { font-size: 18px; font-weight: 500; margin-top: 20px; border-top: 1px solid rgba(217, 217, 217, 0.2); padding-top: 20px; }

section#detail-solution { background: url('/img/detail-solution-bg.webp') center no-repeat; background-size: cover; color: #fff; }
section#detail-solution .inner {  }
section#detail-solution .title-box { margin-top: 40px; }
section#detail-solution .title-box .section-title { font-weight: 700; }
section#detail-solution .title-box .section-para { color: rgba(255, 255, 255, .8); }
section#detail-solution .swiper-wrapper { align-items: stretch; }
section#detail-solution .swiper-slide { width: 460px; height: auto; border-radius: 15px; background: rgba(255, 255, 255, .15); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); border: 1px solid rgba(255, 255, 255, 0.3); margin-right: 34px; overflow: hidden; }
section#detail-solution .swiper-slide .img-box { padding: 30px 30px 8px; }
section#detail-solution .swiper-slide .img-box img { display: block; max-width: 60px; max-height: 60px; object-fit: contain; }
section#detail-solution .swiper-slide .txt { padding: 30px; }
section#detail-solution .swiper-slide .txt h3 { font-size: 24px; font-weight: 700; margin: 0 0 20px; line-height: 1.2; }
section#detail-solution .swiper-slide .txt p { font-size: 18px; font-weight: 500; line-height: 1.6; margin-top: 20px; border-top: 1px solid rgba(217, 217, 217, 0.2); padding-top: 20px; }

section#shopping-solution { background: url('/img/shopping-solution-bg.webp') center no-repeat; background-size: cover; }
section#shopping-solution .inner { display: flex; justify-content: space-between; }
section#shopping-solution .title-box { margin-top: 40px; }
section#shopping-solution .title-box .section-title { font-weight: 700; }
section#shopping-solution .title-box .section-para { }
section#shopping-solution .contents { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; align-items: start; }
section#shopping-solution .contents article { max-width: 400px; background: rgba(255, 255, 255, .3); border-radius: 16px; padding: 30px;backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); border: 1px solid rgba(255, 255, 255, 0.3); }
section#shopping-solution .contents article:nth-child(2) { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
section#shopping-solution .contents article h3 { font-size: 24px; font-weight: 700; margin: 0 0 20px; line-height: 1.2; }
section#shopping-solution .contents article p { font-size: 18px; font-weight: 500; margin-top: 20px; border-top: 1px solid rgba(217, 217, 217, 0.8); padding-top: 20px; }




section#service-details {  }
section#service-details .title-box { text-align: center; }
section#service-details .contents { display: flex; gap: 30px; }
section#service-details .contents article { flex: 1; background: #fff; border-radius: 16px; padding: 30px; box-shadow: 0 4px 30px rgba(0, 0, 0, .15); }
section#service-details .contents article h3 { font-size: 24px; font-weight: 700; margin: 0 0 20px; line-height: 1.3; }
section#service-details .contents article ul,
section#service-details .contents article dl {  }
section#service-details .contents article li { display: flex; gap: 8px; font-size: 18px; font-weight: 500; color: #686868; line-height: 1.5; }
section#service-details .contents article li span { margin-top: 5px; }
section#service-details .contents article li span svg { display: block; width: 16px; height: 16px; }

section#service-details .contents article li + li { margin: 4px 0 0; }
section#service-details .contents article dt { display: block; font-size: 18px; font-weight: 600; margin-bottom: 6px; }
section#service-details .contents article dd { display: block; font-size: 16px; font-weight: 500; color: #686868; }
section#service-details .contents article dd + dt { margin-top: 20px; }
section#service-details .contents article p { font-size: 16px; font-weight: 500; }
section#service-details .contents article:hover { background: linear-gradient(120deg, #a43af9, #fb0e4a); transform: translateY(-8px); transition: background .3s ease, transform .3s ease; }
section#service-details .contents article:hover h3,
section#service-details .contents article:hover dt { color: #fff; }
section#service-details .contents article:hover dd { color: #fff; }
section#service-details .contents article:hover li { color: #fff; }
section#service-details .contents article:hover p { color: #fff; }



section#process { background: url('/img/process-bg.webp') center no-repeat; background-size: cover; }
section#process .title-box {  }
section#process .contents {  }
section#process .contents ol { display: flex; flex-direction: column; gap: 20px; padding: 0; }
section#process .contents ol li { display: flex; flex-direction: column; gap: 8px; background: rgba(255, 255, 255, .4); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border: 1px solid #fff; padding: 24px 28px; border-radius: 16px; }
section#process .contents ol li h3 { font-size: 20px; font-weight: 700; color: #5dbcff; }
section#process .contents ol li p { font-size: 20px; font-weight: 500; }
section#process .help { font-size: 16px; font-weight: 400; margin: 32px 0 0; }

section#homepage-process { background: url('/img/homepage-process-bg.webp') center no-repeat; background-size: cover; }
section#homepage-process .title-box {  }
section#homepage-process .contents {  }
section#homepage-process .contents ol { display: flex; flex-direction: column; gap: 20px; padding: 0; }
section#homepage-process .contents ol li { display: flex; flex-direction: column; gap: 8px; background: rgba(255, 255, 255, .4); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border: 1px solid #fff; padding: 24px 28px; border-radius: 16px; }
section#homepage-process .contents ol li h3 { font-size: 20px; font-weight: 700; color: #5dbcff; }
section#homepage-process .contents ol li p { font-size: 20px; font-weight: 500; }
section#homepage-process .help { font-size: 16px; font-weight: 400; margin: 32px 0 0; }

section#detail-process { background: url('/img/detail-process-bg.webp') center no-repeat; background-size: cover; }
section#detail-process .title-box {  }
section#detail-process .contents {  }
section#detail-process .contents ol { display: flex; flex-direction: column; gap: 20px; padding: 0; }
section#detail-process .contents ol li { display: flex; flex-direction: column; gap: 8px; background: rgba(255, 255, 255, .4); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border: 1px solid #fff; padding: 24px 28px; border-radius: 16px; }
section#detail-process .contents ol li h3 { font-size: 20px; font-weight: 700; color: #5dbcff; }
section#detail-process .contents ol li h3 span { font-size: 16px;font-weight: 500;color: #999; }
section#detail-process .contents ol li p { font-size: 20px; font-weight: 500; }
section#detail-process .help { font-size: 16px; font-weight: 400; margin: 32px 0 0; }

section#faq { background: #010c3e; color: #fff; }
section#faq .title-box { text-align: center;  }
section#faq .contents { display: flex; flex-direction: column; gap: 20px; }
section#faq .contents article { background: rgba(255, 255, 255, .13); padding: 32px 30px; border-radius: 16px; display: flex; gap: 12px; flex-direction: column; }
section#faq .contents article h3 { font-size: 24px; font-weight: 700; display: flex; gap: 12px; }
section#faq .contents article p { font-size: 18px; font-weight: 400; color: rgba(255, 255, 255, .6); }

section#seo-faq { background: #c7e7fa; }
section#seo-faq .title-box { text-align: center; }
section#seo-faq .contents { display: flex; flex-direction: column; gap: 16px; }
section#seo-faq .faq-item { background: rgba(255, 255, 255, .6); border-radius: 16px; overflow: hidden; }
section#seo-faq .faq-question { font-size: 20px; font-weight: 700; display: flex; align-items: center; gap: 12px; padding: 32px 30px; margin: 0; cursor: pointer; transition: background .3s; }
section#seo-faq .faq-question:hover { background: rgba(255, 255, 255, .08); }
section#seo-faq .faq-question i { margin-left: auto; font-size: 16px; transition: transform .3s; }
section#seo-faq .faq-item.active .faq-question i { transform: rotate(180deg); }
section#seo-faq .faq-answer { max-height: 0; overflow: hidden; transition: max-height .4s ease, padding .4s ease; padding: 0 30px; }
section#seo-faq .faq-item.active .faq-answer { max-height: 300px; padding: 30px 30px 24px; border-top: 1px solid rgba(0, 0, 0, .05); }
section#seo-faq .faq-answer p { font-size: 18px; font-weight: 400; line-height: 1.7; margin: 0; }

section#detail-faq { background: #010c3e; color: #fff;  }
section#detail-faq .title-box { text-align: center; }
section#detail-faq .contents { display: flex; flex-direction: column; gap: 12px; }
section#detail-faq .faq-item { background: rgba(255, 255, 255, .13); border-radius: 16px; overflow: hidden; }
section#detail-faq .faq-question { font-size: 20px; font-weight: 700; display: flex; align-items: center; gap: 12px; padding: 24px 30px; margin: 0; cursor: pointer; transition: background .3s; }
section#detail-faq .faq-question:hover { background: rgba(255, 255, 255, .08); }
section#detail-faq .faq-question i { margin-left: auto; font-size: 16px; transition: transform .3s; }
section#detail-faq .faq-item.active .faq-question i { transform: rotate(180deg); }
section#detail-faq .faq-answer { max-height: 0; overflow: hidden; transition: max-height .4s ease, padding .4s ease; padding: 0 30px; }
section#detail-faq .faq-item.active .faq-answer { max-height: 300px; padding: 24px 30px; border-top: 1px solid rgba(255, 255, 255, .05); }
section#detail-faq .faq-answer p { font-size: 18px; font-weight: 400; line-height: 1.7; margin: 0; }

section#main-faq { background: #010c3e; color: #fff; }
section#main-faq .contents { display: flex; flex-direction: column; gap: 12px; }
section#main-faq .faq-item { background: rgba(255, 255, 255, .13); border-radius: 16px; overflow: hidden; }
section#main-faq .faq-question { font-size: 20px; font-weight: 700; display: flex; align-items: center; gap: 12px; padding: 32px 30px; margin: 0; cursor: pointer; transition: background .3s; }
section#main-faq .faq-question:hover { background: rgba(255, 255, 255, .08); }
section#main-faq .faq-question i { margin-left: auto; font-size: 16px; transition: transform .3s; }
section#main-faq .faq-item.active .faq-question i { transform: rotate(180deg); }
section#main-faq .faq-answer { max-height: 0; overflow: hidden; transition: max-height .4s ease, padding .4s ease; padding: 0 30px; }
section#main-faq .faq-item.active .faq-answer { max-height: 300px; padding: 30px 30px 24px; border-top: 1px solid rgba(255, 255, 255, .05); }
section#main-faq .faq-answer p { font-size: 18px; font-weight: 400; line-height: 1.7; margin: 0; }

section#cta { background: url("/img/cta-bg.webp") center no-repeat; background-size: cover; margin: 0; }
section#cta .inner { display: flex; justify-content: space-between; align-items: center; }
section#cta .title-box {}
section#cta .btn-box { display: flex; gap: 20px; flex-direction: column; }
section#cta .btn-box a { display: flex; padding: 18px 36px; background: #fff; font-size: 28px; font-weight: 600; border-radius: 16px; align-items: center; justify-content: center; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.04); }
section#cta .btn-box a span { display: flex; align-items: center; justify-content: center; gap: 12px; }


section#problem {  }
section#problem .title-box { text-align: center; }
section#problem .title-box .section-para { color: #7b8794; font-size: 18px; line-height: 1.6; }
section#problem h3 { text-align: center; font-size: 24px; font-weight: 700; margin: 24px 0 50px; }
section#problem ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 40px 0 50px; }
section#problem ul li { display: flex; background: #f6f9fc; border-radius: 12px; padding: 20px; font-size: 15px; color: #333; align-items: center; border: 1px solid #714aff; }
section#problem p.last-msg { font-size: 24px; text-align: center; margin: 80px 0 0; font-weight: 600; }
section#problem .swiper-slide { width: 520px;border-radius: 15px;background: var(--white);margin-right: 34px;overflow: hidden;box-shadow: 0 4px 30px rgba(0, 0, 0, .15); }
section#problem .swiper-slide img { display: block; max-width: 100%; width: 100%; }
section#problem .swiper-slide .txt { padding: 24px 30px; }
section#problem .swiper-slide .txt p { font-size: 20px; font-weight: 400; line-height: 1.6; }

section#application-problem {  }
section#application-problem .title-box { text-align: center; }
section#application-problem .title-box .section-para { color: #7b8794; font-size: 18px; line-height: 1.6; }
section#application-problem h3 { text-align: center; font-size: 24px; font-weight: 700; margin: 24px 0 50px; }
section#application-problem .contents { max-width: 1200px; margin: 0 auto; }
section#application-problem .contents ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding: 0; list-style: none; }
section#application-problem .contents ul li { display: flex; align-items: center; gap: 12px; background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 4px 30px rgba(0, 0, 0, .1); }
section#application-problem .contents ul li span { flex-shrink: 0; color: #714aff; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: linear-gradient(120deg, #a43af9, #fb0e4a); padding: 4px;  }
section#application-problem .contents ul li span svg { width: 20px; height: 20px; color: #fff; }

section#application-problem .contents ul li p { font-size: 16px; font-weight: 500; line-height: 1.5; color: #333; }
section#application-problem p.last-msg { font-size: 24px; text-align: center; margin: 80px 0 0; font-weight: 600; }

section#application-solution { /*background: url('/img/solution-section-bg.webp') center no-repeat; background-size: cover;*/ background: #222; color: #fff; padding: 100px 0; }
section#application-solution .inner { display: flex; text-align: center; justify-content: center; }
section#application-solution .title-box { margin: 0; }
section#application-solution .title-box .section-title { font-weight: 700; }
section#application-solution .title-box .section-para { color: rgba(255, 255, 255, .8); }

section#application-process { background: url('/img/platform-process-bg.webp') center no-repeat; background-size: cover; }
section#application-process .title-box {  }
section#application-process .contents {  }
section#application-process .contents ol { display: flex; flex-direction: column; gap: 40px; padding: 0; }
section#application-process .contents ol li { display: flex; gap: 40px; padding: 48px; align-items: center; background: rgba(255, 255, 255, .4); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border: 1px solid #fff; border-radius: 16px; overflow: hidden; }
section#application-process .contents ol li:nth-child(even) { flex-direction: row-reverse; }
section#application-process .contents ol li:nth-child(even) .txt { text-align: right; }
section#application-process .contents ol li .img-box {  }
section#application-process .contents ol li .img-box img { display: block; width: 100px; height: 100px; object-fit: contain; }
section#application-process .contents ol li .txt { flex: 1; }
section#application-process .contents ol li .txt h3 { font-size: 24px; font-weight: 700; color: #5dbcff; margin-bottom: 16px; }
section#application-process .contents ol li .txt h3 span { font-size: 16px; font-weight: 500; color: #999; }
section#application-process .contents ol li .txt p { font-size: 18px; font-weight: 500; line-height: 1.6; }
section#application-process .help { font-size: 16px; font-weight: 400; margin: 32px 0 0; }

section#seo-problem {  }
section#seo-problem .title-box { text-align: center; }
section#seo-problem .title-box .section-para { color: #7b8794; font-size: 18px; line-height: 1.6; }
section#seo-problem h3 { text-align: center; font-size: 24px; font-weight: 700; margin: 24px 0 50px; }
section#seo-problem .contents { max-width: 1200px; margin: 0 auto; }
section#seo-problem .contents ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding: 0; list-style: none; }
section#seo-problem .contents ul li { display: flex; align-items: center; gap: 12px; background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 4px 30px rgba(0, 0, 0, .1); }
section#seo-problem .contents ul li span { flex-shrink: 0; color: #714aff; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: linear-gradient(120deg, #a43af9, #fb0e4a); padding: 4px;  }
section#seo-problem .contents ul li span svg { width: 20px; height: 20px; color: #fff; }
section#seo-problem .contents ul li p { font-size: 16px; font-weight: 500; line-height: 1.5; color: #333; }
section#seo-problem p.last-msg { font-size: 24px; text-align: center; margin: 80px 0 0; font-weight: 600; }

section#seo-solution { background: url('/img/seo-solution-bg.webp') center no-repeat; background-size: cover; color: #fff; }
section#seo-solution .inner {  }
section#seo-solution .title-box { margin-top: 40px; }
section#seo-solution .title-box .section-title { font-weight: 700; }
section#seo-solution .title-box .section-para { color: rgba(255, 255, 255, .8); }
section#seo-solution .swiper-wrapper { align-items: stretch; }
section#seo-solution .swiper-slide { width: 460px; height: auto; border-radius: 15px; background: rgba(255, 255, 255, .15); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); border: 1px solid rgba(255, 255, 255, 0.3); margin-right: 34px; overflow: hidden; }
section#seo-solution .swiper-slide .img-box { padding: 30px 30px 8px; }
section#seo-solution .swiper-slide .img-box img { display: block; width: 80px; height: 80px; object-fit: contain; }
section#seo-solution .swiper-slide .txt { padding: 30px; }
section#seo-solution .swiper-slide .txt h3 { font-size: 24px; font-weight: 700; margin: 0 0 20px; line-height: 1.2; }
section#seo-solution .swiper-slide .txt p { font-size: 18px; font-weight: 500; line-height: 1.6; margin-top: 20px; border-top: 1px solid rgba(217, 217, 217, 0.2); padding-top: 20px; }

section#seo-service-details .tab-nav { display: flex; flex-wrap: wrap; gap: 10px; justify-content: start; margin-bottom: 40px; }
section#seo-service-details .tab-btn { padding: 12px 24px; border: 1px solid #ddd; border-radius: 30px; background: #fff; font-size: 16px; font-weight: 500; color: #666; cursor: pointer; transition: all .3s; }
/*section#seo-service-details .tab-btn:hover { color: #714aff; }*/
section#seo-service-details .tab-btn.active { background: linear-gradient(120deg, #a43af9, #fb0e4a); color: #fff; }
section#seo-service-details .tab-panel { display: none; }
section#seo-service-details .tab-panel.active { display: block; }

/*section#seo-service-details .tab-panel ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding: 0; list-style: none; margin: 0 auto ; }*/
/*section#seo-service-details .tab-panel ul li { display: flex; align-items: flex-start; gap: 12px; background: #f6f9fc; border-radius: 12px; padding: 20px; }*/
/*section#seo-service-details .tab-panel ul li span { flex-shrink: 0; color: #714aff; }*/


section#seo-service-details .tab-panel ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding: 0; list-style: none; margin: 0 auto ; }
section#seo-service-details .tab-panel ul li { display: flex; align-items: center; gap: 12px; background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 4px 30px rgba(0, 0, 0, .1) }
section#seo-service-details .tab-panel ul li span { flex-shrink: 0; color: #714aff; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: linear-gradient(120deg, #a43af9, #fb0e4a); padding: 4px;  }
section#seo-service-details .tab-panel ul li span svg { width: 20px; height: 20px; color: #fff; }


section#seo-service-details .tab-panel ul li p { font-size: 16px; font-weight: 500; line-height: 1.5; margin: 0; }

section#seo-process { background: url('/img/seo-process-bg.webp') center no-repeat; background-size: cover; }
section#seo-process .title-box {  }
section#seo-process .contents2 ol { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 0; }
section#seo-process .contents2 ol li { display: flex; flex-direction: column; gap: 16px; background: rgba(255, 255, 255, .4); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border: 1px solid #ddd; padding: 32px 24px; border-radius: 16px; }
section#seo-process .contents2 ol li .img-box { margin-bottom: 4px; }
section#seo-process .contents2 ol li .img-box img { display: block; max-height: 80px; }
section#seo-process .contents2 ol li h3 { font-size: 20px; font-weight: 700; display: flex; gap: 8px; }
section#seo-process .contents2 ol li p { font-size: 16px; font-weight: 500; }

section#home-problem { /*background: url("/img/homepage-problem-bg.png") center no-repeat; background-size: cover;*/ background: #fff; }
section#home-problem .inner { display: flex; justify-content: space-between; gap: 30px; align-items: center; }
section#home-problem .title-box { flex: 1; }
section#home-problem .title-box .section-para { font-size: 18px; line-height: 1.6; }
section#home-problem .contents { flex: 1; }
section#home-problem .contents ul { display: flex; flex-direction: column; gap: 20px; }
section#home-problem .contents ul li { display: flex; align-items: center; gap: 12px; padding: 24px 30px; border-radius: 16px; font-size: 20px; font-weight: 500; background: rgba(255, 255, 255, .3); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); box-shadow: 0 4px 30px rgba(0, 0, 0, .1); }
section#home-problem .contents ul li span { display: flex; align-items: center; justify-content: center; padding: 4px; border-radius: 50%; background: linear-gradient(120deg, #a43af9, #fb0e4a); }
section#home-problem .contents ul li span svg { color: #fff; width: 16px; height: 16px; }
section#home-problem .contents p { margin-top: 20px; font-size: 20px; font-weight: 600; background: linear-gradient(120deg, #a43af9, #fb0e4a); color: #fff; border: 1px solid transparent; border-radius: 16px; padding: 24px 30px; display: flex; align-items: center; gap: 12px; box-shadow: 0 4px 30px rgba(0, 0, 0, .1); }
section#home-problem .contents p span { display: flex; align-items: center; justify-content: center; padding: 4px; border-radius: 50%; background: #fff; }
section#home-problem .contents p span svg { color: #fb0e4a; width: 16px; height: 16px; }


section#homepage-solution { background: url('/img/homepage-solution-bg02.webp') center no-repeat; background-size: cover; color: #fff; }
section#homepage-solution .inner { display: flex; justify-content: space-between; }
section#homepage-solution .title-box { margin-top: 40px; }
section#homepage-solution .title-box .section-title { font-weight: 700; }
section#homepage-solution .title-box .section-para { color: rgba(255, 255, 255, .8); }
section#homepage-solution .contents { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; align-items: start; }
section#homepage-solution .contents article { max-width: 400px; background: rgba(255, 255, 255, .3); border-radius: 16px; padding: 30px;backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); border: 1px solid rgba(255, 255, 255, 0.3); }
section#homepage-solution .contents article:nth-child(2) { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
section#homepage-solution .contents article h3 { font-size: 24px; font-weight: 700; margin: 0 0 20px; line-height: 1.2; }
section#homepage-solution .contents article p { font-size: 18px; font-weight: 500; margin-top: 20px; border-top: 1px solid rgba(217, 217, 217, 0.2); padding-top: 20px; }


section#platform-process { background: url('/img/platform-process-bg.webp') center no-repeat; background-size: cover; }
section#platform-process .title-box {  }
section#platform-process .contents {  }
section#platform-process .contents ol { display: flex; flex-direction: column; gap: 40px; padding: 0; }
section#platform-process .contents ol li { display: flex; gap: 48px; padding: 48px; align-items: center; background: rgba(255, 255, 255, .4); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border: 1px solid #fff; border-radius: 16px; overflow: hidden; }
section#platform-process .contents ol li .img-box { }
section#platform-process .contents ol li .img-box img { display: block; width: 100px; height: 100px; object-fit: contain; }
section#platform-process .contents ol li .txt { flex: 1; }
section#platform-process .contents ol li .txt h3 { font-size: 24px; font-weight: 700; color: #5dbcff; margin-bottom: 16px; }
section#platform-process .contents ol li .txt h3 span { font-size: 16px; font-weight: 500; color: #999; }
section#platform-process .contents ol li .txt p { font-size: 18px; font-weight: 500; line-height: 1.6; }
section#platform-process .help { font-size: 16px; font-weight: 400; margin: 32px 0 0; }

section#repair-process { background: url('/img/platform-process-bg.webp') center no-repeat; background-size: cover; }
section#repair-process .title-box {  }
section#repair-process .contents {  }
section#repair-process .contents ol { display: flex; flex-direction: column; gap: 40px; padding: 0; }
section#repair-process .contents ol li { display: flex; gap: 48px; padding: 48px; align-items: center; background: rgba(255, 255, 255, .4); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border: 1px solid #fff; border-radius: 16px; overflow: hidden; }
section#repair-process .contents ol li .img-box { }
section#repair-process .contents ol li .img-box img { display: block; width: 100px; height: 100px; object-fit: contain; }
section#repair-process .contents ol li .txt { flex: 1; }
section#repair-process .contents ol li .txt h3 { font-size: 24px; font-weight: 700; color: #5dbcff; margin-bottom: 16px; }
section#repair-process .contents ol li .txt h3 span { font-size: 16px; font-weight: 500; color: #999; }
section#repair-process .contents ol li .txt p { font-size: 18px; font-weight: 500; line-height: 1.6; }
section#repair-process .help { font-size: 16px; font-weight: 400; margin: 32px 0 0; }

section#process .contents2 ol { display: grid; grid-template-columns: repeat(4, 1fr);  gap: 20px; padding: 0; }
section#process .contents2 ol li { display: flex; flex-direction: column; gap: 16px; background: rgba(255, 255, 255, .4); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border: 1px solid #ddd; padding: 32px 24px; border-radius: 16px; }
section#process .contents2 ol li .img-box { margin-bottom: 4px; }
section#process .contents2 ol li .img-box img { display: block; max-height: 80px;  }
section#process .contents2 ol li h3 { font-size: 20px; font-weight: 700; display: flex; gap: 8px; }
section#process .contents2 ol li p { font-size: 16px; font-weight: 500; }

section#homepage-process .contents2 ol { display: grid; grid-template-columns: repeat(4, 1fr);  gap: 20px; padding: 0; }
section#homepage-process .contents2 ol li { display: flex; flex-direction: column; gap: 16px; background: rgba(255, 255, 255, .4); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border: 1px solid #ddd; padding: 32px 24px; border-radius: 16px; }
section#homepage-process .contents2 ol li .img-box { margin-bottom: 4px; }
section#homepage-process .contents2 ol li .img-box img { display: block; max-height: 80px;  }
section#homepage-process .contents2 ol li h3 { font-size: 20px; font-weight: 700; display: flex; gap: 8px; }
section#homepage-process .contents2 ol li p { font-size: 16px; font-weight: 500; }

section#shoppingmall-process { background: url('/img/shoppingmall-process-bg.webp') center no-repeat; background-size: cover; }
section#shoppingmall-process .title-box {  }
section#shoppingmall-process .contents {  }
section#shoppingmall-process .contents ol { display: flex; flex-direction: column; gap: 20px; padding: 0; }
section#shoppingmall-process .contents ol li { display: flex; flex-direction: column; gap: 8px; background: rgba(255, 255, 255, .4); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border: 1px solid #fff; padding: 24px 28px; border-radius: 16px; }
section#shoppingmall-process .contents ol li h3 { font-size: 20px; font-weight: 700; color: #5dbcff; }
section#shoppingmall-process .contents ol li p { font-size: 20px; font-weight: 500; }
section#shoppingmall-process .help { font-size: 16px; font-weight: 400; margin: 32px 0 0; }
section#shoppingmall-process .contents2 ol { display: grid; grid-template-columns: repeat(4, 1fr);  gap: 20px; padding: 0; }
section#shoppingmall-process .contents2 ol li { display: flex; flex-direction: column; gap: 16px; background: rgba(255, 255, 255, .4); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border: 1px solid #ddd; padding: 32px 24px; border-radius: 16px; }
section#shoppingmall-process .contents2 ol li .img-box { margin-bottom: 4px; }
section#shoppingmall-process .contents2 ol li .img-box img { display: block; max-height: 80px;  }
section#shoppingmall-process .contents2 ol li h3 { font-size: 20px; font-weight: 700; display: flex; gap: 8px; }
section#shoppingmall-process .contents2 ol li p { font-size: 16px; font-weight: 500; }


section#why-webseller { border-bottom: 1px solid #ddd; }
section#why-webseller .title-box { text-align: center; }
section#why-webseller .contents { display: flex; flex-wrap: wrap; gap: 30px; }
section#why-webseller .contents article { flex: 1 1 calc(33.333% - 20px); min-width: 280px; background: #fff; border-radius: 16px; padding: 30px; box-shadow: 0 4px 30px rgba(0, 0, 0, .15); }
section#why-webseller .contents .swiper { width: 100%; overflow: hidden; }
section#why-webseller .contents .swiper-slide { width: 400px;height: auto;border-radius: 15px;margin-right: 34px;overflow: hidden; padding: 36px; }
section#why-webseller .contents .swiper-slide.slide01 { background: #E8F0FE; }
section#why-webseller .contents .swiper-slide.slide02 { background: #FDE8EF; }
section#why-webseller .contents .swiper-slide.slide03 { background: #E6F7ED; }
section#why-webseller .contents .swiper-slide.slide04 { background: #FFF3E0; }
section#why-webseller .contents .swiper-slide.slide05 { background: #F3E8FD; }
section#why-webseller .contents .swiper-slide.slide06 { background: #E0F4F4; }
section#why-webseller .contents h3 { font-size: 24px; font-weight: 700; margin: 0 0 20px; line-height: 1.3; }
section#why-webseller .contents p { font-size: 16px; font-weight: 500; }
section#why-webseller .contents a { display: inline-flex; margin-top: 30px; align-items: center; justify-content: center; gap: 10px; font-size: 16px; }
section#why-webseller .contents a i { font-size: 14px; }




/* 공통 pricing 카드 스타일 */
.service-pricing { }
.service-pricing .title-box { text-align: center; }
.service-pricing .pricing-cards { display: flex; gap: 30px; align-items: stretch; justify-content: center; }
.service-pricing .pricing-cards article { flex: 1; background: #fff; border-radius: 16px; padding: 40px 30px; box-shadow: 0 4px 30px rgba(0, 0, 0, .1); display: flex; flex-direction: column; position: relative; overflow: hidden; transition: opacity .3s, transform .3s, box-shadow .3s; max-width: 440px; }
.service-pricing .pricing-cards article:hover { transform: translateY(-8px); box-shadow: 0 12px 40px rgba(0, 0, 0, .2); }
.service-pricing .pricing-cards article.popular { border: 2px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(120deg, #a43af9, #fb0e4a); background-origin: border-box; background-clip: padding-box, border-box; }
.service-pricing .pricing-cards .plan-badge { display: inline-block; font-size: 13px; font-weight: 700; color: #999; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; }
.service-pricing .pricing-cards article.popular .plan-badge { background: linear-gradient(120deg, #a43af9, #fb0e4a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.service-pricing .pricing-cards h3 { font-size: 24px; font-weight: 700; margin: 0 0 16px; line-height: 1.3; }
.service-pricing .pricing-cards .price { width: fit-content; font-size: 32px; font-weight: 800; margin: 0 0 8px; background: linear-gradient(120deg, #a43af9, #fb0e4a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.service-pricing .pricing-cards .target { font-size: 14px; color: #888; margin: 0 0 24px; padding-bottom: 24px; border-bottom: 1px solid #eee; }
.service-pricing .pricing-cards ul { list-style: none; padding: 0; margin: 0 0 30px; flex: 1; }
.service-pricing .pricing-cards li { font-size: 15px; font-weight: 500; color: #555; padding: 6px 0 6px 20px; position: relative; }
.service-pricing .pricing-cards li::before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; position: absolute; left: 0; color: #a43af9; font-size: 13px; }
.service-pricing .pricing-cards li.disabled { color: #ccc; }
.service-pricing .pricing-cards li.disabled::before { content: '\f00d'; color: #ccc; }
.service-pricing .plan-btn { display: block; text-align: center; padding: 14px 0; border-radius: 16px; font-size: 16px; font-weight: 600; color: #333; border: 1px solid #ddd; transition: all .3s; }
.service-pricing .plan-btn:hover { background: linear-gradient(120deg, #a43af9, #fb0e4a); color: #fff; border-color: transparent; }
.service-pricing .pricing-cards article.popular .plan-btn { background: linear-gradient(120deg, #a43af9, #fb0e4a); color: #fff; border-color: transparent; }
.service-pricing .pricing-cards article.popular .plan-btn:hover { opacity: .9; }
.service-pricing .pricing-note { text-align: center; margin: 30px 0 0; }
.service-pricing .pricing-note p { font-size: 16px; color: #787878; margin: 4px 0; }
.service-pricing .sub-pricing { margin: 90px 0 0; }
.service-pricing .sub-pricing .title-box { text-align: center; margin-bottom: 30px; }
.service-pricing .sub-pricing .title-box h3 { font-size: 28px; font-weight: 700; }
.service-pricing .sub-pricing .title-box h3 span { font-weight: 400; color: #999; font-size: 20px; }
.service-pricing .maintenance-cards { display: flex; gap: 30px; justify-content: center; }
.service-pricing .maintenance-cards article { flex: 0 1 400px; background: #fff; border-radius: 16px; padding: 30px; box-shadow: 0 4px 30px rgba(0, 0, 0, .1); transition: transform .3s; }
.service-pricing .maintenance-cards article:hover { transform: translateY(-4px); box-shadow: 0 8px 30px rgba(0, 0, 0, .15); }
.service-pricing .maintenance-cards h3 { font-size: 22px; font-weight: 700; margin: 0 0 10px; }
.service-pricing .maintenance-cards .price { width: fit-content; font-size: 26px; font-weight: 800; margin: 0 0 20px; background: linear-gradient(120deg, #a43af9, #fb0e4a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.service-pricing .maintenance-cards ul { list-style: none; padding: 20px 0 0; margin: 0; border-top: 1px solid #eee; }
.service-pricing .maintenance-cards li { font-size: 15px; font-weight: 500; color: #555; padding: 5px 0 5px 20px; position: relative; }
.service-pricing .maintenance-cards li::before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; position: absolute; left: 0; color: #a43af9; font-size: 13px; }
.service-pricing .btn-box { text-align: center; margin: 80px 0 0; display: flex; gap: 16px; justify-content: center; }
.service-pricing .btn-box a { padding: 18px 36px; background: #fff; font-size: 20px; font-weight: 600; border-radius: 50px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1); }
.service-pricing .btn-box a span { display: flex; gap: 16px; align-items: center; justify-content: center; }

#shopping-pricing { }
#shopping-pricing .title-box { text-align: center; }
#shopping-pricing .pricing-cards { display: flex; gap: 30px; align-items: stretch; justify-content: center; }
#shopping-pricing .pricing-cards article { flex: 1; background: #fff; border-radius: 16px; padding: 40px 30px; box-shadow: 0 4px 30px rgba(0, 0, 0, .1); display: flex; flex-direction: column; position: relative; overflow: hidden; transition: transform .3s, box-shadow .3s; max-width: 440px; }
#shopping-pricing .pricing-cards article:hover { transform: translateY(-8px); box-shadow: 0 12px 40px rgba(0, 0, 0, .2); }
#shopping-pricing .pricing-cards article.popular { border: 2px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(120deg, #a43af9, #fb0e4a); background-origin: border-box; background-clip: padding-box, border-box; }
#shopping-pricing .pricing-cards .plan-badge { display: inline-block; font-size: 13px; font-weight: 700; color: #999; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; }
#shopping-pricing .pricing-cards article.popular .plan-badge { background: linear-gradient(120deg, #a43af9, #fb0e4a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
#shopping-pricing .pricing-cards h3 { font-size: 24px; font-weight: 700; margin: 0 0 16px; line-height: 1.3; }
#shopping-pricing .pricing-cards .price { width: fit-content; font-size: 32px; font-weight: 800; margin: 0 0 8px; background: linear-gradient(120deg, #a43af9, #fb0e4a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
#shopping-pricing .pricing-cards .target { font-size: 14px; color: #888; margin: 0 0 24px; padding-bottom: 24px; border-bottom: 1px solid #eee; }
#shopping-pricing .pricing-cards ul { list-style: none; padding: 0; margin: 0 0 30px; flex: 1; }
#shopping-pricing .pricing-cards li { font-size: 15px; font-weight: 500; color: #555; padding: 6px 0 6px 20px; position: relative; }
#shopping-pricing .pricing-cards li::before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; position: absolute; left: 0; color: #a43af9; font-size: 13px; }
#shopping-pricing .pricing-cards li.disabled { color: #ccc; }
#shopping-pricing .pricing-cards li.disabled::before { content: '\f00d'; color: #ccc; }
#shopping-pricing .plan-btn { display: block; text-align: center; padding: 14px 0; border-radius: 16px; font-size: 16px; font-weight: 600; color: #333; border: 1px solid #ddd; transition: all .3s; }
#shopping-pricing .plan-btn:hover { background: linear-gradient(120deg, #a43af9, #fb0e4a); color: #fff; border-color: transparent; }
#shopping-pricing .pricing-cards article.popular .plan-btn { background: linear-gradient(120deg, #a43af9, #fb0e4a); color: #fff; border-color: transparent; }
#shopping-pricing .pricing-cards article.popular .plan-btn:hover { opacity: .9; }
#shopping-pricing .pricing-note { text-align: center; margin: 30px 0 0; }
#shopping-pricing .pricing-note p { font-size: 16px; color: #787878; margin: 4px 0; }
#shopping-pricing .sub-pricing { margin: 90px 0 0; }
#shopping-pricing .sub-pricing .title-box { text-align: center; margin-bottom: 30px; }
#shopping-pricing .sub-pricing .title-box h3 { font-size: 28px; font-weight: 700; }
#shopping-pricing .sub-pricing .title-box h3 span { font-weight: 400; color: #999; font-size: 20px; }
#shopping-pricing .maintenance-cards { display: flex; gap: 30px; justify-content: center; }
#shopping-pricing .maintenance-cards article { flex: 0 1 400px; background: #fff; border-radius: 16px; padding: 30px; box-shadow: 0 4px 30px rgba(0, 0, 0, .1); transition: transform .3s; }
#shopping-pricing .maintenance-cards article:hover { transform: translateY(-4px); box-shadow: 0 8px 30px rgba(0, 0, 0, .15); }
#shopping-pricing .maintenance-cards h3 { font-size: 22px; font-weight: 700; margin: 0 0 10px; }
#shopping-pricing .maintenance-cards .price { width: fit-content; font-size: 26px; font-weight: 800; margin: 0 0 20px; background: linear-gradient(120deg, #a43af9, #fb0e4a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
#shopping-pricing .maintenance-cards ul { list-style: none; padding: 20px 0 0; margin: 0; border-top: 1px solid #eee; }
#shopping-pricing .maintenance-cards li { font-size: 15px; font-weight: 500; color: #555; padding: 5px 0 5px 20px; position: relative; }
#shopping-pricing .maintenance-cards li::before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; position: absolute; left: 0; color: #a43af9; font-size: 13px; }
#shopping-pricing .btn-box { text-align: center; margin: 80px 0 0; display: flex; gap: 16px; justify-content: center; }
#shopping-pricing .btn-box a { padding: 18px 36px; background: #fff; font-size: 20px; font-weight: 600; border-radius: 50px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1); }
#shopping-pricing .btn-box a span { display: flex; gap: 16px; align-items: center; justify-content: center; }

section#seo-portfolio { background: #f4f5f6; }
section#seo-portfolio .title-box { text-align: center; }
section#seo-portfolio .contents { display: flex; gap: 30px; }
section#seo-portfolio .contents article { flex: 1; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 30px rgba(0, 0, 0, .1); transition: transform .3s, box-shadow .3s; }
section#seo-portfolio .contents article:hover { transform: translateY(-8px); box-shadow: 0 12px 40px rgba(0, 0, 0, .2); }
section#seo-portfolio .contents article .img-box { position: relative; overflow: hidden; aspect-ratio: 16 / 10; background: #f5f5f5; }
section#seo-portfolio .contents article .img-box img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
section#seo-portfolio .contents article:hover .img-box img { transform: scale(1.05); }
section#seo-portfolio .contents article .img-box .overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .5); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .3s; }
section#seo-portfolio .contents article:hover .img-box .overlay { opacity: 1; }
section#seo-portfolio .contents article .img-box .overlay a { display: inline-block; padding: 12px 28px; border: 1px solid #fff; border-radius: 30px; color: #fff; font-size: 15px; font-weight: 600; transition: all .3s; }
section#seo-portfolio .contents article .img-box .overlay a:hover { background: #fff; color: #333; }
section#seo-portfolio .contents article .info { padding: 24px 28px 28px; }
section#seo-portfolio .contents article .info .tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
section#seo-portfolio .contents article .info .tags span { display: inline-block; font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 20px; background: #f3f0ff; color: #7c3aed; }
section#seo-portfolio .contents article .info h3 { font-size: 22px; font-weight: 700; margin: 0 0 8px; line-height: 1.3; }
section#seo-portfolio .contents article .info .type { font-size: 14px; color: #888; margin: 0 0 12px; }
section#seo-portfolio .contents article .info .result { font-size: 15px; font-weight: 600; color: #333; margin: 0; padding: 12px 0 0; border-top: 1px solid #eee; }
section#seo-portfolio .contents article .info .result i { margin-right: 6px; background: linear-gradient(120deg, #a43af9, #fb0e4a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
section#seo-portfolio .btn-box { text-align: center; margin: 80px 0 0; display: flex; gap: 16px; justify-content: center; }
section#seo-portfolio .btn-box a { display: flex;padding: 18px 36px;background: #fff;font-size: 20px;font-weight: 600;border-radius: 16px;align-items: center;justify-content: center;box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.04); }
section#seo-portfolio .btn-box a span { display: flex; gap: 12px; align-items: center; }

section#seo-portfolio .portfolio-modal { display: none; position: fixed; inset: 0; z-index: 9999; background: rgba(0, 0, 0, .6); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); align-items: center; justify-content: center; }
section#seo-portfolio .portfolio-modal.active { display: flex; }
section#seo-portfolio .portfolio-modal .modal-inner { position: relative; width: 90%; max-width: 800px; max-height: 90vh; background: #fff; border-radius: 20px; overflow-y: auto; box-shadow: 0 20px 60px rgba(0, 0, 0, .3); }
section#seo-portfolio .portfolio-modal .modal-close { position: absolute; top: 16px; right: 16px; z-index: 10; width: 40px; height: 40px; border: none; border-radius: 50%; background: rgba(0, 0, 0, .5); color: #fff; font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .3s; }
section#seo-portfolio .portfolio-modal .modal-close:hover { background: rgba(0, 0, 0, .8); }
section#seo-portfolio .portfolio-modal .modal-img { width: 100%; aspect-ratio: 16 / 10; overflow: hidden; background: #f5f5f5; }
section#seo-portfolio .portfolio-modal .modal-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
section#seo-portfolio .portfolio-modal .modal-body { padding: 32px; }
section#seo-portfolio .portfolio-modal .modal-body .tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
section#seo-portfolio .portfolio-modal .modal-body .tags span { display: inline-block; font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 20px; background: #f3f0ff; color: #7c3aed; }
section#seo-portfolio .portfolio-modal .modal-body h3 { font-size: 24px; font-weight: 700; margin: 0 0 8px; }
section#seo-portfolio .portfolio-modal .modal-body .type { font-size: 15px; color: #888; margin: 0 0 12px; }
section#seo-portfolio .portfolio-modal .modal-body .result { font-size: 16px; font-weight: 600; color: #333; margin: 0 0 24px; padding: 12px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
section#seo-portfolio .portfolio-modal .modal-body .result i { margin-right: 6px; background: linear-gradient(120deg, #a43af9, #fb0e4a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
section#seo-portfolio .portfolio-modal .modal-body .detail h4 { font-size: 18px; font-weight: 700; margin: 24px 0 12px; }
section#seo-portfolio .portfolio-modal .modal-body .detail p { font-size: 15px; line-height: 1.7; color: #555; margin: 0; }
section#seo-portfolio .portfolio-modal .modal-body .detail ul { padding: 0 0 0 20px; margin: 0; }
section#seo-portfolio .portfolio-modal .modal-body .detail ul li { font-size: 15px; line-height: 1.7; color: #555; margin-bottom: 4px; }


section#platform-solution { background: url('/img/platform-solution-bg.webp') center no-repeat; background-size: cover; color: #fff; }
section#platform-solution .inner {  }
section#platform-solution .title-box { margin-top: 40px; }
section#platform-solution .title-box .section-title { font-weight: 700; }
section#platform-solution .title-box .section-para { color: rgba(255, 255, 255, .8); }
section#platform-solution .swiper-wrapper { align-items: stretch; }
section#platform-solution .swiper-slide { width: 460px; height: auto; border-radius: 15px; background: rgba(255, 255, 255, .15); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); border: 1px solid rgba(255, 255, 255, 0.3); margin-right: 34px; overflow: hidden; }
section#platform-solution .swiper-slide .img-box { padding: 30px 30px 8px; }
section#platform-solution .swiper-slide .img-box img { display: block; max-width: 60px; max-height: 60px; object-fit: cover; }
section#platform-solution .swiper-slide .txt { padding: 30px; }
section#platform-solution .swiper-slide .txt h3 { font-size: 24px; font-weight: 700; margin: 0 0 20px; line-height: 1.2; }
section#platform-solution .swiper-slide .txt p { font-size: 18px; font-weight: 500; line-height: 1.6; margin-top: 20px; border-top: 1px solid rgba(217, 217, 217, 0.2); padding-top: 20px; }

section#repair-solution { background: url('/img/platform-solution-bg.webp') center no-repeat; background-size: cover; color: #fff; }
section#repair-solution .inner {  }
section#repair-solution .title-box { margin-top: 40px; }
section#repair-solution .title-box .section-title { font-weight: 700; }
section#repair-solution .title-box .section-para { color: rgba(255, 255, 255, .8); }
section#repair-solution .swiper-wrapper { align-items: stretch; }
section#repair-solution .swiper-slide { width: 460px; height: auto; border-radius: 15px; background: rgba(255, 255, 255, .15); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); border: 1px solid rgba(255, 255, 255, 0.3); margin-right: 34px; overflow: hidden; }
section#repair-solution .swiper-slide .img-box { padding: 30px 30px 8px; }
section#repair-solution .swiper-slide .img-box img { display: block; max-width: 60px; max-height: 60px; object-fit: cover; }
section#repair-solution .swiper-slide .txt { padding: 30px; }
section#repair-solution .swiper-slide .txt h3 { font-size: 24px; font-weight: 700; margin: 0 0 20px; line-height: 1.2; }
section#repair-solution .swiper-slide .txt p { font-size: 18px; font-weight: 500; line-height: 1.6; margin-top: 20px; border-top: 1px solid rgba(217, 217, 217, 0.2); padding-top: 20px; }


section#detail-problem { background: #fff; }
section#detail-problem .inner { display: flex; justify-content: space-between; gap: 30px; align-items: center; }
section#detail-problem .title-box { flex: 1; }
section#detail-problem .title-box .section-para { font-size: 18px; line-height: 1.6; }
section#detail-problem .title-box h3 { margin: 36px 0 0; font-size: 24px; font-weight: 600; }
section#detail-problem .contents { flex: 1; }
section#detail-problem .contents ul { display: flex; flex-direction: column; gap: 20px; }
section#detail-problem .contents ul li { display: flex; align-items: center; gap: 12px; padding: 24px 30px; border-radius: 16px; font-size: 20px; font-weight: 500; background: rgba(255, 255, 255, .3); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); box-shadow: 0 4px 30px rgba(0, 0, 0, .1); }
section#detail-problem .contents ul li span { display: flex; align-items: center; justify-content: center; padding: 4px; border-radius: 50%; background: linear-gradient(120deg, #a43af9, #fb0e4a); }
section#detail-problem .contents ul li span svg { color: #fff; width: 16px; height: 16px; }
section#detail-problem .contents p { margin-top: 40px; font-size: 20px; font-weight: 600; background: linear-gradient(120deg, #a43af9, #fb0e4a); color: #fff; border: 1px solid transparent; border-radius: 16px; padding: 24px 30px; display: flex; align-items: center; gap: 12px; box-shadow: 0 4px 30px rgba(0, 0, 0, .1); }
section#detail-problem .contents p span { display: flex; align-items: center; justify-content: center; padding: 4px; border-radius: 50%; background: #fff; }
section#detail-problem .contents p span svg { color: #fb0e4a; width: 16px; height: 16px; }


.navbar.navbar-default .navbar-toggle { float: none; margin: 0; }
.navbar-header { float: none; }

#tier-container .text-muted { padding: 10px 0; }
.input-group-addon { cursor: pointer; }