@CHARSET "UTF-8";

/* 인사말 */
.laboratory_wrap .intro_tit{position:relative; line-height:1.4; font-size:3.5rem; font-weight:400;}
.laboratory_wrap .intro_tit .txt{width:calc(100% - 290px);}
.laboratory_wrap .intro_tit .intro_img{position:absolute; top:0; right:0;}
.laboratory_wrap .intro_tit .intro_img img{max-width:100%; vertical-align: top;}

.laboratory_wrap .intro_bg{position: relative; margin-top:70px; padding:70px 0;}
.laboratory_wrap .intro_bg::before{content:""; position: absolute; top:0; left:50%; width:1800px; height:100%; border-radius:10px; background:#e7f1ff; background-image:url("/nanum/site/builder/dir/main/img/menu6028/intro_wm.png"); background-position:bottom -90px left -50px; background-repeat:no-repeat; transform:translateX(-50%); z-index:-1;}
.laboratory_wrap .intro_bg .intro_txt > p{line-height:1.4; font-size:1.9rem; color:#333;}
.laboratory_wrap .intro_bg .intro_txt > p:nth-child(-n+2){width:calc(100% - 290px);}
.laboratory_wrap .intro_bg .intro_txt > p:nth-child(n+2){margin-top:30px;}

.laboratory_wrap .intro_bg .intro_name{display:flex; align-items:center; justify-content:flex-end; gap:20px; margin-top:70px;}
.laboratory_wrap .intro_bg .intro_name .tit_name{font-size:1.9rem; font-weight:700; color:#333;}

/* 연구소 규정 */
.laboratory_wrap .provision_box .tit{margin-bottom:50px; padding:20px; text-align:center; font-size:2.3rem; font-weight:700; border-radius:10px; background: #f5f5f5;}
.laboratory_wrap .provision_box .txt{font-size:1.9rem; color:#555;}
.laboratory_wrap .provision_box .txt strong{color:#000;}
.laboratory_wrap .provision_box .txt:nth-child(n+2){margin-top:30px;}

/* 연구소 주요활동 */
.laboratory_wrap .activities_box ul{display:flex; gap:25px;}
.laboratory_wrap .activities_box ul li{display:flex; flex-direction:column; align-items:center; justify-content:center; width:calc(33.333% - 20px); height:250px; padding:60px 20px; text-align:center; border-radius:20px 0 20px 0; background-size: cover; background-position: center; box-sizing:border-box;}
.laboratory_wrap .activities_box ul li.bg01{background-image: url("/nanum/site/builder/dir/main/img/menu6031/activities_bg01.jpg");}
.laboratory_wrap .activities_box ul li.bg02{background-image: url("/nanum/site/builder/dir/main/img/menu6031/activities_bg02.jpg");}
.laboratory_wrap .activities_box ul li.bg03{background-image: url("/nanum/site/builder/dir/main/img/menu6031/activities_bg03.jpg");}
.laboratory_wrap .activities_box ul li.bg04{background-image: url("/nanum/site/builder/dir/main/img/menu6031/activities_bg04.jpg");}
.laboratory_wrap .activities_box ul li.bg05{background-image: url("/nanum/site/builder/dir/main/img/menu6031/activities_bg05.jpg");}

.laboratory_wrap .activities_box ul li .tit{color:#fff; font-size:2.2rem; font-weight:700;}
.laboratory_wrap .activities_box ul li .txt{color:#fff;}

.laboratory_wrap .history_tit{margin-top:200px; font-size:3rem;}
.laboratory_wrap .history_tit .tit::after{display:none;}





/********************태블릿********************/
@media all and (max-width:1024px){
	
	/* 인사말 */
	.laboratory_wrap .intro_bg::before{width:100vw; border-radius:0; background-size: 40% auto;}

	
	/* 연구소 주요활동 */
	.laboratory_wrap .activities_box ul{flex-wrap:wrap;}
	.laboratory_wrap .activities_box ul li{width:calc(33.333% - 17px);}
	
}


/********************모바일********************/
@media all and (max-width:767px){
	
	/* 인사말 */
	.laboratory_wrap .intro_tit{display: flex; justify-content:space-between; align-items:center;}
	.laboratory_wrap .intro_tit .txt{width:calc(100% - 220px);}
	.laboratory_wrap .intro_tit .intro_img{position:relative; max-width:200px;}
	
	.laboratory_wrap .intro_bg{margin-top:40px; padding:40px 0;}
	.laboratory_wrap .intro_bg .intro_txt > p:nth-child(-n+2){width:100%;}
	.laboratory_wrap .intro_bg .intro_txt > p:nth-child(n+2){margin-top:3vh;}
	
	.laboratory_wrap .intro_bg .intro_name{gap:1.5vh; margin-top:5vh;}
	
	/* 연구소 규정 */
	.laboratory_wrap .provision_box .tit{margin-bottom:4vh; padding:1.5vh;}
	.laboratory_wrap .provision_box .txt:nth-child(n+2){margin-top:3vh;}
	
	/* 연구소 주요활동 */
	.laboratory_wrap .activities_box ul li{width:100%; height: auto; padding:4vh 2vh;}
	.laboratory_wrap .history_tit{margin-top:15vh;}
	
	
}

/********************모바일********************/
@media all and (max-width:480px){
	
	/* 인사말 */
	.laboratory_wrap .intro_tit{flex-direction:column; gap:15px 0;}
	.laboratory_wrap .intro_tit .txt{width:100%;}
	.laboratory_wrap .intro_tit .intro_img{max-width:none;}
	
	
}