@charset "utf-8"; /* CSS Document */
.box0 { padding: 0 4vw; margin:0 auto; } 
.box1 { width:var(--container-ultra-xxxl); margin:0 auto; max-width: 94%; } 
.box2 { width:var(--container-ultra-xxl); margin:0 auto; max-width: 94%; } 
.boxSub{ width:var(--container-ultra-xl); margin:0 auto; max-width: 94%;}
.boxPro{ width:var(--container-ultra-xxl); margin:0 auto; max-width: 94%;}

/* ====== HEADER ====== */
#header { position:fixed; top:0; left:0; z-index:999999; width:100%; height:var(--headH); background:var(--c-white); transform:translateY(0); transition: transform .65s cubic-bezier(.22,1,.36,1), background-color .25s ease,box-shadow .3s ease; will-change:transform; } 

#header .top_wrap { } 
#header .top_wrap .inner { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-8); height: var(--headH); } 
#header .top_wrap .inner .logo { } 
#header .top_wrap .inner .logo .in { } 
#header .top_wrap .inner .logo .in img { height: 50px; object-fit: contain; filter: none; } 

#header .allBtn{position:relative;float:left;width:3.75rem;height:2.5rem;margin-left:3.4rem;box-sizing:border-box;}
#header .allBtn .all_btn{display:block;position:relative;width:100%;height:100%;}
#header .allBtn .all_btn::before,#header .allBtn .all_btn::after{content:"";display:block;position:absolute;left:0;width:100%;height:var(--sp-4);background:var(--c-black);transform-origin:center;transition:transform var(--transition-custom);}
#header .allBtn .all_btn::before{top:var(--sp-10);}
#header .allBtn .all_btn::after{bottom:var(--sp-10);}

html.allOn #header .allBtn{z-index:var(--z-max);}
html.allOn #header .allBtn .all_btn::before{transform:translateY(var(--sp-8)) rotate(45deg);}
html.allOn #header .allBtn .all_btn::after{transform:translateY(calc(var(--sp-8) * -1)) rotate(-45deg);}

/* GNB 영역 */
html:not(.allOn) #header .top_wrap .gnb_wrap { display:flex; align-items:center; justify-content:center; flex:1 1 0%; min-width:0; height:100%; z-index:var(--z-base) } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb { display:flex; align-items:center; justify-content:space-around; position:relative; height: 100%; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb a { display:flex } 

/* 1차 메뉴 */
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li { position:relative; padding: 0 2rem; display: flex; justify-content: center; align-items: center; height: 100%; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 { display:flex; align-items:center; justify-content:center; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va { position:relative; text-align:center } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va .arrow { display:none } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { display:flex; align-items:center; justify-content:center; position:relative; font-size:var(--fs-17); font-weight:var(--fw-700); white-space:nowrap } 

#header .all_wrap .all{position:fixed;left:0;top:0;z-index:calc(var(--z-max) - 1);width:100%;height: calc(var(--vh, 1vh) * 100);background:rgba(0,0,0,.62);backdrop-filter:blur(var(--sp-16));opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;box-sizing:border-box;transition:opacity .4s ease,visibility .4s ease;}
html.allOn #header .all_wrap .all{opacity:1;visibility:visible;pointer-events:auto;}
html.allOn #header .top_wrap .inner .logo,
html.allOn #header .allBtn .all_btn{ z-index: 99;}
html.allOn #header .trans_wrap .transW .trans_btn,
html.allOn #header .top_wrap .inner .logo img{ filter: var(--crWhitefil);}

html.allOn #header .allBtn{z-index:var(--z-max);}
html.allOn #header .allBtn .all_btn::before,html.allOn #header .allBtn .all_btn::after{background:var(--g-fff);}
html.allOn #header .all_wrap .all .gnb_wrap{display:flex;align-items:center;width:100%;}
html.allOn #header .all_wrap .all .gnb{display:flex;align-items:flex-start;width:100%;margin-top: 14rem;}
html.allOn #header .all_wrap .all .gnb > li{position:relative;display:flex;flex:1 1 0;flex-direction:column;align-items:center;min-width:0;padding:0 var(--sp-24);text-align:center;box-sizing:border-box;}
html.allOn #header .all_wrap .all .gnb > li .dp1{display:flex;align-items:center;justify-content:center;width:100%;min-height:10rem;}
html.allOn #header .all_wrap .all .gnb > li .dp1 .va{display:flex;align-items:center;justify-content:center;}
html.allOn #header .all_wrap .all .gnb > li .dp1 .arrow{display:none;}
html.allOn #header .all_wrap .all .gnb > li .dp1 .tt{position:relative;color:var(--g-fff);font-size:var(--fs-28);font-weight:var(--fw-700);line-height:var(--lh-130);letter-spacing:var(--ls-m3);white-space:nowrap;}
html.allOn #header .all_wrap .all .gnb > li .dp1 .tt:after{content:"";position:absolute;left:50%;bottom:calc(var(--sp-16) * -1);width:0;height:2px;background:var(--c-brand);transform:translateX(-50%);transition:width .3s ease;}
html.allOn #header .all_wrap .all .gnb > li:hover .dp1 .tt:after,html.allOn #header .all_wrap .all .gnb > li.act .dp1 .tt:after,html.allOn #header .all_wrap .all .gnb > li.on .dp1 .tt:after{width:var(--sp-40);}
html.allOn #header .all_wrap .all .gnb > li .dp2{display:flex;flex-direction:column;align-items:center;gap:var(--sp-16);width:100%;margin:0;padding:0;list-style:none;}
html.allOn #header .all_wrap .all .gnb > li .dp2 > li{display:flex;justify-content:center;width:100%;}
html.allOn #header .all_wrap .all .gnb > li .dp2 > li > a{display:flex;align-items:center;justify-content:center;color:var(--g-fff);}
html.allOn #header .all_wrap .all .gnb > li .dp2 > li > a .tt{color:var(--g-fff);font-size:var(--fs-17);font-weight:var(--fw-600);line-height:var(--lh-150);letter-spacing:var(--ls-m2);opacity:.6;word-break:keep-all;transition:opacity .3s ease,color .3s ease;}
html.allOn #header .all_wrap .all .gnb > li .dp2 > li > a:hover .tt,
html.allOn #header .all_wrap .all .gnb > li .dp2 > li.act > a .tt,
html.allOn #header .all_wrap .all .gnb > li .dp2 > li.on > a .tt{opacity:1;}
html.allOn #header .all_wrap .all .gnb li .dp3{display:none;}
html.allOn #header .all_wrap .all .gnb > li.m_guide{position:absolute;right:0;bottom:0;display:block;flex:none;width:auto;padding:0;font-size:var(--fs-14);}
html.allOn #header .all_wrap .all .gnb > li.m_guide .dp1{display:none;}

/* 2차 메뉴*/
#header .top_wrap .gnb_wrap .gnb > li .dp2 { position: absolute; top: calc(100% - 15px); left: 50%; transform: translateX(-50%); padding: 1.35rem 0; display: flex; flex-direction: column; z-index: 99; width: 11.5rem; text-align: left; opacity: 0; visibility: hidden; transition: all 0.2s cubic-bezier(0.4, 0, 1, 1); } 
#header .top_wrap .gnb_wrap .gnb > li .dp2:before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 0; background: var(--c-brand); box-shadow: 0.5em 0.5em 2em rgba(0, 0, 0, 0.1); transition: all 0.2s cubic-bezier(0.4, 0, 1, 1); border-radius: var(--rd-6); } 
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li { position: relative; padding: .3rem 1.5rem; text-align: center !important; opacity: 0; transition: all 0s 0s; } 
#header .top_wrap .gnb_wrap .gnb > li.act .dp2 > li { opacity: 1; transition: all 0.8s ease-in-out; } 
#header .top_wrap .gnb_wrap .gnb > li.act .dp2 > li:nth-child(1) { transition-delay: 0.1s; } 
#header .top_wrap .gnb_wrap .gnb > li.act .dp2 > li:nth-child(2) { transition-delay: 0.2s; } 
#header .top_wrap .gnb_wrap .gnb > li.act .dp2 > li:nth-child(3) { transition-delay: 0.3s; } 
#header .top_wrap .gnb_wrap .gnb > li.act .dp2 > li:nth-child(4) { transition-delay: 0.4s; } 
#header .top_wrap .gnb_wrap .gnb > li.act .dp2 > li:nth-child(5) { transition-delay: 0.5s; } 
#header .top_wrap .gnb_wrap .gnb > li.act .dp2 > li:nth-child(6) { transition-delay: 0.6s; } 
#header .top_wrap .gnb_wrap .gnb > li.act .dp2 > li:nth-child(7) { transition-delay: 0.7s; } 
#header .top_wrap .gnb_wrap .gnb > li.act .dp2 > li:nth-child(8) { transition-delay: 0.8s; } 
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a { position:relative; display: inline-block; text-align: center !important; } 
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a > .va > .tt { position:relative; font-weight: 600; font-size: var(--fs-16); color: rgba(255,255,255, .815); transition: .3s ease; } 
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a > .va > .tt:before { position: absolute; bottom: -4px; left: 0; width: 100%; height: 2px; background: #fff; transform: scaleX(0); content: ''; transition: .3s ease; } 
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a > .va:hover > .tt { color: #fff; } 
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a > .va:hover > .tt:before { transform: scaleX(1); } 
#header .top_wrap .gnb_wrap .gnb > li:hover .dp2 { opacity:1; visibility: visible; } 
#header .top_wrap .gnb_wrap .gnb > li:hover .dp2:before { height: 100%; } 
#header .top_wrap .gnb_wrap .gnb > li .dp1.layer { display: none; } 
#header .top_wrap .gnb_wrap .gnb > li .dp3 { display: none; } 

/* 구글 언어 */
#header .trans_wrap .transW { position: relative; } 
#header .trans_wrap .transW .trans_btn { position: relative; z-index: 1; display: flex; align-items: center; gap: .2rem; } 
#header .trans_wrap .transW .trans_btn .etcTit,
#header .trans_wrap .transW .trans_btn > .xi { font-size: var(--fs-16); font-weight: 600;} 
#header .trans_wrap .transW #google_translate_element { position: absolute; inset: 0; z-index: 2; overflow: hidden; opacity: 0; pointer-events: auto; } 
#header .trans_wrap .transW #google_translate_element > div,
#header .trans_wrap .transW #google_translate_element .goog-te-gadget { width: 100%; height: 100%; } 
#header .trans_wrap .transW #google_translate_element .goog-te-combo { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0 !important; cursor: pointer; } 

/* 스크롤 전 헤더 */
/* body:not(.scroll) #header { background:transparent; border-bottom-color:transparent; transform:translateY(var(--sp-32)); } 
body:not(.scroll) #header .top_wrap .inner .logo .in img { filter: var(--crWhitefil); } 
body:not(.scroll) #header:not(:hover) { background:transparent; border-bottom:0 } 
body:not(.scroll) #header:not(:hover) .top_wrap .etc_wrap .allBtn { color:var(--c-brand); box-shadow:none } 
body:not(.scroll) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va { color: var(--c-white); } 
body:not(.scroll) #header .allBtn .all_btn::before,
body:not(.scroll) #header .allBtn .all_btn::after { background: var(--c-white); } 
*/

/* 투명 헤더 색상 */
/* body:is(.allOn,:not(.scroll)) #header:not(:hover) { color:var(--c-white) } 
body:is(.allOn,:not(.scroll)) #header:not(:hover) .all_btn::before,
body:is(.allOn,:not(.scroll)) #header:not(:hover) .all_btn::after { background:var(--c-white) }
body:is(.allOn,:not(.scroll)) #header .trans_wrap .transW .trans_btn{ color: var(--c-white);}
*/

/* 스크롤 방향 */
html:not(.allGnbOn) .scroll #header { transform:translateY(-100%) } 
html:not(.allGnbOn) .scroll.up #header { transform:translateY(0); background: var(--c-white); } 

/* ====== QUICK MENU ====== */
.quick-menu { position:fixed; right:0; bottom:120px; z-index:100; display:flex; flex-direction:column; align-items:flex-end; } 
.quick-item { height:52px; margin-bottom:12px; display:flex; align-items:center; gap:8px; padding:0 18px; background:#fff; color:var(--c-black); overflow:hidden; transition:all ease .5s; border-radius:3px 0 0 3px; border:1px solid #E4E6E8; border-right:0; } 
.quick-item .icon { width:20px; aspect-ratio:1; flex-shrink:0; transition:all ease .35s; background-repeat:no-repeat; background-position:center center; background-size:contain; } 
.quick-item .icon-inquiry { background-image:url('../images/inc/quick_ico01.svg'); } 
.quick-item .icon-location { background-image:url('../images/inc/quick_ico02.svg'); } 
.quick-item .icon-product { background-image:url('../images/inc/quick_ico03.svg'); } 
.quick-item span { white-space:nowrap; transition:all ease .35s; font-size: 14px; font-weight: 600; } 
.quick-item:hover { background:var(--c-brand); border-color:var(--c-brand); } 
.quick-item:hover .icon { filter:brightness(0) invert(1); } 
.quick-item:hover span { color:#fff; opacity:1; } 

body.scroll .quick-item span { opacity:0; } 
body.scroll .quick-item { transform:translateX(calc(100% - 52px)) } 
body.scroll .quick-item:hover { transform:translateX(0); } 
body.scroll .quick-item:hover span { opacity:1; } 

.quick_wrap.goTop{position:fixed;right:0rem;bottom:0rem;z-index:1000;display:block;color:#fff;text-decoration:none;transform:translateY(100%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s,visibility .3s;}
body.scroll .quick_wrap.goTop{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;}
.quick_wrap.goTop .in{display:flex;flex-direction:column;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;background:#151515;border:1px solid #151515;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;}
.quick_wrap.goTop .quick_icon{margin:0 0 .15rem;font-size:var(--fs-18);line-height:1;}
.quick_wrap.goTop .quick_icon .xi{display:block;transition:transform .3s;}
.quick_wrap.goTop .tt{margin:0;font-size:var(--fs-12);font-weight:var(--fw-700);line-height:1;letter-spacing:.04em;}
.quick_wrap.goTop:hover .in{background:var(--c-brand,#e31e24);border-color:var(--c-brand,#e31e24);box-shadow:0 .75rem 2rem rgba(0,0,0,.2);}
.quick_wrap.goTop:focus-visible{outline:none;}
.quick_wrap.goTop:focus-visible .in{outline:2px solid var(--c-brand,#e31e24);outline-offset:4px;}


/* ====== ALL ====== */

/*MAIN TITLE*/
.main_tit { display:flex; flex-direction:column; align-items:flex-start; gap:.85rem; }
.main_tit .label { margin:0; color:var(--c-brand); font-size:var(--fs-18); font-weight:var(--fw-700); line-height:1.4; overflow: hidden;}
.main_tit :is(.t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8) { margin:0; color:inherit; letter-spacing:-.045em; word-break:keep-all; overflow: hidden;}
.main_tit.white :is(.t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8){ color: var(--c-white);}
.main_tit .t1 { font-size:var(--fs-80); font-weight: var(--fw-700);}
.main_tit .t2 { font-size:var(--fs-64); font-weight: var(--fw-700);}
.main_tit .t3 { font-size:var(--fs-56); font-weight: var(--fw-700);}
.main_tit .t4 { font-size:var(--fs-48); }
.main_tit .t5 { font-size:var(--fs-40); font-weight: var(--fw-700);}
.main_tit .t6 { font-size:var(--fs-32); }
.main_tit .t7 { font-size:var(--fs-28); }
.main_tit .t8 { font-size:var(--fs-24); }
.main_tit .t9 { font-size:var(--fs-20); }
.main_tit .t10 { font-size:var(--fs-18); }

/*MAIN SECTION*/
#container{}

/*MAIN PADDING*/
.main_box { padding: 7rem 0; } 

/*BTN*/
.cm-btn { display:flex!important; justify-content:space-between; align-items:center; width: 13rem; padding: .815rem 1.4rem .815rem 2rem; box-sizing:border-box; background:var(--c-brand); border-radius:.3rem; color:var(--c-white); transition: .3s ease; } 
.cm-btn .btn-txt { font-size:1.063rem; line-height:1.4; letter-spacing:-.015em; font-weight:500 } 
.cm-btn i { font-size:1.315rem } 
.cm-btn:hover { background:var(--c-white); color:var(--c-brand) }

/*TAB*/
.tabBtn{display:inline-flex;align-items:center;width:100%;margin-bottom:var(--space-6);padding:var(--sp-8);background:var(--g-f5);border-radius:var(--rd-10);box-sizing:border-box;}
.tabBtn.wAu{width:auto;}
.tabBtn > li{position:relative;display:block;flex:1;min-width:11rem;vertical-align:middle;box-sizing:border-box;}
.tabBtn > li > .con{display:table;width:100%;height:3rem;border-radius:var(--rd-6);font-weight:var(--fw-600);cursor:pointer;transition:background .3s ease,color .3s ease;}
.tabBtn > li > .con > .tt{display:table-cell;color:var(--g-888);font-size:var(--fs-18);font-weight:inherit;line-height:var(--lh-130);letter-spacing:var(--ls-m2);text-align:center;vertical-align:middle;transition:color .3s ease;}
.tabBtn > li.on > .con{background:var(--g-000);font-weight:var(--fw-700);}
.tabBtn > li.on > .con > .tt{color:var(--g-fff);}
.tabBtnArea{display:flex;flex-wrap:wrap;gap:var(--sp-10);margin-bottom:var(--space-5);}
.tabBtnArea > li > .con{display:flex;align-items:center;justify-content:center;height:3rem;padding:0 var(--sp-28);background:var(--g-f1);border-radius:var(--rd-6);box-sizing:border-box;cursor:pointer;transition:background .3s ease,color .3s ease;}
.tabBtnArea > li > .con > .tt{font-size:var(--fs-18);font-weight:var(--fw-600);line-height:var(--lh-140);transition:color .3s ease;}
.tabBtnArea > li.on > .con{background:var(--c-brand);}
.tabBtnArea > li.on > .con > .tt{color:var(--g-fff);font-weight:var(--fw-700);}



/* ====== VISUAL ====== */
.section_visual { position:fixed; top:0; left:0; z-index:0; width:100%; height: calc(var(--vh, 1vh) * 100); height:100svh; margin:0 } 
.visualSlider { position: relative; } 
.visualSlider .el { position: relative; overflow:hidden; height: calc(var(--vh, 1vh) * 100); background:#fff } 
.visualSlider .el:before { content: ""; position: absolute; width: 100%; height: 12rem; left: 0; top: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.415) 0%, rgba(0, 0, 0, 0) 100%); z-index: 5; } 
.visualSlider .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2) } 
.visualSlider .el .vod_wrap { position:relative; height:100% } 
.visualSlider .el .bg { position:absolute; left:0; top:0; width:calc(100%); transform: scale(1.07); height:100%; transition:2s ease; } 
.visualSlider .el .bg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2); } 
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg { transform: scale(1); } 

.visualSlider_wrap { position: relative; height: 100vh; } 
.visualSlider_wrap .slogan { position:absolute; bottom: 5rem;; left:0; width:100%; z-index:10; color:#fff; z-index: 3; } 
.visualSlider_wrap .slogan .wrap_in { gap:.875em; line-height:1.2; } 
.visualSlider_wrap .slogan .line { margin:0 .25em 1em; } 
.visualSlider_wrap .slogan .line:after { content:""; display:inline-block; width:6em; height:1px; background:#fff; } 
.visualSlider_wrap .slogan .tt.pd { padding:2em 0 0; } 
.visualSlider_wrap .slogan .t1 { font-size: var(--fs-72); font-weight:700; line-height: 1; letter-spacing: 0.03rem; overflow: hidden; text-transform: uppercase; } 
.visualSlider_wrap .slogan .t3 { font-size: var(--fs-30); margin-bottom: var(--sp-24); color: #fffcfc94; font-weight: 600; word-break: keep-all; overflow: hidden; } 
.visualSlider_wrap .slogan .button-wrap{ overflow: hidden;}
.visualSlider_wrap .slogan .button-wrap .cm-btn{ transform: translateY(100%);opacity: 0; transition: background .3s ease,transform .6s ease-in-out 1.3s;}
.visualSlider_wrap .swiper-slide-active .slogan .button-wrap .cm-btn{ transform: translateY(0); opacity: 1;}

#scrollAni { position: absolute; left: 50%; width: 6em; margin-left: -3em; text-align: center; bottom: 2em; opacity: 1; z-index: 100; text-decoration: none; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite } 
#scrollAni .xi { vertical-align: middle } 
#scrollAni .xi-mouse { font-size: 3em; color: #fff; margin-right: -7px } 
#scrollAni .xi-scroll { font-size: 2em; color: #fff; margin-left: -7px } 
#scrollAni .tt { display: block; color: #fff; font-size: .75em; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0 } 
#scrollAni.hide { opacity: 0; z-index: -1 } 

@keyframes downAni { 60% { margin-bottom: 0 } 
80% { margin-bottom: -1em } 
100% { margin-bottom: 0 } 
 }

/* ====== SEC_OVERVIEW ====== */
.section_overview{position:relative; z-index:1; width:100%; height:400vh; margin-top:100vh; margin-top:100svh; background:var(--c-white)}
.section_overview .overview_area{position:sticky; top:0; width:100%; height: calc(var(--vh, 1vh) * 100); height:100svh}
.section_overview .overview_area .imgWrap{position:relative; display:block; width:100%; height:100%; clip-path:inset(20% 8% 0); will-change:clip-path}
.section_overview .overview_area .imgWrap::before{content:""; position:absolute; inset:0; z-index:1; background:rgba(0,0,0,.25)}
.section_overview .overview_area .imgWrap img{display:block; width:100%; height:100%; object-fit:cover}
.section_overview .overview_area .over-wrap{position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%}
.section_overview .overview_area .over-wrap .title{display:flex; flex-direction:column; align-items:center}
.section_overview .overview_area .over-wrap .title span{color:var(--c-white); font-size:var(--fs-80); font-weight:var(--fw-700); line-height:var(--lh-130); text-transform:uppercase; will-change:transform,opacity}
.section_overview .overview_area .over-wrap .tt{ margin: 1.25rem 0 2rem 0; color:var(--c-white); font-size:var(--fs-20); font-weight:var(--fw-400); text-align:center; will-change:transform,opacity}


/* ====== SEC_PRODUCT ====== */
.section_product{position:relative;background:var(--g-fff);overflow:hidden; margin-top: calc(var(--vh, 1vh) * 100);}
.section_product .product_inner{position:relative;z-index:2;}
.section_product .product_bg_txt{position:absolute;top:-3.5rem;left:50%;z-index:0;color:var(--g-f3);font-size:20vw;font-weight:var(--fw-800);line-height:var(--lh-100);letter-spacing:var(--ls-m5);transform:translateX(-50%);white-space:nowrap;pointer-events:none;user-select:none;opacity:.515;}
.section_product .product_head{position:relative;z-index:2;}
/* .section_product .product_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-20);margin-top:4.5rem;} */
.section_product .productSwiper{position:relative;width:100%;margin-top:4.5rem;overflow:hidden;}
.section_product .product_grid{display:flex;width:100%;margin:0;padding:0;list-style:none;}
.section_product .product_item{position:relative;min-width:0;}
.section_product .product_card{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:360px;padding:var(--sp-40);color:var(--g-111);background:var(--g-f5);box-sizing:border-box;overflow:hidden;transition:background .35s ease,color .35s ease,transform .35s ease,box-shadow .35s ease;}
.section_product .product_info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-width:0;}
.section_product .product_text{position:relative;}
.section_product .product_text .name{display:block;color:inherit;font-size:var(--fs-28);font-weight:var(--fw-700);line-height:var(--lh-130);letter-spacing:var(--ls-m3);}
.section_product .product_text p{margin:var(--sp-12) 0 0;color:var(--g-666);font-size:var(--fs-16);font-weight:var(--fw-400);line-height:var(--lh-155);transition:color .35s ease;}
.section_product .product_image{position:absolute;right:var(--sp-32);bottom:-2.15rem;width:50%;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0 var(--sp-8);box-sizing:border-box;}
.section_product .product_image img{display:block;width:auto;height:auto;max-width:100%;max-height:350px;object-fit:contain;transition:transform .45s cubic-bezier(.22,1,.36,1);}
.section_product .more_btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-top:var(--sp-40);color:var(--g-111);background:var(--g-fff);border-radius:var(--rd-full);box-sizing:border-box;transition:color .3s ease,background .3s ease,transform .3s ease;}
.section_product .more_btn i{font-size:var(--fs-20);}
.section_product .product_plus{display:flex;align-items:center;justify-content:center;color:var(--g-ccc);}
.section_product .product_plus i{font-size:var(--fs-72);font-weight:var(--fw-200);transition:color .35s ease,transform .35s ease;}
.section_product .product_card:hover{color:var(--g-fff);background:var(--g-171);box-shadow:0 20px 50px rgba(0,0,0,.12);transform:translateY(-4px);}
.section_product .product_card:hover .product_text p{color:var(--g-bbb);}
.section_product .product_card:hover .product_image img{transform:scale(1.04);}
.section_product .product_card:hover .more_btn{color:var(--g-111);background:var(--g-fff);transform:translateX(5px);}
.section_product .product_card:hover .product_plus i{color:var(--g-fff);transform:rotate(90deg);}

.section_product .product_control{ display:flex;align-items:center;justify-content:space-between;gap:var(--sp-32); width:25%; margin-left: auto;margin:var(--sp-40) auto 0 auto;}
.section_product .product_paging{display:flex;align-items:center;gap:var(--sp-16);flex:1 1 auto;min-width:0;}
.section_product .product_paging .current,.section_product .product_paging .total{flex:0 0 auto;color:var(--g-555);font-size:var(--fs-14);font-weight:var(--fw-600);line-height:var(--lh-100);}
.section_product .product_paging .current{color:var(--g-111);font-weight:var(--fw-700);}
.section_product .product_progress.swiper-pagination{position:relative;left:auto;top:auto;bottom:auto;width:100%;height:2px;background:var(--g-ddd);}
.section_product .product_progress.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--g-111);transform-origin:left center;}
.section_product .product_nav{display:flex;align-items:center;gap:var(--sp-8);flex:0 0 auto;}
.section_product .product_nav .swiperBtn:hover{ background: var(--c-brand); color: var(--c-white);}


/* ====== SEC_PRODUCT ====== */
.section_business{position:relative;isolation:isolate;overflow:hidden;background:#000;color:#fff;}
.section_business::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,5,7,.5) 0%,rgba(3,5,7,.25) 45%,rgba(3,5,7,.62) 100%);pointer-events:none;}
.section_business .business_vod{position:absolute;z-index:-2;overflow:hidden;pointer-events:none;}
.section_business .business_vod .vod{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.section_business .business_inner{position:relative;z-index:1;padding:0;}
.section_business .business_head{display:flex;align-items:flex-end;justify-content:space-between;gap:5rem;}
.section_business .business_desc{flex-shrink:0;margin:0 0 .4rem;color:rgba(255,255,255,.65);font-size:var(--fs-16);font-weight:400;line-height:1.8;letter-spacing:-.025em;word-break:keep-all;}

.section_business .business_list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(10,4.5rem);gap:1.25rem;margin:4.5rem 0 0;padding:0;list-style:none;}
.section_business .business_item{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:0;aspect-ratio:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.24);}
.section_business .business_list li{ cursor: pointer;}
.section_business .business_item:nth-child(1){grid-column:1/4;grid-row:2/7;}
.section_business .business_item:nth-child(2){grid-column:4/7;grid-row:1/6;}
.section_business .business_item:nth-child(3){grid-column:7/10;grid-row:2/7;}
.section_business .business_item:nth-child(4){grid-column:10/13;grid-row:1/7;}
.section_business .business_item:nth-child(5){grid-column:4/7;grid-row:6/10;}
.section_business .business_item:nth-child(6){grid-column:7/10;grid-row:7/11;}

.section_business .business_info{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;width:100%;height:100%;padding:2.25rem;}
.section_business .business_num{display:flex;align-items:center;gap:.75rem;color:rgba(255,255,255,.75);font-size:var(--fs-14);font-weight:600;line-height:1;letter-spacing:.08em;}
.section_business .business_num::after{content:"";width:3rem;height:1px;background:rgba(255,255,255,.5);}
.section_business .business_text{margin-top:auto;padding:0;}
.section_business .business_en{margin:0 0 .5rem;color:rgba(255,255,255,.72);font-size:var(--fs-16);font-weight:500;line-height:1.4;letter-spacing:-.01em;}
.section_business .business_name{margin:0;color:#fff;font-size:var(--fs-30);font-weight:700;line-height:1.3;letter-spacing:-.04em;word-break:keep-all;}

.section_business .business_img{position:absolute;inset:0;z-index:-2;height:100%;overflow:hidden;}
.section_business .business_img::before{display:none;}
.section_business .business_img img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.92) contrast(1.04);opacity:1; transition: .3s ease;}

.section_business .business_list li:hover .business_img img{ transform: scale(1.05);}

/* ====== SEC_INQUIRY ====== */
.section_inquiry{ position:relative; }
.section_inquiry::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(8,11,15,.45),rgba(8,11,15,.15) 60%,rgba(8,11,15,.3));}
.section_inquiry .inquiry_inner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:3rem;box-sizing:border-box;overflow:hidden;margin:0 auto;padding:7rem 0;color:#fff;}
.section_inquiry .inquiry_text{min-width:0;}
.section_inquiry .inquiry_label{margin:0 0 1.25rem;color:#fff;font-size:var(--fs-14);font-weight:600;line-height:1.4;letter-spacing:.06em;}
.section_inquiry .inquiry_title{margin:0;font-size:var(--fs-40);font-weight:700;line-height:1.35;letter-spacing:-.045em;word-break:keep-all;}
.section_inquiry .inquiry_desc{margin:1rem 0 0;color:rgba(255,255,255,.8);font-size:var(--fs-16);line-height:1.7;letter-spacing:-.025em;word-break:keep-all;}
.section_inquiry .inquiry_btn{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;box-sizing:border-box;min-width:15rem;min-height:4rem;padding:.5rem .5rem .5rem 1.75rem;background:var(--c-brand,#e31e24);border:1px solid var(--c-brand,#e31e24);color:#fff;font-size:var(--fs-16);font-weight:var(--fw-600,600);line-height:1.5;letter-spacing:-.02em;text-decoration:none;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;}
.section_inquiry .inquiry_btn .xi{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;margin-left:1.5rem; background:#fff;border-radius:50%;color:var(--c-brand,#e31e24);font-size:var(--fs-18);font-weight:var(--fw-400,400);transition:color .3s,transform .3s; transform: rotate(-45deg);}
.section_inquiry .inquiry_btn:hover{background:#c9151b;border-color:#c9151b;box-shadow:0 1rem 2.5rem rgba(0,0,0,.22);}
.section_inquiry .inquiry_btn:hover .xi{color:#c9151b; transform: rotate(0);}
.section_inquiry .inquiry_btn:active{transform:translateY(0);box-shadow:0 .5rem 1.5rem rgba(0,0,0,.18);}
.section_inquiry .inquiry_btn:focus-visible{outline:2px solid #fff;outline-offset:4px;}

/* ====== FOOTER ====== */
#footer{position:relative;width:100%;padding:5rem 0 4rem;background:var(--c-white);color:var(--g-111);border-top:1px solid var(--g-e5);z-index:2;}
#footer .footer_inner{width:100%;}
#footer .footer_logo{display:flex;align-items:center;}
#footer .footer_logo img{display:block;width:auto;height:3rem;max-width:100%;object-fit:contain;}
#footer .footer_content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-64);margin-top:3.5rem;}
#footer .footer_info{min-width:0;color:var(--g-444);font-size:var(--fs-16);font-weight:var(--fw-400);line-height:var(--lh-170);}
#footer .footer_info .address{display:flex;align-items:baseline;gap:.75rem;margin:0;}
#footer .footer_info .label{flex-shrink:0;color:var(--g-111);font-weight:var(--fw-500);}
#footer .footer_info .contact{display:flex;flex-wrap:wrap;gap:.5rem 2.5rem;margin:0;padding:0;list-style:none;}
#footer .footer_info .contact li{display:flex;align-items:baseline;gap:.75rem;min-width:0;}
#footer .footer_info .contact li.br{flex:0 0 100%;}
#footer .footer_info a{color:inherit;text-decoration:none;}
#footer .footer_info .copyright{margin:var(--sp-32) 0 0;color:var(--g-999);font-size:var(--fs-14);line-height:var(--lh-160);letter-spacing:var(--ls-p5);text-transform:uppercase;}
#footer .footer_side{display:flex;flex-direction:column;align-items:stretch;flex-shrink:0;gap:var(--sp-24);min-width:12rem;}
#footer .footer_menu{display:flex;flex-direction:column;flex-shrink:0;gap:var(--sp-12);margin:0;padding:0;list-style:none;}
#footer .footer_menu a{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-12);color:var(--g-111);font-size:var(--fs-16);font-weight:var(--fw-700);line-height:var(--lh-140);letter-spacing:var(--ls-p4);text-decoration:none;}
#footer .footer_menu a i{color:var(--g-777);font-size:var(--fs-14);font-weight:var(--fw-400);}
#footer .site_wrap{position:relative;z-index:99;width:100%;min-width:10rem;box-sizing:border-box;}
#footer .site_wrap .siteB{display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;padding:var(--sp-12) var(--sp-16);color:var(--g-555);background:var(--g-fff);border:1px solid var(--g-ddd);box-sizing:border-box;transition:color .3s ease,background .3s ease,border-color .3s ease;}
#footer .site_wrap .siteB .xi{position:relative;font-size:1em;line-height:var(--lh-100);transition:.3s ease;}
#footer .site_wrap .siteB .tt{font-weight:var(--fw-500);font-size:var(--fs-13);line-height:var(--lh-100);}
#footer .site_wrap > .siteB:hover{color:var(--g-111);border-color:var(--g-999);}
#footer .site_wrap .list{position:absolute;bottom:100%;left:0;width:100%;margin:0;padding:0;background:var(--g-fff);opacity:0;visibility:hidden;box-shadow:0 -10px 30px rgba(0,0,0,.06);transition:opacity .3s ease,visibility .3s ease;}
#footer .site_wrap .list > li{border-bottom:1px solid var(--g-e5);}
#footer .site_wrap .list > li:first-child{border-top:1px solid var(--g-e5);}
#footer .site_wrap .list .siteB{overflow:hidden;border:0;}
#footer .site_wrap .list .siteB:hover{color:var(--g-000);background:var(--g-f5);}
#footer .site_wrap .list .siteB .xi{right:var(--sp-6);opacity:0;transition:right .3s ease,opacity .3s ease;}
#footer .site_wrap .list .siteB:hover .xi{right:0;opacity:1;}
#footer .site_wrap.on .list{opacity:1;visibility:visible;}
#footer .site_wrap.on > .siteB{color:var(--g-111);background:var(--g-f5);border-color:var(--g-ccc);}
#footer .site_wrap.on > .siteB .xi{transform:rotate(180deg);}

/* ====== CONTENTS ====== */
#contents{position:relative;flex:1 1 0%;min-height:0;box-sizing:border-box;z-index:2;}
#contents .sub_top_wrap{position:relative;width:100%;height:60vh;overflow:hidden;}
#contents .sub_top_wrap:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: ''; z-index: 1;} 
#contents .sub_top_wrap .wrapBg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background-color:#d9e1ec;}
#contents .sub_top_wrap .wrapBg .bg{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center 35%;background-size:cover;transform:scale(1.025);transition:background-position 4s ease,transform 4s ease;}
#contents .sub_top_wrap .wrapBg .bg:after{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(8,18,34,.12) 0%,rgba(8,18,34,.05) 50%,rgba(8,18,34,.24) 100%);}
#contents .sub_top_wrap .wrapBg .bg.vod_wrap:after{background:linear-gradient(180deg,rgba(8,18,34,.2) 0%,rgba(8,18,34,.1) 50%,rgba(8,18,34,.32) 100%);}
#contents .sub_top_wrap .wrapBg .bg.vod_wrap .vod{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
#contents .sub_top_wrap.on .wrapBg .bg:not(.vod_wrap){background-position:center 45%;transform:scale(1);}
#contents .sub_top_wrap .wrapCon{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;}
#contents .sub_top_wrap .subTit{display:flex;flex:1;align-items:center;justify-content:center;min-height:0;box-sizing:border-box;}
#contents .sub_top_wrap .subTit .wrapF{ position:relative; top: 4rem; display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:auto;padding:0 1rem;box-sizing:border-box;color:var(--c-white);text-align:center;line-height:1;}
#contents .sub_top_wrap .subTit .wrapF{position:relative;}
#contents .sub_top_wrap .subTit .wrapF:before,#contents .sub_top_wrap .subTit .wrapF:after{content:"";position:absolute;left:50%;top:calc(100% + 1rem);width:2px;height:2.5rem;}
#contents .sub_top_wrap .subTit .wrapF:before{background:rgba(255,255,255,.3);transform:translateX(-50%);}
#contents .sub_top_wrap .subTit .wrapF:after{background:var(--c-white);transform:translateX(-50%) scaleY(0);transform-origin:top;animation:subScrollLine 2s cubic-bezier(.4,0,.2,1) infinite;}
@keyframes subScrollLine{
	0%{transform:translateX(-50%) scaleY(0);transform-origin:top;opacity:0;}
	15%{opacity:1;}
	45%{transform:translateX(-50%) scaleY(1);transform-origin:top;opacity:1;}
	55%{transform:translateX(-50%) scaleY(1);transform-origin:bottom;opacity:1;}
	90%{transform:translateX(-50%) scaleY(0);transform-origin:bottom;opacity:1;}
	100%{transform:translateX(-50%) scaleY(0);transform-origin:bottom;opacity:0;}
}
#contents .sub_top_wrap .subTit .t1{margin:0;color:var(--c-white);font-size:var(--fs-64);font-weight:var(--fw-600);line-height:1.15;letter-spacing:-.05em;word-break:keep-all;}
#contents .sub_top_wrap .subTit .t2{margin:1.5rem 0 0;color:rgba(255,255,255,.7);font-size:var(--fs-18);font-weight:var(--fw-400);line-height:1.4;letter-spacing:-.02em;text-transform:uppercase;}
#contents .sub_top_wrap .subTab{position:relative;flex-shrink:0;width:100%;}
#contents .sub_top_wrap .subTab .gnb{width:100%;margin:0;padding:0;list-style:none;}
#contents .sub_top_wrap .subTab .gnb > li.on{display:flex !important;justify-content:center;width:100%;}
#contents .sub_top_wrap .subTab .gnb > li > .dp2{display:flex;width:calc(100% - 8rem);max-width:80%;margin:0 auto;padding:0;box-sizing:border-box;list-style:none;}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li{position:relative;flex:1;min-width:0;width:auto;max-width:none;}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:5rem;padding:0 1.5rem;box-sizing:border-box;border-left:1px solid rgba(255,255,255,.12);background:rgba(45,58,80,.54);color:var(--c-white);text-decoration:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .3s ease,color .3s ease;}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li:last-child > a{border-right:1px solid rgba(255,255,255,.12);}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a:before{display:none;}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a:hover{background:rgba(38,51,74,.72);}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:0;line-height:1.2;text-align:center;word-break:keep-all;transition:none;}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va .tt{font-size:var(--fs-18);font-weight:var(--fw-600);line-height:1.3;letter-spacing:-.03em;}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va .arrow{display:none;}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on > a{background:var(--c-white);color:var(--color-point);}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on > a .va{padding:0;opacity:1;transform:none;}
#contents .sub_top_wrap .subTab .gnb > li .dp3{display:none !important;}
#contents .sub_tit_wrap{padding:5rem 0;border-bottom:1px solid #eee;}
#contents .sub_tit_wrap .wrapF{display:flex;flex-direction:column;align-items:center;gap:1.5rem;}
#contents .sub_tit_wrap .titW{flex:1;min-width:0;text-align:center;}
#contents .sub_tit_wrap .titW .t1{margin:0;font-size:var(--fs-48);font-weight:var(--fw-600);line-height:1.25;letter-spacing:-.05em;}
#contents .sub_tit_wrap .nav{display:inline-flex;align-items:center;gap:0 1rem;margin:0;padding:0;list-style:none;}
#contents .sub_tit_wrap .nav > li{color:#777;font-size:var(--fs-14);font-weight:var(--fw-400);}
#contents .sub_tit_wrap .nav > li:not(.home):before{content:"\e940";margin-right:.5rem;font-family:xeicon;font-size:var(--fs-14);}
#contents .sub_tit_wrap .nav > li.home > a{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--color-point);color:var(--c-white);}
#contents .sub_tit_wrap .nav > li.home > a .xi{font-size:var(--fs-14);}
#contents .doc{padding:6rem 0 8rem;}

/* ====== INQUIRY ====== */
.reser-wrapper{display:flex;gap:var(--sp-96);}
.reser-wrapper .leftTxt{position:sticky;top:var(--headH);align-self:flex-start;flex:0 0 30%;min-width:0;}
.reser-wrapper .leftTxt > .tit{font-size:var(--fs-44);font-weight:var(--fw-400);line-height:var(--lh-130);}
.reser-wrapper .leftTxt > .tit > b{vertical-align:baseline; color: var(--c-brand);}
.reser-wrapper .leftTxt > .desc{margin-top:var(--sp-16);color:var(--g-666);font-size:var(--fs-17);font-weight:var(--fw-400);line-height:var(--lh-160);}
.reser-wrapper .rightInfo{flex:1;min-width:0;}
.reser-wrapper .rightInfo.view{flex:0 0 100%;width:100%;}
.reser-wrapper .rightInfo .page_con{ padding-bottom: var(--sp-40);}
.reser-wrapper .rightInfo .priTit{ font-size: var(--fs-26); font-weight: var(--fw-700); margin-bottom: var(--sp-16);}
.main_layout{position:relative;z-index:2;}
.form_wrap .form{display:flex;flex-wrap:wrap;gap:var(--sp-8);}
.form_wrap .form > li{position:relative;}
.form_wrap .form > li:not(.w100){width:calc(50% - var(--sp-4));}
.form_wrap .form > li.w100{width:100%;}
.form_wrap .form > li .inp_wrap{position:relative;}
.form_wrap .form > li .inp_wrap .tit{position:absolute;top:0;left:0;z-index:2;display:flex;align-items:center;height:var(--sp-64);padding-left:var(--sp-16);box-sizing:border-box;pointer-events:none;}
.form_wrap .form > li .inp_wrap .tit .tt{font-size:var(--fs-15);font-weight:var(--fw-600);}
.form_wrap .form > li .inp_wrap .input_st{width:100%;color:var(--g-222);background:var(--g-f7);border:1px solid var(--g-ddd);border-radius:var(--rd-4);outline:2px solid transparent;outline-offset:0;font-size:var(--fs-17);font-weight:var(--fw-500);box-sizing:border-box;transition:border-color .3s ease,outline-color .3s ease;}
.form_wrap .form > li .inp_wrap .input_st:not(textarea){height:var(--sp-64);padding-left:var(--sp-144);}
.form_wrap .form > li .inp_wrap .input_st[type=file]{padding-top:var(--sp-16);}
.form_wrap .form > li .inp_wrap .input_st::placeholder{color:var(--g-999);font-size:var(--fs-16);font-weight:var(--fw-400);}
.form_wrap .form > li .inp_wrap textarea.input_st{height:var(--sp-192);padding:var(--sp-64) var(--sp-24) var(--sp-24);font-size:var(--fs-17);font-weight:var(--fw-500);line-height:var(--lh-160);}
.form_wrap .form > li .inp_wrap select.input_st{font-size:var(--fs-17);font-weight:var(--fw-500);}
.form_wrap .form > li .inp_wrap .input_st:focus{border-color:var(--c-brand);outline-color:var(--c-brand);}
.form_wrap .form > li .inp_wrap input:-webkit-autofill{background-color:transparent!important;box-shadow:0 0 0 1000px rgba(255,255,255,.5) inset!important;}
.form_wrap .form_chk{margin-top:var(--sp-32);}
.form_wrap .form_chk .chk{gap:var(--sp-16);}
.form_wrap .form_chk .btn .input_st{width:100%;height:var(--sp-56);color:var(--g-fff);background:var(--c-brand);border-color:var(--c-brand);}
.form_wrap .form > li .inp_wrap .inp_inner.captcha > .cap{flex:1;min-width:0;}
.form_wrap .form > li .inp_wrap .inp_inner.captcha > .captcha-inner{margin-left:var(--sp-8);}
.captcha_wrap{width:100%;}
#online_form_feed .form_label_st:not(.cssbrowser){display:flex;align-items:center;gap:var(--sp-6);}
#online_form_feed .form_label_st:not(.cssbrowser) input[type=checkbox],#online_form_feed .form_label_st:not(.cssbrowser) input[type=radio]{display:block;width:auto;height:auto;overflow:visible;}
.login_wrap .login.w1 .form_st{width:46%;}
.form_st > li:first-child{margin-top:0;}
.form_st > li .in{position:relative;margin-top:var(--sp-8);padding:0 var(--sp-16) 0 var(--sp-64);}
.form_st > li .in .icon{position:absolute;left:0;top:50%;width:var(--sp-48);color:var(--g-999);line-height:var(--sp-48);text-align:center;transform:translateY(-50%);}
.form_st > li .in .icon:before{font-size:var(--fs-20);}
.form_st > li .in .lab{position:absolute;left:var(--sp-64);top:50%;padding:0 var(--sp-4);line-height:var(--lh-100);transform:translateY(-50%);transition:top .3s ease,color .3s ease,transform .3s ease;}
.form_st > li .in .inp{position:relative;z-index:1;width:100%;height:var(--sp-64);padding:var(--sp-16) 0;background:none;border:0;font-weight:var(--fw-600);box-sizing:border-box;}
.form_st > li .in .inp[type=file]{height:var(--sp-48);padding:0!important;}
.form_st > li .in textarea.inp{height:10rem;padding:var(--sp-16)!important;}
.form_st > li .in .line{position:absolute;inset:0;border:1px solid var(--g-ddd);border-radius:var(--rd-4);box-sizing:border-box;transition:border-color .3s ease,background .3s ease;}
.form_st > li .in .inp:focus ~ .lab,.form_st > li .in .inp.on ~ .lab{top:var(--sp-12);color:var(--c-brand);transform:translateY(0) scale(.9);}
.form_st > li .in .inp:focus ~ .icon,.form_st > li .in .inp.on ~ .icon{color:var(--c-brand);}
.form_st > li .in .inp:focus ~ .line,.form_st > li .in .inp.on ~ .line{border-color:var(--c-brand);}
.form_st > li .in .inp.c1{background:var(--g-f1);}
.form_st.st1 > li{display:flex;align-items:center;flex-wrap:wrap;}
.form_st.st1 > li.line{margin-top:var(--sp-32);padding-top:var(--sp-32);border-top:1px solid var(--c-brand);}
.form_st.st1 > li.line > .label_st{width:100%;margin-top:-1rem;}
.form_st.st1 > li.line2{padding-top:var(--sp-16)!important;border-top:1px solid var(--g-ddd);}
.form_st.st1 > li .in{flex:1 1 0;min-width:0;padding:0;word-break:break-all;}
.form_st.st1 > li .in_sec{display:inline-block;width:var(--sp-24);color:var(--g-999);text-align:center;}
.form_st.st1 > li .in_sec2{width:var(--sp-8);}
.form_st.st1 > li .in_sec3{width:var(--sp-48);padding-left:var(--sp-8);text-align:left;box-sizing:border-box;}
.form_st.st1 > li .in_br{flex-basis:100%;}
.form_st.st1 > li .in_tit{width:100%;font-size:var(--fs-20);font-weight:var(--fw-500);}
.form_st.st1 > li .in_tit .ess:before{margin-left:var(--sp-8);font-size:var(--fs-14);}
.form_st.st1 > li .in_tit.c1{color:var(--g-777);}
.form_st.st1 > li .in_tit.s1{font-size:var(--fs-20);}
.form_st > li .in_tt{width:100%;margin-top:var(--sp-16);color:var(--g-666);font-size:var(--fs-15);line-height:var(--lh-150);}
.form_st.st1 > li .in.fix{flex:0 0 auto;}
.form_st.st1 > li .in .inp{height:var(--sp-56);padding:var(--sp-16);font-size:var(--fs-15);font-weight:var(--fw-500);}
.form_st.st1 > li .in .inp.s1{font-size:var(--fs-16);}
.form_st.st1 > li .in .btn{min-width:6.5rem;color:var(--g-fff);}
.form_st.st1 > li .in .btn + .line{background:var(--g-333);border-color:transparent;}
.form_st.st1 > li .in .btn.rechk + .line{background:var(--c-accent);}
.form_st.st1 > li .in .w100{width:100%;}
.form_st.st1 > li .in.w1{max-width:26%;}
.form_st.st1 > li .in.w50{max-width:50%;}
.form_st.st1 > li .in.w100{flex-basis:100%;}
.form_st.st1 > li .agree{width:100%;margin:var(--sp-16) 0;border:1px solid var(--g-ddd);}
.form_st.st1 > li .agree > li{position:relative;padding:var(--sp-12) var(--sp-48) var(--sp-12) var(--sp-16);transition:background .3s ease;}
.form_st.st1 > li .agree > li.all{border-bottom:1px solid var(--g-ddd);}
.form_st.st1 > li .agree > li .more{position:absolute;right:var(--sp-16);top:50%;padding:var(--sp-4) var(--sp-16);color:var(--g-fff);background:var(--g-aaa);font-size:var(--fs-14);transform:translateY(-50%);transition:background .3s ease;}
.form_st.st1 > li .agree > li .more:hover{background:var(--g-666);}
.form_st.st1 > li .agree > li:hover{background:var(--g-f5);}
.form_st.st1 > li .agree .label_st{font-size:var(--fs-15);}
.form_st.st1 > li.flex{padding:0 var(--sp-8);}
.form_st.st1 > li.flex .in_tit{display:flex;align-items:center;flex:0 0 8rem;height:var(--sp-64);padding-left:0;font-size:var(--fs-15);}
.form_st.st1 > li.flex .in{margin-top:0;}
.form_st.st1 > li.flex .in.w100{margin-left:8rem;}
.form_st.st1 > li.flex .in .inp{font-size:var(--fs-15);}
.form_st.text{border-bottom:1px solid var(--g-ddd);}
.form_st.text > li{margin-top:0;border-top:1px solid var(--g-ddd);}
.form_st.text > li .in .t1{color:var(--g-666);font-size:var(--fs-15);}
.form_st.text > li .in a:hover{text-decoration:underline;}
.form_st.line > li:not(.btn_wrap){margin-top:0;padding:var(--sp-24) 0;border-bottom:1px solid var(--g-ddd);}
.form_st.line > li .in{margin-top:var(--sp-24);}

.agree_box{padding:var(--sp-24) var(--sp-32);color:var(--g-555);border:1px solid var(--g-ddd);border-radius:var(--rd-8);line-height:var(--lh-160);}
.agree_box.h1{height:var(--sp-192);overflow-y:auto;}
.agree_box.gray{background:var(--g-f1);}
.agree_box h1{color:var(--g-000);font-size:var(--fs-22);font-weight:var(--fw-700);}
.agree_box p{padding:var(--sp-8) 0;}
.agree_box strong{color:var(--g-000);font-size:var(--fs-18);}


/* ====== SOFTWARE ====== */
.software_wrap{position:relative;}
.software_wrap .software_list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-20);margin:0;padding:0;list-style:none;}
.software_wrap .software_item{position:relative;display:flex;flex-direction:column;min-width:0;padding: 4rem 3rem 3rem 3rem;background:var(--g-f7);border:1px solid var(--g-e5);border-radius:var(--rd-16);box-sizing:border-box;justify-content: space-between;}
.software_wrap .software_item:nth-child(1){background:linear-gradient(145deg,rgba(36,104,255,.06) 0%,var(--g-f7) 45%,var(--g-f7) 100%);}
.software_wrap .software_item:nth-child(2){background:linear-gradient(145deg,rgba(16,191,196,.06) 0%,var(--g-f7) 45%,var(--g-f7) 100%);}
.software_wrap .software_item:nth-child(3){background:linear-gradient(145deg,rgba(22,135,212,.06) 0%,var(--g-f7) 45%,var(--g-f7) 100%);}
.software_wrap .software_top{position:relative;display:flex;flex-direction:column;min-width:0;}
.software_wrap .software_name{margin:0;color:var(--g-111);font-size:var(--fs-30);font-weight:var(--fw-700);line-height:var(--lh-130);letter-spacing:var(--ls-m3);word-break:keep-all;}
.software_wrap .software_logo{position:absolute;top:-3rem;right:0;display:flex;align-items:flex-start;justify-content:center;width:8rem;height:8rem;}
.software_wrap .software_logo img{display:block;width:auto;height:auto;max-width:7rem;max-height:7rem;object-fit:contain;}
.software_wrap .software_desc{margin:var(--sp-48) 0 0;color:var(--g-555);font-size:var(--fs-17);font-weight:var(--fw-400);line-height:var(--lh-170);letter-spacing:var(--ls-m1);word-break:keep-all;}
.software_wrap .software_feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:var(--sp-32) 0 0;border-top:1px solid var(--g-ddd);border-bottom: 1px solid var(--g-ddd); list-style:none;}
.software_wrap .software_feature li{display:flex;align-items:center;gap:var(--sp-12);min-width:0;padding:var(--sp-16);border-right:1px solid var(--g-e5);border-bottom:1px solid var(--g-e5);box-sizing:border-box;}
.software_wrap .software_feature li:nth-child(2n){border-right:0;}
.software_wrap .software_feature li:nth-last-child(-n+2){border-bottom:0;}
.software_wrap .feature_icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.75rem;height:2.75rem;color:var(--blue);background:rgba(0,82,204,.08);border-radius:var(--rd-full);font-size:var(--fs-18);}
.software_wrap .software_item:nth-child(2) .feature_icon{color:#0ca9ad;background:rgba(16,191,196,.1);}
.software_wrap .software_item:nth-child(3) .feature_icon{color:#1687d4;background:rgba(22,135,212,.1);}
.software_wrap .feature_text{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0;}
.software_wrap .feature_text strong{color:var(--g-222);font-size:var(--fs-15);font-weight:var(--fw-700);line-height:var(--lh-140);word-break:keep-all;}
.software_wrap .feature_text span{color:var(--g-777);font-size:var(--fs-13);font-weight:var(--fw-400);line-height:var(--lh-140);word-break:keep-all;}
.software_wrap .software_btn{display:flex;align-items:center;justify-content:space-between;width:12rem;min-height:3.5rem;margin-top:auto;padding:var(--sp-10) var(--sp-16) var(--sp-10) var(--sp-24);color:var(--g-fff);background:var(--blue-dark);border:1px solid var(--blue-dark);border-radius:var(--rd-full);box-sizing:border-box;text-decoration:none;transition:color .3s ease,background .3s ease,border-color .3s ease;}
.software_wrap .software_feature + .software_btn{margin-top:var(--sp-32);}
.software_wrap .software_btn span{font-size:var(--fs-15);font-weight:var(--fw-600);line-height:var(--lh-140);}
.software_wrap .software_btn .xi{font-size:var(--fs-18);line-height:var(--lh-100);transition:transform .3s ease;}
.software_wrap .software_btn:hover{color:var(--blue-dark);background:var(--g-fff);border-color:var(--blue-dark);}
.software_wrap .software_btn:hover .xi{transform:translateX(var(--sp-4));}


/* ====== PRODUCT ====== */
.pageLayout{display:flex;align-items:flex-start;gap:var(--sp-96);overflow:visible;}
.pageLayout .pageNav{position:sticky;top:calc(var(--headH) + var(--sp-32));align-self:flex-start;flex:0 0 20rem;width:20rem;min-width:20rem;height:fit-content;overflow:visible;z-index:10;}
.pageLayout .pageNav .pageNav_inner{position:relative;width:100%;height:auto;overflow:visible;}
.pageLayout .pageNav .slide-tab{position:relative;width:100%;padding:1rem;box-sizing:border-box;}
.pageLayout .pageNav .slide-tab > span{position:absolute;z-index:2;width:var(--sp-12);height:var(--sp-12);pointer-events:none;}
.pageLayout .pageNav .slide-tab .box-line-tl{top:0;left:0;border-top:1px solid var(--g-555);border-left:1px solid var(--g-555);}
.pageLayout .pageNav .slide-tab .box-line-tr{top:0;right:0;border-top:1px solid var(--g-555);border-right:1px solid var(--g-555);}
.pageLayout .pageNav .slide-tab .box-line-bl{bottom:0;left:0;border-bottom:1px solid var(--g-555);border-left:1px solid var(--g-555);}
.pageLayout .pageNav .slide-tab .box-line-br{right:0;bottom:0;border-right:1px solid var(--g-555);border-bottom:1px solid var(--g-555);}
.pageLayout .pageNav .slide-tab .pageNav_list{display:flex;flex-direction:column;width:100%;margin:0;padding:0;background:#0d0d22;list-style:none;}
.pageLayout .pageNav .slide-tab .pageNav_list > li{display:flex;align-items:center;width:100%;transition:background .3s ease;}
.pageLayout .pageNav .slide-tab .pageNav_list > li > a{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:4.15rem;padding:0 var(--sp-28) 0 var(--sp-24);color:var(--g-fff);background:#0d0d22;box-sizing:border-box;transition:background .3s ease,color .3s ease;}
.pageLayout .pageNav .slide-tab .pageNav_list > li > a .tt{font-size:var(--fs-18);font-weight:var(--fw-600);line-height:var(--lh-100);letter-spacing:var(--ls-m3);word-break:keep-all;}
.pageLayout .pageNav .slide-tab .pageNav_list > li > a .xi{display:block;flex:0 0 auto;width:var(--sp-8);height:var(--sp-8);background:rgba(255,255,255,.45);border-radius:var(--rd-full);font-size:0;line-height:0;transition:background .3s ease,transform .3s ease;}
.pageLayout .pageNav .slide-tab .pageNav_list > li > a .xi:before{display:none;content:none;}
.pageLayout .pageNav .slide-tab .pageNav_list > li > a:hover{background:var(--c-brand);}
.pageLayout .pageNav .slide-tab .pageNav_list > li > a:hover .xi{background:var(--g-fff);transform:scale(1.15);}
.pageLayout .pageNav .slide-tab .pageNav_list > li.on > a{color:var(--g-fff);background:var(--c-brand);}
.pageLayout .pageNav .slide-tab .pageNav_list > li.on > a .xi{background:var(--g-fff);transform:scale(1.15);}
.pageLayout .pageNav .pageNav_actions{display:flex;flex-direction:column;gap:var(--sp-8);width:100%;margin-top:var(--sp-48);padding:0 1rem;box-sizing:border-box;}
.pageLayout .pageNav .pageNav_actions .btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:4rem;padding:0 var(--sp-24);border:1px solid var(--g-ddd);box-sizing:border-box;font-size:var(--fs-17);font-weight:var(--fw-600);line-height:var(--lh-120);letter-spacing:var(--ls-m2);transition:background .3s ease,color .3s ease,border-color .3s ease;}
.pageLayout .pageNav .pageNav_actions .btn span{display:block;word-break:keep-all;}
.pageLayout .pageNav .pageNav_actions .btn .xi{font-size:var(--fs-20);line-height:var(--lh-100);}
.pageLayout .pageNav .pageNav_actions .btn.datasheet{color:var(--g-111);background:var(--g-fff);border-color:var(--g-ccc);}
.pageLayout .pageNav .pageNav_actions .btn.datasheet:hover{color:var(--g-fff);background:var(--g-111);border-color:var(--g-111);}
.pageLayout .pageNav .pageNav_actions .btn.inquiry{color:var(--g-fff);background:var(--c-brand);border-color:var(--c-brand);}
.pageLayout .pageNav .pageNav_actions .btn.inquiry:hover{color:var(--g-fff);background:var(--g-111);border-color:var(--g-111);}
.pageLayout .pageWrapper{position:relative;flex:1 1 auto;min-width:0;overflow:visible;}
.pageLayout .pageWrapper .pageCon{position:relative;width:100%;scroll-margin-top:calc(var(--headH) + var(--sp-48));}
.pageLayout .pageWrapper .pageCon + .pageCon{margin-top:var(--sp-160);}
.pageLayout .pageWrapper .pageCon .pageCon_intro{margin-bottom:var(--sp-96);}
.pageLayout .pageWrapper .pageCon .pageCon_label{position:relative;margin-bottom:var(--sp-20);padding-left:var(--sp-16);color:#19b8d6;font-size:var(--fs-15);font-weight:var(--fw-700);line-height:var(--lh-120);}
.pageLayout .pageWrapper .pageCon .pageCon_label:before{content:"";position:absolute;left:0;top:50%;width:.35rem;height:.35rem;background:#19b8d6;border-radius:var(--rd-full);transform:translateY(-50%);}
.pageLayout .pageWrapper .pageCon .pageCon_title{margin:0;color:var(--g-111);font-size:var(--fs-52);font-weight:var(--fw-800);line-height:var(--lh-120);letter-spacing:var(--ls-m4);word-break:keep-all;}
.pageLayout .pageWrapper .pageCon .pageCon_desc{margin:var(--sp-32) 0 0;color:var(--g-222);font-size:var(--fs-18);font-weight:var(--fw-600);line-height:var(--lh-170);letter-spacing:var(--ls-m2);word-break:keep-all;}
.pageLayout .pageWrapper .pageCon .pageCon_head{margin-bottom:var(--sp-48);}
.pageLayout .pageWrapper .pageCon .pageCon_subtitle{margin:0;color:var(--g-111);font-size:var(--fs-44);font-weight:var(--fw-800);line-height:var(--lh-120);letter-spacing:var(--ls-m4);word-break:keep-all;}
.pageLayout .pageWrapper .pageCon .pageCon_body{position:relative;}
.pageLayout .pageWrapper .pageCon .pageCon_media{position:relative;width:100%;overflow:hidden;background:var(--g-f5);}
.pageLayout .pageWrapper .pageCon .pageCon_media img,.pageLayout .pageWrapper .pageCon .pageCon_media video{display:block;width:100%;height:auto;}
.pageLayout .pageWrapper .pageCon .pageCon_list{margin:var(--sp-40) 0 0;padding:0;border-top:1px solid var(--g-ddd);list-style:none;}
.pageLayout .pageWrapper .pageCon .pageCon_list > li{padding:var(--sp-24) 0;border-bottom:1px solid var(--g-ddd);}
.pageLayout .pageWrapper .pageCon .pageCon_list > li strong{display:block;margin-bottom:var(--sp-8);color:var(--g-111);font-size:var(--fs-18);font-weight:var(--fw-700);line-height:var(--lh-140);}
.pageLayout .pageWrapper .pageCon .pageCon_list > li p{margin:0;color:var(--g-666);font-size:var(--fs-15);font-weight:var(--fw-400);line-height:var(--lh-160);word-break:keep-all;}
.pageLayout .pageWrapper .pageCon .pageCon_text{margin:0 0 var(--sp-48);color:var(--g-222);font-size:var(--fs-17);font-weight:var(--fw-600);line-height:var(--lh-170);word-break:keep-all;}
.pageLayout .pageWrapper .pageCon .pageCon_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-20);}
.pageLayout .pageWrapper .pageCon .pageCon_card{overflow:hidden;background:var(--g-171);}
.pageLayout .pageWrapper .pageCon .pageCon_card img{display:block;width:100%;aspect-ratio:var(--ratio-16x9);object-fit:cover;}
.pageLayout .pageWrapper .pageCon .pageCon_card strong{display:block;padding:var(--sp-16) var(--sp-20);color:var(--g-fff);font-size:var(--fs-15);font-weight:var(--fw-700);line-height:var(--lh-140);}
.pageLayout .pageWrapper .pageCon .pageBlock{position:relative;width:100%;}
.pageLayout .pageWrapper .pageCon .pageBlock + .pageBlock{margin-top:var(--sp-112);}

.section_tit{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-18); margin-bottom: 4.5rem;}
.section_tit .label{display:flex;align-items:center;gap:var(--sp-8);margin:0;color:var(--c-brand);font-size:var(--fs-20);font-weight:var(--fw-700);line-height:var(--lh-150);letter-spacing:var(--ls-m3);}
.section_tit .label .mark{position:relative;display:flex;align-items:center;justify-content:center;width:var(--sp-16);height:var(--sp-16);flex:0 0 var(--sp-16);}
.section_tit .label .mark:before,.section_tit .label .mark:after{content:"";position:absolute;left:50%;top:50%;width:var(--sp-6);height:var(--sp-6);border-radius:var(--rd-full);transform:translate(-50%,-50%);}
.section_tit .label .mark:before{background:var(--c-brand);animation:sectionDot 2.5s ease-in-out infinite;}
.section_tit .label .mark:after{border:1px solid var(--c-brand);animation:sectionRing 2.5s ease-in-out infinite;}
.section_tit .title{margin:0;color:var(--g-111);font-size:var(--fs-56);font-weight:var(--fw-700);line-height:var(--lh-130);letter-spacing:var(--ls-m4);word-break:keep-all;}
.section_tit .desc{display:block;margin:0;color:var(--g-222);font-size:var(--fs-24);font-weight:var(--fw-500);line-height:var(--lh-150);letter-spacing:var(--ls-m2);word-break:keep-all;}
@keyframes sectionDot{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:1;}50%{transform:translate(-50%,-50%) scale(.8);opacity:.65;}}
@keyframes sectionRing{0%{transform:translate(-50%,-50%) scale(1);opacity:1;}70%,100%{transform:translate(-50%,-50%) scale(2.3);opacity:0;}}

.wideImg{ position:relative; width: 100%; height: 30rem; border-radius: var(--rd-24);overflow: hidden;}
.wideImg:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .215); content: ''; z-index: 1;}
.wideImg > img{ width: 100%; height: 100%; object-fit: cover;}
.wideImg .tit{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; font-size: var(--fs-48); font-weight: var(--fw-700); color: #fff;}

.descList{ margin-top: var(--sp-24)}
.descList > li{margin-top:var(--sp-24);}
.descList > li:first-child{margin-top:0;}
.descList > li .tt{margin:0;color:var(--g-111);font-size:var(--fs-22);font-weight:var(--fw-500);line-height:var(--lh-170);letter-spacing:var(--ls-m2);word-break:keep-all;}

.featureFlow{display:flex;flex-direction:column;gap:var(--sp-32);width:100%;}
.featureFlow .featureFlow_item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:26rem;background:var(--g-fff);border:1px solid var(--g-e5);}
.featureFlow .featureFlow_item .featureFlow_img{position:relative;width:100%;height:100%;overflow:hidden;background:var(--g-f5);box-sizing:border-box;max-height:27.5rem;}
.featureFlow .featureFlow_item .featureFlow_img img{display:block;width:100%;height:100%;}
.featureFlow .featureFlow_item.fitCover .featureFlow_img img{object-fit:cover;}
.featureFlow .featureFlow_item.fitContain .featureFlow_img{padding:var(--sp-40);}
.featureFlow .featureFlow_item.fitContain .featureFlow_img img{object-fit:contain;}
.featureFlow .featureFlow_item .featureFlow_con{display:flex;flex-direction:column;justify-content:center;padding:var(--sp-56) var(--sp-64);box-sizing:border-box;}
.featureFlow .featureFlow_item .featureFlow_con .line{display:block;width:var(--sp-48);height:2px;margin-bottom:var(--sp-24);background:var(--c-brand);}
.featureFlow .featureFlow_item .featureFlow_con .tit{margin:0;color:var(--g-111);font-size:var(--fs-32);font-weight:var(--fw-700);line-height:var(--lh-130);letter-spacing:var(--ls-m3);word-break:keep-all;}
.featureFlow .featureFlow_item .featureFlow_con .desc{margin:var(--sp-20) 0 0;color:var(--g-555);font-size:var(--fs-22);font-weight:var(--fw-400);line-height:var(--lh-170);letter-spacing:var(--ls-m2);word-break:keep-all;}

.featureFlow .featureFlow_item.hasImgTab .featureFlow_img{padding:0;background:var(--g-f5);}
.featureFlow .featureFlow_item.hasImgTab .featureFlow_img .featureImgCon{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;}
.featureFlow .featureFlow_item.hasImgTab .featureFlow_img .featureImgCon.hideT{display:none;}
.featureFlow .featureFlow_item.hasImgTab .featureFlow_img .featureImgCon img{display:block;width:100%;height:100%;object-fit:cover;}
.featureFlow .featureFlow_item.hasImgTab .featureFlow_img .featureImgTab{position:absolute;left:50%;bottom:var(--sp-20);z-index:5;display:flex;align-items:center;gap:var(--sp-4);margin:0;padding:var(--sp-4);background:rgba(255,255,255,.92);border:1px solid var(--g-ddd);border-radius:var(--rd-full);box-shadow:0 4px 16px rgba(0,0,0,.08);list-style:none;transform:translateX(-50%);}
.featureFlow .featureFlow_item.hasImgTab .featureFlow_img .featureImgTab .tabIdx{display:flex;align-items:center;justify-content:center;min-width:6.5rem;height:2.75rem;padding:0 var(--sp-16);color:var(--g-555);background:transparent;border-radius:var(--rd-full);box-sizing:border-box;cursor:pointer;transition:background .3s ease,color .3s ease;}
.featureFlow .featureFlow_item.hasImgTab .featureFlow_img .featureImgTab .tabIdx .tt{font-size:var(--fs-14);font-weight:var(--fw-600);line-height:var(--lh-100);letter-spacing:var(--ls-m1);white-space:nowrap;}
.featureFlow .featureFlow_item.hasImgTab .featureFlow_img .featureImgTab .tabIdx:hover{color:var(--g-fff);background:var(--g-333);}
.featureFlow .featureFlow_item.hasImgTab .featureFlow_img .featureImgTab .tabIdx.on{color:var(--g-fff);background:var(--c-brand);}

.imgSwiper{position:relative;width:100%;overflow:hidden;}
.imgSwiper .swiper-slide{position:relative;width:100%;}
.imgSwiper .imgSwiper_item{position:relative;width:100%;aspect-ratio:var(--ratio-16x9);overflow:hidden;background:var(--g-f5);}
.imgSwiper .imgSwiper_item img{display:block;width:100%;height:100%;object-fit:cover;}
.imgSwiper .imgSwiper_item .caption{position:absolute;right:var(--sp-24);bottom:var(--sp-24);z-index:2;min-width:12rem;margin:0;padding:var(--sp-16) var(--sp-24);color:var(--g-fff);background:rgba(0,0,0,.78);font-size:var(--fs-18);font-weight:var(--fw-600);line-height:var(--lh-140);letter-spacing:var(--ls-m2);text-align:center;box-sizing:border-box;word-break:keep-all;}
.imgSwiper .imgSwiper_arrow{position:absolute;top:50%;z-index:10;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:0;background:rgba(0,0,0,.55);border:0;cursor:pointer;transform:translateY(-50%);transition:background .3s ease;}
.imgSwiper .imgSwiper_arrow:hover{background:var(--c-brand);}
.imgSwiper .imgSwiper_prev{left:var(--sp-20);}
.imgSwiper .imgSwiper_next{right:var(--sp-20);}
.imgSwiper .imgSwiper_arrow .xi{color:var(--g-fff);font-size:var(--fs-28);line-height:var(--lh-100);}

.specTable{width:100%;overflow:hidden;border-top:2px solid var(--g-111);}
.specTable table{width:100%;border-collapse:collapse;table-layout:fixed;}
.specTable table .colCate{width:16%;}
.specTable table .colItem{width:28%;}
.specTable table th,.specTable table td{padding:var(--sp-20) var(--sp-24);border-bottom:1px solid var(--g-ddd);border-right:1px solid var(--g-e5);font-size:var(--fs-16);line-height:var(--lh-150);letter-spacing:var(--ls-m2);word-break:keep-all;vertical-align:middle;box-sizing:border-box;}
.specTable table tr > *:last-child{border-right:0;}
.specTable table thead th{color:var(--g-111);background:var(--g-f1);font-size:var(--fs-17);font-weight:var(--fw-700);text-align:center;}
.specTable table tbody th{color:var(--g-111);background:var(--g-f5);font-weight:var(--fw-700);text-align:center;}
.specTable table tbody td{color:var(--g-444);background:var(--g-fff);font-weight:var(--fw-400);}
.specTable table tbody td:nth-child(2){color:var(--g-222);font-weight:var(--fw-600);}
.specTable table sup{color:var(--c-brand);font-size:var(--fs-12);font-weight:var(--fw-700);}
.specTable .specNote{margin:var(--sp-16) 0 0;color:var(--g-666);font-size:var(--fs-14);font-weight:var(--fw-400);line-height:var(--lh-160);letter-spacing:var(--ls-m1);word-break:keep-all;}
.specTable .specNote sup{color:var(--c-brand);font-weight:var(--fw-700);}

.specTable.sm table .colCate{width:14%;}
.specTable.sm table .colItem{width:24%;}
.specTable.sm table th,.specTable.sm table td{padding:var(--sp-12) var(--sp-16);font-size:var(--fs-14);line-height:var(--lh-145);}
.specTable.sm table thead th{font-size:var(--fs-15);}
.specTable.sm table tbody th{font-size:var(--fs-14);}
.specTable.sm table sup{font-size:var(--fs-11);}
.specTable.sm .specNote{margin-top:var(--sp-12);font-size:var(--fs-12);line-height:var(--lh-150);}

.wideSec{ margin-bottom: var(--sp-120);}
.wideSec .infoSec{ display: flex; gap: var(--sp-96); align-items: start; margin-top: var(--sp-64);}
.wideSec .infoSec .section_tit{ width: 35%; margin-bottom: 0;}
.wideSec .infoSec .descList{ margin-top: 0; flex: 1;}

.pageBlock_info{position:relative;width:100%; margin-top: var(--sp-64);}
.pageBlock_info .info_list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--g-ddd);list-style:none;}
.pageBlock_info .info_list > li{position:relative;padding:var(--sp-32);border-bottom:1px solid var(--g-ddd);box-sizing:border-box;}
.pageBlock_info .info_list > li .tit{display:block;margin:0;color:var(--g-111);font-size:var(--fs-28);font-weight:var(--fw-700);line-height:var(--lh-140);letter-spacing:var(--ls-m3);word-break:keep-all;}
.pageBlock_info .info_list > li .desc{margin:var(--sp-12) 0 0;color:var(--g-555);font-size:var(--fs-20);font-weight:var(--fw-500);line-height:var(--lh-160);letter-spacing:var(--ls-m2);word-break:keep-all;}

.proinnerImg{position:relative;width:100%;aspect-ratio:var(--ratio-16x9);overflow:hidden; margin-bottom: var(--sp-64);}
.proinnerImg > img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}

.imgGrid{display:grid;gap:var(--sp-20);width:100%;}
.imgGrid.col1{grid-template-columns:repeat(1,minmax(0,1fr));}
.imgGrid.col2{grid-template-columns:repeat(2,minmax(0,1fr));}
.imgGrid.col3{grid-template-columns:repeat(3,minmax(0,1fr));}
.imgGrid.col4{grid-template-columns:repeat(4,minmax(0,1fr));}
.imgGrid .imgGrid_item{position:relative;width:100%;min-width:0;}
.imgGrid .imgGrid_item .img{position:relative;width:100%;overflow:hidden;background:var(--g-f5);}
.imgGrid .imgGrid_item .simT{margin:var(--sp-18) 0 0;color:var(--g-111);font-size:var(--fs-24);font-weight:var(--fw-500);line-height:var(--lh-140);letter-spacing:var(--ls-m2);word-break:keep-all;}
.imgGrid.ratio11 .imgGrid_item .img{aspect-ratio:var(--ratio-1x1);}
.imgGrid.ratio54 .imgGrid_item .img{aspect-ratio:var(--ratio-5x4);}
.imgGrid.ratio43 .imgGrid_item .img{aspect-ratio:var(--ratio-4x3);}
.imgGrid.ratio32 .imgGrid_item .img{aspect-ratio:var(--ratio-3x2);}
.imgGrid.ratio1610 .imgGrid_item .img{aspect-ratio:var(--ratio-16x10);}
.imgGrid.ratio169 .imgGrid_item .img{aspect-ratio:var(--ratio-16x9);}
.imgGrid.ratio21 .imgGrid_item .img{aspect-ratio:var(--ratio-2x1);}
.imgGrid.ratio45 .imgGrid_item .img{aspect-ratio:var(--ratio-4x5);}
.imgGrid.ratio34 .imgGrid_item .img{aspect-ratio:var(--ratio-3x4);}
.imgGrid .imgGrid_item .img img{display:block;width:100%;height:100%;}
.imgGrid.fitCover .imgGrid_item .img img{object-fit:cover;}
.imgGrid.fitContain .imgGrid_item .img img{object-fit:contain;}

.tabBtn2{display:flex;width:100%;margin:0;padding:0;background:#e7e7e7;list-style:none;}
.tabBtn2 > .tabIdx{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;height:4.5rem;background:#e7e7e7;border-right:1px solid rgba(255,255,255,.08);box-sizing:border-box;cursor:pointer;transition:background .3s ease,color .3s ease;}
.tabBtn2 > .tabIdx:last-child{border-right:0;}
.tabBtn2 > .tabIdx .con{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 var(--sp-16);box-sizing:border-box;}
.tabBtn2 > .tabIdx .con .tt{margin:0;color:var(--g-111);font-size:var(--fs-20);font-weight:var(--fw-700);line-height:var(--lh-120);letter-spacing:var(--ls-m2);text-align:center;word-break:keep-all;transition:color .3s ease;}
.tabBtn2 > .tabIdx:hover{background:var(--c-brand);}
.tabBtn2 > .tabIdx.on{background:var(--c-brand);}
.tabBtn2 > .tabIdx:hover .con .tt,.tabBtn2 > .tabIdx.on .con .tt{color:var(--g-fff);}

.useCaseGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-24);width:100%;}
.useCaseGrid .useCaseCard{overflow:hidden;background:#e9e9e9;}
.useCaseGrid .useCaseCard .useCase_img{position:relative;width:100%;aspect-ratio:var(--ratio-16x9);overflow:hidden;}
.useCaseGrid .useCaseCard .useCase_img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.useCaseGrid .useCaseCard .useCase_con{padding:var(--sp-40);box-sizing:border-box;}
.useCaseGrid .useCaseCard .useCase_head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-20);}
.useCaseGrid .useCaseCard .useCase_head .tit{color:var(--g-111);font-size:var(--fs-32);font-weight:var(--fw-700);line-height:var(--lh-130);letter-spacing:var(--ls-m3);}
.useCaseGrid .useCaseCard .useCase_con .desc{margin:var(--sp-14) 0 0;color:var(--g-444);font-size:var(--fs-20);font-weight:var(--fw-400);line-height:var(--lh-160);letter-spacing:var(--ls-m2);word-break:keep-all;}

.softwareCard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-24);width:100%;}
.softwareCard .softwareCard_item{position:relative;display:flex;flex-direction:column;min-height:22rem;padding:var(--sp-40);background:var(--g-f7);border:1px solid var(--g-e5);box-sizing:border-box;transition:background .3s ease,border-color .3s ease,transform .3s ease;}
.softwareCard .softwareCard_item:hover{background:var(--g-fff);border-color:var(--c-brand);transform:translateY(-4px);}
.softwareCard .softwareCard_top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-16);}
.softwareCard .softwareCard_top .num{color:var(--c-brand);font-size:var(--fs-16);font-weight:var(--fw-700);line-height:var(--lh-100);}
.softwareCard .softwareCard_top .type{padding:var(--sp-8) var(--sp-12);color:var(--g-555);background:var(--g-fff);border:1px solid var(--g-ddd);border-radius:var(--rd-full);font-size:var(--fs-12);font-weight:var(--fw-700);line-height:var(--lh-100);letter-spacing:var(--ls-p2);}
.softwareCard .softwareCard_con{margin-top:var(--sp-48);}
.softwareCard .softwareCard_con .tit{margin:0;color:var(--g-111);font-size:var(--fs-32);font-weight:var(--fw-700);line-height:var(--lh-130);letter-spacing:var(--ls-m3);word-break:keep-all;}
.softwareCard .softwareCard_con .desc{margin:var(--sp-20) 0 0;color:var(--g-555);font-size:var(--fs-17);font-weight:var(--fw-400);line-height:var(--lh-170);letter-spacing:var(--ls-m2);word-break:keep-all;}
.softwareCard .softwareCard_bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-20);margin-top:auto;padding-top:var(--sp-40);}
.softwareCard .softwareCard_bottom .line{display:block;width:var(--sp-48);height:2px;background:var(--c-brand);}
.softwareCard .softwareCard_bottom .platform{color:var(--g-777);font-size:var(--fs-14);font-weight:var(--fw-600);line-height:var(--lh-120);}

.pointIconGrid{display:flex;width:100%;background:var(--g-fff);border-top:2px solid var(--c-brand);border-bottom:1px solid var(--g-ddd);margin-top:var(--sp-56);}
.pointIconGrid .pointIcon_item{position:relative;display:flex;flex:1 1 0;flex-direction:column;min-width:0;border-right:1px solid var(--g-ddd);box-sizing:border-box;}
.pointIconGrid .pointIcon_item:last-child{border-right:0;}
.pointIconGrid .pointIcon_head{display:flex;align-items:center;justify-content:center;min-height:5rem;padding:0 var(--sp-20);background:var(--g-f1);border-bottom:1px solid var(--g-ddd);box-sizing:border-box;}
.pointIconGrid .pointIcon_head .tit{color:var(--g-222);font-size:var(--fs-20);font-weight:var(--fw-700);line-height:var(--lh-130);letter-spacing:var(--ls-m2);text-align:center;word-break:keep-all;}
.pointIconGrid .pointIcon_img{display:flex;align-items:center;justify-content:center;min-height:15rem;padding:var(--sp-40);background:var(--g-fff);box-sizing:border-box;}
.pointIconGrid .pointIcon_img img{display:block;width:11rem;height:11rem;object-fit:contain;}

.outputInfo{display:flex;align-items:flex-start;gap:var(--sp-24);width:100%;margin-top:var(--sp-24);padding:var(--sp-24) var(--sp-28);background:var(--g-f7);border-left:3px solid var(--c-brand);box-sizing:border-box;}
.outputInfo .tit{flex:0 0 auto;color:var(--g-111);font-size:var(--fs-20);font-weight:var(--fw-700);line-height:var(--lh-150);letter-spacing:var(--ls-m2);word-break:keep-all;}
.outputInfo .desc{margin:0;color:var(--g-555);font-size:var(--fs-17);font-weight:var(--fw-400);line-height:var(--lh-170);letter-spacing:var(--ls-m2);word-break:keep-all;}

.accessoryList{display:flex;flex-direction:column;gap:var(--sp-32);width:100%;margin-top:var(--sp-64);}
.accessoryList .accessoryItem{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);width:100%;min-width:0;background:var(--g-fff);border:1px solid var(--g-e5);box-sizing:border-box;overflow:hidden;}
.accessoryList .accessoryItem .img{position:relative;width:100%;height:100%;min-height:32rem;overflow:hidden;background:var(--g-f5);border-right:1px solid var(--g-e5);box-sizing:border-box;}
.accessoryList .accessoryItem .img img{display:block;width:100%;height:100%;object-fit:contain;}
.accessoryList .accessoryItem .con{display:flex;flex-direction:column;min-width:0;padding:var(--sp-40);box-sizing:border-box;}
.accessoryList .accessoryItem .head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-10);}
.accessoryList .accessoryItem .head .model{display:block;color:var(--c-brand);font-size:var(--fs-17);font-weight:var(--fw-700);line-height:var(--lh-120);letter-spacing:var(--ls-p1);}
.accessoryList .accessoryItem .head .tit{margin:0;color:var(--g-111);font-size:var(--fs-30);font-weight:var(--fw-700);line-height:var(--lh-130);letter-spacing:var(--ls-m3);word-break:keep-all;}
.accessoryList .accessoryItem > .con > .desc{margin:var(--sp-20) 0 0;color:var(--g-555);font-size:var(--fs-17);font-weight:var(--fw-400);line-height:var(--lh-170);letter-spacing:var(--ls-m2);word-break:keep-all;}
.accessoryList .accessoryItem .spec{margin-top:var(--sp-28);padding-top:var(--sp-20);border-top:1px solid var(--g-ddd);}
.accessoryList .accessoryItem .spec .specTit{display:block;margin-bottom:var(--sp-12);color:var(--g-111);font-size:var(--fs-17);font-weight:var(--fw-700);line-height:var(--lh-140);}
.accessoryList .accessoryItem .spec ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--sp-32);margin:0;padding:0;list-style:none;}
.accessoryList .accessoryItem .spec ul li{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--sp-12);padding:var(--sp-8) 0;border-bottom:1px solid var(--g-ed);box-sizing:border-box;}
.accessoryList .accessoryItem .spec ul li .tt{color:var(--g-777);font-size:var(--fs-14);font-weight:var(--fw-500);line-height:var(--lh-150);word-break:keep-all;}
.accessoryList .accessoryItem .spec ul li .value{color:var(--g-222);font-size:var(--fs-14);font-weight:var(--fw-600);line-height:var(--lh-150);word-break:keep-all;}
.accessoryList .accessoryItem .bottom{display:flex;width:100%;margin-top:auto;padding-top:var(--sp-28);}
.accessoryList .accessoryItem .bottom .btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:4rem;padding:0 var(--sp-24);box-sizing:border-box;font-size:var(--fs-16);font-weight:var(--fw-600);line-height:var(--lh-120);letter-spacing:var(--ls-m2);transition:background .3s ease,color .3s ease,border-color .3s ease;}
.accessoryList .accessoryItem .bottom .btn span{display:block;word-break:keep-all;}
.accessoryList .accessoryItem .bottom .btn .xi{flex:0 0 auto;font-size:var(--fs-18);line-height:var(--lh-100);}
.accessoryList .accessoryItem .bottom .btn.inquiry{color:var(--g-fff);background:var(--c-brand);border:1px solid var(--c-brand);}
.accessoryList .accessoryItem .bottom .btn.inquiry:hover{color:var(--g-fff);background:var(--g-111);border-color:var(--g-111);}


.form_wrap .form_tit{padding:var(--sp-12) 0;border-bottom:1px solid var(--g-111);}
.form_wrap .form_tit .t1{font-size:var(--fs-22);font-weight:var(--fw-700);}
.form_wrap .form_tit .t2{font-size:var(--fs-26);font-weight:var(--fw-700);}
.form_wrap .form_tit .t3{font-size:var(--fs-18);font-weight:var(--fw-500);}
.form_wrap .form_con{padding:var(--sp-24) 0;}
.form_st{border-top:1px solid var(--g-111);}
.form_st > li{flex:1 50%;padding:var(--sp-12) 0;border-bottom:1px solid var(--g-ddd);}
.form_st > li.w100{flex:1 1 100%;}
.form_wrap .form_tit + .form_st > li:first-child{border-top:none;}
.form_st > li.bd0{border-bottom:none;}
.form_lab{display:flex;align-items:center;}
.form_lab .lab_tit,.form_lab .lab_con{display:flex;align-items:center;min-height:3rem;box-sizing:border-box;}
.form_st.h1 .lab_tit,.form_st.h1 .lab_con{min-height:2rem;}
.form_lab .lab_tit{width:9rem;min-width:9rem;margin-right:var(--sp-32);gap:var(--sp-8) 0;padding-left:var(--sp-4);}
.form_lab .tit1{font-size:var(--fs-17);font-weight:var(--fw-500);}
.form_lab .tit2{font-size:var(--fs-15);font-weight:var(--fw-500);line-height:var(--lh-120);}
.form_lab .lab_con{flex:1 1 0%;min-width:0;gap:var(--sp-4);font-weight:var(--fw-500);}
.form_lab .lab_con .label_file{ display: none;}
.form_lab .lab_con:not(.flex) > *{flex:1 1 0%;min-width:0;}
.form_lab .lab_con .inp_tt{flex:0 0 auto;color:var(--g-666);font-size:var(--fs-15);font-weight:var(--fw-400);}
.form_lab .lab_con .input_st{width:100%;}
.form_lab .lab_con .line{margin-top:var(--sp-12);padding-top:var(--sp-12);border-top:1px solid var(--g-ddd);}
.form_lab .lab_con .w1{flex:0 0 auto;width:3rem;}
.form_lab .lab_con .w2{flex:0 0 auto;width:9rem;}
.form_lab .lab_con .w50{flex:0 0 auto;width:50%;}
.form_lab .lab_con .w100{flex:0 0 auto;width:100%;}
.form_lab .lab_con .w_auto{flex:0 0 auto;}
.form_lab .lab_con .max1{max-width:27rem;}
.form_lab .lab_con .max2{max-width:12.375rem;}
.form_lab .lab_con .max3{max-width:23.5rem;}
.form_lab .lab_con .min1{min-width:23.5rem;}