@charset "utf-8";

.innerWrap {position:relative;width: 1600px;margin:0 auto; } 
@media only screen and (max-width: 1700px){
	.innerWrap{width:auto;padding-left: 50px !important;padding-right: 50px !important;}
}
@media only screen and (max-width: 1080px){ 
	.innerWrap  {width: 100% !important;padding-left: 25px !important;padding-right: 25px !important;max-width: inherit;}
}
@media only screen and (max-width: 768px){ 
	.innerWrap {padding-left: 20px !important;padding-right: 20px !important;}
}
@media only screen and (max-width: 480px){ 
	.innerWrap {padding-left: 15px !important;padding-right: 15px !important;}
}


/* *  mainVisual * */
#mainVisual{overflow:hidden; width:100%; height:100vh; position:relative;}	
#mainVisual.full-height{height:960;}
.vis_con .slick-track,
.vis_con .slick-list { -webkit-perspective: 2000; -webkit-backface-visibility: hidden; }
.vis_con, .vis_con .slick-list, .vis_con .slick-track, .vis_con .item{ height:100%; }
.vis_con{z-index:1;}

.vis_con .item{position:relative;}
.vis_con .item .img_pc,
.vis_con .item .img_m{width:100%;height:100%;background-color: #000;background-repeat:no-repeat !important;background-size:cover !important;background-position: 50% 50%;-webkit-transition:transform 5000ms  ease-in-out;-moz-transition:transform 5000ms ease-in-out;-o-transition:transform 5000ms ease-in-out;-ms-transition:transform 5000ms ease-in-out;transition:transform 5000ms ease-in-out;}
.vis_con .item .img_m{display:none;}

.vis_con .item .vis_txt{ position:absolute; top:50%; left:0px; width:100%; -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.vis_con .item .vis_txt .inner{ max-width:1600px; margin: 0 auto; }
.vis_con .item .vis_txt .vis_txt1,
.vis_con .item .vis_txt .vis_txt2{ opacity:0;filter:Alpha(opacity=0);  -webkit-transition:opacity 1.0s 0s, transform 1.0s 0s; -moz-transition:opacity 1.0s 0s, transform 1.0s 0s; -o-transition:opacity 1.0s 0s, transform 1.0s 0s; -ms-transition:opacity 1.0s, transform 1.0s 0s; transition:opacity 1.0s 0s, transform 1.0s 0s; }
.vis_con .item .vis_txt .vis_txt1{display:block;text-transform: uppercase;font-size: 28px;font-size: 1.75em;font-weight: 400;line-height: 1;letter-spacing:-0.25px;color:#fff;margin-bottom:25px;}
.vis_con .item .vis_txt .vis_txt2{font-size: 65px;font-size: 4.05em;letter-spacing:-0.5px;line-height: 1.3;font-weight: 500;color:#fff;word-break: keep-all;}

/* active */
.vis_con .item.active-item .img_pc{ -ms-transform: scale(1.0,1.0) rotate(0.002deg); -o-transform: scale(1.0,1.0) rotate(0.002deg); -moz-transform: scale(1.0,1.0) rotate(0.002deg); -webkit-transform: scale(1.0,1.0) rotate(0.002deg); transform: scale(1.0,1.0) rotate(0.002deg); }
.vis_con .item.active-item .vis_txt1,
.vis_con .item.active-item .vis_txt2{ opacity:1.0;filter:Alpha(opacity=100); -ms-transform: translateX(0px);  -o-transform: translateX(0px);  -moz-transform: translateX(0px); -webkit-transform: translateX(0px);  transform: translateX(0px); }
.vis_con .item.active-item .vis_txt .vis_txt2{-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}

/* txt ani */
.vis_txt .vis_txt1, .vis_txt .vis_txt2{display: block;padding-bottom: 0.1em;overflow-y: hidden;}
.vis_txt .vis_txt1 span, .vis_txt .vis_txt2 span  {position: relative;display: inline-block;vertical-align: top;}
.active-item .vis_txt .vis_txt1 span, .active-item .vis_txt .vis_txt2 span { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.3s;}
.active-item .vis_txt .vis_txt2 span {animation-delay: 0.5s;margin-right:4px;}
@keyframes text-up {
	from { transform: translate3d(0, 150%, 0); }
	to { transform: translate3d(0, 0, 0); }
}

/* vis_controls */
.vis_controls{position:absolute;bottom:68px;right:100px; text-align:center;z-index:11;} 
.vis_controls > div{display:inline-block; vertical-align:middle;}
.vis_controls button{vertical-align:middle; display:inline-block; width:40px; height:40px; background-repeat:no-repeat; background-position:50% 50%; opacity:0.7;}
.vis_controls .arrow .btn_prev{background-image: url('/public/images/common/ico_prev_w.svg');}
.vis_controls .arrow .btn_next{background-image: url('/public/images/common/ico_next_w.svg');}
.vis_controls .arrow .btn_prev:hover,
.vis_controls .arrow .btn_next:hover,
.vis_controls .arrow .btn_prev:focus,
.vis_controls .arrow .btn_next:focus{ opacity:1;}
.vis_controls .stop_play{position:relative;display: inline-block;}
.vis_controls .stop_play .btn_play{display:none;}
.vis_controls .stop_play button{border-radius:40px;background-color: rgba(255,255,255,0.3);opacity: 1;}
.vis_controls .stop_play button:before{content:'';display:block;width:100%;height: 40px;background-repeat:no-repeat;background-position:50% 50%;position: absolute;top: 0;left: 0;z-index: 1;}
.vis_controls .stop_play .btn_play:before{ background-image: url('/public/images/common/ico_play_w.svg');}
.vis_controls .stop_play .btn_stop:before{background-image: url('/public/images/common/ico_stop_w.svg');}
.vis_controls .paging{text-align:center; margin:0 26px 0 35px; color:#fff; font-weight:700}
.vis_controls .paging em{margin:0 7px}

/* slick-dots */
.vis_con .slick-dots{position:absolute;left: 100px;right: 40%;text-align:center;bottom:78px;z-index:11;}
.vis_con .slick-dots li{float:left; width:24%; margin:0 0.5%; cursor:pointer;}
.vis_con .slick-dots li a{display:block; width:100%;}
.vis_con .slick-dots li .loading_tit{color:#fff; letter-spacing:-0.25px;text-align:left;padding-top: 17px;}
.vis_con .slick-dots li .loading_tit strong{font-size:1.25em; font-weight:400; margin-right:9px}
.vis_con .slick-dots li .loading_tit span{font-size:13px; letter-spacing:0.25px; opacity:0.5;filter:Alpha(opacity=50);}
.vis_con .slick-dots li .loading_bar{display:block; position:relative; height:2px; width:100%; background-color:#fff; background-color:rgba(255,255,255,0.25);}
.vis_con .slick-dots li .loading_bar:after{position:absolute; top:0px; left:0px; height:2px; background-color:#fff; width:0; content:""; z-index:1}
.vis_con .slick-dots li.active-item .loading_bar:after{width:100%; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 4s }
@media all and ( max-width: 1650px ){
	.vis_con .item .vis_txt .inner{padding: 0 100px;}
}
@media all and ( max-width: 1480px ){
	.vis_con .item .vis_txt .inner{padding: 0 50px;}
	.vis_con .slick-dots{left:50px;}
	.vis_controls{right:50px;}
}
@media all and ( max-width: 1080px ){
	.vis_con .item .vis_txt .inner{padding: 0 30px;}
	.vis_con .item .vis_txt{font-size: 0.75em;}
	.vis_con .item .vis_txt .vis_txt1{}
	.vis_con .item .vis_txt .vis_txt2{}
	.vis_controls{right: 30px;bottom:25px;text-align:left;width: auto;}
	
	.vis_con .slick-dots{right: 30%;left: 30px;bottom:35px;}
	.vis_con .slick-dots li .loading_tit{padding-top: 10px;}
	.vis_con .slick-dots li .loading_tit strong{display:block;font-size: 0.95em; }
	.vis_con .slick-dots li .loading_tit span{ font-size:11px;}
}
@media all and ( max-width: 768px ){
	.vis_con .item .img_pc{display:none}
	.vis_con .item .img_m{display:block;}
	.vis_controls{left: 20px;right: inherit;bottom:60px;}
	
	.vis_con .slick-dots{bottom:25px; left:15px; right:15px;}
	.vis_con .slick-dots li .loading_tit{display:none;}
	.vis_con .slick-dots li .loading_bar,
	.vis_con .slick-dots li .loading_bar:after{height:4px}
	
	.vis_con .item .vis_txt{font-size:1em;top:auto; bottom:100px;margin-top:0; -ms-transform: translateY(0);  -o-transform: translateY(0);  -moz-transform: translateY(0); -webkit-transform: translateY(0);  transform: translateY(0); 	}
	.vis_con .item .vis_txt .inner{padding: 0 20px;}
	.vis_con .item .vis_txt .vis_txt1{font-size:20px; font-size:1.25em;margin-bottom:5px }
	.vis_con .item .vis_txt .vis_txt2{font-size: 2.585em;margin-bottom: 15px;}
	.vis_con .item .vis_txt .vis_txt2 span{display:block;}
}
@media all and ( max-width: 480px ){
	.vis_con .item .vis_txt .inner{padding: 0 15px;}	
	.vis_con .item .vis_txt .vis_txt1{font-size: 1.05em;}
	.vis_con .item .vis_txt .vis_txt2{font-size: 2em;letter-spacing:-0.05em}
	
	.vis_controls{left:15px; bottom:55px;}	
	.vis_con .slick-dots li .loading_bar,
	.vis_con .slick-dots li .loading_bar:after{height:3px}
}
@media all and ( max-width: 360px ){	
	.vis_con .item .vis_txt {font-size:0.88em; }
}



/* sec */
.sec{ overflow:hidden;}
.sec .main_tit{color: #222;font-size: 1.685em;font-weight: 900;line-height: 1em;margin-bottom: 25px; display: block;}

/* more_bn */
.more_bn{display: block;z-index: 3;margin-top: 75px;text-transform:uppercase;font-weight:500;color:#111;}
.more_bn a, .more_bn > div {width: 150px;height: 60px; position: relative;min-width: 150px;min-height:60px;font-weight: 500;overflow: hidden;display: flex;align-items: center;/* margin: 0 1rem; */}
.more_bn .text,.more_bn  .icon-container {position: relative;z-index: 2;font-family: 'Poppins', 'Open Sans', 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', '돋움', sans-serif;}
.more_bn .icon {margin-left: 15px;width: 25px;height: 25px;transition: transform 500ms ease, opacity 250ms ease;display: inline-block;vertical-align: middle; background:url("/public/images/main/more_bn.svg") no-repeat 50% 50%;}
.more_bn a:hover .icon { transform: translateX(65%); }

.overImg {position: absolute;left:0;top:0;width: 100%;height: 100%;overflow:hidden;z-index: -2;}
.overImg span {position: absolute;left:0;top:0;width: 100%;height: 100%;background-size:cover !important;background-repeat: no-repeat !important;background-position: 50% 50% !important;display: block; -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1);transition: 0.95s all;}

.sec {padding-top:0;z-index: 1;position: relative;overflow: hidden;/* height: 100vh; */}

.flex_con{display: flex;}
.tit{line-height: 1.2em;color: #111;word-break: keep-all;}
.tit .en{display: block;text-transform: uppercase;color:var(--mainColor);font-size:24px;line-height: 1em;font-weight: 500;margin-bottom: 20px;font-family: 'Poppins', 'Open Sans', 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', '돋움', sans-serif;}
.desc{word-break: keep-all;}

.sec01{padding:130px 0;}
.sec01 .con{float: left;width:calc(50% - 30px);}
.sec01 .con:nth-child(even){float:right;}
.sec01 .con a{display: flex;flex-direction: column;justify-content: center;width:100%;height:530px;padding:0 50px; position: relative;}
.sec01 .tit{color:#fff;margin-bottom: 35px;font-size: 2.25em;}
.sec01 .tit .en{color:#fff;font-size: 0.55em;margin-bottom: 20px;}
.sec01 .desc{color:#fff;}
.sec01 .con:nth-child(1) .overImg span{background-image: url(/public/images/main/con01_bg01.jpg); }
.sec01 .con:nth-child(2) .overImg span{background-image: url(/public/images/main/con01_bg02.jpg); }
.sec01 .con a:hover .overImg span{ -webkit-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}




.sec02{padding: 12.5em 0;background: #ddebf4 url(/public/images/main/world_map.png) no-repeat 50% 0;}
.sec02 .flex_con { justify-content: center;align-items: center;}
.sec02 .con .desc{font-size: 4em;color:#111;line-height: 1.2em;font-weight: 500;}

.sec03{height: 815px;background:url('/public/images/main/sub_com_bg.jpg') no-repeat 50% 50%;background-size:cover; background-attachment: fixed;}
.sec03 .innerWrap{overflow:hidden;height: 100%;display: flex;}
.sec03 .con{flex-grow: 1;text-align: center;height: 100%;/* float: left; */width: 25%;border-right: 1px solid rgba(255,255,255,0.25);transition: transform 1ms ease, 500ms ease;}
.sec03 .con:last-child{border:none;}
.sec03 .con a{height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.sec03 .tit{color:#fff;font-size: 1.65em;font-weight: 500;}
.sec03 .tit .en{color:#fff;font-size:0.6em;}
.sec03 .tit:before{content:''; display:block; width:100px; height:110px; margin:0 auto 15px auto; background-repeat:no-repeat; background-size:contain; background-position:50% 50%}
.sec03 .con:nth-child(1) .tit:before{ background-image:url('/public/images/main/sub_com01.svg')}
.sec03 .con:nth-child(2) .tit:before{ background-image:url('/public/images/main/sub_com02.svg')}
.sec03 .con:nth-child(3) .tit:before{ background-image:url('/public/images/main/sub_com03.svg')}
.sec03 .con:nth-child(4) .tit:before{ background-image:url('/public/images/main/sub_com04.svg')}
.sec03 .more_bn{opacity:0;color:#fff;-ms-transform: translate(0, 100%);transform: translate(0%, 100%);transition: transform 1s ease, 0.5s ease;}
.sec03 .more_bn .icon{background-image:url('/public/images/main/more_bn_w.svg');}
.sec03 .con a:hover .more_bn, .sec03 .con a:focus .more_bn{opacity:1;-ms-transform: translate(0, 0%);transform: translate(0%, 0%);}
.sec03 .con:hover, .sec03 .con:focus{ width:50%}

.sec04{padding:140px 0 170px 0;}
.sec04 .con{flex-grow: 1;float:left;width: calc(50% - 30px);height: 800px;}
.sec04 .con:nth-child(even){float:right;}
.sec04  .tit_area{ height:50%;}
.sec04 .tit{font-size: 3.125em;}
.sec04 .tit .en{font-size: 0.485em;}
.sec04 .tit + .desc{margin-top:45px;font-size: 1.25em;}
.sec04 .con:first-child .business_con{ height:50%;}
.business_con {position:relative;height: 100%;}
.business_con a{position: relative;display: flex;flex-direction: column;justify-content: flex-end;align-items: baseline;height: 100%;padding: 3em;}
.sec04 .con:nth-child(1) .business_con .overImg span{background-image: url(/public/images/main/busin_01.jpg); }
.sec04 .con:nth-child(2) .business_con .overImg span{background-image: url(/public/images/main/busin_02.jpg); }
.business_con a:hover .overImg span{ -webkit-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.business_con a .ttl{color:#fff;border-radius:30px;border:1px solid rgba(255,255,255,0.5);padding:0 1.5em;line-height: 30px;display: inline-block;z-index: 1;}
.business_con a .desc{color:#fff;margin-top: 30px;z-index: 1;}


@media only screen and (max-width: 1300px) {	

	
}

@media only screen and (max-width: 1080px) {	  
	/* vis_zone */
	.vis_zone, .vis_zone .item{height: 600px;background-size: cover;}
	.vis_zone.owl-theme .ctrl-nav {display:none;} 
	.vis_zone .dataCtrl{width:100%;left:0%;bottom: 150px;margin-left: 25px;text-align: center;}
	.vis_zone .txt_wrap{font-size: 0.8em; }
	.vis_zone .txt_wrap .stit{margin-bottom:25px;}
	.vis_zone .txt_wrap .tit{font-size: 6em;}
	.vis_zone .txt_wrap .txt{margin-top:18px;}
	
	/* sec */
	.more_bn{margin-top: 50px;}
	
	.sec01{padding:4em 0;}
	.sec01 .con{width: calc(50% - 15px);}
	.sec01 .con a{height:auto;padding: 10em 40px;}
	.sec01 .tit{font-size:2em;margin-bottom: 25px;}
	.sec01 .tit .en{margin-bottom:15px;}

	.sec02{background-size:contain;padding: 10em 0;}
	.sec02 .tit .en{font-size:1.25em;}
	.sec02 .con .desc{font-size: 3.5em;}

	.sec03{height:auto;}
	.sec03 .con a{padding:12em 0;}
	.sec03 .tit{font-size: 1.5em;}
	.sec03 .tit .en{margin-bottom:15px;}
	.sec03 .con a .more_bn{opacity: 0.65;-ms-transform: translate(0, 0%);transform: translate(0%, 0%);}
	.sec03 .con:hover, .sec03 .con:focus{ width:25%}

	.sec04{padding:8em 0 7em 0;}
	.sec04 .con{width: calc(50% - 15px);height: calc(100vh - 25vh);}
	.sec04 .tit{font-size:2.8em;}
	.sec04 .tit + .desc{font-size:1.125em;margin-top: 35px;}
	.sec04 .tit + .desc br{display:none;}
	.business_con a {padding:2.5em;}
	.business_con a br {display:none;}
	.business_con a .desc{margin-top:25px;}
}
@media only screen and (max-width: 815px) {
	/* vis_zone */
	.vis_zone, .vis_zone .item{height: 500px;}
	.vis_zone .txt_wrap{ padding-top: 150px;}
	.vis_zone .dataCtrl{bottom: 50px;}

	
}
@media only screen and (max-width: 768px) {

	/* * vis_zone * */
	.vis_zone, .vis_zone .item{height: 400px;}
	.vis_zone .txt_wrap{font-size: 0.75em;padding-top: 90px; text-align: center !important;}
	.vis_zone .txt_wrap .stit{margin-bottom:15px;}
	.vis_zone .txt_wrap .tit{font-size: 5em;}
	.vis_zone .txt_wrap .txt{margin-top: 15px;font-size: 1.25em;}
	.vis_zone .dataCtrl {margin:0}
	.vis_zone .dataCtrl .dataDots{ bottom:60px;display: inline-block;float: none;}
	.vis_zone .dataCtrl .dataDots button{ margin: 0 3px; width:13px; height:13px;}
	.vis_zone .dataCtrl .dataAuto{display:inline-block;float: none;vertical-align: middle;}

	/* sec */
	.sec{}
	.more_bn{margin-top: 30px;font-size: 0.9em;}
	
	.sec01{padding:3.5em 0;}
	.sec01 .con{width: calc(50% - 10px);}
	.sec01 .con a{height:auto;min-height: 300px;padding: 8em 30px;}
	.sec01 .tit{font-size:1.8em;margin-bottom: 20px;}
	.sec01 .tit .en{margin-bottom:10px;}
	.sec01 br{display:none;}

	.sec02{ padding: 8em 0;}
	.sec02 .tit .en{font-size:1.125em;margin-bottom: 15px;}
	.sec02 .con .desc{font-size: 3em;}

	.sec03 .innerWrap{display:block;padding: 0 !important;}
	.sec03 .innerWrap:after{content:''; display:block; position:absolute; left:0;top:50%;width:100%; height:1px;background: rgba(255,255,255,0.25);}
	.sec03 .con{width: 50% !important;float: left;}
	.sec03 .con:nth-child(even){border-right:0;}
	.sec03 .con a{padding:5em 0;}
	.sec03 .tit:before{margin-bottom:10px;}
	.sec03 .tit .en{margin-bottom:10px;}

	.sec04{padding:6em 0 4em 0;}
	.sec04 .con{width: calc(50% - 10px);height: calc(80vh - 20vh);}
	.sec04 .tit{font-size:2.25em;}
	.sec04 .tit .en{margin-bottom:15px;}
	.sec04 .tit + .desc{font-size:1em;margin-top: 25px;}
	.business_con a {padding:2em;}
	.business_con a .desc{margin-top:20px;}
	

}
@media only screen and (max-width: 640px) {
	.sec01 .con{width: calc(50% - 5px);}
	.sec01 .con a{height:auto;padding:50px 25px; min-height: 250px;}
	.sec01 .tit{font-size:1.6em;}
	.sec01 .desc{font-size:0.9em;}
	
	.sec04{padding:3em 0;}
	.sec04 .con{width:100%; height:auto;}
	.sec04 .con:nth-child(even){margin-top:10px;}
	.sec04 .tit_area{height:auto;}
	.sec04 .tit{font-size: 2em;}
	.sec04 .tit + .desc{font-size:1em;margin-top: 20px;}
	.business_con a {padding: 2em 25px;}
	.business_con a .desc{margin-top: 15px;font-size: 0.9em;}
	.business_con a:before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height: 60%;background: linear-gradient(0deg, rgba(0,0,0,0.3) 40%, transparent);}
}

@media only screen and (max-width: 480px) {	  
	/* vis_zone */
	.vis_zone .txt_wrap .tit{font-size: 4em;}
	.vis_zone .txt_wrap .txt{font-size: 1.2em;}
	.vis_zone .txt_wrap .txt br{ display:none;}
	.vis_zone .dataCtrl .dataDots{ bottom:50px;}
	.vis_zone .dataCtrl .dataDots button{width:11px; height:11px;}	
	
	
	/* sec */	
	.sec{/* padding: 3em 0; */}
	.more_bn{margin-top: 15px;font-size:0.88em;}
	
	.sec01{padding:3em 0;}
	
	.sec02{ padding: 5em 0;}
	.sec02 .tit .en{font-size:1em;}
	.sec02 .con .desc{font-size: 2.2em;}
	
	.sec03 .con a{padding: 2em 0;}
	.sec03 .tit:before{margin-bottom:0px;}
	.sec03 .tit{font-size: 1.25em;}
	.sec03 .tit .en{margin-bottom:5px;}

	.sec04 .tit{font-size: 1.75em;}
	.sec04 .tit .en{margin-bottom:10px;}
	.sec04 .tit + .desc{font-size:1em;margin-top: 10px;}
	
}
@media only screen and (max-width: 420px) {
	.sec01 .con{width: 100%; float:none;}
	.sec01 .con + .con{margin-top:10px;}
	.sec01 .con a{height:auto;padding:35px 25px; min-height: inherit;}
	.sec01 .tit{ margin-bottom:15px;}
	
	.sec02 .con .desc{font-size: 2em;}
}