@charset "utf-8";
*,
*::after,
*::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

ul, ol, li {list-style:none;}

button {border:none;line-height:1;text-transform:none;background-color: transparent; cursor: pointer;}
button[data-control]{position: relative;width: 25px; height: 25px; vertical-align: middle;overflow: hidden;}
button[data-control]:before, button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0; bottom: 0;margin: auto;}
@-webkit-keyframes ProgressDots {from {width: 0px;}to {width: 100%;}}
@keyframes ProgressDots {from {width: 0px;}to {width: 100%;}}

@keyframes typing {0%,30% {opacity:1; width: 0%; }100% {opacity:1; width:98%; }}
@-webkit-keyframes typing {0%,30% {opacity:1; width: 0%; }100% {opacity:1; width:98%; }}

@keyframes blink-caret {0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}
@-webkit-keyframes blink-caret {0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}

@keyframes opacity {0%, 100% {opacity:0;}50% {opacity:1;}}
@-webkit-keyframes opacity {0%, 100% {opacity:0;}50% {opacity:1;}}

@keyframes bg {
    0% {transform: scale(1.1) rotate(-0.01deg); -webkit-transform: scale(1.1) rotate(-0.01deg);}
    70%,100% {transform: scale(1) rotate(-0.01deg); -webkit-transform: scale(1) rotate(-0.01deg);}}
@-webkit-keyframes bg {
    0% {transform: scale(1.1) rotate(-0.01deg); -webkit-transform: scale(1.1) rotate(-0.01deg);}
    70%,100% {transform: scale(1) rotate(-0.01deg); -webkit-transform: scale(1) rotate(-0.01deg);}}

/* container */
#container {position:relative;padding:130px 0 0;width:100%;height:100%;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;z-index:1;}
#container:after {display:block; content:""; clear:both;}

#container a {text-decoration:none;}
#container ul {list-style:none;margin:0;padding:0;}
#container .innerC {max-width:1400px;}

/* main visual */
#main_visual {overflow:hidden;position:relative;width:100%;height:700px;}
#main_visual .scroll {position: absolute;right:0;top:50%;margin-top: -48.5px;font-size:14px;color:#fff;}
#main_visual .scroll span {display:block; width:49px; height:75px; background:url(/images/main/scroll.png)no-repeat;}
#main_visual .viewer_area {width:100%; height:100%;}
#main_visual .viewer_area .slick-arrow {position: absolute;bottom: 0;}
#main_visual .slick-list {width:100%; height:100%;}
#main_visual .slick-list .slick-track {width:100%; height:100%;}
#main_visual .slick-list .slick-slide {width:100%; height:100%;}

#main_visual .images_fade {width:100%;height:100%;background-repeat:no-repeat;background-size: cover;background-position:center;}
#main_visual .images_fade .bgimg {position:absolute; left:0; top:0; width:100%;height:100%;background-repeat:no-repeat;background-size: cover;background-position:center;}
#main_visual .slick-active .images_fade .bgimg {transform: scale(1.1);-webkit-transform: scale(1.1);animation: bg 12s linear 1; -webkit-animation: bg 12s linear 1;}
#main_visual .tiptxt2 {position:absolute;top:45%;left:50%;margin-left:-700px;padding:50px 20px;width:500px;height: 430px;background-color:rgba(0, 0, 0, 0.3);transform: translateY(-50%);-webkit-transform: translateY(-50%);-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;z-index:10;}
#main_visual .tiptxt2 .txtWrap{position:relative; display:table;width:100%;height:100%;}
#main_visual .tiptxt2 .txtCont{display:table-cell;vertical-align:middle;}
#main_visual .tiptxt2 strong {display: block;line-height: 1.2;margin: 0 0 10px;font-weight: 500;font-size: 38px;text-shadow:2px 2px 6px rgba(0 0 0 / 40%);text-align: center;color: #fff;letter-spacing:-0.03em;}
#main_visual .tiptxt2 strong span {display:block;font-size:27px;line-height:1.325em;}
#main_visual .tiptxt2 p.sld_img {position: relative;text-align:center;display: block;overflow: hidden;margin-bottom: 20px;}
#main_visual .tiptxt2 p.sld_img img {width:auto;/* height: auto; */max-width:100%;position: relative;display: inline-block;}
#main_visual .tiptxt2 p.txt_sm {position:relative;margin-top:30px; padding-top:30px;font-size:20px;color: #fff;text-shadow: 2px 2px 6px rgba(0 0 0 / 40%);text-align: center;line-height:1.325em;}
#main_visual .tiptxt2 p.txt_sm:before {content:'';display:block;position:absolute;top: 0;left:50%;margin-left:-20px;width:40px;height:1px;background:#fff;}

#main_visual .pagingbox {position:absolute;left:50%;margin-left:-700px;bottom:90px;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;z-index: 10;}
#main_visual .paging .inner {display: inline-block;position:relative;margin-right: 10px;}
#main_visual .paging .slick-dots {display:inline-block;position: relative;top: -4px;margin:0;padding:0;width: 310px;height: 1px;background: rgba(255, 255, 255, 0.3);}
#main_visual .paging .slick-dots:after{display:block; clear:both; visibility:hidden; content:'';}
#main_visual .paging .slick-dots li {float:left;position:absolute;left:0;bottom:0;width:0;height:100%;background: #fff;}
#main_visual .paging .slick-dots li.slick-active {width:100%;-webkit-animation: ProgressDots 10s both;animation: ProgressDots 10s both;}
#main_visual .paging .slick-dots li button {display:none;}
#main_visual .paging >button {display:inline-block;margin: 0;font-size: 0;}
#main_visual .paging >button[data-control="stop"]:before{width: 3px;height: 12px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
#main_visual .paging >button[data-control="play"]:before{right: -2px;width: 0;height: 0;border-width: 6px 0 6px 9px;border-style: solid;border-color: transparent transparent transparent #fff;}
#main_visual .paging .total {display:inline-block;margin: 0 5px 0 15px;}
#main_visual .paging .total span {display:inline-block;line-height:25px;font-size:15px;color: rgba(255,255,255,.5);}
#main_visual .paging .total span.current {font-size:15px; font-weight:bold; color:#fff;}
#main_visual .paging .total span.current:before,
#main_visual .paging .total span.count:before {display:inline-block; content:"0"; font-size:15px;}
#main_visual .paging .total span.line {margin:0 5px 0 3px;}

#main_visual .paging .slick-arrow {display:inline-block;position:relative; width:25px; height:25px; margin:0 10px;background:url(/images/main/arr.png)no-repeat;font-size:0; vertical-align:top;}
#main_visual .paging .slick-next:before {display:block; position:absolute; top:50%; left:-10px;  content:''; width:1px; height:10px; margin-top:-5px; background:rgba(255,255,255,.5);}
#main_visual .paging .slick-next {background-position:-25px 0;}


@media screen and (min-width:769px) {
#main_visual .images_fade1 .bgimg {background-image:url(/images/main/mainimg01.jpg);}
#main_visual .images_fade2 .bgimg {background-image:url(/images/main/mainimg02.jpg);}
#main_visual .images_fade3 .bgimg {background-image:url(/images/main/mainimg03.jpg);}
}
@media screen and (max-width:769px) {
	#main_visual .images_fade1 .bgimg {background-image:url(/images/main/mainimg01_m.jpg);}
	#main_visual .images_fade2 .bgimg {background-image:url(/images/main/mainimg02_m.jpg);}
	#main_visual .images_fade3 .bgimg {background-image:url(/images/main/mainimg03_m.jpg);}
}

/* pr banner */
#section1{position:relative;margin-top:-63px;} 
.bannerWrap{position:relative;overflow:hidden;}
.banner{position:relative;width:100%;height:100%;}
.banner:before{content:"";display:block;width:50%;height:100%;position:absolute;left:0;top:0;background:#2c50a6;}
.banner .list_frame {position:relative;overflow: hidden;width:100%;margin:0 auto;padding:30px 0 30px;max-width:1400px;background: -moz-linear-gradient(left, #2c50a6 0%, #00abad 100%);background: -webkit-linear-gradient(left, #2c50a6 0%,#00abad 100%);background: linear-gradient(to right, #2c50a6 0%,#00abad 100%);}
.banner .list_frame .slick-list{margin-left:100px;width:90%;}
.banner .list_frame .slick-list .slick-slide{float:left;text-align:center;padding: 0 20px;}
.banner .slick-dots {display:none!important;}
.banner .list_frame .sld_banner {position:relative;}
.banner .list_frame .sld_banner li img{width:310px;height:auto;margin: 0 auto;}
.banner .list_frame .sld_banner button{position:absolute;bottom:0;left:0;display:inline-block;width:40px;height:40px;text-indent:-9999%;overflow:hidden;cursor:pointer;transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
.banner .list_frame .sld_banner button.slick-prev{left:0; background:url('/common/js/slick/img/btn_prev2.png') no-repeat center center;background-color:rgba(255, 255, 255, 0.2)}
.banner .list_frame .sld_banner button.slick-next{left:41px; background:url('/common/js/slick/img/btn_next2.png') no-repeat center center;background-color:rgba(255, 255, 255, 0.2)}
.banner .list_frame .sld_banner button:hover{background-color:rgba(255, 255, 255, 0.4)}

#section3 {display:block;position:relative;margin-top: 300px;width:100%;background:url('/images/main/botWrap_bg.jpg') no-repeat center bottom;background-size:cover;}

.industry-flip-area{background:url('/eng/images/pattern_1.png') no-repeat 0 0;}
.industry-flip-wrapper {margin:100px 0 70px;}
.single-industry-flip-wrap {margin-bottom: 30px;-webkit-perspective: 1000px;perspective: 1000px;}
.single-industry-flip-wrap:hover .single-industry-flip-inner .single-industry-flip-front {-webkit-transform: rotateX(180deg);transform: rotateX(180deg);}
.single-industry-flip-wrap:hover .single-industry-flip-inner .single-industry-flip-back {-webkit-transform: rotateX(360deg);transform: rotateX(360deg);}
.single-industry-flip-inner {position: relative;height: 385px;-webkit-transition: -webkit-transform 0.8s;
transition: -webkit-transform 0.8s;-o-transition: transform 0.8s;transition: transform 0.8s;transition: transform 0.8s, -webkit-transform 0.8s;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.single-industry-flip-front {position: absolute;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;height: 100%;-webkit-transition: -webkit-transform 0.8s;transition: -webkit-transform 0.8s;-o-transition: transform 0.8s;transition: transform 0.8s;transition: transform 0.8s, -webkit-transform 0.8s;background-color: #05103B;background-repeat: no-repeat;background-size: cover;background-position:center;-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.single-industry-flip-front__content {-webkit-align-self: flex-end;-ms-flex-item-align: end;align-self: flex-end;width: 100%;padding: 50px 30px;}
.single-industry-flip-front__content .title {position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 70px;margin-bottom: 0;padding: 10px 70px 10px 18px;color: #222;background-color: #FFF;font-size: 1.25rem;}
.single-industry-flip-front__content .title:after {font-family: 'Font Awesome 5 Free';font-size: 16px;font-weight: 900;line-height: 50px;position: absolute;top: 50%;right: 10px;display: inline-block;width: 50px;
	height: 50px;content: "\f105";-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);
	transform: translateY(-50%);text-align: center;color: #ffffff;background-color: #F6732E;}
.single-industry-flip-back {position: absolute;z-index: 1;width: 100%;height: 100%;padding: 50px 30px;-webkit-transition: -webkit-transform 0.8s;transition: -webkit-transform 0.8s;-o-transition: transform 0.8s;transition: transform 0.8s;transition: transform 0.8s, -webkit-transform 0.8s;-webkit-transform: rotateX(180deg);transform: rotateX(180deg);background-repeat: no-repeat;background-size: cover;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.single-industry-flip-back:before {position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;content: "";opacity: 0.74;background-color: #05103B;}
.single-industry-flip-back__content {z-index: 2;width: 100%;margin-top: 30px;color: #FFF;}
.single-industry-flip-back__content .career-btn {margin-top: 80px;}

.career-btn {display: inline-block;padding: 0 25px;padding-right: 70px;height: 50px;line-height: 50px;font-size: 0.8125rem;font-weight: 700;text-transform: uppercase;letter-spacing: .5px;overflow: hidden;z-index: 1;color: #ffffff;background-color: #F6732E;position: relative;}
.career-btn:after {content: '';width: 0;height: 100%;top: 0;position: absolute;left: auto;right: 0;z-index: -1;-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;background-color: #00abad;}
.career-btn i {position: absolute;top: 5px;right: 5px;background-color: #ffffff;color: #222;text-align: center;height: 40px;width: 40px;line-height: 40px;display: inline-block;font-size: 1rem;font-weight: 500;border-color: rgba(238, 238, 238, 0.3);}
.career-btn:hover {color: #ffffff;}
.career-btn:hover:after {width: 100%;left: 0;right: auto;}
.career-btn--style2 {padding-right: 25px;}

/* newsWrap Area */
.innerC .newsWrap .row{margin-right:-10px;margin-left:-10px;}
.innerC .newsWrap .col-lg-4{padding-right:10px;padding-left:10px;}
.newsWrap {float:left;position:relative;top:-140px;width:65%;max-width:910px;}
.newsWrap h2, .movWrap h2 {margin-bottom:30px;font-size:40px;font-weight:700;}
.news_list{position:relative;}
.news_list > div{position:relative;transition:all 0.5s;}
.news_list > div + div {margin-left:}
.news_list> div > a{display:block;position:relative;width:100%;height:auto;border:1px solid #ccc;}
/*.news_list> div > a::before{content:'';display:block;position:absolute;top:-4px;left:-4px;width:100%;height:100%;border:4px solid;border-image:linear-gradient(to top right, #2c50a6, #00abad , #05c9cc);border-image-slice:1;opacity:0;transition:all 0.3s;box-sizing:initial;}
.news_list> div > a:hover::before {opacity: 1;}*/
.news_list .thumb_wrap{position:relative;overflow:hidden;align-items:center;}
.news_list .thumb_wrap img{width:100%;height:100%;transition:transform 0.5s;}
.news_list a:hover .thumb_wrap img{transform:scale(1.1)}
.news_list .text_wrap {position:relative;height:220px;padding:30px; color:#333;background:#fff;}
.news_list> div > a:hover:after{content:'';display:block;position:absolute;right:30px;bottom:30px;width:46px;height:11px;background:url(/images/main/board_over_arrow.png) no-repeat 50% 50%;}
.news_list .text_wrap .title{position:relative;margin-bottom:15px;font-weight:700;font-size:18px;line-height:1.25em;height:45px;}
.news_list .text_wrap .cont{margin-bottom:20px;height:65px;font-size:15px;}
.news_list .text_wrap .date{font-size:14px;}
.news_list a:hover .text_wrap .title{color:#0045ca;}

.movWrap {float:right;position:relative;max-width:410px;top:-140px;}
.movWrap .coverimg {position:relative;display:block;margin-bottom:25px;}
.movWrap .title {margin-bottom:10px;font-size:20px;font-weight:700;color:#0f4996;}
.movWrap .cont {font-size:14px;line-height:1.4em;}

.top_banner_wrap {position:relative; width:100%;background:#009de8; height:100px;}
.banner_wrap {position: relative;z-index:10;}

.top_banner_wrap .banner_wrap{max-width:1260px;padding:0 0;margin:0 auto;}
.top_banner_wrap .banner_wrap .swiper-slide{text-align: center;height:100px;}
.top_banner_wrap .banner_wrap .title_box{position:relative;top:50%;transform:translateY(-50%);padding:0 100px}

.top_banner_wrap .banner_wrap .title_{display:inline-block; font-size:24px;color:#fff;line-height:1.2em; height:100%;font-weight:500;padding-right: 35px;}
.top_banner_wrap .banner_wrap .sub_text{display: inline-block;padding:0 10px 1px 10px;margin-top: -10px;border:1px solid #fff;color:#fff;vertical-align: middle;}
.top_banner_wrap .banner_wrap .sub_text em{ font-size:14px; padding-right:16px;line-height:1; display: inline-block;background:url(images/main/main_wrap02_icon01.png) no-repeat 99% 50%;}
.top_banner_wrap .swiper-button-next,
.top_banner_wrap .swiper-button-prev{width:36px;height:36px;margin-top:-18px;z-index:2;}
.top_banner_wrap .swiper-button-next{right: 0;background-image: url(images/main/top_banner_next.png);}
.top_banner_wrap .swiper-button-prev{background-image: url(images/main/top_banner_prev.png);}

.banner_mob{display: none;}

@media screen and (max-width:1480px) {	
	#section2{padding:0 2%;}
	#section2 .popupArea{right:2%;}
}

@media screen and (max-width:1400px) {	
	#container .innerC {padding-left:20px;padding-right:20px;}

    /* 메인비주얼 */
	#main_visual .tiptxt2 {left:100px;margin-left:0;}
	#main_visual .pagingbox {left:100px;margin-left:0;}	
	
	.banner .list_frame {padding-left:20px;padding-right:20px;}
	
}

@media screen and (max-width: 1300px) {
	#section3 {margin-top:60px;width:100%;background:none;}
	#section3 .innerC {background:url('/images/main/botWrap_bg.jpg') no-repeat center bottom;background-size:cover;padding: 50px 2%;}
	.newsWrap {float:none;top:0;width:100%;max-width:100%;}
	.movWrap {float:none;max-width:410px;top: 0;margin: 50px auto;}

}

@media screen and (max-width:1200px) {	
    #container{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
    #section2 {margin:0 auto 100px;width:100%;padding:0 10%;}
}

@media screen and (max-width:1041px) {
	#container{padding-top:50px; }
}

@media screen and (max-width:960px) {
	 
     /* 메인비주얼 */     
    #main_visual .tiptxt2 {left:50%;margin-left: -250px;padding:30px 20px;}
	#main_visual .tiptxt2 strong span {font-size:24px;}
	#main_visual .tiptxt2 p.sld_img img {max-width: 50%;position: relative;display: inline-block;}
	#main_visual .tiptxt2 p.txt_sm {margin-top:20px; padding-top:20px;font-size:20px;color: #fff;text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);text-align: center;}
	#main_visual .pagingbox {left:50%;margin-left:-250px;}
	#main_visual .paging .slick-dots {width: 315px;}
	#section2 {padding:0 5%;}

	.news_list{gap:1%;}
}

@media screen and (max-width:768px) {
	#container .innerC{margin-top: -50px;}
    
    /* 메인비주얼 */
	#main_visual {height:500px;}
	#main_visual .tiptxt2 {top:42%;height:330px;}
	#main_visual .tiptxt2 strong {font-size:30px;}
	#main_visual .tiptxt2 p.sld_img img {width:20%;}
	#main_visual .tiptxt2 p.txt_sm {margin-top:20px; padding-top:20px;font-size:18px;line-height:1.25em;}
	
	#section1 {margin-bottom: 20px;} 
	.banner .list_frame .slick-list {margin-left:80px;width:100%;}
	.banner .list_frame .sld_banner button{width:30px;height:30px;}
	.banner .list_frame .sld_banner button.slick-next{left:31px;}

	#section3 {margin-top:50px;}
	.quickWrap {height:auto;background-size: auto 330px;padding: 60px 0;}
	.icBanner {padding: 25px 25px;}
	.icBanner .list .unit a{width:100px;padding-top:95px;font-size:16px;line-height:1em;background-size:80px 80px;}
	.icBanner .list .unit a::before {top:0;left:50%;margin-left:-40px;;width:80px; height:80px;border-radius:40px;}
	.newsWrap h2, .movWrap h2 {margin-bottom:20px;font-size:30px;}
	.news_list > div {flex-basis:100%;margin-bottom:15px;}
	.news_list .text_wrap {height:auto;}
	.news_list .text_wrap .cont{margin-bottom:10px;height: 45px;}
	.movWrap {margin: 30px auto;}

}

@media screen and (max-width:540px) {
     
	/* 메인비주얼 */
	#main_visual .tiptxt2 {top:43%;width:100%;margin-left:0;left:0;background-color: rgba(0, 0, 0, 0);}
	#main_visual .pagingbox {margin-left:-150px;}
	#main_visual .paging .slick-dots {width:100px;}
    .banner .list_frame .slick-list {overflow: hidden;margin-left:0;width:100%;}
    .banner .list_frame .sld_banner button{display:none!important;}  

	#section2 {padding:0 4%}

	.news_list .text_wrap {padding:20px;}
 
}

.viewer_area{display:none;}
.viewer_area.slick-initialized{display:block;}
.sld_banner {display:none;}
.sld_banner.slick-initialized{display:block;}
#quick_slider_1{display:none;}
#quick_slider_1.slick-initialized{display:block;}
#quick_slider_2{display:none;}
#quick_slider_2.slick-initialized{display:block;}
#quick_slider_3{display:none;}
#quick_slider_3.slick-initialized{display:block;}