@charset "utf-8";

.wrap_communication,
.wrap_communication .container,
.wrap_communication .dual-slider-wrapper,
.wrap_communication .slider-vertical,
.wrap_communication .slick-list{height:100% !important;}


.wrap_communication h2,
.wrap_communication .control,
.wrap_communication .item_2{display:none;}
.wrap_communication .item_1{border-radius:2rem;overflow:hidden;margin-bottom:1rem;border:1px solid #DDD;}
.wrap_communication .item_1 img{object-fit:cover;object-position:center;width:100%;transition:0.3s;}
.wrap_communication .item_1:hover img{transform:scale(1.1);}

/* 콘트롤버튼 */
.playStop{position:absolute;left:-118px;top:120px;}
.playStop button{width:5rem;height:5rem;border:2px solid transparent;border-radius:50%;display:none;text-indent:-99999999px;transition:0.3s;}
.playStop button.on{display:block;}
.playStop button.play{background:#f1f2f3 url('../images/play.png') no-repeat center;}
.playStop button.stop{background:#f1f2f3 url('../images/stop.png') no-repeat center;}
.playStop button:focus{outline:3px solid #000 !important;outline-offset:2px;}
.playStop button:focus{outline:none !important;}
.playStop button:focus-visible{outline:2px solid #000 !important;outline-offset:2px;}


/* 슬라이더 */
.dual-slider-container {display: flex;width: 100%;max-height: 96.8rem;height:100%;overflow: hidden;gap: 4rem;}
.slider-vertical {width: 50%;height: 100%;}
.slider-vertical .slick-track {display: block !important;animation: vertical-flow 40s linear infinite;}
.slider-vertical .slick-slide {width: 100% !important;float: none !important;}
.slider-vertical.is-paused .slick-track {animation-play-state: paused !important;-webkit-animation-play-state: paused !important;transition: none !important;}

.slider-right .slick-list { transform: rotate(180deg) !important; }
.slider-right .slick-slide { transform: rotate(-180deg) !important; }


@media (max-width: 1024px) {
	.dual-slider-container {flex-direction: column;gap: 0;max-height: 82.4rem;}
	.slider-right {display: none !important;}
	.slider-left {width: 100% !important; height: 100%;	}
	.playStop{top:2.5rem;}
}
@media (max-width: 500px) {
	.dual-slider-container {max-height: 60.4rem;}
}

/* 애니메이션 */
@keyframes vertical-flow {
    0% { transform: translateY(0); }
    100% { transform: translateY(-50%); }
}


/* 접근성 */
.slider-vertical li a:focus {outline: 3px solid #007bff !important;outline-offset: -3px;position: relative;z-index: 10;display: block;}
.slider-vertical li a:focus {outline: none !important;box-shadow: none !important;}
.slider-vertical li a:focus-visible {outline: 3px solid #0056b3 !important;outline-offset: -3px;box-shadow: 0 0 10px rgba(0, 86, 179, 0.5) !important;position: relative;z-index: 99;}