@charset "utf-8";
/* root */
:root {
/* 폰트 */
--lx-font-family:SCoreDream;
--lx-font-l:200; /* Light */
--lx-font-m:600; /* medium */
--lx-font-b:700; /* bold */
/* 컬러 */
--lx-color-ci:#1c447d; /* LX2-NEW */
--lx-color-ci2:#f1aa40;
--lx-color-ci3:#2558e9;
--lx-color-ci4:#0073b7; /* 4c */
--lx-color-l-red:#e8344e;
/* 레이아웃 */
--lx-rows-width:1360px;
/* 푸터 */
--lx-ban-inq-padding:0 20px;
--lx-ban-inq-height:64px;
}

/* 리셋 */
body, h1, h2, h3, h4, h5, h6, p, span, strong, table, th, td, input, select, textarea, button, a {font-family:var(--lx-font-family);}

/* 여백 */
.ng_mt_10 {margin-top:-10px !important;}
.mt_0 {margin-top:0 !important;}
.mts {margin-top:5px;}
.mt_10, .mt {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_30 {margin-top:30px !important;}
.mt_40 {margin-top:40px !important;}
.mt_50 {margin-top:50px !important;}
.mb_0 {margin-bottom:0 !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_50 {margin-bottom:50px !important;}
.ml_0 {margin-left:0 !important;}
.mls {margin-left:5px;}
.ml_10, .ml {margin-left:10px !important;}
.ml_20 {margin-left:20px !important;}
.mr_0 {margin-right:0 !important;}
.mrs {margin-right:5px;}
.mr_10, .mr {margin-right:10px !important;}
.mr_20 {margin-right:20px !important;}
.p_0 {padding:0 !important;}
.p_10 {padding:10px !important;}
.p_20 {padding:20px !important;}
.pt_0 {padding-top:0 !important;}
.pb_0 {padding-bottom:0 !important;}
.pl_0 {padding-left:0 !important;}
.pr_0 {padding-right:0 !important;}

/* 리셋 */
.lx_item, .lx_item * {box-sizing:border-box;margin:0;padding:0;border:0;}
.lx_item dl, .lx_item ul, .lx_item ol, .lx_item menu, .lx_item li {list-style:none}

/* 공통 */
.sr_only {position:absolute !important;white-space:nowrap;width:1px !important;height:1px !important;overflow:hidden;border:0 !important;padding:0;clip:rect(0 0 0 0);clip-path: inset(50%);margin:-1px;}
.hd_font {font-family:var(--heading-font) !important;}
.lx_font {font-family:var(--lx-font-family) !important;}

/* 스닙핏 */
.hero-tabs {display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:0 0 40px 0;padding:0;list-style:none;}
.hero-tabs button {display:flex;align-items:center;padding:0 20px;border:0;border-radius:30px;height:40px;font-size:15px;font-weight:500;color:var(--default-color);background-color:color-mix(in srgb, var(--surface-color), transparent 50%);transition: all 0.3s ease-in-out;}
.hero-tabs button:hover {color:var(--accent-color);background-color:color-mix(in srgb, var(--accent-color), transparent 85%);transform:translateY(-2px);}
.hero-tabs button.active {color:var(--contrast-color);background-color:var(--accent-color);}

/* lx-icon */
.lx-icon {display:inline-flex;}
.lx-icon::before {content:" ";background-repeat:no-repeat;background-position:0 0;background-size:cover;}
.lx-icon.lx-i-naver-app::before {width:20px;height:20px;background-image:url("../images/temp/ci_link_naver.png");}
.lx-icon.lx-i-instagram::before {width:20px;height:20px;background-image:url("../images/temp/ci_link_instagram.png");}

/* 레이아웃 */
body:not(.index-page) .main {min-height:700px;}

/* hero 콘텐츠 */
.section-title p {word-break:keep-all;}

/* header */
.header h1 {margin:0 0 0 5px;}
.header .logo img {max-height:30px;}
.navmenu a {font-family:var(--heading-font);}
.header .header-social-links {padding-right:0;}
.header .header-social-links .link {display:flex;align-items:center;gap:10px;}
.header .header-social-links .sns {display:flex;align-items:center;gap:5px;margin:0;}
.header .header-social-links .sns li {line-height:1;list-style:none;}
.header .header-social-links .sns a {display:block;max-width:30px;padding:0;}
.header .header-social-links .sns img {overflow:hidden;width:24px;border-radius:2px;}
.header .header-social-links .rd_btn {display:flex;align-items:center;height:40px;padding:0 20px;border-radius:20px;color:#fff;font-weight:var(--lx-font-m);background-color:var(--lx-color-l-red);}
.header .header-social-links .rd_btn:hover {color:#fff;}

/* hero */
.hero .content h2 {font-size:3.4rem;letter-spacing:-3px;}
.hero .content h2 span {font-size:2.8rem;}
.hero .cta-buttons .btn {display:flex;align-items:center;justify-content:center;height:52px;padding-bottom:0;padding-top:0;font-weight:var(--lx-font-m);}
.hero .content .lead {word-break:keep-all;}
.hero .hero-image {text-align:center;}
.hero .hero-image img {max-height:420px;}

/* about */
.about .about-image {text-align:center;position:relative;}
.about .about-image img {box-shadow:none;}
.about .about-image .gs {display:flex;align-items:center;position:absolute;right:0;bottom:10%;width:240px;height:240px;padding:20px;border-radius:50%;background:#fff;box-shadow:0 0 30px rgba(0, 0, 0, 0.2)}
.about .about-image .gs img {max-width:100%;}
.about .about-content p {word-break:keep-all;}

/* solution */
/* .portfolio .portfolio-card .portfolio-image::before {content:" ";position: absolute;top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), transparent);transition: all 0.4s ease-in-out;

} */


/* ai */
.testimonials .testimonial-item {transition: all 0.3s ease-in-out;}
.testimonials .testimonial-item h2 {text-align:center;}
.testimonials .testimonial-item p {word-break:keep-all;font-style:normal;}
.testimonials .testimonial-item .featured-img-wrapper {min-height:0;padding:0;border:1px solid #eee;aspect-ratio:16/9;}
.testimonials .testimonial-item:hover .ai-overlay {opacity:1;visibility:visible;}
.testimonials .testimonial-item:hover .ai-actions {transform:translateY(0);}
.testimonials .ai-overlay {visibility:hidden;display:flex;align-items:flex-end;position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;background:linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);opacity:0;transition:all 0.4s ease-in-out;}
.testimonials .ai-actions {transform:translateY(20px);transition:all 0.4s ease-in-out;display:flex;gap:15px;}
.testimonials .ai-actions a {display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;font-size:20px;color:var(--accent-color);background-color:var(--surface-color);transition: all 0.3s ease;}
.testimonials .ai-actions a:hover {background-color:var(--accent-color);color:var(--contrast-color);transform:scale(1.1);}

/* service */
.services .service-item h3 {font-weight:var(--lx-font-m);}
.services .service-item:hover h3 {color:var(--accent-color);}
.services .service-item p {word-break:keep-all;}
.services .service_lab {padding-right:30px;}
.services .servies-title {font-size:2.4rem;}
.services .img_lx2 {overflow:hidden;text-align:center;}
.lx_name_card {margin-top:20px;}
.lx_name_card .top {display:flex;align-items:center;justify-content:space-between;}
.lx_name_card .slogan {position:relative;margin:0;font-size:0.9rem;}
/* .lx_name_card .slogan::before {content:" ";position:absolute;right:-15px;top:0;width:16px;height:16px;background:url("../images/common/ic_lightsaber.svg") no-repeat 0 0;background-size:cover;transform:rotate(-25deg)} */
.lx_name_card .logo {flex-shrink:0;}
.lx_name_card .info_item {display:flex;gap:10px;}
.lx_name_card .info_item .group {flex:1 1 0;display:flex;align-items:center;justify-content:center;height:46px;border-radius:23px;padding:0 20px;font-size:1.1rem;color:#fff;background-color:var(--accent-color);}
.lx_name_card .info_item .val {line-height:1;}

/* faq */
.section.faq {position:relative;z-index:1;background:#f3f4fe;}
.section.faq .shape {position:absolute;z-index:-1;left:0;bottom:0;}
.faq .faq-container .faq-item .faq-toggle {top:24px;}
.ud-single-faq {border:1px solid #f3f4fe;border-radius:10px;background:#fff;box-shadow:0px 20px 95px rgba(201, 203, 204, 0.3);}
.ud-single-faq + .ud-single-faq {margin-top:30px;}
.ud-faq-btn {opacity:0.88;text-align:left;display:flex;width:100%;align-items:center;padding:30px;border:none;font-size:18px;font-weight:600;color:var(--heading-color);background:transparent;}
.ud-single-faq .ud-faq-btn span.icon {display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-right:24px;border-radius:10px;color:#3056d3;background:rgba(48, 86, 211, 0.06);}
.ud-single-faq .ud-faq-btn span.icon i {font-size:14px;font-weight:700;transform:rotate(180deg);transition:all 0.3s;}
.ud-single-faq .ud-faq-btn.collapsed span.icon i {transform:rotate(0deg);}
.ud-single-faq .ud-faq-body {padding:0px 60px 40px 95px;}
.ud-faq-btn .que:hover, .ud-faq-btn:not(.collapsed) .que {color:var(--accent-color);}

/* contact */
.contact .content h2, .contact .content .lead {word-break:keep-all;}
.contact .contact-info .info-item {align-items:center;}
.contact .contact-info .info-item span {font-weight:var(--lx-font-l);}
.contact .img_lx2_package {text-align:center;}
.contact .img_lx2_package img {max-width:300px;}

/* footer */
.footer .lx_link {margin-top:20px;}
.footer .lx_link img {height:30px;}

/* 푸터 사이트메뉴 */
.lx_ban_inq {overflow:hidden;position:fixed;bottom:0;z-index:90;left:50%;width:var(--lx-rows-width);border-radius:10px 10px 0px 0px;transform:translateX(-50%);background:linear-gradient(-45deg, #23d5ab, var(--lx-color-ci), #e62d39, #382c8e);background-size:400% 400%;transition:width 0.5s ease, opacity 0.5s ease, transform 0.5s ease;animation:gradient 12s ease infinite;}
.lx_ban_inq::before {box-sizing:border-box;content:" ";position:absolute;top:30px;left:9%;width:200px;height:200px;border:40px solid rgba(255, 255, 255, 0.1);border-radius:50%;}
.lx_ban_inq::after {content:" ";position:absolute;width:150px;height:150px;right:5%;bottom:10px;border:40px solid rgba(0, 115, 183, 0.1);border-radius:50%;}
.lx_ban_inq .inner {display:flex;align-items:center;justify-content:space-between;width:var(--lx-rows-width);padding:var(--lx-ban-inq-padding);height:var(--lx-ban-inq-height);margin:0 auto;}
.lx_ban_inq .guide {display:flex;align-items:center;gap:10px;}
.lx_ban_inq .guide .logo img {height:24px;}
.lx_ban_inq .guide .desc {text-decoration:underline;text-underline-position:under; line-height:1;font-size:17px;font-weight:var(--lx-font-m);color:#fff385;}
.lx_ban_inq .menu {display:flex;align-items:center;gap:15px;}
.lx_ban_inq .func {display:flex;align-items:center;gap:10px;position:relative;z-index:10;}
.lx_ban_inq .func li {flex-shrink:0;}
.lx_ban_inq .func li a {display:flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 15px;border-radius:2em;font-size:15px;font-weight:var(--lx-font-m);border:1px solid rgba(255, 255, 255, 0.5);color:#fff;background-color:transparent;transition:all 0.3s ease;}
.lx_ban_inq .func li .k-icon {font-size:20px;color:inherit;}
/* .lx_ban_inq .func li:hover a {border-color:transparent;color:#e62d39;background-color:#fff;} */
.lx_ban_inq.wide {width:100%;}
#footer.has_lx_ban {padding-bottom:100px;}
@keyframes gradient {
0% {
	background-position:0% 50%;
}
50% {
	background-position:100% 50%;
}
100% {
	background-position:0% 50%;
}
}

/* rw */
@media (max-width: 1399px) {
:root {
/* 레이아웃 */
--lx-rows-width:1140px;
}
}
@media (max-width: 1200px) {
.header .header-social-links {margin-right:10px;}
}
@media (max-width: 1199px) {
:root {
/* 레이아웃 */
--lx-rows-width:960px;
}
}
@media (max-width: 991px) {
/* hero */
.hero {padding-top:0;}
.hero .row {gap:20px;}
.hero .visual_img {order:1;}
.hero .visual_cont {order:2;}
.hero .content h2 {font-size:2.2rem;}
.hero .content .lead {font-size:1rem;}
/* service */
.services .servies-title {text-align:center;font-size:2rem;}
.services .img_lx2 {margin:0 auto;}
/* faq */
.ud-faq-btn {padding:15px;}
.ud-single-faq .ud-faq-btn span.icon {margin-right:15px;}
.ud-single-faq .ud-faq-body {padding:0px 20px 20px 82px;}
.ud-single-faq + .ud-single-faq {margin-top:15px;}

/* 푸터 사이트메뉴 */
.lx_ban_inq::before {left:0;}
.lx_ban_inq::after {right:0;}
.lx_ban_inq, .lx_ban_inq .inner {width:100%;}
.lx_ban_inq .guide .desc {display:none;}
}
@media (max-width: 576px) {
/* about */
.about .about-content h2 {text-align:center;}
.about .about-content p {text-align:center;}
.about .about-content .lead {font-size:1rem;}

/* contact */
.contact .content h2 br {display:none;}
.contact .content .lead {font-size:1rem;}
}