@charset "UTF-8";

/* 공통적으로 쓰일 class */
.underline {
  border-bottom: 1px solid #ededed;
  padding-bottom: 15px;
}

.flex {
  display: flex;
}

.flow_col_re {
  flex-flow: column-reverse;
}

.flow_col {
  flex-flow: column;
}

.display_none {
  display: none;
}

.line140{
  line-height: 140%;
}

.inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}

.down {
  background-color: rgba(255, 255, 255, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  border-bottom: 1px solid #ededed;

}

/* headerStart */
header {
  /* width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  margin: auto 0; */
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  /* height: 60px; */
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  z-index: 10;
  border-bottom: 1px solid #ededed00;
}

header .inner {
  display: flex;
  font-size: 16px;
  /* font-family: 'Pretendard_M'; */
  color: var(--color-white);
  justify-content: space-between;
  align-items: center;
  height: 60px;
}

header h1 {
  max-width: 180px;
  width: 180px;
}

/* .logoup {
  background: url(../img/company_logo_white.svg) no-repeat 0px 2px;
  background-size: contain;
}

.logodown {
  background: url(../img/company_logo.svg) no-repeat 0px 2px;
  background-size: contain;
} */

.logo_white,
.logo_blue{
  display: none;
}

.on{
  display: block;
}
.off{
  display: none;
}

header h1 img {
  width: 100%;
}

nav {
  display: flex;
  flex-flow: row;
  align-items: center;
  /* display: none; */
  justify-content: center;
  height: 100%;
}

nav ul {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  height: 100%;
  align-items: center;
}

nav ul li {
  text-align: center;
  min-width: 80px;
  height: 100%;
  display: flex;
  align-items: center;
}

nav ul li > a{
  padding: 5px 20px;
  display: inline-block;
  transition: 0.3s;
  /* height: 100%; */
}
nav ul li > a:hover{
  background-color: var(--color-bg-Gray);
  color: var(--color-Main-purple);
  border-radius: 7px;
}

nav .lang {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: flex-end;
  padding-left: 40px;
  padding-right: 20px;
}

nav .lang a span{
  color: var(--color-white);
  min-width: 34px;
  padding: 5px;
}


nav .lang a.on span{
  color: var(--color-Main-purple);
}

nav .lang span:nth-child(2) {
  display: block;
  width: 1px;
  height: 12px;
  background-color: var(--color-white);
  /* margin-right: 8px; */
}

.header_menu {display: none; top: 65px;position: absolute;/* width: 100%; */align-content: center;justify-content: center;transform: translate(-50%);left: 50%;}
.header_menu.active {display: block;}
.header_menu .header_inner {box-shadow: 0 4px 16px rgba(0,0,0,.05); border: 1px solid #ededed;  padding: 30px; gap: 20px; display: grid; grid-template-columns: 1fr 1fr 1fr; background-color: #fff; width: 1180px; height: 100%; border-radius: 20px; }
.header_menu .header_inner .tab_menu {padding: 20px; transition: 0.3s; border: 1px solid transparent;}
.header_menu .header_inner .tab_menu:hover {background-color: #fafafa; border-radius: 20px;}
.header_menu .header_inner .tab_menu .menu_icon_box { align-items: center; width: 40px; height: 40px; display: flex; justify-content: center; border-radius: 5px; margin-bottom: 12px; }
.header_menu .header_inner .elea_menu .tab_menu .menu_icon_box{align-items: flex-end;}
.header_menu .header_inner .tab_menu .tab_menu_title { font-family: 'Pretendard_B'; font-size: 20px; display: flex; margin-bottom: 20px; align-items: center; gap: 10px; }
.header_menu .header_inner .tab_menu .tab_menu_title .arrow_icon {display: flex; transition: 0.3s;opacity: 0; border-radius: 100px; align-items: center; width: 22px; height: 22px; background-color: #f9f9f9; justify-content: center; }
.header_menu .header_inner .tab_menu:hover .arrow_icon {opacity: 1;}
.header_menu .header_inner .tab_menu .tab_menu_title .arrow_icon i { color: #999; font-size: 12px; }
.header_menu .header_inner .tab_menu .tab_menu_contents { text-align: left; font-size: 15px; margin-bottom: 20px; color: #555; }
.header_menu .header_inner .tab_menu .tab_menu_badge { display: flex; gap: 5px; }
.header_menu .header_inner .tab_menu .tab_menu_badge span { font-size: 14px; display: inline-block; padding: 3px 7px; border-radius: 3px; }
.elea_menu .tab_menu_badge span, .elea_menu .menu_icon_box { background-color: #ebffff; color: #30cacb; }
.english_menu .tab_menu_badge span, .english_menu .menu_icon_box { background-color: #EFEEFF; color: #6150FF; }
.korean_menu .tab_menu_badge span, .korean_menu .menu_icon_box { background-color: #fff1f3; color: #bc1d2e; }

/* 헤더 스크립트 옵션 */
header nav ul li > a { color: var(--color-white);}
header.down nav ul li > a { color: var(--color-Text-black);}
header.down nav ul li > a:hover { color: var(--color-Main-purple);}
header.down nav .lang a span{ color: var(--color-Text-black);}
header.down nav .lang a.on span{ color: var(--color-Main-purple);}
header.down nav .lang span:nth-child(2){ background-color: var(--color-Text-black);}
header.down #nav-m .xi-bars{color: #1a1a1a;}
header.up nav ul li > a { color: var(--color-white);}
.view_more{color: var(--color-white);}
.newsroom_btn .view_more{color: #1a1a1a;}

section.business ul.business_intro li .rt_cont_txt a:hover{ background-color:#4251FB80;}
section.ai_elea ul.tit_top li a:hover{ background-color:#4251FB80;}
/* mainStart */
main {
  background: url('../img/bg_main_large.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 360px 0;
}

main h2 {
  color: var(--color-white);
  font-size: 60px;
  font-family: 'Pretendard_B';
  line-height: 120%;
  padding-bottom: 30px;
}

main span {
  color: var(--color-Point-navy);
  font-family: 'Pretendard_SB';
  font-size: 32px;
}


/* sectionStart */
section {
  padding: 140px 0;
}

.tit_sub {
  font-size: 20px;
  color: var(--color-Main-purple);
  font-family: 'Pretendard_SB';
  margin-bottom: 7px;
  display: inline-block;
}

.tit_main {
  font-size: 60px;
  font-family: 'Pretendard_B';
  color: var(--color-Text-black);
}

.tit_con {
  font-size: 32px;
  line-height: 130%;
  font-family: 'Pretendard_B';
  margin-bottom: 10px;
  color: var(--color-Text-black);
}

.cont_main {
  font-size: 32px;
  line-height: 150%;
  font-family: 'Pretendard_B';
  margin-top: 40px;
}

.text_gradient {
  background-image: linear-gradient(to bottom, #4251FB, #1926BE);
  color: transparent;
  -webkit-background-clip: text;
}

section.vision {
  background: url('../img/bg_vision.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0 160px;
}

section.vision .inner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
}


section.vision .inner .content {}

section.vision .inner .content span {
  display: block;
  margin: 20px auto 26px;
  width: 1px;
  height: 32px;
  background-color: var(--color-Text-LightGray);
}

section.vision .inner .content p {
  font-family: 'Pretendard_M';
  color: var(--color-Point-navy);
  font-size: 20px;
  line-height: 150%;
}

section.business {
  background-image: linear-gradient(to bottom, #ECEDF5 10%, #FFFFFF 90%);
}

section.business .content {
  font-size: 20px;
  color: var(--color-Text-black);
}

section.business .content>strong {
  font-family: 'Pretendard_M';
}

section.business .content>span {
  font-size: 16px;
  color: var(--color-Text-GrayText);
}

section.business ul.business_sum {
  margin-top: 58px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-bottom: 110px;
}

section.business ul.business_sum li {
  width: 32%;
  background-color: var(--color-white);
  border-radius: 14px;
  padding: 22px 20px 22px 30px;
  color: var(--color-Text-black);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}

section.business ul.business_sum li>p {
  font-family: 'Pretendard_B';
  color: var(--color-Main-blue);
  font-size: 22px;
}

section.business ul.business_sum li>span {
  color: var(--color-Text-GrayText);
  font-size: 14px;
}

section.business ul.business_sum li .ltrt_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

section.business ul.business_sum li .ltrt_wrap .lt_cont {
  font-size: 60px;
  font-family: 'Pretendard_B';
  position: relative;
}

section.business ul.business_sum li .ltrt_wrap .lt_cont>span {
  font-size: 32px;
  font-family: 'Pretendard_SB';
  padding-left: 4px;
}

section.business ul.business_sum li:first-child .ltrt_wrap .lt_cont::after,
section.traction ul.traction_sum li div::after {
  content: '';
  width: 32px;
  height: 32px;
  background: url(../img/ico_plus.png) no-repeat 0px 0px;
  top: 0;
  position: absolute;
  display: inline-block;
}

section.business ul.business_sum li .ltrt_wrap .rt_cont {
  background-color: var(--color-brightGray);
  width: 62px;
  height: 62px;
  border-radius: 9px;
  padding: 15px;
}

section.business ul.business_sum li .ltrt_wrap .rt_cont img {
  width: 100%;
}

section.business .content i {
  background-color: var(--color-highlight);
  font-family: 'Pretendard_B';
  padding: 0 2px;
}

section.business ul.business_intro {
  margin-top: 40px;
}

section.business ul.business_intro li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
  align-items: center;
}

section.business ul.business_intro li:nth-child(2) {
  flex-flow: row-reverse;
}

section.business ul.business_intro li .lt_cont_img {
  width: 60%;
  max-width: 680px;
  margin-right: 20px;
}

section.business ul.business_intro li:nth-child(2) .lt_cont_img {
  margin-right: 0;
  margin-left: 20px;
}

section.business ul.business_intro li .lt_cont_img img {
  width: 100%;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
  border-radius:10px ;
}


section.business ul.business_intro li .rt_cont_txt {
  width: 40%;
}

section.business ul.business_intro li .rt_cont_txt h3 {
  font-size: 32px;
  font-family: 'Pretendard_SB';
  margin-bottom: 14px;
}

section.business ul.business_intro li .rt_cont_txt h4 {
  font-size: 16px;
  color: var(--color-Text-lightBlack);
  line-height: 140%;
  margin-bottom: 60px;
  max-width: 442px;
}

section.business ul.business_intro li .rt_cont_txt a,
section.ai_elea ul.tit_top li a {
  color: var(--color-white) !important;
  background-color: var(--color-Main-blue);
  display: inline-flex;
  border-radius: 100px;
  padding: 11px 25px;
  transition: 0.3s;
}

/* button_viewmore */
.btn_view {
  display: flex;
  align-items: center;
}

.btn_view .view_img {
  display: inline-flex;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  background-color: var(--color-white);
  margin-left: 12px;
}

.btn_view .view_img img {
  width: 70%;
  margin: 0 auto;
}

section.traction {
  padding: 0 0 120px;
}

section.traction .traction_img {
  width: 100%;
  margin: 30px 0 40px;
}

section.traction .traction_img img {
  width: 100%;
}

.content {
  font-size: 20px;
  color: var(--color-Text-black);
  line-height: 120%;
}

section.traction ul.traction_sum {
  width: 100%;
  display: flex;

}

section.traction ul.traction_sum li {
  width: 25%;
  margin: 40px 20px 0 0;
  border-top: 1px solid #D9D9D9;
  padding-top: 17px;
}

section.traction ul.traction_sum li:last-child {
  margin-right: 0;
}

section.traction ul.traction_sum li span {
  color: var(--color-Text-GrayText);
  font-size: 22px;
  font-family: 'Pretendard_M';
  margin-bottom: 8px;
}

section.traction ul.traction_sum li div {
  font-size: 48px;
  font-family: 'Pretendard_B';
  position: relative;
  margin-top: 4px;
}

section.traction p.year_mm {
  color: var(--color-Text-Gray);
  font-size: 16px;
  float: right;
  margin-top: 20px;
}

.tit_point {
  font-size: 48px !important;
  line-height: 120%;
  font-family: 'Pretendard_B';
  color: var(--color-Text-black);
}

section.ai_elea {
  background-color: var(--color-bg-Gray);
  padding: 80px 0 130px;
}

section.ai_elea ul.tit_top {
  width: 60%;
  max-width: 760px;
  justify-content: space-between;
  align-items: end;

}

section.ai_elea ul.cont_wrap {
  margin: 50px 34px 0 0;
  max-width: 760px;
  width: 64%;
}

section.ai_elea ul.cont_wrap li {
  background-color: var(--color-white);
  border-radius: 16px;
  padding: 30px;
  margin-bottom: 20px;

}

section.ai_elea ul.cont_wrap li span {
  color: var(--color-Main-blue);
  font-size: 26px;
  font-family: 'Pretendard_B';
  padding-left: 11px;
  position: relative;
}

section.ai_elea ul.cont_wrap li span::before {
  content: '';
  position: absolute;
  width: 3px;
  height: 26px;
  background-color: #B4BAFF;
  top: 2px;
  left: 0;
}

section.ai_elea ul.cont_wrap li p {
  margin-top: 16px;
  color: var(--color-Text-GrayText);
  font-size: 14px;
  font-family: 'Pretendard';
}

section.ai_elea ul.cont_wrap li p:last-child {
  font-family: 'Pretendard_M';
  color: var(--color-Text-lightBlack);
  font-size: 16px;
  margin-top: 10px;
}

section.ai_elea .avatar_elea {
  max-width: 420px;
  width: 35%;
  position: relative;
}

section.ai_elea .avatar_elea img {
  width: 120%;
  position: absolute;
  bottom: -130px;
}

section.history {
  flex-flow: column;
}

section.history .lt_cont,
section.history .rt_cont {
  width: 50%;
}

.tit_main_large {
  color: var(--color-Text-black);
  font-size: 70px;
  line-height: 120%;
  font-family: 'Pretendard_B';
  padding-top: 7px;
}

.tit_main_med {
  display: none;
}

section.history .rt_cont {
  position: relative;
}

section.history .rt_cont .list_history li {
  position: relative;
  padding-bottom: 20px;
}

section.history .rt_cont .list_history li:last-child {
  padding-bottom: 0px;
}

section.history .rt_cont .list_history::before {
  position: absolute;
  top: 20px;
  left: 5px;
  bottom: -12px;
  width: 1px;
  background-color: var(--color-Text-LightGray);
  content: "";
}

section.history .rt_cont .list_history li::after {
  position: absolute;
  top: 15px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: var(--color-Main-blue);
  content: "";
}

section.history .rt_cont .list_history li div {
  padding-left: 27px;
}

section.history .rt_cont .list_history li .data_year {
  font-size: 26px;
  font-family: 'Pretendard_SB';
  color: var(--color-Text-black);
}

section.history .rt_cont .list_history li .data_cont {
  font-size: 16px;
  font-family: 'Pretendard_M';
  color: var(--color-Text-darkGray);
  line-height: 150%;
}

section.newsroom_wrap {
  background-color: #FAFAFA;
}

section.newsroom_wrap ul.newsroom{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 60px;
}

section.newsroom_wrap ul.newsroom li {
  margin-top: 70px;
  width: 100%;
  border-bottom: 1px solid #D9D9D9;
  justify-content: space-between;
}

section.newsroom_wrap ul.newsroom li:nth-child(odd) {
  margin-right: 60px;
}

section.newsroom_wrap ul.newsroom li .lt_cont {
  width: 82%;
}

section.newsroom_wrap ul.newsroom li h3 {
  font-size: 20px;
  margin-bottom: 8px;
}

section.newsroom_wrap ul.newsroom li h4 {
  font-size: 13px;
  color: var(--color-Text-GrayText);
  margin-bottom: 16px;
}

section.newsroom_wrap ul.newsroom li span {
  font-size: 14px;
  color: var(--color-Text-darkGray);
  display: inline-block;
  padding-bottom: 10px;
}

section.newsroom_wrap ul.newsroom li .rt_cont {
  width: 46px;
  height: 46px;
  background-color: var(--color-white);
  border-radius: 100px;
  border: 1px solid #d9d9d9;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}

section.newsroom_wrap ul.newsroom li .rt_cont a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
section.newsroom_wrap ul.newsroom li .rt_cont:hover{
  background-color: #4251FB10;
}

section.newsroom_wrap ul.newsroom li .rt_cont img {
  width: 40%;
  margin: 0 auto;
}

.newsroom_btn {
  justify-content: center;
  color: var(--color-Text-darkGray);
  width: 140px;
  height: 45px;
  border-radius: 100px;
  border: 1px solid #D9D9D9;
  margin: 60px auto 0;
}

footer {
  background-color: #22232B;
  color: var(--color-white);
}

footer h2 {
  max-width: 180px;
  padding: 64px 0 30px;
}

footer h2 img {
  width: 100%;

}

footer ul.footer_info {
  flex-flow: column;
}

footer ul.footer_info li {
  display: flex;
  flex-flow: row;
  line-height: 140%;
  padding-bottom: 10px;
}

footer ul.footer_info li .lt_cont {
  min-width: 84px;
  color: var(--color-white);

}

footer ul.footer_info li .rt_cont{
  color: var(--color-white);
}



footer .bottom_info {
  width: 100%;
  margin: 30px 0 20px;
  border-top: 1px solid #424242;
  justify-content: space-between;
  padding: 20px 0 80px;
}

footer .bottom_info span {
  color: var(--color-Text-Gray);
}

footer .bottom_info .ico_sns li {
  background-color: #6F6F74;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 26px;
}

.top_btn_visible {
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: var(--color-white);
  border: 2px solid var(--color-Text-GrayText);
  border-radius: 100px;
  align-items: center;
}

.top_btn_visible>a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.go_top img {
  width: 100%;
}


/* Career */
.career_title_section{margin-top: 100px; margin-bottom: 70px;}
.topimg_section{
  width: 97%;
  height: 280px;
  position: relative;
  margin: auto;
  margin-top: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.img_blackbg {
  width: 100%;
  height: 280px;
  overflow: hidden;  
  background-size: cover;
  background-position: center center; 
  background-repeat: no-repeat;
  transform-origin: center center;
}

.img_text_wrap{position: absolute; z-index: 4; padding: 0px 20px;}

#company{
  background-image: url('../img/company_bg.png');
}
#career{
  background-image: url('../img/main_career.jpg');
}


.topimg_section img{width: 100%;position: relative;top: 80px;}
.img_blackbg{z-index: 2; text-align: center;display: flex;align-items: center;justify-content: center;}
.overlay{transition: 0.5s; color: #fff;position: absolute;width: 100%;background-color: #000000;left: 0;height: 100%;z-index: 3;}
.img_text_wrap div{color: #fff; text-align: center;}
.page_Title{font-size: 50px; font-family: 'Pretendard_B'; margin-bottom:15px;}
.img_text_wrap .page_sub_text{font-size: 18px; color: #d3d3d3;}

.title_underline{  display: flex; flex-direction: column; padding-bottom: 40px; border-bottom: 1px solid #d9d9d9;}
.title_wrap .main_title{font-size: 50px; font-family: 'Pretendard_B'; line-height: 68px;}
.title_wrap .main_title span{display: block;}
.title_wrap .main_title span.company_name{color: var(--color-Main-purple);}
.title_wrap .sub_title{font-size: 36px; font-family: 'Pretendard_B';margin-top: 5px;}
.title_wrap .sub_title span{font-family: 'Pretendard_SB';}
.title_wrap .sub_mtitle{font-size: 28px; }
.title_wrap .sub_contents{font-size: 20px; color: #555;margin-top: 20px;}


.career_process{padding: 0;}
.process_list{margin-bottom: 70px;}
.process_list ul{ display: flex;justify-content: space-between;gap: 20px;}
.process_list ul li{width: 100%;display: flex;flex-direction: column;position: relative;height: 280px;justify-content: flex-end;}
.process_list ul li .process_list_text{ align-items: flex-end; font-size: 20px; font-family: 'Pretendard_B'; padding: 25px 20px;border-radius: 20px;background: #f9f9f9;width: 100%; display: flex;  background: #f9f9f9;height: 140px; position: relative;}
.process_list ul li .process_list_text br{display: none;}
.process_list ul li .process_list_text i{color: #979797; position: absolute; right: -20px; bottom: 50px;}
.process_list ul li .process_img_wrap{transform: translateX(-50%); animation: upDown 2s ease-in-out infinite; z-index: 1;position: absolute;bottom: 65px;left: 50%;}

.process_detail ul li{display: flex;align-items: center; padding: 30px 10px; border-bottom: 1px dotted #D7C9C9;}
.process_detail ul li:last-child{border: none;}
.process_detail ul li .detail_numbox{margin-right: 40px; font-size: 20px;font-family: 'Pretendard_SB'; display: flex;align-items: center; justify-content: center; width: 50px; height: 50px; color: var(--color-Main-purple); background-color: #F6F5FF; border-radius: 10px;}
.process_detail ul li .detail_title{width: 300px;  font-size: 26px; font-family: 'Pretendard_B';}
.process_detail ul li .detail_text{ width: 60%; font-size: 20px; color: #4B4B4B;}
.process_detail ul li .detail_text p{ font-size: 14px;color: #4B4B4B; margin-top: 5px;}
.process_detail .process_etc{font-size: 20px; background-color: #f9f9f9; border-radius: 15px; text-align: center; color: var(--color-Main-purple); font-family: 'Pretendard_SB'; padding: 20px; margin-top: 20px;}

.position_detail{margin-top: 90px;width: 100%;display: flex;flex-wrap: wrap;}
.position_detail .position_list{width: 50%; margin-bottom: 80px;}
.position_detail .position_list .position_title{font-size: 36px;font-family: 'Pretendard_B';position: relative;margin-bottom: 40px;}
.position_detail .position_list .position_title::before{content: ''; width: 40px; height: 3px; background-color: var(--color-Main-purple); position: absolute; top: -15px;}
.position_detail .position_list.non_margin{margin-bottom: 0;}
.position_detail ul li{font-size: 24px;color: #4B4B4B;padding-left: 25px;position: relative;margin-bottom: 30px;}
.position_detail ul li::before{content: '';width: 8px;height: 8px;position: absolute;background-color: #d9d9d9;left: 0px;top: 15px;}

.go_page{width: 100%; display: flex;justify-content: space-evenly; margin-top: 20px; text-align: center;}
.go_page p{gap: 15px; font-size: 24px; font-family: 'Pretendard_B'; display: flex; align-items: center; justify-content: center;}
.go_page p span{ font-size: 16px; display: flex; align-items: center; justify-content: center; border-radius: 100px; border: 1px solid #d9d9d9; width: 35px; height: 35px;}
.page_box img{width: 100%;}


/* company */
.topimg_section img.company{ width: 100%;height: auto;display: block;transform: none;top:-80px }
.half_wrap{display: flex; flex-wrap: wrap;gap: 20px;}
.half_wrap .left,
.half_wrap .right{width: calc(50% - 10px);}

.introduction_detail{margin-top: 40px;}
.introduction_wrap{margin-bottom: 200px;}
.contents_title{font-size: 24px; font-family: 'Pretendard_B'; margin-bottom: 30px;}
.contents_word{font-size: 18px; color: #555; line-height: 30px;}

.img_sub_contents{font-size: 20px; margin-top: 10px;color: #555;}
.company_img_detail{background-color: #fff; display: flex; align-items: center; justify-content: center; border:1px solid #ededed; width: 100%;  margin-top: 40px; border-radius: 10px; overflow: hidden;}
.company_img_detail img{width: 100%;}

.blue_bg{background-color: #F5F8FF; position: relative;}
.blue_circle_wrap{position: absolute;}
.circle_1{left: 265px;}
.circle_2{right: 15%;top: 290px;}
.circle_3{bottom: -120px; right: 32%;}
.circle_4{top: 20%; left: 10%;}
.circle_5{bottom: -120px; right: 0%;}
.second_blue{overflow: hidden;}


.darkblue_bg{background-color: #E3EAFF; position: relative; overflow: hidden;}
.black_Bg{background-color: #1a1a1a;}
.value_list{margin-top: 40px;}
.value_list ul{display: flex; gap: 20px;}
.value_list ul li{ word-break: keep-all;  background-color: #fff; box-shadow: 0px 2px 15px 0px rgba(199, 199, 199, 0.25); padding: 40px 20px; padding-top: 30px; border-radius: 30px;width: 100%;}
.value_list ul li img{width: 100px;}
.value_list ul li .value_title{margin-top: 10px; font-size: 24px; font-family: 'Pretendard_B'; margin-bottom: 30px;}
.value_list ul li .value_contents{font-size: 16px; color: #555;}
.graph_wrap{margin-top: 50px;position: relative;}
.graph_wrap img{width: 100%;}
.graph_wrap .balloon{ position: absolute; right: 0; top: 25px; background-color: #1a1a1a; color: #fff; padding: 10px 30px; font-size: 26px; font-family: 'Pretendard_M'; border-radius: 50px;}
.graph_wrap .balloon:after {
  border-top: 10px solid #111;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 0px solid transparent;
  content: '';
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
}

.culture_list{display: flex;}
.culture_list ul{display: flex; gap: 20px; margin-top: 70px;}
.culture_list ul li{ background-color: #fff; padding: 30px 20px; border-radius: 30px; width: 100%;}
.culture_list ul li .culture_img_wrap{display: flex;margin-bottom: 40px;justify-content: space-between;}
.culture_list ul li .culture_img_wrap img{width: 80px;}
.culture_list ul li .culture_img_wrap span{color: #555;}
.culture_list ul li .culture_title{font-size: 24px; font-family: 'Pretendard_B';margin-bottom: 25px;}
.culture_list ul li .culture_contents{color: #555;font-size: 16px;}

.review_list{display: flex;margin-top: 70px;}
.review_list ul{display: flex; flex-wrap: wrap; gap: 30px;}
.review_list ul li{border-radius: 20px;  padding: 30px; width: calc(50% - 20px); background-color: #7E9EFF; display: flex; gap: 20px; box-shadow: 0px 4px 64px 0px rgba(156, 172, 222, 0.70);} 
.review_list ul li.blue_profile{background-color: #5D85FF;} 
.review_list ul li:nth-child(even){position: relative; top: 80px;} 

.review_list ul li div{color:#fff;} 
.review_list ul li .profile_img{display: flex; align-items: center; justify-content: center; background-color: #F9F9F9; border-radius: 100px; width: 60px;height: 60px;}
.review_list ul li .review_contents{width: calc(100% - 60px);display: flex; flex-direction: column;}
.review_list ul li .review_contents .review_title{margin-bottom: 20px; font-size: 20px; font-family: 'Pretendard_SB';}
.review_list ul li .review_contents .review_word{font-size: 16px; margin-bottom: 10px;}
.review_list ul li .review_contents .review_name{margin-top: auto; font-size: 14px; font-family: 'Pretendard_M';}

/* CEO */
.ceo_wrap{display: flex; gap: 100px;}
.ceo_left{width: 60%;}
.ceo_message{font-size: 18px; color: #555; margin-bottom: 42px; line-height: 28px;}
.ceo_sign{font-size: 22px; font-family: 'Pretendard_SB';}
.ceo_sign img{ margin-left: 20px;}
.ceo_coment{position: absolute; top: 50%; left: 20%; transform: translate(-50%,-50%); display: none;}
.ceo_title{color: #555;}
.ceo_nm{font-size: 40px; font-family: 'Pretendard_B';}


.map_img{display: flex; align-items: center; justify-content: center;position: relative;}
.map_img img{width: 100%;}
.mapimg_wrap{width: 80%; margin: 0px auto;}
.map-bg {width: 100%;height: auto;display: block;}
.marker {position: absolute;transform: translate(-50%, -50%);}
.dot{margin: 10px auto; display: flex; align-items: center; justify-content: center; background-color: #00000060; width: 20px; height: 20px;border-radius: 100px;}
.inner_dot{background-color: #14FF91;width: 10px; height: 10px;border-radius: 100px;}
.text_dot{margin-top: 10px; background-color: #14FF91;width: 8px; height: 8px;border-radius: 100px;}

.marker .label {transition: 0.3s; position: absolute; gap: 10px; display: flex; background: white;color: black;padding: 9px 15px;border-radius: 8px;font-size: 14px;line-height: 1.4;box-shadow: 0 0 10px rgba(0,0,0,0.3);white-space: nowrap;}
.marker .label:hover{background-color: var(--color-Main-purple);}
.marker .label:hover .marker_text{color: #fff;}
.marker .label:hover .marker_text p{color: #fff;}

.mobile_marker{ margin-top: 30px; display: none;overflow-y: auto; gap: 10px;}
.mobile_marker  {}
.mobile_marker .label {background-color: #fff; transition: 0.3s; gap: 10px; display: flex; background: white;color: black;padding: 9px 15px;border-radius: 8px;font-size: 14px;line-height: 1.4;box-shadow: 0 0 10px rgba(0,0,0,0.3);white-space: nowrap;}
.mobile_marker .label .marker_text {color: #1a1a1a;}



.marker_text{font-size: 18px; font-family: 'Pretendard_B'; color: #1a1a1a;}
.marker_text p{font-size: 14px; font-family: 'Pretendard_R'; color: #555; margin-top: 5px;}
.world_nm{color: #fff; font-size: 20px; font-family: 'Pretendard_B';}

.world_wrap{position: absolute; color: #fff; right: 0; width: 560px;}
.world_wrap div{ color: #fff;}
.world_wrap .world_title{ color: #fff; font-family: 'ONE_Title'; font-size: 45px; margin-bottom: 30px;}
.world_wrap .world_contents{ font-size: 18px; color: #ddd;}


.main_wrap{position: relative;}
.bgc_img{position: absolute; z-index: -1;}
.bgc_img img{width: 100%;}
.bgc_img_right{right: 0;}

/* business_korean */

#business_korean{ background-image: url("../img/business_korean_bg.jpg")}

.bluegray_bg{background-color: #FCFCFF;}
.empowerment_wrap .title_wrap .sub_contents{width: 80%;}

.empowerment_list ul{display: flex; gap: 50px; margin-top: 70px;}
.empowerment_list ul li{display: flex; flex-direction: column; width: 50%; align-items: center;}
.empowerment_list ul li .img_empowerment{margin-bottom: 30px; border-radius: 15px; overflow: hidden; box-shadow: -10px 14px 44px 0px rgba(0, 0, 0, 0.10);} 
.empowerment_list ul li .img_empowerment img{width: 100%;} 
.empowerment_list ul li .empowerment_bedge{display: inline-block; padding: 5px 15px;color: var(--color-white); font-size: 30px; font-family: 'Pretendard_B';border-radius: 30px; text-align: center; width: 230px;margin: auto; }
.empowerment_list ul li .korean_bedge{background-color: #fa6b58;}
.empowerment_list ul li .books_bedge{background-color: #45C792;}
.empowerment_list ul li .empowerment_title{width: 100%; font-size: 24px; font-family: 'Pretendard_B'; margin-top: 35px;margin-bottom: 30px; }
.empowerment_list ul li .empowerment_contents{font-size: 18px;color: #555; }


.growth_wrap{position: relative; min-height: 800px; display: flex; justify-content: center; align-items: center;}
.growth_wrap .icon_img_wrap{position: absolute; z-index: -1;}
.growth_wrap .icon_img_wrap.blur{filter: blur(3px);}
.growth_wrap .icon_img_wrap.icon_1{right: 10%; top: 30%;}
.growth_wrap .icon_img_wrap.icon_2{left: 23%; top: 52%;}
.growth_wrap .icon_img_wrap.icon_3{left: 33%; bottom: 10%;}
.growth_wrap .icon_img_wrap.icon_4{right: 23%; bottom: 6%;}
.growth_wrap .icon_img_wrap.icon_5{top: 10%; right: 25%;}
.growth_wrap .icon_img_wrap.icon_6{top: 20%; left: 30%;}
.growth_wrap .icon_img_wrap.icon_7{top: 33%; left: 24%;}
.growth_wrap .icon_img_wrap.icon_8{top: 6%; right: 14%;}
.growth_wrap .icon_img_wrap.icon_9{top: 3%; left: 40%;}
.growth_wrap .icon_img_wrap.icon_9 img{width: 40px;}
.growth_wrap .icon_img_wrap.icon_10{bottom: 15%; right: 5%;}
.growth_wrap .icon_img_wrap.icon_10 img{width: 70px;}
.growth_wrap .icon_img_wrap.icon_11{bottom: 15%; left: 15%;}
.growth_wrap .icon_img_wrap.icon_11 img{width: 75px;}
.growth_wrap .icon_img_wrap.icon_12{top: 15%; left: 10%;}
.growth_wrap .icon_img_wrap.icon_12 img{width: 75px;}
.growth_wrap .icon_img_wrap.icon_13{top: 35%; right: 35%;}
.growth_wrap .icon_img_wrap.icon_13 img{width: 30px;}



.growth_wrap .icon_img_wrap.icon_1 { animation-duration: 2s; animation-delay: 0s; }
.growth_wrap .icon_img_wrap.icon_2 { animation-duration: 2.2s; animation-delay: 0.3s; }
.growth_wrap .icon_img_wrap.icon_3 { animation-duration: 1.8s; animation-delay: 0.1s; }
.growth_wrap .icon_img_wrap.icon_4 { animation-duration: 2.5s; animation-delay: 0.5s; }
.growth_wrap .icon_img_wrap.icon_5 { animation-duration: 2s; animation-delay: 0.2s; }
.growth_wrap .icon_img_wrap.icon_6 { animation-duration: 2.3s; animation-delay: 0.4s; }
.growth_wrap .icon_img_wrap.icon_7 { animation-duration: 1.9s; animation-delay: 0.1s; }
.growth_wrap .icon_img_wrap.icon_8 { animation-duration: 2.6s; animation-delay: 0.6s; }
.growth_wrap .icon_img_wrap.icon_9 { animation-duration: 2.1s; animation-delay: 0.2s; }
.growth_wrap .icon_img_wrap.icon_10 { animation-duration: 2.4s; animation-delay: 0.4s; }
.growth_wrap .icon_img_wrap.icon_11 { animation-duration: 2.3s; animation-delay: 0.3s; }
.growth_wrap .icon_img_wrap.icon_12 { animation-duration: 2s; animation-delay: 0.2s; }
.growth_wrap .icon_img_wrap.icon_13 { animation-duration: 2.5s; animation-delay: 0.5s; }


.growth_wrap .title_wrap{text-align: center;}
.growth_wrap .title_wrap .sub_title{line-height: 55px;}
.growth_wrap .title_wrap .sub_title span{ color: var(--color-Main-purple); font-family: 'Pretendard_B';}
.growth_wrap .title_wrap .sub_contents{margin-top: 50px; line-height: 30px;}

.business_korean_under{display: flex; align-items: center; justify-content: center; height: 600px; position: relative; background: url('../img/business_korean_under.png') no-repeat 50% 0 / cover;}
.business_korean_under .under_title {text-align: center;}
.business_korean_under .under_title p{font-size: 55px; font-family: 'Pretendard_B'; text-align: center; color: #fff;}
.business_korean_under .under_title .go_page{margin-top: 50px; font-size: 26px; color: #fff;line-height: 70px; background-color: #EA5152; width: 280px; display: inline-block; border-radius: 100px; height: 70px; font-family: 'Pretendard_M';}
/* .business_korean_under img{width: 100%;} */


@keyframes upDown {
  0% { transform: translate(-50%,0);  }
  50% { transform: translate(-50%,-10px); }
  100% { transform: translate(-50%,0); }
}

@keyframes upDown2 {
  0% { transform: translateY(0);  }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}


.bounce {
  animation: upDown 2s ease-in-out infinite;
}
.bounce2 {
  animation: upDown2 4s ease-in-out infinite;
}



@media screen and (max-width:1366px) {
  .inner {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
  }

  main {
    padding: 220px 0;
  }

  main h2,
  section.business ul.business_sum li .ltrt_wrap .lt_cont {
    font-size: 48px;
    padding-bottom: 20px;
  }

  main span,
  .cont_main,
  .tit_con {
    font-size: 28px;
  }

  .tit_main {
    font-size: 56px;
  }

  section {
    padding: 120px 0;
  }

  section.vision .inner .content p {
    font-size: 16px;
  }

  section.business .content {
    font-size: 18px;
  }

  section.traction ul.traction_sum li div {
    font-size: 42px;
  }

  section.traction p.year_mm {
    margin-top: 10px;
  }

  section.ai_elea {
    padding: 80px 0 40px;
  }

  section.ai_elea ul.tit_top {
    flex-flow: column;
    align-items: flex-start;
  }

  section.ai_elea ul.tit_top li:last-child {
    padding-top: 10px;
  }

  section.ai_elea ul.cont_wrap {
    margin: 40px 24px 0 0;
    width: 60%;
  }

  section.ai_elea .avatar_elea {
    width: 40%;
  }

  section.ai_elea .avatar_elea img {
    width: 110%;
    position: absolute;
    bottom: -40px;
  }

  .tit_main_large {
    font-size: 60px;
  }

  section.newsroom_wrap ul.newsroom li {
    margin-top: 40px;
  }

  .world_wrap{right: -10%; width: 450px;}
  .bgc_img{width: 30%;}
  .circle_1{left: 0px;}
  .circle_2{right: 50px;}
  .empowerment_list ul li .empowerment_bedge{font-size: 24px; width: 180px;}
  .introduction_wrap{margin-bottom: 120px;}


}

@media screen and (max-width:1024px) {

  .inner {
    max-width: 960px;
    width: 90%;
    margin: 0 auto;
    padding: 0 10px;
  }

  header {
    height: 50px;
  }

  header h1 {
    max-width: 140px;
  }

  main {
    background: url('../img/bg_main_large_tablet.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0 280px;
  }

  main h2 {
    line-height: 110%;
  }

  main span,
  .cont_main,
  .tit_con {
    font-size: 24px;
  }

  .tit_main {
    font-size: 52px;
  }

  main h2,
  section.business ul.business_sum li .ltrt_wrap .lt_cont {
    font-size: 40px;
  }

  .cont_main {
    line-height: 130%;
  }

  section.business ul.business_sum li .ltrt_wrap {
    align-items: flex-start;
    flex-flow: column;
    padding-right: 10px;
  }

  main h2,
  section.business ul.business_sum li .ltrt_wrap .lt_cont {
    padding-bottom: 10px;
  }

  section.business ul.business_sum li>span {
    display: block;
    float: right;
  }

  section.business ul.business_intro li .rt_cont_txt h3 {
    font-size: 26px;
  }

  section.business ul.business_intro li .rt_cont_txt h4 {
    margin-bottom: 30px;
  }

  .content {
    font-size: 16px;
  }

  section.traction ul.traction_sum {
    flex-wrap: wrap;
  }

  section.traction ul.traction_sum li {
    width: 48%;
    margin: 20px 0 0 0;

  }

  section.traction ul.traction_sum li:nth-child(odd) {
    margin-right: 10px;
  }

  section.traction ul.traction_sum li div {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px;
  }

  section.traction ul.traction_sum li div::after {
    right: -2px;
  }

  section.traction p.year_mm {
    font-size: 14px;
  }

  section .list_history .inner {
    flex-flow: column;
  }

  section.ai_elea .elea_cont {
    flex-flow: column-reverse;
  }

  section.ai_elea ul.tit_top {
    width: 100%;
  }

  section.ai_elea ul.cont_wrap {
    width: 100%;
    max-width: fit-content;
    margin: 40px 0;
  }

  section.ai_elea .avatar_elea {
    width: 100%;
    text-align: right;
    max-width: 100%;
  }

  section.ai_elea .avatar_elea img {
    width: 20%;
    right: 0;
  }

  .tit_main_large {
    font-size: 48px;
  }

  section.newsroom_wrap ul.newsroom li h3 {
    font-size: 18px;
  }

  footer h2 {
    max-width: 140px;
    padding: 34px 0 20px;
  }

  .topimg_section img{top: 0;}
  .main_title br{display: none;}
  .half_wrap {flex-direction: column; gap: 40px;}
  .half_wrap .left, .half_wrap .right{width: 100%;}
  .introduction_wrap{margin-bottom: 120px;}
  .value_list ul{flex-direction: column;}
  .title_wrap .sub_mtitle{margin-top: 10px; font-size: 20px;}
  .title_wrap .sub_contents{font-size: 18px;}
  .graph_wrap .balloon{font-size: 20px; right: 5px; font-size: 1rem;}
  .culture_list ul{flex-wrap: wrap;}
  .culture_list ul li{width: calc(50% - 20px);}
  .review_list ul{gap: 20px;}
  .review_list ul li{flex-direction: column; width: calc(50% - 10px);}
  .review_list ul li .review_contents{width: 100%;}
  .review_list ul li:nth-child(even){top: 0;}
  .ceo_right img{width: 100%;}
  .ceo_wrap{flex-direction:column-reverse;gap: 60px;}
  .ceo_left{width: 100%;}
  .ceo_right{border-radius:20px;  overflow: hidden;}
  .ceo_coment{display: block;}
  .marker{display: none;}
  .mobile_marker{display: flex;}
  .world_wrap{left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%;}
  .business_korean_under .under_title p{font-size: 36px;padding:0px 30px}
  .business_korean_under .under_title p br{display: none;}
  .business_korean_under .under_title .go_page{height: 50px; line-height: 50px;}
  .icon_1{display: none;}

}



@media screen and (max-width:768px) {

  .process_list ul{flex-wrap: wrap;}
  .process_list ul li{width: 45%;}
  .process_list ul li .process_list_text{justify-content: center;}
  .process_list ul li .process_list_text br{display: block;}
  .process_list ul li .process_list_text i{display: none;}
  .process_detail ul li{flex-wrap: wrap;}
  .process_detail ul li .detail_numbox{margin-right: 15px; width: 40px; height: 40px; font-size: 16px;}
  .process_detail ul li .detail_text{width: 100%; font-size: 18px; margin-top: 15px; padding-left: 55px;}
  .process_detail ul li .detail_title{width: calc(100% - 55px);}
  .process_detail .process_etc{font-size: 16px; padding: 15px;}
  .position_detail .position_list{width: 100%;}
  .position_detail ul li{font-size: 20px; padding-left: 20px;}
  .position_detail ul li::before{top: 10px;}
  .position_detail .position_list.non_margin{margin-bottom: 80px;}
  .go_page{flex-wrap: wrap;gap: 20px;}
  .go_page p{font-size: 20px;}
  .empowerment_list ul{flex-direction: column; gap: 80px;}
  .empowerment_list ul li{width: 100%;}
  .title_wrap .main_title{line-height: inherit;}
  .empowerment_wrap .title_wrap .sub_contents{width: 100%;}
  .growth_wrap .title_wrap .sub_title{line-height: inherit; font-size: 30px;}
  .icon_img_wrap{display: none;} 
  .icon_12,.blur{display: block;}
  .balloon {display: none;}

  .inner {
    width: 84%;
    /* max-width: 480px; */
  }

  main {
    background: url('../img/bg_main_medium_tablet.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 220px 0 260px;
  }

  main h2,
  .tit_main {
    font-size: 40px;
  }

  section {
    padding: 80px 0;
  }

  section.vision {
    padding: 120px 0 140px;
  }

  section.business ul.business_intro {
    width: 90%;
    margin: 40px auto;
  }

  section.business ul.business_sum {
    flex-flow: column;
    width: 80%;
    justify-content: center;
    margin: 58px auto 110px;
  }

  section.business ul.business_sum li {
    width: 100%;
    margin-bottom: 14px;
    padding: 12px 20px 12px 30px;
  }

  section.business ul.business_sum li .ltrt_wrap {
    align-items: flex-start;
    flex-flow: row;
  }

  section.business ul.business_sum li .ltrt_wrap .lt_cont {
    font-size: 48px;
  }

  section.business ul.business_intro li .rt_cont_txt h4 {
    margin-bottom: 20px;
  }

  section.business ul.business_intro li .rt_cont_txt a,
  section.ai_elea ul.tit_top li a {
    padding: 10px 20px;
    font-size: 13px;
  }

  section.business ul.business_intro li {
    flex-flow: column;
  }

  section.business ul.business_intro li .lt_cont_img {
    width: 100%;
    margin-right: 0;
  }

  section.business ul.business_intro li:nth-child(2) {
    flex-flow: column;
  }

  section.business ul.business_intro li:nth-child(2) .lt_cont_img {
    margin-right: 0;
    margin-left: 0;
  }

  section.business ul.business_intro li .rt_cont_txt {
    width: 100%;
    margin-top: 4px;
  }

  section.business ul.business_intro li .rt_cont_txt h3 {
    margin-bottom: 8px;
  }

  section.traction ul.traction_sum li {
    margin: 10px 0 0 0;
  }

  section.traction ul.traction_sum li span {
    font-size: 18px;
  }

  section.traction ul.traction_sum li div,
  .tit_point {
    font-size: 36px !important;
  }

  section.business ul.business_sum li:first-child .ltrt_wrap .lt_cont::after,
  section.traction ul.traction_sum li div::after {
    width: 16px;
    height: 16px;
    background-size: cover;
  }

  section.history .inner {
    flex-flow: column;
  }

  section.history .rt_cont .list_history li .data_year {
    font-size: 22px;
  }

  section.history .rt_cont .list_history li .data_cont {
    font-size: 15px;
  }

  section.history .lt_cont {
    width: 100%;
    margin-top: 20px;
  }

  section.history .rt_cont {
    width: 90%;
    margin: 20px auto 0;
  }

  .tit_main_large {
    display: none;
  }

  .tit_main_med {
    display: block;
    color: var(--color-Text-black);
    font-size: 40px;
    line-height: 120%;
    font-family: 'Pretendard_B';
    padding-top: 7px;
  }

  section.newsroom_wrap ul.newsroom {
    display: flex;
    flex-flow: column;
  }

  section.newsroom_wrap ul.newsroom li {
    width: 100%;
    margin: 40px 0;
  }

  .newsroom_btn {
    margin: 0 auto;
  }




}

@media screen and (max-width:640px) {
  main {
    padding: 140px 0 190px;
  }
  .title_wrap .main_title{font-size: 40px;}
  .img_blackbg .page_Title{font-size: 42px;}
  .img_blackbg .img_text_wrap .page_sub_text{font-size: 14px;}
  .culture_list ul li{width: 100%;}
  .review_list ul li{width: 100%;}
  .title_wrap .sub_title{font-size: 24px;}
  .img_sub_contents{font-size: 16px;}
  .company_img_detail{margin-top: 20px;}
  .black_Bg{    display: flex;align-items: center;justify-content: center;min-height: 609px;}
  .half_wrap{gap: 20px;}
  .introduction_detail{margin-top: 20px;}
}

@media screen and (max-width:480px) {


  .inner {
    width: 90%;
    max-width: 360px;
  }

  .content {
    font-size: 15px;
  }



  main {
    background: url('../img/bg_main_mobile.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0 300px;
  }

  section.ai_elea .avatar_elea {
    display: none;
  }

  main h2{
    font-size: 40px;
  }

  main span{
    display: inline-block;
    width: 90%;
  }

  .tit_main {
    font-size: 36px;
  }

  section.business {
    padding: 80px 0 0;
  }

  section.business .content {
    font-size: 16px;
  }

  section.business ul.business_sum {
    width: 100%;
  }

  section.business ul.business_intro li {
    margin-bottom: 40px;
  }

  section.business ul.business_intro li .rt_cont_txt h4 {
    font-size: 15px
  }

  section.traction .traction_img {
    margin: 20px 0 30px;
  }

  section.traction ul.traction_sum {
    margin-top: 10px;
  }

  section.traction ul.traction_sum li {
    width: 47%;
  }

  section.traction ul.traction_sum li div {
    padding-right: 14px;
  }

  section.traction ul.traction_sum li:nth-child(odd) {
    margin-right: 6%;
  }

  section.business ul.business_intro li .rt_cont_txt h3 {
    font-size: 22px;
  }

  section.traction ul.traction_sum li div,
  .tit_point {
    font-size: 28px !important;
  }

  .tit_main_med {
    font-size: 26px;
  }

  .tit_sub {
    font-size: 16px;
  }

  section.ai_elea ul.cont_wrap li {
    padding: 20px;
  }

  section.ai_elea ul.cont_wrap li p:last-child {
    font-size: 15px;
  }

  section.newsroom_wrap ul.newsroom li {
    margin: 30px 0 0;
  }

  section.newsroom_wrap ul.newsroom li h3 {
    font-size: 16px;
  }

  .newsroom_btn {
    margin: 20px auto 0;
  }

  footer ul.footer_info li {
    flex-flow: column;
    margin-bottom: 4px;
  }

  footer ul.footer_info li .lt_cont {
    padding-bottom: 2px;
  }

  footer .bottom_info {
    flex-flow: column;
    justify-content: center;
  }

  footer .bottom_info .ico_sns {
    width: 60%;
    justify-content: space-evenly;
    margin: 0 auto;
  }

  footer .bottom_info .ico_sns li {
    margin-left: 0;
  }

  .top_btn_visible {
    width: 42px;
    height: 42px;
    bottom: 20px;
    right: 20px;
    border: 1px solid var(--color-Text-GrayText);
  }

  .top_btn_visible img {
    width: 50%;
  }

  .img_blackbg{padding: 20px;}
  .graph_wrap .balloon{font-size: 14px;}
  .ceo_coment{left: 30%;}

  .process_detail ul li{flex-direction: column;align-items: flex-start; gap: 10px; padding: 30px 0;}
  .process_detail ul li .detail_text{padding-left: 0;}
  .world_wrap .world_title{text-align: center;}
  .world_wrap .world_contents{font-size: 14px; text-align: center;}

}


@media screen and (max-width:420px) {
  main {padding: 140px 0 220px;}
}









#gnb .sub_gnb li a:hover,
#gnb .sub_gnb li a.on{  background-color: var(--color-secondary); color: #fff;  }
#gnb > ul > li > a:hover + .sub_gnb,
#gnb > ul > li:hover > .sub_gnb,
#gnb .sub_gnb:hover{display:flex;}
#gnb > ul > li::after{content:""; position:absolute; left:0; right:0; top:78px; height:4px;}

#nav-m{display: none;}
#nav-m .sub_menu > li.elaverse {display: block;}
#nav-m .sub_menu > li > ul { display: none; }
/* 열림 상태에서 화살표 아이콘 회전 */
#nav-m .open_menu[data-filter="down"] i.xi-angle-down { transform: rotate(180deg); transition: transform .2s; }
/* 패널/백드롭 표시 제어 예시 */
#nav-m .nav-bg_black { display: none; }
#nav-m .nav-bg_black.on { display: block; }
body { overflow-x: hidden; }



@media screen and (max-width:1024px) {
  /*모바일 GNB*/

  /*모바일 gnb 관련*/
  nav{display: none;}
  header{height: 60px;}
  header .inner{height: 60px;}
  #visual {padding-top: 60px !important;}
  #nav-m{display: block;}
  #nav-m .hamberger i{ font-size: 30px; cursor: pointer; color: #fff}

  .nav-bg_black{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 6; background: #00000091; }
  .nav-bg{right: 0;position: absolute;width: 50vw;height: 100%;background-color: #fff;z-index: 100;display: flex;flex-direction: column;}
  
  .nav-bg .mo_menuClosed{text-align: right; padding: 20px 30px; }
  .nav-bg .mo_menuClosed i{font-size: 25px;cursor: pointer; padding: 5px;}
  .nav-bg ul{width: 100%;}
  .nav-bg ul li{ width: 100%; }
  .nav-bg ul li{ }
  .nav-bg ul li.open > a{transition: 0.3s; background-color: var(--color-Main-blue); color: #fff; font-family: 'Pretendard_B';}
  .nav-bg ul li.open > a i{color: #fff;}
  .nav-bg ul li a{align-items: center; display: flex;justify-content: space-between;padding: 15px 35px;width: 100%;font-size: 20px;font-family: 'Pretendard_M';}
  .nav-bg ul li a i{font-size: 20px;}

  .nav-bg ul li ul{ display: none;}
  .nav-bg ul li.open ul li{background-color: none;}
  .nav-bg ul li.open ul li{background-color: none;}
  .nav-bg ul li ul li{border-bottom: none;}
  .nav-bg ul li ul li a{font-size: 18px; padding-left: 50px; color: #999; transition: 0.3s;}
  .nav-bg ul li ul li a:hover{background-color: #ebecff; color: var(--color-Main-blue);}
  .nav-bg .lang{display: flex;align-items: center;justify-content: center;gap: 15px;padding-top: 11px;border-top: 1px solid #ededed;margin-top: auto;padding-bottom: 20px;}
  .nav-bg .lang a{ display: inline-block; padding: 8px 10px; border-radius: 5px;}
  .nav-bg .lang a.on{color: #fff;  padding: 8px 20px;border-radius: 5px;background:var(--color-Main-purple); #fff}
  .nav-bg .lang span{}

}