@charset "UTF-8";

.content {position: relative; z-index: 1;}

/* intro */
.intro_page {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 100; overflow: hidden; background: url(../images/intro-poster.jpg) center center/cover no-repeat;}
.intro_page:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .6; z-index: 1;}
.intro_page .intro_logo {position: absolute; left: 50%; top: 80px; transform: translateX(-50%); z-index: 1;}
.intro_page #introVideo {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; min-width: 100%; min-height: 100%;}
.intro_page .intro_title {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: "neue-haas-unica", sans-serif; font-weight: 600; font-size: 80px; line-height: 96px; color: #fff; text-align: center; z-index: 1;}
.intro_page .intro_begin {display: inline-block; position: absolute; left: 50%; bottom: 80px; transform: translateX(-50%); padding: 0 40px; height: 56px; font-family: "neue-haas-unica", sans-serif; font-size: 16px; font-weight: 500; line-height: 54px; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 28px; opacity: .6; transition: opacity .5s ease; z-index: 1;}
.intro_page .intro_begin:focus, .intro_page .intro_begin:hover {opacity: 1;}
.intro_page:after {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: #000; /* background: url(../images/intro-poster.jpg) center center/cover no-repeat; */}

/* main visual */
.main_visual {position: relative; z-index: 1; width: 100%; height: 100vh; background-color: #fff;}
.main_visual .swiper-container {height: 100%;}
.main_visual .swiper-slide {overflow: hidden; background-color: #000;}
.main_visual .swiper-slide.pf {background-image: url(../images/main-pf-bg.jpg); background-position-y: bottom;} /* 2022-05-18 추가 */
.main_visual .swiper-slide .img_wrap {width: 100%; height: 100%; overflow: hidden;}
.main_visual .swiper-slide .img_wrap .img_area {width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; transform: scale(1); /*transition: transform 0.4s ease;*/}
.main_visual .swiper-slide .img_wrap .img_area.big {transform: scale(5);}
.main_visual .swiper-slide .img_wrap video {width: auto; height: auto; min-width: 100%; min-height: 100%;}
.main_visual .swiper-slide .txt_area {position: absolute; left: 320px; top: 50%; transform: translateY(-50%); padding-bottom: 100px; z-index: 1; color: #fff; opacity: 0;}
.main_visual .swiper-slide .txt_area .tit {position: relative; font-family: "neue-haas-unica", sans-serif; font-weight: 600; font-weight: 600; font-size: 56px; line-height: 72px; letter-spacing: -.4px;}
.main_visual .swiper-slide.pf .txt_area .tit {font-size: 95px; line-height: 100px;} /* 2022-05-18 추가 */
/* 2023-02-07 메인 비주얼 개편 수정 s */
.main_visual .swiper-slide .txt_area .recruit_info_list {display: -ms-flexbox; display: flex; margin-top: 70px;}
.main_visual .swiper-slide .txt_area .recruit_info_list .list {display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-right: 15px; width: 130px; height: 130px; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; background-color: transparent; -webkit-transition: border .4s ease, background-color .4s ease; transition: border .4s ease, background-color .4s ease;}
.main_visual .swiper-slide .txt_area .recruit_info_list .list:last-child {margin-right: 0;}
.main_visual .swiper-slide .txt_area .recruit_info_list .list .con_txt {width: 100%; text-align: center; color: #fff; -webkit-transition: color .4s ease; transition: color .4s ease;}
.main_visual .swiper-slide .txt_area .recruit_info_list .list .count {margin-top: 2px; width: 100%; text-align: center; color: #fff; font-family: "neue-haas-unica", sans-serif; font-weight: 600; font-size: 32px; line-height: 1; -webkit-transition: color .4s ease; transition: color .4s ease;}
.main_visual .swiper-slide .txt_area .recruit_info_list .list:hover {border: 1px solid rgba(255, 255, 255, 1); background-color: #fff;}
.main_visual .swiper-slide .txt_area .recruit_info_list .list:hover .con_txt {color: #1f1f1f;}
.main_visual .swiper-slide .txt_area .recruit_info_list .list:hover .count {color: #1f1f1f;}
/* // 2023-02-07 메인 비주얼 개편 수정 e */
.main_visual .swiper-slide .txt_area .txt {position: relative; margin-top: 20px; font-family: "neue-haas-unica", sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -.4px;}
.main_visual .swiper-slide .txt_area .box_btn {margin-top: 55px; text-align: left;}
.main_visual .swiper-slide .txt_area .box_btn .btn {transition: background .3s ease, color .3s ease, border .3s ease;}
.main_visual .swiper-slide .txt_area .box_btn .btn:hover {border: 1px solid transparent;}
.main_visual .swiper-slide:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .35); z-index: 1;}
/* .main_visual .vis_control_area {display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; position: absolute; top: 50%; left: 320px; transform: translateY(-50%); padding-top: 360px; text-align: left; z-index: 1;}
.main_visual .vis_control_area .swiper-pagination {position: static; text-align: left;} */

.main_visual .control_area {position: absolute; left: 314px; top: 68%; z-index: 1; display: flex;} /* 2023-02-07 메인 비주얼 개편 수정 */
.main_visual .control_area .swiper-pagination {position: relative; /* top: 50%; transform: translateY(-50%); left: 320px; margin-top: 190px; */ /* padding-top: 340px; */ width: auto; height: 20px;}
.main_visual .control_area .swiper-pagination .swiper-pagination-bullet {position: relative; margin: 0 4px; width: 20px; height: 20px; background-color: transparent; opacity: 1;}
.main_visual .control_area .swiper-pagination .swiper-pagination-bullet:first-child {margin-left: 0;}
.main_visual .control_area .swiper-pagination .swiper-pagination-bullet:last-child {margin-right: 0;}
.main_visual .control_area .swiper-pagination .swiper-pagination-bullet:after {content: ""; display: block; position: absolute; left: 9px; top: 9px; width: 4px; height: 4px; background-color: #fff; border-radius: 50%;}
.main_visual .control_area .swiper-pagination .swiper-pagination-bullet-active:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%;}
.main_visual .control_area .vis_control {/* display: none; */ position: relative; top: 1px; margin-left: 10px; width: 20px; height: 20px; background: url(../images/typea-btn-kv-pause.png) center center no-repeat;}/* 영상 재생이 끝나기 전 넘어가는 현상때문에 제외 */
.main_visual .control_area .vis_control.pause {background: url(../images/typea-btn-kv-play.png) center center no-repeat;}

/*.main_visual .vis_control_area .pagination {display: -webkit-box; display: -ms-flexbox; display: flex;}
.main_visual .vis_control_area .pagination .list {position: relative; margin: 0 4px; width: 20px; height: 20px;}
.main_visual .vis_control_area .pagination .list canvas {display: none;}
.main_visual .vis_control_area .pagination .list.active:after {content: ''; display: block; position: absolute; left: -1px; top: -1px; width: 20px; height: 20px; border: 1px solid #fff; border-radius: 50%;}
.main_visual .vis_control_area .pagination .list:first-child {margin-left: 0;}
.main_visual .vis_control_area .pagination .list:before {content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 4px; height: 4px; background-color: #fff; 
  border-radius: 50%;}
.main_visual .vis_control_area .pagination .list:after {display: none; content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #fff; border-radius: 50%;}
.main_visual .vis_control_area .pagination .list.now_pause:after {display: block;}*/
.main_visual .swiper-button-prev, .main_visual .swiper-button-next {top: 58%; right: auto; transform: translateY(-50%); margin-top: -185px /* padding-bottom: 345px */; width: 24px; height: 24px;} /* 2023-02-07 메인 비주얼 개편 수정 */
.main_visual .swiper-button-prev {left: 120px; background: url(../images/typea-btn-kv-prev.png) 0 0 no-repeat;}
.main_visual .swiper-button-next {left: 168px; background: url(../images/typea-btn-kv-next.png) 0 0 no-repeat;}
/*.main_visual .main_v_text {position: absolute; left: 0; top: 0; width: 100%; height: 100vh; color: #fff; z-index: 1;}
.main_visual .main_v_text .list {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main_visual .main_v_text .list:first-child {left: 0;}
.main_visual .main_v_text .txt_area {position: absolute; left: 320px; top: 50%; transform: translateY(-50%); padding-bottom: 110px;}
.main_visual .main_v_text .txt_area .tit_wrap {overflow: hidden;}
.main_visual .main_v_text .txt_area .txt_wrap {overflow: hidden;}
.main_visual .main_v_text .txt_area .tit {position: relative; opacity: 0; font-family: "neue-haas-unica", sans-serif; font-weight: 600; font-size: 56px; line-height: 72px; letter-spacing: -0.4px; transition: opacity 1s ease-in-out;}
.main_visual .main_v_text .txt_area .txt {position: relative; opacity: 0; margin-top: 20px; font-family: "neue-haas-unica", sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: 0; transition: opacity 1s ease-in-out; transition-delay: 0.1s;}*/
.circle_motion {position: absolute; left: 100px; bottom: 0; height: auto; z-index: 1;}
.circle_motion .txt {position: relative; top: -105px; left: 3px; font-family: "neue-haas-unica", sans-serif; font-weight: 500; color: #fff; font-size: 16px; letter-spacing: 0; transform: rotate(90deg); opacity: .5;}
.circle_motion .circle {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 8px; height: 8px; background-color: #fff; border-radius: 50%; animation: circleMotion .65s infinite alternate cubic-bezier(.1, .49, .42, .99);}
.main_visual .progress_bar {position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: rgba(255,255,255,0.2); z-index: 1;}
.main_visual .progress_bar .bar {position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background-color: #1472cf;}

@keyframes circleMotion {
  0% {
    bottom: 25px;
  }
  100% {
    bottom: 50px;
  }

}

/* 2023-02-07 메인 비주얼 개편 수정 s */
/* 포트폴리오 배너 */
.main_visual .swiper-slide.portfolio {position: relative;}
.main_visual .swiper-slide.portfolio .txt_area .tit {margin-left: -6px; font-family: "Poppins", sans-serif; font-weight: 700; font-size: 100px; line-height: 1; letter-spacing: -4px;}
.main_visual .swiper-slide.portfolio .txt_area .tit .mob {display: none;}
.main_visual .swiper-slide.portfolio .rolling_wrap {position: absolute; top: 0; right: 33vw; z-index: -1; display: flex; width: min-content; transform: rotate(22deg);}
.main_visual .swiper-slide.portfolio .rolling_wrap .rolling_item .rolling_img {margin-right: 18px;}
.main_visual .swiper-slide.portfolio .rolling_wrap .rolling_item .rolling_img img {width:19vw; margin-bottom: 18px;}
#rolling_img1 {animation: 20s linear 0s infinite normal forwards running rollingBottomToTop1;}
#rolling_img1_clone {animation: 20s linear 0s infinite normal none running rollingBottomToTop2;}

#rolling_img2{animation: 30s linear 0s infinite normal forwards running rollingTopToBottom1;}
#rolling_img2_clone {animation: 30s linear 0s infinite normal none running rollingTopToBottom2;}

#rolling_img3{animation: 40s linear 0s infinite normal forwards running rollingBottomToTop1;}
#rolling_img3_clone {animation: 40s linear 0s infinite normal none running rollingBottomToTop2;}

@keyframes rollingBottomToTop1 {
    0% {transform: translateY(0);}
    50% {transform: translateY(-115%);}
    50.01%{transform: translateY(85%);}
    100%{transform: translateY(0);}
}

@keyframes rollingBottomToTop2 {
    0% {transform: translateY(0);}
	50.01% {transform: translateY(-115%);}
	100% {transform: translateY(-200%);}
}

@keyframes rollingTopToBottom1 {
    0% {transform: translateY(0);}
    50% {transform: translateY(85%);}
    50.01%{transform: translateY(-115%);}
    100%{transform: translateY(0);}
}

@keyframes rollingTopToBottom2 {
    0% {transform: translateY(-200%);}
	50.01% {transform: translateY(-115%);}
	100% {transform: translateY(0);}
}

.main_visual .swiper-slide.portfolio .rolling_bg {position: absolute; top: 0; left: 0; z-index: -1; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5);}

/* 채용 배너 */
.main_visual .swiper-slide.recruit .img_wrap .img_area {background-color: #031d3b;}
.main_visual .swiper-slide.recruit .txt_area {left: 322px; top: 50%; transform: translateY(-50%); width: 67%; padding-bottom: 0;}
.main_visual .swiper-slide.recruit .txt_area .tit {font-family: "Poppins", sans-serif; font-weight: 700; font-size: 7.5vw;}
.main_visual .swiper-slide.recruit .txt_area .tit span {opacity: 0; transition: 1s;}
.main_visual .swiper-slide.recruit .txt_area .tit span:first-of-type {position: absolute; top: -1vw; right: 250px;}
.main_visual .swiper-slide.recruit .txt_area .tit span:nth-of-type(2) {position: absolute; top: 8vw; right: 0;}
.main_visual .swiper-slide.recruit .txt_area .tit span:last-of-type {position: absolute; top: 19vw; right: 125px;}
.main_visual .swiper-slide.recruit .txt_area .tit span.on {opacity: 1;}
.main_visual .swiper-slide.recruit .txt_area .tit span.on:first-of-type {top: -4vw;}
.main_visual .swiper-slide.recruit .txt_area .tit span.on:nth-of-type(2) {top: 3vw;}
.main_visual .swiper-slide.recruit .txt_area .tit span.on:last-of-type {top: 10vw;}

.main_visual .swiper-slide.recruit .txt_area .desc {position: absolute; top: 5vw; right: 43%; font-size: 16px; text-align: right; opacity: 0; transition: 1s;}
.main_visual .swiper-slide.recruit .txt_area .desc.on {top: 2.2vw; opacity: 1;}

.main_visual .swiper-slide.recruit .mask_wrap > div {overflow:hidden;}
.main_visual .swiper-slide.recruit .mask_wrap > div::after {content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #031d3b; transition: 1s; transform: scaleY(1); transform-origin: top;}
.main_visual .swiper-slide.recruit .mask_wrap > div.on::after {transform: scaleY(0);}
.main_visual .swiper-slide.recruit .mask_wrap > div img {margin-top: -100px; transition: 1s;}
.main_visual .swiper-slide.recruit .mask_wrap > div.on img {margin-top: 0;}
.main_visual .swiper-slide.recruit .mask_wrap .mask1 {position: absolute; top: 0; left: 150px; mask-image: url("../images/main-mask-shape1.png"); -webkit-mask-image: url("../images/main-mask-shape1.png"); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;}
.main_visual .swiper-slide.recruit .mask_wrap .mask2 {position: absolute; top: 0; right: -125px; mask-image: url("../images/main-mask-shape2.png"); -webkit-mask-image: url("../images/main-mask-shape2.png"); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;}
.main_visual .swiper-slide.recruit .mask_wrap .mask3 {position: absolute; top: calc(100vh - 540px); right: -115px; mask-image: url("../images/main-mask-shape3.png"); -webkit-mask-image: url("../images/main-mask-shape3.png"); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position:top 5px left 158px; -webkit-mask-position:top 5px left 158px;}
/* // 2023-02-07 메인 비주얼 개편 수정 e */


/* 2022-05-18 추가 */
.main_visual .swiper-slide .float_img {position: absolute; right: -51px; top: 31%; margin-right: 13vw; animation-name: floating; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.main_visual .swiper-slide .float_img img{width: 100%;}
.main_visual .swiper-slide .float_img2 {position: absolute; right: 0; top: 15%; margin-right: 16vw; animation-name: floating; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.main_visual .swiper-slide .img3 {position: absolute; bottom: 0; right: 0; margin-right: 12vw;}
@keyframes floating {
  from { transform: translate(0,  0px); }
  50%  { transform: translate(0, 15px); }
  to   { transform: translate(0, -0px); }    
}
/* // 2022-05-18 추가 */

/* vision */
.vision_area {position: static; padding: 0 0 270px; background-color: #fff; z-index: 1; overflow: hidden;} /* 2023-07-28 추가 수정 */
.vision_area .main_inner {width: 640px;}
.vision_area .vision_inner {margin: -20vh auto 0; width: 1360px;}

/* 2022-05-18 삭제 */
/* .vision_area .txt_wrap {margin-bottom: 155px; color: #1f1f1f; text-align: center;} 
.vision_area .txt_wrap .tit {position: relative; top: 150px; opacity: 0; font-family: "spoqa_bold", sans-serif; font-size: 56px; line-height: 72px; transition: top 1.5s ease, opacity 1.5s ease;}
.vision_area .txt_wrap .txt {position: relative; top: 150px; opacity: 0; margin-top: 50px; font-family: "spoqa_regular", sans-serif; font-size: 18px; line-height: 28px; transition: top 1.5s ease, opacity 1.5s ease; transition-delay: .25s;}
.vision_area .txt_wrap.active .tit, .vision_area .txt_wrap.active .txt {top: 0; opacity: 1;} */
/* // 2022-05-18 삭제 */
.vision_area .flow-img {position: absolute; right: -120px; top: 130vh;}

/* 2022-05-18 추가 */
.vision_area .text_area {position: relative; height: 100vh; height: 100vh; display: flex;align-items: center; justify-content: center;}
.vision_area .text_area .txt_wrap {position: absolute; _top: 50%; left: 0; width: 100%; z-index: 1; text-align: center;}
.vision_area .text_area .area-bg {position: fixed; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; background: url(../images/bg-main-download.jpg) no-repeat; background-size: cover; background-position-y: bottom; transition: opacity .3s;}
.vision_area .text_area .area-bg.active {opacity: 0 !important; transition: opacity .3s;}
/* 2023-07-28 추가 수정 e */
.vision_area .text_area .txt_wrap .tit {position: relative; top: 50px; z-index: 1; color: #111; font-family: "spoqa_bold", sans-serif; font-weight: 500; line-height: 72px; font-size: 56px; text-align: center; opacity: 0; transition: top 1.5s ease, opacity 1.5s ease;}
.vision_area .text_area .txt_wrap .txt {position: relative; top: 50px; margin-top: 50px; font-family: "spoqa_regular", sans-serif; font-size: 18px; line-height: 28px; color: #1f1f1f; opacity: 0; transition: top 1.5s ease, opacity 1.5s ease; transition-delay: .25s; }
.vision_area .text_area .txt_wrap .tit.active, .vision_area .text_area .txt_wrap .txt.active {top: 0; opacity: 1;}
/* // 2023-07-28 추가 수정 e */
.vision_area .text_area .download_area {display: inline-block; position: relative; top: 100px; font-family: "spoqa_bold", sans-serif; 
color: #fff; font-size: 56px; line-height: 72px; text-align: center;  z-index: 100; opacity: 0; z-index: 999;}
.vision_area .text_area .download_area .txt {font-size: 40px; line-height: 52px;}
.vision_area .text_area .btn_more {position: relative; display: block; width: 36px; height: 16px; overflow: hidden; margin: 40px auto 0;}
.vision_area .text_area .btn_more:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/main-more-btn-arrow.png") no-repeat center right; transition: all .4s ease-in-out;}
.vision_area .text_area .btn_more:after {content: ""; display: block; position: absolute; left: -120%; top: 0; width: 100%; height: 100%; background: url("../images/main-more-btn-arrow.png") no-repeat center right; transition: all .4s ease-in-out;}
.vision_area .text_area .btn_more:hover:before {left: 120%;}
.vision_area .text_area .btn_more:hover:after {left: 0;}
/* // 2022-05-18 추가 */

.video_area {position: static; left: 0; top: 0; margin: 0 auto; height: 100vh;}

.video_area .pin-spacer {width: 100% !important;}
.fixed_video {position: absolute; left: 0; top: 0; margin-top: 900px; max-width: 100% !important; width: 100% !important; height: 100%; z-index: 1;}


.fixed_video .width_video {position: relative; margin: 1200px auto; width: 80%; /* width: calc(100% - 480px); */ height: 100vh; text-align: center; overflow: hidden; z-index: 1;} /* 2022-05-18 수정 */
.fixed_video .width_video .img {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.fixed_video .width_video:after {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6);}
.fixed_video #vision_video {position: absolute; left: 0; bottom: 0; width: auto; height: auto; min-width: 100%; min-height: 100%;}

.video_txt {position: relative; top: 100px; opacity: 0; z-index: 1; font-family: "neue-haas-unica", sans-serif; font-weight: 600; font-size: 100px; color: #fff; line-height: 110px; transition: top 1s ease, opacity 1s ease;}
.video_txt.active {top: 0; opacity: 1;}

@media all and (min-width:1540px) {
}

/* whatwedo */
.wedo_area {position: relative; /* padding-bottom: 540px; */ z-index: 1; overflow: hidden; background-color: #fff;}
.wedo_area .wedo_inner {position: relative; margin: 0 auto; width: 1360px; z-index: 1;}
.wedo_area .title {position: absolute; top: 0; right: auto; bottom: auto; left: 0; top: 0; font-size: 40px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; color: #fff;}
.wedo_area .title.fixed {position: fixed; left: auto; top: 150px;}
.wedo_area .title.end {top: auto; bottom: 0;}
.wedo_area .title.mobile {position: absolute !important;}
.wedo_area .flow_area {padding: 140px 0 0 410px;}
.wedo_area .flow_area .txt_div {position: relative; top: 0; margin-top: -8px; margin-bottom: 48px; font-size: 18px; line-height: 28px; font-family: "neue-haas-unica", sans-serif; font-weight: 400; color: #fff; opacity: 0;}
.wedo_area .flow_area .scroll {font-size: 16px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; color: #fff; opacity: .2;}
.wedo_area .flow_area .list_wrap {margin-top: 110px; width: 965px;}
.wedo_area .flow_area .list_wrap:after {content: ""; display: block; clear: both;}
.wedo_area .flow_area .list_wrap .list {float: left; position: relative; /* top:100px; */ margin-right: 165px; width: 400px;}
.wedo_area .flow_area .list_wrap .list:nth-child(2n) {margin-right: 0; margin-top: 310px;}
.wedo_area .flow_area .list_wrap .list:nth-child(2n-1):not(:first-child) {margin-top: 20px;}
.wedo_area .flow_area .list_wrap .list:nth-child(2) {margin-top: 320px;}
/* .wedo_area .flow_area .list_wrap .list:last-child {margin-top: -50px !important;} */
.wedo_area .flow_area .list_wrap .list .img_div {position: relative; overflow: hidden; padding-top: 145%; width: 100%;}
.wedo_area .flow_area .list_wrap .list .img_div img {position: absolute; /* top:-45%; */ top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.1); width: auto; height: 100%;}
.wedo_area .flow_area .list_wrap .list .tit {margin-top: 60px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; font-size: 24px; color: #fff;}
.wedo_area .flow_area .list_wrap .list .txt {margin: 30px 0 53px; font-family: "neue-haas-unica", sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: 0; color: #fff; word-break: keep-all; opacity: .7;}
.wedo_area .flow_area .list_wrap .list .btn_more {position: relative; display: block; width: 36px; height: 16px; overflow: hidden;}
.wedo_area .flow_area .list_wrap .list .btn_more:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/main-more-btn-arrow.png") no-repeat center right; transition: all .4s ease-in-out;}
.wedo_area .flow_area .list_wrap .list .btn_more:after {content: ""; display: block; position: absolute; left: -120%; top: 0; width: 100%; height: 100%; background: url("../images/main-more-btn-arrow.png") no-repeat center right; transition: all .4s ease-in-out;}
.wedo_area .flow_area .list_wrap .list .btn_more:hover:before {left: 120%;}
.wedo_area .flow_area .list_wrap .list .btn_more:hover:after {left: 0;}



/* main list style */
section .section_tit {position: relative; top: 50px; margin-bottom: 75px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; font-size: 24px; color: #1f1f1f; letter-spacing: 0; opacity: 0;}
section .section_tit.active {top: 0; opacity: 1; transition: top 1s ease, opacity 1s ease;}
section .sec_list_w .list .btn_more {position: relative; display: inline-block; padding-right: 15px; font-family: "neue-haas-unica", sans-serif; font-weight: 500; font-size: 14px; color: #727272; letter-spacing: 0; background: url(../images/ico-btn-more-arr.png) right 60% no-repeat;}
.sec_list_w {display: -webkit-box; display: -ms-flexbox; display: flex;}
.sec_list_w .list {display: block; position: relative; top: 100px; margin-right: 95px; width: -webkit-calc(87% / 3); width: calc(87% / 3); opacity: 0; transition: top 1s ease, opacity 1s ease;}
.sec_list_w .list:nth-child(1) {transition-delay: .1s;}
.sec_list_w .list:nth-child(2) {transition-delay: .2s;}
.sec_list_w .list:nth-child(3) {transition-delay: .3s;}
.sec_list_w .list:last-child {margin-right: 0;}
.sec_list_w.active .list {top: 0; opacity: 1;}

/* news */
.news_area {display: none; /* margin-top: 0; */ padding: 240px 0; background-color: #fff;}
.news_area .main_inner {width: 1440px;}
.news_area .sec_list_w .list .date {margin-bottom: 35px; font-family: "neue-haas-unica", sans-serif; font-weight: 400; font-size: 16px; color: #727272;}
.news_area .sec_list_w .list .tit {display: -webkit-box; margin-bottom: 35px; height: 69px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; font-size: 24px; line-height: 34px; color: #000; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: color .5s ease;}
.news_area .sec_list_w .list .txt {display: -webkit-box; margin-bottom: 45px; height: 75px; font-family: "neue-haas-unica", sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; color: #444; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.news_area .sec_list_w .list:hover .tit {color: #1472cf;}

/* ir */
.ir_area {display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; padding: 240px 0; position: relative; background-color: #fff;}
.ir_area .box_wrap {display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; top: 100px; opacity: 0; margin: 0 auto; padding: 45px 100px; width: 1440px; background-color: #f2f2f2; border: 1px solid #d9d9d9; transition: top 1s ease, opacity 1s ease;}
.ir_area .box_wrap.active {top: 0; opacity: 1;}
.ir_area .left {display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; align-items: center; font-family: "neue-haas-unica", sans-serif; font-weight: 600; color: #1f1f1f;}
.ir_area .left .tit {margin-right: 120px; font-size: 24px;}
.ir_area .left .stock_price {position: relative; padding-left: 20px; font-size: 40px; color: #1f1f1f; line-height: 1;}
.ir_area .left .stock_price.plus {color: #d60f0f;}
.ir_area .left .stock_price.minus {color: #1472cf;}
.ir_area .left .stock_price:after {display: none; content: ""; position: absolute; left: -20px; top: 48%; transform: translateY(-50%); width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid #1f1f1f; border-right: 10px solid transparent; border-left: 10px solid transparent;}
.ir_area .right {padding-left: 150px; width: 50%;}
.ir_area .left .stock_price.plus:after {display: block; border-bottom: 14px solid #d60f0f;}
.ir_area .left .stock_price.minus:after {display: block; top: 68%; border-bottom: 14px solid transparent; border-top: 14px solid #1472cf;}
.ir_area .right .row {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; width: 100%;}
.ir_area .right .row .list {margin-top: 17px; width: 50%;}
.ir_area .right .row .list .tit {margin-bottom: 10px; font-family: "neue-haas-unica", sans-serif; font-weight: 600; font-size: 16px; color: #1f1f1f;}
.ir_area .right .row .list .info {position: relative; font-family: "neue-haas-unica", sans-serif; font-weight: 600; color: #1f1f1f; font-size: 20px; letter-spacing: 0;}
.ir_area .right .row .list .info .num {position: relative; display: inline-block;}
.ir_area .right .row .list .info.plus {color: #d60f0f;}
.ir_area .right .row .list .info.minus {color: #1472cf;}
.ir_area .right .row:first-child .list {margin-top: 0;}
.ir_area .right .row .list:nth-child(1) .info {padding-left: 20px;}
/* .ir_area .right .row .list:nth-child(2) {width: 60%;}
.ir_area .right .row .list:nth-child(2) .tit {padding-left: 20%;}
.ir_area .right .row .list:nth-child(2) .info {width: 50%;}
.ir_area .right .row .list.fluctuation .info .num:before {display: none; content: ''; position: absolute; left: -20px; top: 4px; border-top:5px solid transparent; border-bottom:5px solid #1f1f1f; border-right: 5px solid transparent; border-left: 5px solid transparent;}
.ir_area .right .row .list.fluctuation .info.plus .num:before {display: block; border-bottom:5px solid #D60F0F;}
.ir_area .right .row .list.fluctuation .info.minus .num:before {display: block; top: 11px; border-bottom:5px solid transparent; border-top:5px solid #1472cf;}

.ir_area .right .row .list:nth-child(2) .info {width: 50%;} */
.ir_area .right .row .list.fluctuation .info .num:before {display: none; content: ""; position: absolute; left: -20px; top: 4px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 5px solid transparent; border-left: 5px solid transparent;}
.ir_area .right .row .list.fluctuation .info.plus .num:before {display: block; border-bottom: 6px solid #d60f0f;}
.ir_area .right .row .list.fluctuation .info.minus .num:before {display: block; top: 11px; border-bottom: 6px solid transparent; border-top: 6px solid #1472cf;}


/* blog */
.blog_area {display: none; padding: 240px 0 320px; background-color: #fff;}
.blog_area .main_inner {width: 1440px;}
.blog_area .sec_list_w .list .img {position: relative; padding-top: 53%; overflow: hidden;}
.blog_area .sec_list_w .list .img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); width: 100%; transition: transform 1s ease;}
.blog_area .sec_list_w .list:hover .txt {color: #1472cf;}
.blog_area .sec_list_w .list:hover .img img {transform: translate(-50%, -50%) scale(1.15); transform-origin: center;}
.blog_area .list .txt {margin: 40px 0; font-family: "neue-haas-unica", sans-serif; font-weight: 600; font-size: 24px; line-height: 34px; color: #1f1f1f; transition: color .5s ease;}


.main_popup {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; background-color: rgba(0, 0, 0, .5);} /* 메인 팝업 popup */
.main_popup .pop_con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 500px; height: auto; background-color: #fff;}
.main_popup .pop_con .scroll_area {max-height: 500px;}
.main_popup .pop_con .swiper-slide {height: 500px; overflow-y: auto;}
.main_popup .pop_con .swiper-slide img {display: block; width: 100%;}
.main_popup .pop_con .control_area {position: relative; display: flex; justify-content: space-between; height: 40px; background-color: #1f1f1f;}
.main_popup .pop_con .control_area .left, .main_popup .pop_con .control_area .right {display: flex; align-items: center;}
.main_popup .pop_con .control_area .left {padding-left: 30px;}
.main_popup .pop_con .control_area .right {padding-right: 30px;}
.main_popup .pop_con .control_area .swiper-pagination {position: static; display: flex;}
.main_popup .pop_con .control_area .swiper-pagination .swiper-pagination-bullet {margin-right: 10px; background-color: #fff; opacity: .2;}
.main_popup .pop_con .control_area .swiper-pagination .swiper-pagination-bullet:last-child {margin-right: 0;}
.main_popup .pop_con .control_area .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
.main_popup .pop_con .control_area .btn_control {position: relative; top: -1px; margin-left: 10px; width: 8px; height: 10px; background: url(../images/btn-main-popup-pause.png) 0 0 no-repeat;}
.main_popup .pop_con .control_area .btn_control.now_pause {background: url(../images/btn-main-popup-play.png) 0 0 no-repeat;}
.main_popup .checkbox_div {position: relative; top: -1px;}
.main_popup .checkbox_div input[type="checkbox"] {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; opacity: .001; border: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none;}
.main_popup .checkbox_div label {padding-left: 27px; font-family: "neue-haas-unica", sans-serif; font-weight: 400; font-size: 14px; color: #ccc; background: url(../images/ico-checkbox.png) left center no-repeat;}
.main_popup .checkbox_div input:checked + label {background: url(../images/ico-checkbox-on.png) left center no-repeat;}
.main_popup .pop_close {position: relative; top: 1px; margin-left: 22px; width: 17px; height: 17px; background: url(../images/btn-main-popup-close.png) 0 0/17px no-repeat;}

/* 2023-02-07 메인 비주얼 개편 수정 s */
@media all and (max-width: 1680px) {
	/* 포트폴리오 배너 */
	.main_visual .swiper-slide.portfolio .rolling_wrap .rolling_item .rolling_img img {width: initial;}

	/* 채용 배너 */
	.main_visual .swiper-slide.recruit .txt_area .tit span:nth-of-type(2),
	.main_visual .swiper-slide.recruit .txt_area .tit span.on:nth-of-type(2),
	.main_visual .swiper-slide.recruit .txt_area .tit span:last-of-type,
	.main_visual .swiper-slide.recruit .txt_area .tit span.on:last-of-type {right: -3vw;}

	.main_visual .swiper-slide.recruit .txt_area .desc,
	.main_visual .swiper-slide.recruit .txt_area .desc.on {left: 50%; right: 0; transform: translateX(5%); text-align: left;}
	.main_visual .swiper-slide.recruit .txt_area .desc {top: 20vw;}
	.main_visual .swiper-slide.recruit .txt_area .desc.on {top: 17vw;}

	.main_visual .swiper-slide.recruit .mask_wrap .mask1 {left: 0;}
	.main_visual .swiper-slide.recruit .mask_wrap .mask3 {right: -5vw;}
}
/* // 2023-02-07 메인 비주얼 개편 수정 e */

@media all and (max-width:1540px) {
  .news_area {padding: 180px 0;}
  .news_area .main_inner {padding: 0; width: calC(100% - 80px);}

  .ir_area .box_wrap {width: calC(100% - 80px);}

  .blog_area {padding: 180px 0;}
  .blog_area .main_inner {padding: 0; width: calC(100% - 80px);}
}

@media all and (max-width:1450px) {
  .main_visual .swiper-button-prev {left: 40px;}
  .main_visual .swiper-button-next {left: 90px;}
  .main_visual .swiper-slide .txt_area {left: 220px;}
  .main_visual .control_area {left: 220px;}

  /* 2023-02-07 메인 비주얼 개편 수정 s */
  .main_visual .swiper-slide.recruit .txt_area {left: 230px;}
  .main_visual .swiper-slide.portfolio .rolling_wrap {right: 30vw;}
  /* // 2023-02-07 메인 비주얼 개편 수정 e */

  .circle_motion {left: 0;}

  .wedo_area .wedo_inner {width: calC(100% - 80px);}
  .wedo_area .title {left: 0;}
  .wedo_area .flow_area {padding: 140px 0 0 300px;}
  .wedo_area .flow_area .list_wrap {width: 100%;}
  .wedo_area .flow_area .list_wrap .list {margin-right: 10%; width: 45%;}

  .vision_area .vision_inner {width: calC(100% - 80px);}

}

@media all and (max-width:1366px) {
  .ir_area .box_wrap {padding: 45px 80px;}
  .ir_area .left .tit {margin-right: 100px;}
  .ir_area .right {padding-left: 0;}
}

/* 2023-02-07 메인 비주얼 개편 수정 s */
@media all and (max-width: 1280px) {
	/* 채용 배너 */
	.main_visual .swiper-slide.recruit .txt_area {top: 43%;}
	.main_visual .swiper-slide.recruit .txt_area .tit span:first-of-type,
	.main_visual .swiper-slide.recruit .txt_area .tit span:nth-of-type(2),
	.main_visual .swiper-slide.recruit .txt_area .tit span:last-of-type,
	.main_visual .swiper-slide.recruit .txt_area .desc {position: relative; left: 0;}

	.main_visual .swiper-slide.recruit .txt_area .tit span:first-of-type {top: 4vw;}
	.main_visual .swiper-slide.recruit .txt_area .tit span:nth-of-type(2),
	.main_visual .swiper-slide.recruit .txt_area .tit span:last-of-type {top: 10vw;}

	.main_visual .swiper-slide.recruit .txt_area .tit span.on:first-of-type,
	.main_visual .swiper-slide.recruit .txt_area .desc.on {top: 0;}
	.main_visual .swiper-slide.recruit .txt_area .tit span.on:nth-of-type(2),
	.main_visual .swiper-slide.recruit .txt_area .tit span.on:last-of-type {top: 1vw;}

	.main_visual .swiper-slide.recruit .txt_area .desc {top: 10vw; transform: translateX(0);}
	.main_visual .swiper-slide.recruit .txt_area .desc.on {top: 2.5vw; left: 0; transform: translateX(0);}

	.main_visual .swiper-slide .txt_area .recruit_info_list {margin-top: 60px;}
	.main_visual .swiper-slide .txt_area .recruit_info_list .list {width: 115px; height: 115px;}
	.main_visual .swiper-slide.recruit .txt_area .box_btn {margin-top: 40px;}

	.main_visual .swiper-slide.recruit .mask_wrap .mask1 {mask-size: 30vw; -webkit-mask-size: 30vw;}
	.main_visual .swiper-slide.recruit .mask_wrap .mask2 {mask-size: 8vw; -webkit-mask-size: 8vw;}
	.main_visual .swiper-slide.recruit .mask_wrap .mask3 {top: calc(100vh - 30vw); left: 10vw; mask-size: 60vw; -webkit-mask-size: 60vw;}
  
    .main_visual .swiper-slide.portfolio .txt_area .tit {font-size: 100px;}

	.main_visual .control_area {top: 73%;}
}
/* // 2023-02-07 메인 비주얼 개편 수정 e */

@media all and (max-width:1100px) {  
  
}

/* pad */
@media all and (max-width:1023px) {
  .circle_motion {display: none;}

  .main_visual .swiper-slide .txt_area {left: 5%; top: 320px; transform: translateY(0); padding-bottom: 0; width: 90%;}
  .main_visual .swiper-slide .txt_area .tit {font-family: "neue-haas-unica", sans-serif; font-weight: 600; font-size: 32px; line-height: 44px;}
    .main_visual .swiper-slide.pf .txt_area .tit {font-size: 48px; line-height: 54px;} /* 2022-05-18 추가 */
  .main_visual .swiper-slide .txt_area .txt {margin-top: 25px; font-family: "neue-haas-unica", sans-serif; font-weight: 400; font-size: 14px; line-height: 22px;}
  .main_visual .swiper-button-prev, .main_visual .swiper-button-next {top: 250px; transform: translateY(0); padding-bottom: 0; /* padding-bottom: 410px; */}
  .main_visual .swiper-button-prev {left: 5%; margin-top: 0;}
  .main_visual .swiper-button-next {left: calc(5% + 40px); margin-top: 0;}
  .main_visual .control_area {left: 5%; top: auto; transform: translateY(0); bottom: 75px;}
  /* .main_visual .vis_control_area {left: 5%;} */

/* 2023-02-07 메인 비주얼 개편 수정 s */
  .main_visual .swiper-slide.recruit .txt_area {top: 320px; left: 50%; width: 90%; max-width: initial; transform: translate(-50%, 0);}
  .main_visual .swiper-slide.recruit .txt_area .tit span {display: block; line-height: 1; font-size: 52px;}
  .main_visual .swiper-slide.recruit .txt_area .tit span:last-of-type {top: 17vw;}

  .main_visual .swiper-slide .txt_area .recruit_info_list {margin-top: 40px;}

  .main_visual .swiper-slide.recruit .mask_wrap .mask1 {mask-size: 300px; -webkit-mask-size: 300px;}
  .main_visual .swiper-slide.recruit .mask_wrap .mask2 {mask-size: 65px; -webkit-mask-size: 65px; top: 32%; right: -214px;}
  .main_visual .swiper-slide.recruit .mask_wrap .mask3 {top: calc(100vh - 330px); left: -355px; mask-size: 650px; -webkit-mask-size: 650px;}

  .main_visual .swiper-slide.portfolio .txt_area .tit {font-size: 80px; line-height: 1;}
  .main_visual .swiper-slide.portfolio .txt_area .tit .mob {display: block;}
  .main_visual .swiper-slide.portfolio .rolling_wrap {right: 25vw;}
  .main_visual .swiper-slide.portfolio .rolling_wrap .rolling_item .rolling_img img {width: 35vw;}
  /* // 2023-02-07 메인 비주얼 개편 수정 e */

  /* 2022-05-18 추가 */
  .main_visual .swiper-slide.pf {background-image: url(../images/main-pf-bg-mobile.jpg); background-repeat: no-repeat; background-size: cover;}
  .main_visual .swiper-slide .float_img {width: 50%; top: 40%;}
  .main_visual .swiper-slide .float_img2 {width: 50%; top: 30%;}
  .main_visual .swiper-slide .float_img2  img {width: 100%;}
  .main_visual .swiper-slide .img3 {width:70%;}
  .main_visual .swiper-slide .img3 img {width: 100%;}
  .text_area .download_area .txt {font-size: 24px; line-height: 34px;}
  .text_area .area-bg {background-position: bottom right;}
  /* //2022-05-18 추가 */

  .sec_list_w {display: block;}
  .sec_list_w .list {width: 100%;}

  .news_area .sec_list_w .list {margin-top: 100px;}

  /* .vision_area .txt_wrap .tit br {display: none;} */ /* 2022-05-18 삭제 */

  .video_txt {font-size: 80px; line-height: 1.2;}

  .wedo_area .flow_area {padding: 240px 0 0;}

  .ir_area .box_wrap {flex-direction: column; padding: 35px 5%;}
  .ir_area .left {justify-content: space-between; margin-bottom: 50px; width: 100%;}
  .ir_area .left .tit {font-size: 18px;}
  .ir_area .left .stock_price {font-size: 24px;}
  .ir_area .left .stock_price:after {left: 0; border-right: 6px solid transparent; border-left: 6px solid transparent;}
  .ir_area .left .stock_price.minus:after {border-bottom: 8px solid transparent; border-top: 8px solid #1472cf;}
  .ir_area .right {width: 100%;}
  .ir_area .right .row .list {width: auto;}
  .ir_area .right .row .list:nth-child(2) .tit {text-align: center;}

  .blog_area .main_inner {width: 90%;}
  .blog_area .sec_list_w .list {margin-top: 100px;}
}


@media all and (max-width:767px) {
  section .section_tit {margin-bottom: 55px;}

  .main_visual .swiper-button-prev, .main_visual .swiper-button-next {top: 150px; padding-bottom: 0; background-size: auto 20px;}
  .main_visual .swiper-slide .txt_area {top: 200px; padding-top: 0; padding-bottom: 0;}
  .main_visual .swiper-slide .txt_area .tit {font-size: 28px; line-height: 39px;}
  .main_visual .swiper-slide .txt_area .txt {margin-top: 15px; font-size: 12px; line-height: 19px;}
/*   .main_visual .swiper-slide .txt_area .txt br {display: none;}
  .main_visual .swiper-slide .txt_area .box_btn {display: inline-block; margin-top: 35px;}
  .main_visual .swiper-slide .img_wrap video {object-fit: fill; width: 100%; height: 100%;}
  .main_visual .control_area {padding-top: 0; bottom: calc(5% + 15px);} */
    /* 2023-02-07 메인 비주얼 개편 수정 s */
  .main_visual .swiper-slide .txt_area .recruit_info_list {margin-top: 25px;}
  .main_visual .swiper-slide .txt_area .recruit_info_list .list {margin-right: 7px; width: 90px; height: 90px; border: 2px solid rgba(255, 255, 255, 0.2)}
  .main_visual .swiper-slide .txt_area .recruit_info_list .list .info_wrap {margin-top: -3px;}
  .main_visual .swiper-slide .txt_area .recruit_info_list .list .con_txt {font-size: 13px;}
  .main_visual .swiper-slide .txt_area .recruit_info_list .list .count {font-size: 16px;}
  .main_visual .swiper-slide .txt_area .txt br {display: none;}
  .main_visual .swiper-slide .txt_area .box_btn {display: inline-block; margin-top: 35px;}
  .main_visual .swiper-slide .img_wrap video {object-fit: fill; width: 100%; height: 100%;}
  .main_visual .control_area {padding-top: 0; bottom: calc(5% + 15px);}

  .main_visual .swiper-slide.recruit .txt_area {top: 200px; left: 50%; width: 90%; max-width: initial; transform: translate(-50%, 0);}
  
  .main_visual .swiper-slide.portfolio .txt_area .tit {margin-left: -2px; font-size: 15vw; letter-spacing: -2px;}
  .main_visual .swiper-slide.portfolio .rolling_wrap {right: 10vw;}
  .main_visual .swiper-slide.portfolio .rolling_wrap .rolling_item .rolling_img img {width: 40vw;}
  /* // 2023-02-07 메인 비주얼 개편 수정 e */
  
 /* 2022-05-18 추가 및 수정 */
  .vision_area .text_area .area-bg {background: url(../images/bg-main-download-mobile.jpg) no-repeat; background-size: cover; background-position: bottom right;}
  .vision_area {padding: 0;}
  .vision_area .vision_inner {width: 90%;}
  .vision_area .text_area .txt_wrap .tit {font-size: 32px; line-height: 44px;}
  .vision_area .text_area .download_area .txt {margin-top: 35px; font-size: 24px; line-height: 34px;}
  /* //2022-05-18 추가 및 수정 */
  
  .wedo_area .wedo_inner {margin-top: 100px; width: 90%;}
  .wedo_area .title {font-size: 24px; line-height: 39px;}
  .wedo_area .flow_area {padding: 210px ​0 0;}
  .wedo_area .flow_area .txt_div {font-size: 15px; line-height: 24px;}
  .wedo_area .flow_area .list_wrap .list {width: 100%;}
  .wedo_area .flow_area .list_wrap .list .tit {font-size: 18px; line-height: 29px;}
  .wedo_area .flow_area .list_wrap .list .txt {margin: 25px 0 40px;}
  .wedo_area .flow_area .list_wrap .list .img_div {padding-top: 140%;}
  .wedo_area .flow_area .list_wrap .list .img_div img {top: 50%; width: 100%; transform: translate(-50%, -50%) scale(1) !important;}
  .wedo_area .flow_area .list_wrap .list:nth-child(2) {margin-top: 30px;}
  .wedo_area .flow_area .list_wrap .list:nth-child(2n-1):not(:first-child) {margin-top: 250px;}
  .wedo_area .flow_area .list_wrap .list:nth-child(4) {margin-top: -60px;}
  .wedo_area .flow_area .list_wrap .list:nth-child(5) {margin-top: 300px !important;}
  
  .fixed_video {margin-top: 200px;}
  /* .fixed_video .width_video {margin-top: 200px;} */
  /* .video_area {height: 50vh;} */
  .video_txt {font-size: 40px; line-height: 54px;}
  .fixed_video #vision_video {object-fit: fill; width: 100%; height: 100%;}

  .news_area {padding: 150px 0;}
  .news_area .main_inner {width: 90%;}
  .news_area .sec_list_w .list {margin-top: 70px;}
  .news_area .sec_list_w .list:first-child {margin-top: 0;}
  .news_area .sec_list_w .list .date {margin-bottom: 25px; font-size: 14px;}
  .news_area .sec_list_w .list .tit {margin-bottom: 25px; height: 56px; font-size: 18px; line-height: 29px;}
  .news_area .sec_list_w .list .txt {margin-bottom: 30px; height: 65px; font-size: 14px; line-height: 22px;}

  .ir_area {padding: 160px 5%;}
  .ir_area .box_wrap {width: 100%;}
  .ir_area .right .row .list .tit {font-size: 14px;}
  .ir_area .right .row .list .info {font-size: 16px;}

  .blog_area {padding: 160px 0;}
  .blog_area .main_inner {width: 90%;}
  .blog_area .list .txt {margin: 20px 0; font-size: 18px; line-height: 29px;}
  .blog_area .sec_list_w .list {margin-top: 80px;}

  .main_popup .pop_con {width: 90%;}
  .main_popup .pop_con .scroll_area {max-height: 320px;}
  .main_popup .pop_con .swiper-slide {width: 100%; min-height: 320px; height: 320px;}
  .main_popup .pop_con .swiper-slide img {width: 100%;}
  .main_popup .pop_con .control_area .left {padding-left: 19px;}
  .main_popup .pop_con .control_area .swiper-pagination .swiper-pagination-bullet {margin-right: 8px;}
  .main_popup .pop_con .control_area .right {padding-right: 19px;}
  .main_popup .checkbox_div label {min-height: 18px; font-size: 12px; background: url(../images/ico-checkbox-m.png) left center/18px no-repeat;}
  .main_popup .checkbox_div input:checked + label {background: url(../images/ico-checkbox-on-m.png) left center/18px no-repeat;}
  .main_popup .pop_close {width: 18px; height: 18px; background-size: 18px;}

  @media (orientation: landscape) {
    /* Landscape 모드일 때 적용할 CSS */
    .main_popup .pop_con {width: 70%; height: 85%;}
    .main_popup .pop_con .swiper-slide {overflow-y: auto;}
    .main_popup .pop_con .scroll_area {max-height: 90%;}
  }
}

/* 2022-05-18 추가 */
@media all and (max-width:540px) {
  .main_visual .swiper-slide .img3 {width: 372px; right: -10px; margin-right: 0;}
  .main_visual .swiper-slide .img3 img{width: 100%;}
  .main_visual .swiper-slide .float_img {width: 266px; top: 47%; right: -55px; margin-right: 0;}
  .main_visual .swiper-slide .float_img2 {width: 288px; top: 34%; right: -45px; margin-right: 0;}
}
/* //2022-05-18 추가 */

@media all and (max-width:320px) {
  .main_visual .swiper-button-prev, .main_visual .swiper-button-next {top: 100px;}
  .main_visual .swiper-slide .txt_area {top: 160px;}
}