

*		{outline:none; border:0;}
*, :after, :before {/*가로 세로값 고정*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
hr {display:none}
ul {padding:0; margin:0;}
li,ol,dd {list-style:none;}
table		{border-spacing:0; border-collapse:collapse;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;}
legend {visibility:hidden; display:none; height:0; width:0; font-size:0;}
noscript{display:none;}
caption{visibility:hidden; height:0; width:0; font-size:0;}
strong{font-weight:normal;}
button {cursor:pointer; padding:0; background-color:transparent;}
input {/*-webkit-appearance: none;*/ -webkit-border-radius: 0; /*-moz-appearance:none; appearance:none;*/}
input[type="submit"]		{cursor:pointer}
input[type=text]				{-webkit-border-radius:0; -webkit-appearance:none;}
input.search, select		{-webkit-border-radius:0;}

input[type=checkbox]		{margin: 0; vertical-align:middle;}
input[type=radio]				{vertical-align:middle;}
input[type=text],input[type=password], textarea {outline:none;}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
/*
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
*/
}
input[type="button"] {background-color: transparent;}

/* 이너 사이즈 시작 */
.inner-1400 {width:1400px; margin:0 auto;}
/* 이너 사이즈 끝 */

/* 헤더-첫번째 섹션 css 시작 */
.header {position:fixed; width:100%; min-width:1512px; left:0; top:0; background: #fff; z-index: 9999;}
.header-top {border-bottom:1px solid #EFEFEF;}
.header-top .inner-1400 {display: flex;height:30px; align-items: flex-end; justify-content: space-between; } 

.header-brand--swiper { max-width:240px; height:32px; overflow:hidden; }
.blk_header { margin-top:183px;display:block;}
.branch {display:flex; align-items: flex-end;}
.branch__item a {padding:4px 8px 3px; transition:all 0.4s; font-size: 12px; font-weight: 300; color:#666666; display: block; border-bottom:1px solid transparent}
.branch__item a:visited,
.branch__item a:link {color:#666666;}
.branch__item:hover a {color:#f97350; border-bottom:1px solid #f97350;}
.branch__item.active a {color:#f97350; border-bottom:1px solid #f97350;}
.header-top__right {display: flex;}
.header-top__img {padding-bottom:10px; margin-right: 26px}
.header-admin {display: flex; align-items: center;}
.header-admin__item {font-size: 12px; color:#666; transition:all 0.4s; margin-right:12px; padding-right:12px; position: relative; font-weight: 300;}
.header-admin__item::after {content:''; display: block; width:1px; height:8px; background: #c2c2c2; position: absolute; right:0; top:50%; transform:translateY(-50%);}
.header-admin__item:hover {color:#f97350;}
.header-admin__item:visited,
.header-admin__item:link {color:#666;}
.header-language {position: relative;}
.header-language__button {display: flex; align-items: center; font-size: 12px; color:#666; font-weight: 300;}
.header-language__button img {margin-left:5px; transition: all 0.4s;}
.header-language__button.active img {transform:rotate(180deg)}
.header-language__button:visited,
.header-language__button:link {color:#666;}
.header-language__navi {display: none; position: absolute; width:100%; left:50%; top:25px; transform: translateX(-50%); padding:10px 5px; background: #fff; border:1px solid #666; z-index: 1;}
.header-language__link {font-size: 12px; text-align: center; display: block; padding:3px 0; transition:all 0.4s;}
.header-language__link:hover {color:#f97350;}
/* 헤더-첫번째 섹션 css 끝 */

/* 헤더-두번째 섹션 css 시작 */
.header-middle {border-bottom:1px solid #EFEFEF;}
.header-middle .inner-1400 {display: flex; justify-content: space-between; align-items: center; height:90px; }
.header-logo {margin-right:100px;}
.header-quick {display: flex; }
.header-quick__item:first-child {margin-right: 30px;}
.header-quick__link {display: flex; flex-direction: column;align-items: center}
.header-quick__img {padding-bottom: 2px;}
/* 헤더-두번째 섹션 css 끝 */

/* 헤더-세번째 섹션 css 시작 */
.header-bottom {border-bottom:1px solid #EFEFEF; position: relative;}
.header-bottom .inner-1400 {display: flex; justify-content: space-between; align-items: center; height:60px;}
.all-nav__img {padding-right: 10px;}
.all-nav__open {display: flex; align-items: center; font-size: 18px; font-weight: 500; letter-spacing: -0.5px; cursor: pointer;}
.all-box {width:100%; height:780px; background: #fff; z-index: 999999; position: absolute; left:0; top:0; display: none;}
.all-box .inner-1400 {display:block; height:auto;}
.all-box .close_btn {margin:20px 0 23px; display: inline-block;}
.all-dept1 {display: flex; justify-content: center;}
.all-dept1__item:not(:last-child) {margin-right: 30px;}
.all-dept1__link {display: block; padding:10px 30px; margin-bottom:40px; font-size: 18px; font-weight: 500; letter-spacing: -0.5px; transition:all 0.4s;}
.all-dept1__item:hover .all-dept1__link {color:#f97350}
.all-dept2__link {display: block; padding:10px 0; margin-left:30px; font-size: 16px; font-weight: 500; transition:all 0.4s;}
.all-dept2__item:hover .all-dept2__link {color:#f97350}

.indi-nav {margin-left:90px;}
.indi-dept1 {display: flex;}
.indi-dept1__item:not(:last-child) {margin-right:60px;}
.indi-dept1__link {font-size: 18px; font-weight: 500; letter-spacing: -0.5px; padding:20px 0; transition:all 0.4s;}
.indi-dept1__link:link,
.indi-dept1__link:visited {color:#000;}
.indi-dept1__item:hover .indi-dept1__link {color:#F97350;}
.indi-dept2-wrap {position: absolute; top:61px; left:0; width:100%; height:100px; z-index: 99999; background: #fff; display:none;}
.indi-dept2 {display: flex; width:1400px; margin:0 auto; padding-top:35px; padding-left:300px;}
.indi-dept2__link {font-size: 16px; font-weight: 500; transition:all 0.4s;}
.indi-dept2__link:link,
.indi-dept2__link:visited {color:#000;}
.indi-dept2__link:hover {color:#F97350;}
.indi-dept2.active {display: flex;}
.indi-dept2__item:not(:last-child) {margin-right: 20px;}
.quick-call {position: relative;}
.quick-call img {padding-right:10px;}
.quick-call__link {display: flex; align-items: center; font-size: 30px; font-weight: 700; letter-spacing: -1px;}
.bubble {position: absolute; right:-13px;bottom:-30px; width:130px; height:30px; display: flex; align-items: center; justify-content: center; text-align: center; border-radius:50px; background: #fdbb64; font-size: 12px; font-weight: 500; letter-spacing: -0.5px; color:#fff; z-index: 100000;}
.bubble::after {display: block; content:''; width:6px; height:7px; background: url(../img/header-bottom_bubble.png) no-repeat center / 6px 8px; position: absolute; right:11px; top:-7px;}

@media (max-width:1425px){
  .bubble {right:0;}
}
/* 헤더-세번째 섹션 css 시작 */

/* 본문 공통 css 시작 */
.main {width:100%; min-width:1512px; overflow: hidden; margin-top: 183px;}
.main > div {margin:0 auto;}
.main-category {font-size: 20px; font-weight: 600; letter-spacing: 2px; color:#f97350; display: block; padding-bottom: 30px;}
.main-category--m4 {text-align: center;}
.main-category--m6 {text-align: center;}
.main-category--m8 {text-align: center;}
.main-category--mj01 {text-align: center;}
.main-title {font-size: 48px;font-weight: 300; letter-spacing: -0.5px; line-height: 1.35;}
.main-title span {font-weight: 700;}
.main-title--m4 {text-align: center;}
.main-title--m6 {text-align: center;}
.main-title--m8 {text-align: center;margin-bottom:30px;}
.main-title--mj01 {text-align: center;}
.main-desc {font-size: 20px; line-height: 1.5; letter-spacing: -0.5px; color:#666; padding-top: 20px;}

@media (max-width:1425px){
  .main {}
}
/* 본문 공통 css 끝 */

/* 메인비주얼 css 시작 */
.swiper-m1 {height:825px; overflow: hidden; position: relative;}
.swiper-m1 .swiper-slide {width:100%; height:100%;position: relative;}
.swiper-m1 .swiper-slide a {width:100%; height:100%; display: block;}
.swiper-m1 .swiper-video {background: none; position: relative;}
.swiper-m1 .swiper-video #intro_video1 {width:auto; height:auto; min-height:100%; min-width:100%; position: absolute; left:50%; bottom:0; transform:translateX(-50%);}
.swiper-m1 .swiper-video::after {position: absolute; content:''; width:100%; height:100%; left:0; top:0;}
.swiper-m1 .swiper-video::before {position:absolute; left:0; bottom:-77px; content:''; width:100%; height:77px; background: url(../img/m1-slide_border.png) no-repeat center / cover;transition:all 0.4s;}
.swiper-m1 .swiper-video.border::before {bottom:0;}
.swiper-m1 .swiper-video iframe {width: 400%;height: 120%;min-height:1060px;margin-left: -150%;margin-top: -50px;z-index: 0;opacity:1;transition: opacity 500ms ease-in-out;transition-delay: 250ms;}

.swiper-m1 .swiper-slide__title {font-size: 85px; font-weight: 100;}
.swiper-m1 .swiper-slide__title span {font-weight: 800;}
.swiper-m1 .swiper-slide__title--01 {padding: 250px 0 10px;}
.swiper-m1 .swiper-slide__title--01::after {content:''; display: block;}
.swiper-m1 .swiper-slide__title--02 {padding-left: 42px;}
.swiper-m1 .swiper-slide__desc {padding-top: 20px; font-size: 22px; color:#6d6d6d;}
.swiper-m1 .swiper-button-next, .swiper-m1 .swiper-button-prev {position: initial;}
.swiper-m1 .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-button-prev:after {display: none;}
.swiper-m1 .swiper-button-prev, .swiper-m1 .swiper-button-next {width: 45px; height: 45px; background-size: 45px 45px; transition:all 0.4s; margin:0; margin-left:4px;}
.swiper-m1 .swiper-button-prev, .swiper-m1 .swiper-container-rtl .swiper-button-next {background-image: url(../img/m1-slide_prev.png) !important;}
.swiper-m1 .swiper-button-prev:hover, .swiper-m1 .swiper-container-rtl .swiper-button-next:hover {background-image: url(../img/m1-slide_prev-ho.png) !important;}
.swiper-m1 .swiper-button-next, .swiper-m1 .swiper-container-rtl .swiper-button-prev {background-image: url(../img/m1-slide_next.png) !important;}
.swiper-m1 .swiper-button-next:hover, .swiper-m1 .swiper-container-rtl .swiper-button-prev:hover {background-image: url(../img/m1-slide_next-ho.png) !important;}
.swiper-m1 .swiper-bar {position: relative; width:100px; height:1px; background: #A7A9AB; z-index: 1; margin:0 20px;}
.swiper-m1 .swiper-bar .swiper-color {display: block; width:0; height:1px; background: #F97350; position: absolute; left:0; top:0; animation:pagenation 4s forwards linear; z-index: 2;}
/* .swiper-m1 .swiper-bar.video-bar .swiper-color {animation:pagenation 26.1s forwards linear;} */
.swiper-m1 .swiper-bar.anistop .swiper-color {animation:none;}
.swiper-m1 .swiper_play {height:45px; position: relative; z-index: 1;}
.swiper-m1 .btn_hi_start {text-indent: -9999px; overflow: hidden; width: 45px; height: 45px; background: url(../img/ico_slide_play.png) no-repeat center;}
.swiper-m1 .btn_hi_stop {text-indent: -9999px; overflow: hidden; width: 45px; height: 45px; background: url(../img/ico_slide_pause.png) no-repeat center;}
.swiper-m1 .swiper-pagination-fraction {position:initial; width:auto; height:auto; font-size: 16px; letter-spacing: -0.5px; align-items: center; display: flex; align-items: center;}
.swiper-m1 .swiper-pagination-fraction span {font-weight: 600; }
.swiper-m1 .swiper-pagination-current {margin-right: 8px;}
.swiper-m1 .swiper-pagination-total {margin-left: 8px;}
.swiper-m1 .swiper-page {position: absolute; bottom:123px; z-index: 1; display: flex; align-items: center; left:251.5px}
@keyframes pagenation {
    0% {
      width:0;
    }
    100% {
      width:100px;
    }
  }

  /* 메인비주얼 css 끝 */

/* 전화번호 및 간단 메뉴 css 시작 */
.m2 {padding: 50px 4% 0; display: flex; align-items: flex-end; justify-content: center; }
.phone-call {margin-right: 100px;}
.phone-call__figure {padding-bottom: 20px;}
.phone-call__number {font-size: 50px; font-weight: 700; letter-spacing: -1px; display: inline-block;margin-bottom: 20px;}
.phone-call__number span {color:#fdbb64;}
.phone-call__desc {font-size: 18px; font-weight: 500; color:#666;}
.quick-button {display: flex;}
.quick-button__item {position: relative;}
.quick-button__item:not(:last-child) {margin-right: 80px;}
.quick-button__comment {position: absolute; top:-36px; left:50%; transform:translateX(-50%); width:100px; height:24px; border-radius:50px; background: #ffe500; color:#444; font-size: 14px; font-weight: 500; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: center; text-align: center; animation:blink 0.7s step-end infinite}
.quick-button__comment::after {content:''; display: block; width:11px; height:8px; background: url(../img/m2-quick_img02.png) no-repeat center / 11px 8px; position: absolute; right:26px; bottom:-8px;}
.quick-button a {display: flex; flex-direction: column; align-items: center;}
.quick-button__figure {padding-bottom: 20px;}
.quick-button__desc {font-size: 18px; font-weight: 500; color:#444; letter-spacing: -0.5px;}

@keyframes blink {
  70% {
    opacity: 0;
  }
}
/* 전화번호 및 간단 메뉴 css 끝 */

/* Courses css 시작 */
.m3 {padding:140px 0 70px; overflow: hidden; position: relative;}
.banner-txt-wrap {position: absolute; bottom:150px;}
.banner-txt-box {display: flex; overflow:hidden; position:relative;}
.banner-txt-box.reverse {margin-top: 100px;}
.banner-txt-roller {display:flex; align-items:center; overflow:hidden; flex-shrink:0;}
.banner-txt-roller__item {margin-left:20px;}
.banner-txt-box:not(.reverse) .banner-txt-roller.original{animation: 50s linear 0s infinite normal forwards running rollingleft_txt1;}
.banner-txt-box:not(.reverse) .banner-txt-roller.clone{animation: 50s linear 0s infinite normal none running rollingleft_txt2;}
.banner-txt-box.reverse .banner-txt-roller.original{animation: 50s linear 0s infinite normal forwards running rollingleft_txt3;}
.banner-txt-box.reverse .banner-txt-roller.clone{animation: 50s linear 0s infinite normal none running rollingleft_txt4;}
.banner-txt-roller__item--01 {display: block; width:1286px; height:92px; background: url(../img/m3-courses_txt01.png) no-repeat center / 1286px 92px;}
.banner-txt-roller__item--02 {display: block; width:1602px; height:94px; background: url(../img/m3-courses_txt02.png) no-repeat center / 1602px 94px;}
@keyframes rollingleft_txt1 { /* 정방향 original */
0% { transform: translateX(0); }
50% { transform: translateX(-100%); }  
50.01%{ transform: translateX(100%); }
100%{ transform: translateX(0); }  
}

@keyframes rollingleft_txt2 { /* 정방향 clone */
0% {transform: translateX(0);}  
100% {transform: translateX(-200%);}
}  

@keyframes rollingleft_txt3 { /* 역행 original */  
0% {transform: translateX(-200%);}
50% {transform: translateX(-100%);}  
50.01%{transform: translateX(-100%);}
100%{transform: translateX(-200%);}  
}

@keyframes rollingleft_txt4 { /* 역행 clone */
0% {transform: translateX(0);}  
100% {transform: translateX(200%);}
}

.courses-cards {margin-top: 80px; display: flex; position: relative;}
.courses-cards__item {width:327.5px; height:448px; border-radius:30px; perspective: 700px; position: relative;}
.courses-cards__item--01 {z-index: 5;}
.courses-cards__item--02 {z-index: 4;}
.courses-cards__item--03 {z-index: 3;}
.courses-cards__item--04 {z-index: 2;}
.courses-cards__wrap {width:100%; height:100%; position: relative; transform-style: preserve-3d; transition: transform .5s; transform: translate(0px, 0px);}
.courses-cards__wrap.turn1 {animation: turn1 0.3s linear forwards;}
.courses-cards__wrap.turn2 {animation: turn2 0.3s linear forwards;}
@keyframes turn1{
  0% {
    transform:rotateY(0deg)
  }
  100% {
    transform:rotateY(180deg)
  }
}
@keyframes turn2{
  0% {
    transform:rotateY(180deg)
  }
  99.99999999% {
    transform:rotateY(360deg)
  }
  100% {
    transform:rotateY(0deg)
  }
}
/* .courses-cards__item:hover .courses-cards__wrap{transform: rotateY(180deg);} */
.courses-cards__item:not(:last-child) {margin-right: 30px;}
.courses-cards__box {width:100%; height:100%; padding:40px; position: absolute; left:0; top:0; overflow: hidden;  border-radius:30px; transform: translateZ(.1px);}
.courses-cards__box--01 {background: url(../img/m3-courses_bg01.jpg) no-repeat center / cover;}
.courses-cards__box--02 {background: url(../img/m3-courses_bg02.jpg) no-repeat center / cover;}
.courses-cards__box--03 {background: url(../img/m3-courses_bg03.jpg) no-repeat center / cover;}
.courses-cards__box--04 {background: url(../img/m3-courses_bg04.jpg) no-repeat center / cover;}
.courses-cards__box h3 {font-size: 24px; font-weight: 600; color:#fff;}
.courses-cards__box--reverse {display: flex; flex-direction: column; transform:rotateY(180deg) translateZ(.1px); clip-path: inset(1px); border-radius: 33px;}
.courses-cards__item:hover .courses-cards__box--reverse {clip-path: none; border-radius:30px;}
.courses-cards__box--reverse01 {background: #EB6859;}
.courses-cards__box--reverse02 {background: #FDA26B;}
.courses-cards__box--reverse03 {background: #FC7174;}
.courses-cards__box--reverse04 {background: #FDBB64;}
.courses-cards__box--reverse h3 {font-weight: 800;}
.courses-cards__title {display: flex; justify-content: space-between;}
.courses-cards__desc {margin-top: auto; font-size: 18px; color:#fff;}
/* Courses css 끝 */

/* Student Interview css 시작 */
.m4 {padding:70px 0; position: relative;}
.m4-anibox {position: absolute; top:35px; right:160px; z-index: -1; opacity: 0.2;}
.m4-anibox__img--02 {position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); animation:turn 20s linear infinite;}
@keyframes turn {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
.interview-video {margin:80px 0 100px; display: flex; align-items: center; justify-content: center;}
.interview-video__item {width:535px; height:300px; border-radius:10px; overflow: hidden; box-shadow: 0 0 6px rgba(122,122,122,0.1); position: relative;}
.interview-video__item:first-child {margin-right: 40px;}
.interview-video__item iframe {width:100%; height:100%;}
.interview-video__item #intro_video2 {width:100%; height:auto; min-height:100%; min-width:100%; position: absolute; left:50%; bottom:0; transform:translateX(-50%);}
.interview-video__item #intro_video3 {width:100%; height:auto; min-height:100%; min-width:100%; position: absolute; left:50%; bottom:0; transform:translateX(-50%);}
/* .interview-video__item--01 {background: url(../img/m4-interview_bg01.jpg) no-repeat center / cover;}
.interview-video__item--02 {background: url(../img/m4-interview_bg02.jpg) no-repeat center / cover;} */
.interview-video__link {display: block; width:100%; height:100%;}
.banner-box {display: flex; overflow:hidden; position:relative;}
.banner-roller {display:flex; align-items:center; overflow:hidden; flex-shrink:0;}
.banner-roller__item {margin-left:24px; width:480px; height:200px; background:#fff; border:1px solid #e6e6e6; transition:all -0.4s;  border-radius:8px; transition:all 0.4s;}
.banner-roller__item:hover {border:1px solid #F97350;}
.banner-roller__link {display: flex; align-items: flex-start;  padding:32px 32px 36px 32px;}
.banner-roller__img {width:80px; aspect-ratio: 1/1; margin-right: 30px; border-radius:50%; max-width:none;}
.banner-box:not(.reverse) .banner-roller.original{animation: 50s linear 0s infinite normal forwards running rollingleft1;}
.banner-box:not(.reverse) .banner-roller.clone{animation: 50s linear 0s infinite normal none running rollingleft2;}
.banner-box.reverse .banner-roller.original{animation: 50s linear 0s infinite normal forwards running rollingleft3;}
.banner-box.reverse .banner-roller.clone{animation: 50s linear 0s infinite normal none running rollingleft4;}
.banner-txtbox__cate {font-size: 15px; font-weight: 500; letter-spacing: -0.4px; color:#f97350; padding-bottom: 8px;}
.banner-txtbox__name {font-size: 20px; font-weight: 600; letter-spacing: -0.4px; padding-bottom: 20px;;}
.banner-txtbox__desc {font-size: 15px; line-height: 1.5; letter-spacing: -0.4px; color:#666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}

/* 마우스 올렸을때 애니메이션 스탑 */
.banner-box:hover .banner-roller.original {animation-play-state: paused}
.banner-box:hover .banner-roller.clone {animation-play-state: paused}

@keyframes rollingleft1 { /* 정방향 original */
0% { transform: translateX(0); }
50% { transform: translateX(-100%); }
50.01%{ transform: translateX(100%); }
100%{ transform: translateX(0); }
}

@keyframes rollingleft2 { /* 정방향 clone */
0% {transform: translateX(0);}
100% {transform: translateX(-200%);}
}

@keyframes rollingleft3 { /* 역행 original */
0% {transform: translateX(0);}
50% {transform: translateX(100%);}
50.01%{transform: translateX(-100%);}
100%{transform: translateX(0);}
}

@keyframes rollingleft4 { /* 역행 clone */
0% {transform: translateX(0);}
100% {transform: translateX(200%);}
}
/* Student Interview css 끝 */

/* Academy Story css 시작 */
.m5 {padding:70px 0;}
.story-top {display: flex; justify-content: space-between; margin-bottom: 20px;}
.story-txtbox {margin-right: 85px;}
.story-list {display: flex; align-items: flex-end;}
.story-list__item:not(:last-child) {margin-right: 20px;}
.story-list__img {border-radius:20px;}
.story-sns {display: flex; align-items: center; justify-content: center; margin-bottom: 27px;}
.story-sns__item img {box-shadow: 0 0 6px rgba(122,122,122,0.1);}
.story-sns__item:not(:last-child) {margin-right: 30px;}
.story-grid {display:grid; grid-template-columns: 405px 295px 700px;}
.story-grid__item img {border-radius:20px; box-shadow: 0 0 6px rgba(122,122,122,0.1);}
.story-grid__item:not(:last-child) {margin-right: 20px;}
.story-grid__item {grid-row: 1 / span 2; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between;}
.story-grid__item--youtube {border-radius:20px; overflow: hidden; height:auto; position: relative;}
.story-grid__item--youtube iframe {width:100%; height:100%;}
.story-grid__item--youtube #intro_video4 {width:auto; height:100%; min-height:100%; min-width:100%; position: absolute; left:50%; bottom:0; transform:translateX(-50%);}
.story-grid__item:first-child .story-list__link:first-child {margin-bottom:20px;}
/* Academy Story css 끝 */

/* Portfolio css 시작 */
.m6 {padding:70px 0; background: url(../img/m6_bg01.jpg) no-repeat center bottom 80px; background-size:250%;}
.swiper-m6 {padding:130px 0 100px;}
.swiper-m6 .swiper-wrapper {align-items: center;padding-top:35px;}
.swiper-m6 .swiper-slide {border-radius:20px; width:236px; height:333px; transition:all 0.4s; margin: 100px 0;}
/* 
.swiper-m6 .swiper-slide--01 {background: url(../img/m6-swiper_img01.jpg) no-repeat center / cover;}
.swiper-m6 .swiper-slide--02 {background: url(../img/m6-swiper_img02.jpg) no-repeat center / cover;}
.swiper-m6 .swiper-slide--03 {background: url(../img/m6-swiper_img03.jpg) no-repeat center / cover;}
.swiper-m6 .swiper-slide--04 {background: url(../img/m6-swiper_img04.jpg) no-repeat center / cover;}
.swiper-m6 .swiper-slide--05 {background: url(../img/m6-swiper_img05.jpg) no-repeat center / cover;} 
*/
.swiper-m6 .swiper-slide-active {position: relative; z-index: 1; width:376px; height:433px; margin:0; scale:1.2}
.swiper-m6 .swiper-slide-active::after {content:''; display: block; width:103px; height:102px; background: url(../img/m6-swiper_icon.svg) no-repeat center / cover; top:-51px; left:50%; transform:translateX(-60%); position: absolute; scale:0.7;}
/* Portfolio css 끝 */

/* Facilities css 시작 */
.m7 {padding:70px 0;}
.facilities-tab {padding:40px 0; display: flex;}
.facilities-tab__link {font-size: 18px; letter-spacing: -0.5px; color:#999; transition:all 0.4s;margin-right:26px; position: relative;}
.facilities-tab__link:not(:last-child)::after {content:''; display: block; position: absolute; width:2px; height:2px; border-radius:50%; background: #999; right:-14px; top:50%; transform:translateY(-50%);}
.facilities-tab__link:hover {color:#F97350;}
.facilities-tab__link.active {color:#F97350;}
.swiper-m7main {padding-bottom:70px !important;}
.swiper-m7main .swiper-slide {height:600px;}

.facilities-cont {position: relative;}

.facilities-info {padding:35px 42px 35px 44px; background: linear-gradient(135deg, #F97350 2%, #FDBB64 100%); border-radius:10px; margin-right: 58px; width:420px;}
.facilities-info__title {font-size: 26px; font-weight: 700; line-height: 1.35; letter-spacing: -0.5px; color:#fff; padding-bottom: 10px;} 
.facilities-info__desc {font-size: 18px; line-height: 1.5; letter-spacing: -0.5px; color:#fff; padding-bottom: 10px;;}
.facilities-info__tel {font-size: 18px; letter-spacing: -0.5px; color:#fff; padding-bottom: 30px;}
.facilities-bottom {display: flex; justify-content: space-between;}
.facilities-link {display: flex;}
.facilities-link__item {width:38px; height:38px; display: flex; align-items: center; justify-content: center; border-radius:50%; background: rgba(255,255,255,0.3);}
.facilities-link__item:first-child {margin-right: 13px;}
.swiper-box {display: flex; align-items: center;}
.swiper-box .swiper-pagination {position:initial; width:auto; margin:0 15px; font-size: 18px; font-weight: 500; letter-spacing: -0.5px; color:#fff;}
.swiper-box .swiper-button-prev, .swiper-box .swiper-button-next {width: 45px; height: 45px; background-size: 45px 45px; transition:all 0.4s; margin:0; margin-left:4px; position:initial;}
.swiper-box .swiper-button-prev, .swiper-box .swiper-container-rtl .swiper-button-next {background-image: url(../img/m1-slide_prev.png) !important;}
.swiper-box .swiper-button-prev:hover, .swiper-box .swiper-container-rtl .swiper-button-next:hover {background-image: url(../img/m1-slide_prev-ho.png) !important;}
.swiper-box .swiper-button-next, .swiper-box .swiper-container-rtl .swiper-button-prev {background-image: url(../img/m1-slide_next.png) !important;}
.swiper-box .swiper-button-next:hover, .swiper-box .swiper-container-rtl .swiper-button-prev:hover {background-image: url(../img/m1-slide_next-ho.png) !important;}
.facilities-thumb {position: absolute; left:50%; bottom:0; transform:translateX(-50%); z-index: 1;}
.facilities-thumb .inner-1400 {display:flex; align-items: flex-end;}
.swiper-m7thumb {width:922px;}
.swiper-m7thumb .swiper-slide {height:130px; border-radius:10px; overflow: hidden; transition:all 0.4s;}
.swiper-m7thumb .swiper-slide--01 {background: url(../img/m7-test01.jpg) no-repeat center / cover;}
.swiper-m7thumb .swiper-slide--02 {background: url(../img/m7-test02.jpg) no-repeat center / cover;}
.swiper-m7thumb .swiper-slide--03 {background: url(../img/m7-test03.jpg) no-repeat center / cover;}
.swiper-m7thumb .swiper-slide--04 {background: url(../img/m7-test04.jpg) no-repeat center / cover;}
.swiper-m7thumb .swiper-slide--05 {background: url(../img/m7-test01.jpg) no-repeat center / cover;}
.swiper-m7thumb .swiper-slide--06 {background: url(../img/m7-test02.jpg) no-repeat center / cover;}
.swiper-m7thumb .swiper-slide--07 {background: url(../img/m7-test03.jpg) no-repeat center / cover;}
.swiper-m7thumb .swiper-slide--08 {background: url(../img/m7-test04.jpg) no-repeat center / cover;}
.swiper-m7thumb .swiper-slide-thumb-active {border:8px solid #FF9D6C;}
/* Facilities css 끝 */

/* Campus News css 시작 */
.m8 {padding:70px 0;}
.campus-tab {padding:60px 0 80px; display: flex; justify-content: center;}
.campus-tab__link {font-size: 18px; letter-spacing: -0.5px; color:#999; transition:all 0.4s;margin-right:26px; position: relative;}
.campus-tab__link:not(:last-child)::after {content:''; display: block; position: absolute; width:2px; height:2px; border-radius:50%; background: #999; right:-14px; top:50%; transform:translateY(-50%);}
.campus-tab__link:hover {color:#F97350;}
.campus-tab__link.active {color:#F97350;}
.swiper-m8 .swiper-wrapper {margin-bottom: 60px; align-items: flex-end;}
.swiper-m8 .swiper-slide {padding-bottom:0; padding-top: 40px; transition:all 0.4s;}
.swiper-m8 .swiper-slide:hover {padding-bottom:40px; padding-top: 0;}
.swiper-m8 .swiper-slide__title {font-size: 20px; font-weight: 700;}
.swiper-m8 .swiper-slide__link {display: block; width:100%; height:100%; position: relative;margin-bottom: 20px;}
.swiper-m8 .swiper-slide__btn {width:55px; height:55px; border-radius:50%; display: flex; align-items: center; justify-content: center; background: #c8c8c8; transition:all 0.4s; position: absolute; right:0; bottom:5px;}
.swiper-m8 .swiper-slide:hover .swiper-slide__btn {background: #F97350;}
.swiper-m8 .swiper-scrollbar.swiper-scrollbar-horizontal {position:initial; width:100%; height:3px;}
.swiper-m8 .swiper-scrollbar-drag {background: #F97350;}
/* Campus News css 끝 */

/* KBS MEDIA css 시작 */
.inner-1660 {width:1660px; margin-left:auto;}
.m9 {padding:70px 0; background: rgba(253,187,100,0.05); position: relative; overflow: hidden;}
.m9__img {position: absolute; left:-198px; bottom:-243px; animation:m9-turn 20s linear infinite; z-index: -1;}
@keyframes m9-turn {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.swiper-m9 {margin-top: 40px; cursor:none;}
.swiper-m9 .cursor {position: fixed;
  display:none;
background: url(../img/mouse_cursor.png) no-repeat center / 100%;
width: 126px;
height: 126px;
margin: -10px 0 0 -10px;
border-radius: 50%;
will-change: transform;
user-select: none;
pointer-events: none;
z-index: 9999999999999;
}
.swiper-m9 .swiper-slide {height:465px; padding-top:46px; padding-bottom:0; transition:all 0.4s;}
.swiper-m9 .swiper-slide:hover {padding-bottom:46px; padding-top:0;}
.swiper-m9 .swiper-bg {width:100%; height:100%;box-shadow:0px 2px 8px rgba(0,0,0,0.15); border-radius:15px; overflow: hidden; display: flex; align-items: flex-end; cursor:none}

.swiper-m9 .swiper-txtbox {width:100%; padding:28px 32px; background: rgba(255, 255, 255, 0.30); backdrop-filter: blur(10px); min-height:110px; transform:translateY(100%); transition:all 0.4s;}
.swiper-m9 .swiper-slide:hover .swiper-txtbox {transform:none;}
.swiper-m9 .swiper-txtbox__title {font-size: 20px; font-weight: 700; color:#fff; padding-bottom: 15px;}
.swiper-m9 .swiper-txtbox__desc {font-size: 18px; color:#fff;}
/* KBS MEDIA css 끝 */

/* 로고 배너 css 시작 */
.m10 {border-top:1px solid #f3f2f2; padding:70px 0;}
.banner-box2 {display: flex; overflow:hidden; position:relative;}
.banner-roller2 {display:flex; align-items:center; overflow:hidden; flex-shrink:0;}
.banner-roller2__item {margin-left:0; width:220px; height:40px; display: flex; align-items: center; justify-content: center;}
.banner-box2:not(.reverse) .banner-roller2.original2{animation: 50s linear 0s infinite normal forwards running rollingleft1;}
.banner-box2:not(.reverse) .banner-roller2.clone2{animation: 50s linear 0s infinite normal none running rollingleft2;}
/* 마우스 올렸을때 애니메이션 스탑 */
/* .banner-box:hover .banner-roller.original {animation-play-state: paused}
.banner-box:hover .banner-roller.clone {animation-play-state: paused} */

@keyframes rollingleft1 { /* 정방향 original */
0% { transform: translateX(0); }
50% { transform: translateX(-100%); }
50.01%{ transform: translateX(100%); }
100%{ transform: translateX(0); }
}
@keyframes rollingleft2 { /* 정방향 clone */
  0% {transform: translateX(0);}
  100% {transform: translateX(-200%);}
}
/* 로고 배너 css 끝 */

/* 푸터 css 시작 */
.footer {padding:68px 0; background: #363636; width:100%; min-width:1512px;}
.footer-top {display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 40px;}
.footer-info__list {display: flex;padding-bottom: 10px;}
.footer-info__list::last-child {padding-bottom: 0;}
.footer-info__logo {padding-bottom: 30px;}
.footer-info__detail {font-size: 16px; color:#fff;}
.footer-info__detail:not(:last-child) {padding-right: 15px;}
.footer-number {padding-bottom: 15px;}
.footer-number p {font-size: 16px; color:#fff;}
.footer-number a {display: block; font-size: 40px; font-weight: 700; color:#fff;}
.footer-sns {display: flex; padding-bottom: 25px;}
.footer-sns__item:not(:last-child) {padding-right: 25px;}
.footer-sns__item {display: flex; align-items: center;}
.footer-bottom {display: flex; justify-content: space-between; align-items: center;}
.footer-bottom__copyright {font-size: 16; color:rgba(255,255,255,0.5);}
.footer-list {display: flex;}
.footer-list__link {font-size: 16px; font-weight: 500; color:rgba(255,255,255,0.6); transition:all 0.4s;}
.footer-list__link:link,
.footer-list__link:visited { color:rgba(255,255,255,0.6); }
.footer-list__item:hover .footer-list__link {color:#fff;}
.footer-list__item:not(:last-child) { margin-right: 34px; position: relative;}
.footer-list__item:not(:last-child)::after {position: absolute; display: block; content:''; width:1px; height:14px; background: rgba(255,255,255,0.4); right:-17px; top:50%; transform:translateY(-50%);}


/* 푸터 css 끝 */

/* 왼쪽 퀵메뉴 css 시작 */
.quick-menu {position:fixed; right:20px; top:10%; z-index: 10000000000000000;}
.quick-menu__call {margin:0 auto 14px; display: flex; align-items: center; justify-content: center;}
.quick-wrap {border-radius:10px; background: #F97350; padding:5px 0;}
.quick-list {padding:5px 5px 15px 5px; background: #fff; border-radius:5px;border-left: 1px solid #f97350;border-right: 1px solid #f97350;}
.quick-list__item {width:80px; height:80px; }
.quick-list__link {width:100%; height:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 14px; font-weight: 500;}
.quick-list__link img {padding-bottom: 8px;}
.quick-menu__top {margin:-30px auto 0; display: flex; align-items: center; justify-content: center;}
/* 왼쪽 퀵메뉴 css 끝 */