.main_visual_head_wrap {position: relative; z-index:10; height:35vw; overflow:hidden;}
.main_visual_head_wrap .inner_container {max-width: 100vw; width:100%;padding: 0; height:35vw;}
.main_visual_head_wrap .swiper-pagination-fraction {color: #fff;}

/*movie slider*/
.main_visual_head_wrap .carousel video{display: block; width: 100%; height: 100%}
.main_visual_head_wrap .carousel-cell {width: 100vw; height: auto}
.main_visual_head_wrap .carousel.is-fullscreen .carousel-cell {height: 100%}

.main_visual_head_wrap .flickity-prev-next-button{display:none}
.main_visual_head_wrap .flickity-page-dots {display:none}

.main_visual_head_wrap .fslide_control{position:absolute; left:50%; transform:translateX(-50%); bottom:40px; width:90%; max-width:1280px}
.main_visual_head_wrap .fslide_control .custom_btn_wrap:after{content:''; display:block; clear:both}
.main_visual_head_wrap .fslide_control .custom_btn_wrap .custom_next_btn{float:right; cursor:pointer; transition:0.2s ease}
.main_visual_head_wrap .fslide_control .custom_btn_wrap .custom_next_btn:hover{opacity:0.6}
.main_visual_head_wrap .fslide_control p{font-size:13px; color:#fff; font-weight:bold; text-align:right; margin-top:10px}
.main_visual_head_wrap .fslide_control p span{color:rgba(255,255,255,0.4); font-weight:normal}

.main_visual_head_wrap .progress_bar_bg_wrap{background:url(/img/sub/progress_bar_bg.png) repeat-x; background-position:bottom; margin-top:35px}
.main_visual_head_wrap .progress-bar {height:3px; width:0; background:#fff}


.main_mid_title_wrap {    text-align: CENTER; padding-top: 390px;  padding-bottom: 320px; position: relative; margin-top: -300px;
    z-index: 5; /*background-image:url(/img/main/main_mid_bg_01.jpg);*/ background-size: cover; background-position: left center ; background-repeat: no-repeat;}
.main_mid_title_wrap h4 {font-size: 66px; font-family: 'NEXON Lv2 Gothic Regular'; font-weight: 300;padding-bottom: 15px;}
.main_mid_title_wrap h2 {font-size: 66px; font-family: 'NEXON Lv2 Gothic Bold'; padding-bottom: 50px;}
.main_mid_title_wrap .bar {display: block;  margin: 0 auto;  width: 1px;  height: 50px;  background: #222;}

.inner_container:after {content:""; clear:both; display: table}
.main_mid_desc_wrap {position: relative;  margin-top: -330px;  z-index: 20; padding-bottom:130px}
.main_mid_desc_wrap .col {float: left}
.main_mid_desc_wrap .left {width:42%; padding-top: 280px;}
.main_mid_desc_wrap .right {width:71.016%; text-align: right; position:absolute; right:-180px}
.main_mid_desc_wrap h3 {font-size: 30px;  font-weight: normal;  line-height: 1.4em; padding-bottom: 30px;}
.main_mid_desc_wrap p {font-size: 30px;   padding-bottom: 55px;  line-height: 1.6em; font-weight:bold}
.main_mid_desc_wrap ul li {font-size: 30px;  font-family: 'NEXON Lv2 Gothic Bold';  position: relative;  margin-left: 80px; margin-bottom: 45px; display: inline-block;}
.main_mid_desc_wrap ul li:after {content: "";  width: 104%;  height: 50%;  background: #e8e8e8;  position: absolute;  bottom: 0;  left: -2%;  z-index: -1;}
.main_mid_desc_wrap ul li:before {content:""; width: 39px; height:45px; position: absolute; left: -80px; top:-3px; background-size:cover}
.main_mid_desc_wrap ul li:nth-child(1):before {background-image:url(/img/main/main_list_icon_01.png)}
.main_mid_desc_wrap ul li:nth-child(2):before {background-image:url(/img/main/main_list_icon_02.png)}
.main_mid_desc_wrap ul li:nth-child(3):before {background-image:url(/img/main/main_list_icon_03.png)}

.main_whoweare_wrap { padding-top:250px; padding-bottom:380px; background-image:url(/img/main/main_mid_bg_02_new.jpg); background-size: cover; background-position: left center ; background-repeat: no-repeat; text-align:center; font-size:0;}
.main_whoweare_wrap h2 {font-size: 65px; padding-bottom: 10px; font-family: 'NEXON Lv2 Gothic Bold'; text-align:left;}
.main_whoweare_wrap .col {display:inline-block; min-height: 1px; vertical-align:middle;}
.main_whoweare_wrap .left {width:23%; padding-top: 180px;}
.main_whoweare_wrap .right {width:100%;}
.whoweare_index li {display: inline-block; margin-bottom: 30px}
.whoweare_index li a {font-size: 35px; color: #999; font-family: 'NEXON Lv2 Gothic Light'; position: relative; -webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;}
.whoweare_index li a:hover {color: #222}
.whoweare_index li a.current {font-size: 45px; color: #222;font-family: 'NEXON Lv2 Gothic Bold';}
.whoweare_index li a.current:after {content: ""; width: 104%; height: 2px; background: #222; position: absolute; bottom: 3px; left: -2%;}
.main-swiper-area{margin-top:50px;}
.main-swiper-area .swiper-slide {padding-bottom: 15px}
.main-swiper-area .swiper-slide:after {content:""; clear:both; display: table}
.main-swiper-area .swiper-slide .left {width:23%; padding-top: 0; border-radius:50%; position:relative; margin-right:100px;}
.main-swiper-area .swiper-slide .left .video_wrap{max-width:490px; border-radius:0 0 50% 50%; overflow:hidden; max-height:490px; margin-top:4vw; position:relative;}
.main-swiper-area .swiper-slide .left .int_circle_background{position:absolute; bottom:0; z-index:-1;}
.main-swiper-area .swiper-slide .right {width:53%; padding-right:0; text-align:left;}
.main-swiper-area .swiper-slide .interviewee {display: block; font-size: 18px; color:#cad401; font-family: 'NEXON Lv2 Gothic Bold'; padding-bottom: 25px}
.main-swiper-area .swiper-slide .name {font-size: 45px; color:#222; font-family: 'NEXON Lv2 Gothic Bold'; padding-bottom: 65px}
.main-swiper-area .swiper-slide .team_name {display: inline-block; font-size: 18px; color: #999999; font-family: 'NEXON Lv2 Gothic'; font-weight: normal}
.main-swiper-area .swiper-slide .c_title {font-size: 33px; color:#222; font-family: 'NEXON Lv2 Gothic Bold'; margin-bottom: 20px; line-height: 1.2em; position: relative; display: inline-block}
.main-swiper-area .swiper-slide .c_title:after {content: "";  width: 95%;  height: 50%;  background: #e8e8e8;  position: absolute;  bottom: 0;  left: 2.5%;  z-index: -1;}
.main-swiper-area .swiper-slide .comment {font-size: 18px; line-height: 1.6em; padding-left: 18px;}
.main-swiper-area .slider_ctrl {position: absolute; bottom: 0; right: 35px; width: 130px;}
.main-swiper-area .swiper-button-prev {left: 0;}
.main-swiper-area .swiper-button-next {right: 0;}
.main-swiper-area .swiper-button-prev,
.main-swiper-area .swiper-button-next {font-size: 20px; font-family: 'NEXON Lv2 Gothic Bold'; position: relative; display: inline-block; top: 0;color: #222; width: auto; height: auto; margin-top: 0;
    -webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s; }
.main-swiper-area .swiper-button-prev:after {content: ""; width: 17px; height: 8px; position: absolute; left: -30px; top: 40%; background-image:url(/img/main/slide_prev.png); background-size: cover}
.main-swiper-area .swiper-button-next:after {content: ""; width: 17px; height: 8px; position: absolute; right: -30px; top: 35%; background-image:url(/img/main/slide_next.png); background-size: cover}
.main-swiper-area .swiper-button-prev:hover {left: -10px}
.main-swiper-area .swiper-button-next:hover {right: -10px}
.main-swiper-area .slider_ctrl .bar {display: inline-block; margin: 0 15px;  background: #ddd;  width: 1px; height: 10px;}

.main_mid_news_wrap {/*background:url(/img/main/main_mid_bg_03.jpg) no-repeat 100% 100%;*/ padding-bottom: 210px; }
.main_whoweare_wrap h2, .main_mid_news_wrap h2 {font-size: 65px; padding-bottom: 80px; font-family: 'NEXON Lv2 Gothic Bold';}
.main_whoweare_wrap .read_more, .main_mid_news_wrap .read_more {position: absolute; display: inline-block;  right: 30px; top: 40px;  font-size: 24px;font-family: 'NEXON Lv2 Gothic Bold'; z-index: 1; 
  -webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;}
.main_whoweare_wrap .read_more:after, .main_mid_news_wrap .read_more:after {content: ""; width: 17px; height: 8px; position: absolute; right: -30px; top: 35%; background-image:url(/img/main/slide_next.png); background-size: cover}
.main_whoweare_wrap .read_more:before, .main_mid_news_wrap .read_more:before {content: "";  width: 104%;  height: 50%;  background: #019fe8;  position: absolute;  bottom: 0;  left: -2%;  z-index: -1;}
.main_whoweare_wrap .read_more:hover, .main_mid_news_wrap .read_more:hover {right: 20px;}

.main_under_careers_wrap {/*background-image:url(/img/main/main_under_carreer_bg.png);*/ background-size: cover; background-position: center top; background-repeat: no-repeat; padding-bottom:125px}
.main_under_careers_wrap .col {float:left; width:50%; min-height: 1px;}
.main_under_careers_wrap .right {padding: 300px 15px 100px;}
.main_under_careers_wrap h2 {font-size: 65px; padding-bottom: 80px; font-family: 'NEXON Lv2 Gothic Bold';}
.main_under_careers_wrap p {font-size: 30px; line-height: 1.4em;}
.main_under_careers_wrap .link_btn {display: inline-block;  font-size: 16px;  color: #fff;  padding: 18px 60px; border: 1px solid #fff;-webkit-transition: all 0.15s;-moz-transition: all 0.15s;-o-transition: all 0.15s;-ms-transition: all 0.15s;transition: all 0.15s;}
.main_under_careers_wrap .link_btn:hover { border: 1px solid #00365c;; background:#00365c; }
.main_under_careers_wrap a{position: absolute; display: inline-block; right: 30px; top: 40px; font-size: 24px; font-family: 'NEXON Lv2 Gothic Bold'; z-index: 1; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s;}
.main_under_careers_wrap a:before{content: ""; width: 104%; height: 50%; background: #019fe8; position: absolute; bottom: 0; left: -2%; z-index: -1;}
.main_under_careers_wrap a:after{content: ""; width: 17px; height: 8px; position: absolute; right: -30px; top: 35%; background-image: url(/img/main/slide_next.png); background-size: cover;}
.main_under_careers_wrap a:hover{right:20px}
.main_under_careers_wrap .careers_visual{position:relative; margin-bottom:180px}
.main_under_careers_wrap .careers_visual .txt_box{position:absolute; left:0; bottom:-75px; background:#fff; padding-top:50px; padding-right:65px}
.main_under_careers_wrap .careers_visual .txt_box p{font-size:36px; font-family: 'NEXON Lv2 Gothic Bold'; line-height:1.2}

.left video{margin-left:0; max-width:800px; width:200%; left:50%; position:absolute; transform:translate(-50%, 0);}
.left .video_wrap img{max-width:800px; margin-top:3vw; width:200%; left:50%; position:absolute; transform:translate(-50%, 0);}

.pic_lt.latest_pic_a ul:after{content:""; display:block; clear:both;}

/* EN */
.main-swiper-area .swiper-slide .col .en_name {padding-bottom: 35px}

.main_whoweare_wrap.eng {display:none}
.main_mid_news_wrap.eng {padding-top: 210px;}





/* Media Query */
@media (min-width:1930px)  {
.main_mid_title_wrap {background-size:90% 130%}
.main_whoweare_wrap {background-size:100% 115%}
/*.main_under_careers_wrap {  margin-top: -250px;}*/
.main_under_careers_wrap .right {  padding: 450px 15px 150px;}

}

@media (max-width:1650px){
.main_mid_desc_wrap .right{width:65.065%; right:-90px}
}

@media (max-width:1470px){
.main_mid_desc_wrap .right{width:60.065%; right:-25px}
}


@media (max-width:1280px){
.main_mid_title_wrap{padding-bottom:32vw; padding-top:32vw; margin-top:-21vw}
.main_mid_title_wrap h4{font-size:5.5vw; padding-bottom:0.1vw}
.main_mid_title_wrap h2{font-size:5.5vw; padding-bottom:2.5vw}

.main_mid_desc_wrap{margin-top:-31vw; padding-bottom:9vw}
.main_mid_desc_wrap .left{padding-top:17vw; width:40%}
.main_mid_desc_wrap .right{width:60%; right:0; padding-right:2vw}
.main_mid_desc_wrap h3{font-size:2.2vw; padding-bottom:3vw}
.main_mid_desc_wrap p{font-size:2.1vw; padding-bottom:3vw}
.main_mid_desc_wrap ul li{font-size:2.3vw; margin-bottom:4vw; margin-left:5vw}
.main_mid_desc_wrap ul li:before{left:-5vw; top:-0.1vw; width:3.05vw; height:3.5vw}

.main_whoweare_wrap{padding-top:22vw; padding-bottom:16vw; background-size:contain; background-position:top center}
.main_whoweare_wrap .left{padding-top:13vw}
.main_whoweare_wrap h2{font-size:5.5vw; padding-bottom:1vw}

.whoweare_index li{margin-bottom:3vw}
.whoweare_index li a.current{font-size:4vw}
.whoweare_index li a{font-size:3vw}

.main-swiper-area .swiper-slide .left{padding-right:0; margin-right:3vw; width:calc(100% - 57vw);}
.main-swiper-area .swiper-slide .right{padding-top:8vw; width:54%; padding-right:0}
.main-swiper-area .swiper-slide .interviewee{font-size:1.8vw; padding-bottom:2.5vw}
.main-swiper-area .swiper-slide .name{font-size:3.3vw; padding-bottom:5vw}
.main-swiper-area .swiper-slide .team_name{font-size:1.4vw; margin-bottom:2vw}
.main-swiper-area .swiper-slide .c_title{font-size:2.6vw; margin-bottom:2vw}
.main-swiper-area .swiper-slide .comment{padding-left:1.8vw; font-size:1.4vw}

.main-swiper-area .slider_ctrl{right:3vw; width:auto}
.main-swiper-area .slider_ctrl .bar{margin:0 1vw}

.main-swiper-area .swiper-button-prev, .main-swiper-area .swiper-button-next{font-size:1.5vw}
.main-swiper-area .swiper-button-prev:after{left:-2.3vw}
.main-swiper-area .swiper-button-next:after{right:-2.3vw}

.main_whoweare_wrap h2, .main_mid_news_wrap h2{font-size:5.5vw; padding-bottom:6vw}
.main_whoweare_wrap .read_more, .main_mid_news_wrap .read_more{right:3vw; top:4vw; font-size:2vw}
.main_whoweare_wrap .read_more:after, .main_mid_news_wrap .read_more:after{right:-2vw}

.main_mid_news_wrap{padding-bottom:15vw; background-size:30%}

.main_under_careers_wrap{padding-bottom:10vw}
.main_under_careers_wrap h2{font-size:5.5vw; padding-bottom:6vw}
.main_under_careers_wrap p{font-size:1.8vw}
.main_under_careers_wrap a{font-size:2vw}

.main_under_careers_wrap .right{padding:15vw 1.5vw 4vw}
.main_under_careers_wrap .link_btn{font-size:1.4vw; padding:1.3vw 4vw}

.main_under_careers_wrap .careers_visual{margin-bottom:13vw}
.main_under_careers_wrap .careers_visual .txt_box{bottom:-5.5vw; padding-top:4vw; padding-right:5vw}
.main_under_careers_wrap .careers_visual .txt_box p{font-size:2.6vw}


/* EN */
.main_mid_news_wrap.eng {   padding-top: 15vw; }

}

@media (max-width:1200px){
.main_whoweare_wrap .read_more, .main_mid_news_wrap .read_more{right:45px}
.main_under_careers_wrap a{right:45px}
}

@media (max-width:767px){
.main_mid_title_wrap{padding-top:33vw}
.main_mid_title_wrap h4{font-size:5vw}
.main_mid_title_wrap h2{font-size:5vw}
.main_mid_title_wrap .bar{height:6vw}

.main_mid_desc_wrap{padding-bottom:0}
.main_mid_desc_wrap .col{float:none}
.main_mid_desc_wrap .left{width:100%; padding-top:7vw}
.main_mid_desc_wrap .right{width:100%; margin-top:-6vw; position:static}
.main_mid_desc_wrap .right img{width:74%}
.main_mid_desc_wrap h3{font-size:5.2vw}
.main_mid_desc_wrap p{font-size:2.5vw; padding-bottom:4vw}
.main_mid_desc_wrap ul li{font-size:5.3vw; margin-bottom:6vw; margin-left:8vw}
.main_mid_desc_wrap ul li:before{left:-10vw; width:6.55vw; height:7.5vw}

.main_whoweare_wrap{padding-top:10vw}
.main_whoweare_wrap .col{float:none}
.main_whoweare_wrap .left{width:100%; padding-top:8vw; margin-bottom:3vw}
.main_whoweare_wrap .right{width:100%}
.main_whoweare_wrap h2{font-size:5.5vw}

.whoweare_index li{margin-bottom:0}
.whoweare_index li + li{margin-left:2vw}
.whoweare_index li a{font-size:3.5vw}
.whoweare_index li a.current{font-size:5vw}

.main-swiper-area .swiper-slide .left{width:100%; padding-right:0; text-align:center}
.main-swiper-area .swiper-slide .right{width:100%; padding-top:2vw; padding-bottom:6vw}
.main-swiper-area .swiper-slide .interviewee{font-size:2.5vw}
.main-swiper-area .swiper-slide .name{font-size:4.3vw}
.main-swiper-area .swiper-slide .team_name{font-size:2.4vw}
.main-swiper-area .swiper-slide .c_title{font-size:3.6vw; margin-bottom:3vw}
.main-swiper-area .swiper-slide .comment{font-size:2.4vw}

.main-swiper-area .slider_ctrl{right:0}

.main-swiper-area .swiper-button-prev, .main-swiper-area .swiper-button-next{font-size:2.5vw}
.main-swiper-area .swiper-button-next{padding-right:5vw}
.main-swiper-area .swiper-button-next:after{right:0}
.main-swiper-area .swiper-button-prev:after{left:-4.6vw}

.main-swiper-area .swiper-slide .left .video_wrap{max-width:unset; width:100%;}
.main-swiper-area .swiper-slide .left .int_circle_background{width:100%;}

.main_whoweare_wrap h2, .main_mid_news_wrap h2{font-size:8.5vw}
.main_whoweare_wrap .read_more, .main_mid_news_wrap .read_more{font-size:4.5vw; margin-right:6vw; top:2vw}
.main_whoweare_wrap .read_more:after, .main_mid_news_wrap .read_more:after{right:-5vw}

.main_whoweare_wrap h2, .main_mid_news_wrap h2{font-size:5.5vw}
.main_whoweare_wrap .read_more, .main_mid_news_wrap .read_more{font-size:3vw; margin-right:4.5vw; right:25px}

.main_under_careers_wrap{background-size:150%}
.main_under_careers_wrap .left{width:33%}
.main_under_careers_wrap .right{padding:18vw 1.5vw 4.2vw; width:67%}
.main_under_careers_wrap h2{font-size:5.5vw}
.main_under_careers_wrap p{font-size:3.3vw}
.main_under_careers_wrap a{font-size:3vw; top:2vw}
.main_under_careers_wrap .link_btn{font-size:2.2vw; padding:2.3vw 5vw}

.main_under_careers_wrap .careers_visual .txt_box{bottom:-6.5vw}
.main_under_careers_wrap .careers_visual .txt_box p{font-size:3.2vw}

.left video{top:10%; margin-top:0;}
}

@media (max-width:480px){
.main_visual_head_wrap .fslide_control .custom_btn_wrap{display:none}
.main_visual_head_wrap .fslide_control{bottom:20px}
.main_visual_head_wrap .progress_bar_bg_wrap{margin-top:15px}

.main_mid_title_wrap h2{font-size:6vw}
.main_mid_title_wrap h4{font-size:6vw}

.main_mid_desc_wrap p{font-size:3.5vw}
.main_mid_desc_wrap .right{margin-top:0; padding-right:0}

.main_whoweare_wrap h2{font-size:6vw}
.main-swiper-area .swiper-slide .left .video_wrap{margin-top:7vw}

.main-swiper-area .swiper-slide .interviewee{font-size:3.5vw}
.main-swiper-area .swiper-slide .name{font-size:5.3vw}
.main-swiper-area .swiper-slide .team_name{font-size:3.4vw}
.main-swiper-area .swiper-slide .c_title{font-size:4.6vw}
.main-swiper-area .swiper-slide .comment{font-size:3.4vw}
.main-swiper-area .swiper-button-prev, .main-swiper-area .swiper-button-next{font-size:3.5vw}

.main_whoweare_wrap h2, .main_mid_news_wrap h2{font-size:6vw; padding-bottom:8vw}
.main_whoweare_wrap .read_more, .main_mid_news_wrap .read_more{font-size:4vw}

.main_under_careers_wrap h2{font-size:6vw; padding-bottom:8vw}
.main_under_careers_wrap a{font-size:4vw}
.col p.comment br{display:none;}



/* poopup */
.hd_pops {top: 0 !IMPORTANT;   left: 10px !important;}
.hd_pops_con {width: 90vw ! IMPORTANT;   height: auto ! IMPORTANT;}
}