@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;
}
  

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



.in {width:100%; margin:0 auto;  max-width:1300px; }

@media all and (max-width:1300px) {
  .in {padding:0 4%; box-sizing:border-box }
 
}


header {height:90px;  position:fixed; z-index:99999;width:100%;  display:flex; align-items:center; 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 h1 {width:200px; line-height:0}
header h1 img:nth-child(1) {display:none}
header h1 img:nth-child(2) {display:block}

header ul.nav {width:1000px;   display:flex; align-items:center;  justify-content:center;  }
header ul.nav li {cursor:pointer; font-size:21px; height:90px; line-height:1.2;  display:flex; align-items:center;  justify-content:center;   color:#fff;  width:16.66666%; font-weight:500;  text-align:center; position:relative}
 
header ul.nav li:after {content:''; width:3px; height:3px; background-color:#fff;  position:absolute; right:0; top:50%;   transform:translateY(-50%); 
  }
header ul.nav 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:0; box-sizing:border-box;   height:0;  }
header div.drop_menu.open {border-top:1px solid #ddd; border-bottom:1px solid #ddd}
header div.drop_menu ul {width:1000px;  margin:0 auto;  border-left:1px solid #ddd;    align-items:stretch; display:flex;   justify-content:center; }
header div.drop_menu ul li {width:100%; border-right:1px solid #ddd; font-size:15.5px; font-weight:500;  padding:30px 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.last_div {width:200px; text-align:right;  display:flex; align-items:center; justify-content:flex-end}
header div.lang {width:100px; height:35px; display:flex; align-items:center; justify-content:center;    position:relative}
header div.lang a {width:90px;   display:flex; align-items:center; justify-content:space-between; gap:6px; color:#fff}
header div.lang .down_div {position:absolute; background-color:#fff; border-radius:10px; box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.10);  padding:15px 0;  width:100%;   right:0; top:35px;  text-align:center; display:none}
header div.lang .down_div a {display:block; color:#000; width:100%}
header div.lang:hover .down_div {display:block; }
 
header.over {background-color:#fff}
header:hover {background-color:#fff}
header.over ul li {color:#222}
header.over ul li:after {background-color:#222; }
header.over div.lang a {color:#222}
header:hover ul li {color:#222}
header:hover ul li:after {background-color:#222; }
header:hover div.lang a {color:#222}

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

header div.last_div .ham {color:#fff; font-size:20px}

header.over div.last_div .ham {color:#111}
header:hover div.last_div .ham {color:#111}
 

@media all and (min-width:900px) {
    header div.last_div .ham {display:none}

}


@media all and (max-width:900px) {
		header {height:70px; }
		header h1 img {width:60px}
		header div.last_div {width:auto; }
		header div.last_div .lang {display:none}
		header ul.nav {display:none}
}



.logo-slider {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  background: #fff;
 }

.logo-track {
  display: flex;
  width: calc(280px * 27);
  animation: scroll-left 50s linear infinite;
}

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

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

 

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




.logo-slider.type2  .logo-slide div {box-sizing:border-box; padding:0; width:300px; height:250px;  display:flex;   align-items:Center; justify-content:center; flex-direction:column;}
.logo-slider.type2 .logo-track {width: calc(300px * 30); animation: scroll-left 50s linear infinite; }

@media all and (max-width:900px) {
 
	.logo-track { width: calc(250px * 27); }
	.logo-slider.type2 .logo-slide div {width:250px; gap:10px}
	.logo-slider.type2 .logo-slide div img {width:70%}
	.logo-slider.type2 .logo-track {width: calc(250px * 30); }

}



 
.fixed_q { position:fixed; right:25px; bottom:150px;  transition: all 0.6s ease-out; display:flex; flex-direction:column; gap:12px; text-align:center; z-index:9999999999}
 
.fixed_q a div { color:#fff; width:60px; height:60px; display:flex; align-items:center; justify-content:center;  z-index:9999; font-size:15px; color:#555; box-sizing:border-box;  background-color:red; border-radius:50%; transition: all 0.1s ease-out; }
.fixed_q a div img {width:40px}
.fixed_q a div  i {color:#fff; font-size:25px}
 
.up_btn {width:60px; height:60px; display:flex; align-items:center; justify-content:center; box-shadow:2px 2px 10px rgba(0,0,0,.15);  border-radius:50%;  position:fixed; right:25px; bottom:70px; background-color:#fff; z-index:9999999999}

.m_plus {display:none}

 @media all and (max-width:900px) {
  .up_btn {width:40px; height:40px; right:10px; bottom:50px}
  .fixed_q { right:10px; height:0; overflow:hidden; gap:8px}
  .fixed_q.over { right:10px; height:auto }
  .fixed_q a div  {width:40px; height:40px}
  .fixed_q a div i {font-size:17px}
  .fixed_q a div img {width:25px}


  .m_plus {width:40px; height:40px; display:flex; align-items:center; justify-content:center; box-shadow:2px 2px 10px rgba(0,0,0,.15);  border-radius:50%;  position:fixed; right:10px; bottom:100px; background-color:#fff; z-index:9999999999; font-size:23px}
 
}

 

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; color:#444; margin-top:100px}
footer .in.flex {align-items:center;  gap:60px}
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 {   box-sizing:border-box; width:100%; display:inline-block  }
footer b {font-weight:500; color:#222}
footer .copy {color:#666; font-size:15.5px}

 

 @media all and (max-width:900px) {
	footer {font-size:14px}
	footer .in.flex {  gap:20px}
 }