.skiptranslate,.goog-gt-tt {position:absolute;z-index:-1;visibility:hidden;}

/*loading*/
#loading-bg {width:100%;height:100%;position:fixed;left:0;top:0;background:#000000E8;z-index:9999;}
.loading span.load {display:block;margin:0 auto 30px;width:40px;aspect-ratio: 1;--_g: no-repeat radial-gradient(farthest-side,var(--point-color1) 94%,#0000);background:var(--_g) 0 0,var(--_g) 100% 0,var(--_g) 100% 100%,var(--_g) 0 100%;background-size: 30% 30%;animation: l38 .5s infinite;}
.loading p{width:fit-content;font-family:'gsans';font-size:1.1rem;letter-spacing:.15rem;font-weight:400;padding-bottom:6px;color:#fff;background: linear-gradient(#fff 0 0) 0 100%/0% 2px no-repeat;animation: l2 2s linear both alternate;}
@keyframes l38 {
  100% {background-position: 100% 0,100% 100%,0 100%,0 0}
}
@keyframes l2 {to{background-size: 100% 2px}}
/*폰트*/
[lang="en"] body {font-family:"EB Garamond";}


:root {
	--main-color:#1D2586;
	--sub-color:#0A8DC3;
	--dark-color:#121314;
	--point-color1:#0DB5EC;/*#11BBF2*/
	--grd:linear-gradient(120deg, #1D2088, #131857);
	--grd2:linear-gradient(90deg, #1D2088CC, #0A8DC3CC);
	--grd3:linear-gradient(90deg,rgba(29, 32, 136, 1) 0%, rgba(10, 141, 195, 1) 100%);
	--grd4:linear-gradient(120deg, #1D2088, #30AB66);
	--basic-bg:#F3F5F6;	
	--light-bg:#f5fafd;
	--basic-border:#dfdfdf;
	--gray-color:#E3E7EA;
	--btn-shadow:0 2px 3px rgba(0,0,0,0.1);
	--bx-shadow:10px 20px 30px rgba(12,35,75,0.2);
	--more-shadow:0 2px 4px rgba(0,0,0,0.1);
	--color-shadow:0 4px 10px rgba(84,76,185,0.4);
	--all-ani:all cubic-bezier(0, 1, 0.5, 1) 0.25s;
}


body{font-size:17px;line-height:1.6;font-weight:400;color:#555;letter-spacing:-.8px;padding-top:0! important;}
h1				{color:#2A1B38}
h3				{font-size:1.6rem;color:var(--dark-color);font-weight:600;margin:1.4rem 0 1.3rem;}
a				{transition:all 0.3s;}
.d_width		{width:1600px;margin:0 auto;position:relative;transition:all 0.2s ease-out;}
.c_width		{width:1600px;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;}
select{font-size:.85rem;border-color:#eaeaea;padding:.1rem .3rem;border-radius:2px;height:30px;}
em{color:var(--sub-color);}
/*em {color:var(--point-color1);}*/

/*sns-ico*/

/*sns-ico*/
.sns-ico{display:inline-block;width:50px;height:50px;border-radius:50%;background:url(/resources/homepage/main/img/sns-ico.png);}
.sns-ico.ico-instagram{background-position-x:-60px;}
.sns-ico.ico-kakao{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-youtube{background-position-x:-30px;}
.sns-ico.sm-ico.ico-instagram{background-position-x:-60px;}
.sns-ico.sm-ico.ico-kakao{background-position-x:-90px;}
.sns-ico.sm-ico.ico-blog{background-position-x:-120px;}


#footer .sns-ico {margin-left:5px;position: relative;display: inline-block;border-radius: 50%;background:#555;width:50px;height:50px;vertical-align:middle;}
#footer  .sns-ico::before {position: relative;color:#a2a2a2;display: block;width:100%;height:100%;line-height: 50px;font-family: 'FontAwesome';text-align: center;z-index: 4;border-radius: 50%;padding: 0;border: 0;}
#footer .btn-sns .sns-ico.ico_instagram:before{content:"\f16d";font-size:1.4rem;}
#footer .btn-sns .sns-ico.ico_facebook:before{content:"\f39e";font-size:1.1rem;}
#footer .btn-sns .sns-ico.ico_youtube:before{content:"\f04b";font-size:1rem;}
#footer .btn-sns .sns-ico.ico_blog:before{content:"b";font-weight:900;font-size:1.3rem;}
#footer .btn-sns .sns-ico.ico_kakao:before{background:#555 url(/resources/homepage/global/img/i_kakao.png) no-repeat 50%;content: '';}
#footer .btn-sns .sns-ico:hover{background:#717171;}
#footer .btn-sns .sns-ico.ico_kakao:hover:before{background:#717171 url(/resources/homepage/global/img/i_kakao.png) no-repeat 50%;}

/* btn*/
.btn_d{padding: 0 16px;line-height: 38px; display: inline-block;cursor: pointer;white-space: nowrap;text-align: center;vertical-align: middle; border-style: solid;border-width: 1px; border-color: var(--basic-color);background-color: var(--basic-color);color: var(--white); font-weight: var(--font-normal) !important;}
.btn_d.default{display:inline-block;margin-bottom:3px;background:var(--sub-color);color:#FFF;padding:13px 25px;font-size:1rem;}
.btn_d:hover{background:#162b53;}
.btn_d.btn_small{display:inline-block;padding:0 16px;font-size:var(--font-sm);line-height:33px;}
.btn_d.btn-sub{color:#fff;}

.btn-more{border:1px solid var(--sub-color);color:var(--sub-color);padding:10px 30px;border-radius:0 0 25px 0;overflow:hidden;}
.btn-more:before{content:"";position:absolute;bottom:0;left:0;width:0;height:100%;background:var(--sub-color);border-color:var(--sub-color);transition:width .3s;z-index:-1;}
.btn-more:hover:before{width:100%;transition:width .3s;}
.btn-more:hover{color:#FFF;}
.btn-d{font-size:1rem;}
.btn-d:hover,
.btn-d:focus		{background:var(--dark-color);border-color:var(--dark-color);}


/* list */
ul.bu li			{padding-left:15px;}
ul.bu > li:before	{content:"";display:inline-block;width:3px;height:3px;background:var(--sub-color);margin:0 10px 2px -15px;vertical-align:middle}
ul.bu li li			{padding-left:0;}
ul.bu li li:before	{content:"-";margin-right:6px;}
ul.bu li li li:before	{content:"";display:inline-block;width:2px;height:2px;background:#999;vertical-align:top;margin:10px 5px 0 0;}

@media only screen and (max-width:1023px){
	.info-bx{padding:20px;font-size:1rem;}
}
@media only screen and (max-width:767px){
	.info-bx{font-size:.95rem;}
	.btn-more{font-size:1rem;}
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:415px){
}

#wrap										{min-width:320px;position:relative;padding:0;margin:0;background:#fff;}
#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:80px;top:50%;transform:translateY(-50%);padding:0;margin:0;z-index:10;font-size:1.1rem;font-weight:500;color:#555;line-height:1;z-index:999;}
#logo img{width:180px;}
#logo	span{color:#FFF;font-size:1.3rem;margin-left:10px;vertical-align:middle;}
#header.fix #logo span,
#header.active #logo span{color:#000;font-size:1.1rem;}
#header #logo .logo-b		{display:none;}
#header.fix #logo .logo-w,
#header.active #logo .logo-w,
#wrap.topbnr-on #header #logo .logo-w{display:none;}
#header.fix #logo .logo-b,
#header.active #logo .logo-b,
#wrap.topbnr-on #header #logo .logo-b{display:inline-block;}
#wrap.topbnr-on #header.fix #toppopwrap {position:absolute;top:-999px;}
#header.fix + .main-container .mv-quick{position: fixed;}
#wrap.topbnr-on .main-container .mv-quick{position:fixed;margin-top:200px;height: calc(100% - 200px);}
#wrap.topbnr-on #header.fix + .main-container .mv-quick{margin-top:0;height:100%;}

.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(--main-color);}
#mm-blocker {background:rgba(3, 2, 1, 0.8);}

/*gnb 스타일*/
#header:after{content:"";width:100%;height:1px;background:rgba(255,255,255,0.3);position:absolute;bottom:0;left:0;}
#header.fix:after,
#header.active:after{display:none;}
#header:before{content:"";width:100%;height:180px;background:linear-gradient(180deg, rgba(0,0,0,0.5), rgba(0,0,0,0));position:absolute;left:0;top:0;z-index:-2;}
#header .topwrap{display:flex;justify-content:space-between;line-height:39px;padding: 0 170px 0 80px;color:#fff;font-size:.9rem;font-weight:200;animation:fadeInDown 1s;position:relative;z-index:100;background: rgba(0,0,0,0.3);font-family: 'pretendard';}
#wrap.topbnr-on #header .topwrap{background:var(--dark-color);}
#header .topwrap .mobile-top{display:none;}
#header .topwrap a:not(.popup, .snswrap ul li a){display:block;padding:0 15px;position:relative;}
#header .topwrap .col-l > a:first-child{padding-left:0;}
#header .topwrap .col-l a:after,
#header .snswrap:after{content:"";width:3px;height:3px;background:#fff8;border-radius:50%;display:inline-block;position:absolute;top:50%;right:0;transform:translateY(-50%);}
#header .topwrap .col-l a:last-child:after{display:none;}
#header .topwrap .col-l .snswrap a:after{display:none;}
#header .topwrap a:not(.popup){transition:none;}
#header .topwrap a.popup{background: var(--sub-color);padding:0 20px;display:block;}
#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{color:var(--point-color1);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: -35px;top:100%;background:rgba(0,0,0,0.8);color:#FFF;border-radius:5px;overflow:hidden;display:none;}
#header .snswrap.on ul{display:block;}
#header .snswrap .sns-ico{vertical-align:middle;margin-right:7px;}
#header .snswrap ul li a{border-bottom:1px solid #fff3;padding:0 10px;display:block;}
#header .snswrap ul li:last-child a{border-bottom:none;}
#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;animation:fadeInDown 1s;}
.topmn{position:absolute;right: 120px;top:0;display:flex;color:#fff;font-weight:200;align-items:center;z-index:10;}

/*사이트맵*/
#nav-icon {width:30px;height:30px;position:relative;margin:0 auto;-webkit-transform: rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); cursor:pointer;}
#nav-icon span {display:block;position:absolute;height:2px;width:50%;background:#fff; opacity: 1; -webkit-transform: rotate(0deg);-moz-transform:rotate(0deg);-o-transform: rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon span:nth-child(even) {left:50%;}
#nav-icon span:nth-child(odd) {left:0;}
#nav-icon span:nth-child(1){width:0;right:50%;left:auto;}
#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {top:4px;}
#nav-icon span:nth-child(3), #nav-icon span:nth-child(4) {top:12px;}
#nav-icon span:nth-child(5), #nav-icon span:nth-child(6) {top:20px;} 
#nav-icon.open{width:50px; height:50px;}
#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#nav-icon.open span:nth-child(1) { left: 5px; top: 9px; width:50%; right:auto;}
#nav-icon.open span:nth-child(2) { left: calc(50% - 3px); top: 9px;}
#nav-icon.open span:nth-child(3) { left: -50%; opacity: 0;}
#nav-icon.open span:nth-child(4) { left: 100%; opacity: 0;}
#nav-icon.open span:nth-child(5) { left: 5px; top: 26px;}
#nav-icon.open span:nth-child(6) { left: calc(50% - 3px); top: 26px;}  
#nav-icon.open span{background:#444;}
.site-map{border:none;background:none;position: absolute;width: 100px;height: 90px;top: 0;right: 0;}
.site-map:hover #nav-icon span:nth-child(1){width:50%;}
.site-map:hover #nav-icon span:nth-child(6){width:0;}
.site-map:hover #nav-icon.open span:nth-child(6){width:50%;}

#gnb .topmn > a{line-height: 91px;height:90px;padding:0 15px;font-size:1.4rem;}
#gnb a.ico-sch{display:none;line-height: 87px;}/*대표홈페이지 오픈 후 사용*/
#gnb a.ico-sch:before{content:"\f002";color:#fff;font-family:'Font Awesome 6 pro';transition:all ease-out 0.2s;font-size:1.3rem;font-weight:400;}
#header.fix #gnb a.popup-zone{font-size:1.25rem;}
#header.fix #gnb a.popup-zone .num{width: 14px;line-height: 14px;font-size:0.5rem;right:25%;top: 30%;}
#gnb a.popup-zone .num{font-size:.625rem;font-family: 'pretendard';width: 17px;line-height: 17px;border-radius:50%;text-align:center;color:#fff;font-weight:700;background:#f66;position:absolute;right:17%;top: 31%;}
#gnb a.popup-zone:not(#mobile-search){font-size:1.5rem;}
#gnb a.popup-zone:before{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;margin-left:80px;}
#gnbmn ul.depth1 > li > a{display:block;padding: 0 2.5rem;line-height:90px;font-size:1.25rem;letter-spacing:-0.0125rem;text-align:center;font-weight:500;color:#FFF !important;position:relative;}
#gnbmn ul.depth1 > li > a {font-size:1.35rem;padding:0 1.8rem;}
[lang="en"] #gnbmn ul.depth1 > li > a{font-family:'EB Garamond';}
[lang="vi"] #gnbmn ul.depth1,
[lang="ru"] #gnbmn ul.depth1 {margin:0 270px;}
[lang="vi"] #gnbmn ul.depth1 > li > a,
[lang="ru"] #gnbmn ul.depth1 > li > a {font-size:1.125rem;padding:0 1.4rem;}

#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,
#header.fix #topbnr{display:none;}
#header.active .topwrap{background:var(--sub-color);}
#header.active #logo img,
#header.fix #logo img{width:170px;}
#header.fix #gnb,
#header.active #gnb,
#wrap.topbnr-on #header #gnb{background: rgb(255 255 255 / 90%);backdrop-filter: blur(5px);box-shadow: 0 0 15px #0002;transition:all .4s;}
#header.fix:before{display:none;}
#header.fix #gnbmn ul.depth1 > li > a,
#header.active #gnbmn ul.depth1 > li > a,
#wrap.topbnr-on #gnbmn ul.depth1 > li > a {color:#111 !important;}
#header.active #gnbmn ul.depth1 > li:hover > a,
#header.active #gnbmn ul.depth1 > li.on > a{color:var(--main-color) !important;}
#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,
#wrap.topbnr-on #header #gnb a.ico-sch{color:#121314;}
#header.active #gnb a.ico-sch{color:#121314;}
#header.fix #gnb .topmn > a{line-height: 71px;height:70px;}
#header.fix .topmn,
#header.active .topmn,
#header.fix .topmn .top-btn-wrap .lang-convert > a:after,
#header.active .topmn .top-btn-wrap .lang-convert > a:after,
#header.active #gnb .topmn > a,
#header.active #gnb a.ico-sch:before,
#header.fix #gnb a.ico-sch:before,
#wrap.topbnr-on #header #gnb a.ico-sch:before{color: #333;font-weight:400;}
#header.fix .topmn .top-btn-wrap > a:after,
#header.active .topmn .top-btn-wrap > a:after{background-color:#333;}
#header.active #nav-icon span,
#header.fix #nav-icon span,
#wrap.topbnr-on #header #nav-icon span{background:#333;}
#header.fix #gnb .topmn > a,
#header.fix #gnb a.ico-sch:before{font-size:1.2rem;}
#header.fix #gnb a.popup-zone{font-size:1.4rem;}
#header.fix .site-map{height:70px;}
#header.fix #gnb .topmn .ico-login i,
#wrap.topbnr-on #header #gnb .topmn .ico-login i,
#wrap.topbnr-on #header #gnb a.popup-zone i{color:#121314;}
#wrap.topbnr-on #header #gnb a.ico-sch:before{color: #333;}
#header.fix #gnb a.ico-sch:not(#mobile-search){line-height: 66px;}

#header #toppoppattern{height:0 !important;}

#gnbmn .title{float:left;width:320px;padding:10px 0;word-break:keep-all;}
#gnbmn .tit{color:#fff;margin:20px 0 15px; font-size:36px;font-weight: 600;line-height:1.2;max-width:280px;}
#gnbmn .tit font{width:100%;display:inline-block;word-break:break-word;}
#gnbmn .txt{ font-weight: 300;font-size:17px;line-height:1.4;color:#fff;font-family:'pretendard';max-width:280px;}
#gnbmn .txt em{color:#ffc;font-weight:100;font-style:italic;}
#gnbmn .tit font>font:after{content: "";width: 15px;height: 15px;border-radius: 0 0 20px 0;vertical-align: bottom;display: inline-block;margin: 0 0 7px 10px;background: none;border: 5px solid var(--point-color1);border-top: 0;border-left: 0;}

#gnbmn .depth2						{width:1600px;min-height:260px;position:absolute;top:85px;left:50%;transform:translateX(-50%);padding:20px 0;text-align:left;visibility:hidden;opacity: 0;}/*원래min-height:260*/
#gnbmn .depth2:after{ content: 'Pohang \A univ.';white-space: pre;display: inline-block;font-family: 'Ephesis';font-weight: 300;font-size:90px;color: #fff;text-align: center;line-height: .5;transform: rotate(-20deg);letter-spacing: -.035em;position: absolute;bottom: 40px;left:60px;opacity: 0.15;}
#gnbmn .depth2.on					{opacity: 1; visibility: visible; transition:all .6s;}
#gnbmn .depth2 > ul								{float:left;width:calc(100% - 320px);/* height:380px;overflow:auto; */padding-right:20px;margin-bottom:30px;}
#gnbmn .depth2 > ul:after					{content:"";float:none;clear:both;}
#gnbmn .depth2 > ul > li						{float:left;width:25%;padding:10px 0 10px 10px;}
#gnbmn .depth2 > ul > li:nth-child(4n+1)		{clear:both;}
#gnbmn .depth2 > ul > li > a					{display:block;border:1px solid #d5d5d5;color:#222;font-weight:500;background:#fff;line-height:55px;font-size:1.1rem;text-align:center;transition:all .2s;overflow:hidden;}
[lang="en"] #gnbmn .depth2 > ul > li > a {font-size:1.2rem;}
[lang="en"] #gnbmn a[target=_blank] > span:after {vertical-align:top;}
#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	{border: 1px solid var(--sub-color);border-color: var(--sub-color);color: var(--sub-color) !important;border-radius: 0 0 30px 0;}
#gnbmn .depth2 > ul > li:hover > a:after,
#gnbmn .depth2 > ul > li.on > a:after{opacity:1;}
#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.depth3								{margin:15px 0 0 0;display:none;}
#gnbmn ul.depth3 li a{font-family:'pretendard';font-size: 1rem;line-height:1;}
#gnbmn ul.depth3 li a:before					{content:"";display:inline-block;width:3px;height:3px;background:#555;margin:10px 10px 0 0;vertical-align:top;border-radius:50%}
#gnbmn ul.depth3 li a.on,
#gnbmn ul.depth3 li:hover a					{color:var(--sub-color) !important;text-decoration:underline}

#id_gnb_bg							{position:absolute;width:100%;left:0;top:129px;z-index:1;background:#fdfdfd;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(--grd);box-shadow:0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);}
.gnb_bg:before,
.gnb_bg:after						{content:"";position:absolute;left:0;top:0;display:block;width:calc(50% - 500px);height:100%;background: var(--grd);overflow:hidden;border-radius: 0 0 100px 0;}
.gnb_bg:before{content:"";font-size:7rem;font-weight:900;z-index:1;line-height:440px;}
#wrap.topbnr-on #id_gnb_bg{top:290px;}	/* 
#wrap.topbnr-on #header.fix #id_gnb_bg{top:230px !important;} */

.black-bg {position: fixed;left:-9999px;top:0px;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(10px);z-index: 100;opacity: 0;transition:all .3s;}
.black-bg.on {opacity: 1;}

#mobile-navicon,
#mobile-search					{display:none;width:60px;height:60px;line-height:60px;font-size:1.2rem;position:absolute;left:0;top:41px;text-align:center;background: var(--sub-color);z-index:999;color:#fff;}
#mobile-navicon i:before{font-weight:500;font-family:'Font Awesome 6 pro';font-size:1rem;}
#mobile-search					{background:var(--point-color1);left:unset;right:0;}
#mobile-search.ico-sch:before	{font-size:1.2rem !important;}
.mm-menu.mm-current{z-index:1;}


@media only screen and (max-width: 1900px){
	#gnbmn ul.depth1{margin-left: 80px;}
	#gnbmn ul.depth1 > li > a{font-size:1.2rem;padding: 0 2rem;}
	.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:1750px){
	.d_width, .c_width		{width:1500px;}
}

@media only screen and (max-width:1620px){	
	.d_width, .c_width		{width:1200px;}
	#gnbmn .title{width:300px;}
	#gnbmn ul.depth1 > li > a{padding: 0 1.6rem;}
	#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){
	#wrap			{min-width:1200px;}
	#gnb		{width:auto;}
	#gnbmn .title{width:280px;}
	#gnbmn .tit{font-size: 2.2rem;}
	#gnbmn .txt{font-size:1rem;}
	.gnb_bg:before,
	.gnb_bg:after	{width: calc(50% - 340px);}
	.topmn{right:120px;}
	.sub .topmn{right:90px;}
	#logo{left:20px;}
	#logo img,
	#header.fix #logo img{width:170px;}
	#logo span{font-size:1.1rem;}
	#header .topwrap{padding:0 20px;}
	#gnb a.ico-sch:not(#mobile-search){width:40px;line-height: 85px;}
	#header.fix #gnb a.ico-sch:not(#mobile-search){width:40px;line-height: 67px;}
	#header.fix #gnb a.ico-sch:before{font-size:1.1rem;}
	.top-btn-wrap{font-size:.9rem;}
	#gnbmn ul.depth1{margin:0 200px 0 210px;justify-content:center;}
	#gnbmn ul.depth1 > li > a{font-size:1.1rem;font-weight:500;}
	#header.fix #gnbmn ul.depth1 > li > a{font-size:1rem;}
	#gnbmn .depth2{width:1200px;min-height:220px;}
	#gnbmn .depth2 > ul{height: 300px;overflow-y: auto;}
	#gnbmn .depth2 > ul > li{padding:5px 0 0 10px;}
	#gnbmn .depth2 > ul > li > a{line-height:50px;font-size:1.05rem;}
	/*[s] 2차메뉴 너비 조정*/
	#gnbmn .depth2 > ul > li						{width:25%;}
	#gnbmn ul.depth3{font-size:.9rem;}
	
	
	.sub .site-map{width:60px;}
}
@media only screen and (max-width:1490px){
	.sub .topmn{right:60px;}
	#gnb a.ico-sitemap{width:90px;}
	#gnbmn ul.depth1 > li > a{padding: 0 1.45rem;}
}
@media only screen and (max-width:1340px){
	.d_width, .c_width		{width:1100px;}
	#gnbmn ul.depth1 > li > a{padding: 0 1.05rem;}
	#gnbmn ul.depth1{margin:0 200px;}
	#logo img{width:160px;}
	#header.fix #logo img{width:150px;}
	#logo span{margin-left:5px;}
}

@media only screen and (max-width:1240px){
	.d_width, .c_width		{width:960px;}
	#wrap			{min-width:960px;}
	#header .topwrap			{animation:none;padding:0 0 0 20px;}
	#gnbmn #menu-pc	{display:none;}
	#logo			{position:static;line-height:60px;left:0;}
	#logo span{font-size:1.2rem;}
	
	
	#header.fix + .main-container .mv-quick{position:relative;height:70px;}
	#wrap.topbnr-on .main-container .mv-quick{position:relative;height:70px;margin-top:0;}
	#wrap.topbnr-on #header.fix + .main-container .mv-quick {height:70px;}
	.mm-menu.mm-current .title{display:none;}
	#gnbmn{height:auto !important;}
	#gnb .topmn{width:250px;justify-content:right;top:40px;}
	#wrap.topbnr-on #gnb .topmn{top:0;}
	#gnb .topmn > a{line-height:60px;height:60px;}
	#gnb a.ico-sch:not(#mobile-search){width:40px;line-height: 56px;}
	#header.fix #gnb a.ico-sch:not(#mobile-search){width:40px;line-height: 56px;}
	.top-btn-wrap > a{line-height:40px;}
	#header .topwrap a:not(.popup){margin:0 10px 0 0;}
	#header .topwrap .snswrap a{margin:0;}
	#header .snswrap ul{right:auto;left:50%;transform:translateX(-50%);}
	#logo{text-align:center;transform: none;}
	#header > .d_width, #gnb, #gnbmn{position:static;}
	#mobile-navicon{display:block !important;top: 40px;z-index:999;}
	#wrap.topbnr-on #mobile-navicon{top:0;}
	#wrap.topbnr-on .site-map{top:0;}
	#mobile-search	{display:none !important;}
	#gnb a.popup-zone:not(#mobile-search) i:before{font-size:1.4rem;}
	#gnb a.popup-zone .num{width:15px;height:15px;line-height:15px;right:20%;font-size: 8px;}
	.lang-list{left:unset;right:5px;}
	.site-map{margin-left:10px;top:40px;height:60px;}
	.sub .site-map{width:60px;right:0;}
	
	#header.fix #logo{top:0;}
	#header.fix #logo img{width:120px;}
	#header.fix #gnb{background:rgba(255,255,255,0.9);height:60px;}
	#header.fix #mobile-navicon,
	#header.fix #mobile-search,
	#header.fix #gnb .topmn > a{top:0 !important;}
	#header.fix #gnb .topmn{top:0;}
	#header.fix #gnb .topmn > a{height:60px;line-height:60px;}
	#header.fix #gnb .topmn > a,
	#header.fix #gnb a.ico-sch:before{font-size:1.1rem;}
	#header.fix #gnb a.popup-zone:not(#mobile-search) i:before{font-size:1.2rem;}
	#header.fix #gnb a.popup-zone .num{right:21%;top:28%;}
	#header.fix #nav-icon{width:25px;}
	#header.fix .site-map{top:0;height:60px;}
	
	.pager a{height:4px;}
}
@media only screen and (max-width:1023px){
	body{overflow-x:hidden;}
	.d_width, .c_width{width:auto;margin: 0 20px;}
	#logo span{font-size:1.15rem;}
	#wrap			{min-width:740px;}
	#gnb .topmn > a{font-size:1.1rem;padding:0 13px;}
	#header .topwrap{line-height:30px;}
	#mobile-navicon,
	#gnb .topmn{top:30px;right:60px;}
	.site-map{margin-left:10px;top:30px;width:auto;right:20px;}
	#nav-icon{width:25px;}
	#header.fix #gnb a.ico-sch:not(#mobile-search){line-height:55px;}
	#gnb a.popup-zone:not(#mobile-search) i:before{font-size:1.15rem;}
	#gnb a.ico-sch:before{font-size:1.1rem;}
	#header.fix #gnb a.ico-sch:before{font-size:1rem;}
}
@media only screen and (max-width:767px){
	#header:before{display:none;}
	#header{background:#0002;}
	#header .topwrap{padding:0;justify-content: end;}
	#header .topwrap .col-l:not(.mobile-top .col-l),
	#header .topwrap .col-r:not(.mobile-top .col-r){display:none;}
	#header .topwrap .mobile-top{display:flex; justify-content: space-between;width: 100%;}
	#header .topwrap .mobile-top a{margin-right:0;font-size: .85rem;padding: 0 10px !important;}
	#header .topwrap .mobile-top a:before{content:"";width:1px;height:10px;background:#FFF4;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
	#header .topwrap .mobile-top a:first-child:before{display:none;}
	#header .topwrap .col-l a:after, #header .snswrap:after{display:none;}
	.va_mo{display:block;}
	.va_pc	{display:none;}
	#wrap	{min-width:320px;}
	#logo span{font-size:1.1rem;}
	.sub #gnb{background:rgba(0, 0, 0, 0.2);}
	#header.fix #gnb{margin:0;padding:0;}
	#header.fix #gnb .topmn > a{top:0 !important;color:#FFF;}
	#header.fix #gnb a.ico-sch:before{color: #FFF;}
	.top-btn-wrap{font-size:.825rem;}
	.top-btn-wrap > a{line-height:30px;}
	#gnb .topmn{right:0;width:auto;}
	#gnb .topmn a:first-child{border-left:0;}
	.ico-login, .site-map{display:none;}
	#gnb a.ico-sch:not(#mobile-search), #header.fix #gnb a.ico-sch:not(#mobile-search){width:60px;background:rgba(0, 0, 0, 0.3);margin-right:0;border-radius:0;text-align:center;}
	#wrap.topbnr-on #header.fix #gnb .topmn{top:0;}
	#wrap.topbnr-on #header #gnb a.ico-sch:before{color: #FFF;}
}
@media only screen and (max-width:576px){
	#header.fix{min-width:320px;}
	#header.fix #gnb{height:50px;}
	#mobile-navicon,
	#header.fix #mobile-navicon{width:49px;height:49px;line-height:49px;}
	#header.fix #gnb .topmn > a{height:50px;line-height:50px;}
	#header .topwrap .mobile-top a{font-size:.8rem;}
	#gnb a.ico-sch:not(#mobile-search), #header.fix #gnb a.ico-sch:not(#mobile-search){width:50px;height:50px;line-height:50px;}
	#gnb a.popup-zone:not(#mobile-search) {padding:3px 0}
	#gnb a.popup-zone:not(#mobile-search),
	#gnb a.popup-zone:not(#mobile-search) i:before{font-size:1.1rem;}
	#logo{line-height: 50px;}
	#logo img{width:140px;}
	#header.fix #logo img{width:130px;}
	#logo span{font-size:.95rem;margin-left:5px}
}
@media only screen and (max-width:415px){
	.d_width, .c_width		{margin:0 10px;}
	#logo img{width:110px;}
	#header.fix #logo img{width:100px;}
	#logo span{font-size: .9rem !important;margin-left:5px;}
}

/*스크롤바 스타일*/
div::-webkit-scrollbar,
ul::-webkit-scrollbar{width:5px;border-radius:100px;background:rgba(0,0,0,0);}
div::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb{background:var(--sub-color);border-radius:100px;}
div::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track{width:5px;background:#f4f4f4;border-radius:100px;}

/*btn-top*/
.btn-top{position:fixed;right:.5rem;bottom:.5rem;z-index:99;}
.btn-top a{display:block;width:50px;height:50px;border-radius: 0 0 0 20px;text-align:center;padding:12px 0;line-height:1.3;margin:5px 0;}
.btn-top a.top{background: var(--grd);color:#FFF;padding:14px 0;position:relative;margin-bottom: 0;border-radius: 20px 0 0 0;}
.btn-top a:hover.top:after{background:var(--main-color);}
.btn-top a.top i:before{font-family:'Font Awesome 6 Pro';}
.btn-top a span.ico-kakao{display:block;background:url(../img/ipsi/ico_kakao.svg) no-repeat;width:25px;height:25px;margin:0 auto 5px;}
.btn-top a.open-kakao{background:#ffe900;color:#3b1d1d;font-size:.9rem;font-weight: 500;}
.btn-top a.top:hover{background:var(--sub-color);}
.btn-top a.open-kakao:hover{box-shadow:var(--more-shadow);}

/*타이틀 Light 스타일*/
@keyframes Light {
    0% {background-position: -60rem center;}
	30% {background-position: -60rem center;}
	70% {background-position: -60rem center;}
    100% {background-position: 60rem center;}
}
.light-wrap{position:relative;font-family:'gsans';font-size:5.6rem;line-height:1;opacity:1;}
.light-wrap .light {position:absolute;top:0;left:0; background: url(../img/ipsi/bg-people-light.png) no-repeat -60rem center / 100%; background-clip: text; font-family: 'gsans'; font-size:5.6rem; color: transparent; animation-name: Light; animation-duration:6.3s; animation-iteration-count: infinite;}

/*footer*/
.fsite{display:flex;align-items:center;}
.fsite .select.on ul{top:-200px;}
.fcopy{padding:20px 0;font-size:.9rem;}
#footer{background:#222;}
#footer [class*="btn-b-"]{background:0;}
.fmn{display:none;padding:15px 0;color:#A7A7A7;border-bottom:1px solid #fff2;}
.fmn a{padding-right:15px;font-size:.95rem;font-weight:400;}
.fbtm{padding:50px 0;justify-content:space-between;align-items:start;font-family:'pretendard';}
.fsite{order:1;}
.fsite select{width:220px !important;background:#0000;color:#6B778D;border:1px solid #A3ADB6;}
.flogo img{width:180px;}
footer address{margin-top:20px;color:#A7A7A7;font-size:.95rem;line-height:1.4;}
footer address span{display:inline-block;width:20px;text-align:center;}

@media only screen and (max-width:1600px){
	.fmn a{padding-right:10px;}
	.flogo img{width:180px;}
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
	.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){
	
	.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;}
	.btn-sns{display:none;}
	
	.btn-top{right:10px;bottom:10px;}
}
@media only screen and (max-width:767px){
	.fsite-wrap .tab a{padding:0 20px;font-size:1rem;}
	.btn-top a.top:before{width:50px;height:50px;}
	.btn-top a{width:40px;height:40px;padding:10px 0;}
	.btn-top a.top{padding:8px 0;}
	.btn-top a.top i:before{font-size:.8rem;}
	.btn-top a span.ico-kakao{width:20px;height:20px;background-size:contain;}
}
@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;}
}
 
 /*select*/
select:not(.sub select){border-color:#eaeaea;height:40px;font-size: .95rem;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#FFF url(../img/sel-ico-down.png) no-repeat 97% 50%/15px auto;}
select:not(.sub select)::-ms-expand{display:none;}
select:not(.sub select):focus {outline:none;}

.select.on ul{display:block;opacity: 1;max-height: 200px;}.select{position:relative;width:220px;height:45px;line-height:45px;margin:0 3px;color:#6B778D;background:#FFF;border:0;font-size:.9rem;border-radius:0;cursor:pointer;border:1px solid #eaeaea;}
.select.on:after{transform:rotate(180deg);}
.select li{padding:0 10px;}
.select_tit{width:100%;padding:0 10px;color:#121212;}
.select ul{max-height:0;overflow:hidden;opacity:0;position:absolute;width:100%;top:0;height:200px;overflow-y:scroll;background:#eef5fb;color:#333;transition:all 0.3s ease-out;z-index:5;}
.select ul li{border-bottom:1px dashed #b2c5d8;}
.select ul li a{transition:none;}
.select ul li:hover{background:var(--grd2);color:#FFF;}
.select:before{content:"";width:1px;height:30px;background:#E4E4E4;position:absolute;top:50%;right:35px;transform:translateY(-50%);}
.select:after{content:"";width:12px;height:8px;background:url(../img/sel-ico.png) no-repeat;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:.2s;}

/* jjy */
#wrap{overflow:hidden;}
.pretendard{font-family: 'pretendard';}
.curve{font-family: 'Ephesis';}
.masking-line{ display: inline-flex;overflow: hidden;width: 100%;line-height: 1.2;height: 80px;}.masking-line .masking-text {transform: translateY(-4px);    transition: transform .6s .15s;}

/* 메인비주얼 */
#wrap.topbnr-on .main-visual{padding-top:200px;}
#wrap.topbnr-on #header.fix .main-visual{padding-top:0;}
.main-visual{background:#ddd;position:relative;}
.main-visual .mv-emblem{position:absolute;width:154px;height:146px;background:url(/resources/homepage/main/img/mv_emblem.png) no-repeat 50%;z-index: 2;top: 40%;right: 170px;animation:spin 3s infinite;}
.main-visual .mv-emblem span{visibility: hidden;}
.main-visual>.d_width{height: 100%;}
.mv-slide{position:absolute!important;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.mv-slide div{height:100% !important;}
.mv-slide .mv-slide-item{width: 100%;height: 100%;overflow:hidden;}
.mv-slide .mv-slide-item img{display: block;width: 100%;height: 100%;object-fit: cover;transform: scale(1.12);transition: transform 4s ease;animation:bg-scale 5s ease-out alternate both;}
.mv-slide .swiper-slide-active img {transform: scale(1);/* 원래 크기로 축소 */}

@keyframes spin {
  0% {
    transform: rotateY(0deg);
  }
  15% {
    transform: rotateY(360deg); /* 빠르게 두 바퀴 회전 */
  }
  30% {
    transform: rotateY(0deg); /* 제자리로 복귀 */
  }
  100% {
    transform: rotateY(0deg); /* 나머지 시간은 멈춤 */
  }

	
}
@keyframes bg-scale {
  0% {transform:scale(100%);}
  100% {transform:scale(107%);}
}

/* 비주얼텍스트 */
/*메인타이틀*/

.mv-tit-wrap{padding:310px 0;position: relative;}
.mv-tit {width:930px;margin:0 auto;font-family:'EB Garamond', 'pretendard','Noto Sans KR', sans-serif;max-width:930px;text-align:center;letter-spacing:-.05em;z-index:2;;position: relative;padding:57px 55px;}
.mv-tit:before{content: "";display: inline-block;animation: titCover 1.5s cubic-bezier(.4, 0, 0, 1) both;position: absolute;width: 100%;height: 100%;top: 0px;left: 0;overflow: hidden;background: rgba(0, 0, 0, .8);z-index: 1;}
.mv-tit>*{z-index:2;}
.mv-tit .stit{color: #fff;margin-bottom: 6px;display:inline-block;font-weight:300;position:relative;animation: fadeInLeft 2s 
cubic-bezier(.4, 0, 0, 1) both alternate;font-size:3.6rem;letter-spacing:-0.6px;margin-right:15%;}
.mv-tit .stit:before{content: '';width: 80px;height:1px;background:rgba(255,255,255,.2);position:absolute;top:50%;right:0;transform: translate(120%, 0);z-index:-1;}
.mv-tit .tit{color:#fff;display:block;font-size:84px;font-weight:200;position:relative;margin-bottom:40px;line-height:1;}
.mv-tit .txt{position:relative;color:#fff;line-height:1.4;font-family:'pretendard';font-size:20px;font-weight:200;letter-spacing:-0.4px;}
.mv-tit span{display: block;}
.mv-tit .drawsvg .textWriting{text-align:left;}
.mv-slide-ctrl{display:none;}

.mv-scroll {position:absolute;bottom:60px;left:50%;transform: translatex(-50%);z-index:2;font-family:'pretendard';font-size:1.2rem;letter-spacing:1.5px;display: inline-block;color: #fff;transition: opacity .3s;}
.mv-scroll:hover {opacity:.95;}
.mv-scroll span {background: rgba(255,255,255,0.3);border-radius:2px;bottom: 5px;height:40px;top: -50px;left: 50%;overflow: hidden;position: absolute;transform: translateX(-50%);width: 4px;}
.mv-scroll span::before {animation: pill 1.5s linear infinite;background-image: linear-gradient(to top, #fff, #fff2);border-radius: 2px;content: '';display: block;height: 40px;left: 0;position: absolute;width: 4px;}

@keyframes pill {
    0% { top: -40px; }
    50% { top: 0; }
    100% { top: 50px }
}


/* Pohang univ 텍스트 애니메이션 효과 */
.mv-tit .drawsvg {width: 170px;height: 95px;position: absolute;z-index: 2;top:32px;left: 67%;transform: rotate(346deg);}
.mv-tit .drawsvg .textWriting {color: var(--point-color1);}
.mv-tit .drawsvg .textWriting span {display: block;font-family: 'Ephesis';font-weight: 300;font-size: 60px;white-space: nowrap;overflow: hidden;width: 190px;color: var(--point-color1);}

.mv-tit .drawsvg .textWriting span.txt1 {
	animation: txt1Loop 4s steps(500) 1 ;
	margin-bottom: -40px;
	animation-delay:.8s;   /* 배경 다 깔린 후 시작 */
	opacity: 0;            /* 처음에는 안 보임 */
	animation-iteration-count: infinite;
}
/* txt2: txt1 끝난 뒤 실행 */
.mv-tit .drawsvg .textWriting span.txt2 {
	animation: txt2Loop 4s steps(300) 1 ;
	animation-delay:2s;   /* txt1 끝난 후 시작 */
	opacity: 0;           /* 처음에는 안 보임 */
	margin-left: 30px;
	animation-iteration-count: infinite;
}

/* txt1 애니메이션 */
@keyframes txt1Loop {
  0%   { width: 0; opacity: 1; }
  25%  { width: 100%; opacity: 1; } /* 타이핑 완료 */
  100% { width: 100%; opacity: 1 }
/*  80%  { width: 100%; opacity: 1; }
  80.0001% { width: 0; opacity: 0; }
  100% { width: 0; opacity: 0; }*/
}
/* txt2 애니메이션 */
@keyframes txt2Loop {
  0%   { width: 0; opacity: 1; }
  30%  { width: 100%; opacity: 1; } /* 타이핑 완료 */
  70%  { width: 100%; opacity: 1; }
  70.0001% { width: 0; opacity: 0; }
  100% { width: 0; opacity: 0; }
}

@keyframes titCover{
	0%{width:0;}
	75%{width:100%;border-bottom-right-radius:0;}
	100%{width:100%;border-bottom-right-radius:5.5vw;}
}
@keyframes maskingDown{
	0%{transform: translateY(100%)}
	100%{transform: translateY(0)}
}
@keyframes maskingUp{
	0%{transform: translateY(-100%)}
	100%{transform: translateY(0)}
}
@keyframes maskingRight{
	0%{transform: translateX(-100%)}
	100%{transform: translateX(0)}
}

/*swiper 컨트롤 커스텀*/
.mv-slide-ctrl{width:100%;position:absolute;z-index:99;align-items:center;align-items: center;position: absolute;top:52%;padding: 0 55px;}
.mv-slide-ctrl .progress{display:inline-block;width: 24.3%;height:2px;background:rgba(255,255,255,.5);position:relative;margin:0 23px 0 0;}
.mv-slide-ctrl .progress .progress-bar{position:absolute;width:0;height:100%;background:#fff;}
.mv-slide-ctrl a{color:#fff;font-size:21px;}
.mv-slide-ctrl a:before{font-family:'Font Awesome 6 Pro';font-size:inherit;font-weight: 300;}
.mv-slide-ctrl a.ico-prev:before{content:"\f060";}
.mv-slide-ctrl a.ico-next:before{content:"\f061";}
.mv-slide-ctrl a.ico-pause:before{content:"\f04c";}
.mv-slide-ctrl a.ico-play:before{content:"\f04b";}
.mv-slide-ctrl a.ico-pause,
.mv-slide-ctrl a.ico-play{margin: 0 14px;}
.mv-slide-ctrl a.ico-pause:before{font-size:inherit;}
.mv-slide-ctrl a:hover{color:var(--point-color1);}
.mv-slide-ctrl .swiper-pagination{color:#fff6;position: relative;width:70px;top: auto;left: auto;bottom: auto;letter-spacing: .15em;font-size:17px;font-family: 'pretendard';font-weight:bold;text-align:left;padding-left:5px;}
.mv-slide-ctrl .swiper-pagination em{color:var(--point-color1);}
.mv-slide-ctrl .swiper-pagination .swiper-pagination-current{color:#fff;}
.swiper-pagination{position:static;width:auto;}

.main-visual .progress{display:inline-block;width:24.3%;height:2px;background:#fff6;position:relative;margin:0 23px 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;}


/* 메인 컨텐츠 공통 스타일 */


/* 반응형 */

@media only screen and (max-width: 1800px) {
	.mv-tit{width:830px;}
	.mv-tit .stit{font-size:3rem;}
	.mv-tit .tit{font-size:4.2rem;}
}
@media only screen and (max-width: 1600px) {
	
}
@media only screen and (max-width:1440px){
	.mv-tit{width:740px;}
	.mv-tit .stit{font-size:2.6rem;}
	.mv-tit .tit{font-size:3.8rem;}
	.mv-tit .txt{font-size:1.1rem;}
}
@media only screen and (max-width:1240px){
	.mv-tit-wrap{padding:280px 0;}
}

@media only screen and (max-width:1023px){
	.mv-tit{width:580px;}
}

@media only screen and (max-width:767px){
	.mv-tit-wrap{padding:200px 0 260px;}
	.mv-tit{width:100%;}
	.mv-tit .stit{font-size:2.3rem;}
	.mv-tit .tit{font-size:3rem;margin-bottom:20px;}
	.mv-tit .txt{font-size:.95rem;}
	.mv-tit .drawsvg{width:auto;height:auto;}
	.mv-tit .drawsvg .textWriting span{font-size:46px;line-height:1.4;}
	.mv-scroll{font-size:.9rem;}
}

@media only screen and (max-width:576px){
	.mv-tit-wrap{padding:160px 0 210px;}
	.mv-tit{padding:40px 45px;}
	.mv-tit .stit{font-size:1.7rem;margin-right:90px;}
	.mv-tit .tit{font-size:2.6rem;}
	.mv-tit .txt{font-size:.9rem;}
	.mv-tit .drawsvg{top:21px;}
	.mv-tit .drawsvg .textWriting span{font-size:36px;line-height:1.7;}
}

@media only screen and (max-width:415px){
	.mv-tit-wrap{padding:130px 0 190px;}
	.mv-tit{padding:30px;}
	.mv-tit .stit{font-size:1.3rem;margin-right:90px;}
	.mv-tit .tit{font-size:2.1rem;}
	.mv-tit .txt{font-size:.85rem;}
	.mv-tit .drawsvg{top:8px;}
	.mv-tit .drawsvg .textWriting span{font-size:30px;line-height:1.9;}
}


/***************** footer 위 ( from 경국대 ) *****************/
.fsite-wrap{background:var(--sub-color);color:#fff;min-width:320px;}
.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;font-family:'pretendard';}
.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:#272853;}
.fsite-wrap .tab a:not(.on):hover{background:var(--main-color);}
.fsite-list{display:none;background:#272853;padding:40px 0;}
.fsite-list.active{display:block;}
.fsite-list .cont{display:flex;width:100%;margin-bottom:50px;}
.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: 1.1rem;color:#B8C2D1;font-weight:200;}
.fsite-list .cont .list li:not(.stit, .tit):before{content:"-";position:absolute;left:0;}
.fsite-list .cont .list li.stit{font-size:1.1rem;font-family: 'pretendard';}
/*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;font-family:'pretendard';}
.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.6rem;font-weight:700;letter-spacing:-0.4px;}
.fsite-list .cont .title span{display:block;color:#72C6F8;font-size:.9rem;letter-spacing:.2rem;font-family:'pretendard';}
/*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.25rem;color:#fff;font-weight:500;margin: 10px 0 5px;background:#0004;padding:5px 5px 0;padding:3px 5px 6px;}
.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%;position:relative;padding-left:10px;}
/*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%;}

@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);}
	
}
@media only screen and (max-width:1023px){
	.fsite-list .cont{flex-wrap:wrap;margin-bottom:20px;}
	.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;}
	.fsite-list .cont .list li:not(.stit, .tit){font-size:1rem;}
	
	.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%;}

}
@media only screen and (max-width:767px){
	.fsite-wrap .tab a{padding:10px 20px;font-size:.9rem;line-height:1.2rem;}
	.fsite-list{padding:20px 0;}
	.fsite-list .cont .title{font-size:1rem;}
	.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;}
	.fsite-list .cont .list li:not(.stit, .tit){font-size:.85rem;}
}
@media only screen and (max-width:576px){
	.fsite-wrap .tab a{font-size:.85rem;}
	.fbnr{padding:10px 0;}
	.flogo img{width:120px;}
}
@media only screen and (max-width:415px){
	.fsite-wrap .tab a{font-size:.8rem;}
	.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;}
}


/*gnb*/
.topmn						{top:50%;transform:translateY(-50%);right:80px;font-family:'pretendard';}
.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: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;}
.mm-listview{font-family:'pretendard';}

/*언어선택*/
#lang-sel{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:1000;color:#fff;text-align:center;}
#lang-sel .d_width{height:100%;}
#lang-sel .center{width:100%;}
#lang-sel .tit{font-family:"EB Garamond", "Notoserif", "Nanum Myeongjo", "ZCOOL XiaoWei";font-size:3.3rem;line-height:1.2;font-weight:700;}
#lang-sel .txt{word-break:keep-all;line-height:1.2;}
#lang-sel .txt.eng{font-size:1.4rem;margin:40px 0 30px;}
#lang-sel .txt.kor{font-weight:200;color:#ccc;line-height:1.4;font-family:'pretendard';}
#lang-sel .btn-d{border:1px solid #fff;}
.mlang-list{margin:50px 0 40px;display:flex;justify-content:center;flex-wrap:wrap;}
.mlang-list li{margin:0 10px;}
.mlang-list a{display:block;font-size:.825rem;color:#ccc;}
.mlang-list a span{display:block;width:110px;height:74px;background-color:#000c;background-size:cover;margin-bottom:20px;position:relative;}
.mlang-list a span.lang1{background-image:url(/resources/homepage/global/img/lang-ico1.png);}
.mlang-list a span.lang2{background-image:url(/resources/homepage/global/img/lang-ico2.png);}
.mlang-list a span.lang3{background-image:url(/resources/homepage/global/img/lang-ico3.png);}
.mlang-list a span.lang4{background-image:url(/resources/homepage/global/img/lang-ico4.png);}
.mlang-list a span.lang5{background-image:url(/resources/homepage/global/img/lang-ico5.png);}
.mlang-list a span:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border:5px solid var(--main-color);opacity:0;transition:all .3s;}
.mlang-list a:hover span:before,
.mlang-list a.on span:before{opacity:1;}
.mlang-list a.off span{filter:grayscale(1) brightness(1.6) opacity(0.8);}

@media only screen and (max-width:1600px){
	#lang-sel .tit{font-size:2.8rem;}
	#lang-sel .txt.eng{font-size:1.2rem;margin:30px 0 20px;}
	#lang-sel .txt.kor{font-size:1rem;}
	.mlang-list{margin:40px 0 30px;}
	.mlang-list a span{width:100px;height:67px;margin-bottom:10px;}
	.mlang-list a span:before{border-width:3px;}
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
	#lang-sel .tit{font-size:2.5rem;}
	#lang-sel .txt.eng{font-size:1.1rem;}
}
@media only screen and (max-width:1023px){
}
@media only screen and (max-width:767px){
	#lang-sel .tit{font-size:2.2rem;}
	#lang-sel .txt.eng{font-size:1rem;margin:20px 0 10px;}
	#lang-sel .txt.kor{font-size:.925rem;}
	.mlang-list{margin:30px 0 20px;}
	.mlang-list a span{width:85px;height:57px;}
}
@media only screen and (max-width:576px){
	#lang-sel .tit{font-size:1.8rem;}
	#lang-sel .txt.eng{font-size:.925rem;margin:15px 0 10px;}
	#lang-sel .txt.kor{font-size:.825rem;}
	#lang-sel .txt br{display:none;}
	.mlang-list{margin:20px 0;justify-content:left;}
	.mlang-list li{margin:5px 0;width:33.33%;}
	.mlang-list a span{width:70px;height:47px;margin:0 auto 5px;}
}
@media only screen and (max-width:415px){
	#lang-sel{min-width:320px;}
	#lang-sel .tit{font-size:1.6rem;}
}

/*mc-cont1*/
[id*="mc-cont"] {padding:130px 0 0;}
[id*="mc-cont"] .mc-wrap{position:relative;padding:80px 0;}
[id*="mc-cont"] .mc-wrap:before{content:"";width:100%;height:4px;background:linear-gradient(to right, var(--sub-color) 0 20%, #000 20% 100%);position:absolute;top:0;left:0;}
[id*="mc-cont"] .mc-wrap:after{content:"";width:100%;height:4px;background:#000;position:absolute;bottom:0;left:0;}
.mc-tit{position:relative;font-weight:200;font-family:"EB Garamond";font-size:4.4rem;margin:0 0 2rem;}
.m-more{position:absolute;top:10px;right:0;width:70px;height:70px;}
.mc-more{position:relative;}
.mc-more .more-txt{border-bottom:2px solid var(--main-color);color:var(--main-color);font-family:'pretendard';padding:0 6px 8px 6px;font-size:1.05rem;font-weight:300;}
.mc-more .arrow{bottom:-15px;left:10px;}

.arrow.lg{width:70px;height:70px;}
.arrow{position: relative;display: inline-block;width: 45px;height: 45px;}
.arrow:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:url(/resources/homepage/global/img/arrow.svg) no-repeat;transition: transform 0.2s;width:10px;height:10px;z-index: 1;}
.arrow:after{content:"";position: absolute;width:45px;height:45px;line-height:45px;background:var(--main-color);border-radius:50%;text-align:center;z-index: 0;}
.arrow.lg:before{width:17px;height:17px;}
.arrow.lg:after{width:70px;height:70px;line-height:70px;}
.arrow:hover:before{transform:translate(2px, -8px);}
.arrow.lg:hover:before{transform:translate(3px, -15px);}
.arrow:hover:after{animation:circleHover 0.7s both;background:var(--sub-color);}
.arrow.lg:hover:after{animation:circleHoverlg 0.7s both;}
   
@keyframes circleHover {
	0% {transform: scale(1);}
	50% {transform: scale(1.2);}
	100% {transform: scale(1);}
}

@keyframes circleHoverlg {
	0% {transform: scale(1);}
	50% {transform: scale(1.4);}
	100% {transform: scale(1);}
}


@media only screen and (max-width:1440px){
	[id*="mc-cont"]{padding:100px 0;}
	.mc-tit{font-size:3.9rem;margin:0 0 1.2rem;}
}
@media only screen and (max-width:1240px){
	[id*="mc-cont"]{padding:80px 0;}
	[id*="mc-cont"] .mc-wrap{padding:60px 0;}
	.mc-tit{font-size:3.2rem;margin:0 0 1.2rem;}
	.arrow,
	.arrow:after{width:35px;height:35px;}
	.m-more,
	.arrow.lg:after,
	.arrow.lg{width:60px;height:60px;}
}
@media only screen and (max-width:1023px){
	[id*="mc-cont"]{padding:60px 0;}
	[id*="mc-cont"] .mc-wrap{padding:40px 0;}
	.mc-tit{font-size:2.8rem;margin:0 0 .5rem;}
	.m-more{top:-10px;}
}
@media only screen and (max-width:767px){
	.mc-tit{font-size:2.4rem;margin:0 0 .5rem;}
	.arrow,
	.arrow:after{width:30px;height:30px;}
	.m-more,
	.arrow.lg:after,
	.arrow.lg{width:50px;height:50px;}
	.arrow:before{width:8px;height:8px;}
	.arrow.lg:before{width:13px;height:13px;}
	.mc-more .arrow{bottom:-10px;left:6px;}
}
@media only screen and (max-width:576px){
	[id*="mc-cont"]{padding:40px 0;}
	.mc-tit{font-size:2rem;}
}
@media only screen and (max-width:415px){
	.mc-tit{font-size:1.7rem;}
	.m-more,
	.arrow.lg:after,
	.arrow.lg{width:45px;height:45px;}
}

/*mabout*/
.mc-wrap .cont .tit{font-size:2.1rem;color:#000;font-weight:600;}
.mabout .col-l{width:740px;}
.mabout .col-r{width:calc(100% - 810px);margin:-30px 0 -30px 70px;}
.mabout .cont .cate{font-size:1.05rem;color:#B5B5B5;font-family:'pretendard';}
.mabout .cont .txt{font-family:'pretendard';font-size:1.1rem;color:#121314;line-height:1.4;font-weight:300;margin-top:10px;}
.mabout .thumb{width:740px;height:580px;margin-bottom:40px;}
.mabout .thumb img{transition: all .5s;}
.mabout a:hover .thumb img{scale:1.05;}
.mabout .bx{margin:30px 0;}
.mabout .bx a{background:#F7F8F9;padding:40px;display:block;}
.mabout .bx a:hover{background:var(--main-color);}
.mabout .bx a:hover .cate{color:#fff4;}
.mabout .bx a:hover .tit,
.mabout .bx a:hover .txt,
.mabout .bx a:hover .more-txt{color:#FFF;}
.mabout .bx a:hover .more-txt{border-color:#fff4;}
.mabout .bx a:hover .arrow:after{background:var(--sub-color);}

@media only screen and (max-width:1440px){
	.mabout .col-l{width:50%;}
	.mabout .col-r{width:calc(50% - 60px);margin:-30px 0 -30px 60px}	
	.mabout .thumb {aspect-ratio:1 / 0.783784;height:auto;width:100%;}
	.mc-wrap .cont .tit{font-size:1.8rem;}
}
@media only screen and (max-width:1240px){
	.mabout .col-r{width:calc(50% - 30px);margin:-30px 0 -30px 30px}
	.mc-wrap .cont .tit{font-size:1.6rem;}
	.mc-wrap .cont .txt{font-size:1rem;}
}
@media only screen and (max-width:1023px){
	.mabout .bx a{padding:30px;}
	.mabout .cont .cate{font-size:.85rem;}
	.mc-wrap .cont .tit{font-size:1.4rem;line-height:1.3;}
	.mc-wrap .cont .txt{font-size:.95rem;}
	.mc-more .more-txt{font-size:.9rem;}
}
@media only screen and (max-width:767px){
	.mabout .col-l{width:100%;}
	.mabout .col-r{width:100%;margin:30px 0 0;}
	.mabout .bx{margin:10px 0;}
	.mabout .bx a{padding:20px;}
	.mabout .thumb{height:320px;}
	.mc-more .more-txt{padding:0 5px 3px 3px;}
}
@media only screen and (max-width:576px){
	.mabout .thumb{height:280px;margin-bottom:20px;}
	.mabout .cont .cate{font-size:.85rem;}
	.mc-wrap .cont .tit{font-size:1.25rem;}
	.mc-wrap .cont .txt{font-size:.9rem;}
	.mc-more .more-txt{font-size:.85rem;}
	.mabout .col-r{margin:15px 0 0;}
}
@media only screen and (max-width:415px){
	.mabout .thumb{height:170px;}
}

/*mc-cont2*/
#mc-cont2 {background:#F7F7F7;margin-top:130px;padding:130px 0;}
/*mdept*/
.mdept .thumb{width:100%;height:280px;}
.mdept-list{margin:0 -30px;}
.mdept-list > li{width:calc(50% - 60px);margin:0 30px;}
.mdept-list > li:last-child .cont{padding:20px 0 0;}
.mdept-list .cont{position:relative;padding:40px 0 50px;}
.mdept-list .cont .tit{font-size:2.7rem;}
.mdept-list > li ul {display:flex;flex-wrap:wrap;font-family:'pretendard';margin-top:20px;margin:0 -15px;}
.mdept-list > li ul li {display:inline-flex;align-items:center;width:calc(50% - 30px);margin:0 15px;border-bottom:2px solid #000;padding:10px 0;position:relative;}
.mdept-list > li ul li:before{content: "";width:0;height:3px;position:absolute;left:0;bottom: -2px;background: var(--sub-color);transition:0.3s;}
.mdept-list > li ul li:hover:before{width:100%;}
.mdept-list > li ul li:hover a{color:var(--sub-color);}
.mdept-list > li ul li a{width:calc(100% - 50px);display:inline-block;}
.mdept-list .cont .arrow{position:absolute;right:0;top:40px;}
.mdept-list .ico-home{position:absolute;right:0;top:50%;transform:translateY(-50%);border-radius:50%;width:30px;height:30px;line-height:30px;background:#e4e4e4;text-align:center;}
.mdept-list .ico-home:before{content:"\e3af";font-family:'Font Awesome 6 Pro';font-size:.85rem;color:#000;font-weight:300;}
.mdept-list > li ul li:hover .ico-home{background:var(--sub-color);}
.mdept-list > li ul li:hover .ico-home:before{color:#FFF;}
.mdept-list .cont a[href="#none"] {cursor:default;}

@media only screen and (max-width:1440px){
	#mc-cont2{margin-top:40px;padding:100px 0;}
	.mdept-list .cont .tit{font-size:2.4rem;}
	.mdept .thumb{aspect-ratio:1 / 0.491228;height:auto;}
}
@media only screen and (max-width:1240px){
	.mdept-list .cont .tit{font-size:2rem;}
	.mdept-list{margin:0 -15px;}
	.mdept-list > li{width:calc(50% - 30px);margin:0 15px;}
	.mdept-list > li ul{margin:0 -5px;}
	.mdept-list > li ul li{margin:0 5px;width:calc(50% - 10px);}
	.mdept-list > li ul li a {line-height:1.3;}
}
@media only screen and (max-width:1023px){
	#mc-cont2{margin-top:20px;padding:60px 0;}
	.mdept-list .cont .tit{font-size:1.6rem;}
	.mdept-list .cont{padding:20px 0 30px;}
	.mdept-list .cont .arrow{top:20px;}
}
@media only screen and (max-width:767px){
	.mdept .thumb{height:180px;}
	.mdept-list > li{width:100%;}
	.mdept-list .cont .arrow{top:20px;}
}
@media only screen and (max-width:576px){
	#mc-cont2 {padding:40px 0;margin-top:0;}
	.mdept-list .cont .tit{font-size:1.4rem;}
}
@media only screen and (max-width:415px){
	.mdept .thumb{height:130px;}
	.mdept-list > li ul li{width:100%;}
	.mdept-list .cont .tit{font-size:1.25rem;margin-bottom:10px;}
}

/*mc-cont3*/
#mc-cont3 {background:url(/resources/homepage/global/img/mlife-bg1.png) no-repeat 50% 50% / cover;padding:130px 0;}
/*mlife*/ 
.mlife{justify-content:space-between;}
.mlife .mc-tit{color:#FFF;}
.mlife .txt{color:#FFF9;font-family:'pretendard';font-size:1.2rem;}
.mlife .btn-wrap a{position:relative;display:block;min-width:450px;padding:0 30px;height:80px;line-height:80px;background:#0008;backdrop-filter:blur(5px);border:1px solid #fff3;color:#FFF;font-family:'pretendard';font-size:1.1rem;margin-bottom:10px;z-index:0;overflow:hidden;transition:all .4s;}
.mlife .btn-wrap a:last-child{margin-bottom:0;}
.mlife .btn-wrap a:before{content:'';width:0;background:var(--sub-color);transition:.3s;position:absolute;top:0;left:0;height:100%;z-index:-1;}
.mlife .btn-wrap a:hover:before{width:100%;}
.mlife .btn-wrap a:hover{border:1px solid var(--sub-color);}
.mlife .btn-wrap.b1 a{display:inline-block;border-radius:50px;line-height:60px;height:60px;min-width:200px;text-align:center;margin:30px 5px 0;}
.mlife .btn-wrap.b1 a:last-child{margin-right:0;}
.mlife .btn-wrap .arrow{position:absolute;right:30px;top:50%;transform:translateY(-50%);}
.mlife .btn-wrap .arrow:after{background:#fff6;}

@media only screen and (max-width:1440px){
	#mc-cont3 {padding:100px 0;}
}

@media only screen and (max-width:1240px){
	#mc-cont3 {padding:80px 0;}
	.mlife .btn-wrap{margin-top:30px;}
}
@media only screen and (max-width:1023px){
	#mc-cont3 {padding:60px 0;}
	.mlife .txt{font-size:.95rem;}
	.mlife .btn-wrap a{height:65px;line-height:65px;font-size:1rem;}
}
@media only screen and (max-width:767px){
	.mlife .col-l,
	.mlife .col-r{width:100%;}
	.mlife .btn-wrap a{min-width:100%;}
	.mlife .btn-wrap{margin-top:40px;}
	.mlife .btn-wrap.b1{margin-top:20px;}
	.mlife .btn-wrap a{font-size:.9rem;height:60px;line-height:60px;margin-bottom:5px;}
	.mlife .btn-wrap.b1 a{height:50px;line-height:50px;margin:10px 2px 0;}
}
@media only screen and (max-width:576px){
	#mc-cont3 {padding:40px 0;}
	.mlife .btn-wrap{margin-top:15px;}
	.mlife .btn-wrap a{font-size:.85rem;}
	.mlife .btn-wrap.b1 a{width:100%;margin:0;}
}
@media only screen and (max-width:415px){
}


/*sub*/
[lang="en"] .sub {font-family:'pretendard';}
[lang="en"] #sub-visual .svtit .tit,
[lang="en"] #sub-container .body-title h1,
[lang="en"] .greeting-bx .title,
[lang="en"] #gnbmn .depth2 > ul > li > a{font-family:'EB Garamond';}
[lang="en"] #snb ul li > span{font-size:19px;font-family:'EB garamond';}
[lang="en"] #snb ul ul li a{font-size:17px;}
[lang="en"] #sub-visual .svtit{padding:170px 0 80px;}

.greeting-bx .greeting-img .bx-badge font{display:block;}
.greeting-bx .greeting-img .bx-badge{line-height:1.3;}
.greeting-bx .greeting-img .bx-badge em{display:block;margin-left:0 !important;}
.greeting-bx .greeting-img .bx-badge em:before {display:none;}

@media only screen and (max-width: 1900px){
	#gnbmn ul.depth1 > li > a {font-size:1.2rem;height:90px;line-height:1.2;padding:1.3rem 1.6rem;display:inline-flex;align-items:center;}
	[lang="vi"] #gnbmn ul.depth1{margin:0 360px;}
}

@media only screen and (max-width: 1800px){
	#gnbmn ul.depth1{margin: 0 320px;}
	#header.fix #gnbmn ul.depth1 > li > a{line-height:1.3;}
	[lang="zh-CN"] #gnbmn ul.depth1 > li > a {padding:1.3rem 2rem;}
}

@media only screen and (max-width: 1600px){
	#gnbmn ul.depth1{margin: 0 330px 0 270px;}
	[lang="vi"] #gnbmn ul.depth1{margin:0 290px 0 260px;}
	#gnbmn ul.depth1 > li > a {font-size:1.1rem;padding:1.3rem 1.2rem;}
	.top-btn-wrap .lang-convert a:nth-child(2):not(.btn-d){padding-right:0;}
	.top-btn-wrap{font-size:.8rem;}
}

@media only screen and (max-width: 1440px){
	#logo img{width:130px;}
	#gnbmn ul.depth1{margin: 0 330px 0 310px;}
	[lang="vi"] #gnbmn ul.depth1{margin:0 270px 0 210px;}
	[lang="zh-CN"] #gnbmn ul.depth1 {margin:0 300px 0 260px;}
	#gnbmn ul.depth1 > li > a,
	[lang="vi"] #gnbmn ul.depth1 > li > a  {font-size:1.05rem;padding:1.3rem 1rem}
}

@media only screen and (max-width: 1240px){
	#logo img{width:120px;}
	#gnb .topmn{width:auto;top:67px;}
	#header.fix #gnb .topmn{top:30px;}
}

@media only screen and (max-width: 1023px){
	[lang="en"] #sub-visual .svtit{padding:170px 0 60px;}
	#gnb .topmn{width:auto;top:58px;}
	#header .topwrap{font-size:.8rem;}
}

@media only screen and (max-width: 767px){
	#mobile-navicon{top:0;}
	#gnb .topmn{top:29px;}
	#header.fix #gnb .topmn{top:25px;}
	.lang-convert a span{display:none;}
	.top-btn-wrap .lang-convert > a:after{margin-left:5px;}
}

@media only screen and (max-width: 574px){
	#logo img{width:100px;}
	#gnb .topmn{top:24px;}
	.top-btn-wrap{font-size:.75rem;}
	.top-btn-wrap a:not(.btn-d){padding-right:10px;margin-right:10px;}
}

/*학생지원서비스*/
.ico-wrap .cont .tit{color:#000;}
.ico-btn {background-color: var(--sub-color);border-radius:50%;vertical-align:middle;text-align:center;width:80px;height: 80px;padding:23px 0;margin-right:50px;display:flex;justify-content:center;align-items:center;}
.ico-wrap .ico-btn:before {background:url(/resources/homepage/global/img/ico-btn.png);}
.ico-wrap .ico1-1:before {background-position:0 0;}
.ico-wrap .ico1-2:before {background-position:-40px 0;}
.ico-wrap .ico1-3:before {background-position:-80px 0;}
.ico-wrap .ico1-4:before {background-position:-120px 0;}
.ico-wrap .ico1-5:before {background-position:-160px 0;}
.ico-wrap .ico1-6:before {background-position:-200px 0;}
.ico-wrap .ico1-7:before {background-position:-240px 0;}
.ico-wrap .ico1-8:before {background-position:-280px 0;}
.ico-wrap .ico1-9:before {background-position:-320px 0;}
.ico-wrap .ico2-1:before {background-position:-360px 0;} 
.ico-wrap .ico3-1:before {background-position:-400px 0;}
.ico-wrap .detail-wrap{margin-top:10px;}