@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

/* 서브페이지 상단 및 공용 시작 */
.sub_top_container{position: relative; height:250px;overflow: hidden; background: #000; }
.subgn{background:url(../img/subbg.jpg) no-repeat center;background-size:cover;}
.subconBox{background:#FFF;padding:0;box-sizing:border-box;}
.subreporttitle{text-align:center;padding:40px 0 70px;font-size:34px;line-height:160%;font-weight:500;}
.subreporttitle span{display:block;width:35px;height:1px;background:#000;margin:0 auto;}
.subg{ width: 100%; height:100%; animation:imgScale 2s both ; background-position: 50% 0; background-size: cover; }
.main01sec{position: absolute; z-index: 1; text-align: center; left:50%; transform:translateX(-50%); top:55%; color:#fff; }
.main01sec-1{font-size: clamp(0.8rem, 3vw, 1.25rem);/* opacity: 0.5; */font-weight: 300;letter-spacing: -1px;line-height:100%;margin-bottom:5px;color: #ffffff90;/* font-family: 'Paperlogy-5Medium'; */}
.main01sec-2{text-transform: uppercase; font-size: clamp(1.2rem, 2vw, 1.5rem);font-weight:300;line-height:1;letter-spacing:-1px; opacity: 0.7; /* text-align:left; */}
@media only all and (max-width:1024px){
	.main01sec{top:63%; width:90%;}
}

.subg.subbg1{ background:url(../img/sub/subg1_2.jpg ); background-position: 50% 0; background-size: cover; }
.subg.subbg2{ background-image:url(../img/sub/subg3.jpg);}
.subg.subbg3{ background-image:url(../img/sub/subg5.jpg);}
.subg.subbg4{ background-image:url(../img/sub/subg4.jpg);}
.subg.subbg5{ background-image:url(../img/sub/subg2_2.jpg);}
.subg.subbg6{ background-image:url(../img/sub/subg6.jpg);}
.subg.subbg7{ background-image:url(../img/sub/subg3.jpg);}
.subg.subbg8{ background-image:url(../img/sub/subg1.jpg);}
.subg.subbg9{ background-image:url(../img/sub/subg9.jpg);}
.subg.subbg10{ background-image:url(../img/sub/subg10.jpg);}
@keyframes imgScale{
	0% {transform: scale(1.1);}
	100% {transform: scale(1);}
}

.subg .line{display:inline-block;width:30px;height:1px;background:rgba(255, 255, 255, 0.7);position:relative;top:-30px;}
.subconBox{background:#FFF;padding:0;box-sizing:border-box;}
.subreporttitle{text-align:center;padding:40px 0 70px;font-size:34px;line-height:160%;font-weight:500;}
.subreporttitle span{display:block;width:35px;height:1px;background:#000;margin:0 auto;}
.subcontent .subnav{z-index:10;border-bottom:1px solid #e6e9ec;box-sizing:border-box;line-height: 60px;height: 60px; position:relative;}
.subcontent .subnav .container{padding: 0}
.subcontent .subnav .subnav-in{width:70%;float:left;height: 60px;font-family:'Nanum Gothic', sans-serif;}
.subcontent .subnav .sns{float:right;line-height:50px;}
.subcontent .subnav .sns .snshidden{display:none;}
.subcontent .subnav .sns .snshidden span{padding-left:5px;}
.subcontent .subnav .sns>div{float:left;cursor:pointer;}
.subcontent .subnav .sns .printico{margin-left:20px;}
.subcontent .subnav .sns .snsico{margin-left:10px;}
.subcontent .subnav .subnav-in .subhome{float:left;width:55px;text-align:center;border-left: 1px solid #f1f0f0;cursor:pointer;border-right: 1px solid #f1f0f0;}
.printw{overflow:hidden;float:right;line-height:50px;}
.printw a.addthis_button_url{display:inline-block;padding-left:35px;width:87px;height:34px;vertical-align:middle;margin-right:1px;border:1px solid #d0d0d0;box-sizing:border-box;margin-right:7px;box-sizing:border-box;line-height:32px;color:#8a8a8a;font-size:12px;}
.printw a.addthis_button_url:last-child{margin-right:0;}
.printw a.btn-b2{background:url(../img/check.png) no-repeat 10px center;}
.printw a.btn-b3{background:url(../img/print.png) no-repeat 10px center;}
.hiddenover{overflow:hidden;float:left;margin-right:8px;display:none;}
.hiddenoverw{overflow:hidden;float:right;margin-right:8px;line-height:50px;}
.hiddenoverw .btn-b1{display:block;}
.hiddenover a.addthis_sns_url{display:inline-block;text-align:center;width:37px;height:36px;vertical-align:middle;margin-right:1px;}
.hiddenover a.btn-sns1{background:#fff url(../img/nsns01.png) no-repeat 0 0;}
.hiddenover a.btn-sns2{background:#fff url(../img/nsns02.png) no-repeat 0 0;}
.hiddenover a.btn-sns3{background:#fff url(../img/nsns03.png) no-repeat 0 0;}
.hiddenover a.btn-sns4{background:#fff url(../img/nsns04.png) no-repeat 0 0;}
.hiddenoverw a.btn-b1{background:url(../img/url.png) no-repeat 10px center;display:inline-block;vertical-align:middle;width:82px;height:34px;vertical-align:middle;margin-right:1px;border:1px solid #d0d0d0;box-sizing:border-box;line-height:34px;color:#8a8a8a;font-size:12px;padding-left:35px;}
.subcontent .navbar-fixed-top{border-bottom:none !important;}
.subcontent .navbar-fixed-top .subnav-in .subhome{border-left:1px solid #a65ad0 !important;}
.qaright{position:fixed;top:540px;width:134px;left:50%;margin-left:730px;}
.qaright dl{display:block;color:#363636;background-color:#f8f9fd;border:1px solid #d6d7db;}
.qaright dl dt{display:block;text-align:center;line-height:38px;color:#494949;font-size:18px;font-weight:500;letter-spacing:0.5px;border-bottom:1px solid #d6d7db;font-family:'Futura-Medium';font-weight:700;}
.qaright dl dd{padding:10px 5px;}
.qaright dl dd a{display:inline-block;margin:1px 0;padding:0 6px;line-height:20px;font-size:12px;background:#fff;border:1px solid #d8d8d8;}
.qaright dl dd a:hover{color:#132b88;border:1px solid #132b88;}
.quickmenu{position:fixed;;overflow:hidden;width:76px;height:76px;bottom:50px; right:3%; z-index:11;background:#0083a2;border-radius:38px;}
.quickmenu .qucick-arr{display:table-cell;width:76px;height:76px;line-height:17px;letter-spacing:0.5px;vertical-align:middle;text-align:center;color:#e1e1e1;}
.quickmenu .qucick-arr:hover{color:#ffffff;}
.quickmenu .qucick-arr strong{display:block;font-size:110%;}

.contWrap h2{font-size:36px;font-weight:600; color: #3c3c3c; padding: 50px 0 50px; text-align: center; letter-spacing: -1px;}
.contWrap .container{width: 1300px;}
/* 서브페이지 좌측메뉴 정렬 끝 */



/*탭메뉴*/
.tabm .subtabmenu ul{position:relative;}
.tabm .subtabmenu .tab_content{position:relative;padding-top:70px;display:none;}
.tabm .subtabmenu .tab_container:before{position:absolute;width:1180px;left:50%;margin-left:-590px;height:2px;content:'';background:#000;top:48px;z-index:2;}
.tab_tit{border-bottom:none;box-sizing:border-box;width:296px;height:50px;display:inline-block;line-height:50px;text-align:center;font-weight:500;z-index:2;border:1px solid #d9d9d9;background:#fff;font-size:19px;position:absolute;top:0;}
.tablist .tab_tit.activeon, .tablist .tab_tit.activeon2{border:2px solid #333;border-bottom:none;z-index:3;color:#252525;}
.tablist:nth-child(1) .tab_tit{left:50%;margin-left:-590px;}
.tablist:nth-child(2) .tab_tit{left:50%;margin-left:-295px;}
.tablist:nth-child(3) .tab_tit{left:50%;margin-left:0;}
.tablist:nth-child(4) .tab_tit{left:50%;margin-left:295px;}
#tab1{display:block;}

.basic-table td.intd{padding:15px 0;font-size:11.5px;}
.basic-table td.intdnum{width:2.8%;}
.basic-table td.tdcb{background-color:#f2faff;}
.basic-table td.tdcg{background-color:#f2fffa;}
.basic-table td.tdcy{background-color:#fcfff2;}
.basic-table td.tdcl{background-color:#fff7f2;}
.basic-table td.tdcp{background-color:#fbf2ff;}
.basic-table td.tdck{background-color:#f5f5f5;}
.basic-table td.tdcf{background-color:#eef1f9;}
.basic-table td.tdce{background-color:#f5f9ee;}

@media only all and (max-width:1200px){
	.tab_tit{width:25%;}
	.tablist:nth-child(1) .tab_tit{margin-left:-50%;}
	.tablist:nth-child(2) .tab_tit{margin-left:-25%;}
	.tablist:nth-child(3) .tab_tit{margin-left:0;}
	.tablist:nth-child(4) .tab_tit{margin-left:25%;}
	.tabm .subtabmenu .tab_container:before{width:100%;left:0;margin-left:0;}
}

@media only all and (max-width:760px){
	.subcontent .subnav{display:none;}
}

/*3차메뉴*/
.third_menu_container{max-width:1400px; width:100%; margin:0 auto; }
.third-menu{overflow:hidden;margin:50px 0 70px;text-align:center;}
.third-menu ul{display: flex; flex-flow:row wrap; justify-content: center; width: 100%;}
.third-menu ul li{ flex:1;  /*max-width:280px;*/}
.third-menu ul li a {min-height:50px; align-content: center;  word-break: keep-all; box-sizing:border-box; width:100%; height:100%; display:inline-block;border:1px solid #cbcbcb; border-bottom-color:#222; color:#656565;  font-weight:500;font-size:clamp(0.9rem, 2vw, 1.06rem)/*17px*/;}
.third-menu ul li a:hover{background:#f8f8f8; transition:background-color 200ms linear;}
.third-menu ul li.lnbActive a{border:1px solid #222; border-bottom-color:#fff; color:#222; font-weight:bold;}
@media only all and (max-width:720px){
	.third-menu ul li {flex:1 0 50%;}
	.third-menu ul li a{min-height:40px; max-width:none!important;}
}


/*4차메뉴*/
.fourth-menu{overflow:hidden;margin-top:30px;margin-bottom:30px;text-align:center;position:relative;}
.fourth-menu ul{display:inline-block;}
.fourth-menu ul li{float:left;margin-bottom:-1px;}
.fourth-menu ul li a{margin-right:2px;box-sizing:border-box;width:296px;height:50px;display:inline-block;line-height:50px;text-align:center;font-weight:500;border:1px solid #d9d9d9;background:#fff;font-size:19px;border-bottom:2px solid #333;}
.fourth-menu ul li.lnbActive a{border:2px solid #333;border-bottom-color:transparent;z-index:3;color:#252525;}

@media only all and (max-width:1024px){
	.basic-table{overflow-x:scroll;}
	.basic-table th{line-height:inherit !important;padding:5px !important;height:auto !important;font-size:14px !important;}
	.basic-table tbody th{font-size:12px !important;}
	.basic-table td{padding:3px !important;height:auto !important;font-size:12px !important;}
	.basic-table td span, .basic-table th span{padding:0;}
	.basic-table td.tleft_h1{padding-left:16px !important;text-indent:-9px !important;}
}
/* 서브페이지 상단 및 공용 끝 */

.password_wrapper{width:100%;text-align:center;}
.password_wrapper .msg{margin:40px auto 30px;font-weight:700;font-size:18px;}
.password_wrapper fieldset{margin:0 auto;padding:20px;width:40%;min-width:450px;border:1px solid #ccc;}
.password_wrapper fieldset input[type="password"]{padding:0;}
.password_wrapper fieldset input[type="submit"]{cursor:pointer;}
@media only all and (max-width:1400px){
.contWrap .container{width: 100%}
}


/*sub body 스타일 변경 : SNB 추가*/
.sub_con_container{margin-top:80px;
	& .container{width:100%;}
}
.sub_tit_wrap{display: flex; flex-flow:row wrap; justify-content:space-between; padding-bottom:10px; border-bottom:1px solid #ddd;
	& h4{font-size:var(--size-32); word-break: keep-all;}
	& .sublnb{display: flex; flex-flow:row nowrap; align-items: center; color:#aaa; }
	& .sublnb span{font-size:16px; letter-spacing:0px;}
	& .sublnb span img{width:18px; vertical-align: -3px;}
	& .sublnb span:not(:last-child):after{display: inline-block; content:">"; margin: 0 3px; color:#e3e3e3;}
}

.sub_wrap .contsBox{margin:45px auto 55px;}

/*sub_body : pc 버전에서는 SNB 없고 mobile 버전에만 존재*/
.sub_tit_wrap.program_tit{margin-bottom:50px;}
@media only all and (min-width:1024px){
	.lnb_mobile{display: none;}
}

/*1250px 이상일 때 lnb 스타일*/
@media only all and (min-width:1250px){
	.sub_con_body{position: relative; height:100%; display: grid; grid-template-columns:250px auto; column-gap: 5%; max-width:1500px; width:98%; margin:0 auto; }
	.lnb_container:not(.lnb_mobile){position: relative; border-right:1px solid #f0f0f0;
		& .lnb_tit{ position: absolute; top: -20px; background: var(--main-color) url(../img/sub/lnb_bg_symbol.png) no-repeat right bottom; width: 100%; height: 170px; border-radius: 0 0 20px; font-size:clamp(1.5rem, 3vw, 1.8rem); font-weight: 600; padding: 100px 0 0 30px; box-sizing: border-box; color: #fff;}
		& .lnb_menu_wrap{margin-top:160px; position: sticky; top:120px; height:480px;}
		& .subnav-in{
			& .subhome{display: none;}
			& #lnb{width:100%;}
			& #lnb>.lnb_area{float: none; min-width:auto; width:100%; height:auto; line-height: normal;}
			& #lnb>.lnb_area>a.lnb_n, #lnb li.lnb_area:nth-of-type(1){display: none;}
			& #lnb>.lnb_area>.lnb_list{display: flex; flex-flow:column wrap; width:100%; border:none;}
			& #lnb>.lnb_area>.lnb_list>li>a{ line-height: normal; border-bottom:1px solid #f0f0f0; font-size:19px; font-weight:600; padding:17px 25px; word-break: keep-all; box-sizing: border-box; color:#383838;}
			& #lnb>.lnb_area>.lnb_list>li>a:hover{color:var(--main-color);}
			& #lnb>.lnb_area>.lnb_list>li>a.current{font-weight:700; color:var(--main-color); position: relative;}
			& #lnb>.lnb_area>.lnb_list>li>a.current:after{display:inline-block; content:""; width:3px; height:100%; background: var(--main-color); position: absolute; right:-2px; top:2px;}
		}
	   & .lnb_quick{display: grid; grid-template-columns: repeat(2, 1fr); gap:2px; margin-top:45px; width:97%;
	   		& li a{transition:all 0.3s ease; opacity: 0.6; display: flex;flex-flow: column;padding: 13px ;width:100%;background:#f1f1f1;border-radius:5px; box-sizing: border-box;font-size: 15px;justify-content: center;align-items: center;}
	   		& li a:hover{opacity: 1;}
	   		& li svg{margin-bottom:5px;}
	   }
	   
	   /*1차 메뉴가 별도 페이지로 존재할 때, lnb_quick 위치 및 display 변경*/
	   & .lnb_menu2+.lnb_quick{margin-top:0;}
	   & .lnb_menu2:has(.lnb_area:nth-of-type(2))+.lnb_quick{margin-top:45px;}
	   /*& .lnb_menu4+.lnb_quick{display: none;}*/
	  
	   /*3차 메뉴 style*/ 
       & #lnb>.lnb_area>.lnb_list li ul{display: block!important; background:#fbfeff;}
	   & #lnb>.lnb_area>.lnb_list li ul li a{font-size:16px!important; padding:10px 25px!important;}
	   & #lnb>.lnb_area>.lnb_list li ul li{border-bottom:1px solid #e8e8e8;}
	   & #lnb>.lnb_area>.lnb_list li ul li a.current{color:var(--main-color)!important; font-weight:bold!important;}
	}
	
}
/*1249px 이하일 때 lnb 스타일*/
@media only all and (max-width:1249px){
	.sub_top_container{height:240px;}
	.lnb_container{position: relative; z-index: 10;
		& .lnb_tit{display: none;}
		& .subnav-in{display: flex; align-items: center; border-bottom:1px solid #eeeeee;
			& .subhome{width:50px; height:60px; text-align: center; align-content: center; border-right:1px solid #f5f4f4;}
			& #lnb{display: flex; width: 100%;}
			& #lnb > .lnb_area{flex:1!important;}
			& #lnb > .lnb_area >a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
		}
	}
	.sub_con_container{ margin:60px auto 0;}
	.sub_tit_wrap{width:95%; margin:0 auto;
		& .sublnb{display: none;}
	}
	.sub_wrap .contsBox{width:95%;}
	.lnb_quick{display: none;}
	
	.third-menu{width:95%; margin:0 auto;}
}
/*sub 타이틀 스타일*/
.bullet_tit{font-size:var(--size-26);}
.bullet_tit:before{display: inline-block; content:""; background: url(../img/sub/bullet.png) no-repeat left center; width:18px; height:18px;background-size:contain; margin-right:7px; vertical-align: -1px;}
.con_wrap{margin-top:50px;}
.bg_gray{padding:40px; background:#f8f8f8; border-radius: 15px 0;}


/*플로팅 배너*/
@keyframes expand{
	0%{transform:scale(1);}
	50%{transform:scale(1.1);}
	100%{transform:scale(1);}
}
@keyframes slideDown{
	0%{transform:translateY(5px); opacity: 0;}
	100%{transform:translateY(20px); opacity: 1;}
} 
.floating_banner{position: fixed; bottom:3%; right:2%; z-index: 11; transition:all 0.6s cubic-bezier(0.76, 0, 0.24, 1);
	& ul{position: absolute; bottom:anchor(-10% --floating); display: none; }
	& ul li+li{margin-top:5px;}
	& ul li{transition:transform 0.2s ease;}
	& ul li:hover{transform: scale(1.15);}
	& ul li a{display: flex;min-height:60px; min-width:310px; justify-content: space-between; align-items: center;  background:#fff ; font:bold 17px  'Paperlogy-5Medium'; padding:15px 20px; box-sizing: border-box; border-radius:10px 0; box-shadow: 0 5px 10px 1px rgba(0,0,0,0.1);}
	& ul li a span{font-size: 14px; color:#ddd;}
}
.floating_btn{display: flex; justify-content: center; align-items: center; position: relative; anchor-name:--floating;
	& .arrow{width:100px; position: absolute; z-index: 1; pointer-events: none;}
}
.arrow_bg{transition:all 0.2s ease; cursor:pointer; align-content: center; text-align: center; background:linear-gradient(136deg, #35bfdc, #0daed3); width:130px; height:130px; border-radius: 50%; }
.arrow_bg:before{ display: inline-block; content:"연구소 소개"; color:#ffffff; font-size:16px; transform:translateY(20px);}
.floating_banner.active .arrow_bg, 
.arrow_bg:hover{border-radius: 25px 0;} 

@media only all and (max-width:1249px){
	.floating_banner{display:none;}
}



/*-----sub42_사업단 소개-----*/
.contsBox:has(.soge){margin:40px auto 0!important; width:100%!important;}
/*video 영역 있을 때*/
/*.soge{width: 100%; display: grid; grid-template-columns: auto 350px; column-gap: 6%; position: relative;text-align: left; overflow: hidden;box-sizing: border-box;}*/
.soge{width: 100%;}
.sogetit_wrap{padding:20px 0 15px; border-bottom:1px solid #ddd; text-align: center; margin-bottom:50px;}
.sogetit{color:var(--main-color);font-size:var(--size-34);font-weight: 700; }
.sogestit{color: #6e6e6e;opacity: 0.5;font-size:var(--size-24);padding-bottom:40px;}
.sogetxt{padding-bottom: 40px; word-break: keep-all;}
.sogetxt > div{font-size:var(--size-20);color: #5c5c5c;line-height: 1.6;}
.scimg{text-align: center}
.bg-video{margin:40px 0 70px; position:relative; max-width:1170px; width:100%;  border-radius:50px 0 ; overflow: hidden;/*background: rgb(0 0 0 / 50%);  position: absolute; right:0; top:0;*/}
.preview {  height:280px; width:100%; object-fit: cover; background-size: cover;    /*position: absolute;   right: 0;   bottom: 0;   top: 0;   left: 0;   min-width: 100%;   min-height: 100%;   width: auto;*/   }


.soge_info_wrap ul{display: flex; column-gap:10px; align-items: center;}
.soge_info_wrap ul li{transition:all 0.3s ease;  flex:1; border:1px solid #ddd; border-radius:clamp(5px, 3vw, 20px); text-align: center; padding:10px; text-align: center; align-content: center; min-height:260px; }
.soge_info_wrap ul li i img{filter:brightness(0.6) grayscale(1); margin-bottom:18px;}
.soge_info_wrap ul li .txt{ word-break: keep-all;
	 & sub{font-size:var(--size-18)}
	 & h3{font-size:var(--size-24); color:var(--main-color); line-height: 1; margin-top:3px;}
	 & p{color:#999999; margin-top:8px;}
}
.soge_info_wrap ul li:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1); border-color:var(--main-color);}
.soge_info_wrap ul li:hover .txt sub{color:var(--main-color);}
.soge_info_wrap ul li:hover .txt p{color:#222;}
.soge_info_wrap ul li:hover i img{filter:brightness(1) grayscale(0);}

@media only all and (max-width:1249px){
	.bg-video{max-width:100%; width:100%; border-radius: 0; margin:40px 0 0;}
	.preview{width:100%;}
}

@media only all and (max-width:1024px){
	.soge{grid-template-columns: repeat(1, 1fr);}
	.soge .container{width:95%!important; margin:0 auto;}
	
	.soge_info_wrap ul{display: grid; grid-template-columns: repeat(2, 1fr);}
	.soge_info_wrap ul li{margin-bottom:10px;  min-height:auto;}
}
@media only all and (max-width:500px){
	.soge_info_wrap ul{grid-template-columns: repeat(1, 1fr);}
	.soge_info_wrap ul li{display: flex; column-gap: 10px; align-items: center;  text-align: left; padding:13px 20px; }
	.soge_info_wrap i img{margin-bottom:0;}
	.soge_info_wrap .txt h3 br{display: inline; content:""; margin-right:3px;}
	.soge_info_wrap .txt p{margin-top:3px;}
}


/*-----sub43_인사말-----*/
.sub43_con{margin-bottom:100px;}
.sub43_con .img{text-align:center;}

.sub43_con .sign{text-align: center; display: flex; align-items: center; justify-content: center;}
.sub43_con .sign .scstit{margin-top:20px; color: #6e6e6e; font-size:var(--size-24); font-family: 'Nanum Myeongjo'; font-weight: 700}
.sub43_con .sign .scstit b{color:#222;  }
.sub43_con .sign .scstit span{font-weight:600; font-size:30px; color: #323232;  padding-top: 15px; display: block; font-family: 'Nanum Myeongjo';}
.sub43_con .sign .scstit span.m_block{display:none;}
.sub43_con .text{text-align:justify;letter-spacing:-1px;}
.sub43_con .textit{word-break: keep-all; font-size: 32px; line-height: 1.25;  color: var(--main-color); font-weight: 800; padding-bottom: 40px}
.sub43_con .textit span{color: var(--sub-color)}
.sub43_con .scstitm{font-size: 26px;color: #484848;padding-bottom: 17px;font-weight: 600}
.sub43_con .sctm{font-size: 20px;color: #6e6e6e; line-height: 1.7; word-break: keep-all;}
.sub43_con .sctm p{padding-bottom: 35px}

@media only all and (max-width:1100px){
	.sub43_con{grid-template-columns:100%; grid-template-rows:auto; grid-row-gap:3%;         margin-bottom: 0;}
}

@media only all and (max-width:720px){
	.sub43_con .img img{max-width:280px;}
	.sub43_con .img .scstit span{padding-top:5px;}
	.sub43_con .text{padding: 20px}
	.sub43_con .textit{font-size: 20px; line-height: 1.5; }
	.sub43_con .textit p{display: inline;}
	.sub43_con .scstitm{font-size: 17px}
	.sub43_con .sctm{font-size: 15px}
	
}

/*연구소 소개*/
.labsec .labbox{ padding:20px 0 50px; border-bottom:1px solid #ddd; /*color: #FFFFFF;*/text-align: center;position: relative;display: flex;align-items:center;flex-direction: column;justify-content: center;background-repeat: no-repeat;background-position: center;box-sizing: border-box; background-size: cover}
/* 애니메이션*/ 
.mask:before{display: inline-block; content:""; width:100%; height:100%; background: #fff; position: absolute; top:0; right:0; transform-origin: left;  
	animation-name: appear;
	animation-fill-mode: both;
	animation-duration: 2s;
	animation-delay:0.5s;
	animation-timing-function: ease-in-out;
}
.mask{width:100%; height:100%;  overflow: hidden; position: relative;}
@timeline scroll-timeline {
  source: selector(.mask);
  scroll-offsets: entry 0% exit 100%;
}
@keyframes appear {
  0% { width:100%;}
  100% {  width:0%;}
}

/*연구소소개_ 각 연구소 bg*/
.lab_bg_container{margin-top:60px;  height:250px;  border-radius: clamp(20px, 3vw, 50px) 0 ; position:relative;}
.labbox2{ width:100%; height:100%;  background-repeat: no-repeat; background-size: cover; background-position:center; border-radius: clamp(20px, 3vw, 50px) 0;}
.enery.labbox2{background-image: url("../img/sub/s_enery.jpg")}
.earth.labbox2{background-image: url("../img/sub/s_earth.jpg")}
.statistics.labbox2{background-image: url("../img/sub/s_statistics.jpg")}
.plant.labbox2{background-image: url("../img/sub/s_plant2.jpg")}
.genetic.labbox2{background-image: url("../img/sub/s_genetic.jpg")}
.institute.labbox2{background-image: url("../img/sub/s_institute2.jpg")}
.convergence.labbox2{background-image: url("../img/sub/s_convergence.jpg")}
.environment.labbox2{background-image: url("../img/sub/s_environment.jpg")}

.labtit{font-size: var(--size-36); font-weight: 700; color:var(--main-color); }
.labstit{/*color: #fffefe;*/ font-size:var(--size-30); opacity: 0.5; margin-bottom: 20px}
.lablnb{  /* width: 260px;    margin: 0 auto;*/ border-left:3px solid var(--main-color); padding-left:17px;}
.lablnb .lab_web{font-size: 14px;display: inline-block;background: #ececec url(../img/sub/ic_link.png) no-repeat 85% center;padding: 4px 35px 4px 15px;border-radius: 20px;margin-left: -5px;}
.lablnb p{display: flex;align-items: center;justify-content: flex-start;gap: 10px;letter-spacing: 0; font-size:var(--size-20)}
.lablnb p+p{margin-top:7px;}
.scrollBt{position: relative; left: 0;margin-top: 140px; height: 100px;}
.labtxt{max-width: 1130px; width:100%; margin: 5px auto 0; line-height: 1.6}
.labtxt li{position: relative;font-size:var(--size-20);color: #646464;padding-left:14px; line-height: 1.8;}
.labtxt li:before{width: 5px;height: 5px;border-radius: 10px;background: #d2d2d2; content: '';position: absolute;left: 0;top: 12px;}

.labtxt.mb45 li{margin-bottom:45px;}
.labtxt.history li{margin-bottom:6px;}
.labtxt.history li b{display: inline-block; font-weight:400; opacity: 0.6; color:var(--main-color); min-width: 110px;}

.basic-table.history {border-top:1px solid #d7d7d7; width:95%; margin:10px auto 0;}
.basic-table.history th{text-align: left; padding-left:15px; font-size:18px; background:#f7fdff; color:var(--main-color);}
.basic-table.history td{text-align: left; padding:15px;  font-size:18px; }

.labtmt:before{display:none; content:""; background:url(../img/sub/mark.png) no-repeat left center; width:20px; height:13px;}
.labtmt{font-size: 28px; color: #4d4d4d; padding-bottom: 20px; font-weight: 600}
.labtmts{margin-bottom: 50px; font-size: 19px}
.labtmt + ul li{margin-bottom: 0}
.labtmt + ul li p{margin-left: 20px}

.bubox{display: flex;align-content: center;align-items: center;border-bottom: 1px solid #f1f1f1;padding: 30px 0;}
.bust{display: flex;flex-direction: column;width: 160px;text-align: center;}

.bustxt{    font-size:var(--size-24);    font-weight: 700;    color: #575757;    padding-top: 15px;}
.bustm{    padding-left: 50px;    box-sizing: border-box;    width: calc(100% - 160px);}
.bustm > div{    font-size:var(--size-20);    color: #575757; margin-bottom: 10px;}
.bustm p{color: #575757; font-size: 18px; padding-bottom: 5px}


@media only all and (max-width:720px){
	.lab_bg_container{height:180px;}
	.labtit{font-size: 32px;}
	.labstit{font-size: 17px;}
	.labtxt{padding: 20px;box-sizing: border-box;line-height: 1.8;margin-top: 20px; margin-bottom: 0}
	.labtxt ul li{font-size: 15px; margin-bottom: 20px; padding-left: 13px;}
	.labsec .labbox{height: auto; padding:0px 0 40px;}
	.scrollBt{margin-top: 60px}
	
	.bubox{display: block;padding: 20px;}
	.bust{width: 100%}
	.bustm{width: 100%;padding-left: 0;margin-top: 20px;}
	.bustm > div{font-size: 15px;}
	.bustxt{font-size: 22px}
	.bustm p{font-size: 14px}
}

.visual_scroll{display: none; -webkit-transform:translateX(-50%);transform:translateX(-50%);width:70px;z-index:1;margin: 150px auto 0;position:relative;left:40px;}
.visual_scroll .scroll_wrap{position:relative;margin:0 auto;width:1px;height: 60px;}
.scroll_wrap .bar_bg{position:absolute;top:0;left:0;width:1px;height:100%;background:#fff;opacity:0.3;}
.scroll_wrap .bar{position:absolute;top:0;left:0;width:1px;height:0;background:#fff;-webkit-animation:scroll 1.5s infinite ease-out;animation:scroll 1.5s infinite ease-out;}
.scroll_txt{color:#fff; font-size:15px;text-align:center;opacity:0.9;font-weight:500;margin: 10px 0 15px;}
@-webkit-keyframes scroll{
	0%{height:0%;}
	100%{height:100%;}
}
@keyframes scroll{
	0%{height:0%;}
	100%{height:100%;}
}
@media only all and (max-width:720px){
	.visual_scroll{margin-top: 50px}
}

/*sub49_map*/
.map .cont{display: none;}
.maptxt{display: grid ; grid-template-columns: 270px auto; align-items: center; border:1px solid #ddd; border-radius: 40px 0 0 ; width:100%;  box-sizing: border-box; }
.maptc{padding-right:30px; padding:50px 40px; border-radius: 40px 0; background:linear-gradient(136deg, #35bfdc, #0daed3); color:#fff; 
	& .maptc1{color:#ffffff50; line-height: 0.8; margin-bottom:7px;}
	& .maptc2{margin:25px 0 5px; font-size:clamp(1.5rem, 3vw, 1.75rem); word-break: keep-all;}
}
.maptcm{padding:0 30px;
	& .maptcm1{margin-bottom:10px; font-size:clamp(1.1rem, 3vw, 1.3rem); line-height: 1.4;}
	& dl{display: flex; margin-top:6px; color:#777777; font-weight:300;}
	& dt{margin-right:5px; min-width:55px; font-weight:600;}	
	& dt i{position:relative; vertical-align: -1px; text-align: center;}
	& dt i:before{ display: inline-block; content:""; width:20px; height:20px; background:#ddf0f8; border:1px solid #c9e5f2 ;border-radius: 50%; position: absolute; z-index: -1; top:-2px;}
	& dt svg{ stroke:var(--main-color); margin : 0 7px 0 4px;}
}
@media only all and (max-width:700px){
	.maptxt{grid-template-columns: repeat(1, 100%);}
	.maptc{padding:30px;}
	.maptcm{padding:30px;}
}

/*sub38_연구소 소개*/
.anchor_tab{display: flex; flex-wrap: wrap; border-left:1px solid #ddd; border-top:1px solid #ddd;}
.anchor_tab li{flex:1 0 25%; text-align: center;}
.anchor_tab li a{display: inline-block; width:100%; padding:10px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.center_list{margin-top:40px; display: grid; grid-template-columns: 48% 48%; column-gap: 4%;}
.center_item{overflow: hidden; border:1px solid #ddd; border-radius: 30px 0; position:relative; box-sizing: border-box; margin-bottom:40px;
	& .tit{padding:30px 40px 20px}
	& .tit h4{font-size:var(--size-26); color:var(--main-color); margin-bottom:12px;}
	& .detail{font-size:17px;}
	& .detail dl{display: flex; }
	& .detail dl+dl{margin-top:5px;}
	& .detail dl dt{min-width:70px; font-weight:400;}
	& .subject{height:100%; width:100%; padding:20px 40px 30px; background:#f8f8f8; box-sizing: border-box;}
	& .subject h5{font-size:var(--size-18); margin-bottom:5px;}
	& .subject li{font-size:18px;  color:#959595; text-indent:-7px; padding-left:10px; word-break: keep-all; }
	& .subject li+li{margin-top:5px;}
	& .subject li:before{display: inline-block; content:""; width:3px; height:3px; border-radius: 50%; background:#959595; vertical-align:4px; margin-right:4px;}
	& .btn_link{font-size:16px; display: inline-block; background:#e9eaec url(../img/sub/ic_link2.png) no-repeat 90% center; padding:6px 35px 6px 15px; border-radius: 20px; margin-top:10px;}
	& .btn_link:hover{background:#ddd url(../img/sub/ic_link2.png) no-repeat 90% center; }
}
.center_ic{position: absolute; right:4%; top:12%;}


/*sub115_지원사업_학내연구소*/
.sub39 .con_wrap+.con_wrap{margin-top:80px;}
.sub39 .con_wrap{position: relative;}
.sub39 .con_wrap .sup_anchor{position: absolute; top:-140px; left:0;}
.support_content{padding-left:25px;}
.purpose_wrap {margin:20px 0;}
.purpose_wrap dl{ font-size:var(--size-20); word-break: keep-all; line-height: 1.4; display: grid; grid-template-columns: 110px auto; }
.purpose_wrap dl+dl{margin-top:12px;}
.purpose_wrap dt{ border-left:3px solid var(--main-color); padding-left:12px; font-weight:bold; color:var(--main-color);}
.support_content .detail{display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 10%;}
.support_content .detail li{display: flex; gap:15px; align-items: center; font-size:17px;}
.support_content .detail li:nth-of-type(n+3){margin-top:25px;}
.support_content .detail li img{filter:drop-shadow(0 0 10px rgba(0,0,0,0.05));}
.support_content .detail li dl{font-size:var(--size-18);}
.support_content .detail li dt{font-weight:700; margin-bottom:3px;}
.support_content .detail li dd{color:#919191;}
@media only all and (max-width:720px){
	.purpose_wrap dl,
	.support_content .detail{display: flex; flex-flow:column wrap;}
	.support_content .detail li:nth-of-type(n+2){margin-top:15px; font-size:16px;}
	.support_content .bg_gray{padding:20px;}
	
}


/*sub116_지원사업_물질에너지기초과학연구소*/
.busi_container .basic-table thead .bg_gr{background: #bee6ef; color:#008bac;}
.busi_container .basic-table thead .bg_gr2{background: #f0fbfe; font-size:17px;}
.busi_container .basic-table thead .bg_bl{background: #b6ddf9; color:#0059d9;}
.busi_container .basic-table thead .bg_bl2{background: #e9f6ff; font-size:17px;}
.busi_container .basic-table tbody th{font-size:16px;}
@media only all and (max-width:650px){
	.busi_container .basic-table-wrap{width:100%; overflow-x: scroll;}
	.busi_container .basic-table{width:650px;}
}