@charset "UTF-8";

._obj{overflow: visible;}

/* 비주얼텍스트 */
#menu6069_obj108{position: absolute; left: 0; top: 315px; width: 100%; overflow: visible;}    /* 비주얼텍스트 탑에서 가운데 308px(구축시) 수정 */
.visual-slogan-top{position: relative; padding-bottom: 11px; top: -100px; opacity: 0; visibility: hidden; transition: all .3s;}
/*.visual-slogan-top::after{content:""; display: block; position: absolute; width: 50px; height: 1px; background-color: white; left: 50%; bottom: 0; margin-left: -25px;}*/
.visual-slogan-image{max-width: 182px; margin: 0 auto;}
.visual-slogan-top h1{font-size: 70px; color: white; font-family: "Gmarket Bold"; text-align: center; margin-top: 16px;}
.visual-slogan-bottom{position: relative; top: 100px; opacity: 0; visibility: hidden; transition: all .3s;}
.visual-slogan-bottom p{font-size: 24px; line-height: 34px; color: white; font-family: "Gmarket Medium"; text-align: center; margin-top: 39px; text-shadow: 0px 3px 3px rgba(0,0,0,1);}
.visual-slogan-inner.on .visual-slogan-top{top: 0; opacity: 1; visibility: visible;}
.visual-slogan-inner.on .visual-slogan-bottom{top: 0; opacity: 1; visibility: visible;}
/* 250819 비주얼 텍스트*/
.visual-txt {font-size: 28px; color: white; font-family: "Gmarket"; text-align: center;}


@media all and (max-width: 1023px) {
  #menu6069_obj108{top: 150px;}
  .visual-slogan-top h1{font-size: 55px;}
  .visual-slogan-bottom p{font-size: 16px; line-height: 25px; margin-top: 20px;}
}

@media all and (max-width: 768px) {
  .visual-slogan-image{max-width: 130px;}
  .visual-slogan-top h1{font-size: 40px;}
      .visual-txt {font-size: 18px;}
}

/* 스피릿 */
#multipleDiv_daejin_111{background-color: #f2f2f2; overflow: hidden;}
#multipleContentsDiv_daejin_111{display: table-cell; vertical-align: middle;}
.chellenge-header{position: relative; left: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s;}
.mCustomScrollbar .chellenge-header,
.challenge-wrap.on .chellenge-header{left: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.chellenge-header h1{font-family: "Gmarket Bold"; font-size: 80px; color: #1e1d19; line-height: 100px; word-break:keep-all;}
.chellenge-header h1 .border-text{color: transparent; -webkit-text-stroke: 2px #014099;}
.chellenge-header h1 .full-text{color: #014099;}
.challenge-content{margin-top: 35px;}
.challenge-content::after{content:""; display: table; clear: both;}
.challenge-left{width: 56.4%; float: left; position: relative;}
.challenge-left h1{font-family: "Gmarket Medium"; font-size: 42px; line-height: 60px; color: #000; margin-bottom: 15px; position: relative; left: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s; transition-delay: .3s;}
.mCustomScrollbar .challenge-left h1,
.challenge-wrap.on .challenge-left h1{left: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.challenge-left h1::after{content:""; display: block; position: absolute; right: 0; bottom: 16px; width: 100%; background-color: #000000; height: 1px;}
.challenge-left h1 span{display: inline-block; background-color: #f2f2f2; position: relative; padding-right: 15px; z-index: 2;}
.challenge-left .challenge-text{font-family: "Noto Light"; font-size: 20px; line-height: 32px; color: #000000; position: relative; left: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s; transition-delay: .5s;}
.mCustomScrollbar .challenge-text,
.challenge-wrap.on .challenge-text{left: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.challenge-left .challenge-text span{font-family: "Noto Bold"; font-weight: bold;}
.challenge-slogan{font-size: 32px; font-family: "Gmarket Medium"; color: #1e1d19; margin-top: 16px; position: relative; left: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s; transition-delay: .7s;}
.mCustomScrollbar .challenge-slogan,
.challenge-wrap.on .challenge-slogan{left: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.challenge-slogan span{color: #003c8a;}
.challenge-right{width: 43.6%; position: relative; float: right; right: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s; transition-delay: .9s;}
.mCustomScrollbar .challenge-right,
.challenge-wrap.on .challenge-right{right: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.challenge-right::before{content:""; display: block; position: absolute; left: -17%; bottom: -14%; width: 234px; height: 239px; background: url(../../images/main/challenge_round.png) no-repeat center center / cover; animation: circleCycle 10s infinite; z-index: 1}
.challenge-right img{position: relative; z-index: 2;}

.mCustomScrollbar #multipleContentsDiv_daejin_111{display: block;}

@media all and (max-width: 1250px) {
  .chellenge-header h1{font-size: 60px; line-height: 70px;}
  .challenge-left h1{font-size: 25px; line-height: 35px;}
  .challenge-left .challenge-text{font-size: 17px; line-height: 26px;}
  .challenge-slogan{font-size: 25px;}
}

@media all and (max-width: 1023px) {
  .chellenge-header h1{font-size: 40px; line-height: 50px;}
  .challenge-wrap{padding: 30px 0;}
  .challenge-right{float: none; width: 100%; padding-left: 50px; text-align: right;}
  .challenge-right::before{left: 0; width: 200px; height: 200px;}
  .challenge-left{float: none; width: 100%; margin-top: 75px;}
}

@media all and (max-width: 768px) {
  #multipleDiv_temp_04_7{z-index: 2;}
  
  .wrap_imbest { min-height:470px; }
}

/* 뉴스 및 피플 */
#multipleDiv_daejin_157{max-width: 1500px; margin: 0 auto; width: 100%;}
#multipleContentsDiv_daejin_157{display: table-cell; vertical-align: middle; padding-top: 125px;}
#menu6069_obj158{width: 50%; float: left; max-width: 750px;}
#menu6069_obj159{width: 50%; float: right; max-width: 750px;}

@media all and (max-width: 1500px) {
  #multipleDiv_daejin_157{padding: 0 60px;}
}

@media all and (max-width: 1023px) {
  #multipleContentsDiv_daejin_157{padding: 60px 0 35px;}
}

@media all and (max-width: 768px) {
  #multipleDiv_daejin_157{padding: 0 20px;}
  #menu6069_obj158{width: 100%; float: none;}
  #menu6069_obj159{width: 100%; float: none;}
}

/* 링크서비스 */
#multipleContentsDiv_daejin_181{display: table-cell; vertical-align: middle; background-color: #f0f1f2;}
.link-service-header{margin-bottom: 30px; position: relative; top: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s;}
.mCustomScrollbar .link-service-header,
.link-wrap.on .link-service-header{top: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.link-service-header::after{content:""; display: table; clear: both;}
.link-service-header h1{font-family: "Gmarket Medium"; font-size: 70px; color: #000000; float: left;}
.link-service-header h1 span{font-family: "Gmarket Bold"; color: #013c78;}
.link-service-header .link-service-arrow{float: right; margin-top: 17px;}
.link-service-header button{width: 56px; height: 56px; border-radius: 50%; display: inline-block;}
.link-service-header .link-prev{background: white url(../../images/main/link_prev.png) no-repeat center center}
.link-service-header .link-next{background: white url(../../images/main/link_next.png) no-repeat center center; margin-left: 10px;}
.link-service > ul{margin: 0 -43px; position: relative; bottom: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s; transition-delay: .3s;}
.mCustomScrollbar .link-service > ul,
.link-wrap.on .link-service > ul{bottom: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.link-service .slick-slide{padding: 0 43px; margin-bottom: 60px;}
.link-service .slick-slide li{position: relative;}
.link-service .link-box h1{font-size: 28px; color: #000000; font-family: "Gmarket Medium"; border-bottom: 2px solid black; padding: 10px 0; opacity: 1; transition: all .3s;}
.link-service .link-scroll{max-height: 220px; opacity: 0; visibility: hidden; transition: all .3s; padding-bottom: 10px;}
.link-service .slick-slide li:hover .link-scroll{visibility: visible; opacity: 1;}
.link-service .slick-slide li:hover .link-box h1{visibility: hidden; opacity: 0;}
.link-service .link-scroll h1{position: absolute; left: 0; top: 0; width: 100%; height: 300px; background: url(../../images/main/scroll_background.jpg) no-repeat top center / cover; color: white; font-family: "Gmarket Medium"; font-size: 28px; padding: 16px 35px;}
.link-service .link-scroll-box{position: absolute; top: 65px; left: 35px; background-color: white; width: 100%; height: 300px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.18); padding: 40px;}
.link-service .link-scroll-box li{margin-bottom: 10px;}
.link-service .link-scroll-box li:last-child{margin-bottom: 0;}
.link-service .link-scroll-box li a{font-family: "Noto Regular"; font-size: 17px; color: #000000; display: block; padding-left: 27px; background: url(../../images/main/link_anchor.png) no-repeat left center;}
.link-service .link-scroll-box li span{position: relative;}
.link-service .link-scroll-box li span::after{content:""; display: block; position: absolute; left: 0; bottom: -5px; width: 0; height: 1px; background-color: #003c8a; transition: all .3s;}
.link-service .link-scroll-box li a:hover{background: url(../../images/main/link_anchor_on.png) no-repeat left center; color: #003c8a;}
.link-service .link-scroll-box li a:hover span::after{width: 100%;}
.link-service .link-scroll-box .nicescroll-rails{background-color: #ddd !important; width: 2px !important;}
.link-service .link-scroll-box .nicescroll-cursors{background-color: #1e3551 !important; border: 0 !important;}
.link-service .link-scroll-box .nicescroll-cursors::after{content:""; display: block; position: absolute; width: 30px; height: 30px; border-radius: 50%; background: #1e3551 url(../../images/main/scroll_arrow.png) no-repeat center center; left: 50%; margin-left: -15px; bottom: 0;}

@media all and (max-width: 1250px) {
  .schedule-wrap{margin: 30px 0;}
  .link-service-header h1{font-size: 55px;}
  .link-service .slick-slide{margin-bottom: 0;}
  .link-service .link-box h1{font-size: 24px;}
}

@media all and (max-width: 1023px) {
  .link-wrap{padding: 30px 0; overflow: hidden;}
}

@media all and (max-width: 768px) {
  .link-service > ul{margin: 0 -30px;}
  .link-service .slick-slide{padding: 0 30px;}
  .link-service-header h1{font-size: 40px;}
  .link-service-header .link-service-arrow{margin-top: 10px;}
  .link-service-header button{width: 40px; height: 40px;}
}

@media all and (max-width: 480px) {
  .link-service > ul{margin: 0 -10px;}
  .link-service .slick-slide{padding: 0 10px;}
  .link-service-header h1{display: block; float: none;}
  .link-service-header .link-service-arrow{float: none;}
}

/* 스케줄 */
.schedule-wrap > .container > ul{border-top: 1px solid black; border-bottom: 1px solid black; padding: 40px 0;}
.schedule-wrap > .container > ul::after{content:""; display: table; clear: both;}
.schedule-wrap > .container > ul > li{float: left; width: 25%; top: 100px; opacity: 0; visibility: hidden; transition: all .3s; position: relative;}
.schedule-wrap > .container > ul > li a{display: block; width: 100%; height: 100%;}
.mCustomScrollbar .schedule-wrap > .container > ul > li,
.schedule-wrap.on > .container > ul > li{top: 0; opacity: 1; visibility: visible;}
.schedule-wrap > .container > ul > li:nth-child(1){transition-delay: .3s;}
.schedule-wrap > .container > ul > li:nth-child(2){transition-delay: .5s;}
.schedule-wrap > .container > ul > li:nth-child(3){transition-delay:  .7s;}
.schedule-wrap > .container > ul > li:nth-child(4){transition-delay: .9s;}
.schedule-wrap > .container > ul > li::after{content:""; display: table; clear: both;}
.schedule-date{width: 84px; height: 84px; border-radius: 50%; border: 2px solid #000000; float: left; transition: all .3s;}
.schedule-date h1{font-size: 17px; font-family: "Gmarket Medium"; text-align: center; color: #000; line-height: 84px; transition: all .3s;}
.schedule-wrap > .container > ul > li a:hover .schedule-date{background-color: #013c78; border: 2px solid #013c78;}
.schedule-wrap > .container > ul > li a:hover .schedule-date h1{color: white;}
.schedule-content{float: left; width: calc(100% - 84px); padding-left: 26px; margin-top: 15px;}
.schedule-content h1{font-family: "Gmarket Bold"; font-size: 22px; color: #000;}
.schedule-content li{padding-left: 15px; position: relative; font-family: "Noto Regular"; font-size: 18px; color: #000;}
.schedule-content li::before{content:""; display: block; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; border-radius: 50%; background-color: #000;}

.mCustomScrollbar #multipleContentsDiv_daejin_181{display: block;}

@media all and (max-width: 1250px) {
  .schedule-content h1{font-size: 20px;}
  .schedule-content li{font-size: 16px;}
  .schedule-content li::before{top: 9px;}
}

@media all and (max-width: 1023px) {
  .schedule-wrap > .container > ul > li{width: 50%; margin-top: 20px;}
  .schedule-wrap > .container > ul > li:nth-child(-n+2){margin-top: 0;}
}

@media all and (max-width: 768px) {
  .schedule-content{padding-left: 15px; margin-top: 19.5px;}
  .schedule-content h1{font-size: 16px;}
  .schedule-wrap > .container > ul{padding: 20px 0;}
  .schedule-content li{font-size: 14px;}
  .schedule-content li::before{top: 7px;}
  .schedule-wrap > .container > ul > li:nth-child(-n+2){margin-top: 20px;}
  .schedule-wrap > .container > ul > li:first-child{margin-top: 0;}
}

@media all and (max-width: 480px) {
  .schedule-wrap > .container > ul > li{float: none; width: 100%;}
}

/* 공지사항 */
#multipleDiv_chn_258::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 55.73%; height: 100%; background-color: #003c8a;}
#multipleContentsDiv_chn_258{max-width: 1500px; margin: 0 auto;}
#menu6069_obj259{width: 50%; float: left;}
#menu6069_obj260{width: 33.34%; float: right;}

.main-link-service-wrap{padding-top: 150px;}
.main-link-service-wrap h1{font-family: "Gmarket Bold"; font-size: 70px; color: white; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s;}
.mCustomScrollbar .main-link-service-wrap h1,
.main-link-service-wrap.on h1{opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.main-link-service-wrap h1 span{font-family: "Gmarket Medium"; color: white; opacity: .1;}
.main-link-service-list{margin-top: 30px;}
.main-link-service-list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.main-link-service-list li{width: 46.6%; border: 1px solid rgba(255,255,255,.3); margin-top: 50px; position: relative; left: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s;}
.mCustomScrollbar .main-link-service-list li,
.main-link-service-wrap.on .main-link-service-list li{opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0); left: 0;}
.main-link-service-wrap.on .main-link-service-list li:nth-child(1){transition-delay: .1s}
.main-link-service-wrap.on .main-link-service-list li:nth-child(2){transition-delay: .2s}
.main-link-service-wrap.on .main-link-service-list li:nth-child(3){transition-delay: .3s}
.main-link-service-wrap.on .main-link-service-list li:nth-child(4){transition-delay: .4s}
.main-link-service-wrap.on .main-link-service-list li:nth-child(5){transition-delay: .5s}
.main-link-service-wrap.on .main-link-service-list li:nth-child(6){transition-delay: .6s}
.main-link-service-wrap.on .main-link-service-list li:nth-child(7){transition-delay: .7s}
.main-link-service-wrap.on .main-link-service-list li:nth-child(8){transition-delay: .8s}
.main-link-service-wrap.on .main-link-service-list li:nth-child(9){transition-delay: .9s}
.main-link-service-wrap.on .main-link-service-list li:nth-child(10){transition-delay: 1s}
.main-link-service-list li:nth-child(-n+2){margin-top: 0;}
.main-link-service-list li a{width: 100%; height: 100%; display: block;}
.main-link-service{width: 100%; height: 80px; display: table; padding:0 90px 0 30px; background: transparent url(../../images/main/main_link_service_arrow.png) no-repeat right 30px center; transition: all .3s;}
.main-link-service-list li a:hover .main-link-service{background: white url(../../images/main/main_link_service_arrow_on.png) no-repeat right 30px center;}
.main-link-service p{display: table-cell; vertical-align: middle; font-size: 18px; line-height: 25px; color: white; font-family: "Gmarket Medium";}
.main-link-service-list li a:hover .main-link-service p{color: #003c8a;}


@media all and (max-width: 1500px) {
  #multipleContentsDiv_chn_258{padding: 0 60px;}
  .main-link-service-wrap h1{font-size: 60px}
  .main-link-service p{font-size: 16px; line-height: 23px;}
}

@media all and (max-width: 1023px) {
  #multipleContentsDiv_chn_258{padding: 20px;}
  .main-link-service-wrap{padding: 0;}
  #multipleDiv_chn_258::before{width: 100%; height: 760px;}
  #menu6069_obj259{width: 100%; float: none;}
  #menu6069_obj260{width: 100%; float: none;}
  #menu6069_obj260 .slick-slide img{width: 100%;}
  .wrap-popup .control h1{left: 0;}
  .wrap-popup .control .prevnext{margin-top: 15px;}
}

@media all and (max-width: 768px) {
  .main-link-service-list{margin-top: 0;}
  #multipleDiv_chn_258::before{height: 910px}
  .main-link-service-list li{width: 100%; margin-top: 10px;}
  .main-link-service-list li:first-child{margin-top: 0;}
  .main-link-service-list li:nth-child(-n+2){margin-top: 10px;}
  .main-link-service{height: auto; padding: 10px 90px 10px 10px;}
}

/* 학과소개 */
#multipleContentsDiv_chn_273{display: table-cell; vertical-align: middle; background-color: #eeeef1}
.place-header > div{position: relative; margin-bottom: 12px;}
.place-header > div::after{content:""; display: table; clear: both;}
.place-header > div:last-child{margin-bottom: 0;}
.place-header-top .place-title{width: 42.7%; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s;}
.mCustomScrollbar .place-header-top .place-title,
.place-wrap.on .place-header-top .place-title{opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.place-header-top .place-top-line{position: absolute; right: 0; top: 40%; height: 5px; display: block; background-color: #010101; width: 0; transition: all 1s; transition-delay: .3s;}
.mCustomScrollbar .place-header-top .place-top-line,
.place-wrap.on .place-header-top .place-top-line{width: 53.7%;}
.place-header-bottom .place-bottom-line{position: absolute; left: 0; top: 40%; height: 5px; display: block; background-color: #010101; width: 0; transition: all 1s; transition-delay: .3s;}
.mCustomScrollbar .place-header-bottom .place-bottom-line,
.place-wrap.on .place-header-bottom .place-bottom-line{width: 23%;}
.place-header-bottom p{float: right; color: #000000; font-size: 3.646vw; font-family: "Gmarket Bold"; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s;}
.mCustomScrollbar .place-header-bottom p,
.place-wrap.on .place-header-bottom p{opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.place-slider{position: relative;}
.place-slider button{display: block; position: absolute; width: 90px; height: 90px; top: 50%; margin-top: -70px; border-radius: 50%; z-index: 2; font-size: 0;}
.place-slider .place-prev{background: #323642 url(../../images/main/place_prev.png) no-repeat center center; left: -45px;}
.place-slider .place-next{background: #323642 url(../../images/main/place_next.png) no-repeat center center; right: -45px;}
.place-content > p{font-family: "Noto Regular"; color: #000000; font-size: 22px; margin-top: 14px; margin-bottom: 53px; position: relative; left: -100px; transition: all .3s; transition-delay: .3s; opacity: 0;  visibility: hidden; -webkit-filter: blur(50px); filter: blur(50px);}
.mCustomScrollbar .place-content > p,
.place-wrap.on .place-content > p{left: 0; visibility: visible; -webkit-filter: blur(0); filter: blur(0); opacity: 1;}
.place-content .place-image{width: 100%; height: 350px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.place-content ul{margin: 0 -17px; position: relative; top: 100px; visibility: hidden; -webkit-filter: blur(50px); filter: blur(50px); transition: all .3s; transition-delay: .5s;}
.mCustomScrollbar .place-content ul,
.place-wrap.on .place-content ul{top: 0; visibility: visible; -webkit-filter: blur(0); filter: blur(0);}
.place-content li{padding: 0 17px; text-align: center;}
.place-content ul p{display: inline-block; position: relative; font-size: 25px; font-family: "Noto Medium"; margin-top: 30px; color: #000}
.place-content ul p span::after{content:""; display: block; position: absolute; left: -5%; bottom: 10px; width: 0; height: 12px; background-color: rgba(1,93,176,.7); transition: all .3s; z-index: -1;}
.place-content li a:hover p span::after{width: 110%;}

.mCustomScrollbar #multipleContentsDiv_chn_273{display: block;}


@media all and (max-width: 1500px) {
  .mCustomScrollbar .place-header-bottom .place-bottom-line,
  .place-wrap.on .place-header-bottom .place-bottom-line{width: 33%;}
}

@media all and (max-width: 1023px) {
  .place-wrap{padding: 50px 0 35px;}
  .place-content > p{font-size: 16px;}
  .place-content ul{margin: 0 -10px;}
  .place-content ul::after{content:""; display: table; clear: both;}
  .place-content li{width: 25%; float: left; padding: 0 10px; margin-bottom: 15px;}
  .place-slider button{display: none;}
  .place-content .place-image{height: auto;}
  .place-content ul p{font-size: 16px; margin-top: 10px;}
}

@media all and (max-width: 768px) {
  .place-content li{width: 50%;}
  .place-header-top .place-title{width: 53.7%;}
  .mCustomScrollbar .place-header-top .place-top-line,
  .place-wrap.on .place-header-top .place-top-line{width: 42%;}
  .mCustomScrollbar .place-header-bottom .place-bottom-line,
  .place-wrap.on .place-header-bottom .place-bottom-line{width: 11.4%;}
  .place-header-bottom p{font-size: 4.946vw;}
  .place-content > p{margin-top: 4px; margin-bottom: 35px;}
  .place-content ul p span::after{bottom: 2px;}
}

/* SNS */
#multipleContentsDiv_chn_310{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width: 1500px;}
#menu6069_obj311{width: 50%; padding-right: 110px;}
.sns-left > h1{font-family: "Gmarket Medium"; font-size: 70px; color: #000000; margin-bottom: 23px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); left: -100px; transition: all .3s; left: -100px}
.mCustomScrollbar .sns-left > h1,
#multipleContentsDiv_chn_310.on .sns-left > h1{opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0); left: 0;}
.sns-left > h1 span{color: #013c78; font-family: "Gmarket Bold";}
.sns-left ul::after{content:""; display: table; clear: both;}
.sns-left li{float: left; padding-left: 37px; width: 170px; background: url(../../images/main/sns_logo.png) no-repeat left -13px top -5px;}
.sns-top{margin-bottom: 20px; position: relative; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); left: -100px; transition: all .3s; transition-delay: .3s;}
.mCustomScrollbar .sns-top,
#multipleContentsDiv_chn_310.on .sns-top{left: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.sns-top li:nth-child(2){background-position: left -13px top -5px;}
.sns-top li:nth-child(3){background-position: left -182px top -5px;}
.sns-top li:nth-child(1){background-position: left -13px top -54px;}
.sns-bottom{position: relative; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); left: -100px; transition: all .3s; transition-delay: .3s;}
.mCustomScrollbar .sns-bottom,
#multipleContentsDiv_chn_310.on .sns-bottom{left: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.sns-left li a{font-family: "Gmarket Medium"; font-size: 17px; color: #333333; position: relative;}
.sns-left li a::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #333333; transition: all .3s;}
.sns-left li a:hover::after{width: 100%;}
.youtube-box{position: relative; left: -100px; visibility: hidden; opacity: 0; filter: blur(50px); -webkit-filter: blur(50px); transition: all .3s; transition-delay: .6s;}
.mCustomScrollbar .youtube-box,
#multipleContentsDiv_chn_310.on .youtube-box{left: 0; visibility: visible; opacity: 1; filter: blur(0); -webkit-filter: blur(0);}
.youtube-image{width: 100%; position: relative; height: 360px; margin-top: 40px}
.youtube-image iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.youtube-content span{font-family: "Gmarket Bold"; font-size: 13px; color: #ff0000; display: inline-block; margin-top: 20px;}
.youtube-content p{font-family: "Noto Regular"; font-size: 18px; line-height: 25px; margin-top: 5px;}
#menu6069_obj312{float: right; width: 50%;}
.sns-right ul::after{content:""; display: table; clear: both;}
.sns-right li{float: left; width: 46.667%; margin-top: 40px; margin-right: 50px; position: relative; top: 100px; opacity: 0; visibility: hidden; transition: all .3s;}
.sns-right li:nth-child(1){transition-delay: .8s;}
.sns-right li:nth-child(2){transition-delay: 1s;}
.sns-right li:nth-child(3){transition-delay: 1.2s;}
.sns-right li:nth-child(4){transition-delay: 1.4s;}
.mCustomScrollbar .sns-right li,
#multipleContentsDiv_chn_310.on .sns-right li{top: 0; opacity: 1; visibility: visible;}
.sns-right li a{display: block; width: 100%; height: 100%;}
.sns-right li:nth-child(2n){margin-right: 0;}
.sns-right li:nth-child(-n+2){margin-top: 0;}
.sns-info span{display: inline-block; font-family: "Gmarket Bold"; font-size: 13px; color: #3b5998; margin: 20px 0 10px 0;}
.sns-info p{font-size: 18px; line-height: 25px; color: #000000; padding-right: 10px; text-overflow: ellipsis; overflow: hidden; white-space: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.sns-right li a:hover .sns-info p{text-decoration: underline;}

.mCustomScrollbar #multipleContentsDiv_chn_310{display: block;}

@media all and (max-width: 1500px) {
  #multipleContentsDiv_chn_310{padding: 0 60px;}
  .sns-right li{margin-right: 6.666%;}
  .sns-left > h1{font-size: 40px;}
}

@media all and (max-width: 1023px) {
  #multipleContentsDiv_chn_310{align-items: flex-start; padding: 60px 60px 142px;}
  .sns-top{margin-bottom: 15px;}
  #menu6069_obj311{padding-right: 25px;}
  .sns-left > h1{margin-bottom: 18px;}
  .sns-left li{width: 111px; padding-left: 32px;}
  .sns-left li a{font-size: 11px; display: block; line-height: 29px;}
  .youtube-image{margin-top: 25px; height: 235px;}
  .youtube-content p,
  .sns-info p{font-size: 16px; line-height: 22px;}
  .sns-right li{position: relative;}
  .youtube-content span{margin-top: 15px}
  .sns-info span{margin: 15px 0 5px;}
  .sns-right li:nth-child(2n){top: 65px;}
}

@media all and (max-width: 768px) {
  #multipleContentsDiv_chn_310{padding: 45px 20px 25px;}
  #menu6069_obj311{width: 100%; float: none; padding-right: 0;}
  #menu6069_obj312{float: none; width: 100%; margin-top: 30px;}
  .sns-left > h1{font-size: 35px;}
  .sns-top{margin-bottom: 0; margin-right: 3px;}
  .sns-top,
  .sns-bottom{display: inline-block;}
  .sns-left li{width: auto; margin-right: 7px;}
  .sns-left li:last-child{margin-right: 0;}
  .youtube-image{height: 275px;}
  .sns-right li:nth-child(2n){top: 0;}
  .sns-right li{display: none;}
  .sns-right li:nth-child(-n+2){display: block;}
}


/* 애니메이션 */
@keyframes circleCycle {
  0%{transform: rotate(0);} 50%{transform: rotate(180deg);} 100%{transform: rotate(360deg);}
}