@charset "UTF-8";


.on-air { position: relative; background-color: #fff; transform: translateY(-1px); padding: 0 0 70px; z-index: 10;} 
.on-air::before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: #fff; } 
.on-air .inner { position: relative; z-index: 1; } 
.on-air .top { position: relative; display: flex; justify-content: space-between; align-items: center; margin: 0 0 25px; } 
.on-air .top .tit { position: relative; padding-right: 45px; font-size: 50px; color: #2a2a2a; font-family: 'SBaggroM'; background-color: #fff; } 
.on-air .top .tit i { color: #006276; } 
.on-air .top .sns-link { position: relative; color: #2a2a2a; font-family: 'Noto Bold'; } 
.on-air .top::before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.5px; width:100%; height: 1px; background-color: #000; } 
.on-air .top .sns-link ul { position: relative; display: flex; padding-left: 27px; background-color: #fff; } 
.on-air .top .sns-link li { position: relative; padding: 0 20px; } 
.on-air .top .sns-link li:last-child::before { display: none; } 
.on-air .top .sns-link li a { position: relative;display: block;width: 75px;height: 75px; font-size: 20px; font-family: 'SBAggroM'; transition: .25s; text-indent: -9999px;background-repeat: no-repeat;background-position: center;background-size: cover;} 
.on-air .top .sns-link li.facebook a {background-image: url('../images/facebook.jpg');}
.on-air .top .sns-link li.insta a {background-image: url('../images/insta.jpg');}
.on-air .top .sns-link li.blog a {background-image: url('../images/blog.jpg');}
.on-air .top .sns-link li.youtube a {background-image: url('../images/youtube.jpg');}
.on-air .slider-wrap { position: relative; } 
.on-air .slider { position: relative; } 
.on-air .desc { margin: 32px 0 0; } 
.on-air .desc span { color: #000; font-size: 20px; line-height: 30px; font-family: 'Noto Medium'; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.on-air .slick-list { margin: 0 -54px; } 
.on-air .slick-slide { margin: 0 54px; } 
.on-air .slick-slide img { border-radius: 30px; min-height: 470px;max-height: 470px; margin: 0 auto;} 
.on-air .control .arrow { position: absolute; top: 40.5%; display: flex; justify-content: center; align-items: center; width: 110px; height: 110px; border-radius: 50%; font-size: 12px; background-color: #212121e3; color: #fff; font-family: 'Gmarket Medium'; transition: .25s; } 
.on-air .control .arrow:hover { background-color: #009cffe8; } 
.on-air .control .prev { left: -55px; } 
.on-air .control .next { right: -55px; } 


@media(max-width: 1919px) {
.on-air .slick-slider { padding: 0 50px; } 
.on-air .slick-list { margin: 0 -20px; } 
.on-air .slick-slide { margin: 0 20px; } 
.on-air .desc { margin-top: 25px; } 
.on-air .control .prev { left: 4%; } 
.on-air .control .next { right: 4%; } 
 }

 @media(max-width: 1600px) {
    .on-air { padding: 0 0 75px;} 
}

@media(max-width: 1200px) {
.on-air .top { margin: 0 0 68px; } 
.on-air .top .tit { padding-right: 23px; font-size: 40px; white-space: nowrap; } 
.on-air .top .sns-link ul { padding-left: 12px; } 
.on-air .top .sns-link li { padding: 0 12px; } 
.on-air .top .sns-link li a { font-size: 18px; } 
.on-air .slick-slide { margin: 0 30px; } 
.on-air .slick-list { margin: 0 -30px; } 
.on-air .desc { margin: 18px 0 0; } 
.on-air .desc span { font-size: 18px; } 
.on-air .control .arrow { top: 42%; width: 100px; height: 100px; } 
.on-air .slick-slide img { min-height: 380px;max-height: 380px;} 
 }

@media(max-width: 768px) {
.on-air { padding: 20px 0 48px;} 
.on-air .top { margin: 0 0 30px; align-items: center;background-color: #fff;}
.on-air .top .tit { font-size: 25px; line-height: 0; padding-right: 19px;line-height: 1;height: 30px;} 
.on-air .top .sns-link ul { line-height: 0; } 
.on-air .top .sns-link li { padding: 0 5px; } 
.on-air .top .sns-link li a { width: 36px;height: 36px; } 
.on-air .top .sns-link li a::before { height: 2px; bottom: -5px; } 
.on-air .slick-slider { padding: 0 30px; } 
.on-air .slick-list { margin: 0 -15px !important; } 
.on-air .slick-slide { margin: 0 15px !important; } 
.on-air .slick-slide > div { max-width: 380px; margin: 0 auto; } 
.on-air .control .arrow { width: 90px; height: 90px; top: 40%; } 
.on-air .control .prev { left: 50%; transform: translateX(-50%); margin-left: -175px; } 
.on-air .control .next { right: auto; left: 50%; transform: translateX(-50%); margin-left: 175px; } 
 }

 /* 스크롤매직 */
.on-air .top .tit { transform: translateX(-50px); opacity: 0; } 
.on-air .top::before { width: 0; transition: 0.8s; } 
.on-air .top.ani::before { width: 100%; } 
.on-air .slick-slide { transform: scale(0.9); opacity: 0; } 
.on-air .top .sns-link li { opacity: 0; }