@charset "utf-8";

/* 비주얼 */
.wrap-visual-right {position: relative;height:49rem;z-index: 0;max-width:31.5rem;border:0.1rem solid #ddd;border-radius: 1.5rem 0 0 1.5rem;}
.wrap-visual-right .visual-slide,
.wrap-visual-right .slider{height:100%;}
.wrap-visual-right .visual-slide .area {padding: 0 3rem;}
.wrap-visual-right .visual-slide li {position: relative;}
.wrap-visual-right .visual-slide a {display: block;}
.wrap-visual-right .visual-slide img {position: relative;left: 50%;display: block;max-width: 100%;max-height: 94rem;height: 100%;transform: translate(-50%,0);}
.wrap-visual-right .slogan{display:none;}

.wrap-visual-right .visual-util {position: absolute;bottom: 2.5rem;z-index: 1;width: 100%;}
.wrap-visual-right .visual-util .area {padding: 0 2.5rem;}
.wrap-visual-right .visual-util .row {display: flex;align-items: center; gap: 0.5rem;}
.wrap-visual-right .visual-util .row .state{background:#fff; border-radius: 2rem; padding: 0.4rem 0; width:9.5rem; text-align: center;}
.wrap-visual-right .visual-util .row .state .now{color:#256ef4;}
.wrap-visual-right .state .now,
.wrap-visual-right .state .slash,
.wrap-visual-right .state .total {font-size: 1.5rem;color: #33363d;}
.wrap-visual-right .state .now.under10::before,
.wrap-visual-right .state .total.under10::before {content: '0';}
.wrap-visual-right .state .slash {margin: 0 .5rem;}
.wrap-visual-right .control {display: flex; gap: 0.5rem;}
.wrap-visual-right .control button {text-indent: -9999rem;background-repeat: no-repeat;background-position: center;background-color: #fff;width: 4rem;height: 4rem;border-radius: 100%;display: block;}
.wrap-visual-right .control .prev,
.wrap-visual-right .control .next {}
.wrap-visual-right .control .prev {background-image: url('../images/btn-visual-prev.png');}
.wrap-visual-right .control .next {background-image: url('../images/btn-visual-next.png');}
.wrap-visual-right .control .stop,
.wrap-visual-right .control .play {display: none;}
.wrap-visual-right .control .stop.on,
.wrap-visual-right .control .play.on {display: block;}
.wrap-visual-right .control .stop {background-image: url('../images/btn-visual-stop.png');}
.wrap-visual-right .control .play {background-image: url('../images/btn-visual-play.png');}

@media screen and (max-width: 1280px) {
	.wrap-visual-right{max-width: 100%;height:auto;margin-bottom:2rem;border-radius: 1.5rem;}
	.wrap-visual-right .visual-slide li img{width:100%;left: 0;transform: none;}
}

@media screen and (max-width: 767px) {
	.wrap-visual-right .visual-util .row{justify-content: center;}
	.wrap-visual-right .visual-slide a{display:none;}
	.wrap-visual-right .slogan{display:block;background:#eff3f6;padding: 2.2rem 3rem;border-radius: 1.5rem;}	
	.wrap-visual-right .visual-slide .area{padding:0;}
	.wrap-visual-right .visual-slide .area strong{font-size:2.6rem;color:#3e3e3e;font-weight:300;line-height: 1.4;margin-bottom: 1.5rem;display:block;}
	.wrap-visual-right .slogan a{display:inline-block;font-size:1.7rem;background:#fff;padding: 1.2rem 2rem;border-radius:0.7rem;line-height:1;border:0.1rem solid #ddd;}
}