@charset "utf-8";
.main {font-family:'Roboto','NotoSansKR',arial,helvetica,'Dotum',sans-serif;padding-bottom:100px;}
.main .vimedia {position:absolute;top:0;left:0;right:0;width:100%;text-align:center;color:#fff;background:url(../media/main_pic.jpg) no-repeat 0 0;background-size:cover;min-height:100%;overflow:hidden;}
.main .vimedia .scroll {opacity:1;background:url(../img/comm/icon_scroll.png) no-repeat 0 0;display:inline-block;width:22px;height:32px;position:absolute;bottom:40px;left:50%;margin-left:-16px;z-index:5;}
.main .vimedia .scroll:before {width:2px;height:4px;content:'';display:inline-block;position:absolute;left:50%;margin-left:-1px;top:9px;background:rgba(255,255,255,0.7);
    transform-origin: 50% 50%;
    animation: scroll_effect 1.25s ease-in-out infinite;
}
@keyframes scroll_effect {
    0% {top: 9px;}
    50% {top: 13px;}
    100% {top: 9px;}
}
.wrap.up {padding-top:60px;}
.video_wrap {position:relative;height:100%;z-index:4;}
.video_wrap:after {content:'';background-color:rgba(0,0,0,0.4);display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;}
.video_wrap .media_item {width:100%;height:100%;}
.video_wrap .media, .video_wrap video {width:100%;height:100%;}

.media_item {
position: absolute;
right: 0;
bottom: 0;
top:0;
width: 100%;
height: 100%;
background-size: 100% 100%;
background-color: black; /* in case the video doesn't fit the whole page*/
background-image: /* our video */;
background-position: center center;
background-size: contain;
object-fit: cover; /*cover video background */
z-index:4;
}

.media_slide_wrap {
position: absolute;
right: 0;
bottom: 0;
top:0;
width: 100%;
height: 100%;
background-size: 100% 100%;
background-image: /* our video */;
background-position: center center;
background-size: contain;
object-fit: cover; /*cover video background */
z-index:6;
}
.media_slide_wrap {height:100%;text-align:center;}
.media_slide_wrap .swiper-container {height:100%;}
.media_slide_wrap .item_cont .item_cont {position:relative;width:100%;height:100%;text-align:center;}

.media_slide_wrap .swiper-slide {transition:all ease 0.5s;}
.media_slide_wrap .swiper-slide:after {display:inline-block;content:'';width: 26%;height:1px;background-color:rgba(255,255,255,0.3);position:absolute;top:47%;left:0;} /* 1018 수정 */
.media_slide_wrap .swiper-slide:before {display:inline-block;content:'';width: 26%;height:1px;background-color:rgba(255,255,255,0.3);position:absolute;top:47%;right:0;} /* 1018 수정 */
.media_slide_wrap .swiper-slide .item_cont .item_txt {z-index:6;color:rgba(255,255,255,0.3);position:absolute;top:50%;left:50%;height:98px;width:300px;margin:-49px 0 0 -150px;line-height:1;}
.media_slide_wrap .swiper-slide .item_cont .item_txt .large_txt {font-size:60px;font-weight:500;}
.media_slide_wrap .swiper-slide .item_cont .item_txt .sub_txt {opacity:0;}

.media_slide_wrap .swiper-slide.the_mid .item_cont .item_txt {color:rgba(255,255,255,1);}
.media_slide_wrap .swiper-slide.the_mid .item_cont .item_txt .large_txt {font-size:60px;font-weight:500;}
.media_slide_wrap .swiper-slide.the_mid .item_cont .item_txt .sub_txt {font-size:16px;margin-top:20px;color:rgba(255,255,255,0.8);opacity:1;}

/*
.media_slide_wrap .media_slide_inner {width:100%;height:100%;position:relative;z-index:5;}
.media_slide_wrap .item_cont {position:relative;width:100%;height:100%;text-align:center;overflow:hidden;}
.media_slide_wrap .item_cont:after {display:inline-block;content:'';width:32%;height:1px;background-color:rgba(255,255,255,0.3);position:absolute;top:47%;left:0;}
.media_slide_wrap .item_cont:before {display:inline-block;content:'';width:32%;height:1px;background-color:rgba(255,255,255,0.3);position:absolute;top:47%;right:0;}
.media_slide_wrap .item_cont .item_txt {z-index:6;color:rgba(255,255,255,0.3);position:absolute;top:50%;left:50%;height:98px;width:300px;margin:-49px 0 0 -150px;line-height:1;}
.media_slide_wrap .item_cont .item_txt .large_txt {font-size:60px;font-weight:500;}
.media_slide_wrap .item_cont .item_txt .sub_txt {opacity:0;}

.media_slide_wrap .item_cont .item_txt.the_mid {color:rgba(255,255,255,1);}
.media_slide_wrap .item_cont .item_txt.the_mid .large_txt {font-size:60px;font-weight:500;}
.media_slide_wrap .item_cont .item_txt.the_mid .sub_txt {font-size:16px;margin-top:20px;color:rgba(255,255,255,0.8);opacity:1;}
.media_slide_wrap .item_cont .item_txt.the_r {opacity:0;}
.media_slide_wrap .item_cont .item_txt.the_l {opacity:0;}
.media_slide_wrap .media_slide_inner:after {clear:both;display:block;content:'';}
*/

.intro_vi_media {position:fixed;left:0;top:0;bottom:0;right:0;background:#0e3db2;width:100%;height:100%;z-index:1000;overflow:hidden;}

.main > .section {line-height:1;}
.main > .section .max_inner {width:100%;position:relative;height:100%;margin:0 auto;}
.main > .section .inner {padding:0 20px;}
.main > .section .view_txt {position:relative;padding-bottom:50px;}
.main > .section .view_txt .title {font-size:26px;color:#0e3db2;font-weight:500;height:35px;}
.main > .section .view_txt .text {font-size:16px;color:#0e3db2;line-height:23px;}
.section .view_txt .direct_go {font-size:15px;display:inline-block;position:absolute;font-weight:500;color:#000;padding-bottom:8px;bottom:0;}
.section .view_txt .direct_go:before {position:absolute;bottom:0;left:0;right:0;width:100%;height:1px;background-color:#000;display:inline-block;content:'';}

.main > .section.main_cont_01 .max_inner {min-height:600px;}

.main_cont_01 {background:#e5e7ec;overflow:hidden;padding:70px 0 0;position:relative;overflow:hidden;z-index:3;}
.main_cont_01 .direct_go {}
.main_cont_01 .view_txt {z-index:20;}
.btn_view_player {z-index:11;width:110px;height:110px;display:inline-block;position:absolute;right:50%;bottom:70px;}
.btn_view_player div {display:table;width:110px;height:110px;background-color:#0e3db2;border-radius:110px;overflow:hidden;text-align:center;}
.btn_view_player div span {display:table-cell;vertical-align:middle;text-align:center;height:110px;line-height:22px;font-size:15px;color:#fff;}
.img_pic_01 {z-index:10;position:absolute;display:inline-block;width:634px;height:451px;margin-left:-317px;left:50%;bottom:0;}
.img_pic_01 img {height:100%;}

@media all and (max-width:720px) {
    .img_pic_01 {margin-left:-130px;}
}
.bg_effect_main_01 {z-index:3;overflow:hidden;width:400px;height:400px;border-radius:200px;background-color:#f5f5f7;display:inline-block;position:absolute;top:-240px;right:-170px;
    transform-origin: 50% 50%;
    animation: main_effect1 2s ease-in-out infinite;
}
@keyframes main_effect1 {
    0% {top: -320px;}
    50% {top: -280px;}
    100% {top: -320px;}
}
.main_cont_02 {padding:70px 0 70px;background-color:#0e3db2;overflow:hidden;}
.section.main_cont_02 .view_txt .title  {color:#fff;}
.section.main_cont_02 .view_txt .text {color:#bcc9eb;}
.section.main_cont_02 .view_txt .direct_go {color:#8dc5ff;}
.section.main_cont_02 .view_txt .direct_go:before {background-color:#8dc5ff;}

.preview_careers {margin-top:60px;}
.preview_careers ul {font-size:0;margin-top:60px;}
.preview_careers ul li {display:inline-block;width:33.33%;text-align:center;vertical-align:top;float:left;}
.preview_careers ul li .icon {display:inline-block;min-width:120px;vertical-align:middle;}
.preview_careers ul li.careers_01 .icon {background:url(../img/main/icon_careers_01.png) no-repeat 0 bottom;width:120px;height:120px;background-size:120px;}
.preview_careers ul li.careers_02 .icon {background:url(../img/main/icon_careers_02.png) no-repeat 0 0;width:120px;height:120px;background-size:120px;}
.preview_careers ul li.careers_03 .icon {background:url(../img/main/icon_careers_03.png) no-repeat 0 center;width:120px;height:120px;background-size:120px;}
.preview_careers ul li.careers_04 .icon {background:url(../img/main/icon_careers_04.png) no-repeat 0 0;width:141px;height:120px;background-size:141px;}
.preview_careers ul li .box {color:#bcc9eb;font-size:20px;line-height:27px;letter-spacing:-0.5px;vertical-align:top;margin-top:25px;}
.preview_careers ul li .box .title {color:#fff;font-family:"Roboto";font-weight:500;letter-spacing:0;font-size:20px;display:block;margin-bottom:10px;display:none;}
.preview_careers ul li:first-child {margin-top:0;}
.preview_careers ul:after {clear:both;display:block;content:'';}

@media all and (max-width:720px) {
	.preview_careers ul li {display:inline-block;width:100%;text-align:center;vertical-align:top;margin-top:60px;}
	.preview_careers ul li.careers_01 .icon {width:120px;height:112px;}
	.preview_careers ul li.careers_02 .icon {width:120px;height:120px;}
	.preview_careers ul li.careers_03 .icon {width:120px;height:93px;}
	.preview_careers ul li.careers_04 .icon {width:141px;height:107.5px;}
}

.main_cont_03 {padding:70px 0 0;}
.main_cont_03 .view_txt .direct_go {}

.we_story {margin-top:50px;position:relative;}
.we_story a {display:inline-block;width:100%;position:relative;}
.we_story a .overview {opacity:1;position:static;display:block;margin-top:25px;position:relative;z-index:3;}
.we_story a .overview div {display:table;width:100%;}
.we_story a .overview div > div {display:table-cell;text-align:left;vertical-align:middle;}
.we_story a .overview div > div .menutitle {font-weight:400;display:block;margin-bottom:10px;font-size:20px;color:#000;}
.we_story a .overview div > div .title {font-size:15px;line-height:22px;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.we_story a .story_thumbnail {overflow:hidden;line-height:1;position:relative;z-index:16;}
.we_story a .story_thumbnail .thumbnail_img {background:#f5f5f7;padding:0 0 100% 0;height:0;position:relative;width:100%;}
.we_story a .story_thumbnail .thumbnail_img img {width:100%;height:auto;left:0;right:0;top:0;bottom:0;display:inline-block;}
/*.we_story a:hover .story_thumbnail .thumbnail_img {transform:scale(0.9);}
.we_story a:hover .story_thumbnail .thumbnail_img:before {background:rgba(0,0,0,0.4);width:100%;height:100%;display:inline-block;content:'';position:absolute;left:0;right:0;top:0;content:'';z-index:17;}
.we_story a:hover .overview {opacity:1;}*/

.wrap .we_story .zine_paginav {display:inline-block;position:absolute;right:-10px;bottom:32px; /* 운영높이 / html : bottom:53px; */
    padding:4px 10px;width:60px;left:auto;z-index:4;background-color:rgba(255,255,255,1);vertical-align:top;}
.wrap .we_story .zine_paginav .swiper-pagination-fraction {font-size:16px;color:#ddd;display:block;position:static;vertical-align:top;}
.wrap .we_story .zine_paginav .swiper-pagination-current {color:#000;font-weight:500;vertical-align:top;}
.we_story .box {color:#bcc9eb;font-size:20px;}
.we_story .box .title {}
.we_story > div:after {clear:both;display:block;content:'';}