#header {
  box-shadow: none;
  background-color: transparent;
}
#header .logo {
  background: url(../images/common/svg/alchera_logo_w.png) 0 0 no-repeat;
  background-size: 100%;
}
#header .gnb_1depth > li > a > span {
  color: #fff;
}
#header .sel_lang_box .lang_tit {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
#header .sel_lang_box .lang_tit span:after {
  background-image: url(../images/common/bg_demo_arrow.png);
  background-position: 0 0;
}

#header.active {
  background-color: #fff;
}
#header.active .logo {
  background: url(../images/common/svg/alchera_logo.png) 0 0 no-repeat;
  background-size: 100%;
}
#header.active .gnb_1depth > li > a > span {
  color: #0c254b;
}

#header.active .sel_lang_box .lang_tit {
  color: #000;
  border: 1px solid #ddd;
}
#header.active .sel_lang_box .lang_tit span:after {
  background-image: url(../images/common/sp_ico_01.png);
  background-position: -10px -10px;
}

.visual_box {
  position: relative;
  height: 1080px;
  overflow: hidden;
  background: no-repeat 50% 50%;
  background-size: cover;
  text-align: center;
}
.visual_box .dim_main {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.kv_main_video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 1080px;
  transform: translate(-50%, -50%);
}
.txt_wrap {
  visibility: visible;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 1440px;
  color: #fff;
  text-align: left;
  font-size: 36px;
  opacity: 1;
  transform: translate(-50%, -50%);
  transition: all .5s;
}
.txt_wrap.step3{opacity: 0;visibility: hidden;}
.txt_wrap h1{margin-bottom: 40px;font-size: 32px;}
.txt_wrap_last{
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  line-height: 1.18;
  color: #fff;
  font-size: 120px;
  text-align: center;
  font-family: 'AvenirNextBold';
  opacity: 0;
  transform: translate(-50%, -50%);
}
.txt_wrap_last.active{visibility: visible;opacity: 1;}
/*  */
.txt_lotate {
  height: 164px;
  animation-timing-function: ease-in-out;
  animation-duration: .5s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform-origin: 82px 82px 0;
  animation-fill-mode: forwards;
}

.step1 .txt_lotate {-webkit-animation-name: txtRotate4;}
.step2 .txt_lotate {-webkit-animation-name: txtRotate3;}
.step3 .txt_lotate {-webkit-animation-name: txtRotate2;}
.step4 .txt_lotate {-webkit-animation-name: txtRotate1;}

.txt_lotate div[class*="title"]{
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  height: 164px;
  line-height: 1.18;
  text-align: left;
  font-family: 'AvenirNextBold';
  font-size: 120px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.txt_lotate div[class*="title"] span,
.txt_wrap_last span{
  display: inline-block;
  position: relative;
  margin-left: 20px;
}
.txt_lotate div[class*="title"] span:before,
.txt_wrap_last span:before{
  content: '';
  position: absolute;
  top: 0;
  left: -33px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: #406eff;
  z-index: -1;
}
.txt_lotate .title1 {
  transform: rotateX(270deg) translateZ(82px);
}
.txt_lotate .title1 em {
  letter-spacing: 5px;
}
.txt_lotate .title2 {
  transform: rotateX(180deg) translateZ(82px);
}
.txt_lotate .title3 {
  transform: rotateX(90deg) translateZ(82px);
}
.txt_lotate .title4 {
  transform: translateZ(82px);
}
.ico_scroll {
  position: absolute;
  bottom: 70px;
  left: 50%;
  width: 43px;
  height: 62px;
  background: url(../images/index/svg/ico_kv_scroll.png) 50% 50% no-repeat;
  background-size: 100%;
  transform: translateX(-50%);
  animation:scrolldown 0.5s ease-in infinite alternate;
}

@keyframes scrolldown{
  0%{transform:translate(0, 0)}
  100%{transform:translate(0, 15px)}
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .txt_lotate div[class*="title"] {
    opacity: 0;
    transition: all 1s;
    transform: translateZ(82px);
  }
  .txt_lotate div.title4 {
    opacity: 1;
    transform: rotateX(0) translateZ(82px);
  }
  .txt_wrap.step1 .txt_lotate div.title1,
  .txt_wrap.step2 .txt_lotate div.title2 {
    opacity: 1;
    transform: rotateX(0) translateZ(82px);
  }
  .txt_wrap.step1 .txt_lotate div.title4,
  .txt_wrap.step2 .txt_lotate div.title4 {
    opacity: 0;
  }
}

@keyframes txtRotate4 {
  from, to {transform: rotateX(0deg);}
  100% {transform: rotateX(90deg);}
}
@keyframes txtRotate3 {
  from, to {transform: rotateX(90deg);}
  100% {transform: rotateX(180deg);}
}
@keyframes txtRotate2 {
  from, to {transform: rotateX(180deg);}
  100% {transform: rotateX(270deg);}
}
@keyframes txtRotate1 {
  from, to {transform: rotateX(270deg);}
  100% {transform: rotateX(360deg);}
}


@media only screen and (max-width: 1920px) and (min-width: 1441px) {
  .kv_main_video{min-height: 56.2500vw;}
}
@media only screen and (max-width: 1440px) and (min-width: 768px) {
  #header .sel_lang_box .lang_tit span:after {
    background-size: 0.6944vw 0.4167vw;
  }
  #header.active .sel_lang_box .lang_tit span:after {
    width:0.6944vw;height: 0.4167vw;
    background-image: url(../images/common/sp_ico_01.png);
    background-position: -0.6944vw -0.6944vw;
    background-size: 31.2500vw 3.0556vw;
  }
  .visual_box {
    height: 75vw;
  }
  .kv_main_video {
    min-height: 75vw;
    height: 75vw;
  }

  .txt_wrap {
    padding: 0 1.3889vw;
    font-size: 2.5000vw;
  }
  .txt_wrap h1{
    margin-bottom: 2.7778vw;
    font-size: 2.2222vw;}
  .txt_wrap_last{
    font-size: 8.3333vw;
  }
  /*  */
  .txt_lotate {
    height: 11.3889vw;
    transform-origin: 5.6944vw 5.6944vw 0;
  }

  .txt_lotate div[class*="title"]{top: 0;
    height: 11.3889vw;
    line-height: 1.18;
    font-size: 8.3333vw;
  }
  .txt_lotate div[class*="title"] span,
  .txt_wrap_last span{
    margin-left: 1.3889vw;
  }
  .txt_lotate div[class*="title"] span:before,
  .txt_wrap_last span:before{
    left: -2.2917vw;
    width: 9.7222vw;
    height: 9.7222vw;
  }
  .txt_lotate .title1 {
    transform: rotateX(270deg) translateZ(5.6944vw);
  }
  .txt_lotate .title2 {
    transform: rotateX(180deg) translateZ(5.6944vw);
  }
  .txt_lotate .title3 {
    transform: rotateX(90deg) translateZ(5.6944vw);
  }
  .txt_lotate .title4 {
    transform: translateZ(5.6944vw);
  }

}

/* main contents */
.para_wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.para_container {
  width: 100%;
}

.para_wrap.fixed .para_container {
  position: fixed;
  z-index: 1;
}
.para_wrap.complate .para_container {
}

.content_wrap .txt_box {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}
.content_wrap .txt_box .con_tit {
  font-size: 48px;
  line-height: 1.42;
  font-family: "AvenirNextBold";
}
.content_wrap .txt_box .con_txt {
  margin-top: 40px;
  color: #546681;
  font-size: 18px;
  line-height: 1.56;
}
.content_wrap .para_wrap {
  position: relative;
}
.dep01_tit01 + .g_txt01 {
  margin-top: 40px;
}

/*  */
.con_reality {
  max-width: 1440px;
  margin: 0 auto;
  padding: 200px 0 0;
  color: #0c254b;
  text-align: center;
}
.con_reality .dep01_tit01 {

}
.con_reality .dep01_tit01 span {
  color: #17468d;
}
.con_reality .list_item {
  display: flex;
  margin-top: 100px;
}
.con_reality .list_item:after {
  content: '';
  display: block;
  clear: both;
}
.con_reality .item {
  float: left;
  width: calc((100% - 120px) / 3);
  height: auto;
  border-radius: 20px;
  box-shadow:0 5px 15px 0 rgba(12, 37, 75, 0.15);
}
.con_reality .item + .item {
  margin-left: 60px;
}
.con_reality .item dl {
  padding: 48px 50px;
}
.con_reality .item dl:before {
  content: '';
  display: block;
  width: 80px;
  height: 65px;
  margin: 0 auto 20px;
}
.con_reality .item:nth-child(1) dl:before {
  background: url(../images/main/info_icon01.png) 0 0 no-repeat;
  background-size: 100%;
}
.con_reality .item:nth-child(2) dl:before {
  background: url(../images/main/info_icon02.png) 0 0 no-repeat;
  background-size: 100%;
}
.con_reality .item:nth-child(3) dl:before {
  background: url(../images/main/info_icon03.png) 0 0 no-repeat;
  background-size: 100%;
}
.con_reality .item dt {
  font-size: 20px;
  font-family: 'NotoSansKRBold';
  line-height: 1.54;
}
.con_reality .item dt span {
  font-size: 56px;
  font-family: 'AvenirNextBold';
  color: #1c4ab4;
}
.con_reality .item dd {
  margin-top: 30px;
  font-family: 'NotoSansKRRegular';
}
.con_reality .item dd p {
  color: #546681;
  font-family: 'NotoSansKRLight';
}

.con_reality .list_awards {
  display: flex;
  margin-top: 80px;
  border-radius: 20px;
  background-color: #f8f8f8;
}
.con_reality .list_awards:after {
  content: '';
  display: block;
  clear: both;
}
.con_reality .list_awards dl {
  float: left;
  width: calc(100% / 3);
  padding: 33px 0;
}
.con_reality .list_awards dl + dl {
  border-left: 1px solid #ced3db;
}
.con_reality .list_awards dd {
  color: #1c4ab4;
}
.con_reality .list_awards dt,
.con_reality .list_awards dd{font-family: 'NotoSansKRRegular';}
.btn_company_more {
  margin-top: 80px;
}

/* technology */
.content_wrap .con_technology {
  max-width: 1440px;
  margin: 0 auto;
  padding: 200px 0 0;
}
.content_wrap .visual_ai_layer {
  position: relative;
  margin-top: 100px;
  overflow: hidden;
}
.content_wrap .visual_ai_layer .visual_item .pos_left{
  width: 520px;
  max-height: 230px;
  /* transform: translateY(250px); */
  overflow: hidden;
  /* -webkit-animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: forwards;
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-iteration-count: forwards; */
}
/* .content_wrap .visual_ai_layer .visual_item.active .pos_left{
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
} */


.pos_left dl dt{
  opacity: 0;
  transition: all .1s;
}
.pos_left dl dd{
  visibility: hidden;
  height: 0;
  opacity: 0;
  transform: translateY(100px);
  transition: all .5s;
}
.content_wrap .visual_item + .visual_item {
  margin-top: 100px;
}
.content_wrap .visual_item.active {

}
.content_wrap .visual_item .pos_left {
  position: absolute;
  top: 206px;
  left: 0;
  width: 38%;
}
.content_wrap .visual_item .al_image {
  position: relative;
  width: 700px;
  /* height: 740px; */
  margin-left: 680px;
  border-radius: 20px;
  overflow: hidden;
}
.content_wrap .visual_item.step_2 .al_image,
.content_wrap .visual_item.step_3 .al_image {
  width: 540px;
  height: 610px;
}
.content_wrap .visual_item .al_image video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 740px;
  transform: translate(-50%, -50%);
}
.content_wrap .visual_item .al_image .img_scroll {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  opacity: 0;
}
.content_wrap .visual_item dt {
  color: #1c4ab4;
  font-size: 28px;
  line-height: 1.36;
  font-family: "AvenirNextBold";
}
.content_wrap .visual_item dt + dd {
  margin-top: 20px;
}
.content_wrap .visual_item dd {
  font-size: 18px;
  line-height: 1.56;
}
.content_wrap .visual_item dd:last-child {
  margin-top: 60px;
}


@media only screen and (min-width: 768px) {
  .content_wrap .visual_ai_layer.fixed .visual_item .pos_left{
    position: fixed;
    top: 210px;
    left: 50%;
    margin-left: -720px;
  }
  .content_wrap .visual_ai_layer.complate .visual_item .pos_left{
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    margin-left: 0;
  }
  .active .pos_left dl dt{
    opacity: 1;
  }
  .complate .step_2 .pos_left dl dd,
  .active .pos_left dl dd{
    visibility: visible;
    height: 100%;
    transform: translateY(0);
    opacity: 1;
  }
}

.content_wrap .con_industries {
  max-width: 1920px;
  margin: 0 auto;
  padding: 200px 0 0;
}
.content_wrap .con_industries_tab {
  max-width: 1450px;
  margin: 80px auto 60px;
  text-align: center;
}
.content_wrap .con_industries_tab .btn_slide {
  display: inline-block;
  width: auto !important;
  margin: 0 13px;
  font-size: 18px;
  line-height: 1.42;
  cursor: pointer;
}
/* .content_wrap .con_industries_tab .btn_slide + .btn_slide{margin-left: 70px;} */
.content_wrap .con_industries_tab .btn_slide.active {
  color: #406eff;
  font-weight:bold
}
.content_wrap .con_industries_tab .btn_slide span {
  position: relative;
  display: inline-block;
  padding: 0 10px 10px;
}
.content_wrap .con_industries_tab .btn_slide.active span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #406eff;
}

.content_wrap .con_industries_swiper {
  position: relative;
  overflow: hidden;
}
.content_wrap .con_industries_swiper .swiper-slide > img {
  /* width: 960px;
  max-width: 960px; */
  border-radius: 20px;
}
.content_wrap .con_industries_swiper .item_box {
  position: absolute;
  top: 50%;
  left: 70px;
  width: 340px;
  padding: 40px 30px;
  color: #fff;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  transform: translateY(-50%);
}
.content_wrap .con_industries_swiper .item_box:before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
}
.content_wrap .con_industries_swiper .item_box.icon01:before {
  background: url(../images/index/svg/micon01.png) 0 0
    no-repeat;
  background-size: 100%;
}
.content_wrap .con_industries_swiper .item_box.icon02:before {
  background: url(../images/index/svg/micon02.png) 0 0
    no-repeat;
  background-size: 100%;
}
.content_wrap .con_industries_swiper .item_box.icon03:before {
  background: url(../images/index/svg/micon03.png) 0 0
    no-repeat;
  background-size: 100%;
}
.content_wrap .con_industries_swiper .item_box.icon04:before {
  background: url(../images/index/svg/micon04.png) 0 0
    no-repeat;
  background-size: 100%;
}
.content_wrap .con_industries_swiper .item_box.icon05:before {
  background: url(../images/index/svg/micon05.png) 0 0
    no-repeat;
  background-size: 100%;
}
.content_wrap .con_industries_swiper .item_box.icon06:before {
  background: url(../images/index/svg/micon06.png) 0 0
    no-repeat;
  background-size: 100%;
}
.content_wrap .con_industries_swiper .item_box.icon07:before {
  background: url(../images/index/svg/micon07.png) 0 0
    no-repeat;
  background-size: 100%;
}
.content_wrap .con_industries_swiper .item_box.icon08:before {
  background: url(../images/index/svg/micon08.png) 0 0
    no-repeat;
  background-size: 100%;
}
.content_wrap .con_industries_swiper .item_box.icon09:before {
  background: url(../images/index/svg/micon09.png) 0 0
    no-repeat;
  background-size: 100%;
}

.content_wrap .con_industries_swiper .item_box.icon10:before {
  background: url(../images/index/svg/micon10.png) 0 0
    no-repeat;
  background-size: 100%;
}
.content_wrap .con_industries_swiper .item_box.icon11:before {
  background: url(../images/index/svg/micon11.png) 0 0
    no-repeat;
  background-size: 100%;
}
.content_wrap .con_industries_swiper .item_box.icon12:before {
  background: url(../images/index/svg/micon12.png) 0 0
    no-repeat;
  background-size: 100%;
}
.content_wrap .con_industries_swiper .item_box .btn_txt_more:hover span{color:#fff}
.content_wrap .con_industries_swiper .item_box .btn_txt_more:hover span:after{
    background-image: url(../images/common/svg/btn_more_hover_02.png)
}

.content_wrap .con_industries_swiper .item_box dt {
  margin: 30px 0 15px;
  font-size: 24px;
  line-height: 1.42;
  font-family: "AvenirNextDemiBold";
}
.content_wrap .con_industries_swiper .item_box dd {
  font-size: 18px;
  line-height: 1.56;
  opacity: 0.8;
}
.content_wrap .con_industries_swiper .item_box .btn_txt_more {
  margin-top: 60px;
}
.content_wrap .con_industries_swiper .btn_swiper {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  background-size: 100%;
  z-index: 1;
  cursor: pointer;
}
.content_wrap .con_industries_swiper .swiper-prev {
  left: 50%;
  margin-left: -12px;
  background: url(../images/common/svg/btn_swiper_prev.png) 0 0
    no-repeat;
  transform: translateX(-526px);
}
.content_wrap .con_industries_swiper .swiper-prev:hover{
    background: url(../images/common/svg/btn_swiper_prev_hover.png) 0 0
    no-repeat;
    background-size: 100%;
}
.content_wrap .con_industries_swiper .swiper-next {
  right: 50%;
  margin-right: -12px;
  background: url(../images/common/svg/btn_swiper_next.png) 0 0
    no-repeat;
  transform: translateX(526px);
}
.content_wrap .con_industries_swiper .swiper-next:hover{
    background: url(../images/common/svg/btn_swiper_next_hover.png) 0 0
    no-repeat;
    background-size: 100%;
}
/* con_news_blog */
.content_wrap .con_news_blog {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  padding: 200px 0 0;
}
.content_wrap .con_news_blog .con_tit {
  font-size: 48px;
  line-height: 1.42;
  font-family: "AvenirNextBold";
}
.content_wrap .con_news_blog .list {
  margin-top: 40px;
}
.content_wrap .con_news_blog .list li {
  position: relative;
  height: 66px;
  line-height: 64px;
  border-top: 1px solid #ced3db;
}
.content_wrap .con_news_blog .list li:last-child {
  border-bottom: 1px solid #ced3db;
}
.content_wrap .con_news_blog .list li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 17px;
  height: 17px;
  transform: translateY(-50%);
  background: url(../images/common/svg/bl_news_list.png) 0 0
    no-repeat;
  background-size: 100%;
}
.content_wrap .con_news_blog .list li:hover:after {
  background: url(../images/common/svg/bl_news_list_hover.png) 0 0 no-repeat;
  background-size: 100%;
}
.content_wrap .con_news_blog .list li .new {
  display: inline-block;
  height: 30px;
  margin-right: 13px;
  padding: 0 11px;
  line-height: 30px;
  color: #406eff;
  font-size: 14px;
  border-radius: 40px;
  border: 1px solid #406eff;
}
.content_wrap .con_news_blog .list li a {
  display: inline-block;
  width: 500px;
  color: #546681;
  font-size: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  vertical-align: middle;
}
.content_wrap .con_news_blog .news {
  float: left;
  width: 47.24%;
}
.content_wrap .con_news_blog .blog {
  float: right;
  width: 47.24%;
}
.content_wrap .con_news_blog .dep01_tit01 {
  width: 100%;
}
.content_wrap .con_news_blog .btn_txt_more {
  margin-top: 40px;
}

/* con_news_blog_kr */
.con_news_blog_kr {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  padding: 200px 0 0;
  text-align: center;
}
.con_news_blog_kr .news_list {
  position: relative;
  margin-top: 100px;
  padding: 0 50px;
}
.con_news_blog_kr .news_card_type {
  max-width: 300px;
  border-radius: 20px;
  box-shadow:0 5px 15px 0 rgba(12, 37, 75, 0.15);
  overflow: hidden;
}
.con_news_blog_kr .news_card_type .thumb_box {
  /* height: 200px; */
  overflow: hidden;
}
.con_news_blog_kr .news_card_type .info_box {
  padding: 40px;
  text-align: left;
}
.con_news_blog_kr .news_card_type .category {
  color: #1c4ab4;
  font-family: 'AvenirNextDemiBold';
}
.con_news_blog_kr .news_card_type .subject {
  min-height: 103px;
  margin-top: 30px;
  color: #0c254b;
  font-family: 'NotoSansKRMedium';
  font-weight: 500;
  line-height: 1.89;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.con_news_blog_kr .news_card_type:hover .subject {
  color: #406eff !important;
}
.con_news_blog_kr .news_card_type .subject.new:before {
  content: 'new';
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin-right: 12px;
  padding: 0 8px;
  color: #406eff;
  font-size: 10px;
  font-family: 'AvenirNextMedium';
  text-align: center;
  border-radius: 40px;
  border: 1px solid #406eff;
  vertical-align: middle;
  margin-top:-2px
}
.con_news_blog_kr .news_card_type .date {
  margin-top: 20px;
  color: #0c254b;
  font-size: 16px;
}
.con_news_blog_kr .btn_news_more {
  margin-top: 80px;
}
.con_news_blog_kr .btn_swiper {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  cursor: pointer;
}
.con_news_blog_kr .news_swiper {
  position: static;
  padding: 10px 10px 20px;
  overflow: hidden !important;
}
.con_news_blog_kr .swiper-prev {
  left: 0;
  background: url(../images/common/svg/btn_swiper_prev.png) 0 0
    no-repeat;
}
.con_news_blog_kr .swiper-prev:hover{
    background: url(../images/common/svg/btn_swiper_prev_hover.png) 0 0
    no-repeat;
    background-size: 100%;
}
.con_news_blog_kr .swiper-next {
  right: 0;
  background: url(../images/common/svg/btn_swiper_next.png) 0 0
    no-repeat;
}
.con_news_blog_kr .swiper-next:hover {
  right: 0;
  background: url(../images/common/svg/btn_swiper_next_hover.png) 0 0
    no-repeat;
  background-size: 100%;
}

/* partners */
.content_wrap .con_partners {
  padding: 200px 0;
  text-align: center;
  overflow: hidden;
}
.content_wrap .con_partners .dep01_tit01 {
}
.content_wrap .con_partners .partners_swiper {
  margin-top: 180px;
}

.content_wrap .banner_wrap02 {
  height: auto;
  padding: 110px 0 154px;
  color: #fff;
  border-bottom: 1px solid rgba(12, 37, 75, 0.2);
  background-color: #335fe8;
}
.content_wrap .banner_wrap02 .vertical_c {
  max-width: 752px;
}
.content_wrap .banner_wrap02 .vertical_c:before {
  content: "";
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  background: url(../images/index/svg/svg_contactus.png) 0 0 no-repeat;
  background-size: 100%;
}
.content_wrap .banner_wrap02 .vertical_c .g_tit01 {
  margin-bottom: 60px;
  color: #fff;
}

/* swiper motion01 : liner */
.swiper-container.motion01 .swiper-wrapper {
  transition-duration: 5000ms;
  transition-timing-function: linear;
} /*흐르는 모션*/
.swiper-container.motion01 {
  overflow: inherit;
}
.swiper-container.motion01 .swiper-slide {
  width: auto !important;
}
.swiper-container.motion01 .swiper-slide img {
  display: block;
}
.swiper-container.motion01 .swiper-slide img + img {
  margin-top: 100px;
}

/* kv tit cuve test */
@media only screen and (max-width: 1920px) and (min-width: 768px) {
  .content_wrap .con_industries {
    padding: 10.4167vw 0 0;
  }
  .content_wrap .con_industries_swiper .swiper-slide > img {
    /* width: 62.5vw;
    max-width: 62.5vw; */
    border-radius: 1.3889vw;
  }

  .content_wrap .con_industries_swiper .item_box {
    left: 3.6458vw;
    padding: 2.0833vw 1.5625vw;
    border-radius: 0.5208vw;
  }
  .content_wrap .con_industries_swiper .item_box dt {
    margin: 1.5625vw 0 0.7813vw;
  }
  .content_wrap .con_industries_swiper .item_box .btn_txt_more {
    margin-top: 3.125vw;
  }

  .content_wrap .con_industries_swiper .btn_swiper {
    width: 2.0833vw;
    height: 2.0833vw;
    margin-top: -0.625vw;
    background-size: 100%;
  }
  .content_wrap .con_industries_swiper .swiper-prev {
    margin-left: -0.625vw;
    transform: translateX(-27.3958vw);
  }
  .content_wrap .con_industries_swiper .swiper-next {
    margin-right: -0.625vw;
    transform: translateX(27.3958vw);
  }
}

@media only screen and (max-width: 1440px) and (min-width: 768px) {
  .ico_scroll {
    bottom: 4.8611vw;
    width: 2.9861vw;
    height: 4.3056vw;
  }

  .swiper01 .swiper-slide > img {
    width: 15.2778vw;
  }

  .content_wrap .txt_box {
    max-width: 66.6667vw;
  }
  .content_wrap .txt_box .con_tit {
    font-size: 3.3333vw;
  }
  .content_wrap .txt_box .con_txt {
    margin-top: 2.7778vw;
    font-size: 1.25vw;
  }

  .dep01_tit01 + .g_txt01 {
    margin-top: 2.7778vw;
  }
  
  /* reality */
  .con_reality {
    max-width: 100.0000vw;
    padding: 13.8889vw 0 0;
  }
  .con_reality .list_item {
    margin-top: 6.9444vw;
  }
  .con_reality .item {
    width: calc((100% - 8.3333vw) / 3);
  }
  .con_reality .item + .item {
    margin-left: 4.1667vw;
  }
  .con_reality .item dl {
    padding: 3.3333vw 3.4722vw;
  }
  .con_reality .item dl:before {
    width: 4.1667vw;
    height: 4.1667vw;
    margin: 0 auto 1.3889vw;
  }
  .con_reality .item dt {
    font-size: 1.3889vw;
  }
  .con_reality .item dt span {
    font-size: 3.8889vw;
  }
  .con_reality .item dd {
    margin-top: 2.0833vw;
  }
  .con_reality .list_awards {
    margin-top: 5.5556vw;
  }
  .con_reality .list_awards dl {
    padding: 2.2917vw 0;
  }
  .btn_company_more {
    margin-top: 5.5556vw;
  }

  /* technology */
  .content_wrap .con_technology {
    padding: 13.8889vw 3.125vw 0;
  }
  .content_wrap .visual_ai_layer {
    margin-top: 6.9444vw;
  }
  .content_wrap .visual_item .al_image {
    width: 48.6111vw;
    /* height: 51.3889vw; */
    margin-left: 44.2222vw;
    border-radius: 1.3889vw;
    
  }
  .content_wrap .visual_item.step_2 .al_image,
  .content_wrap .visual_item.step_3 .al_image {
    width: 37.5000vw;
    height: 42.3611vw;
  }
  .content_wrap .visual_item .al_image video {
    height: 51.3889vw;
  }
  .content_wrap .visual_item dt {
    font-size: 1.9444vw;
  }
  .content_wrap .visual_item dd {
    font-size: 1.25vw;
  }
  .content_wrap .visual_item dd:last-child {
    margin-top: 4.1667vw;
  }
  .content_wrap .visual_ai_layer .visual_item .pos_left{
    top: 14.3056vw;
    width: 36.1111vw;
  }
  .content_wrap .visual_ai_layer .visual_item.active .pos_left{
    
  }
  .content_wrap .visual_ai_layer.fixed .visual_item .pos_left{
    top: 14.5833vw;
    left: 50%;
    margin-left: -46.4000vw;
  }
  .content_wrap .visual_ai_layer.complate .visual_item .pos_left{

  }
  .content_wrap .con_industries {
    max-width: 133.3333vw;
    padding: 13.8889vw 0 0;
  }
  .content_wrap .con_industries_tab {
    max-width: 55.5556vw;
    margin: 5.5556vw auto 4.1667vw;
  }
  .content_wrap .con_industries_tab .btn_slide {
    margin: 0 2.4306vw;
    font-size: 1.6667vw;
  }
  .content_wrap .con_industries_tab .btn_slide span {
    padding: 0 0.6944vw 0.6944vw;
  }
  .content_wrap .con_industries_tab .btn_slide.active span:after {
    height: 0.0694vw;
  }

  .content_wrap .con_industries_swiper .swiper-slide > img {
    width: 100%;
    max-width: 100%;
    border-radius: 1.3889vw;
  }
  .content_wrap .con_industries_swiper .item_box {
    width: 23.6111vw;
  }
  .content_wrap .con_industries_swiper .item_box:before {
    width: 4.1667vw;
    height: 4.1667vw;
  }
  .content_wrap .con_industries_swiper .item_box dt {
    font-size: 1.6667vw;
  }
  .content_wrap .con_industries_swiper .item_box dd {
    font-size: 1.25vw;
  }
  .content_wrap .con_news_blog {
    padding: 13.8889vw 3.125vw 0;
  }
  .content_wrap .con_news_blog .con_tit {
    font-size: 3.3333vw;
  }
  .content_wrap .con_news_blog .list {
    margin-top: 2.7778vw;
  }
  .content_wrap .con_news_blog .list li {
    height: 4.5833vw;
    line-height: 4.4444vw;
  }
  .content_wrap .con_news_blog .list li:after {
    width: 1.1806vw;
    height: 1.1806vw;
  }
  .content_wrap .con_news_blog .list li .new {
    height: 2.0833vw;
    margin-right: 0.9028vw;
    padding: 0 0.7639vw;
    line-height: 2.0833vw;
    font-size: 0.9722vw;
    border-radius: 2.7778vw;
  }
  .content_wrap .con_news_blog .list li a {
    width: 34.7222vw;
    font-size: 1.3889vw;
  }
  .content_wrap .con_news_blog .btn_txt_more {
    margin-top: 2.7778vw;
  }
  .con_news_blog_kr .news_card_type .info_box {
    padding: 2.7778vw;
  }
  .con_news_blog_kr .news_card_type .subject {
    min-height: 7.1528vw;
    margin-top: 2.0833vw;
  }
  .con_news_blog_kr .news_card_type .subject.new:before {
    height: 1.5278vw;
    line-height: 1.5278vw;
    margin-right: 0.8333vw;
    padding: 0 0.5556vw;
    font-size: 0.6944vw;
    border-radius: 2.7778vw;
    border: 0.0694vw solid #406eff;
    margin-top:-0.1389vw
  }
  .con_news_blog_kr .news_card_type .date {
    margin-top: 1.3889vw;
    font-size: 1.1111vw;
  }
  .content_wrap .con_partners {
    padding: 13.8889vw 0;
  }
  .content_wrap .con_partners .dep01_tit01 {
    font-size: 3.3333vw;
    line-height: 4.7222vw;
  }
  .content_wrap .con_partners .partners_swiper {
    margin-top: 12.5vw;
  }
  .content_wrap .con_partners .swiper-slide > img {
    width: 15.2778vw;
  }
  .content_wrap .con_partners .swiper-slide img + img {
    margin-top: 6.9444vw;
  }

  .content_wrap .banner_wrap02 {
    padding: 7.6389vw 0 10.6944vw;
  }
  .content_wrap .banner_wrap02 .vertical_c {
    max-width: 52.2222vw;
  }
  .content_wrap .banner_wrap02 .vertical_c:before {
    width: 5.5556vw;
    height: 5.5556vw;
    margin-bottom: 0.6944vw;
  }
  .content_wrap .banner_wrap02 .vertical_c .g_tit01 {
    margin-bottom: 4.1667vw;
  }
}
@media only screen and (max-width: 960px) and (min-width: 768px) {
  .content_wrap .con_industries {
    max-width: 133.3333vw;
    padding: 13.8889vw 3.125vw 0;
  }
}
@media only screen and (max-width: 767px) {
  #header {
    background-color: #fff;
  }
  #header .logo {
    background-image: url(../images/common/svg/alchera_logo.png);
  }
  #header .gnb_1depth > li > a > span {
    color: #0c254b;
  }

  .visual_box {
    height: 760px;
  }
  .kv_main_video {
    height: 760px;
    min-height: 760px;
  }

  .txt_wrap {
    left: 20px;
    width: 100%;
    transform: translateX(0);
  }
  .txt_wrap h1 {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .txt_lotate {
    height: 64px;
    animation-timing-function: ease-in-out;
    animation-duration: .5s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform-origin: 32px 32px 0;
    animation-fill-mode: forwards;
  }
  .txt_lotate .title1 {
    transform: rotateX(270deg) translateZ(32px);
  }
  .txt_lotate .title2 {
    transform: rotateX(180deg) translateZ(32px);
  }
  .txt_lotate .title3 {
    transform: rotateX(90deg) translateZ(32px);
  }
  .txt_lotate .title4 {
    transform: translateZ(32px);
  }
  .txt_lotate div[class*="title"] {
    height: 64px;
    font-size: 44px;
  }
  .txt_lotate div[class*="title"] span,
  .txt_wrap_last span {
    margin-left: 10px;
  }
  .txt_lotate div[class*="title"] span:before, 
  .txt_wrap_last span:before {
    left: -13px;
    width: 56px;
    height: 56px;
  }
  .txt_wrap_last {
    font-size: 44px;
  }

  .content_wrap {
    padding: 0 20px;
  }
  .content_wrap.fixed .para_scroll_container,
  .content_wrap.bottom .para_scroll_container {
    position: static;
  }
  .content_wrap .para_wrap {
    height: auto;
  }
  .dep01_tit01 + .g_txt01 {
    margin-top: 30px;
  }
  /* reality */
  .con_reality {
    padding: 100px 0 0;
  }
  .con_reality .dep01_tit01 span {
    color: inherit;
  }
  .con_reality .list_item {
    display: block;
    margin-top: 40px;
  }
  .con_reality .item {
    width: 100%;
  }
  .con_reality .item + .item {
    margin: 30px 0 0 0;
  }
  .con_reality .item dl {
    padding: 40px 30px;
  }
  .con_reality .item dl:before {
    width: 40px;
    height: 40px;
    margin: 0 auto 20px;
  }
  .con_reality .item dt span {
    font-size: 36px;
  }
  .con_reality .item dd p {
    margin-top: 13px;
  }

  .con_reality .list_awards {
    display: block;
    margin-top: 30px;
    padding: 50px;
    border-radius: 20px;
    box-shadow:0 5px 15px 0 rgba(12, 37, 75, 0.15);
  }
  .con_reality .list_awards dl {
    width: 100%;
    padding: 0 0 40px;
  }
  .con_reality .list_awards dl:last-child {
    padding-bottom: 0;
  }
  .con_reality .list_awards dl + dl {
    padding-top: 40px;
    border-top: 1px solid #ced3db;
    border-left: 0;
  }
  .con_reality .list_awards dt {
    font-size: 16px;
  }
  .btn_company_more {
    margin-top: 38px;
  }
  .content_wrap .con_technology {
    padding: 100px 0 0;
  }
  .content_wrap .visual_ai_layer {
    margin-top: 40px;
  }
  .content_wrap .visual_item {
    position: static;
    visibility: visible;
    opacity: 1;
  }
  .content_wrap .visual_item + .visual_item {
    margin-top: 80px;
  }
  .content_wrap .visual_item dt {
    font-size: 20px;
    opacity: 1;
  }
  .content_wrap .visual_item dd {
    visibility: visible;
    height: auto;
    opacity: 1;
    transform: none;
  }
  .content_wrap .visual_item dt + dd {
    font-size: 15px;
    line-height: 1.8;
  }
  .content_wrap .visual_item dd:last-child {
    margin-top: 40px;
  }
  .content_wrap .visual_item .al_image {
    width: 100%;
    /* height: 422px; */
    height: inherit;
    margin: 0;
  }
  .content_wrap .visual_item.step_2 .al_image, .content_wrap .visual_item.step_3 .al_image {
    width: 100%;
    /* height: 422px; */
    height: inherit;
  }
  .content_wrap .visual_item .al_image video {
    /* height: 422px; */
    height: inherit;
  }
  .content_wrap .visual_ai_layer.complate .visual_item .pos_left {
    position: static;
  }
  .content_wrap .visual_ai_layer .visual_item .pos_left{
      width:100%
  }
  .content_wrap .visual_item .pos_left {
    display: block !important;
    position: static;
    width: 100%;
    margin-top: 30px;
    transform: translateY(0);
  }
  .content_wrap .visual_item .pos_left dl{

  }
  .content_wrap .con_industries {
    max-width: 100%;
    padding: 100px 0 0;
  }
  .content_wrap .con_industries_tab {
    margin: 60px -20px 40px 0;
    padding-right: 20px;
  }
  .content_wrap .con_industries_tab .btn_slide {
    margin: 0;
    font-size: 16px;
    line-height: 1.75;
  }

  .content_wrap .con_industries_swiper .swiper-slide > img {
    width: 100%;
    max-width: 100%;
    border-radius: 10px 10px 0 0;
  }
  .content_wrap .con_industries_swiper .item_box {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    min-height: 380px;
    padding: 30px 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transform: translateY(0);
    background-color: #0c254b;
  }
  .content_wrap .con_industries_swiper .item_box:before {
    width: 30px;
    height: 30px;
  }
  .content_wrap .con_industries_swiper .item_box dt {
    font-size: 18px;
  }
  .content_wrap .con_industries_swiper .item_box dt + dd {
    font-size: 15px;
    line-height: 1.8;
  }
  .content_wrap .con_industries_swiper .item_box .btn_txt_more:hover span:after{
    background-size: 16px 16px;
    background-position: inherit;
  }
  .content_wrap .con_industries_swiper .item_box .btn_txt_more {
    position: absolute;
    top: auto;
    bottom: 30px;
    left: 20px;
  }
  .content_wrap .con_industries_swiper .btn_swiper {
    display: none;
  }

  .content_wrap .con_news_blog {
    max-width: 100%;
    padding: 100px 0 0;
  }
  .content_wrap .con_news_blog .news,
  .content_wrap .con_news_blog .blog {
    float: none;
    width: 100%;
  }
  .content_wrap .con_news_blog .blog {
    margin-top: 60px;
  }
  .content_wrap .con_news_blog .list li {
    height: auto;
    padding: 15px 0;
    line-height: 1.75;
  }
  .content_wrap .con_news_blog .list li a {
    display: block;
    width: 90%;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
  .con_news_blog_kr {
    padding: 100px 0 0;
  }
  .con_news_blog_kr .news_list {
    margin: 40px -10px 0;
    padding: 0;
  }
  .con_news_blog_kr .btn_news_more {
    margin-top: 30px;
  }
  .con_news_blog_kr .news_card_type {
    max-width: 100%;
  }
  .con_news_blog_kr .news_card_type .info_box {
    padding: 30px;
    font-size: 16px;
  }
  .con_news_blog_kr .news_card_type .subject {
    min-height: auto;
    margin-top: 20px;
    line-height: 1.69;
    -webkit-line-clamp: 3;
  }
  .con_news_blog_kr .news_card_type .subject.new:before {
    display: block;
    width: 55px;
    height: 25px;
    margin-bottom: 3px;
    line-height: 25px;
    box-sizing: border-box;
    margin-top:0
  }
  .con_news_blog_kr .news_card_type .date {
    margin-top: 30px;
    font-size: 15px;
  }

  .content_wrap .con_partners {
    margin: 0 -20px;
    padding: 100px 0;
  }
  .content_wrap .con_partners .partners_swiper {
    margin-top: 90px;
  }
  .content_wrap .con_partners .partners_swiper .swiper-slide img {
    width: 120px;
    margin-top:40px;
  }

  .content_wrap .banner_wrap02 {
    margin: 0 -20px;
    padding: 80px 20px;
  }
  .content_wrap .banner_wrap02 .vertical_c {
    max-width: 100%;
  }
  .content_wrap .banner_wrap02 .vertical_c:before {
    width: 50px;
    height: 50px;
  }
  .content_wrap .banner_wrap02 .vertical_c .g_tit01 {
    margin-bottom: 40px;
  }
}

/*notice_popup*/
.notice_popup .layer01 .inner{position: relative;padding:0;}
.notice_popup .layer01 .btn_close{z-index: 10;top:40px; right: 40px;width:27px;height:27px;background-image: url(../images/popup/svg/btn_close_01.png);background-repeat: no-repeat;background-size: 27px 27px;background-position: 0 0;}
.notice_popup .layer01 .img_box{position: relative}
.notice_popup .chk_box{position: relative;height: 60px;padding:20px 40px}
.notice_popup .chk_box:before{content: '';position: absolute;left:0;top:0;width:100%;height:100%;opacity: 0.3;background: #000;}
.notice_popup .chk01[type="checkbox"]+label{font-size: 14px;line-height: 24px;color:#fff}

/*바우처 지원사업 참여기업 모집*/
.notice_popup_220111 {vertical-align: top;}
.notice_popup_220111 .layer01{top:150px}
.notice_popup_220111 .layer01 .inner{overflow: hidden;vertical-align: top;border-radius: 23px;background-image: url(../images/popup/202201/pc/bg_popup_220111.png);background-repeat: no-repeat;background-size: cover;}
.notice_popup_220111 .notice_popup_btn01{position: absolute;bottom:6%;left:44%;width:36%;height:6%}

@media only screen and (max-width: 1440px) and (min-width: 768px) {
    .notice_popup_220111 .layer01{top:10.4167vw}
}

@media only screen and (max-width:767px){
    /*notice_popup*/
    .notice_popup .layer01 .img_box{position: relative}
    .notice_popup .chk_box{padding:18px 30px}
    .notice_popup .chk01[type="checkbox"]+label{font-size: 14px;line-height: 26px;}
    .notice_popup .layer01 .btn_close{top:20px;right:20px;width:19px;height:19px;background-size: 19px 19px;}

    /*바우처 지원사업 참여기업 모집*/
    .notice_popup_220111{top:0;padding: 0 20px;}
    .notice_popup_220111 .layer01{top:110px}
    .notice_popup_220111 .layer01 .inner{border-radius: 13px;background-image: url(../images/popup/202201/mo/bg_popup_220111_mo.png);}
    .notice_popup_220111 .notice_popup_btn01{bottom:5.9%;left:16.6%;width:67%;height:9.7%}
}

/*eKYC 캠페인 */
.notice_popup_220121 {vertical-align: top;}
.notice_popup_220121 .layer01{top:150px}
.notice_popup_220121 .layer01 .inner{overflow: hidden;vertical-align: top;border-radius: 23px;background-image: url(../images/popup/202201/pc/bg_popup_220121.png);background-repeat: no-repeat;background-size: cover;}
.notice_popup_220121 .notice_popup_btn01{position: absolute;bottom:4.8%;left:65.3%;width:23.4%;height:21.1%}

@media only screen and (max-width: 1440px) and (min-width: 768px) {
    .notice_popup_220121 .layer01{top:10.4167vw}
}

@media only screen and (max-width:767px){
    .notice_popup_220121{top:0;padding: 0 20px;}
    .notice_popup_220121 .layer01{top:110px}
    .notice_popup_220121 .layer01 .inner{border-radius: 13px;background-image: url(../images/popup/202202/mo/bg_popup_220121_mo.html);}
    .notice_popup_220121 .notice_popup_btn01{bottom:8.9%;left:65%;width:27.5%;height:21.4%}
}

/* 채용 팝업 */
.notice_popup_220223 {vertical-align: top;}
.notice_popup_220223 .layer01{top:150px}
.notice_popup_220223 .layer01 .inner{overflow: hidden;vertical-align: top;border-radius: 23px;background-image: url(../images/popup/202202/pc/bg_popup_220223.png);background-repeat: no-repeat;background-size: cover;}
.notice_popup_220223 .notice_popup_btn01{position: absolute;bottom:9%;left:35%;width:30%;height:7.5%}

@media only screen and (max-width: 1440px) and (min-width: 768px) {
    .notice_popup_220223 .layer01{top:10.4167vw}
}

@media only screen and (max-width:767px){
    .notice_popup_220223{top:0;padding: 0 20px;}
    .notice_popup_220223 .layer01{top:110px}
    .notice_popup_220223 .layer01 .inner{border-radius: 13px;background-image: url(../images/popup/202202/mo/bg_popup_220223_mo.png);}
    .notice_popup_220223 .notice_popup_btn01{bottom:7.3%;left:31.3%;width:37.5%;height:9.8%}
}

/* eDM- AI EXPO 참가안내 팝업 */
.notice_popup_220407 {vertical-align: top;}
.notice_popup_220407 .dim{background: rgba(0, 0, 0, 0.4);}
.notice_popup_220407 .layer01{top:150px}
.notice_popup_220407 .layer01 .inner{overflow: hidden;vertical-align: top;border-radius: 23px;background-image: url(../images/popup/202204/pc/bg_popup_220407.png);background-repeat: no-repeat;background-size: cover;}
.notice_popup_220407 .notice_popup_btn01{position: absolute;bottom:13.5%;left:35%;width:31.2%;height:7.3%}

@media only screen and (max-width: 1440px) and (min-width: 768px) {
    .notice_popup_220407 .layer01{top:10.4167vw}
}

@media only screen and (max-width:767px){
    .notice_popup_220407{top:0;padding: 0 20px;}
    .notice_popup_220407 .layer01{top:110px}
    .notice_popup_220407 .layer01 .inner{border-radius: 13px;background-image: url(../images/popup/202204/mo/bg_popup_220407_mo.png);}
    .notice_popup_220407 .notice_popup_btn01{bottom:7.3%;left:31.3%;width:37.5%;height:9.8%}
}