/*@charset "utf-8";*/
:root {
	--main-color:#39A6F4;
	--sub-color:#274887;
	--dark-color:#1C2D46;
	--point-color1:#10069F;
	--grd:linear-gradient(90deg, #39A6F4, #274887);
	--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;
	--header-height: 3rem;

	/*===== Colors =====*/
	--first-color: #3E0E12;
	--first-color-dark: #2F0A0D;
	--text-color: #524748;
	--first-color-light: #7B6F71;
	--first-color-lighten: #FBF9F9;

	/*===== Font and typography =====*/
	--body-font: 'Poppins', sans-serif;
	--biggest-font-size: 2.5rem;
	--h1-font-size: 1.5rem;
	--h2-font-size: 1.25rem;
	--h3-font-size: 1.125rem;
	--normal-font-size: .938rem;
	--small-font-size: .813rem;
	--smaller-font-size: .75rem;

	/*===== Font weight =====*/
	--font-medium: 500;
	--font-semi-bold: 600;
	--font-bold: 700;

	/*===== Margins =====*/
	--mb-1: .5rem;
	--mb-2: 1rem;
	--mb-3: 1.5rem;
	--mb-4: 2rem;
	--mb-5: 2.5rem;
	--mb-6: 3rem;

	/*===== z index =====*/
	--z-normal: 1;
	--z-tooltip: 10;
	--z-fixed: 100;
}

body{font-size:17px;font-family:Pretendard;font-weight:300;color:#333;/* overflow-y:scroll; */word-wrap: break-word;background:#f9f9f9; max-width:100vw;overflow-x:hidden;}
table{line-height:1.4;}
h1				{color:#121314;font-weight:500;}
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";font-size:.75rem;}
.item-control{align-items:center;}
.fwl	{font-weight:100;}
.thumb img{transform-origin:0 0;}
.fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat{line-height:inherit;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

.pager{display:flex;margin:0 -3px;}
.pager a{display:block;width:10px;height:7px;background:#ccc;margin:0 3px;}
.pager a.on{width: 30px;background:var(--main-color);}
.pager a:hover{background:var(--main-color);}

.sns-ico{display:inline-block;width:50px;height:50px;border-radius:50%;background:url(../img/sns-ico.png);}
.sns-ico.ico-instagram{background-position-x:-60px;}
.sns-ico.ico-facebook{background-position-x:-120px;}
.sns-ico.ico-blog{background-position-x:-180px;}
.sns-ico.sm-ico{width:25px;height:25px;background-size:auto 25px;}
.sns-ico.sm-ico.ico-instagram{background-position-x:-30px;}
.sns-ico.sm-ico.ico-facebook{background-position-x:-60px;}
.sns-ico.sm-ico.ico-blog{background-position-x:-90px;}

#wrap										{min-width:1400px;position:relative;padding:0;margin:0;background:#fff;}
/*  #wrap:not(.sbg)						{overflow-x:hidden;}  */
#header										{position:absolute;left:0;top:0;width:100%;z-index:999;transition:all 0.2s ease-out;}
#wrap.sub #header							{position:relative;}
#header.fix									{position:fixed !important;left:0;top:0;width:100%;}
#header.active							{background:#fff;}
#logo										{position:absolute;left:70px;top:1.3rem;padding:0;margin:0;z-index:999;font-size:1.1rem;font-weight:700;color:#555;line-height:1;}
#logo img{width:225px;}
#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 스타일*/
#header .topwrap{display:flex;justify-content:right;line-height:39px;padding:0 70px;color:#fff;font-size:.9rem;font-weight:200;animation:fadeInDown 1s;position:relative;z-index:100;}
#header .topwrap a{display:block;padding:0 10px;}
#header .topwrap a:not(.popup){transition:none;}
#header .topwrap a:not(.popup):before{content:"";width:16px;height:16px;display:inline-block;margin-right:5px;vertical-align:sub;}
#header .topwrap a.ico1:before{background:url(../img/topwrap-ico01.png);}
#header .topwrap a.ico2:before{background:url(../img/topwrap-ico02.png);}
#header .topwrap a.ico3:before{background:url(../img/topwrap-ico03.png);}
#header .topwrap a.popup{background:var(--main-color);padding:0 20px;}
#header .topwrap a.popup i{font-size:.7rem;margin-right:10px;}
#header .topwrap a.popup:hover{background:var(--sub-color);}
#header .topwrap a:not(.popup):hover{background:#fffc;color:#121314;backdrop-filter:blur(2px);}
#header .topwrap a:not(.popup):hover:before{filter:brightness(0);}
#header .snswrap{position:relative;}
#header .snswrap ul{width:125px;position:absolute;right:0;top:100%;background:#ffff;color:#333;border-radius:5px;overflow:hidden;display:none;}
#header .snswrap.on ul{display:block;}
#header .snswrap .sns-ico{vertical-align:middle;margin-right:5px;}
#header .snswrap ul li a{border-bottom:1px solid #0001;}
#header .topwrap .snswrap ul li a:before{display:none;}
#header .topwrap .snswrap ul li a:hover{background:var(--sub-color);color:#fff;backdrop-filter:none;}

#gnb										{position:relative;margin:0 auto;padding:0;z-index:99;background:rgba(0,0,0,0.1);animation:fadeInDown 1s;}
.topmn						{position:absolute;right:0;top:0;display:flex;color:#fff;font-weight:200;align-items:center;}
.top-btn-wrap		{font-size:.925rem;display:flex;align-items:center;}
.top-btn-wrap a:not(.btn-d){position:relative;padding-right:15px;margin-right:15px;}
.top-btn-wrap	 > a:after{content:"";width:1px;height:10px;background:#fff5;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.top-btn-wrap .lang-convert > a:before{content:"";width:17px;height:18px;background:url(../img/lang-ico.png);background-size:cover;display:inline-block;margin-right:10px;vertical-align:sub;}
.top-btn-wrap .lang-convert > a:after{content:"\f078";font-family:fontAwesome;font-size:.7rem;margin-left:15px;color:#fff9;}
.lang-convert {position:relative;}
.lang-convert .tip-box{position:absolute;top:calc(100% + 10px);left:0;z-index:100;padding:15px;border-radius:10px;width:420px;background-color:#f3f3f3;}
.lang-convert .tip-box p{font-size:14px;line-height:19px;color:#555;text-align:left;}
.lang-convert .tip-box p a{font-weight:500;color:var(--point-color1);}
.lang-convert .tip-box a.btn-d{margin-top:5px;width:50px;}
.lang-list{width:125px;position:absolute;left:0;top:calc(100% + 10px);background:#ffff;color:#333;border-radius:5px;overflow:hidden;display:none;z-index:999;}
.lang-convert.on > a:after{content:"\f077";}
.lang-convert.on .lang-list{display:block;}
.top-btn-wrap .lang-list li a{display:block;padding:5px 10px;border-bottom:1px solid #0001;margin-right:0;text-align:center;}
.lang-list li a:hover{background:var(--sub-color);color:#fff;}

#gnb .topmn > a{line-height:80px;height:80px;}
#gnb a.ico-sitemap							{width:100px;text-align:center;background:#0004 url(../img/ico-sitemap.png) no-repeat 50% 50%;}
#gnb a.ico-sitemap:hover					{background-color:var(--sub-color);}
#gnb a.ico-sch:not(#mobile-search)			{width:80px;background:var(--point-color1);text-align:center;}
#gnb a.ico-sch:hover						{background:var(--main-color) !important;}
#gnb a.ico-sch:before						{content:"\f002";color:#fff;font-family:FontAwesome;transition:all ease-out 0.2s;font-size:1.5rem;}

#gnbmn										{position:relative;width:100%;padding:0;margin:0;z-index:99;}
#gnbmn a									{position:relative;}
#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:middle;opacity:.5;}
#gnbmn ul.depth1							{display:flex;justify-content:center;}
#gnbmn ul.depth1 > li > a					{display:block;padding:0 2.7rem;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 .topwrap{display:none !important;}
#header.fix #topbnr{position:absolute;top:-999px;}
#header.active .topwrap{background:var(--sub-color);}
#header.fix #logo		{top:1rem}
#header.fix #gnb,
#header.active #gnb{background: rgb(255 255 255 / 90%);backdrop-filter: blur(5px);box-shadow: 0 0 15px #0002;transition:all .4s;}
#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 !important;}
#header.fix #gnb a.ico-sch:not(#mobile-search){width:70px;color:#121314;}
#header.active #gnb a.ico-sch{color:#121314;}
#header.fix #gnb .topmn > a{line-height:70px;height:70px;}
#header.fix #gnb .topmn,
#header.active #gnb .topmn{color:#333;}
#header.active #gnb .topmn .top-btn-wrap > a:after,
#header.fix #gnb .topmn .top-btn-wrap > a:after{background:#0004;}
#header.fix #gnb .topmn	.top-btn-wrap .lang-convert a:after,
#header.active #gnb .topmn .top-btn-wrap .lang-convert a:after{color:#0004;}

#gnbmn .title							{float:left;width:250px;padding:10px 0;word-break:keep-all;;}
#gnbmn .tit								{display:inline-block;font-size:2.2rem;font-weight:var(--font-exbold);line-height:1;color:#fff;margin:15px 0;}
#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 .tit:after{content:"";width:100%;height:5px;display:block;background:var(--grd);margin-top:5px;}

#gnbmn .depth2						{width:1600px;min-height:260px;position:absolute;top:80px;left:50%;transform:translateX(-50%);padding:20px 0;text-align:left;visibility:hidden;opacity: 0;}
#gnbmn .depth2.on					{opacity: 1; visibility: visible; transition:all .6s;}
#gnbmn .depth2 > ul								{float:left;width:calc(100% - 250px);height:380px;overflow-y:auto;padding-right:20px;margin-bottom:30px;}
#gnbmn .depth2 > ul::-webkit-scrollbar{width: 5px;background-color: var(--main-color);}
#gnbmn .depth2 > ul::-webkit-scrollbar-track{width:5px; background-color:#ccc;}
#gnbmn .depth2 > ul::-webkit-scrollbar-thumb{width:5px; -webkit-box-shadow: none; background-color:var(--main-color);}
#gnbmn .depth2 > ul:after					{content:"";float:none;clear:both;}
/*[s] 2차메뉴 너비 조정*/
#gnbmn .depth2 > ul > li						{float:left;width:20%;padding:10px 0 20px 10px;}
#gnbmn .depth2 > ul > li:nth-child(5n+1)		{clear:both;}
#gnbmn ul.depth1 > li:nth-child(1) .depth2 > ul > li{width:25%;}
#gnbmn ul.depth1 > li:nth-child(1) .depth2 > ul > li:nth-child(5n+1)		{clear:unset;}
#gnbmn ul.depth1 > li:nth-child(1) .depth2 > ul > li:nth-child(4n+1)		{clear:both;}
/*[e] 2차메뉴 너비 조정*/
#gnbmn .depth2 > ul > li > a					{display:block;border:1px solid #9aaab5;color:#222;font-weight:700;background:#fff;line-height:50px;font-size:1.1rem;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 !important;}
#gnbmn .depth2 > ul > li:hover > a:before,
#gnbmn .depth2 > ul > li > a:before{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:before,
#gnbmn .depth2 > ul > li > a:hover:before,
#gnbmn .depth2 > ul > li > a:focus:before,
#gnbmn .depth2 > ul > li > a.on:before	{opacity:1;}

/*메뉴 커스텀*/
#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li,
#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li {width:50%;display:flex;align-items:center;position:relative;}
#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li > a,
#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li > a{border:0;background:0;color:var(--sub-color) !important;font-size:1.7rem;font-weight:900;text-align:left;line-height:1.2;position:static;padding-left:20px;}
#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li > a:before,
#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li > a:before{background:0;}
#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li > a span,
#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li > a span{background:linear-gradient(to bottom, transparent 94%, #39A6F4 0) left center no-repeat;background-size:0;transition:all .3s;}
#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li > a:hover span,
#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li > a:hover span{background-size:100%;color:var(--main-color);}
#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li:before,
#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li:before{content:"";flex-shrink:0;width:270px;height:180px;position:relative;border-radius:5px;background:#ccc;display:block;background-position:50% 50%;background-size:cover;filter:brightness(.9);}
#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li > a:before,
#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li > a:before{content:"GKNU";width:270px;height:180px;position:absolute;top:20px;left:0;border-radius:5px;background:#39A6F4cc;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:3rem;color:#fff;opacity:0;transition:all .3s;}
#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li > a:hover:before,
#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li > a:hover:before{opacity:1;top:0;}
#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li:nth-child(1):before{background-image:url(../img/gnb-img02-1.png);}
#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li:nth-child(2):before{background-image:url(../img/gnb-img02-2.png);}
#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li:nth-child(3):before{background-image:url(../img/gnb-img02-3.png);}
#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li:nth-child(4):before{background-image:url(../img/gnb-img02-4.png);}
#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li:nth-child(1):before{background-image:url(../img/gnb-img03-1.png);}
#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li:nth-child(2):before{background-image:url(../img/gnb-img03-2.png);}
#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li > a:after,
#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li > a:after{font-size:1.1rem;color:#333;font-weight:400;display:block;line-height:1.5;white-space:pre;margin-top:15px;}
#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li:nth-child(1) > a:after{content:"국립경국대학교 입학준비생들을 위한 \A 입학안내 홈페이지로 이동합니다!";}
#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li:nth-child(2) > a:after{content:"국립경국대학교 학생들을 위한 \A 취업안내 홈페이지로 이동합니다!";}
#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li:nth-child(1) > a:after{content:"지역발전과 인재양성의 요람, \A 국립경국대학교의 학과정보를 확인해보세요!";}
#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li:nth-child(2) > a:after{content:"지역발전과 인재양성의 요람, \A 국립경국대학교의 대학원정보를 확인해보세요!";}
#gnbmn ul.depth1 > li:nth-child(2) ul.depth3,
#gnbmn ul.depth1 > li:nth-child(3) ul.depth3{display:none;}

/*메뉴 커스텀2 - 학사정보:융합전공/마이크로디그리/나노디그리*/
/* #gnbmn ul.depth1 > li:nth-child(4) .depth2  > ul > li:nth-last-child(1)  ul.depth3,
#gnbmn ul.depth1 > li:nth-child(4) .depth2  > ul > li:nth-last-child(2)  ul.depth3,
#gnbmn ul.depth1 > li:nth-child(4) .depth2  > ul > li:nth-last-child(3)  ul.depth3{display:none;}
#gnbmn ul.depth1 > li:nth-child(4) .depth2  > ul > li:nth-last-child(1) > a,
#gnbmn ul.depth1 > li:nth-child(4) .depth2  > ul > li:nth-last-child(2) > a,
#gnbmn ul.depth1 > li:nth-child(4) .depth2  > ul > li:nth-last-child(3) > a{background-color:rgb(0 0 0 / 3%);} */

#gnbmn ul.depth3								{margin:5px 0 0 0;font-size:1rem;/* 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) !important;text-decoration:underline}

#id_gnb_bg							{position:absolute;width:100%;left:0;top:120px;z-index:1;background:#ecf0f3;visibility:hidden;opacity: 0;}
#id_gnb_bg.on						{opacity: 1; visibility: visible; transition:opacity .6s, visibility .6s;}
.gnb_bg								{width:100%;padding:0;margin:0;background:var(--sky-bg);box-shadow:0px 2px 20px rgba(0,0,0,0.3);}
.gnb_bg:before,						
.gnb_bg:after						{content:"";position:absolute;left:0;top:0;display:block;width:calc(50% - 570px);height:100%;background:#162663cc;}
.gnb_bg:before						{background:url(../img/sv-bg.png) no-repeat 0 0/cover;}
#wrap.topbnr-on #id_gnb_bg			{top:250px;}

#mobile-navicon,
#mobile-search					{display:none;width:60px;height:60px;line-height:60px;font-size:1.2rem;position:absolute;left:0;text-align:center;background:var(--sub-color);z-index:999;color:#fff;}
#mobile-search					{background:var(--point-color1);left:unset;right:0;}
#mobile-search.ico-sch:before	{font-size:1.2rem !important;}
.mm-menu{max-width:300px;}
.mm-menu.mm-current{z-index:999;overflow-y:scroll;}
.mm-menu.mm-current::-webkit-scrollbar{width: 5px;background-color: var(--sub-color);}
.mm-menu.mm-current::-webkit-scrollbar-track{width:5px; background-color:#000c;}
.mm-menu.mm-current::-webkit-scrollbar-thumb{width:5px; -webkit-box-shadow: none; background-color:var(--sub-color);}

#mm-blocker{background:rgba(3, 2, 1, 0.8);z-index:99;}
.mm-menu.mm-current .depth2 > .title{display:none;}
.mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel{background:rgba(0, 0, 0, 0.3);}
.mm-listview > li > a, .mm-listview > li > span{line-height:25px;padding:10px;}
.mm-menu .depth2 .mm-listview > li > a, .mm-menu .depth2 .mm-listview > li > span{padding-left:20px;}
.mm-menu .depth3.mm-listview > li > a, .mm-menu .depth3.mm-listview > li > span{padding-left:25px;}
.mm-menu .depth3.mm-listview > li > a:before, .mm-menu .depth3.mm-listview > li > span:before{content:"-";margin-right:5px;}
.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next{height:45px;}

@media only screen and (max-width:1900px){
	#gnbmn ul.depth1 > li > a{font-size:1.2rem;padding:0 1.7rem;}
	.top-btn-wrap a:not(.btn-d){padding-right:8px;margin-right:8px;}
	.top-btn-wrap .lang-convert > a:after{margin-left:8px;}
}
@media only screen and (max-width:1620px){	
	#gnbmn .title{width:300px;}
	#gnbmn .depth2 > ul{width:calc(100% - 300px);}
	.gnb_bg:before,
	.gnb_bg:after	{width:calc(50% - 520px);}
	#gnbmn .depth2{width:1560px;}
}
@media only screen and (max-width:1600px){
	.d_width, .c_width		{width:1200px;}
	#wrap			{min-width:1200px;}
	#gnb		{width:auto;}
	#gnbmn .title{width:220px;}
	#gnbmn .tit{font-size:2rem;}
	#gnbmn .txt{font-size:1rem;}
	.gnb_bg:before,
	.gnb_bg:after	{width:calc(50% - 395px);}
	#logo{top:1.7rem;left:20px;}
	#logo img{width:180px;}
	#header.fix #logo{top:1.4rem;}
	#header .topwrap{padding:0 20px;}
	#gnb a.ico-sch:not(#mobile-search),
	#header.fix #gnb a.ico-sch:not(#mobile-search){width:40px;height:40px;line-height:40px;border-radius:5px;margin-right:10px;}
	#gnb a.ico-sch:not(#mobile-search):before,
	#header.fix #gnb a.ico-sch:not(#mobile-search):before{font-size:1rem;}
	.top-btn-wrap{font-size:.9rem;}
	#gnbmn ul.depth1{margin-right:315px;justify-content:flex-end;}
	#gnbmn ul.depth1 > li > a{font-size:1.1rem;padding:0 1.57rem;font-weight:500;}
	#header.fix #gnbmn ul.depth1 > li > a{font-size:1rem;}
	#gnbmn .depth2{width:1200px;min-height:220px;}
	#gnbmn .depth2 > ul{width:calc(100% - 250px);height:300px;}
	#gnbmn ul.depth1 > li:nth-child(2) .depth2 > ul,
	#gnbmn ul.depth1 > li:nth-child(3) .depth2 > ul{margin-top:-20px;}
	#gnbmn ul.depth1 > li:nth-child(2) .depth2 > ul > li,
	#gnbmn ul.depth1 > li:nth-child(3) .depth2 > ul > li{padding:20px 0 0 10px;}
	#gnbmn .depth2 > ul > li{padding:5px 0 0 10px;}
	#gnbmn .depth2 > ul > li > a{line-height:45px;font-size:1.1rem;}
	/*[s] 2차메뉴 너비 조정*/
	#gnbmn .depth2 > ul > li						{width:25%;}
	#gnbmn .depth2 > ul > li:nth-child(5n+1)		{clear:unset;}
	#gnbmn .depth2 > ul > li:nth-child(4n+1)		{clear:both;}
	/*메뉴커스텀2
	#gnbmn ul.depth1 > li:nth-child(4) .depth2  > ul > li:nth-last-child(3){clear:both;}
	#gnbmn ul.depth1 > li:nth-child(4) .depth2  > ul > li:nth-last-child(2){clear:unset;}*/
	/*[e] 2차메뉴 너비 조정*/
	
	#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li:before,
	#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li:before,
	#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li > a:before,
	#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li > a:before{width:180px;height:140px;font-size:2rem;}
	#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li > a,
	#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li > a{font-size:1.4rem;}
	#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li > a:after,
	#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li > a:after{font-size:.9rem;line-height:1.3;}

	#gnbmn ul.depth3{font-size:.9rem;}
	
	#wrap.topbnr-on .main-container{padding-top:129px;}
}
@media only screen and (max-width:1490px){
	#gnb a.ico-sitemap{width:90px;}
	#gnbmn ul.depth1 > li > a{padding:0 1.1rem;}
}
@media only screen and (max-width:1240px){
	.d_width, .c_width		{width:960px;}
	#wrap			{min-width:960px;}
	#gnb,
	#header .topwrap			{animation:none;}
	#gnbmn #menu-pc	{display:none;}
	#logo			{position:static;line-height:60px;}
	#gnbmn{height:auto !important;}
	#gnb .topmn{width:250px;top:0;right:0;justify-content:right;}
	.top-btn-wrap > a{line-height:40px;}
	#header .topwrap{width:calc(100% - 250px);justify-content:left;padding:0;}
	#header .topwrap a{margin:0 10px 0 0;}
	#header .topwrap .snswrap a{margin:0;}
	#header .snswrap ul{right:auto;left:50%;transform:translateX(-50%);}
	#gnb .topmn a.ico-sitemap,
	#gnb .topmn a.ico-sch{display:none;}
	#logo{text-align:center;}
	#header > .d_width, #gnb, #gnbmn{position:static;}
	#mobile-navicon,
	#mobile-search	{display:block !important;}
	.lang-list{left:unset;right:5px;}
	
	#header.fix #gnb{background:#fff;}
	#header.fix #gnb .topmn{display:none;}
	#header.fix #mobile-navicon,
	#header.fix #mobile-search	{top:0 !important;}
	
	#wrap.topbnr-on #gnb .topmn{top:130px;}
	#wrap.topbnr-on #mobile-navicon,
	#wrap.topbnr-on #mobile-search{top:170px;}
	
	.pager a{height:4px;}
}
@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;}
	#header .topwrap{display:none;}
	#header.fix #gnb{margin:0;}
	.top-btn-wrap{font-size:.825rem;}
	.top-btn-wrap > a{line-height:30px;}
	#gnb .topmn, .top-btn-wrap{width:100%;justify-content:right;}
	
	#wrap.sub #gnb .topmn{top:-30px;}
	#wrap.sub #mobile-navicon,
	#wrap.sub #mobile-search{top:0;}
	
	#wrap.topbnr-on #gnb .topmn{top:100px;}
	#wrap.topbnr-on #mobile-navicon,
	#wrap.topbnr-on #mobile-search{top:130px;}
	
	#wrap.topbnr-on .main-container{padding-top:100px;}
}
@media only screen and (max-width:576px){
	#mobile-navicon,
	#header.fix #mobile-navicon,
	#mobile-search,
	#header.fix #mobile-search{width:50px;height:50px;line-height:50px;}
	#logo{line-height:50px;}
	#logo img{width:150px;}
}
@media only screen and (max-width:415px){
	.d_width, .c_width		{margin:0 10px;}
}

/*상단 팝업존*/
#topbnr{background:#1C2D46;color:#fff;position:relative;z-index:999;width:100%;}
#topbnr .prevnext a{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:2rem;}
#topbnr .prevnext .ico-prev{left:-30px;}
#topbnr .prevnext .ico-next{right:-30px;}
#topbnr .control{height:28px;align-items:center;justify-content:center;}
#topbnr .close-wrap{background:#0006;color:#ccc;font-size:.825rem;padding:5px 0;}
#topbnr .close-wrap .close{width:18px;height: 18px; background:var(--main-color) url('../img/ico-close.png') no-repeat center/10px auto; border-radius:5px; text-indent: -9999px;overflow:hidden; margin-left: 10px;}
#topbnr .pager{margin-right:5px;}
#topbnr .pager .swiper-pagination-bullet-active{background:#ffcc33;width:30px;}
#topbnr .swiper-container:after{content:"";height:100%;border-right:1px solid #1C2D46;position:absolute;right:0;top: 0;z-index: 9;}
.topbnr-list{display:flex;align-items:center;position:relative;padding:12px 0 10px;height:auto;}
.topbnr-list li.bx{padding:0 20px;border-right:1px solid #fff4;}
.topbnr-list .tit{width:100%;font-size:1.1rem;color:#72C6F8;float:left;margin:0 0 5px;}
.topbnr-list .btn-wrap{width:100%;display:flex;margin:0 -2px;}
.topbnr-list .btn-wrap a{min-width:90px;line-height:20px;margin:0 2px;}
@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
}
@media only screen and (max-width:1023px){
}
@media only screen and (max-width:767px){
	#topbnr{height:100px;}
	#topbnr .swiper-container{margin:0 20px;}
	#topbnr .prevnext a{font-size:1.3rem;}
	#topbnr .prevnext .ico-prev{left:0;}
	#topbnr .prevnext .ico-next{right:0;}
	#topbnr .control{position:absolute;bottom:-30px;left:10px;}
	.topbnr-list{padding:3px 0;}
	.topbnr-list li.bx{padding:5px 8px;}
	.topbnr-list .tit{font-size:1.075rem;margin-bottom:3px;}
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:415px){
}

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

/*메인비주얼*/
#mv-video{display:none !important;position:absolute;width:100%;height:100%;top:0;left:0;z-index:99;}
#mv-video video{min-width:100%;max-width:100%;min-height:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;z-index:1;}
#mv-video .close{width:150px;line-height:50px;border-radius:50px;text-align:center;background:0;border:1px solid #fffc;font-size:1.2rem;color:#fff;position:absolute;bottom:15%;left:50%;transform:translateX(-50%);z-index:9;}
#mv-video .close:hover{background:#39A6F4cc;border-color:#39A6F4cc;}
#mv-video:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:url(../img/mv-pattern.png);opacity:0.7;z-index:2;}

#mv-video video{animation:mv-video 2s both alternate, mv-brightness 4.2s 8.8s both alternate;}
/*#mv-video .symbol:not(.fade){position:absolute;top:50%;left:50%;z-index:2;animation:mv-symbol 6s both infinite;}
#mv-video .symbol.fade{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);animation:mv-symbol-fade 6s both infinite;} */
#mv-video .symbol img{position:absolute;top:50%;left:50%;z-index:9;transform:translate(-50%,-50%);opacity:0;}
#mv-video .symbol img:first-child{animation:6.7s 0s mv-fadeIn both alternate;}
#mv-video .symbol img:last-child{animation:4.2s 8.8s mv-fadeIn both alternate;}

@keyframes mv-video {
    0% {
        transform:scale(1.2) translate(-50%,-50%);filter:blur(10px);
    }
    100% {
        transform:scale(1) translate(-50%,-50%);filter:blur(0px);
    }
}
@keyframes mv-symbol {
	0%		{transform:translate(-100%, 0%);opacity:0;}
	20%		{transform:translate(-50%, -50%);opacity:1;}
	45%		{transform:translate(-50%, -50%);opacity:1;}
	70%		{transform:translate(50%, -50%);opacity:0;}
	100%		{transform:translate(-50%, -50%);opacity:0;}
}
@keyframes mv-symbol-fade {
	0%		{transform:translate(-50%, -50%) scale(.9);opacity:0;}
	20%		{transform:translate(-50%, -50%) scale(1);opacity:1;}
	45%		{transform:translate(-50%, -50%) scale(1);opacity:1;}
	60%		{transform:translate(-50%, -50%) scale(.9);opacity:0;}
	100%		{transform:translate(-50%, -50%) scale(.9);opacity:0;}
}
@keyframes mv-fadeIn {
	0%		{opacity:0;}
	20%		{opacity:1;}
	80%		{opacity:1;}
	100%	{opacity:0;}
}

@keyframes mv-brightness {
    0%   {
        filter: contrast(100%) brightness(100%);
    }
    20%  {
        filter: contrast(110%) brightness(150%);
    }
    100% {
        filter: contrast(100%) brightness(100%);
    }
}

#main-visual{width:100%;position:relative;overflow:hidden;}   
#main-visual .d_width{height:100%;}
#main-visual .swiper-slide {overflow: hidden;} 
.mv-slide {height:100vh;min-height:885px;background-size: cover;background-position: center; }    
/*.mv-slide:after{content:''; width:100%; height:100%; position:absolute; top:-1px; right:0; z-index:1; background:rgba(0,0,0,0.2);}*/
.cover {content:''; width:100%; height:100%; position:absolute; top:-1px; right:0; z-index:1; background:rgba(0,0,0,0.2);}
.mv-slide .mvbg{width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(110%);}
.mv-slide .mvbg img{min-width:100%;max-width:100%;min-height:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;z-index:1;}
.mv-slide.animate .mvbg{animation:bg-scale 2s ease-out alternate both;}
.mv-slide .mv-tit	{width:100%;font-size:1.75rem;line-height:1.2;font-weight:200;color:#fff;z-index:9;position:absolute;top:47%;}
.mv-slide .mv-tit
.mv-slide .mv-tit p:not(.tit),
.mv-slide .mv-tit p.tit span	{opacity:0;}
.mv-slide .mv-tit .slogan{max-width:100%;font-size:4rem;font-weight:900;background:var(--point-color1);padding:0px 8px;display:inline-block;line-height:1;margin-bottom:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mv-slide .mv-tit .tit{font-size:3.5rem;font-weight:700;margin-bottom:20px;line-height:1;}
.mv-slide .mv-tit > p{word-break:keep-all;}
.mv-slide.animate .mv-tit .slogan{animation:fadeInLeft 1.5s cubic-bezier(.4,0,0,1) both alternate;}
.mv-slide.animate .mv-tit .txt{animation:fadeInRight 1.5s cubic-bezier(.4,0,0,1) both alternate;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.mv-slide.animate .mv-tit .tit span {max-width:100%;display:inline-block;position:relative;animation:titFade 1s .1s cubic-bezier(.4,0,0,1) both;}
.mv-slide.animate .mv-tit .tit span: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;}
.mv-slide .mv-caption{max-width:100%;background:#0009;color:#fff;font-size:1rem;padding:2px 10px;position:absolute;bottom:9%;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mv-slide-ctrl{width:100%;position:absolute;top:54%;z-index:99;}
#main-visual .progress{display:inline-block;width:400px;height:2px;background:#fff6;position:relative;margin:0 30px 0 0;}
#main-visual .progress .progress-bar{position:absolute;left:0;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: 4s;}
.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 !important;}
.mv-slide-ctrl  .ico-pause:before,
.mv-slide-ctrl  .ico-play:before{font-size:inherit !important;}
.mv-slide-ctrl .swiper-pagination{color:#fff6;font-size:1.3rem;vertical-align:sub;}
.mv-slide-ctrl .swiper-pagination em{color:#fff;}
.mv-slide-ctrl .pager{margin-right:20px;}
/*swiper 컨트롤 커스텀*/
.swiper-button-next, .swiper-button-prev{background:none;position:static;margin:0;width:auto;height:auto;}
.swiper-pagination{position:static;width:auto;}

.mv-scroll{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);z-index:10;}
.scroll-cont {width: 100px;height: 100px;position: relative;}
.scroll-cont .stick {width:1px;height: 20px;max-height: 0;position: absolute;top: 0%;left: 50%;transform: translateX(-50%);background-color: #fff;animation: longer 1.6s .1s infinite;z-index: 5;}
.scroll-cont .scroll-img {position: absolute;bottom: 17%;left: 50%;transform: translateX(-50%);z-index: 5;}
.scroll-cont .circle {display: block;width: 100px;height: 100px;border-radius: 100%;background: var(--main-color);opacity: 0.5;animation: larger 1.6s infinite forwards;}

/*mv-title 위치 커스텀*/
.mv-slide .mv-tit[class*="top-"]{top:19%;}
.mv-slide-ctrl[class*="top-"]{top:25%;}

.mv-slide .mv-tit[class*="mid-"]{top:39%;}
.mv-slide-ctrl[class*="mid-"]{top:46%;}

.mv-slide .mv-tit[class*="btm-"]{top:57%;}
.mv-slide-ctrl[class*="btm-"]{top:64%;}

.mv-slide .mv-tit[class*="-left"]{left:0;}
.mv-slide-ctrl[class*="-left"]{left:0;}

.mv-slide .mv-tit[class*="-mid"]{left:50%;transform:translateX(-50%);text-align:center;}
.mv-slide-ctrl[class*="-mid"]{left:50%;transform:translateX(-50%);text-align:center;}
.mv-slide-ctrl[class*="-mid"] .item-control{justify-content:center;}

.mv-slide .mv-tit[class*="-right"]{right:0;text-align:right;}
.mv-slide-ctrl[class*="-right"]{right:0;text-align:right;}
.mv-slide-ctrl[class*="-right"] .item-control{justify-content:right;}

.mv-slide .mv-caption[class*="-left"]{left:0;}
.mv-slide .mv-caption[class*="-mid"]{left:50%;transform:translateX(-50%);}
.mv-slide .mv-caption[class*="-right"]{right:0;}

@-webkit-keyframes bg-scale {
  0% {transform:scale(110%);}
  100% {transform:scale(100%);}
}
@keyframes bg-scale {
  0% {transform:scale(110%);}
  100% {transform:scale(100%);}
}
@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;}
}
@keyframes larger {
    from {
        transform: rotate(0deg) scale(0,0);
        opacity: 1;
    }
    to {
        transform: rotate(360deg) scale(1,1);
        opacity: 0;
    }
}

@keyframes longer {
    from {
        max-height: 0;
    }
    to {
        max-height: 100%;
    }
}

@keyframes larger-inside {
    from {
        transform: translate(-50%, -50%);
        rotate(0deg) scale(0,0);opacity: 1;
    }
    to {
        transform: translate(-50%, -50%);
        rotate(360deg) scale(1,1);opacity: 0;
    }
}

.mv-issue{width:100%;position:absolute;bottom:0;left:0;z-index:100;line-height:80px;background:linear-gradient(0deg,#0009,#0000);transition:all .3s;}
.mv-issue:hover{background:var(--main-color);}
.mv-issue .swiper-container{width:calc(100% - 220px);height:80px;}
.mv-issue .row{align-items:end;}
.mv-issue h4.tit{width:160px;background:#39A6F4cc;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;line-height:inherit;}
.mv-issue .item-control{width:60px;justify-content:center;}
.mv-issue .item-control a{color:#dadada;width:calc(50% - 15px);}
.mv-issue .issue-list a{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 20px;color:#fff;}
.mv-issue .issue-list a .tit{font-size:1.1rem;width:calc(100% - 100px);}
.mv-issue .issue-list a .date{color:#fffc;font-size:.9rem;font-weight:200;}
.mv-issue .issue-list a .tit span{background:linear-gradient(to bottom, transparent 94%, #ffc 0) left center no-repeat;background-size:0;transition:all .2s;}
.mv-issue .issue-list a:hover .tit span{background-size:100%;color:#ffc;font-weight:700;}

@media only screen and (max-width:1600px){
	#mv-video .symbol img{scale:.8;transform-origin:0 0;}
	#mv-video .close{width:130px;line-height:40px;}
	
	.mv-slide{width:100%;height:auto;min-height:730px;aspect-ratio:1/.48;}
	.mv-slide .mv-tit{font-size:1.4rem;}
	.mv-slide .mv-tit .slogan{font-size:var(--font-4xlg);}
	.mv-slide .mv-tit .tit{font-size:var(--font-3xlg);}
	.mv-slide .mv-caption{bottom:10%;}
	.mv-slide-ctrl{top:55%;}
	.mv-scroll{display:none;}
	
	.mv-issue{line-height:60px;}
	.mv-issue .swiper-container{height:60px;}
	
	.mv-slide .mv-tit[class*="top-"]{top:23%;}
	.mv-slide-ctrl[class*="top-"]{top:32%;}
	.mv-slide-ctrl[class*="mid-"]{top:48%;}
	.mv-slide .mv-tit[class*="btm-"]{top:49%;}
	.mv-slide-ctrl[class*="btm-"]{top:58%;}
}
@media only screen and (max-width:1440px){
	.mv-slide{min-height:645px;}
	.mv-slide .mv-tit{font-size:1.1rem;}
	.mv-slide .mv-tit .slogan{font-size:var(--font-3xlg);margin-bottom:75px;}
	.mv-slide .mv-tit .tit{font-size:var(--font-2xlg);margin-bottom:10px;}
	.mv-slide .mv-caption{font-size:.9rem;bottom:3%;}
	#main-visual .progress{width:320px;margin:0 20px 0 0;}
	.mv-slide-ctrl{top:49%;}
	.mv-slide-ctrl .swiper-pagination{font-size:1.1rem;}
	/* .mv-scroll{scale:.9;transform-origin:0 0;display:block;bottom:14%;} */
}
@media only screen and (max-width:1420px){
	.mv-issue{position:static;background:#fff;}
	.mv-issue h4.tit{width:140px;text-align:left;color:#121314;background:0;}
	.mv-issue .issue-list a{color:#333;}
	.mv-issue .issue-list a .tit{font-size:1rem;}
	.mv-issue .issue-list a .date{color:#0007;font-size:.8rem;}
	.mv-issue .item-control a{color:#919191;}
	.mv-issue .swiper-container{width:calc(100% - 200px);}
	.mv-issue:hover{background:0;}
	.mv-issue .issue-list a:hover .tit span{color:var(--main-color);}
	.mv-issue .issue-list a .tit span{background-image:linear-gradient(to bottom, transparent 94%, #39A6F4 0);}	
	
	.mv-slide-ctrl[class*="top-"]{top:27%;}
	.mv-slide-ctrl[class*="mid-"]{top:42%;}
	.mv-slide .mv-tit[class*="btm-"]{top:57%;}
}
@media only screen and (max-width:1240px){
	#mv-video{height:calc(100% - 60px);}
	#mv-video .symbol img{scale:.6;}
	#mv-video .close{font-size:1rem;width:120px;line-height:35px;}
	
	.mv-slide{min-height:545px;}
	.mv-slide .mv-tit .slogan{font-size:var(--font-2xlg);}
	.mv-slide .mv-tit .tit{font-size:1.75rem;}
	.mv-slide .mv-tit{font-size:1rem;}
	
	#main-visual .progress{width:200px;margin-right:10px;}
	.mv-slide-ctrl .pager{margin-right:10px;}
	.mv-slide-ctrl .swiper-pagination{font-size:1rem;}
	.mv-slide-ctrl a{font-size:.7rem;}
	.mv-slide-ctrl .ico-pause,
	.mv-slide-ctrl .ico-play{margin:0 5px !important;}
	/* .mv-scroll{scale:.8;} */
}
@media only screen and (max-width:1023px){
	#mv-video .symbol img{scale:.5;}
	#mv-video .close{font-size:.9rem;width:100px;line-height:30px;}
	#mv-video:after{opacity:.4;}
	
	.mv-slide .mv-tit .slogan{font-size:var(--font-xlg);margin-bottom:50px;}
	.mv-slide .mv-tit .tit{font-size:1.4rem;}
	.mv-slide .mv-tit{font-size:.9rem;}
	.mv-slide-ctrl{top:45%;}
	.mv-slide-ctrl .swiper-pagination{font-size:.9rem;}
	.mv-slide .mv-caption{font-size:.8rem;}
	.mv-slide{min-height:420px;}
	/* .mv-scroll{display:none;} */
	
	.mv-slide .mv-tit[class*="top-"]{top:27%;}
	.mv-slide .mv-tit[class*="mid-"]{top:43%;}
	.mv-slide-ctrl[class*="btm-"]{top:54%;}
}
@media only screen and (max-width:767px){
	#mv-video{height:calc(100% - 70px);}
	#mv-video .symbol img{scale:.3;}
	#mv-video .close{width:70px;line-height:25px;bottom:20px;}
	
	.mv-slide,
	#main-visual .mv-slide .d_width{min-height:300px;}
	.mv-slide .mv-tit{top:100px !important;}
	.mv-slide-ctrl{top:120px !important;}
	.mv-slide .mv-caption{bottom:10px;/* left:unset;right:0; */}
	
	.mv-issue{line-height:unset;padding:10px 0;}
	.mv-issue h4.tit{width:100%;color:var(--main-color);font-size:.9rem;letter-spacing:.25rem;}
	.mv-issue .swiper-container{width:100%;height:30px;line-height:30px;}
	.mv-issue .issue-list a{padding:0;}
	.mv-issue .issue-list a .tit{font-weight:700;}
	.mv-issue .item-control{position:absolute;top:0;right:0;}
	.mv-issue .item-control a{font-size:.9rem;}
}
@media only screen and (max-width:576px){
	#mv-video{background:#000;}
	#mv-video video{aspect-ratio:1/.48;min-height:auto;}
	
	.mv-slide .mv-tit .slogan{font-size:var(--font-lg);}
	.mv-slide .mv-tit .tit{font-size:1.2rem;}
	.mv-slide.animate .mv-tit .txt{font-size:.825rem;}
	.mv-slide .mv-caption{font-size:.725rem;}
}
@media only screen and (max-width:415px){
}

.mfix-modal{position:absolute;top:120px;right:0;z-index:99;width:100px;text-align:center;animation:fadeInRight .3s .8s both alternate;}
#wrap.topbnr-on .mfix-modal{top:250px;}
.mfix-modal.fix{position:fixed;top:70px !important;z-index:100;}
.mfix-modal .cont > .tit{background:#1C2D46;color:#fff;font-size:.975rem;line-height:1;padding:20px 0;}
.mfix-modal .cont > .tit em{color:#fff;font-size:1.2rem;font-weight:700;}
.mvquick-wrap{position:relative;background:var(--main-color);}
.mvquick-wrap > li{position:relative;}
.mvquick-wrap > li > a,
.mvshortcut a{display:block;font-size:.9rem;color:#fff;font-weight:500;padding:10px 0;border-bottom:1px dashed #fff9;position:relative;}
.mvshortcut a{color:#121314;border-bottom:1px dashed #dadada;}
.mvshortcut{background:#fff;}
.mvquick-wrap > li:last-child > a,
.mvshortcut a:last-child{border-bottom:0;}
.mvquick-wrap > li > a:after{content:"\f053";width:20px;height:20px;line-height:20px;text-align:center;background:var(--main-color);border-radius:50%;font-family:fontAwesome;font-size:.6rem;color:#fff;position:absolute;top:50%;left:-10px;transform:translateY(-50%);box-shadow:0 0 10px #0004;z-index:2;transition:all .2s;}
.mvquick-wrap > li > a.on:after{display:none;}
.mvquick-wrap > li > a.on{background:#1f67c3;border-color:#0000;}
.mvquick-list{width:600px;position:absolute;left:-600px;top:0;color:#fff;background:#1f67c3f2;padding:20px;font-size:.925rem;display: flex;flex-wrap: wrap;line-height: 1.2;word-break: keep-all;text-align:left;transform: translateX(50px);opacity:0;visibility:hidden;transition:opacity .5s, visibility .5s, transform .5s;}
.mvquick-list.active{transform: translateX(0);visibility: visible;opacity:1;}
.mvquick-list a{width: calc(20% - 10px);background:#0002;margin: 5px;border-radius: 5px;display: flex;align-items: center;justify-content: center;padding:15px 10px;text-align:center;}
.mvquick-list a:hover{background:#fff;text-decoration:underline;color:#1f67c3 !important;font-weight:500;box-shadow:0 0 20px #0003;}
.mvquick-list .tit{width:100%;display:block;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #fff4;font-weight:200;font-size:1rem;}
.mvquick-list .tit span{font-weight:900;font-size:var(--font-xlg);margin-right:5px;}
.mvquick-list .close-btn{}
.mvquick-list .close-btn{position:absolute;top: -25px;right: 20px;width: 50px;height: 50px;background:var(--point-color1);border:1px solid var(--point-color1); border-radius:50%; z-index:1; }
.mvquick-list .close-btn > i{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-size:1.2rem; -webkit-transition:transform .3s; transition:transform .3s; }
.mvquick-list .close-btn:hover > i,
.mvquick-list .close-btn:focus > i{-webkit-transform:translate(-50%, -50%) rotate(180deg); transform:translate(-50%, -50%) rotate(180deg); }
.mvquick-list .close-btn:after{position:absolute; top:50%; left:50%; width:120%; height:120%; background:rgba(0,113,219,.5); -webkit-transform:translate(-50%, -50%) scale(0.1, 0.1); transform:translate(-50%, -50%) scale(0.1, 0.1); border-radius:50%;  -webkit-animation:pulsate 1.5s ease-out; animation:pulsate 1.5s ease-out; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; opacity:0; content:''; z-index:-1; }
.mvquick-list .close-btn span{text-indent:-999px;overflow:hidden;}
.mfix-modal a[class*="ico"]:before{content:"";width:35px;height:35px;background:url(../img/mfix-quick-ico.png);display:block;margin:0 auto;}
.mfix-modal a.ico2:before{background-position-x:-35px;}
.mfix-modal a.ico3:before{background-position-x:-70px;}
.mfix-modal a.ico4:before{background-position-x:-105px;}
.mfix-modal a.ico5:before{background-position-x:-140px;}
/*hover*/
.mfix-modal:hover .mvshortcut,
.mfix-modal:hover .mvquick-wrap{background:var(--main-color);}
.mfix-modal:hover > .tit,
.mfix-modal:hover .pop{background:#2b8cd2;}
.mfix-modal:hover a{border-color:#0000;color:#fff;}
.mfix-modal:hover .mvshortcut a[class*="ico"]:before{filter:brightness(3) contrast(1.5) opacity(.8);}
.mfix-modal a[class*="ico"]:hover:before{filter:brightness(10) opacity(1);animation:rotateInUpLeft .3s both alternate;}
.mvquick-wrap > li > a:not(.on):hover{background:var(--point-color1);}
.mvquick-wrap > li > a:hover:after{left:-5px;background:var(--point-color1);}
.mvshortcut a:hover{background:var(--sub-color);}

.mfix-modal .pop{display:block;padding:10px 0;width:100%;background:var(--dark-color);color:#fff;font-size:.9rem;position:relative;}
.mfix-modal .pop i{display:block;margin:5px auto;color:#fff;font-size:1.8rem;transform-origin:top center;}
.mfix-modal .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:25%;}
.mfix-modal .pop:hover	{background:linear-gradient(0deg, #39A6F4, #1C2D46);}
.mfix-modal .pop:hover i{animation:swing2 1s both alternate;}
#page-top{display:block;opacity:0;position:relative;width:80px;height:80px;border-radius:50%;background:#01B2F066;margin:20px auto 0;transform:translateY(30px);transition:all .5s;}
#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;}
.mfix-modal.fix #page-top{opacity:1;transform:translateY(0px);}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

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

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

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

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

    100% {
        transform: rotate(0deg);
    }
}
@-webkit-keyframes pulsate{
  0%{
    -webkit-transform:translate(-50%, -50%) scale(0.1, 0.1);
    transform:translate(-50%, -50%) scale(0.1, 0.1);
    opacity:0;
  }
  50%{
    -webkit-transform:translate(-50%, -50%) scale(1, 1);
    transform:translate(-50%, -50%) scale(1, 1);
    opacity:1;
  }
  100%{
    -webkit-transform:translate(-50%, -50%) scale(1.2, 1.2);
    transform:translate(-50%, -50%) scale(1.2, 1.2);
    opacity:0;
  }
}
@keyframes pulsate{
  0%{
    -webkit-transform:translate(-50%, -50%) scale(0.1, 0.1);
    transform:translate(-50%, -50%) scale(0.1, 0.1);
    opacity:0;
  }
  50%{
    -webkit-transform:translate(-50%, -50%) scale(1, 1);
    transform:translate(-50%, -50%) scale(1, 1);
    opacity:1;
  }
  100%{
    -webkit-transform:translate(-50%, -50%) scale(1.2, 1.2);
    transform:translate(-50%, -50%) scale(1.2, 1.2);
    opacity:0;
  }
}

.mfix-nav{position:fixed;width:170px;height:100%;top:0;left:0;padding-left:40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:99;color:#777;font-size:.9rem;letter-spacing:.0825rem;font-weight:500;border-right:1px solid #0001;/* mix-blend-mode:exclusion; */padding-bottom:13%;}
.mfix-nav.nav_btn_1{color:#fff;font-weight:200;border-right:0;}
.mfix-nav a{padding:10px 0;}
.mfix-nav a:before{content:"";display:inline-block;width:3px;height:3px;background:#0003;margin-right:15px;vertical-align:middle;transition:all .3s;}
.mfix-nav a.on:before{width:15px;}
.mfix-nav.nav_btn_1 a:before{background:#fff8;}
.mfix-nav a.on{color:var(--main-color);font-weight:700;}
.mfix-nav a.on:before{background:var(--main-color);}
@media only screen and (max-width:1760px){
	.mfix-nav{width:120px;padding-left:20px;font-size:.825rem;}
	.mfix-nav a:before{margin-right:10px;}
	}
@media only screen and (max-width:1660px){	
	.mfix-nav{width:auto;padding-left:15px;border-right:0 !important;}
	.mfix-nav a{padding:5px 0;letter-spacing:0;}
	.mfix-nav a:before{width:5px;height:5px;display:block;margin:0 0 5px;}
	.mfix-nav a:not(.on) span{display:none;}	
	}
@media only screen and (max-width:1600px){
	.mvquick-wrap > li > a,
	.mvshortcut a,
	.mfix-modal .pop{font-size:.825rem;}
}
@media only screen and (max-width:1480px){
	.mvquick-list .tit{font-size:.9rem;}
	.mvquick-list .tit span{font-size:var(--font-lg);}
	.mvquick-list a{padding:10px;}
	
	.mfix-modal .cont > .tit{padding:10px 0;}
	.mfix-modal{width:90px;}
	.mfix-modal .pop i{margin:0 auto;line-height:1.4;font-size:1.7rem;}
	.mvquick-wrap > li > a,
	.mvshortcut a,
	.mfix-modal .pop{padding:5px 0;}
	#page-top{width:70px;height:70px;}
	#page-top:hover:before{line-height:70px;}
	
	#wrap.sub .mfix-modal{display:none;}
}
@media only screen and (max-width:1420px){	
	.mfix-nav{display:flex;}
	.mfix-modal{width:100%;position:static !important;top:0;background:var(--dark-color);animation:none;}
	.mfix-modal #page-top{display:none !important;}
	.mfix-modal .cont{width:960px;margin:0 auto;display:flex;align-items:center;}
	.mvquick-wrap,
	.mvshortcut{display:flex;align-items:center;}
	.mvquick-wrap{flex:3;position:static;}
	.mvshortcut{flex:2;}
	.mvquick-wrap li,
	.mvshortcut a,
	.mfix-modal .pop{flex:1;}
	.mfix-modal .cont > .tit{width:140px;text-align:left;flex-shrink:0;}
	.mfix-modal .cont > .tit,
	.mfix-modal .cont > .tit em{font-size:1.1rem;font-weight:500;}
	.mvquick-wrap > li > a,
	.mvshortcut a{padding:7px 0;}
	.mvquick-wrap > li > a:after{display:none;}
	.mvquick-wrap > li > a,
	.mvshortcut a{border-bottom:0;border-right:1px dashed #0002;}
	
	.mvquick-list{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) !important;z-index:1000;}
}
@media only screen and (max-width:1110px){	
	.mfix-nav{display:none;}
	}
@media only screen and (max-width:1023px){	
	.mfix-nav{display:flex;}
	.mfix-modal .cont{width:740px;}
	.mvquick-list{padding:15px;}
	.mvquick-list a{font-size:.9rem;padding:7px;}
}
@media only screen and (max-width:870px){	
	.mfix-nav{display:none;}
}
@media only screen and (max-width:767px){
	.mfix-nav{display:none;}
	
	.mfix-modal .cont > .tit{display:none;}
	.mfix-modal .cont{width:100%;}
	.mvquick-list{width:calc(100% - 40px);}
	.mvquick-list .close-btn{width:40px;height:40px;top:-20px;right:10px;}
	.mvquick-list .close-btn > i{font-size:1rem;}
}
@media only screen and (max-width:576px){
	.mfix-modal .cont{flex-wrap:wrap;}
	.mvquick-wrap{flex:auto;width:100%;}
	.mvshortcut{flex:2;}
	.mfix-modal .pop{flex:1;}
	.mfix-modal .pop .num{right:32%;}
	.mvquick-list a{width:calc(33.33% - 5px);margin:2.5px;padding:12px 7px;}
}
@media only screen and (max-width:415px){
	.mvquick-list{width:calc(100% - 20px);}
	.mvquick-list a{width:calc(50% - 5px);}
	.mvquick-list .tit{text-align:center;}
	.mvquick-list .tit span{display:block;}
}

/*메인 공통타이틀*/
.mstit{font-size:1.375rem;color:var(--main-color);font-weight:700;letter-spacing:.25rem;}
h2.mtit{margin:0 0 60px;font-size:2.8rem;font-weight:900;color:#121314;letter-spacing:-0.0875rem;}
.mtit.line{position:Relative;}
.mtit.line span{display:inline-block;padding-right:20px;background:#fff;position:relative;}
.mtit.line:before{content:"";width:calc(100% - 60px);height:1px;background:#e1e1e1;position:absolute;left:0;top:50%;}
.mmore{position:absolute;top:0;right:0;width:35px;height:35px;line-height:32px;text-align:center;border:1px solid var(--sub-color);color:var(--sub-color);font-size:.9rem;}
.mmore:before{content:"\2b";font-family:fontAwesome;}
.mmore:hover{transform:rotate(180deg);background:var(--sub-color);color:#fff;width:40px;height:40px;line-height:37px;}
.item-control .mmore{position:static;}

#mc-cont1{position:relative;}
#mc-cont1:before{content:"";width:calc(50% - 160px);height:100%;position:absolute;top:0;right:0;background:var(--sub-color);}
#mc-cont1 article{margin:120px 0 100px;position:relative;}
#mc-cont1 .col-1{width:calc(100% - 540px);padding-right:70px;}
#mc-cont1 .col-2{width:540px;padding-left:70px;}
.mnews-list{display:flex;justify-content:space-between;}
.mnews-list .recent{width:calc(100% - 280px);}
.mnews-list .list{width:240px;}
.mnews-list .recent .thumb{height:370px;}
.mnews-list .list .thumb{height:160px;}
.mnews-list .subject{color:#121314;font-weight:700;}
.mnews-list .recent .subject,
.mpeople .subject{font-size:1.625rem;margin:20px 0 10px;}
.mnews-list .recent .txt,
.mpeople .txt{font-size:1.1rem;}
.mnews-list .list .subject{font-size:1.2rem;margin:10px 0 0;min-height:47px;}
.mnews-list .list > a{display:block;margin-bottom:20px;}
.mnews-list .list > a:last-child{margin-bottom:0;}
.mpeople{color:#fff;position:relative;}
.mpeople-swiper{max-height:550px;}
.mpeople .mstit{color:#E5B35B;}
.mpeople .mtit{color:#fff;margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid #fff5;}
.mpeople .thumb{height:310px;}
.mpeople .txt{color:#DEE7F5;font-weight:200;-webkit-line-clamp:4;min-height:98px;}
.mpeople .item-control a{color:#fff;}
.mpeople .mmore{border-color:#fff5;margin-left:10px;}
.mnews .mmore{top:45px;right:70px;}
.mpeople .item-control{position:absolute;top:45px;right:0;}
.mpeople .item-control a:before{font-size:1.1rem;}
.mpeople .item-control a.ico-pause:before{font-size:1rem;}
.mpeople .item-control .ico-prev:before{content:"\f077";}
.mpeople .item-control .ico-next:before{content:"\f078";}
/*hover*/
#mc-cont1 .thumb img{transition:all .5s;}
.mnews-list .subject span{background:linear-gradient(to bottom, transparent 94%, #39A6F4 0) left center no-repeat;background-size:0;transition:all .3s;}
.mpeople-list .subject span{background:linear-gradient(to bottom, transparent 94%, #E5B35B 0) left center no-repeat;background-size:0;transition:all .3s;}
.mnews-list a:hover .thumb img,
.mpeople-list a:hover .thumb img{scale:1.07;}
.mnews-list a:hover .subject span{background-size:100%;color:var(--main-color);}
.mpeople-list a:hover .subject span{background-size:100%;color:#E5B35B;}
.mpeople .mmore:hover{background:#E5B35B;color:var(--sub-color);width:35px;height:35px;line-height:32px;}

#mc-cont2{padding:130px 0;}
#mc-cont2 > .d_width{display:flex;flex-wrap:wrap;}
#mintro{width:850px;}
#mintro_thumbs{width:calc(100% - 850px);overflow: hidden;}
.mintro_thumbs{width:174px;}
.mintro_thumbs .swiper-container{overflow:visible;width:100%;left:-100%;}
.mintro .thumb{width:100%;height:500px;flex-shrink:0;}
/* .mintro .swiper-wrapper{margin:0 -5px;} */
/* .mintro-slide{width:174px !important;} */
.mintro-slide.active {/* width:850px !important; */display:flex;}
.mintro-slide.active .cont{display:flex;}
.mintro-slide.active .thumb{width:350px;margin-right:40px;}
.mintro-slide.active .mstit{margin-top:20px;}
.mintro-slide.active .mtit{font-size:3.1rem;line-height:1.2;color:#121314;font-weight:900;margin:20px 0 30px;}
.mintro-slide.active .txt{font-size:1.5rem;color:#333;font-weight:700;}
.mintro-slide:not(.active) .mstit,
.mintro-slide:not(.active) .txt{display:none;}
.mintro-slide:not(.active) .mtit br{display:none;}
.mintro-slide:not(.active) .mtit{width:500px !important;position:absolute;top:60%;left:50%;transform:translateX(-50%) rotate(90deg);color:#fff;font-size:1.5rem;z-index:1;}
.mintro-slide:not(.active) .thumb{filter:brightness(.5);}
.mintro-slide:not(.active){cursor:url('../img/intro-bnr-cursor.png') 56 56,pointer;}
.mintro .item-control{position:absolute;left:390px;bottom:0;z-index:1;}
.mintro .item-control .pager{margin-left:20px;}
.mintro .item-control .pager span{display:block;width:50px;border-radius:0;margin:0 3px;}
.mintro .item-control .pager span.swiper-pagination-bullet-active{width:100px;background:#121314;}
.mintro .item-control .ico-prev:before{content:"\f060";}
.mintro .item-control .ico-next:before{content:"\f061";}
.mintro .item-control > a{margin:0 10px 0 0;}
/*hover*/
.mintro-slide:not(.active) .thumb img{transition:all .5s;}
.mintro-slide:not(.active):hover .thumb img{scale:1.1;}
.mintro-slide:not(.active):hover .thumb:before{content:"";width:100%;height:100%;background:var(--dark-color);opacity:.6;position:absolute;top:0;left:0;z-index:2;}
.mintro-slide:not(.active):hover .mtit{font-weight:500;color:#72C6F8;}
.mintro-slide:not(.active) .mtit span{background:linear-gradient(to bottom, transparent 94%, #72C6F8 0) left center no-repeat;background-size:0;transition:all .3s;}
.mintro-slide:not(.active):hover .mtit span{background-size:100%;}

.mintro-slide:not(.active):after						{top:0;left:0;border-top:4px solid;border-right:4px solid;}
.mintro-slide:not(.active):before					{bottom:0;right:0;border-bottom:4px solid;border-left:4px solid;}
.mintro-slide:not(.active):before,
.mintro-slide:not(.active):after						{content:"";position:absolute;width:0%;height:0%;z-index:1;border-color:var(--main-color);border-width:0;}
.mintro-slide:not(.active):hover:after,
.mintro-slide:not(.active):hover:before				{border-width:5px;width:100%;animation:aW_nH 0.5s, sW_aH 0.5s, sW_sH 0.8s infinite;animation-delay:0s, .3s, .8s;}

@keyframes aW_nH{ 
	from {width:0%;} 
	to   {width:100%;} 
}
@keyframes sW_aH{ 
	from{width:100%; height:0%;} 
	to{width:100%; height:100%;} 
}
@keyframes sW_sH{ 
	from{width:100%; height:100%;} 
	to{width:100%; height:100%;} 
}

#mc-cont3{padding:80px 0 100px;background:#F1F8FC;}
#mc-cont3 .col-1{width:calc(100% - 390px);margin-right:40px;}
#mc-cont3 .col-2{width:350px;}
.mnotice{position:Relative;}
.mnotice .mmore{top:45px;}
.mnotice .tab{align-items:center;margin-bottom:50px;}
.mnotice .tab a{font-size:1.75rem;color:#808C9F;font-weight:700;margin-right:30px;position:relative;}
.mnotice .tab a.on{color:#121314;}
.mnotice .tab a.on:before{content:"#";color:var(--main-color);font-size:2rem;margin:0 10px 0 0;font-style:italic;vertical-align:middle;}
.mnotice .mtit.line span{background:#F1F8FC;}
.mnotice-list{display:flex;flex-wrap:wrap;margin:-20px;}
.mnotice-list li{width:calc(33.33% - 40px);margin:20px;border-bottom:1px solid #0004;}
.mnotice-list li a{display:block;padding-bottom:40px;position:relative;}
.mnotice-list .subject{font-size:1.3rem;color:#121314;font-weight:500;min-height:50px;}
.mnotice-list .txt{min-height:50px;margin:10px 0;}
.mnotice-list .date{font-size:.9rem;color:#919191;}
.mnotice-list.list li{width:100%;margin:0 20px;border-color:#0002;}
.mnotice-list.list li:first-child{border-top:1px solid #0002;}
.mnotice-list.list a{padding:25px 0;}
.mnotice-list.list .subject{width:calc(100% - 100px);-webkit-line-clamp:1;min-height:24px;}
.mnotice-list.list .txt{display:none;}
.mnotice-list.list .date{position:absolute;top:25px;right:0;}
.mpopup{position:sticky;top:80px;height:100%;}
.mpopup .thumb{display:block;height:400px;}
.mpopup a[href="#none"]{cursor:default;}
.mpopup .item-control{justify-content:space-between;margin-top:20px;}
.mpopup .item-control [class*="ico-"]{display:inline-block;width:25px;height:25px;line-height:20px;border-radius:50%;font-size:.9rem;border:1px solid #ccc;text-align:center;margin:0;}
.mpopup .paging{margin-right:10px;}
/*hover*/
.mnotice .tab a:not(.on):hover{color:var(--main-color);}
.mnotice .tab a:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;left:50%;top:-13px;transform:translate(-50%,-50px);background:var(--main-color);opacity:0;transition:all .2s;}
.mnotice .tab a:not(.on):hover:after{transform:translate(-50%,0);opacity:1;}
.mnotice-list .subject span{background:linear-gradient(to bottom, transparent 94%, #39A6F4 0) left center no-repeat;background-size:0;transition:all .3s;}
.mnotice-list a:hover .subject span{background-size:100%;color:var(--main-color);}

#mc-cont4{padding:80px 0 140px;position:relative;}
#mc-cont4 .col-1{width:520px;margin-right:40px;}
#mc-cont4 .col-2{width:calc(100% - 560px);}
#mc-cont4 .mtit.line:before{width:calc(100% - 230px);}
.mvideo{height:360px;}
.mvideo iframe{width:100%;height:100%;}
.msns{display:flex;margin:-10px;}
.msns .thumb{width:calc(33.33% - 20px);margin:10px;height:260px;display:block;}
.msns .cont{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#000c,#0000);z-index:1;padding:20px;color:#fff;font-weight:200;font-size:.975rem;display:flex;flex-direction:column;justify-content:flex-end;}
.msns .cont .txt{min-height:50px;margin-top:5px;}
.mcontact{padding:20px 40px;border-radius:10px;border:5px solid #D3DAD9;margin-top:20px;display:flex;align-items:center;font-size:1.45rem;font-weight:700;color:#121314;line-height:1.2;}
.mcontact .tit{color:var(--main-color);padding-right:20px;margin-right:20px;border-right:1px solid #dadada;}
.mcontact .tel span{font-size:1.2rem;font-weight:500;}
.msns-wrap{position:absolute;top:35px;right:0;}
/*hover*/
.msns .thumb img{transition:all .5s;}
.msns a.thumb:hover img{scale:1.07;}
.msns a.thumb:after						{top:0;left:0;border-top:7px solid;border-right:7px solid;}
.msns a.thumb:before					{bottom:0;right:0;border-bottom:7px solid;border-left:7px solid;}
.msns a.thumb:before,
.msns a.thumb:after						{content:"";position:absolute;width:0%;height:0%;z-index:1;border-color:var(--main-color);border-width:0;z-index:2;}
.msns a.thumb:hover:after,
.msns a.thumb:hover:before				{border-width:7px;width:100%;animation:aW_nH 0.3s, sW_aH 0.3s, sW_sH 0.5s infinite;animation-delay:0s, .2s, .5s;}
.msns-wrap .sns-ico{position:relative;}
.msns-wrap .sns-ico:before{content:"";width:8px;height:8px;border-radius:50%;position:absolute;left:50%;top:-13px;transform:translate(-50%,-50px);background:#ccc;opacity:0;transition:all .2s;}
.msns-wrap .sns-ico.ico-youtube:before{background:#d91e1e;}
.msns-wrap .sns-ico.ico-instagram:before{background:#cc2b7d;}
.msns-wrap .sns-ico.ico-facebook:before{background:#3f5c9a;}
.msns-wrap .sns-ico.ico-blog:before{background:#3eb834;}
.msns-wrap .sns-ico:hover{box-shadow:0 5px 10px #0003;}
.msns-wrap .sns-ico:hover:before{transform:translate(-50%,0);opacity:1;}

@media only screen and (max-width:1600px){
	.mstit{font-size:1.1rem;}
	h2.mtit{font-size:var(--font-3xlg);margin:0 0 50px;}
	
	#mc-cont1 .col-1{width:calc(100% - 460px);padding-right:40px;}
	#mc-cont1 .col-2{width:460px;padding-left:40px;}
	#mc-cont1:before{width:calc(50% - 140px);}
	.mnews .mmore{top:35px;right:30px;}
	.mnews-list .recent{width:calc(100% - 270px);}
	.mpeople .item-control{top:35px;}
	
	#mintro{width:735px;}
	#mintro_thumbs{width:calc(100% - 735px);}
	.mintro_thumbs{width:146px;}
	.mintro_thumbs .mintro-slide{width:146px !important;}
	.mintro-slide.active .thumb{width:330px;margin-right:30px;}
	.mintro-slide.active .mtit{font-size:2.8rem;}
	.mintro-slide.active .txt{font-size:1.3rem;}
	.mintro .thumb{height:450px;}
	.mintro .item-control{left:350px;}
	.mintro .item-control .pager span{width:40px;}
	
	.mnotice .mmore{top:35px;}
	.mnotice .tab{margin-bottom:30px;}
	.mnotice .tab a{font-size:1.6rem;}
	
	#mc-cont4 .col-1{height:300px;}
	.msns-wrap{top:25px;}
	.msns .thumb{height:200px;}
}
@media only screen and (max-width:1440px){
	.mstit{font-size:1rem;}
	h2.mtit{font-size:var(--font-2xlg);margin:0 0 40px;}
	
	#mc-cont1 article{margin:80px 0 60px;}
	.mnews-list .recent .subject,
	.mpeople .subject{font-size:1.5rem;}
	.mnews-list .recent .txt,
	.mpeople .txt{font-size:1.075rem;}
	.mnews .mmore,
	.mpeople .item-control{top:30px;}
	
	#mc-cont2{padding:100px 0;}
	.mintro-slide.active .mtit{font-size:2.3rem;}
	.mintro-slide.active .txt{font-size:1.2rem;}
	
	#mc-cont3{padding:60px 0 80px;}
	.mnotice .tab a{font-size:1.5rem;}
	.mnotice-list li a{padding-bottom:30px;}
	.mnotice-list.list a{padding:22px 0;}
	.mnotice .mmore{top:30px;}
	
	#mc-cont4{padding:60px 0 120px;}
	#mc-cont4 .mtit.line:before{width:calc(100% - 190px);}
	.mcontact{font-size:1.25rem;}
	.msns-wrap{top:25px;}
	.sns-ico{width:40px;height:40px;background-size:auto 40px;}
	.sns-ico.ico-instagram{background-position-x:-49px;}
	.sns-ico.ico-facebook{background-position-x:-97px;}
	.sns-ico.ico-blog{background-position-x:-145px;}
}
@media only screen and (max-width:1240px){
	h2.mtit{margin:0 0 30px;}
	
	#mc-cont1 article{margin:60px 0 40px;}
	#mc-cont1 .col-1{width:calc(100% - 360px);padding-right:20px;}
	#mc-cont1 .col-2{width:360px;padding-left:20px;}
	#mc-cont1:before{width:calc(50% - 120px);}
	.mnews-list .list{width:200px;}
	.mnews-list .list .thumb{height:140px;}
	.mnews-list .recent{width:calc(100% - 220px);}
	.mnews-list .list .subject{font-size:1.1rem;min-height:44px;}
	.mnews-list .list .txt{font-size:1rem;}
	.mnews-list .recent .thumb{height:320px;}
	.mpeople-swiper{max-height:460px;}
	.mpeople .mtit{margin:0 0 20px;padding:0 0 20px;}
	.mpeople .thumb{height:270px;}
	.mnews-list .recent .subject,
	.mpeople .subject{font-size:1.3rem;min-height:50px;}
	
	#mc-cont2{padding:70px 0;}
	#mintro{width:595px;}
	#mintro_thumbs{width:calc(100% - 595px);}
	.mintro_thumbs{width:115px;}
	.mintro_thumbs .mintro-slide{width:115px !important;}
	.mintro-slide.active .thumb{width:260px;margin-right:20px;}
	.mintro-slide.active .mstit{margin-top:10px;}
	.mintro-slide.active .mtit{font-size:2.1rem;margin:10px 0 20px;}
	.mintro-slide.active .txt{font-size:1.075rem;font-weight:400;}
	.mintro .thumb{height:360px;}
	.mintro-slide:not(.active) .mtit{font-size:1.2rem;top:72%;}
	.mintro .item-control{left:275px;}
	.mintro .item-control .pager{margin-left:0;}
	.mintro .item-control .pager span{width:20px;height:5px;}
	.mintro .item-control .pager span.swiper-pagination-bullet-active{width:50px;}
	
	#mc-cont3{padding:40px 0 60px;}
	#mc-cont3 .col-1{width:calc(100% - 310px);margin-right:30px;}
	#mc-cont3 .col-2{width:280px;}
	.mpopup .thumb{height:320px;}
	.mpopup .paging{font-size:.9rem;}
	.mnotice-list{margin:-10px;}
	.mnotice-list li{width:calc(50% - 20px);margin:10px;}
	.mnotice-list li a{padding-bottom:15px;}
	.mnotice-list.list,
	.mnotice-list.list li{margin:0;}
	.mnotice-list .subject{font-size:1.2rem;min-height:46px;}
	.mnotice-list .txt{font-size:1rem;min-height:48px;margin:5px 0;}
	
	#mc-cont4{padding:40px 0 100px;}
	#mc-cont4 .col-1{width:450px;height:270px;margin-right:30px;}
	#mc-cont4 .col-2{width:calc(100% - 480px);}
	.msns{margin:-5px;}
	.msns .thumb{width:calc(33.33% - 10px);margin:5px;height:160px;}
	.msns .cont{padding:10px;}
	.msns .cont .txt{font-size:.9rem;line-height:1.2;min-height:35px;}
	.mcontact{font-size:1.1rem;padding:10px;flex-wrap:wrap;text-align:center;}
	.mcontact .tit{width:100%;margin:0 0 8px;padding:0 0 8px;border:0;border-bottom:1px dashed #dadada;}
	.mcontact .tel{width:100%;}
	.mcontact .tel span{font-size:inherit;}
}
@media only screen and (max-width:1023px){
	.mstit{font-size:.9rem;}
	h2.mtit{font-size:var(--font-xlg);margin:0 0 25px;}
	
	#mc-cont1 .col-1{width:100%;padding:40px 0;margin:0;}
	#mc-cont1 .col-2{width:100%;padding:40px 0;margin:0;}
	#mc-cont1:before{width:100%;height:380px;top:unset;bottom:0;}
	.mnews-list .recent{width:calc(100% - 270px);}
	.mnews-list .list{width:250px;}
	.mpeople-list li a{display:flex;justify-content:space-between;}
	.mpeople-swiper{max-height:210px;}
	.mpeople .thumb{width:340px;height:210px;}
	.mpeople .txt-wrap{width:calc(100% - 360px);}
	.mnews-list .recent .subject,
	.mpeople .subject{font-size:1.2rem;min-height:46px;}
	.mnews-list .recent .txt,
	.mpeople .txt{font-size:1rem;min-height:46px;}
	.mnews .mmore,
	.mpeople .item-control{right:0;top:60px;}
	.mpeople .item-control .ico-prev:before{content:"\f053";}
	.mpeople .item-control .ico-next:before{content:"\f054";}
	
	#mc-cont2{padding:40px 0;}
	.mintro_thumbs{width:67.5px;}
	.mintro_thumbs .mintro-slide{width:67.5px !important;}
	
	#mc-cont3{padding:40px 0;}
	#mc-cont3 .col-1{width:calc(100% - 210px);margin-right:20px;}
	#mc-cont3 .col-2{width:190px;}
	.mpopup .thumb{height:230px;}
	.mnotice .tab{margin-bottom:20px;}
	.mnotice .tab a.on:before{font-size:1.6rem;}
	.mnotice .tab a{font-size:1.2rem;margin-right:15px;}
	.mnotice-list .subject{font-size:1.1rem;min-height:43px;}
	.mnotice-list .txt{font-size:.9rem;min-height:43px;}
	.mnotice-list .date{font-size:.8rem;}
	.mnotice .mmore{top:20px;}
	
	#mc-cont4{padding:40px 0 80px;}
	#mc-cont4 .col-1{width:100%;height:390px;margin:0;}
	#mc-cont4 .col-2{width:100%;margin-top:20px;}
	#mc-cont4 .mtit.line:before{width:calc(100% - 150px);}
	.msns .thumb{height:230px;}
	.msns-wrap{top:22px;}
	.sns-ico{width:30px;height:30px;background-size:auto 30px;}
	.sns-ico.ico-instagram{background-position-x:-36px;}
	.sns-ico.ico-facebook{background-position-x:-73px;}
	.sns-ico.ico-blog{background-position-x:-109px;}
	.mcontact{font-size:1rem;padding:5px;}
	.mcontact .tit{margin:0 0 5px;padding:0 0 5px;}
}
@media only screen and (max-width:767px){
	h2.mtit{margin:0 0 15px;}
	
	#mc-cont1 .col-1,
	#mc-cont1 .col-2{padding:20px 0;}
	#mc-cont1:before{display:none;}
	#mc-cont1 .col-2{position:relative;}
	#mc-cont1 .col-2:before{content:"";width:calc(100% + 40px);height:100%;background:var(--sub-color);position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
	.mnews-list{flex-wrap:wrap;}
	.mnews-list .recent{width:100%;margin:0 0 20px;}
	.mnews-list .recent .subject,
	.mpeople .subject{margin:10px 0 5px;}
	.mnews-list .list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
	.mnews-list .list a{width:calc(50% - 10px);}
	.mnews .mmore,
	.mpeople .item-control{top:40px;}
	.mpeople-swiper{max-height:180px;}
	.mpeople .thumb{width:250px;height:180px;}
	.mpeople .txt-wrap{width:calc(100% - 270px);}
	
	#mc-cont2{padding:20px 0;}
	#mintro{width:100%;}
	#mintro_thumbs{display:none;}
	.mintro .thumb{height:330px;}
	.mintro-slide.active .mtit{font-size:1.9rem;}
	.mintro-slide.active .txt{font-size:1rem;line-height:1.4;}
	
	#mc-cont3{padding:20px 0;}
	.mnotice .tab{overflow-x:scroll;flex-wrap:nowrap}
	.mnotice .tab a{flex-shrink:0;}
	.mnotice .tab::-webkit-scrollbar {height:4px;}
	.mnotice .tab::-webkit-scrollbar-thumb {background:var(--main-color);}
	.mnotice .tab::-webkit-scrollbar-track {background:#0002;}
	.mnotice-list{margin:-5px;}
	.mnotice-list li{width:calc(100% - 10px);margin:5px;}
	.mnotice-list:not(.list) li:nth-child(n + 5){display:none;}
	.mnotice-list li a{padding-bottom:5px;}
	.mnotice-list .subject{-webkit-line-clamp:1;min-height:21px;}
	.mnotice-list .txt{-webkit-line-clamp:1;min-height:20px;}
	.mnotice-list.list .subject{width:calc(100% - 80px);}
	
	#mc-cont4{padding:20px 0 60px;}
	#mc-cont4 .col-1{height:310px;}
	.msns .thumb{height:180px;}
}
@media only screen and (max-width:576px){
	h2.mtit{font-size:1.3rem;}
	.mtit.line span{padding-right:10px;}
	.mstit{font-size:.825rem;}
	
	.mmore{width:30px;height:30px;line-height:27px;}
	.mmore:hover{width:35px;height:35px;line-height:32px;}
	.mpeople .mmore:hover{width:30px;height:30px;line-height:27px;}
	
	.mnews-list .recent .thumb{height:250px;}
	.mnews-list .list a{width:calc(50% - 5px);}
	.mpeople-list li a{flex-wrap:wrap;}
	.mpeople-swiper{max-height:430px;}
	.mpeople .thumb{width:100%;height:250px;}
	.mpeople .txt-wrap{width:100%;margin:10px 0 0;}
	
	#mc-cont3 .col-1{width:100%;margin:0;}
	#mc-cont3 .col-2{width:350px;margin:20px auto 0;}
	.mpopup .thumb{width:350px;height:400px;}
	
	.mintro .thumb{height:300px;}
	.mintro-slide.active{flex-wrap:wrap;}
	.mintro-slide.active .thumb{width:100%;margin:0 0 10px;}
	.mintro-slide.active .txt-wrap{width:100%;word-break:keep-all;}
	.mintro-slide.active .txt-wrap br{display:none;}
	.mintro-slide.active .mtit{font-size:1.6rem;margin:5px 0 10px;}
	.mintro .item-control{position:static;margin:10px 0 0;}
	
	.mnotice .tab{margin-bottom:10px;}
	.mnotice .tab a.on:before{font-size:1.4rem;margin:0 5px 0 0;}
	.mnotice .tab a{font-size:1.1rem;margin-right:10px;}
	.mnotice-list .subject{font-size:1rem;min-height:19px !important;}
	.mnotice-list.list a{padding:18px 0;}
	.mnotice-list.list .date{top:19px;}
	
	#mc-cont4{padding:20px 0 40px;}
	#mc-cont4 .col-1{height:240px;}
	.msns .thumb{height:140px;}
	.msns .cont .txt{display:none;}
}
@media only screen and (max-width:415px){
	#mc-cont1 .col-2:before{width:calc(100% + 20px);}
	#mc-cont3 .col-2{width:100%;}
	.mpopup .thumb{width:300px;height:343px;margin:0 auto;}
	.msns-wrap{position:static;margin:10px 0 5px;}
	#mc-cont4 .col-1{height:200px;}
	#mc-cont4 .col-2{margin:0;}
	.msns{flex-wrap:wrap;}
	.msns .thumb{width:calc(100% - 10px);}
	.msns .cont .txt{display:block;}
}

/*스크롤 애니메이션으로 인한 좌우 스크롤 방지*/
#mc-cont1,
#mc-cont2,
.mnotice,
#mc-cont4{overflow:hidden;}
/*메인콘텐츠*/

.fsite-wrap{background:var(--sub-color);color:#fff;}
.fsite-wrap .tab{margin-bottom:0;}
.fsite-wrap .tab a{flex:1;line-height:60px;padding:0 30px;border-right:1px solid #fff2;display:flex;justify-content:space-between;}
.fsite-wrap .tab a:first-child{border-left:1px solid #fff2;}
.fsite-wrap .tab a:after{content:"\2b";font-family:fontAwesome;}
.fsite-wrap .tab a.on{background:var(--dark-color);}
.fsite-wrap .tab a:not(.on):hover{background:var(--main-color);}
.fsite-list{display:none;background:var(--dark-color);padding:40px 0;}
.fsite-list.active{display:block;}
.fsite-list .cont{display:flex;width:100%;margin-bottom:30px;}
.fsite-list .cont:last-child{margin-bottom:0;}
.fsite-list .cont .title{width:200px;}
.fsite-list .cont .list{width:calc(100% - 200px);display:flex;flex-wrap:wrap;}
.fsite-list .cont .list li {padding:3px 10px;line-height:1.2;transition:all .3s;}
.fsite-list .cont .list li a:after{content:"\f08e";font-family:fontAwesome;font-size:.5rem;margin-left:5px;vertical-align:middle;}
.fsite-list .cont .list li.stit > a:after{font-size:.8rem;color:#ffc;}
.fsite-list .cont .list li:not(.stit, .tit){font-size:.925rem;color:#B8C2D1;font-weight:200;}
.fsite-list .cont .list li:not(.stit, .tit):before{content:"-";margin-right:5px;}
.fsite-list .cont .list li.stit{font-size:1.1rem;color:#ff9;}
/*ul 가로나열형 + 타이틀*/
.fsite-list .cont .list.d5 > ul{width:20%;border-left:1px solid #fff2}
.fsite-list .cont .list.d5 > ul:nth-child(5n),
.fsite-list .cont .list.d5 > ul:last-child{border-right:1px solid #fff2;}
.fsite-list .cont .list.d5 li{width:100%;}
/*li 가로나열형*/
.fsite-list .cont .list.d1 > ul{width:100%;display:flex;flex-wrap:wrap;}
.fsite-list .cont .list.d1 li{width:20%;border-left:1px solid #fff2}
.fsite-list .cont .list.d1 li:nth-child(5n),
.fsite-list .cont .list.d1 li:last-child{border-right:1px solid #fff2;}
.fsite-list .cont .title{font-size:1.5rem;font-weight:700;}
.fsite-list .cont .title span{display:block;color:#72C6F8;font-size:.9rem;letter-spacing:.2rem;}
/*li 가로나열형 + 타이틀*/
.fsite-list .cont .list.horiz{margin:-5px 0;}
.fsite-list .cont .list.horiz > ul{width:100%;border-left:0;border-bottom:1px solid #fff2;display:flex;flex-wrap:wrap;padding:5px 0;}
.fsite-list .cont .list.horiz > ul > li.stit{width:100%;}
.fsite-list .cont .list.horiz > ul > li:not(.stit, .tit){width:20%;}
.fsite-list .cont .list.horiz li{padding:5px 3px;}
/*3뎁스*/
.fsite-list .cont .list li.tit{width:100%;font-size:1.3rem;color:#fff;font-weight:500;margin:10px 0 5px;background:#0004;}
.fsite-list .cont .list > ul > li.stit > ul{display:flex;flex-wrap:wrap;margin-top:5px;}
.fsite-list .cont .list > ul > li.stit > ul > li{width:20%;}
/*hover*/
.fsite-list .cont .list li a:hover{color:#72C6F8;text-decoration:underline;}
.fsite-list .cont .list li.stit a:hover:after{color:#72C6F8;}

.fbnr{padding:20px 0;background:#F6F6F6;position:relative;z-index:99;}
.fbnr .row{vertical-align:middle;}
.fbnr .tit-wrap{width:200px;}
.fbnr .pager{margin-left:10px;}
.fbnr-swiper{width:calc(100% - 200px);display:flex;align-items:center;}
/*.fbnr-list li{width:230px !important;}*/
.fbnr-list li a{height:50px;display:flex;align-items:center;justify-content:center;padding:5px;background:#fff;box-shadow:0 0 10px #0001;color:#333;font-size:.925rem;text-align:center;font-weight:500;}
.fbnr-list li a span:before{content:"";width:30px;height:30px;display:inline-block;margin-right:5px;background:url(../img/fbnr-ico.png);vertical-align:middle;}
.fbnr-list li a span.ico2:before{background-position-x:-30px;}
.fbnr-list li a span.ico3:before{background-position-x:-60px;}
.fbnr-list li a span.ico4:before{background-position-x:-90px;}
.fbnr-list li a span.ico5:before{background-position-x:-120px;}
.fbnr-list li a img{max-height:40px;max-width:100%;}

footer{background:#333;}
footer [class*="btn-b-"]{background:0;}
.fmn{padding:15px 0;color:#A7A7A7;border-bottom:1px solid #fff2;}
.fmn a{padding-right:20px;font-size:1rem;font-weight:400;}
.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;}
.flogo img{width:225px;}
footer address{margin-top:20px;color:#A7A7A7;font-size:.9rem;}
footer address span{display:inline-block;width:20px;text-align:center;}

@media only screen and (max-width:1600px){
	.fmn a{padding-right:10px;}
	.fsite-list .cont .list li.stit,
	.fsite-list .cont .list li.tit{font-size:1.075rem;}
	.fsite-list .cont .title{font-size:1.3rem;}
	.fsite-list .cont .title span{font-size:.8rem;}
	.flogo img{width:180px;}
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
	.fsite-list .cont .title{width:160px;}
	.fsite-list .cont .title span{letter-spacing:.05rem;}
	.fsite-list .cont .list{width:calc(100% - 160px);}
	
	.fbnr .tit-wrap{width:160px;}
	.fbnr .tit-wrap h3{margin-bottom:10px;}
	.fbnr-swiper{width:calc(100% - 160px);}
	
	.fmn{padding:10px 0;}
	.fbtm{padding:30px 0;}
	.fmn a{font-size:.9rem;padding-right:10px;word-break:keep-all;}
	footer address{margin:10px 0;font-size:.875rem;}
}
@media only screen and (max-width:1023px){
	.fsite-list .cont{flex-wrap:wrap;}
	.fsite-list .cont .title{width:100%;margin:0 0 10px;}
	.fsite-list .cont .list{width:100%;}
	.fsite-list .cont .title span{display:inline-block;margin:0 5px 0 0;vertical-align:middle;}
	.fsite-list .cont .list li.stit,
	.fsite-list .cont .list li.tit{font-size:1rem;}
	.fsite-list .cont .list li.stit a:after{font-size:.6rem;}
	
	.fbnr .tit-wrap{width:100%;display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;}
	.fbnr .tit-wrap h3{margin:0;}
	.fbnr-swiper{width:100%;}
	
	footer address span{height:0;display:block;text-indent:-100px;overflow:hidden;}
	.fbtm{justify-content:center;text-align:center;}
}
@media only screen and (max-width:767px){
	.fsite-wrap .tab a{padding:0 20px;font-size:1rem;}
	.fsite-list{padding:20px 0;}
	.fsite-list .cont .title{font-size:1.2rem;}
	.fsite-list .cont .list.d5:not(.horiz) > ul,
	.fsite-list .cont .list.horiz li:not(.stit, .tit),
	.fsite-list .cont .list.d1 li:not(.stit, .tit){width:33.33% !important;}
}
@media only screen and (max-width:576px){
	.fsite-wrap .tab a{line-height:50px;font-size:.9rem;}
	.fbnr{padding:10px 0;}
	.flogo img{width:150px;}
	
	footer address{font-size:.8rem;}
}
@media only screen and (max-width:415px){
	.fsite-wrap .tab a{padding:0 10px;font-size:.875rem;line-height:40px;}
	.fsite-list .cont .list.d5:not(.horiz) > ul,
	.fsite-list .cont .list.horiz li:not(.stit, .tit),
	.fsite-list .cont .list.d1 li:not(.stit, .tit){width:50% !important;}
}

/*알림존*/
.modal.popup-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;}
.popup_cont			{position:relative;top:50%;transform:translateY(-50%);z-index:-1;width:1240px;margin:0 auto;/* animation:fadeInDown .5s both alternate; */}
.popup_cont .close	{display:inline-block;vertical-align:bottom;}
.popup_cont .close form	{font-size:14px;color:#fff;text-shadow:none;display:inline-block;margin-right:10px;}
.popup_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;}

#gknu_intro			{position:relative;font-size:15px;}
#gknu_intro .col_wrap	{overflow:hidden;}
#gknu_intro .bx		{position:relative;padding:0 10px;}
#gknu_intro .bx .cont .cont:after{display:none;}
#gknu_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;}
#gknu_intro .img-cont	{position:relative;padding:0;background:none;}
#gknu_intro .img-cont .thumb{height:100%;}

#gknu_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%;}
#gknu_intro .control a.prev	{left:-90px;}
#gknu_intro .control a.next	{right:-90px;}
#gknu_intro .control a.prev:before{content:"\f053";}
#gknu_intro .control a.next:before{content:"\f054";}
#gknu_intro .control a:hover	{background-color:var(--main-color);color:#fff;border-color:var(--main-color);}

.popup-modal .bx-controls-auto {text-align: center;margin-top:20px;}
.popup-modal .bx-controls-auto .bx-controls-auto-item{display:inline-block;}
.popup-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;}
.popup-modal .bx-controls-auto .bx-stop {background-position-x:-39px;}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){ /* 960 */	
	#mpopupsilde		{margin:0;}
	.popup_cont			{width:810px;}
}
@media only screen and (max-width:1240px){ /* 960 */
	.popup_cont		{width:430px;}
}
@media only screen and (max-width:1023px){ /* 960 */
}
@media only screen and (max-width:767px){ /* 960 */
	.popup_cont		{width:100%;max-width:390px;}
	#pop_close		{width:150px;right:20px;left:auto;}
	#pop_close a	{background:#3AA370;}
	#gknu_intro .control a		{width:35px;height:35px;line-height:30px;background-size:25%;font-size:1rem}
	#gknu_intro .control a.prev	{top:-30px;left:10px;}
	#gknu_intro .control a.next	{top:-30px;left:50px;}
	#gknu_intro .col_wrap	{max-height:400px;}
	#gknu_intro .cont	{height:100%;padding:10px;}
	#gknu_intro .img-cont	{padding:0;}
	#gknu_intro .img-cont .thumb{aspect-ratio:1 / 1.03;height:auto;}
}
@media only screen and (max-width:576px){
	
}
@media only screen and (max-width:415px){
}


/*메인-통합검색바*/
#top-search			{position:absolute;left:0;top:0;background:var(--grd);width:100%;text-align:center;visibility:hidden;opacity:0;transition:all 0.3s ease-out;z-index:999;padding:3rem 0;}
#top-search h2.tit	{color:#fff;font-size:var(--font-4xlg);font-weight:500;margin:0;}
#top-search .txt{color:#fffc;font-size:1.1rem;font-weight:200;margin:0 0 20px;}
#top-search .d_width{transform:translate(0,-50px);transition:all 0.3s ease-out;}
#top-search.show	{visibility:visible;opacity:1;box-shadow:0 10px 8px rgba(0,0,0,0.2);}
#top-search.show .d_width	{transform:translate(0);}
#top-search .input-area:after		{content:"";clear:both;display:block;float:none;}
#top-search .input-area .dropdown	{position:relative;float:left;width:220px;margin:0;text-align:left;}
#top-search .input-area .dropdown-menu 	{width:calc(100% - 10px);min-width:auto;top:55px;left:5px;padding:0;}
#top-search .input-area .dropdown.open .dropdown-menu	{display:block;}
#top-search .input-area .dropdown-menu ul	{padding:0;}
#top-search .input-area .dropdown-menu li>a	{display:block;padding:0 20px;line-height:35px;border-top:1px solid #eaeaea;font-size:14px;font-weight:400;transition:all 0.2s ease-out;}
#top-search .input-area .dropdown-menu li>a:focus,
#top-search .input-area .dropdown-menu li>a:hover{background:#f4f4f4;color:#0A50A1;}
#top-search .input-area .dropdown-menu li:first-child>a{border:none;}
#top-search .input-area button	{width:100%;display:block;line-height:60px;background:none;border:none;text-align:left;color:#222;font-size:1.1rem;cursor:pointer;}
#top-search .input-area .dropdown button:after	{padding-right:0;font-size:12px;}
#top-search .input-area input[type="text"]		{float:left;line-height:60px;height:60px;border:none;background:none;font-size:15px;color:#000;}
#top-search .input-area input[type="text"]::placeholder	{color:rgba(0,0,0,0.5);}
#top-search .input-area button:focus,
#top-search .input-area input[type="text"]:focus	{outline:1px dashed #000;}
#top-search .input-area input[type="text"]:focus::placeholder	{color:transparent;}
#topSearch	{width:calc(100% - 280px);}
#top-search .input-area .go-search		{position:relative;float:right;display:block;width:60px;height:60px;background:var(--dark-color);text-align:center;font-size:18px;color:#fff;line-height:60px;border-radius:3px;}
#top-search .input-area .go-search span	{position:relative;z-index:1;}
#top-search .input-area .go-search:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0);display:block;width:100%;height:100%;background:#39A6F4;transition:all 0.3s cubic-bezier(.65,.26,.19,1.23);}
#top-search .input-area .go-search:focus:before,
#top-search .input-area .go-search:hover:before	{transform:translate(-50%, -50%) scale(1.26);}
#top-search .dropdown button:after {content: "\f078";font-family: "FontAwesome";font-weight: 900;padding-right: 10px;float: right;font-size: 1rem;}
#top-search	.btn-close			{position:absolute;right:2rem;top:2rem;font-size:var(--font-xlg);color:#fff;line-height:1} 

@media only screen and (max-width:1240px){
	#top-search{padding:2rem 0;}
	#top-search h2.tit{font-size:var(--font-3xlg);}
	#top-search .input-area .dropdown{width:150px;}
	#topSearch	{width:calc(100% - 200px);}
	#top-search .input-area .go-search{width:50px;height:50px;line-height:50px;}
	#top-search .input-area button{line-height:50px;}
	#top-search .input-area input[type="text"]{line-height:50px;height:50px;}
}
@media only screen and (max-width:1023px){
	#top-search h2.tit{font-size:var(--font-2xlg);}
	#top-search .txt{font-size:1rem;margin:0 0 10px;}
}
@media only screen and (max-width:767px){
}
@media only screen and (max-width:576px){
	#top-search h2.tit{font-size:var(--font-xlg);text-align:left;}
	#top-search .txt,
	#top-search .input-area .dropdown{display:none;}
	#top-search .input-area{width:100%;}
	#topSearch	{width:calc(100% - 40px);}
	#top-search .input-area .go-search{width:40px;height:40px;line-height:40px;background:0;color:var(--sub-color);}
	#top-search .input-area input[type="text"]{line-height:40px;height:40px;padding-left:10px;}
	#top-search .btn-close{right:20px;}
}
@media only screen and (max-width:415px){
	#top-search .btn-close{right:10px;}
}

/*통합검색*/
#search-wrap	{padding:0;margin:0}
#search-wrap .s_word	{color:#42359F !important;font-weight:400;text-decoration:underline}
.search-top				{position:relative;padding:10px;background:var(--point-color1);margin-bottom:0;}
.search-top .logo			{position:absolute;left:0;top:42px;}
.search-top .input-area				{background:#fff;border:none;margin:0 auto;align-items:center;}
.search-top .input-area:after		{content:"";clear:both;display:block;float:none;}
.search-top .input-area .dropdown	{position:relative;float:left;width:220px;margin:0;}
.search-top .input-area .dropdown-menu 	{width:calc(100% - 10px);min-width:auto;top:55px;left:5px;padding:0;}
.search-top .input-area .dropdown.open .dropdown-menu	{display:block;}
.search-top .input-area .dropdown-menu ul	{padding:0;}
.search-top .input-area .dropdown-menu li>a	{display:block;padding:0 20px;line-height:35px;border-top:1px solid #eaeaea;font-size:14px;font-weight:400;transition:all 0.2s ease-out;}
.search-top .input-area .dropdown-menu li>a:focus,
.search-top .input-area .dropdown-menu li>a:hover{background:#f4f4f4;color:#0A50A1;}
.search-top .input-area .dropdown-menu li:first-child>a{border:none;}
.search-top .input-area button	{width:100% !important;display:block;line-height:60px;background:none;border:none;text-align:left;color:#222 !important;font-size:1.1rem;cursor:pointer;}
.search-top .input-area .dropdown button:after	{padding-right:0;font-size:12px;}
.search-top .input-area button	{width:100%;display:block;line-height:50px;background:none;border:none;padding:0 0 0 10px;text-align:left;}
.search-top .input-area button .fa{float:right;display:block;line-height:50px;font-size:20px;}
.search-top .input-area input[type="text"]		{width:calc(100% - 270px);float:left;line-height:60px;height:inherit;border:none;background:none;color:#000;}
.search-top .input-area input[type="text"]::placeholder	{color:rgba(0,0,0,0.5);}
.search-top .input-area button:focus,
.search-top .input-area input[type="text"]:focus	{outline:1px dashed #000;}
.search-top .input-area input[type="text"]:focus::placeholder	{color:transparent;}
.search-top .input-area .search-icon		{float:right;line-height:50px;display:inline-block;width:40px;text-align:center;color:#13007c;}
.search-option		{padding:15px;border:1px solid #ddd;border-top:none;color:#333;}
.search-option input{vertical-align:top}
.search-option input[type="text"]{width:100px;}
.search-option input[type="radio"]{margin:10px 5px 0 0;}
.search-option span{display:inline-block;margin:2px 10px;line-height:30px;vertical-align:top;}
.search-result			{position:relative;}
.search-result em		{color:#CC3333}
.search-result .mn		{background:#f6f6f6;border-top:1px solid #13007c;border-bottom:1px solid #eaeaea;}
.search-result .mn li	{float:left;width:20%;text-align:center;margin:15px 0;font-size:18px;font-weight:400}
.search-result .mn a.on	{color:#13007c}
.search-result .total	{margin:30px 0;border:1px solid #eaeaea;text-align:center;color:#333}
.search-result .total .tit{padding:40px;font-size:20px;}
.search-result .total .tit:before	{content:"\f002";font-family:FontAwesome;display:inline-block;margin-right:10px;color:#13007c}
.search-result .total ul{background:#f6f6f6;padding:15px;}
.search-result .total li{float:left;margin-right:20px;}
.search-result .more		{text-align:right;margin:20px 0 40px 0;padding-bottom:20px;border-bottom:1px solid #ddd;font-size:14px;}
.search-result .sum			{color:#aaa;display:inline-block;margin-left:5px;}

.search-result .type1 ul	{background:#f6f6f6;padding:20px;}
.search-result .type1 li a:before	{content:"\f105";font-family:FontAwesome;display:inline-block;margin:0 10px;color:#999}
.search-result .type1 li a:first-child:before{content:"·";margin-left:0;}

.search-result .type2 li		{border-top:1px dashed #eaeaea;padding:20px 0;}
.search-result .type2 li:first-child{border:none;padding-top:0}
.search-result .type2 .tit		{margin-bottom:10px;}
.search-result .type2 .txt 	{color:#777}
.search-result .type2 .date	{font-size:12px;font-family:Lato;color:#777;margin-top:10px;}
.search-result .type2 .tit a	{color:#222;font-weight:400}
.search-result .type2 a:before	{content:"\f105";font-family:FontAwesome;display:inline-block;margin:0 10px;color:#999}
.search-result .type2 a:first-child:before{content:"";margin:0;}

.search-result .type3			{}
.search-result .type3 table			{border-top:1px solid #6A757D;}
.search-result .type3 table th,
.search-result .type3 table td				{padding:15px 20px;border:1px solid #ddd;vertical-align:middle;}
.search-result .type3 table thead th		{background:#f4f4f4;color:#6A757D;line-height:1.4;font-weight:normal;border-top:none;text-align:center;}
.search-result .type3 table tbody th		{text-align:center;}
.search-result .type3 table th,
.search-result .type3 table td:first-child	{border-left:none;}
.search-result .type3 table th:last-child,
.search-result .type3 table td:last-child	{border-right:none;}
.search-result .type3 table tr:first-child th,	
.search-result .type3 table tr:first-child td	{border-top:none;}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
	.search-top .input-area .dropdown button,
	.search-top .input-area input[type="text"]{line-height:50px;font-size:1.1rem;}
	.search-top .input-area .dropdown .dropdown-menu{top:50px;}
}
@media only screen and (max-width:1023px){
}
@media only screen and (max-width:767px){
	.search-top .input-area .dropdown{width:100%;border-bottom:1px solid #dadada;}
	.search-top .input-area input[type="text"]{width:calc(100% - 50px);}
	.search-result .total .tit{padding:20px;font-size:1.1rem;}
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:415px){
}

/*서브페이지*/
.snb-wrap		{width:100%;height:70px;text-align:left;position:relative;z-index:99;background:var(--main-color);}
#snb			{position:relative;}
#snb a			{position:relative;display:block;height:100%;}
#snb ul			{}
#snb ul li			{position:relative;float:left;cursor:pointer;border-right:1px solid rgba(255,255,255,0.1);}
#snb ul li > span{height:100%;display:block;padding:0 40px 0 20px;min-width:240px;line-height:70px;color:#fff;font-size:16px;white-space:nowrap;}
#snb ul.depth1 > li:last-child > span,
#snb ul.depth1 > li:last-child > span > a{color:#ffc;}
#snb ul.depth1 > li:last-child span:after{border-color:#ffc;}
#snb ul li span:hover,
#snb ul li.on span	{color:#ffc;}
#snb ul li.home a			{min-width:auto;width:70px;height:70px;border:none;background:var(--sub-color) url(../img/snb_home.png) no-repeat 50% 50%;}
#snb ul li span:before		{content:"";position:absolute;left:0;bottom:-1px;right:0;width:100%;height:2px;background:#0A50A1;transform:scale(0);transition:all 0.2s ease-out;z-index:9;}
#snb ul li span:after		{content:"";position:absolute;right:20px;top:50%;margin-top:-7px;display:block;width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);transition:all 0.2s ease-out;}
#snb ul li.on span:before{transform:scale(1);}
#snb ul li.on span:after	{transform:rotate(-135deg);margin-top:-4px;}
#snb ul ul			{visibility:hidden;opacity:0;position:absolute;left:0;top:70px;width:100%;border:1px solid rgba(0,0,0,0.1);border-top:none;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.15);}
#snb li.on ul	{visibility:visible;opacity:1;transition:all .3s;}
#snb ul ul li		{position:relative;overflow:hidden;float:none;width:100%;}
#snb ul ul li:before	{content:"";display:block;position:absolute;left:-100%;top:0;width:100%;height:100%;background:#f6f6f6;transition:all 0.4s cubic-bezier(.65,.26,.19,1.23);}
#snb ul ul li.on:before	{left:0;}
#snb ul ul li:after	{display:none}
#snb ul ul li.on	{margin:0 -1px;width:calc(100% + 2px);background:var(--sub-color);border-bottom:none;}
#snb ul ul li a		{position:relative;min-width:auto;line-height:1;color:#777;font-size:15px;border:none;padding:15px 20px;background:none;overflow:hidden;border-top:1px dashed rgba(0,0,0,0.1);}
#snb ul ul li:first-child a,
#snb ul ul li a.on,
#snb ul ul li + li a.on		{border-top:none;}
#snb ul ul li a:hover		{color:#000;}
#snb ul ul li a.on{background:var(--main-color);color:#fff !important;}
#snb a.newWin:after	{content:"\f35d";font-family:FontAwesome;font-weight:900;display:inline-block;position:absolute;right:20px;top:50%;margin-top:-8px;font-size:12px;color:#ccc;vertical-align:middle;}

.pnb		{position:absolute;right:0;top:0;margin:0;z-index:8;}
.pnb a i	{line-height:unset;}
.pnb:after	{content:"";display:block;float:none;clear:both;}
.pnb ul		{float:left;vertical-align:middle;}
.pnb li		{float:left;}
.pnb li a	{position:relative;display:block;display:block;height:70px;width:50px;text-align:center;font-size:13px;color:#fff;line-height:70px;}
.pnb li a:before	{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:10px;background:rgba(255,255,255,0.1);}
.pnb li:first-child a:before	{display:none;}
.pnb li:nth-child(2) a	{font-weight:600;}
.pnb .ico-print, .pnb .ico-share	{float:left;display:inline-block;width:70px;height:70px;background-image:url(../img/pnb_ico.png);background-repeat:no-repeat;vertical-align:middle;transition:all 0.2s ease-out;}
.pnb > .ico-print	{background-position:5px 50%;}
.pnb > .ico-share	{background-position:-55px 50%;background-color:#0003;}
.pnb .ico-share:before			{display:block;background-position:-5px -5px;}
.pnb .ico-print:before			{display:block;background-position:-5px -65px;}
.pnb .share-sns		{display:none;position:absolute;right:0;top:60px;width:120px;background:var(--dgray1);border-radius:0.25rem;overflow:hidden;}
.pnb .share-sns:after{content:"";display:block;float:none;clear:both;}
.pnb .ico-share:hover .share-sns{display:block;}
.pnb .share-sns a	{float:left;display:block;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;border-left:1px solid rgba(0,0,0,0.05)}
.pnb .share-sns a:first-child{border:none;}
.pnb .share-sns a:nth-child(1):hover{background:#1877f2}
.pnb .share-sns a:nth-child(2):hover{background:#1d9bf0}
.pnb .share-sns a:nth-child(3):hover{background:#03c85a}

#sub-container{padding:50px 0 120px;position:relative;z-index:0;}
#body_head h1{color:#121314;}

#sub-container h2:before{content:"";width:26px;height:7px;background:url(../img/h2-bullet.png);background-size:cover;display:block;margin:0 0 5px 2px;}
#sub-container h2{font-weight:500;margin:2.5rem 0 1.5rem 0;}
#sub-container h2.line{position:relative}
#sub-container h2.line span{display:inline-block;padding:0 20px 0 0;background:#fff;position:relative;z-index:1;}
#sub-container h2.line:after{content:"";width:100%;height:1px;background:#a5a5a5;position:absolute;left:0;top:calc(50% + 5px);}
#sub-container h3:before{content:"";width:5px;height:5px;display:inline-block;background:var(--grd);margin-right:8px;vertical-align:middle;}
#sub-container h3{color:#1C2D46;font-weight:500;}
#sub-container h4{color:var(--main-color);}

#sub-visual			{margin-top:-120px;line-height:1;position:relative;z-index:10;/* background:url(../img/sv-bg.png) no-repeat 50% 50%/cover; */}
/* #sub-visual:before	{content:"";width:100%;height:100%;background:#162663;opacity:.85;position:absolute;top:0;left:0;} */
#sub-visual .svbg			{position:absolute;right:0;top:0;width:100%;height:100%;overflow:hidden;background:#000;}
#sub-visual .svbg:before	{content:"";width:100%;height:100%;position:absolute;right:0;top:0;background:url(../img/sv-bg01.png) no-repeat 50% 50%/cover;animation:svbg-scale 1s alternate both ease-out;}
#sub-visual.sub-tit2 .svbg:before{background-image:url(../img/sv-bg04.png)}
#sub-visual.sub-tit3 .svbg:before{background-image:url(../img/sv-bg03.png)}
#sub-visual.sub-tit4 .svbg:before{background-image:url(../img/sv-bg06.png)}
#sub-visual.sub-tit5 .svbg:before{background-image:url(../img/sv-bg02.png)}
#sub-visual.sub-tit6 .svbg:before{background-image:url(../img/sv-bg05.png)}
#sub-visual.sub-tit7 .svbg:before{background-image:url(../img/sv-bg07.png)}
#sub-visual .svtit	{padding:180px 0 80px;color:#fff;font-size:1rem;text-align:center;}
#sub-visual .svtit .stit{margin:20px 0 15px;letter-spacing:.2rem;font-size:.925rem;color:#fffc;}
#sub-visual .svtit .tit{font-size:var(--font-4xlg);font-weight:900;color:#fff;display:inline-block;animation:sv-tit .7s both;}
#sub-visual .svtit .tit:after{content:"";width:100%;height:5px;display:block;background:var(--grd);margin-top:5px;}
@keyframes svbg-scale {
  0% {transform: scale(1.25); opacity:0.2}
  100% {transform: scale(1);opacity: .7;}
} 
@keyframes sv-tit {
  0% {filter: blur(10px); opacity:0; transform: scale(1.2);}
  100% {filter: blur(0px); opacity:1;  transform: scale(1);}
}

@media (max-width:1440px){
}
@media (max-width:1240px){ /*960*/
	#sub-visual .svtit .tit{font-size:var(--font-2xlg);}
	.snb-wrap{height:60px;}
	#snb ul li.home a{width:60px;height:60px;padding:0;}
	#snb ul li span, #snb ul li a{line-height:60px;}
	#snb ul ul{top:60px;}
	.location{margin-bottom:10px;font-size:.9rem;}
	#snb	{padding:0;}
	.pnb	{display:none;}
	#snb>ul>li:nth-last-child(3):not(.home){display:none;}
	
	#sub-visual.tb-intro{height:100px;}
}
@media (max-width:1023px){/*720*/
	#sub-container{padding:40px 0 80px;}
	.snb-wrap		{height:50px;}
	#snb ul li.home a{width:50px;height:50px;}
	#snb ul li span, #snb ul li a	{line-height:50px;font-size:15px;min-width:180px;}
	#snb ul li:after	{margin-top:-5px;height:10px;}
	#snb ul ul	{top:50px;}
	
	#sub-visual.tb-intro{height:20px;}
}
@media (max-width:767px){/*mobile-l*/
	#sub-visual .svtit{padding:140px 0 0;}
	#sub-visual .svtit .tit{font-size:var(--font-xlg);}
	#sub-visual .svtit .tit:after{margin:0;height:3px;}
	#sub-visual .svtit .stit{display:none;}
	.location	{font-size:.8rem;}
	.location > ul > li:after{margin:0 5px;}
	.snb-wrap{position:static;}
	.snb-wrap .d_width{margin:0 !important;}
	#snb ul li.home				{border:0;}
	#snb > ul > li:not(.home)	{width:calc(100% - 50px);min-width:auto;border:0;background:#0005;}
	#snb>ul>li:nth-last-child(2):not(.home){display:none;}
	#snb ul ul		{width:100%;border-left:0;border-right:0;}
	#snb ul ul li.on	{width:100%;margin:0;}
}
@media (max-width:576px){/*mobile-s*/
	#sub-container{padding:20px 0 40px;}
}
@media (max-width:415px){/*mobile-xs*/
}

/*tab*/
.tab-list{background:#F1F8FC;border:0;padding:1rem .5rem;}
.tab-list a{color:#121314;min-width:calc(100% / 6);max-width:calc(100% / 6);flex:1;padding:.5rem .8rem;}
.tab-list a:hover{color:var(--sub-color);font-weight:700;}

.tab-txt{margin-bottom:55px;position:relative;}
.tab-txt ul{width:100%;display:flex;flex-wrap:wrap;text-align:center;margin:-5px;}
.tab-txt li{flex:1;min-width:calc(20% - 10px);vertical-align:middle;margin:5px;}
.tab-txt li:nth-child(n + 5){max-width:calc(20% - 10px);}
.tab-txt a{display:block;padding:15px 0;background-color:#F0F0F0;color:#333;font-weight:400;font-size:1rem;border:2px solid #f0f0f0;margin-left:0;}
.tab-txt li a.on{background-color:#FFF;border:2px solid var(--sub-color);color:var(--sub-color);font-weight:500;}
.tab-txt li a:not(.on):hover{background-color:#FFF;border:2px solid #666;color:#666;font-weight:500;}
.tab-txt:after{display:none;}
.tab-txt ul::-webkit-scrollbar{width:100%;height:6px;background:rgba(0,0,0,0);}
.tab-txt ul::-webkit-scrollbar-thumb{background:var(--sub-color);}
.tab-txt ul::-webkit-scrollbar-track{width:100%;height:6px;background:#00000024;}

@media only screen and (max-width:1023px){
	.tab-txt{margin-bottom:30px;}
	.tab-txt ul{margin:-2px;}
	.tab-txt li{flex:1;min-width:calc(25% - 4px);margin:2px;}
	.tab-txt li:nth-child(n + 4){max-width:calc(25% - 4px);}
	.tab-txt a{font-size:.9rem;}
}

@media only screen and (max-width:767px){
	.tab-txt{margin-bottom:30px;}
	.tab-txt li{flex:auto;width:calc(50% - 4px);min-width:unset;}
	.tab-txt li:nth-child(n + 2){max-width:calc(50% - 4px);}
	.tab-txt a{padding:10px 0;}
}

@media only screen and (max-width:415px){
	.tab-txt ul{margin:-2px 0;}
	.tab-txt li{flex:auto;width:100%;margin:2px 0;max-width:unset !important;}
	.tab-txt a{padding:7px 0;}
}

/*테이블*/ 
.t1 table,
.t2 table,
.t3 table			{border-top:2px solid var(--sub-color);}
.t3	table th		{text-align:center;}
.t1 table th,
.t1 table td,
.t2 table th,
.t2 table td,
.t3 table th,
.t3 table td		{padding:1rem;border:1px solid #EAEAEA;vertical-align:middle;}

.t3 table.table-sm th,
.t3 table.table-sm td		{padding:10px;}
.t1 table thead th			{color:var(--sub-color);background:#transparent;border-left:none;border-right:none;}
.t2 table thead th			{color:var(--sub-color);background:#F7F9FA;border-left:none;border-right:none;}
.t1 table thead th,
.t2 table thead th,
.t3 table thead th	{line-height:1.4;font-weight:600;text-align:center;}
.t3 table thead th	{color:#000;font-weight:500;}
.t3 table tbody th	{font-weight:500;color:#5A7085;background:#F7F9FA;}
.t1 table thead th:first-child,
.t2 table thead th:first-child,
.t3 table thead th:first-child,
.t1 table tbody th,
.t1 table tbody td:first-child,
.t2 table tbody th,
.t2 table tbody td:first-child,
.t3 table tbody th,
.t3 table tbody td:first-child,
.t3 table tfoot th,
.t3 table tfoot td:first-child	{border-left:none;}
.t2 table thead th:last-child,
.t3 table thead th:last-child,
.t1 table tbody td:last-child,
.t1 table tfoot td:last-child,
.t2 table tbody td:last-child,
.t2 table tfoot td:last-child,
.t3 table tbody td:last-child,
.t3 table tfoot td:last-child	{border-right:none;}
.t1 table td.br_none,
.t2 table td.br_none,
.t3 table td.br_none			{border-left:none !important;}
.t1 table tbody tr:first-child th,
.t1 table tbody tr:first-child td,
.t2 table tbody tr:first-child th,
.t2 table tbody tr:first-child td,
.t3 table tbody tr:first-child th,
.t3 table tbody tr:first-child td	{border-top:0;}

.t1 .board-sm thead th,
.t2 .board-sm thead th,
.t3 .board-sm thead th	{border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;}
.t1 .board-sm th		{font-weight:600;color:#374B62;}
.t1 .board-sm th,
.t1 .board-sm td,
.t2 .board-sm th,
.t2 .board-sm td,
.t3 .board-sm th,
.t3 .board-sm td		{padding:0.5rem;}

/*board-list*/
.board-list{border-top:2px solid var(--sub-color);}
.board-list thead th{background:#fff;color:#121314;padding:1rem .75rem;border-bottom:1px solid #666;}
.board-list tbody tr:last-child th, .board-list tbody tr:last-child td{border-bottom:0;}
.board-list.head-none{border-top:0;}
.board-list .clip-list{padding:3.75rem 1.25rem 1.25rem 1.25rem;color:#333;}
.board-list .clip-list:before{background:#919191;}
.board-list em.new{width:20px;height:20px;min-width:20px;line-height:21px;display:inline-block;background:#FF6633;
border-radius:50%;font-size:11px;text-align:center;color:#FFF;vertical-align:middle;}
.board-list .select{height:28px;font-size: 13px;color:inherit;border:1px solid #e1e1e1;background:#fff;border-radius:2px;}
.board-list .badge.sh-ell{/* font-size:0.8rem; */}
.board-list .comment{position:static;display:inline-block;font-size:.9rem;border-radius:0;padding:0;background:none;color:var(--main-color);line-height:1;}
.board-list .comment:before{display:none;}
.board-list .subject{text-align:left;font-weight:500;}
.board-list .subject a{display:block;overflow:hidden;text-decoration:none;align-items:center;}
.board-list table .date,	
.board-list table .num					{font-size:.9rem;color:#919191}

/*board-view-list*/
.board-view-list		{border-top: 1px solid #eaeaea;color:#999;text-align:center;margin:30px 0;}
.board-view-list dl		{clear:both;}
.board-view-list dt,
.board-view-list dd		{float:left;height:50px;line-height:50px;padding:0;margin:0;border-bottom: 1px solid #eaeaea;white-space:nowrap;}
.board-view-list dt		{width:120px;background: var(--sub-color);color: #FFF;font-weight: 400;font-size: 15px;border-color: #4c6eaf;}
.board-view-list dd		{width:180px;color: #333;}
.board-view-list dd:last-child{width:100px;font-size:14px;}
.board-view-list dd.subject	{width:calc(100% - 400px);text-align:left;padding:0 15px;font-size:16px;overflow:hidden;color:#000;}

.board-view-title .subject{font-weight:500;}
.board-view-desc .vd-tit{min-width:50px;}
.board-view-desc .vd-tit:nth-child(2){margin-left:20px;}
.board-view b, .board-view strong{font-weight:bold;}

/*board-paging*/
.board-paging{position:relative;}
.board-paging .shortcut	{display:block;font-size:.9rem;position:absolute;top:1.9rem;right:0;}
.board-paging .page{display:inline-block;text-indent:0;text-align:center;width:auto !important;max-width:50px;padding:0 5px;}
.board-paging a.va-mo{display:none;}

@media only screen and (max-width:1600px){
	.board-paging{padding-right:80px;}
}
@media only screen and (max-width:1240px){
	.board-list .subject, 
	.board-list .subject a{font-size:17px;}
	.board-list tbody th,
	.board-list tbody td{padding:.7rem .3rem;}
	.board-paging{padding-right:0px;}
	.board-paging .shortcut{position:static;margin-top:20px;}
}

@media only screen and (max-width:1017px){
	.table tr {text-align:left;}
	.table td,
	.table th {font-size:.825rem;}
	.t1 table th,
	.t1 table td,
	.t2 table th,
	.t2 table td,
	.t3 table th,
	.t3 table td {padding:.75rem;}
	
	.board-search {justify-content:center;}
}

@media only screen and (max-width:1023px){
	.table.t1 td, .table.t1 th,
	.table.t2 td, .table.t2 th,
	.table.t3 td, .table.t3 th {display:table-cell;}
	.table.t1 tr,
	.table.t2 tr,
	.table.t3 tr {display: table-row;}
	
	.table thead tr {border-bottom:none;}
	
	.board-write .table table		{display:revert;width:100%}
	.board-write .table thead,
	.board-write .table tbody,
	.board-write .table tr,
	.board-write .table th,
	.board-write .table td	{display:revert;width:auto;}
	.board-write .table input	{width:auto !important;}

	.table-responsive > table	{margin-top:15px;}
	.table-responsive			{padding-top:10px;} 
	
	.board-list{margin-top:20px;}
}

@media only screen and (max-width:767px){
		.t1 table th, .t1 table td, 
	.t2 table th, .t2 table td, 
	.t3 table th, .t3 table td{font-size:.9rem;}
	.board-list tbody th,
	.board-list tbody td			{padding:0;border:none;}
	.board-list tbody td.notice .badge{margin-bottom:0.5rem;}
	.board-list .subject, 
	.board-list .subject a{font-size:1rem;margin-bottom:5px;font-weight:700;}
	.board-list .badge.sh-ell{font-size:.7rem;padding:0.4rem 0.5rem 0.4rem 0.5rem;}
	.board-list [class*="btn-b-"]{margin:2px 0 3px;}
	.board-list tbody td,
	.board-list .date{font-size:.85rem;color:#555;}
	.board-list .reply .subject{padding-left:0;}
	.board-list .comment{font-size:14px;}
	
	.board-view-desc div{width:100%;}
	.board-view-title .subject{font-size:18px;}
	.board-view	.desc {padding:15px;}
	.board-view	.desc dt,
	.board-view	.desc dd{float:none;display:inline-block;width:auto;text-indent:0}
	
	.board-view-list{margin:30px 0 0;}
	.board-view-list dt{width:70px;font-size:.8rem;}
	.board-view-list dt, 
	.board-view-list dd{height:45px;line-height:45px;}
	.board-view-list dd		{display:none}
	.board-view-list dd.subject	{display:inline-block;width:calc(100% - 70px);font-size:.8rem;}
	
	.board-search{padding:1rem;}
	.board-search select.form-control,
	.board-search input.form-control{width:100%;margin-left:0 !important;}
	.board-search #search_type,
	.board-search #btnSearch{width:100%;margin-left:0 !important;}
	.board-search #btnSearch{margin-top:2px;}
	
	.board-info{margin:20px 0 0;}
	.board-info > div{flex:none;width:100%;font-size:.9rem;}
	.board-info-left{margin-bottom:10px;}
	.board-info-right select.form-control{width:100%;margin:1px 0;}
	
	.board-gallery.type1 li{width:50%;}
	
}

@media only screen and (max-width:576px){
	.board-paging .shortcut{margin-top:0;}
	.board-paging a.va-mo{display:inline-block;}
	
	.board-gallery.type1 li{width:100%;padding:0 15px 0;}
}


/* 로그인 */
.login-wrap{position:relative;text-align:center;border:1px solid #DCE3E7;display:flex;flex-wrap:wrap;word-break:keep-all;}
.login-wrap:after{content:"";width:400px;display:block;background:url(../img/login-bg.png) no-repeat 50% 50% /cover;}
.login-wrap .login-bx{width:calc(100% - 400px);}
.login-wrap .login-bx .tit		{font-size:52px;font-weight:700;color:#000;line-height:1.2;}
.login-wrap .login-bx .txt		{margin:0 0 30px;padding:0;background:0;}
.login-wrap .login-bx	{position:relative;padding:60px 200px;}
.login-wrap .login-bx dl{line-height:55px;margin:2px 0;border:1px solid #eaeaea;}
.login-wrap .login-bx dl:after{content:"";clear:both;display:block;float:none}
.login-wrap .login-bx dt,
.login-wrap .login-bx dd{float:left;}
.login-wrap .login-bx dt{width:40px;color:#919191;font-size:.9rem;}
.login-wrap .login-bx dd{width:calc(100% - 40px);text-align:left}
.login-wrap .login-bx input{padding:0;margin:0;border:none}
.login-wrap .btn-login	{display:block;line-height:60px;padding:0;margin:10px 0 60px;text-align:center;border:none;background:var(--main-color);color:#fff;}
.login-wrap .note{text-align:left;font-size:.925rem;}

@media only screen and (max-width:1600px){
	.login-wrap .login-bx{padding:60px;}
	.login-wrap .login-bx .tit{font-size:var(--font-4xlg);}
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
}
@media only screen and (max-width:1023px){
	.login-wrap .login-bx{width:100%;}
	.login-wrap:after{display:none;}
	.login-wrap .login-bx .tit{font-size:var(--font-3xlg);}
	.login-wrap .login-bx{padding:40px;}
}
@media only screen and (max-width:767px){
}
@media only screen and (max-width:576px){
	.login-wrap .login-bx .tit{font-size:var(--font-2xlg);}
	.login-wrap .login-bx{padding:20px;}
	.login-wrap .login-bx .txt{font-size:.925rem;margin:0 0 20px;line-height:1.2;}
	.login-wrap .login-bx dl{line-height:40px;}
	.login-wrap .btn-login{line-height:45px;margin:10px 0 40px;}
	.login-wrap .note{font-size:.825rem;}
}
@media only screen and (max-width:415px){
	
}

/*사이트맵*/
.sitemap_bx				{margin:0 0 40px 0;}
.sitemap_bx .tit,
.sitemap_bx .tit a		{margin-bottom:10px;font-size:var(--font-xlg);color:var(--main-color);font-weight:900;}
.sitemap_bx ul			{margin:-20px;}
.sitemap_bx ul li		{float:left;width:calc(33.33% - 40px);margin:20px}
.sitemap_bx ul li a		{display:block;border-top:1px solid #222;border-bottom:1px solid #222;color:#222;font-weight:500;margin:0;padding:1rem .5rem;font-size:1.2rem;}
.sitemap_bx ul li:nth-child(3n+1) {clear:both;}
.sitemap_bx ul ul		{padding:20px;background:#f6f6f6;margin:0;}
.sitemap_bx ul ul li	{float:none;width:100%;margin:0;}
.sitemap_bx ul ul li a:before	{content:"-";margin-right:5px;color:#333}
.sitemap_bx ul ul li a	{border:none;padding:0;color:#333;font-weight:300;font-size:1.025rem;}

@media only screen and (max-width:767px){
	.sitemap_bx ul			{margin:0;}
	.sitemap_bx ul li		{margin:0 0 20px;}
	.sitemap_bx ul li	{float:none;width:auto;}
	.sitemap_bx .tit, .sitemap_bx .tit a{font-size:var(--font-lg);}
	.sitemap_bx ul li a{font-size:1.1rem;}
}


/*학사일정*/
.sc-schedule-bx		{border-top:2px solid var(--sub-color);padding:25px 0;text-align:center;position:relative;}
.sc-schedule-bx span.year	{line-height:40px;font-size:22px;font-weight:500;color:#333;display:inline-block;vertical-align:middle;}
.sc-schedule-bx span.school-year{padding:5px 25px;border:2px solid var(--point-color1);color:var(--point-color1);border-radius:50px;font-weight:500;position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:1.2rem;}
.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	{margin-right:40px;}
.sc-schedule-bx .next	{margin-left:40px;}

.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;text-align:center;border:none;}
.sc-schedule-list table tbody span	{display:inline-block;background:var(--sub-color);width:24px;color:#fff;}
.sc-schedule-list .cont		{float:left;width:100%;}
.sc-schedule-list .cont ul{border-top:1px solid #ddd;}
.sc-schedule-list .cont li	{display:flex;border-bottom:1px dashed #ddd;padding:15px 0;}
.sc-schedule-list .cont li:first-child{border-top:1px solid #ddd;}
.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:150px;font-size:14px;font-weight:500;color:#000;padding-top:2px;flex-shrink:0;}
.sc-schedule-list .cont .txt	{width:calc(100% - 150px);}

.schedule-list .circle {width: 10px; height: 10px; border-radius: 50%; background-color:var(--main-color);display:inline-block;margin:0 0 0 5px;}
.schedule-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.table-calendar{width:calc(40% - 20px);}
.sc-schedule-list{width:calc(60% - 20px);}
.sc-schedule-list .cont ul{border-top: none;}

.table-calendar	thead th					{width:calc(100%/7);padding:0.5rem 0;color:var(--black);border-top:1px solid #ddd;}
.table-calendar	tbody td					{border:1px solid var(--basic-border);border-right:none;font-size:0.938rem;vertical-align:top;}
.table-calendar	tbody td:first-child		{border-left:none;}
.table-calendar	tbody td:nth-child(7)		{background:var(--bg-blue);}
.table-calendar	tbody td:nth-child(1)		{background:var(--bg-red);}
.table-calendar	tbody td:nth-child(7) .day a{color:var(--blue);}
.table-calendar	tbody td:nth-child(1) .day a{color:var(--pink);}
.table-calendar	.day-cell					{padding:0.5rem;min-height:90px;position:relative;}
.table-calendar .day						{display:inline-block;margin-bottom:0.5rem;}
.table-calendar .day a						{font-size:var(--font-base);color:#111;line-height:1.75rem;height:1.75rem;width:1.75rem;display:inline-block;text-align:center;border-radius:50%;margin-right:0.125rem}
.table-calendar .day a:hover				{background:var(--main-color);color:#fff !important;}
.table-calendar .day span					{font-size:var(--font-xsm);color:#999}
.table-calendar .today .day-cell			{border:2px solid var(--main-color)}
.table-calendar .day-off					{background:#f7f7f7;}
.table-calendar .day-holiday				{color:var(--pink);background:var(--bg-red) !important;}
.table-calendar .day-holiday .day a			{color:var(--pink) !important;}
.table-calendar .next-month,
.table-calendar .prev-month{background:#fafafa;color:#888;font-weight:200;}
.table-calendar .next-month .circle,
.table-calendar .prev-month .circle{background:#999;}
.table-calendar .sat .day-cell{color:var(--blue);}
.table-calendar .sun .day-cell{color:var(--pink);}

.table-calendar.calendar-vacation .btn-d	{position:Absolute;right:0.5rem;top:0.5rem;}
.table-calendar.calendar-vacation .badge-p,
.table-calendar.calendar-vacation .badge-r,
.table-calendar.calendar-vacation .badge-e,
.table-calendar.calendar-vacation .badge-w	{display:inline-block;color:#fff;font-size:var(--font-xsm);border-radius:0.25rem;line-height:26px;padding:0 0.5rem;margin-bottom:0.25rem;}
.table-calendar.calendar-vacation .badge-p	{background:var(--sub-color);}
.table-calendar.calendar-vacation .badge-r	{background:#F57453;}
.table-calendar.calendar-vacation .badge-e	{background:#c5c5c5;}
.table-calendar.calendar-vacation .badge-w	{background:#fff;border:1px solid var(--basic-color);color:var(--basic-color)}

.table-calendar.calendar-schedule ul li					{position:relative;}
.table-calendar.calendar-schedule ul li p				{line-height:1.3;margin-bottom:0.5rem}
.table-calendar.calendar-schedule ul li a				{display:block;color:#fff;font-size:var(--font-sm);border-radius:0.25rem;line-height:1.2;padding:0.3rem 0.5rem;margin-bottom:0.25rem;}
.table-calendar.calendar-schedule ul li a span.name     {font-size:0.65rem;}
.table-calendar.calendar-schedule ul li a.time-event	{background:var(--sub-color);border-radius:0.25rem 0.25rem 0 0;margin:0;}
.table-calendar.calendar-schedule ul li p.time-txt		{background:#dbe1f2;padding: 0.3rem 0.5rem;border-radius:0 0 0.25rem 0.25rem;}
.table-calendar.calendar-schedule ul li a.time-bid		{background:#F57453;}
.table-calendar.calendar-schedule ul li a.time-meeting_able		{background:#8b008b;}
.table-calendar.calendar-schedule ul li a.time-out_work	{background:#808080;}
.table-calendar.calendar-schedule ul li a.time-alarm	{background:#FAB300;}
.table-calendar.calendar-schedule ul li a.time-todo		{background:var(--main-color);}
.table-calendar.calendar-schedule ul li .time-metting	{width:100%;display:flex;justify-content:space-between;align-items:center;border:2px dashed #8b008b;}
.table-calendar.calendar-schedule ul li .time-metting > a{width:90%;margin:0;}
.table-calendar.calendar-schedule ul li .time-metting > span{margin:0 4px;}
.table-calendar.calendar-schedule ul li a .badge{line-height:16.5px;color:#36529d;border:none;background:#fff;vertical-align:middle;padding:0 5px;margin-right:5px;}
.table-calendar.calendar-schedule ul li a.c1 .badge{color:#ef4747;}

@media only screen and (max-width:1240px){
	.table-calendar .day-cell{min-height:65px;}
}
@media (max-width:1023px){/*720*/
	.table-calendar{width:100%;}
	.sc-schedule-list{width:100%;margin-top:20px;}
	.sc-schedule-list .cont li{padding:10px 0;}
	.sc-schedule-list .cont span	{float:none;width:100%;font-size:14px;}
	.sc-schedule-bx span.school-year{font-size:1rem;}
}
@media (max-width:767px){/*mobile-l*/
	.sc-schedule-bx{padding:10px 0;}
	.sc-schedule-bx span.year{font-size:1.1rem;}
	.sc-schedule-bx span.school-year{padding:0 5px;position:static;display:block;transform:none;margin:0 0 10px;border-radius:5px;background:var(--point-color1);color:#fff;}
	.sc-schedule-bx .prev	{margin-right:20px;}
	.sc-schedule-bx .next	{margin-left:20px;}
	.table-calendar .day-cell{min-height:50px;}
	.table-calendar thead th{font-size:.9rem;}
	.table-calendar .day{font-size:.8rem;}
	.schedule-list .circle{width:6px;height:6px;}
}
@media only screen and (max-width:576px){
	.sc-schedule-bx span.year{font-size:1rem;}
	.table-calendar .day-cell{min-height:55px;}
}
@media only screen and (max-width:415px){
	.sc-schedule-bx .prev	{margin-right:0;float:left;}
	.sc-schedule-bx .next	{margin-left:0;float:right;}
	.table-calendar .day{font-size:.7rem;}
	.table-calendar .day-cell{min-height:45px;}
}

/*서브공통*/
#body_foot    {position:relative;margin-top:60px;border:1px solid #DCE3E7;}
#body_foot dt {position:relative;float:left;width:120px;height:90px;line-height:90px;background:var(--main-color);color:#fff;text-align:center;}
#body_foot dt i{font-size:.9rem;}
#body_foot dt span{margin-left:10px;font-size:14px;}
#body_foot dd {float:left;width:calc(100% - 120px);height:90px;padding:20px;}
#body_foot li span  {display:inline-block;color:#6A757D;margin-right:10px;font-weight:400}

@media only screen and (max-width:767px){ /* 320 */
  #body_foot dt span{display:none;}
  #body_foot dt {float:none;width:50px;height:40px;line-height:40px;position:absolute;left:0;top:0;text-align:center;}
  #body_foot dd {float:none;width:auto;height:auto;padding:10px 10px 10px 70px;font-size:1rem;}
  #body_foot li span  {display:block;margin:5px 0 0 0}
}


section {
  padding: 10rem 20px 0;
  max-width: 90vw;
  margin: auto;
}
h2 {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 5rem;
}
.skills {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: center;
}

.skill-box {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  width: 20%;
  text-align: center;
  transition: transform 0.3s;
}
.skill-box:hover {
  transform: scale(1.1);
}

@media only screen and (max-width:1240px){
	.skills {
		flex-direction: column;
	}
	.skill-box {
		width: 90%;
	}
}

#projects .swiper {
  width: 100%;
  min-height: 500px;
  max-width: 1800px;
}
#projects .swiper-slide {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  cursor:pointer;
}
#projects .swiper-slide img {
  min-height: 380px;
  height: 380px;
  object-fit: contain;
}
#projects .swiper-slide .desc {
  padding: 15px;
}
#home {
	max-width:100%;
	padding: 0;

}
#home .row:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(150deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 90%)/*, url(/img/main-back-img.jpg) 50% no-repeat*/;
    background-size: cover;
    z-index: 0;
}
#home .row{
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*background: linear-gradient(135deg, #000000, #ffffff);*/
  background: black;
  text-align: center;
  position: relative;
  max-width:100%;
  
}
#home .row *{
	position: relative;
}
#home h1{

	font-size:1.7rem;
	line-height: 2.5rem;
}
#home .line{
	width: 3.25rem;
    margin: 1.5rem auto;
    border-top: .2rem solid #555;
    opacity: 1;
}
#home .line-content{
	font-size:1.5rem;
	line-height: 2rem;
	color: hsla(0, 0%, 95%, .95)
}
.flexrow {
	display: flex;
    flex-direction: row;
    align-items: center;
	font-size: 2rem;
	margin-top: 1rem;
	color: #555;
}
.btn {
  padding: 12px 24px;
  margin-top: 3rem;
  background: rgba(0, 0, 0, 0.6);
  /*color: hsla(0, 0%, 95%, .95);*/
  color: hsla(0, 0%, 100%, 1);
  border: none;
  border-radius: 14px;
  cursor: pointer;
}


.milestonesbox .wrapper:hover, .skill-box:hover, .cardbox .box:hover{
	border: 4px solid var(--main-color);
}
.wd100{width:100%;}
.wd3{width:33.3%;}
.flex-col{display: flex; flex-direction: column;align-items: center;}
.flex-row{display: flex; flex-direction: row;align-items: center; gap: 6rem; margin: 2rem 0;}
.grid-2row{    
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    justify-items: center;
	row-gap: 3rem;
}
.tx-center{text-align:center;}
#about i:after{
	display: block;
	content: '';
    width: 50px;
    height: 50px;
    position: relative;
	max-width:50px;
	left: 1.5rem;
    filter: invert(30%) sepia(3%) saturate(68%) hue-rotate(13deg) brightness(89%) contrast(92%);
}
#about .flex-col .flex-col span{
	line-height:2rem;
}
#about .flex-col .flex-col span:nth-child(odd) {
	font-size:1.2rem;
	font-weight:600;
}

#about .flex-col .flex-col span:nth-child(even) {
	font-size:1rem;
}
.birth:after{
	background: url(/img/birth.svg) 100% no-repeat;
    background-size: cover;
}
.location:after{
	background: url(/img/location.svg) 100% no-repeat;
    background-size: cover;
}
.phone:after{
	background: url(/img/phone.svg) 100% no-repeat;
    background-size: cover;
}
.email:after{
	background: url(/img/email.svg) 100% no-repeat;
    background-size: cover;
}
.edu:after{
	background: url(/img/edu.svg) 100% no-repeat;
    background-size: cover;
}
.name:after{
	background: url(/img/name.svg) 100% no-repeat;
    background-size: cover;
}
#about div.flex-row div.flex-col{
	min-width:151px;
}
@media only screen and (max-width:1240px){
	
	.grid-2row{    
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		align-items: center;
		justify-items: center;
	}
	#about .flex-col .flex-row .flex-col{
		font-size:1.3rem;
		gap:0.3rem;
	}
	.flex-row{margin: 0; gap:5rem;}
	#about .flex-col .flex-col span:nth-child(odd) {
		font-size:1.2rem;
		font-weight:600;
	}

	#about .flex-col .flex-col span:nth-child(even) {
		font-size:1rem;
	}
	.pro-logo{
		width: 12rem !important;
		height: 12rem !important;
		margin: 3rem !important;
	}
	.progression{
		padding: 0 2rem;
	}
}
@media (max-width:767px){/*mobile-l*/
	.grid-2row{    
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
		align-items: center;
		justify-items: center;
		position: relative;
		gap:2.5rem;
	}
	.flex-row{margin: 0; gap:10rem;}
	.progression-line{
		display:none;
	}
	.progression-wrap{
		display: grid;
        grid-template-rows: 1fr;
		grid-template-columns: none !important;
        justify-content: flex-start;
        width: 100%;
        gap: 0 !important;
		margin-bottom: 1rem !important;
	}
	.progression-wrap > :nth-child(1) {order:2;}
	.progression-wrap > :nth-child(2) {order:3;}
	.progression-wrap > :nth-child(3) {order:1;}
	.pro-box{
		border-left: 0 !important;
		padding-left: 0 !important;
        padding-bottom: 2rem !important;
		padding-top: 3rem;
	}
	.pro-logo {
		margin: auto !important;
	}
	.btn-area .btn{
		margin-top: .5rem;
	}
	.term {
	  font-size: 70% !important;
	}
}
@media only screen and (max-width:576px){

}
@media only screen and (max-width:415px){
	.flex-row{margin: 0; gap:5rem;}
}
.container{
    max-width: 1800px;
    margin: auto;
}
.progression{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	gap: 3rem;
	.progression-line{
		position: absolute;
		top: 0;
		bottom: 0;
		width: 2px;
		background-color: #e0e0e0;
		background: linear-gradient(45deg, transparent, #515151, transparent);
		transform: translateX(-50%);
		
	}
	.progression-wrap{
		display: grid;
        flex-direction: row;
        grid-template-columns: 1fr 2fr 1fr;
        justify-content: flex-start;
        width: 100%;
        gap: 5rem;
		margin-bottom: 7rem;
	}
	.pro-logo{
		width: 15rem;
		height: 15rem;
		margin: 0 7rem 0 7rem;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.pro-logo img{
		width: 70%;
	}
	.pro-box{
		display: flex;
		flex-direction: column;
		padding-left: 3rem;
		/*border-left: 1px solid #ccc;*/
		padding-bottom: 4rem;
	}
	h4{
		padding-bottom: .5rem;
		font-weight: 900;
		font-size: 1.7rem;
	}
	.date{
		padding-bottom: 0.5rem;
		color: #afafaf;
	}
	.btn-area{
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		gap: .5rem;
		padding-bottom: 2rem;
	}
	.content-box p {font-size:1.4rem;}
	.btn-area .btn{
		padding: 6px 12px;
		margin-top: 0;
	}
	.history-wrap{
		padding-bottom:1rem;
		
		.title{
			padding-left: .75rem;
			margin-bottom: .5rem;
			border-left: 4px solid #222;
			font-weight: 700;
			color: #222;
			font-size:1.2rem;
		}
		.date{
			font-size: 1rem;
		}
		.content{
			font-size: 1rem;
			border-bottom: 1px solid #ccc;
			word-break: keep-all;
			margin-bottom: 0.5rem;
			padding-bottom: 0.5rem;
		}
		.sub-content p{
			font-size: 1rem;
			word-break: keep-all;
			margin-bottom: 0;
			padding-bottom: 0;
		}
	}
	
}
.invert{
	filter: invert(1);
}

pre {
  padding: 0;
  margin: 0;
}
.load-wrap{
	margin: 0 auto;
	height: 100%;
}
.load {
  margin: 0 auto;
  min-height: 100vh;
  width: 100%;
  background: black;
}

.term {
  font-family: monospace;
  color: #fff;
  opacity: 0.8;
  font-size: 1.2rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 0.8rem;
  padding-left: 1rem;
  min-height:3rem;
}

.term:after {
  content: "_";
  opacity: 1;
  animation: cursor 1s infinite;
}

@keyframes cursor {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.loading {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: #000;
	 z-index: 9999;
}
 .loading-text {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 margin: auto;
	 text-align: center;
	 width: 100%;
	 height: 100px;
	 line-height: 100px;
}
 .loading-text span {
	 display: inline-block;
	 margin: 0 5px;
	 color: #fff;
}
 .loading-text span:nth-child(1) {
	 filter: blur(0px);
	 animation: blur-text 1.5s 0s infinite linear alternate;
}
 .loading-text span:nth-child(2) {
	 filter: blur(0px);
	 animation: blur-text 1.5s 0.2s infinite linear alternate;
}
 .loading-text span:nth-child(3) {
	 filter: blur(0px);
	 animation: blur-text 1.5s 0.4s infinite linear alternate;
}
 .loading-text span:nth-child(4) {
	 filter: blur(0px);
	 animation: blur-text 1.5s 0.6s infinite linear alternate;
}
 .loading-text span:nth-child(5) {
	 filter: blur(0px);
	 animation: blur-text 1.5s 0.8s infinite linear alternate;
}
 .loading-text span:nth-child(6) {
	 filter: blur(0px);
	 animation: blur-text 1.5s 1s infinite linear alternate;
}
 .loading-text span:nth-child(7) {
	 filter: blur(0px);
	 animation: blur-text 1.5s 1.2s infinite linear alternate;
}
 @keyframes blur-text {
	 0% {
		 filter: blur(0px);
	}
	 100% {
		 filter: blur(4px);
	}
}
 

.overlay {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	background: white;
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: transform 2s ease;
	z-index: 9999;
	pointer-events: none;
}

.overlay.active {
	transform: translate(-50%, -50%) scale(500); /* 충분히 크게 */
}

#services .grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 0 7rem;
	justify-content: center;
	column-gap: 5rem;
	padding-block: 3rem 5rem;

}
#services .grid2 {
	display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
    margin: 0px 7rem;
    justify-content: center;
    column-gap: 10rem;
}
@media only screen and (max-width:1240px){
	#services .grid {
		grid-template-rows: 1fr 1fr 1fr;
		grid-template-columns: none;
		margin: 0 2rem;
	    row-gap: 5rem;
	}
	#services .grid2 {
		grid-template-rows: 1fr 1fr;
		grid-template-columns: none;
		margin: 0 2rem;
	    row-gap: 5rem;
	}
}
#services .content-box{
	display:flex;
	flex-direction: column;
	gap:1.5rem;
	justify-content: center;

	/*.icon::before{
		content: "";
		position: absolute;
		width: 1rem;
		height: 1rem;
		background-color: rgba(57, 166, 244, 1);
	}
	.icon::after{
		content:"※";
		position: relative;
		z-index: 1;
	}*/
}
#services .title{
	font-size:1.7rem;
	font-weight:900;
}
#services .services_card{
	position: relative;
	/*border: 4px solid #515151;*/
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	border-radius: 0.75rem;
	padding: 5rem 1.5rem;
	background-color: #fff;
	transition: transform 0.4s;
}
#services .services_card:hover{
   border: 4px solid var(--main-color);
   transform: scale(1.1);
}
#services .services_card:hover::before {
	transform: translate(0.75rem, 0.75rem);
}
#services .services_card::before { 
	/*content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	border: 4px solid #39A6F4;
	border-radius: 0.75rem;
	top: -4px;
	left: -4px;
	z-index: -99999;
	transition: transform 0.4s;*/
}
#portfolio{
	transition: all 0.4s ease;
	.portfolio__container {
	    transition: all 0.4s ease;
	}
	@media screen and (min-width: 768px){
	  :root{
		--biggest-font-size: 4.5rem;
		--h1-font-size: 2.25rem;
		--h2-font-size: 1.5rem;
		--h3-font-size: 1.25rem;
		--normal-font-size: 1rem;
		--small-font-size: .875rem;
		--smaller-font-size: .813rem;
	  }
	}

	/*===== BASE =====*/
	*,::before,::after{
	  box-sizing: border-box;
	}

	html{
	  scroll-behavior: smooth;
	}

	body{
	  margin: var(--header-height) 0 0 0;
	  font-family: var(--body-font);
	  font-size: var(--normal-font-size);
	  font-weight: var(--font-medium);
	  background-color: var(--first-color-lighten);
	  color: var(--text-color);
	  line-height: 1.6;
	}

	h1,h3,ul,p{
	  margin: 0;
	}

	.portfolio__content h2,h3{
		font-weight: var(--font-semi-bold);
		text-align: left !important;
	}

	ul{
	  padding: 0;
	  list-style: none;
	}

	a{
	  text-decoration: none;
	}

	img{
	  max-width: 100%;
	  height: auto;
	  display: block;
	}

	/*===== CLASS CSS =====*/
	.section {
	  padding: 4rem 0 2rem;
	}

	.section-title, .section-subtitle {
	  text-align: center;
	}

	.section-title {
	  font-size: var(--h1-font-size);
	  color: var(--first-color);
	  margin-bottom: var(--mb-3);
	}

	.section-subtitle {
	  display: block;
	  font-size: var(--smaller-font-size);
	  font-weight: var(--font-semi-bold);
	}

	/*===== LAYOUT =====*/
	.bd-container {
	  max-width: 1024px;
	  width: calc(100% - 2rem);
	  margin-left: var(--mb-2);
	  margin-right: var(--mb-2);
	}

	.bd-grid {
	  display: grid;
	  gap: 1.5rem;
	  margin: 0 12%;
	}

	.l-header {
	  width: 100%;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: var(--z-fixed);
	  background-color: #000;
	}

	/*===== BUTTON =====*/
	.button {
	  display: inline-block;
	  background-color: var(--first-color);
	  color: var(--first-color-lighten);
	  padding: .75rem 1rem;
	  border-radius: .25rem;
	  transition: .3s;
	}

	.button:hover {
	  background-color: var(--first-color-dark);
	}

	.button-link {
	  background: none;
	  color: var(--first-color);
	  padding: 0;
	}

	.button-link:hover {
	  background: none;
	}

	/*===== PORTFOLIO =====*/
	.portfolio__nav {
	  text-align: center;
	  margin-bottom: var(--mb-3);
	}

	.portfolio__item {
	  margin: 0 var(--mb-2);
	  cursor: pointer;
	}

	.portfolio__content {
	  background-color: #fff;
	  border-radius: .5rem;
	  overflow: hidden;
	  box-shadow: 0 4px 6px rgba(174, 190, 205, .3);
	}

	.portfolio__img {
	  width: 100%;
	  transition: .4s;
	  height: 300px;
	  object-position: top;
	  object-fit: cover;
	}

	.portfolio__data {
	  padding: 1.5rem;
	}

	.portfolio__subtitle {
	  font-size: var(--small-font-size);
	  color: var(--first-color-light);
	}

	.portfolio__title {
	  font-size: var(--h3-font-size);
	  color: var(--first-color);
	  margin: var(--mb-2) 0;
	}

	.portfolio__content:hover {
	  box-shadow: 0 6px 8px rgba(174, 190, 205, .4);
	}

	.portfolio__content:hover .portfolio__img {
	  transform: scale(1.07);
	}

	/*Active menu portfolio*/
	.active-portfolio {
	  color: var(--first-color-dark);
	  font-weight: var(--font-semi-bold);
	}

	/*===== MEDIA QUERIES =====*/
	@media screen and (min-width: 576px) {
	  .portfolio__container {
		grid-template-columns: repeat(2, 1fr);
	  }
	}

	@media screen and (min-width: 768px) {
	  body {
		margin: 0;
	  }

	  section {
		padding-top: 6rem;
	  }

	  .section-title {
		margin-bottom: var(--mb-5);
	  }

	  .portfolio__container {
		grid-template-columns: repeat(3, 1fr);
	  }

	  .project__container {
		padding: 4.5rem 0;
	  }

	  .project__data {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
	  }

	  .project__icon, .project__title, .project__description {
		margin-bottom: 0;
	  }

	  .project__icon {
		font-size: 6rem;
	  }

	  .project__title {
		font-size: 2.5rem;
	  }
	}

	@media screen and (min-width: 1024px) {
	  .bd-container {
		margin-left: auto;
		margin-right: auto;
	  }
	}
	@media screen and (max-width: 1240px) {
	  .bd-grid {
		  margin: 0 !important;
		}
	}
}