@charset "utf-8";

/*-------------------------------------------------------------------
  @ Reset
-------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400&display=swap');

@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(../fonts/NanumSquareL.eot);
 src: local('☺'),
      url(../fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareL.woff) format('woff'),
      url(../fonts/NanumSquareL.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(../fonts/NanumSquareR.eot);
 src: local('☺'),
      url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareR.woff) format('woff'),
      url(../fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(../fonts/NanumSquareB.eot);
 src: local('☺'),
      url(../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareB.woff) format('woff'),
      url(../fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(../fonts/NanumSquareEB.eot);
 src: local('☺'),
      url(../fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquareEB.woff) format('woff'),
      url(../fonts/NanumSquareEB.ttf) format('truetype');
}
@font-face {
  font-family: 'GmarketSansBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
}

* {outline:0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html{overflow-y:scroll; overflow-x:auto; font-size:16px;}
html, body{width:100%; height:100%;}
html{-webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{width:100%; background:#fff; -webkit-text-size-adjust:none; word-wrap:break-word; word-break:break-all;}
body,input,select,textarea,button {border:none; font-family:"NanumSquare", sans-serif; font-size:1.5rem; color:#666; letter-spacing:-0.0313rem;}
button{cursor:pointer;}
ul,ol,li{list-style:none;}
table{width:100%; border-spacing:0; border-collapse:separate;}
img{width: 100%;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal; font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0; font-size:0.0625rem; overflow:hidden;}
.hide{display: none;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#111; text-decoration:none;}
@media all and (max-width:750px){
	html{font-size: 2.133vw;}
}

/*-------------------------------------------------------------------
  @ Layout
-------------------------------------------------------------------*/
#wrap{width: 100%; max-width:750px; overflow: hidden; margin:0 auto;}

/* header */
header{position: relative; height: 6.75rem; background: #fff; z-index: 9000;}
header h1{display: none; position: absolute; top: 1.0625rem; left: 2.5rem; z-index: 10;}
header h1 a{display: block; width: 14.125rem; height: 3.0625rem; background: url(../../images/common/logo.png) center / 14.125rem auto no-repeat; text-indent: -9999em;}
header h1 a.logo{display: block; width: 13.813rem; height: 4.75rem; background: url(../../images/common/logo_추석_m.gif) center / 14.125rem auto no-repeat; text-indent: -9999em;}
header h1 a.logo2{display: block; width: 17.125rem; height: 4.75rem; background: url(../../images/common/m_logo_2026.gif?ver=<%=now%>) center / 17.125rem auto no-repeat; text-indent: -9999em;}
/*스페셜 로고*/

header h1 span{display: block; margin-top: 0.4375rem; font-family: "Noto Sans KR"; font-size: 1rem; font-weight: 400; line-height: 1; color: #000; letter-spacing:-0.080rem; text-align: center;}
header h2{display: block; font-size: 2.25rem; font-weight: 800; color: #222; text-align: center; line-height: 6.75rem;}
header .btn-menu{position: absolute; top: 0; right: 0.3125rem; z-index: 10; width: 6.875rem; height: 6.375rem; background: url(../../images/common/ico_menu.png) center / 2.5rem auto no-repeat; text-indent: -9999em;}
header .menu{position: fixed; top: 0; left: 500%; width: 100%; max-width: 750px; height: 100%; padding-top: 8rem; background: #fff; transform: translateX(-50%);}
header .menu.on{left: 50%;}
header .menu .top{padding: 0 2.5rem;}
header .menu .route{display: flex; flex-wrap: wrap; margin-top: 1.875rem; border-top: 0.625rem solid #f5f5f5; border-bottom: 0.625rem solid #f5f5f5;}
header .menu .route li{width: 33.333%; border-right: 0.0625rem solid #ddd; border-bottom: 0.0625rem solid #ddd; font-size: 1.5rem; text-align: center; box-sizing: border-box;}
header .menu .route li a{display: block; height: 10rem; padding-top: 6.6875rem; box-sizing: border-box;}
header .menu .route li:nth-child(-n+3){border-top: 0;}
header .menu .route li:nth-child(3n){border-right: 0;}
header .menu .route li:nth-child(1){width: 35%; padding-left: 2.5rem;}
header .menu .route li:nth-child(1) a{background: url(../../images/common/ico_route01.png) center 2.1875rem / 3.5625rem auto no-repeat;}
header .menu .route li:nth-child(2){width: 30%;}
header .menu .route li:nth-child(2) a{background: url(../../images/common/ico_route02.png) center 2.1875rem / 4.1875rem auto no-repeat;}
header .menu .route li:nth-child(3){width: 35%; padding-right: 2.5rem;}
header .menu .route li:nth-child(3) a{background: url(../../images/common/ico_route03.png) center 2.1875rem / 4.1875rem auto no-repeat;}
header .menu .route li:nth-child(4){width: 35%; padding-left: 2.5rem;}
header .menu .route li:nth-child(4) a{background: url(../../images/common/ico_route04.png) center 2.1875rem / 3.875rem auto no-repeat;}
header .menu .route li:nth-child(5){width: 30%;}
header .menu .route li:nth-child(5){background: url(../../images/common/ico_route05.png) center 2.1875rem / 3.4375rem auto no-repeat;}
header .menu .route li:nth-child(6){width: 35%; padding-right: 2.5rem;}
header .menu .route li:nth-child(6){background: url(../../images/common/ico_route06.png) center 2.5rem / 3.6875rem auto no-repeat;}
header .menu .nav{position: relative; background: linear-gradient(90deg, #fff 50%, #f4f4f4 50%);}
header .menu .nav .list{width: 50%; overflow-y: auto;}
header .menu .nav .list > li > a{display: block; width: 100%; padding-left: 2.5rem; font-size: 1.625rem; font-weight: 800; color: #222; line-height: 6.25rem; box-sizing: border-box;}
header .menu .nav .list > li > .sub{display: none; position: absolute; top: 0; left: 50%; overflow-y:auto; -webkit-overflow-scrolling:touch; width: 50%;}
header .menu .nav .list > li > .sub.on{display: block;}
header .menu .nav .list > li > .sub ul{padding: 0.9375rem 0;}
header .menu .nav .list > li > .sub a{display: block; padding-left: 2.1875rem; font-size: 1.5rem; font-weight: 700; color: #999; line-height: 4.25rem;}
header .menu .nav .list > li > .sub a[target]:after{display: inline-block; width: 1rem; height: 1rem; margin-left: 0.625rem; background: url(../../images/common/ioc_link.svg) center no-repeat; content: ""; vertical-align: baseline;}
header .menu .nav .list > li.on > a{background: #8c22ff; color: #fff;}
header .menu .nav .list > li.on > .sub{display: block;}
header .menu .nav .list > li.on > .sub li.on a{color: #8c22ff;}
header.open-menu .btn-menu{background-image: url(../../images/common/ico_close.png);}
header.open-menu h1{display: block;}
body.b-main header h1{display: block;}

/* container */
main .cont{padding: 2.5rem;}
main .cont-full{padding: 2.5rem 0;}
main .cont.gray{background: #474a4f;}
main .cont.gray2{background: #f5f5f5;}
main .fix-area{padding: 0 2.5rem; margin: 0 auto;}

/* sub */
.sub .lnb{display: flex;}
.sub .lnb .home{display: block; width: 5rem; height: 5rem; background: url(../../images/common/ico_home.png) center / 1.6875rem auto no-repeat #8c22ff; text-indent: -9999em;}
.sub .lnb .dpt{position: relative; width: 20.9375rem; height: 5rem; border-top: 0.0625rem solid #ddd; border-bottom: 0.0625rem solid #ddd; box-sizing: border-box;}
.sub .lnb .dpt1{border-right: 0.0625rem solid #ddd;}
.sub .lnb .dpt .curr button{display: block; width: 100%; padding-left: 1.875rem; background: url(../../images/common/ico_lnb.png) right 2.5rem center / 1.3125rem auto no-repeat; font-size: 1.5rem; font-weight: 800; color: #000; line-height: 5rem; text-align: left;}
.sub .lnb .dpt::before{position: absolute; top: 4.25rem; left: 0; z-index: 20; width: 100%; height: 0.625rem; background: #fff; content: "";}
.sub .lnb .dpt .sub{position: absolute; top:4.875rem; left:0; z-index: 10; overflow: hidden; width: 100%; height: 0; border: 0.0625rem solid #ddd; border-top: 0; border-bottom: 0; background: #fff; box-sizing: border-box; box-shadow: 0 0 0.625rem rgba(105, 105, 105, 0.16); transition: all 0.5s ease;}
.sub .lnb .dpt .sub::before{position: absolute; top: 0; left: 0; width: 100%; height: 0.0625rem; background: #ddd; content: "";}
.sub .lnb .dpt .sub::after{position: absolute; bottom: 0; left: 0; width: 100%; height: 0.0625rem; background: #ddd; content: "";}
.sub .lnb .dpt .sub ul{position: absolute; top: 0; left: 0; width: 100%; padding: 0.4375rem 1.875rem; box-sizing: border-box;}
.sub .lnb .dpt .sub ul li a{display: block; font-size: 1.5rem; line-height: 4.375rem; color: #999;}
.sub .lnb .dpt .sub ul li a[target]:after{display: inline-block; width: 1rem; height: 1rem; margin-left: 0.625rem; background: url(../../images/common/ioc_link.svg) center no-repeat; content: ""; vertical-align: baseline;}
.sub .lnb .dpt .sub ul li.on a{font-weight: 800; color: #000;}
.sub .lnb .dpt1 .sub{width: calc(100% + 0.0625rem);}
.sub .lnb .dpt2 .sub{left: -0.0625rem; width: calc(100% + 0.0625rem);}
.sub .lnb > .curr{display: block; width: calc(100% - 5rem); height: 5rem; padding-left: 1.875rem; border-top: 0.0625rem solid #ddd; border-bottom: 0.0625rem solid #ddd; font-size: 1.5rem; font-weight: 800; color: #000; line-height: 5rem; text-align: left; box-sizing: border-box;}
.sub .visual{height: 17.5rem;}
.sub .visual.guide{background: url(../../images/guide/guide_visual2_.jpg) center / cover no-repeat;}
.sub .visual.intro{background: url(../../images/intro/intro_visual2.jpg) center / cover no-repeat;}
.sub .visual.intro.greeting{background: url(../../images/intro/visual_greeting.jpg) center / cover no-repeat;}
.sub .visual.faculty.music{background: url(../../images/faculty/music/m_music_mv01.jpg) center / cover no-repeat;}
.sub .visual.faculty.dance{background: url(../../images/faculty/dance/visual.jpg) center / cover no-repeat;}
.sub .visual.faculty.video{background: url(../../images/faculty/video/visual.jpg) center / cover no-repeat;}
.sub .visual.faculty.sports{background: url(../../images/faculty/sports/m_sports_mv01.jpg) center / cover no-repeat;}
.sub .visual.faculty.act{background: url(../../images/faculty/act/m_act_mv01.jpg) center / cover no-repeat;}
.sub .visual.faculty.model{background: url(../../images/faculty/model/model_sub_bg.jpg) center / cover no-repeat;}
.sub .visual.faculty.photo{background: url(../../images/faculty/photo/m_photo_mv01.jpg) center / cover no-repeat;}
.sub .visual.faculty.entertain{background: url(../../images/faculty/entertain/m_enter_mv02.jpg) center / cover no-repeat;}
.sub .visual.faculty.mup{background: url(../../images/faculty/mup/m_mup_mv05.jpg) center / cover no-repeat;}
.sub .visual.faculty.broadact{background: url(../../images/faculty/broadact/m_broadact_mv01.jpg) center / cover no-repeat;}
.sub .visual.faculty.tech{background: url(../../images/faculty/tech/visual.jpg) center / cover no-repeat;}
.sub .visual.faculty.media{background: url(../../images/faculty/media/youtuber_mv.jpg) center / cover no-repeat;}
.sub .visual.faculty.vfx{background: url(../../images/faculty/vfx/visual.jpg) center / cover no-repeat;}
.sub .visual.faculty.police{background: url(../../images/faculty/police/m_police_mv03.jpg) center / cover no-repeat;}
.sub .visual.faculty.kpop{background: url(../../images/faculty/kpop/m_kpop_sub_bg.jpg) center / cover no-repeat;}
.sub .visual.info{background: url(../../images/info/info_visual2_.jpg) center / cover no-repeat;}
.sub .visual.life{background: url(../../images/life/lifenews_visual.jpg) center / cover no-repeat;}
.sub .visual.service{background: url(../../images/service/service_visual.jpg) center / cover no-repeat;}
.sub .visual.etc{background: url(../../images/etc/visual.jpg) center / cover no-repeat;}
.sub p{font-size: 1.625rem; line-height: 1.5;}
.sub p + table{margin-top: 1.25rem;}

/* footer */
footer{padding-bottom: 3.125rem; margin-top: 8.75rem; text-align: center;}
footer .menu{display: flex; justify-content: space-between; padding: 0 2.5rem; border-top: 0.0625rem solid #ddd; border-bottom: 0.0625rem solid #ddd;}
footer .menu a{display: block; font-size: 1.5rem; line-height: 6.25rem; color: #222;}
footer .logo{display: inline-block; width: 17.5625rem; height: 3.8125rem; margin-top: 2.0625rem; background: url(../../images/common/logo.png) center / 100% auto no-repeat; text-indent: -9999em;}
footer .info ul{display: inline-block; margin-top: 2.5rem;}
footer .info ul li{font-size: 1.25rem; line-height: 2.5rem; color: #222;}
footer .info ul li .ln{display: inline-block; width: 0.0625rem; height: 1.25rem; margin: 0 0.375rem; background: #e0e0e0; vertical-align: middle;}
footer .sns{display: inline-block; margin: 3.75rem 0 4.375rem;}
footer .sns ul{display: flex;}
footer .sns ul li{margin: 0 0.5rem;}
footer .sns a{display: block; width: 3.4375rem; height: 3.4375rem; text-indent: -9999em;}
footer .sns .fb{background: url(../../images/common/ico_sns_fb.png?ver=<%=now%>) center / 100% auto no-repeat;}
footer .sns .insta{background: url(../../images/common/ico_sns_insta.png?ver=<%=now%>) center / 100% auto no-repeat;}
footer .sns .youtube{background: url(../../images/common/ico_sns_youtube.png?ver=<%=now%>) center / 100% auto no-repeat;}
footer .sns .tw{background: url(../../images/common/ico_sns_tw.png?ver=<%=now%>) center / 100% auto no-repeat;}
footer .sns .kakao{background: url(../../images/common/ico_sns_kakao.png?ver=<%=now%>) center / 100% auto no-repeat;}
footer .sns .blog{background: url(../../images/common/ico_sns_blog.png?ver=<%=now%>) center / 100% auto no-repeat;}
footer .sns .cafe{background: url(../../images/common/ico_sns_cafe.png?ver=<%=now%>) center / 100% auto no-repeat;}
footer .sns .ntv{background: url(../../images/common/ico_sns_ntv.png?ver=<%=now%>) center / 100% auto no-repeat;}
footer .copy{font-size: 1.25rem; color: #222;}
body.footer-mt-0 footer{margin-top: 0;}

/* dim */
.dim-page{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: #000; opacity: .4;}
.dim-page.on{display: block;}
.dim-all{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1200; background: #000; opacity: .4;}
.dim-all.on{display: block;}


/*-------------------------------------------------------------------
  @ Componets
-------------------------------------------------------------------*/
/* default */
select{width: 18.75rem; height: 3.125rem; padding: 0 0.625rem; border: 0.125rem solid #ddd; background: url(../../images/common/ico_select.png) center right 1.25rem / 1.125rem auto no-repeat; font-size: 1.5rem; line-height: 3rem; color: #222; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box;}
input[type=number],
input[type=text],
input[type=password]{width: 18.125rem; height: 3.125rem; padding: 0 0.625rem; border: 0.125rem solid #ddd; border-radius: 0; font-size: 1.25rem; line-height: 2.875rem; color: #222; box-sizing: border-box;}
input[type=password]{font-family: dotum;}
input[type=radio],
input[type=checkbox]{width: 1.375rem; height: 1.375rem;}
input[type=radio] + label,
input[type=checkbox] + label{padding-left: 0.9375rem;}
textarea{width: 100%; height: 12.5rem; padding: 0.625rem; border: 0.125rem solid #ddd; border-radius: 0; font-size: 1.25rem; line-height: 2rem; color: #222; box-sizing: border-box;}
label + input[type=radio],
label + input[type=checkbox]{margin-left: 1.875rem;}
.upload-hidden{position: absolute; width: 0.0625rem; height: 0.0625rem; padding: 0; margin: -0.0625rem; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

/* radio, checkbox style */
.ipt-style input[type="checkbox"],
.ipt-style input[type="radio"]{position:absolute; display:block; overflow: hidden; width: 0.0625rem; height: 0.0625rem; border: 0; clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);}
.ipt-style{display: flex; flex-wrap: wrap;}
.ipt-style input[type="radio"] + label,
.ipt-style input[type="checkbox"] + label{display: block; position: relative; padding: 0; border-left: 0.125rem solid #ddd; border-top: 0; border-bottom: 0.125rem solid #ddd; font-size: 1.5rem; color: #999; line-height: 4.125rem; text-align: center; box-sizing: border-box;}
.ipt-style input[type="radio"]:checked + label,
.ipt-style input[type="checkbox"]:checked + label{border-color: #8c22ff; font-weight: 800; color: #8c22ff;}
.ipt-style input[type="radio"]:checked + label::before,
.ipt-style input[type="checkbox"]:checked + label::before{position: absolute; left: -0.125rem; top: -0.125rem; width: calc(100% + 0.25rem); height: 0.125rem; background: #8c22ff; content: ""; z-index: 5;}
.ipt-style input[type="radio"]:checked + label::after,
.ipt-style input[type="checkbox"]:checked + label::after{position: absolute; right: -0.125rem; top: 0; width: 0.125rem; height: calc(100% + 0.125rem); background: #8c22ff; content: ""; z-index: 5;}
.ipt-style.col2 input[type="radio"] + label,
.ipt-style.col2 input[type="checkbox"] + label{width: 50%;}
.ipt-style.col2 input[type="radio"] + label:nth-of-type(2n),
.ipt-style.col2 input[type="checkbox"] + label:nth-of-type(2n){border-right: 0.125rem solid #ddd;}
.ipt-style.col2 input[type="radio"] + label:nth-of-type(-n+2),
.ipt-style.col2 input[type="checkbox"] + label:nth-of-type(-n+2){border-top: 0.125rem solid #ddd;}
.ipt-style.col3 input[type="radio"] + label,
.ipt-style.col3 input[type="checkbox"] + label{width: 33.333%;}
.ipt-style.col3 input[type="radio"] + label:nth-of-type(3n),
.ipt-style.col3 input[type="checkbox"] + label:nth-of-type(3n){border-right: 0.125rem solid #ddd;}
.ipt-style.col3 input[type="radio"] + label:nth-of-type(-n+3),
.ipt-style.col3 input[type="checkbox"] + label:nth-of-type(-n+3){border-top: 0.125rem solid #ddd;}
.ipt-style.col3 input[type="radio"] + label:last-child:after,
.ipt-style.col3 input[type="checkbox"] + label:last-child:after{position: absolute; right: -0.125rem; top: 0; width: 0.125rem; height: calc(100% + 0.125rem); background: #ddd; content: "";}
.ipt-style.col3 input[type="radio"]:checked + label:last-child:after,
.ipt-style.col3 input[type="checkbox"]:checked + label:last-child:after{background: #8c22ff;}

/* heading */
.h3{padding-bottom: 1.25rem; margin-top: 5rem; border-bottom: 0.0625rem solid #000; font-size: 2.125rem; font-weight: 800; color: #222; line-height: 3.125rem;}
.h3:first-child{margin-top: 0;}
.h3.line-none{border-bottom: 0;}
.h3.center{text-align: center;}
.h3 .icon-fb{display: inline-block; width: 2.375rem; height: 2.375rem; margin-left: 0.625rem; background: url(../../images/common/ico_sns_fb.png) center / 100% auto no-repeat; vertical-align: middle;}
.h3 + p{margin-top: 0.9375rem; font-size: 1.625rem; line-height: 1.5;}
.h3 + .h5{margin-top: 1.875rem;}
.h3 + .h5 + p{margin-top: 0.9375rem;}
.dv-line + .h3{margin-top: 2.5rem;}
.h4{font-size: 1.75rem; font-weight: 800; color: #222; line-height: 2.5rem;}
.h4.line-none{border-bottom: 0;}
.h4.center{text-align: center;}
.h4 + .h5{margin-top: 0.625rem;}
.h4 + p{margin-top: 1.25rem;}
.h4 + table{margin-top: 1.25rem;}
table + .h4{margin-top: 2.5rem;}
.h5{font-size: 1.625rem; font-weight: 800; color: #222;}
.h5.line-none{border-bottom: 0;}
.h5.center{text-align: center;}
.h5 + p{margin-top: 0.9375rem;}
.h5 + table{margin-top: 0.9375rem;}
.h5 + .bul{margin-top: 0.9375rem;}
p + .h5{margin-top: 3.75rem;}
.bul + .h5{margin-top: 3.75rem;}
table + .h5{margin-top: 3.75rem;}
.h6{display: block; font-size: 1.375rem; font-weight: 800; color: #222;}

/* page-top */
.page-top{margin: 1.25rem 0 2.5rem; text-align: center;}
.page-top h3{font-size: 2.125rem; font-weight: 800; color: #222; line-height: 3.125rem;}
.page-top h3 + p{margin-top: 1.25rem; font-size: 1.625rem; font-weight: 700; color: #222; line-height: 1.5;}
.page-top + .h3{margin-top: 2.5rem;}
.page-top a{margin-top: 2.5rem;}

/* title-wrap */
.title-wrap{margin-top: 5rem;}
.title-wrap.justify{display: flex; justify-content: space-between; align-items: center;}
.title-wrap.justify h3,
.title-wrap.justify h4,
.title-wrap.justify h5{margin: 0;}
.title2-wrap{display: flex; width: 100%; margin-top: 4.375rem; margin-bottom: 1.875rem;}
.title2-wrap:nth-of-type(1){margin-top: 0;}
.title2-wrap .num{display: flex; justify-content: center; align-items: center; width: 2.375rem; height: 2.375rem; margin-right: 0.625rem; border-radius: 100%; background: #222; font-size: 1.25rem; font-weight: 800; color: #fff;}
.title2-wrap .txt{display: flex;}
.title2-wrap .txt .tit{display: inline-block;  margin-right: 1.5625rem; font-size: 1.75rem; font-weight: 800; color: #222; line-height: 2.375rem;}
.title2-wrap .txt .desc{line-height: 2.375rem;}
.title2-wrap .txt.ln{display: block;}
.title2-wrap .txt.ln .desc{display: block; margin-top: 0.625rem;}

/* button */
.btn-wrap{padding-top: 1.875rem; margin-top: 1.875rem; text-align: center;}
.btn-wrap > *{margin: 0 0.875rem;}
.btn-wrap.line{margin-top: 2.5rem; border-top: 0.0625rem solid #ddd;}
.btn-wrap.right{text-align: right;}
.btn-wrap.right > *{margin: 0;}
.btn-wrap.left{text-align: left;}
.btn-wrap.left > *{margin: 0;}
.btn-wrap.justify{display: flex; justify-content: space-between;}
.btn-wrap.justify > div{margin: 0;}
.btn-wrap .btn-prev{width: 2.5rem; padding-top: 2.1875rem; background: url(../../images/common/ico_arw_left.png) center top / 1.625rem auto no-repeat; font-size: 1.375rem; font-weight: 700; color: #666;}
.btn-wrap .btn-next{width: 2.5rem; padding-top: 2.1875rem; background: url(../../images/common/ico_arw_right.png) center top / 1.625rem auto no-repeat; font-size: 1.375rem; font-weight: 700; color: #666;}
.btn-type1{display: inline-block; height: 4.375rem; padding: 0 2.5rem; border-radius: 2.1875rem; background: #f4f4f4; font-size: 1.625rem; font-weight: 800; line-height: 4.375rem; text-align: center; box-sizing: border-box;}
.btn-type1.primary{background: #8c22ff; color: #fff;}
.btn-type1.primary.arw{padding-right: 4.375rem; background-image: url(../../images/common/ico_arw_right_white.png); background-repeat: no-repeat; background-position: right 1.875rem center; background-size: 1.5625rem auto;}
.btn-type1.primary.line{border: 1px solid #8c22ff; background: #fff; color: #8c22ff; line-height: 4.25rem;}
.btn-type1.secondary{background: #222; color: #fff;}
.btn-type1.tertiary{background: #999; color: #fff;}
.btn-type1.min-w{min-width: 18.75rem;}
.btn-type2{display: inline-block; height: 3.75rem; padding: 0 1.875rem; border-radius: 1.875rem; background: #f4f4f4; font-size: 1.5rem; font-weight: 700; line-height: 3.75rem; text-align: center; box-sizing: border-box;}
.exBtn{height:2.75rem; line-height:2.75rem;}
.exBtn.wait { color:#FFF; background-color: #FD7E14; }
.exBtn.close { color:#FFF; background-color: #000000; }
.btn-type2.arw{padding-right: 4.375rem; background-image: url(../../images/common/ico_arw02_right.png); background-repeat: no-repeat; background-position: right 1.875rem center; background-size: 1.0625rem auto;}
.btn-type2.primary{background: #8c22ff; font-weight: 800; color: #fff;}
.btn-type2.primary.arw{background-image: url(../../images/common/ico_arw02_right_white.png); background-repeat: no-repeat; background-position: right 1.875rem center; background-size: 1.0625rem auto;}
.btn-type2.min-w{min-width: 11.875rem;}
.btn-type3{display: inline-block; width: 7.5rem; height: 3.125rem; padding: 0 1.25rem; border-radius: 0.625rem; background: #222; font-size: 1.375rem; line-height: 3.125rem; text-align: center; color: #fff; box-sizing: border-box;}
.btn-type4{display: inline-flex; justify-content: center; align-items: center; height: 7.5rem; padding: 0; border-radius: 3.75rem; background: #f4f4f4; font-size: 1.625rem; font-weight: 800; text-align: center; vertical-align: top; box-sizing: border-box;}
.btn-type4.primary{background: #8c22ff; color: #fff;}
.btn-type4.primary.line{border: 1.5px solid #8c22ff; background: #fff; color: #8c22ff;}
.btn-type4 .txt-s{display: block; margin-top: 0.5rem; font-size: 1rem; font-weight: 700; line-height: 1.375rem;}
.btn-type4.min-w{min-width: 18.75rem;}
.btn-type5{display: inline-flex; justify-content: center; align-items: center; height: 5.625rem; padding: 0; border-radius: 3.75rem; background: #f4f4f4; font-size: 1.5rem; font-weight: 800; text-align: center; vertical-align: top; box-sizing: border-box;}
.btn-type5.primary{background: #8c22ff; color: #fff;}
.btn-type5.primary.line{border: 1.5px solid #8c22ff; background: #fff; color: #8c22ff;}
.btn-type5 .txt-s{display: block; font-size: 1.125rem;}
.btn-type5.min-w{min-width: 18.75rem;}
.btn-type6{display: inline-block; height: 3.125rem; padding: 0 2.5rem; border-radius: 1.875rem; background: #f4f4f4; font-size: 1.5rem; font-weight: 700; line-height: 3.125rem; text-align: center; box-sizing: border-box;}
.btn-type6.arw{padding-right: 4.375rem; background-image: url(../../images/common/ico_arw02_right.png); background-repeat: no-repeat; background-position: right 1.875rem center; background-size: 1.0625rem auto;}
.btn-type6.primary{background: #8c22ff; font-weight: 800; color: #fff;}
.btn-type6.primary.arw{background-image: url(../../images/common/ico_arw02_right_white.png); background-repeat: no-repeat; background-position: right 1.875rem center; background-size: 1.0625rem auto;}
.btn-list-more{display: inline-block; height: 4.375rem; padding: 0 2.1875rem; border: 0.125rem solid #8c22ff; border-radius: 2.5rem; background: none; font-size: 1.375rem; line-height: 4.25rem; text-align: center; color: #8c22ff;}
.btn-list-more span{color: #222;}
.btn-list-more span strong{font-weight: 800; color: #8c22ff;}

/* tab-menu */
.tab-menu{position: relative; overflow:hidden; height: 5rem; text-align: center; box-sizing: border-box;}
.tab-menu::after{position: absolute; bottom: 0; left: 0; width: 100%; height: 0.0625rem; background: #ddd; content: "";}
.tab-menu.swipe .swiper-wrapper{display: flex;}
.tab-menu .swiper-wrapper{display: inline-block; width:auto;}
.tab-menu > ul{display: inline-block;}
.tab-menu ul li{position: relative; float: left; width:auto; padding: 0 2.5rem;}
.tab-menu ul li a{display: block; height: 5rem; font-size: 1.5rem; font-weight: 700; color: #999; line-height: 4.9375rem;}
.tab-menu ul li a.on{font-weight: 800; color:#8c22ff;}
.tab-menu ul li a.on span{display: block; position: relative; height: 100%;}
.tab-menu ul li a.on span:after{position: absolute; bottom: 0; left: 0; width: 100%; height: 0.125rem; background: #8c22ff; content: ""; z-index: 10;}
.tab-menu2{overflow: hidden; height: 6.625rem; padding: 1.5625rem 0; background: #f4f4f4; text-align: center; box-sizing: border-box;}
.tab-menu2.swipe .swiper-wrapper{display: flex;}
.tab-menu2 .swiper-wrapper{display: inline-block; width:auto;}
.tab-menu2 > ul{display: inline-block;}
.tab-menu2 ul li{position: relative; float: left; width:auto; margin: 0 0.9375rem;}
.tab-menu2 ul li:first-child{margin-left: 2.5rem;}
.tab-menu2 ul li a{display: inline-block; padding: 0 1.5625rem; border-radius: 1.875rem; background: #fff; font-size: 1.5rem; font-weight: 700; color: #999; line-height: 3.5rem; color: #222;}
.tab-menu2 ul li a.on{background: #8c22ff; color: #fff;}
.tab-menu3{padding: 0 2.5rem; margin-top: 2.5rem;}
.tab-menu3 ul{display: flex;}
.tab-menu3 ul li{width: 50%;}
.tab-menu3 ul li button{width: 100%; height: 4.375rem; border: 0.0625rem solid #ddd; background: none; font-size: 1.5rem; font-weight: 800; color: #999;}
.tab-menu3 ul li button.on{border-color: #8c22ff; background: #8c22ff; color: #fff; color: #fff;}
.tab-menu4{margin-top: 2.5rem;}
.tab-menu4 ul{display: flex; justify-content: space-between;}
.tab-menu4 ul li button{width: 12.5rem; height: 5rem; border: 0.0625rem solid #ddd; border-radius: 2.5rem; background: #fff; font-size: 1.5rem; font-weight: 800; color: #999;}
.tab-menu4 ul li button.on{border-color: #8c22ff; background: #8c22ff; color: #fff; color: #fff;}

/* txt */
.txt-scroll{display: inline-block; padding: 0 1.5625rem 0 4.0625rem; border: 0.0625rem solid #ddd; border-radius: 1.25rem; background: url(../../images/common/ico_scroll_info.png) left 1.25rem center / 1.9375rem auto no-repeat #f4f4f4; font-size: 1.125rem; color: #222; line-height: 2.375rem;}
.txt-box-type1{padding: 0 2.1875rem; border: 1px solid #8c22ff; font-size: 1.5rem; font-weight: 800; color: #8c22ff; line-height: 4.5625rem;}
.txt-box-type2{padding: 1.25rem; background: #f5f5f5; font-size: 1.375rem; line-height: 1.5; text-align: center;}

/* txt-list */
.txt-list-type1.line-top{border-top: 1px solid #000;}
.txt-list-type1 > li{position: relative; padding: 0 0.4375rem; margin-top: 1.5625rem;}
.txt-list-type1 > li .col-group{display: flex; justify-content: space-between; align-items: center;}
.txt-list-type1 > li .tit{font-size: 1.625rem; font-weight: 800; color: #222; line-height: 2.25rem;}
.txt-list-type1 > li p{font-size: 1.625rem; line-height: 1.5;}
.txt-list-type1 > li li{font-size: 1.625rem;}
.txt-list-type1 > li .fs{display: block; font-size: 1.25rem; font-weight: 800; color: #999; line-height: 1.875rem;}
.txt-list-type1 > li p + .fs{margin-top: 0.625rem;}
.txt-list-type1 > li p + p{margin-top: 0.9375rem;}
.txt-list-type1 > li p + a{margin-top: 0.625rem;}
.txt-list-type1 > li .tit + p{margin-top: 0.625rem;}
.txt-list-type1 > li .tit + ul{margin-top: 0.9375rem;}
.txt-list-type1.line > li{padding-bottom: 1.25rem; border-bottom: 0.0625rem solid #ddd;}
.txt-list-type1 + .txt-list-type1{margin-top: 3.75rem;}
.txt-list-type2 > li{position: relative; margin-top: 1.5625rem;}
.txt-list-type2 > li:first-child{margin-top: 0;}
.txt-list-type2 > li .tit{font-size: 1.5rem; font-weight: 800; color: #222; line-height: 1.5;}
.txt-list-type2 > li .bul li{font-size: 1.375rem;}
.txt-list-type2 > li p{font-size: 1.375rem; line-height: 1.5;}
.txt-list-type2 .tit + p,
.txt-list-type2 .tit + ul{margin-top: 0.9375rem;}
.txt-list-type2 .tit + p + ul{margin-top: 0.9375rem;}

/* table */
.tbl-scroll{width: 100%; overflow-x: auto; -webkit-overflow-scrolling:touch;}
.tbl-type1{width: 100%; border-top: 0.125rem solid #000;}
.tbl-type1 thead th{padding: 1.25rem 0; border-bottom: 0.0625rem solid #ddd; font-weight: 800; color: #222; line-height: 1.875rem; text-align: center;}
.tbl-type1 tbody td{padding: 1.125rem 0; border-bottom: 0.0625rem solid #ddd; text-align: center; line-height: 1.8;}
.tbl-type1.line-none{border-top: 0;}
.tbl-type2{width: 200%; border-top: 0.125rem solid #000; border-left: 0.0625rem solid #ddd; }
.tbl-type2 th,
.tbl-type2 td{border-right: 0.0625rem solid #ddd; border-bottom: 0.0625rem solid #ddd;}
.tbl-type2 thead th{padding: 0.4375rem 0; font-weight: 800; font-size: 1.25rem; color: #222; text-align: center;}
.tbl-type2 tbody td{padding: 1.125rem 0.9375rem; font-size: 1.25rem; text-align: center; line-height: 1.875rem; color: #222;}
.tbl-type2 tbody td .fs{display: block; margin-top: 0.625rem; color: #999;}
.tbl-type3{width: 100%; border-top: 0.125rem solid #000;}
.tbl-type3 th,
.tbl-type3 td{border-right: 0.0625rem solid #ddd; border-bottom: 0.0625rem solid #ddd;}
.tbl-type3 th:last-child,
.tbl-type3 td:last-child{border-right: 0;}
.tbl-type3 thead th{padding: 1.25rem 0.9375rem; border-bottom: 0.0625rem solid #ddd; font-weight: 800; color: #222; line-height: 1.5; text-align: center;}
.tbl-type3 tbody td{padding: 1.125rem 0.9375rem; border-bottom: 0.0625rem solid #ddd; text-align: center; font-size: 1.5rem; line-height: 1.8; color: #222;}
.tbl-type3.txt-left th,
.tbl-type3.txt-left td{text-align: left;}
.tbl-type4{width: 100%; border-top: 0.125rem solid #000; border-left: 0.0625rem solid #ddd;}
.tbl-type4 th,
.tbl-type4 td{border-right: 0.0625rem solid #ddd; border-bottom: 0.0625rem solid #ddd;}
.tbl-type4 thead th{padding: 1.25rem 0; border-bottom: 0.0625rem solid #ddd; font-size: 1.375rem; font-weight: 800; color: #222; line-height: 1.875rem; text-align: center;}
.tbl-type4 tbody th{font-size: 1.25rem; font-weight: 800; color: #222;}
.tbl-type4 tbody td{padding: 1.125rem 0.9375rem; border-bottom: 0.0625rem solid #ddd; text-align: center; font-size: 1.375rem; line-height: 2.25rem; color: #222;}
.tbl-type4.txt-left td{text-align: left;}
.tbl-type4 .bul li{font-size: 1.375rem; line-height: 2.25rem; color: #222;}
.tbl-type4 a{font-size: 1.375rem;}
.bul + table{margin-top: 2.5rem;}
table + .bul{margin-top: 1.875rem;}
table + table{margin-top: 2.5rem;}

/* bullet */
.bul li{font-size: 1.625rem; line-height: 1.5; text-align: left;}
.bul.f-sm li{font-size: 1.375rem; line-height: 1.5;}
.bul.space > li{margin-top: 0.625rem;}
.bul.space > li:first-child{margin-top: 0;}
.bul.dash > li{position: relative; padding-left: 0.9375rem; word-break: normal;}
.bul.dash > li::before{position: absolute; top: 0; left: 0; content: "\002D"; vertical-align: middle;}
.bul.dot > li{position: relative; padding-left: 0.9375rem;}
.bul.dot > li::before{position: absolute; top: 0; left: 0; content: "\00B7";}
.bul.bill > li{position:relative; padding-left: 1.875rem;}
.bul.bill > li:before{position:absolute; top:0; left:0; content:"\203B"; vertical-align: middle;}
.bul.num > li{position: relative; padding-left: 1.3125rem; text-indent: -1.3125rem;}
.bul.num > li ul{margin-left: 0.9375rem;}
.bul.num2 > li{position: relative; padding-left: 1.25rem; text-indent: -1.25rem;}
.bul.num2 > li ul{margin-left: 0.9375rem;}
.h4 + .bul{margin-top: 3.125rem;}
p + .bul{margin-top: 1.25rem;}

/* search-box */
.search-box{padding: 1.25rem 2.5rem 3.125rem; border-bottom: 1.25rem solid #f4f4f4;}
.search-box .in{display: flex; flex-wrap: wrap; justify-content: center;}

.search-box .in select{min-width:auto; width: 12.5rem; height: 4.25rem; padding-left: 1.25rem; margin: 0; border: 0; border-bottom: 0.125rem solid #000; background: url(../../images/common/ico_select.png) center right 1.25rem / 1.125rem auto no-repeat; font-size: 1.5rem; color: #222; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box;}
.search-box .in .schDepart{min-width:auto; width: 18.5rem; height: 4.25rem; padding-left: 1.25rem; margin: 0; border: 0; border-bottom: 0.125rem solid #000; background: url(../../images/common/ico_select.png) center right 1.25rem / 1.125rem auto no-repeat; font-size: 1.5rem; color: #222; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box;}


.search-box .in .keyword{display: flex; justify-content: space-between; width: calc(100% - 13.75rem); margin-left: 1.25rem; border-bottom: 0.125rem solid #000;}
.search-box .in .keyword.depart{display: flex; justify-content: space-between; width: calc(100% - 19.75rem); margin-left: 1.25rem; border-bottom: 0.125rem solid #000;}

.search-box .in .keyword input[type=text]{width: calc(100% - 4.375rem); height: 4.125rem; padding: 0 1.25rem; border: 0; font-size: 1.5rem; color: #222; box-sizing: border-box;}
.search-box .in .keyword button{width: 4.125rem; height: 3.625rem; background: url(../../images/common/ico_search.png) center / 1.625rem auto no-repeat; text-indent: -9999em;}



/* slt-wrap */
.slt-wrap{margin: 1.875rem 0 3.75rem; text-align: center;}
.slt-wrap > div{display: inline-block; position: relative; width: 20rem; margin: 0 auto;}
.slt-wrap .curr{width: 100%; height: 4.25rem; padding-left: 0.625rem; border-bottom: 0.125rem solid #000; background: url(../../images/common/ico_select.png) center right 1.25rem / 1.125rem auto no-repeat; font-size: 1.5rem; font-weight: 800; text-align: left; color: #222; box-sizing: border-box;}
.slt-wrap .list{display: none; position: absolute; top: 4.25rem; left: 0; z-index: 10; width: 100%; height: 35.3125rem; overflow-y:auto; -webkit-overflow-scrolling:touch; padding: 0.625rem 0; border: 0.0625rem solid #ddd; background: #fff; box-sizing: border-box;}
.slt-wrap .list.on{display: block;}
.slt-wrap .list li a{display: block; padding: 0 1.5625rem; font-size: 1.5rem; font-weight: 800; color: #222; line-height: 3.75rem; text-align: left; box-sizing: border-box;}
.slt-wrap .list li a.on{background: #8c22ff; color: #fff;}

/* board-list */
.board-list-top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.875rem;}
.board-list-top .total{font-size: 1.5rem; font-weight: 800; color: #222;}
.board-list-top .total strong{color: #8c22ff; font-weight: 800;}
.board-list-top .sort{display: flex;}
.board-list-top .sort li{position: relative; padding: 0 0.9375rem;}
.board-list-top .sort li::after{position: absolute; top: 50%; left: 0; width: 0.125rem; height: 1.4375rem; background: #222; transform: translateY(-50%); content: "";}
.board-list-top .sort li:first-child::after{display: none;}
.board-list-top .sort li:last-child{padding-right: 0;}
.board-list-top .sort li a{display: block; font-size: 1.5rem; color: #222;}
.board-list-top .sort li a.on{font-weight: 800; color: #8c22ff;}

/* 주요공지 */
.board-list-type1 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.board-list-type1 ul li{width: 47.761%; height: 12.5rem; padding: 1.875rem 1.25rem; margin-top: 1.875rem; border: 0.0625rem solid #ddd; box-sizing: border-box;}
.board-list-type1 ul li:nth-child(-n+2){margin-top: 0;}
.board-list-type1 ul li .tit{display: block; display:-webkit-box; height: 4.5rem; font-size: 1.5rem; font-weight: 800; line-height: 2.25rem; color: #222; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.board-list-type1 ul li .btm{display: flex; align-items: center; justify-content: space-between; height: 1.875rem; margin-top: 3.125rem;}
.board-list-type1 ul li .btm .date{font-size: 1.25rem; color: #999;}

/* 공지사항 */
.board-list-type2 li{padding: 1.875rem 0.625rem; border-bottom: 0.0625rem solid #ddd;}
.board-list-type2 li .ctg{display: block; font-size: 1.5rem; color: #222;}
.board-list-type2 li .tit{display: inline-block; margin: 0.9375rem 0; font-size: 1.875rem; font-weight: 800; color: #222; line-height: 1.5; vertical-align: middle;}
.board-list-type2 li .date{display: block; font-size: 1.5rem; color: #999;}

/* 학교소식, 언론보도, 동영상갤러리, 온라인사진전 */
.board-list-type3 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.board-list-type3 ul li{width: 47.761%; margin-top: 2.5rem; box-sizing: border-box;}
.board-list-type3 ul li:nth-child(-n+2){margin-top: 0;}
.board-list-type3 ul li .img{position: relative; overflow: hidden; width: 100%; height: auto;}
.board-list-type3 ul li .img .icon-video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/common/ico_play.png) center / 4.25rem auto no-repeat rgba(34, 34, 34, .5);}
.board-list-type3 ul li .img img{width: 100%; height: auto;}
.board-list-type3 ul li .thum{height: 15.5rem; background-size: cover; background-repeat: no-repeat; background-position: center;}
.board-list-type3 ul li .info{position: relative; padding: 1.25rem; border: 0.125rem solid #efefef; border-top: 0; box-sizing: border-box;}
.board-list-type3 ul li .info .ctg{display: block; font-size: 1.5rem;}
.board-list-type3 ul li .info .tit{display: block; display:-webkit-box; height: 5.625rem; margin: 0.625rem 0 0; font-size: 1.875rem; font-weight: 800; line-height: 1.5; color: #222; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.board-list-type3 ul li .info .summ{ display:-webkit-box;margin-top: 0.3125rem; font-size: 1.5rem; line-height: 1.5; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.board-list-type3 ul li .info .date{display: block; margin-top: 0.9375rem; font-size: 1.5rem; color: #999;}
.board-list-type3.photo ul li .info{height: 13.75rem;}
.board-list-type3.photo ul li .info .tit{height: auto; height: 5.625rem; margin: 0;}
.board-list-type3.photo ul li .info .btn-enter{display: inline-block; padding-right: 1.875rem; margin-top: 0.8125rem; font-size: 1.25rem; color: #222; background: url(../../images/common/ico_arw02_right.png) right center / 1.0625rem auto no-repeat;}
.board-list-type3.photo ul li .info .view{position: absolute; right: 1.25rem; bottom: 1.25rem; text-align: right;}
.board-list-type3.photo ul li .info .view span{display: inline-block; height: 2.25rem; padding: 0 0.9375rem; border: 0.125rem solid #8c22ff; border-radius: 1.25rem; font-size: 1.25rem; font-weight: 700; color: #999; line-height: 2.375rem;}

/* 행사특강 */
.board-list-type4 ul li{margin-top: 2.5rem;}
.board-list-type4 ul li:first-child{margin-top: 0;}
.board-list-type4 ul li a{display: flex; justify-content: space-between; align-items: center;}
.board-list-type4 ul li .img{position: relative; overflow: hidden; width: 15.25rem; height: 12.25rem;}
.board-list-type4 ul li .img .state{position: absolute; top: 0.9375rem; left: 0.9375rem; z-index: 5; width: 5.3125rem; border-radius: 1.25rem; background: #8c22ff; font-size: 1.25rem; font-weight: 700; line-height: 2.1875rem; text-align: center; color: #fff;}
.board-list-type4 ul li .img img{width: 15.25rem; height: 12.25rem;}
.board-list-type4 ul li .info{width: 25.3125rem;}
.board-list-type4 ul li .info .ctg{display: block; font-size: 1.5rem;}
.board-list-type4 ul li .info .tit{display: block; display:-webkit-box; height: 5.625rem; margin: 0.625rem 0 0.3125rem; font-size: 1.875rem; font-weight: 800; line-height: 1.5; color: #222; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.board-list-type4 ul li .info .date{display: block; font-size: 1.375rem; color: #999; line-height: 1.5;}
.board-list-type4 ul li.finish .img .state{background: #404040;}

/* 진로체험학교 */
.board-list-type5 > ul > li{padding: 1.875rem 0; border-top: 0.125rem solid #282828;}
.board-list-type5 > ul > li a{display: flex; justify-content: space-between; align-items: center; width: 100%; height: 6.25rem; background: url(../../images/common/ico_arw03_bottom.png) right 1.25rem center / 1.3125rem auto no-repeat;}
.board-list-type5 > ul > li .img{overflow: hidden; width: 9.375rem; height: 6.25rem;}
.board-list-type5 > ul > li .info{width: 30.9375rem; padding-right: 1.875rem; box-sizing: border-box;}
.board-list-type5 > ul > li .info .tit{display: block; font-size: 1.875rem; font-weight: 800; color: #222;}
.board-list-type5 > ul > li .info p{margin-top: 0.3125rem; font-size: 1.5rem; color: #666; line-height: 1.5;}
.board-list-type5 > ul > li .t-list{display: none; margin: 1.375rem 0 1.875rem; border-bottom: 0.0625rem solid #ddd;}
.board-list-type5 > ul > li .t-list ul{border-top: 0.0625rem solid #ddd;}
.board-list-type5 > ul > li .t-list ul li{padding: 1.25rem; border-bottom: 0.0625rem solid #ddd; background: #f5f5f5; color: #222;}
.board-list-type5 > ul > li .t-list ul li > div{display: flex;}
.board-list-type5 > ul > li .t-list ul li > div span{display: block; position: relative; padding: 0 1.25rem; font-size: 1.5rem; font-weight: 700;}
span.exSchool{line-height:2.75rem;}
.board-list-type5 > ul > li .t-list ul li > div span::after{position: absolute; top: 50%; left: 0; width: 0.125rem; height: 1.5rem; background: #ddd; transform: translateY(-50%); content: "";}
.board-list-type5 > ul > li .t-list ul li > div span:first-child{padding-left: 0;}
.board-list-type5 > ul > li .t-list ul li > div span:first-child::after{display: none;}
.board-list-type5 > ul > li .t-list ul li p{margin-top: 0.9375rem; font-size: 1.625rem; line-height: 1.8;}
.board-list-type5 > ul > li .t-list .btn-wrap{padding: 1.25rem 0;}
.board-list-type5 > ul > li.on a{background-image: url(../../images/common/ico_arw03_top.png);}
.board-list-type5 > ul > li.on .t-list{display: block;}

/* 진로체험학교 신청확인 */
.board-list-type6 > ul{border-top: 0.125rem solid #000;}
.board-list-type6 > ul > li{padding: 1.25rem 0; border-bottom: 0.0625rem solid #ddd;}
.board-list-type6 > ul > li > div{display: flex;}
.board-list-type6 > ul > li > div span{display: block; position: relative; padding: 0 0.625rem; font-size: 1.5rem;}
.board-list-type6 > ul > li > div span::after{position: absolute; top: 50%; left: 0; width: 0.0625rem; height: 1rem; background: #222; transform: translateY(-50%); content: "";}
.board-list-type6 > ul > li > div span:first-child{padding-left: 0;}
.board-list-type6 > ul > li > div span:first-child::after{display: none;}
.board-list-type6 > ul > li p{margin-top: 1.25rem; font-size: 1.75rem; font-weight: 800; color: #222; line-height: 1.5;}

/* FAQ */
.board-list-type7 > ul > li{display: none; border-bottom: 0.0625rem solid #ddd;}
.board-list-type7 > ul > li.show{display: block;}
.board-list-type7 > ul > li > div{display: flex;}
.board-list-type7 > ul > li .mark{display: block; width: 3.75rem; font-size: 1.375rem; text-align: center;}
.board-list-type7 > ul > li .txt{width: calc(100% - 3.75rem);}
.board-list-type7 > ul > li .q{padding: 1.25rem 0; background: url(../../images/common/ico_arw03_bottom.png) right 0.625rem center / 1.3125rem auto no-repeat; cursor: pointer;}
.board-list-type7 > ul > li .q .mark{color: #8c22ff; line-height: 2.25rem;}
.board-list-type7 > ul > li .q .txt{display: block; width: 80%;; font-size: 1.625rem; line-height: 1.5; color: #222;}
.board-list-type7 > ul > li .a{display: none; padding: 1.5625rem 0; border-top: 0.0625rem solid #ddd; background: #f5f5f5;}
.board-list-type7 > ul > li .a .mark{font-weight: 800; color: #222; line-height: 2.25rem;}
.board-list-type7 > ul > li .a .txt{display: block; padding-right: 1.5625rem; font-size: 1.625rem; line-height: 1.5; color: #222;}
.board-list-type7 > ul > li.on .q{font-weight: 800; background-image: url(../../images/common/ico_arw03_top.png);}
.board-list-type7 > ul > li.on .a{display: flex;}

/* 학사규정 */
.accodian-list-type1 > ul{border-top: 0.125rem solid #000;}
.accodian-list-type1 > ul > li{border-bottom: 0.0625rem solid #ddd;}
.accodian-list-type1 > ul > li .tit{padding: 1.25rem 0; background: url(../../images/common/ico_arw03_bottom.png) right 0.625rem center / 1.3125rem auto no-repeat; cursor: pointer; font-size: 1.875rem; font-weight: 800; color: #222; line-height: 1.5;}
.accodian-list-type1 > ul > li .tit.idt{padding-left: 2.1875rem; text-indent: -2.1875rem;}
.accodian-list-type1 > ul > li .view{display: none; padding: 2.5rem 0; border-top: 0.0625rem solid #ddd; border-bottom: 0.125rem solid #000; font-size: 1.625rem; line-height: 1.8; color: #666;}
.accodian-list-type1 > ul > li .view p + strong{display: block; margin-top: 2.5rem;}
.accodian-list-type1 > ul > li .view table + strong{display: block; margin-top: 2.5rem;}
.accodian-list-type1 > ul > li .view table + p{margin-top: 2.5rem;}
.accodian-list-type1 > ul > li.on{border-bottom: 0;}
.accodian-list-type1 > ul > li.on .tit{background-image: url(../../images/common/ico_arw03_top.png);}
.accodian-list-type1 > ul > li.on .view{display: block;}
.accodian-list-type2 > ul{margin-top: 1.25rem;}
.accodian-list-type2 > ul > li{margin-top: 1.25rem;}
.accodian-list-type2 > ul > li:first-child{margin-top: 0;}
.accodian-list-type2 > ul > li .tit{padding: 1.25rem 1.25rem; background: url(../../images/common/ico_arw03_bottom.png) right 1.5625rem center / 1.3125rem auto no-repeat #f4f4f4; cursor: pointer; font-size: 1.625rem; font-weight: 800; color: #666;}
.accodian-list-type2 > ul > li .view{display: none; padding: 1.875rem 0; font-size: 1.625rem; line-height: 1.8; color: #666;}
.accodian-list-type2 > ul > li .view p + strong{display: block; margin-top: 2.5rem;}
.accodian-list-type2 > ul > li .view table + strong{display: block; margin-top: 2.5rem;}
.accodian-list-type2 > ul > li .view table + p{margin-top: 2.5rem;}
.accodian-list-type2 > ul > li.on{border-bottom: 0;}
.accodian-list-type2 > ul > li.on .tit{background-image: url(../../images/common/ico_arw03_top.png);}
.accodian-list-type2 > ul > li.on .view{display: block;}

/* 입학Q&A */
.board-list-type8 > ul > li{padding: 1.5625rem 0; border-bottom: 0.0625rem solid #ddd;}
.board-list-type8 > ul > li .tit{display: block; font-size: 1.875rem; font-weight: 800; color: #222; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board-list-type8 > ul > li .btm{display: flex; justify-content: space-between; margin-top: 1.25rem;}
.board-list-type8 > ul > li .btm .name{font-size: 1.5rem; color: #222;}
.board-list-type8 > ul > li .btm .date{font-size: 1.5rem; color: #666;}

/* 2층라이브 */
.board-list-type9 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.board-list-type9 ul li{width: 47.761%; margin-top: 2.5rem;}
.board-list-type9 ul li:nth-child(-n+2){margin-top: 0;}
.board-list-type9 ul li .img{position: relative; height: 13.3125rem; background-size: cover; background-repeat: no-repeat; background-position: center;}
.board-list-type9 ul li .img .icon-video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/common/ico_play.png) center / 4.25rem auto no-repeat rgba(34, 34, 34, .5);}
.board-list-type9 ul li .img2{border: 0.0625rem solid #ddd;}
.board-list-type9 ul li .info{position: relative; margin-top: 1.25rem;}
.board-list-type9 ul li .info .tit{display: block; display:-webkit-box; height: 5.625rem; margin: 0.625rem 0 0; font-size: 1.875rem; font-weight: 800; line-height: 1.5; color: #222; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/* HAC DANCE TV */
.board-list-type10 ul li{margin-top: 2.5rem;}
.board-list-type10 ul li a{display: flex; width: 100%;}
.board-list-type10 ul li .img{position: relative; width: 47.761%; height: 13.4375rem; background-size: cover; background-repeat: no-repeat; background-position: center;}
.board-list-type10 ul li .img .icon-video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/common/ico_play.png) center / 4.25rem auto no-repeat rgba(34, 34, 34, .5);}
.board-list-type10 ul li .info{display: flex; position: relative; align-items: center; width: 52.239%; padding-left: 1.875rem;}
.board-list-type10 ul li .info .tit{font-size: 1.875rem; font-weight: 800; line-height: 1.5; color: #222;}

/* 취업현황 */
.board-list-type11 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.board-list-type11 ul li{width: 47.761%; margin-top: 2.5rem; box-sizing: border-box;}
.board-list-type11 ul li:nth-child(-n+2){margin-top: 0;}
.board-list-type11 ul li .thum{height: 11.25rem; background-size: cover; background-repeat: no-repeat; background-position: center;}
.board-list-type11 ul li .info{position: relative; padding: 1.25rem 0; box-sizing: border-box;}
.board-list-type11 ul li .info .tit{display: block; display:-webkit-box; height: 5.625rem; margin: 0.625rem 0 0; font-size: 1.875rem; font-weight: 800; line-height: 1.5; color: #222; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.board-list-type11 ul li .info .date{display: block; margin-top: 0.9375rem; font-size: 1.5rem; color: #999;}

/* 취업현황 */
.board-list-type12 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.board-list-type12 ul li{width: 46.268%; min-height: 18.125rem; padding: 2.1875rem 0.625rem 1.25rem; margin-top: 2.5rem; border: 1px solid #ddd; text-align: center; box-sizing: border-box;}
.board-list-type12 ul li:nth-child(-n+2){margin-top: 0;}
.board-list-type12 ul li .thum{display: inline-block; width: 10rem; height: 5rem; background-size: cover; background-repeat: no-repeat; background-position: center;}
.board-list-type12 ul li .info .company{display: block; margin: 0.625rem 0 0.625rem; font-size: 1.625rem; font-weight: 800; line-height: 1.5; color: #8c22ff;}
.board-list-type12 ul li .info .position{display: block; font-size: 1.625rem; line-height: 2.375rem; color: #222;}
.board-list-type12 ul li .info .name{display: block; font-size: 1.625rem; font-weight: 800; line-height: 2.375rem; color: #222;}

/* 보유기자재 */
.board-list-type13 ul{width: 36.25rem; margin: 0 auto;}
.board-list-type13 ul li{margin-top: 3.125rem;}
.board-list-type13 ul li:first-child{margin-top: 0;}
.board-list-type13 ul li a{display: flex; justify-content: space-between;}
.board-list-type13 ul li .img{width: 15.625rem;}
.board-list-type13 ul li .info{display: flex; align-items: center; width: 18.125rem;}
.board-list-type13 ul li .info p{font-size: 1.75rem; font-weight: 800; line-height: 2.25rem; color: #222;}

/* 채용정보 */
.board-list-type14 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.board-list-type14 ul li{width: 47.761%; margin-top: 2.5rem; text-align: center; box-sizing: border-box;}
.board-list-type14 ul li:nth-child(-n+2){margin-top: 0;}
.board-list-type14 ul li .thum{display: inline-block; width: 15.625rem; height: 15.625rem; border: 1px solid #ddd; background-size: 80%; background-repeat: no-repeat; background-position: center;}
.board-list-type14 ul li .info{position: relative; margin-top: 1.25rem; box-sizing: border-box;}
.board-list-type14 ul li .info .tit{display: block; display:-webkit-box; height: 5.625rem; margin: 0.625rem 0 0; font-size: 1.875rem; font-weight: 800; line-height: 1.5; color: #222; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.board-list-type14 ul li .info .date{display: block; margin-top: 0.9375rem; font-size: 1.5rem; color: #999;}

/* 산학협정 */
.board-list-type15 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.board-list-type15 ul li{width: 47.761%; margin-top: 2.5rem; border: 1px solid #ddd; text-align: center; box-sizing: border-box;}
.board-list-type15 ul li:nth-child(-n+2){margin-top: 0;}

/* 콘테스트 갤러리 */
.board-list-type16 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.board-list-type16 ul li{display: none; width: 47.761%; margin-top: 2.5rem; text-align: center; box-sizing: border-box;}
.board-list-type16 ul li.on{display: block;}
.board-list-type16 ul li:nth-child(-n+2){margin-top: 0;}
.board-list-type16 ul li .thum{width: 19.375rem; height: 19.375rem; background-size: cover; background-repeat: no-repeat; background-position: center;}

/* 공연일정 */
.board-list-type17 > ul{width: 100%;}
.board-list-type17 > ul > li{margin-top: 3.125rem;}
.board-list-type17 > ul > li:first-child{margin-top: 0;}
.board-list-type17 > ul > li a{display: flex; justify-content: space-between;}
.board-list-type17 > ul > li .img{width: 31.940%; border: 1px solid #ddd;}
.board-list-type17 > ul > li .info{display: flex; align-items: center; width: 61.940%;}
.board-list-type17 > ul > li .info .state{display: flex; align-items: center; justify-content: center; width: 8.75rem; height: 3.75rem; border-radius: 2.1875rem; background: #999; font-size: 1.625rem; font-weight: 800; color: #fff;}
.board-list-type17 > ul > li .info .state.eng{background: #8c22ff;}
.board-list-type17 > ul > li .info .state.yet{border: 0.125rem solid #8c22ff; background: #fff; color: #8c22ff;}
.board-list-type17 > ul > li .info .tit{display: block; margin: 1.5625rem 0 2.5rem; font-size: 1.75rem; font-weight: 800; color: #222; line-height: 1.5;}
.board-list-type17 > ul > li .info li{margin-top: 0.625rem; font-size: 1.5rem; color: #666; line-height: 1.5;}
.board-list-type17 > ul > li .info li:first-child{margin-top: 0;}
.board-list-type17 > ul > li .info li.place{padding-left: 3.75rem; text-indent: -3.75rem;}

/* 모델프로필 */
.board-list-type18 ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.board-list-type18 ul li{position: relative; width: 46.268%; margin-top: 2.5rem; box-sizing: border-box;}
.board-list-type18 ul li:nth-child(-n+2){margin-top: 0;}
.board-list-type18 ul li .info{position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.9375rem 1.875rem; background: rgba(0, 0, 0, 0.6); box-sizing: border-box;}
.board-list-type18 ul li .info strong{display: block; font-size: 1.75rem; font-weight: 800; line-height: 1.5; color: #fff;}
.board-list-type18 ul li .info span{display: block; margin-top: 0.3125rem; font-size: 1.375rem; color: #fff;}

/* 리스트 더보기 */
#contList > ul > li{display: none;}
#contList > ul > li.on{display: block;}
#contGallery > ul > li{display: none;}
#contGallery > ul > li.on{display: block;}

/* board-view-type1 */
.board-view-type1{border-top: 0.125rem solid #000;}
.board-view-type1 .info{padding: 1.875rem 0;}
.board-view-type1 .info .col{display: flex; justify-content: space-between; align-items: center;}
.board-view-type1 .info .ctg{display: block; margin-bottom: 1.25rem; font-size: 1.5rem; font-weight: 700;}
.board-view-type1 .info .tit{display: block; width: 100%; font-size: 2rem; font-weight: 800; line-height: 2.5rem; color: #222;}
.board-view-type1 .info .oth{font-size: 1.375rem; font-weight: 700; color: #999;}
.board-view-type1 .info .oth span{display: inline-block; position: relative; padding-right: 0.9375rem; margin-right: 0.9375rem;}
.board-view-type1 .info .oth span::after{position: absolute; top: 50%; right: 0; width: 0.125rem; height: 1.25rem; background: #ddd; content: ""; transform: translateY(-50%);}
.board-view-type1 .info .g2{margin-top: 1.875rem;}
.board-view-type1 .con{padding: 1.875rem 0; border-top: 0.0625rem solid #ddd; border-bottom: 0.0625rem solid #ddd; font-size: 1.625rem; line-height: 1.8; color: #222;}
.board-view-type1 .file-list{margin-top: 6.25rem;}
.board-view-type1 .file-list li{margin-top: 0.9375rem;}
.board-view-type1 .file-list li:first-child{margin-top: 0;}
.board-view-type1 .file-list li a{display: block; padding-left: 3.125rem; background: url(../../images/common/ico_down.png) left top / 2.3125rem auto no-repeat; font-size: 1.375rem; line-height: 2.3125rem; color: #8c22ff;}

/* 보유기자재 상세 */
.board-view-type2{width: 100%;}
.board-view-type2 .info-box{width: 64%; margin: 0 auto; text-align: center;}
.board-view-type2 .info-box .img{position: relative;}
.board-view-type2 .info-box .img .btn-prev{position: absolute; top: 50%; left: -5.9375rem; width: 2.9375rem; height: 2.9375rem; border-radius: 100%; background: url(../../images/common/ico_arw_left_white.png) center / 1.1875rem auto no-repeat #8c22ff; text-indent: -9999em; transform: translateY(-50%);}
.board-view-type2 .info-box .img .btn-next{position: absolute; top: 50%; right: -5.9375rem; width: 2.9375rem; height: 2.9375rem; border-radius: 100%; background: url(../../images/common/ico_arw_right_white.png) center / 1.1875rem auto no-repeat #8c22ff; text-indent: -9999em; transform: translateY(-50%);}
.board-view-type2 .info-box .txt{margin-top: 1.25rem;}
.board-view-type2 .info-box .txt span{display: block; font-size: 1.875rem; font-weight: 800; color: #222; line-height: 3.125rem;}
.board-view-type2 .info-box .txt strong{display: block; font-size: 2.5rem; font-weight: 800; color: #222; line-height: 3.125rem;}
.board-view-type2 .cont{margin-top: 1.875rem; border-top: 1.25rem solid #f5f5f5;}
.board-view-type2 h4{display: block; margin-bottom: 2.1875rem; font-size: 2.125rem; font-weight: 800; color: #222;}
.board-view-type2 .related-list li{margin-top: 2.5rem;}
.board-view-type2 .related-list li:first-child{margin-top: 0;}
.board-view-type2 .related-list li a{display: flex; justify-content: space-between;}
.board-view-type2 .related-list li .img{width: 12.5rem;}
.board-view-type2 .related-list li .info{display: flex; align-items: center; width: 26.875rem; text-align: left;}
.board-view-type2 .related-list li .info p{font-size: 1.75rem; line-height: 2.5rem; color: #222;}
.board-view-type2 .ctg-list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.board-view-type2 .ctg-list li{width: 47.761%; margin-top: 2.5rem; text-align: center; box-sizing: border-box;}
.board-view-type2 .ctg-list li:nth-child(-n+2){margin-top: 0;}
.board-view-type2 .ctg-list li .img{display: inline-block; width: 15.625rem;}
.board-view-type2 .ctg-list li .info{height: 4.875rem; margin-top: 1.25rem;}
.board-view-type2 .cont:last-child{padding-top: 0; border: 0;}

/* 공연일정 상세 */
.board-view-type3 .info-box{padding: 3.125rem 2.5rem; border: 0.0625rem solid #ddd; box-sizing: border-box; text-align: center;}
.board-view-type3 .info-box .state{display: inline-block; width: 9.375rem; border-radius: 1.875rem; background: #999; font-size: 1.625rem; font-weight: 800; color: #fff; line-height: 3.75rem; text-align: center;}
.board-view-type3 .info-box .state.ing{background: #8c22ff;}
.board-view-type3 .info-box .state{display: inline-flex; align-items: center; justify-content: center; width: 9.375rem; height: 3.75rem; border-radius: 2.1875rem; background: #999; font-size: 1.625rem; font-weight: 800; color: #fff;}
.board-view-type3 .info-box .state.eng{background: #8c22ff;}
.board-view-type3 .info-box .state.yet{border: 0.125rem solid #8c22ff; background: #fff; color: #8c22ff;}
.board-view-type3 .info-box .tit{display: inline-block; margin: 1.5625rem 0 2.5rem; font-size: 2.25rem; font-weight: 800; color: #222; line-height: 1.5;}
.board-view-type3 .info-box .img{display: inline-block; width: 18.75rem; border: 0.0625rem solid #ddd;}
.board-view-type3 .info-box ul{margin-top: 3.75rem;}
.board-view-type3 .info-box ul li{margin-top: 0.9375rem; font-size: 1.75rem; color: #222; line-height: 1.5; text-align: left;}
.board-view-type3 .info-box ul li:first-child{margin-top: 0;}
.board-view-type3 .info-box ul li strong{display: inline-block; margin-right: 0.625rem; font-weight: 800;}
.board-view-type3 .people{padding: 2.5rem 0; text-align: center;}
.board-view-type3 .people ul{display: inline-flex; flex-wrap: wrap; justify-content: space-between; width: 91.044%;}
.board-view-type3 .people ul li{width: 26.557%; margin-top: 3.125rem;}
.board-view-type3 .people ul li:nth-child(-n+3){margin-top: 0;}
.board-view-type3 .people ul li .img{overflow: hidden; width: 10.125rem; height: 10.125rem; border: 0.125rem solid #ddd; border-radius: 100%; box-sizing: border-box;}
.board-view-type3 .people ul li .name{display: block; margin-top: 1.25rem; font-size: 1.75rem; font-weight: 800; color: #222;}
.board-view-type3 .people ul li .position{display: block; margin-top: 0.625rem;}
.board-view-type3 .explain{margin-top: 1.875rem;}
.board-view-type3 .explain img{display: block; width: 26.25rem; margin: 2.5rem auto;}

/* paginate */
.paginate{margin-top: 5rem; text-align: center;}
.paginate a{display: inline-block; width: 3.375rem; height: 3.375rem; margin: 0 0.3125rem; font-size: 1.625rem; color: #222; line-height: 3.375rem; text-align: center; cursor: pointer;}
.paginate .curr{background: #8c22ff; font-weight: 800; color: #fff;}
.paginate .first{background: url(../../images/common/ico_paginate_first.png) center / 1.125rem auto no-repeat; text-indent: -9999em;}
.paginate .prev{background: url(../../images/common/ico_paginate_prev.png) center / 0.5625rem auto no-repeat; text-indent: -9999em;}
.paginate .next{background: url(../../images/common/ico_paginate_next.png) center / 0.5625rem auto no-repeat; text-indent: -9999em;}
.paginate .last{background: url(../../images/common/ico_paginate_last.png) center / 1.125rem auto no-repeat; text-indent: -9999em;}

/* modal-popup */
.modal-popup{display: flex; position: fixed; top: 0; left: 500%; align-items: center; z-index: 10000; width: 100%; max-width: 750px; height: 100%; padding: 2.5rem; background: rgba(34, 34, 34, .5); box-sizing: border-box; transform: translateX(-50%);}
.modal-popup.level2{z-index: 11000;}
.modal-popup.on{left: 50%;}
.modal-popup > div{position: relative; width: 100%; padding: 2.5rem 0; background: #fff;}
.modal-popup .head{position: relative; padding:0.625rem 2.5rem 1.5625rem;}
.modal-popup .head .btn-close{position: absolute; top: 0; right: 1.875rem; width: 2rem; height: 2rem; background: url(../../images/common/ico_close.png) center / 2rem auto no-repeat; text-indent: -9999em;}
.modal-popup .head .tit{display: block; width: 93%; font-size: 2rem; font-weight: 800; color: #222; line-height: 1.5;}
.modal-popup .btn-close2{position: absolute; top: -3.25rem; right: 0; width: 2rem; height: 2rem; background: url(../../images/common/ico_close_white.png) center / 2rem auto no-repeat; text-indent: -9999em;}
.modal-popup .scroll-area{overflow-y: auto; -webkit-overflow-scrolling:touch;}
.modal-popup .con{padding: 0 2.5rem;}
.modal-popup .con p{font-size: 1.625rem; line-height: 1.5;}
.modal-popup .search-result{padding: 1.875rem 0 0; margin-top: 0.625rem; border-top: 0.125rem solid #222;}
.modal-popup .search-result .top{display: flex; align-items: center; justify-content: space-between;}
.modal-popup .search-result .top .tit{font-size: 1.5rem; font-weight: 800; color: #222;;}
.modal-popup .search-result .top p{font-size: 1.125rem; font-weight: 800; color: #999;}
.modal-popup .search-result .result{margin-top: 0.9375rem;}
.modal-popup .search-result .result .total{font-size: 1.25rem; color: #222;}
.modal-popup .search-result .result .total strong{color: #8c22ff; font-weight: 800;}
.modal-popup .search-result .result .list{height: 11.875rem; padding: 1.25rem 1.875rem; margin-top: 0.9375rem; background: #f4f4f4; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.modal-popup .search-result .result .list a{display: block; font-size: 1.25rem; line-height: 2.5rem;}
.modal-popup .search-result .result .txt{display: flex; justify-content: center; align-items: center; height: 100%;; font-size: 1.25rem; text-align: center; color: #222;}
.modal-popup .page-ctr{display: flex; justify-content: space-between; margin-top: 1.5625rem;}
.modal-popup .page-ctr .btn-prev{width: 2.5rem; padding-top: 2.1875rem; background: url(../../images/common/ico_arw_left.png) center top / 1.625rem auto no-repeat; font-size: 1.375rem; font-weight: 700; color: #666;}
.modal-popup .page-ctr .btn-next{width: 2.5rem; padding-top: 2.1875rem; background: url(../../images/common/ico_arw_right.png) center top / 1.625rem auto no-repeat; font-size: 1.375rem; font-weight: 700; color: #666;}
.modal-popup .video-box p{font-size: 1.625rem; line-height: 1.5; color: #222;}
.modal-popup .video-box .video{margin-top: 1.875rem;}
.modal-popup .video-box .video iframe{width: 100%; height: 20.9375rem;}
.modal-popup .video-box .video iframe.shortsFrame{width: 92%; height: 60rem;}
.modal-popup .video-box .video.shortsFrame{text-align:center;}

/* pop-notice */
.pop-notice{display: flex; position: fixed; top: 0; left: 500%; align-items: flex-end; z-index: 10000; width: 100%; max-width: 750px; height: 100%; padding: 2.5rem 2.5rem 8.125rem 2.5rem; background: rgba(34, 34, 34, .5); box-sizing: border-box; transform: translateX(-50%);}
.pop-notice.on{left: 50%;}
.pop-notice > div{position: relative; width: 100%;}
.pop-notice .head{position: relative;}
.pop-notice .head .tit{display: block; width: 100%; font-size: 2.125rem; font-weight: 800; color: #fff;}
.pop-notice .head .ctr{display: flex; justify-content: space-between; align-items: center; margin-top: 0.9375rem;}
.pop-notice .head .ctr .chk{display: flex; align-items: center;}
.pop-notice .head .ctr .chk label{display: block; padding-left: 0; font-size: 1.5rem; color: #fff;}
.pop-notice .head .ctr .btn-close{height: 3.125rem; padding: 0 1.5625rem; border: 0.0625rem solid #fff; border-radius: 1.875rem; background: none; font-size: 1.25rem; font-weight: 800; color: #fff;}
.pop-notice .con{position: relative; height: 100%; margin-top: 1.25rem; background: #fff;}
.pop-notice .swiper-pagination{position: absolute; left: 0; bottom: -3.125rem; width: 100%; font-size: 0; line-height: 0; box-sizing: border-box;}
.pop-notice .swiper-pagination .swiper-pagination-bullet{width: 1.25rem; height: 1.25rem; margin: 0 0.625rem; background: #999; opacity: 1;}
.pop-notice .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
.pop-notice .noti-box-type1{height: 100%; padding: 2.5rem; background: #fff; text-align: center;}
.pop-notice .noti-box-type1 .tit{display: block; margin-bottom: 1.875rem; font-size: 1.875rem; font-weight: 800; color: #222;}
.pop-notice .noti-box-type1 p{font-size: 1.625rem; line-height: 2.5rem; color: #222;}
.pop-notice .noti-box-type1 .txt-box{padding: 2.5rem; margin: 1.875rem 0; font-size: 1.625rem;}
.pop-notice .noti-box-type1 .bg-gray{background: #f4f4f4;}
.pop-notice .noti-box-type1 .btn-wrap{padding-top: 0; margin-top: 1.875rem;}
.pop-notice input[type="checkbox"]{position:absolute; display:block; overflow: hidden; width: 1px; height: 1px; border: 0; clip: rect(1px, 1px, 1px, 1px);}
.pop-notice input[type="checkbox"] + label:before{display: inline-block; width:1.875rem; height: 1.9375rem; margin-right: 0.625rem; background: url(../../images/common/checkbox.png) center / 100% auto no-repeat; box-sizing: border-box; content: ""; vertical-align: middle;}
.pop-notice input[type="checkbox"]:checked + label:before{background: url(../../images/common/checkbox_on.png) center / 100% auto no-repeat;}

/* app-form */
.app-form h4{display: block; margin: 1.25rem 0; font-size: 1.375rem; font-weight: 800; color: #222;}
.app-form .txt-box1{padding-bottom: 2.5rem; border-bottom: 0.125rem solid #000;}
.app-form .txt-box1 ul + button,
.app-form .txt-box1 ol + button{margin-top: 1.5625rem;}
.app-form .bul + .items{margin-top: 0.625rem;}
.app-form .items + h4{margin-top: 1.875rem;}
.app-form .items > li{display: flex; padding: 1.25rem 0; font-size: 1.625rem; line-height: 3.125rem;}
.app-form .items .tit{width: 9.375rem; font-size: 1.625rem; color: #222;}
.app-form .items .tit .fs{font-size: 1rem;}
.app-form .items .tit .must{color: #e00000;}
.app-form .items .ipt{width: calc(100% - 7.5rem);}
.app-form .items .col-group{display: flex; align-items: center;}
.app-form .items .col-group > div{display: flex; align-items: center;}
.app-form .items .row-group{width: 100%; box-sizing: border-box;}
.app-form .items .row-group .tit{width: 100%;}
.app-form .items .row-group .ipt{width: 100%; margin-top: 1.25rem;}
.app-form .items .chk-list-row li{display: flex; padding: 0.4375rem 0; line-height: 2rem;}
.app-form .items .chk-list-row li input{margin-top: 0.4375rem;}
.app-form .items .chk-list-row label{width: 90%; padding-left: 0.625rem; font-size: 1.625rem; line-height: 1.5; color: #222;}
.app-form .items .chk-list-col{display: flex; flex-wrap: wrap;}
.app-form .items .chk-list-col li{width: 33.333%;}
.app-form .items .chk-list-col label{padding-left: 0.625rem; font-size: 1.5rem; line-height: 2rem; color: #222;}
.app-form .items .chk-list-col.col2 li{width: 50%;}
.app-form .items .ipt-list li{margin-top: 1.25rem;}
.app-form .items .ipt-list li:first-child{margin-top: 0;}
.app-form .items .slt-box{width: 100%; padding: 1.25rem 1.375rem; background: #f4f4f4; box-sizing: border-box;}
.app-form .items .slt-box li{font-size: 1.375rem; line-height: 1.8; color: #222;}
.app-form .items label{font-size: 1.625rem;}
.app-form .items .msg{display: block; margin-top: 0.625rem; font-size: 1.375rem; font-weight: 800; color: #999; line-height: 1.75rem;}
.app-form .items .msg-ib{display: inline-block; margin-left: 0.625rem; font-size: 1.125rem; color: #666;}
.app-form .items .msg + .chk-list-col{margin-top: 0.9375rem;}
.app-form .privacy .top .tit{width: auto;}
.app-form .privacy .top .ipt{width: auto;}
.app-form .privacy .txt-box{border: 0.125rem solid #ddd; padding: 1.25rem; margin-top: 0.9375rem; font-size: 1.5rem; line-height: 1.8;}
.app-form .privacy .txt-box li{margin-top: 0.625rem;}
.app-form .privacy .txt-box strong{display: block; font-weight: 400;}
.app-form.line{border-top: 0.125rem solid #000;}
.app-form.line.line-top-none{border-top: 0;}
.app-form.line .items > li{padding: 0.9375rem 0; border-bottom: 0.0625rem solid #ddd;}
.app-form.line .items > li.line-bold{margin-bottom: 0.9375rem; border-bottom: 0.125rem solid #000;}
.app-form.line .items .row-group{padding-bottom: 0.9375rem;}
.app-form.line .items .row-group .ipt{margin-top: 0.3125rem;}
p + .app-form{margin-top: 1.875rem;}

/* privacy */
.privacy-box{margin-top: 3.125rem;}
.privacy-box .agree{margin: 1.5625rem 0 0.3125rem;}
.privacy-box .tit{display: block; margin-top: 2.5rem; font-size: 1.625rem; font-weight: 800; color: #222;}
.privacy-box .txt-box{border: 0.125rem solid #ddd; padding: 1.25rem; margin-top: 0.9375rem; font-size: 1rem; line-height: 1.625rem;}
.privacy-box .txt-box p{font-size: 1.5rem; line-height: 1.8; color: #222;}
.privacy-box .txt-box li{margin-top: 10px; font-size: 1.5rem; line-height: 1.8; color: #222;}
.privacy-box .txt-box strong{display: block; font-weight: 400;}
.privacy-box .msg{display: block; margin-top: 1.25rem; font-size: 1.375rem; font-weight: 700; color: #8c22ff;}

/* etc */
.dv-line{position: relative; left: 50%; width: calc(100% + 5rem); height: 1.25rem; background: #f4f4f4; transform: translateX(-50%);}

/*-------------------------------------------------------------------
  @ Utilities
-------------------------------------------------------------------*/
/* 계열별 컬러 */
.model{color: #fc5c65!important;} /* 모델연기 */
.kpop{color: #fd9644!important;} /* 케이팝 */
.enter{color: #fed330!important;} /* 엔터테인먼트 */
.music{color: #20bf6b!important;} /* 실용음악 */
.youtube{color: #ff2f2f!important;} /* 유튜브 */
.dance{color: #8c22ff!important;} /* 실용무용 */
.production{color: #4b7bec!important;} /* 뮤직프로덕션 */
.performance{color: #778ca3!important;} /* 연기예술 */
.voice{color: #2d98da!important;} /* 방송성우 */
.show{color: #eb3b5a!important;} /* 공연기획제작, 뮤직테크놀로지계열 */
.picture{color: #10b9b1!important;} /* 사진예술 */
.broad{color: #24bae5!important;} /* 방송영화제작계열 */
.vfx{color: #3867d6!important;} /* vfx모션그래픽 */
.sports{color: #a65eea!important;} /* 스포츠건강관리 */
.police{color: #4b6584!important;} /* 경찰경호 */

/* font */
.f-bold{font-weight: 700 !important;}
.f-eb{font-weight: 800 !important;}
.f-sm{font-size: 1.5rem;}
.f-sms{font-size: 1.375rem;}
.f-ss{font-size: 1.125rem;}

/* align */
.txt-left{text-align: left !important;}
.txt-center{text-align: center !important;}
.txt-right{text-align: right !important;}

/* color */
.f-primary{color: #8c22ff !important;}
.f-black{color: #222;}
.f-gray{color: #666;}
.f-red{color: #ff3d3d;}

/* icon */
.icon-type1{display: inline-flex; justify-content: center; align-items: center; min-width: 4.375rem; height: 2rem; padding: 0 0.9375rem; border-radius: 0.9375rem; background: #ff3d3d; font-size: 1rem; font-weight: 700; line-height: 1; color: #fff; text-align: center; vertical-align: middle; box-sizing: border-box;}
.icon-type2{display: inline-flex; justify-content: center; align-items: center; min-width: 4.375rem; height: 2rem; padding: 0 0.9375rem; border-radius: 0.9375rem; background: #8c22ff; font-size: 1rem; font-weight: 700; line-height: 1; color: #fff; text-align: center; vertical-align: middle; box-sizing: border-box;}

/* size */
.w100p{width: 100% !important;}

/* margin */
.mg-t0{margin-top: 0 !important;}
.mg-t5{margin-top: 5px !important;}
.mg-t10{margin-top: 0.625rem !important;}
.mg-t20{margin-top: 1.25rem !important;}
.mg-t30{margin-top: 1.875rem !important;}
.mg-t40{margin-top: 2.5rem !important;}
.mg-t50{margin-top: 3.125rem !important;}
.mg-t60{margin-top: 3.75rem !important;}

/* padding */
.pd-b0{padding-bottom: 0 !important;}


/*-------------------------------------------------------------------
  @ Contents
-------------------------------------------------------------------*/
/* 메인 */
.main .page-top{text-align: center;}
.main .page-top h2{display: block; font-size: 2.5rem; font-weight: 800; color: #222;}
.main .page-top p{margin-top: 1.25rem; font-size: 1.5rem; line-height: 2.25rem; color: #222;}
.main .page-top .btn-more{display: inline-block; margin-top: 2.3125rem; padding: 0 2.1875rem; border-radius: 1.5625rem; background: #8c22ff; font-size: 1.125rem; color: #fff; line-height: 2.8125rem;}
.main .head{display: flex; justify-content: space-between; align-items: center;}
.main .head h2{display: block; font-size: 1.5rem; font-weight: 800; color: #222; line-height: 1;}
.main .head .date{font-size: 1.25rem; color: #999; line-height: 1;}
.main .head .more{display: block; width: 1.5625rem; height: 1.5rem; background: url(../../images/common/ico_arw_right.png) center / 100% auto no-repeat; text-indent: -9999em;}
.main .dv-line{height: 0.625rem; background: #f4f4f4;}
.main .visual{position: relative; overflow: hidden; height: 99.466vw; max-height: 746px;}
.main .visual .txt{position: absolute; bottom: 0; left: 0; width: 100%; height: 19.5625rem; color: #fff; text-align: center;}
.main .visual .txt strong{display: flex; justify-content: center; align-items: center; width: 100%; height: 7.5rem; font-size: 2.625rem; font-weight: 800; line-height: 3.75rem; letter-spacing: -0.0938rem;}
.main .visual .txt p{margin-top: 1.875rem; font-size: 1.375rem;}
.main .visual .swiper-button-prev{position: absolute; top:auto; bottom:11.5rem; left:2.5rem; width:2.75rem; height:2.75rem; margin:0; background:url(../../images/main/btn_prev.png) center / 100% auto no-repeat;}
.main .visual .swiper-button-prev::after{display: none;}
.main .visual .swiper-button-next{position: absolute; top:auto; right:2.5rem; bottom:11.5rem; width:2.75rem; height:2.75rem; margin:0; background:url(../../images/main/btn_next.png) center / 100% auto no-repeat;}
.main .visual .swiper-button-next::after{display: none;}
.main .visual .btm{display: flex; position: absolute; bottom: 3.125rem; left: 0; justify-content: center; width: 100%; height: 1.875rem; text-align: center;}
.main .visual .btm .swiper-pagination{position: relative; bottom: 0; width: 6.875rem;}
.main .visual .btm .swiper-pagination::after{position: absolute; top: 50%; left: 50%; width: 0.0625rem; height: 1.125rem; background: #fff; content: ""; transform: translateY(-50%);}
.main .visual .btm .swiper-pagination span{float: left; width: 3.4375rem; font-size: 1.3125rem; color: #fff; text-align: center; line-height: 1.875rem;}
.main .visual .btm button{position: relative; z-index: 10; width: 1.875rem; height: 1.875rem; background: url(../../images/main/ico_pause.png) center / 100% auto no-repeat; text-indent: -9999em;}
.main .visual .btm button.play{background-image: url(../../images/main/ico_play.png);}
.main .m-event{padding-top: 2.5rem;}
.main .m-event .con{margin-top: 2.5rem;}
.main .m-event .swiper-button-prev{position: absolute; top: 50%; left: 1.875rem; width: 0.8125rem; height: 1.6875rem; margin: 0; background: url(../../images/main/btn_prev02.png) center / 100% auto no-repeat;}
.main .m-event .swiper-button-prev::after{display: none;}
.main .m-event .swiper-button-next{position: absolute; top: 50%; right: 1.875rem; width: 0.8125rem; height: 1.6875rem; margin: 0; background: url(../../images/main/btn_next02.png) center / 100% auto no-repeat;}
.main .m-event .swiper-button-next::after{display: none;}
.main .m-event .swiper-pagination{position: relative; width: 100%; font-size: 0; line-height: 0; box-sizing: border-box;}
.main .m-event .swiper-pagination .swiper-pagination-bullet{ width: 1.25rem; height: 1.25rem; margin: 2.5rem 1.492%; background: #ddd; opacity: 1;}
.main .m-event .swiper-pagination .swiper-pagination-bullet-active{background: #8c22ff;}
.main .m-issue{margin: 2.8125rem 0 1.875rem;}
.main .m-issue .con{margin-top: 0.625rem;}
.main .m-issue .con .swiper-container{height: 6.25rem;}
.main .m-issue .con li{display: flex; justify-content: space-between; align-items: center; height: 6.25rem;}
.main .m-issue .con li a{display: flex; justify-content: space-between; align-items: center; width: 100%; height: 6.25rem;}
.main .m-issue .con li .tit{display: block; width: 82.089%; font-size: 2.75rem; font-weight: 800; color: #8c22ff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .m-issue .con li .mark{display: flex; align-items: center; height: 2.375rem; padding: 0 1.25rem; border-radius: 1.25rem; color: #fff; background: #ff3d3d; font-size: 1.125rem; font-weight: 800; line-height: 1;}
.main .m-comm{padding: 2.5rem 0; border-bottom: 0.0625rem solid #ddd;}
.main .m-comm:last-child{border-bottom: 0;}
.main .m-comm .con{margin-top: 1.5625rem;}
.main .m-comm .con strong{display: block; display:-webkit-box; width: 34.375rem; font-size: 1.75rem; font-weight: 800; line-height: 2.375rem; color: #222; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main .m-comm .con p{display: block; display:-webkit-box; margin-top: 0.9375rem; font-size: 1.5rem; line-height: 2.25rem; color: #999; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main .m-banner{width: 100%; height: 15.625rem; padding-top: 1.5rem; margin-top: 3.125rem; background: url(../../images/main/bg_banner.jpg) center / cover no-repeat; text-align: center; box-sizing: border-box;}
.main .m-banner .date{display: inline-block; padding: 0 1.25rem; border-radius: 1.5625rem; background: #120704; font-family: 'GmarketSansBold'; font-size: 1.0625rem; line-height: 2.6875rem; color: #fff;}
.main .m-banner strong{display: block; margin-top: 0.625rem; font-family: 'GmarketSansBold'; font-size: 2.5rem; color: #fff;}
.main .m-banner p{margin: 0.3125rem 0 1.5rem; font-size: 1.625rem; font-weight: 700; color: #fff;}
.main .m-banner .btn{display: inline-block; padding-right: 1.875rem; font-size: 1.5rem; font-weight: 700; color: #fff; background: url(../../images/main/ico_arw_white.png) center right / 1.0625rem auto no-repeat;}
.main .m-hotissue{padding-bottom: 3.125rem; margin-top: 5.3125rem; border-bottom: 0.625rem solid #f5f5f5;}
.main .m-hotissue .slide{margin-top: 2.8125rem;}
.main .m-hotissue .slide .swiper-container{overflow: visible;}
.main .m-hotissue .slide .swiper-slide{position: relative; width: auto; height: 20rem; margin: 0 1.25rem; box-shadow: 0 0 1rem rgba(105, 105, 105, .3);}
.main .m-hotissue .slide .swiper-slide .txt{position: absolute; bottom: 0; left: 0; z-index: 2; padding: 1.875rem;}
.main .m-hotissue .slide .swiper-slide .txt p{ display:-webkit-box;height: 5rem; font-size: 1.875rem; font-weight: 700; line-height: 2.5rem; color: #fff; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main .m-hotissue .slide .swiper-slide img{width: auto; height: 20rem;}
.main .m-hotissue .slide .swiper-scrollbar{width: 89.333%; height: 0.3125rem; margin: 3.125rem auto 0; border-radius: 0; background: #ddd;}
.main .m-hotissue .slide .swiper-scrollbar-drag{width: 0; border-radius: 0; background: #8c22ff; transition: 0.7s ease;}
.main .m-guide{margin-top: 6.5625rem;}
.main .m-guide .route{display: flex; flex-wrap: wrap; margin-top: 5.3125rem;}
.main .m-guide .route li{width: 33.333%; margin-top: 5rem; font-size: 1.5rem; text-align: center;}
.main .m-guide .route li a{display: block; padding-top: 5.9375rem;}
.main .m-guide .route li:nth-child(-n+3){margin-top: 0;}
.main .m-guide .route li:nth-child(1) a{background: url(../../images/common/ico_route01.png) center top / 3.5625rem auto no-repeat;}
.main .m-guide .route li:nth-child(2) a{background: url(../../images/common/ico_route02.png) center top / 4.1875rem auto no-repeat;}
.main .m-guide .route li:nth-child(3) a{background: url(../../images/common/ico_route03.png) center top / 4.1875rem auto no-repeat;}
.main .m-guide .route li:nth-child(4) a{background: url(../../images/common/ico_route04.png) center top / 3.875rem auto no-repeat;}
.main .m-guide .route li:nth-child(5) a{background: url(../../images/common/ico_route05.png) center top / 3.4375rem auto no-repeat;}
.main .m-guide .route li:nth-child(6) a{background: url(../../images/common/ico_route06.png) center 0.25rem / 3.6875rem auto no-repeat;}

/* 입학안내 */
.guide-step{display: flex;}
.guide-step li{padding: 7.1875rem 0 0; text-align: center;}
.guide-step li:nth-child(1){width: 25%; background: url(../../images/guide/ico_step01.png) center 2.375rem / 2.375rem auto no-repeat;}
.guide-step li:nth-child(2){width: 44%; background: url(../../images/guide/ico_step02.png) center 2.4375rem / 2.4375rem auto no-repeat;}
.guide-step li:nth-child(3){width: 31%; background: url(../../images/guide/ico_step03.png) center 2.8125rem / 2.9375rem auto no-repeat;}
.guide-step li strong{display: flex; justify-content: center; align-items: center; font-size: 1.625rem; font-weight: 800; color: #8c22ff;}
.guide-step li strong span{display: inline-block; width: 1.375rem; height: 1.375rem; margin-right: 0.3125rem; border-radius: 100%; background: #8c22ff; font-size: 0.875rem; color: #fff; line-height: 1.375rem;}
.guide-step li p{margin-top: 1.25rem; font-size: 1.375rem; line-height: 1.5;}
.guide-msg{margin: 1.875rem 0 1.5625rem; text-align: center;}
.guide-msg li{font-size: 1.375rem; font-weight: 800; color: #999; line-height: 1.8;}
.guide-msg .btn-down{display: inline-block; margin-top: 1.25rem; font-size: 1.625rem; font-weight: 800; color: #8c22ff; text-decoration: underline;}
.guide-proc-top{margin: 2.1875rem 0 0.625rem;}
.guide-proc-top .txt-time{text-align: center;}
.guide-proc-top .txt-time p{display: inline-block; padding-left: 4.6875rem; margin: 1.5625rem 0; background: url(../../images/common/ico_time.png) left center / 3.1875rem auto no-repeat; font-size: 2.125rem; font-weight: 800; color: #8c22ff; line-height: 2.9375rem;}
.guide-proc .tab{padding: 25px 0; background: #f4f4f4;}
.guide-proc .tab p{padding-left: 2.5rem; margin-bottom: 1.25rem;; font-size: 1.25rem; font-weight: 800; color: #666;}
.guide-proc .tab ul li{position: relative; float: left; width:auto; margin: 0 0.625rem;}
.guide-proc .tab ul li:first-child{margin-left: 2.5rem;}
.guide-proc .tab ul li a{display: inline-block; padding: 0 1.5625rem; border-radius: 1.875rem; background: #fff; font-size: 1.5rem; font-weight: 700; color: #999; line-height: 3.5rem; color: #222;}
.guide-proc .tab ul li a.on{background: #8c22ff; color: #fff;}
.guide-proc h4{display: block; border: 0.125rem solid #8c22ff; font-size: 1.375rem; font-weight: 800; color: #8c22ff; text-align: center; line-height: 3.625rem;}
.guide-proc h5{display: block; position: relative; padding-left: 1.25rem; margin: 1.875rem 0 1.25rem; font-size: 1.5rem; font-weight: 800; color: #222;}
.guide-proc h5::after{position: absolute; top: 50%; left: 0; width: 0.5rem; height: 0.5rem; border-radius: 100%; background: #222; content: ""; transform: translateY(-50%);}
.guide-proc .item{display: none; margin-bottom: 2.5rem;}
.guide-proc .item.on{display: block;}
.test-step{display: flex; justify-content: space-between; padding: 3.125rem 1.5625rem; margin-top: 1.875rem; background: #f4f4f4;}
.test-step li{display: flex; position: relative; align-items: center; justify-content: center; width: 11.75rem; height: 11.75rem; border-radius: 100%; background: #fff; font-size: 1.5rem; font-weight: 800; color: #000; line-height: 2.125rem; text-align: center;}
.test-step li::after{position: absolute; top: 50%; right: -2.4375rem; z-index: 1; width: 3.125rem; height: 3.125rem; border-radius: 100%; background: url(../../images/common/ico_arw04_right_white.png) center / 0.75rem auto no-repeat #999; transform: translateY(-50%); content: "";}
.test-step li:last-child::after{display: none;}
.test-step li span{display: inline-block; width: 1.75rem; height: 1.75rem; border-radius: 100%; background-color: #222; font-size: 1rem; font-weight: 800; color: #fff; text-align: center; line-height: 1.75rem;}
.test-step li p{margin-top: 0.625rem;}
.test-step li.on{color: #8c22ff;}
.test-step li.on span{background-color: #8c22ff;}
.test-step li.on::after{background-color: #8c22ff;}
.test-question{margin-top: 1.5625rem;}
.test-question > li{padding-bottom: 2.5rem; margin-top: 2.5rem; border-bottom: 0.0625rem solid #ddd;}
.test-question > li:first-child{margin-top: 0;}
.test-question > li .tit{display: block; font-size: 1.625rem; font-weight: 800; line-height: 1.8; color: #000;}
.test-question > li .answer{display: flex; margin-top: 1.25rem;}
.test-question > li .answer .img{width: 14.125rem; margin-right: 8.125rem;}
.test-question > li .answer ul{margin-top: -0.625rem;}
.test-question > li .answer button{background: none; font-size: 1.625rem; color: #666; line-height: 2;}
.test-question > li .answer button.on{font-weight: 800; color: #8c22ff;}
.ready-info{padding: 2.5rem 2.1875rem 9.375rem; margin-top: 1.875rem; background: url(../../images/guide/bg_ready.png) right bottom / 9.625rem auto no-repeat #f5f5f5;}
.ready-info h4{display: block; text-align: center;}
.ready-info h4 span{display: inline-block; position: relative; z-index: 1; padding: 0 0.625rem 0.1875rem; font-size: 1.625rem; font-weight: 800; color: #222;}
.ready-info h4 span::after{position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; height: 0.875rem; background: #bfe2ee; content: "";}
.ready-info h5{display: block; margin-top: 2.5rem; font-size: 1.5rem; font-weight: 800; color: #222;}
.ready-info p{margin-top: 0.625rem; font-size: 1.5rem;}
.ready-info p + h4{margin-top: 3.75rem;}
.ready-info ol{margin-top: 0.9375rem;}
.ready-info ol li{font-size: 1.5rem; line-height: 1.8;}
.ready-faculty{margin-top: 2.8125rem;}
.ready-faculty .tab{display: flex; flex-wrap: wrap; width: 100%; border-top: 1px solid #ddd; border-right: 1px solid #ddd; box-sizing: border-box;}
.ready-faculty .tab li{position: relative; width: 33.333%; height: 4.375rem; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.ready-faculty .tab li button{width: 100%; height: 100%; background: #fff; font-size: 1.25rem; color: #666;}
.ready-faculty .tab li.on{border-left: 1px solid #8c22ff; border-bottom: 1px solid #8c22ff;}
.ready-faculty .tab li.on::before{position: absolute; top: -1px; left: -1px; width: calc(100% + 1px); height: 1px; background: #8c22ff; content: "";}
.ready-faculty .tab li.on::after{position: absolute; top: -1px; right: -1px; z-index: 1; width: 1px; height: calc(100% + 0.25rem); background: #8c22ff; content: "";}
.ready-faculty .tab li.on button{font-size: 1.25rem; font-weight: 800; color: #8c22ff;}
.ready-faculty h4{margin: 3.125rem 0 1.25rem;}
.ready-faculty .items .item{display: none;}
.ready-faculty .items .item.on{display: block;}
.loan-img{position: relative;}
.loan-img .btn-link1{display: block; position: absolute; left:12.985%; top:92.679%; width:35.672%; height:1.010%; text-indent: -9999em;}

/* 학교소개 */
.intro-greeting{margin-top: 0.625rem;}
.intro-greeting p{font-size: 1.5625rem; line-height: 1.8; color: #000; letter-spacing: -0.0625rem;}
.intro-greeting p + p{margin-top: 2.5rem;}
.intro-greeting .sign{display: inline-block; width: 2.8125rem; margin-left: 1.25rem;}
.intro-vision{text-align: center;}
.intro-vision .philosophy h3{display: block; font-size: 2.125rem; font-weight: 800; color: #222;}
.intro-vision .philosophy h4{display: block; margin-top: 3.75rem; font-size: 1.75rem; font-weight: 800; color: #8c22ff;}
.intro-vision .philosophy p{margin-top: 1.25rem; font-size: 1.5rem; line-height: 1.5; color: #222;}
.intro-vision .philosophy h5{display: block; margin-top: 5rem; font-size: 1.5rem; font-weight: 800; color: #222; line-height: 2.5rem;}
.intro-vision .philosophy .dia{position: relative; width: 22.5625rem; height: 22.6875rem; margin: 1.875rem auto 0;}
.intro-vision .philosophy .dia li{display: flex; align-items: center; justify-content: center; width: 10.875rem; height: 12.375rem; font-size: 1.375rem; font-weight: 800; text-align: center;}
.intro-vision .philosophy .dia li:nth-child(1){position: absolute; top: 0; left: 50%; background: url(../../images/intro/bg_philosophy1.png) center / 100% auto no-repeat; transform: translateX(-50%);}
.intro-vision .philosophy .dia li:nth-child(2){position: absolute; bottom: 0; left: 0; background: url(../../images/intro/bg_philosophy2.png) center / 100% auto no-repeat;}
.intro-vision .philosophy .dia li:nth-child(3){position: absolute; right: 0; bottom: 0; background: url(../../images/intro/bg_philosophy3.png) center / 100% auto no-repeat;}
.intro-vision .philosophy .list{margin-top: 4.0625rem;}
.intro-vision .philosophy .list > li{padding: 2.5rem 0; margin-top: 1.25rem; border: 0.0625rem solid #ddd; border-radius: 0.625rem;}
.intro-vision .philosophy .list > li:first-child{margin-top: 0;}
.intro-vision .philosophy .list > li dl{display: flex; align-items: center; text-align: left;}
.intro-vision .philosophy .list > li dt{width: 12.5rem; padding-left: 3.125rem; font-size: 1.5rem; font-weight: 800; color: #8c22ff; box-sizing: border-box;}
.intro-vision .philosophy .list > li dd,
.intro-vision .philosophy .list > li li{font-size: 1.4375rem; line-height: 1.8; color: #666; text-align: left;}
.intro-vision .vision{margin-top: 3.75rem;}
.intro-vision .vision .top{position: relative; left: 50%; width: calc(100% + 5rem); padding: 3.125rem 0 14.375rem; background: #f5f5f5; transform: translateX(-50%);}
.intro-vision .vision h3{display: block; font-size: 2.125rem; font-weight: 800; color: #222;}
.intro-vision .vision h4{display: block; margin-top: 3.75rem; font-size: 1.75rem; font-weight: 800; color: #8c22ff;}
.intro-vision .vision p{margin-top: 1.25rem; font-size: 1.5rem; line-height: 1.5; color: #222;}
.intro-vision .vision .list{position: relative; z-index: 10; margin-top: -11.25rem;}
.intro-vision .vision .list li{padding: 9.375rem 0 1.875rem; margin-top: 3.75rem; border: 0.0625rem solid #ddd; background: #fff;}
.intro-vision .vision .list li:first-child{margin-top: 0;}
.intro-vision .vision .list li:nth-child(1){background: url(../../images/intro/ico_vision1.png) center 2.5rem / 5rem auto no-repeat #fff;}
.intro-vision .vision .list li:nth-child(2){background: url(../../images/intro/ico_vision2.png) center 2.5rem / 5rem auto no-repeat #fff;}
.intro-vision .vision .list li .tit{display: block; font-size: 1.75rem; font-weight: 800; color: #8c22ff;}
.intro-vision .vision .list li p{margin-top: 1.5625rem; font-size: 1.4375rem; line-height: 1.8; color: #666;}
.intro-orgz{text-align: center;}
.intro-orgz .dpt1 > li{position: relative; margin-top: 2.5rem;}
.intro-orgz .dpt1 > li:first-child{margin-top: 0;}
.intro-orgz .dpt1 .type1{display: inline-block; position: relative; width: 15.625rem; height: 5rem; background: #8c22ff; font-size: 1.5rem; font-weight: 800; color: #fff; line-height: 5rem;}
.intro-orgz .dpt1 .type1::after{position: absolute; bottom: -5rem; left: 50%; width: 0.0625rem; height: 5rem; background: #ddd; content: "";}
.intro-orgz .dpt1 .type2{display: inline-block; position: relative; width: 15.625rem; height: 5rem; background: #62b5f9; font-size: 1.5rem; font-weight: 800; color: #fff; line-height: 5rem;}
.intro-orgz .dpt1 .type2::after{position: absolute; bottom: -5rem; left: 50%; width: 0.0625rem; height: 5rem; background: #ddd; content: "";}
.intro-orgz .dpt1 .dpt2 > li{margin-top: 2.5rem;;}
.intro-orgz .dpt1 .dpt2 > li:first-child{margin-top: 0;}
.intro-orgz .dpt1 .dpt2 .type3 .tit{display: inline-block; width: 100%; height: 5rem; background: #74c4d1; font-size: 1.5rem; font-weight: 800; color: #fff; line-height: 5rem;}
.intro-orgz .dpt1 .dpt2 .type3 .dpt3{display: flex; flex-wrap: wrap; margin-top: 1.25rem; border-top: 0.0625rem solid #ddd; border-left: 0.0625rem solid #ddd; border-radius: 0.0625rem solid #ddd;}
.intro-orgz .dpt1 .dpt2 .type3 .dpt3 > li{width: 33.333%; border-right: 0.0625rem solid #ddd; border-bottom: 0.0625rem solid #ddd; box-sizing: border-box;}
.intro-orgz .dpt1 .dpt2 .type3 .dpt3 > li .tit2{width: 100%; height: 4.875rem; background: #f5f5f5; font-size: 1.25rem; font-weight: 800; color: #666; line-height: 4.875rem;}
.intro-orgz .dpt1 .dpt2 .type3 .dpt3 > li .bul{padding: 1.25rem 0 1.25rem 1.25rem; border-top: 0.0625rem solid #ddd;}
.intro-orgz .dpt1 .dpt2 .type3 .dpt3 > li .bul li{font-size: 1.25rem; line-height: 2.25rem; color: #666;}
.intro-map h3{font-size: 1.75rem; font-weight: 800; color: #222; text-align: center;}
.intro-map .map{width: 100%; height: 25rem; margin-top: 2.5rem; background: #f5f5f5;}
.intro-map .map .customoverlay{position: absolute; top: -55px; left: -30px; height: 40px; padding-right: 15px; padding-left: 40px; border: 2px solid #0475f4; border-radius: 40px; background: url('../../images/common/mapMarker.svg') 5px / 30px auto no-repeat #fff; font-weight: 800; color: #000; line-height: 40px;}
.intro-map .map .triangle{position: absolute; bottom: -10.2px; left: 20px; width: 10px; height: 10px; background: url(../../images/common/arrowMap.svg) no-repeat;}
.intro-map .map-info{margin-top: 1.875rem;}
.intro-map .map-info .addr{padding-left: 2.1875rem; background: url(../../images/intro/ico_addr.png) 0.1875rem top / 1.375rem auto no-repeat; font-size: 1.5rem; font-weight: 800; color: #222;}
.intro-map .map-info .addr span{display: inline-block; margin-top: 0.625rem; font-size: 1.25rem; font-weight: 400;}
.intro-map .map-info .txt{padding-left: 0.625rem; margin: 1.875rem 0; font-size: 1.25rem; font-weight: 800; color: #999;}
.intro-map .map-info ul{display: flex;}
.intro-map .map-info ul li{position: relative; padding: 0 1.5625rem 0 2.1875rem; font-size: 1.5rem; color: #222; line-height: 1.9375rem;}
.intro-map .map-info ul li::after{position: absolute; top: 50%; left: 0; width: 0.125rem; height: 1.5rem; background: #ddd; transform: translateY(-50%); content: "";}
.intro-map .map-info ul li:first-child::after{display: none;}
.intro-map .map-info ul li strong{font-weight: 800;}
.intro-map .map-info ul li.mng{background: url(../../images/intro/ico_tel.png) left center / 1.5rem auto no-repeat;}
.intro-map .map-info ul li.fax{padding-left: 4.0625rem; background: url(../../images/intro/ico_fax.png) 1.5625rem -0.3125rem / 1.6875rem auto no-repeat;}
.intro-map .bus{padding-top: 6.25rem; margin-top: 2.8125rem; border-top: 0.125rem solid #000; background: url(../../images/intro/ico_bus.png) left 1.875rem / 2.8125rem auto no-repeat;}
.intro-map .subway{padding-top: 6.25rem; margin-top: 2.8125rem; border-top: 0.0625rem solid #ddd; background: url(../../images/intro/ico_subway.png) left 1.875rem / 2.6875rem auto no-repeat;}
.intro-map .traffic > ul > li{margin-top: 2.1875rem;}
.intro-map .traffic > ul > li:first-child{margin-top: 0;}
.intro-map .traffic dt{display: block; margin-bottom: 0.9375rem; font-size: 1.5rem; font-weight: 800; color: #000;}
.intro-map .traffic dd li{position: relative; padding-left: 2.5rem; margin-top: 0.875rem; font-size: 1.5rem; line-height: 1.8; color: #222; letter-spacing: -0.0625rem;}
.intro-map .traffic dd li:first-child{margin-top: 0;}
.intro-map .traffic dd li.bus-b::after{position: absolute; top: 0.3125rem; left: 0; width: 2rem; height: 2rem; border-radius: 100%; background: #009ce4; font-size: 1.25rem; font-weight: 800; color: #fff; text-align: center; line-height: 1.7; content: "B";}
.intro-map .traffic dd li.bus-g::after{position: absolute; top: 0.3125rem; left: 0; width: 2rem; height: 2rem; border-radius: 100%; background: #01be01; font-size: 1.25rem; font-weight: 800; color: #fff; text-align: center; line-height: 1.7; content: "G";}
.intro-map .traffic dd li.subway-9::after{position: absolute; top: 0.3125rem; left: 0; width: 2rem; height: 2rem; border-radius: 100%; background: #bca858; font-size: 1.25rem; font-weight: 800; color: #fff; text-align: center; line-height: 1.7; content: "9";}
.intro-map .traffic dd li.subway-5::after{position: absolute; top: 0.3125rem; left: 0; width: 2rem; height: 2rem; border-radius: 100%; background: #8d01bb; font-size: 1.25rem; font-weight: 800; color: #fff; text-align: center; line-height: 1.7; content: "5";}
.intro-map .guide{margin-top: 2.5rem; padding-top: 3.75rem; border-top: 0.0625rem solid #ddd;}
.intro-map .guide h4{display: block; margin-bottom: 2.5rem; font-size: 1.75rem; font-weight: 800; color: #222;}
.intro-map .guide h5{display: block; margin-top: 3.125rem; padding: 0.625rem 0; border: 0.125rem solid #ddd; font-size: 1.5rem; font-weight: 800; color: #8c22ff; text-align: center;}
.intro-map .guide .list{margin-top: 1.875rem;}
.intro-map .guide .list > li{font-size: 1.5rem; line-height: 1.8; color: #222;}
.intro-map .guide .list > li li{padding-left: 1.25rem;}
.intro-map .guide .list.space > li{margin-top: 2.5rem;}
.intro-map .guide .list.space > li:first-child{margin-top: 0;}

/* 계열안내 */
.fc-dv-line{height: 1.25rem; background: #f5f5f5;}
.fc-dv-line-full{position: relative; left: 50%; width: 46.875rem; height: 1.25rem; margin: 3.125rem 0; background: #f5f5f5; transform: translateX(-50%);}
.fc-m-dv-line{height: 1.25rem; margin-top: 1.25rem; background: #f5f5f5;}
.fc-m-list li{height: 17.5rem; margin-top: 2.5rem;}
.fc-m-list li:first-child{margin-top: 0;}
.fc-m-list li a{display: block;}
.fc-m-list li a::after{display: block; content: ""; clear: both;}
.fc-m-list li .info{display: flex; justify-content: center; align-items: center; width: 50%; height: 17.5rem; text-align: center; box-sizing: border-box;}
.fc-m-list li .info > div{padding-top: 5px;}
.fc-m-list li .info .tit{display: block; font-size: 1.875rem; font-weight: 800; color: #8c22ff;}
.fc-m-list li .info p{margin-top: 0.9375rem; font-size: 1.375rem; line-height: 2rem; color: #222;}
.fc-m-list li .info .ico{display: inline-block; width: 2.5rem; height: 2.5rem; margin-top: 1.25rem; border-radius: 100%; background: url(../../images/common/ico_arw02_right_white.png) center / 1rem auto no-repeat #8c22ff;}
.fc-m-list li .img{width: 50%;}
.fc-m-list li:nth-child(odd) .info{float: left; border: 0.0625rem solid #ddd; border-right: 0;}
.fc-m-list li:nth-child(odd) .img{float: right;}
.fc-m-list li:nth-child(even) .info{float: right; border: 0.0625rem solid #ddd; border-left: 0;}
.fc-m-list li:nth-child(even) .img{float: left;}
.fc-m-list .list{margin-top: 4rem;}
.fc-m-professor{margin-top: 3.75rem; text-align: center;}
.fc-m-professor .list{margin-top: 0.625rem;}
.fc-m-professor .list .item{display: inline-flex; flex-wrap: wrap; justify-content: space-between; width: 37.5rem;}
.fc-m-professor .list .item li{margin-top: 2.5rem;}
.fc-m-professor .list .item li:nth-child(-n+2){margin-top: 0;}
.fc-m-professor .list .item li .img{overflow: hidden; width: 16.25rem; height: 16.25rem; border-radius: 100%;}
.fc-m-professor .list .item li .info{height: 4.5625rem; margin-top: 1.25rem;}
.fc-m-professor .list .item li .info strong{display: block; font-size: 1.875rem; font-weight: 800; color: #222;}
.fc-m-professor .list .item li .info p{margin-top: 0.3125rem; font-size: 1.375rem;}
.fc-m-professor .list .swiper-pagination{position: relative; width: 100%; margin-top: 4.375rem; font-size: 0; line-height: 0; box-sizing: border-box;}
.fc-m-professor .list .swiper-pagination .swiper-pagination-bullet{width: 1.5rem; height: 1.5rem; margin: 0 0.625rem; border: 0.0625rem solid #ddd; background: #fff; opacity: 1;}
.fc-m-professor .list .swiper-pagination .swiper-pagination-bullet-active{border-color: #8c22ff; background: #8c22ff;}

.mainVisual .list .swiper-pagination .swiper-pagination-bullet{width: 1rem; height: 1rem; margin: 0 0.625rem; border: 0.0625rem solid #ddd; background: #fff; opacity: 1;}
.mainVisual .list .swiper-pagination .swiper-pagination-bullet-active{border-color: #8c22ff; background: #8c22ff;}

.fc-m-app .list {display: flex; justify-content: space-between;}
.fc-m-app .list li{width: 20rem; height: 13.25rem; padding-top: 1.625rem; border: 0.0625rem solid #ddd; text-align: center; box-sizing: border-box;}
.fc-m-app .list li strong{display: block; font-size: 1.875rem; font-weight: 800; color: #222; line-height: 2.5rem;}
.fc-m-app .list li p{font-size: 1.375rem; color: #666; line-height: 2.5rem;}
.fc-m-app .list li a{margin-top: 1.5625rem;}
.fc-m-tv{padding-bottom: 5rem !important; margin-top: 1.25rem;}
.fc-m-tv .page-top h3 span{font-size: 1.5rem; font-weight: 700;}
.fc-m-tv .list{position: relative; width: 77.611%; margin: 0 auto;}
.fc-m-tv .list .swiper-button-prev{position: absolute; top: 50%; left: -14.615%; width: 3.3125rem; height: 3.3125rem; margin: 0; margin-top: -3.125rem; border-radius: 100%; background: url(../../images/common/ico_arw_left_purple.png) center / 1.375rem auto no-repeat #fff; box-shadow: 0 0.3125rem 0.8125rem rgba(96, 96, 96, 0.1); transform: translateY(-50%);}
.fc-m-tv .list .swiper-button-prev::after{display: none;}
.fc-m-tv .list .swiper-button-next{position: absolute; top: 50%; right: -14.615%; width: 3.3125rem; height: 3.3125rem; margin: 0; margin-top: -3.125rem; border-radius: 100%; background: url(../../images/common/ico_arw_right_purple.png) center / 1.375rem auto no-repeat #fff; box-shadow: 0 0.3125rem 0.8125rem rgba(96, 96, 96, 0.1); transform: translateY(-50%);}
.fc-m-tv .list .swiper-button-next::after{display: none;}
.fc-m-tv .list .info{height: 5.25rem; margin-top: 0.9375rem; text-align: center;}
.fc-m-tv .list .info strong{display: block; font-size: 1.75rem; font-weight: 800; color: #222; line-height: 1.5;}
.fc-m-gallery{padding-bottom: 5rem !important; margin-top: 1.25rem;}
.fc-m-gallery .page-top h3 span{font-size: 1.5rem; font-weight: 700;}
.fc-m-gallery .list{position: relative; width: 77.611%; margin: 0 auto;}
.fc-m-gallery .list .info{padding-top: 1.875rem; text-align: center;}
.fc-m-gallery .list .info .tit{display: block; font-size: 1.75rem; font-weight: 800; color: #222;}
.fc-m-gallery .list .swiper-button-prev{position: absolute; top: 50%; left: -14.615%; width: 3.3125rem; height: 3.3125rem; margin: 0; border-radius: 100%; background: url(../../images/common/ico_arw_left_purple.png) center / 1.375rem auto no-repeat #fff; box-shadow: 0 0.3125rem 0.8125rem rgba(96, 96, 96, 0.1); transform: translateY(-50%);}
.fc-m-gallery .list .swiper-button-prev::after{display: none;}
.fc-m-gallery .list .swiper-button-next{position: absolute; top: 50%; right: -14.615%; width: 3.3125rem; height: 3.3125rem; margin: 0; border-radius: 100%; background: url(../../images/common/ico_arw_right_purple.png) center / 1.375rem auto no-repeat #fff; box-shadow: 0 0.3125rem 0.8125rem rgba(96, 96, 96, 0.1); transform: translateY(-50%);}
.fc-m-gallery .list .swiper-button-next::after{display: none;}
.fc-m-gallery2{margin-top: 1.25rem; border-top: 1.25rem solid #f5f5f5;}
.fc-m-gallery2 .list{position: relative;}
.fc-m-gallery2 .list .swiper-slide{width: 50%;}
.fc-m-gallery2 .list .caption{position: absolute; bottom: 0; left:0; width: 100%; padding: 0.9375rem 1.25rem; background: rgba(34, 34, 34, 0.4); font-size: 1.5rem; font-weight: 800; color: #fff; line-height: 2.25rem;}
.fc-m-gallery2 .list .caption span{display: block;}
.fc-m-gallery2 .list .caption .platform{font-size: 1.375rem; font-weight: 400;}
.fc-m-gallery2 .list .swiper-button-prev{position: absolute; top: 50%; left: -0.9375rem; width: 3.75rem; height: 3.75rem; margin: 0; border-radius: 100%; background: url(../../images/common/ico_arw_left_white.png) center / 1.5rem auto no-repeat #8c22ff; transform: translateY(-50%);}
.fc-m-gallery2 .list .swiper-button-prev::after{display: none;}
.fc-m-gallery2 .list .swiper-button-next{position: absolute; top: 50%; right: -0.9375rem; width: 3.75rem; height: 3.75rem; margin: 0; border-radius: 100%; background: url(../../images/common/ico_arw_right_white.png) center / 1.5rem auto no-repeat #8c22ff; transform: translateY(-50%);}
.fc-m-gallery2 .list .swiper-button-next::after{display: none;}
.fc-m-show .list{width: 77.611%; margin: 0 auto;}
.fc-m-show .list .video{margin: 0 auto; margin-bottom: 3.125rem;}
.fc-m-show .list .video iframe{width: 32.5rem; height: 18.125rem;}
.fc-m-show .list .swiper-slide{width: 47.115%; margin-right: 1.875rem;}
.fc-m-show .list .swiper-pagination{position: relative; width: 100%; margin-top: 4.375rem; font-size: 0; line-height: 0; box-sizing: border-box;}
.fc-m-show .list .swiper-pagination .swiper-pagination-bullet{width: 1.5rem; height: 1.5rem; margin: 0 0.625rem; border: 0.0625rem solid #ddd; background: #fff; opacity: 1;}
.fc-m-show .list .swiper-pagination .swiper-pagination-bullet-active{border-color: #8c22ff; background: #8c22ff;}
.fc-m-state .list{margin-top: 2.5rem;}
.fc-m-state .list{position: relative; border: 0.125rem solid #ddd; background: #fff;}
.fc-m-state .list .item{width: 73.134%; margin: 0 auto;}
.fc-m-state .list .item li{display: flex; border-top: 2px solid #ddd; text-align: left;}
.fc-m-state .list .item li:first-child{border: 0;}
.fc-m-state .list .item li strong{display: block; width: 100px; padding-left: 0.625rem; font-size: 1.5rem; font-weight: 800; line-height: 6.0625rem; color: #222; box-sizing: border-box;}
.fc-m-state .list .item li p{display: block; width: calc(100% - 100px); font-size: 1.5rem; line-height: 6.0625rem; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fc-m-state .list .item2{width: 73.134%; margin: 0 auto;}
.fc-m-state .list .item2 li{border-top: 0.125rem solid #ddd; text-align: center;}
.fc-m-state .list .item2 li:first-child{border: 0;}
.fc-m-state .list .item2 li p{display: block; font-size: 1.5rem; line-height: 6.0625rem; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fc-m-state .list .swiper-button-prev{position: absolute; top: 50%; left: 1.75rem; width: 2.5rem; height: 2.5rem; margin: 0; border-radius: 100%; background: url(../../images/common/ico_arw02_left_white.png) center / 1rem auto no-repeat #8c22ff; transform: translateY(-50%);}
.fc-m-state .list .swiper-button-prev::after{display: none;}
.fc-m-state .list .swiper-button-next{position: absolute; top: 50%; right: 1.75rem; width: 2.5rem; height: 2.5rem; margin: 0; border-radius: 100%; background: url(../../images/common/ico_arw02_right_white.png) center / 1rem auto no-repeat #8c22ff; transform: translateY(-50%);}
.fc-m-state .list .swiper-button-next::after{display: none;}
.fc-m-month{margin-top: -3.75rem !important;}
.fc-m-month .list .top{margin-bottom: 3.125rem;}
.fc-m-month .list .top .img{position: relative;}
.fc-m-month .list .top .img .icon-video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/common/ico_play.png) center / 4.25rem auto no-repeat;}
.fc-m-month .list .top p{margin-top: 1.5625rem; font-weight: 800; color: #222;}
.fc-m-month .list .item{display: flex; flex-wrap: wrap; justify-content: space-between;}
.fc-m-month .list .item li{position: relative; width: 20.375rem; margin-top: 1.25rem;}
.fc-m-month .list .item li:nth-child(-n+2){margin-top: 0;}
.fc-m-month .list .item li .icon-video{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/common/ico_play.png) center / 4.25rem auto no-repeat;}
.fc-m-month .list .item li .info{height: 4.5625rem; margin-top: 1.25rem;}
.fc-m-month .list .item li .info strong{display: block; font-size: 1.875rem; font-weight: 800; color: #222;}
.fc-m-month .list .item li .info p{margin-top: 0.3125rem; font-size: 1.375rem;}
.fc-m-month .list .swiper-pagination{position: relative; width: 100%; margin-top: 4.375rem; font-size: 0; line-height: 0; box-sizing: border-box;}
.fc-m-month .list .swiper-pagination .swiper-pagination-bullet{width: 1.5rem; height: 1.5rem; margin: 0 0.625rem; border: 0.0625rem solid #ddd; background: #fff; opacity: 1;}
.fc-m-month .list .swiper-pagination .swiper-pagination-bullet-active{border-color: #8c22ff; background: #8c22ff;}
.fc-m-quick ul li{margin-top: 1.875rem;}
.fc-m-quick ul li:first-child{margin-top: 0;}
.fc-m-quick ul li a{display: flex; position: relative; align-items: center; height: 10.625rem; padding-left: 2.5rem; background: #eff3ff; font-size: 2rem; font-weight: 800; color: #222; box-sizing: border-box;}
.fc-m-quick ul li a::after{position: absolute; top: 50%; right: 1.875rem; width: 2.5rem; height: 2.5rem; border-radius: 100%; background: url(../../images/common/ico_arw02_right_white.png) center / 1rem auto no-repeat #8c22ff; content: ""; transform: translateY(-50%);}
.fc-m-lesson{padding-bottom: 5rem !important; margin-top: 1.25rem;}
.fc-m-lesson .video{width: 32.5rem; height: 18.3125rem; margin: 0 auto;}
.fc-m-lesson .video iframe{width: 100%; height: 100%;}
.fc-m-profile .list .swiper-slide{width: 21.875rem; margin: 0 1.875rem;}
.fc-m-profile .list .swiper-slide .info{margin-top: 1.25rem; text-align: center;}
.fc-m-profile .list .swiper-slide .info .name{display: block; font-size: 1.625rem; font-weight: 800; color: #222;}
.fc-m-profile .list .swiper-slide .info .company{display: block; margin-top: 0.625rem; font-size: 1.625rem; color: #666;}
.fc-m-issue .list{position: relative;}
.fc-m-issue .list .swiper-slide{height: auto;}
.fc-m-issue .list .item{position: relative; width: 100%; height: 20.5rem; background-size: cover; background-repeat: no-repeat; background-position: center top;}
.fc-m-issue .list .item a{display: block; width: 100%; height: 100%;}
.fc-m-issue .list .item .txt{position: absolute; bottom: 0; left: 0; width: 100%; height: 4.875rem; padding: 1.25rem; background: rgba(0, 0, 0, 0.4); box-sizing: border-box;}
.fc-m-issue .list .item p{display:-webkit-box; font-size: 1.5rem; font-weight: 800; color: #fff; line-height: 2.375rem; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.fc-m-issue .list .swiper-pagination{position: relative; width: 100%; margin-top: 4.375rem; font-size: 0; line-height: 0; box-sizing: border-box;}
.fc-m-issue .list .swiper-pagination .swiper-pagination-bullet{width: 1.5rem; height: 1.5rem; margin: 0 0.625rem; border: 0.0625rem solid #ddd; background: #fff; opacity: 1;}
.fc-m-issue .list .swiper-pagination .swiper-pagination-bullet-active{border-color: #8c22ff; background: #8c22ff;}
.fc-m-news{margin-top: 1.25rem; border-top: 1.25rem solid #f5f5f5;}
.fc-m-news .list{margin-top: 3.75rem;}
.fc-m-news .list .list1 li{margin-top: 3.75rem;}
.fc-m-news .list .list1 li:first-child{margin-top: 0;}
.fc-m-news .list .list1 li a{display: flex; justify-content: space-between;}
.fc-m-news .list .list1 li a > div{display: flex; align-items: center;}
.fc-m-news .list .list1 li .img{width: 17.5rem; height: 12.75rem; background-size: cover; background-repeat: no-repeat; background-position: center;}
.fc-m-news .list .list1 li .info{width: 23.125rem;}
.fc-m-news .list .list1 li .info .tit{display: block; display:-webkit-box; height: 5.625rem; font-size: 2rem; font-weight: 800; color: #222; line-height: 2.8125rem; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.fc-m-news .list .list1 li .info p{ display:-webkit-box;margin-top: 0.625rem; font-size: 1.5rem; line-height: 2.25rem; color: #222; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.fc-m-news .list .list1 li .info .date{display: block; margin-top: 0.3125rem; font-size: 1.5rem; color: #666;}
.fc-m-news .list .list2{margin-top: 3.75rem;}
.fc-m-news .list .list2 .swiper-slide{width: 47.761%; margin-right: 1.875rem;}
.fc-m-news .list .list2 li .img{width: 100%; height: 13.125rem; background-size: cover; background-repeat: no-repeat; background-position: center;}
.fc-m-news .list .list2 li .info{margin-top: 0.9375rem;}
.fc-m-news .list .list2 li .info .tit{display: block; display:-webkit-box; height: 4.75rem; font-size: 1.625rem; font-weight: 800; line-height: 2.375rem; color: #222; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.fc-m-news .list .list2 .swiper-pagination{position: relative; width: 100%; margin-top: 4.375rem; font-size: 0; line-height: 0; box-sizing: border-box;}
.fc-m-news .list .list2 .swiper-pagination .swiper-pagination-bullet{width: 1.5rem; height: 1.5rem; margin: 0 0.625rem; border: 0.0625rem solid #ddd; background: #fff; opacity: 1;}
.fc-m-news .list .list2 .swiper-pagination .swiper-pagination-bullet-active{border-color: #8c22ff; background: #8c22ff;}
.fc-m-route{position: relative; margin-top: 5.625rem;}
.fc-m-route .title{position: absolute; top: 2.8125rem; left: 2.5rem;}
.fc-m-route .title h3{font-size: 2rem; font-weight: 800; color: #222; line-height: 2.875rem;}
.fc-m-route .title p{margin-top: 0.625rem; font-size: 1.5rem; color: #666;}
.fc-m-route .list{display: flex; flex-wrap: wrap; width: 100%; margin-top: 0; border-top: 0.625rem solid #f5f5f5; border-bottom: 0.625rem solid #f5f5f5;}
.fc-m-route .list li{width: 33.333%; margin-top: 3.75rem; font-size: 1.5rem; text-align: center; box-sizing: border-box;}
.fc-m-route .list li a{display: block; height: 8.75rem; padding-top: 6.375rem; box-sizing: border-box;}
.fc-m-route .list li:nth-child(-n+3){margin-top: 0;}
.fc-m-route .list li:nth-child(1) a{background: url(../../images/common/ico_route01.png) center 0.625rem / 3.5625rem auto no-repeat;}
.fc-m-route .list li:nth-child(2) a{background: url(../../images/common/ico_route02.png) center 0.625rem / 4.1875rem auto no-repeat;}
.fc-m-route .list li:nth-child(3) a{background: url(../../images/common/ico_route03.png) center 0.625rem / 4.1875rem auto no-repeat;}
.fc-m-route .list li:nth-child(4) a{background: url(../../images/common/ico_route04.png) center 0.625rem / 3.875rem auto no-repeat;}
.fc-m-route .list li:nth-child(5) a{background: url(../../images/common/ico_route05.png) center 0.625rem / 3.4375rem auto no-repeat;}
.fc-m-route .list li:nth-child(6) a{background: url(../../images/common/ico_route06.png) center 0.9375rem / 3.6875rem auto no-repeat;}
.fc-greeting{margin-top: 1.5rem;}
.fc-greeting h3{display: block; font-size: 2rem; font-weight: 800; color: #222; text-align: center; line-height: 2.875rem;}
.fc-greeting .img{margin: 2.1875rem 0 3.125rem; text-align: center;}
.fc-greeting .img img{width: 25rem;}
.fc-greeting p{color: #222;}
.fc-greeting p + p{margin-top: 2.8125rem;}
.fc-greeting .video{width: 100%; height: 23.5625rem; margin-top: 3.125rem;}
.fc-greeting .video iframe{width: 100%; height: 100%;}
.fc-greeting .txt-box{padding: 2.5rem; margin-top: 2.5rem; border: 0.0625rem solid #ddd;}
.fc-greeting .txt-box .tit{display: block; margin-bottom: 1.25rem; font-size: 1.625rem; font-weight: 800; color: #222;}
.fc-greeting .txt-box li,
.fc-greeting .txt-box p{color: #222;}
.fc-spe{ text-align: center;}
.fc-spe .items .item{display: none;}
.fc-spe .items .item.on{display: block;}
.fc-spe-intro{margin-top: 1.25rem;}
.fc-spe-intro h3{display: block; font-size: 2.125rem; font-weight: 800; color: #222; line-height: 2.625rem;}
.fc-spe-intro h3 + p{margin-top: 1.25rem; font-size: 1.625rem; color: #8c22ff;}
.fc-spe-intro .img{margin: 1.25rem 0;}
.fc-spe-intro .txt{font-size: 1.5rem; line-height: 2.375rem; color: #666;}
.fc-spe-intro + .fc-spe-list{border-top: 1.25rem solid #f5f5f5; border-bottom: 1.25rem solid #f5f5f5;}
.tab-menu3 + .fc-spe-list{margin-top: 1.25rem;}
.fc-spe-top .logo{margin: 0.625rem 0 0.3125rem;}
.fc-spe-top p{margin-bottom: 1.25rem; font-size: 1.75rem; font-weight: 800; color: #222;}
.fc-spe-item{position: relative;}
.fc-spe-item ul{display: flex; justify-content: space-between; flex-wrap: wrap; position: absolute; left: 50%; top: 11.5625rem; width: 33.75rem; transform: translateX(-50%);}
.fc-spe-item ul li{width: 15rem; height: 15rem; padding-top: 3.75rem; margin-bottom: 1.25rem; border-radius: 100%; background: #fff; text-align: center; box-sizing: border-box;}
.fc-spe-item ul li .tit{display: block; font-size: 1.25rem; color: #8c22ff;}
.fc-spe-item ul li p{margin-top: 1.25rem; font-size: 1.5rem; font-weight: 800; line-height: 1.875rem; color: #222;}
.fc-spe-list .list > li,
.fc-spe-list ol > li{margin-top: 3.75rem;}
.fc-spe-list .list > li:first-child,
.fc-spe-list ol > li:first-child{margin-top: 0;}
.fc-spe-list .list li .num,
.fc-spe-list ol li .num{display: inline-block; width: 3.75rem; height: 3.75rem; border-radius: 100%; background: #8c22ff; font-size: 1.5rem; font-weight: 800; color: #fff; line-height: 3.75rem;}
.fc-spe-list .list li h4,
.fc-spe-list ol li h4{display: block; margin: 1.25rem 0; font-size: 1.875rem; font-weight: 800; color: #222; line-height: 2.75rem;}
.fc-spe-list .list li p + p,
.fc-spe-list ol li p + p{margin-top: 2.1875rem;}
.fc-spe-list .list li .img,
.fc-spe-list ol li .img{margin: 2.5rem 0 3.125rem;}
.fc-spe-list .list li .img p,
.fc-spe-list ol li .img p{margin-top: 1.25rem;}
.fc-spe-list .dia{position: relative; width: 41.875rem; height: 41rem; padding-top: 3.125rem; background: url(../../images/faculty/music/bg_spe_dia.png) top / 100% auto no-repeat #f7f7f7; box-sizing: border-box;}
.fc-spe-list .dia > li:nth-child(1) ul{display: inline-flex; flex-wrap: wrap; justify-content: space-between; width: 37.75rem;}
.fc-spe-list .dia > li:nth-child(1) ul li{display: flex; align-items: center; justify-content: center; height: 5.625rem; font-size: 1.625rem; border-radius: 3.125rem; font-weight: 800; color: #fff; line-height: 2rem; text-align: center;}
.fc-spe-list .dia > li:nth-child(1) ul li:nth-child(-n+2){margin-bottom: 2.1875rem;}
.fc-spe-list .dia > li:nth-child(1) ul .type1{width: 18.375rem; background: #52bccc;}
.fc-spe-list .dia > li:nth-child(1) ul .type2{width: 18.375rem; background: #7d52cc;}
.fc-spe-list .dia > li:nth-child(1) ul .type3{width: 12.5rem; background: #e864af;}
.fc-spe-list .dia > li:nth-child(1) ul .type4{width: 12.5rem; background: #f4a951;}
.fc-spe-list .dia > li:nth-child(1) ul .type5{width: 12.5rem; background: #55b61a;}
.fc-spe-list .dia > li:nth-child(2){margin-top: 5rem;}
.fc-spe-list .dia > li:nth-child(2) ul{display: inline-flex; width: 39.375rem; border-top: 0.0625rem solid #ddd; border-right: 0.0625rem solid #ddd;}
.fc-spe-list .dia > li:nth-child(2) ul li{width: 33.333%; border-left: 0.0625rem solid #ddd; border-bottom: 0.0625rem solid #ddd; background: #f5f5f5; box-sizing: border-box;}
.fc-spe-list .dia > li:nth-child(2) ul li dt{display: flex; align-items: center; justify-content: center; height: 5rem; border-bottom: 0.0625rem solid #ddd; font-size: 1.625rem; font-weight: 800; color: #666;}
.fc-spe-list .dia > li:nth-child(2) ul li dd{padding: 1.25rem 0; background: #fff; font-size: 1.5rem; line-height: 2.5rem;}
.fc-spe-list .dia2{position: relative; width: 41.875rem; height: 41rem; padding-top: 3.125rem; background: url(../../images/faculty/mup/bg_spe_dia.png) top / 100% auto no-repeat #f7f7f7; box-sizing: border-box;}
.fc-spe-list .dia2 > li:nth-child(1) ul{display: inline-flex; flex-wrap: wrap; justify-content: space-between; width: 37.75rem;}
.fc-spe-list .dia2 > li:nth-child(1) ul li{display: flex; align-items: center; justify-content: center; width: 11.25rem; height: 11.25rem; font-size: 1.625rem; border-radius: 100%; font-weight: 800; color: #fff; line-height: 2rem; text-align: center;}
.fc-spe-list .dia2 > li:nth-child(1) ul .type1{background: #52bccc;}
.fc-spe-list .dia2 > li:nth-child(1) ul .type2{background: #7d52cc;}
.fc-spe-list .dia2 > li:nth-child(1) ul .type3{background: #f4a951;}
.fc-spe-list .dia2 > li:nth-child(2){margin-top: 5rem;}
.fc-spe-list .dia2 > li:nth-child(2) ul{display: inline-flex; width: 39.375rem; border-top: 0.0625rem solid #ddd; border-right: 0.0625rem solid #ddd;}
.fc-spe-list .dia2 > li:nth-child(2) ul li{width: 100%; border-left: 0.0625rem solid #ddd; border-bottom: 0.0625rem solid #ddd; background: #f5f5f5; box-sizing: border-box;}
.fc-spe-list .dia2 > li:nth-child(2) ul li dt{display: flex; align-items: center; justify-content: center; height: 5rem; border-bottom: 0.0625rem solid #ddd; font-size: 1.625rem; font-weight: 800; color: #666;}
.fc-spe-list .dia2 > li:nth-child(2) ul li dd{padding: 1.25rem 0; background: #fff; font-size: 1.5rem; line-height: 2.5rem;}
.fc-spe-list .img-list1 li{margin-top: 1.25rem;}
.fc-spe-list .img-list2{display: flex; flex-wrap: wrap; justify-content: space-between;}
.fc-spe-list .img-list2 li{width: 48.507%; margin-top: 2.5rem;}
.fc-spe-list .img-list2 li p{margin-top: 0.9375rem;}
.fc-spe-strength{margin-top: 3.75rem;}
.fc-spe-strength .item{position: relative; padding-top: 0.625rem; margin-top: 3.125rem;}
.fc-spe-strength .item::after{position: absolute; top: 0; left: 50%; width: 41.875rem; height: 0.125rem; background: #ddd; transform: translateX(-50%); content: "";}
.fc-spe-strength h3{display: block; font-size: 2.125rem; font-weight: 800; color: #222;}
.fc-spe-strength h4{display: block; margin: 2.5rem 0 1.875rem; font-size: 1.875rem; font-weight: 800; color: #222;}
.fc-spe-strength .bul{padding: 0 2.5rem;}
.fc-spe-strength p{padding-left: 2.5rem; text-align: left;}
.fc-spe-strength p strong{font-weight: 800; color: #222;}
.fc-spe-strength .img{margin: 1.25rem 0 2.5rem;}
.fc-ser .items{margin-top: 1.5rem;}
.fc-ser .items > .item{display: none;}
.fc-ser .items > .item.on{display: block;}
.fc-ser .crcl .cont + .cont{margin-top: 0.625rem; border-top: 1.25rem solid #f5f5f5;}
.fc-ser-intro{text-align: center;}
.fc-ser-intro h3{display: block; font-size: 2.125rem; font-weight: 800; color: #222; line-height: 2.625rem;}
.fc-ser-intro h3 + p{margin-top: 1.25rem; font-size: 1.625rem; color: #8c22ff;}
.fc-ser-intro h3 + .img{margin: 2.5rem 0;}
.fc-ser-intro .img{margin: 1.25rem 0;}
.fc-ser-intro .img iframe{width: 100%; height: 23.75rem;}
.fc-ser-list{padding-top: 3.75rem !important; border-top: 1.25rem solid #f5f5f5; text-align: left;}
.fc-ser-list > li{margin-top: 2.5rem;}
.fc-ser-list > li:first-child{margin-top: 0;}
.fc-ser-list h4{display: block; margin: 1.875rem 0 0.9375rem; font-size: 1.625rem; font-weight: 800; color: #222;}
.fc-ser-list2{padding-top: 3.75rem !important; border-top: 1.25rem solid #f5f5f5; text-align: left;}
.fc-ser-list2 > li{margin-top: 2.5rem;}
.fc-ser-list2 > li:first-child{margin-top: 0;}
.fc-ser-list2 h4{display: block; margin: 0 0 0.9375rem; font-size: 1.625rem; font-weight: 800; color: #222; line-height: 1.5;}
.fc-ser-list2 h5{display: block; margin: 0 0 0.9375rem; font-size: 1.625rem; font-weight: 800; color: #222; line-height: 1.5;}
.fc-ser-list2 .img{position: relative; left: 50%; width: 46.875rem; margin-top: 1.5625rem; transform: translateX(-50%);}
.fc-ser-list2 .img p{margin-top: 1.25rem; font-size: 1.375rem; text-align: center;}
.fc-ser-list2 .video{margin-top: 1.5625rem;}
.fc-ser-list2 .video iframe{width: 100%; height: 23.5625rem;}
.fc-ser-list2 table.style1 th{font-weight: 800; color: #8c22ff; text-align: center;}
.fc-ser-list2 table.style1 td{text-align: left; color: #666;}
.fc-ser-list2 table.style1 td .tit{display: block; font-weight: 800;}
.fc-ser-list2 table.style1 td p + p{margin-top: 1.25rem;}
.fc-ser-list2 .profile{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 1.875rem;}
.fc-ser-list2 .profile li{width: 47%; margin-bottom: 1.875rem;}
.fc-ser-list2 .profile li:nth-child(-n+2){margin-top: 0;}
.fc-ser-list2 .profile li .info{margin-top: 1.25rem; font-size: 1.375rem; text-align: center; line-height: 1.5;}
.fc-ser-list2 .profile li .info .name{margin-bottom: 0.3125rem; font-size: 1.525rem;}
.fc-ser-list2 .profile li .info strong{font-weight: 800;}
.fc-ser-list2 .img-list{display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; left: 50%; width: 46.875rem; margin-top: 1.875rem; transform: translateX(-50%);}
.fc-ser-list2 .img-list li{width: 32%; margin-bottom: 1.875rem;}
.fc-ser-list2 .img-list li p{margin-top: 1.25rem; font-size: 1.375rem; text-align: center;}
.fc-ser-process{border-top: 1.25rem solid #f5f5f5; text-align: left;}
.fc-ser-process > h4{display: block; margin: 0px 0 1.5625rem; font-size: 1.625rem; font-weight: 800; color: #222;}
.fc-ser-process .top-img{position: relative; left: 50%; width: 46.875rem; transform: translateX(-50%);}
.fc-ser-process .list{padding: 2.1875rem; margin-top: 2.5rem; background: #f7f7f7;}
.fc-ser-process .list dt{display: block; margin-top: 1.875rem; font-size: 1.625rem; font-weight: 800; color: #222;}
.fc-ser-process .list dd{display: block; padding-bottom: 1.5625rem; margin-top: 1.25rem; border-bottom: 2px solid #ddd; font-size: 1.5rem; color: #666; line-height: 2.375rem;}
.fc-ser-process .list dt:first-child{margin-top: 0;}
.fc-ser-process .list dd:last-child{padding: 0; border-bottom: 0;}
.fc-ser-process .list + .fc-ser-list2{margin-top: 2.5rem;}
.fc-ser-process .list-detail .datail{display: none;}
.fc-ser-process .list-detail .datail.on{display: block;}
.fc-ser-process .list-detail .fc-ser-list{border-top: 0;}
.fc-ser-process .fc-ser-career{padding: 0; margin-top: 2.5rem;}
.fc-ser-process .items > li{margin-top: 5rem;}
.fc-ser-process .items > li:first-child{margin-top: 0;}
.fc-ser-process > .fc-ser-list2{padding-top: 0 !important; border-top: 0;}
.fc-ser-career{padding: 0 2.5rem; margin-top: 1.25rem;}
.fc-ser-career > div{padding: 2.5rem 2.5rem; border: 0.0625rem solid #ddd;}
.fc-ser-career h4{display: block; font-size: 1.75rem; font-weight: 800; color: #8c22ff; text-align: center;}
.fc-ser-career h4 + p{padding: 0 1.25rem; margin-top: 1.875rem;}
.fc-ser-career h5{display: block; padding: 0 1.25rem; margin-top: 3.125rem; font-size: 1.5rem; font-weight: 800; color: #666; text-align: left;}
.fc-ser-career ul{display: flex; flex-wrap: wrap; padding: 0 1.25rem; margin-top: 1.875rem;}
.fc-ser-career ul li{width: 47%; font-size: 1.5rem; line-height: 3.75rem;}
.fc-ser-career ul.type2 li:nth-child(odd){width: 60%;}
.fc-ser-career ul.type2 li:nth-child(even){width: 30%;}
.fc-ser-career ul + h4,
.fc-ser-career dl + h4{padding-top: 3.125rem; margin-top: 2.5rem; border-top: 1px solid #ddd;}
.fc-ser-career dl{margin-top: 3.125rem;}
.fc-ser-career dt{margin-top: 1.875rem; font-weight: 800;}
.fc-ser-career dd{margin-top: 0.625rem; line-height: 1.5;}
.fc-alliance .list{display: flex; justify-content: space-between; flex-wrap: wrap;}
.fc-alliance .cont + .cont{margin-top: 0.625rem; border-top: 1.25rem solid #f5f5f5;}
.fc-alliance .list li{width: 47.761%; margin-top: 2.5rem;}
.fc-alliance .list li:nth-child(-n+2){margin-top: 0;}
.fc-alliance .list li .img{border: 1px solid #ddd;}
.fc-alliance .list li .info{margin-top: 1.25rem;}
.fc-alliance .list li .info .tit{display: block; font-size: 1.625rem; color: #222; text-align: center; color: #666;}
.pfs-list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.pfs-list ul li{width: 47.761%; margin-top: 2.5rem; box-sizing: border-box;}
.pfs-list ul li:nth-child(-n+2){margin-top: 0;}
.pfs-list ul li .info{position: relative; height: 8.125rem; padding: 1.25rem 0; box-sizing: border-box;}
.pfs-list ul li .info strong{display: block; display:-webkit-box; margin: 0.625rem 0 0; font-size: 1.875rem; font-weight: 800; line-height: 1.5; color: #222; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.pfs-list ul li .info span{display: block; margin-top: 0.3125rem; font-size: 1.625rem; color: #222;}
.pfs-view .slt{margin-top: 1.875rem; text-align: center;}
.pfs-view .slt > div{position: relative; width: 20rem; margin: 0 auto;}
.pfs-view .slt .curr{width: 100%; height: 4.25rem; padding-left: 0.625rem; border-bottom: 0.125rem solid #000; background: url(../../images/common/ico_select.png) center right 1.25rem / 1.125rem auto no-repeat; font-size: 1.5rem; font-weight: 800; text-align: left; color: #222; box-sizing: border-box;}
.pfs-view .slt .list{display: none; position: absolute; top: 4.25rem; left: 0; z-index: 10; width: 100%; height: 35.3125rem; overflow-y:auto; -webkit-overflow-scrolling:touch; padding: 0.625rem 0; border: 0.0625rem solid #ddd; background: #fff; box-sizing: border-box;}
.pfs-view .slt .list.on{display: block;}
.pfs-view .slt .list li a{display: block; padding: 0 1.5625rem; font-size: 1.5rem; font-weight: 800; color: #222; line-height: 3.75rem; text-align: left; box-sizing: border-box;}
.pfs-view .slt .list li a.on{background: #8c22ff; color: #fff;}
.pfs-view .top-wrap{margin-top: 4.375rem; border-bottom: 1.25rem solid #f5f5f5;}
.pfs-view .top-wrap .img{position: relative; width: 21.25rem; height: 21.25rem; border-radius: 100%; margin: 0 auto; background-size: cover; background-repeat: no-repeat; background-position: center top;}
.pfs-view .top-wrap .img::after{position: absolute; right: -1rem; bottom: 0; width: 7.25rem; height: 7.25rem; border-radius: 100%; background: #8c22ff; opacity: 0.5; content: "";}
.pfs-view .top-wrap .name{margin-top: 1.875rem; font-size: 1.5rem; color: #222; text-align: center;}
.pfs-view .top-wrap .name strong{font-size: 2.375rem; font-weight: 800; color: #222;}
.pfs-view .top-wrap .sns{margin: 1.875rem 0 2.5rem; text-align: center;}
.pfs-view .top-wrap .sns ul{display: inline-flex;}
.pfs-view .top-wrap .sns ul li{margin: 0 0.9375rem;}
.pfs-view .top-wrap .sns ul li a{display: block; width: 2.8125rem; height: 2.8125rem; text-indent: -9999em;}
.pfs-view .top-wrap .sns ul li a.fb{background: url(../../images/common/ico_sns_fb_sm.png?v=1) center / 100% auto no-repeat;}
.pfs-view .top-wrap .sns ul li a.yt{background: url(../../images/common/ico_sns_youtube_sm.png?v=1) center / 100% auto no-repeat;}
.pfs-view .top-wrap .sns ul li a.insta{background: url(../../images/common/ico_sns_insta_sm.png?v=1) center / 100% auto no-repeat;}
.pfs-view h4{display: block; margin-bottom: 0.9375rem; font-size: 1.625rem; font-weight: 800; color: #222;}
.pfs-view h5{display: inline-flex; align-items: center; height: 3.75rem; padding: 0 2.8125rem; margin:0.625rem 0 0.9375rem; border: 0.0625rem solid #ddd; font-size: 1.5rem; font-weight: 800; color: #8c22ff; line-height: 1;}
.pfs-view .bul li{line-height: 3.125rem;}
.pfs-view .bul + h5{margin-top: 2.5rem;}
.fc-facility .list > li{margin-top: 3.75rem;}
.fc-facility .list > li:first-child{margin-top: 0;}
.fc-facility .list > li .tit{display: flex; align-items: center; margin-bottom: 1.25rem;}
.fc-facility .list > li .tit .num{display: inline-block; width: 3.75rem; height: 3.75rem; border-radius: 100%; background: #8c22ff; font-size: 1.5rem; font-weight: 800; color: #fff; line-height: 3.75rem; text-align: center;}
.fc-facility .list > li .tit h4{display: block; margin-left: 0.9375rem; font-size: 1.875rem; font-weight: 800; color: #222; line-height: 2.75rem;}
.fc-facility .list > li .photo-wrap{margin-top: 1.25rem;}
.fc-facility .list > li .photo-wrap .thum{margin-top: 1.875rem;}
.fc-facility .list > li .photo-wrap .thum a{display: block;}
.fc-facility .list > li .photo-wrap .thum .swiper-slide{width: 17.375rem; margin-right: 1.25rem;}
.fc-facility .list > li .photo-wrap .thum .swiper-slide-active::after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0.25rem solid #8c22ff; content: ""; box-sizing: border-box;}
.fc-facility .list > li .photo-wrap .thum .swiper-scrollbar{width: 100%; height: 0.625rem; margin: 1.25rem auto 0; border-radius: 0; background: #ddd;}
.fc-facility .list > li .photo-wrap .thum .swiper-scrollbar-drag{width: 0; border-radius: 0; background: #8c22ff; transition: 0.7s ease;}
.fc-facility .list > li .photo-wrap .photo-list li{margin-top: 1.875rem;}
.fc-facility .list > li .photo-wrap .photo-list li:first-child{margin-top: 0;}
.fc-facility .list > li .txt-box{padding: 2.1875rem; margin-top: 1.875rem; background: #f7f7f7;}
.fc-facility .list > li .txt-box .tit{display: block; margin-bottom: 1.25rem; font-size: 1.625rem; font-weight: 800; color: #222;}
.fc-facility .list > li .txt-box p{display: block; font-size: 1.5rem; color: #666; line-height: 2.375rem;}

/* 학사정보 */
.info-schedule .cal{text-align: center;}
.info-schedule .cal .year{display: inline-block; position: relative; width: 13.125rem; height: 2.5rem;}
.info-schedule .cal .year strong{font-size: 2.25rem; font-weight: #222;}
.info-schedule .cal .year .btn-prev{position: absolute; top: 0; left: 0; width: 2.5rem; height: 2.5rem; border-radius: 100%; background: url(../../images/common/ico_arw02_left_white.png) center / 1.0625rem auto no-repeat #8c22ff; text-indent: -9999em;}
.info-schedule .cal .year .btn-next{position: absolute; top: 0; right: 0; width: 2.5rem; height: 2.5rem; border-radius: 100%; background: url(../../images/common/ico_arw02_right_white.png) center / 1.0625rem auto no-repeat #8c22ff; text-indent: -9999em;}
.info-schedule .cal .month{padding: 1.25rem 2.5rem; margin-top: 1.875rem; border-radius: 1.875rem; background: #f5f5f5;}
.info-schedule .cal .month ul{display: inline-flex; flex-wrap: wrap;}
.info-schedule .cal .month ul li{margin: 0.3125rem 1.0625rem;}
.info-schedule .cal .month ul li button{width: 3.75rem; height: 3.75rem; border-radius: 100%; background: none; font-size: 1.5rem; font-weight: 800; color: #222;}
.info-schedule .cal .month ul li button.on{background: #8c22ff; color: #fff;}
.info-schedule .items{margin-top: 2.8125rem;}
.info-schedule .item{display: none;}
.info-schedule .item.on{display: block;}
.info-schedule .item h4{display: block; margin-bottom: 0.9375rem; font-size: 1.75rem; font-weight: 800; color: #222;}
.info-creditbook{margin-top: 2.8125rem;}
.info-creditbook .tab{display: flex; flex-wrap: wrap; width: 100%; border-top: 1px solid #ddd; border-right: 1px solid #ddd; box-sizing: border-box;}
.info-creditbook .tab li{position: relative; width: 50%; height: 4.375rem; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.info-creditbook .tab li button{width: 100%; height: 100%; background: #fff; font-size: 1.25rem; color: #666;}
.info-creditbook .tab li.on{border-left: 1px solid #8c22ff; border-bottom: 1px solid #8c22ff;}
.info-creditbook .tab li.on::before{position: absolute; top: -1px; left: -1px; width: calc(100% + 1px); height: 1px; background: #8c22ff; content: "";}
.info-creditbook .tab li.on::after{position: absolute; top: -1px; right: -1px; z-index: 1; width: 1px; height: calc(100% + 0.25rem); background: #8c22ff; content: "";}
.info-creditbook .tab li.on button{font-size: 1.25rem; font-weight: 800; color: #8c22ff;}
.info-creditbook h4{margin: 3.125rem 0 1.25rem;}
.info-creditbook .title-wrap{margin-bottom: 0.9375rem;}
.info-creditbook .items .item{display: none;}
.info-creditbook .items .item.on{display: block;}
.info-creditbook .items .item table{width: 200%;}
.creditbank-dia{margin: 7.5rem 0 8.75rem; text-align: center; transform: scale(1.2);}
.creditbank-dia dl{display: inline-block; position: relative; width: 20.875rem; height: 18.0625rem; background: url(../../images/info/bg_creditbank_dia.png) center / 100% auto no-repeat;}
.creditbank-dia dl dt{position: absolute; top: 7.5rem; left: 50%; transform: translateX(-50%); width: 8.75rem; height: 8.75rem; padding-top: 4.375rem; border: 0.25rem solid #c590ff; border-radius: 100%; background: url(../../images/info/ico_creditbank_dia.png) center 2.1875rem / 2.5625rem auto no-repeat; font-size: 1.125rem; font-weight: 800; color: #8c22ff; box-sizing: border-box;}
.creditbank-dia dl dd{display: flex; justify-content: center; align-items: center; width: 8.125rem; height: 8.125rem; border: 0.25rem solid #eee; border-radius: 100%; background: #fff; font-size: 1.125rem; font-weight: 800; color: #222; line-height: 1.875rem; box-sizing: border-box;}
.creditbank-dia dl dd:nth-of-type(1){position: absolute; top: -2.1875rem; left: 50%; transform: translateX(-50%);}
.creditbank-dia dl dd:nth-of-type(2){position: absolute; right: -3.4375rem; bottom: -3.4375rem;}
.creditbank-dia dl dd:nth-of-type(3){position: absolute; bottom: -3.4375rem; left: -3.4375rem;}
.creditbank-ef{margin: 2.5rem 0; border: 0.0625rem solid #ddd;}
.creditbank-ef > li{margin: 1.875rem 0;}
.creditbank-ef dl{display: flex; align-items: center;}
.creditbank-ef dl dt{width: 28%; font-size: 1.3125rem; font-weight: 800; color: #222; text-align: center; line-height: 1.5;}
.creditbank-ef dl dd{width: 72%; padding-right: 1.5625rem; box-sizing: border-box;}
.creditbank-ef dl dd li{font-size: 1.3125rem;}

/* 학교서비스 */
.service-loc h3{padding-top: 1.875rem;}
.service-loc .tab{padding: 1.5625rem 0; background: #f4f4f4;}
.service-loc .tab ul li{position: relative; float: left; width:auto; margin: 0 0.625rem;}
.service-loc .tab ul li:first-child{margin-left: 2.5rem;}
.service-loc .tab ul li a{display: inline-block; padding: 0 1.5625rem; border-radius: 1.875rem; background: #fff; font-size: 1.5rem; font-weight: 700; color: #999; line-height: 3.5rem; color: #222;}
.service-loc .tab ul li a.on{background: #8c22ff; color: #fff;}
.service-loc .item{visibility: hidden; height: 0; padding: 0;}
.service-loc .item.on{visibility: visible; height: auto; padding: 2.5rem 0;}
.service-loc .item .top{display: flex; justify-content: space-between; align-items: center;}
.service-loc .item .top .tit{font-size: 1.5rem; font-weight: 800; color: #222;}
.service-loc .item .top .pro{font-size: 1.25rem; color: #666;}
.service-loc .item .top .addr{font-size: 1.5rem; color: #222;}
.service-loc .item .map{height: 40vw; margin: 1.5625rem 0;}
.service-dorm-tour h4{display: block; margin: 1.875rem 0; font-size: 1.5rem; font-weight: 800; color: #222;}
.service-dorm-tour .img-list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.service-dorm-tour .img-list li{width: 20.3125rem; margin-top: 1.3125rem;}
.service-dorm-tour .img-list li:nth-child(-n+2){margin-top: 0;}
.service-dorm-tour .img-list + h4{margin-top: 2.5rem;}
.service-sns-fb{width: 102.985%; margin-left: -1.449%; margin-top: 1.875rem;}
.service-sns-fb::after{display: block; content: ""; clear: both;}
.service-sns-fb li{float: left; width: 30.434%; height: 11.4375rem; margin: 1.25rem 1.449%; border: 0.125rem solid #ddd; box-sizing: border-box;}
.service-sns-fb li:nth-child(-n+3){margin-top: 0;}
.service-sns-fb li span{display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 1.375rem; line-height: 2.375rem; color: #8c22ff; text-align: center;}
.service-sns{width: 102.985%; margin-left: -1.449%; margin-top: 1.875rem;}
.service-sns::after{display: block; content: ""; clear: both;}
.service-sns li{float: left; width: 30.434%; height: 11.25rem; margin: 0 1.449%; box-sizing: border-box;}
.service-sns li:nth-child(-n+3){margin-top: 0; height: 17.5rem;}
.service-sns li div{height: 11.25rem; padding-top: 7.8125rem; font-size: 1.375rem; font-weight: 800; color: #000; text-align: center; box-sizing: border-box;}
.service-sns li p{margin-top: 0.9375rem; font-size: 1.125rem; line-height: 1.875rem; color: #666; text-align: center;}
.service-sns li .kakao{background: url(../../images/common/ico_sns_kakao_lg.png?ver=<%=now%>) center 2.3125rem / 4.1875rem auto no-repeat #f4f4f4;}
.service-sns li .ytb{background: url(../../images/common/ico_sns_youtube_lg.png?ver=<%=now%>) center 2.3125rem / 4.1875rem auto no-repeat #f4f4f4;}
.service-sns li .insta{background: url(../../images/common/ico_sns_insta_lg.png?ver=<%=now%>) center 2.3125rem / 4rem auto no-repeat #f4f4f4;}
.service-sns li .tw{background: url(../../images/common/ico_sns_tw_lg.png?ver=<%=now%>) center 2.3125rem / 4.1875rem auto no-repeat #f4f4f4;}
.service-sns li .blog{background: url(../../images/common/ico_sns_blog_lg.png?ver=<%=now%>) center 2.3125rem / 4.1875rem auto no-repeat #f4f4f4;}
.service-sns li .cafe{background: url(../../images/common/ico_sns_cafe_lg.png?ver=<%=now%>) center 2.3125rem / 4.1875rem auto no-repeat #f4f4f4;}
.guide-apply-result .result-box{padding: 3.75rem; background: #f4f4f4; font-size: 1.5rem; font-weight: 800; color: #000; text-align: center;}
.guide-apply-result p{margin-top: 2.5rem; font-size: 1.5rem; color: #222; line-height: 2.375rem;}
.guide-apply-result p strong{font-weight: 800;}
.guide-apply-result .info-box{padding: 1.875rem; margin-top: 3.125rem; border: 0.0625rem solid #ddd;}
.guide-apply-result .info-box .tit{font-size: 1.25rem; font-weight: 800; color: #222;}
.guide-apply-result .info-box ul{margin-top: 1.25rem;}
.guide-apply-result .info-box ul li{font-size: 1.25rem; line-height: 2.375rem; color: #222;}
.guide-apply-result .info-box ul + .tit{margin-top: 2.1875rem;}
.consult-method .item{display: none;}
.consult-method .item.on{display: block;}
.consult-method .info{display: flex; flex-wrap: wrap; margin-top: 1.875rem;}
.consult-method .info dt{width: 18%; padding: 0.9375rem 0; font-size: 1.5rem; font-weight: 800; color: #222;}
.consult-method .info dd{width: 82%; padding: 0.9375rem 0; font-size: 1.5rem; color: #222;}
.consult-method .map{height: 20rem; margin-top: 1.25rem; border: 1px solid #ddd;}
.customoverlay{position: absolute; left: -30px; top: -55px; height: 30px; padding-right: 10px; padding-left: 30px; border: 2px solid #0475f4; border-radius: 30px; background: url('../../images/common/mapMarker.svg') no-repeat; background-color: #fff; background-size: 20px 20px; background-position: 5px; line-height: 32px;}
.customoverlay span{font-size: 12px; font-family: 'nsR'; font-weight: bold;}
.triangle{position: absolute; bottom: -10.2px; left: 20px; width: 10px; height: 10px; background: url('../../images/common/arrowMap.svg') no-repeat;}

/* 기타페이지 */
.doc p + p{margin-top: 2.5rem; line-height: 1.8;}



/*학교소식*/
.board { font-family: 'Gmarket Sans' !important; max-width:920px; width:100%; height:auto; padding:9%; background:#f9f9f9; text-align:center; box-sizing:border-box; }
.board img { max-width:760px; width:100%; margin:7% auto !important; }
.board .faculty1 { display:inline-block; font-size:0.813px; background:#000; color:#fff; padding:1px 2% 0.1px; margin:0 auto; }
.board .faculty2 { display:block; font-size:1.313rem; color:#000; margin:17px auto -5px; }
.board .tit { font-family: 'Jalnan' !important; display:block; font-size:1.938rem; color:#000; margin:0 auto; }
.board p { font-family: "NanumSquare", sans-serif  !important; font-size:0.75rem !important; line-height:13px !important; word-break:keep-all; font-weight:600; }


.sub .m-banner{width: 100%; height: 15.625rem; padding-top: 1.5rem; margin-top: 3.125rem; background: url(../../images/main/bg_banner.jpg) center / cover no-repeat; text-align: center; box-sizing: border-box;}
.sub .m-banner .date{display: inline-block; padding: 0 1.25rem; border-radius: 1.5625rem; background: #120704; font-family: 'GmarketSansBold'; font-size: 1.0625rem; line-height: 2.6875rem; color: #fff;}
.sub .m-banner strong{display: block; margin-top: 0.625rem; font-family: 'GmarketSansBold'; font-size: 2.5rem; color: #fff;}
.sub .m-banner p{margin: 0.3125rem 0 1.5rem; font-size: 1.625rem; font-weight: 700; color: #fff;}
.sub .m-banner .btn{display: inline-block; padding-right: 1.875rem; font-size: 1.5rem; font-weight: 700; color: #fff; background: url(../../images/main/ico_arw_white.png) center right / 1.0625rem auto no-repeat;}