@charset "utf-8";

:root {
	--main-color:#FF9900;/*009484*/
	--main-color-text:#fff;
	--sub-color:#0F275C;
	--dark-color:#3D5369;
	--point-color1:#9B9283; 
	--point-color2:#87796E; 
	--main-color-bg:#E9F4FA;
	--basic-bg:#f6f6f6;
	--grd:linear-gradient(90deg, #9B9283, #87796E);
	--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 4px 10px rgba(84,76,185,0.4);
	--all-ani:all cubic-bezier(0, 1, 0.5, 1) 0.2s;
	--orange:#FE7400;
}


body,h1,h2,h3,h4,input,button,textarea,select,div,table {font-family: 'Pretendard', 'NanumGothic', sans-serif;font-size:16px;}

.d_width{position:relative;margin:0 auto;width:1400px;}
.bodybg	{background-color:transparent}
.mbg	{background-image:url(./img/mbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.mcbg	{background-image:url(./img/mcbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.sbg	{background-image:url(./img/sbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.cbg	{background-image:url(./img/cbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}

#wrap		{position:relative;width:100%;padding:0;margin:0;}
#svisual	{position:relative;width:100%;}
#svslide	{position:absolute;width:100%;}
#container	{position:relative;overflow:hidden;} /* d_width */
#container.sub_container{padding:30px 0}
#container:after	{content:"";clear:both;display:block;float:none;}

#banner				{padding:30px 0;background:#fff;border-top:1px solid #eee;text-align:center;}
#banner ul			{margin:0 -5px;}
#banner li			{float:left; }
#banner li img		{height:50px;padding:5px;}
#banner li a		{margin:0 5px;display:block;border:1px solid #eee;height:70px;line-height:65px;}
#banner ul.d4 li	{width:25%;}
#banner ul.d5 li	{width:20%;}
#banner ul.d4 li:nth-child(1) img,#banner ul.d4 li:nth-child(2) img{height:40px;}

footer				{clear:both;position:relative;width:100%;padding:20px 0;background:#666;}
footer .f_logo		{display:none;float:left;margin-right:40px;}
footer .f_logo img	{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);}
footer .f_cont		{}
footer ul.f_mn li	{float:left;margin:0 15px 10px 0;}
footer ul.f_mn li a	{font-size:12px;color:#ccc;}
footer .f_link		{display:none;}
footer address		{line-height:140%;font-size:12px;color:#ccc;}

h1, h2, h3, h4, h5, h6 {clear:both;background:transparent;line-height:1.25;text-align:left;}
h1 {/*margin:0;padding:0;background:none;font-size:30px;color:#464C58;letter-spacing:-1px;*/}
h1 {font-size:28px;}
h2 {margin:30px 0 15px 0;padding:0;font-size:23px;color:#333;}
h3 {margin:50px 0 15px 0;padding:0;font-size:24px;color:#333;}
h4 {margin:20px 0 10px 0;padding:0;font-size:16px;color:#3E4553;}
h5 {margin:20px 0 5px 0;padding:0;font-size:18px;color:#3E4553;}
h6 {margin:10px 0 5px 0;padding:0;font-size:14px;font-weight:normal; }
/* h3:before{content:"\f14a";font-family:FontAwesome;color:#3E4553;margin-right:5px;font-size:16px;} */
h3:before{content:""; display:inline-block; background:url(../img/h4_bullet.png) no-repeat; width:18px; height:16px;margin-right:7px;}
h4:before{content:"\f111";font-family:FontAwesome;color:#5A6378;margin-right:5px;font-size:12px;}
h5:before{content:"\f14a";font-family:FontAwesome;color:#3E4553;margin-right:5px;font-size:16px;}
/* h5:before{content:"\f10c";font-family:FontAwesome;color:#768395;margin-right:5px;font-size:6px; vertical-align:middle;} */
h6:before{content:"\f105";font-family:FontAwesome;color:#5A6378;margin-right:5px;font-size:12px;}

/* 글자스타일링 추가 260427 */
.iacf-bf{font-weight:600;color:#5A6378;margin:5px 0;font-size:20px;}
.iacf-bf:before{content:"\f058"; font-family:FontAwesome;color:#5A6378;margin-right:5px;font-size:12px; }
.iacf-bf2{font-size:16px; font-weight:600; color:#5A6378;margin:5px 0;}
.iacf-bf2:before{content:"\f10c";font-family:FontAwesome;color:#5A6378;margin-right:5px;font-size:6px;vertical-align:middle;}
.bu2 li{margin-left:10px; font-weight:600; color:#5a6378; padding-left:13px; }
.bu2 li:before{content:"";display:inline-block; width:3px; height:3px; border-radius:50%; background:#5a6378; vertical-align:top; margin:11px 10px 0 -13px; }
ul.bu>li>ul>li:before{content:"";display:none;}
ul.bu>li>ul>li{padding-left:0;}

/*btn 스타일링 추가 260427*/
.btn-or{background:var(--orange); color:#fff !important; font-weight:700;border:none;}
.btn-or:before{margin-right:5px; content:"\f019";color:inherit; font-family:FontAwesome;display:inline-block; color:inherit;}
.btn-or:hover{background:var(--orange); box-shadow: 0 0 5px var(--dgray0);border:none;}

/* 기본layout */
#snb		{float:left;width:240px;}
#content	{float:left;width:1120px;padding:0;margin:0 0 0 40px;}
#aside		{float:right;width:0 !important;}

#body_head	{position:relative;}
#body_head:after	{content:"";display:block;float:none;clear:both;}
#location	{}
#location li{float:left;padding:0 10px;background:url(../../../../data/img/ico_homearr.png) no-repeat 0 50%;font-size:12px;}
#location li:first-child{padding-left:20px;background:url(../../../../data/img/ico_home.png) no-repeat 0 50%;}
#location a	{color:#999}
#pnb		{position:absolute;right:0;top:0;}
#pnb li		{float:left;border:1px solid #eaeaea;border-left:none;width:28px;height:28px;line-height:28px;text-align:center;}
#pnb li:first-child	{border-left:1px solid #eaeaea;}
#pnb li .fa, #pnb li a		{margin:0;color:#ccc;}
#pnb .page_sns	{float:left;}
#pnb .pnb_bx	{float:right;margin-left:2px;}
#body_title		{clear:both;padding:10px 0 15px 0;margin:0 0 30px 0;border-bottom:1px solid #dadada;}
#body_content	{clear:both;padding:0 0 30px 0;margin:0;}

header				{position:relative;width:100%;height:110px;padding:0;margin:0;z-index:100;}
header #logo		{position:absolute;left:0;top:50%;transform:translateY(-50%);width:210px;z-index:222;}
header #logo a      {display:inline-block;}
header .sub_name	{display:inline-block;margin-left:15px;font-size:18px;font-weight:600;color:#000;line-height:40px;}
#topwrap .topmn		{line-height:80px;text-align:right;}
#topwrap .topmn a	{position:relative;margin-left:20px;font-size:13px;color:#ccc;z-index:99}
#gnb		{position:absolute;left:0;top:40px;width:100%;height:70px;}
#gnbmn		{position:relative;width:1240px;padding:0;margin:0 auto;z-index:99}
#gnbmn a	{display:block;}
#gnbmn ul.depth1		{position:relative;width:calc(100% - 210px - 100px );padding:0;}
#gnbmn ul.depth1 li		{padding:0;margin:0;}
#gnbmn ul.depth1 li a	{padding:0;margin:0;font-size:18px;font-weight:600;display:block; width:100%;}
#gnbmn ul.depth2		{display:none;position:relative;padding:15px 0;margin:0;z-index:4}
#gnbmn ul.depth2 li		{display:block;clear:both;padding:0;margin:0;text-align:center;width:100%;}
#gnbmn ul.depth2 li a	{padding:2px 0;margin:0;font-size:12px;font-weight:normal;line-height:140%;white-space:nowrap;}
#id_gnb_bg	{position:absolute;left:0;top:80px;z-index:3;}
.gnb_bg		{width:100%;padding:0;margin:0;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);}
.mm-panels     {display:flex;justify-content: end;}

/* snb_type1 */
#snbmn					{width:100%;padding:0;margin:0 0 40px 0;}
#snbmn .tit				{padding:40px 20px;margin:0;text-align:center;font-size:24px;background-color:var(--point-color1);color:var(--main-color-text);}
#snbmn a				{display:block;line-height:140%;}
#snbmn ul li			{position:relative;padding:0;margin:0;}
#snbmn ul li a			{padding:15px;margin:0;border-bottom:1px solid #EAEAEA;transition:all 0.3s ease;}
#snbmn ul li a.on,
#snbmn ul li a:focus,
#snbmn ul li a:active,
#snbmn ul li a:hover	{text-decoration:none;}

#snbmn ul li a.on  {background:var(--main-color);color:#fff;}
#snbmn ul li li a.on  {color:var(--main-color); font-weight:700;}

#snbmn > ul > li a.on, #snbmn > ul > li a:focus, #snbmn > ul > li a:active, #snbmn > ul > li a:hover	{border-color:#EAEAEA !important;padding-left:20px;}
#snbmn ul ul			{padding:10px;margin:0;border:1px solid #EAEAEA;border-top:none;}
#snbmn ul ul li a		{padding:5px 10px;margin:0;font-size:14px;border-bottom:none;}
#snbmn ul ul li a.on,
#snbmn ul ul li a:focus,
#snbmn ul ul li a:active,
#snbmn ul ul li a:hover	{text-decoration:none;background:none;padding-left:10px;}

/*sub-visual*/
#sub-visual  {min-height:350px;background: #e5eef7 url(../img/svisual-bg.jpg) no-repeat 50% 50%;}
.sub-top-bx{background:var(--point-color2);padding:30px 40px;padding-right:30%;color:#fff;position:relative;word-break:keep-all;}
.sub-top-bx .tit{font-size:var(--font-2xlg);font-weight:var(--font-exbold);color:#FFCC00;}
.sub-top-bx:before{content:"";position:absolute;top:50%;right:30px;transform:translateY(-50%);background-size:cover;}
.sub-top-bx.ico_s1:before{width:250px;height:200px;background:url(../img/mv-ico_s1.png) no-repeat 50% 50% / contain;}
.sub-top-bx.ico_s2:before{width:240px;height:180px;background:url(../img/mv-ico_s2.png) no-repeat 50% 50% / contain;}
#container .d_width	{z-index:10;}
.plat-form      {color:#fe7900 !important;}

.mvisual-bg     {position:absolute;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;height:900px;;width:100%;z-index:1;}
/* .mvslideimg img{animation:bg-scale 6s ease-out alternate both;} */
#slides         {position:relative;width:auto;height:900px;}
.mv-wrap		{position:relative;height:681px;}
/*.mv-wrap:after	{content:"";position:absolute;left:0;bottom:0;display:block;width:calc(50% - (1240px * 0.1));height:200px;background:rgba(68,73,81,0.9);z-index:2;}*/
#mv-wrap .bx-wrapper       {max-width:100%;margin:0 auto;}
#mv-wrap .bx-wrapper::before {content:"";width:100%;height:900px;background:url(../img/mv_pattern.png) repeat;position:absolute;top:0;z-index:1;}

.bx-viewport        {width:100%;overflow:hidden;position:relative;height:250px;}
.mvisual            {position:relative;width:100%;height:800px;margin-top:90px;margin-bottom:70px; overflow:hidden;  animation:fadeIn 1.5s cubic-bezier(.4,0,0,1) both alternate, tit-spacing 3s forwards cubic-bezier(0.25, 0.99, 0.24, 1) alternate;}
.mvisual::after{content:"";width:100%; height:100%; display:block; background:url(../img/mainban-2604_2.png) no-repeat; background-position: center; background-size: cover;animation: mvFadeIn 2s ease forwards;}
@keyframes mvFadeIn {
    from {transform:scale(1) ;}
    to {transform:scale(1.05) ;}
}

.mvisual .main-title{text-align:center;}
.mvisual .tit       {animation:fadeIn 1.5s cubic-bezier(.4,0,0,1) both alternate, tit-spacing 3s forwards cubic-bezier(0.25, 0.99, 0.24, 1) alternate;color:#FFF;font-size:4.5rem;text-align:center;line-height:130%;font-weight:700;margin-top:5px;animation:fadeInLeft 0.8s ease forwards;animation-delay:0.1s;display:inline-block;position:relative; } 
.mvisual .stit      {animation:fadeIn 1.5s cubic-bezier(.4,0,0,1) both alternate, tit-spacing 3s forwards cubic-bezier(0.25, 0.99, 0.24, 1) alternate;color:#FFF;font-size:2rem;text-align:center;line-height:1.1;font-weight:400;margin-bottom:10px;animation:fadeInLeft 0.8s ease forwards;animation-delay:0.1s;}
.mvisual em{color:#FE7400;font-weight:900;}
.mvisual .tit-box{display:inline-block;padding:0 5px; background-color:#fe7400; }
/* .mvisual .tit:before{content: "";display:inline-block;animation:titCover 1s .5s cubic-bezier(.4,0,0,1) both;position:absolute;width:100%;height:100%;top: 0px;left: 0;overflow: hidden;background:#fff;z-index:1;} */
/* .mvisual .tit-bad{padding:3px 15px;border-radius:30px;display:inline-block;background:#F29300;color:#fff;font-weight:400; margin-bottom:20px;letter-spacing:1px;} */
#main_title_editarea {position:absolute;width:100%;top:25%;left:50%;transform:translateX(-50%);z-index:9;}
@keyframes bg-scale {
  0% {transform:scale(110%);}
  100% {transform:scale(100%);}
}
/* @keyframes tit-spacing {
  0% {letter-spacing:.5rem;}
  100% {letter-spacing:0;}
} */
@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 text-active-animation-reverse {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateX(-200px); 
		transform: translateX(-200px); 
	}
}

.mvslideimg         {}
.mvslideimg img     {object-fit:cover;width:100%;height:900px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}


.main-about			{padding:50px 0;height:200px;}
.main-about:after	{content:"";display:block;float:none;clear:both;}
.main-about .tit,
.main-about .txt	{float:left;width:50%;}
.main-about .tit	{font-size:30px;line-height:1.3;font-weight:600;color:#fff;}
.main-about .txt	{font-size:14px;color:#fff;line-height:1.8;}

.main-quick1		{position:absolute; bottom:30px; left:50%; transform:translateX(-50%);z-index:9;}
/*.main-quick1:before	{content:"";position:absolute;left:0;top:0;width:50%;height:100%;background:rgba(68,73,81,0.9);}*/
.main-quick1 a		{display:block;padding:40px 0;text-align:center;font-size:21px;font-weight:500;color:#fff;}
.main-quick1 li:nth-child(odd) a	{background-color:#F29300;}
.main-quick1 li:nth-child(even) a	{background-color:#897C75;}
.main-quick1 li:hover span {transform:rotateY(-180deg);}
/* .main-quick1 .bg2	{background-color:var(--point-color1);}
.main-quick1 .bg4	{background-color:#87796E;} */
.main-quick1 span	{display:block;width:100px;height:45px;margin:0 auto 15px;background: url(../img/ico3.png) no-repeat 50% 50%;background-size:contain;transition:all 0.3s;}
.main-quick1 .bg2 span	{background: url(../img/ico1.png) no-repeat 50% 50%;background-size:contain;}
.main-quick1 .bg3 span	{background: url(../img/ico5.png) no-repeat 50% 50%;background-size:contain;}
.main-quick1 .bg4 span	{background: url(../img/ico4.png) no-repeat 50% 50%;background-size:contain;}
.main-quick1 .bg5 span	{background: url(../img/ico2.png) no-repeat 50% 50%;background-size:contain;}

.main-quick1 ul li        {width:19%; margin:0 0.5%;}
.main-quick1 ul li a      {border-radius:10px;transition:all 0.3s;}
.main-quick1 ul li a:hover{transform:translateY(-10px);box-shadow:0 10px 15px #0003;}

/* .main-quick2	{background:#9B9283;} */
.main-quick2 a	{display:block;height:137px;text-align:center;font-weight:500;color:#fff;line-height:1.4;}
/* .main-quick2 li:nth-child(2n) a	{border-left:1px dashed #FFF;}
.main-quick2 li:nth-child(n+3):nth-child(-n+4)	{border-top:1px dashed #FFF;} */
.main-quick2 .d2 li            {position:relative; width:47% ; margin:1%; background:#8f7753;border-radius:10px;transition:all 0.3s;}
.main-quick2 .d2 li:hover      {background:#514636; box-shadow:0 3px 12px #0003;}
.main-quick2 .d2 li:hover span::before {transform:rotateY(-180deg);}
.main-quick2 span          {display:block;position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);}
.main-quick2 span::before {content:"";display:block;width:40px;height:40px;margin:0 auto;background:url(../img/mquick2_ico01.png) no-repeat 50% 100%; background-size:100%;margin-bottom:10px;transition:all 0.3s;}
.main-quick2 .ico2::before	{height:40px;background:url(../img/mquick2_ico02.png) no-repeat 50% 0; background-size:100%;}
.main-quick2 .ico3::before	{height:40px;background:url(../img/mquick2_ico03.png) no-repeat 50% 0; background-size:100%;}
.main-quick2 .ico4::before	{height:40px;background:url(../img/mquick2_ico04.png) no-repeat 50% 0; background-size:100%;}

/*.mnotice					{position:relative;height:300px;background:#6F7786;padding:0 30px;}
.mnotice .tab_on,
.mnotice .tab_off			{float:left;}
.mnotice .tab_on > a,
.mnotice .tab_off > a		{position:relative;display:block;line-height:60px;height:60px;font-size:18px;font-weight:900;text-align:center;margin:0 40px 0 0;}
.mnotice .tab_on > a		{color:#E3DCD0;border-top:2px solid #E3DCD0;}
.mnotice .tab_off > a		{color:#fff;}
.mnotice .tab_on > a:after,
.mnotice .tab_off > a:after		{content:"";position:absolute;right:-20px;top:25px;display:inline-block;height:10px;border-right:1px solid #E4E4E4;}
.mnotice #notice102 > a:after	{display:none;}
.mnotice .more				{position:absolute;right:30px;top:15px;}
.mnotice .more a			{font-size:18px;font-weight:900;color:#E3DCD0;}
.mnotice .tabcontent		{position:absolute;left:0;top:60px;width:100%;padding:20px 30px;text-align:left;border-top:1px solid rgba(0,0,0,0.1);}
.mnotice .tabcontent li		{position:relative;line-height:2;}
.mnotice .tabcontent li:before{content:"";display:inline-block;width:3px;height:3px;background:#E3DCD0;margin-right:10px;vertical-align:middle}
.mnotice .tabcontent li a	{color:#fff;}
.mnotice .tabcontent .date	{position:absolute;right:0;top:5px;font-size:12px;color:#A8AEB7;}*/

.mnewslist				{position:relative;background:#fff;}
.mnewslist h3			{padding:0 0 20px;margin:0;background:none;font-weight:900;font-size:35px;text-align:center; color:#333;font-family:'gsans';}
.mnewslist h3:before	{content:"";margin:0;display:none;}
.mnewslist .more		{position:absolute;right:10px;top: 0px;text-align: center;transition:all 0.3s;}
.mnewslist .more a		{font-weight:600;font-size:18px;color:#333;transition:all 0.3s;line-height: 28px;font-size: 18px;color:#FFF;background:#897C75; display: block;width: 30px;height: 30px;border-radius:50%;}
.mnewslist .more:hover a{transform:rotate(365deg); background:#fe7800;}
.mnewslist ul.mnotice_list			{display:flex; flex-wrap:wrap; }
.mnewslist ul.mnotice_list li		{position:relative;line-height:1.9;font-size:18px;transition:all 0.3s;width:block; width:calc(25% - 15px); margin:7.5px; height:180px; background:#f9f9f9; border-radius:10px;transition:all 0.3s;}
/* .mnewslist ul.mnotice_list li:before	{content:"";display:inline-block;width:3px;height:3px;background:#666;margin-right:10px;vertical-align:middle} */
.mnewslist ul.mnotice_list li:hover {transform:translateY(-10px); box-shadow:0 10px 15px #83838333;}
.mnewslist ul.mnotice_list li:hover a{text-decoration:underline; color:var(--sub-color);}
.mnewslist ul.mnotice_list li a		{color:#333;transition:all 0.3s;display:block; width:100%; height:100%; padding:25px 30px;}
.mnewslist ul.mnotice_list li .date	{position:absolute;right:25px; bottom:25px; font-size:13px;color:#999;line-height:32px;}

.mnotice-wrap{display:flex; flex-wrap:wrap; gap:30px;}
.mnotice-wrap .mnoice-card{display:block;}

.mnotice-tab{display:flex; justify-content:center; gap:30px;margin-bottom:30px;}
.mnotice-tab li a{font-size:18px;transition:all 0.3s;}
.mnotice-tab li a.on{font-weight:700; text-decoration:underline; color:var(--orange);}

#popupzone				{position:relative;padding:0 0 50px 0;margin:0;background:#F9F9F9;}
#popupzone h3			{position:absolute;left:0;bottom:0;width:100%;height:50px;line-height:50px;margin:0;padding:0 20px;background:none;font-weight:500;font-size:14px;color:#333;}
#popupzone .control		{right:20px;top:auto;bottom:0;position: absolute;}
#popupzone .control a	{vertical-align:middle;line-height:50px;font-size: 17px;color: #ccc;}
#popupzone .popimg, #popupzone .noimg	{width:100%;height:250px;line-height:250px;}
#popupzone img          {width:100%;}
#popupzone h3:before    {display:none;}

.platform               {transition:all 0.3s; display:block;} 
.platform:hover         {/* transform:translateY(-10px); */ filter:drop-shadow(0 3px 7px #0003);}

.mg-wrap		{padding:70px 0 100px;margin:50px 0 0 0;background:#f7f7f7 ;}

.mgallery1			{position:relative;padding:0;margin:0;}
.mgallery1			{position:relative;padding:0;margin:0;}
.mgallery1 h3		{display:inline-block;margin:0 0 30px 0;padding:0;font-weight:900;font-size:35px;color:#333;font-family:'gsans'; }
.mgallery1 h3 span  {color:#FE7400;}
.mgallery1 h3:before	{content:"";margin:0;display:none;}
/* .mgallery1 h3:after		{content:"산학협력단의 즐거운 소식을 한 눈에 확인하세요!";display:block;margin-top:5px;font-weight:400;font-size:16px;color:#999;vertical-align:middle;} */
.mgallery1 .more	{position:absolute;right:0;top:10px;}
.mgallery1 .more a	{font-weight:600;color:#9B9283;border-bottom:2px solid #9B9283;}
.mgallery1 .more a:before	{content:"자세히보기 ";}
.mgallery1 ul:after	{content:"";display:block;clear:both;float:none;}
.mgallery1 ul		{margin:0 -10px;}
.mgallery1 li       {transition:all 0.3s;}
.mgallery1 li:hover {transform:translateY(-5px);}
.mgallery1 li .inside		{position:relative;margin:0 10px;}
.mgallery1 li .img_frame	{position:relative;height:300px;border-radius:10px;cursor:pointer;}
.mgallery1 li .img_frame a          {display:block; width:100%; height:100%;}
.mgallery1 li .img_frame a:before	{content:"";width:100%;height:100%;background:#FE7400;position:absolute;top:0;left:0;opacity:0;border-radius:10px;transition:all 0.3s;z-index:9;}
.mgallery1 li .img_frame a:after	{content:"\2b";font-family:fontAwesome;font-size:3rem;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, 80%) rotate(180deg);opacity:0;transition:all 0.3s;z-index:9;}
.mgallery1 li:hover .img_frame a:before{opacity:.8;}
.mgallery1 li:hover .img_frame a:after{opacity:1;transform:translate(-50%, -50%) rotate(0deg);}
.mgallery1 li .img_frame img{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:10px;}
.mgallery1 .txt				{position:absolute;left:0;top:0;width:100%;height:100%;padding:215px 30px 30px 30px;background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 80%);}
.mgallery1 .txt p			{font-size:20px;font-weight:600;color:#fff;height:56px;overflow:hidden;}

.board-gallery.type1 li  {width:calc(100% / 3);}

.mbanner{width:100%;background:url(../img/banner_bg.png); text-align:center; padding:100px 0;}
.mbanner img{text-align:center;}

ul.d4 li      {position:relative;padding:10px;transition:all 0.3s;}
ul.d4 li .tit {position:absolute;width:100%;left:0;bottom:-50px;color:#333;font-size: 20px;font-weight:700; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;}


/* 관련사이트 */
/* #banner .d_width{overflow:hidden;} */
.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;display: flex;justify-content: center;align-items: center;border:1px solid #ddd; border-radius:10px; padding:10px 30px ;height:66px !important;}
.swiper-slide img {display: block;margin:0 auto;width: 100%;height:100%;vertical-align:middle;object-fit: cover;}
.mySwiper{overflow:hidden;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-50px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-50px;}
.swiper-button-prev:after, .swiper-button-next:after{font-size:26px;font-weight:700; color:#333; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:none;}
/* .msite .d4 .swiper-slide{width:clac(100%/4);}
.msite .d4 .swiper-slide img{width:100%;} */

/*#gnbmn ul.depth1 > li		{width:17%}  메뉴수에 따라

#gnb		{background-color:rgb(255, 255, 255);} 
#gnbmn ul.depth1 li a	{color:rgb(0, 0, 0);}
#gnbmn ul.depth1 li a:hover,
#gnbmn ul.depth1 li a.on{color:#fe7800;}
#gnbmn ul.depth2 li a	{color:#555555;}
#gnbmn ul.depth2 li a:hover,
#gnbmn ul.depth2 li a.on{color:#555555;}*/
.gnb_bg		{background-color:rgb(243, 243, 243);}

/*.body-content*/
.body-title	h1		{margin:0 0 2.5rem 0;padding:0;line-height:1.2}
.body-content		{min-height:600px;margin-bottom:2.5rem}

#location>ul>a:before{content:"";width:6px; height:6px; margin:0 5px; display:inline-block; border-top:1px solid #ccc; border-right:1px solid #ccc; transform:rotate(45deg); vertical-align:middle;}
#location>ul>a:nth-of-type(1):before,#location>ul>a:nth-of-type(2):before{display:none;}

#greetings							{}
#greetings .cont					{position:Relative; display:flex; justify-content:space-between;}
#greetings .cont .text               {width:calc(100% - 430px);}
#greetings .tit1		{font-size:var(--font-2xlg);font-weight:var(--font-bold);color:var(--main-color);line-height:1.2;}
#greetings .tit1 span				{display:block;}
#greetings .tit2					{margin:0.5rem 0;font-size:var(--font-xlg);color:var(--point-color1);line-height:1.2}
#greetings .tit2 span				{display:block;}
#greetings .txt p					{text-align:justify;margin:2rem 0 0 0;}
#greetings .imgarea					{width:320px;margin:30px 30px 0 0;position:absolute;right:0;top:0;}
#greetings .img						{overflow:hidden;}
#greetings .imgarea img				{width:100%;position:Relative;z-index:12;box-shadow:var(--bx-shadow);}
#greetings .imgarea:after			{content:"";width:280px;height:280px;right:-30px;top:-30px;border-radius:0 0 2rem 0;background:var(--grd);position:absolute;z-index:11}
#greetings .name					{padding-top:2rem;margin-top:2rem;font-size:var(--font-lg);font-weight:var(--font-exbold);color:var(--main-color);text-align:right;border-top:1px solid var(--basic-border)}
#greetings .name span				{display:inline-block;margin-left:0.5rem;font-size:var(--font-xlg);color:#111;}
#greetings .name img				{margin-top:0.5rem}

.history                            {border-bottom:1px solid #eee;overflow:hidden;padding:30px 0; margin:30px 0;}
.history h2                         {float:left;width:150px;}
.history ul                         {float:left;}
.history ul li                      {padding-bottom:10px;}
.history ul li span                 {font-weight:700; color:var(--main-color);display:block; float:left; width:100px;}

.iacf-org .org-1:before                  {height:501px; top:30px;}
.iacf-org .org-2 div                     {position:relative; z-index:9;}
.iacf-org .org-2 span                    {border-radius:40px; text-align:center;width:260px;display:block; padding:15px 20px; background:#fff; border:2px solid var(--point-color2);font-size:var(--font-lg);font-weight:700;color:#333;}
.iacf-org .org-2 span:before             {content:"";width:1px; height:50px; position:absolute; top:69px; left:50%; background:#b3a08c;}
.iacf-org .org-3:before                  {width:67%;}
.iacf-org .org-3 .bx                     {width:calc(33.33% - 30px);background:none; padding:0;}
.iacf-org .org-3 .tit                    {width:100%;}
.iacf-org .org-3 .bx:nth-of-type(2) .tit {background:#1d3a7b;}
.iacf-org .org-3 .bx:nth-of-type(3) .tit {background:#2e4f99;}

.login-container						{height:calc(100vh - 246px);padding-top:100px;min-height:860px;display:flex;align-items:center;background: #f5f5f5 url(../img/login-deco.png) no-repeat 50% 62% ;position:relative;}
.login-container:after					{content:"";}
.login-container .login-cont			{width:960px;margin:0 auto;border-radius: 0;background: linear-gradient(-45deg, var(--main-color), #fe7900);box-shadow:0 20px 40px rgba(0,0,0,0.2);overflow:hidden;}
.login-container .login-cont .contwrap	{padding:8rem;}
.login-cont .contwrap .title			{font-size:var(--font-2xlg);margin-bottom:2rem;font-weight:var(--font-exbold);font-family:gsans;line-height:1.1;color:#fff;}
.login-cont .contwrap .title p:nth-child(1){font-weight:Var(--font-light)}
.login-cont .contwrap input				{line-height:60px;height:60px;margin:0.25rem 0;border:none;padding-left:3rem;}
.btn-d.btn-xlg   {border-radius:0;}

input#userid {}
.login-cont .contwrap form p			{position:relative}
.login-cont .contwrap form p:before		{content:"";position:absolute;left:1rem;top:0;line-height:60px;font-family:FontAwesome;font-weight:900;font-size:1.25rem;color:#999}
.login-cont .contwrap .ico-id:before	{content:"\f007";}
.login-cont .contwrap .ico-pw:before	{content:"\f023"}
.login-cont .contwrap .btn-d			{border:none;background:rgba(0,0,0,0.4);line-height:70px;color:#FFF;}
.login-cont .contwrap .btn-d:hover		{border:none;}
.login-cont .contwrap .txt				{margin-top:2rem;text-align:center;}	
.login-cont .contwrap .txt a			{display:inline-block;margin:0 0.5rem;color:#fff}
.login-tab	{margin-bottom:8px;font-family:gsans;background:#0002;color:#fff;border-radius: 0;overflow:hidden;}
.login-tab span{flex:1;}
.login-tab a{display:block;line-height:50px;text-align:center;}
.login-tab a.on{background:#fff;color:#333;}

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; }

.form-control   {border-radius:0;}

@media only screen and (max-width:1240px){
	.login-container .login-cont		{width:calc(100% - 4rem);margin:0 2rem}
	.login-container .login-cont .contwrap{padding:6rem;}
}
@media only screen and (max-width:1023px){
	.login-container .login-cont .contwrap{padding:5rem;}	
}
@media only screen and (max-width:767px){
	.login-container .login-cont .contwrap{padding:4rem;}	
}
@media only screen and (max-width:576px){
	.login-container						{padding-top:80px;min-height:650px;}
	.login-container .login-cont .contwrap	{padding:3rem 2rem;}
	.login-cont .contwrap .title			{font-size:var(--font-lg);margin-bottom:1rem;}
	.login-cont .contwrap input				{line-height:50px;height:50px;}
	.login-cont .contwrap .btn-d			{line-height:50px;margin-top:.8rem !important;}
	.login-tab{flex-direction:column;}
	.login-tab a{line-height:40px;font-size:1rem;}
}
@media only screen and (max-width:415px){
	.login-container .login-cont			{border-radius:3rem;}
	.login-container .login-cont .contwrap	{padding:2rem;}
}

.map-bx		{display:flex;align-items:center;background:var(--main-color) url(../img/mbnr-bg03.png) no-repeat 90% 50%;border-radius:8px;margin-bottom:40px;overflow:hidden;}
.map-bx a	{display:block;padding:20px 30px;text-align:center;border-right:1px dashed var(--point-color2);font-size:var(--font-sm);}
.map-bx a span:before{content:"";width:54px;height:51px;background:url(../img/map-ico.png);background-size:cover;display:block;margin:0 auto 10px;transition:all 0.3s;}
.map-bx a:hover	{background:var(--point-color2);color:#fff;}
.map-bx a:hover span:before{transform:rotateY(180deg);}
.map-bx .txt{padding:20px 30px;color:#574F4D;font-size:var(--font-lg);line-height:1.4;}
.map-bx .txt span{display:block;font-size:var(--font-2xlg);font-weight:var(--font-exbold);}
.map-info ul{display:flex;flex-flow:row wrap;}
.map-info li{flex:1 1 33.3333%;padding:0 2rem;border-left:1px solid var(--basic-border);text-align:center;}
.map-info li:nth-child(1){border-left:none;}
.map-info li .tit			{margin:0 0 1rem 0;color:var(--sub-color);font-size:var(--font-xlg);font-weight:var(--font-exbold);font-family:gsans;word-break:keep-all;line-height:1.2}
.map-info li .tit:before	{content:"";display:block;width:18px;height:12px;background:url(../img/h3_bullet.png);margin:0 auto 10px;}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1240px){
}
@media only screen and (max-width:1023px){
	.map-bx .txt{font-size:var(--font-base);}
	.map-bx .txt span{font-size:var(--font-xlg);}
	.map-info li .tit{font-size:var(--font-lg)}
}
@media only screen and (max-width:767px){
	.map-bx a, .map-bx .txt{padding:10px 20px;}	
}
@media only screen and (max-width:576px){	
	.map-info ul{flex-flow:column;}
	.map-info li{flex:1 1 100%;padding:1.5rem 0;border-left:none;border-bottom:1px solid var(--basic-border);text-align:left;}
	.map-info li .tit:before{margin:0 0 10px;}
	.map-bx{flex-direction:column;}
	.map-bx a{border-right:0;width:100%;border-bottom:1px dashed var(--point-color2);}
	.map-bx a span:before{display:inline-block;margin:0 10px 0 0;width:34px;height:32px;background-size:cover;vertical-align:bottom;}
}
@media only screen and (max-width:415px){
	.map-bx .txt span{font-size:var(--font-lg);}
	.map-info li .tit{font-size:var(--font-base)}
}

.ico-list-bx ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.ico-list-bx li{width:calc(50% - 10px);margin:10px 0;background:#F4F1EE;border-radius:8px;padding:25px 25px 25px 110px;position:relative;}
.ico-list-bx span:not(.num){width:70px;height:70px;background-position:50% 50%;background-size:cover;position:absolute;left:25px;top:50%;transform:translateY(-50%);}
.ico-list-bx .tit{font-family:gsans;font-size:var(--font-lg);color:#333;}

.ico-list-bx span.ico1-1{background-image:url(../img/ico-list1-1.png);}
.ico-list-bx span.ico1-2{background-image:url(../img/ico-list1-2.png);}
.ico-list-bx span.ico1-3{background-image:url(../img/ico-list1-3.png);}
.ico-list-bx span.ico1-4{background-image:url(../img/ico-list1-4.png);}
.ico-list-bx span.ico1-5{background-image:url(../img/ico-list1-5.png);}
.ico-list-bx span.ico1-6{background-image:url(../img/ico-list1-6.png);}

.ico-list-bx span[class*="ico2"]{width:50px;height:50px;}
.ico-list-bx span.ico2-1{background-image:url(../img/ico-list2-1.png);}
.ico-list-bx span.ico2-2{background-image:url(../img/ico-list2-2.png);}
.ico-list-bx span.ico2-3{background-image:url(../img/ico-list2-3.png);}
.ico-list-bx span.ico2-4{background-image:url(../img/ico-list2-4.png);}
.ico-list-bx span.ico2-5{background-image:url(../img/ico-list2-5.png);}
.ico-list-bx span.ico2-6{background-image:url(../img/ico-list2-6.png);}
.ico-list-bx span.ico2-7{background-image:url(../img/ico-list2-7.png);}
.ico-list-bx span.ico2-8{background-image:url(../img/ico-list2-8.png);}
.ico-list-bx{counter-reset: num;}
.ico-list-bx .num:before{counter-increment:num;content:"0" counter(num);display:inline-block;width:25px;line-height:25px;text-align:center;background:var(--sub-color);border-radius:50%;color:#fff;font-size:12px;font-weight:var(--font-exbold);vertical-align: middle;}

/*가족회사 가입신청 절차*/
.ico-info-bx > ul > li{padding:25px 25px 25px 140px;border-top:1px solid #ccc;position:relative;}
.ico-info-bx > ul > li:last-child{border-bottom:1px solid #ccc;}
.ico-info-bx span{width:80px;height:80px;background-position:50% 50%;background-repeat:no-repeat;border-radius:5px;position:absolute;left:25px;top:50%;transform:translateY(-50%);}
.ico-info-bx span.ico1{background-image:url(../img/ico-info1.png), var(--grd);}
.ico-info-bx span.ico2{background-image:url(../img/ico-info2.png), var(--grd);}
.ico-info-bx span.ico3{background-image:url(../img/ico-info3.png), var(--grd);}
.ico-info-bx .tit{font-size:var(--font-lg);color:var(--main-color);font-weight:var(--font-bold);}

/*¹Ù·Î°¡±â ¹öÆ° ¹Ú½º*/
.page-go-bx{padding:40px;border-radius:8px;background:#F4F1EE;margin:0 0 20px;}
.page-go-bx .tit{font-family:gsans;font-size:var(--font-xlg);font-weight:var(--font-exbold);border-bottom:1px solid #D1CECD;padding-bottom:10px;margin-bottom:20px;color:#333;}
.page-go-bx .cont	{display:flex;justify-content:space-between;align-items:end;}
.page-go-bx .txt	{width:calc(100% - 220px);}
.page-go-bx .btn-d	{min-width:200px;}


/* 입주신청 폼 */
#file-upload-button{background-color: var(--main-color); color: #fff;font-size: 16px; letter-spacing: -0.8px; cursor: pointer;}
.single-attach{display: flex; flex-flow: row wrap;background-color:  rgba(255, 255, 255, 0.1); border-radius:10px ;align-items: center;}
.mchall .board-write table .single-attach input{background:none;}
.single-attach label input{position: absolute; width: 100%; height: 100%; opacity: 0; top: 0 ;left: 0; overflow: hidden;padding: 0;cursor: pointer;}
/* .single-attach input[type="text"]{flex: 1 0 80%; padding-left: 11px; border: none; background:#fff; color:#333 ;} */
.single-attach label{position: relative;}
.btn-d{line-height: 33px; background-color: var(--main-color); font-size:16px ; letter-spacing: -0.8px;padding: 0 12px;border: none; border-radius: 5px; cursor: pointer;position:relative; z-index:8;color:#fff !important;}
.btn-d:hover{background-color:var(--orange);}
.form-inline .form-control{width:400px;}

/* 지식재산권 보유현황 */
.subject {font-size:;}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1240px){
	
}
@media only screen and (max-width:1023px){
	
}
@media only screen and (max-width:767px){
	.ico-list-bx li{width:100%;padding:20px 20px 20px 90px;}
	.ico-list-bx span:not(.num){width:50px;height:50px;left:20px;}
	.ico-info-bx span{width:60px;height:60px;transform:none;top:20px;left:20px;}
	.ico-info-bx > ul > li{padding:20px 20px 20px 110px;}
	.page-go-bx{padding:30px;}
	.page-go-bx .cont{flex-direction:column;}
	.page-go-bx .txt{width:100%;margin-bottom:10px;}
}
@media only screen and (max-width:576px){
	.ico-info-bx span{left:0;}
	.ico-info-bx > ul > li{padding:20px 20px 20px 90px;}
	.page-go-bx{padding:20px;}
	.page-go-bx .cont{align-items:center;}
	.page-go-bx .tit{font-size:var(--font-lg);}
}
@media only screen and (max-width:415px){
}


/* 자료 다운로드 버튼 */
.down-wrap{width: 99%; padding: 15px 25px ; border-radius:5px; box-shadow: 0 0 15px #4141411f; display: flex; justify-content: space-between; align-items: center; }
.down-wrap p{font-weight:600 ; font-size:17px;}
.down-wrap p::before{content: "\f15c"; font-size: inherit; color: #dd5050;padding-right: 10px;font-family: "FontAwesome"; }
.down-wrap a{text-decoration: none; color: #fff; display: inline-block; padding: 7px 20px; text-align: center; font-weight: 500;background-color: #3b3b3b;border-radius: 3px;}
.down-wrap a::after{content: "\f063"; font-size: inherit; color: #fff;padding-left: 10px;font-family: "FontAwesome"; }

/*링크 버튼 스타일*/
.link-btn{padding: 15px 30px!important; font-size:18px; font-weight:500; color:#fff !important; background: #FF9900 !important; border-radius: 30px!important; margin:10px 0; display:inline-block; }
.link-btn::before{ content: '\f0c1';font-family :"fontAwesome";margin-right:10px;font-size:14px;}

.board-list .subject{font-size:15px;}

/* 외부연구관리 흐름도 */
.fc-wrap>p{font-weight:700; margin-bottom:10px;}

.fc-wrap>ul{display:flex; gap:10px;flex-wrap:wrap; }
.fc-wrap>ul li{width:calc(20% - 10px) ;height:90px; text-align:center; color:#fff; font-weight:500; color:#333;}
.fc-wrap>ul li div{width:100%; height:100%; color:inherit; display:flex;justify-content:center; align-items: center; gap:2px; flex-direction:column; background:#fff;border:1px solid #c6c5c5;  border-radius:5px;transition:all 0.3s;}
.fc-wrap>ul li div:hover{border:1px solid #FF9900; background:#FF9900; color:#fff;}
.fc-wrap>ul li.half{}
.fc-wrap>ul li.half div{flex-direction:row;  height:calc(50% - 4px);}
.fc-wrap>ul li.half div:first-child{margin-bottom:8px;}
.fc-wrap .gray{background:#c6c5c5!important;color:#333 !important;}
.fc-wrap .gray:hover{background:#c6c5c5!important; color:#333!important; border:1px solid #c6c5c5!important;}
.fc-wrap .num{display:block; margin-right:4px;font-size:12px; width:25px; height:25px; border:1px solid var(--orange);  border-radius:50%;line-height:25px;color:var(--orange);transition:all 0.3s;}
.fc-wrap>ul li div:hover .num{background:var(--orange); color:#fff!important;}
.fc-wrap>ul li .gray:hover .num{border:1px solid #333 !important;background:#c6c5c5!important; color:#333 !important;}
.fc-wrap .gray .num{border:1px solid #333!important; color:#333!important;background:#c6c5c5!important;}

.fc-wrap .fc-content{margin-top:50px;padding-bottom:200px;}
.tab-container {width: 400px;border: 1px solid #ddd;border-radius: 8px;background-color: white;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
.tab-btn {flex: 1;padding: 10px 0;text-align: center;background-color: #f0f0f0;border: none;outline: none;cursor: pointer;font-size: 16px;transition: background-color 0.3s ease;}
.tab-btn:hover {background-color: #e0e0e0;}
.tab-btn.tab-active {background-color: #FF9900;color: white;font-weight: bold;}
.tab-btn.tab-active .num{background:var(--orange); color:#fff;}
.contents {padding: 20px;}
.content {font-size: 18px;line-height: 1.6;display: none;}
#content-0 {display: block;}

.point-text{color:#5a6378; font-weight:600; font-size:20px;}

.tab{justify-content:space-between;}

.board-write table table th{font-weight:700;}
.tab-list a{flex:none;}
.form-control-label{width:200px;}
.form-control-body{width:700px;}
.attach .preview{width:160px; }
.attach .cont, .attach .attach_cont{margin-left:200px !important; width:calc(100% - 200px);}
#file-upload .mtp10{width:100%;}
.form-txt{text-align:right;width:100%;}
#file-upload .attach{width:100%;}