@charset "utf-8";
/* =========================================================================
   EMT Solution 메인
   - 비주얼: 실버 라이트 + 빛줄기 + 노드 네트워크 / 카운터·진행바·화살표
   - 사업영역: 가로 스크롤 카드 · 솔루션: 탭 · 숫자 · 레퍼런스 · 소식 · CTA
   ========================================================================= */
.m_head .m_eng, .m_eng {display:inline-flex;align-items:center;gap:.8rem;font-family:var(--en_font);font-size:1.5rem;font-weight:600;letter-spacing:.2em;color:var(--primary);text-transform:uppercase;}
.m_eng:before {content:"";width:.8rem;height:.8rem;border-radius:50%;background:var(--grad);}
.m_tit {margin-top:1.6rem;font-size:4.8rem;font-weight:800;line-height:1.3;letter-spacing:-.03em;color:var(--black);}
.m_tit em {font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.m_txt {margin-top:2.4rem;font-size:1.8rem;line-height:1.75;color:var(--text-main);}
.m_head.center {text-align:center;}
.m_head.row {display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;}
.e_more {display:inline-flex;align-items:center;gap:.6rem;height:4.8rem;padding:0 2.4rem;border:1px solid var(--border);border-radius:4.8rem;font-size:1.5rem;font-weight:600;color:var(--black);flex-shrink:0;transition:all .3s;}
.e_more:hover {border-color:var(--navy);background:var(--navy);color:#fff;}
@media only screen and (max-width:1023px) {
	.m_tit {font-size:3.4rem;}
	.m_txt {font-size:1.6rem;}
}
@media only screen and (max-width:480px) {.m_tit {font-size:2.8rem;} .e_more {height:4rem;padding:0 1.6rem;font-size:1.4rem;}}

/* 헤더: 메인 첫 화면(사진 위)은 투명 + 화이트 */
body.main #fs_header:not(.solid):not(.lnbHover) {background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
body.main #fs_header:not(.solid):not(.lnbHover) .logo .logo_color {display:none;}
body.main #fs_header:not(.solid):not(.lnbHover) .logo .logo_white {display:block;}
body.main #fs_header:not(.solid):not(.lnbHover) .fs_top_menu .lnb > li .lnb_title {color:#fff;}
body.main #fs_header:not(.solid):not(.lnbHover) .global_box .e_util {background:#fff;color:var(--navy);}
body.main #fs_header:not(.solid):not(.lnbHover) .global_box .e_util:hover {background:var(--primary);color:#fff;}
body.main #fs_header:not(.solid):not(.lnbHover) .e_allmenu_btn {background:transparent;border-color:rgba(255,255,255,.4);}
body.main #fs_header:not(.solid):not(.lnbHover) .e_allmenu_btn span {background:#fff;}
@media only screen and (max-width:1023px) {
	body.main #fs_header:not(.solid):not(.on) {background:linear-gradient(180deg, rgba(5,11,24,.55), transparent) !important;box-shadow:none !important;}
	body.main #fs_header:not(.solid) .mbtn_box .m_btn .bar {background:#fff !important;}
	body.main #fs_header:not(.solid):not(.on) .logo .logo_color {display:none !important;}
	body.main #fs_header:not(.solid):not(.on) .logo .logo_white {display:block !important;}
}

/* -------------------------------------------------------------------------
   메인 비주얼 — 풀스크린 사진 · 로고 사선 모티프 와이프 · 라인 마스크 텍스트
   ------------------------------------------------------------------------- */
.m_visual {position:relative;height:100vh;height:100svh;min-height:72rem;overflow:hidden;background:#050b18;color:#fff;--mx:0;--my:0;--sp:0;}
.m_visual .mv_stage {position:absolute;inset:0;}
.mv_slide {position:absolute;inset:0;visibility:hidden;z-index:1;}
.mv_slide.is-active {visibility:visible;z-index:3;}
.mv_slide.is-prev {visibility:visible;z-index:2;}
/* 사진 레이어: 패럴랙스(바깥) + 켄번즈(::before) + 컬러 그레이딩(::after) */
.mv_bg {position:absolute;inset:-5%;transform:translate3d(calc(var(--mx) * -30px), calc(var(--my) * -20px + var(--sp) * 14vh), 0) scale(calc(1 + var(--sp) * .1));will-change:transform;}
.mv_bg:before {content:"";position:absolute;inset:0;background:var(--bg) center/cover no-repeat;transform:scale(1.04);}
.mv_bg:after {content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(5,11,24,.9) 0%, rgba(5,11,24,.62) 38%, rgba(5,11,24,.12) 72%, rgba(5,11,24,.35) 100%), linear-gradient(0deg, rgba(5,11,24,.85) 0%, transparent 38%), radial-gradient(60% 50% at 85% 20%, rgba(21,101,232,.25), transparent 70%);}
.mv_slide:nth-child(3) .mv_bg:before {filter:saturate(.8) brightness(.78) contrast(1.08);}
.mv_slide:nth-child(2) .mv_bg:before {background-position:60% center;}
.m_visual.ready .mv_slide.is-active .mv_bg:before {animation:mvKen 9s cubic-bezier(.2,.6,.3,1) both;}
@keyframes mvKen {from {transform:scale(1.2);} to {transform:scale(1.04);}}
/* 사선 와이프 (로고 'M' 사선) */
.m_visual.wipe .mv_slide.is-active {animation:mvWipe 1.25s cubic-bezier(.77,0,.18,1) both;}
.m_visual.wipe[data-dir="prev"] .mv_slide.is-active {animation-name:mvWipeR;}
@keyframes mvWipe {from {clip-path:polygon(125% 0, 125% 0, 100% 100%, 100% 100%);} to {clip-path:polygon(-25% 0, 125% 0, 100% 100%, -50% 100%);}}
@keyframes mvWipeR {from {clip-path:polygon(0 0, 0 0, -25% 100%, -25% 100%);} to {clip-path:polygon(0 0, 150% 0, 125% 100%, -25% 100%);}}
.m_visual.wipe .mv_slide.is-prev .mv_bg:before {animation:mvOut 1.25s cubic-bezier(.77,0,.18,1) both;}
@keyframes mvOut {to {transform:scale(1.12) translateX(-4%);filter:brightness(.4);}}
.mv_slash {position:absolute;top:-10%;bottom:-10%;left:0;width:16vw;z-index:4;pointer-events:none;opacity:0;background:linear-gradient(90deg, transparent, rgba(21,101,232,.55) 35%, rgba(24,180,240,.9) 55%, transparent);transform:translateX(120vw) skewX(-14deg);mix-blend-mode:screen;filter:blur(2px);}
.m_visual.wipe .mv_slash {animation:mvSlash 1.25s cubic-bezier(.77,0,.18,1) both;}
.m_visual.wipe[data-dir="prev"] .mv_slash {animation-name:mvSlashR;}
@keyframes mvSlash {0% {opacity:0;transform:translateX(115vw) skewX(-14deg);} 15% {opacity:1;} 85% {opacity:1;} 100% {opacity:0;transform:translateX(-30vw) skewX(-14deg);}}
@keyframes mvSlashR {0% {opacity:0;transform:translateX(-30vw) skewX(-14deg);} 15% {opacity:1;} 85% {opacity:1;} 100% {opacity:0;transform:translateX(115vw) skewX(-14deg);}}

/* 대형 아웃라인 워드마크 */
.mv_word {position:absolute;right:-1vw;bottom:-2.6vw;z-index:1;font-family:var(--en_font);font-size:21vw;font-weight:800;line-height:.8;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.22);white-space:nowrap;pointer-events:none;opacity:0;transform:translate3d(calc(var(--mx) * 50px + 8%), calc(var(--my) * 24px), 0);}
.m_visual .mv_txt, .m_visual .mv_ui {width:min(calc(100% - 16rem), 1560px);}
@media only screen and (max-width:1023px) {.m_visual .mv_txt, .m_visual .mv_ui {width:calc(100% - 4.8rem);}}
.m_visual.ready .mv_slide.is-active .mv_word {animation:mvWord 1.8s cubic-bezier(.19,1,.22,1) .3s both;}
@keyframes mvWord {from {opacity:0;transform:translate3d(14%, 0, 0);letter-spacing:.08em;} to {opacity:1;transform:translate3d(calc(var(--mx) * 50px), calc(var(--my) * 24px), 0);letter-spacing:-.03em;}}

/* 텍스트 */
.mv_txt {position:absolute;left:0;right:0;top:50%;z-index:3;margin:0 auto;transform:translateY(calc(-44% - var(--sp) * 18vh));opacity:calc(1 - var(--sp) * 1.6);}
.mv_label {display:flex;align-items:center;gap:1.2rem;font-family:var(--en_font);font-size:1.6rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.85);}
.mv_label .bar {display:block;width:0;height:2px;background:linear-gradient(90deg, var(--primary), var(--cyan));}
.mv_label .sep {opacity:.4;}
.mv_label .t2 {color:var(--cyan);}
.mv_label .t, .mv_label .t2, .mv_label .sep {opacity:0;filter:blur(10px);transform:translateX(-1.2rem);}
.mv_title {margin-top:2.8rem;font-size:clamp(4.2rem, 6.2vw, 10.4rem);font-weight:800;line-height:1.1;letter-spacing:-.045em;color:#fff;}
.mv_title .ln {display:block;overflow:hidden;padding:0 .04em .1em;margin-bottom:-.06em;}
.mv_title .ln > span {display:inline-block;transform:translate3d(0, 115%, 0) rotate(4deg);transform-origin:left bottom;}
.mv_title em {font-style:normal;background:linear-gradient(100deg, #6fb4ff 0%, #ffffff 30%, #59d2ff 55%, #1f7bff 80%, #6fb4ff 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mvShine 5s linear infinite;}
@keyframes mvShine {to {background-position:-220% 0;}}
.mv_desc {max-width:62rem;margin-top:3.2rem;font-size:clamp(1.6rem, 1.15vw, 2rem);line-height:1.75;color:rgba(255,255,255,.78);opacity:0;transform:translateY(2rem);}
.mv_btns {display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:4.4rem;opacity:0;transform:translateY(2rem);}
.mv_btn {position:relative;display:inline-flex;align-items:center;gap:1.4rem;height:6.2rem;padding:0 1rem 0 3.2rem;border-radius:6.2rem;background:#fff;color:var(--navy);font-size:1.65rem;font-weight:700;overflow:hidden;isolation:isolate;transition:color .45s;}
.mv_btn:before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg, var(--primary), var(--cyan));transform:translateX(-101%);transition:transform .55s cubic-bezier(.77,0,.18,1);}
.mv_btn i {display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background:var(--navy);color:#fff;font-size:2rem;transition:transform .45s, background .45s;}
.mv_btn:hover {color:#fff;}
.mv_btn:hover:before {transform:none;}
.mv_btn:hover i {transform:rotate(45deg);background:rgba(255,255,255,.2);}
.mv_btn.ghost {padding:0 3rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.mv_btn.ghost i {width:auto;height:auto;background:none;}
.mv_btn.ghost:hover {border-color:transparent;}
.mv_btn.ghost:hover i {transform:translateX(.4rem);background:none;}
/* 텍스트 등장 시퀀스 */
.m_visual.ready .mv_slide.is-active .mv_label .bar {animation:mvBar .9s cubic-bezier(.77,0,.18,1) .2s both;}
.m_visual.ready .mv_slide.is-active .mv_label .t, .m_visual.ready .mv_slide.is-active .mv_label .sep, .m_visual.ready .mv_slide.is-active .mv_label .t2 {animation:mvBlur 1s cubic-bezier(.19,1,.22,1) .45s both;}
.m_visual.ready .mv_slide.is-active .mv_label .sep {animation-delay:.55s;}
.m_visual.ready .mv_slide.is-active .mv_label .t2 {animation-delay:.65s;}
.m_visual.ready .mv_slide.is-active .mv_title .ln > span {animation:mvLine 1.3s cubic-bezier(.19,1,.22,1) calc(var(--d) + .3s) both;}
.m_visual.ready .mv_slide.is-active .mv_desc {animation:mvUp 1.1s cubic-bezier(.19,1,.22,1) .95s both;}
.m_visual.ready .mv_slide.is-active .mv_btns {animation:mvUp 1.1s cubic-bezier(.19,1,.22,1) 1.1s both;}
@keyframes mvBar {from {width:0;} to {width:4.8rem;}}
@keyframes mvBlur {to {opacity:1;filter:blur(0);transform:none;}}
@keyframes mvLine {to {transform:none;}}
@keyframes mvUp {to {opacity:1;transform:none;}}
.mv_slide.is-active .mv_desc, .mv_slide.is-active .mv_btns {will-change:transform, opacity;}

/* 하단 UI: 진행 탭 + 컨트롤 */
.mv_ui {position:absolute;left:0;right:0;bottom:5.6rem;z-index:6;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;opacity:0;transform:translateY(2rem);}
.m_visual.ready .mv_ui {animation:mvUp 1s cubic-bezier(.19,1,.22,1) 1.2s both;}
.mv_tabs {display:flex;gap:2.4rem;}
.mv_tabs button {display:block;width:24rem;padding:0;border:0;background:none;color:rgba(255,255,255,.5);text-align:left;cursor:pointer;transition:color .4s;}
.mv_tabs b {font-family:var(--en_font);font-size:1.4rem;font-weight:600;margin-right:1rem;}
.mv_tabs span {font-size:1.5rem;font-weight:600;}
.mv_tabs .bar {position:relative;display:block;height:2px;margin-top:1.6rem;background:rgba(255,255,255,.2);overflow:hidden;}
.mv_tabs .bar i {position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg, var(--primary), var(--cyan));}
.mv_tabs li.on button, .mv_tabs button:hover {color:#fff;}
.mv_tabs li.run .bar i {animation:mvFill var(--mv-delay, 7000ms) linear forwards;}
.m_visual.paused .mv_tabs li.on .bar i {width:100%;opacity:.45;}
@keyframes mvFill {to {width:100%;}}
.mv_ctrl {display:flex;gap:.8rem;flex-shrink:0;}
.mv_ctrl button {width:5.2rem;height:5.2rem;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.04);color:#fff;font-size:2rem;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .3s, border-color .3s;}
.mv_ctrl button:hover {background:var(--primary);border-color:var(--primary);}
.mv_scroll {position:absolute;right:3.2rem;top:50%;z-index:6;display:flex;flex-direction:column;align-items:center;gap:1.6rem;transform:translateY(-50%);color:rgba(255,255,255,.7);}
.mv_scroll span {font-family:var(--en_font);font-size:1.2rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;writing-mode:vertical-rl;}
.mv_scroll i {position:relative;width:1px;height:8rem;background:rgba(255,255,255,.2);overflow:hidden;}
.mv_scroll i:after {content:"";position:absolute;left:0;top:-40%;width:100%;height:40%;background:#fff;animation:mvDrop 2s cubic-bezier(.77,0,.18,1) infinite;}
@keyframes mvDrop {to {top:100%;}}
@media only screen and (max-width:1440px) {.mv_tabs button {width:19rem;}}
@media only screen and (max-width:1199px) {.mv_tabs span {display:none;} .mv_tabs button {width:9rem;}}
@media only screen and (max-width:1023px) {
	.m_visual {min-height:60rem;}
	.mv_bg:after {background:linear-gradient(0deg, rgba(5,11,24,.95) 0%, rgba(5,11,24,.55) 45%, rgba(5,11,24,.25) 75%, rgba(5,11,24,.5) 100%);}
	.mv_txt {top:auto;bottom:15rem;transform:translateY(calc(var(--sp) * -12vh));}
	.mv_word {font-size:30vw;bottom:auto;top:16vh;right:-4vw;-webkit-text-stroke-color:rgba(255,255,255,.16);}
	.mv_desc {margin-top:2rem;}
	.mv_btns {margin-top:3rem;}
	.mv_btn {height:5.4rem;padding-left:2.6rem;font-size:1.5rem;}
	.mv_btn i {width:3.8rem;height:3.8rem;}
	.mv_btn.ghost {padding:0 2.4rem;}
	.mv_ui {bottom:4rem;}
	.mv_tabs {flex:1;gap:1rem;}
	.mv_tabs li {flex:1;}
	.mv_tabs button {width:100%;}
	.mv_scroll {display:none;}
	.mv_slash {width:30vw;}
}
@media only screen and (max-width:767px) {
	.mv_bg:before {background-image:var(--bg-m);}
	.mv_label {font-size:1.25rem;letter-spacing:.16em;gap:.8rem;flex-wrap:wrap;}
	.mv_label .sep, .mv_label .t2 {display:none;}
	.mv_title {margin-top:2rem;font-size:3.8rem;}
	.mv_desc {font-size:1.5rem;}
	.mv_desc br.pc {display:none;}
	.mv_btn.ghost {display:none;}
	.mv_ctrl button {width:4.4rem;height:4.4rem;font-size:1.8rem;}
	.mv_ctrl .pause {display:none;}
}
@media (prefers-reduced-motion: reduce) {
	.mv_title .ln > span, .mv_desc, .mv_btns, .mv_label .t, .mv_label .t2, .mv_label .sep, .mv_word, .mv_ui {transform:none !important;opacity:1 !important;filter:none !important;}
	.mv_label .bar {width:4.8rem !important;}
	.mv_slash {display:none;}
}

/* -------------------------------------------------------------------------
   사업영역 (가로 스크롤 카드)
   ------------------------------------------------------------------------- */
.m_biz {position:relative;padding:14rem 0;background:var(--navy2);overflow:hidden;}
.m_biz:before {content:"";position:absolute;inset:0;background:radial-gradient(70rem 40rem at 0% 0%, rgba(21,101,232,.4), transparent 70%), radial-gradient(60rem 40rem at 100% 100%, rgba(24,180,240,.18), transparent 70%);}
.m_biz .biz_in {position:relative;display:grid;grid-template-columns:42rem minmax(0, 1fr);gap:6rem;align-items:start;}
.m_biz .m_eng {color:var(--cyan);}
.m_biz .m_tit {color:#fff;}
.m_biz .m_txt {color:#a9b4c9;}
.m_biz .biz_nav {display:flex;gap:1rem;margin-top:4.8rem;}
.m_biz .biz_nav button {width:5.6rem;height:5.6rem;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-size:2.4rem;cursor:pointer;transition:all .3s;}
.m_biz .biz_nav button:hover {background:var(--grad);border-color:transparent;}
.m_biz .biz_nav button.swiper-button-disabled {opacity:.3;cursor:default;}
.m_biz .hint {margin-top:2rem;font-size:1.4rem;color:#6f7b95;}
.m_biz .biz_slider {overflow:visible;min-width:0;width:100%;}
.m_biz .biz_slider .swiper-slide {width:38rem;height:auto;}
.biz_card {position:relative;display:flex;flex-direction:column;height:100%;min-height:52rem;padding:4.4rem 3.8rem;border-radius:2.4rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#a9b4c9;overflow:hidden;transition:background .4s, transform .4s, border-color .4s;}
.biz_card:before {content:"";position:absolute;inset:0;background:var(--grad);opacity:0;transition:opacity .4s;}
.biz_card > * {position:relative;}
.biz_card:hover {transform:translateY(-1rem);border-color:transparent;}
.biz_card:hover:before {opacity:1;}
.biz_card .no {position:absolute;right:3.4rem;top:3rem;font-family:var(--en_font);font-size:6rem;font-weight:700;line-height:1;color:rgba(255,255,255,.06);transition:color .4s;}
.biz_card:hover .no {color:rgba(255,255,255,.2);}
.biz_card .ico {display:flex;align-items:center;justify-content:center;width:7.2rem;height:7.2rem;border-radius:2rem;background:rgba(255,255,255,.08);color:var(--cyan);font-size:3.4rem;transition:background .4s, color .4s;}
.biz_card:hover .ico {background:#fff;color:var(--primary);}
.biz_card .eng {margin-top:4rem;font-family:var(--en_font);font-size:1.4rem;font-weight:600;letter-spacing:.14em;color:var(--cyan);text-transform:uppercase;transition:color .4s;}
.biz_card strong {margin-top:.8rem;font-size:2.8rem;font-weight:800;color:#fff;}
.biz_card .txt {margin-top:1.8rem;font-size:1.6rem;line-height:1.7;transition:color .4s;}
.biz_card ul {margin-top:2.4rem;padding-top:2.4rem;border-top:1px solid rgba(255,255,255,.12);}
.biz_card ul li {position:relative;padding-left:1.6rem;font-size:1.5rem;line-height:2;}
.biz_card ul li:before {content:"";position:absolute;left:0;top:1.3rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--cyan);transition:background .4s;}
.biz_card .more {display:inline-flex;align-items:center;gap:.6rem;margin-top:auto;padding-top:3rem;font-size:1.5rem;font-weight:700;color:#fff;}
.biz_card:hover .eng, .biz_card:hover .txt, .biz_card:hover ul li {color:#fff;}
.biz_card:hover ul li:before {background:#fff;}
@media only screen and (max-width:1199px) {
	.m_biz .biz_in {grid-template-columns:1fr;gap:4rem;}
	.m_biz .biz_nav {margin-top:3rem;}
}
@media only screen and (max-width:1023px) {.m_biz {padding:10rem 0;}}
@media only screen and (max-width:560px) {
	.m_biz .biz_slider .swiper-slide {width:84%;}
	.biz_card {min-height:46rem;padding:3.6rem 2.8rem;}
	.biz_card strong {font-size:2.4rem;}
}

/* -------------------------------------------------------------------------
   주요 솔루션 (탭)
   ------------------------------------------------------------------------- */
.m_sol {padding:14rem 0;background:linear-gradient(180deg, #fff 0%, var(--silver2) 100%);}
.m_sol .sol_tabs {display:flex;justify-content:center;gap:1rem;margin:5rem 0 6rem;flex-wrap:wrap;}
.m_sol .sol_tabs button {display:inline-flex;align-items:center;gap:1rem;height:6rem;padding:0 3.2rem;border-radius:6rem;border:1px solid var(--border);background:#fff;font-size:1.7rem;font-weight:700;color:#6b7387;cursor:pointer;transition:all .3s;}
.m_sol .sol_tabs button span {font-family:var(--en_font);font-size:1.3rem;color:var(--muted);}
.m_sol .sol_tabs button:hover {border-color:var(--primary);color:var(--primary);}
.m_sol .sol_tabs button.on {background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 1.2rem 3rem rgba(11,30,66,.25);}
.m_sol .sol_tabs button.on span {color:var(--cyan);}
.m_sol .sol_panel {display:none;grid-template-columns:5fr 6fr;gap:7rem;align-items:center;}
.m_sol .sol_panel.on {display:grid;animation:eRise .6s ease;}
.m_sol .sp_txt .eng {font-family:var(--en_font);font-size:1.4rem;font-weight:600;letter-spacing:.16em;color:var(--primary);text-transform:uppercase;}
.m_sol .sp_txt h4 {margin-top:1.2rem;font-size:3.8rem;font-weight:800;color:var(--black);letter-spacing:-.02em;}
.m_sol .sp_txt .desc {margin-top:2rem;font-size:1.75rem;line-height:1.8;}
.m_sol .sp_txt .e_check {margin:3rem 0 4rem;}
.m_sol .sp_img {position:relative;border-radius:2.8rem;overflow:hidden;background:var(--navy2);aspect-ratio:4/3;box-shadow:0 4rem 8rem rgba(11,30,66,.18);}
.m_sol .sp_img > img {width:100%;height:100%;object-fit:cover;}
.m_sol .sp_img.phones {display:flex;align-items:center;justify-content:center;gap:3rem;background:radial-gradient(circle at 50% 30%, var(--navy3), var(--navy2) 70%);}
.m_sol .sp_img.phones img {width:34%;height:auto;border-radius:2.4rem;border:.7rem solid #1b2742;box-shadow:0 2rem 4rem rgba(0,0,0,.4);}
.m_sol .sp_img.phones img:nth-child(2) {margin-top:8%;}
/* 산업안전 감지 화면(그래픽) */
.sp_img.safety .cam {position:absolute;inset:0;background:linear-gradient(180deg, rgba(7,20,49,.1), rgba(7,20,49,.6)), repeating-linear-gradient(90deg, #1a2643 0 12%, #18223c 12% 24%), linear-gradient(180deg, #2a3756, #121b31);}
.sp_img.safety .cam:before {content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg, #2c3a59, #1b263f);transform:perspective(40rem) rotateX(50deg);transform-origin:bottom;}
.sp_img.safety .rec {position:absolute;left:2.4rem;top:2rem;font-family:var(--en_font);font-size:1.3rem;letter-spacing:.14em;color:#fff;}
.sp_img.safety .rec:before {content:"";display:inline-block;width:.9rem;height:.9rem;margin-right:.8rem;border-radius:50%;background:#ff4d4f;animation:eBlink 1.2s infinite;}
.sp_img.safety .box {position:absolute;border:2px solid #2fe08a;border-radius:.4rem;}
.sp_img.safety .box:after {content:"";position:absolute;left:30%;top:10%;width:40%;height:22%;border-radius:50% 50% 40% 40%;background:rgba(255,255,255,.18);box-shadow:0 5rem 0 1.4rem rgba(255,255,255,.1);}
.sp_img.safety .box em {position:absolute;left:-2px;top:-2.6rem;padding:.2rem .8rem;background:#2fe08a;color:#06301b;font-family:var(--en_font);font-size:1.2rem;font-style:normal;font-weight:700;white-space:nowrap;}
.sp_img.safety .box.ng {border-color:#ff4d4f;animation:eBlink 1.6s infinite;}
.sp_img.safety .box.ng em {background:#ff4d4f;color:#fff;}
.sp_img.safety .zone {position:absolute;right:6%;bottom:8%;width:30%;height:30%;border:2px dashed #f5a524;background:rgba(245,165,36,.12);}
.sp_img.safety .alert {position:absolute;right:2.4rem;top:2rem;display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.4rem;border-radius:3rem;background:rgba(255,77,79,.9);color:#fff;font-size:1.3rem;font-weight:700;}
@keyframes eBlink {50% {opacity:.35;}}
@media only screen and (max-width:1023px) {
	.m_sol {padding:10rem 0;}
	.m_sol .sol_panel.on {grid-template-columns:1fr;gap:4rem;}
	.m_sol .sp_img {order:-1;}
	.m_sol .sp_txt h4 {font-size:3rem;}
	.m_sol .sol_tabs {justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:4rem -1.6rem 4rem;padding:0 1.6rem;}
	.m_sol .sol_tabs::-webkit-scrollbar {display:none;}
	.m_sol .sol_tabs button {flex-shrink:0;height:5rem;padding:0 2.2rem;font-size:1.5rem;}
}

/* -------------------------------------------------------------------------
   숫자로 보는 EMT
   ------------------------------------------------------------------------- */
.m_num {position:relative;padding:12rem 0;background:var(--grad);color:#fff;overflow:hidden;}
.m_num:before {content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);background-size:6rem 6rem;mask-image:linear-gradient(90deg, transparent, #000 40%, #000 60%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 40%, #000 60%, transparent);}
.m_num .e_wrap {position:relative;display:grid;grid-template-columns:44rem 1fr;gap:6rem;align-items:center;}
.m_num .m_eng {color:rgba(255,255,255,.85);}
.m_num .m_eng:before {background:#fff;}
.m_num .m_tit {color:#fff;}
.m_num .m_tit em {background:none;color:#fff;-webkit-text-fill-color:#fff;text-decoration:underline;text-decoration-thickness:.3rem;text-underline-offset:.8rem;}
.m_num .num_list {display:grid;grid-template-columns:repeat(4, 1fr);}
.m_num .num_list li {padding:1rem 3rem;border-left:1px solid rgba(255,255,255,.25);}
.m_num .num_list .v {font-family:var(--en_font);font-size:6.4rem;font-weight:700;line-height:1;}
.m_num .num_list .v small {margin-left:.4rem;font-family:"Pretendard";font-size:2rem;font-weight:600;opacity:.85;}
.m_num .num_list .k {margin-top:1.6rem;font-size:1.6rem;font-weight:500;opacity:.9;}
@media only screen and (max-width:1199px) {.m_num .e_wrap {grid-template-columns:1fr;gap:4rem;}}
@media only screen and (max-width:767px) {
	.m_num {padding:8rem 0;}
	.m_num .num_list {grid-template-columns:1fr 1fr;gap:3rem 0;}
	.m_num .num_list li {padding:0 2rem;}
	.m_num .num_list .v {font-size:4.6rem;}
}

/* -------------------------------------------------------------------------
   레퍼런스
   ------------------------------------------------------------------------- */
.m_ref {padding:14rem 0 10rem;}
.m_ref .ref_list {display:grid;grid-template-columns:repeat(4, 1fr);gap:2.4rem;margin-top:5rem;}
.m_ref .ref_list a {display:block;}
.m_ref .ref_list .thumb {position:relative;aspect-ratio:1/1;border-radius:2rem;overflow:hidden;background:var(--navy2);}
.m_ref .ref_list .thumb:after {content:"\ea6c";font-family:"remixicon";position:absolute;right:2rem;bottom:2rem;display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:50%;background:#fff;color:var(--navy);font-size:2rem;opacity:0;transform:scale(.6);transition:all .35s;}
.m_ref .ref_list a:hover .thumb:after {opacity:1;transform:none;}
.m_ref .ref_list .thumb img {width:100%;height:100%;object-fit:cover;transition:transform .7s;}
.m_ref .ref_list a:hover .thumb img {transform:scale(1.06);}
.m_ref .ref_list .cate {display:inline-block;margin-top:2.4rem;padding:.4rem 1.2rem;border-radius:2rem;background:var(--silver);font-size:1.3rem;font-weight:700;color:var(--primary);}
.m_ref .ref_list strong {display:block;margin-top:1.2rem;font-size:2rem;font-weight:700;line-height:1.45;color:var(--black);}
.m_ref .ref_list a:hover strong {color:var(--primary);}
.m_ref .ref_list .sum {margin-top:.8rem;font-size:1.5rem;line-height:1.6;color:var(--muted);}
@media only screen and (max-width:1199px) {.m_ref .ref_list {grid-template-columns:repeat(2, 1fr);}}
@media only screen and (max-width:1023px) {.m_ref {padding:10rem 0 6rem;}}
@media only screen and (max-width:560px) {.m_ref .ref_list {grid-template-columns:1fr 1fr;gap:2.4rem 1.4rem;} .m_ref .ref_list strong {font-size:1.6rem;} .m_ref .ref_list .sum {display:none;}}

/* -------------------------------------------------------------------------
   소식 + 바로가기
   ------------------------------------------------------------------------- */
.m_news {padding:6rem 0 14rem;}
.m_news .news_in {display:grid;grid-template-columns:1fr 46rem;gap:6rem;align-items:start;}
.m_news .news_list {margin-top:3.6rem;border-top:2px solid var(--black);}
.m_news .news_list a {display:grid;grid-template-columns:9rem 1fr 4rem;gap:3rem;align-items:center;padding:3rem 1rem;border-bottom:1px solid var(--border);transition:background .3s;}
.m_news .news_list a:hover {background:var(--silver2);}
.m_news .news_list time {font-family:var(--en_font);font-size:1.4rem;color:var(--muted);text-align:center;}
.m_news .news_list time b {display:block;font-size:3.6rem;font-weight:700;line-height:1;color:var(--black);}
.m_news .news_list strong {display:block;font-size:1.9rem;font-weight:700;color:var(--black);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_news .news_list p {margin-top:.6rem;font-size:1.5rem;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_news .news_list a > i {font-size:2.2rem;color:var(--muted);transition:color .3s, transform .3s;}
.m_news .news_list a:hover > i {color:var(--primary);transform:translate(.3rem, -.3rem);}
.m_news .news_list a:hover strong {color:var(--primary);}
.m_news .news_list div {min-width:0;}
.m_news .quick_cards {display:flex;flex-direction:column;gap:1.6rem;}
.m_news .quick_cards a {position:relative;display:block;padding:3.2rem 3.4rem;border-radius:2rem;background:var(--silver2);border:1px solid var(--border);overflow:hidden;transition:all .35s;}
.m_news .quick_cards a:hover {background:var(--navy);border-color:var(--navy);}
.m_news .quick_cards .no {font-family:var(--en_font);font-size:1.4rem;font-weight:700;color:var(--primary);}
.m_news .quick_cards strong {display:block;margin-top:.6rem;font-size:2.2rem;font-weight:800;color:var(--black);}
.m_news .quick_cards p {margin-top:1rem;padding-right:6rem;font-size:1.5rem;line-height:1.6;}
.m_news .quick_cards i {position:absolute;right:3rem;bottom:2.6rem;font-size:4rem;color:var(--primary);opacity:.4;transition:all .35s;}
.m_news .quick_cards a:hover strong {color:#fff;}
.m_news .quick_cards a:hover p {color:#b7c1d6;}
.m_news .quick_cards a:hover .no, .m_news .quick_cards a:hover i {color:var(--cyan);opacity:1;}
@media only screen and (max-width:1199px) {.m_news .news_in {grid-template-columns:1fr;}}
@media only screen and (max-width:1023px) {.m_news {padding:4rem 0 10rem;}}
@media only screen and (max-width:560px) {
	.m_news .news_list a {grid-template-columns:6rem 1fr;gap:1.6rem;padding:2.4rem .4rem;}
	.m_news .news_list a > i {display:none;}
	.m_news .news_list time b {font-size:2.8rem;}
	.m_news .news_list strong {font-size:1.6rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
	.m_news .quick_cards a {padding:2.6rem;}
}

/* -------------------------------------------------------------------------
   CTA
   ------------------------------------------------------------------------- */
.m_cta {position:relative;padding:14rem 0;background:var(--navy2);text-align:center;overflow:hidden;}
.m_cta .cta_bg {position:absolute;inset:0;pointer-events:none;background:radial-gradient(70rem 40rem at 50% 120%, rgba(21,101,232,.6), transparent 70%), radial-gradient(40rem 30rem at 0% 0%, rgba(24,180,240,.2), transparent 70%);}
.m_cta .beam {width:110rem;}
.m_cta .beam.b1 {left:-10%;top:30%;transform:rotate(12deg);animation:eBeam 7s ease-in-out infinite;}
.m_cta .beam.b2 {right:-20%;left:auto;top:70%;transform:rotate(-8deg);animation:eBeam 9s ease-in-out 2s infinite;}
.m_cta .cta_in {position:relative;}
.m_cta .m_eng {color:var(--cyan);}
.m_cta h3 {margin-top:2rem;font-size:5.2rem;font-weight:300;line-height:1.35;color:#fff;letter-spacing:-.03em;}
.m_cta h3 strong {font-weight:800;background:linear-gradient(120deg, #6fb2ff, #3fd0ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.m_cta .btns {display:flex;justify-content:center;flex-wrap:wrap;gap:1.2rem;margin-top:4.8rem;}
@media only screen and (max-width:1023px) {.m_cta {padding:10rem 0;} .m_cta h3 {font-size:3.4rem;}}
@media only screen and (max-width:480px) {.m_cta h3 {font-size:2.8rem;}}