/*@charset "utf-8";*/
:root {
	--main-color:#01BAF8;
	--sub-color:#092463;
	--point-color1:#35374F; 
	--basic-bg:#f6f6f6;	
	--dark-color:#313033;
	--grd:linear-gradient(-90deg, #092463, #01BAF8);
	--btn-shadow:0 2px 3px rgba(0,0,0,0.1);
	--bx-shadow:0 10px 20px rgba(0,0,0,0.1);
	--more-shadow:0 2px 4px rgba(0,0,0,0.1);
	--color-shadow:0 5px 20px rgba(9,36,99,0.2);
	--all-ani:all cubic-bezier(0, 1, 0.5, 1) 0.2s;
}

body{font-size:16px;font-family:Pretendard;overflow-y:scroll;}
h1				{color:#2A1B38}
h3				{}
a				{transition:all 0.3s;}
.d_width		{width:1400px;margin:0 auto;position:relative;transition:all 0.2s ease-out;}
.c_width		{width:1400px;margin:0 auto;animation:fadeInUp 0.5s cubic-bezier(.4,0,0,1) both 0.2s;}
.board-cardnews-view .c_width{animation:none;}
.va_mo			{display:none;}
ul.bu>li:before	{background:var(--point-color1);}
.item-control a.ico-play:before{content:"\f04b";}
.fwl	{font-weight:100;}
.underline	{position:relative;display:inline-block !important;}
.underline:after{content:"";width:100%;border-width:1px;border-style:solid;position:absolute;left:0;bottom:13%;}

#wrap										{min-width:1400px;position:relative;padding:0;margin:0;background:#fff;}
#wrap > .overlay{width:100%;height:100%;position:absolute;top:0;left:0;display:block;background:#0009;z-index:100;display:none;} /*모달 활성화 시*/
#header										{position:absolute;left:0;top:0;width:100%;z-index:999;transition:all 0.2s ease-out;border-bottom:1px solid #fff3;animation:fadeInDown 1s;}
#header.fix									{position:fixed;left:0;top:0;width:100%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.2)}
#header.active							{background:#fff;}
#logo										{position:absolute;left:0;top:1.4rem;padding:0;margin:0;z-index:999;font-size:1.1rem;font-weight:700;color:#555;line-height:1;}
/* #logo img									{margin-right:10px;}
#logo a										{display:flex;flex-flow:row nowrap;align-items:center;} */
#header #logo .logo-b		{display:none;}
#header.fix #logo .logo-w,
#header.active #logo .logo-w{display:none;}
#header.fix #logo .logo-b,
#header.active #logo .logo-b		{display:inline-block;}

/*gnb 스타일*/
#gnb										{position:relative;margin:0 auto;padding:0;z-index:99;}
#gnb .topmn						{font-size:1.2rem;font-weight:500;position:absolute;right:0;top:25px;color:#fff;display:flex;}
#gnb .topmn	 a					{transition:all .1s;}
#gnb .topmn	 a:hover		{color:var(--main-color) !important;}
#gnb a.ico-sitemap:before				{content:"\f0c9";font-family:FontAwesome;transition:all ease-out 0.2s;}
#gnb a.ico-sch:before						{content:"\f002";font-family:FontAwesome;transition:all ease-out 0.2s;font-size:1rem;margin-left:20px;}

#gnbmn										{position:relative;width:100%;padding:0;margin:0;z-index:99;}
#gnbmn a									{position:relative;display:block;}
#gnbmn a[target=_blank] > span:after			{content:"\f08e";display:inline-block;margin-left:5px;font-family:fontAwesome;font-weight:200;font-size:.9rem;vertical-align:bottom;opacity:.5;}
#gnbmn ul.depth1							{margin-right:70px;float:right;display:flex;}
#gnbmn ul.depth1 > li > a					{display:block;padding:0 2rem;line-height:80px;font-size:1.25rem;letter-spacing:-0.0125rem;text-align:center;font-weight:600;color:#fff;position:relative;}
#gnbmn ul.depth1 > li > a:after					{content:"";display:block;position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:0%;height:3px;background-color:var(--main-color);transition:all 0.3s;}
#gnbmn ul.depth1 > li > a:hover:after,
#gnbmn ul.depth1 > li.on > a:after,
#gnbmn ul.depth1 > li.active > a:after					{width:100%;background:var(--grd);}
#gnbmn ul.depth1 > li > a:hover,
#gnbmn ul.depth1 > li.on > a,
#gnbmn ul.depth1 > li.active > a							{color:var(--main-color) !important;}	

#header.fix #logo		{top:1rem}
#header.fix #gnb .topmn{top:20px;}
#header.fix #gnbmn ul.depth1 > li > a,
#header.active	#gnbmn ul.depth1 > li > a{color:#111}
#header.fix #gnbmn ul.depth1 > li > a				{line-height:70px;font-size:1.1rem;}
#header.fix #gnbmn .depth2,							
#header.fix #id_gnb_bg								{top:70px;}
#header.fix .gnb_bg:after{top:70px;height:calc(100% - 70px);}
#header.fix #gnb a.ico-sitemap	,
#header.active #gnb a.ico-sitemap,
#header.fix #gnb a.ico-sch,
#header.active #gnb a.ico-sch{color:#121314;}

#gnbmn .title							{float:left;width:320px;padding:10px 0;word-break:keep-all;;}
#gnbmn .tit								{font-size:2.3rem;font-weight:var(--font-exbold);letter-spacing:-0.125rem;line-height:1;color:#fff;margin:15px 0;font-family:gsans;}
#gnbmn .txt								{font-size:1.1rem;font-weight:400;line-height:1.4;color:#fff;}
#gnbmn .txt	 em						{color:#ffc;font-weight:100;font-style:italic;}
#gnbmn .title .tit:before					{content:"";width:40px;height:40px;background:url(../img/gnb_ico1.png) no-repeat;background-size:cover;display:inline-block;margin:0 10px 0 0;vertical-align:middle;}
#gnbmn .List2 .title .tit:before	{background-image:url(../img/gnb_ico2.png);}
#gnbmn .List3 .title .tit:before	{background-image:url(../img/gnb_ico3.png);}
#gnbmn .List4 .title .tit:before	{background-image:url(../img/gnb_ico4.png);}
#gnbmn .List5 .title .tit:before	{background-image:url(../img/gnb_ico5.png);}
#gnbmn .List6 .title .tit:before	{background-image:url(../img/gnb_ico6.png);}

#gnbmn .depth2						{width:100%;min-height:310px;position:absolute;top:80px;left:50%;transform:translateX(-50%);padding:20px 0;text-align:left;display:none;}
#gnbmn .depth2 > ul								{float:left;width:calc(100% - 320px);}
#gnbmn .depth2 > ul	:after					{content:"";float:none;clear:both;}
#gnbmn .depth2 > ul > li						{float:left;width:25%;padding:10px 0 10px 10px;}
#gnbmn .depth2 > ul > li:nth-child(4n+1)		{clear:both;}
#gnbmn .depth2 > ul > li > a					{border:1px solid #9aaab5;color:#222;font-weight:700;background:#fff;line-height:65px;font-size:1.125rem;text-align:center;border-radius:5px;transition:all .2s;}
#gnbmn .depth2 > ul > li > a > span		{position:relative;z-index:2;}
#gnbmn .depth2 > ul > li:hover > a,
#gnbmn .depth2 > ul > li > a:hover,
#gnbmn .depth2 > ul > li > a:focus,
#gnbmn .depth2 > ul > li > a.on	{background:url(../img/mv-bg01.png) no-repeat 0% 20% / cover;font-weight:900;color:#fff;}
#gnbmn .depth2 > ul > li:hover > a:after,
#gnbmn .depth2 > ul > li > a:after{content:"";width:100%;height:100%;background:linear-gradient(-90deg, #09246399, #01BAF899);position:absolute;top:0;left:0;transition:all .2s;opacity:0;}
#gnbmn .depth2 > ul > li:hover > a:after,
#gnbmn .depth2 > ul > li > a:hover:after,
#gnbmn .depth2 > ul > li > a:focus:after,
#gnbmn .depth2 > ul > li > a.on:after	{opacity:1;}

#gnbmn ul.depth3								{margin:15px 0 0 0;display:none;}
#gnbmn ul.depth3 li a:before					{content:"";display:inline-block;width:3px;height:3px;background:#555;margin:12px 10px 0 0;vertical-align:top;border-radius:50%}
#gnbmn ul.depth3 li a.on,
#gnbmn ul.depth3 li a:hover						{color:var(--main-color);text-decoration:underline}

#id_gnb_bg							{position:absolute;width:100%;left:0;top:80px;z-index:1;background:#F7F9FA url(../img/gnb-bg.png) no-repeat 100% 100%;}
.gnb_bg								{width:100%;padding:0;margin:0;background:var(--sky-bg);box-shadow:0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);}
.gnb_bg:before						{content:"";position:absolute;left:0;top:0;display:block;width:calc(50% - 410px);height:100%;background:#243870;}

#mobile-navicon					{display:none;width:80px;height:80px;line-height:80px;font-size:1.2rem;position:absolute;right:0;top:0;text-align:center;background:var(--main-color);z-index:999;color:#fff;}
#header.fix #mobile-navicon {line-height:70px;height:70px;}
.mm-menu.mm-current{z-index:1;}

/*특수메뉴 디자인 추가*/
/*입학안내*/
#gnbmn .depth2#top2m2		{min-height:330px;}
#gnbmn .depth2#top2m2 #top2m2m1{width:100%;height:100%;}
#gnbmn .depth2#top2m2 #top2m2m1 a{padding:10px 0 0;border:none;background:none;color:var(--sub-color);font-size:var(--font-2xlg);font-weight:900;transition:all .2s;}
#gnbmn .depth2#top2m2 #top2m2m1 a > span:after{display:none;}
#gnbmn .depth2#top2m2 #top2m2m1 a:hover{color:var(--sub-color) !important;}
#gnbmn .depth2#top2m2 #top2m2m1 a:before{content:"";width:65px;height:65px;display:block;background:url(../img/gnb_ico2-2.png) no-repeat 0 0/cover;margin:0 auto;}
#gnbmn .depth2#top2m2 #top2m2m1 a:after{content:"새로운 시대, 관광·보건 인재의 새로운 표준이 되다. \A 제주관광대학교 입학 준비생들을 위한 입학안내 홈페이지로 이동합니다.";
word-break:keep-all;white-space:pre;background:none;opacity:1;color:#333;line-height:1.2;display:block;font-size:1.1rem;font-weight:200;position:static;}
/*계열/학과*/
#gnbmn .depth2#top2m4	{min-height:580px;}
#gnbmn .depth2#top2m4 > ul > li {width:50%;padding:15px 10px 0;margin:0 0 10px;}
#gnbmn .depth2#top2m4 > ul > li:before{content:"";width:120px;height:120px;border-radius:50%;background:#ccc;display:block;float:left;background-size:100%;background-position:50% 50%;border:3px solid #F7F9FA;transition:all .3s;}
#gnbmn .depth2#top2m4 > ul > li:nth-child(1):before{background-image:url(../img/dept-img01.png);}
#gnbmn .depth2#top2m4 > ul > li:nth-child(2):before{background-image:url(../img/dept-img02.png);}
#gnbmn .depth2#top2m4 > ul > li:nth-child(3):before{background-image:url(../img/dept-img03.png);}
#gnbmn .depth2#top2m4 > ul > li:nth-child(4):before{background-image:url(../img/dept-img04.png);}
#gnbmn .depth2#top2m4 > ul > li:nth-child(5):before{background-image:url(../img/dept-img05.png);}
#gnbmn .depth2#top2m4 > ul > li:nth-child(6):before{background-image:url(../img/dept-img06.png);}
#gnbmn .depth2#top2m4 > ul > li > a,
#gnbmn .depth2#top2m4 > ul > li > ul{width:calc(100% - 140px);margin-left:20px;float:left;}
#gnbmn .depth2#top2m4 > ul > li > a{background:none;text-align:left;border:none;border-bottom:1px solid #9AAAB5;font-size:1.275rem;border-radius:0;line-height:1.2;}
#gnbmn .depth2#top2m4 > ul > li > a > span{padding-bottom:10px;display:block;background:linear-gradient(to bottom, transparent 97%, var(--main-color) 0) left center no-repeat;background-size:0;transition:all .3s;}
#gnbmn .depth2#top2m4 li ul{display:flex;flex-wrap:wrap;}
#gnbmn .depth2#top2m4 li li{width:50%;}
#gnbmn .depth2#top2m4 > ul > li:hover:before{box-shadow:0 5px 10px #01BAF844;border-color:var(--main-color);}
#gnbmn .depth2#top2m4 > ul > li:hover > a{color:var(--main-color);border-color:var(--main-color);}
#gnbmn .depth2#top2m4 > ul  > li > a:after{background:none;}
#gnbmn .depth2#top2m4 > ul  > li > a:hover,
#gnbmn .depth2#top2m4 > ul  > li > a:focus,
#gnbmn .depth2#top2m4 > ul  > li > a.on{color:var(--main-color) !important;}
#gnbmn .depth2#top2m4 > ul > li:hover > a > span{background-size:100%;}

@media only screen and (max-width:1600px){
	.d_width, .c_width		{width:1200px;}
	#wrap			{min-width:1200px;}
	#gnb		{width:auto;}
	#gnbmn .title{width:250px;}
	#gnbmn .tit{font-size:2rem;}
	#gnbmn .txt{font-size:1rem;}
	.gnb_bg:before	{width:calc(50% - 380px);}
	#gnbmn .depth2 > ul{width:calc(100% - 250px);}
	#gnbmn .depth2 > ul > li{padding:5px 0 5px 10px;}
	#gnbmn .depth2 > ul > li > a{line-height:55px;font-size:1.1rem;}
	
	#gnbmn .depth2					{min-height:300px;}
	#gnbmn .depth2#top2m2		{min-height:315px;}
	#gnbmn .depth2#top2m2 #top2m2m1 a {font-size:1.8rem;}
	
	#gnbmn .depth2#top2m4	{min-height:500px;}
	#gnbmn .depth2#top2m4 > ul > li{padding:10px 5px 0;}
	#gnbmn .depth2#top2m4 > ul > li:before{width:100px;height:100px;}
	#gnbmn .depth2#top2m4 > ul > li > a, 
	#gnbmn .depth2#top2m4 > ul > li > ul{width:calc(100% - 110px);margin-left:10px;}
	#gnbmn .depth2#top2m4 > ul > li > a > span{padding-bottom:5px;}
	#gnbmn .depth2#top2m4 > ul > li > a{font-size:1.1rem;}
	#gnbmn ul.depth3{margin:5px 0 0;line-height:1.5;}
}
@media only screen and (max-width:1240px){
	.d_width, .c_width		{width:960px;}
	#wrap			{min-width:960px;}
	#gnbmn #menu	{display:none;}
	#logo			{position:static;line-height:70px;top:2rem;}
	#logo img		{display:inline-block;margin-right:5px;}
	#gnbmn{height:auto !important;}
	#gnb .topmn,
	#header.fix #gnb .topmn{top:0;right:0;}
	#header.fix{border-bottom:0;}
	#gnb .topmn a	{width:70px;height:70px;line-height:70px;text-align:center;background:var(--sub-color);color:#fff !important;}
	#gnb a.ico-sch:before{margin:0;}
	#gnb .topmn a.ico-sitemap{display:none;}
	h1				{font-size:2.5rem;}
	#logo{text-align:center;}
	#header > .d_width, #gnb, #gnbmn{position:static;}
	#mobile-navicon	{width:70px;height:70px;line-height:70px;display:block !important;position:absolute;left:0;top:0;}
}
@media only screen and (max-width:1023px){
	.d_width, .c_width		{width:740px;}
	#wrap			{min-width:740px;}
}
@media only screen and (max-width:767px){
	.va_mo			{display:block;}
	.va_pc			{display:none;}
	.d_width, .c_width		{width:auto;margin:0 20px;}
	#wrap			{min-width:320px;}
	
	#mo-snbmn .home a{width:50px;height:50px;transition:none;}
	#mo-snbmn .home a:before, #snbmn ul li span{line-height:50px;}
	#mo-snbmn ul ul{top:50px;}
	#mo-snbmn .sub_depth1{width:calc(100% - 50px);}
	#mo-snbmn > ul > li{width:100%;}
	#mo-snbmn > ul > li:nth-child(2) {display:none;}
	#mo-snbmn ul li span{font-size:14px;border-right:0;line-height:50px;}
	#mo-snbmn ul ul li a {line-height:45px;}
}
@media only screen and (max-width:576px){
	#mobile-navicon,
	#gnb .topmn a,
	#header.fix #mobile-navicon{width:50px;height:50px;line-height:50px;}
	#logo{line-height:50px;}
	#logo img{height:25px;}
}
@media only screen and (max-width:415px){
	.d_width, .c_width		{margin:0 10px;}
}

.main-container h2.tit,
.main-container h3.tit,
.main-container h4.tit{margin:0;}

.main-container:before{content:"JEJU TOURISM UNIVERSITY";font-family:gsans;font-weight:700;position:absolute;top: 50px;left:calc(50% - 950px);transform: rotate(90deg);transform-origin: left bottom;color: var(--sub-color);opacity: .2;letter-spacing: 1rem;}

/*메인비주얼*/
#main-visual{width:calc(50% + 900px);position:relative;float:right;border-radius:0 0 0 200px; overflow:hidden;} 
#main-visual.overlay:before{content:"";width:100%;height:100%;background:#0009;position:absolute;top:0;left:0;z-index:99;}  
#main-visual .swiper-slide {overflow: hidden;} 
#main-visual .d_width{margin-left:calc(900px - 1400px / 2);/*#main-visual width에 따른 산식*/}
.mv-slide {background-size: cover;background-position: center;}    
.mv-slide:after{content:''; width:100%; height:100%; position:absolute; top:0; right:0; z-index:1; background:rgba(0,0,0,0.2);}
.mv-slide:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-size:cover;background-position:55% 50%;}
.mv-slide.animate:before{animation:bg-scale 5s ease-out alternate both, brightness 3s alternate both;}
.mv-slide.bg1:before{background-image:url(../img/mv-bg01.png);}
.mv-slide.bg2:before{background-image:url(../img/mv-bg02.png);}
.mv-slide.bg3:before{background-image:url(../img/mv-bg03.png);}
.mv-slide.bg4:before{background-image:url(../img/mv-bg04.png);}
.mv-slide .tit	{padding:280px 0 380px;font-family:gsans;font-size:4.4rem;line-height:1.2;color:#fff;position:relative;z-index:9;}
.mv-slide .tit span{display:block;}
.mv-slide .tit span.underline:after{border-width:2px;} 
.mv-slide .tit span{opacity:0;}
.mv-slide.animate .tit span.fwl{animation:fadeInLeft 1.5s cubic-bezier(.4,0,0,1) both alternate;}
.mv-slide.animate .tit span.fwb{animation:fadeInRight 1.5s cubic-bezier(.4,0,0,1) both alternate;}
.mv-slide.animate .tit span.underline.point-main {position:relative;animation:titFade 1s .1s cubic-bezier(.4,0,0,1) both;}
.mv-slide.animate .tit span.underline.point-main:before {content: "";display:inline-block;animation:titCover 1.3s cubic-bezier(.4,0,0,1) both;position:absolute;width:100%;height:100%;top: 0px;left: 0;overflow: hidden;background:#fff;z-index:1;}

@-webkit-keyframes bg-scale {
  0% {transform:scale(100%);}
  100% {transform:scale(107%);}
}
@keyframes bg-scale {
  0% {transform:scale(100%);}
  100% {transform:scale(107%);}
}
@keyframes titCover{
	0%{transform:scaleX(0);transform-origin:left center;}
	50%{transform:scaleX(1);transform-origin:left center}
	51%{transform:scaleX(1);transform-origin:right center}
	100%{transform:scaleX(0);transform-origin:right center}
}
@keyframes titFade	{
	0%{opacity:0;}
	50%{opacity:0;}
	51%{opacity:1;}
	100%{opacity:1;}
}

.mv-slide-ctrl{width:100%;position:absolute;bottom:300px;/*.mv-slide .tit padding - 80px*/z-index:99;align-items:center;}
#main-visual .progress{display:inline-block;width:400px;height:2px;background:#fff6;position:relative;margin:0 30px;}
#main-visual .progress .progress-bar{position:absolute;width:0;height:100%;background:#fff;}
#main-visual .progress.active .progress-bar { opacity: 1;}
#main-visual .progress.animate .progress-bar{ transition: width linear; transition-delay: unset; width: 100%; transition-duration: 3s;}
.mv-slide-ctrl a{color:#fff;}
.mv-slide-ctrl  .ico-prev:before{content:"\f060";}
.mv-slide-ctrl  .ico-next:before{content:"\f061";}
.mv-slide-ctrl  .ico-pause,
.mv-slide-ctrl  .ico-play{margin:0 10px;}
.mv-slide-ctrl  .ico-pause:before{font-size:inherit;}
.mv-slide-ctrl .swiper-pagination{color:#fff6;font-size:1.3rem;}
.mv-slide-ctrl .swiper-pagination em{color:#fff;}
/*swiper 컨트롤 커스텀*/
.swiper-button-next, .swiper-button-prev{background:none;position:static;margin:0;width:auto;height:auto;}
.swiper-pagination{position:static;width:auto;}

.mv-issue{width:100%;position:absolute;bottom:0;left:0;z-index:99;opacity:0;animation-fill-mode:both;}
.mv-issue .row{align-items:end;}
.mv-issue .issue-wrap{width:calc(100% - 200px);position:relative;}
.mv-issue .item-control{width:200px;background:#0008;line-height:50px;height:100%;justify-content:space-between;padding:0 20px;justify-content:space-between;}
.mv-issue .item-control a{color:#fff;width:calc(50% - 15px);display:flex;justify-content:space-between;}
.mv-issue .item-control a:hover{color:var(--main-color);}
.mv-issue .item-control .ico-next:before{display:none;}
.mv-issue .item-control .ico-next:after{content:"\f054";font-family:FontAwesome;font-weight:900;vertical-align:middle;margin:0 2px;}
.mv-issue .issue-list-wrap{position:relative;background:#fff;}
.mv-issue h4.tit{width:140px;height:100%;background:var(--main-color);color:#fff;font-family:Montserrat;text-align:center;font-size:1.3rem;font-weight:700;line-height:80px;position:absolute;top:0;left:0;z-index:2;}
.mv-issue .issue-list-wrap > .bx-wrapper{margin:0 !important;width:100%;}
.mv-issue .issue-list{height:80px;position:relative;}
.mv-issue .issue-list:hover{z-index:3;}
.mv-issue .issue-list a{padding:0 20px 0 160px;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;overflow:hidden;line-height:80px;transition:none;}
.mv-issue .issue-list a:hover	{padding:0 20px;}
.mv-issue .issue-list a .tit{font-size:1.1rem;font-weight:700;color:#121314;width:calc(100% - 100px);}
.mv-issue .issue-list a .date{color:#919191;font-size:.9rem;}
.mv-issue .issue-list a .hov-tit{display:none;width:100%;position:Relative;color:#fff;font-size:1.1rem;text-align:center;}
.mv-issue .issue-list a .hov-tit em{color:#f6f6f6;margin-right:5px;}
.mv-issue .issue-list a:before{content:"";width:110%;height:0%;background:var(--grd);position:absolute;bottom:0;left:0;transition:all .1s ease-out;}
.mv-issue .issue-list a:hover:before{height:100%;}
.mv-issue .issue-list a:hover .tit,
.mv-issue .issue-list a:hover .date{display:none;}
.mv-issue .issue-list a:hover .hov-tit{display:block;}
.mv-issue .issue-wrap:hover .more{animation:fadeInUp .5s .2s both alternate;}
.mv-issue .issue-wrap:hover .more i{animation: blink 1s both alternate infinite;}
.mv-issue .issue-wrap.active .more{display:none;}
.mv-issue .more{width:100%;display:block;text-align:center;background:#0009;color:#fff;line-height:80px;border-radius:30px 0 0 0;font-size:1.1rem;position:absolute;top:-80px;opacity:0;}
.mv-issue .more .va-pc{display:inline;}
.mv-issue .issue-wrap .plus{margin-left:10px;font-size:.875rem;padding:3px 10px;border:2px solid #fff;border-radius:30px;font-weight:700;background:#fff;color:#000;}
.mv-issue .issue-wrap .plus:after{content:"\f064";font-family:fontAwesome;font-size:.7rem;margin-left:5px;}

.mv-news{position:relative;border-bottom:1px solid #eaeaea;display:none;}
.mv-news .title{padding:10px 30px;background:var(--grd);border-radius:30px 0 0;color:#fff;font-family:Montserrat;font-weight:700;font-size:1.8rem;}
.mv-news .cont{background:#fff;padding:40px 30px;display:flex;justify-content:space-between;}
.mv-news .close{position:absolute;top:10px;right:30px;color:#fff;font-size:3rem;line-height:1;}
.mv-news .cont .col-1{width:350px;}
.mv-news .cont .col-2{width:calc(100% - 380px);}
.mv-news h5.tit{font-size:1.1rem;color:#121314;margin:0 0 10px;font-weight:500;}
.mv-news h5.tit em{font-weight:700;font-style:italic;}
.mv-news .photo-list a{display:block;margin-bottom:10px;}
.mv-news .photo-list a:last-child{margin-bottom:0;}
.mv-news .photo-list .thumb{height:140px;}
.mv-news .photo-list .thumb img{transition:all .8s}
.mv-news .photo-list > a:hover .thumb img{scale:1.03;}
.mv-news .photo-list .subject{width:100%;padding:20px;height:auto;position:absolute;bottom:0;left:0;background:linear-gradient(0deg, #0009, #0000);z-index:9;color:#fff;font-size:1.1rem;}
.mv-news .notice-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.mv-news .notice-list li{width:calc(50% - 10px);border-bottom:1px solid #dadada;}
.mv-news .notice-list li:nth-child(-n + 2){border-top:1px solid #000;}
.mv-news .notice-list a{display:block;padding:15px 0;}
.mv-news .notice-list .item{font-size:.9rem;font-weight:700;}
.mv-news .notice-list .subject{font-size:1.1rem;min-height:42px;font-weight:500;margin:10px 0;}
.mv-news .notice-list .date{font-size:.9rem; color:#919191;}
.mv-news .notice-list .subject span{color:#333;background:linear-gradient(to bottom, transparent 92%, #01BAF8 0) left center no-repeat;background-size:0;transition:all .3s;}
.mv-news .notice-list a:hover .subject span{background-size:100%;color:var(--main-color);}

@keyframes swing2 {
    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.mfix-toggle{position:fixed;top:20%;right:60px;z-index:100;}
.mtog-bx{width:100px;border-radius:100px;background:linear-gradient(180deg, #01BAF8 0%, #092463 20%);overflow:hidden;animation:fadeInRight 1s 1s both;transition:all .3s;box-shadow:0 0 10px #0002;}
.mtog-bx:hover{background:var(--main-color);}
.mtog-bx:hover > a:first-child{background:#0002;}
.mtog-bx a{display:block;color:#fff;font-size:.9rem;text-align:center;word-break:keep-all;line-height:1.2;font-weight:200;}
.mtog-bx > a {font-size:1.075rem;font-weight:700;}
.mtog-bx > a span{display:inline-block;padding:2px 10px;border-radius:20px;border:1px solid #fff;font-size:.9rem;font-style:italic;margin-bottom:10px;}
.mtog-bx .pop{font-size:.9rem;position:relative;}
.mtog-bx .pop i{display:block;margin:0 auto 8px;color:#fff;font-size:2rem;transform-origin:top center;}
.mtog-bx .pop .num{font-size:.625rem;width:20px;line-height:20px;border-radius:50%;text-align:center;color:#fff;font-weight:700;background:#f66;position:absolute;right:25%;top:32%;border:0;}
.mtog-bx .pop:hover i{animation:swing2 1s both alternate;}
.mtog-bx > a:first-child{padding:40px 0 25px;}
.mtog-bx > a:last-child{padding:25px 0 40px;background:#0004;}
.mtog-bx a:hover{background:#0076b1;}
.mtog-bx> a:first-child:hover{background:linear-gradient(180deg, #E4E9EE 20%, #fff 80%);color:#000;}
.mtog-bx> a:first-child:hover span{border-color:var(--sub-color);color:var(--sub-color);}
.mtog-bx:hover > a:first-child span{animation:blink 1.5s infinite}
.mtog-bx> a:first-child:hover span{animation:none;}
.mtog-bx > a:last-child:hover{background:var(--sub-color);}
.mtog-bx ul{border-top:1px solid #fff2;}
.mtog-bx ul a{padding:15px 10px;position:relative;}
.mtog-bx ul a:after{content:"";width:calc(100% - 20px);border-bottom:1px solid #fff4;display:block;position:absolute;bottom:0;left:10px;}
.mtog-bx ul li:last-child a:after{display:none;}

.mmodal-bx{width:1200px;background:var(--main-color);position:absolute;top:0;right: 130px;z-index:100;border-radius:5px 5px 100px 5px;overflow:hidden;transform: translateX(200px);opacity:0;visibility:hidden;transition:opacity .5s, visibility .5s, transform .5s;}
.mmodal-bx.active{ transform: translateX(0);visibility: visible;opacity:1;}
.mmodal-bx .title{color:#fff;text-align:center;margin:40px 40px 30px;line-height:1.2;position:relative;}
.mmodal-bx .title:before{content:"";width:100%;height:1px;background:#fff8;position:absolute;left:0;bottom: 10px;}
.mmodal-bx .stit{font-size:1.3rem;color:#B9EEFF;font-weight:400;margin-bottom:5px;}
.mmodal-bx .tit{font-size: 2rem;font-weight:900;font-family:gsans;background:var(--main-color);display:inline-block;position:relative;padding:0 20px;}
.mmodal-bx .tab{margin:0 40px -1px;display:flex;text-align:center;}
.mmodal-bx .tab a{flex:1;line-height:60px;font-size: 1.125em;color:#B9EEFF;}
.mmodal-bx .tab a.on{background:#fff;color:#121314;border-radius:10px 10px 0 0;font-weight:700;}
.mmodal-bx .cont{background:#fff url(../img/jtu-ico-bg.png) no-repeat right 30px bottom 30px;padding:40px;}
.mmodal-bx .btn-wrap {display:flex;flex-wrap:wrap;margin:-5px -10px;}
.mmodal-bx .btn-wrap a{width:calc(33.33% - 20px);display:flex;justify-content:space-between;align-items:center;margin:5px 10px;padding:15px 30px;border-radius:5px;border:1px solid #dadada;font-size: 1.1rem;font-weight:500;color:#121314;}
.mmodal-bx .btn-wrap a:after{content:"\f054";font-family:fontAwesome;font-size:.9rem;color:#666;}
.mmodal-bx .btn-list{margin-top:20px;display:flex;}
.mmodal-bx .btn-list ul{width:33.33%;border-left:1px solid #dadada;margin-left:10px;}
.mmodal-bx .btn-list a{display:block;font-size: 1.075rem;padding:5px 0 5px 20px;color:#121314;}
.mmodal-bx .close{position:absolute;top: 30px;right:30px;color:#fff;font-size: 3rem;line-height:1;background: var(--main-color);padding: 0 0 0 20px;}

/*알림존*/
.modal.intro-modal				{position:fixed;left:0;top:0;width:100%;height:100%;padding:0;margin:0;background:rgba(0,0,0,0.75);z-index:9999;overflow:hidden;}
.intro_cont			{position:relative;top:50%;transform:translateY(-50%);z-index:-1;width:1240px;margin:0 auto;/* animation:fadeInDown .5s both alternate; */}
.intro_cont .close	{position:absolute;top:-40px;right:10px;z-index:99999;opacity:1;}
.intro_cont .close form	{font-size:14px;color:#fff;text-shadow:none;display:inline-block;margin-right:10px;}
.intro_cont .close input{margin-top:0;}

#pop_close		{position:absolute;width:100%;left:0;top:0;z-index:99;}
#pop_close a	{display:inline-block;background:#0D0B5D;height:40px;line-height:40px;color:#fff;padding:0 30px;border-radius:0 0 10px 10px;}
#pop_close a img{vertical-align:middle;margin-left:15px;}

#jtu_intro			{position:relative;font-size:15px;}
#jtu_intro .col_wrap	{overflow:hidden;}
#jtu_intro .bx		{position:relative;padding:0 10px;}
/* #jtu_intro .bx .cont:after	{content:"제주관광대학교 로고";position:absolute;left:0;bottom:0;display:block;width:100%;height:50px;background:rgba(0,0,0,0.8) url(../img/logo_w.png) no-repeat 50% 50%/100px auto;text-indent:-999px;overflow:hidden;z-index:1;border-radius:0 0 10px 10px;} */
#jtu_intro .bx .cont .cont:after{display:none;}
#jtu_intro .cont	{position:relative;padding:20px 25px;height:400px;background-image:url(../img/intro_contbg.png);background-repeat:no-repeat;background-position:50% 50%;border-radius:10px;overflow:hidden;}
#jtu_intro .img-cont	{position:relative;padding:0;background:none;}
#jtu_intro .img-cont .thumb{height:100%;}

#jtu_intro .control a	{position:absolute;top:50%;transform:translateY(-50%);display:block;width:70px;height:70px;line-height:70px;text-align:center;color:#fff;font-family:fontAwesome;font-size:2rem;font-weight:100;border:2px solid #fff;border-radius:50%;}
#jtu_intro .control a.prev	{left:-90px;}
#jtu_intro .control a.next	{right:-90px;}
#jtu_intro .control a.prev:before{content:"\f053";}
#jtu_intro .control a.next:before{content:"\f054";}
#jtu_intro .control a:hover	{background-color:var(--main-color);color:#fff;border-color:var(--main-color);}

.intro-modal .bx-controls-auto {text-align: center;margin-top:20px;}
.intro-modal .bx-controls-auto .bx-controls-auto-item{display:inline-block;}
.intro-modal .bx-controls-auto .bx-controls-auto-item a{display: block;text-indent: -9999px;width: 38px;height: 38px;background-image: url(../img/btn_modal_control.png);margin:0 2px;}
.intro-modal .bx-controls-auto .bx-stop {background-position-x:-39px;}

@media only screen and (max-width:1600px){
	.main-container:before{left:calc(50% - 730px);font-size:.9rem;}
	#main-visual{width:calc(50% + 700px);border-radius:0 0 0 100px;}
	#main-visual .d_width{margin-left:calc(700px - 1200px / 2);}
	.mv-slide .tit{padding:240px 0 360px;font-size:3.8rem;}
	.mv-issue h4.tit{line-height:70px;}
	.mv-issue .issue-list a{line-height:70px;}
	.mv-issue .more{line-height:70px;top:-70px;}
	.mv-news .cont{padding:30px;}
	.mv-news .title{font-size:1.6rem;}
	.mv-news .notice-list li{width:calc(50% - 10px);}
	.mv-issue .item-control{line-height:40px;}
	.mv-news .close,
	.mmodal-bx .close{font-size:2.5rem;}
	.mmodal-bx{width:960px;}
	.mmodal-bx .title{margin:30px 30px 20px;}
	.mmodal-bx .tab{margin:0 30px -1px;}
	.mmodal-bx .tab a{line-height:50px;}
	.mmodal-bx .cont{padding:30px;}
	.mmodal-bx .btn-wrap a{font-size:1rem;padding:10px 20px;}
	.mmodal-bx .btn-list a{font-size:1rem;}
	.mfix-toggle{right:40px;}
}
@media only screen and (max-width:1440px){ /* 960 */	
	.main-container:before{display:none;}
	#main-visual{width:100%;border-radius:0;overflow:auto;}
	#main-visual .d_width{margin:0 auto;}
	.mv-slide .tit{font-size:3.5rem;padding:200px 0 320px;}
	.mv-slide-ctrl{bottom:200px;}
	.mv-issue h4.tit{line-height:60px;}
	.mv-issue .issue-list a{line-height:60px;}
	.mv-issue .more{line-height:60px;top:-60px;}
	.mv-news .title{font-size:1.3rem;}
	
	#mpopupsilde		{margin:0;}
	.intro_cont			{width:810px;}
}
@media only screen and (max-width:1240px){ /* 960 */
	.mv-slide .tit{font-size:3rem;padding:170px 0 290px;}
	.mv-issue .issue-wrap{width:calc(100% - 150px);}
	.mv-issue .item-control{width:150px;padding:0 10px;}
	.mv-issue h4.tit{font-size:1.2rem;}
	.mv-news .title{padding:10px 20px;font-size:1.2rem;border-radius:20px 0 0;}
	.mv-news .cont{padding:20px;}
	.mv-news .cont .col-1{width:250px;}
	.mv-news .cont .col-2{width:calc(100% - 270px);}
	.mv-news .close, .mmodal-bx .close{font-size:2rem;}
	
	.mfix-toggle{position:relative;right:unset;top:unset;}
	.mtog-bx{width:960px;margin:20px auto 0;display:flex;border-radius:10px;background:var(--sub-color);align-items:center;animation:fadeInDown 1s .3s both;}
	.mtog-bx > *{min-height:75px;}
	.mtog-bx  a	{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;}
	.mtog-bx > a{width:150px;padding:10px !important;font-size:.9rem;background:#0004;}
	.mtog-bx > a span{display:block;max-width:70px;margin:0 auto 5px;}
	.mtog-bx .pop i{margin:0 auto 5px;}
	.mtog-bx .pop .num{right:34%;}
	.mtog-bx ul{display:flex;flex-wrap:wrap;width:calc(100% - 300px);border-top:0;}
	.mtog-bx ul li{width:25%;}
	.mtog-bx ul a:after{width:auto;height:calc(100% - 20px);border-bottom:0;border-right:1px solid #fff4;right: 0;left:unset;bottom:50%;transform:translateY(50%);}
	.mmodal-bx{width:740px;position:fixed;top:50%;;transform:translateY(-50%);}
	.mmodal-bx.active{right:50%;transform:translate(50%,-50%);}
	
	.intro_cont		{width:430px;}
}
@media only screen and (max-width:1023px){ /* 960 */
	.mv-slide .tit{font-size:2.5rem;padding:150px 0 200px;}
	.mv-slide-ctrl{bottom:140px;}
	.mv-slide-ctrl .swiper-pagination{font-size:1.1rem;}
	#main-visual .progress{margin:0 10px;}
	.mv-slide-ctrl a{font-size:.825rem;}
	
	.mv-issue .issue-wrap{width:100%;display:flex;flex-direction:column;}
	.mv-issue .item-control{width: 140px;padding: 0 10px;position: absolute;top: -30px;right: 0;height: auto;line-height:30px;font-size:.8rem;}
	.mv-issue h4.tit{line-height:50px;}
	.mv-issue .issue-list a{line-height:50px;}
	.mv-issue .more{order:1;position:static;opacity:1;border-radius:0;font-size:.9rem;line-height:50px;}
	.mv-issue .mv-news{order:2;width: 740px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 9;}
	.mv-issue .issue-wrap:hover .more{animation:none;}
	.mv-issue .issue-wrap.active .more{display:block;}
	.mv-issue .issue-list a .tit,
	.mv-issue .issue-list a .hov-tit{font-size:1rem;}
	.mv-issue .issue-wrap .plus{font-size:.75rem;}
	.mv-news h5.tit{font-size:1rem;}
	.mv-news .photo-list .subject{padding:10px;font-size:1rem;}
	
	.mtog-bx{width:740px;}
	.mmodal-bx{width:600px;border-radius:5px 5px 50px 5px}
	.mmodal-bx .title{margin:20px 20px 10px;}
	.mmodal-bx .tit{font-size:1.5rem;}
	.mv-news .close, .mmodal-bx .close{font-size:1.8rem;}
	.mmodal-bx .tab{margin:0 20px -1px;}
	.mmodal-bx .tab a{line-height:40px;font-size:1rem;}
	.mmodal-bx .cont{padding:20px;background-size:40%;}
	.mmodal-bx .btn-wrap{margin:-5px;}
	.mmodal-bx .btn-wrap a{width:calc(50% - 10px);margin:5px;padding:7px 10px;}
	.mmodal-bx .btn-list a{font-size:.9rem;padding:3px  0 3px 10px;}
}
@media only screen and (max-width:767px){ /* 960 */
	#main-visual .d_width{margin:0 20px;}
	.mv-slide .tit{font-size:2rem;padding:130px 0 160px;}
	.mv-slide-ctrl{bottom:110px;}
	.mv-slide-ctrl .swiper-pagination{font-size:.9rem;}
	#main-visual .progress{width:60%;}
	
	.mv-issue {position:relative;margin-top:-40px;}
	.mv-issue h4.tit,
	.mv-issue .issue-list a{line-height: 40px;}
	.mv-issue .issue-list-wrap{box-shadow:0 0 10px #0002;}
	.mv-issue h4.tit{width:100px;font-size:.9rem;}
	.mv-issue .issue-list a .tit{font-size:.9rem;}
	.mv-issue .issue-list a .date{font-size:.825rem;}
	.mv-issue .issue-list a{padding:0 10px 0 110px;}
	.mv-issue .issue-list a .hov-tit{opacity:0;}
	.mv-issue .issue-list a:hover:before{height:0;}
	.mv-issue .issue-list a:hover .tit,
	.mv-issue .issue-list a:hover .date{display:inline;}
	.mv-issue .issue-list a:hover{padding:0 10px 0 110px;}

	.mv-issue .mv-news{width:100%}
	.mv-news .title{padding:7px 10px;font-size:1rem;border-radius:0;background:var(--main-color);}
	.mmodal-bx .close{font-size:1.5rem;}
	.mv-news .close{top:7px;right:10px;}
	.mv-issue .more{margin-top:10px;border-radius:0 0 20px 0;line-height:40px;}
	.mv-news .cont{flex-wrap:wrap;max-height:300px;overflow-y:scroll;padding:10px;}
	.mv-news .cont::-webkit-scrollbar {width: 5px;}
	.mv-news .cont::-webkit-scrollbar-thumb {background:#666;}
	.mv-news .cont::-webkit-scrollbar-track {background:#ccc;}
	.mv-news .cont .col-1, .mv-news .cont .col-2{width:100%;}
	.mv-news h5.tit{margin-bottom:8px;}
	.mv-news .photo-list{display:flex;justify-content:space-between;}
	.mv-news .photo-list a{width:calc(50% - 5px);margin-bottom:0;}
	.mv-news .photo-list .subject{font-size:.9rem;}
	.mv-news .cont .col-2{margin-top:20px;}
	.mv-news .notice-list li{width:calc(50% - 5px);}
	.mv-news .notice-list .item,
	.mv-news .notice-list .date{font-size:.825rem;}
	.mv-news .notice-list .subject{font-size:.9rem;min-height:34px;margin:5px 0;}
	.mv-news .notice-list a{padding:5px 0;}
	
	.mtog-bx{width:calc(100% - 40px);flex-wrap:wrap;}
	.mtog-bx > *{min-height:auto;}
	.mtog-bx a{flex-direction:row;}
	.mtog-bx > a{width:50%;order:1;padding:10px 5px !important;}
	.mtog-bx ul{width:100%;}
	.mtog-bx ul a{padding:10px 5px;font-size:.9rem;}
	.mtog-bx > a span{margin:0 5px 0 0;font-size:.825rem;}
	.mtog-bx .pop i{margin:0 5px 0 0;font-size:1.5rem;}
	.mtog-bx .pop .num{width:15px;line-height:15px;position:static;margin:3px 10px 0 -10px;}
	.mtog-bx > a:first-child{background:#1772b5;}
	
	.mmodal-bx{width:calc(100% - 40px);}
	.mmodal-bx .tit{font-size:1.2rem;}
	.mmodal-bx .close{font-size:1.5rem;top:20px;right:20px;}
	.mmodal-bx .btn-wrap a{font-size:.9rem;}

	.intro_cont		{width:100%;max-width:390px;}
	#pop_close		{width:150px;right:20px;left:auto;}
	#pop_close a	{background:#3AA370;}
	#jtu_intro .control a		{width:35px;height:35px;line-height:30px;background-size:25%;font-size:1rem}
	#jtu_intro .control a.prev	{top:-30px;left:10px;}
	#jtu_intro .control a.next	{top:-30px;left:50px;}
	#jtu_intro .col_wrap	{max-height:400px;}
	#jtu_intro .cont	{height:100%;padding:10px;}
	#jtu_intro .img-cont	{padding:0;}
	#jtu_intro .img-cont .thumb{aspect-ratio:1 / 1.03;height:auto;}
}
@media only screen and (max-width:576px){
	.mv-slide .tit{font-size:1.5rem;padding:100px 0 120px;}
	.mv-slide-ctrl{bottom:80px;}
	.mv-slide .tit span.underline:after{border-width:1px;}
	
	.mv-issue{margin-top:-30px;}
	.mv-issue h4.tit{width:100%;line-height:30px;position:relative;text-align:left;padding:0 10px;}
	.mv-issue .issue-list li{width:100% !important;}
	.mv-issue .issue-list a .tit{width:calc(100% - 70px);}
	.mv-issue .issue-list a,
	.mv-issue .issue-list a:hover{padding:0 10px;}
	.mv-issue .item-control{top:0;z-index:2;}
	.mv-news .cont{max-height:250px;}
	.mv-news .photo-list .thumb{height:110px;}
	.mv-news .notice-list li{width:100%;}
	.mv-news .notice-list a{position:relative;}
	.mv-news .notice-list .subject{min-height:18px;-webkit-line-clamp:1;margin:0;}
	.mv-news .notice-list .date{position:absolute;top:8px;right:10px;}
	.mv-news .notice-list li:nth-child(2){border-top:0;}
	
	.mmodal-bx .tab a{font-size:.9rem;line-height:30px;}
	.mtog-bx ul a{font-size:.825rem;}
	.mtog-bx ul li{width:50%;}
	.mmodal-bx .cont{padding:10px;}
	.mmodal-bx .tab{margin:0 10px -1px;}
	.mmodal-bx .title{margin:20px 10px 10px;}
	.mmodal-bx .btn-wrap{margin:-3px;}
	.mmodal-bx .btn-wrap a{width:calc(50% - 6px);font-size:.825rem;margin:3px;}
	.mmodal-bx .btn-list{flex-wrap:wrap;}
	.mmodal-bx .btn-list ul{width:100%;margin-left:5px;display:flex;flex-wrap:wrap;}
	.mmodal-bx .btn-list li{width:50%;}
	.mmodal-bx .btn-list a{padding:3px 0 3px 5px;}
	
}
@media only screen and (max-width:415px){
	#main-visual .d_width{margin:0 10px;}
	.mv-slide .tit{font-size:1.3rem;}
	
	.mv-issue .more .va-pc{display:none;}
	.mtog-bx > a:first-child span{display:none;}
	.mtog-bx > a:first-child{padding:13px 5px !important;}
	
	.mtog-bx{width:calc(100% - 20px);margin:10px auto 0;}
	.mmodal-bx .close{right:10px;}
	.mmodal-bx .cont{max-height: 80%;overflow-y: scroll;}
	.mmodal-bx .cont::-webkit-scrollbar {width: 5px;}
	.mmodal-bx .cont::-webkit-scrollbar-thumb {background:#666;}
	.mmodal-bx .cont::-webkit-scrollbar-track {background:#ccc;}
	.mmodal-bx .btn-wrap a{width:100%;padding:5px 10px;}
	.mmodal-bx .btn-list{margin-top:10px;}
	.mmodal-bx .btn-list li{width:100%;}
}

/*메인콘텐츠*/
#mc-cont1 .d_width{padding:100px 0;}
#mc-cont1 .d_width:before{content:"";width:100%;height:100%;background:url(../img/mc-bg01.png) no-repeat 100% 0;position:absolute;top:0;right:0;
view-timeline: --subjectReveal block;animation-timeline: --subjectReveal;animation-name: backFade;animation-range: 10% exit 90%;animation-fill-mode: both;animation-duration: 1ms; }
#mc-cont1 .mc-tit{text-align:center;margin-bottom:60px;}
#mc-cont1 .mc-tit .stit{font-size:25px;font-weight:500;color:#121314;}
#mc-cont1 .mc-tit .tit{font-family:gsans;font-size:70px;font-weight:900;color:var(--sub-color);}
#mc-cont1 .mc-tit .tit em{font-weight:inherit;}
#mc-cont1 .row{justify-content:space-between;}
#mc-cont1 .col-1{width:350px;}
#mc-cont1 .col-2{width:calc(100% - 410px);}
.mpopup	{position:relative;}
.mpopup h3.tit{margin-bottom:20px;}
.mpopup .thumb{display:block;width:100%;height:380px;}
.mpopup .item-control{position:absolute;top:0;right:0;}
.mpopup .paging{margin-right:10px;}
.mnews-list{display:flex;margin:0 -15px;}
.mnews-list > a{display:block;width:calc(33.33% - 30px);margin:0 15px;}
.mnews-list .thumb img{transition:all .5s;}
.mnews-list .thumb{height:240px;margin-bottom:20px;}
.mnews-list .item{font-size:.9rem;font-weight:500;display:block;}
.mnews-list .tit{font-size:1.45rem;color:#121314;font-weight:700;margin:10px 0;}
.mnews-list .tit span{background:linear-gradient(to bottom, transparent 94%, #01BAF8 0) left center no-repeat;background-size:0;transition:all .3s;}
.mnews-list .txt{color:#919191;-webkit-line-clamp:3;min-height:67px;}
.mnews-list > a:hover .thumb img{scale:1.03;}
.mnews-list > a:hover .tit span{background-size:100%;color:var(--main-color);}

#mc-cont2{padding:80px 0 250px;position:relative;background:#F7F9FA;overflow:hidden;}
.mnotice .row{justify-content:space-between;}
.mnotice .col_d2{width:calc(50% - 30px);}
.mnotice .tab{justify-content:center;margin-bottom:40px;}
.mnotice .tab a{font-size:1.9rem;font-weight:700;padding:0 35px;color:#121314;position:relative;}
.mnotice .tab a:after{content:"";width:5px;height:5px;border-radius:50%;display:block;background:#ccc;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.mnotice .tab a:last-child:after{display:none;}
.mnotice .tab a.on{color:var(--main-color);}
.mnotice .tab a:hover{color:var(--main-color);}
.mnotice ul{border-top:1px solid #121314;border-bottom:1px solid #121314;padding-bottom:20px;}
.mnotice li:not(.recent) a{padding:10px 20px;display:flex;justify-content:space-between;}
.mnotice li:not(.recent) .tit{width:calc(100% - 100px);font-size:1.05rem;font-weight:500;color:#121314;}
.mnotice li .date{color:#666;font-size:.9rem;}
.mnotice li.recent{padding:20px;border-bottom:1px solid #ccc;margin-bottom:20px;}
.mnotice li.recent .tit{font-size:1.45rem;color:#121314;font-weight:700;}
.mnotice a .tit span{background:linear-gradient(to bottom, transparent 94%, #01BAF8 0) left center no-repeat;background-size:0;transition:all .3s;}
.mnotice a:hover .tit span{background-size:100%;color:var(--main-color);}
.mnotice li.recent .txt{font-size:1.05rem;color:#666;margin:10px 0 5px;}
.mnotice .more{width:180px;line-height:50px;display:block;font-family:gsans;color:var(--sub-color);font-size:.85rem;border:1px solid #121314;text-align:center;margin:40px auto 0;position:relative;}
.mnotice .more:before{content:"";width:0%;height:100%;position:absolute;left:0;bottom:0;background:var(--sub-color);transition:all .2s;z-index:-1;}
.mnotice .more:hover:before{width:100%;}
.mnotice .more:hover{color:#fff;}

#mc-cont3{margin-top:-120px;padding-bottom:100px;}
.mdept{width:calc(50% + 700px);float:right;overflow:hidden;position:relative;display:flex;flex-wrap:nowrap;}
.mdept .tit-wrap{width:440px;height:520px;padding:90px 40px;color:#fff;flex-shrink:0;background:var(--main-color);}
.mdept .tit-wrap h3.tit{font-family:gsans;font-weight:900;font-size:2.5rem;color:inherit;margin-bottom:5px;}
.mdept .tit-wrap .stit{font-size:1.25rem;}
.mdept .item-control{position:absolute;left:40px;bottom:90px;}
.mdept .item-control a{display:inline-block;width:50px;height:50px;line-height:45px;border-radius:50%;border:2px solid #fff;text-align:center;color:#fff;margin-right:5px;}
.mdept .item-control a.ico-prev:before{content:"\f0d9";}
.mdept .item-control a.ico-next:before{content:"\f0da";}
.mdept .item-control a:hover{background:#fff;color:var(--main-color);}
.mdept > .bx-wrapper{margin:70px 0 70px -80px !important;}
.mdept-list{display:flex;}
.mdept-list a{display:block;width:320px !important;height:380px;margin-right:40px;padding:30px;background:#ccc;overflow:hidden;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff;word-break:keep-all;position:relative;z-index:1;}
.mdept-list a:after{content:"";width:100%;height:100%;background:#0006;position:absolute;top:0;left:0;transition:all .3s;}
.mdept-list a p{position:relative;z-index:1;}
.mdept-list a .tit{font-size:1.9rem;font-weight:900;line-height:1.1;margin-bottom:15px;}
.mdept-list a .txt{font-size:1.05rem;font-weight:200;}
.mdept-list a:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;}
.mdept-list a.bg1:before{background-image:url(../img/dept-img01.png);}
.mdept-list a.bg2:before{background-image:url(../img/dept-img02.png);}
.mdept-list a.bg3:before{background-image:url(../img/dept-img03.png);}
.mdept-list a.bg4:before{background-image:url(../img/dept-img04.png);}
.mdept-list a.bg5:before{background-image:url(../img/dept-img05.png);}
.mdept-list a.bg6:before{background-image:url(../img/dept-img06.png);}
.mdept-list a:hover:before{animation:bg-scale .8s both alternate;filter:brightness(.6);}
.mdept-list a:hover:after{background:var(--sub-color);opacity:.5;}
.mdept-list a:hover{box-shadow:0 0 20px #09246377;}
.mquick {margin-top:80px;border:20px solid #CAD5DF;padding:20px;position:relative;display:flex;}
.mquick:before,
.mquick:after{content:"";width:calc(100% - 30px);border-top:20px solid #fff;position:absolute;left:50%;transform:translateX(-50%);}
.mquick:before{top:-20px;}
.mquick:after{bottom:-20px;}
.mquick a{flex:1;text-align:center;font-size:1.2rem;color:#121314;font-weight:500;}
.mquick a span{display:block;margin:0 auto 10px;width:110px;height:110px;border-radius:50%;background:#E4E9EE;position:relative;}
.mquick a span:before{content:"";width:60px;height:60px;background:url(../img/mquick-ico.png);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .3s;}
.mquick a.ico2 span:before{background-position-x:-60px;}
.mquick a.ico3 span:before{background-position-x:-120px;}
.mquick a.ico4 span:before{background-position-x:-180px;}
.mquick a.ico5 span:before{background-position-x:-240px;}
.mquick a.ico6 span:before{background-position-x:-300px;}
.mquick a:hover {color:var(--main-color);font-weight:700;}
.mquick a:hover span{background:var(--grd);box-shadow:var(--color-shadow);}
.mquick a:hover span:before{background-position-y:-60px;}

#mc-cont4{padding-bottom:100px;background:#F7F9FA;}
.mschedule{padding:40px 0;color:#fff;background-image:url(../img/mschedule-bg.png);background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;overflow:hidden;}
.mschedule .d_width{min-height:140px;}
.mschedule .tit-wrap{width:250px;}
.mschedule .tit-wrap h3.tit{color:inherit;font-family:gsans;font-weight:900;font-size:2.8rem;}
.mschedule .more{width:150px;line-height:40px;display:block;text-align:center;border:1px solid #fff;position:absolute;left:0;bottom:0;}
.mschedule .more:before{content:"";width:0%;height:100%;position:absolute;left:0;bottom:0;background:#fff;transition:all .2s;z-index:-1;}
.mschedule .more:hover:before{width:100%;}
.mschedule .more:hover{color:var(--main-color);}
.mschedule-list{width:calc(100% - 250px);display:flex;}
.mschedule-list li{width:20%;position:relative;padding:10px 20px;display:flex;flex-direction:column;justify-content:space-between;}
.mschedule-list li:after{content:"";height:calc(100% - 40px);border-right:1px solid #fff4;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.mschedule-list li:first-child:before{content:"";height:calc(100% - 40px);border-left:1px solid #fff4;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.mschedule-list .date{display:block;font-size:2rem;font-weight:700;font-family:gsans;line-height:1.2;margin-bottom:20px;}
.mschedule-list li.nodata{color:#e1e1e1;}

@keyframes backRight {
  from {
    background-position-x:70%;
  }
  to {
    background-position-x:100%;
  }
}
@keyframes backFade {
  from {
    background-position-x:100%;
    opacity: 1;
  }
  to {
    background-position-x:80%;
    opacity: 0;
  }
}
@keyframes appear {
  from {
    opacity: 0;
    transform: scaleX(0);
  }

  to {
    opacity: 1,
    transform: scaleX(1);
  }
}
@keyframes brightness {
  0 {
    filter:brightness(90%) contrast(100%);
  }
  50% {
    filter:brightness(115%) contrast(115%);
  }
  100% {
    filter:brightness(100%) contrast(100%);
  }
}

.mpromo{justify-content:space-between;align-items:end;margin-top:100px;position:relative;}
.mpromo:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/mc-bg02.png) no-repeat 100% 0;overflow:hidden;
view-timeline: --subjectReveal block;animation-timeline: --subjectReveal;animation-name: backRight;animation-range: 10% exit 90%;animation-fill-mode: both;animation-duration: 1ms; }
.mvideo{width:600px;position:relative;}
.mvideo .thumb{height:380px;}
.mvideo .tit{position:absolute;top:0;left:0;width:100%;padding:10px;background:#0009;color:#fff;text-align:center;z-index:9;}
.msns{width:calc(100% - 660px);padding-right:220px;background:url(../img/msns-deco.png) no-repeat 100% 100%;}
.msns .tit{font-size:1.9rem;}
.msns .txt{font-size:1.2rem;}
.msns-list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.msns-list a{display:block;width:calc(50% - 20px);padding:10px 0;margin-top:20px;font-size:1.05rem;font-weight:700;border-bottom:1px solid #ccc;background-size:0 !important;}
.msns-list a:before{content:"";width:35px;height:35px;border-radius:50%;overflow:hidden;display:inline-block;margin-right:10px;background:url(../img/sns-ico.png);vertical-align:middle;}
.msns-list a:hover:before{animation:wobble 1s both alternate;}
.msns-list a.blog:before{background-position-x:-39px;}
.msns-list a.youtube:before{background-position-x:78px;}
.msns-list a.kakao:before{background-position-x:37px;}
.msns-list a.blog{color:#3EB834;background:linear-gradient(to bottom, transparent 96%, #3EB834 0) left center no-repeat;}
.msns-list a.youtube{color:#D91E1E;background:linear-gradient(to bottom, transparent 96%, #D91E1E 0) left center no-repeat;}
.msns-list a.kakao{color:#3A1C1E;background:linear-gradient(to bottom, transparent 96%, #3A1C1E 0) left center no-repeat;}
.msns-list a.facebook{color:#3F5C9A;background:linear-gradient(to bottom, transparent 96%, #3F5C9A 0) left center no-repeat;}
.msns-list a:hover{background-size:100% !important;}


@keyframes bg-scale2 {
  from {
    background-size:auto 105%;
  }

  to {
    background-size:auto 100%;
  }
}
@keyframes brightness2 {
  from {
    filter:brightness(140%) contrast(140%);
  }
  to {
    filter:brightness(100%) contrast(100%);
  }
}
#mc-cont5{padding-bottom:200px;position:relative;background:#F7F9FA;overflow:hidden;}
#mc-cont5.brightness:before{animation:brightness2 7s 1s both alternate infinite linear, bg-scale2 7s both alternate infinite linear;}
#mc-cont5:before{content:"";width:100%;height:calc(100% - 110px);position:absolute;bottom:0;left:0;border-radius:0 200px 0 0;
background-image:url(../img/mc-bg03.png);background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
.mrmd .d_width{background:#fff;}
.mrmd h3.tit{padding:0 40px;line-height:70px;font-size:1.55rem;font-weight:700;color:var(--main-color);border-bottom:1px solid #e1e1e1;}
.mrmd-list{padding:30px;display:flex;flex-wrap:wrap;text-align:center;}
.mrmd-list a{display:block;width:calc(100% / 6);line-height:1.2;word-break:keep-all;}
.mrmd-list a:nth-child(n + 7){margin-top:10px;}
.mrmd-list a:before{content:"";display:block;width:80px;height:80px;margin:0 auto 10px;background:url(../img/mrmd-ico.png);}
.mrmd-list a.ico2:before{background-position:-80px 0;}
.mrmd-list a.ico3:before{background-position:-160px 0;}
.mrmd-list a.ico4:before{background-position:-240px 0;}
.mrmd-list a.ico5:before{background-position:-320px 0;}
.mrmd-list a.ico6:before{background-position:-400px 0;}
.mrmd-list a.ico7:before{background-position:0 80px;}
.mrmd-list a.ico8:before{background-position:-80px 80px;}
.mrmd-list a.ico9:before{background-position:-160px 80px;}
.mrmd-list a.ico10:before{background-position:-240px 80px;}
.mrmd-list a.ico11:before{background-position:-320px 80px;}
.mrmd-list a.ico12:before{background-position:-400px 80px;}
.mrmd-list a:hover:before{animation:rotateInUpLeft .3s both;}
.mrmd-list a span{background:linear-gradient(to bottom, transparent 97%, #01BAF8 0) left center no-repeat;background-size:0;transition:all .3s;}
.mrmd-list a:hover span{background-size:100%;color:var(--main-color);font-weight:500;}
.mbnr{margin:40px 0;}
.mbnr .row{justify-content:space-between;}
.mbnr .bnr{width:calc(50% - 20px);position:relative;background-size:cover;padding:30px 40px;}
.mbnr .bnr.bg1{background-image:url(../img/mbnr-bg01.png);}
.mbnr .bnr.bg2{background-image:url(../img/mbnr-bg02.png);}
.mbnr .bnr:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#01B2F0cc;transition:all .3s;}
.mbnr .bnr.bg2:before{background:#BD910Dcc;}
.mbnr .bnr:hover:before{background:#01B2F0;}
.mbnr .bnr.bg2:hover:before{background:#BD910D;}
.mbnr *{position:relative;}
.mbnr .tit{color:#ffc;width:160px;font-size:1.45rem;font-weight:700;}
.mbnr .btn-wrap{width:calc(100% - 160px);}
.mbnr .btn-wrap a{display:inline-block;margin-right:25px;color:#fff;line-height:1.1;padding:10px 0;}
.mbnr .btn-wrap a:after{content:"";display:block;border-bottom:1px solid #fff;transition:all .2s;}
.mbnr .bnr a:hover{color:var(--sub-color);}
.mbnr .bnr a:hover:after{border-color:var(--sub-color);}
.mcontact .d_width{padding:40px;align-items:center;color:#fff;background:#01B2F055;justify-content:space-between;}
.mcontact h3.tit{color:var(--main-color);font-weight:900;font-family:gsans;font-size:2.1rem;}
.mcontact .tel{display:flex;}
.mcontact .tel p{margin:0 30px;line-height:1.2;}
.mcontact .tel span{display:block;font-size:1.85rem;font-weight:700;}
.mcontact .btn-wrap a{display:inline-block;padding:8px 20px;border-radius:50px;border:1px solid #fff;margin-left:5px;}
.mcontact .btn-wrap a:hover{background:#fff;color:var(--main-color);}

footer{background:#121314;}
#page-top{display:block;position:absolute;top:-40px;right:0;width:80px;height:80px;border-radius:50%;background:#01B2F066;z-index:999;}
#page-top:before{width:50px;height:50px;line-height:50px;content:"\f062";font-family:fontAwesome;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:var(--main-color);border-radius:50%;color:#fff;text-align:center;transition:all .3s;}
#page-top:hover:before{width:100%;height:100%;font-size:1.5rem;line-height:80px;}
.fmn{color:#A7A7A7;border-bottom:1px solid #fff2;}
.fmn > .d_width{padding:15px 80px 15px 0;}
.fmn a{display:inline-block;padding-right:20px;}
.fbtm{padding:50px 0;justify-content:space-between;align-items:start;}
.fsite{order:1;}
.fsite select{width:220px !important;background:#0000;color:#6B778D;border:1px solid #A3ADB6;}
footer address{margin-top:20px;color:#A7A7A7;font-size:.9rem;}
footer address span{display:inline-block;width:20px;}

@media only screen and (max-width:1600px){
	#mc-cont1 .d_width{padding:80px 0;}
	#mc-cont1 .mc-tit{margin-bottom:40px;}
	#mc-cont1 .mc-tit .tit{font-size:3.8rem;}
	#mc-cont1 .mc-tit .stit{font-size:1.5rem;}
	#mc-cont1 .col-1{width:320px;}
	#mc-cont1 .col-2{width:calc(100% - 360px);}
	.mpopup .thumb{height:340px;}
	.mnews-list .thumb{height:210px;}
	.mnews-list .tit{font-size:1.3rem;min-height:50px;}
	.mnews-list{margin:0 -10px;}
	.mnews-list > a{width: calc(33.33% - 20px);margin: 0 10px;}
	
	#mc-cont2{padding:60px 0 200px;}
	.mnotice .col_d2{width:calc(50% - 20px);}
	.mnotice .tab a{font-size: 1.6rem;}
	.mnotice .tab{margin-bottom:20px;}
	.mnotice li.recent .tit{font-size:1.3rem;}
	
	#mc-cont3,
	#mc-cont4{padding-bottom:80px;}
	.mdept{width:calc(50% + 600px);}
	.mdept .tit-wrap{width:400px;height:470px;padding:70px 40px;}
	.mdept .item-control{bottom:70px;}
	.mdept > .bx-wrapper{margin:45px 0 45px -80px !important;}
	.mdept .tit-wrap h3.tit{font-size:2.1rem;}
	.mdept .tit-wrap .stit{font-size:1.1rem;}
	.mdept-list a .tit{font-size:1.6rem;}
	.mdept-list a{margin-right:30px;}
	.mquick{margin-top:60px;}
	.mquick a{font-size:1.1rem;}
	.mquick a span{width:80px;height:80px;}
	.mquick a span:before{content:"";width: 50px;height: 50px;background-size: 300px auto;}
	.mquick a.ico2 span:before{background-position-x:-50px;}
	.mquick a.ico3 span:before{background-position-x:-100px;}
	.mquick a.ico4 span:before{background-position-x:-150px;}
	.mquick a.ico5 span:before{background-position-x:-200px;}
	.mquick a.ico6 span:before{background-position-x:-250px;}
	.mquick a:hover span:before{background-position-y:-50px;}
	
	.mschedule{padding:30px 0;}
	.mschedule .d_width{min-height:130px;}
	.mschedule .tit-wrap h3.tit{font-size:2.5rem;}
	.mschedule-list .date{font-size:1.7rem;}
	
	.mpromo{margin-top:80px;}
	.msns{width:calc(100% - 640px);}
	
	#mc-cont5{padding-bottom:150px;}
	.mcontact h3.tit{font-size:1.6rem;}
}
@media only screen and (max-width:1440px){
	#mc-cont1 .mc-tit .tit{font-size:3.5rem;}
	
	.mschedule .tit-wrap h3.tit{font-size:2.2rem;}
	
	.mrmd h3.tit{padding:0 20px;font-size:1.3rem;line-height:50px;}
	.mrmd-list{padding:20px;}
	.mrmd-list a:before{width:60px;height:60px;margin:0 auto;background-size:360px auto;}
	.mrmd-list a.ico2:before{background-position:-60px 0;}
	.mrmd-list a.ico3:before{background-position:-120px 0;}
	.mrmd-list a.ico4:before{background-position:-180px 0;}
	.mrmd-list a.ico5:before{background-position:-240px 0;}
	.mrmd-list a.ico6:before{background-position:-300px 0;}
	.mrmd-list a.ico7:before{background-position:0 60px;}
	.mrmd-list a.ico8:before{background-position:-60px 60px;}
	.mrmd-list a.ico9:before{background-position:-120px 60px;}
	.mrmd-list a.ico10:before{background-position:-180px 60px;}
	.mrmd-list a.ico11:before{background-position:-240px 60px;}
	.mrmd-list a.ico12:before{background-position:-300px 60px;}
	.mbnr{margin:20px 0;}
	.mbnr .bnr{width:calc(50% - 10px);padding:20px;}
	.mbnr .tit{width:140px;font-size:1.3rem;}
	.mbnr .btn-wrap{width:calc(100% - 140px);}
	.mcontact .d_width{padding:30px 20px;}
	.mcontact h3.tit{font-size:1.3rem;}
	.mcontact .btn-wrap a{padding:5px 15px;}
}
@media only screen and (max-width:1240px){
	#mc-cont1 .d_width{padding:40px 0 60px;}
	#mc-cont1 .mc-tit{margin-bottom:20px;}
	#mc-cont1 .mc-tit .stit{font-size:1.3rem;}
	#mc-cont1 .mc-tit .tit{font-size:3rem;}
	#mc-cont1 .col-2{width:calc(100% - 350px);}
	.mnews-list > a{width:calc(50% - 20px);}
	.mnews-list > a:last-child{display:none;}
	.mnews-list .tit{font-size:1.2rem;min-height:48px;}
	.mnews-list .thumb{margin-bottom:10px;}
	
	#mc-cont2{padding:40px 0 170px;}
	.mnotice .tab a{font-size:1.4rem;padding:0 20px;}
	.mnotice .col_d2{width:calc(50% - 10px);}
	.mnotice li.recent .tit{font-size:1.2rem;}
	.mnotice li.recent{padding:10px;margin-bottom:10px;}
	.mnotice li.recent .txt{font-size:1rem;min-height:47px;}
	.mnotice li:not(.recent) a{padding:5px 10px;}
	.mnotice .more{margin:20px auto 0;line-height:40px;width:140px;}
	
	#mc-cont3,
	#mc-cont4{padding-bottom:40px;}
	.mdept{width:calc(50% + 480px);flex-wrap:wrap;}
	.mdept .tit-wrap{width:600px;height:auto;padding:30px 30px 80px;}
	.mdept .tit-wrap h3.tit{font-size:1.8rem;}
	.mdept .tit-wrap .stit{font-size:1rem;}
	.mdept .tit-wrap h3.tit br{display:none;}
	.mdept .item-control{width:960px;bottom:unset;left:0;top:20px;justify-content:right;}
	.mdept > .bx-wrapper{margin:-60px 0 0 30px !important;}
	.mdept .item-control a{color:var(--main-color);border-color:var(--main-color);}
	.mquick{margin-top:40px;padding:10px;border-width:15px;}
	.mquick a{font-size:1rem;}
	
	.mschedule .d_width{min-height:150px;}
	.mschedule .tit-wrap{display:flex;width:100%;align-items:center;margin-bottom:10px;}
	.mschedule .tit-wrap h3.tit{font-size:1.8rem;margin-left:5px;}
	.mschedule-list{width:100%;}
	.mschedule .more{width:120px;line-height:30px;top:0;right:0;bottom:unset;left:unset;}
	.mschedule-list .date{font-size:1.5rem;margin-bottom:10px;}
	
	.mpromo{margin-top:40px;}
	.mvideo{max-width:600px;margin:0 auto;}
	.msns{width:100%;margin-top:20px;}
	.msns .txt{display:none;}
	
	.mbnr .btn-wrap{width:100%;}
	.mbnr .btn-wrap a{padding:7px 0;}
	.mcontact h3.tit{width:100%;margin-bottom:20px;}
	.mcontact .tel p{margin:0 30px 0 0;}
	.mcontact .tel span{font-size:1.6rem;}
	
	.fsite{margin-top:20px;}
}
@media only screen and (max-width:1023px){
	#mc-cont1 .mc-tit .stit{font-size:1.2rem;}
	#mc-cont1 .mc-tit .tit{font-size:2.5rem;}
	#mc-cont1 .col-1{width:280px;}
	.mpopup .thumb{height:310px;}
	#mc-cont1 .col-2{width:calc(100% - 300px);}
	.mnews-list .txt{-webkit-line-clamp:2;min-height:43px;font-size:.9rem;}
	
	.mnotice .tab{margin-bottom:10px;}
	.mnotice .tab a{font-size:1.2rem;}
	.mnotice ul{padding-bottom:10px;}
	.mnotice li .date{font-size:.825rem;}
	.mnotice .more{margin:10px auto 0;line-height:30px;width:110px;font-size:.75rem;}
	.mnotice li.recent .txt{min-height:43px;font-size:.9rem;}
	
	.mdept{width:calc(50% + 370px);}
	.mdept .item-control{width:740px;}
	.mdept .tit-wrap h3.tit{font-size:1.5rem;}
	.mdept .tit-wrap .stit{display:none;}
	.mdept-list a{width:250px !important;height:300px;padding:20px;}
	.mdept-list a .tit{font-size:1.4rem;}
	.mdept-list a .txt{font-size:1rem;line-height:1.2;}
	
	.mquick{border-width:10px;}
	.mquick a{font-size:.9rem;}
	.mquick a span{width:60px;height:60px;}
	.mquick a span:before{content:"";width: 40px;height: 40px;background-size: 240px auto;}
	.mquick a.ico2 span:before{background-position-x:-40px;}
	.mquick a.ico3 span:before{background-position-x:-80px;}
	.mquick a.ico4 span:before{background-position-x:-120px;}
	.mquick a.ico5 span:before{background-position-x:-160px;}
	.mquick a.ico6 span:before{background-position-x:-200px;}
	.mquick a:hover span:before{background-position-y:-40px;}
	
	.mschedule {padding:20px 0;}
	.mschedule .tit-wrap h3.tit{font-size:1.5rem;}
	.mschedule .tit-wrap .stit{display:none;}
	.mschedule-list .date{font-size:1.3rem;}
	
	.msns .tit{font-size:1.5rem;}
	.msns-list a{width:calc(50% - 10px);font-size:1rem;padding:5px 0;}
	
	.mrmd h3.tit{font-size:1.1rem;line-height:40px;}
	.mrmd-list{padding:10px;}
	.mrmd-list a{width:25%;display:flex;align-items:center;text-align:left;padding:5px;font-size:.9rem;}
	.mrmd-list a:before{width:40px;height:40px;margin:0;background-size:240px auto;flex-shrink:0;}
	.mrmd-list a.ico2:before{background-position:-40px 0;}
	.mrmd-list a.ico3:before{background-position:-80px 0;}
	.mrmd-list a.ico4:before{background-position:-120px 0;}
	.mrmd-list a.ico5:before{background-position:-160px 0;}
	.mrmd-list a.ico6:before{background-position:-200px 0;}
	.mrmd-list a.ico7:before{background-position:0 40px;}
	.mrmd-list a.ico8:before{background-position:-40px 40px;}
	.mrmd-list a.ico9:before{background-position:-80px 40px;}
	.mrmd-list a.ico10:before{background-position:-120px 40px;}
	.mrmd-list a.ico11:before{background-position:-160px 40px;}
	.mrmd-list a.ico12:before{background-position:-200px 40px;}
	.mrmd-list a:nth-child(n + 7){margin-top:0;}
	
	.mbnr .tit{font-size:1.1rem;}
	.mbnr .btn-wrap a{font-size:.9rem;margin-right:10px;}
	
	#mc-cont5{padding-bottom:100px;}
	#mc-cont5:before{border-radius:0 50px 0 0;}
	.mcontact h3.tit{font-size:1.1rem;margin-bottom:10px;}
	.mcontact .tel span{display:inline-block;margin-left:5px;font-size:1.1rem;}
	.mcontact .btn-wrap{margin-top:10px;}
	.mcontact .btn-wrap a{margin:0;font-size:.9rem;}
	
	.fmn a{font-size:.9rem;padding-right:10px;}
	.fbtm{padding:20px 0;}
	.flogo img{height:25px;}
	footer address{font-size:.825rem;}
}
@media only screen and (max-width:767px){
	#mc-cont1 .d_width{padding:20px 0;}
	#mc-cont1 .mc-tit .stit{display:none;}
	#mc-cont1 .mc-tit .tit{font-size:2rem;}
	#mc-cont1 .col-1{width:250px;}
	.mpopup .thumb{height:300px;}
	#mc-cont1 .col-2{width:calc(100% - 270px);}
	.mnews-list{flex-wrap:wrap;}
	.mnews-list > a{width:calc(100% - 20px);}
	.mnews-list > a:nth-child(2){display:none;}
	.mnews-list .thumb{height:190px;}
	.mnews-list .tit{font-size:1.1rem;min-height:43px;}
	
	#mc-cont2{padding:20px 0 0;}
	.mnotice .col_d2{width:100%;margin-bottom:20px;}
	.mnotice .more{width:100%;line-height:40px;}
	.mnotice li.recent .tit{font-size:1.1rem;}
	.mnotice li:not(.recent) .tit{font-size:1rem;}
	
	#mc-cont3{margin-top:0;padding:20px 0;}
	.mdept,
	.mdept .tit-wrap{width:calc(100% - 20px);}
	.mdept .item-control{width:calc(100% - 20px);}
	.mdept .tit-wrap{padding:0;color:#121314;background:0;}
	.mdept .tit-wrap h3.tit{font-size:1.3rem;}
	.mdept > .bx-wrapper{margin:10px 0 0 !important;}
	.mdept .item-control{top:0;}
	.mdept .item-control a{width:30px;height:30px;line-height:25px;margin:0 0 0 5px;}
	.mdept-list a{width:200px !important;height:230px;margin-right:10px;padding:10px;}
	.mdept-list a .tit{font-size:1.2rem;}
	.mdept-list a .txt{font-size:.9rem;word-break:keep-all;}
	.mdept-list a .txt br{display:none;}
	
	.mquick{flex-wrap:wrap;padding:0 10px;margin-top:20px;}
	.mquick a{width:33.33%;flex:auto;display:flex;align-items:center;padding:5px;}
	.mquick a span{margin:0 5px 0 0;}
	.mquick a span{width:40px;height:40px;}
	.mquick a span:before{content:"";width: 30px;height: 30px;background-size: 180px auto;}
	.mquick a.ico2 span:before{background-position-x:-30px;}
	.mquick a.ico3 span:before{background-position-x:-60px;}
	.mquick a.ico4 span:before{background-position-x:-90px;}
	.mquick a.ico5 span:before{background-position-x:-120px;}
	.mquick a.ico6 span:before{background-position-x:-150px;}
	.mquick a:hover span:before{background-position-y:-30px;}
	
	.mschedule .tit-wrap{border-bottom:1px solid #fff5;padding-bottom:5px;margin-bottom:5px;}
	.mschedule .tit-wrap h3.tit,
	.msns .tit{font-size:1.3rem;}
	.mschedule-list{flex-wrap:wrap;}
	.mschedule-list li{width:50%;padding:10px;font-size:.9rem;}
	.mschedule-list li:last-child{display:none;}
	.mschedule-list .date{font-size:1.2rem;}
	.mschedule-list .date br{display:none;}
	.mschedule .more{position:static;width:100%;} 
	
	.mrmd-list a{width:33.33%;}
	.mcontact .d_width{padding:20px;}
	
	#page-top{width:60px;height:60px;top:-30px;}
	#page-top:before{width:40px;height:40px;line-height:40px;}
	.fmn{padding-right:60px;}
	
}
@media only screen and (max-width:576px){
	#mc-cont1 .d_width:before{background-size:100%;}
	#mc-cont1 .mc-tit{margin-bottom:10px;}
	#mc-cont1 .mc-tit .tit{font-size:1.5rem;}
	#mc-cont1 .col-1{width:100%;}
	.mpopup{margin-bottom:20px;}
	.mpopup .thumb{height:auto;aspect-ratio:1/1.086;}
	#mc-cont1 .col-2{width:100%;}
	.mnews-list{margin:0 -5px;}
	.mnews-list > a{width:calc(50% - 10px);margin:0 5px;}
	.mnews-list .thumb{height:130px;}
	.mnews-list > a:nth-child(2){display:block;}
	.mdept .tit-wrap h3.tit{padding-right:70px;}
	.mquick a{width:50%;}
	#mc-cont4{padding-bottom:20px;}
	.mschedule-list .date{font-size:1.1rem;margin-bottom:5px;}
	.mpromo{margin-top:20px;}
	.mvideo .thumb{height:250px;}
	.msns{padding:0;background:0;}
	#mc-cont5{padding-bottom:40px;}
	.mschedule,
	#mc-cont5:before{background-attachment:unset;}
	#mc-cont5.brightness:before{animation:none;}
	.mrmd h3.tit{padding:0 10px;}
	.mrmd-list a{width:50%;padding:0;}
	.mbnr{margin:10px 0;}
	.mbnr .bnr{width:100%;padding:10px;}
	.mbnr .bnr:before{background:var(--main-color);}
	.mbnr .bnr.bg2:before{background:#BD910D;}
	.mbnr .bnr.bg1{margin-bottom:10px;}
	.mcontact .tel{flex-wrap:wrap;}
	.mcontact .tel p{width:100%;}
	.fsite select{width:100% !important;margin:0 0 5px !important;}
	footer address span{display:block;}
}
@media only screen and (max-width:415px){
	.mnotice .tab a{padding:0 15px;}
}

/*서브페이지 sub*/
#wrap.sbg #header #logo .logo-w{display:none;}
#wrap.sbg #header #logo .logo-b{display:inline-block;}
#wrap.sbg  #gnbmn ul.depth1 > li > a{color:#111;}
#wrap.sbg #gnb a.ico-sitemap,
#wrap.sbg #gnb a.ico-sch{color:#121314;}


.sub-section		{position:relative;z-index:5;padding:40px 0 120px 0;}
.sub-section img	{max-width:100%}

.sub-visual	{width:calc(50% + 900px);float:right;border-radius:0 0 0 100px;overflow:hidden;position:relative;margin-top:80px;padding:80px 0 120px;overflow:hidden;}   
.sub-visual	 .d_width{margin-left:calc(900px - 1400px / 2);/*#sub-visual width에 따른 산식*/}
.sub-visual:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(90deg, rgba(1,186,248,0.6) 0%, transparent 50%);z-index:2;}
.sub-visual .svtit{color:#fff;font-family:gsans;line-height:1.3;}
.sub-visual .svtit p{animation:svTitle linear 0.3s forwards;opacity:0;transform:translateX(-20px);position:relative;z-index:4;}
.sub-visual .svtit .stit	{font-size:1.125rem;margin-bottom:10px;font-style:italic;}
.sub-visual .svtit .tit	{font-size:50px;font-weight:600;animation-delay:.2s;}
.svbg	{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;z-index:1;background-image:url(../img/sv-bg01.png);filter:brightness(.8);animation:bg-scale 5s both alternate;} 
.svbg.bg3	{background-image:url(../img/sv-bg03.png);}
.svbg.bg5	{background-image:url(../img/sv-bg05-2.png);}
.svbg.bg6	{background-image:url(../img/sv-bg06-2.png);}

/*계열/학과*/
#wrap.sv4 .sub-visual{display:none;}
#wrap.sv4 #location-wrap{top:0;margin:80px 0 0;border-top:1px solid #dadada;border-bottom:1px solid #dadada;background:var(--main-color);box-sizing:content-box;}

@keyframes svTitle	{
	0%	{opacity:0;transform:translateY(-15px);}
	100%{opacity:1;transform:translateY(0);}
}

/* #location-wrap.fix 		{transition:all 0.5s;}
#location-wrap.fix:before		{content:"";position:fixed;left:0;top:0;width:100%;height:60px;z-index:3;}
#location-wrap.fix .location	{position:fixed;margin-left:0;left:0;top:0;width:100%;height:60px;z-index:4;} */

#location-wrap			{position:relative;top:-70px;margin-bottom:-70px;height:70px;z-index:9;}
#location-wrap	> .d_width{height:100%;}
.location	{position:relative;width:calc(100% - 200px);}
.location a	{display:block;height:100%;}
.location a[target="_blank"]:after	{content:"\f35d";font-family:FontAwesome;font-weight:900;float:right;font-size:12px;margin-top:2px;}
.location ul			{position:absolute;left:0;top:0;width:100%;background:#fff;}
.location ul li			{position:relative;float:left;cursor:pointer;}
.location > ul > li	{width:calc((100% - 70px) / 3);}
.location>ul>li:before	{content:"";position:absolute;right:0;top:0;height:100%;width:1px;background:rgba(0,0,0,0.1);z-index:4;}
.location ul li:after		{content:"";position:absolute;right:20px;top:25px;display:block;width:8px;height:8px;transform:rotate(45deg);border-right:2px solid var(--main-color);border-bottom:2px solid var(--main-color);transition:all 0.2s ease-out;z-index:3;}
.location ul li:hover:after	{transform:rotate(-135deg);top:28px;border-color:#FFFFCC;}
.location ul li span,
.location ul li a		{width:100%;position:relative;display:block;padding:0 45px 0 20px;line-height:70px;color:#121314;font-weight:700;font-size:1.125rem;border-right:1px solid rgba(255,255,255,0.2);white-space:nowrap;z-index:2;}
.location ul li.home{width:70px;}
.location ul li.home a			{height:70px;padding:0;background:var(--main-color) url(../img/jtu-ico.png) no-repeat 50% 50%;}
.location ul li.home:after		{display:none;}
.location ul li:hover	{background:var(--grd);}
.location ul li:hover span,
.location ul li:hover a:hover	{color:#FFFFCC;}

.location ul ul			{visibility:hidden;opacity:0;position:absolute;left:0;top:70px;z-index:9;width:100%;background:#fff;box-shadow:0 0 6px rgba(0,0,0,0.2);}
.location li:hover ul	{visibility:visible;opacity:1;transition:all .3s;}
.location ul ul li		{float:none;}
.location ul ul li:after{display:none}
.location ul ul li a	{position:relative;color:#121314;font-size:15px;border:none;border-top:1px solid rgba(0,0,0,0.08);padding:20px 20px;line-height:1;background:none;}
.location ul ul li a:hover		{color:#fff !important;}
.location ul ul li.on a			{color:var(--main-color);}

.pnb{width:200px;background:rgba(0,0,0,0.5);margin-top:25px;display:flex;align-items:center;text-align:center;}
.pnb > a{display:block;color:#fff;flex:1;position:relative;}
.pnb a.ico-print:before,	
.pnb a.ico-share:before	{content:"";width:24px;height:24px;background-repeat: no-repeat;background-position:50% 50%;display:inline-block;margin-right:5px;vertical-align:middle;}
.pnb a.ico-print:before	{background-image:url(../img/pnb_ico_print.png);}
.pnb a.ico-share:before	{background-image:url(../img/pnb_ico_share.png);}
.pnb > a:first-child:after{content:"";width:1px;height:100%;background:#fff9;position:absolute;right:0;}
.pnb .share		{position:absolute;right:0;top:65px;z-index:9999;width:auto;background:#fff;border:1px solid #eaeaea;padding:20px 20px 20px 15px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}
.pnb .share a	{display:block;float:left;margin-left:5px;width:30px;height:30px;background-repeat:no-repeat;background-position:50% 50%;background-size:30px 30px;}
.pnb .share span	{display:none;}
.pnb .share a.kakao		{background-image:url(../img/ico_kakao.png);}
.pnb .share a.kakaostory{background-image:url(../img/ico_kakaostory.png);}
.pnb .share a.facebook	{background-image:url(../img/ico_facebook.png);}
.pnb .share a.twitter	{background-image:url(../img/ico_twitter.png);}
.pnb .share a.blog		{background-image:url(../img/ico_blog.png);}

@media only screen and (max-width:1600px){
	.sub-visual	{width:calc(50% + 700px);}
	.sub-visual	 .d_width{margin-left:calc(700px - 1200px / 2);}
	.sub-visual .svtit .tit{font-size:2.8rem;}
}
@media only screen and (max-width:1440px){
	.sub-visual	{width:100%;border-radius:0 0 0 70px;padding:40px 0 100px;}
	.sub-visual	 .d_width{margin:0 auto;}
	.sub-visual .svtit .tit{font-size:2.5rem;}
	.sub-visual .svtit .stit{font-size:1rem;}
}
@media only screen and (max-width:1240px){
	.sub-visual{margin-top:70px;border-radius:0;}
	#wrap.sv4 #location-wrap{margin:70px 0 0;}
	.sub-visual .svtit{text-align:center;}
	.sub-visual .svtit .stit{display:none;}
	.sub-visual .svtit .tit{font-size:2.2rem;}
	.location{width:calc(100% - 150px);}
	.pnb{width:150px;font-size:.9rem;}
	.pnb a.ico-print:before, .pnb a.ico-share:before{display:none;}
	.location ul li span, .location ul li a{font-size:1rem;}
}
@media only screen and (max-width:1023px){
	.sub-visual{padding:30px 0 80px;}
	.sub-visual .svtit .tit{font-size:1.8rem;}
	
	#location-wrap .d_width{width:100%;margin:0;}
	#location-wrap{top:-50px;margin-bottom:-50px;height:50px;}
	.location ul li span, .location ul li a{line-height:50px;}
	.location ul li.home a{height:50px;background-size:40px auto;}
	.location > ul > li{width:calc((100% - 70px) / 3);}
	.location ul ul{top:50px;}
	.location ul ul li a{padding:15px 10px;}
	.location{width:100%;}
	.pnb{display:none;}
	.location ul li:after{top:20px;}
	.location ul li:hover:after{top:23px;}
}
@media only screen and (max-width:767px){
	.sub-visual	 .d_width{margin:0 20px;}
	.location > ul > li:nth-last-child(3):not(.home){display:none;}
	.location > ul > li{width:calc((100% - 70px) / 2);}
}
@media only screen and (max-width:576px){
	.sub-visual{margin-top:50px;padding:20px 0 70px;}
	#wrap.sv4 #location-wrap{margin-top:50px;}
	.sub-visual .svtit .tit{font-size:1.3rem;}
	.location ul li.home{width:50px;}
	.location > ul > li{width:calc((100% - 50px) / 3);}
	.location > ul > li:nth-last-child(2):not(.home){display:none;}
	.location > ul > li{width:calc(100% - 50px);}
}
@media only screen and (max-width:415px){
	.sub-visual	 .d_width{margin:0 10px;}
}

/*board-list*/
.board-list{color:#555;}
.board-list thead th{padding:1rem .75rem;}
.board-list tbody th, .board-list tbody td{padding:1.2rem .75rem;}
.board-list thead th{background:0;border-top:2px solid #000;border-bottom:1px solid #000;color:#121314;}
.board-list .subject, .board-list .subject a{font-size:1.2rem;font-weight:700;}

/*학사일정*/
.sc-schedule-bx		{border-top:2px solid var(--sub-color);border-bottom:1px solid #ddd;padding:25px 0;text-align:center;}
.sc-schedule-bx span	{line-height:40px;font-size:22px;font-weight:500;color:#333;display:inline-block;vertical-align:middle;}
.sc-schedule-bx a	{color:var(--sub-color);display:inline-block;width:40px;height:40px;line-height:38px;border:1px solid #ddd;font-size:14px;}
.sc-schedule-bx .prev	{float:left;}
.sc-schedule-bx .next	{float:right;}

.sc-schedule-list		{margin:60px 0 0 0;}
.sc-schedule-list:after	{content:"";display:block;float:none;clear:both;}
.sc-schedule-list .month .tit{font-size:40px;font-weight:700;color:var(--sub-color);}
.sc-schedule-list .month	{float:left;width:80px;font-size:30px;font-weight:600;color:var(--sub-color);line-height:1;}
.sc-schedule-list .calendar	{float:left;width:400px;border-top:2px solid var(--sub-color);background:#F7F9FA;padding:20px;text-align:center;}
.sc-schedule-list table		{height:240px;}
.sc-schedule-list table th,
.sc-schedule-list table td	{width:14.285714%;}
.sc-schedule-list table thead th	{color:#333;font-weight:500;padding:10px 0;border-bottom:1px solid #ddd;}
.sc-schedule-list table tbody td	{font-size:14px;line-height:24px;}
.sc-schedule-list table tbody td.sat{color:var(--blue);}
.sc-schedule-list table tbody td.sun{color:var(--pink);}
.sc-schedule-list table tbody td.date-area{background:#09246322;border-top:2px solid #f7f9fa;border-bottom:2px solid #f7f9fa;}
.sc-schedule-list table tbody span	{display:inline-block;background:var(--sub-color);width:24px;color:#fff;}
.sc-schedule-list .cont		{float:left;width:calc(100% - 480px);padding-left:40px;}
.sc-schedule-list .cont ul{border-top:1px solid #ddd;}
.sc-schedule-list .cont li	{border-bottom:1px dashed #ddd;padding:15px 0;}
.sc-schedule-list .cont li:after	{content:"";display:block;float:none;clear:both;}
.sc-schedule-list .cont span	{display:block;float:left;}
.sc-schedule-list .cont .date	{width:170px;font-size:14px;font-weight:500;color:#000;padding-top:2px;}
.sc-schedule-list .cont .txt	{width:calc(100% - 150px);}

.sc-schedule-list .detail_cont{font-size:14px; padding:10px; background-color: #f6f6f6; border-radius:5px; margin-top: 10px; color:#666;}
.sc-schedule-list .detail_cont.nodata{text-align: center; color:#b7b7b7;}
.sc-schedule-list .detail_cont span{float:none; display: inline;}	

@media (max-width:1017px){/*720*/
	.sc-schedule-list		{margin:40px 0 0 0;}
	.sc-schedule-list .month	{float:none;width:100%;font-size:24px;margin:0 0 20px 0;}
	.sc-schedule-list .calendar	{width:300px;padding:15px;padding-top:8px;}
	.sc-schedule-list table		{height:200px;}
	.sc-schedule-list table thead th	{font-size:14px;}
	.sc-schedule-list .cont		{width:calc(100% - 300px);}
	.sc-schedule-list .cont li	{padding:10px 0;}
	.sc-schedule-list .cont span	{float:none;width:100% !important;font-size:14px;}
}
@media (max-width:778px){/*mobile-l*/
	.sc-schedule-bx		{padding:15px 0;}
	.sc-schedule-list .calendar,
	.sc-schedule-list .cont		{float:none;width:100%;}
	.sc-schedule-list .calendar	{padding:10px;padding-top:5px;}
	.sc-schedule-list table		{height:auto;}
	.sc-schedule-list table th,
	.sc-schedule-list table td	{padding:3px;}
	.sc-schedule-list table thead th	{font-size:13px;}
	.sc-schedule-list table tbody td	{font-size:12px;}
	.sc-schedule-list table tbody tr:first-child td	{padding-top:8px;}
	.sc-schedule-list .cont		{padding:0;margin:20px 0 0 0}
	.sc-schedule-list .cont .date	{margin:0 0 5px 0;}
}






/*커뮤니티 tab*/
.notice-tab				{padding:1rem 2rem;background:var(--basic-bg);border-radius: 0.5rem;}
.notice-tab	a			{display:inline-block;padding:0 2rem;line-height:40px;font-size:1.125rem}
.notice-tab	a.on		{background:var(--sub-color);color:#fff;border-radius:8rem;font-size:1rem}
[class*="badge-notice"]	{display:inline-block;background:#fff;border:2px solid var(--main-color);color:var(--main-color);line-height:1;padding:0.625rem 1rem;border-radius:8rem;font-weight:400;}
/* tab */
.notice-tab:before,
.notice-tab:after		{content:"";clear:both;display:block;float:none;}
.notice-tab 			{position:relative;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items: stretch;margin:0 0 2rem 0}
.notice-tab em			{display:inline-block;font-size:var(--font-xsm);color:#fff;background:var(--gray);line-height:1;padding:0.25rem 0.55rem 0.125rem;border-radius:80px;margin-left:5px;vertical-align:middle}
.notice-tab a.on em	{background:var(--main-color);}