._fnctWrap { line-height:1.5; } 

/* [S] visual-container*/
.event-banner { position: relative; } 
.event-banner .slick-slide {min-height: 598px !important;}
.event-banner .slick-slide > div {min-height: 598px;}
.event-banner .slick-slide > div > li {min-height: 598px;}
.event-banner .slick-slide img {min-height: 598px;}
.event-banner .tit { display: block; margin-bottom: 27px; font-size: 32px; color: #2a2a2a; font-family: 'SBAggroM'; } 
.event-banner .bottom-box {display: flex;justify-content: space-between;align-items: center;position: absolute;left: 0;bottom: 0;width: 100%;height: 70px;padding: 15px;border-radius: 0 0 10px 10px;}
.event-banner .bottom-box .main-slogan {width: 84%;margin: -10px 0 0;}
.event-banner .bottom-box .main-slogan strong {display: block;font-size: 16px;color: #fff; font-family: 'Noto Medium';  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  /* 말줄임 적용 */}
.event-banner .control { position: absolute;right: 15px;bottom: 1.7vw;display: flex; align-items: center; z-index: 300; } 
.event-banner .control .state { margin-right: 18px; color: #fff; font-family: 'Play Bold'; font-size: 16px; } 
.event-banner .control .btn-wrap { display: flex; align-items: center; } 
.event-banner .control .arrow { width: 11px; height: 17px; text-indent: -9999px; background-size: cover !important; } 
.event-banner .control .prev { background: url('../images/event-banner-arrow.png') no-repeat center center; } 
.event-banner .control .next { background: url('../images/event-banner-arrow.png') no-repeat center center; transform:rotate(180deg); } 
.event-banner .control .playstop { margin: 0 12px; line-height: 0; } 
.event-banner .control .playstop > button { display: none; width: 11px; height: 15px; text-indent: -9999px; background-size: cover !important; } 
.event-banner .control .playstop button.on { display: inline-block; vertical-align: middle; } 
.event-banner .control .stop { background: url('../images/event-banner-pause.png') no-repeat center center / cover; } 
.event-banner .control .play { background: url('../images/event-banner-play.png') no-repeat center center / cover; } 
.event-banner .no-link {pointer-events: none;}

@media(min-width: 1921px){
 .event-banner .control { right: 1vw !important; bottom: 1.8vw !important; } 
 .event-banner .slick-slide img {width: 100%;}
 .event-banner .bottom-box .main-slogan {margin: -1vw 0 0 !important;}
 }

 @media (max-width: 1620px){
 .event-banner { min-width: 320px; } 
 .event-banner .bottom-box .main-slogan {width: 80%;margin: 4px 0 0;}
 }

 @media (max-width: 1280px){
 .event-banner .tit { margin: -5px 0 0; font-size: 23px; } 
 .event-banner .control { right: 10px; bottom: 25px; } 
 .event-banner .control .arrow { width: 6px; height: 12px; } 
 .event-banner .control .playstop { margin: 0 10px; } 
 .event-banner .control .playstop > button { width: 8px; height: 11px; } 
 .event-banner .bottom-box .main-slogan {width: 84%;margin: 0;}
 .event-banner .bottom-box {height: 46px;} 
 .event-banner .bottom-box .main-slogan strong {font-size: 14px;margin: -15px 0 0;}
 .event-banner .slick-slide {min-height: 468px !important;}
 .event-banner .slick-slide > div {min-height: 468px;}
 .event-banner .slick-slide > div > li {min-height: 468px;}
 .event-banner .slick-slide img {min-height: 468px;}
 }

 @media (max-width: 1020px){
 .event-banner { min-width: 230px; }

 }

 @media (max-width: 868px){
 .event-banner { max-width: 400px; margin: 0 auto 60px; min-width: auto; } 
 .event-banner .tit { margin:-5px 0 15px; } 
 .event-banner .control { right: 10px; bottom: 31px; } 
 .event-banner .control .playstop { margin: 0 10px; } 
 .event-banner .control .arrow { width: 12px; height: 18px; } 
 .event-banner .control .playstop > button { width: 11px; height: 16px; } 
 .event-banner .bottom-box {height: 77px;}
 .event-banner .bottom-box .main-slogan {margin: 14px 0 0;}
 .event-banner .bottom-box .main-slogan strong {font-size: 17px;}
 }

 @media (max-width: 530px){
 .event-banner { max-width: 100%; } 
 .event-banner .slick-slide img {width: 100%;}
 .event-banner .control { bottom: 32px; } 
 .event-banner .bottom-box .main-slogan {margin: 10px 0 0;}
 .event-banner .slick-slide {min-height: 668px !important;}
.event-banner .slick-slide > div {min-height: 668px;}
.event-banner .slick-slide > div > li {min-height: 668px;}
.event-banner .slick-slide img {min-height: 668px;}
 }

/* 스크롤매직 */
.event-banner .tit { transform: translateX(15px); opacity: 0; } 
.event-banner .slick-slider {transform: translateY(15px); opacity: 0; } 
