@keyframes ani_1 {
	0% { -webkit-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px); opacity:0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:1;}
}
@keyframes ani_2 {
	0% { -webkit-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px); opacity:0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:1;}
}

/* google translate - hide top banner */
html, body{
  top: 0 !important;
  margin-top: 0 !important;
}

/* .goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate{
  display: none !important;
}

body .skiptranslate iframe:first-of-type{
  display: none !important;
} */

/* header */
.pc_header{
  position: fixed;
  width: 100%;
  top: 0;
  left:0;
  z-index: 999;
  /* border-bottom: 1px solid #676C72; */
}

.pc_header_inner{
  display: flex;
  justify-content: space-between;
  padding: 0 48px;
}
.logo{display: flex; justify-content: center; align-items: center;}
.logo a{
  display: block;
  width: 200px;
  position: relative;
}
.logo a img{
  width: 100%;
  display: block;
  transition: 0.5s;
}
.down_img{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.pc_header {
  transition: all 0.3s ease;
}

.pc_header.active {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.pc_header.active .logo a img{
  opacity: 0;
}
.pc_header.active .logo a img.down_img{
  opacity: 1;
}

.pc_header .nav_wrap{
  display: flex;
  align-items: center;
  gap: 60px;
}
.pc_header nav{
  display: flex;
  gap: 60px;
  z-index: 9;
  position: relative;
}
.depth_1{position: relative;}
.depth_1_link{line-height: 109px; color: #fff; font-size: 18px; font-weight: 700; transition: 0.3s;}
.depth_2{
  position: absolute;
  padding-top: 30px;
  display: none;
}
.depth_2 li a{
  display: block;
  width: max-content;
  line-height: 28px;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: #5d5d5d;
  letter-spacing: -0.48px;
  margin-bottom: 8px;
}
.depth_1 .depth_2 li:last-of-type a{
  margin-bottom: 0;
}
.depth_2 li a:hover{
  color: #01717a;
}
.header_bg{
  position:fixed;
  left:0;
  top:109px;
  width:100%;
  height:376px;
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display:none;
  border-top: 1px solid #d1d1d1;
  z-index: 99;
}

.pc_header.active .depth_1_link{color: #111;}
.depth_1_link:hover{color: #01717a !important;}

.lng_wrap{position: relative;}
.lng_btns{display: flex; align-items: center; gap: 8px;}
.lng_btns .lng_label{font-size: 12px; color: #888; margin-right: 4px;}
.lng_btns .lng_opt{display: inline-block; padding: 4px 10px; border-radius: 4px; font-size: 13px; font-weight: 600; color: #555; background: #f0f0f0; text-decoration: none; transition: 0.2s;}
.lng_btns .lng_opt:hover{background: #e0e0e0; color: #111;}
.lng_btns .lng_opt.active{background: linear-gradient(98.8deg, #E61A18 5.95%, #F39600 88.61%); color: #fff;}
.pc_header.active .lng_btns .lng_opt{color: #555;}
.pc_header.active .lng_btns .lng_opt.active{color: #fff;}
.globe_link{display: flex; align-items: center; gap: 4px; font-size: 18px; font-weight: 700; color: #fff;}
.globe_link svg{width: 20px; fill: #fff;}
.globe_link svg.roll{transition: all 0.3s ease;}
.globe_link svg.roll.active{transform: rotate(180deg);}

.pc_header.active .globe_link{color: #111;}
.pc_header.active .globe_link svg{fill: #111;}

.globe_down{
  position: absolute;
  top:calc(100% + 10px);
  right: 0;
  padding: 30px 40px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 5px 5px 60px 0px #00000026;
  display: none;
}
.globe_down li:first-of-type{
  margin-bottom: 30px;
}
.globe_down li a{
  font-size: 16px;
  font-weight: 700;
}
.globe_down li:hover{
  color:#01717a
}
.mo_menu_btn{display: none;}
.black_bg{display: none;}

/* main */
.vSwiper .swiper-slide {
  overflow: hidden;
}
.vSwiper .vs_img_wrap {
  width: 100dvw;
  height: 100dvh;
  overflow: hidden;
}
.vSwiper .vs_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.1s linear;
  user-drag: none;
  -webkit-user-drag: none; /* 사파리 */
  user-select: none;
  pointer-events: none;
}
.vs_txt_wrap{
  position: absolute;
  left: 160px;
  bottom: 223px;
}
.vs_title{
  font-size: 60px;
  color: #fff;
  line-height: 72px;
  font-weight: 600;
  margin-bottom: 30px;
}
.vs_txt{
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  line-height: 36px;
}
.vSwiper .autoplay-progress-bar {
  position: absolute;
  left: 160px;
  bottom: 160px;
  width: calc(100% - 320px);
  height: 3px;
  background: rgba(255,255,255,0.2);
  z-index: 10;
}
.vSwiper .progress-fill {
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg,rgba(0, 108, 185, 1) 0%, rgba(250, 200, 16, 1) 100%);
}

.main_business_wrap{
  margin: 0 auto;
  max-width: 1496px;
  padding: 0 48px;
}
.introSwiper .swiper-slide{
  padding: 100px 0;
}
.intro_row{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.intro_txt_wrap{width: 49%; position: relative; z-index: 1;}
.intro_txt_cate{
  transition: all 1s 0.5s;
  transform: translateX(20%);
  opacity: 0;
  font-weight: 700;
  color: #01717a;
  font-size: 16px;
  margin-bottom: 20px;
}
.intro_txt_title{
  transition: all 1s 1.0s;
  transform: translateX(30%);
  opacity: 0;
  font-size: 60px;
  font-weight: 700;
  color: #000;
  margin-bottom: 50px;
  line-height: 110%;
}
.intro_txt{
  transition: all 1s 0.7s;
  transform: translateX(25%);
  opacity: 0;
  font-size: 18px;
  font-weight: 300;
  color: #333;
  line-height: 160%;
}
.intro_txt_link{
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 55px;
  border: 1px solid #140c44;
  border-radius: 5px;
  font-size: 13px;
  margin-top: 75px;
  font-weight: bold;
}
.intro_txt_link span{
  transition: all 0.3s ease-in-out;
}
.intro_txt_link::before{
  content:'';
  position: absolute;
  top:50%;
  left:30px;
  width: 0;
  height: 1px;
  background: #140c44;
  transition: all 0.3s ease-in-out;
}
.intro_txt_link:hover{
  border: 2px solid #140c44;
}
.intro_txt_link:hover span{
  padding-left: 30px;
}
.intro_txt_link:hover::before{
  width: 15px;
}
.introSwiper .swiper-slide-active .intro_txt_cate, .introSwiper .swiper-slide-active .intro_txt_title, .introSwiper .swiper-slide-active .intro_txt{
  transform: translateX(0%);
  opacity: 1;
}
.intro_img_wrap{
  width: 51%;
  transition: all 1s 0.5s;
  transform: translateX(20%);
  opacity: 0;
  position: relative;
}
.intro_img_wrap img{width: 100%; display: block;}
.introSwiper .swiper-slide-active .intro_img_wrap{
  transform: translateX(0%);
  opacity: 1;
}
.intro_img_wrap .round_1{
  width: 60px;
  height: 60px;
  background: #D0D4B8;
  position: absolute;
  z-index: -1;
  left:-220px;
  top: 300px;
  border-radius: 50%;
  transition: all 0.5s 1.9s;
  transform: translate(100px, -100px);
  opacity: 0;
}
.intro_img_wrap .round_2{
  width: 60px;
  height: 60px;
  background: #D0DE8A;
  position: absolute;
  z-index: -1;
  left:-168px;
  top: 245px;
  border-radius: 50%;
  transition: all 0.5s 1.6s;
  transform: translate(100px, -100px);
  opacity: 0;
}
.intro_img_wrap .round_3{
  width: 288px;
  height: 60px;
  background: #b6d32d;
  position: absolute;
  z-index: -1;
  left:-143px;
  top: 110px;
  border-radius: 30px;
  transition: all 0.5s 1s;
  transform: translate(100px, -100px) rotate(-45deg);
  opacity: 0;
}
.intro_img_wrap .round_4{
  width: 230px;
  height: 60px;
  background: #01717a;
  position: absolute;
  z-index: -1;
  left:-143px;
  top: 265px;
  border-radius: 30px;
  transition: all 0.5s 1.3s;
  transform: translate(100px, -100px) rotate(-45deg);
  opacity: 0;
}
.introSwiper .swiper-slide-active .intro_img_wrap .round_1,
.introSwiper .swiper-slide-active .intro_img_wrap .round_2,
.introSwiper .swiper-slide-active .intro_img_wrap .round_3,
.introSwiper .swiper-slide-active .intro_img_wrap .round_4{
  transform: translate(0, 0) rotate(-45deg);
  opacity: 1;
}
.introSwiper .swiper-pagination{text-align: left;}
.introSwiper  .swiper-pagination-bullet{
  background: none;
  border-radius: 0;
  display: inline-block;
  width: auto;
  height: auto;
  transition: all 0.5s;
  color: #999;
  opacity: 1;
  font-size: 16px;
  position: relative;
}
.introSwiper  .swiper-pagination-bullet::after{
  content: '';
  position: absolute;
  display: block;
  width: 2px; height: 2px;
  border-radius: 50%;
  background: #999;
  right: -19px;
  top: calc(50% - 1px);
}
.introSwiper  .swiper-pagination-bullet:last-of-type::after{
  display: none;
}
.introSwiper .swiper-pagination-bullet-active{
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  color: #000;
}
.introSwiper .swiper-horizontal>.swiper-pagination-bullets,
.introSwiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.introSwiper .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 100px;
}
.introSwiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.introSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
  margin-right: 40px;
}
.introSwiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-of-type,
.introSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:last-of-type{
  margin-right: 0;
}

.main_map{
  background: url('/img/map_bg.png') no-repeat;
  background-size: 50% 100%;
  min-height: 910px;
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.main_map_title{
  color: #fff;
  width: 100%;
  padding: 0 160px;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 30px;
}
.map_row{
  width: 100%;
  padding: 0 160px;
  display: flex;
  justify-content: center;
  gap: 60px;
}
.map_row #map{
  flex:1;
  width: 100%;
  max-width: 912px;
  height: 600px;
  box-shadow: 5px 5px 60px 0px #00000026;
}
.map_row #map iframe{
  width: 100%;
  height: 100%;
}
.map_tap{
  flex: 1;
  max-width: 613px;
  margin-top: 40px;
}

.tabs{
	display: flex;
  gap: 25px;
  margin-bottom: 30px;
}
.tabs li{
	color: #aaa;
	cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  line-height: 29px;
  position: relative;
}
.tabs li.current{
	color: #111;
  font-weight: 700;
}
.tabs li.current::after{
  content: '';
  clear: both;
  display: block;
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: red;
}
.tab-content{
	display: none;
}
.tab-content.current{
	display: inherit;
}
.tab_title{
  font-size: 36px;
  font-weight: 500;
  color: #111;
  line-height: 58px;
  letter-spacing: -1.08px;
}
.tab_info{
  font-size: 16px;
  font-weight: 500;
  color: #666;
  line-height: 26px;
  letter-spacing: -0.48px;
}
.tab_txt_wrap{
  border-top: 1px solid #aaa;
  padding: 32px 0 0 0;
  margin: 32px 0 0 0;
}
.tab_txt_title{
  display: flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: #111;
  line-height: 22px;
  text-transform: capitalize;
  gap: 5px;
  margin-bottom: 16px;
}
.tab_txt_grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 16px;
  grid-column-gap: 10px;
}
.gname{
  font-size: 14px;
  font-weight: 600;
  color: #111;
  line-height: 22px;
  text-transform: capitalize;
}
.gmail{
  font-size: 14px;
  font-weight: 500;
  color: #888;
  line-height: 22px;
}
.gname2{
  font-size: 14px;
  font-weight: 600;
  color: #111;
  line-height: 22px;
  text-transform: capitalize;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.footer_inner{
  max-width: 1920px;
  margin: 0 auto;
  padding: 80px 60px 0 60px;
}
.footer_row{
  display: flex;
  margin-bottom: 60px;
}
.footer_row > div{flex: 1;}
.footer_name{
  font-size: 22px;
  font-weight: 700;
  color: #111;
  line-height: 26px;
  margin-bottom: 40px;
}
.footer_txt p{
  line-height: 22px;
  margin-bottom: 5px;
  letter-spacing: -0.42px;
  font-size: 14px;
  font-weight: 500;
  color: #888;
  word-break: keep-all;
  word-wrap: break-word;
}
.footer_txt p:last-of-type{margin-bottom: 0;}
.footer_flag{
  display: flex;
  justify-content: flex-end;
}
.footer_flag img{height: 50px;}
.copy{
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.42px;
  color: #888;
  word-break: keep-all;
  word-wrap: break-word;
  margin-top: 70px;
}

.page_visual{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  height: 445px;
  background-size: cover;
  background-position: center;
  background-repeat: repeat
}
.about_bg{
  background-image: url('/img/about_bg.jpg');
}
.business_bg{
  background-image: url('/img/business_bg.jpg');
}
.contact_bg{
  background-image: url('/img/contact_bg.png');
}
.support_bg{
  background-image: url('/img/support_bg.jpg');
}
.page_visual div{
  font-size: 60px; font-weight: bold; color: #fff;
}
.about_one{
  padding: 70px 20px;
  text-align: center;
}
.about_one_1{
  font-size: 16px;
  color: #bfd62d;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.about_one_2{
  margin-top: 18px;
  font-size: 47px;
  color: #111;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.about_one_3{
  text-align: center;
  background: url('/img/icon_summary1.png') center top no-repeat;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 40px;
  padding-top: 65px;
  font-size: 25px;
  color: #111;
  font-weight: bold;
}
.about_one_4{
  margin-top: 40px;
  color: #111;
  font-size: 17px;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: -0.02em;
}
.about_one_4 span{
  font-weight:bold
}

.about_two{
  background: #f8f8f8;
  padding: 70px 0;
}

.about_two_title{
  text-align: center;
  color: #111;
  font-size: 35px;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 50px;
}

.about_two_wrap{
  position: relative;
}
.about_two_wrap li{
  position: absolute;
}
.about_two_wrap li:first-of-type{
  left: 50%;
  transform: translateX(-50%);
}
.circle_1{
  width: 300px;
  height: 300px;
  background: #aaa;
}


/* company-summary */
.sub_inner {
    max-width: 1240px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}
.company-summary{padding-bottom: 70px;}
.company-summary h4.tit { text-align:center; color:#111; font-size:35px; font-weight:700; letter-spacing:-0.02em; }
.company-summary h4.tit span { font-weight:700; display:inline-block; }
.company-summary p.stit { margin-top:28px; text-align:center; color:#333; font-size:18px; font-weight:300; letter-spacing:-0.02em; }
.company-summary .summary_cont2 { background-color:#f8f8f8; margin-top:90px; padding-top:60px; height:855px; }
.company-summary .summary_cont2 .listbox { margin-top:50px; }
.company-summary .summary_cont2 .listbox li { position:relative; }
.company-summary .summary_cont2 .listbox li .circle { position:absolute; background-color:#b6d32d; mix-blend-mode:multiply; width:358px; height:358px; border-radius:400px; display:flex; align-items:center; justify-content:center; }
.company-summary .summary_cont2 .listbox li .circle .icon { width:80px; display:block; }
.company-summary .summary_cont2 .listbox li:nth-child(1) .circle { left:50%; top:0; margin-left:-179px; }
.company-summary .summary_cont2 .listbox li:nth-child(2) .circle { left:50%; margin-left:-30px; top:232px; background-color:#01717a; }
.company-summary .summary_cont2 .listbox li:nth-child(3) .circle { right:50%; margin-right:-30px; top:232px; background-color:#D4B32C; }
.company-summary .summary_cont2 .listbox li .circle .s_circle { position:absolute; width:26px; height:26px; }
.company-summary .summary_cont2 .listbox li .circle .s_circle:before { content:"";  position:absolute; z-index:5; display:block; display:block; mix-blend-mode:multiply; width:100%; height:100%; border-radius:100%; background-color:rgba(51, 190, 242, 0.5); }
.company-summary .summary_cont2 .listbox li .circle .s_circle:after { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); mix-blend-mode:normal; background-color:#fff; width:6px; height:6px; border-radius:6px; z-index:5; }
.company-summary .summary_cont2 .listbox li:nth-child(1) .circle .s_circle { top:50px; right:30px; }
.company-summary .summary_cont2 .listbox li:nth-child(1) .circle .s_circle:before { background-color:#b6d32d; }
.company-summary .summary_cont2 .listbox li:nth-child(2) .circle .s_circle { top:270px; right:21px; }
.company-summary .summary_cont2 .listbox li:nth-child(2) .circle .s_circle:before { background-color:#01717a; }
.company-summary .summary_cont2 .listbox li:nth-child(3) .circle .s_circle { top:125px; left:-8px; }
.company-summary .summary_cont2 .listbox li:nth-child(3) .circle .s_circle:before { background-color:#D4B32C; }
.company-summary .summary_cont2 .listbox li dl { position:absolute; }
.company-summary .summary_cont2 .listbox li dt { font-family:'Urbanist', sans-serif; color:#111; font-size:28px; font-weight:700; }
.company-summary .summary_cont2 .listbox li dt span { display:block; font-weight:700; color:#b6d32d; font-size:16px; margin-bottom:20px; }
.company-summary .summary_cont2 .listbox li dd { padding-top:15px; color:#333; font-size:14px; font-weight:300; line-height:140%; }
.company-summary .summary_cont2 .listbox li dd > span { position:relative; display:block; padding-left:12px; }
.company-summary .summary_cont2 .listbox li dd > span:after { content:""; display:block; position:absolute; left:0; top:8px; background-color:#666; width:4px; height:4px; border-radius:5px; }
.company-summary .summary_cont2 .listbox li:nth-child(1) dl { left:50%; top:0; margin-left:240px;}
.company-summary .summary_cont2 .listbox li:nth-child(2) dl { left:50%; top:470px; margin-left:350px;}
.company-summary .summary_cont2 .listbox li:nth-child(2) dt span { color:#01717a; }
.company-summary .summary_cont2 .listbox li:nth-child(3) dl { left:45px; top:192px; }
.company-summary .summary_cont2 .listbox li:nth-child(3) dt span { color:#D4B32C; }
.company-summary .summary_cont4 { padding-top:60px; }
.company-summary .summary_cont4 .listbox { margin:45px 0 0 0; overflow:hidden; }
.company-summary .summary_cont4 .listbox > ul { margin:0 0 0 -3px; }
.company-summary .summary_cont4 .listbox > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-summary .summary_cont4 .listbox > ul > li { position:relative; float:left; height:464px; width:calc(8.2% - 1px); margin:0 0 0 1px; transition:width .6s; background-size:cover !important; }
.company-summary .summary_cont4 .listbox > ul > li:before{ content: ""; display:block; opacity:0.4; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:#000; }
.company-summary .summary_cont4 .listbox > ul > li a { position:relative; width:100%; height:100%; display:block; z-index:111 }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(1) { background:url(/img/img_summary3_1_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(2) { background:url(/img/img_summary3_2_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(3) { background:url(/img/img_summary3_3_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(4) { background:url(/img/img_summary3_4_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(5) { background:url(/img/img_summary3_5_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(6) { background:url(/img/img_summary3_6_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(7) { background:url(/img/img_summary3_7_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(8) { background:url(/img/img_summary3_8_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li:nth-child(9) { background:url(/img/img_summary3_9_on.jpg) left center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(1) { background:url(/img/img_summary3_1_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(2) { background:url(/img/img_summary3_2_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(3) { background:url(/img/img_summary3_3_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(4) { background:url(/img/img_summary3_4_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(5) { background:url(/img/img_summary3_5_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(6) { background:url(/img/img_summary3_6_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(7) { background:url(/img/img_summary3_7_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(8) { background:url(/img/img_summary3_8_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active:nth-child(9) { background:url(/img/img_summary3_9_on.jpg) center center no-repeat; }
.company-summary .summary_cont4 .listbox > ul > li.active { width:calc(34.4% - 1px); }
.company-summary .summary_cont4 .listbox li .txt { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:5; opacity:1; transition:all 0.3s ease-in-out; width:100%; font-size:18px; font-weight:400; color:#fff; line-height:115%; display:block; text-align:center; margin:0 auto; text-align:center; }
.company-summary .summary_cont4 .listbox li .txt > span { font-weight:400; display:block;  }
.company-summary .summary_cont4 .listbox li dl { position:absolute; left:0; bottom:50px; padding:0 50px; color:#fff; }
.company-summary .summary_cont4 .listbox li dt { opacity:0; font-size:23px; font-weight:700; letter-spacing:-0.02em; } 
.company-summary .summary_cont4 .listbox li dd { opacity:0; padding-top:20px; font-size:17px; font-weight:300; letter-spacing:-0.02em; color:rgba(255,255,255,0.8); line-height:130%; } 
.company-summary .summary_cont4 .listbox li.active .txt { opacity:0;  }
.company-summary .summary_cont4 .listbox li.active dt { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.company-summary .summary_cont4 .listbox li.active dd { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.company-summary .summary_cont5 { padding-top:80px; }
.company-summary .summary_cont5 .brochure_box { margin-top:40px; box-shadow:5px 5px 10px #f7f7f7, -5px -5px 10px #f7f7f7; }
.company-summary .summary_cont5 .brochure_box .box { position:relative; overflow:hidden; padding:55px 40px 120px 40px; }
.company-summary .summary_cont5 .brochure_box .box:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-summary .summary_cont5 .brochure_box .box > div { position:relative; z-index:3; float:left; }
.company-summary .summary_cont5 .brochure_box .box .imgbox { width:60%; border:5px solid #f0f0f0; }
.company-summary .summary_cont5 .brochure_box .box .imgbox:after { content: ""; display:block; padding-bottom:67.6%; }
.company-summary .summary_cont5 .brochure_box .box .imgbox img { position:absolute; left:0; top:0; width:calc(100% - 10px); height:100%; object-fit:cover; -o-object-fit:cover; width:100%; }
.company-summary .summary_cont5 .brochure_box .box .txtbox { padding:30px 0 0 50px; width:40%; }
.company-summary .summary_cont5 .brochure_box .box .txtbox dt { font-family:'Urbanist', sans-serif; color:#111; font-weight:700; font-size:32px; letter-spacing:-0.02em; }
.company-summary .summary_cont5 .brochure_box .box .txtbox dd { padding-top:40px; }
.company-summary .summary_cont5 .brochure_box .box .txtbox dd li { position:relative; padding-left:10px; margin-top:26px; color:#333; font-weight:300; font-size:16px; letter-spacing:-0.02em; line-height:150%; }
.company-summary .summary_cont5 .brochure_box .box .txtbox dd li:first-child { margin-top:0; }
.company-summary .summary_cont5 .brochure_box .box .txtbox dd li:after {content:""; display:block; position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#00aeef; border-radius:3px}
.company-summary .summary_cont5 .brochure_box .box .txtbox .btn { margin-top:70px; }
.company-summary .summary_cont5 .brochure_box .box .txtbox .btn li { display:inline-block; margin-right:2px;}
.company-summary .summary_cont5 .brochure_box .box .txtbox .btn li a { width:170px; height:55px; border:1px solid #140c44; border-radius:5px; display:flex; align-items:center; justify-content:center; }
.company-summary .summary_cont5 .brochure_box .box .txtbox .btn li a span { display:inline-block; padding-right:53px; font-family:'Urbanist', sans-serif; color:#140c44; font-weight:700; font-size:15px; letter-spacing:-0.02em; background:url(/img/icon_down.png) right center no-repeat; }
.company-summary .summary_cont5 .brochure_box .box > .txt { position:absolute; left:0; bottom:-75px; z-index:1; width:100%; text-align:center; color:rgba(239,239,239,0.5); font-weight:700; font-size:175px; letter-spacing:-0.02em;}
.company-summary .summary_cont5 .brochure_box .box > .txt span { font-weight:700; }


.company-history .history_toptxt { margin-top:30px; text-align:center; }
.company-history .history_toptxt > span { display:block; color:#111; font-size:30px; font-weight:300; letter-spacing:-0.02em; line-height:140%; }
.company-history .history_toptxt > span strong { font-weight:700; }
.company-history .listbox { position:relative; overflow:hidden; }
.company-history .listbox:after {content:""; display:block; position:absolute; left:50%; top:80px; width:1px; height:calc(100% - 85px); background-color:#ebebeb; }
.company-history .listbox .historyCont { padding:80px 0 0 0; position:relative; }
.company-history .listbox .historyCont:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-history .listbox .historyCont > div { float:left; width:50%; box-sizing:border-box; }
.company-history .listbox .historyCont .imgbox { position:relative; text-align:right; margin:0 120px 0 0; width:calc(50% - 120px); }
.company-history .listbox .historyCont .imgbox:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; }
.company-history .listbox .historyCont .list { position:relative; left:50%; padding:0 0 0 60px; float:left; }
.company-history .listbox .historyCont .list:after {content:""; display:block; position:absolute; left:0; top:0; z-index:2; margin:0 0 0 -3px; width:7.5px; height:7.5px; background-color:#ccc; border-radius:100%; transition:all .3s ease-in-out; }
.company-history .listbox .historyCont.subOn .list:after { background-color:#00aeef; }
.company-history .listbox .historyCont .list:before {content:""; display:block; position:absolute; left:0; top:0; z-index:1; margin:0; width:0; height:0; background-color:#cceffc; border:7px solid #fff; border-radius:100%; transition:all .3s ease-in-out; }
.company-history .listbox .historyCont.subOn .list:before { margin:-14px 0 0 -16.5px; width:21px; height:21px; }
.company-history .listbox .historyCont .list dl { margin-top:-10px; }
.company-history .listbox .historyCont .list dt { color:#333; font-size:26px; font-weight:700; }
.company-history .listbox .historyCont .list dt span { color:#333; font-weight:700; }
.company-history .listbox .historyCont .list dd li { position:relative; padding:0 0 0 12px; margin:14px 0 0 0; font-size:17px; line-height:130%; color:#444; font-weight:400; letter-spacing:-0.02em; }
.company-history .listbox .historyCont .list dd li:before {content:""; display:block; position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#5c5c5c; border-radius:5px; }
.company-history .listbox .historyCont:nth-child(2n) .imgbox { float:right; margin:0 0 0 120px; text-align:left; }
.company-history .listbox .historyCont:nth-child(2n) .imgbox:before { left:auto; right:0; }
.company-history .listbox .historyCont:nth-child(2n) .list { left:0; padding:0 60px 0 0; text-align:right; }
.company-history .listbox .historyCont:nth-child(2n) .list:after { left:auto; right:0; margin:0 -3px 0 0; }
.company-history .listbox .historyCont:nth-child(2n).subOn .list:before { left:auto; right:0; margin:-14px -16.5px 0 0; }
.company-history .listbox .historyCont:nth-child(2n) .list dd li { padding:0 12px 0 0; }
.company-history .listbox .historyCont:nth-child(2n) .list dd li:before { left:auto; right:0; }


/* scm-system */
.scm-system .system_cont1 { position:relative; background-color:#f3f7f8; overflow:hidden; }
.scm-system .system_cont1 .txt_b { position:absolute; left:0; bottom:-60px; width:100%; text-align:center; color:#fff; font-weight:700; font-size:190px; letter-spacing:0.02em; }
.scm-system .system_cont1 .txt_b span { font-weight:700; }
.scm-system .system_cont1 .s_box { position:relative; width:100%; height:100%; }
.scm-system .system_cont1 .s_box > div { height:552px;}
.scm-system .system_cont1 .s_box .txtbox .sbox { display:flex; align-items:center; width:100%; height:100%; }
.scm-system .system_cont1 .s_box .txtbox dt { position:relative; color:#111; font-weight:700; font-size:40px; letter-spacing:-0.02em; line-height:140%; }
.scm-system .system_cont1 .s_box .txtbox dt:before { content:''; display:block; width:9px; height:9px; position:absolute; top:-15px; left:-20px; background-color:#00aeef; z-index:2; border-radius:50%; }
.scm-system .system_cont1 .s_box .txtbox dt:after { content:''; display:block; width:9px; height:9px; position:absolute; top:-5px; left:-11px; background-color:#00aeef; z-index:2; border-radius:50%; }
.scm-system .system_cont1 .s_box .txtbox dd { padding-top:20px; color:#333; font-weight:300; font-size:17px; letter-spacing:-0.02em; line-height:160%; }
.scm-system .system_cont1 .s_box .buSwiper {  position:absolute; right:0; top:0; width:680px; height:100%; }
.scm-system .system_cont1 .s_box .buSwiper .swiper-wrapper { position:relative; width:100%; height:100%; }
.scm-system .system_cont1 .s_box .buSwiper .swiper-slide { opacity:0; position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; transition:all 0.3s ease-in-out;  }
.scm-system .system_cont1 .s_box .buSwiper .swiper-slide .imgbox { opacity:0; }
.scm-system .system_cont1 .s_box .buSwiper .swiper-slide .imgbox img { max-width:100%; }
.scm-system .system_cont1 .s_box .buSwiper .swiper-slide.swiper-slide-active .imgbox  { opacity:1; }
.scm-system .system_cont1 .s_box .buSwiper .swiper-pagination { position:absolute; left:unset; right:40px; bottom:30px; text-align:right; }
.scm-system .system_cont1 .s_box .buSwiper .swiper-pagination .swiper-pagination-bullet { width:8px !important; height:8px !important; background-color:#c4c4c4; opacity:1; margin:0 0 0 5px; outline:none; }
.scm-system .system_cont1 .s_box .buSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity:1; background-color:#00aeef; }
.scm-system .system_cont2 { position:relative; margin-top:60px; padding-bottom:70px; }
.scm-system .system_cont2 .listbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.scm-system .system_cont2 .listbox ul { margin:0 0 0 -17px; }
.scm-system .system_cont2 .listbox li { float:left; margin:0 0 0 17px; width:calc(33.333% - 17px); text-align:center; }
.scm-system .system_cont2 .listbox li .imgbox img { width:100%; border-radius:10px; }
.scm-system .system_cont2 .listbox li dl { padding:30px 5px 0; }
.scm-system .system_cont2 .listbox li dt { color:#111; font-weight:600; font-size:22px; letter-spacing:0.02em; }
.scm-system .system_cont2 .listbox li dd { padding-top:12px; color:#555; font-weight:300; font-size:16px; letter-spacing:-0.02em; line-height:150%; }

.page_map_wrap{padding: 80px 20px 60px;}
.page_map_title{max-width: 1200px; margin: 0 auto; margin-bottom: 60px;}
.page_map_title div:first-of-type{font-size: 40px; font-weight: 700;color: #111;margin-bottom: 30px;}
.page_map_title div:last-of-type{font-size: 18px;font-weight: 400;color: #111;line-height: 32px;}
.page_map{max-width: 1200px; height: 600px; margin: 0 auto; margin-bottom: 60px;}
.page_map iframe{width: 100%; height: 100%;}
.page_map_info{max-width: 1200px; margin: 0 auto;}
.page_map_info{display: flex; gap: 60px;}
.page_map_info_box{flex: 1;}
.page_map_info_box_title{display: flex; align-items: center; border-bottom: 2px solid #111; padding-bottom: 16px; font-weight: 600;}
.page_map_info_box_grid{display: grid; grid-template-columns: repeat(2, 1fr); padding: 30px 0; gap: 32px 10px;}

/* support - online inquiry */
.top_txt{
  margin-bottom: 35px;
}
.top_txt p{
  font-size: 18px;
  font-weight: 500;
  color: #111;
  margin-bottom: 8px;
}
.top_txt .txt{
  font-size: 14px;
  color: #666;
}

.ipbox{
  border-top: 2px solid #111;
  border-bottom: 1px solid #e5e5e5;
  padding: 30px 0 40px;
}
.ipbox ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 18px 40px;
}
.ipbox li{
  width: calc(50% - 20px);
  display: flex;
  align-items: center;
}
.ipbox li > *:not(strong){
  flex: 1;
}
.ipbox li.w100{
  width: 100%;
}
.ipbox li.f_txt{
  align-items: flex-start;
}
.ipbox strong{
  display: block;
  width: 150px;
  font-size: 15px;
  font-weight: 600;
  color: #111;
}
.ipbox .list{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
}
.ipbox .list li{
  width: auto;
}
.ipbox .list label{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.ipbox .list input[type="radio"]{
  width: 16px;
  height: 16px;
}

.ipbox .ip,
.ipbox select,
.ipbox textarea,
.ipbox .AXInput,
.ipbox .upload-name{
  width: 100%;
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  box-sizing: border-box;
}
.ipbox .ip::placeholder,
.ipbox textarea::placeholder,
.ipbox .AXInput::placeholder{
  color: #aaa;
}
.ipbox textarea{
  min-height: 180px;
  resize: vertical;
}

.ipbox .txtbox{
  flex: 1;
}
.ipbox .txtbox .box{
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 16px 18px;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.6;
  color: #555;
  background: #fafafa;
  max-height: 200px;
  overflow-y: auto;
}
.ipbox .txtbox .ch{
  font-size: 14px;
  color: #333;
}
.ipbox .txtbox .ch label{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.ipbox .ip_box{
  flex: 1;
}
.ipbox .file_ip{
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ipbox .upload-name{
  background-color: #f9f9f9;
}
.ipbox .file-hidden{
  position: absolute;
  left: -9999px;
}
.ipbox .file_ip label{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  height: 40px;
  background: #555;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}

.ipbox img.vmiddle{
  margin-right: 10px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
}
.ipbox .ip2{
  max-width: 200px;
}

.ipbox .btn{
  margin-top: 40px;
  text-align: center;
}
.ipbox .btn button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
  height: 56px;
  border-radius: 4px;
  border: none;
  background: #01717a;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}
.ipbox .btn button:hover{
  background: #005e65;
}
.ipbox .btn button span{
  display: inline-block;
}

@media screen and (max-width:1400px){
	.scm-system .system_cont1 .txt_b { bottom:-60px; font-size:170px;}
}

@media screen and (max-width:1280px){
  .main_map{background: url('/img/map_bg_mo.png') no-repeat; background-size: 100% 609px;min-height: auto;}
  .main_map_title{margin-top:89px; padding: 0 40px;}
  .map_row{flex-wrap: wrap; padding: 0 40px; overflow: hidden;}
  .map_row > div{width: 100%; flex: none; max-width: 100%;}
  .map_row #map{flex: none;width: 100%;max-width: 100%;height: 520px;}

	.company-summary .summary_cont2 { height:800px; }
	.company-summary .summary_cont2 .listbox li .circle { width:300px; height:300px; }
	.company-summary .summary_cont2 .listbox li .circle .icon { width:70px; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) .circle { margin-left:-150px; }
	.company-summary .summary_cont2 .listbox li:nth-child(2) .circle { margin-left:-30px; top:215px; }
	.company-summary .summary_cont2 .listbox li:nth-child(3) .circle { margin-right:-30px; top:215px; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) .circle .s_circle { top:50px; right:16px; }
	.company-summary .summary_cont2 .listbox li:nth-child(2) .circle .s_circle { top:215px; right:10px; }
	.company-summary .summary_cont2 .listbox li:nth-child(3) .circle .s_circle { top:125px; left:-12px; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) dl { margin-left:180px;}
	.company-summary .summary_cont2 .listbox li:nth-child(2) dl { top:400px; margin-left:290px;}
	.company-summary .summary_cont2 .listbox li:nth-child(3) dl { left:0; top:180px; }
	.company-summary .summary_cont5 .brochure_box .box { padding:55px 40px 110px 40px; }
	.company-summary .summary_cont5 .brochure_box .box .imgbox { width:50% }
	.company-summary .summary_cont5 .brochure_box .box .txtbox { padding:0 0 0 50px; width:50% }
	.company-summary .summary_cont5 .brochure_box .box .txtbox dd li br { display:none; }
	.company-summary .summary_cont5 .brochure_box .box > .txt { bottom:-55px; font-size:150px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox .btn { margin-top:40px; }

  .scm-system .system_cont1 .txt_b { bottom:-45px; font-size:140px; }
	.scm-system .system_cont1 .s_box .buSwiper {  position:absolute; right:0; top:0; width:50%; height:100%; }
  .scm-system .system_cont2 .listbox li dd br { display:none; }
}
@media screen and (max-width:1150px){
  .vs_title {font-size: 50px;}
  .vs_txt {font-size: 24px;}
	.vs_txt_wrap {left: 60px;bottom: 123px;}
  .vSwiper .autoplay-progress-bar {left: 60px;bottom: 60px;width: calc(100% - 120px);}
}
@media screen and (max-width:1024px){
  .logo a {width: 145px; height: 40px;}
  .pc_header_inner{height: 80px; padding:20px;}
  .mo_menu_btn{width: 40px; height: 40px; background: rgba(255, 255, 255, 0.2); display: flex; justify-content: center; align-items: center;backdrop-filter: blur(10px);border-radius: 5px;}
  .mo_menu_btn svg{width: 20px; fill:#fff;}
  .pc_header.active .mo_menu_btn svg{fill: #111;}
  .pc_header .nav_wrap{display: none;}

  .black_bg{position: fixed; width: 100%; height: 100%; left:0; top:0; z-index: 9999; background: rgba(0,0,0,0.5); opacity:0; visibility:hidden; transition:0.3s; display: block;}
  .black_bg.active{opacity:1;visibility:visible;}
  .mo_nav_wrap{position: absolute; background: #fff;width: 80%; height: 100%; padding: 20px; left: 100%; transition:0.3s;}
  .black_bg.active .mo_nav_wrap{left: 20%}
  .mo_nav_title{display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #000;}
  .mo_lng_btns{display: flex; align-items: center; gap: 6px;}
  .mo_nav_title a.lng_btn {border-radius: 50px;width: 50px;line-height: 26px;padding: 0 10px;box-sizing: border-box;font-size: 14px;font-weight: 600;color: #555;text-align: center; max-height: 26px;display: block;transition: 0.3s; background: #f0f0f0; text-decoration: none;}
  .mo_nav_title a.lng_btn:hover{background: #e0e0e0;}
  .mo_nav_title a.lng_btn.active{background: linear-gradient(98.8deg, #E61A18 5.95%, #F39600 88.61%); color: #fff;}
  .mo_close_btn{width: 40px; height: 40px; background: #ddd; display: flex; justify-content: center; align-items: center;backdrop-filter: blur(10px);border-radius: 5px;}
  .mo_close_btn svg{width: 20px; fill: #fff;}
  .mo_nav{padding: 5px 15px;}
  .mo_depth_1{display: flex; gap: 10px; align-items: flex-start; flex-direction: column; padding: 24px 0; box-sizing: border-box; border-bottom: 1px solid #ddd; width: 100%;}
  .mo_depth_1_link{color: #111; font-size: 22px; font-weight: 700; line-height: 26px;}
  .mo_depth_2{display: none;}
  .mo_depth_2 > li > a {font-size: 16px;font-weight: 500;color: #5d5d5d;letter-spacing: -0.48px;line-height: 32px;margin-bottom: 5px;padding-left: 23px;position: relative;}
  .mo_depth_2 > li > a::before {content: '';display: block;clear: both;width: 5px;height: 5px;border-radius: 50%;background: #5d5d5d;position: absolute;top: 50%;transform: translateY(-50%);left: 8px;z-index: 22;}

  .introSwiper .swiper-slide {padding: 80px 0 120px;}
  .intro_txt_wrap{width: 100%;}
  .intro_txt_cate{font-size: 13px;}
  .main_business_wrap{padding: 0 20px;}
  .intro_txt_title{font-size: 32px; margin-bottom: 30px;}
  .intro_txt{font-size: 13px;}
  .intro_img_wrap{position: absolute; top:0; right:0; width: 170px;}
  .intro_txt_link {width: 150px;height: 42px;font-size: 11px;margin-top: 30px;line-height: normal;}
  .intro_img_wrap .round_1{width: 20px;height: 20px;left:-100px;top: 70px;}
  .intro_img_wrap .round_2{width: 20px;height: 20px;left:-80px;top: 50px;}
  .intro_img_wrap .round_3{width: 105px;height: 20px;left:-70px;top: 0px;}
  .intro_img_wrap .round_4{width: 80px;height: 20px;left:-60px;top: 50px;}
  .introSwiper .swiper-horizontal>.swiper-pagination-bullets,
  .introSwiper .swiper-pagination-bullets.swiper-pagination-horizontal,
  .introSwiper .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 50px;}
  .introSwiper .swiper-pagination {text-align: center;}
  .introSwiper .swiper-pagination-bullet {font-size: 13px;}
  .page_visual{height: 400px;}
  .page_visual div{font-size: 46px;}
  .about_one_1{font-size: 14px;}
  .about_one_2{font-size: 38px;}
  .about_one_3{font-size: 20px; margin-top: 30px;}
  .about_one_4{font-size: 16px; margin-top: 20px;}
	.company-summary h4.tit { font-size:26px; }
	.company-summary p.stit { margin-top:15px; font-size:16px; }
	.company-summary .summary_cont1 { margin-top:30px; padding-top:60px;  }
	.company-summary .summary_cont1 .txt_1 { font-size:20px; }
	.company-summary .summary_cont1 .txt_2 { margin-top:20px; font-size:16px; }
	.company-summary .summary_cont1 .txt_2.txt_3 { margin-top:30px; }
	.company-summary .summary_cont2 { margin-top:60px; padding-top:50px; height:800px; }
	.company-summary .summary_cont2 .listbox { margin-top:50px; }
	.company-summary .summary_cont2 .listbox li .circle { width:240px; height:240px; }
	.company-summary .summary_cont2 .listbox li .circle .icon { width:60px; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) .circle { margin-left:-120px; }
	.company-summary .summary_cont2 .listbox li:nth-child(2) .circle { margin-left:-15px; top:180px; }
	.company-summary .summary_cont2 .listbox li:nth-child(3) .circle { margin-right:-15px; top:180px; }
	.company-summary .summary_cont2 .listbox li .circle .s_circle { width:26px; height:26px; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) .circle .s_circle { top:36px; right:10px; }
	.company-summary .summary_cont2 .listbox li:nth-child(2) .circle .s_circle { top:168px; right:4px; }
	.company-summary .summary_cont2 .listbox li:nth-child(3) .circle .s_circle { top:112px; left:-14px; }
	.company-summary .summary_cont2 .listbox li dt { font-size:18px; }
	.company-summary .summary_cont2 .listbox li dt span { font-size:14px; margin-bottom:15px; }
	.company-summary .summary_cont2 .listbox li dd { padding-top:10px; font-size:14px; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) dl { margin-left:180px;}
	.company-summary .summary_cont2 .listbox li:nth-child(2) dl { top:360px; margin-left:240px;}
	.company-summary .summary_cont2 .listbox li:nth-child(3) dl { left:0; top:180px; width:150px; }
	.company-summary .summary_cont2 .listbox li dd br { display:none; }
	.company-summary .summary_cont4 { padding-top:50px; }
	.company-summary .summary_cont4 .listbox { margin:45px 0 0 0; }
	.company-summary .summary_cont4 .listbox > ul { margin:0 0 0 -3px; }
	.company-summary .summary_cont4 .listbox > ul > li { height:300px; }
	.company-summary .summary_cont4 .listbox li .txt { font-size:16px; }
	.company-summary .summary_cont4 .listbox li dl { bottom:30px; padding:0 30px; }
	.company-summary .summary_cont4 .listbox li dt { font-size:22px; } 
	.company-summary .summary_cont4 .listbox li dd { padding-top:15px; font-size:16px; } 
	.company-summary .summary_cont4 .listbox li dd br { display:none; }
	.company-summary .summary_cont5 { padding-top:60px; }
	.company-summary .summary_cont5 .brochure_box { margin-top:40px; }
	.company-summary .summary_cont5 .brochure_box .box { padding:40px 40px 60px 40px; }
	.company-summary .summary_cont5 .brochure_box .box .imgbox { position:relative; float:none; margin:0 auto; width:100%; max-width:550px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox { padding:40px 0 0; width:100%;}
	.company-summary .summary_cont5 .brochure_box .box .txtbox dt { font-size:26px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox dd { padding-top:25px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox dd li { padding-left:10px; margin-top:20px; font-size:14px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox dd li:after { top:10px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox .btn { margin-top:60px; text-align:center; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox .btn li a { width:150px; height:50px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox .btn li a span { padding-right:40px; font-size:15px; }
	.company-summary .summary_cont5 .brochure_box .box > .txt { bottom:-34px; font-size:110px; }

  .company-history .listbox .historyCont .list { padding:0 0 0 40px; }
	.company-history .listbox .historyCont .list dl { margin-top:-10px; }
	.company-history .listbox .historyCont .list dt { font-size:24px; }
	.company-history .listbox .historyCont .list dd li { padding:0 0 0 10px; margin:10px 0 0 0; font-size:15px; }
	.company-history .listbox .historyCont .list dd li:before { top:8px; width:2px; height:2px; }
	.company-history .listbox .historyCont:nth-child(2n) .list { padding:0 40px 0 0;}

  .scm-system .system_cont1 { padding-bottom:60px; }
	.scm-system .system_cont1 .txt_b { bottom:-30px; font-size:100px; }
	.scm-system .system_cont1 .s_box { padding:30px 20px; }
	.scm-system .system_cont1 .s_box > div { height:auto; }
	.scm-system .system_cont1 .s_box .buSwiper {  position:relative; right:unset; top:unset; width:100%; height:100%; }
	.scm-system .system_cont1 .s_box .txtbox { padding-top:50px; }
	.scm-system .system_cont1 .s_box .txtbox .sbox { display:block; }
	.scm-system .system_cont1 .s_box .txtbox dt { font-size:24px; }
	.scm-system .system_cont1 .s_box .txtbox dt:before { width:5px; height:5px; top:-10px; left:-10px; }
	.scm-system .system_cont1 .s_box .txtbox dt:after { width:5px; height:5px; top:-4px; left:-5px; }
	.scm-system .system_cont1 .s_box .txtbox dd { padding-top:15px; font-size:15px; }
	.scm-system .system_cont1 .s_box .txtbox dd br { display:none; }

  .scm-system .system_cont2 { margin-top:50px; padding-bottom:60px; }
	.scm-system .system_cont2 .listbox ul { margin:0 0 0 -12px; }
	.scm-system .system_cont2 .listbox li { margin:0 0 0 12px; width:calc(33.333% - 12px); }
	.scm-system .system_cont2 .listbox li dl { padding:20px 5px 0; }
	.scm-system .system_cont2 .listbox li dt { font-size:18px; }
	.scm-system .system_cont2 .listbox li dd { padding-top:8px; font-size:14px; }

  .footer_inner{padding: 60px 20px 0 20px}
  .footer_row{flex-wrap: wrap; text-align: center; gap: 30px;}
  .footer_row > div{width: 100%; flex: none;}
  .footer_flag {justify-content: center;}
  .copy{text-align: center; margin-top: 30px;}
}
@media screen and (max-width:860px){
	.company-history .history_toptxt { margin-top:20px; }
	.company-history .history_toptxt > span { font-size:18px; }
	.company-history .history_toptxt .m_br { display:block; } 
	.company-history .listbox:after { left:50px; top:60px; height:calc(100% - 65px); margin-top:30px; }
	.company-history .listbox .historyCont { padding:60px 0 0 0; position:relative; }
	.company-history .listbox .historyCont:nth-child(1) { padding:60px 0 0 0; }
	.company-history .listbox .historyCont { z-index:2; }
	.company-history .listbox .historyCont .imgbox { width:100%; margin:0; }
	.company-history .listbox .historyCont .imgbox:after {content:""; display:block; padding-bottom:30%; }
	.company-history .listbox .historyCont .imgbox img { position:absolute; right:0; top:0; max-width:100%; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
	.company-history .listbox .historyCont .list { left:0; width:100%; margin-top:0px; padding:0 30px 0 80px; }
	.company-history .listbox .historyCont .list:after { left:50px; width:5px; height:5px; margin:1px 0 0 -2px; }
	.company-history .listbox .historyCont .list:before { left:44px; margin:0 0 0 0; }
	.company-history .listbox .historyCont.subOn .list:before { left:44px; top:-4px; width:18px; height:18px; margin:-9px 0 0 -9px; }
	.company-history .listbox .historyCont:nth-child(2n) .imgbox { margin:0; }
	.company-history .listbox .historyCont:nth-child(2n) .list { margin-top:0; padding:0 30px 0 80px; text-align:left; }
	.company-history .listbox .historyCont:nth-child(2n) .list:after { left:50px; right:0; margin:1px 0 0 -2px; }
	.company-history .listbox .historyCont:nth-child(2n).subOn .list:before { left:44px; right:0; margin:-9px 0 0 -9px; }
	.company-history .listbox .historyCont:nth-child(2n) .list dd li { padding:0 0 0 10px; }
	.company-history .listbox .historyCont:nth-child(2n) .list dd li:before { left:0; right:0; }
	.company-history .listbox .historyCont .list dl { margin-top:-8px; }
	.company-history .listbox .historyCont .list dt { font-size:18px; }
	.company-history .listbox .historyCont .list dd li { margin:10px 0 0 0; font-size:14px; }
}
@media screen and (max-width:760px){
  .vs_title {
    font-size: 32px;
    margin-bottom: 30px;
    line-height: normal;
  }
  .vs_txt {
    font-size: 20px;
    line-height: normal;
  }
	.vs_txt_wrap {
    left: 20px;
    bottom: 122px;
  }
  .vSwiper .autoplay-progress-bar {
    left: 20px;
    bottom: 60px;
    width: calc(100% - 40px);
  }
  .about_one_3{font-size: 18px; background-size: 26px 15px; padding-top: 25px;}
  .about_one_4{font-size: 15px;}
	.company-summary h4.tit { font-size:20px; }
	.company-summary p.stit { margin-top:10px; font-size:14px; }
	.company-summary .summary_cont1 { background-size:26px 15px; padding-top:25px;  }
	.company-summary .summary_cont1 .txt_1 { font-size:18px; }
	.company-summary .summary_cont1 .txt_2 { margin-top:20px; font-size:15px; }
	.company-summary .summary_cont1 .txt_2 br { display:none; }
	.company-summary .summary_cont1 .txt_2.txt_3 { margin-top:20px; }
	.company-summary .summary_cont2 { padding-top:50px; padding-bottom:50px; height:auto; }
	.company-summary .summary_cont2 .listbox li { margin-top:50px; padding-left:110px;  }
	.company-summary .summary_cont2 .listbox li .circle { width:90px; height:90px; }
	.company-summary .summary_cont2 .listbox li .circle .icon { width:45px; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) .circle { left:0; margin-left:0; }
	.company-summary .summary_cont2 .listbox li:nth-child(2) .circle { left:0; margin-left:0; top:0; }
	.company-summary .summary_cont2 .listbox li:nth-child(3) .circle { left:0; right:unset; margin-right:0; top:0; }
	.company-summary .summary_cont2 .listbox li .circle .s_circle { display:none; }
	.company-summary .summary_cont2 .listbox li dt { font-size:17px; }
	.company-summary .summary_cont2 .listbox li dt span { font-size:13px; margin-bottom:10px; }
	.company-summary .summary_cont2 .listbox li dd { padding-top:10px; font-size:14px; }
	.company-summary .summary_cont2 .listbox li dl { position:relative; }
	.company-summary .summary_cont2 .listbox li:nth-child(1) dl { left:0; top:0;margin-left:0;}
	.company-summary .summary_cont2 .listbox li:nth-child(2) dl { left:0; top:0; margin-left:0;}
	.company-summary .summary_cont2 .listbox li:nth-child(3) dl { left:0; top:0; right:unset; width:auto; }
	.company-summary .summary_cont4 { padding-top:50px; }
	.company-summary .summary_cont4 .listbox { margin:45px 0 0 0; }
	.company-summary .summary_cont4 .listbox > ul { margin:0 0 0 -3px; }
	.company-summary .summary_cont4 .listbox > ul > li { height:70px; width:100%; margin:0; transition:height .6s; }
	.company-summary .summary_cont4 .listbox > ul > li.active { height:240px; width:100%; }
	.company-summary .summary_cont4 .listbox li .txt { font-size:16px; width:100%; }
	.company-summary .summary_cont4 .listbox li .txt > span { display:inline-block; }
	.company-summary .summary_cont4 .listbox li .txt br { display:none; }
	.company-summary .summary_cont4 .listbox li dl { bottom:30px; padding:0 30px; }
	.company-summary .summary_cont4 .listbox li dt { font-size:19px; } 
	.company-summary .summary_cont4 .listbox li dd { padding-top:15px; font-size:15px; } 
	.company-summary .summary_cont4 .listbox li dd br { display:none; }
	.company-summary .summary_cont5 { padding-top:60px; }
	.company-summary .summary_cont5 .brochure_box { margin-top:40px; }
	.company-summary .summary_cont5 .brochure_box .box { padding:40px 20px 50px 20px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox dt { font-size:20px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox dd { padding-top:20px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox dd li { padding-left:10px; margin-top:20px; font-size:14px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox .btn { margin-top:60px; text-align:center; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox .btn li a { width:120px; height:45px; }
	.company-summary .summary_cont5 .brochure_box .box .txtbox .btn li a span { padding-right:30px; font-size:14px; }
	.company-summary .summary_cont5 .brochure_box .box > .txt { bottom:-12px; font-size:50px; }

  .scm-system .system_cont1 { padding-bottom:40px; }
	.scm-system .system_cont1 .txt_b { bottom:-20px; font-size:70px; }

  .scm-system .system_cont2 .listbox ul { margin:0; }
	.scm-system .system_cont2 .listbox li { margin:20px 0 0 0; width:100%; }
}

@media screen and (max-width: 640px) {
  .main_map{background-size: 100% 303px;}
  .main_map_title{margin-top:60px; padding: 0 20px; font-size: 26px;}
  .map_row{padding: 0 20px; gap: 20px;}
  .map_row > div{width: 100%; flex: none; max-width: 100%;}
  .map_row #map{flex: none;width: 100%;max-width: 100%;height: 244px;}
  .tab_txt_grid.tab_txt_grid_1 {grid-template-columns: repeat(1, 1fr);}

  .page_visual{height: 300px;}
  .page_visual div{font-size: 32px;}
  .about_one_1{font-size: 14px;}
  .about_one_2{font-size: 28px;}
  .about_one_3 br{display: none;}
  .about_one_4 br{display: none;}

  .scm-system .system_cont1 { padding-bottom:20px; }
	.scm-system .system_cont1 .txt_b { bottom:-15px; font-size:45px; }
}

/* animation */
.company-history .history_toptxt { overflow:hidden; }
.company-history .history_toptxt > span { opacity:0; }
.company-history .history_toptxt.subOn > span { animation:txtUp 0.8s 1.0s; animation-fill-mode:both; }
.company-history .listbox .historyCont .list dt span { color:#fff; opacity:0; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(1) { animation:letter-glow 0.5s 0.1s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(2) { animation:letter-glow 0.5s 0.2s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(3) { animation:letter-glow 0.5s 0.3s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(4) { animation:letter-glow 0.5s 0.4s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(5) { animation:letter-glow 0.5s 0.5s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(6) { animation:letter-glow 0.5s 0.6s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(7) { animation:letter-glow 0.5s 0.7s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(8) { animation:letter-glow 0.5s 0.8s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(9) { animation:letter-glow 0.5s 0.9s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(10) { animation:letter-glow 0.5s 1.0s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(12) { animation:letter-glow 0.5s 1.1s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(13) { animation:letter-glow 0.5s 1.2s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(14) { animation:letter-glow 0.5s 1.3s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(15) { animation:letter-glow 0.5s 1.4s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(16) { animation:letter-glow 0.5s 1.5s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(17) { animation:letter-glow 0.5s 1.6s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(18) { animation:letter-glow 0.5s 1.7s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(19) { animation:letter-glow 0.5s 1.8s; animation-fill-mode:both; }
.company-history .listbox .historyCont.subOn .list dt span:nth-child(20) { animation:letter-glow 0.5s 1.9s; animation-fill-mode:both; }

.company-history .listbox .historyCont .list dd { opacity:0; } 
.company-history .listbox .historyCont.subOn .list dd { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.company-history .listbox .historyCont:nth-child(2n).subOn .list dd { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:860px){
	.company-history .listbox .historyCont:nth-child(2n).subOn .list dd { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
}

@-webkit-keyframes letter-glow {
  0% { color:#fff; opacity:0; }
  100% { color:#333; opacity:1; }
}
@keyframes letter-glow {
  0% { color:#fff; opacity:0;}
  100% { color:#333; opacity:1; }
}