@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
* {   font-family: 'Spoqa Han Sans Neo', 'sans-serif';  word-break:keep-all;  letter-spacing:-.5px}
@font-face {
    font-family: 'KIMM_Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}}
body {height:100%; min-width:1400px}
html {height:100%}

 
.ac {align-items:center !important; }
.as {align-items:flex-start !important; }
.ad {align-items:flex-end !important; }
.jt {justify-content:flex-start !important; }
.jc {justify-content:center !important; }
.js {justify-content:space-between !important; }

#wrap {height:100%; position:relative; width:100%; min-width:1400px;  display:inline-block; }
.sian_tab {min-width:1400px; }

  
#container {  width:100%; display:inline-block;  }

header {height:90px;  position:fixed; z-index:99999;width:100%;  display:flex; align-items:center; background-color:#fff; transition: all 0.3s ease-out;}
header * { transition: all 0.3s ease-out; }
header .flex.in {align-items:center;  box-sizing:border-box; padding:0 3.5%; max-width:100%; justify-content:space-between }
header ul {width:1000px;  display:flex; align-items:center;  justify-content:flex-end;  }
header ul li {font-size:21px;  width:16.66666%; font-weight:500;  text-align:center; position:relative}
header ul li:last-child {padding-right:5px}
header ul li:after {content:' '; width:3px; height:3px; background-color:#555;  position:absolute; right:0; top:50%;   transform:translateY(-50%);
  }
header ul li:last-child:after {display:none}
header div.drop_menu {overflow:hidden;  width:100%; position:absolute; background-color:#fff;  z-index:999;  top:90px; left:50%; box-sizing:border-box;   transform:translateX(-50%);  height:0;  }
header:hover div.drop_menu  {height:350px; border:1px solid #ddd}
header div.drop_menu ul {width:1000px;  margin:0 auto;  border-left:1px solid #ddd;    align-items:stretch; }
header div.drop_menu ul li {width:100%; border-right:1px solid #ddd; font-size:16px; font-weight:500;  padding:25px 0 }
  
header div.drop_menu ul li a {width:100%; color:#222; font-weight:300;  margin-bottom:7px; display:inline-block; text-align:center }
header div.drop_menu ul li a:hover {text-decoration:underline}
header div.drop_menu  ul li:after {display:none}
 
header div.lang a {display:flex; align-items:center; justify-content:flex-end; gap:6px; }

header h1 img:nth-child(1) {display:block}
header h1 img:nth-child(2) {display:none}

.main_con {width:100%;  margin:0 auto; min-width:1400px;  font-size:16.5px;  font-weight:300; line-height:1.4}
.in {width:100%; margin:0 auto;  min-width:1400px;  max-width:1400px;  }
.flex {display:flex}

hr {height:100px}
h3 {font-size:2em}

section {}

.arrow { position: absolute;   }
.arrow::after {
	position: absolute;
    right:0; 
	top: 30%;
	content: '';
	width: 35%;  
	height: 35%; 
	border-top: 2px solid #fff; 
	border-right: 2px solid #fff; 
		transform: rotate( 45deg );

} 
.arrow::before {
  content:'';
  width:80%;
  height:2px;
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  background:#fff
}


.fixed_q.over { opacity:1; right:1%}   
.fixed_q { position:fixed; right:-200px; width:120px; padding:25px 0;  bottom:170px; /* border:1px solid #cad2dc;  */ box-shadow:2px 2px 10px rgba(0,0,0,.15); border-radius:15px; opacity:0; transition: all 0.6s ease-out; display:flex; flex-direction:column; gap:5px; text-align:center; overflow:hidden}
.fixed_q:after {width:100%; height:100%; position:absolute; left:0; top:0; content:'';   z-index:-9; background: rgba(255, 255, 255, 1);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);} 
.fixed_q  h5 {margin-bottom:7px; font-size:1em; font-weight:600}
.fixed_q a {  z-index:9999; font-size:15px; color:#555; width:100%;  box-sizing:border-box;  text-align:center;  transition: all 0.1s ease-out; }
 .fixed_q2 { position:fixed;   width:120px; padding:30px 0; right:0;  bottom:50px; border:2px solid red; opacity:0; transition: all 0.6s ease-out; display:flex; flex-direction:column; gap:10px }
 



footer {width:100%; background-color:#fff; display:inline-block;  font-size:16px;  font-weight:300;  padding:43px 0 50px 0; box-sizing:border-box; line-height:1.5em;  border-top:1px solid #ddd; margin-top:100px; color:#444 }
footer h2 {margin-bottom:10px; font-size:1.2em;  }
footer .top_link {width:60px;  line-height:60px; background-color:#ffa00b; text-align:Center; font-size:1rem; display:inline-block; color:#fff; margin-right:4%;  float:right; }
footer div {  padding:0 4%; box-sizing:border-box; width:100%; display:inline-block  }
footer b {font-weight:500; color:#222}
@media all and (max-width:900px) {
		footer {line-height:1.4em; padding-right:0}
		footer .top_link {margin-right:0}
		footer h2 {margin-bottom:10px; font-size:1.2em}

}

	
a.basic_btn {background-color:#0d2997;   font-size:1rem; box-sizing:border-box; padding:0 20px; width:150px; line-height:40px; color:#fff; border-radius:5px; display:flex; transition: all 0.3s ease-out; }
a.basic_btn:after {content:'→'; margin-left:auto}
a.basic_btn:hover {background-color:#1739c1} 
a.basic_btn + a.basic_btn {margin-left:5px}

section + section {margin-top:120px}

.vi * {transition: all 0.3s ease;}
.vi .in {position:Absolute;  position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);  color:#fff;  z-index:9999}
.vi .in h3 {font-size:3em; font-family: 'SpoqaHanSansNeo-Regular';  }
.vi .in  .flex {gap:20px; margin-top:20px}
.vi .in  a {color:#fff; border:1px solid #fff; margin-top:20px;  border-radius:50px; font-size:18px;   padding:11px 48px; display:inline-block}
.vi .in  a:hover {background-color:#fff; color:#000;  }

.tit {text-align:center; }
.tit  + p {color:#555; margin-top:8px}


.about ul.flex {width:100%;   justify-content:center;  padding:0 4%; box-sizing:border-box }
.about ul.flex li {  width:16.66666%; font-size:19px; position:relative;    padding:40px 0;   text-align:Center;}
.about ul.flex li b {font-size:1.3em;    margin-top:10px;  color:#111; font-weight:500; display:flex;  align-items:center; justify-content:center; gap:5px}
.about ul.flex li b span {font-size:1.6em;  font-weight:900;  font-family: 'KIMM_Bold'; color:#000}
.about ul.flex li p {height:75px; width:70px; position:relative; margin:0 auto; display:flex; align-items:center; justify-content:center;}
/* .about ul.flex li p:after {background-color:var(--main_c); border-radius:50%;  opacity:.2; width:50px; height:50px; content:'';  position:absolute; bottom:-7px; right:-7px}
 */.about ul.flex li p img {position:Relative; z-index:99; transform: scale(0.6);}


/*  .about ul.flex li p:after {background-color:var(--main_c); width:1px; height:20px; content:''; position:absolute; bottom:-25px; left:50%}
 */  
 .about ul.flex li i {font-size:38px; color:var(--main_c)}
.about ul.flex li strong {display:block; margin-top:-3px; font-weight: 400; font-size:20px}
 

 
.business_list_wrap {width:100%; display:flex; gap:20px;  margin-top:30px}
.business_list_wrap .business_list_box  {width:100%;  position:Relative; height:470px;  padding:0; background-color:#333; overflow:hidden}
.business_list_wrap   * {transition: all 0.3s ease-out;}
.business_list_wrap .business_list_box  img {width:100%}
.business_list_wrap .business_list_box  div {position:absolute; padding:60px 40px  30px 40px; box-sizing:border-box;  top:0; left:0; color:#fff; height:100%; display:flex; flex-direction:column; justify-content:flex-end}
.business_list_wrap .business_list_box span { position:relative; z-index:9; letter-spacing:0; font-size:1.1em; font-weight:300}
.business_list_wrap .business_list_box  h5 {font-size:1.7em; position:relative; z-index:9}
.business_list_wrap .business_list_box  div p {height:0;  opacity:0; margin-top:20px;  overflow:hidden;   position:relative; z-index:9}
.business_list_wrap .business_list_box:hover div p {opacity:1; height:150px; font-size:.95em}
.business_list_wrap .business_list_box:hover div {background:rgba(0,0,0,.5); }
.business_list_wrap .business_list_box:hover > p {  filter: blur(5px);
    -webkit-filter: blur(5px); }
.business_list_wrap .business_list_box  div:after {background:rgba(0,0,0,.2); width:100%; height:100%; position:absolute; left:0; top:0; content:''}




.board ul.flex {width:100%; gap:20px}
.board  * {   transition: all 0.3s ease;}
.board ul.flex li {width:100%;   padding:0; background-color: rgb(246, 248, 252); }
.board ul.flex li img {width:100%; }
.board ul.flex li span {background-color:var(--main_c); color:#fff;  padding:4px 10px; display:inline-block; font-size:16px}
.board ul.flex li h5 {font-size:1.2em; font-weight:500;  margin:10px 0 5px 0 }
.board ul.flex li .text {padding:27px 20px 30px 20px;   box-sizing:border-box; }
.board ul.flex.type2 li span {background-color:var(--main_c2); }

.board  ul li:hover h5 {text-decoration:underline}
.board  ul li:hover  img {filter: grayscale(100%)}
.logo-slider {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  background: #fff;
 }

.logo-track {
  display: flex;
  width: calc(100%); /* 두 번 반복된 로고 슬라이드 */
  animation: scroll-left 20s linear infinite;
}

.logo-slide {
  display: flex;
  gap: 40px;
   

}
.logo-slide p {  box-sizing:border-box; padding:20px; width:250px;   height:100px;  display:flex; flex-direction:column; align-items:Center; justify-content:center}
.logo-slide img {
max-width:90%; 
max-height:90%; 
   object-fit: contain;
   transition: all 0.3s ease;
   margin-bottom:10px
}

 

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}



.logo_list ul {display:flex;  flex-wrap:wrap; border:1px solid #ddd; border-top:none; border-right:none; box-sizing:border-box; }
.logo_list ul li {width:20%; border-top:1px solid #ddd;  border-right:1px solid #ddd; box-sizing:border-box;  height:90px; display:flex; align-items:Center; justify-content:center }
.logo_list ul li img {max-width:80%; max-height:80%; }


 


.sub_con {width:100%;  padding-bottom:100px; margin:0 auto; min-width:1300px;  font-size:16.5px;  font-weight:300; line-height:1.4 }


 aside {width:100%;background: rgba(255, 255, 255, 1); border-bottom:1px solid #ddd;  position:relative; z-index:99;  }
 aside ul {width:100%; display:flex; justify-content:center;  }
 aside ul li { font-size:1.15em;  padding:18px 0;  margin:0 20px; position:relative; box-sizing:border-box; text-align:Center; font-weight:400;}
 aside ul li a {color:#222}
 aside ul li.ov {border-bottom:4px solid var(--main_c);}
 aside ul li.ov * {color:var(--main_c); font-weight:500}