._fnctWrap { line-height:1.5; } 

.visual-container { height: auto; } 
.main-video-visual { position: absolute; left: 0; top: 0; width: 100%; height: 100%; min-height: 100%; } 
.main-visual-video-bx { position: absolute; width: 100%; left: 0; top: 0; height: 100%; background: #000; z-index: 1003; } 
.main-visual-video-bx.stop { display: none; } 
.main-visual-video-bx .main-visual-video { position: relative; height: 100%; } 
/*동영상 자막*/
.alt_hidden {overflow: hidden; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
.main-visual-video-bx .visual-video-inner { position: relative; width: 100%; height: 100%; } 
.main-visual-video .visual-video-inner video { object-fit: cover; object-position: center; } 
.main-visual-video .visual-video-inner object, .main-visual-video .visual-video-inner video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%) scale(1.0); width: 100%; height: 100%; backface-visibility: hidden; } 
.main-video-wrapper { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1003; background: rgba(0, 0, 0, 0.2); } 
.main-video-wrapper.close { display: none; } 
.main-video-wrapper .video-group-btn { position: absolute; width: 100%; left: 50%; transform: translateX(-50%); bottom: 50px; } 
.main-video-wrapper .container { width: 100%; max-width: 1760px; padding: 0 20px; margin: 0 auto; text-align: center; } 
.video-group-btn button.close { position: relative; display: block; width:70px; height: 70px; cursor: pointer; vertical-align: middle; background-color: #0e3092; margin: 0 auto 15px; border-radius: 50%; text-indent: -9999px; } 
.video-group-btn button.close::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(45deg); width: 33px; height: 3px;border-radius: 1px; background-color: #fff; } 
.video-group-btn button.close::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-45deg); width: 33px; height: 3px;border-radius: 1px; background-color: #fff; } 
.video-group-btn .btn-wrap {position: relative;display: block;margin: 0 auto;padding: 3px 0px 3px 36px;width: 190px;background-color: rgba(0, 0, 0, 0.7); border-radius: 10px;} 
.video-group-btn .playstop {position: absolute;left: 0;top: 50%;transform: translateY(-50%); border-right: 1px solid rgba(255, 255, 255, 0.2); }
.video-group-btn .playstop > button {display: none; width: 36px;height: 23px;text-indent: -9999px; }
.video-group-btn .playstop button.on { display: inline-block; vertical-align: middle; } 
.video-group-btn .stop { background: url('/sites/cku_kr/images/common/new/video-stop.png') no-repeat center top 5px;background-size: 10px !important;  } 
.video-group-btn .play { background: url('/sites/cku_kr/images/common/new/video-play.png') no-repeat center center;background-size: 8px !important; } 
.video-group-btn button.today-close { position: relative;display: inline-block;width: 100%;  padding: 5px 32px 5px 0; color: #fff; font-size: 13px; } 
.video-group-btn button.today-close::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); right: 12px;margin: 1px 0 0; width: 15px; height: 2px;border-radius: 10px; background-color: #fff; } 
.video-group-btn button.today-close::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); right: 12px;margin: 1px 0 0; width: 15px; height: 2px;border-radius: 10px ;background-color: #fff; } 


.wrap-visual .slick-slide { min-height: 950px; } 
.wrap-visual .slick-slide img { width: 100%; min-height: 950px; object-position: center; object-fit: cover; } 
.wrap-visual { position: relative; } 
.wrap-visual .container { position: relative; z-index: 100; max-width: 100%; } 
.wrap-visual .slider .slick-list li { display: table; width: 100%; } 
.wrap-visual .slider .title { position: absolute; left: 148px; top: 343px; vertical-align: top; width: 800px; color: #fff; z-index: 1; } 
.wrap-visual .slider .title .big { display: inline-block; margin-bottom: 25px; padding: 0 20px 0 0; font-family: 'Noto Bold'; font-size: 60px; line-height: 70px; color: #f3f5f7; } 
.wrap-visual .slider .title .desc { margin-bottom: 63px; font-family: 'Noto Medium'; font-size: 20px; line-height: 35px; color: #f3f5f7; } 
.wrap-visual .slider .title .link { position: relative; display: inline-block; padding: 15px 20px 15px 26px; min-width: 220px; border: 2px solid #e5e5e5; font-size: 18px; color: #f3f5f7; border-radius: 30px; background-color: transparent; transition: .25s; } 
.wrap-visual .slider .title .link:hover { background-color: #006276; border-color: #006276; } 
.wrap-visual .slider .title .link::after { content: ''; position: absolute; right: 16px; top: 50%; margin-top: -6px; width: 36px; height: 12px; background: url('../images/visual-more-arrow.png') no-repeat center right / cover; } 
.wrap-visual .control { display: flex; align-items: center; position: absolute; left: 160px; top: 288px; z-index: 300; } 
.wrap-visual .control .state { margin-right: 18px; color: #fff; font-family: 'Play Bold'; font-size: 16px; } 
.wrap-visual .control .btn-wrap { display: flex; align-items: center; } 
.wrap-visual .control .arrow { width: 10px; height: 15px; text-indent: -9999px; background-size: cover !important; } 
.wrap-visual .control .prev { background: url('../images/visual-prev.png') no-repeat center center; } 
.wrap-visual .control .next { background: url('../images/visual-next.png') no-repeat center center; } 
.wrap-visual .control .playstop { margin: 0 15px; line-height: 0; } 
.wrap-visual .control .playstop > button { display: none; width: 10px; height: 10px; text-indent: -9999px; background-size: cover !important; } 
.wrap-visual .control .playstop button.on { display: inline-block; vertical-align: middle; } 
.wrap-visual .control .stop { background: url('../images/visual-pause.png') no-repeat center center; } 
.wrap-visual .control .play { background: url('../images/visual-play.png') no-repeat center center; } 
.wrap-visual .slick-dots { display: flex; position: absolute; width: 100%; height: 10px; left: 0; bottom: -1px; background-color: #a8a8a8; } 
.wrap-visual .slick-dots li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 
.wrap-visual .slick-dots li button { display: block; width: 0; height: 100%; cursor: pointer; text-indent: -9999px; background-color: #006276; } 
.wrap-visual .slick-dots.on li.slick-active button { width: 100%; transition: width 4s; } 

.wrap-side-btn .popup-zone ul { padding: 13px 10px; background-color: #246b88; } 
.wrap-side-btn .popup-zone li { background-color: #246b88; } 
.wrap-side-btn .popup-zone button { display: block; padding: 12px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 15px; color: #fff; transition: color 0.2s; } 
.wrap-side-btn .popup-zone li:hover button { color: #246b88; } 
.wrap-side-btn .popup-zone .tit { padding-top: 30px 0 24px; background-color: #07bbc6; font-size: 11px; font-family: 'SBAggroM'; line-height: 15px; } 
.wrap-side-btn .popup-zone .notice { padding-top: 13px; background-color: #246b88; color: #ffb300; font-size: 11px; line-height: 15px; background-color: #3d4240c2; } 
 
@media (min-width: 1921px){
 .wrap-visual .slick-dots { bottom: -0.04vw !important; } 
 }

 @media (max-width: 1800px){
 .visual-container { height: auto; } 
 }

@media (max-width: 1200px){
 .wrap-visual .slick-slide { min-height: 800px; } 
 .wrap-visual .slick-slide img { min-height: 800px; } 
 .wrap-visual .slider .title { top: 270px; left: 85px; } 
 .wrap-visual .slider .title .big { font-size: 50px; line-height: 65px; margin-bottom: 18px; } 
 .wrap-visual .control { top: 225px; left: 88px; } 
 }

@media (max-width: 1000px){
 .main-video-visual { display: none; } 
 .wrap-visual .slick-slide { min-height: 595px; } 
 .wrap-visual .slick-slide img { min-height: 595px; } 
 .wrap-visual .slick-dots { bottom: 1px; height: 5px; } 
 .wrap-visual .control { top: 152px; left: 44px; } 
 .wrap-visual .slider .title { left: 40px; top: 222px; width: 630px; } 
 .wrap-visual .slider .title .big { font-size: 40px; line-height: 44px; padding: 0; } 
 .wrap-visual .slider .title .desc { font-size: 16px; line-height: 20px; margin-bottom: 32px; } 
 .wrap-visual .slider .title .link { font-size: 16px; padding: 10px 48px 10px 21px; min-width: 180px; } 
 .wrap-visual .slider .title .link::after { width: 30px; height: 12px; right: 22px; } 
 }

 @media (max-width: 768px){
 .wrap-visual .slider .title { width: 80%; top: 150px } 
 .wrap-visual .control { top: 100px; } 
 }

@media (max-width: 500px){
 .wrap-visual .control { top: 88px; left: 24px; } 
 .wrap-visual .slick-slide { min-height: 497px; } 
 .wrap-visual .slick-slide img { min-height: 497px; } 
 .wrap-visual .slick-dots { bottom: 3px; height: 3px; } 
 .wrap-visual .slider .title { left: 20px; top: 133px; width: 304px; } 
 .wrap-visual .slider .title br { display: none; } 
 .wrap-visual .slider .title .big { line-height: 35px; font-size: 30px; } 
 .wrap-visual .slider .title .desc { font-size: 14px; line-height: 20px; margin-bottom: 27px; } 
 .wrap-visual .slider .title .link { min-width: 150px; padding: 8px 48px 8px 21px; font-size: 14px; } 
 .wrap-visual .slider .title .link::after { width: 24px; height: 12px; right: 17px; } 
 }