@charset "UTF-8";

._fnctWrap {line-height:1.5;}
.wrap-visual {position:relative; overflow:hidden;}
#multipleDiv_ksa_dev_40 .wrap-visual .slick-list{margin:0 -2.5%; transform: translate(10px, 0);}







.wrap-visual .slider li {position:relative; text-align:center; float:left;width: 860px; margin-right:20px; line-height: 0; padding: 0;}
.wrap-visual .slider li .overlay {position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.4); pointer-events: none; transition: opacity 0.3s ease;	border-radius:10px;}
.wrap-visual .slider li.slick-center {z-index: 5;}
.wrap-visual .slider li.slick-center .overlay {opacity: 0;}
.wrap-visual .slider li img{width:100%; height:auto; text-align: center;}
.visual_prev._big,
.visual_next._big{width: 24px; height: 44px; position:absolute; top:50%; transform:translate(0, -50%); font-size: 0; margin: 0; padding: 0; border: 0;}
.visual_prev._big{background: url(../images/big_prev.png) no-repeat center center; left:7.5%;}
.visual_next._big{background: url(../images/big_next.png) no-repeat center center; right:7.5%;}
.control { position:absolute; bottom:-70px; left:0px; width:100%; display: flex; align-items: center; justify-content: center; padding: 20px 25px; box-sizing: border-box; gap:0 10px;}
.control p span{color: #000; font-size: 12px; font-family: 'NanumSquareNeoExtraBold';}
.control p span.current{color: #fff;}
.control .paging ul{display:flex;}
.control .paging ul li{}
.control .paging ul li + li{margin-left:5px;}
.control .paging ul li button{font-size:0; border:0; width:7px; height:7px; background-color:#d5d5d5; border-radius:100px; vertical-align:middle;}

.control .paging ul li.slick-active button{background-color:#fff; width:12px; height:12px; border:2px solid #0799f8;}
.control .visual_remote{display: flex; align-items: center; gap:0 5px;}
.control .visual_prev{background: url(../images/slide_prev_on.png) no-repeat center center; width: 30px; height: 30px; font-size: 0; margin: 0; padding: 0; border: 0;}
.control .visual_next{background: url(../images/slide_next_on.png) no-repeat center center; width: 30px; height: 30px; font-size: 0; margin: 0; padding: 0; border: 0;}
.control .playstop{margin: 0 10px; display:none;}
.control .playstop button{display: none; border: 0; margin: 0; padding: 0; font-size: 0; }
.control .playstop button.on{display: block; width: 10px; height: 10px;}
.control .playstop button.play{background: url(../images/popup_play.png) no-repeat center center;}
.control .playstop button.stop{background: url(../images/popup_stop.png) no-repeat center center;}

@media all and (max-width:1230px) {
    #multipleDiv_ksa_dev_40{padding:50px 0;}
}

@media all and (max-width:1230px) {
    .wrap-visual .slider li img {max-height:460px;}
    .wrap-visual .slider .main-slogan {transform: translate(-50%,-81%);}
    .wrap-visual .slider .main-slogan strong {font-size: 35px;}
    .wrap-visual .slider .main-slogan em {font-size: 20px;}
    .wrap-visual .slider .main-slogan p {font-size:20px;}
    .wrap-visual .slider .main-slogan span {font-size:20px;}
	.wrap-visual .visual-arrow{width:70px; }
	.wrap-visual .visual-arrow button{width:70px; height:70px;}
	.wrap-visual .visual-arrow button.prev{background-position:-15px -20px;}
	.wrap-visual .visual-arrow button.next{background-position:-5px -137px; border-top:1px solid #aaa;}
}
@media all and (max-width:1280px) {
	.wrap-visual .visual-arrow{top:120px;}
}
@media all and (max-width:1024px) {
	.wrap-visual .slider li .overlay{display:none;}
	.wrap-visual .visual-arrow button,
	.visual_prev._big, .visual_next._big{display:none !important;}

}
@media all and (max-width:860px) {
    .wrap-visual .slider .main-slogan strong {font-size:38px;}
    .wrap-visual .slider .main-slogan p {font-size:20px;}
    .wrap-visual .slider .main-slogan span {font-size:15px;}
    .wrap-visual .slider li img {max-height:420px;}
    .wrap-visual .slider .main-slogan {transform: translate(-50%,-57%);}
    .wrap-visual .control {bottom:13%;}
	
}

@media all and (max-width:580px) {
    .wrap-visual .slider .main-slogan strong {font-size:30px;}
}

@media all and (max-width:420px) {
    .wrap-visual .slider .main-slogan strong {font-size:24px;}
    .wrap-visual .slider .main-slogan em {font-size:15px;  padding:0 0 10px 0;}
    .wrap-visual .slider .main-slogan p {display:none;}
    .wrap-visual .slider .main-slogan span {display:none;}
    .wrap-visual .slider li img {max-height:225px;}
    .wrap-visual .control {bottom:0;}
}