@charset "utf-8";
 

/* visual */ 
.wrap-visual {height: 100vh;z-index: 0;position: relative;margin-top: 100px;}
.wrap-visual li:before {content:'';width:100%;height: 100%;position: absolute;left: 0;top: 0;background: #00000052;z-index: 1;}
.wrap-visual .slider {position:relative;z-index: 0;height: 100%;background: #ccc;}
.wrap-visual .slider li {position:relative;text-align:center;height: 100%;}
.wrap-visual .slider li img {object-fit: cover;width: 100%;display: block;height: 100%;}
.wrap-visual .slider * {height:100%}

.wrap-visual button {}
.wrap-visual .prevnext{justify-content: center;max-width: 190px;margin: 0 auto;background: #0e0e0e59;padding: 8px 10px;border-radius: 50px;}
.wrap-visual .prevnext > div { display: flex;   }
.wrap-visual .prevnext button {width: 20px;z-index:1;background-size: contain !important;}
.wrap-visual .prevnext button.prev {background: url('../images/chevron-left-w.png') left center no-repeat;}
.wrap-visual .prevnext button.next {background: url('../images/chevron-right-w.png') right center no-repeat;}
.wrap-visual .control {margin-top: 93px;}
.wrap-visual .control .playstop, .wrap-visual .control .paging{display:inline-block;}
.wrap-visual .control .playstop {margin-left: 6px;}
.wrap-visual .control .paging li {display:inline-block;margin:0 5px;}
.wrap-visual .control .paging button {text-indent: inherit;border-radius:100px;font-size: 18px;color: #fff;padding: 2px 5px 5px;width: 35px;height: 35px;}
.wrap-visual .control .paging .slick-active button {border: 1px solid #fff;}
.wrap-visual .control .playstop button {display:none;width: 25px;height: 25px;background-size: 80% !important;text-indent: -9999px;transform: rotate(0deg);background-size: 21px !important;position: relative;top: 3px;}
.wrap-visual .control .playstop button.on {display:inline-block;}
.wrap-visual .control .playstop button.play {background:url('../images/play-w.png') no-repeat center;}
.wrap-visual .control .playstop button.stop {background:url('../images/pause-w.png') no-repeat center;}
.wrap-visual .control .count {color:#fff;padding: 9px 0 5px;display: flex;justify-content: center;line-height: 1;}
.wrap-visual .control .count span {padding: 0 8px;line-height: 1;min-width: 28px;}
  
.prevnext {}
.prevnext button {text-indent: -9999px;cursor: pointer;transition: 0.3s;}


@media all and (min-width: 1024px) { 
    
	.prevnext button:hover {transition: 0.3s;} 
    
}
@media all and (max-width:1200px){

	.wrap-visual {margin-top: 80px;} 
	
}
@media all and (max-width:1024px){
	
	.wrap-visual {margin-top: 0px;height: 550px;} 
	
}
@media all and (max-width:768px){

	.wrap-visual{height: 430px;} 
	.wrap-visual .control .playstop button { } 
	.wrap-visual .control {margin-top: 50px;}
	
}

@media all and (max-width:550px){ 

	
}


/* visual 글씨 */ 
.visualBox{position: absolute;max-width: 1600px;width: 100%;top: 50%;box-sizing:border-box;margin: 0 auto;z-index: 1;left: 50%;transform: translate(-50%, -50%);text-align: center;}
.visualBox .main-slogan {position: relative;width: 85%;color: #fff;margin: 0 auto;}
.visualBox .main-slogan p {text-shadow: 0px 0px 6px #131313;}
.visualBox .p-1 {margin-bottom: 20px;font-size: 22px;}
.visualBox .p-1 strong{display:inline-block; background-color:#ffde00; padding:3px 35px; border-radius:20px; margin-right:10px; color:#1c64af;}
.visualBox .p-2{margin-bottom: 30px;font-size: 53px;letter-spacing:-2px;font-weight: bold;}
.visualBox .p-2 span{font-family:'Noto Bold';font-size:60px;}
.visualBox .p-3{font-size: 22px;} 

@media all and (max-width:1024px) { 
	.visualBox {width: 95%;}
	.visualBox .p-1{font-size: 23px;}
	.visualBox .p-2{font-size: 40px;} 
	.visualBox .p-3{font-size: 20px;} 
	.visualBox .p-3 br {display:none}
} 
@media all and (max-width:768px) { 
	.visualBox {width: 95%;}
	.visualBox .p-1{font-size: 17px;}
	.visualBox .p-2{font-size: 32px;} 
	.visualBox .p-3{display: none;} 
	
}
@media all and (max-width:550px) {   
	.visualBox .p-1{font-size: 16px;} 
	.visualBox .p-2{font-size: 28px;} 
}