@charset "utf-8";

/*=============================================================
인사말 > 병원장 인사말, 연구부원장 인사말
=============================================================== */
.ptm_001 { 
	display: flex; padding: 20px; gap: 30px; background: var(--hl-gray-5);
	.item_01 { width: 25%; height: 400px; min-width: 300px; }
	.item_01 > img { border-radius: 10px; }
	.item_02 { width: auto; font-size: 1.7rem; line-height: 1.7; }
	.item_02 li { margin-bottom: 10px; }
	.item_02 li:first-child { margin-bottom: 20px; }
	
	@media all and (max-width:800px) { 
		flex-direction: column; align-items: center; 
		.item_01 { width: auto; flex-grow: 1;}
		.item_02 { width: 100%; }
	}
	@media all and (max-width:400px) { 
		.item_01 { min-width: 100%; height: auto;}
	}
} 

/*=============================================================
연구중심병원 소개 > 미션, 비전, 목표
=============================================================== */
/* 미션, 비전, 목표 */
.ptm002 {
	.tab_aria_03 { display: block !important; }
	.tab_aria_03 .tab_list li a { word-break: normal; }
}
.ptm002_tab1 {
	.title_02 { text-align: center; }
	.con_01 {
		width: 50%; margin: 0 auto;
		font-size: 2.4rem; text-align: center; 
		padding: 30px 20px; margin-bottom: 50px; border-radius: 14px;
		background: var(--hl-icegray-5);
	}
	.con_02 {
		display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
		> ul { display: flex; flex-direction: column; align-items: center; text-align: center; }
		> ul > li:first-child { position: relative; width: 70%; height: 50px; padding: 10px; color: var(--hl-white); background: var(--hl-point); border-radius: 50px; }
		> ul > li:last-child { width: 100%; margin-top: -25px; min-height: 140px; padding: 40px 10px 20px 10px; background: var(--hl-icegray-5); border-radius: 10px; }
	}
	@media (max-width: 1000px) { 
		.con_01 { width: 100%; font-weight: 2.0rem; word-break: keep-all;}
		.con_01 > br { display: none; }
		.con_02 { grid-template-columns: repeat(2, 1fr); gap: 40px 20px; }
	}
	@media (max-width: 500px) { 
		.con_02 { grid-template-columns: repeat(1, 1fr); gap: 30px 20px; }
	}	
}
/* 중점연구분야 */
.ptm002_tab2 {
	.con_01 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; text-align: center; }
	.con_01 > ul { position: relative; font-size: 2.0rem; padding: 30px 20px; background: #f1f3f6; }
	.con_01 > ul > img { height: 80px; margin-bottom: 30px; }
	.con_01 > ul::after { position: absolute; content: ''; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width: 300px; 
		background: #777; box-shadow: 0 15px 10px #777; transform: rotate(3deg); z-index: -1;
	}
	@media (max-width: 800px) { 
		.con_01 { grid-template-columns: repeat(2, 1fr); gap: 20px; }
	}
	@media (max-width: 420px) { 
		.con_01 { grid-template-columns: repeat(1, 1fr); }
	}	
}
/* 핵심기술 플랫폼 */
.ptm002_tab3 {
	.con_01 { position: relative; display: flex; flex-direction: column; padding: 200px 0; }
	.con_01::before { position: absolute; content: ''; display: block; top: 0; width: 100%; height: 100%; background: url('../img/ptm002_tab3_bg.png') center center no-repeat; z-index: -1;}
	.con_01 .item_01 { 
		display: flex; flex-direction: column; justify-content: center; align-items: center;
		width: 250px; height: 250px; margin: 0 auto; text-align: center; padding: 10px; border-radius: 150px; background: var(--hl-icegray-5);
		border: 6px solid var(--hl-icegray-20); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); 
	}
	.con_01 .item_02 { width: 100%; position: absolute; display: flex; justify-content: center; top: 0; gap: 50px;}
	.con_01 .item_03 { width: 100%; position: absolute; display: flex; justify-content: space-between; top: 250px; gap: 30px; }
	.con_01 .item_04 { width: 100%; position: absolute; display: flex; justify-content: center; top: 500px; gap: 50px;}
	.con_01 .item_style ul { width: 35%; display: flex; gap: 20px; padding: 6px; border-radius: 10px; word-break: keep-all; border: 1px solid var(--hl-icegray-20); background: #fff;}
	.con_01 .item_style ul img { width: 130px; height: 120px; border-radius: 10px; }
	/* .con_01 .item_02 ul:nth-of-type(1) { background: #ffdfe6; }
	.con_01 .item_02 ul:nth-of-type(2) { background: #cee7dc; }
	.con_01 .item_03 ul:nth-of-type(1) { background: #d4e7ee; }
	.con_01 .item_03 ul:nth-of-type(2) { background: #ddebff; }
	.con_01 .item_04 ul:nth-of-type(1) { background: #dddeff; }
	.con_01 .item_04 ul:nth-of-type(2) { background: #d5e9f3; } */
	@media (max-width: 1000px) { 
		.con_01 { padding: 0; gap: 20px; }
		.con_01::before { top: 250px; left: 50%; width: 40px; height: 70px; margin-left: -20px; transform: rotate(90deg); background: url(../img/icon_arrow_01.png) no-repeat; } 
		.con_01 .item_01 { margin-bottom: 50px; }
		.con_01 .item_02 { position: relative; top: 0; justify-content: center; gap: 20px; }
		.con_01 .item_03 { position: relative; top: 0; justify-content: center; gap: 20px; }
		.con_01 .item_04 { position: relative; top: 0; justify-content: center; gap: 20px; }
		.con_01 .item_style ul { width: 50%; }
	}
	@media (max-width: 800px) {  
		.con_01 .item_style ul { flex-direction: column; }
	}
	@media (max-width: 500px) { 
		.con_01 .item_style { flex-direction: column; }
		.con_01 .item_style ul { flex-direction: row; width: 100%; }
		.con_01 .item_style ul img { width: 100px; height:fit-content; }
	}
}


/*=============================================================
연구인프라 > 병원 내외부 시설 소개 
=============================================================== */
.ptm100 {
	.con_01 { display: flex; align-items: flex-start; gap: 20px;
		.map_area { position: relative; width: 850px; }
		.map_area > img { border-radius: 10px; }
		.con_right { width: 20%; }
		.con_right .item .tit { display: flex; align-items: center; font-size: 1.8rem; font-weight: 500; color: var(--hl-white); padding: 6px; border-radius: 50px; background: var(--hl-point-80); }
		.con_right .item .tit > span { display: inline-flex; justify-content: center; width: 30px; height: 30px; margin-right: 10px; color: var(--hl-point-70); border-radius: 15px; background: var(--hl-white); }
		.con_right .item ul { margin-left: 20px; padding-bottom: 10px; }
		
		.point { position: absolute; width: 50px; height: 70px; cursor: pointer; z-index: 2; /*background: rgba(0,0,0,0.5); */}
		.hover_01 { left: 716px; top: 382px; }
		.hover_02 { left: 342px; top: 184px; }
		.hover_03 { left: 268px; top: 185px; }
		.hover_04 { left: 213px; top: 151px; }
		.hover_05 { left: 326px; top: 7px;  }
		.hover_01:hover ~ .balloon_01,
		.hover_02:hover ~ .balloon_02,
		.hover_03:hover ~ .balloon_03,
		.hover_04:hover ~ .balloon_04,
		.hover_05:hover ~ .balloon_05 { visibility: visible; opacity: 1; }
		.balloon {
			position: absolute; left: 0; top: 0; min-width: 120px; color: #fff;
			padding: 8px 14px; background: #001b61; border-radius: 6px; box-shadow: 0px 6px 10px rgba(0,0,0,0.3);
			white-space: nowrap; visibility: hidden; opacity: 0; z-index: 3; transition: all 0.3s;
		}
		.balloon::before {
			position: absolute; content: ""; left: -10px; top: 50%;
			transform: translateY(-50%); border-width: 8px 10px 8px 0; border-style: solid; border-color: transparent #001b61 transparent transparent;
			/* filter: drop-shadow(-1px 0 1px #aaa); */
		}
		.balloon_01 { left: 775px; top: 382px; }
		.balloon_02 { left: 400px; top: 184px; }
		.balloon_03 { left: 325px; top: 185px; }
		.balloon_04 { left: 270px; top: 151px; }
		.balloon_05 { left: 385px; top: 7px; }
	}
	@media (max-width: 1130px) {
		.con_01 .map_area { width: 70%; }
		.con_01 .con_right { width: 30%; }
		.con_01 .point { display: none; }
		.con_01 .balloon { display: none; }
	}
	@media (max-width: 800px) {
		.con_01 { flex-direction: column; }
		.con_01 .map_area { width: 100%; }
		.con_01 .con_right { width: 100%; }
	}

}

/*=============================================================
연구인프라 - 연구장비 소개
=============================================================== */
/* 대표장비 소개 */
.ptm101_tab1 {  
	.flex_01 { display: flex; align-items: center; justify-content: space-between; }
	.con_01 { display: grid; justify-items: center; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 30px; }
	.con_01 .item { display: flex; flex-direction: column; width: 100%; text-align: center; padding: 10px; border-radius: 5px; background: var(--hl-icegray-10); transition: all 0.3s; }
	.con_01 .item > p:last-child { font-weight: 500; padding: 10px 0; }
	.con_01 .item .item_img { width: 100%; background: var(--hl-white);}
	.con_01 .item .item_img > img { height: 200px; }
	.con_01 .item:active,
	.con_01 .item:hover { color: var(--hl-white); background: var(--hl-point); transform: translateY(10px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); }
	@media (max-width: 800px) {
		.flex_01 { flex-direction: column; align-items: flex-start; justify-content: normal; }
	}
	@media (max-width: 600px) {
		.con_01 { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; }
		.con_01 .item .item_img > img { height: 150px; }
	}
	@media (max-width: 450px) {
		.con_01 { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; }
	}
}

/* 이용방법 */
.ptm101_tab2 {
	.flex_01 { display: flex; align-items: center; justify-content: space-between; }
	.flex_01 > .title_03 { display: inline-block; margin-bottom: 0; }
	.con_01 > .flex { display: grid; justify-items: center; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 40px; }
	.con_01 > .flex > li { position: relative; width: 100%; border-radius: 10px; background: var(--hl-icegray-5); }
	.con_01 > .flex > li:not(:last-child)::after { position: absolute; content: ''; display: block; top: 50%; right: -30px; margin-top: -12px; width: 15px; height: 20px; background: url('../img/icon_arrow_05.png') no-repeat; }
	.con_01 > .flex > li > b { display: block; text-align: center; font-size: 1.8rem; padding: 10px; border-radius: 10px 10px 0 0; background: var(--hl-point-20); }
	.con_01 > .flex > li > p { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; padding: 20px 10px; word-break: keep-all; }
	.con_01 > .flex > li > p > img { width: 50px; }

	.con_02 > ul { display: flex; flex-direction: column; gap: 10px; margin-bottom: 30px; align-items: flex-start;}
	.con_02 > ul > li { display: flex; align-items: flex-start; gap: 10px; line-height: 1.8; width: 100%; }
	.con_02 > ul > li:first-child { border-radius: 50px; padding: 6px 20px 6px 6px; background: var(--hl-icegray-5); }
	.con_02 > ul > li:last-child { margin-left: 6px; }
	.con_02 > ul > li > b { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 15px; }
	.con_02 > ul > li:first-child > b { color: var(--hl-white); background: var(--hl-point-70);  }
	.con_02 > ul > li:last-child > b { background: var(--hl-icegray-10); }
	.con_02 > ul > li > p { width: 90%; }

	@media (max-width: 800px) {
		.flex_01 { flex-direction: column; align-items: flex-start; justify-content: normal; }
	}
	@media all and (max-width:600px) {
		.con_01 > .flex { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
		.con_02 > ul > li:first-child { width: 100%; border-radius: 20px; }
	}
	@media all and (max-width:400px) {
		.con_01 > .flex > li { width: 100%; }
		.con_01 > .flex > li:not(:last-child)::after { top: auto; bottom: -32px; right: 48%; transform: rotate(90deg); }
		.con_01 > .flex > li > p { font-size: 1.5rem; }
	}
}

/*=============================================================
연구인프라 > 연구시설 소개
=============================================================== */
.ptm102 {
	> .tBox { display: flex; gap: 20px; margin-bottom: 50px; } 
	> .tBox > p > img { border-radius: 14px; }
	@media all and (max-width:600px) {
		> .tBox { flex-direction: column; } 
	}
}

/*=============================================================
연구인프라 > 신학연병 네트워크 
=============================================================== */
.ptm103 {
	.table_area tr td:nth-of-type(2) { text-align: left; }
	.con_01 { display: grid; justify-items: center; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
	.con_01 > a { 
		position: relative; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100px; 
		padding: 15px 20px; border: 1px solid var(--hl-gray-20); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s;
	}
	.con_01 > a .hover_box { position: absolute; width: 100%; height: 0; left: 0; bottom: 0; color: #fff; overflow: hidden; background: rgba(0,0,0, 0.5); transition: all 0.3s;}
	.con_01 > a .hover_box .t01 { text-align: center; word-break: keep-all; transition: all 0.3s; }
	.con_01 > a .hover_box .t02 { text-align: center; opacity: 0; transform: translateY(20px); transition: all 0.3s; }
	.con_01 > a:hover { box-shadow: none; overflow: hidden;}
	.con_01 > a:hover .hover_box { bottom: 0; height: 100px; background: rgba(0,0,0, 0.7); }
	.con_01 > a:hover .hover_box .t01 { margin-top: 25px; }
	.con_01 > a:hover .hover_box .t02 { opacity: 1; transform: translateY(0); transition-delay: 0.2s; }
	@media all and (max-width:600px) {
		.table_area tr td { width: 100%; padding: 0;}
		.table_area tr td:first-child { padding: 10px; background: var(--hl-gray-10); }
		.con_01 { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
		.con_01 > a { height: auto; padding: 15px 15px 40px 15px; }
		.con_01 > a .hover_box { bottom: 0; height: 24px; }
		.con_01 > a .hover_box .t01 { font-size: 1.4rem; }
		.con_01 > a:hover .hover_box { height: 100%; }
		.con_01 > a:hover .hover_box .t01 { margin-top: 40px; }
	}
	@media all and (max-width:400px) {
		.con_01 > a .hover_box .t01 { font-size: 1.3rem; }
	}
}


/*=============================================================
한림융복합 개방연구 플랫폼 > 공동연구, 컨설팅 신청
=============================================================== */
/* 공동연구 */
.ptm202_tab1 {
	.tab_aria_03 { display: block !important; }
	.con_01 > ul { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px 20px; }
	.con_01 > ul > li { text-align: center; border-radius: 10px; word-break: keep-all; text-wrap: balance;}
	.con_01 > ul > li > img { border-radius: 10px; }
	@media (max-width: 800px) {
		.con_01 > ul { grid-template-columns: repeat(3, 1fr); }
	}
	@media (max-width: 480px) {
		.con_01 > ul { grid-template-columns: repeat(2, 1fr); }
	}
}

/* 신청하기 */
.ptm202_tab2 {
	.type1 .flex_tel .form_select { width: 160px; }
	.type1 .flex_tel input { width: 200px; }
	.type1 .flex_email .form_select { width: 160px; }
	.type1 .flex_email input { width: 200px; }
	.type1 .flex_chk { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
	.type1 .size_01 { width: 385px; }
	.flex_right { display: flex; flex-wrap: wrap; justify-content: flex-end; }
	@media (max-width: 800px) {
		.tab_aria_03 { display: block !important; }
		.type1 .flex_tel .form_select { width: calc(100%/3); }
		.type1 .flex_tel input { width: calc(100%/3); }
		.type1 .flex_email .form_select { width: 120px; }
		.type1 .flex_email input { width: calc(100%/3); }
		.type1 .flex_code .chk_area { flex-direction: column; }
		.type1 .flex_chk { grid-template-columns: repeat(2, 1fr); }
	}
	@media screen and (max-width: 600px){
		.type1 tr th { display: block; width: 100%; }
		.type1 tr td { display: block; width: 100%; border-left: none; padding: 10px 0 30px 0;}
		.type1 .size_01 { width: 100%; }
	}
	@media screen and (max-width: 420px){
		.type1 .flex_email { flex-wrap: wrap; }
		.type1 .flex_email .form_select { width: 90%; }
		.type1 .flex_email input { width: 90%; }
		.type1 .flex_chk { grid-template-columns: repeat(1, 1fr); }
		.flex_right { flex-direction: column; align-items: flex-end;}
	}
}

/*=============================================================
연구지원정보 > 연구지원 제도
=============================================================== */
.ptm300_tab3 {
	/* IRB */
	.tab_aria_03 .tab_list li a { display: inline-flex; flex-direction: row; gap: 5px;}
	@media all and (max-width:600px) {
		.tab_aria_03 .tab_list li a { flex-direction: column; gap: 5px;}
	}
	/* HRPP */
	/* 공동연구 */
	.con_01 > .flex { display: flex; flex-wrap: wrap; gap: 50px; }
	.con_01 > .flex > li { position: relative; width: calc(100%/4 - 40px); border-radius: 10px; background: var(--hl-icegray-5); }
	.con_01 > .flex > li:not(:last-child)::after { position: absolute; content: ''; display: block; top: 50%; right: -30px; margin-top: -12px; width: 15px; height: 20px; background: url('../img/icon_arrow_05.png') no-repeat; }
	.con_01 > .flex > li > b { display: block; text-align: center; font-size: 1.8rem; padding: 10px; border-radius: 10px 10px 0 0; background: var(--hl-point-20); }
	.con_01 > .flex > li > p { padding: 20px 10px; }

	@media all and (max-width:800px) {
		.con_01 > .flex > li { width: calc(100%/2 - 50px); }
	}
	@media all and (max-width:500px) {
		.con_01 > .flex { flex-direction: column; }
		.con_01 > .flex > li { width: 100%; }
		.con_01 > .flex > li:not(:last-child)::after { top: auto; bottom: -32px; right: 48%; transform: rotate(90deg); }
	}
	@media all and (max-width:340px) {
		.con_01 > .flex > li > p { font-size: 1.5rem; }
	}
}


/*=============================================================
연구지원정보 > 기술사업화
=============================================================== */
/* 지식재산권 */
.ptm301_tab1 {
	.con_01 { width: 70%; margin: 50px auto; }
	.con_02 { width: 70%; margin: 0 auto; font-size: 2.0rem; font-weight: 500; display: flex; align-items: flex-end; align-items: flex-end; gap: 10%; }
	.con_02 .radi_01 { border-radius: 50px; }
	.con_02 .item_left  { width: 45%; }
	.con_02 .item_right { width: 45%; }
	.con_02 .item_left > li  { position: relative; text-align: center; padding: 20px; margin-bottom: 80px; background: #f0f0f0; }
	.con_02 .item_right > li { position: relative; text-align: center; padding: 20px; margin-bottom: 80px; background: #f0f0f0; }
	.con_02 .item_right > .arrow_img { display: block; text-align: center; margin: 0 0 -8px -1px; }
	.con_02 > ul > li:not(:last-child)::after { position: absolute; display: block; content: ''; bottom: -60px; left: 50%; width: 44px; height: 46px; margin-left: -22px; background: url('../img/icon_arrow_03.png') center center no-repeat; }
	.con_02 .item_left > li:nth-of-type(1) { background: rgba(82, 109, 170, 0.6); }
	.con_02 .item_left > li:nth-of-type(2) { background: rgba(82, 109, 170, 0.4); }
	.con_02 .item_left > li:nth-of-type(3) { background: rgba(82, 109, 170, 0.3); }
	.con_02 .item_left > li:nth-of-type(4) { background: rgba(82, 109, 170, 0.1); }
	.con_02 .item_right > li:nth-of-type(1) { background: rgba(82, 170, 141, 0.4); }
	.con_02 .item_right > li:nth-of-type(2) { background: rgba(82, 170, 141, 0.1); }
	.con_02 .item_left > li:nth-of-type(2)::before { position: absolute; display: block; content: ''; bottom: -60%; right: -72%; width: 110%; border-bottom: 2px dashed #5d76af; }
	.con_02 .item_right > li:nth-of-type(1)::before { position: absolute; display: block; content: ''; bottom: 70px; right: 50%; height: 40px; border-right: 2px dashed #5d76af; }

	@media all and (max-width:1000px) {
		.con_01 { width: 100%;}
		.con_02 { width: 100%; }
	}
	@media all and (max-width:800px) {
		.con_02 { font-size: 1.7rem; }
		.con_02 .item_left > li:last-child  { height: 100px; border-radius: 20px; }
		.con_02 .item_right > li:last-child { height: 100px; border-radius: 20px; word-break: keep-all; }
		.con_02 .item_right > li:nth-of-type(1)::before { height: 37px; }
	}
	@media all and (max-width:420px) {
		.con_02 .item_left > li,
		.con_02 .item_right > li { padding: 10px; margin-bottom: 60px;}
		.con_02 > ul > li:not(:last-child)::after { bottom: -52px; background-size: 70%;}
		.con_02 .item_right > li:nth-of-type(1)::before { height: 30px; bottom: 50px; }
	}
}


/* 기술이전 */
.ptm301_tab2 {
	.con_01 > .flex { display: flex; justify-content: space-between; gap: 20px;}
	.con_01 > .flex > li { display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 100px; text-align: center; transition: all 0.3s;}
	.con_01 > .flex > li > .tit { font-size: 2.2rem; }
	.con_01 > .flex > li:nth-child(odd) { width: 200px; height: 200px; }
	.con_01 > .flex > li:nth-child(even) { width: auto; }
	.con_01 > .flex > li:nth-child(6) > img { transform: rotate(270deg);}
	.con_01 > .flex > li:nth-of-type(1) { background: rgba(82, 109, 170, 0.6); /* outline: 8px solid rgba(231, 222, 255, 0.4); */}
	.con_01 > .flex > li:nth-of-type(3) { background: rgba(82, 109, 170, 0.4); /* outline: 8px solid rgba(255, 226, 250, 0.4); */}
	.con_01 > .flex > li:nth-of-type(5) { background: rgba(82, 109, 170, 0.3); /* outline: 8px solid rgba(201, 220, 255, 0.4); */}
	.con_01 > .flex > li:nth-of-type(7) { background: rgba(82, 109, 170, 0.1); /* outline: 8px solid rgba(197, 240, 255, 0.4); */}
	@media all and (max-width:1000px) {
		.con_01 > .flex { gap: 20px; }
		.con_01 > .flex > li > .tit { font-size: 1.6rem; }
	}
	@media all and (max-width:600px) {
		.con_01 > .flex { flex-wrap: wrap; gap: 0;}
		.con_01 > .flex > li:nth-child(odd) { width: 40%; height: auto; padding: 20px 0; }
		.con_01 > .flex > li:nth-child(even) { width: 10%; height: auto;}
		.con_01 > .flex > li:nth-child(4) { width: 100%; margin-bottom: 30px;}
		.con_01 > .flex > li:nth-child(4) > img { transform: rotate(90deg); }
	}
	@media all and (max-width:450px) {
		.con_01 > .flex { gap: 0; }
	}

	/* 기술이전 추진 절차 */
	.con_02 > .flex { display: flex; flex-wrap: wrap; gap: 40px; }
	.con_02 > .flex > .list { position: relative; align-content: center; word-break: keep-all; text-align: center; width: 7%; font-size: 1.8rem; padding: 10px; border-radius: 10px; font-weight: bold; background: #c9dcff; } 
	.con_02 > .flex > ul { position: relative; width: calc(100%/7 - 12px); border-radius: 10px; padding-bottom: 15px; background: #f7f7f7;}
	.con_02 > .flex > ul > li { margin-left: 20px; padding-right: 15px;}
	.con_02 > .flex > ul > .tit { height: 84px; font-size: 1.8rem; margin-bottom: 15px; padding: 15px; align-content: center; text-align: center; border-radius: 10px 10px 0 0; background: #c9dcff;}
	.con_02 > .flex .list::after,
	.con_02 > .flex > ul:not(:last-child)::after { position: absolute; content: ''; display: block; top: 50%; right: -30px; margin-top: -12px; width: 15px; height: 20px; background: url('../img/icon_arrow_05.png') no-repeat; }
	@media all and (max-width:1280px) {
		.con_02 > .flex > .list,
		.con_02 > .flex > ul { width: calc(100%/5 - 10px); }
	}
	@media all and (max-width:800px) {
		.con_02 > .flex > .list,
		.con_02 > .flex > ul { width: calc(100%/3 - 40px); }
		.con_02 > .flex > ul > .tit { height: auto; }
	}
	@media all and (max-width:660px) {
		.con_02 > .flex > .list,
		.con_02 > .flex > ul { width: calc(100%/2 - 40px); }
	}

	@media all and (max-width:420px) {
		.con_02 > .flex { flex-direction: column; }
		.con_02 > .flex > .list,
		.con_02 > .flex > ul { width: 100%; }
		.con_02 > .flex .list::after,
		.con_02 > .flex > ul:not(:last-child)::after { top: auto; bottom: -30px; left: 50%; transform: rotate(90deg); }
	}
}

/* 창업지원 */
.ptm301_tab3 {
	.con_01 > .flex { display: flex; flex-wrap: wrap; gap: 50px; }
	.con_01 > .flex .item_01 { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 50px; }
	.con_01 > .flex .item_01 .tBox { text-align: center; }
	.con_01 > .flex .item_01::after { position: absolute; display: block; content: ''; bottom: -60px; left: 50%; width: 44px; height: 46px; margin-left: -22px; background: url('../img/icon_arrow_03.png') center center no-repeat;  }
	.con_01 > .flex .item_02 { position: relative; width: calc(100%/4 - 40px); height: 100%; border-radius: 10px; border: 1px solid var(--hl-point-70);}
	.con_01 > .flex .item_02:not(:last-child):after { position: absolute; content: ''; display: block; top: 50%; right: -45px; width: 40px; height: 70px; background: url('../img/icon_arrow_01.png') center center no-repeat; transform: translateY(-50%); }
	.con_01 > .flex .item_02 .tit { width: 100%; padding: 10px; font-size: 2.0rem; color: var(--hl-white); border-radius: 9px 9px 0 0; background: var(--hl-point-70); }
	.con_01 > .flex .item_02 .top { min-height: 150px; padding: 10px; word-break: keep-all; }
	.con_01 > .flex .item_02 .top li { display: flex; align-items: flex-start; margin-bottom: 10px;} 
	.con_01 > .flex .item_02 .top dt { display: inline-block; text-align: center; min-width: 24px; margin-right: 10px; border-radius: 20px; background-color: var(--hl-point-20); }
	.con_01 > .flex .item_02 .top dd { display: inline-block; width: 90%; }
	.con_01 > .flex .item_02 .bottom { position: relative; min-height: 110px; padding: 10px; border-radius: 0 0 10px 10px; background: var(--hl-gray-10);}
	@media screen and (max-width: 1024px){
		.con_01 > .flex .item_02 { width: calc(100%/2 - 40px); }
	}
	@media screen and (max-width: 600px){
		.con_01 > .flex .item_02 { width: 100%; }
		.con_01 > .flex .item_02 .top { min-height: auto; }
		.con_01 > .flex .item_02 .bottom { min-height: auto; }
		.con_01 > .flex .item_02:not(:last-child):after { top: auto; bottom: -60px; right: 50%; margin-right: -20px; transform: rotate(90deg); }
	}
}

/* 특허검색 */
.ptm301_tab4 {
	.input_group .form_select { width: 200px; }	
	.btn_view { display: inline-flex; border-radius: 6px; transition: all 0.3s; }
	.btn_view:hover, .btn_view:active { background: var(--hl-primary-10); }
	.btn_view > img { width: 26px; height: 26px; margin: 10px; }
	@media screen and (max-width: 800px){
		.input_group { flex-wrap: wrap; }
		.input_group .form_select { width: calc(100%/2 - 5px); }
		.input_group .sch_input { width: 100%; }
	}
	@media screen and (max-width: 600px){
		.table_02 tr > td { padding: 0 0 0 100px; }
		.table_02 tr > td::before { width: 80px; }
		.tBox_08 { display: flex; flex-wrap: wrap;}
	}
}

/*=============================================================
게시판 > 공지사항
=============================================================== */
.news_info {
	.input_group > .form_select { width: 20%; min-width: 200px; }
	.table_area .title > a { text-align: left; display: block; font-weight: 500; padding: 10px 0; }
	.table_area .title > a > img { vertical-align: middle; }
	@media screen and (max-width: 600px){
		.input_group { flex-direction: column; }
		.input_group > .form_select { width: 100%; }
		.input_group > .sch_input { width: 100%; }
	}	
}

/*=============================================================
공통 - 공지사항 상세페이지 
=============================================================== */
.news_detail {
	.detail_title { padding: 20px 0; border-top: 2px solid var(--hl-gray-80); border-bottom: 1px solid var(--hl-gray-80);}
	.detail_title > .tit { margin-bottom: 16px; }
	.detail_title > .info { display: flex; }

	.detail_con { 
		padding: 50px 0; border-bottom: 2px solid var(--hl-gray-80);
		table {
			width:100%; border-top:2px solid var(--hl-point-70); border-right: 1px solid var(--hl-icegray-10); border-bottom: 2px solid var(--hl-point-70);
			th { padding: 6px; border-left: 1px solid var(--hl-icegray-10); border-bottom:1px solid var(--hl-icegray-10); background:var(--hl-gray-10); text-align:center; color:var(--hl-point);  } 
			td { padding: 6px; border-left: 1px solid var(--hl-icegray-10); border-right: 1px solid var(--hl-icegray-10); }  
			tr { border-bottom: 1px solid var(--hl-icegray-10); }  
		}
	}
	.detail_con img { display: block; }
	.detail_con a > img { display: inline-block; }

	.detail_file { padding: 20px; background: var(--hl-gray-10); border-bottom: 2px solid var(--hl-gray-80);}
	.detail_file > .file_list > li { margin-bottom: 10px; }

	.page_list { margin: 30px 0; }
	.page_list .prev { display: flex; border-top: 1px solid var(--hl-gray-20); border-bottom: 1px solid var(--hl-gray-20); font-size: 1.8rem; } 
	.page_list .next { border-top: none; } 
	.page_list .prev > b { display: inline-flex; justify-content: center; width: 8rem; padding: 15px; }
	.page_list .prev > a { display: block; width: 90%; padding: 15px; }
	.page_list .prev > a:hover { text-decoration: underline; }

	@media screen and (max-width: 800px){
		.detail_file > .file_list > li > a { height: auto; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 10px 40px 10px 10px; white-space: initial;}
	}
	@media screen and (max-width: 500px){
		.btn_area > .btn { width: 50%; }
		.detail_con .qa_con .q_box { font-size: 1.6rem; }
		.detail_con .qa_con .a_box { font-size: 1.6rem; padding: 10px; }
	}
	@media screen and (max-width: 360px){
		.detail_title > .info { font-size: 1.4rem; }
	}
}

/*=============================================================
게시판 > 과제공고
=============================================================== */
.ptm400 {
	.flex { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; justify-content: space-between; 
		@media screen and (max-width: 600px){ 
			flex-direction: column; width: 100%; 
		}
	}
}