@charset "utf-8";

.film-wrap{padding: 100px 0 0;}
.film-header .container{max-width: 1630px; padding: 0 30px; margin: 0 auto; text-align: center;}
.film-header .container > span{display: inline-block; font-size: 23px; color: #000000; font-family: "SBA Medium"; padding-right: 42px; background: url(../../images/main/film_icon.png) no-repeat right center; line-height: 32px; position: relative; top: -100px; opacity: 0; filter: blur(5px); transition: filter .3s;}
.film-header h1{font-family: "SBA Light"; font-size: 60px; color: #212121; letter-spacing: -.05em; margin: 28px 0 10px; top: -100px; opacity: 0; position: relative; filter: blur(5px); transition: filter .3s;}
.film-header h1 span{font-family: "SBA Medium";}
.film-header p{font-size: 20px; line-height: 30px; color: #000000; top: -100px; opacity: 0; position: relative; filter: blur(5px); transition: filter .3s;}
.film-content{position: relative; margin: 0 auto; margin-top: 45px; padding-bottom: 41.9%; width: 0; overflow: hidden;}
.film-content img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s;}
.film-content::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,.3); z-index: 1;}
.film-content .film-play{position: absolute; text-indent: -9999px; width: 153px; height: 153px; background: url(../../images/main/file_play.png) no-repeat center center; top: 50%; left: 50%; margin: -78px 0 0 -78px; z-index: 2; opacity: 0;}
.film-content.hover img{transform: scale(1.1)}

.mCSB_container .film-wrap .container > span{top: 0; opacity: 1}
.mCSB_container .film-wrap .film-header h1{top: 0; opacity: 1;}
.mCSB_container .film-wrap .film-header p{top: 0; opacity: 1;}
.mCSB_container .film-wrap .film-content .film-play{opacity: 1;}

@media screen and (max-width: 1200px) {
  .film-wrap{padding: 70px 0 0;}
  .film-header .container > span{font-size: 20px;}
  .film-header h1{font-size: 40px; margin: 23px 0 7px;}
  .film-header p{font-size: 16px; line-height: 26px;}
  .film-content{margin-top: 35px; position: relative; padding-bottom: 50.25%;}
  .film-content .film-play{width: 90px; height: 90px; margin: -45px 0 0 -45px; background-size: cover;}
}

@media screen and (max-width: 768px) {
  .film-wrap{padding: 40px 0 0;}
  .film-header .container{padding: 0 20px;}
  .film-header h1{font-size: 30px; margin: 15px 0 7px;}
  .film-header p{font-size: 14px; line-height: 24px;}
  .film-content{margin-top: 25px; padding-bottom: 56.25%;}
}

#multipleDiv_hallym_64{background: #f3f8ff url(../../images/main/sns_background.png) no-repeat right bottom;}
#multipleDiv_hallym_64 #multipleContentsDiv_hallym_64{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 110px 30px 100px 61px; position: static; max-width: 1920px; margin: 0 auto;}
#menu335_obj70{position: absolute; right: 0; top: 102px; overflow: hidden;}
.hallym-sns-title .hallym-sns-title-box{position: relative; left: -100px; opacity: 0; filter: blur(5px); transition: filter .3s;}
.hallym-sns-title .hallym-sns-title-box h1{font-family: "SBA Medium"; color: #000000; font-size: 50px; display: inline-block; position: relative;}
.hallym-sns-title .hallym-sns-title-box h1::before{content:""; display: block; position: absolute; right: -24px; top: -4px; width: 18px; height: 18px; background: url(../../images/main/campus_dots.png);}
.hallym-sns-title .hallym-sns-title-box p{font-size: 18px; letter-spacing: .025em; color: #000000; margin-top: 10px;}
.hallym-sns-title .hallym-sns-remote{margin: 55px 0 0 0;}
.hallym-sns-title .hallym-sns-remote{display: flex; align-items: center; flex-wrap: wrap;}
.hallym-sns-title .hallym-sns-remote .current {min-width:24px;}
.hallym-sns-title .hallym-sns-remote .current,
.hallym-sns-title .hallym-sns-remote .total{font-size: 16px; color: #333333; font-family: "SBA Medium"}
.hallym-sns-title .hallym-sns-remote .slick-dots {position: static; display: flex; flex-wrap: wrap; margin: 0 18px; width: 165px;}
.hallym-sns-title .hallym-sns-remote .slick-dots li{width: 33px; height: 2px; margin: 0;}
.hallym-sns-title .hallym-sns-remote .slick-dots li button{width: 100%; height: 100%; background-color: #c8c8c8; padding: 0;}
.hallym-sns-title .hallym-sns-remote .slick-dots li button::before{display: none;}
.hallym-sns-title .hallym-sns-remote .slick-dots li.slick-active button{background-color: #1174ff;}
.hallym-sns-title .hallym-sns-remote .sns-playstop{margin: 0 15px;}
.hallym-sns-title .hallym-sns-remote .sns-playstop button{display: none; width: 24px; height: 24px; border-radius: 50%; background-repeat: no-repeat; background-position: center center; border: 1px solid #1174ff; font-size: 0;}
.hallym-sns-title .hallym-sns-remote .sns-playstop button.on{display: block;}
.hallym-sns-title .hallym-sns-remote .sns-playstop button.play{background-image: url(../../images/main/news_play.png)}
.hallym-sns-title .hallym-sns-remote .sns-playstop button.stop{background-image: url(../../images/main/news_stop.png)}
.hallym-sns-title .hallym-sns-remote .sns-arrow{margin-left: 18px;}
.hallym-sns-title .hallym-sns-remote .sns-arrow button{font-size: 0; width: 55px; height: 55px; background-color: white; border: 1px solid #d8d8d8; background-repeat: no-repeat; background-position: center center; border-radius: 50%; margin-right: 5px;}
.hallym-sns-title .hallym-sns-remote .sns-arrow button:last-child{margin-right: 0;}
.hallym-sns-title .hallym-sns-remote .sns-arrow button.sns-prev{background-image: url(../../images/main/news_prev.png);}
.hallym-sns-title .hallym-sns-remote .sns-arrow button.sns-next{background-image: url(../../images/main/news_next.png);}
.hallym-sns-title .hallym-sns-remote .sns-arrow button:hover{background-color: #efefef;}
.hallym-sns-title .hallym-sns-remote .sns-arrow button.sns-prev:hover{background-image: url(../../images/main/news_prev_on.png);}
.hallym-sns-title .hallym-sns-remote .sns-arrow button.sns-next:hover{background-image: url(../../images/main/news_next_on.png);}
.hallym-sns-title .hallym-sns-tag{margin:16px 0; position: relative; left: -100px; opacity: 0; filter: blur(5px); transition: filter .3s;}
.hallym-sns-title .hallym-sns-tag span{display: inline-block; font-size: 32px; color: #000000; font-family: "SBA Medium"; opacity: .15; margin-top: 8px;}
.hallym-sns-title .hallym-sns-tag span.one{display: block;}
.hallym-sns-title .hallym-sns-link{position: relative; left: -100px; opacity: 0; filter: blur(5px); transition: filter .3s; max-width: 564px;}
.hallym-sns-link ul{display: flex; flex-wrap: wrap; margin-top: -10px;}
.hallym-sns-link li{margin-top: 10px; margin-right: 10px;}
.hallym-sns-link li:nth-child(even){margin-right: 0;}
.hallym-sns-link li a{display: block; border-radius: 10px; border-bottom-right-radius: 20px; background-repeat: no-repeat; background-position: left 21px center; color: white; font-family: "SBA Medium"; font-size: 16px; position: relative; padding: 18px 40px 18px 56px; width: 231px;}
.hallym-sns-link li a::after{content:""; display: block; position: absolute; right: 21px; top: 50%; margin-top: -5px; width: 11px; height: 10px; background: url(../../images/main/sns_arrow.png);}
.hallym-sns-link li a:hover::after{animation: arrowAnimate 1s forwards;}
.hallym-sns-link li a.fb-logo{background-image: url(../../images/main/fb_logo.png); background-color: #00499c;}
.hallym-sns-link li a.youtube-logo{background-image: url(../../images/main/youtube_logo.png); background-color: #cc1f1f;}
.hallym-sns-link li a.insta-logo{background: linear-gradient(270deg,rgba(232, 68, 114, 1) 0%, rgba(17, 117, 189, 1) 100%)}
.hallym-sns-link li a.insta-logo::before{content:""; display: block; position: absolute; background: url(../../images/main/insta_logo.png) no-repeat center center; width: 22px; height: 22px; left: 21px; top: 50%; margin-top: -11px;}
.hallym-sns-link li a.naver-logo{background-image: url(../../images/main/blog_logo.png); background-color: #229a02;}

.mCSB_container .hallym-sns-title .hallym-sns-title-box{left: 0; opacity: 1;}
.mCSB_container .hallym-sns-title .hallym-sns-tag{left: 0; opacity: 1;}
.mCSB_container .hallym-sns-title .hallym-sns-link{left: 0; opacity: 1;}

@media screen and (min-width: 1921px) {
  #menu335_obj70{width: 59.3%;}
}

@media screen and (max-width: 1920px) {
  #multipleDiv_hallym_64{justify-content: space-between;}
}


@media screen and (max-width: 1200px) {
  #menu335_obj70{position: static;}
  #multipleDiv_hallym_64 {background: #f3f8ff;}
  #multipleDiv_hallym_64 #multipleContentsDiv_hallym_64{padding: 50px 0 0 40px;}
  .hallym-sns-title{position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px; padding-right: 40px;}
  .hallym-sns-title .hallym-sns-title-box{margin-top: 27px;}
  .hallym-sns-title .hallym-sns-title-box h1{font-size: 30px;}
  .hallym-sns-title .hallym-sns-title-box p{font-size: 14px; margin-top: 4px;}
  .hallym-sns-title .hallym-sns-remote{position: absolute; left: 0; top: 123px; margin: 0;}
  .hallym-sns-title .hallym-sns-remote .current,
  .hallym-sns-title .hallym-sns-remote .total{font-size: 14px; line-height: 24px;}
  .hallym-sns-title .hallym-sns-remote .slick-dots{width: 125px; margin: 0 10px;}
  .hallym-sns-title .hallym-sns-remote .sns-playstop{margin: 0 14px 0 0;}
  .hallym-sns-title .hallym-sns-remote .sns-arrow{margin-left: 28px;}
  .hallym-sns-title .hallym-sns-remote .sns-arrow button{width: 40px; height: 40px; background-size: 8px;}
  .hallym-sns-title .hallym-sns-tag{margin: 0; position: absolute; left: 0; top: calc(100% + 62px);}
  .hallym-sns-title .hallym-sns-tag span{font-size: 26px; margin-top: 5px;}
  .hallym-sns-link{width: 300px;}
  .hallym-sns-link li a{width: 145px; font-size: 10px; padding: 19px 0 16px 44px; background-position: left 15px center;}
  .hallym-sns-link li a.insta-logo::before{left: 15px;}
  .hallym-sns-link li a.naver-logo{background-position: left 15px top 17px;}
}

@media screen and (max-width: 768px) {
  #multipleDiv_hallym_64 #multipleContentsDiv_hallym_64{padding: 45px 0 0 20px;}
  .hallym-sns-title{flex-direction: column; margin-bottom: 20px; padding-right: 20px;}
  .hallym-sns-title .hallym-sns-title-box{margin-top: 0;}
  .hallym-sns-title .hallym-sns-title-box h1{font-size: 24px;}
  .hallym-sns-title .hallym-sns-title-box p{font-size: 12px; margin-top: 4px;}
  .hallym-sns-title .hallym-sns-remote{top: 73px;}
  .hallym-sns-title .hallym-sns-remote .current,
  .hallym-sns-title .hallym-sns-remote .total{font-size: 12px;}
  .hallym-sns-title .hallym-sns-remote .slick-dots{width: 100px; margin: 0 10px 0 12px;}
  .hallym-sns-title .hallym-sns-remote .sns-arrow{margin-left: 20px;}
  .hallym-sns-title .hallym-sns-remote .sns-arrow button{width: 35px; height: 35px; background-size: 8px;}
  .hallym-sns-title .hallym-sns-tag{top: calc(33% + 2px);}
  .hallym-sns-title .hallym-sns-tag span{font-size: 20px; margin-right: 11px;}
  .hallym-sns-link{width: 100%; margin-top: 72px;}
  .hallym-sns-link ul{justify-content: space-between; flex-direction: column;}
  .hallym-sns-link li{width: 47.83%;}
  .hallym-sns-link li a{width: 100%; font-size: 12px; padding: 16px 0 16px 44px;}
}

.number-wrap{background: url(../../images/main/number_background.jpg) no-repeat center center / cover; padding: 104px 0 122px; overflow: hidden;}
.number-wrap .container{max-width: 1860px; padding: 0 30px;}
.number-wrap .number-header{text-align: center; margin-bottom: 120px;}
.number-wrap .number-header h1{font-family: "SBA Medium"; color: white; font-size: 50px; display: inline-block; position: relative; top: -100px; opacity: 0; filter: blur(5px); transition: filter .3s;}
.number-wrap .number-header h1::after{content:""; display: block; position: absolute; right: 0; top: 0; width: 18px; height: 18px; background: url(../../images/main/schedule_dots.png) no-repeat center center; right: -24px; top: -4px;}
.number-wrap .number-header p{font-size: 20px; color: white; letter-spacing: -.025em; margin-top: 7px; position: relative;  top: -100px; opacity: 0; filter: blur(5px); transition: filter .3s;}
.number-wrap .number-content{position: relative; top: -100px; opacity: 0; overflow: hidden;}
.number-wrap .number-content ul{display: flex; flex-wrap: wrap; margin-bottom: 0;}
.number-wrap .number-content .number-counter-top{padding: 0 80px 91px; max-width: 1920px; margin: 0 auto;}
.number-wrap .number-content .number-counter-top ul{justify-content: center;}
.number-wrap .number-content .number-counter-top li{width: 18.92%;}
.number-wrap .number-content .number-counter-top li:last-child{width: auto;}
.number-wrap .number-content .number-counter-bottom{padding: 50px 40px 0 80px; border-top: 1px solid rgba(255,255,255,.3); overflow: hidden;}
.number-wrap .number-content .number-counter-bottom .number-bottom-box{justify-content: space-between; flex-wrap: wrap; display: flex; margin-bottom: 0;max-width: 1530px; margin: 0 auto;}
.number-wrap .number-content .number-counter-bottom .number-counter-bottom-list{width: calc(100%/7);}
.number-wrap .number-counter-box .number-counter-logo{height: 57px;}
.number-wrap .number-counter-box .number-counter-text h2{font-size: 18px; color: white; font-family: "SBA Medium";}
.number-wrap .number-counter-box .number-counter-text h2 span{font-family: "SBA Bold"; font-size: 45px; display: inline-block; margin-right: 10px;}
.number-wrap .number-counter-box .number-counter-text p{font-size: 16px; line-height: 25px; color: white; margin-top: 2px;}
.number-wrap .number-content .number-counter-bottom .number-counter-logo{height: 69px;}
.number-wrap .number-content .number-counter-bottom .bottom-button{display: none;}
.number-wrap .number-content .number-counter-bottom .number-counter-text h2{font-size: 16px;}
.number-wrap .number-content .number-counter-bottom .number-counter-text span{font-size: 32px; margin-right: 7px;}
.number-wrap .number-content .number-counter-bottom .number-counter-text p{font-size: 14px; line-height: 20px; margin-top: 12px;}
.number-wrap .number-content .number-counter-bottom .number-counter-bottom-remote{display: none;}

.mCSB_container .number-wrap .number-header h1{top: 0; opacity: 1;}
.mCSB_container .number-wrap .number-header p{top:0; opacity: 1;}
.mCSB_container .number-wrap .number-content{top: 0; opacity: 1;}

@media screen and (max-width: 1200px) {
  .number-wrap {padding: 77px 0 89px;}
  .number-wrap .number-header{margin-bottom: 69px;}
  .number-wrap .number-header h1{font-size: 30px;}
  .number-wrap .number-header h1::after{width: 15px; height: 15px; background-size: cover;}
  .number-wrap .number-header p{font-size: 14px;}
  .number-wrap .number-content .number-counter-top{padding: 0 40px 91px 70px;}
  .number-wrap .number-content .number-counter-top ul{justify-content: space-between;}
  .number-wrap .number-content .number-counter-top li{width: 26.965%;}
  .number-wrap .number-content .number-counter-top li:nth-child(2){width: 24.72%;}
  .number-wrap .number-content .number-counter-top li:last-child{width: 21.35%;}
  .number-wrap .number-counter-box .number-counter-logo{height: 67px;}
  .number-wrap .number-counter-box .number-counter-text h2 span{font-size: 35px;}
  .number-wrap .number-counter-box .number-counter-text p{font-size: 14px; line-height: 22px; margin-top: 0;}
  .number-wrap .number-content .number-counter-bottom{border-top: 0; position: relative; padding: 0 40px 0 170px;}
  .number-wrap .number-content .number-counter-bottom::before{content:""; display: block; position: absolute; left: 0; top: 65px; width: 100%; height: 1px; background-color: rgba(255,255,255,.3);}
  .number-wrap .number-content .number-counter-bottom .bottom-button{display: block; position: absolute; top: 50%; margin-top: -41px; background-image: url(../../images/main/bottom_arrow.png); background-repeat: no-repeat; text-indent: -9999px; width: 20px; height: 37px;}
  .number-wrap .number-content .number-counter-bottom .bottom-button.prev{left: 40px;}
  .number-wrap .number-content .number-counter-bottom .bottom-button.next{background-position: right center; right: 40px;}
  .number-wrap .number-content .number-counter-bottom .number-counter-logo{height: 74px;}
  .number-wrap .number-content .number-counter-bottom .number-counter-text h2{font-size: 16px;}
  .number-wrap .number-content .number-counter-bottom .number-counter-text h2 span{font-size: 26px;}
  .number-wrap .number-content .number-counter-bottom .number-counter-text p{font-size: 12px; line-height: 18px; margin-top: 9px;}
}

@media screen and (max-width: 768px) {
  .number-wrap{padding: 49px 0 63px;}
  .number-wrap .container{padding: 0 20px;}
  .number-wrap .number-header{margin-bottom: 37px;}
  .number-wrap .number-header h1{font-size: 24px;}
  .number-wrap .number-header h1::after{width: 11px; height: 12px; background-size: cover;}
  .number-wrap .number-header p{font-size: 12px;}
  .number-wrap .number-content .number-counter-top{padding: 0 52px 74px 54px;}
  .number-wrap .number-content .number-counter-top ul{margin-top: -30px;}
  .number-wrap .number-content .number-counter-top li{width: 40% !important; margin-top: 30px;}
  .number-wrap .number-content .number-counter-top li:nth-child(even){width: 45% !important;}
  .number-wrap .number-counter-box .number-counter-logo{height: 48px;}
  .number-wrap .number-counter-box .number-counter-logo img{height: 35px; margin: 0 auto; display: block;}
  .number-wrap .number-counter-box .number-counter-text h2{font-size: 15px; text-align: center;}
  .number-wrap .number-counter-box .number-counter-text h2 span{font-size: 24px;}
  .number-wrap .number-counter-box .number-counter-text p{font-size: 12px; line-height: 18px; margin-top: 4px; text-align: center;}
  .number-wrap .number-content .number-counter-bottom{padding: 0 20px 24px 20px;}
  .number-wrap .number-content .number-counter-bottom::before{top: 44px;}
  .number-wrap .number-content .number-counter-bottom .bottom-button{display: none;}
  .number-wrap .number-content .number-counter-bottom .number-counter-logo{height: 50px;}
  .number-wrap .number-content .number-counter-bottom .number-counter-logo img{margin: 0 auto;}
  .number-wrap .number-content .number-counter-bottom .number-counter-text h2{font-size: 12px; text-align: center;}
  .number-wrap .number-content .number-counter-bottom .number-counter-text h2 span{font-size: 20px;}
  .number-wrap .number-content .number-counter-bottom .number-counter-text p{margin-top: 2px; padding: 0 10px; text-align: center;}
  .number-wrap .number-content .number-counter-bottom .number-counter-bottom-remote{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; left: 0; bottom: 0; width: 100%; justify-content: center;}
  .number-wrap .number-content .number-counter-bottom .number-counter-bottom-dots{display: flex;}
  .number-wrap .number-content .number-counter-bottom .number-counter-bottom-dots ul{display: flex; flex-wrap: wrap; position: static; justify-content: center;}
  .number-wrap .number-content .number-counter-bottom .number-counter-bottom-dots ul.slick-dots li{margin: 0 5px; width: 14px; height: 14px; border-radius: 50%; background:rgba(255,255,255,.5)}
  .number-wrap .number-content .number-counter-bottom .number-counter-bottom-dots ul.slick-dots li button{width: 100%; height: 100%; padding: 0;}
  .number-wrap .number-content .number-counter-bottom .number-counter-bottom-dots ul.slick-dots li button:before{display: none;}
  .number-wrap .number-content .number-counter-bottom .number-counter-bottom-dots ul.slick-dots li.slick-active{width: 40px; border-radius: 50px; background-color: #ffffff; border: 0;}
  .number-wrap .number-content .number-counter-bottom .number-counter-bottom-playstop{display: block;}
  .number-wrap .number-counter-bottom-playstop{margin-left: 5px; margin-top: 1px;}
  .number-wrap .number-counter-bottom-playstop button{width: 6px; height: 8px; display: none; font-size: 0;}
  .number-wrap .number-counter-bottom-playstop button.on{display: block;}
  .number-wrap .number-counter-bottom-playstop button.number-counter-bottom-stop{background: url(../../images/main/header_notice_stop.png);}
  .number-wrap .number-counter-bottom-playstop button.number-counter-bottom-play{background: url(../../images/main/header_notice_play.png);}
}

@keyframes arrowAnimate {
  0%{right: 21px;}
  50%{right: 10px;}
  100%{right: 21px;}
}