@charset "UTF-8";

@font-face {
	font-family: "ITC";
	src: url("../../font/ITCAvantGardeStd-Md.otf") format("opentype");
	font-style: normal;
}
/*  RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;vertical-align:baseline;font-size:inherit;color:inherit;box-sizing:border-box}
dl, ul, ol, menu, li{list-style:none}
fieldset, img{border:0 none;box-sizing:border-box}
input, select, textarea, button{vertical-align:middle;margin:0;padding:0;font-family:inherit;box-sizing:border-box}
button{border:0 none;background-color:transparent;cursor:pointer;box-sizing:border-box}
address, caption, cite, code, dfn, em, var{font-style:normal;font-weight:normal;box-sizing:border-box}
input, textarea, img{max-width:100%}
a, a:hover, a:visited, a:active{ text-decoration:none}
sup{font-size:small;vertical-align:text-top}
sub{font-size:small;vertical-align:text-bottom}
button, select{-webkit-appearance:none;appearance:none}
select::-ms-expand{display:none}
select{min-width:80px;height:40px;line-height:32px;padding:0 30px 0 15px;border:1px solid #999;font-size:0.9375rem;border-radius:0px;background:#fff url("../img/select.svg")no-repeat right 10px top 50%;box-sizing:border-box; background-size: 7px; font-size: 1rem !important; border-radius: 4px}
select::-ms-expand {display: none;}
select.disabled,select:disabled{color:#999 !important;background:#eee url("../img/select.svg") no-repeat right 10px top 50%;}
a[target="_blank"]:after{font-style: normal;font-weight: normal;speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family: "remixicon";content:"\EA70"; font-size:0.8125rem !important; } 

table{width:100%;order-collapse:collapse;border-spacing:0}
table caption{overflow:hidden;width:0px;height:0px;clip:rect(1px, 1px, 1px, 1px)}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
section, main{display:block}
img{vertical-align:top}
h1, h2, h3, h4, h5, h6, em, strong{font-weight:700; }
input:disabled, textarea:disabled{opacity:1;-webkit-text-fill-color:inherit}
textarea, input{border-radius:0}
textarea, input{-webkit-appearance:none;border-radius:0}
input[type="checkbox"], input[type="radio"]{opacity:0}
input[type="number"]{-webkit-appearance:none;appearance:none;box-shadow:none}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
html{-webkit-text-size-adjust:100%}
*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjustbox-sizing:none;box-sizing:border-box} 
button, input, optgroup, select, textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button, select{text-transform:none}
button, [type="button"], [type="reset"], [type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{border-style:none;padding:0}
textarea{overflow:auto}
[type="checkbox"], [type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input::-ms-clear, input::-ms-reveal{display:none;width:0;height:0}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration{display:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
progress{vertical-align:baseline}
details{display:block}
summary{display:list-item}
[hidden], template, hr{display:none}

body{ -webkit-overflow-scrolling: touch; }
/*::-webkit-scrollbar {-webkit-appearance: none;}*/

:focus{outline: 0 !important;}

/*  Input */
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"]{height:40px;padding:0 20px;border:1px solid #999;background-color:#fff;box-sizing:border-box;font-size: 1rem;color:#000; border-radius: 4px}
input[type="text"]:not(.dates):read-only, input[type="password"]:read-only, input[type="number"]:read-only, input[type="email"]:read-only, input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled{background-color:#eee;color:#999}
textarea{resize:none;width:100%;height:100px;padding:10px 20px;border:1px solid #d9d9d9;background-color:#fff;box-sizing:border-box;font-size: 1rem;line-height:24px;color:#000}
::-webkit-input-placeholder { color:#999 !important; font-weight:normal; font-style: normal }
::-moz-placeholder { color:#999 !important; font-weight:normal; font-style: normal }
:-ms-input-placeholder { color:#999 !important; font-weight:normal !important; font-style: normal }
:-moz-placeholder { color:#999 !important; font-weight:normal; font-style: normal }

/* old 
-------------------------------------------------------------- */
.blind, .hidden{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.soundOnly{display:block !important;position:absolute !important;top:-9999px !important;left:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;border:0 !important;overflow:hidden !important;}
.sr,.sr-only{clip: rect(1px, 1px, 1px, 1px);position: absolute;margin: -1px;height: 1px;width: 1px;border: 0;padding: 0;overflow: hidden;word-wrap: normal;}
.flex{ display: flex} 
.cmt {font-size:0.8125rem;font-weight: 400;display: inline-block;white-space: nowrap; color: #909090}
.al{text-align:left !important;}
.ar{text-align:right !important;}
.ac{text-align:center !important;}
.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.f_ais{ align-items: flex-start !important}
.f_aie{ align-items: flex-end!important}
.f_aic{ align-items: center !important}
.f_dc{ flex-direction: column !important} 
.f_dr{ flex-direction: row !important} 
.db{display:block !important;}
.dib{display:inline-block !important;}
.ws_nowrap{ white-space: nowrap !important} 
.ws_wrap{ white-space: normal!important} 
.fsn{ font-style: normal } 
.clearfix:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;}
.overlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:99;-webkit-transform: translateZ(0)}
.need{font-size: 0.875rem;color:#fb5c54 !important;}
span.need{font-size: 0;  } 
span.need:before{ font-size: 1.2rem; font-weight: 700; content: "*"; } 
.dotdot{ display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} 
.fl{ float: left !important} 
.fr{ float: right !important} 
.h50{height: 50px !important}.h70{height: 70px !important}.h100{height: 100px !important}.h150{height: 150px !important}.h200{height: 200px}.h300{height: 300px}
.max{width:100%;}.half{width:50%;}
.half + .half{ width: calc(50% - 20px); margin-left: 10px} 
.w50{width:50px;}.w70{width:70px;}.w100{width:100px;}.w138{width:138px;}.w140{width:140px !important;}.w150{width:150px;}.w200{width:200px !important;}.w240{width:240px;}.w270{width:270px;}.w300{width:300px;}.w350{width:350px;}.w400{width:400px;}.w520{width:520px;}
span.alert, p.alert, div.alert{ font-size:0.8125rem;display: block;color: #ce3e3e; position: relative; padding-left: 15px} 
span.alert:before, p.alert:before, div.alert:before{ position: absolute; left: 0; top: 0px;font-family: "remixicon"; font-style: normal; font-weight: normal; speak: none; display:block;  text-decoration: inherit; text-align: center; font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content:"\EA20";} 
span.alert.ok, p.alert.ok, div.alert.ok{ color:#46a5a8 !important} 
.badge{ display: inline-block; font-size: 0.75rem; padding: 0 5px; background:#ff4800; color: #fff; border-radius: 3px } 
.badge + *{ margin-left: 5px} 
/* padding 
-------------------------------------------------------------- */
.pdt0{padding-top:0px !important;}.pdt5{padding-top:5px !important;}.pdt10{padding-top:10px !important;}.pdt15{padding-top:15px !important;}.pdt20{padding-top:20px !important;}.pdb0{padding-bottom:0px !important;}.pdb5{padding-bottom:5px !important;}.pdb10{padding-bottom:10px !important;}.pdb15{padding-bottom:15px !important;}.pdb20{padding-bottom:20px !important;}.pdr40{padding-right:40px !important;}.pdl20{padding-left:20px !important;}
/* margin
-------------------------------------------------------------- */
.mgt0{margin-top:0px !important;}.mgt5{margin-top:5px !important;}.mgt10{margin-top:10px !important;}.mgt15{margin-top:15px !important;}.mgt20{margin-top:20px !important;}.mgt30{margin-top:30px !important;}.mgt40{margin-top:40px !important;}.mgt45{margin-top:45px !important;}.mgt50{margin-top:50px !important;}.mgb0{margin-bottom:0px !important;}.mgb5{margin-bottom:5px !important;}.mgb10{margin-bottom:10px !important;}.mgb15{margin-bottom:15px !important;}.mgb20{margin-bottom:20px !important;}.mgl0{margin-left:0px !important;}.mgl5{margin-left:5px !important;}.mgl10{margin-left:10px !important;}.mgl15{margin-left:15px !important;}.mgl20{margin-left:20px !important;}.mgl40{margin-left:40px !important;}.mgl70{margin-left:70px !important;}.mgr0{margin-right:0px !important;}.mgr5{margin-right:5px !important;}.mgr10{margin-right:10px !important;}.mgr15{margin-right:15px !important;}.mgr20{margin-right:20px !important;}.mgb10{margin-bottom:10px;}

/*  Common Layout */
:lang(ko){word-break:keep-all}
:lang(en){word-break:break-all}
html{min-height:100%; font-weight:300; scroll-padding-top:50px;scroll-behavior: smooth; -ms-scroll-padding-top: 50px; font-size: 16px; min-width: 320px}
html *{font-family:'Poppins','Noto Sans KR',  sans-serif; font-weight: 400}
body{line-height:1.6;color:#000; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;-webkit-font-smooting:antialiased; -moz-font-smoothing:grayscale; }


/*기본태그 정의*/
* { box-sizing: border-box}
*:before, *:after{ box-sizing: border-box} 
*{image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;} 
/* --------------------------------------------------------------
Layout 
-------------------------------------------------------------- */
html, body{font-size: 12px;} 

.wrap > .container{ display: block; position: relative; margin: 0} 
/*.wrap > .container.active{ display: block}*/
.wrap > .container:target {display: block}

.visual{ position: relative; margin-bottom: 40px; background: #fff;} 

.visual .img img{ width: 100%} 

.visual .img{ width: 100%; margin: 0 auto;} 
.visual--is-active .img{ width: 100%; padding-top: 0; height: auto; transform: translate(0)} 

.visual p{ top: 50px;position: absolute; left: 50%;transform: translate(-50%,0%); color: #fff; text-align: center; width: 100%; color: #000; transition: .3s;top: 50%; transform: translate(-50%,-50%);color: #fff;} 
.visual p.title{ margin-top: -15px; display: flex; align-items: center; font-size:0.8125rem; justify-content: center; padding: 10px } 


.visual  p.dec{ margin-top: 10px; font-weight: 700; font-size: 1.75rem; padding: 10px;line-height: 1.3;letterSpacing:-0.02px; margin-top: 30px; } 

.visual p.title span{ display: inline-flex; align-items: center; font-weight: 500} 
.visual p.title span+span{ font-weight: 700} 
.visual p.title span+span:before{ content: ""; display: inline-block; width:12px; height: 1px; background: #000; font-size: 0; margin: 0 6px ; background: #fff;  } 




.content{ padding: 0 15px; font-size: 1rem;} 
.head_bx{ text-align: center;font-weight: 700; margin-bottom: 35.5px; line-height: 1.6} 
.head_bx strong{ font-size: 1.125rem; font-weight: 700;} 
.head_bx p{ font-size:0.8125rem; font-weight: 700 } 
.head_bx strong img{ display: block; margin: 0 auto 15px auto;image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;} 
.content h2{ font-size: 2.5rem; font-weight: 700; letter-spacing: -0.4px} 
.txt_bx{ line-height: 1.875rem} 
.txt_bx p + p{ margin-top: 30px} 
.txt_bx > p > strong{ font-weight: 700; display: block} 
.txt_bx h3{ font-size: 1rem; font-weight: 700; margin-bottom: 15px}
.txt_bx h4{ color: #bbbbbb;font-size: 0.9375rem; font-weight: 700; margin-bottom: 8px} 
.menu_bx{ display: flex; justify-content: space-between; flex-basis: 25%; margin: 50px 0; padding: 0 15px} 
.menu_bx  a{ display: flex; flex-direction: column; justify-content: flex-end; width: 100%; align-items: center; font-size:0.8125rem; max-width: 70px; height:50px } 
p+h3{ margin-top: 30px} 
.menu_bx  a i{ display: block; width:50%; margin: 0 auto 10px auto; text-align: center} 
.menu_bx  a i img{ max-height: 28px; max-width: 32px} 
.foot_w{ background:#1e1a1a; font-weight: 700; color: #999; line-height: 2.25rem; text-align: center; padding: 30px 20px } 
.foot_w p{ display: inline-block; vertical-align: middle; padding: 0 5px } 
.foot_w p.rights{ padding: 0} 
.img_box{ width: calc(100% + 30px); margin-left: -15px; margin-bottom: 25px} 
.txt + .txt{ margin-top: 60px}
/* --------------------------------------------------------------
컨텐츠
-------------------------------------------------------------- */
/* 연혁 */
.history li{ display: flex;font-size: 0.9375rem; line-height: 1.4 } 
.history li strong{ font-size: 0.9375rem; margin-right: 5px; font-weight: 700; width: 15px} 
.history + h3{ margin-top: 30px} 
.history li + li{ margin-top:8px} 
.history  + h4{ margin-top:15px} 

/* 조직도 */
ul.org{ width:65%; display: block;  margin: 0 auto 0 auto; overflow: hidden  }  
ul.org:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
ul.org li{ width:76px; height:76px; background:#f4f4f4; border-radius: 100%; border: 1px solid #000; font-size:0.875rem; letter-spacing: -0.5px; line-height: 1.4; display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 20px; position: relative; padding: 0 5px  } 
ul.org li:nth-of-type(2n){ float: left; clear: left} 
ul.org li:nth-of-type(2n+1){ float: right;} 
ul.org li.ceo{ float: none; margin: 0 auto; background: #030000; border-color: #030000; color: #fefefe} 
ul.org li:nth-of-type(2n):after{ width: 70vw; content: ""; height: 1px; background: #000; position: absolute; left:10px; top: 50%; display: block; z-index: -1 } 
ul.org li.ceo:after{ content: ""; height:385px; background: #000; position: absolute; left:50%; top: 50%; display: block; z-index: -1; width: 1px }

/* 고객사 */
.partner{ display: flex; justify-content: space-between; flex-wrap: wrap;  } 
.partner li{ margin-bottom:7px; width: calc(33.333% - 4px) } 
.partner +h3{ margin-top: 60px} 

/* 찾아오시는 길 */
.map{ position: relative; overflow: hidden; margin-bottom: 25px} 
.map img{ width: 100%} 
.map .pointer{ position: absolute; left:calc(57vw - 30px); top: calc(37vw - 30px); width: 19px; height: 26px} 
@media only screen and (max-device-width:320px){
	.map .pointer{left:155px; top:85px}
}

#location .txt_bx{ margin-bottom: 50px} 
#location h3{ margin-bottom: 0} 

/* 서비스 */
.sv_wrap .content h2{ font-size: 2rem} 
.sv_wrap .head_bx strong{ width: 82.5px; display: block; margin: 0 auto} 
.sv_wrap #omnilab .head_bx strong{ width: 70px;}
.sv_wrap #audit .head_bx strong{ width: 45px;}
.sv_wrap #uxui .head_bx strong{ width: 56px;}
/* 솔루션 */
.solution_wrap .content h2{ font-size: 2rem} 
.solution_wrap .txt_bx h3{ font-size: 1.5rem} 
.solution_wrap .head_bx strong{ width: 85px; display: block; margin: 0 auto} 
.solution_wrap #Dataddo .head_bx strong{ width: 70px;}
.solution_wrap #miCRM .head_bx strong{ width: 46px;}
.solution_wrap #Quick .head_bx strong{ width: 35px;}

.solution_wrap ul.list li{ border-bottom: 2px solid #000; padding:32px 15px 20px 15px}
.solution_wrap ul.list li img{ max-width: 37.5px; max-height: 33px; margin-bottom: 17px} 
.half_box ul{ display: flex; justify-content: space-between; flex-wrap: wrap} 
.half_box ul li{ width: calc(50% - 5px)} 
.solution_wrap .txt_bx div+div{ margin-top: 60px} 
.max_box li{ display: flex; justify-content: space-between; gap:25px; align-items: center} 
.max_box li p> strong{ font-weight: 700; display: block} 
.max_box li i{ width: 36px; display: block; flex-shrink: 0; text-align: center} 
.solution_wrap .max_box ul.list li img{ margin-bottom: 0; max-height: none; max-width: 33px  } 

#Dataddo .max_box li{ flex-wrap: wrap; padding: 32px 0 20px 0;align-items: flex-start; }
#Dataddo .max_box h3{ margin-bottom: 0} 
.max_box li .source{ display: inline-flex; flex-wrap: wrap;  gap:0; flex:1 0 120px; } 
.max_box li .source > strong{ display: block; font-weight:500; font-size: 0.75rem; flex:1 0 100%; flex-shrink: 0; margin-bottom: 5px} 
.max_box li .source > span{ display: block; gap:10px; font-size: 0.625rem; line-height: 1.2; text-align: center; word-break: keep-all; letter-spacing: -1px; margin-right: 5px; max-width: 36px; line-height: 1.12; margin-bottom: 10px} 
.max_box li .source > span>i{ width: 25px; display: block; margin: 0 auto 5px auto} 

.max_box li .source > span>i img{ width: 100%} 
.max_box li .source + .source{ margin-top: 0} 
.max_box li .source > span:last-of-type{ margin-right: 0} 
.max_box li:first-of-type{ padding-top: 25px !important} 

/* 메인 */
.main_wrap .visual{ position: relative; width: 100vw; height: 100vh; margin: 0; overflow: hidden} 
.main_wrap .tool_bx{ position: absolute; right: 0; bottom: 0; height: 35px; z-index: 6; width: 100%} 
.main_wrap .visual .tool_bx{ position: absolute; left: 43.5px; bottom:110px; width: calc(100% - 100px); color: #fff; font-size: 12px; height: 44px; right: auto} 
.main_wrap .visual .swiper-pagination-fraction{ position: absolute; left: 0; top: 0; width: auto; text-align: left; font-size: 10px} 
.swiper-progress-bar { position: relative; width:100%;  display: block;  z-index: 10;  height:1px; display: inline-block; vertical-align: middle; margin-top: 25px}
.swiper-progress-bar .slide_progress-bar { position: absolute;  height:1px;  background:  rgba(255,255,255,0.25);  width: auto;  clear: both;  opacity: 0;  top: 0;  left: 0;  right: 0;}
.swiper-progress-bar .slide_progress-bar:after {  position: absolute;  top: 0;  left: 0;  background: rgba(255,255,255,0.985);  height: 100%;  width: 0;  content: ""; z-index: 15}
.swiper-progress-bar.active .slide_progress-bar {  opacity: 1;}
.swiper-progress-bar.animate .slide_progress-bar:after {  transition: width linear;  transition-delay: unset;  width: 100%;  transition-duration: 5s;}
.visual .bt_scroll{ position: absolute; left: 50%; bottom: 25px; transform: translate(-50%,0); width:20px; height: 20px; background: url("../img/btn_scroll.png") no-repeat 50% 0; background-size: 9px; display: block; z-index: 10} 
.main_wrap .swiper-slide .tit, .main_wrap .swiper-slide .txt{ position: absolute; left:43.5px; position: absolute; left: 43.5px; bottom: 60px; color: #fff;font-weight: 500; font-size: 1.25rem;font-weight: 500 }
.main_wrap .swiper-slide .tit{top: 50%; bottom: auto; font-size:0.8rem; font-weight: 400; transform: translateY(-50%);  } 
.main_wrap .visual .swiper-slide .txt{font-size:1.7rem; line-height: 1.43; transform: translateY(20%);  top: 50%; bottom: auto}
.main_wrap .swiper-button-next{ background: #fff; width: 35px; height: 35px;top: 0; right: 0; margin: 0; color:#000; } 
.main_wrap .swiper-button-next:after{ font-size: 1rem; font-weight: bold} 
.main_wrap  .swiper-pagination-fraction{ position: absolute; left: auto; top: 50%; width: auto; text-align: left; font-size: 10px; color: #fff; right: 50px; transform: translateY(-50%); overflow: hidden; height: 20px; font-weight: 100} 
.main_wrap .dn{ background: #000; padding-top:50px; } 
.main_wrap .dn button{ height: 50px; background: url("../img/bg_dn.jpg") no-repeat 0 50%; background-size: cover; width: 100%; color: #fff; text-align: left; padding: 0 25px; display: flex; align-items: center } 
.main_wrap .dn button:after{ content: ""; background: url("../img/arrow_circle.png") no-repeat 50% 50%; width: 11px; height: 11px; background-size: cover; margin-left: 10px; display: block} 
.main_wrap .dn button.bt_contact { background-image: url("../img/bg_contact.jpg"); margin-top: 1px} 
.main_wrap .dn button.bt_contact:after{ transform: rotate(-90deg)} 
.main_wrap .partner{ flex-wrap: nowrap; padding:15px; align-items: center } 
.main_wrap .partner span.tableau img{ width: 87px} 
.main_wrap .partner span.silver img{ width: 159px} 
.main_wrap .partner span{ display: flex; align-items: center} 
.main_wrap h2{ font-size: 1.1.666rem; font-weight: 700; padding: 30px 15px 10px 15px }
.menu {overflow: auto; position:fixed; top:0; left:-200vw; padding:12.3611vw 0; width:100vw; height:100vh; background:#005faf; transition:0.3s left}
.on .menu {left:0; z-index:50}
.menu .btn.close {position:absolute; top:4.16667vw; right:4.16667vw; display:flex; width:3.47222vw; aspect-ratio: 1/1;}
.menu .btn.close .line {position:absolute; top:1.73611vw; left:0; width:4.5833vw; height:clamp(1px, 0.2778vw, 2px); background:#fff; transform:rotate(-45deg);}
.menu .btn.close .line:last-child {transform:rotate(45deg);}
.menu .gnb {display:flex; flex-direction:column; align-items:center; padding:0 13.8889vw;}
.menu .gnb .gnb-links {display:flex; justify-content:center; padding:14.4444vw 0; width:100%; border-top:1px solid #fff;}
.menu .gnb .gnb-links ul {display:flex; flex-direction:column; gap:6.9444vw;}
.menu .gnb .gnb-links ul li {color:#fff; text-align:center;}
.menu .gnb .gnb-links ul li a {font-family:"ITC"; font-size:4.1667vw; font-weight:500}
.menu .gnb .gnb-links:last-child {border-bottom:1px solid #fff;}
/* 
.menu{ position: fixed; left: -200vw; top: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.85); color: #fff; z-index: -1; overflow-y: auto; padding-bottom: 50px; visibility: hidden; transition: .3s left} 
.on .menu{left: 0; visibility: visible; opacity: 1; z-index: 50 } 
.menu > div{ padding: 0 30px} 
.menu .top h1{ width: 62.5px; display: flex; align-items: center}
.menu .top { padding: 20px 20px 0 20px; display: flex; align-items: center; justify-content: space-between} 
.menu .top .bt_close{ width:24px; height: 24px; text-align: right} 
.menu .top .bt_close img{ width: 12px; height: 12px} 
.menu ul li{ font-size:2.25rem; font-weight: 500; line-height: 1.3}
.menu ul li a{ font-weight: 500; } 
.menu > div h2{ font-size: 10px; font-weight: 400; margin-bottom: 5px; padding: 0} 
.menu > div + div{ margin-top: 40px} 
.menu .Solution h2{ margin-bottom: 15px} 
.menu .Solution ul{ display: flex; align-items: flex-end; justify-content: space-between; } 
.menu .Solution ul li{ text-align: center} 
.menu .Solution ul li img{ width: 50%} 
 */
.header {position: absolute; top: 0; left: 0; display: flex; justify-content: space-between; align-items: center; padding: 4.16667vw; width: 100%; z-index:20}
.header .logo {width:22.2222vw;}
.header .logo a {display:block;}
.header .logo a svg {width:100%;}
.header .btn.hamburger {display:flex; flex-direction:column; gap:1.25vw;}
.header .btn.hamburger .line {width:4.16667vw; height:clamp(1px, 0.2747vw, 2px); background:#fff;}
.header .btn.call {width:5.5556vw; aspect-ratio: 1/1; background: url("../../image/mobile/ico_call.png") no-repeat; background-size: contain;}
/* 
.header{ position: absolute; left: 0; top: 0; z-index: 20; padding: 20px; display: flex; justify-content: space-between; width: 100%; transition: .3s all} 
.header h1{ width: 96px}
.header .dec{ position: absolute; left:45px; top: 50px; color: #fff; font-size: 7px; line-height: 1.12} 
.header .tool{ height:23px; display: flex;} 
.header .tool button{ width: 23px; height: 23px; display: flex; align-items: center; justify-content: center; margin-left: 15px} 
.header .tool .bt_tel{ width: 23px; height: 23px; display: flex; align-items: center; justify-content: center; margin-left: 15px} 
.header .tool button.bt_menu img{ width: 17px} 
 */
.header.fixed{ position: fixed; background: rgba(0,0,0,0.8)} 
.header.fixed .dec{ display: none} 
html.on{ height: 100vh; overflow: hidden} 
.main_wrap .visual .img { padding: 0;  width: 100vw;  height: 100vh;  overflow: hidden;  position: relative}
video {z-index: -1; width: 100vw; position: absolute; left: 0; top: 0}
#background_video2{ transform: translateX(-40%)} 
#background_video3{transform: translateX(-30%)}
@media screen and (max-aspect-ratio: 1219/685) {
  video {width: auto;height: 100vh;}
}

@media (orientation: landscape){
	#background_video2{ transform: translateX(0%)} 
	#background_video3{transform: translateX(0%)}
	.main_wrap .visual .tool_bx{ width: 130px; bottom: 50px; left: auto; right: 45px} 
	.main_wrap .visual .swiper-slide .txt{transform: translateY(0);} 
}