@charset "utf-8";

.wrap_visual,
.wrap_visual .inner,
.wrap_visual .slider,
.wrap_visual .slick-list,
.wrap_visual .slick-track,
.wrap_visual .slick-slide,
.wrap_visual .slick-slide > div,
.wrap_visual .slick-slide > div > li,
.wrap_visual .slick-slide > div > li .itemImg{width:100%;height:100%;}
.wrap_visual .itemImg img{object-fit:cover;object-position:center;width:inherit;height:inherit;}
.wrap_visual .itemTxt{display:none;}

/* 마스크 */
.wrap_visual .mask{width:100%;height:100%;position:absolute;left:0;top:0;}
.wrap_visual .pattern_mask,
.wrap_visual .gradation_mask{width:100%;height:100%;}
.wrap_visual .pattern_mask{display:none;background:url('../images/mask_1.png') repeat center;}
.wrap_visual .gradation_mask{display:none;background:#000;background:linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 50%);}

.wrapSC{width:160rem;position:absolute;left:50%;bottom:13rem;margin-left:-80rem;}

@media all and (max-width:1640px){
	.wrapSC{width:calc(100% - 4rem);left:2rem;margin-left:unset;}
}

/* 콘트롤 */
.wrap_visual .control{margin-top:6rem;display:flex;align-items:center;justify-content:flex-start;line-height:0;}
.wrap_visual .control .paging{padding:0 2rem;}
.wrap_visual .control .paging ul{display:flex;align-items:center;justify-content:center;}
.wrap_visual .control .paging ul li{line-height:0;height:0.2rem;}
.wrap_visual .control .paging ul li button{width:3rem;height:100%;background:rgba(255,255,255,0.5);text-indent:-99999999px;}
.wrap_visual .control .paging ul li.slick-active button{background:rgba(255,255,255,1);}
.wrap_visual .control span{font-size:1.2rem;font-family:'pre-m';color:#FFF;}
.wrap_visual .control .prev,
.wrap_visual .control .next,
.wrap_visual .control .play,
.wrap_visual .control .stop{width:3rem;height:3rem;text-indent:-99999999px;display:block;}
.wrap_visual .control .prev{background:url('../images/prev.png') no-repeat center;}
.wrap_visual .control .next{background:url('../images/next.png') no-repeat center;}
.wrap_visual .control .play{background:url('../images/play.png') no-repeat center;}
.wrap_visual .control .stop{background:url('../images/pause.png') no-repeat center;}
.wrap_visual .control .play,
.wrap_visual .control .stop{display:none;}
.wrap_visual .control .play.on,
.wrap_visual .control .stop.on{display:block;}

/* 슬로건 */
.slogan{color:#FFF;padding-left:1.5rem;}
.slogan .txt_1{font-size:3.2rem;font-family:'pre-sb';line-height:1.2;}
.slogan .txt_2{font-size:6.4rem;font-family:'pre-b';line-height:1.2;padding-top:1rem;}
.slogan .txt_3{font-size:2.2rem;font-family:'pre-l';line-height:1.2;padding-top:3rem;}
.slogan .flexLeft{padding-top:3rem;display:flex;}
.slogan a{padding:1.3rem 1.5rem;min-width:16rem;border:1px solid #FFF;display:flex;align-items:center;justify-content:space-between;}
.slogan a span{font-family:'pre-m';font-size:1.4rem;color:#FFF;line-height:1.1;}
.slogan a::after{background:url('../images/arrowW.png') no-repeat center;width:1.5rem;height:1.5rem;margin-left:1.5rem;content:"";display:block;}
.slogan a:hover{background:#1c1c1c;border-color:#1c1c1c;}
.slogan a:hover::after{}
@media all and (max-width:768px){
	.slogan .txt_1{font-size:2.2rem;}
	.slogan .txt_2{font-size:3.6rem;}
	.slogan .txt_2{font-size:1.8rem;}
}

/* 기부버튼 */
.btnGive{background:rgba(165,49,53,0.95);display:flex;align-items:center;justify-content:center;flex-direction:column;width:13rem;height:13rem;border-radius:50%;position:absolute;right:-2%;bottom:0;transition:0.3s;}
.btnGive::before{width:4rem;height:4rem;background:url('../images/btnGive.png') no-repeat center;content:"";display:block;}
.btnGive span{font-family:'pre-sb';font-size:2rem;color:#FFF;line-height:1.1;padding-top:1rem;}
.btnGive:hover{background:#333;;}
@media all and (max-width:1720px){
	.btnGive{right:0;}
}
@media all and (max-width:768px){
	.btnGive{width:7rem;height:7rem;bottom:5%;}
	.btnGive span{display:none;}
}


/* 애니메이션 */
@keyframes slideFromLeft {
    from { opacity: 0; transform: translateX(-60px); }
    to { opacity: 1; transform: translateX(0); }
}
@keyframes slideFromRight {
    from { opacity: 0; transform: translateX(60px); }
    to { opacity: 1; transform: translateX(0); }
}
@keyframes slideFromBottom {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.slogan .txt_1 {
    opacity: 0;
    animation: slideFromLeft 1s ease-out forwards;
    animation-delay: 0.2s;
}
.slogan .txt_2 {
    opacity: 0;
    animation: slideFromRight 1s ease-out forwards;
    animation-delay: 0.5s;
}
.slogan .txt_3 {
    opacity: 0;
    animation: slideFromLeft 1s ease-out forwards;
    animation-delay: 0.8s;
}
.slogan .flexLeft {
    opacity: 0;
    animation: slideFromBottom 0.8s ease-out forwards;
    animation-delay: 1.1s;
}