@charset "utf-8";
/* 메인 section wrap */


.sec_wrap:after{content:"";display:block;clear:both;}



/* visual */
.visual_slide {height:100vh;position:relative;
	transition:opacity 0.6s ease, transform 0.3s ease;
	height:calc(var(--vh, 1vh) * 100);
}


.visual_slide li {height:100%;background-color:#000;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.visual_slide li .bg {position:absolute;top:0;left:0;width:auto;height:auto;min-width:100%;min-height:100%;background-position:center;background-size:cover;}
.visual_slide li .txt_wrap {table-layout:fixed;display:table;margin:0 auto;vertical-align:middle;width:80%;height:100%; word-break:keep-all;}
.visual_slide li .txt_cell {display:table-cell;text-align:left;vertical-align:middle;padding-top: 1%;}
.visual_slide li .txt {display:block;position:relative;color:#4a4c4d;line-height:120%;font-size:60px; font-weight:800; opacity:0; letter-spacing: -0.01em;
	transform:translateY(70px);
	transition:opacity 0.5s ease 0s, transform 0.5s ease 0s; 
}
.visual_slide li .txt02 {display:block;position:relative;color:#4a4c4d;margin-top:25px; font-size:55px !important;  font-weight:800; opacity:0;letter-spacing: -0.02em;
	transform:translateY(70px);
	transition:opacity 0.5s ease 0s, transform 1s ease 0s;
}
.visual_slide li .txt03 {display:block;position:relative;color:#4a4c4d;font-size:40px !important;font-weight:500;opacity:0;letter-spacing: -0.02em;
	transform:translateY(70px);
	transition:opacity 0.5s ease 0s, transform 1s ease 0s; -webkit-text-stroke-width: 3px;
-webkit-text-stroke-color: #fff;
}
.visual_slide li .txtment {display:block;position:relative;color:#4a4c4d; margin-top:25px;line-height:160%; font-size:19px !important; letter-spacing: 0 !important; opacity:0;
	transform:translateY(70px);
	transition:opacity 0.5s ease 0s, transform 2s ease 0s; 
}

.visual_slide .show .txt, .visual_slide .show .txt02, .visual_slide .show .txt, .visual_slide .show .txt03, .visual_slide .show .txt, .visual_slide .show .txtment{opacity:1;transform:translateX(0);}



.swiper-utill {position:absolute;bottom:10%;left:10%;width:15%;line-height:0;font-size:0;z-index:11;}
.swiper-utill > * {display:inline-block;vertical-align:middle;}
.swiper-utill .swiper-pagination {width:100%;position:absolute;bottom:-12px;left:0;color:#000;line-height:20px;font-size:16px;text-align:center;display:inline-block;;letter-spacing: 0.2em;}
.swiper-utill .swiper-pagination > * {line-height:20px;font-size:18px;display:inline-block;font-family:'GmarketSansLight' !important;}
.swiper-utill .swiper-pagination-current {color:#000;font-size:15px;margin-top: -1px; }
.swiper-utill .swiper-button-prev,
.swiper-utill .swiper-button-next {margin-top:-42px;width:86px;height:84px;background:url("/base/img/img/icon_visual_slide_button2.png") no-repeat 0 0;opacity: .3;transition:all 0.2s ease;}
.swiper-utill .swiper-button-prev:hover,
.swiper-utill .swiper-button-next:hover {opacity: .6;transition:all 0.2s ease;}
.swiper-utill .swiper-button-prev {left:4%;}
.swiper-utill .swiper-button-next {right:4%;background-position:0 -84px;}
.swiper-utill .swiper-button-prev:after,.swiper-utill .swiper-button-next:after{display:none !important;}
.swiper-button-loading {position:absolute;bottom:40px;left:calc(50% - 32px);}
.swiper-button-pause {position:relative;width:64px;height:64px;text-indent:-9999px;overflow:hidden;display:none;}
.swiper-button-pause:before {content:"";position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;width:14px;height:16px;background:url("/base/img/img/icon_visual_slide_button_pause.png") no-repeat 0 0;}
.swiper-button-pause.on:before {background-position:0 -16px;}
.pie_progress {position:absolute;top:0;left:10%;width:64px;height:64px;display: none;}
.pie_progress ellipse {stroke:rgba(255,255,255,0.3);display: none;}


@media screen and (max-width:1600px) {
.swiper-utill .swiper-button-prev {left:-10px !important;}
.swiper-utill .swiper-button-next {right:-10px !important;}
}
@media screen and (max-width:1500px) {
.visual_slide li .txt {font-size:80px;}
.visual_slide li .txt02 {font-size:60px !important;}
.visual_slide li .txt03 {font-size:50px !important;}  
}
@media screen and (max-width:1400px) {
.swiper-utill .swiper-button-prev {left:-30px !important;}
.swiper-utill .swiper-button-next {right:-30px !important;}
}
@media screen and (max-width:1280px) {
.flag_lg {background-position:0 66px;background-size:50px auto;}
.flag_lg:after {background-size:100px auto;}

.visual_slide li video {object-fit:cover;}
.visual_slide li .bg{width:100% !important;}

.visual_slide li .txt {font-size:70px;}
.visual_slide li .txt02 {font-size:50px !important;}
.visual_slide li .txt03 {font-size:40px !important;}  
    
.swiper-button-loading {left:calc(50% - 26px);}
.swiper-utill .swiper-pagination {margin-left:-1px !important;bottom:4px;}
.pie_progress {width:52px;height:52px;}
.swiper-utill .swiper-pagination {margin-left:15px;font-size:14px;}
.swiper-utill .swiper-pagination > * {font-size:14px;}
    
.swiper-utill .swiper-button-prev,
.swiper-utill .swiper-button-next {margin-top:-52px;width:76px;height:74px;background-size: 100%;}
.swiper-utill .swiper-button-prev {left:-30px !important;}
.swiper-utill .swiper-button-next {right:-30px !important;background-position:0 -74px;}
}
@media screen and (max-width:1100px) {
.visual_slide:after{display: none;}
.visual_slide li .txt {font-size:60px;}
.visual_slide li .txt02 {font-size:40px !important;}
.visual_slide li .txt03 {font-size:30px !important;}  
.visual_slide li .txtment {font-size:15px !important;}
       
.swiper-utill .swiper-button-prev,
.swiper-utill .swiper-button-next {margin-top:-52px;width:66px;height:64px;background-size: 100%;}
.swiper-utill .swiper-button-prev {left:-40px !important;}
.swiper-utill .swiper-button-next {right:-40px !important;background-position:0 -64px;} 
}
@media screen and (max-width:767px) {
	.visual_slide {height:100vh;position:relative;
	transition:opacity 0.6s ease, transform 0.3s ease;
	height:680px;
}

	.visual_slide li  {width:100%;height:680px !important;}
.visual_slide li .txt {font-size:45px;}
.visual_slide li .txt02 {font-size:30px !important;margin-top:20px;}
.visual_slide li .txt03 {font-size:20px !important;margin-top:20px;} 
.visual_slide li .txtment {width: 100%; font-size:14px !important;text-align: center;bottom:10%;right:0;}
    
.swiper-utill {bottom:2%;left:46%;}  
    
.swiper-utill .swiper-button-next, .swiper-utill .swiper-button-prev {display:none;}
}
@media screen and (max-width:560px) {
.visual_slide li .txt {font-size:38px;line-height:140%;}
.visual_slide li .txt02 {font-size:25px !important;}
.visual_slide li .txt03 {font-size:17px !important;} 
}
@media screen and (max-width:450px) {
.visual_slide li .txt {font-size:30px;}
.visual_slide li .txt02 {font-size:20px !important;}
.visual_slide li .txt03 {font-size:15px !important;} 
.visual_slide li .txtment {font-size:13px !important;bottom:15%;}
}
@media screen and (max-width:360px) {
.visual_slide li .txt {font-size:25px;}
.visual_slide li .txt02 {font-size:16px !important;}
.visual_slide li .txt03 {font-size:12px !important;} 
.visual_slide li .txtment {font-size:12px !important;bottom:15%;}
}

@media screen and (max-width:1600px) {
.swiper-utill .swiper-button-prev {left:-10px !important;}
.swiper-utill .swiper-button-next {right:-10px !important;}
}
@media screen and (max-width:1500px) {
.visual_slide li .txt {font-size:50px;}
.visual_slide li .txt02 {font-size:60px !important;}
.visual_slide li .txt03 {font-size:50px !important;}  
}
@media screen and (max-width:1400px) {
.swiper-utill .swiper-button-prev {left:-30px !important;}
.swiper-utill .swiper-button-next {right:-30px !important;}
}
@media screen and (max-width:1280px) {
.flag_lg {background-position:0 66px;background-size:50px auto;}
.flag_lg:after {background-size:100px auto;}

.visual_slide li video {object-fit:cover;}
.visual_slide li .bg{width:100% !important;}

.visual_slide li .txt {font-size:50px;}
.visual_slide li .txt02 {font-size:50px !important;}
.visual_slide li .txt03 {font-size:40px !important;}  
    
.swiper-button-loading {left:calc(50% - 26px);}
.swiper-utill .swiper-pagination {margin-left:-1px !important;bottom:4px;}
.pie_progress {width:52px;height:52px;}
.swiper-utill .swiper-pagination {margin-left:15px;font-size:14px;}
.swiper-utill .swiper-pagination > * {font-size:14px;}
    
.swiper-utill .swiper-button-prev,
.swiper-utill .swiper-button-next {margin-top:-52px;width:76px;height:74px;background-size: 100%;}
.swiper-utill .swiper-button-prev {left:-30px !important;}
.swiper-utill .swiper-button-next {right:-30px !important;background-position:0 -74px;}
}
@media screen and (max-width:1100px) {
.visual_slide:after{display: none;}
.visual_slide li .txt {font-size:50px;}
.visual_slide li .txt02 {font-size:40px !important;}
.visual_slide li .txt03 {font-size:30px !important;}  
.visual_slide li .txtment {font-size:15px !important;}
       
.swiper-utill .swiper-button-prev,
.swiper-utill .swiper-button-next {margin-top:-52px;width:66px;height:64px;background-size: 100%;}
.swiper-utill .swiper-button-prev {left:-40px !important;}
.swiper-utill .swiper-button-next {right:-40px !important;background-position:0 -64px;} 
}
@media screen and (max-width:767px) {
	.visual_slide li .txt_wrap {
    table-layout: fixed;
    display: table;
    margin: 0 auto;
    vertical-align: middle;
    width: 80%;
    height: 80%;
    word-break: keep-all;
}
	
	.mobile_br{display:none;}
	.sec_main_visual {height:600px !important;}
	.fp-tableCell{height:600px !important;}
	.sec_1stpage{height:600px !important;}
	.swiper-wrapper li {width:100%  !important;}
	.sec_wrap .swiper-wrapper .bg {width:100%  !important;}
.visual_slide li .txt {font-size:24px; text-align:center; }
.visual_slide li .txt02 {font-size:25px !important; text-align:center; margin-top:10px; }
.visual_slide li .txt03 {font-size:10px !important;margin-top:20px;} 
.visual_slide li .txtment {width: 100%; font-size:16px !important; text-align: center; margin:0 auto; padding-top:20px;}
 .visual_slide li .txtment .pc{display:none;}   
.swiper-utill {bottom:2%;left:46%;}  
    
.swiper-utill .swiper-button-next, .swiper-utill .swiper-button-prev {display:none;}
}