.wrap {
	max-width: 140rem;
	min-width: 32rem;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	padding: 2.5rem 1.0rem;
	/* gap: 2.5rem; */
}
/* 사이드 내용 */
aside {width: 45rem; margin-right: 2.5rem;}
.side_wrap {
	display: flex;
	flex-direction: column;
	/* gap: 2.5rem; */
}
.side_picture {
	background-image: url("../img/snap03.jpg");
	background-repeat: no-repeat;
	height: 30rem;
	background-position: center center;
	background-size: cover;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}
.side_intro_group {
	padding: 1.5rem;
}

.text-content {font-family: 'Karla', sans-serif;}
.text-content .text {
	font-size: 2rem;
	color: #2c3e50;
}
.text-content .name {
	font-size: 4rem;
	color: #2c3e50;
	margin: 0.25rem 0 0.15rem -0.3rem;
	font-weight: bold;
}
.text-content .job {
	font-size: 2.2rem;
	color: #2c3e50;
	display: flex;
}
.text-content .job .typing-text {
	font-weight: bold;
	color: #1de2d1;
	margin-left: 1rem;
	white-space: nowrap;
	overflow: hidden;
	border-right: 0.4rem solid #1e90ff;
	animation: typing 4.5s steps(22) infinite;
	background: linear-gradient(-70deg,#3cb371,#1e90ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@keyframes typing {
	0% {
		width: 0ch;
	}
	50% {
		width: 24ch;
	}
	100% {
		width: 0ch;
	}
}


/* .name {
	font-size: 32px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	background: linear-gradient(-70deg,#3cb371,#1e90ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
} */
.intro {
	font-size: 1.5rem;
	line-height: 2.2rem;
}
.common_panel {
	border-radius: 0.5rem;
	background-color: white;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	margin-bottom: 2.5rem;
}
.side_personal {
	font-size: 1.5rem;
	border-top: 0.1rem solid #eee;
	padding: 1.5rem 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.interests_title {
	font-weight: bold;
	font-size: 1.6rem;
}
.interests_list_wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.interests_list_wrap > span {width: 20rem;}
.interests_list_wrap > span::before {
	content: '+';
	color: #5CAB7D;
	font-weight: bold;
	padding-right: 0.5rem;
}
.side_personal > div {
	display: flex;
	margin-bottom: 0.8rem;
	align-items: flex-start;
	gap: 1rem;
}
.side_personal_group {
	padding: 0 1.5rem;
}
.side_personal i {
	color: #2F3138;
}
.side_sns {
	border-top: 0.1rem solid #eee;
	padding: 1.5rem 0;
}

.menu_title {
	background-color: #2F3138;
	color: white;
	font-weight: bold;
	padding: 0.7rem 1.5rem;
	font-size: 1.8rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 3.5rem;
}
.menu_title span{
	line-height: 3.5rem;
}
.menu_title > div {
	display: flex;
	align-items: center;
	gap: 3px;
}
.point-color { color: #fff; }
.btn_up, .btn_down {
	cursor: pointer;
	transition: transform .2s;
}
.btn_up:hover, .btn_down:hover { transform: scale(1.3); }
.reduce_wrap { font-size: 2.7rem; text-align: center; margin: -0.1rem 0 -0.1rem; display: block;}
.reduce_wrap > i {cursor: pointer; transition: transform .2s;}
.reduce_wrap > i:hover { transform: scale(1.3);}
.content_box { display: none; }

/* DIGITAL CLOCK */
.time-container > * {font-family: 'Orbitron', sans-serif;}
.time-container {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 2.0rem 0;
	background: #fff;
}
.time {display: flex; align-items: center;}
.time-colon {
	display: flex;
	align-items: center;
	position: relative;
}
.time-text {
	width: 8.0rem;
	height: 8.0rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #F7F7F7;
	border-radius: 0.6rem;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,.2);
}
.time-text,
.colon {
	font-size: 3rem;
	font-weight: 600;
}
.colon {
	font-size: 3.5rem;
	margin: 0 1rem;
}
.tval-text {font-size: 1rem; font-weight: 800; letter-spacing: 0.2rem;}
.am_pm {
	margin-right: 1rem;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.1rem;
}

/* 소개 내용 */
section {flex: 6.5;}
.content_wrap {
	display: flex;
	flex-direction: column;
	/* gap: 2.5rem; */
}
.content_padding {
	padding: 1.5rem;
}
.bar_wrap {
	margin-bottom: 1.5rem;
}
.bar_border {
	width: 100%;
	height: 2.0rem;
	background-color: #f1f1f1;
	overflow: hidden;
	border-radius: 1.6rem;
}
.bar_fill {
	width: 0;
	height: 2.0rem;
	background: linear-gradient(-70deg,#3cb371,#1e90ff);
	padding: 0 1.5rem;
	text-align: center;
	line-height: 2.0rem;
	font-weight: bold;
	font-size: 1.2rem;
	color: white;
}
.skill_title { font-size: 1.5rem; padding: 0 0 0.5rem 0.8rem; }
.content_padding > .bar_wrap:last-child { margin: 0; }
.content_padding > table {
	width: 100%;
	border-collapse: collapse;
}
.content_padding th { padding: 0.7rem 0.5rem; background-color: #f2f2f2; }
.content_padding td { padding: 1rem 0.5rem; }
.content_padding tr { border-bottom: 0.1rem solid #cfcfd1;}
.edu_table {
	border-top: 0.2rem solid #7c7c7c;
}
.edu_table tr {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.edu_table td { text-align: center; }
.work_table tr th:nth-child(1), .work_table tr td:nth-child(1) {flex: 2.5; }
.work_table tr th:nth-child(2), .work_table tr td:nth-child(2) {flex: 2.5; }
.work_table tr th:nth-child(3), .work_table tr td:nth-child(3) {flex: 1; }
.work_table tr th:nth-child(4) {flex: 4;}
.work_table tr td:nth-child(4) {flex: 4; text-align: left; }

.edu_ex_table tr th:nth-child(1), .edu_ex_table tr td:nth-child(1) {flex: 2; }
.edu_ex_table tr th:nth-child(2), .edu_ex_table tr td:nth-child(2) {flex: 1.5; }
.edu_ex_table tr th:nth-child(3) {flex: 5.5; }
.edu_ex_table tr td:nth-child(3) {flex: 5.5; text-align: left; }
.edu_ex_table tr th:nth-child(4), .edu_ex_table tr td:nth-child(4) {flex: 1; }

.license_table tr th:nth-child(1), .license_table tr td:nth-child(1) {flex: 0.5; }
.license_table tr th:nth-child(2) {flex: 4; }
.license_table tr td:nth-child(2) {flex: 4; text-align: left; }
.license_table tr th:nth-child(3) {flex: 2.5; }
.license_table tr td:nth-child(3) {flex: 2.5;}
.license_table tr th:nth-child(4), .license_table tr td:nth-child(4) {flex: 2; }

.edu_cm_table tr th:nth-child(1), .edu_cm_table tr td:nth-child(1) {flex: 0.5; }
.edu_cm_table tr th:nth-child(2) {flex: 5; }
.edu_cm_table tr td:nth-child(2) {flex: 5; text-align: left; }
.edu_cm_table tr th:nth-child(3), .edu_cm_table tr td:nth-child(3) {flex: 2; }
.edu_cm_table tr th:nth-child(4), .edu_cm_table tr td:nth-child(4) {flex: 2.5; }

.awards_table tr th:nth-child(1), .awards_table tr td:nth-child(1) {flex: 1.5; }
.awards_table tr th:nth-child(2) {flex: 5.5; }
.awards_table tr td:nth-child(2) {flex: 5.5; text-align: left;}
.awards_table tr th:nth-child(3), .awards_table tr td:nth-child(3) {flex: 3;}
ul.pj-affiliation > li{
	padding-bottom: 0.3rem;
}
.edu_table tr:hover {
	background-color: #f4f9ff;
}
.download_wrap {
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 2.5rem;
}
.download_wrap div {
	transition: transform .3s;
	border-radius: 0.5rem;
	overflow: hidden;
}
.download_wrap div button {
	padding: 0.8rem 2rem;
	color: white;
	background-color: #EBA444;
	border: none;
	outline: none;
	cursor: pointer;
	width: 11rem;
	height: 3.5rem;
}
.download_wrap div:hover {
	transform: scale(1.2);
	box-shadow: 0 0.4rem 1rem 0 rgba(0,0,0,0.2), 0 0.4rem 2rem 0 rgba(0,0,0,0.19);
}
.chatbot_wrap {
	min-width: 39rem;
	max-width: 39rem;
	display: block;
	position: fixed;
	z-index: 990;
	border-radius: 0.5rem;
	right: 15rem;
	bottom: 3rem;
	box-shadow: 0 0.4rem 1rem 0 rgba(0,0,0,0.2), 0 0.4rem 2rem 0 rgba(0,0,0,0.19);
	overflow: hidden;
}
.chatbot_box {
	background-color: #E1EEEE;
}
.chat_msg_box, .human_msg_box {
	display: flex;
}
.human_msg_box {
	justify-content: flex-end;
}
.chat_msg_box_left {
	width: 4rem;
	height: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: white;
}
.chat_msg_box_left > i {
	font-size: 2rem;
	color: #2F3138;
}
.chat_msg_box_right {
	max-width: 32.2rem;
	padding-left: 0.7rem;
	font-size: 1.4rem;
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}
.human_msg_box .chat_msg_date {
	text-align: right;
}
.human_msg_box .chat_msg_info {
	background-color: #f2e018;
}
.chat_msg_date {
	font-size: 1.1rem;
}
.chat_msg_info {
	color: black;
	background-color: white;
	padding: 1rem;
	border-radius: 0.5rem;
	overflow: hidden;
}
.msg_box {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding: 1.6rem 1.4rem;
	height: 51rem;
	
}
.msg_input {
	display: flex;
	height: 4rem;
}
.msg_input input {
	width: 100%;
	height: 4rem;
	border: none;
	outline: none;
	font-size: 1.6rem;
	color: #2F3138;
	padding-left: 1rem;
}
.msg_input button {
	width: 4rem;
	height: 4rem;
	border: none;
	padding: 0;
	background-color: white;
	cursor: pointer;
	color: #2F3138;
}
.msg_input button:hover {
	color: #10A37F;
}
.msg_input > button > i {
	font-size: 1.6rem;
	color: inherit;
}
@keyframes flow-btn {
		0% { background-position: 0%; }
		100% { background-position: 400%; }
}
.err_msg {
	color: #DD4B4F;
	font-size: 2rem;
	visibility: hidden;
}
.hover-gradaiton {cursor: pointer;}
.hover-gradaiton:hover {
	font-weight: bold;
	background: linear-gradient(-70deg,#3cb371,#1e90ff);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
span.Publications_type {
	display: inline-block;
	font-size: 1.7rem;
	font-weight: bold;
	padding-bottom: 0.8rem;
	padding-left: 0.5rem;
	color: #263959;
}
.paper_wrap { border-top: 0.2rem solid #7c7c7c; }
.paper_box { padding: 1rem 1.7rem; border-bottom: 0.1rem solid #cfcfd1; }
.paper_box:hover { background: #f4f9ff;}
.paper_box > a {display: block;}
.paper_title > strong {display: flex; font-size: 1.7rem; font-weight: bold; color: #4054B2; margin: 0.5rem 0; flex-wrap: wrap; gap: 7px;}
.point_wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	/* gap: 0.5rem; */
	flex-wrap: wrap;
}
.title_link { display: flex; gap: 7px; align-items: center;}
.pj-title,
.pj-info {display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; flex-wrap: wrap;}
.pj-part {font-family: 'Acme', sans-serif; }
.pj-local {color: #DA4536; font-size: 1.3rem; font-style: italic; font-weight: normal;}
.pj-date {font-size: 1.3rem; font-weight: normal;}
.pj-contents {padding: 0;}
.pj-contents > li {list-style: inside; margin: 0; padding-bottom: 0.5rem;}
.point_box { font-size: 1.2rem; display: inline-block; background-color: #444; color: white; border-radius: 2.5rem; padding: 0.3rem 1rem; margin-right: 0.5rem; margin-top: 0.2rem;}
.header-tab {
	text-align: center;
}
.header-tab > input[type='radio'] { display: none; }
.header-tab > label {
	font-family: 'Acme', sans-serif;
	font-size: 1.7rem;
	padding: 0.5rem 1.5rem;
	border-radius: 2.5rem;
	color: #444;
	cursor: pointer;
}
.header-tab > input[type='radio']:checked + label {
	color: white;
	background: linear-gradient(-70deg,#3cb371,#1e90ff);
}
.tab_box {display: none;}
.header-tab > span {padding: 0 1rem;}
.paper_info_box {display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem;}
.swallow_color { color: #AAA; }
.paper_category {margin: 1rem 0 0.5rem; padding-left: 1rem; font-size: 1.8rem; font-family: 'Acme', sans-serif;}
.stamp {font-size: 1.3rem; text-align: center; border: 0.1rem solid #AAA; border-radius: 0.2rem; padding: 0.2rem 0.6rem; transition: .2s ease; cursor: pointer;}
.kci {color: #009c4d; border-color: #009c4d; background-image: none; background-color: transparent;}
.kci:hover {color: #fff; background-color: #009c4d;}
.sci {color: #007bff; border-color: #007bff; background-image: none; background-color: transparent;}
.sci:hover {color: #fff; background-color: #007bff;}
.if_score {color: #DA4536; border-color: #DA4536; font-style: italic;}
.if_score:hover {color: #fff; background-color: #DA4536;}
.best_award {color: #F46193; border-color: #F46193; background-image: none; background-color: transparent;}
.best_award:hover {color: #fff; background-color: #F46193;}
.sbest_award {color: #6B58B2; border-color: #6B58B2; background-image: none; background-color: transparent;}
.sbest_award:hover {color: #fff; background-color: #6B58B2;}

td.awards_paper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
}







/* Side Button */
.fix_btn {
	z-index: 999;
	position: fixed;
	right: 5rem;
	color: white;
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.7rem;
	cursor: pointer;
	box-shadow: 0 0.4rem 1rem 0 rgba(0,0,0,0.2), 0 0.4rem 2rem 0 rgba(0,0,0,0.19);
}
.fix_btn > i {
	transition: transform .3s;
}
.fix_btn:hover > i{
	animation: heartBeat 1.5s infinite;
}
.chatbot_btn, .chatbot_close_btn {
	bottom: 10rem;
	background-color: #10A37F;
}
.kakao_btn, .kakao_close_btn {
	bottom: 3rem;
	background-color: #1E90FF;
}
.top_btn {
	bottom: 5rem;
	background-color: #2F3138;
	display: none;
}


/* Window for Chatbot and kakao */
.window_wrap {
	min-width: 39rem;
	max-width: 39rem;
	display: none;
	position: fixed;
	z-index: 990;
	border-radius: 0.5rem;
	right: 15rem;
	bottom: 3rem;
	box-shadow: 0 0.4rem 1rem 0 rgba(0,0,0,0.2), 0 0.4rem 2rem 0 rgba(0,0,0,0.19);
	overflow: hidden;
}
.window_title {
	background-color: #2F3138;
	color: white;
	font-weight: bold;
	padding: 0.7rem 0 0.7rem 1.5rem;
	font-size: 1.8rem;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 3.5rem;
}
.window_title span{
	line-height: 3.5rem;
}
.window_title > div {
	display: flex;
	align-items: center;
	gap: 3px;
}
.window_close_btn {
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    cursor: pointer;
}

/* ChatBot */
.chatbot_box {
	background-color: #E1EEEE;
}

.chat_msg_box, .human_msg_box {
	display: flex;
}
.human_msg_box {
	justify-content: flex-end;
}

.chat_msg_box_left {
	width: 4rem;
	height: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: white;
}
.chat_msg_box_left > i {
	font-size: 2rem;
	color: #2F3138;
}
.chat_msg_box_right {
	max-width: 32.2rem;
	padding-left: 0.7rem;
	font-size: 1.4rem;
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}
.human_msg_box .chat_msg_date {
	text-align: right;
}
.human_msg_box .chat_msg_info {
	background-color: #f2e018;
}
.chat_msg_date {
	font-size: 1.1rem;
}
.chat_msg_info {
	color: black;
	background-color: white;
	padding: 1rem;
	border-radius: 0.5rem;
	overflow: hidden;
}
.msg_box {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding: 1.6rem 1.4rem;
	height: 51rem;
	overflow-y: auto;
}
.msg_input {
	display: flex;
	height: 4rem;
}
.msg_input input {
	width: 35rem;
	height: 4rem;
	border: none;
	outline: none;
	font-size: 1.6rem;
	color: #2F3138;
	padding-left: 1rem;
}
.msg_input button {
	width: 4rem;
	height: 4rem;
	border: none;
	padding: 0;
	background-color: white;
	cursor: pointer;
	color: #2F3138;
}
.msg_input button:hover {
	color: #10A37F;
}
.msg_input > button > i {
	font-size: 1.6rem;
	color: inherit;
}
.chatbot_close_btn, .kakao_close_btn {
	display: none;
}


/* Kakao */
.kakao_box {
	background-color: white;
}
#kakao_msg_box {
	height: auto;
}
.kakao_msg_info {
	font-size: 1.5rem;
}
.kakao_input_area {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.kakao_input_box {
	border: 1px solid #2d2f31;
	display: flex;
	align-items: center;
	position: relative;
}
.kakao_input {
	width: 100%;
	border: 0!important;
	box-shadow: none!important;
	outline: 0!important;
	height: 6rem!important;
	padding: 2rem 1.6rem 0;
	transition: opacity 100ms linear;
	font-size: 1.6rem;
	opacity: 0;

}
.kakao_input_label {
	width: 95%;
	z-index: 100;
	font-weight: bold;
	font-size: 1.6rem;
	left: .8rem;
	position: absolute;
	top: .8rem;
	border: 1px solid transparent;
	transform: translateY(1.2rem);
	transform-origin: top left;
	transition: all 150ms cubic-bezier(.2,0,.38,.9);
}

#send_kakao_btn{
	font-family: 'Nanum Gothic', sans-serif;
	width: 100%;
	text-align: center;
	height: 4.5rem;
	font-size: 1.6rem;
	line-height: 2.4rem;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
	font-weight: bold;
	display: flex;
	border-radius: 0.4rem;
	justify-content: center;
	align-items: center;
	color: #191919;
	border: 0;
	outline: none;
	background: #FEE500;
	cursor: pointer;
	transition: all 0.1s ease;
	text-align: center;
}





























.pj-info,
.pj-contents,
.paper_info_box,
.content_box {
	font-size: 1.5rem;
}



/* 태블릿
	##Device = Most of the Smartphones Mobiles (Portrait)
	##Screen = 768px에서 1024px 사이
*/
@media (min-width: 768px) and (max-width: 1024px) {
	.html, body { font-size: 50%; }
	.wrap {
		width: 100%;
		flex-direction: column;
		padding: 0.5rem;
		gap: 0;
	}

	aside, .side_wrap, .content_wrap {
		width: 100%;
		margin: 0 auto;
	}
	.navigation-manual,
	.navigation-auto { width: 100%!important; }
	.digital_clock {display: none;}
}

/* 스마트폰
	##Device = Most of the Smartphones Mobiles (Portrait)
	##Device = 대부분의 스마트폰 모바일 기기(세로)
	##Screen = 320px에서 768px 사이
*/
@media (min-width: 320px) and (max-width: 768px) {
	.html, body { font-size: 50%; }
	.wrap {
		width: 100%;
		flex-direction: column;
		padding: 0.5rem;
		gap: 0;
	}

	aside, .side_wrap, .content_wrap {
		width: 100%;
		margin: 0 auto;
	}
	.nav_menu {
		display: none;
	}

	.work_table tr th:nth-child(1), .work_table tr td:nth-child(1) { display: none; }
	.work_table tr th:nth-child(4), .work_table tr td:nth-child(4) { display: none; }

	.edu_ex_table tr th:nth-child(1), .edu_ex_table tr td:nth-child(1) { display: none; }
	.edu_ex_table tr th:nth-child(2), .edu_ex_table tr td:nth-child(2) { flex: 3; }
	.edu_ex_table tr th:nth-child(3), .edu_ex_table tr td:nth-child(3) { flex: 5; }
	.edu_ex_table tr th:nth-child(4), .edu_ex_table tr td:nth-child(4) { flex: 2; }

	.license_table tr th:nth-child(1), .license_table tr td:nth-child(1) { display: none; }
	.license_table tr th:nth-child(4), .license_table tr td:nth-child(4) { display: none; }

	.awards_table tr th:nth-child(1), .awards_table tr td:nth-child(1) { display: none; }

	.edu_cm_table tr th:nth-child(1), .edu_cm_table tr td:nth-child(1) { flex: 0.5; }
	.edu_cm_table tr th:nth-child(2), .edu_cm_table tr td:nth-child(2) { flex: 5.5; }
	.edu_cm_table tr th:nth-child(3), .edu_cm_table tr td:nth-child(3) { flex: 4; }
	.edu_cm_table tr th:nth-child(4), .edu_cm_table tr td:nth-child(4) { display: none; }

	.top_btn { display: none!important; }
	.content_padding {
		padding: 10px;
	}
	.point_wrap { display: none; }
	.dev_id {
		display: block;
	}
	.pj-local,
	.swallow_color {display: none;}
	.pj-info {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
	.job {font-size: 1.8rem!important;}
	.digital_clock,
	.stamp {display: none;}

	.navigation-manual,
	.navigation-auto { width: 100%!important; }

	/* 카카오, 챗봇 버튼 */
	.fix_btn {right: 10px; width: 35px; height: 35px; font-size: 1.7rem;}
	.top_btn {bottom: 11rem;}
	.chatbot_btn, .chatbot_close_btn {bottom: 7rem;}

	/* 카카오, 챗봇 페이지 */
	.window_wrap {top: 2rem; bottom: auto; right: auto; min-width: 90%; max-width: 90%;}
}