@charset 'utf-8';

#mobile_menu_bg {width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(2px); z-index: 999; visibility: hidden; pointer-events: none; transition:opacity 0.6s ease,  visibility 0.6s ease; overflow: hidden; z-index: 1000;}
#mobile_menu_bg.active {opacity: 1; visibility: visible; pointer-events: auto;}
.mobile_menu_wrap {position: absolute; top: 0; right: 0; height: 100%; background: #fff; width: 80vw; max-width: 400px; transform: translateX(100%); transition: transform 0.6s ease;}
#mobile_menu_bg.active .mobile_menu_wrap {transform: translateX(0);}
@keyframes slideInBounce {
  0%   { transform: translateX(100%); }
  60%  { transform: translateX(-10px); }
  80%  { transform: translateX(5px); }
  100% { transform: translateX(0); }
}

.slick-prev, .slick-next {
  background: none;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  font-size: 24px;
  cursor: pointer;
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slick-prev img, .slick-next img {
  width: 36px;
  height: auto;
}

.point_t {color:#3471FF !important;}
.whiet_t {color:#fff !important;}
.mobile_line {display:none;}

#mobile_menu_bg > .mobile_menu_wrap > .menu_top {width:100%; display:flex; justify-content: space-between; align-items: center; padding: 12px 24px 8px 12px; border-bottom:1px solid #dfdfdf;}
#mobile_menu_bg > .mobile_menu_wrap > .menu_top > .mobile_logo {width:90px;}
#mobile_menu_bg > .mobile_menu_wrap > .menu_top > .close_btn {width:24px; height:24px; display: flex; justify-content: center; align-items: center;}
#mobile_menu_bg > .mobile_menu_wrap > .m_menu_contents {width:100%; padding:0 16px 0;}
#mobile_menu_bg > .mobile_menu_wrap > .m_menu_contents > ul > li {}
#mobile_menu_bg > .mobile_menu_wrap > .m_menu_contents > ul > li > .m_menu_title {font-size:16px; font-weight:600; display:flex; justify-content: space-between; align-items: center; padding:12px 8px;}
#mobile_menu_bg > .mobile_menu_wrap > .m_menu_contents > ul > li > .m_menu_title.active {color:#005baa;}
#mobile_menu_bg > .mobile_menu_wrap > .m_menu_contents > ul > li > .m_menu_title img {transition: transform 0.3s ease; transform: rotate(0deg);}
.m_menu_contents > ul > li.open .m_menu_title img {transform: rotate(180deg);}
#mobile_menu_bg > .mobile_menu_wrap > .m_menu_contents > ul > li > ul {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}
.m_menu_contents > ul > li.open > ul {
  heihgt:max-content;
}
#mobile_menu_bg > .mobile_menu_wrap > .m_menu_contents > ul > li > ul li > a {padding:8px 16px; color:#666; display: block;}

#gnb {width:100%; height:max-content; display:flex; flex-direction: column; justify-content: center; align-items: center; position:fixed; padding:0px 0 0; z-index: 99; overflow:hidden; transition: height 0.3s ease; transition: ease 0.3s all; z-index: 999;}
#gnb:hover {background-color:rgba(255,255,255,0.9); transition: ease 0.3s all;}
#gnb:hover .gnb_wrap > .nb_wrap > ul > li > a {color:#777;}
#gnb:hover .gnb_wrap > .right_box {color:#242424;}
.right_box .mobile_menu {display:none;}
#gnb > .gnb_wrap {display:flex; justify-content: center; align-items: center; width:100%; position:absolute; left:0; top:0; padding:0 5.5556%;}
#gnb > .gnb_wrap > #logo {width:11%; max-width:140px; height: max-content; margin:0 16px 0 0; position:relative; top:0;}
#gnb > .gnb_wrap > #logo > a {width:100%; display:block; left:0; top:0; position:absolute; top:50%; transform: translate(0,-50%);}
#gnb > .gnb_wrap > #logo > a img {height:100%;}

#gnb > .gnb_wrap > .nb_wrap {width:100%; max-width:1080px; margin:0 0 0 auto; display:flex; justify-content: center; flex-direction:column; position:relative;}
#gnb > .gnb_wrap > .nb_wrap > ul {width:100%; display:flex; justify-content: space-between; align-items:center;}
#gnb > .gnb_wrap > .nb_wrap > ul > li {flex:1; text-align: center;}
#gnb > .gnb_wrap > .nb_wrap > ul > li > a {padding:24px 0; color:#fff; font-size:18px; font-weight:700; width:100%; display:block;}
/* #gnb > .gnb_wrap > .nb_wrap > ul > li > a:hover {color:#242424; transition: all ease 0.2s; background-color:#fff} */
#gnb > .gnb_wrap > .right_box {color:#fff; width:9%; margin:0 0 0 16px; max-width:140px; display:flex; justify-content: flex-end; display:none;}
#gnb > .sub_menu {width:100%; max-width:1080px; display:flex; justify-content: space-between; position:absolute;}
#gnb > .sub_menu > ul {width:100%; flex:1; text-align: center;}
#gnb > .sub_menu > ul > li {font-size:18px; text-align: center;}
#gnb > .sub_menu > ul > li > a {color:#b3b3b3; display:block; padding:16px 0; transition: ease 0.1s all; font-size:16px;}
/*스크롤 됬을때*/
#gnb.scrolled, #gnb.scrolled:hover {background-color: rgba(255,255,255,0.9) !important;}
#gnb.scrolled .gnb_wrap > .nb_wrap > ul > li > a {color: #777 !important;}
#gnb.scrolled .mobile_menu img {filter: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(90%) contrast(90%);}
#gnb.scrolled:hover .gnb_wrap > .nb_wrap > ul > li > a {color: #777 !important;}
#gnb.scrolled:hover .gnb_wrap > .nb_wrap > ul > li.active > a {color: #242424 !important;}
/* 활성화된 li */
#gnb > .gnb_wrap > .nb_wrap > ul > li.active {
  background-color: #fff; color: #242424;
}
#gnb > .gnb_wrap > .nb_wrap > ul > li.active > a {
  background-color: #fff; color: #242424;
}

/* 활성화된 ul */
#gnb > .sub_menu > ul.active {
  background-color: #f9f9f9;
  color: #666;
}

#gnb > .sub_menu > ul > li > a:hover {
  background-color: #005baa;
  color: #fff;
  transition:ease 0.3s all;
}

#section1 {width:100%; height:100vh; overflow: hidden; position:relative; background:#222;}
#MainSlideSection {height:100vh;}
#MainSlideSection .slick-slide {height:100vh;}
#MainSlideSection .slick-slide.slia_img1 {background-image: url(../images/main_slide_bg1.png); background-size: cover; background-position: center;}
#MainSlideSection .slick-slide.slia_img2 {background-image: url(../images/main_slide_bg2.png); background-size: cover; background-position: center;}
#MainSlideSection .slick-slide.slia_img3 {background-image: url(../images/main_slide_bg3.png); background-size: cover; background-position: center;}
.slide_wrap {width:100%; height:100%;}
.slide_wrap img {width:100%; height:100%; object-fit: contain;}
#section1 > .text_area {position:absolute; left:calc((100vw - 1280px)/2); z-index: 3; bottom:15%; transform: translate(0,-50%);}
#section1 > .text_area > h1 {font-size:58px; color:#fff; font-weight:900; margin:12px 0; font-family: roboto;}
#section1 > .text_area > h3 {font-size:32px; color:#fff; font-weight:400; color:#fff; line-height:42px;}
#section1 > .text_area span {font-weight:700;}

#section2 {height:420px; margin:0 auto;  padding:0 0 40px 0; position:relative; z-index: 98; background: #fff;}
#section2 > .slider_wrap {max-width:1280px; width:88.8888%; height:100%; margin:40px auto; padding:40px 0; overflow: hidden;}
#section2 > .slider_wrap > .slide1 {width:1280px; height:340px; bottom:40px; display:flex; flex-direction: column; flex-wrap:wrap; justify-content: flex-end; align-content:space-between; align-items: center; gap:1.25%;}
#section2 > .slider_wrap > .slide1 > .slice_area_01 {overflow: hidden; width:42%; max-width:530px; height: 340px; border-radius:16px; background:#f5f5f5;}
#section2 > .slider_wrap > .slide1 > .slice_area_01 > .sd_item {height:540px; height:100%;}
#section2 > .slider_wrap > .slide1 > .slice_area_01 > .sd_item > img {height:540px; height:100%; object-fit: cover;}

#section2 > .slider_wrap > .slide1 > .slice_area_02 {width:724px; max-width:862px; height:160px; border-radius:16px; display:flex; justify-content: space-between;}
#section2 > .slider_wrap > .slide1 > .slice_area_02 > .sd_item {width:23%; border-radius:16px; overflow: hidden; display:flex; justify-content: center;}
#section2 > .slider_wrap > .slide1 > .slice_area_02 > .sd_item > img {height:100%; object-fit:cover;}
/*슬릭 CSS start*/
.slick-slider{width: 100%;}
.slice_area_01{
  img{object-fit: cover; width: 100%; height: 340px; overflow: hidden;}
}

.slice_area_02{
  .sd_item{width:220px; height:160px; margin:0 1% 0 0; overflow: hidden; border-radius:16px;}
  img{object-fit: cover; width: 100%; height: 100%; overflow: hidden;}
}

.slick-dots{bottom:5px;}
li button:before {font-size: 15px;color: white;}
li.slick-active button:before {opacity: .75; color: white;}
/*슬릭 CSS end*/

#section2 > .slider_wrap > .slide1 > .text_area {position:relative; width:724px;}
#section2 > .slider_wrap > .slide1 > .text_area > .text_box {position:absolute; left:0; top:-160px; opacity:0; transition:opacity 0.5s ease-in-out;}
#section2 > .slider_wrap > .slide1 > .text_area > .text_box.active {opacity: 1; pointer-events: auto; z-index: 1;}
#section2 > .slider_wrap > .slide1 > .text_area > .text_box > h3 {font-size:34px; font-weight:500; color:#242424;}
#section2 > .slider_wrap > .slide1 > .text_area > .text_box > p {font-size:20px; margin:8px 0 0; color:#646464;}
#section2 > .slider_wrap > .slide1 > .text_area > .text_box > .button {padding:8px 12px; font-size:16px; background-color:#005baa; display:inline-block; border-radius: 8px; margin:12px 0 0;}
#section2 > .slider_wrap > .slide1 > .text_area > .text_box > .button > a {color:#fff;}

#section3 {padding:0 0 40px 0; position:relative; background-image:url(../images/section3_bg.jpg); background-size:cover; background-position:center; background-repeat: no-repeat; background-attachment: fixed;}
#section3 > .filter_gb {width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(255,255,255,0.6); backdrop-filter: blur(3px); z-index: 0; }
#section3 > .solution {max-width:1280px; width:88.8888%; margin:0 auto; position: relative; padding:80px 0 0; z-index: 99;}
#section3 > .solution > .section3_title {display:flex; justify-content: space-between; margin:0 0 40px;}
#section3 > .solution > .section3_title > .text_area > h3 {font-size: 34px; color:#242424;}
#section3 > .solution > .section3_title > .text_area > p {font-size:20px; margin:8px 0 0; color:#646464}
#section3 > .solution > .section3_title > .button {font-size:16px; display:inline; margin:auto 0 0;}
#section3 > .solution > .section3_title > .button > a {color:#fff; width:100%; display:block; padding:8px 12px; background-color:#005baa; border-radius: 8px;}
#section3 > .solution > .solution_img_wrap {width:100%; display:flex; justify-content: space-between; align-content: center; flex-wrap:wrap;}
#section3 > .solution > .solution_img_wrap > .contents {width:32%; height:250px; border:1px solid #d4d4d4; margin:0 0 24px; border-radius:16px; position:relative; overflow: hidden;}
#section3 > .solution > .solution_img_wrap > .ct_1 {background-image: url("../images/iot_img.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat; position:relative;}
#section3 > .solution > .solution_img_wrap > .ct_2 {background-image: url("../images/CK_ti436a35703_n.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat; position:relative;}
#section3 > .solution > .solution_img_wrap > .ct_3 {background-image: url("../images/marchine_learning.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat; position:relative;}
#section3 > .solution > .solution_img_wrap > .ct_4 {background-image: url("../images/ITS.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat; position:relative;}
#section3 > .solution > .solution_img_wrap > .ct_5 {background-image: url("../images/dron.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat; position:relative; margin: 0 auto 0 2%;}
#section3 > .solution > .solution_img_wrap > .ct_6 {background-image: url("../images/industry.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat; position:relative;}
#section3 > .solution > .solution_img_wrap > .ct_7 {background-image: url("../images/CK_ti436a35703_n.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat; position:relative;}
#section3 > .solution > .solution_img_wrap > .ct_8 {background-image: url("../images/beat.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat; position:relative; margin:0 auto 0 2%;}
#section3 > .solution > .solution_img_wrap > .contents > a {display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.3);}
#section3 > .solution > .solution_img_wrap > .contents > a > span {position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); font-size:32px; color:#fff; text-align: center; width:100%;}


#section4 {padding:0 0 40px 0; position:relative; background:#fff;}
#section4 > .inverstor_relations {max-width:1280px; width:88.8888%; margin:0 auto;  padding:80px 0; display: flex; justify-content: space-between; align-content: center;}
#section4 > .inverstor_relations > .text_area { width:25%;}
#section4 > .inverstor_relations > .text_area > h3 {font-size: 34px; font-weight:bold; color:#242424; margin:0 0 24px;}
#section4 > .inverstor_relations > .text_area > .button {font-size:16px; display:inline-block; margin:auto 0 0;}
#section4 > .inverstor_relations > .text_area > .button > a {color:#fff; display:block; padding:8px 12px; background-color:#F5A623; border-radius: 8px;}
#section4 > .inverstor_relations > .table_area {width:70%; height:auto; border:1px solid #d4d4d4; overflow: hidden; border-radius: 16px;}

/*#section5 {padding:0 0 40px 0; position:relative; background-color:#005baa;}
#section5 > .press_release {max-width:1280px; width:88.8888%; margin:0 auto;  padding:80px 0; display: flex; justify-content: space-between; align-content: center;}
#section5 > .press_release > .content_wrap { width:60%; height:380px; display:flex; justify-content: space-between; margin:0 36px 0 0;}
#section5 > .press_release > .content_wrap > .img_area {width:48%; height:100%; border:1px solid #fff; border-radius:16px; display:flex; flex-direction: column; padding: 20px 2.7778%;}
#section5 > .press_release > .content_wrap > .img_area > .img_wrap {width:100%; height:200px; background-color:#f5f5f5;}
#section5 > .press_release > .content_wrap > .img_area > .text_area{margin:8px 0 0;}
#section5 > .press_release > .content_wrap > .img_area > .text_area > h3 {color:#fff; font-weight:500; font-size:20px;}
#section5 > .press_release > .content_wrap > .img_area > .date_infor {color:#fff; font-size:16px; margin:auto 0 0;}
#section5 > .press_release > .section5_title {margin:0 auto 0 0; display:flex; align-items: center;}
#section5 > .press_release > .section5_title > .text_area > h3 {color:#fff; font-size:34px;}
#section5 > .press_release > .section5_title > .text_area > p {color:#f5f5f5; font-size:20px;}
#section5 > .press_release > .section5_title > .text_area > .button {font-size:16px; display:inline-block; margin:24px 0 0;}
#section5 > .press_release > .section5_title > .text_area > .button > a {color:#fff; display:block; padding:8px 12px; background-color:#F5A623; border-radius: 8px;}

#section6 {padding:0 0 40px 0; position:relative; background:rgba(255,255,255,0.85); backdrop-filter: blur(4px);}
#section6 > .news {max-width:1280px; width:88.8888%; margin:0 auto;  padding:80px 0;}
#section6 > .news > .section6_title {display:flex; justify-content: space-between; align-items: end; margin:0 0 40px;}
#section6 > .news > .section6_title > h3 {color:#242424; font-size:34px;}
#section6 > .news > .section6_title > a {color:#666; font-size:20px;}
#section6 > .news > .section6_contents {width:100%; display:flex; justify-content: space-between; align-items: stretch;}
#section6 > .news > .section6_contents > .news_item {width:49%; padding:36px 32px; border:1px solid #d4d4d4; border-radius:8px; background:#f9f9f9;}
#section6 > .news > .section6_contents > .news_item > h3 {font-size:24px; color:#242424; font-weight:400; margin:0 0 12px;}
#section6 > .news > .section6_contents > .news_item > span {font-size:16px; color:#666;}*/

#section8 {padding:80px 0 80px 0; position:relative; background:#f5f5f5;}
#section8 > .Partner_contents {max-width:1280px; width:88.8888%; margin:0 auto;}
#section8 > .Partner_contents > h3 {font-size:34px; text-align: center;}
#section8 > .Partner_contents > .Partner > h3 {font-size:28px; text-align: center; margin:52px 0 32px; font-weight:400; color:#333;}
.logo_contain {width:100%; display: grid; grid-template-columns: repeat(7, 1fr); gap: 16px;}

.logo_contain > a {width:100%; height:60px; display:flex; justify-content: center; align-items: center;}
.logo_contain > a > img {width:80%; object-fit:corver; display:block;}
.logo_contain > a:nth-child(3) {background:#000;}
.logo_contain > a:nth-child(3) img {width:70%;}
.logo_contain > a {font-size:18px; font-weight:700;}
.logo_contain > a:nth-child(6) img {width:80%;}
.logo_contain > a:nth-child(7) img {width:70%;}
.logo_contain > a:nth-child(11) img {width:70%;}
.logo_contain > a:nth-child(13) img {width:60%;}

#section7 {padding:0 0 40px 0; position:relative; width:100%; height:440px; background-image:url("../images/section_7_bg.png"); background-size:cover; background-position:center; background-repeat: no-repeat; display:flex; justify-content:center; align-items: center;}
#section7 > .text_area {display:flex; justify-content: center; align-items: center; flex-direction: column; margin:70px 0 0;}
#section7 > .text_area > h3 {font-size:34px; color:#fff; text-align: center;}
#section7 > .text_area > h3 > br {display:none;}
#section7 > .text_area > .button {font-size:16px; display:inline-block; margin:24px 0 0;}
#section7 > .text_area > .button > a {color:#fff; display:block; padding:8px 12px; background-color:#F5A623; border-radius: 8px;}

#section8 > .Partner_contents > .Customer > h3 {font-size:28px; text-align: center; margin:126px 0 32px; font-weight:400; color:#333;}
.Customer > .logo_contain > a:nth-child(3) {background:transparent;}
.Customer > .logo_contain > a:nth-child(3) {width:100%;}

footer {background-color:#fff; color:#fff; background:#1b1b1d;}
footer p span {font-size:14px;}
.footer_wrap {width:100%; max-width: 1280px; margin:0 auto; height:max-content; display:grid; grid-template-columns: 600px 1fr 1fr;}
.footer_wrap h3 {font-size:20px; font-weight:500;}
.footer_wrap .footer_item {display: flex; flex-direction: column; padding:40px 16px;}
.footer_wrap > .left_cotents > .logo {width:20%; min-width:120px;}
.footer_wrap > .left_cotents > .logo img {width:100%;}
.footer_wrap > .left_cotents > span {font-size:12px; color:#f5f5f5; margin:8px 0 0;}
.footer_wrap > .left_cotents > .adress {margin:16px 0 0;}
.footer_wrap > .left_cotents > .adress > p {margin:8px 0 0;}

.footer_wrap > .medle_cotents {align-items: flex-end; text-align: right;}
.footer_wrap > .medle_cotents > ul {margin:24px 0 0;}
.footer_wrap > .medle_cotents > ul > li {margin:0 0 8px; font-size:16px; font-weight:400;}
.footer_wrap > .medle_cotents > ul > li > a {color:#fff;}

.footer_wrap > .right_cotents {align-items: flex-end; text-align: right;}
.footer_wrap > .right_cotents > .call h3 {margin:0 0 8px;}
.footer_wrap > .right_cotents > .call > p {margin:0 0 8px;}
.footer_wrap > .right_cotents > .call > p span {font-weight:bold;}
.footer_wrap > .right_cotents > .email {margin:12px 0 0;}
.footer_wrap > .right_cotents > .email h3 {margin:0 0 8px;}

/*new_about_as start*/
.company_section1 {overflow:hidden; width:100%; padding:150px; max-height:675px; background-image: url(../images/new_company_info_bg.png); background-size: cover; background-position:center; background-repeat: no-repeat;}
.company_title {max-width: 1280px; margin:0 auto; padding: 0 0 0 50px; display:flex; flex-direction: column; gap:52px;}
.company_title > h1 {font-size: 46px; line-height: 150%; letter-spacing: 0.1rem;}
.company_title > h1 > .small_t {font-weight:400; color:#999; opacity: 0.6;}
.company_title > p {font-size:20px; color:#777; line-height: 160%; letter-spacing: 0;}

.company_section2 {overflow:hidden; margin:0 auto; width:100%; padding:160px 0 200px;}
/*조직도 시작*/
.orga_wrap {overflow:hidden; margin:80px auto 0; max-width: 970px;}
.paddign_box {max-width:1280px; padding:0 90px; margin:32px auto;}
.orga_center_line {height:1px; max-width:1100px; background:#d9d9d9;}
.other_wrap {max-width:1280px; margin:0 auto; display:flex; justify-content: space-between; align-items: flex-start;}
.flx_line {display:flex; flex-direction: column; gap:64px; position:relative;}
.flx_line > .column_line {width:1px; height:100%; background:#d9d9d9; position:absolute; left:50%; top:-32px; z-index: -1;}
.radius_box {position:relative; border:1px solid #666; background:#fff; color:#999; border-radius: 50px; display:flex; justify-content: center; align-items: center; height:48px; width:180px; font-weight:500;}
.radius_box.ceo {border:none; background:#000; color:#fff; margin: 0 auto;}
.radius_box > .column_line {width:1px; height:100%; background:#d9d9d9; position:absolute; left:50%; bottom:-32px; z-index: -1;}
.radius_box.mana {border:none; background:#3471FF; color:#fff;}
.m_br {display:none;}
/*조직도 끝*/

/*연혁 시작*/
.history_wrap {overflow:hidden; max-width:1280px; margin:100px auto 0;}
.his_line {display: flex; flex-direction: column; gap:136px;}
.point_section {display:flex; gap:42px; justify-content: center; align-items: flex-start;}
.point_section > h1 {width:50%; text-align: right; font-size:62px; color:#1A2436}
.point_section > .his_info {width:50%; margin:60px 0 0;}
.point_section > .his_info > p {font-size:20px; line-height:200%; color:#666;}
.point_out {position:relative; margin:40px 0 0; height:100%;}
.point_out > .his_center_line {position:absolute; left:50%; top:50%; transform: translate(-50%, 0%); width:1px; height:260px; background:#EBF1FF; z-index: -1;}
.point_out > .his_center_line.long {height:350px;}
/*연혁 끝*/

.company_section4 {margin: 180px 0;}
.map_section {max-width:1280px; margin:0 auto; height:620px; display:flex; flex-wrap:wrap; flex-direction: column; align-content:center; justify-content: center; align-items: flex-start; overflow: hidden; padding:80px 5.5556%; gap:50px;}
.map_section > .map_area {width:55%; height:100%; border-radius: 16px; overflow: hidden;}
.map_section > .map_area > .map_wrap {width:100%; height:100%;}
.map_section > .infor_text {width:45%; height:100%; padding:0% 2.7778%; display:flex; flex-direction: column; justify-content: center;}
.map_section > .title {margin:0 0 24px; width:43%; margin: 0 0 28px 2%}
.map_section > .information_items {display:flex; flex-direction: column; width:50%;}
.map_section > .information_items > li {display:flex; align-items: center; margin:0 0 16px;}
.map_section > .information_items > li > img {width:24px; height:24px; margin:0 8px 0 0;}
.map_section > .information_items > li > span {font-size:18px; color:#666;}
/*new_about_as end*/

/*new_business_dron start*/
.SubBg {width:100%; aspect-ratio: 3 / 1; max-height:400px; overflow: hidden; background-size:cover; background-position:center; background-repeat: no-repeat; position:relative; display:flex; flex-direction: column; flex-flow: start-end;}
.SubBg.main {background-image: url("../images/sub_business_bg_3.jpg");}
.SubBg.devel {background-image: url("../images/development_main_bg.png");}
.SubBg.solu {background-image: url("../images/solution_main_bg.png");}
.SubBg.company_info {background-image: url("../images/new_about_as_main_bg.png");}
.SubBg.community {background-image: url("../images/new_about_as_main_bg.png");}

.SubBg > .text_area {position:absolute; left:50%; top:46%; transform: translate(-50%,-50%);}
.SubBg > .text_area > h1 {font-size:36px; color:#fff; font-weight:500; text-align: center; margin:10% 0 0;}
.SubBg > .section_indicator {width:1280px; display:flex; background-color:rgba(0,0,0,0.5); margin:auto auto 0;}
.SubBg > .section_indicator > a {width:100%; height:100%; padding: 8px 0; color:#fff; text-align: center; display:flex; justify-content: center; align-items: center;}
.SubBg > .section_indicator > a.active {background-color:#657DFF;}

.sub_header {color:#fff; display:flex; justify-content: center; flex-direction: column; align-items:center; text-align: center; background-image: url(../images/sub_business_dron_header.png); background-size: cover; background-repeat: no-repeat; background-position: center; height:514px; position: relative;}
.sub_header.server {background-image: url("../images/sub_business_ctrl_bg.png");}
.sub_header.ctl {background-image: url("../images/sub_business_ctl_bg.png");}
.sub_header.si_sm {background-image: url("../images/sub_business_sism_bg.png");}

.sub_header > .dark_side {width:20%; height:100%; position:absolute;}
.sub_header > .dark_side.lef {left:0; top:0; background:linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));}
.sub_header > .dark_side.rig {right:0; top:0; background:linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));}
.sub_header > h3 {font-size: clamp(36px, 3vw, 48px); margin:0 0 44px; text-shadow: 5px 10px 25px rgba(0,0,0,0.7); z-index: 3;}
.sub_header > p {font-size: clamp(16px, 1.5vw, 20px); text-shadow: 5px 10px 25px rgba(0,0,0,0.7); z-index: 3;}
.left_title {margin:0 0 0 50px;}
.left_title > h3 {font-size: clamp(30px, 2vw, 36px);}
.left_title > span {font-size: clamp(14px, 1vw, 16px);; color:#999;}
.function_section {display:flex; justify-content: space-between; width:88.8888%; max-width: 1280px; margin:0 auto; padding:80px 0 180px;}
.right_items {display:grid; grid-template-columns: repeat(2, 2fr); grid-gap: 20px; padding:0 50px; width:64%;}
.right_items > .func_grid {padding:24px; max-width:342px; width:100%; border:1px solid #e9e9e9;}
.right_items > .func_grid > h4 {margin:12px 0; font-size: clamp(16px, 2vw, 24px); color:#252525;}
.right_items > .func_grid > p {font-size: 20px; font-size: clamp(14px, 1.5vw, 20px); color:#666;}

.center_bann_section {display:flex; justify-content:center; text-align: center; align-items: center; flex-direction: column; height:auto; background-size:cover; background-position: center; color:#222;}
.center_bann_section.sism {}
.center_bann_section.cert {}
.center_bann_section.deve1 {bcolor:#333;}
.center_bann_section.deve2 {}
.center_bann_section.deve3 {height:auto; padding:0px 0 70px; margin:60px 0 0;}

.center_bann_section.solu1 {margin: 0px 0 120px;}

.center_bann_section > p {font-size: clamp(16px, 1.5vw, 20px); margin:0 0 60px; line-height: 150%; width:88.8888%; color:#666;}
.center_bann_section > h4 {font-size: clamp(16px, 1.5vw, 20px);}
.case_study {width:88.8888%; max-width: 1280px; margin:0 auto; padding:80px 0 180px;}
.case_study > .left_title {margin:40px auto 140px; text-align: center;}
.flx_column {display:flex; flex-direction: column; gap:120px;}
.list_items {display:flex; justify-content: space-between; gap:50px; padding:0 50px;}
.items_info {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width:48%;}
.items_info > h3 {font-size: clamp(20px, 3vw, 25px); color:#252525;}
.items_info > p {font-size: clamp(16px, 2vw, 20px); margin:32px 0 0; color:#666;}
.img_info_box {max-width:615px; width:48%}
.img_info_box > ul {padding:20px 0 32px; display:flex; flex-direction: column; gap:12px;}
.img_info_box > ul > li {position:relative; padding:0 24px 0 16px; font-size: clamp(12px, 1.5vw, 20px); font-weight:500; display:flex; color:#666;}
.img_info_box > ul > li > .dot_box {width:32px !important; display:block;}
.img_info_box > ul > li > span {width:100%;}
.img_info_box > ul > li > .dot_box > img {width:70%;}
.img_info_box > img {width:100%;}
/*new_business_dron end*/

/*new_development start*/
.devel_section1 {padding:120px 0 0px;}
.devel_section1.no_padding {padding:120px 0 0px;}
.center_title {text-align: center; margin:0 auto;}
.center_title > span {font-size: clamp(16px, 2vw, 20px); color:#999; line-height: 130%;}
.center_title > h3 {font-size: clamp(28px, 2vw, 38px); color:#252525; line-height: 130%;}
.center_title > p {font-size: clamp(20px, 2vw, 24px); color:#666; line-height: 130%; margin:45px 0 0;}
.center_title.s_m > span {font-size: clamp(12px, 2vw, 16px);}
.center_title.s_m > h3 {font-size: clamp(20px, 2vw, 24px);}
.center_indicator {max-width:1040px; display:flex; justify-content: center; align-items: center; border:1px solid #d9d9d9; margin:100px auto 150px;}
.center_indicator > a {width:100%; height:100%; text-align: center; display:flex; justify-content: center; align-items: center; height:58px; font-size: clamp(14px, 2vw, 20px); color:#666;}
.center_indicator > .active {background:#3471FF; color:#fff; font-weight: 600;}
.center_indicator > a .mo_dev_title {display:none;}
.center_bann_section.deve1 {margin:64px 0 120px;}
.flx_th_img_box {max-width:1180px; width:88.8888%; margin:0 auto 80px; gap:65px; display:flex; justify-content: space-between; align-items: center;}
.flx_th_img_box > .img_contents {position:relative;}
.flx_th_img_box > .img_contents >  .img_box {width:100%; aspect-ratio: 1 / 1; position:relative;}
.flx_th_img_box > .img_contents >  .img_box > img {width:100%;}
.flx_th_img_box > .img_contents >  .img_box > .line_circle {position:absolute; left:100%; top:50%; width:72px; z-index: 4;}
.flx_th_img_box > .img_contents > p {margin:20px 0 0; font-size:clamp(12px, 2vw, 20px); height:52px; font-weight:600; text-align: center;}
.devel_section2 {margin:0 0 160px;}
.diagram {display:flex; flex-direction: column; justify-content: center; align-items: center; margin: 80px 0 0;}
.dia_list {margin:20px 0 20px; padding:24px; border-radius: 16px; color:#fff; background:#AEC6FF; line-height: 180%;}
.dia_list > li {list-style: inside; font-size:clamp(14px, 2vw, 20px);}
.diagram > img {max-width:844px; width:88.8888%;}
.function_box {max-width:1280px; margin:94px auto 85px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:40px 0 100px;}
.function_box > img {margin:24px 0 0; width:100%;}
.flx_two {max-width:1280px; display: flex; justify-content: center; align-items: flex-start; padding:0 50px; margin:0 auto; gap:50px;}
.flx_two .center_title.s_m {text-align: left;}
.dev_list_wrap {width:50%;}
.dev_list_wrap > ul {margin:24px 0 0; font-size: clamp(16px, 2vw, 20px); line-height: 240%; color:#666;}
.dev_grid_wrap {width:50%;}
.dev_grid_wrap > .dev_grid_list {margin:24px 0 0; display:grid; grid-template-columns: repeat(2, 2fr); grid-gap: 16px;}
.dev_grid_list > .dev_grid_items {border:1px solid #d9d9d9; padding:20px;}
.dev_grid_list > .dev_grid_items > h3 {font-size: clamp(16px, 2vw, 20px); font-weight:600; line-height: 130%; color:#252525;}
.dev_grid_list > .dev_grid_items > p {font-size: clamp(14px, 2vw, 18px); margin:8px 0 0; line-height: 130%; color:#666;}

.devel_section3 {background:#f9f9f9; padding:90px 0 150px;}
.rwap_flx_items {max-width:1280px; margin:80px auto 0;}
.func_items > h3 {text-align: center; font-size: 24px; color:#333}
.flex_tow_func {display:flex; gap:34px; justify-content: center;}
.func_box {width:470px; padding:24px; font-size:clamp(16px, 2vw, 20px); height:max-content; margin:34px 0 0; text-align: center; position: relative; line-height: 200%; border-radius: 16px; color:#666;}
.func_box.main {background:#fff; border:1px solid #d9d9d9;}
.func_box.effe {background:#EEF4FF;}
.func_box > h4 {color:#333;}
.func_box > img {position:absolute; left:100%; top:calc(50% - 22px); z-index: 3;}

.hardware_section {padding:100px 0; background:linear-gradient(to bottom, rgba(109, 160, 242, 0.8), rgba(255, 255, 255, 0));}

.opasi_grid {display:grid; max-width:1280px; width:88.8888%; margin:80px auto 0; grid-template-columns: repeat(4, 1fr); grid-gap:40px;}
.opasi_grid > .grid_item {width:100%; border-radius:8px; aspect-ratio: 290 / 185; background:rgba(255,255,255,0.2); display:flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color:#666; box-shadow: 0 4px 16px rgba(194, 211, 240, 0.25)}
.opasi_grid > .grid_item > h3 {color:#333; margin:0 0 16px;}
.function_box > .func_img {width:70%; margin:80px auto 0; display:block;}
.flx_for_wrap {display:flex; justify-content: space-between; width:88.8888%; max-width:1280px; gap:40px; margin:80px auto 0;}
.flx_for_wrap > .flx_for_items {width:290px; aspect-ratio: 290 / 185; position: relative; border:1px solid #d9d9d9; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.flx_for_wrap > .flx_for_items > .line_wrap {display:flex; align-items: center; position:absolute; left:100%; top:50%; transform: translate(0, -50%); z-index: 3;}
.flx_for_wrap > .flx_for_items > .line_wrap > .blue_line {width:40px; height:1px; background:#3471FF;}
.flx_for_wrap > .flx_for_items > .line_wrap > .circle_b {width:17px; height:17px; position:absolute; left:calc(100% - 7px); top:50%; transform: translate(0, -50%); display:flex; justify-content: center; align-items: center; background:rgba(136, 170, 249, 0.6); border-radius: 40px;}
.circle_b > .circle_c {width:9px; height:9px; background:#3471FF; border-radius: 20px;}
.flx_for_wrap > .flx_for_items > b {margin:0 0 12px;}
.flx_for_wrap > .flx_for_items > h3 {font-size:clamp(16px, 2vw, 20px); margin:0 0 14px; color:#222;}
.flx_for_wrap > .flx_for_items > p {font-size:16px; color:#666;}
.devel_section3 .flx_for_wrap > .flx_for_items {border:none; background:#EEF4FF; aspect-ratio: 290 / 185;}

/*new_development end*/

/*new_solution_CENPluse start*/
.grid_solu_wrap {max-width:1080px; width:88.8888%; display:grid; grid-template-columns: repeat(2, 1fr); margin:40px auto 120px; gap:24px;}
.solu_grid_title {grid-column: span 2; text-align: center; margin:20px 0 60px;}
.solu_grid_title > h4 {font-size:24px; margin:0 0 24px;}
.solu_grid_title > p {font-size:20px; color:#666;}
.grid_solu_wrap > .solu_gr_items {border-radius: 24px; padding:36px 24px; position: relative; height:200px;}
.grid_solu_wrap > .solu_gr_items > h3 {font-size: 24px; margin:0 0 16px;}
.grid_solu_wrap > .solu_gr_items > p {font-size: 20px;}
.bg_skb {background:#E2EAFF;}
.bg_pur {background:#E8E2FF;}
.bg_pin {background:#F8E2FF;}
.bg_yel {background:#FFF7E6;}
.bg_red {background:#FFE2F9;}
.grid_solu_wrap > .solu_gr_items > img {position:absolute; top:50%; right:18px; transform: translate(-50%, -50%);}
.grid_solu_wrap > .solu_gr_items > .not_ab {position:relative; top:0%; right:0; transform: translate(0%, 0%);}
.solu_gr_items.bg_pin > img {width:104px; right:0px; top:55%;}
.solu_gr_items.bg_yel > img {width:104px; right:-15px; top:55%;}
.grid_solu_wrap > .img_wrap {grid-column: span 2; display:flex; justify-content: center; align-items: center;}
.text_list {margin:80px 0 0; display:flex; flex-direction: column; justify-content: center; align-items: center; gap:25px; font-size: 25px; color:#666;}
/*new_solution_CENPluse end*/

/*new_solution_WebRCT start*/
.solu_flx_items {display:flex; width:100%; grid-column: span 2; gap:16px; justify-content: center;}
.solu_flx_items > .flx_box {text-align: center; border-radius: 20px; max-width: 360px; height:340px; width:31%; display:flex; flex-direction: column; justify-content: space-between; align-items: center; padding:40px 16px 16px;}

.solu_flx_items > .flx_box > h3 {font-size:24px; color:#222;}
.solu_flx_items > .flx_box > p {font-size:20px; color:#666;}
.solu_flx_items > .flx_box > img {height:120px;}
.solu_flx_items > .flx_box > .ai_flow {width:100%; height:auto;}
.solu_gr_items.bord_wt {background:#fff; border:1px solid #d9d9d9; border-radius:15px; height:auto; padding:26px 20px; justify-content: center; align-items: center; text-align: center;}
.solu_gr_items.bord_wt > h3 {margin:0; font-size:18px;}
.solu_gr_items.bord_wt > p {margin:16px 0 0; font-size:16px; color:#666;}
/*new_solution_WebRCT end*/

.solu_flx_items > .flx_box.max_contain {width:100%; height:auto; padding:0;}
.gr_col_img_sapn2 {grid-column: span 2;}
.gr_col_img_sapn2 > img {max-width:670px; width:100%; margin:0 auto; display:block;}
/*이하 생략*/
.fixed_scroll_center {height:auto;}
.fixed_scroll_center > .fixed_section > .fixed_wrap > .title > h3 {font-size: 32px; font-weight:500;}

.fixed_scroll_center > .fixed_section > .fixed_wrap > h4 {font-size: 28px; color:#333; margin:24px 0 40px; font-weight:500;}
.fixed_scroll_center > .fixed_section > .fixed_wrap > h4.comment {font-size: 24px; font-weight:500; color:#657DFF; margin:0 0 28px; margin:46px 0 0px; padding:0 0 60px;}

.fixed_scroll_center > .fixed_section > .fixed_wrap > p {font-size:20px; margin:0 0 24px; color:#666;}

.fixed_scroll_center > .scroll_section {width:100%; max-width:1280px; margin:0 auto; background:#fff; position:relative; padding:0 20px 0;}
.scroll_item { max-width: 600px; margin:60px 0 0; display:flex; flex-direction: column; align-items: center;}
.info_title {border-bottom:1px solid #b9b9b9; padding:0 0 8px; width:100%;}
.info_title > h4 {font-size:24px; color:#333; font-weight:400;}
.info_title > h4 > span {font-size:16px; color:#999; font-weight:400;}
.object_item {width:500px; height:500px;  margin:30px 0 0; position:relative;}
.circle {width:120px; height:120px; display:flex; justify-content: center; align-items: center; background:#f9f9f9; position:absolute; border-radius: 160px; text-align: center; font-size:18px; color:#666; border:1px solid #e9e9e9;}
.circle.active {background:#657DFF; color:#fff; border:none;}
.circle:hover {cursor: pointer;}
.c_item1 {left:50%; top:0; transform: translate(-50%, 0);}
.c_item2 {right:0; top:110px; transform: translate(0, 0);}
.c_item3 {right:0; bottom:110px; transform: translate(0, 0);}
.c_item4 {left:50%; bottom:0; transform: translate(-50%, 0);}
.c_item5 {left:0; bottom:110px; transform: translate(0, 0);}
.c_item6 {left:0; top:110px; transform: translate(0, 0);}
.c_item7 {right:0; top:130px; transform: translate(0, 0);}
.c_item8 {right:16%; bottom:0px; transform: translate(0, 0);}
.c_item9 {left:16%; bottom:0px; transform: translate(0, 0);}
.c_item10 {left:0; top:130px; transform: translate(0, 0);}

.center_circle {width:200px; height:200px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); box-shadow: 1px 1px 4px rgba(0,0,0,0.1); border-radius:50%;}
.center_circle > .text_area {position:absolute; left:50%; top:45%; transform: translate(-50%, -50%); text-align: center;}
.center_circle > .text_area > h3 {color:#657DFF; font-size:20px; margin:0 0 16px;}
.center_circle > .text_area > p {font-size:18px; color:#1b1b1d; width:230px;}


.list_wrap {max-width:600px; position:relative; margin: 60px 0 60px;}
.list_wrap > .list_items {display:flex; margin: 20px 0 30px; align-items: center;}
.list_wrap > .list_items > .squar {width:8px; height:8px; background:#7AE1D0; margin:0 16px 0 16px; transform: rotate(45deg);}
.list_wrap > .list_items > p {color:#666; font-size:20px;}



.object_item2 {max-width:600px;  margin:30px 0 0; position:relative;}
.object_item2.marg {margin:0;}
.object_item2 > .sub_title {color:#657DFF; font-size:20px; font-weight:500; padding:0 16px; margin:0 0 8px;}
.object_item2 > .title_info {padding:0 16px;}
.object_item2 > .sub_info {color:#666; font-size:16px; padding:0 24px;}
.object_item2 > .text_img_wrap {width:100%; display:flex; padding:0 20px; margin:20px 0 30px;}
.object_item2 > .text_img_wrap h4 {font-size:18px;}
.object_item2 > .text_img_wrap > .list_wrap {width:50%; margin:0;}
.object_item2 > .text_img_wrap > .list_wrap > .list_item {display:flex; align-items: center; margin:8px 0;}
.object_item2 > .text_img_wrap > .list_wrap > .list_item > .squard {width: 8px; height: 8px; transform: rotate(45deg); background:#657DFF; margin:0 8px 0 0;}
.object_item2 > .text_img_wrap > .list_wrap > .list_item > p {color:#444;}
.object_item2 > .text_img_wrap > .img_wrap {width:50%; display:flex; flex-direction: column;}
.object_item2 > .text_img_wrap > .img_wrap > img {width:100%;}

.object_item2 > .content_wrap {margin:0 0 60px;}
.object_item2 > .content_wrap > .img_wrap {width:100%; padding:0 16px; margin:20px 0 0;}
.object_item2 > .content_wrap > .img_wrap > img {width:100%;}
.object_item2 > .content_wrap > .img_wrap > .list_items {display: flex; margin: 20px 0 30px; align-items: center;}
.object_item2 > .content_wrap > .img_wrap > .list_items > .squar {width: 8px !important; height: 8px !important; background: #7AE1D0; transform: rotate(45deg);}
.object_item2 > .content_wrap > .img_wrap > .list_items > p {color: #666; font-size: 20px;}

.object_item2 > .content_wrap > .img_wrap > .info_table {display:flex; flex-direction: column; margin:20px 0 0;}
.object_item2 > .content_wrap > .img_wrap > .info_table.marg {margin:0;}
.object_item2 > .content_wrap > .img_wrap > .info_table > .table_row_items {display:flex; align-items: flex-start; margin:8px 0; width:100%;}
.object_item2 > .content_wrap > .img_wrap > .info_table > .table_row_items > .square {width:8px; height:8px; margin: 8px;}
.object_item2 > .content_wrap > .img_wrap > .info_table > .table_row_items > .square > .square {width:8px; height:8px; background: #7AE1D0; transform: rotate(45deg);}
.object_item2 > .content_wrap > .img_wrap > .info_table > .table_row_items > .row_title {font-size:20px; width:80px; font-weight:500; color:#333;}
.object_item2 > .content_wrap > .img_wrap > .info_table > .table_row_items > .row_info {font-size: 20px; width:80%; color:#666;}

.banner_wrap {width:100%;  display:flex; justify-content: space-between; margin:30px 0 60px;}
.banner_wrap > .column_line {width:calc(50% - 8px); display:flex; flex-direction: column;}
.banner_wrap > .column_line:nth-child(2) {margin:120px 0 0; display:flex; flex-direction: column;}
.banner_wrap > .column_line > .banner_item {height: 400px; border-radius:16px; padding:20px 20px 30px; margin:0 0 20px; display:flex; flex-direction: column; justify-content: space-between; position:relative;}
.banner_item > h3 {color:#1b1b1d; font-size:24px;}
.banner_item > h3 > span {color:#999; font-size:16px; font-weight:500;}
.banner_item > p {color:#666;}
.item_p1 {background:#FFE2F9;}
.item_y1 {background:#FEFFE2;}
.item_b1 {background:#E2EAFF;}
.item_p2 {background:#E8E2FF;}
.art1 {height: 290px !important; border-radius: 0 !important; background: url("../images/dron.png"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.art1 > h3 {color:#fff;}
.art1 > p {color:#fff;}
.art2 {height: 350px !important; border-radius: 0 !important; background: url("../images/pw.png"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.art2 > h3 {color:#fff;}
.art2 > p {color:#fff;}
.art3 {height: 310px !important; border-radius: 0 !important; background: url("../images/speed.png"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.art3 > h3 {color:#fff;}
.art3 > p {color:#fff;}
.art4 {height: 300px !important; border-radius: 0 !important; background: url("../images/big_date.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.art4 > h3 {color:#fff;}
.art4 > p {color:#fff;}
.art5 {height: 176px !important; border-radius: 0 !important; background: linear-gradient(to right, #6620FF, #582EB1);}
.art5 > h3 {color:#fff;}
.art5 > p {color:#fff;}

.video_ico {background-image: url("../images/video_icon.png"); background-size:100%; background-size:cover; background-position:center; background-repeat: no-repeat;}
.setting_ico {background-image: url("../images/manage_ico.png"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.time_ico {background-image: url("../images/time_ico.png"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.video_ico {background-image: url("../images/video_icon.png"); background-size:100%; background-size:cover; background-position:center; background-repeat: no-repeat;}
.setting2_ico {background-image: url("../images/manage2_ico.png"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.time2_ico {background-image: url("../images/time_ico2.png"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.compass_ico {background-image: url("../images/compass.png"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.infinit_ico {background-image: url("../images/infinit.png"); background-size:cover; background-position:center; background-repeat: no-repeat;}

.rtc_wrap {width:100%; margin:50px 0 60px; padding:0 40px;}
.rtc_wrap > img {width:100%;}
.AI_ML {width:100%; padding:0 40px; margin:0px 0 60px; display:flex; justify-content: space-between;}
.AI_ML > .AI_ML_item {width:calc(50% - 4px); padding:18px 24px; background:#EBFAF7; border-radius: 8px;}
.AI_ML > .AI_ML_item:nth-child(2) {background:#EBF5FA; height:max-content;}
.AI_ML > .AI_ML_item > h3 {color:#1B85AB; margin:0 0 8px;}
.AI_ML > .AI_ML_item > p {color:#666; margin:0 0 8px;}

.dash_wrap {max-width:600px;  margin:0px 0 0; position:relative; display:flex; flex-wrap:wrap; justify-content: flex-start; margin: 30px 0 60px;}
.dash_wrap.marg {margin:0 0 60px;}
.dash_wrap.marg2 {margin:0;}
.dash_wrap > .dash_item {width:50%; padding:20px 24px; position:relative;}
.dash_wrap > .dash_item > h3 {font-size:20px; margin:0 0 8px; color:#1b1b1d; font-weight:600;}
.dash_wrap > .dash_item > p {font-size:16px; color:#666;}
.dash_wrap > .dash_item > .rhombus {width:8px; height:8px; background:#657DFF; transform: rotate(45deg); position:absolute; right:-4.9px; bottom:-4.9px; z-index: 99}
.dash_wrap > .dash_item.da_br {border-bottom:1px dashed #d9d9d9; border-right:1px dashed #d9d9d9;}
.dash_wrap > .dash_item.da_b {border-bottom:1px dashed #d9d9d9;}
.dash_wrap > .dash_item.da_r {border-right:1px dashed #d9d9d9;}

.dash_wrap > .solid_item {width:calc(50% - 8px); border:1px solid #d9d9d9; border-radius:8px; padding:16px 20px; margin:0 auto 8px;}
.dash_wrap > .solid_item:last-child {margin:0 auto 0 0;}
.dash_wrap > .solid_item > h3 {font-size:20px; margin:0 0 8px; color:#1b1b1d; font-weight:600;}
.dash_wrap > .solid_item > p {font-size:16px; color:#666;}

.inquiry_section {width:100%; height:240px; background:#252A30; display:flex; justify-content: center; align-items: center; color:#fff; position:relative; z-index: 99;}
.inquiry_section > .text_box {color:#fff; text-align: center; margin:20px 0 0; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.inquiry_section > .text_box > h3 {margin:0 0 24px;}
.inquiry_section > .text_box > .ico_t {display:flex; margin: 0 16px 8px 0;}
.inquiry_section > .text_box > .ico_t > img {margin:0 8px 0 0;}
/*이상 생략*/

.SubBg_company_infor {width:100%; height:400px; overflow: hidden; background-image: url("../images/company_infor_bg_2.png"); background-size:cover; background-position:center; background-repeat: no-repeat; position:relative;}
.SubBg_company_infor > .text_area {position:absolute; left:50%; top:46%; transform: translate(-50%,-50%);}
.SubBg_company_infor > .text_area > h1 {font-size:36px; color:#fff; font-weight:500; margin:60px 0 0; text-align: center;}

.comp_infor_text {width:87.5%; height:1020px; position:relative; background-image: url("../images/company_infor_text_bg_2.png"); background-size:cover; background-position:center; background-repeat: no-repeat;display:flex; flex-direction: column; align-items: center; margin:160px auto 460px; text-align: center;}
.comp_infor_text > h1 {font-size:56px; font-weight:bold; color:#fff; margin:190px 0 0;}
.comp_infor_text > .line_f {height:1px; width:380px; background:#fff; margin:20px 0 30px;}
.comp_infor_text > h3 {font-size:46px; color:#fff;}
.comp_infor_text > h3 > span {font-size:24px; font-weight:400;}
.comp_infor_text > p {font-size:20px; color:#fff; margin:20px 0 160px;}
.comp_infor_text > .content_wrap {width:830px; height:313px; display:flex; justify-content: space-between; position:absolute; left:50%; top:106%; transform: translate(-50%,-50%);}
.comp_infor_text > .content_wrap > .cotents_item {background:#fff; height:100%; width:31%; border:1px solid #E0DFEB; display:flex; flex-direction: column; justify-content: space-between; align-items:center; padding:40px 0 50px;}
.comp_infor_text > .content_wrap > .cotents_item > img {width:104px; height:104px;}
.comp_infor_text > .content_wrap > .cotents_item > span {color:#666; font-size:16px; font-weight:400;}
.comp_infor_text > .content_wrap > .cotents_item > h3 {color:#434D94; font-size:32px;}
.history {width:calc(100vw - 16px); height:100vh; display:flex; overflow: hidden;}
.history > .title_area {width:37%; height:100%; padding:5% 2.7778%;background-image: url("../images/Company_history_bg.png"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.history > .title_area > h3 {font-size:46px; color:#fff; text-align: right;}
.history > .title_area > h3 > span {font-size:24px;font-weight:400;}
.history > .contents_area {width:63%; height:100%; padding:5% 2.7778%;}
.history > .contents_area > .mobile_ver_img2 {display:none;}
.history > .contents_area > .time_line {width:960px; height:100%; display:flex;}
.history > .contents_area > .time_line > .line_content {height:calc(100% - 28px); display:flex; flex-direction: column; justify-content: space-between; align-items: center; position:relative; margin: auto 30px 0 0;}
.history > .contents_area > .time_line > .line_content > .line_b9 {height:100%; width:1px; background:#d9d9d9; position:absolute; lefe:50%; top:0; transform: translate(-50%, 0);}
.history > .contents_area > .time_line > .line_content > .squard {width:8px; height:8px; background:#2F80EB;transform: rotate(45deg);}
.history > .contents_area > .time_line > .data_content {display:flex; flex-direction: column; justify-content: space-between; align-items: center; color:#545995; font-size:32px;}
.history > .contents_area > .time_line > .infor_content {height:calc(100% - 16px); display:flex; flex-direction: column; justify-content: space-between; align-items: left; color:#333; font-size:20px; margin:auto 0 4px 30px;}

.organization {width:calc(100vw - 16px); height:100vh; display:flex; overflow: hidden;}
.organization > .title_area {width:37%; height:100%; padding:5% 2.7778%;background-image: url("../images/Organization_bg_2.png"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.organization > .title_area > h3 {font-size:46px; color:#fff; text-align: left;}
.organization > .title_area > h3 > span {font-size:24px;font-weight:400;}
.organization > .contents_area {width:63%; height:100%; background:#DFE7F5; padding:5% 2.7778%; display:flex; justify-content: center; align-items: center;}
.organization > .contents_area > img {margin: 0 0 0 auto; width:100%; max-width:1020px;}
.Organization_mobi {display:none;}

.cert_infor_text {margin:0 0 120px; width:100%; padding:100px 0; background:#f5f5f5; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.cert_infor_text > h1 {font-size:40px; text-align: center;}
.cert_infor_text > h3 {font-size:24px; text-align: center; margin:42px 0}
.cert_infor_text > p {font-size:20px; text-align: center; color:#666; line-height:150%;}

.cert_wrap {display:flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden;}
.cert_title {font-size:46px; color:#333; text-align: center; font-weight:500;}
.cert_title > span {font-size:32px; color:#666; font-weight:300;}
.cert_img {max-width:1280px; height:auto; margin:130px 0 180px; display:grid; grid-template-columns: repeat(4, 1fr); gap:20px;}
.cert_img > img {width:100%; height:100%; transition:all 0.2s ease;}
.cert_img > img:hover {transform: scale(1.5); transition:all 0.2s ease; box-shadow:0px 5px 10px 8px rgba(0,0,0,0.05);}

.cert_wrap:nth-child(9) > .cert_img {align-content: center; gap:2.4444%; justify-content:space-around;}

.cert_slide_area {width:100%; margin:40px 0 50px; display:none;}
.cert_items > .cert_items_wrap {width:88.8888%; margin:0 auto; display:flex; justify-content: space-between;}
.cert_items > .cert_items_wrap > img {width:49%;}

.injea_wrap > .content_wrap {width:1280px; display:flex; justify-content: space-between; align-items: center;}

.injea_wrap {display:flex; flex-direction: column; justify-content: center; align-items: center; margin:0 0 120px;}
.injea_wrap > .content_wrap {margin:60px 0 0; width:1280px;}
.injea_wrap > .content_wrap > .box_img {width:24%; padding:0px 0px 24px; border:1px solid #d9d9d9;  display:flex; flex-direction: column; justify-content: space-between; align-items: center; height: 420px;}
.injea_wrap > .content_wrap > .box_img > .box_img_items {width:100%; height:280px;background:pink;}
.injea_wrap > .content_wrap > .box_img > .box_img_items > img {width:100%;}
.injea_wrap > .content_wrap > .box_img > h3 {font-size:28px; color:#434D94; text-align: center;}
.injea_wrap > .content_wrap > .box_img > p {font-size:16px; color:666; text-align: center; margin:8px 0 0;}

.injea_wrap > .content_wrap2 {margin:60px 0 0; display:flex; width:1280px; display:grid; grid-template-columns: repeat(5, 240px); grid-template-rows: repeat(3, 240px); gap:20px;}
.injea_wrap > .content_wrap2 > .banner_box {border:1px solid #d9d9d9; padding:30px 24px 20px; transition: all 0.2s ease; display:flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
.injea_wrap > .content_wrap2 > .banner_box:hover {background-color:#356FF7; transition: all 0.2s ease;}
.injea_wrap > .content_wrap2 > .banner_box:hover > .text_box > h3 {color:#E3FF45; margin:0 0 8px; transition: all 0.2s ease;}
.injea_wrap > .content_wrap2 > .banner_box:hover > .text_box > p {color:#fff; transition: all 0.2s ease;}
.injea_wrap > .content_wrap2 > .banner_box:hover > img {float:bottom;filter: brightness(10%) saturate(100%) invert(100%) sepia(100%) saturate(308%) hue-rotate(20deg); border:none;}
.injea_wrap > .content_wrap2 > .banner_box > .text_box {width:100%;}
.injea_wrap > .content_wrap2 > .banner_box > .text_box > h3 {color:#1b1b1d; font-size:24px; margin:0 0 8px; transition: all 0.2s ease;}
.injea_wrap > .content_wrap2 > .banner_box > .text_box > p {color:#666; font-size:16px; transition: all 0.2s ease;}
.injea_wrap > .content_wrap2 > .banner_box > img {width:60px; float:bottom;}

.cert_infor_text > a {border:1px solid #333; color:#fff; font-size:24px; font-weight:500; padding:16px 24px; background:#333; transition: all 0.3s ease;}
.cert_infor_text > a:hover {border:1px solid #333; background:transparent; color:#333; transition: all 0.3s ease;}

.cert_infor_text > .mar_text {margin:60px 0 90px;}

/*ver.02 사업분야 통합 (서브 해더 + 인디케이터) start*/
.SubBg {width:100%; height:400px; background-size:cover; background-position: center; color:#fff; display:flex; justify-content: center; align-items: center;}
.SubBg.business {background-image: url(../images/sub_business_bg.png);}
.contents_wrap {padding:120px 0;}
/*인디케이터 start*/
.section_indicator {width:100%; display:flex; background:rgba(0,0,0,0.7);}
.section_indicator > a {padding:16px 0; font-size:20px; color:#fff; width:100%; text-align: center; display:flex; justify-content: center; align-items: center;}
.section_indicator > a.active {background:#000;}
/*인디케이터 end*/
.sub_head_title {text-align: center; margin:0 auto 120px;}
.sub_head_title > h3 {font-size:40px; color:#222;}
.sub_head_title > p {font-size:20px; color:#666; margin:32px 0 0;}
.center_title {text-align: center; margin:0 0 40px;}
.center_title > span {font-size:16px; color:#999; font-weight:600;}
.center_title > h3 {font-size:32px; color:#222; font-weight:600;}
.gr_th_wrap {max-width:1066px; width:88.8888%; display:grid; grid-template-columns: repeat(3, 1fr); margin:0 auto 160px; gap:20px 20px;}
.gr_th_wrap > .gr_th_items {padding:24px; display:flex; gap:12px; flex-direction: column; justify-content: center; align-items: center; border:1px solid #d9d9d9; border-radius: 16px; text-align: center;}
.gr_th_wrap > .gr_th_items > h4 {font-size:24px; color:#222;}
.gr_th_wrap > .gr_th_items > p  {font-size:20px; color:#666;}
.int_info {text-align: center; margin:0 auto 160px;}
.int_info > p {font-size:20px; color:#666; line-height: 150%;}
.int_info > h4 {font-size:24px; color:#222; margin:24px 0 0;}
.gr_tw_wrap {max-width:1100px; width:88.8888%; display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:80px 40px; margin:80px auto 0;}
.gr_tw_wrap > .gr_tw_items {display:flex; flex-direction: column; justify-content: space-between; width:min(100%, 530px);}
.gr_tw_wrap > .gr_tw_items > h3 {font-size:24px; color:#222; margin:0 0 24px; font-weight:600;}
.devel_section3 > .gr_tw_wrap > .gr_tw_items > h3 {text-align: center;}
.gr_tw_wrap > .gr_tw_items > ul {display:flex; flex-direction: column; gap:8px; margin:0 0 24px;}
.gr_tw_wrap > .gr_tw_items > ul > li {display:flex; font-size:20px; color:#666;}
/*ver.02 사업분야 end*/

/* 1680px 일때*/
@media(max-width: 1680px) {
  #gnb > .gnb_wrap {padding:0 5.5556%;}
  #gnb > .gnb_wrap > .nb_wrap {max-width:940px;}
  #gnb > .sub_menu {max-width:940px; flex:1;}
}

@media(max-width: 1440px) {
  #gnb > .gnb_wrap > #logo {min-width:110px;}
  #gnb > .gnb_wrap {justify-content: space-between;}
  #gnb.scrolled:hover {background: rgba(255,255,255,0.9);}
  #gnb > .gnb_wrap > .nb_wrap {max-width:720px;}
  #gnb > .gnb_wrap > .nb_wrap > ul > li > a {font-size:16px;}
  #section1 > .text_area {left:5.5556%;}
  #section1 > .text_area > h3 {font-size:28px;}
  #section1 > .text_area > h1 {font-size:48px;}
  #section2 > .slider_wrap > .slide1 {width:100%;}
  #section2 > .slider_wrap > .slide1 > .text_area {position:relative; width:56%;}
  #section2 > .slider_wrap > .slide1 > .slice_area_02 {width:56%;}
  #section6 > .news > .section6_contents > .news_item {height:auto;}

  .cert_img {width:88.8888%; margin:60px 0 140px;}
  .cert_img > img:hover {transform: scale(1.4);}

  .injea_wrap > .content_wrap {width:88.8888%;}
  .injea_wrap > .content_wrap > .box_img {height: 360px; padding:0 0 16px;}
  .injea_wrap > .content_wrap > .box_img > .box_img_items {position:relative; overflow: hidden; height:240px;}
  .injea_wrap > .content_wrap > .box_img > .box_img_items > img {position:absolute; width:auto; left: 50%; top:50%; transform: translate(-50%, -48%);}
  .injea_wrap > .content_wrap > .box_img:nth-child(2) > .box_img_items > img {width:110%; height:110%;}
  .injea_wrap > .content_wrap > .box_img > h3 {font-size:24px;}
  .injea_wrap > .content_wrap > .box_img > p {font-size:14px;}

  .injea_wrap > .content_wrap2 {width: 88.8888%; justify-content: center; grid-template-columns: repeat(4, 240px); grid-template-rows: repeat(3, 240px);}

  .SubBg > .section_indicator {width:88.8888%;}
  .fixed_scroll_center > .fixed_section > .fixed_wrap {padding:0 5.5556% 0 15%;}
}

@media(max-width: 1280px) {
  .scroll_item {padding:0 10% 0 0;}
  .object_item {max-width:500px; width:100%;}
  .list_wrap {padding:0 10% 0 0;}

  .comp_infor_text {margin:160px auto 300px; height: 940px;}
  .comp_infor_text > h1 {font-size:46px;}
  .comp_infor_text > h3 {font-size:32px;}
  .comp_infor_text > h3 > span {font-size:24px;}
  .comp_infor_text > p {font-size:18px; margin: 40px 0 80px;}

  .cert_infor_text > h1 {font-size:clamp(32px, 4vw, 40px);}
  .cert_infor_text > h3 {font-size:clamp(20px, 2vw, 24px);}
  .cert_infor_text > p {font-size:clamp(16px, 2vw, 20px);}


  .cert_title {font-size:32px;}
  .cert_title > span {font-size:24px;}

  .cert_img {width:88.8888%; flex-wrap:wrap; flex-direction: column;}
  .cert_wrap:nth-child(9) > .cert_img {justify-content:space-between;}

  .comp_infor_text > .content_wrap {width:70%; height:280px; top:94%;}
  .comp_infor_text > .content_wrap > .cotents_item > img {width:84px; height:84px;}
  .history {flex-direction: column; height:auto; overflow: visible; width:100%;}
  .history > .title_area {width:100%; height:auto; padding:0; background-image: none;}
  .history > .title_area > h3 {text-align:center; font-size:32px; color:#545995;}
  .history > .title_area > h3 > span {font-size:24px; color:#999;}
  .history > .contents_area {width:87.5%; margin:0 auto;}
  .history > .contents_area > .time_line {width:100%; height:740px;}
  .history > .contents_area > .time_line > .line_content {margin:auto 24px auto 0;}
  .history > .contents_area > .time_line > .data_content {font-size:24px; min-width:max-content;}
  .history > .contents_area > .time_line > .infor_content {font-size:18px; margin:auto 0 auto 16px;}
  
  .organization {flex-direction: column-reverse; height:auto; overflow: visible; width:100%;}
  .organization > .title_area {width:100%; height:auto; padding:0; background-image: none;}
  .organization > .title_area > h3 {text-align:center; font-size:32px; color:#545995;}
  .organization > .title_area > h3 > span {font-size:24px; color:#999;}
  .organization > .contents_area {width:100%; background:transparent;}
  .organization > .contents_area > img {margin:0 auto; width:88%;}

  .map_section {flex-wrap: nowrap;}
  .map_section > .map_area {width:100%; height:500px; order:2;}
  .map_section > .title {width:100%; margin:0 0 24px 0; order:1;}
  .map_section > .title > h3 {text-align:center; font-size:32px; color:#545995; width:100%;}
  .map_section > .title > h3 > span {font-size:24px; color:#999;}
  .map_section > .information_items {order:3; width:100%; margin:24px 0 0;}


  .banner_wrap > .column_line > .banner_item {height:360px; padding:16px 16px 24px;}
  .banner_item > h3 {font-size:20px;}
  .banner_item > h3 > span {font-size:14px;}
  .banner_item > p {font-size:14px;}

  .object_item > .c_item9 {left:22%; bottom:0; transform:translate(-50%, -50%);}
  .object_item > .c_item8 {right:22%; bottom:0; transform:translate(50%, -50%);}
  .object_item > .c_item10 {top:70px; right:0;}
  .object_item > .c_item7 {top:70px;}

  .injea_wrap > .content_wrap2 {grid-template-columns: repeat(4, 220px); grid-template-rows: repeat(3, 220px);}


  .opasi_grid {display:grid; max-width:1280px; width:88.8888%; margin:80px auto 0; grid-template-columns: repeat(3, 1fr); grid-gap:20px;}
  .opasi_grid.for_wrap_items {grid-template-columns: repeat(2, 1fr);}
  .opasi_grid > .grid_item {width:100%; border-radius:8px; aspect-ratio: 290 / 185; box-shadow: 0 4px 16px rgba(194, 211, 240, 0.25)}
  .opasi_grid.for_wrap_items > .grid_item {width:100%; border-radius:8px; aspect-ratio: 220 / 100;}
  .flx_for_wrap {gap:24px;}
  .flx_for_wrap > .flx_for_items > .line_wrap > .blue_line {width:24px;}

  .solu_grid_title > h4 {font-size:clamp(20px, 2vw, 24px);}
  .solu_grid_title > p {font-size:clamp(16px, 2vw, 20px);}
  .grid_solu_wrap > .solu_gr_items > h3 {font-size:clamp(20px, 2vw, 24px);}
  .grid_solu_wrap > .solu_gr_items > p {font-size:clamp(16px, 2vw, 20px);}
  .text_list {font-size: clamp(18px, 2vw, 25px);}

  /*ver.02 사업분야 통합 (서브 해더 + 인디케이터) start*/
  .contents_wrap {padding:100px 0;}
  .sub_head_title {margin: 0 auto 15%;}
  /*인디케이터 start*/
  .section_indicator > a {padding:8px 0; font-size:clamp(14px, 2vw, 20px); color:#fff; width:100%; text-align: center;}
  /*인디케이터 end*/
  .sub_head_title > h3 {font-size:clamp(28px, 3vw, 40px);}
  .sub_head_title > p {font-size:clamp(16px, 2.5vw, 20px); margin:3% 0 0;}
  .center_title {text-align: center; margin:0 0 2.5%;}
  .center_title > span {font-size:clamp(14px, 2.5vw, 16px); color:#999; font-weight:600;}
  .center_title > h3 {font-size:clamp(24px, 2.5vw, 32px); color:#222; font-weight:600;}
  .gr_th_wrap {grid-template-columns: repeat(2, 1fr); margin:40px auto 20%; gap:16px 16px;}
  .gr_tw_wrap > .gr_tw_items > h3 {font-size:clamp(18px, 2.5vw, 22px);}
  .gr_th_wrap > .gr_th_items > h4 {font-size:clamp(18px, 2.5vw, 24px);}
  .gr_th_wrap > .gr_th_items > p {font-size:clamp(16px, 2vw, 20px);}
  .int_info {width:88.8888%; margin:0 auto 20%;}
  .int_info > p {font-size:clamp(16px, 2vw, 20px); line-height: 150%;}
  /*ver.02 사업분야 end*/
}


@media(max-width: 1024px) {

  #gnb:hover {background-color: transparent !important;}
  #gnb:hover .gnb_wrap > .nb_wrap > ul > li > a {color: inherit !important;}
  #gnb:hover .gnb_wrap > .right_box {color: inherit !important;}
  #gnb {height: auto !important; overflow: visible !important;}
  #gnb > .gnb_wrap > .nb_wrap {display: none;}
  #gnb > .sub_menu {display:none;}
  #gnb {height: 60px !important;}
  #gnb > .gnb_wrap > #logo {height:60px;}
  #gnb > .gnb_wrap > .right_box {width:140px; display:flex;}
  .right_box .mobile_menu {display:flex; align-items: center; margin:0 0 0 24px;}
  .right_box .mobile_menu > img {width:36px;}
  #gnb:hover > .gnb_wrap > .right_box > .transrate {color:#fff; transition: all 0.2s ease;}
  #gnb:hover > .gnb_wrap > .right_box > .transrate:hover {color:#fff; font-weight:400;}
  #gnb:hover > .gnb_wrap > .right_box > .transrate > img {transition: all 0.2s ease; filter:none;}
  #gnb:hover > .gnb_wrap > .right_box > .transrate:hover > img {filter:none; transition: all 0s ease;}


  .SubBg > .section_indicator > a {font-size:14px;}

  .comp_infor_text > .content_wrap {width:70%; height:240px;}
  .comp_infor_text > .content_wrap > .cotents_item > img {width:64px; height:64px;}

  #section1 > .text_area {top:70%;}
  #section1 > .text_area > h3 {font-size:26px; line-height: 28px}
  #section1 > .text_area > h1 {font-size:40px;}
  #section2 {height:max-content;}
  #section2 > .slider_wrap > .slide1 {height:600px; justify-content: flex-start;}
  #section2 > .slider_wrap > .slide1 > .slice_area_01 {width:100%; max-width: 900px; height:420px;}
  #section2 > .slider_wrap > .slide1 > .text_area {width:100%; height:max-content;}
  #section2 > .slider_wrap > .slide1 > .text_area > .text_box {padding:0 5.5556%; height:140px; width:100%;}
  #section2 > .slider_wrap > .slide1 > .text_area > .text_box > h3 {color:#fff; font-size:32px;}
  #section2 > .slider_wrap > .slide1 > .text_area > .text_box > p {color:#fff; font-size:20px;}
  #section2 > .slider_wrap > .slide1 > .slice_area_02 {width:100%;}
  .slice_area_01{
    img{object-fit: cover; width: 100%; height: 420px; overflow: hidden;}
  }

  .slice_area_02{
  .sd_item{width:220px; height:160px; margin:0 0.5% 0 0; overflow: hidden; border-radius:16px;}
  img{object-fit: cover; width: 100%; height: 100%; overflow: hidden;}
  }
  #section3 > .solution > .section3_title > .text_area > h3 {font-size:32px;}
  #section3 > .solution > .solution_img_wrap > .contents {width:49%; margin:0 0 16px;}
  #section3 > .solution > .solution_img_wrap > .contents > a > span {font-size:24px;}

  #section3 > .solution > .solution_img_wrap > .ct_5 {margin: 0 0 0 0;}

  #section5 > .press_release > .content_wrap > .img_area > .text_area > h3 {font-size:18px;}
  #section5 > .press_release > .section5_title > .text_area > h3 {font-size:32px;}
  #section5 > .press_release > .section5_title > .text_area > p {font-size:20px;}
  .logo_contain {grid-template-columns: repeat(6, 1fr); gap: 12px;}
  #section7 > .text_area > h3 {font-size:28px;}
  .footer_wrap {grid-template-columns: 60% 40%;}
  .footer_wrap > .right_cotents {grid-column:1 / 3; grid-row:2; display:flex; justify-content: space-between; flex-direction: row-reverse; align-items:flex-start;}
  .call {width:50%;}
  .footer_wrap > .right_cotents > .email {width:50%; text-align:left; margin: 0 0 0;}

  .cert_img {width:88.8888%; margin:110px 0 140px; grid-template-columns: repeat(3,1fr);}
  .cert_img > img:hover {transform: scale(1.3);}

  .cert_wrap:nth-child(9) > .cert_img {align-content:space-around; height:900px;}

  .injea_wrap > .content_wrap {flex-wrap:wrap; width:760px; justify-content: space-between; gap:20px;}
  .injea_wrap > .content_wrap > .box_img {width:48.5%; height:420px;}
  .injea_wrap > .content_wrap > .box_img > .box_img_items {height:280px;}
  .injea_wrap > .content_wrap > .box_img > p {font-size:16px;}

  /*new_about_as start*/
  .company_section1 {width:100%; padding:150px 5.5556%; max-height:675px;}
  .company_title {gap:38px; padding:0;}
  .company_title > h1 {font-size: clamp(24px, 5.5vw, 46px); line-height: 150%; letter-spacing: 0.1rem;}
  .company_title > p {font-size: clamp(14px, 2.5vw, 22px); color:#777; line-height: 160%; letter-spacing: 0;}
  /*조직도 시작*/
  .orga_wrap {margin:80px 0 0; padding:0 5.5556%;}
  .point_section {gap:20px;}
  .point_section > h1 {width:30%;}
  .point_section > .his_info {width:70%;}
  /*조직도 끝*/
  /*new_about_as end*/

  /* new business_dron start*/
  .sub_header {height:400px;}
  .sub_header > h3 {margin:0 0 3%;}
  .left_title {margin:0 auto; text-align: center;}
  .left_title > h3 {font-size: clamp(30px, 2vw, 36px);}
  .left_title > span {font-size: clamp(14px, 1vw, 16px); color:#999;}
  .function_section {display:flex; flex-direction:column; justify-content: space-between; width:88.8888%; max-width: 1280px; margin:0 auto; padding:80px 0 180px;}
  .right_items {display:grid; grid-gap: 20px; padding:0 50px; width:100%; margin: 50px 0 0;}
  .right_items > .func_grid {padding:24px; max-width:100%; width:100%; border:1px solid #e9e9e9;}
  .right_items > .func_grid > h4 {margin:12px 0; font-size: clamp(16px, 2vw, 24px);}
  .right_items > .func_grid > p {font-size: 20px; font-size: clamp(14px, 1.5vw, 20px); color:#666;}
  .items_info {width:100%}
  .flx_column {gap:100px;}
  .case_study > .left_title {margin:0 auto 80px;}
  .list_items {flex-direction: column; align-items: center; gap:30px;}
  .list_items.col_rv {flex-direction: column-reverse;}

  .img_info_box {width:100%;}
  .img_info_box > ul > li { font-size: clamp(16px, 1.5vw, 20px);}
  /* new business_dron end*/

  /*new_development start*/
  .devel_section2 {margin:0 0 160px;}
  .function_box {max-width:1280px; margin:94px auto 85px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:40px 0 100px;}
  .function_box > img {margin:24px 0 0; width:100%;}
  .flx_two {padding:0 5.5556%; gap:24px;}
  .flx_two .center_title.s_m {text-align: left;}
  .dev_list_wrap {width:50%;}
  .dev_list_wrap > ul {margin:24px 0 0; font-size: clamp(16px, 2vw, 20px); line-height: 240%; color:#666;}
  .dev_grid_wrap {width:50%;}
  .dev_grid_wrap > .dev_grid_list {margin:24px 0 0; display:grid; grid-template-columns: repeat(2, 2fr); grid-gap: 16px;}
  .dev_grid_list > .dev_grid_items {border:1px solid #d9d9d9; padding:20px;}
  .dev_grid_list > .dev_grid_items > h3 {font-size: clamp(16px, 2vw, 20px); font-weight:600; line-height: 130%; color:#252525;}
  .dev_grid_list > .dev_grid_items > p {font-size: clamp(14px, 2vw, 18px); margin:8px 0 0; line-height: 130%; color:#666;}

  .flx_th_img_box {margin:80px 0 0; gap:32px;}
  .flx_th_img_box > .img_contents {position:relative;}
  .flx_th_img_box > .img_contents:first-child {position:relative;}
  .flx_th_img_box > .img_contents {position:relative;}
  .flx_th_img_box > .img_contents >  .img_box {width:100%; aspect-ratio: 1 / 1; position:relative;}
  .flx_th_img_box > .img_contents >  .img_box > .mian_img {position:relative; width:100%; z-index: 2;}
  .flx_th_img_box > .img_contents >  .img_box > .line_circle {position:absolute; left:100% top:50%; width:37px; z-index: 3;}
  .flx_th_img_box > .img_contents > p {margin:24px 0 0; font-size:clamp(12px, 2vw, 20px); height:42px;}

  .func_items > h3 {font-size: 24px; color:#333}
  .flex_tow_func {gap:24px; padding:0 5.5556%;}
  .func_box {width:470px; padding:24px 16px; font-size:clamp(15px, 2vw, 20px); height:max-content; margin:24px 0 0; text-align: center; position: relative; line-height: 200%; border-radius: 16px; color:#666;}
  .func_box.main {background:#fff; border:1px solid #d9d9d9;}
  .func_box.effe {background:#EEF4FF;}
  .func_box > h4 {color:#333;}
  .func_box > img {position:absolute; left:100%; top:calc(50% - 16px); width:42px;}

  .flx_for_wrap {flex-wrap:wrap; flex-direction: row; width:88.8888%; margin:40px auto 0;}
  .flx_for_wrap > .flx_for_items {width:calc(50% - 12px); aspect-ratio: 150 / 45; padding:16px 0;}
  .flx_for_wrap > .flx_for_items > .line_wrap {display:none;}
  .circle_b > .circle_c {width:9px; height:9px; background:#3471FF; border-radius: 20px;}
  .flx_for_wrap > .flx_for_items > h3 {font-size:clamp(16px, 2vw, 20px); margin:0 0 14px; color:#222;}
  .flx_for_wrap > .flx_for_items > p {font-size:16px; color:#666;}
  .devel_section3 .flx_for_wrap > .flx_for_items {border:none; background:#EEF4FF; aspect-ratio: 150 / 45;}
  /*new_development end*/

  .fixed_scroll_center {flex-direction: column;}
  .fixed_scroll_center > .scroll_section {width:100%; display:flex;  flex-wrap: wrap; flex-direction: row;}
  .scroll_item:first-child {width:50%; padding:0 2.2228% 0 5.5556%;}
  .scroll_item:first-child > .object_item {height:400px;}
  .circle {width:100px; height:100px; font-size:16px;}
  .center_circle {width:150px; height:150px;}
  .center_circle > .text_area > h3 {font-size:16px;}
  .center_circle > .text_area > p {font-size:14px;}
  .c_item2 {top:80px;}
  .c_item3 {bottom:80px;}
  .c_item5 {bottom:80px;}
  .c_item6 {top:80px;}

  .list_wrap {width: 50%;}
  .scroll_item:last-child {max-width:100%; padding:0 5.5556%;} 
  .scroll_item:last-child > .object_item2 {max-width:1024px; padding:0 2.2228%;}
  .banner_wrap > .column_line > .banner_item {height:max-content; border-radius:8px;}
  .banner_item > p {width:65%; margin:20px 0 0;}

  .video_ico {background-size:40%; background-position:right 0% center}
  .setting_ico {background-size:40%; background-position:right 0% center}
  .time_ico {background-size:40%; background-position:right 0% center}
  .video_ico {background-size:40%; background-position:right 0% center}
  .setting2_ico {background-size:40%; background-position:right 0% center}
  .time2_ico {background-size:40%; background-position:right 0% center}
  .compass_ico {background-size:40%; background-position:right 0% center}
  .infinit_ico {background-size:40%; background-position:right 0% center}
  .object_item2.box_layout {width:45%; margin:60px 0 0;}

  .cert_infor_text > a {font-size:clamp(16px, 2vw, 24px); font-weight:500; padding:12px 20px;}
  .cert_infor_text > .mar_text {margin:30px 0 60px;}

  .art1 {height:160px !important;}
  .art1 > h3 {font-size:20px; width:100%;}
  .art1 > p {font-size:14px; width:100%;}
  .art2 {height:160px !important;}
  .art2 > h3 {font-size:20px; width:100%;}
  .art2 > p {font-size:14px; width:100%;}
  .art3 {height:160px !important;}
  .art3 > h3 {font-size:20px; width:100%;}
  .art3 > p {font-size:14px; width:100%;}
  .art4 {height:120px !important;}
  .art4 > h3 {font-size:20px; width:100%;}
  .art4 > p {font-size:14px; width:100%;}
  .art5 {height:120px !important;}
  .art5 > h3 {font-size:20px; width:100%;}
  .art5 > p {font-size:14px; width:100%;}

  .injea_wrap > .content_wrap2 {justify-content: center; grid-template-columns: repeat(3, 240px); grid-template-rows: repeat(4, 240px);}
  .grid_solu_wrap {gap:16px;}
  .grid_solu_wrap > .solu_gr_items > img {right:-4%; width:18%;}
  .grid_solu_wrap > .img_wrap > img {width:100%}

  .solu_flx_items {flex-direction: column; marign:0 auto; align-items: center;}
  .solu_flx_items > .flx_box {height:auto; width:100%; max-width:600px;}
  .solu_flx_items > .flx_box > h3 {font-size: clamp(20px, 2vw, 24px);}
  .solu_flx_items > .flx_box > p {font-size: clamp(18px, 1.8vw, 20px); margin:20px 0 20px;}
  .solu_flx_items > .flx_box > p > br {display:none;}
}


@media(max-width: 860px) {
  #section1 {height: 100vh;}
  #section1 .bg-video {top:0;}
  #section5 > .press_release {flex-direction: column-reverse;}
  #section5 > .press_release > .content_wrap {width:100%; margin:40px 0 0;}
  #section6 > .news > .section6_contents > .news_item > h3 {font-size:20px;}
  .logo_contain {grid-template-columns: repeat(5, 1fr); gap: 12px;}
  #section7 > .text_area > h3 {font-size:28px;}
  #section7 > .text_area > h3 > br {display:block;}


  .company_section1 {padding:120px 5.5556%;}
  /*연혁 시작*/
  .history_wrap {max-width:1280px; margin:100px auto 0;}
  .his_line {display: flex; flex-direction: column; gap:136px;}
  .point_section {display:flex; gap:20px; justify-content: center; align-items: flex-start;}
  .point_section > h1 {text-align: right; font-size:52px; color:#1A2436}
  .point_section > .his_info {margin:46px 0 0;}
  .point_section > .his_info > p {font-size:16px; line-height:200%; color:#666;}
  .point_out {position:relative; margin:40px 0 0; height:100%; width:32px;}
  .point_out > img {width:100%;}
  .point_out > .his_center_line {position:absolute; left:50%; top:50%; transform: translate(-50%, 0%); width:1px; height:220px; background:#EBF1FF; z-index: -1;}
  .point_out > .his_center_line.long {height:300px;}
  /*연혁 끝*/


  /*new_development start*/
  .flx_two {flex-direction:column; gap:82px; padding:0 5.5556%;}
  .flx_two .center_title.s_m {text-align: center}
  .dev_list_wrap {width:100%;}
  .dev_list_wrap > ul {font-size: clamp(16px, 2vw, 20px); line-height: 240%; text-align: center;}
  .function_box > .func_img {width:88.8888%}
  .dev_grid_wrap {width:100%;}
  .opasi_grid {display:grid; margin:40px auto 0; grid-template-columns: repeat(2, 1fr); grid-gap:20px;}
  .opasi_grid > .grid_item {width:100%; border-radius:8px; aspect-ratio: 290 / 185; box-shadow: 0 4px 16px rgba(194, 211, 240, 0.25)}
  /*new_development end*/

  .comp_infor_text {height:1400px;}
  .comp_infor_text > .content_wrap {width:70%; height:780px; flex-direction: column; top:84%;}
  .comp_infor_text > .content_wrap > .cotents_item {width:100%; height: 240px;}
  .comp_infor_text > .content_wrap > .cotents_item > img {width:64px; height:64px;}
  .history > .contents_area {padding:20px 0;}
  .scroll_item:first-child {width:100%; max-width:100%;}
  .list_wrap {width:100%; max-width:100%; padding:0 5.5556%;}

  .history > .contents_area > .time_line {display:none;}
  .history > .contents_area > .mobile_ver_img2 {display:block; width:100%;}

  .cert_img {margin:80px 0 100px; grid-template-columns: repeat(2,1fr);width:60%}

  .Organization_pc {display:none;}
  .Organization_mobi {display:block;}

  .injea_wrap > .content_wrap {flex-wrap:wrap; width:632px; justify-content: space-between; gap:16px;}
  .injea_wrap > .content_wrap > .box_img {width:48%; height:420px;}
  .injea_wrap > .content_wrap > .box_img > .box_img_items {height:280px;}
  .injea_wrap > .content_wrap > .box_img > p {font-size:16px;}

  .injea_wrap > .content_wrap2 {justify-content: center; grid-template-columns: repeat(3, 200px); grid-template-rows: repeat(4, 200px); gap:12px;}
  .injea_wrap > .content_wrap2 > .banner_box {padding:20px 12px 14px;}

  .grid_solu_wrap > .solu_gr_items {grid-column: span 2; height:auto; border-radius: 16px;}
  .grid_solu_wrap > .solu_gr_items > img {max-width:88px;}

  /*ver.02 사업분야 통합 (서브 해더 + 인디케이터) start*/
  .contents_wrap {padding:80px 0;}
  .gr_tw_wrap {grid-template-columns: repeat(1, minmax(0, 1fr)); gap:40px 0px; margin:60px auto 0;}
  .gr_tw_wrap > .gr_tw_items {display:flex; flex-direction: column; justify-content: space-between; width:min(100%, 860px);}
  .gr_tw_wrap > .gr_tw_items > h3 {font-size:clamp(18px, 2.5vw, 24px); margin:0 0 16px;}
  .gr_tw_wrap > .gr_tw_items > ul {gap:8px; margin:0 0 12px;}
  .gr_tw_wrap > .gr_tw_items > ul > li {font-size:clamp(16px, 2vw, 20px);}
  /*ver.02 사업분야 end*/
}

@media(max-width: 640px) {
  .sub_head_title > h3 > .mobile_line {display:block;}
  #gnb > .gnb_wrap > #logo {min-width:90px;}
  .SubBg > .text_area {width:100%;}
  .SubBg > .text_area > h1 {font-size:24px; width:100%; margin:5% 0 0;}
  #section1 > .text_area {position: absolute; left: 4%;}
  #section1 > .text_area > h3 {font-size:24px; line-height: 26px}
  #section1 > .text_area > h1 {font-size:36px;}

  #section2 > .slider_wrap > .slide1 > .slice_area_01{border-radius:8px;}
  #section2 > .slider_wrap > .slide1 > .text_area > .text_box > .button {border-radius:4px;}

  .slice_area_02{
  .sd_item{width:220px; height:100px; margin:0 0.5% 0 0; overflow: hidden; border-radius:8px;}
  img{object-fit: cover; width: 100%; height: 100%; overflow: hidden;}
  }
  #section2 > .slider_wrap > .slide1 > .text_area > .text_box > h3 {font-size:24px;}
  #section2 > .slider_wrap > .slide1 > .text_area > .text_box > p {font-size:16px;}
  #section2 > .slider_wrap > .slide1 > .text_area > .text_box > p > br {display:none;}

  #section3 > .solution > .section3_title {flex-direction: column;}
  #section3 > .solution > .section3_title > .text_area > h3 {font-size:32px;}
  #section3 > .solution > .section3_title > .text_area > p {font-size:20px; margin:4px 0 0;}
  #section3 > .solution > .section3_title > .button > a {width:max-content; margin:20px 0 0; font-size:16px; border-radius:4px;}
  #section3 > .solution > .solution_img_wrap > .contents {width:49%; margin:0 0 16px;}
  #section3 > .solution > .solution_img_wrap > .contents > a > span {font-size:20px;}
  #section3 > .solution > .solution_img_wrap > .contents {height:180px; border-radius: 8px; margin:0 0 8px;}

  #section5 > .press_release > .content_wrap {flex-direction: column; height:332px;}
  #section5 > .press_release > .content_wrap > .img_area {width:100%; height:160px; border-radius:8px; display:flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; align-content: space-between;}
  #section5 > .press_release > .content_wrap > .img_area > .img_wrap {width:31%; height:100%;}
  #section5 > .press_release > .content_wrap > .img_area > .text_area {width:66%;}
  #section5 > .press_release > .content_wrap > .img_area > .date_infor {width:50%; text-align: right;}
  #section5 > .press_release > .section5_title > .text_area > .button > a {border-radius:4px;}

  #section6 > .news > .section6_title > h3 {font-size:32px}
  #section6 > .news > .section6_contents {flex-direction: column; gap:16px;}
  #section6 > .news > .section6_contents > .news_item {width:100%; height:116px; padding:20px 16px; border-radius: 8px; display:flex; flex-direction: column; justify-content: space-between;}
  #section6 > .news > .section6_contents > .news_item > h3 {font-size:18px;}

  .logo_contain {grid-template-columns: repeat(4, 1fr); gap: 10px;}

  #section7 > .text_area > h3 {font-size:26px;}

  #section8 > .Partner_contents > h3 {font-size:28px;}
  #section8 > .Partner_contents > .Partner > h3 {font-size:22px;}
  #section8 > .Partner_contents > .Customer > h3 {font-size:22px;}

  .footer_wrap {grid-template-columns: 1fr;}
  .footer_wrap > .left_cotents {grid-column: 1 / 3; grid-row: 1;}
  .footer_wrap > .medle_cotents {grid-column: 1 / 3; grid-row: 2; align-items: flex-start;}
  .footer_wrap > .right_cotents {grid-column: 1 / 3; grid-row: 3;}
  .footer_wrap > .left_cotents > span {font-size:10px;}
  .footer_wrap h3 {font-size:18px;}
  .footer_wrap > .medle_cotents > ul > li > a {font-size:14px;}
  .footer_wrap > .left_cotents > .adress > p {font-size:14px;}
  .footer_wrap > .right_cotents > .call > p {font-size:14px;}
  .footer_wrap > .medle_cotents {text-align:left;}

  .comp_infor_text {width:100%; margin:70px 0 120px;}
  .comp_infor_text > h1 {font-size:28px}
  .comp_infor_text > h3 {font-size:24px}
  .comp_infor_text > h3 > span {font-size:20px;}
  .comp_infor_text > p {font-size:14px;}
  .comp_infor_text > .content_wrap {top:74.5%;}
  .comp_infor_text > .content_wrap > .cotents_item > h3 {font-size:24px;}

  .company_section4 {margin:60px 0;}
  .map_section{padding:0px 5.5556% 0px; height: auto;}
  .map_section > .information_items {margin:0;}
  .map_section > .map_area {height:240px;}
  .organization > .title_area > h3 > span {font-size:20px;}
  .map_section {width:calc(100%); gap:24px;}
  .map_section > .information_items > li > span {font-size:14px; color:#666;}

  .cert_infor_text {margin:0 0 40px; padding:80px 0 60px;}
  .cert_infor_text > h1 {font-size:28px;}
  .cert_infor_text > h3 {font-size:20px; margin:28px 0 32px;}
  .cert_infor_text > h3 > .mobile_line {display:block;}
  .cert_infor_text > p {font-size:16px; line-height:150%;}
  .cert_infor_text > p > br {display:none;}
  .cert_infor_text > p > .mobile_line {display:block;}
  .cert_wrap:nth-child(9) {margin:0 0 100px;}
  .cert_img {display:none;}
  .cert_slide_area {display:block; margin: 0 0 80px;}

  .opasi_grid.for_wrap_items {grid-template-columns: repeat(1, 1fr);}
  .opasi_grid.for_wrap_items > .grid_item {aspect-ratio: 360 / 110; max-height:140px;}

  .company_title {gap:24px; padding:0;}
  .company_title > p {font-size:16px;}
  .company_section2 {padding:80px 0 100px;}
  /*조직도 시작*/
  .paddign_box {padding:0 65px; margin:20px 0;}
  .flx_line {display:flex; flex-direction: column; gap:40px; position:relative;}
  .flx_line > .column_line {top:-20px;}
  .radius_box {height:36px; width:130px; font-size: clamp(14px, 3vw, 16px);}
  /*조직도 끝*/

  /*연혁 시작*/
  .history_wrap {max-width:1280px; margin:100px auto 0;}
  .his_line {display: flex; flex-direction: column; gap:136px;}
  .point_section {display:flex; gap:20px; justify-content: center; align-items: flex-start;}
  .point_section > h1 {width:120px; text-align: right; font-size:36px; color:#1A2436}
  .point_section > .his_info {width:60%; margin:26px 0 0;}
  .point_section > .his_info > p {font-size:clamp(16px, 2vw, 18px); line-height:200%; color:#666;}
  .point_out {margin:20px 0 0; height:100%; width:24px;}
  .point_out > img {width:100%;}
  .point_out > .his_center_line {position:absolute; left:50%; top:50%; transform: translate(-50%, 0%); width:1px; height:220px; background:#EBF1FF; z-index: -1;}
  .point_out > .his_center_line.long {height:300px;}
  /*연혁 끝*/

  /* new business_dron start*/
  .SubBg {height:300px;}
  .sub_header {height:400px;}
  .sub_header > h3 {margin:0 0 3%;}
  .left_title {margin:0 auto; text-align: center;}
  .function_section {display:flex; flex-direction:column; justify-content: space-between; width:88.8888%; max-width: 1280px; margin:0 auto; padding:80px 0 180px;}
  .right_items {display:grid; grid-gap: 16px; padding:0 0px; width:100%; margin: 50px 0 0;}
  .right_items > .func_grid {padding:24px; max-width:100%; width:100%; border:1px solid #e9e9e9;}
  .right_items > .func_grid > h4 {margin:12px 0; font-size: clamp(16px, 2vw, 24px);}
  .right_items > .func_grid > p {font-size: 20px; font-size: clamp(14px, 1.5vw, 20px); color:#666;}
  .items_info {width:100%}
  .flx_column {gap:80px;}
  .case_study > .left_title {margin:0 auto 80px;}
  .list_items {flex-direction: column; align-items: center; gap:50px; padding:0;}
  .list_items.col_rv {flex-direction: column-reverse;}

  .sub_head_title {padding:0 5.5556%;}
  .sub_head_title > h3 {font-size:24px;}
  .gr_th_wrap > .gr_th_items {gap:8px; border-radius: 8px;}
  .center_bann_section {padding: 0 5.5556%; height:auto;}
  .center_bann_section br {display:none;}
  .center_bann_section > p {margin:30px 0;}
  .img_info_box {width:100%;}
  .img_info_box > ul > li { font-size: clamp(16px, 1.5vw, 20px);}
  /* new business_dron end*/

  /*new_development start*/
  .devel_section1 {padding:80px 0 50px;}
  .center_title {text-align: center; margin:0 auto 20px;}
  .center_indicator {margin:80px 5.5556% 80px; text-align: center;}
  .hardware_section {padding:80px 0;}
  .center_indicator > a {height:52px; font-size: clamp(14px, 2vw, 20px);}
  .center_indicator > a .pc_dev_title {display:none;}
  .center_indicator > a .mo_dev_title {display:block;}
  .center_indicator > .active {background:#3471FF; color:#fff; font-weight: 600;}
  .center_bann_section.deve1 {margin:28px 0 0; padding:0;}
  .center_bann_section.deve3 {padding:0 0 20px;}

  .devel_section2 {margin:0 0 80px;}
  .diagram {margin: 40px 0 0;}
  .dia_list {margin:0 0 16px; padding:8px 16px; border-radius: 8px;}
  .function_box {margin:38px 5.5556% 42px; padding:40px 0 100px;}
  .function_box > img {margin:0px 0 0;}
  .flx_two {flex-direction:column; gap:42px; padding:0 5.5556%;}
  .flx_two .center_title.s_m {text-align: center}
  .dev_list_wrap > ul {font-size: clamp(16px, 2vw, 20px); line-height: 180%; text-align: center;}
  .dev_grid_wrap > .dev_grid_list {margin:24px 0 0; grid-template-columns: repeat(1, 1fr); grid-gap: 12px;}
  .dev_grid_list > .dev_grid_items {border:1px solid #d9d9d9; padding:20px;}
  .dev_grid_list > .dev_grid_items > h3 {font-size: clamp(16px, 2vw, 20px); font-weight:600; line-height: 130%;}
  .dev_grid_list > .dev_grid_items > p {font-size: clamp(14px, 2vw, 18px); margin:8px 0 0; line-height: 130%;}

  .devel_section3 {background:#f9f9f9; padding:60px 0 80px;}
  .center_bann_section.deve2 {padding:0px 0; margin:0px 0;}
  .rwap_flx_items {padding:0 5.5556%;}
  .flx_for_wrap > .flx_for_items > .line_wrap {display:flex; align-items: center; position:absolute; left:50%; top:100%; transform: translate(0, 0%);}
  .flx_for_wrap > .flx_for_items > .line_wrap > .blue_line {width:1px; height:24px; background:#3471FF;}
  .flx_for_wrap > .flx_for_items > .line_wrap > .circle_b {left:50%; top:calc(100% - 7px); transform: translate(-50% , 0);}
  .flx_th_img_box {margin:40px auto 0; gap:40px; flex-direction: column;}
  .flx_th_img_box > .img_contents {position:relative;}
  .flx_th_img_box > .img_contents:first-child {position:relative;}
  .flx_th_img_box > .img_contents {position:relative;}
  .flx_th_img_box > .img_contents >  .img_box {width:100%; aspect-ratio: 1 / 0.7; position:relative; overflow: hidden; display: flex; align-items: center; border-radius:8px;}
  .flx_th_img_box > .img_contents >  .img_box > .mian_img {position:relative; width:100%; z-index: 2;}
  .flx_th_img_box > .img_contents >  .img_box > .line_circle {display:none;}
  .flx_th_img_box > .img_contents > p {margin:12px 0 0; font-size:clamp(18px, 2vw, 20px); height:auto;}

  .func_items > h3 {font-size:  clamp(18px, 2vw, 28px); color:#333}
  .flex_tow_func {gap:24px; padding:0 5.5556%; flex-direction: column;}
  .func_box {width:100%; padding:20px 16px; font-size:clamp(15px, 2vw, 20px);}
  .func_box.effe {background:#EEF4FF;}
  .func_box > h4 {color:#333;}
  .func_box > img {left:50%; top:100%; width:58px; transform: rotate(90deg) translate(40%, 225%);}
  .opasi_grid {display:grid; margin:40px auto 0; grid-template-columns: repeat(1, 100%); grid-gap:20px;}
  .opasi_grid > .grid_item {width:100%; border-radius:8px; aspect-ratio: 290 / 110; box-shadow: 0 4px 16px rgba(194, 211, 240, 0.25)}
  .opasi_grid > .grid_item > h3 {margin:0 0 8px;}
  .flx_for_wrap {flex-wrap:nowrap; flex-direction: column; gap:20px;}
  .flx_for_wrap > .flx_for_items {width:100%; aspect-ratio: 220 / 100;}
  .flx_for_wrap > .flx_for_items > h3 {margin:0 0 8px;}
  /*new_development end*/

  .scroll_item:first-child {padding:0;}
  .list_wrap {padding:0;}

  .scroll_item:last-child {padding:0;}
  .object_item2 > .sub_title {padding:0;}
  .object_item2 > .sub_info {padding:0 8px 0;}
  .banner_wrap > .column_line:nth-child(2) {margin:80px 0 0;}
  .banner_item > h3 {width:65%; font-size:16px;}
  .banner_item > h3 > span {font-size:12px;}
  .banner_item > p {width:100%; margin:40px 0 0;}

  .video_ico {background-size:40%; background-position:right 0% top 0%;}
  .setting_ico {background-size:40%; background-position:right 0% top 0%;}
  .time_ico {background-size:40%; background-position:right 0% top 0%;}
  .video_ico {background-size:40%; background-position:right 0% top 0%;}
  .setting2_ico {background-size:40%; background-position:right 0% top 0%;}
  .time2_ico {background-size:40%; background-position:right 0% top 0%;}
  .compass_ico {background-size:40%; background-position:right 0% top 0%;}
  .infinit_ico {background-size:40%; background-position:right 0% top 0%;}

  .rtc_wrap {padding:0;}

  .injea_wrap > .content_wrap {width:464px; gap:12px;}
  .injea_wrap > .content_wrap > .box_img {width:48.5%; height:360px;}
  .injea_wrap > .content_wrap > .box_img > .box_img_items {height:230px;}

  .injea_wrap > .content_wrap2 {justify-content: center; grid-template-columns: repeat(2, 220px); grid-template-rows: repeat(6, 220px); gap:12px;}

  .center_bann_section.solu1 {margin:30px 0 0px;}
  .text_list {margin:40px 0 0;}

  /*ver.02 사업분야 통합 (서브 해더 + 인디케이터) start*/
  .gr_th_wrap {grid-template-columns: repeat(1, 1fr); gap:12px 0px; margin:20px auto 20%;}
  .int_info > h4 {font-size:17px;}
  .gr_tw_wrap {margin:30px auto 0;}
  .sub_head_title > p {margin: 6% 0 0;}
  /*ver.02 사업분야 end*/
  .solu_grid_title > h4 {font-size: 18px;}
}

@media(max-width: 480px){

  #section2 > .slider_wrap {margin: 40px auto 0; padding: 40px 0 0;}
  .slice_area_02 > .sd_item{width:220px; height:100px; margin:0 0.5% 0 0; overflow: hidden; border-radius:16px;}
  .logo_contain > a > img {object-fit: cover; width: 100%; overflow: hidden;}

  .logo_contain {grid-template-columns: repeat(3, 1fr); gap: 10px;}

  #section7 > .text_area > h3 {font-size:20px;}

  .comp_infor_text > h1 {font-size: 32px;}

  /*조직도 시작*/
  .orga_wrap {margin:50px 0 0;}
  .paddign_box {padding:0 50px;}
  .radius_box {border-radius: 14px;height:36px; width:100px;}
  .radius_box.big {height:52px; text-align: center;}
  .m_br {display:block;}
  /*조직도 끝*/

  /*연혁 시작*/
  .history_wrap {max-width:1280px; margin:0px auto 0;}
  .his_line {gap:72px;}
  .point_section {gap:8px;}
  .point_section > h1 {width:66px; font-size:24px; margin:13px 0 0 5.5556%;}
  .point_section > .his_info {width:calc(100% - 94px); margin:20px 0 0;}
  .point_out {width:16px;}
  .point_out > .his_center_line {height:156px;}
  .point_out > .his_center_line.long {height:280px;}
  /*연혁 끝*/

  /* new business_dron start*/
  .sub_header {height:400px;}
  .sub_header > h3 {margin:0 0 8%; font-size:28px;}
  .sub_header > p {font-size:14px;}
  .function_section {padding:80px 0 100px;}
  .right_items {display:grid; grid-gap: 16px; padding:0 0px; width:100%; margin: 50px 0 0; grid-template-columns:repeat(1, 1fr);}
  .right_items > .func_grid {padding:24px; max-width:100%; width:100%; border:1px solid #e9e9e9;}
  .right_items > .func_grid > h4 {margin:12px 0; font-size: clamp(16px, 2vw, 24px);}
  .right_items > .func_grid > p {font-size: 20px; font-size: clamp(14px, 1.5vw, 20px); color:#666;}
  .items_info {width:100%}
  .items_info > h3 {font-size:clamp(18px, 2vw, 28px);}
  .items_info > p {margin:12px 0 0;}
  .flx_column {gap:40px;}
  .case_study > .left_title {margin:0 auto 46px;}
  .center_bann_section > h4 {margin:0 0 20px;}
  .center_bann_section.deve3 {margin:20px 0 0;}

  .list_items {gap:20px; padding:0;}
  .left_title > span {font-size:clamp(12px, 2vw, 14px);}
  .left_title > h3 {font-size:clamp(24px, 2vw, 30px);}
  .center_bann_section {height:auto;}
  .center_bann_section br {display:none;}
  .center_bann_section > p {margin:0px 0 20px;}
  .case_study {padding:60px 0 80px;}
  .img_info_box {width:100%;}
  .img_info_box > ul > li { font-size: clamp(16px, 1.5vw, 20px);}

  .gr_th_wrap > .gr_th_items > h4 {font-size: 15px;}
  .gr_th_wrap > .gr_th_items > p {font-size:14px; line-height:150%;}
  .gr_tw_wrap > .gr_tw_items > h3 {font-size:17px; margin:0 0 8px;}
  .gr_tw_wrap > .gr_tw_items > ul {gap:6px; margin: 0 0 6px;}
  /* new business_dron end*/

  /*new_development start*/
  .rwap_flx_items {margin:0px auto 0;}
  .function_box {margin:38px auto 42px; padding:40px 0}
  .center_title > span {font-size:12px;}
  .center_title > h3 {font-size: 20px; color:#252525; line-height: 130%;}
  .center_title > p {font-size: clamp(16px, 2vw, 20px); color:#666; line-height: 130%; margin:45px 0 0;}
  .center_indicator {margin:40px 5.5556% 60px; text-align: center;}
  .gr_tw_wrap > .gr_tw_items > ul > li {vertical-align: middle; font-size:14px;}
  .gr_tw_wrap > .gr_tw_items > ul > li > span {margin: 4px 0 0;}
  /*new_development end*/

  .fixed_scroll_center > .fixed_section > .fixed_wrap > .title > h3 {font-size:24px;}
  .fixed_scroll_center > .fixed_section > .fixed_wrap > p {font-size:14px;}
  .fixed_scroll_center > .fixed_section > .fixed_wrap > .video_object > img {margin:0 0 40px;}

  .fixed_scroll_center > .fixed_section > .fixed_wrap > h4 {font-size: 20px; margin:16px 0 28px; font-weight:500;}
  .fixed_scroll_center > .fixed_section > .fixed_wrap > h4.comment {font-size: 16px; margin:16px 0 28px; font-weight:500;}

  .info_title > h4 {font-size:20px;}
  .info_title > h4 > span {font-size:14px;}
  .scroll_item {margin:20px 0 0;}
  .scroll_item:first-child > .object_item {height:320px;}
  .circle {font-size:14px; width:90px; height:90px;}
  .c_item2 {top:40px;}
  .c_item3 {bottom:40px;}
  .c_item5 {bottom:40px;}
  .c_item6 {top:40px;}
  .center_circle {width:120px; height:120px;}
  .center_circle > .text_area > h3 {margin:0 0 8px;}
  .center_circle > .text_area > p {width:100px;}
  .center_circle > .text_area > p > br {display:none;}

  .list_wrap {margin: 60px 0 20px;}
  .list_wrap.marg {margin:20px 0 20px;}
  .list_wrap > .list_items {margin:20px 0 16px;}
  .list_wrap > .list_items > p {font-size:16px;}
  .list_wrap > .list_items > .squar {margin:0 8px;}

  .object_item2 {max-width:100%; width:100%}
  .object_item2 > .sub_title {font-size:18px;}
  .banner_wrap {flex-direction: column;}
  .banner_wrap > .column_line {width:100%;}
  .banner_item > p {margin:16px 0 0;}
  .banner_wrap > .column_line > .banner_item {padding:8px 15px 20px;}
  .banner_item > p {width:70%;}

  .video_ico {background-size:40%; background-position:left 110% top 0%;}
  .setting_ico {background-size:40%; background-position:left 110% top 0%;}
  .time_ico {background-size:40%; background-position:left 110% top 0%;}
  .video_ico {background-size:40%; background-position:left 110% top 0%;}
  .setting2_ico {background-size:40%; background-position:left 110% top 0%;}
  .time2_ico {background-size:40%; background-position:left 110% top 0%;}
  .compass_ico {background-size:40%; background-position:left 110% top 0%;}
  .infinit_ico {background-size:40%; background-position:left 108% top 0%;}
  .banner_wrap > .column_line:nth-child(2) {margin:0px 0 0;}

  .rtc_wrap.marg {padding:0; margin:20px 0 60px;}
  .rtc_wrap.marg2 {padding:0; margin:20px 0 20px;}

  .object_item {height:400px;}
  .object_item > .c_item9 {left:22%; bottom:0; transform:translate(-50%, -50%);}
  .object_item > .c_item8 {right:22%; bottom:0; transform:translate(50%, -50%);}
  .object_item > .c_item10 {top:70px; right:0;}
  .object_item > .c_item7 {top:70px;}

  .AI_ML {flex-direction:column; padding:0;}
  .AI_ML > .AI_ML_item {width:100%;}
  .AI_ML > .AI_ML_item:first-child {margin:0 0 8px;}

  .dash_wrap {margin:0px 0 60px;}
  .dash_wrap > .solid_item {width:100%;}
  .dash_wrap > .solid_item > h3 {font-size:18px;}
  .dash_wrap > .solid_item > p {font-size:14px;}
  .dash_wrap > .dash_item {padding:16px 12px;}

  .art1 {height:160px !important;}
  .art1 > h3 {font-size:20px; width:100%;}
  .art1 > p {font-size:14px; width:100%;}
  .art2 {height:160px !important;}
  .art2 > h3 {font-size:20px; width:100%;}
  .art2 > p {font-size:14px; width:100%;}
  .art3 {height:160px !important;}
  .art3 > h3 {font-size:20px; width:100%;}
  .art3 > p {font-size:14px; width:100%;}
  .art4 {height:120px !important;}
  .art4 > h3 {font-size:20px; width:100%;}
  .art4 > p {font-size:14px; width:100%;}
  .art5 {height:120px !important;}
  .art5 > h3 {font-size:20px; width:100%;}
  .art5 > p {font-size:14px; width:100%;}

  .object_item2 > .text_img_wrap {flex-direction:column;}
  .object_item2 > .text_img_wrap h4 {font-size:16px;}
  .object_item2 > .text_img_wrap > .list_wrap {width:100%}
  .object_item2 > .text_img_wrap > .img_wrap {width:100%; margin:20px 0 0;}
  .object_item2 > .content_wrap > .img_wrap {padding:0px 0px;}

  .injea_wrap > .content_wrap {width:328px; gap:8px;}
  .injea_wrap > .content_wrap > .box_img {width:48.5%; height:260px;}
  .injea_wrap > .content_wrap > .box_img > .box_img_items {height:170px;}
  .injea_wrap > .content_wrap > .box_img > p {font-size:12px;}
  .injea_wrap > .content_wrap > .box_img > h3 {font-size:18px;}

  .injea_wrap > .content_wrap2 {justify-content: center; grid-template-columns: repeat(2, 160px); grid-template-rows: repeat(6, 160px); gap:8px;}
  .injea_wrap > .content_wrap2 > .banner_box {padding: 12px 8px 14px}
  .injea_wrap > .content_wrap2 > .banner_box > img {width:40px;}
  .injea_wrap > .content_wrap2 > .banner_box > .text_box > h3 {font-size:18px;}
  .injea_wrap > .content_wrap2 > .banner_box > .text_box > p {font-size:14px;}


  .text_list {margin:24px 0 0;}
  .grid_solu_wrap {margin:40px auto 60px;}
  .solu_grid_title {margin:0 0 20px;}
  .grid_solu_wrap > .solu_gr_items > h3 {font-size:16px; line-height:150%;}
}