@charset "UTF-8";

/*-------------------------------------------------
	title 		: New Common CSS
	Author 		: (주)지플러스
	Create date : 2024-09
-------------------------------------------------*/

:root {
	--submission-kra: #2BBDD1;
	--submission-kea: #737EE1;
	--submission-kna: #E16AA5;
	--submission-kpop: #E17373;
	--submission-kmap: #69B578;
	--submission-kpc: #E5325B;
	--submission-bioproject: #1A57BF;
	--submission-biosample: #00A081;
	--submission-gena: #E2E5F2;
	--submission-kso:#F66446;
	--submission-kvar:#2B9ED1;
}

.helpdesk-btn {
	background-color: #7054E6;
	color: #FFFFFF;
}

.helpdesk-btn::before {
	position: absolute;
	content: '';
	display: block;
	top: 1.3rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 2.5rem;
	height: 2.5rem;
	background: url(../../../image/service/main/new/call_icon.png) no-repeat center / cover;
}

@media all and (min-width: 1024px) {
	/* -------- Sub menu */
	.sub #gnb1 > ul > li { position: relative; }
	.sub #gnb1 > ul > li.active .submenu::before { display: none; }
	.sub #gnb1 > ul > li .submenu li { display: block; padding: 0; }
	.sub #gnb1 > ul > li .submenu { width: auto; margin-top: -1rem; background: linear-gradient(180deg, #FFFFFF 0%, #F2F8FF 100%); border-radius: 0 0 22px 22px; box-shadow: 0 5px 6px rgba(0, 0, 0, .16); }
	.sub #gnb1 > ul > li .submenu li:not(:last-child)::after { display: none; }
}

.cmm-word-break-word { display: block; word-break: break-word; }
.line_view.no-min { min-width: auto; margin-right: 0; }


/* -------- Override */
.info_btn .hidden_desc { background: #f8f9fa; }

.sub-link-btn-wrap .sub-link-btn {
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	padding: .75rem 1.5rem;
	background-image: linear-gradient(75deg, #1268FA, #1DBA8F);
	border-radius: 5px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #FFFFFF;
}

.submit-md-wrap .sub-link-btn-wrap { display: flex; align-items: center; gap: 1rem; margin: 2rem 1rem 0 1rem; }
.depth4_tabs.center ul { justify-content: center; }
.depth4_tabs.center ul li .active::after { background: #015FEB; }

@media all and (min-width: 768px) {
	.submit-md-wrap .sub-link-btn-wrap { position: absolute; top: -5px; left: .5rem; margin: 0; }
}

/*
 * custom width
 * w : width
 * wp : width percent
 * ex) custom-wp-16 = 16%
 * ex) custom-w-5 = 5rem
 */
.custom-w-5 { width: 5rem !important; }
.custom-w-6 { width: 6rem !important; }
.custom-wp-16 { width: 16%; }
.custom-wp-16-7 { width: 16.7%; }

/* -------- Calendar */
.new-cal,
.form_table tr td .new-cal {
	width: 100%;
	max-width: calc(100% - 23rem);
	height: 4rem;
}

.new-cal input[type="text"],
.form_table tr td .new-cal input[type="text"] {
	width: calc(100% - 3rem);
	height: 4rem;
}

.new-cal .btn_calendar,
.form_table tr td .new-cal .btn_calendar {
	height: 4rem;
}

.new-con-table.type_oa {
	overflow: auto;
}

.new-con-table table {
	border-top: 2px solid #AAAAAA;
}

.new-con-table tr th,
.new-con-table tr td {
	padding: 1rem 2rem;
}

.new-con-table tr th {
	background-color: #F8F9FA;
	font-size: 1.6rem;
	font-weight: 600;
	color: #222222;
	text-align: left;
}

.new-con-table tr td {
	font-size: 1.6rem;
	font-weight: 400;
	color: #333333;
}

.new-con-table tr:not(:last-child) {
	border-bottom: 1px solid #DDDDDD;
}

.main_data_wrap .project_box.type_contact .info dd .icon.BioSample {
	background-color: #00A081;
	text-align: center;
	line-height: 4rem;
}

.main_data_wrap .project_box.type_contact .info dd .icon.BioSample img {
	width: 2.5rem;
	height: 2.5rem;
}

/* -------- Guide */
.guide-inner-link { color: #155CD6; }

/* -------- Intergrated Search (Total) */
.cmm-total-search-container { position: relative; }
.cmm-total-search-container .total-search-result { margin-bottom: 2rem; font-size: 2rem; color: #555555; letter-spacing: -.1rem; }
.cmm-total-search-container .total-search-top-box {
	padding: 2.5rem 3rem;
	overflow: hidden;
	background: url(../../../image/service/content/search_img01.png) no-repeat top/cover;
	border-radius: 10px;
}

.cmm-total-search-container .total-search-top-box h4 { margin-bottom: 1rem; font-size: 2.8rem; font-weight: 500; color: #FFFFFF; letter-spacing: -.28px; }
.cmm-total-search-container .top-box-count-area { width: 100%; }
.cmm-total-search-container .top-box-count { width: 100%; padding: 1.8rem 2.7rem; border-radius: 15px; }
.cmm-total-search-container .top-box-count.bioProject { background: linear-gradient(110deg, #5598F1, #0751B7); }
.cmm-total-search-container .top-box-count.bioSample { background: linear-gradient(110deg, #10BB94, #068787); }
.cmm-total-search-container .top-box-count + .top-box-count { margin-top: 1rem; }
.cmm-total-search-container .top-box-count .box-count-title { display: flex; align-items: center; gap: 1rem; font-size: 1.8rem; font-weight: 500; color: #FFFFFF; }
.cmm-total-search-container .top-box-count .img { display: inline-flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 10px; }
.cmm-total-search-container .top-box-count .img img { width: 2.5rem; }
.cmm-total-search-container .top-box-count.bioProject .img { background-color: #1A57BF; }
.cmm-total-search-container .top-box-count.bioSample .img { background-color: #00A081; }
.cmm-total-search-container .top-box-count .box-link-wrap { margin-top: .9rem; }
.cmm-total-search-container .top-box-count .box-link-wrap a { position: relative; display: block; background-color: #FFFFFF; border-radius: 19px; }
.cmm-total-search-container .top-box-count .box-link-wrap a + a { margin-top: 1rem; }
.cmm-total-search-container .top-box-count .box-link-wrap a .icon { display: inline-block; width: 3.8rem; height: 3.8rem; background-color: #ECECEC; border-radius: 100%; font-size: 1.8rem; text-align: center; line-height: 3.8rem; }
.cmm-total-search-container .top-box-count .box-link-wrap a.public .icon { color: #01BB33; }
.cmm-total-search-container .top-box-count .box-link-wrap a.private .icon { color: #E37357; }
.cmm-total-search-container .top-box-count .box-link-wrap a strong { position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); font-size: 1.6rem; font-weight: 500; color: #343434; }

.cmm-total-search-container .top-box-info { margin: 1.7rem 0; text-align: right; }
.cmm-total-search-container .top-box-info > div { display: inline-block; vertical-align: middle; border: 1px solid #DFDFDF; border-radius: 19px; }
.cmm-total-search-container .top-box-info div + div { margin-left: 1rem; }
.cmm-total-search-container .top-box-info > div .icon { display: inline-block; width: 3.8rem; height: 3.8rem; background-color: #ECECEC; border-radius: 100%; font-size: 1.8rem; text-align: center; line-height: 3.8rem; }
.cmm-total-search-container .top-box-info > div.public .icon { color: #01BB33; }
.cmm-total-search-container .top-box-info > div.private .icon { color: #E37357; }
.cmm-total-search-container .top-box-info > div strong { display: inline-block; padding: 0 1rem; font-size: 1.4rem; font-weight: 500; color: #555555; }

.cmm-total-search-container .total-search-result-grid { display: grid; grid-template-columns: 100%; gap: 2rem; }
.cmm-total-search-container .total-search-result-box.one-lst .total-search-lstbox { grid-template-columns: 100%; gap: 0; }
.cmm-total-search-container .total-search-result-box .title { margin-bottom: 1.25rem; font-size: 2.2rem; font-weight: 700; color: #111111; letter-spacing: -.22px; }
.cmm-total-search-container .total-search-result-box + .total-search-result-box .title { margin-top: 1.25rem; }
.cmm-total-search-container .total-search-result-box .title i { margin-right: .4rem; font-size: 2.5rem; font-weight: 300; }
.cmm-total-search-container .total-search-lstbox { display: grid; grid-template-columns: 100%; gap: 2rem; }
.cmm-total-search-container .lstbox-item .lstbox-item-inner { background-color: #FFFFFF; border: 1px solid #97C0F6; border-radius: 7px; }
.cmm-total-search-container .lstbox-item .lstbox-title { padding: 1.6rem 1.9rem; background-color: #F6FAFF; border-radius: 7px 7px 0 0; font-size: 1.8rem; font-weight: 700; color: #333333; }
.cmm-total-search-container .lstbox-list { padding: 0 1.9rem; }
.cmm-total-search-container .lstbox-list li { display: flex; align-items: center; padding: 1rem 0; }
.cmm-total-search-container .lstbox-list li:not(:first-child) { border-top: 1px solid #CCCCCC; }
.cmm-total-search-container .lstbox-list li strong { display: block; max-width: 18rem; font-size: 1.5rem; font-weight: 500; color: #666666; word-break: keep-all; }
.cmm-total-search-container .lstbox-list .lstbox-linked { margin-left: auto; }
.cmm-total-search-container .lstbox-list .lstbox-linked a + a { margin-left: .5rem; }
.cmm-total-search-container .lstbox-list .lstbox-linked a:hover span,
.cmm-total-search-container .lstbox-list .lstbox-linked a:focus span { font-weight: 700; color: #5598F1; }
.cmm-total-search-container .lstbox-list .lstbox-linked span { display: inline-flex; align-items: center; gap: .5rem; font-size: 1.2rem; font-weight: 400; color: #555; }
.cmm-total-search-container .lstbox-list .lstbox-linked span i { display: inline-block; vertical-align: middle; width: 1.4rem; height: 1.4rem; background-color: #ECECEC; border-radius: 100%; text-align: center; line-height: 1.4rem; }
.cmm-total-search-container .lstbox-list .lstbox-linked span.unlock i { color: #01BB33; }
.cmm-total-search-container .lstbox-list .lstbox-linked span.lock i { color: #E37357; }

.cmm-total-search-container .lstbox-list li a.ministry-link { margin-left: auto; font-size: 1.2rem; font-weight: 400; color: #287FD6; }
.cmm-total-search-container .total-search-result-box.one-lst .lstbox-item .lstbox-title { background-color: #F2F7F8; }
.cmm-total-search-container .total-search-result-box.etc .lstbox-item .lstbox-title { background-color: #F5F2F8; }

.cmm-total-search-container .total-search-result-box.one-lst .lstbox-item .lstbox-item-inner { border-color: #D0D2E5; }
.cmm-total-search-container .total-search-result-box.etc .lstbox-item .lstbox-item-inner { border-color: #D5C6E5; }

@media all and (min-width: 768px) {
	.cmm-total-search-container .top-box-count .box-link-wrap { display: flex; align-items: center; }
	.cmm-total-search-container .top-box-count .box-link-wrap a { display: inline-block; flex: 1; }
	.cmm-total-search-container .top-box-count .box-link-wrap a + a { margin-top: 0; margin-left: 1rem; }

	.cmm-total-search-container .total-search-lstbox { grid-template-columns: repeat(2, 1fr); }
}

@media all and (min-width: 992px) {
	.cmm-total-search-container .total-search-top-box { display: flex; align-items: center; padding: 1rem 1rem 1rem 3rem; }
	.cmm-total-search-container .total-search-top-box h4 { margin-bottom: 0; }
	.cmm-total-search-container .top-box-count-area { display: flex; gap: 1.5rem; width: auto; margin-left: auto; }
	.cmm-total-search-container .top-box-count { width: auto; }
	.cmm-total-search-container .top-box-count + .top-box-count { margin-top: 0; }
	.cmm-total-search-container .top-box-count .box-link-wrap a { min-width: 12rem; }
	.cmm-total-search-container .top-box-count .box-link-wrap a strong { right: 1.5rem; }

	.cmm-total-search-container .total-search-result-grid { grid-template-columns: 3fr 1fr; }
	.cmm-total-search-container .total-search-result-grid .total-search-lstbox { grid-template-columns: repeat(3, 1fr); }
	.cmm-total-search-container .total-search-lstbox { grid-template-columns: repeat(4, 1fr); }
	.cmm-total-search-container .total-search-result-box.one-lst .title { margin: 1.45rem 0; }
	.cmm-total-search-container .total-search-result-box.one-lst .total-search-lstbox:first-of-type .title { margin-bottom: 1.2rem; }
}





	/* -------- BioProject, BioSample Main */

.border_box-mod .tit_list li {
	display: inline-flex;
	align-items: center;
	flex: 1 0 calc(50% - .5rem);
	padding: 1rem;
	background-color: #F7F8FA;
	border-radius: 5px;
	font-size: 1.4rem;
}

.border_box-mod .tit_list.full li {
	flex: 1 0 100%;
}

.border_box-mod .tit_list li .color {
	display: inline-block;
	vertical-align: middle;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .6rem;
	background-color: #DDDDDD;
	border-radius: 50%;
}

.data-chart-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; padding: 3rem; border: 1px solid #E1E1E1; border-radius: 15px; }
.data-chart-container .project_box { margin-top: 0; padding: 0; border: 0 none; border-radius: 0; }
.data-chart-container .border_box-mod { position: relative; display: flex; align-items: flex-start; flex-direction: column; }
.data-chart-container .border_box-mod .chart_box { width: 100%; background-color: #FFFFFF; border: 0 none; }
.data-chart-container .border_box-mod .chart_box .chart_area { min-height: 30rem; }
.data-chart-container .border_box-mod .tit_list { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; width: 100%; }
.data-chart-container .border_box-mod .tit_list li {
	display: inline-flex;
	align-items: center;
	flex: 1 0 calc(50% - .5rem);
	padding: 1rem 1.5rem;
	background-color: #F7F8FA;
	border-radius: 5px;
	font-size: 1.4rem;
}

.data-chart-container .border_box-mod .tit_list li .color { display: inline-block; vertical-align: middle; width: 1.5rem; height: 1.5rem; margin-right: .6rem; background-color: #DDDDDD; border-radius: 50%; }

@media (max-width: 768px) {
	.data-chart-container { grid-template-columns: 1fr; }
	.border_box-mod { display: block; }
	.border_box-mod .chart_box,
	.border_box-mod .tit_list { width: 100%; }
	.border_box-mod .chart_box { padding: 2rem; }
	.border_box-mod .chart_box .chart_area.active { min-height: 20rem; }
}

@media (max-width: 530px) {
	.data-chart-container .border_box-mod .tit_list li { flex: 1 0 100%; }
}

.bioSample-collection-wrap .new-cal { max-width: 100% !important;}
.bioSample-collection-wrap .new-cal:has(input[type="text"]:disabled),
.bioSample-collection-wrap .new-cal input[type="text"]:disabled { background-color: #e4e4e4; }
.bioSample-collection-radio-group {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
	padding: 1rem;
	background-color: #f7f8fa;
	border: 1px solid #E1E1E1;
}

.bioSample-collection-wrap .bioSample-collection-radio { position: relative; display: inline-block; width: calc(50% - 2rem); padding-left: 2rem; }
.bioSample-collection-wrap .bioSample-collection-radio::before {
	position: absolute;
	content: '';
	top: 4px;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #DDDDDD;
	border-radius: 100%;
}
.bioSample-collection-wrap input[type="radio"]:checked + .bioSample-collection-radio::before {
	border-color: #155CD6;
	border-width: 6px;
}

.bioSample-collection-wrap .bioSample-collection-radio:nth-of-type(even) { margin-left: .5rem; }
.bioSample-collection-wrap .bioSample-collection-radio:nth-of-type(3),
.bioSample-collection-wrap .bioSample-collection-radio:nth-of-type(4) { margin-top: 1rem; }
.bioSample-collection-wrap .desc { position: relative; padding-left: 2.5rem; font-size: 1.4rem !important; }
.bioSample-collection-wrap .desc::before {
	position: absolute;
	content: '\F448';
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	font-family: 'remixicon';
	font-size: 2rem;
	color: #020A72;
}

/* -------- 공개/비공개 아이콘 세팅 */
.common-public-data-container { position: relative; }
.common-public-data-container .unlock,
.common-public-data-container .lock { display: inline-flex; align-items: center; gap: .5rem; }
.common-public-data-container span { font-size: 1.5rem; }
.common-public-data-container span + span { margin-left: .5rem; }
.common-public-data-container span i {
	display: inline-block;
	vertical-align: middle;
	width: 1.7rem;
	height: 1.7rem;
	background-color: #ECECEC;
	border-radius: 100%;
	text-align: center;
	line-height: 1.7rem;
}

.common-public-data-container .unlock i { color: #01BB33; }
.common-public-data-container .lock i { color: #E37357; }

/* -------- Contact */
.contact {
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 2rem;
	padding: 4rem;
	background-color: #F7F8FA;
	border: 1px solid #E1E1E1;
	border-radius: 15px;
}

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

.contact .title {
	display: block;
	font-size: 2.2rem;
	font-weight: 700;
	color: #1A3871;
}

.contact .info dd {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.8rem;
	color: #111;
}

.contact .info dd ~ dd {
	margin-left: 1.5rem;
}

.contact .info.four-container dd .icon {
	border-radius: 10px;
}

.contact .info dd .icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 4rem;
	height: 4rem;
	margin-right: 1rem;
	border-radius: 50%;
	background: #155CD6;
	color: #fff;
}

.contact .info dd .icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.contact .info dd .icon img {
	width: 2.5rem;
	height: 2.5rem;
}

.contact .info dd .icon.BioSample {
	background-color: #00A081;
	text-align: center;
	line-height: 4rem;
}

.contact .info dd .icon.BioProject {
	background-color: #1A57BF;
	text-align: center;
	line-height: 4rem;
}

.contact .info dd .icon.KRA {
	background-color: #2BBDD1;
	text-align: center;
	line-height: 4rem;
}

.contact .info dd .icon.KMAP {
	background-color: #69B578;
	text-align: center;
	line-height: 4rem;
}

.contact .info dd .img {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 6rem;
	height: 4rem;
	margin-right: 1rem;
}

.contact .info dd .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.contact .info.four-container dd .icon,
.contact .info.four-container dd .img {
	margin-right: 0;
	transition: .2s;
}

.contact .info.four-container dd a {
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: .2s;
}

.contact .info.four-container dd:hover .icon,
.contact .info.four-container dd:hover .img {
	margin-right: 1rem;
}

.contact .info.four-container dd:hover a {
	display: inline;
	opacity: 1;
	visibility: visible;
}


/* -------- BioProject Browse - Table View */
.search-container { position: relative; }
.s_search_wrap .search-info { position: relative; display: flex; margin-top: -2rem; margin-bottom: 4rem; font-size: 1.5rem; font-weight: 400; color: #666666; }
.s_search_wrap .search-info i { margin-right: .5rem; color: #FC8A25; }
.s_search_wrap .search-box { height: auto; }
.search-bioproject { position: relative; }
.search-list-bioproject { text-align: right; }
.search-bioproject.search-list-bioproject .view-container { position: relative; display: inline-block; margin-bottom: 2rem; }

.search-bioproject .view-container {
	position: absolute;
	top: 0;
	right: 0;
	padding: .3rem;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 20px;
	/*box-shadow: 0 0 6px rgba(0, 0, 0, .1);*/
}

.search-bioproject .view-relative-container {
	position: relative;
	display: inline-block;
	padding: .5rem;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 20px;
}

.search-bioproject .view-container .view-type-btn,
.search-bioproject .view-relative-container .view-type-btn {
	display: inline-block;
	padding: .5rem 1.5rem;
	border-radius: 20px;
}

.search-bioproject .view-container .view-type-btn.active,
.search-bioproject .view-relative-container .view-type-btn.active {
	background-color: #078CE5;
	color: #FFFFFF;
}

.search-bioproject .filter-accordian .accordian-header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 14rem;
	padding: 1.5rem 1.5rem 1.3rem;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 5px 20px 0 0;
	font-size: 1.6rem;
	color: #000000;
	margin-bottom: -1px;
}

.search-bioproject .filter-accordian .accordian-header img { max-width: 2rem; }
.search-bioproject .filter-accordian .accordian-body {
	padding: 0;
	display: none;
}

.search-bioproject .filter-accordian .accordian-body.on {
	display: block;
	padding: 1.5rem 2rem;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0.6rem;
	/*box-shadow: 0 2px 6px rgba(0, 0, 0, .1);*/
}

.filter-seperate {
	width: 100%;
	margin: 1.25rem 0;
	border-top: 1px solid #ddd;
}

.filter-accordian .filter-item {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.filter-accordian .filter-item .filter-name {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 100%;
	padding: 1rem 1.5rem;
	background-color: #DAEBF9;
	border-radius: 5px;
	font-size: 1.5rem;
	font-weight: 500;
	color: #203047;
	vertical-align: top;
}

.filter-accordian.UmbrellaProject .filter-item .filter-name {background: #FCE6FF;color: #9C3BAA}
.filter-accordian.BioProject .filter-item .filter-name {background: #E7EFFB;color: #145CD6}
.filter-accordian.BioSample .filter-item .filter-name {background: #E5F4F0;color: #007C64}
.filter-accordian.BioData .filter-item .filter-name {background: #EFEFEF;color: #555}
.filter-accordian.KRA .filter-item .filter-name {background: #E4F7F9; }
.filter-accordian.KEA .filter-item .filter-name {background: #EEF1FE; }
.filter-accordian.KNA .filter-item .filter-name {background: #FCEEF9; }
.filter-accordian.KPOP .filter-item .filter-name {background: #FDEBE9; }
.filter-accordian.KMAP .filter-item .filter-name {background: #EBFBEE; }
.filter-accordian.KCODE .filter-item .filter-name {background: #FEEFE3; }
.filter-accordian.KBI .filter-item .filter-name{background: #FFF4DC; }
.filter-accordian.KPC .filter-item .filter-name {background: #FBE5E5; }
.filter-accordian.ETC .filter-item .filter-name {background: #E9ECF2; }
.filter-accordian.KVar .filter-item .filter-name {background: #E1F6F8; }
.filter-accordian.BioProject .filter-item .filter-name {color: #145CD6; }
.filter-accordian.BioSample .filter-item .filter-name {color: #E5F4F0; }
.filter-accordian.BioData .filter-item .filter-name {color: #007C64; }


.filter-accordian .filter-item .filter-check-wrap {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}
.filter-accordian .filter-item .filter-check-wrap > .row {
	row-gap:1rem;
}
.filter-accordian .filter-item .filter-check {
	display: flex;
	align-items: center;
	padding: 1rem 1.5rem;
	background-color: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-radius: 5px;
	font-size: 1.5rem;
	font-weight: 400;
	color: #333333;
	cursor: pointer;
	width: 100%;
}

.filter-accordian .filter-item .filter-check input[type="checkbox"] {
	position: relative;
	appearance: none;
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	margin-right: 1rem;
	background-color: #FFFFFF;
	border: 1px solid #B6B6B6;
}

.filter-accordian .filter-item .filter-check:has(input[type="checkbox"]:checked) { background-color: #C9E6FF; }
.filter-accordian .filter-item .filter-check input[type="checkbox"]:checked::after {
	position: absolute;
	content: '\EB7B';
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	background-color: #155CD6;
	font-family: 'remixicon';
	font-size: 1.4rem;
	color: #FFFFFF;
	text-align: center;
}

.filter-accordian .filter-item .filter-check input[type="radio"] {
	position: relative;
	appearance: none;
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	margin-right: 1rem;
	background-color: #FFFFFF;
	border: 1px solid #B6B6B6;
	border-radius: 100%;
}

.filter-accordian .filter-item .filter-check:has(input[type="radio"]:checked) { background-color: #C9E6FF; }
.filter-accordian .filter-item .filter-check input[type="radio"]:checked::before {
	background-color: #e3f5ff;
	border: 5px solid #155CD6;
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 100%;
}

.filter-accordian .filter-item .filter-check .filter-item-label {
	max-width: calc(100% - 6rem);
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	white-space: nowrap;
	display: inline-block;
}

.filter-accordian .filter-item .filter-check .filter-item-label .num {
	position: absolute;
	right: 2rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.2rem;
	color: #767676;
}

.filter-accordian .filter-btn-wrap { display: none; }

@media (min-width: 768px) {
	.filter-accordian .filter-item { flex-direction: row; }
	.filter-accordian .filter-item .filter-name {
		width: 17rem;
	}
}

@media all and (min-width: 1024px) {
	.filter-accordian .filter-item { flex-wrap: wrap; }
	.filter-accordian .filter-item .filter-check-wrap { max-height: 15rem; overflow: hidden; width: calc(100% - 18rem); }
	.filter-accordian .filter-item .filter-check-wrap.on { max-height: none; overflow-y: auto; }
	.filter-accordian .filter-btn-wrap {
		display: block;
		width: 100%;
		padding: 1rem 0 0;
		background: #FCFCFC;
		backdrop-filter: blur(30px);
		text-align: center;
	}

	.filter-accordian .filter-expanded-btn { padding: .75rem; background: #FFFFFF; border: 1px solid #1e8efe; border-radius: 5px; font-size: 1.5rem; }
}

.static_sheet .util-box { position: relative; padding: 1rem 0; }
.static_sheet .util-box .text { font-size: 1.6rem; font-weight: 500; color: #333333; }
.static_sheet .util-box .text span { font-weight: 300; color: #666666; }
.static_sheet .util-box .text strong { position: relative; display: inline-block; font-weight: 500; }
.static_sheet .util-box .text strong + strong::before {
	position: relative;
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 1.5rem;
	margin: 0 1rem 0 .5rem;
	background-color: #DDDDDD;
}

.static_sheet .util-box .radio_group { position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); z-index: 2; }
.static_sheet .util-box .filter_btn { padding: 0 1.25rem 0 .5rem; font-size: 1.6rem; font-weight: 500; color: #333333; letter-spacing: -.016rem; }

/* -------- Responsive */
@media (max-width: 768px) {
	/* -------- Calendar */
	.form_table tr td .new-cal {
		max-width: none;
		height: 40px;
		padding: 0;
	}

	.new-cal input[type="text"],
	.form_table tr td .new-cal input[type="text"],
	.new-cal .btn_calendar,
	.form_table tr td .new-cal .btn_calendar {
		height: 40px;
	}

	.contact {
		position: relative;
		align-items: baseline;
		flex-wrap: wrap;
		gap: 3rem;
		padding: 23px;
	}

	.contact .title,
	.contact .info,
	.contact .info dd {
		width: 100%;
	}

	.contact .info dd ~ dd {
		margin-top: 2rem;
		margin-left: 0;
	}

	.contact .info.four-container dd .icon,
	.contact .info.four-container dd .img {
		margin-right: 1rem;
	}

	.contact .info.four-container dd a {
		display: inline;
		opacity: 1;
		visibility: visible;
	}
}

/* -------- Submission */
.data-submission-container .box_st1.navi > p { padding-left: 3rem; }
.data-submission-container .box_st1.navi > p::before { top: 50%; transform: translateY(-50%); }
.data-submission-container .btns.type10 { background: linear-gradient(75deg, #0E66FC, #04BF8A); border-color: transparent; }
.data-submission-container .btns.type10:hover,
.data-submission-container .btns.type10:focus { color: #ffffff; }
.data-submission-container .tit01 { letter-spacing: -.05rem; }
.data-submission-container .tit01 > i { color: #F37A1D; }
.data-submission-container .submission-info {
	position: relative;
	margin-bottom: 2rem;
	padding: 2rem 2rem 2rem 5rem;
	border: 1px solid #E1E1E1;
	border-radius: 5px;
	color: #555555;
	letter-spacing: -.016rem;
}

.data-submission-container .submission-info::before {
	position: absolute;
	content: '\EB53';
	top: 50%;
	left: 2rem;
	transform: translateY(-50%);
	font-family: 'remixicon';
	font-size: 2rem;
	color: #E58508;
}

.data-submission-container .submission-item {
	position: relative;
	padding: 2rem 3rem;
	background-color: #F4F5F9;
	border-radius: 10px;
}

.data-submission-container .submission-wrapper .submission-item:not(:first-child) { margin-top: 1rem; }
.data-submission-container .submission-btn-wrap .submission-btn {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - .25rem);
	padding: .75rem;
	background: #FFFFFF;
	border: 1px solid #3A96FF;
	border-radius: 4px;
	font-weight: 500;
	color: #555555;
	text-align: center;
	line-height: 2.8rem;
	transition: .25s;
	letter-spacing: -.36px;
}

.data-submission-container .submission-btn-wrap .submission-btn.submit { background: linear-gradient(to bottom, #1C90E9, #0077FF); color: #FFFFFF; }

.data-submission-container .submission-content { display: flex; }
.data-submission-container .submission-content .icon { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; border-radius: 6px; }
.data-submission-container .submission-content .icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 25px; }

.data-submission-container .submission-content.KRA .icon { background-color: var(--submission-kra); }
.data-submission-container .submission-content.KRA .icon img { max-width: 20px; }
.data-submission-container .submission-content.KEA .icon { background-color: var(--submission-kea); }
.data-submission-container .submission-content.KNA .icon { background-color: var(--submission-kna); }
.data-submission-container .submission-content.KNA .icon img { max-width: 30px; }
.data-submission-container .submission-content.KPOP .icon { background-color: var(--submission-kpop); }
.data-submission-container .submission-content.KMAP .icon { background-color: var(--submission-kmap); }
.data-submission-container .submission-content.KPC .icon { background-color: var(--submission-kpc); }
.data-submission-container .submission-content.KHBDB .icon img { max-width: 100%; }
.data-submission-container .submission-content.BioProject .icon { background-color: var(--submission-bioproject); }
.data-submission-container .submission-content.BioSample .icon { background-color: var(--submission-biosample); }
.data-submission-container .submission-content.GeNA .icon { background-color: var(--submission-gena); }
.data-submission-container .submission-content.KSO .icon { background-color: var(--submission-kso); }
.data-submission-container .submission-content.KVar .icon { background-color: var(--submission-kvar); }

.data-submission-container .submission-content > div { display: flex; flex-wrap: wrap; gap: 1rem; width: calc(100% - 60px); margin-left: 2rem; }
.data-submission-container .submission-content .submission-tit { margin-bottom: .5rem; font-size: 2rem; font-weight: 500; color: #333333; letter-spacing: -.016rem; line-height: 1.2; }
.data-submission-container .submission-content .submission-desc { width: 100%; margin-bottom: 3rem; font-size: 1.6rem; font-weight: 400; color: #707070; letter-spacing: -.016rem; line-height: 1.2; word-break: auto-phrase; }

@media all and (min-width: 992px) {
	.data-submission-container .submission-wrapper { display: flex; align-items: center; gap: 1rem; }
	.data-submission-container .submission-item {
		flex: 0 0 calc(33% - .2rem);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-height: 22rem;
		padding: 2.5rem 5.2rem;
	}

	.data-submission-container .submission-wrapper .submission-item:not(:first-child) { margin-top: 0; }
	.data-submission-container .submission-content .submission-desc { margin-bottom: 0; }
}

.data-submission-container .submission-detail-wrapper { position: relative; padding: 2.8rem; background-color: #F4F5F9;	border-radius: 10px; }
.data-submission-container .submission-detail .submission-detail-item {
	position: relative;
	display: block;
	width: 100%;
	padding: 3.5rem;
	background-color: #FFFFFF;
	border: 1px solid transparent;
	border-radius: 15px;
	transition: .25s;
}

.data-submission-container .submission-detail .submission-detail-item + .submission-detail-item { margin-top: 1rem; }
.data-submission-container .submission-detail.detail-KCODE .submission-detail-item:hover,
.data-submission-container .submission-detail.detail-KCODE .submission-detail-item:focus { border-color: #F68C2E; }
.data-submission-container .submission-detail.detail-KBI .submission-detail-item:hover,
.data-submission-container .submission-detail.detail-KBI .submission-detail-item:focus { border-color: #F8AF0E; }
.data-submission-container .submission-detail.detail-KBI .submission-detail-item::after {
	position: absolute;
	content: '';
	top: 50%;
	right: 3.8rem;
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	border-top: 1px solid #707070;
	border-right: 1px solid #707070;
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	transition: .25s;
}

.data-submission-container .submission-detail.detail-KBI .submission-detail-item:hover::after { border-color: #F8AF0E; }
.data-submission-container .submission-detail.detail-KBI .submission-detail-item { text-align: left; }
.data-submission-container .submission-detail .submission-detail-item .icon,
.data-submission-container .submission-detail .submission-detail-item strong { display: inline-block; vertical-align: middle; }
.data-submission-container .submission-detail .submission-detail-item .icon { width: 1.5rem; height: 2rem; margin-right: 1rem; }
.data-submission-container .submission-detail .submission-detail-item strong { font-family: 'semiBold'; font-size: 2rem; font-weight: 600; color: #333333; }
.data-submission-container .submission-detail .submission-detail-item span { display: block; margin-top: 1rem; font-size: 1.6rem; color: #555555; }
.data-submission-container .submission-detail-wrapper .submission-btn-wrap { margin-top: 3rem; }

@media all and (min-width: 992px) {
	.data-submission-container .submission-detail { display: flex; flex-wrap: wrap; gap: 1rem; }
	.data-submission-container .submission-detail .submission-detail-item { display:inline-block; flex: 1 0 calc(33.3% - 1rem); }
	.data-submission-container .submission-detail .submission-detail-item + .submission-detail-item { margin: 0; }
	.data-submission-container .submission-detail-wrapper .submission-btn-wrap { max-width: 34rem; margin: 3rem auto 0; }
	.data-submission-container .submission-detail.detail-KBI .submission-detail-item:nth-child(4) { margin-left: 0; }
}

.data-submission-container .submission-help-container { position: relative; }
.data-submission-container .submission-help-container .submission-help-item { width: 100%; padding: 2rem 3rem; background-color: #F4F5F9; border-radius: 5px; }
.data-submission-container .submission-help-container .submission-help-item + .submission-help-item { margin-top: 1rem; }
.data-submission-container .submission-help-container .help-item-tit { font-family: 'semiBold'; font-size: 1.8rem; font-weight: 600; color: #111111; }
.data-submission-container .submission-help-container .help-info { margin-top: .5rem; }
.data-submission-container .submission-help-container .help-info > li > a { display: block; font-size: 1.6rem; color: #707070; }
.data-submission-container .submission-help-container .help-info > li > a:hover,
.data-submission-container .submission-help-container .help-info > li > a:focus { text-decoration: underline; }
.data-submission-container .submission-help-container .help-info > li > a > * { display: inline-block; vertical-align: middle; font-size: 1.6rem; }
.data-submission-container .submission-help-container .help-info > li > a .icon { margin-right: .5rem; color: #155CD6; }
.data-submission-container .help-btn-container { margin-top: 2rem; }
.data-submission-container .help-btn-container > .help-item-btn {
	display: inline-block;
	width: calc(50% - .2rem);
	height: 4rem;
	padding: 0 .5rem;
	background-color: #333333;
	border: 1px solid #333333;
	border-radius: 5px;
	font-size: 1.6rem;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	line-height: 3.7rem;
	transition: .25s;
}

.data-submission-container .help-btn-container > a:hover,
.data-submission-container .help-btn-container > a:focus { background-color: #FFFFFF; color: #111111; }
.data-submission-container .help-btn-container > .help-item-btn i { margin-right: .5rem; font-weight: 400; }


.data-submission-container .submission-help-container .submission-help { padding: 2rem; background-color: #FBFBFB; border: 1px solid #EBA346; border-radius: 5px; }
.data-submission-container .submission-help-container .submission-help.help-data { padding: 0; background-color: #ffffff; }
.data-submission-container .submission-help-container .submission-help + .submission-help { margin-top: 1.5rem; }
.data-submission-container .submission-help-container .submission-help .submission-help-title { margin-bottom: .5rem; font-size: 1.8rem; font-weight: 500; color: #111111; }
.data-submission-container .submission-help-container .submission-help.help-data .submission-help-title { margin-bottom: 0; padding: 2rem; background-color: #f8f8f8; border-radius: 5px 5px 0 0; }
.data-submission-container .submission-help-container .submission-help-col + .submission-help-col { margin-top: 1rem; }
.data-submission-container .submission-help-container .submission-help-info {  }
.data-submission-container .submission-help-container .submission-help-info a { font-size: 1.6rem; color: #707070; }
.data-submission-container .submission-help-container .submission-help-info a:hover,
.data-submission-container .submission-help-container .submission-help-info a:focus { text-decoration: underline; }
.data-submission-container .submission-help-container .submission-help-info a .icon { color: #155CD6; }
.data-submission-container .submission-help-container .submission-help-multi-title > strong { display: block; font-size: 1.6rem; font-weight: 400; color: #44648E; }

.data-submission-container .submission-help-container .help-cont { padding: 2rem; }
.data-submission-container .submission-help-container .submission-help-col.multi { padding: 0 0 1.5rem; }
.data-submission-container .submission-help-container .submission-help-col.multi + .submission-help-col.multi { margin-top: 0; border-top: 1px solid #E1E1E1; }
.data-submission-container .submission-help-container .submission-help-col.multi:not(:first-of-type) { padding: 1.5rem 0; }
.data-submission-container .submission-help-container .submission-help-col.multi:last-of-type { padding: 1.5rem 0 0; }
.data-submission-container .submission-help-container .submission-help-col.multi .submission-help-info { margin-top: .5rem; }
.data-submission-container .submission-help-container .submission-help-content > span { display: block; margin-top: .5rem; font-size: 1.6rem; font-weight: 500; color: #5A1BAE; }

@media all and (min-width: 992px) {
	.data-submission-container .submission-help-container .submission-help-item { display: inline-block; width: calc(33.3% - 1rem); }
	.data-submission-container .submission-help-container .submission-help-item + .submission-help-item { margin-top: 0; margin-left: 1rem; }
	.data-submission-container .submission-help-container .help-item-tit { min-height: 5.6rem; line-height: 1.25; }
	.data-submission-container .submission-help-container .submission-help-item:nth-child(3n + 1) { margin-left: 0; }
	.data-submission-container .submission-help-container .submission-help-item:not(:last-child) { margin-bottom: 1rem; }
	.data-submission-container .help-btn-container { text-align: right; }
	.data-submission-container .help-btn-container > .help-item-btn { width: auto; padding: 0 2rem; }

	.data-submission-container .submission-help-container .submission-help { padding: 2rem 5rem; }
	.data-submission-container .submission-help-container .submission-help.multi { display: flex; gap: 1rem; }
	.data-submission-container .submission-help-container .submission-help.multi .submission-help-title { min-width: 20rem; }
	.data-submission-container .submission-help-container .submission-help .submission-help-title { min-width: 30rem; margin-bottom: 0; }
	.data-submission-container .submission-help-container .submission-help.help-data .submission-help-title { padding: 2rem 5rem; }
	.data-submission-container .submission-help-container .submission-help-col { display: flex; align-items: center; gap: 1rem; }
	.data-submission-container .submission-help-container .submission-help-multi-title > strong { min-width: 20rem; }
	.data-submission-container .submission-help-container .submission-help-col.multi .submission-help-info { /*display: inline-flex; width: calc(100% - 20rem);*/ margin-top: 0; }
	.data-submission-container .submission-help-container .submission-help-content > span { display: inline-block; width: 19rem; margin-top: 0; }
	.data-submission-container .submission-help-container .help-cont { padding: 2rem 5rem; }
}

/* -------- KCODE */
.data-contact-wrap { position: relative; display: flex; flex-wrap: wrap; gap: 1rem; }
.data-contact-wrap .data-contact-item { position: relative; display: inline-flex; flex: 1; padding: 1.5rem; border: 1px solid #DDDDDD; }
.data-contact-wrap .data-contact-item .img { max-width: 13rem; }
.data-contact-wrap .data-contact-item .text { width: calc(100% - 15rem); margin-left: 2rem; }
.data-contact-wrap .data-contact-item .text .list > li > a { display: block; margin-top: .3rem; font-size: 1.5rem; color: #444444; }
.data-contact-wrap .data-contact-item .text .list > li > a:hover { text-decoration: underline; }
.data-contact-wrap .data-contact-item .text .list > li.department > a { margin-top: 0; margin-bottom: 1rem; font-size: 1.4rem; color: #666666;	}
.data-contact-wrap .data-contact-item .text .list > li i { color: #145CD6; 	}

@media (max-width: 650px) {
	.data-contact-wrap { flex-direction: column; }
	.data-contact-wrap .data-contact-item .img { max-width: 15rem; }
}


/* -------- KPOP */
.kpop-hidden-content {
	position: relative;
	width: 100%;
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
}

.kpop-hidden-content.on {
	height: auto;
	margin-top: 1.5rem;
	padding: 1.25rem;
	overflow: visible;
	opacity: 1;
	visibility: visible;
	background-color: #F8F9FA;
	border: 1px solid #DDDDDD;
	border-radius: 0 0 5px 5px;
}

.kpop-submit-content .hidden-more-btn { position: absolute; top: 0; right: 0; }

.kpop-hidden-content .hidden-conetent-title { margin-bottom: .5rem; font-size: 1.5rem; font-weight: 400; color: #222222; letter-spacing: -.01rem; }
.kpop-hidden-content .hidden-conetent-title:not(:first-child) { margin-top: 1.5rem; }
.kpop-hidden-content .select2.select2-container { width: 100% !important; }
.kpop-hidden-content .hidden-btn-wrap { position: relative; display: flex; align-items: center; justify-content: flex-end; grid-area: buttons; margin-top: 1rem; }
.kpop-hidden-content .hidden-submit-btn { background-color: #155CD6; border-color: #155CD6; color: #ffffff; }

@media (max-width: 768px) {
	.kpop-submit-content .sel_text_input { flex-wrap : wrap; }
	.kpop-submit-content .sel_text_input .append_input { flex: 1 0 100%; }
}

@media all and (min-width: 1024px) {
	.kpop-hidden-content.on { padding: 2.5rem; }
}

/* -------- KBI */
.data-kbi-container .kbi-util-list { display: flex; align-items: center; gap: 1rem; }
.data-kbi-container .sub-regist-wrap { position: relative; flex: 1; }
.data-kbi-container .sub-regist-list {
	position: relative;
	padding: 2rem;
	background-color: #FFFFFF;
	border: 1px solid #E1E1E1;
	border-radius: 12px;
}

.data-kbi-container .sub-regist-list > li { text-align: center; }
.data-kbi-container .sub-regist-list > li + li { margin-top: 1rem; }
.data-kbi-container .sub-regist-list > li > a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 15rem;
	height: 6rem;
	padding: 0 .5rem;
	background: linear-gradient(to bottom, #F1F1F1, #FFFFFF);
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	font-size: 1.5rem;
	font-weight: 500;
	color: #555555;
	transition: .25s;
}

.data-kbi-container .sub-regist-list > li > a:hover,
.data-kbi-container .sub-regist-list > li > a:focus { background: linear-gradient(to bottom, #646464, #7B7B7B); color: #FFFFFF; }
.data-kbi-container .sub-regist-list > li > a i { margin-right: .5rem; font-size: 2rem; color: #BE940B; }
.data-kbi-container .sub-regist-list > li > a:hover i,
.data-kbi-container .sub-regist-list > li > a:focus i { color: #FFFFFF; }

/* -------- KBI - DICOM */
.dicom-info { position: relative; }
.form_table tr td .dicom-info { padding: 2rem 2rem 2rem 3rem; font-size: 1.4rem; color: #6D8292; word-break: keep-all; }
.form_table tr td .dicom-info::before { position: absolute; content: '\EE58'; top: 1.5rem; left: 0; font-size: 2rem; font-family: 'remixicon'; font-weight: 300; color: #0A58F5;}


@media all and (min-width: 768px) {
	.data-kbi-container .sub-regist-list { text-align: center; }
	.data-kbi-container .sub-regist-list > li { display: inline-block; vertical-align: middle; }
	.data-kbi-container .sub-regist-list > li + li { margin-top: 0; }
}

@media all and (min-width: 992px) {
	.data-kbi-container .sub-regist-list > li + li { margin-top: 0; margin-left: .5rem; }
}


.data-preview-box { position: relative; }
.data-preview-box .preview-list .preview-name { display: block; min-width: 15rem; margin-bottom: .5rem; }
.data-preview-box .preview-list .preview-content {  }

.data-preview-box .preview-content-depth { padding: .5rem 1rem; }
.data-preview-box .preview-content-depth .data-file-kbi ~ .data-file-kbi { margin-top: 1rem; }

@media all and (min-width: 992px) {
	.data-preview-box .preview-list .preview-name { min-width: 28rem; margin-bottom: 0; }
	.data-preview-box .preview-list > div { display: flex; }
}

.bio-image-link-wrap { position: relative; }
.bio-image-link-wrap .bio-image-link {
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
	width: 100%;
	padding: 1.25rem 2.8rem;
	background-color: #F9F8FF;
	border: 1px solid #C5C8F2;
	border-radius: 50px;
}

.bio-image-link-wrap .bio-image-title { width: 100%; text-align: center; }
.bio-image-link-wrap .bio-image-title * { display: inline-block; }
.bio-image-link-wrap .bio-image-title strong { font-size: 1.7rem; font-weight: 700; color: #404D7D; }
.bio-image-link-wrap .bio-image-title span { position: relative; padding-left: 1rem; font-size: 1.5rem; color: #545F8A; }
.bio-image-link-wrap .bio-image-title span::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 3px;
	transform: translateY(-50%);
	width: 1px;
	height: 10px;
	background-color: #545F8A;
}

.bio-image-link-wrap .bio-image-link-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-items: center;
	gap: .5rem .75rem;
	margin-left: auto;
	padding: .5rem 1rem .5rem 1.5rem;
	background-color: #ffffff;
	border-radius: 19px;
	box-shadow: 0 0 6px rgba(0, 0, 0, .16);
	font-size: 1.5rem;
	font-weight: 500;
	color: #555555;
}

@media all and (min-width: 992px) {
	.bio-image-link-wrap .bio-image-title,
	.bio-image-link-wrap .bio-image-link-btn { width: auto; }
	.bio-image-link-wrap .bio-image-link { max-width: 74.5rem; margin-left: auto; }
	.bio-image-link-wrap .bio-image-link.chemical { max-width: 40rem; }
	.bio-image-link-wrap .bio-image-link-btn { position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); margin: 0; }
}

.form_table .input-width-auto select { width: auto; max-width: none; }
.form_table .form-depth-auto { display: inline-block; vertical-align: middle; }
.form_table .form-depth-auto strong label { display: inline-block; margin-bottom: .5rem; font-size: 1.5rem; font-weight: 400; }

	/* -------- KCODE */
.compound_table .img img { max-width: 30rem; }

@media (max-width: 768px) {
	.compound_table .img img { max-width: 28rem; }
}


/* -------- Browse */
.data-browse-list > li { position: relative; }
.data-browse-list > li + li { margin-top: .8rem; }
.data-browse-list > li > span { display: block; color: #767676; }
.data-browse-list > li > span:first-child { font-weight: 600; }
.data-browse-list > li > .browse-lst-two-columns { display: flex; gap: 1rem; }
.data-browse-list > li:has(.browse-lst-two-columns) { padding-left: 0; }
.data-browse-list > li:has(.browse-lst-two-columns)::before { content: ''; display: none; }

.main_wrap .link-btn-item { position: relative; display: inline-block; color: #145CD6; transition: .25s; }
.link-btn-item:hover, .link-btn-item:focus { text-decoration: underline; }

.browse-common-table tr td { padding: 1rem 2rem; }
.browse-common-table tr td .link-btn-item { padding: 0 2rem 0 0; }

@media all and (min-width: 992px) {
	.half-table-container table { width: 50%; }
	.data-browse-list > li > span { display: inline-block; }
	.data-browse-list > li > span:first-child { min-width: 20rem; }
}

.mdLst2box .description-item { position: relative; margin-top: 1.5rem; font-size: 1.5rem; color: #767676; letter-spacing: -.01rem; }


/* -------- KPOP */
.kpop-submission-guide-container { position: relative; }
.kpop-submission-guide-container .submission-guide {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas:
		"toc"
		"content";
	margin: 2rem 0 0;
	background-color: #FDFDFD;
	border: 1px solid #E1E1E1;
	border-radius: 6px;
}

.kpop-submission-guide-container .submission-guide-toc { grid-area: toc; }
.kpop-submission-guide-container .submission-guide-content { grid-area: content; }
.kpop-submission-guide-container .submission-guide-toc .table-of-content { position: relative; padding: 2rem; border-bottom: 1px solid #DDDDDD; }
.kpop-submission-guide-container .submission-guide-content .content { position: relative; padding: 2rem; }
.kpop-submission-guide-container .content-title-area .title {
	position: relative;
	margin-bottom: 1rem;
	font-family: 'semiBold';
	font-size: 2.5rem;
	font-weight: 600;
	color: #333;
	letter-spacing: -.1rem;
	text-align: center;
}

.kpop-submission-guide-container .content-title-area .title::before {
	content: '\EF43';
	display: inline-block;
	margin-right: 1.5rem;
	font-family: 'remixicon';
	font-size: 2.3rem;
}

.kpop-submission-guide-container .content-title-area .description {
	padding-top: 1rem;
	border-top: 1px solid #E1E1E1;
	font-size: 1.8rem;
	font-weight: 400;
	color: #666;
	letter-spacing: -.1rem;
	word-break: break-word;
}

.kpop-submission-guide-container .list-title { display: block; font-family: 'semiBold'; font-size: 1.7rem; color: #333333; }
.kpop-submission-guide-container .submission-guide-content .content .line-title { margin-top: 5rem; font-size: 2.1rem; font-weight: 500; color: #333; }
.kpop-submission-guide-container .submission-guide-content .content .line-small-title { margin-top: 5rem; font-size: 1.8rem; font-weight: 500; color: #333; }
.kpop-submission-guide-container .small-cont { margin-top: 2rem; }
.kpop-submission-guide-container .small-cont .img-area { margin-top: 1rem; text-align: center; }
.kpop-submission-guide-container .small-cont .img-area img { display: inline-block; max-width: 50rem; margin: 0 auto; }
.kpop-submission-guide-container .small-cont figure { display: block; margin-top: .5rem; font-weight: 300; color: #777; text-align: center; }
.kpop-submission-guide-container .small-cont .small-line-content { margin-top: 2rem; color: #666666; }
.kpop-submission-guide-container .small-cont .small-desc-list { margin-top: 1rem; }
.kpop-submission-guide-container .small-cont .small-desc-list > li { position: relative; color: #444; }
.kpop-submission-guide-container .small-cont .small-desc-list > li + li { margin-top: .5rem; }
.kpop-submission-guide-container .small-cont .small-desc-list > li.circle { padding-left: 1.5rem; }
.kpop-submission-guide-container .small-cont .small-desc-list > li.circle::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	background-color: #000;
	border-radius: 50%;
}

.kpop-submission-guide-container .small-cont a { color: #155CD6; text-decoration: underline; }
.kpop-submission-guide-container .toc-list > li > a.list-depth1 { position: relative; display: block; margin-top: 1rem; font-size: 1.5rem; font-weight: 500; color: #0F497D; }
.kpop-submission-guide-container .toc-list > li a.list-depth2 { position: relative; display: block; margin-top: .5rem; padding-left: 1.5rem; font-size: 1.5rem; font-weight: 400; color: #547EA4; }
.kpop-submission-guide-container .toc-list > li a.list-depth2::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 4px;
	transform: translate(0, -50%);
	width: 2px;
	height: 2px;
	border-radius: 4px;
	background-color: #707070;
}

@media all and (min-width: 992px) {
	.kpop-submission-guide-container .submission-guide {
		grid-template-columns: 260px 1fr;
		grid-template-areas: "toc content";
		margin: 0;
	}

	.kpop-submission-guide-container .content-title-area .title { text-align: left; }
	.kpop-submission-guide-container .submission-guide-toc .table-of-content,
	.kpop-submission-guide-container .submission-guide-content .content { height: 100%; padding: 2.5rem; }
	.kpop-submission-guide-container .submission-guide-toc .table-of-content { border-bottom: 0; border-right: 1px solid #DDDDDD; }
	.kpop-submission-guide-container .small-cont .small-desc-list { padding-left: 1.5rem; }
	.kpop-submission-guide-container .small-cont .img-area img { max-width: 60rem; }
}

@media (max-width: 500px) {
	.kpop-submission-guide-container .small-cont .img-area img { max-width: 100%; }
}


/* -------- My Page */
.left_menu .profile_box { background: #5D8CEA; border-radius: 5px 5px 0 0; }
.left_menu .profile_box .btns { background-color: #020A72; border-radius: 15px; }
.left_menu .profile_box .btns:hover,
.left_menu .profile_box .btns:focus { color: #FFFFFF; }
.left_menu .user_name { color: #FFFFFF; }
.left_menu .user_id { color: #E7E8E7; }
.left_menu .left_depth2 > li.on .new-depth { background: #F8F9FB; }
.left_menu .left_depth2 > li.on > a::after { border-color: #1A50AD; }
.left_menu .new-depth > li > a { display: block; }
.left_menu .left_depth4 { position: relative; margin-top: 1rem; padding: 1.5rem 0; background-color: #EFF0F2; }
.left_menu .left_depth4::before { position: absolute; content: ''; top: 0; left: -2rem; width: 100%; height: 100%; background-color: #EFF0F2; }
.left_menu .left_depth4::after { position: absolute; content: ''; top: 0; right: -2rem; width: 100%; height: 100%; background-color: #EFF0F2; z-index: 0; }
.left_menu .left_depth4 > li { position: relative; padding-left: 1rem; z-index: 1; }
.left_menu .left_depth4 > li + li { margin-top: .5rem; }
.left_menu .left_depth4 > li > a { position: relative; display: block; font-weight: 400; color: #666666; line-height: 2.3rem; }
.left_menu .left_depth4 > li.active > a { font-weight: 500; color: #1A50AD; }
.left_menu .left_depth4 > li > a::before { content: ''; display: inline-block; vertical-align: middle; width: 6px; height: 2px; margin-right: .5rem; background-color: #154AA7; }

.personal-submission-container {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 4rem;
	padding: 1.5rem;
	background-color: #F8F8F8;
	border: 1px solid #ddd;
	border-radius: 1rem;
	/*box-shadow: 0 0 6px rgba(0, 0, 0, .1);*/
}
.personal-submission-container .submission-manage { font-family: 'semiBold'; font-size: 2.2rem; font-weight: 600; color: #333333; letter-spacing: -.05rem; }
.personal-submission-container .submission-title { font-size: 1.8rem; font-weight: 500; color: #3672D8; letter-spacing: -.05rem; word-wrap: break-word; }
.personal-submission-container .submission-status-container .submission-stauts { position: relative; display: inline-block; padding: .25rem 1.5rem; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 20px; font-size: 1.7rem; color: #333333; }

.personal-submission-box .detail-sub-title { padding-left: 1.5rem; }
.personal-submission-box .detail-sub-title::before { width: 4px; height: 1.5rem; background-color: #2265D6;  border-radius: 0; }

.reject-view-container .info > li { text-align: right; color: #666666; }
.reject-view-container .info > li > strong { font-weight: 400; }
.reject-view-container .reject-content-container { min-height: 30rem; margin: 2rem 0; padding: 3rem 3.8rem; border: 1px solid #CCCCCC; border-radius: 10px; color: #111; }
.reject-view-container .reject-contact-container { padding: 3.2rem 3.8rem; background-color: #F4F5F9; border-radius: 10px; letter-spacing: -.01rem; }
.reject-view-container .reject-contact-container .title { color: #111111; }
.reject-view-container .reject-contact-container a { color: #1263D3; }

@media all and (min-width: 1024px) {
	.left_menu .profile_box { padding: 3rem 0 1.8rem; border-top-left-radius: 30px; border-top-right-radius: 30px; }
	.left_menu .profile_box .btns { margin: 0; }

	.personal-submission-container { padding: 2.5rem 3rem; }
	.personal-submission-container  .submission-btn-wrap { position: absolute; bottom: 2.5rem; right: 5rem; }
}

.filter-box { background: #E3F1FF; border: 0 none; border-radius: 30px 6px 30px 6px; padding: 3rem; position: relative; }
.filter-box.shadow { border: 0; box-shadow: 0 0 4px 0.5px #dddddd; }
.filter-box .search-box { background: transparent; margin-bottom: 0; padding: 0; }
.filter-box .filter-box-item strong { color: #1A3871; letter-spacing: -.22px; }
.filter-box .filter-clear-btn { padding: .5rem 1rem; border: 1px solid #76A3F8; border-radius: 15px; font-size: 1.4rem; color: #3459D1; }
.filter-box .filter-clear-btn i { color: #000000; }
.filter-box .filter-box-item .btn-check-label { cursor: pointer; }

@media all and (max-width: 1023px) {
	.datepicker[data-style-type="full-sm-100"] .form_textbox.hasDatepicker { width: 100%; }
}

.main_data_wrap .project_box .kcode-type > li { padding: 0; justify-content: flex-start; }

@media (max-width: 1024px) {
	.main_data_wrap .project_box .kcode-type { grid-template-columns: 1fr !important; }
}

.file-search-box { text-align: center; border-radius: 6px; }
.file-search-box:after { content: ''; display: table; clear: both; }
.file-search-box * { display: inline-block; vertical-align: middle; }
.file-search-box .form_textbox { border: 0; float: left; width: calc(100% - 4rem); }
.file-search-box .keyword-input-group {
	position: relative;
	border-radius: 5px;
	border: 1px solid #DDDDDD;
	overflow: hidden;
	background: #fff;
}

.file-search-box .keyword-input-group-btn {
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	font-size: 1.8rem;
	color: #222;
	text-align: left;
}

.file-search-box .keyword-input-group-btn > button { width: 100%; height: 100%; }
.file-search-box .keyword-input-group-btn i { height: 100%; line-height: 3.5rem; }

.sub-badge.count { margin-right: .75rem; background: #F8F9FB; }
.mypage-inline-search-wrap { position: relative; }
.mypage-inline-search-wrap .keyword-input-group { display: flex; }
.mypage-inline-search-wrap .keyword-input-group input[type='text'] { border-right: 0; border-radius: 5px 0 0 5px; }
.mypage-inline-search-wrap .keyword-input-group-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 1rem;
	background-color: #EFEFEF;
	border: 1px solid #D8D9DF;
	border-left: 0;
	border-radius: 0 5px 5px 0;
}

/* -------- My Page - 인증서 적용 */
.publication-date-selector { position: relative; display: block; margin-top: .5rem; padding-left: 4.5rem; font-size: 1.4rem; color: #666; }
.publication-date-selector::before {
	position: absolute;
	content: '\F448';
	top: -.2rem;
	left: 2.4rem;
	font-family: 'remixicon';
	font-size: 1.5rem;
	color: #155CD6;
}

.data-publication-container { position: relative; display: flex; align-items: center; gap: 1rem; margin: 1.25rem 0 0; padding-left: 2.5rem; }
.data-publication-container .publication-input-group { position: relative; display: flex; align-items: center; }
.data-publication-container .publication-input-group .calendar { top: 0; right: 0; width: 4rem; height: 4rem; border-radius: 0 5px 5px 0; }
.data-publication-container .publication-input-group input[type="text"]:disabled + .calendar { background-color: #EAECEF; cursor: not-allowed; }

.outcometree-flex-container { display: flex; flex-direction: column; gap: 1rem;  }
.outcometree-flex-container .outcometree-content { display: flex; gap: 1rem; }
.outcometree-flex-container .outcometree-content > .cont_table { position: relative; flex: 1 0 calc(50% - 1rem); }
.outcometree-flex-container .outcometree-content > .cont_table:first-of-type::before {
	position: absolute;
	content: '\EA6B';
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font-family: 'remixicon';
	font-size: 4rem;
	color: #0A58F5;
}


/* -------- total */
.data-total-search-list { display: flex; gap: 1.5rem; }
.data-total-search-list div[class*="s_lstbox_cont"] { width: calc(25% - 1rem); margin-right: 0; }
.data-total-search-list .s_lstbox_wrap .s_lstbox { width: 100%; }

@media (max-width: 768px) {
	.data-total-search-list { flex-wrap: wrap; gap: 0; }
	.data-total-search-list div[class*="s_lstbox_cont"] { width: 100%; }
}

/* -------- utilization */
.data-utilization-container .utilization-container { display: none; }
.data-utilization-container .utilization-content { position: relative; display: flex; flex-direction: column; gap: 2.2rem; overflow: hidden; padding: 5rem; border-radius: 15px; z-index: 1; }
.data-utilization-container .utilization-content::before { position: absolute; content: ''; width: 88rem; height: 88rem; border-radius: 100%; z-index: -1; }
.data-utilization-container .utilization-content + .utilization-content { margin-top: 2.8rem; }
.data-utilization-container .utilization-content.about { background-color: #F6FBFD; }
.data-utilization-container .utilization-content.info { align-items: flex-end; background-color: #F7F7F7; }
.data-utilization-container .utilization-title { font-size: 3.6rem; font-weight: 700; color: #111111; }
.data-utilization-container .utilization-content p { font-size: 1.8rem; color: #111111; letter-spacing: -.01rem; word-break: keep-all; white-space: pre-line; }
.data-utilization-container .utilization-content p strong { font-size: 2.1rem; font-weight: 700; color: #0F519D; }
.data-utilization-container .utilization-content .img { display: block; margin-top: 4rem; text-align: right; }
.data-utilization-container .portal-link-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-top: 4.5rem;
	padding: 1.4rem 2.8rem;
	background: linear-gradient(45deg, #1268FA, #1DBA8F);
	border-radius: 6px;
	font-size: 1.8rem;
	font-weight: 500;
	color: #FFFFFF;
}

.data-utilization-container .bioexpress-title { font-size: 3.6rem; font-weight: 700; color: #111111; letter-spacing: -.01rem; }
.data-utilization-container .bioexpress-subtitle { margin: 2.5rem 0 3.5rem; font-size: 2rem; font-weight: 400; color: #111111; letter-spacing: -.01rem; word-break: keep-all; }
.data-utilization-container .bioexpress-content { position: relative; padding: 5rem; background: linear-gradient(to bottom, #EEF7FB, #F9F9F9); border: 1px solid #E1E1E1; border-radius: 15px; word-break: keep-all; }
.data-utilization-container .bioexpress-content > div + div { margin-top: 5rem; }
.data-utilization-container .bioexpress-content .cont-tit { margin-bottom: 1rem; font-size: 1.8rem; font-weight: 600; color: #111111; }
.data-utilization-container .bioexpress-content ul > li { position: relative; padding-left: 1rem; font-size: 1.6rem; font-weight: 400; color: #333333; }
.data-utilization-container .bioexpress-content ul > li::before { position: absolute; content: ''; top: 7px; left: 0; width: 2px; height: 5px; background-color: #1B0DD5; }
.data-utilization-container .bioexpress-content ul > li + li { margin-top: .5rem; }

.data-utilization-container .bioexpress-seperate { position: relative; height: 12.6rem; }
.data-utilization-container .bioexpress-seperate .img { position: absolute; top: -3rem; right: .5rem; }
.data-utilization-container .bioexpress-seperate .img img { max-width: 35rem; }

@media all and (min-width: 992px) {
	.data-utilization-container .utilization-content { padding: 10rem; }
	.data-utilization-container .utilization-content > div { max-width: 52.9rem; }
	.data-utilization-container .utilization-content > div.utilization-min-with { width: 100%; max-width: none; }
	.data-utilization-container .utilization-content.about::before { top: -7rem; right: -20rem; background-color: #EEF7FB; }
	.data-utilization-container .utilization-content.info::before { top: -7rem; left: -25rem; background-color: #F0F0F1; }
	.data-utilization-container .utilization-content .img { position: absolute; }
	.data-utilization-container .utilization-content.about .img { bottom: 3rem; right: 3rem; margin: 0; }
	.data-utilization-container .utilization-content.info .img { bottom: 6rem; left: 14rem; margin: 0; }

	.data-utilization-container #marketplace .utilization-content p { line-height: 1.8; }
	.data-utilization-container #marketplace .utilization-content .img { position: relative; bottom: 0; left: 0; right: 0; margin: 5.7rem 0 0; text-align: center; }
	.data-utilization-container #marketplace .utilization-content.info { align-items: flex-start; }

	.data-utilization-container .bioexpress-content { padding: 8rem; }
	.data-utilization-container .bioexpress-content ul > li::before { top: 50%; transform: translateY(-50%); }

	.data-utilization-container .bioexpress-seperate .img { top: -7rem; }
	.data-utilization-container .bioexpress-seperate .img img { max-width: none; }
}

.data_flexbox.linked-flexbox > article + article { margin-top: 2rem; }

@media all and (min-width: 1025px) {
	.data_flexbox.linked-flexbox { gap: 2rem 4rem; }
	.data_flexbox.linked-flexbox > article + article { margin-top: 0; }
}

/* --------- Linked Data */
.data-linked-container .data-linked-item {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1.5rem;
	background-color: #FBFBFB;
	border: 1px solid #DDDDDD;
	border-radius: 7px;
}

.data-linked-container .data-linked-item.type-white {
	background-color: #FFFFFF;
	border-color: #4182F2;
}

.data-linked-container .data-linked-item + .data-linked-item { margin-top: 2.5rem; }
.data-linked-container .data-linked-title .title { font-size: 1.8rem; font-weight: 700; color: #333333; letter-spacing: -.1rem; }
.data-linked-container .data-linked-title .title span { font-size: 1.6rem; font-weight: 400; color: #3176EC; }
.data-linked-container .data-linked-title .desc { font-weight: 400; color: #555555; word-break: keep-all; }

.data-linked-container .data-linked-item .linked-btn,
.data-linked-container .data-linked-item .linked-list-btn { display: inline-flex; align-items: center; }
.data-linked-container .data-linked-item .linked-btn {
	justify-content: center;
	gap: .5rem;
	padding: .25rem .75rem;
	background-color: #fff;
	border: 1px solid #D67616;
	border-radius: 4px;
	font-size: 1.5rem;
	font-weight: 400;
	color: #333333;
	transition: .25s;
}

.data-linked-container .data-linked-item .linked-btn:hover,
.data-linked-container .data-linked-item .linked-btn:focus { background-color: #D67616; color: #fff; }
.data-linked-container .data-linked-item .data-linked-btn-wrap { display: inline-flex; align-items: center; gap: 1.5rem; }
.data-linked-container .data-linked-item .count { font-size: 2.3rem; font-weight: 700; color: #2F518A; }
.data-linked-container .data-linked-item .count small { font-size: 1.8rem; font-weight: 400; color: #666; }
.data-linked-container .data-linked-item .linked-list-btn {
	padding: .5rem 1rem;
	background-color: #fff;
	border: 1px solid #D1D4DB;
	border-radius: 5px;
	font-size: 1.5rem;
	font-weight: 400;
	color: #333333;
}

.data-linked-container .data-linked-title .info { margin-top: 1rem; color: #DC3545; }
.data-linked-container .linked-detail-wrap .tit_box {
	position: relative;
	margin-top: 2rem;
	padding: 1rem 1.8rem;
	background-color: #f7f8fa;
	border: 1px solid #D8D9DF;
	border-radius: 6px;
}

.data-linked-container .linked-detail-wrap .tit_box .current b { color: #145CD6; }
.data-linked-container .linked-detail-wrap .radio_group {
	position: absolute;
	top: 50%;
	right: 1.5rem;
	transform: translateY(-50%);
	z-index: 1;
}

.data-linked-container .result_list ul > li { padding: 2rem 1.8rem; }
.data-linked-container .result_list ul > li + li { border-top: 1px solid #EEEEEE; }
.data-linked-container .result_list ul > li:last-of-type { border-bottom: 1px solid #EEEEEE; }
.data-linked-container .result-content-box { position: relative; }
.data-linked-container .result-content-box .refer-content {
	position: relative;
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	color: #757575;
}

.data-linked-container .result-content-box .refer-content span { position: relative; padding-right: 1.5rem; font-size: 1.7rem; font-weight: 500; color: #333333; }
.data-linked-container .result-content-box .refer-content span::before {
	content: '';
	position: absolute;
	top: 50%;
	right: .5rem;
	transform: translateY(-50%);
	width: 1px;
	height: 10px;
	background-color: #E1E1E1;
}

.data-linked-container .result-content-box .refer-content a { font-size: 1.6rem; font-weight: 400; color: #757575; }
.data-linked-container .result-content-box .refer-content a:hover,
.data-linked-container .result-content-box .refer-content a:focus { text-decoration: underline; }
.data-linked-container .result-content-box .refer-detail-btn {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 1rem;
	padding: 1rem;
	background-color: #FFFFFF;
	border: 1px solid #D1D4DB;
	border-radius: 5px;
	font-size: 1.5rem;
	color: #333333;
	text-align: center;
	transition: .25s;
	z-index: 1;
}

.data-linked-container .result-content-box .refer-detail-btn:hover,
.data-linked-container .result-content-box .refer-detail-btn:focus { border-color: #000000; }
.data-linked-container .linked-back-btn {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 2rem;
	border-radius: 6px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #203969;
	line-height: 1.8;
}

.data-linked-container .linked-back-btn i { display: inline-block; vertical-align: middle; margin-top: -2px; font-weight: 400; }

@media all and (min-width: 768px) {
	.data-linked-container .result-content-box .refer-detail-btn {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: auto;
		margin-top: 0;
		padding: 1rem 2.5rem;
	}
}

@media all and (min-width: 992px) {
	.data-linked-container .data-linked-item {
		flex-direction: row;
		gap: 0;
		align-items: center;
		justify-content: space-between;
		padding: 3.5rem;
	}

	.data-linked-container .data-linked-item.type-white { align-items: flex-start; }
	.data-linked-container .data-linked-title .desc,
	.data-linked-container .data-linked-title .info { max-width: 90.4rem; }
	.data-linked-container .data-linked-item .linked-btn,
	.data-linked-container .data-linked-item .linked-list-btn { display: flex; }
	.data-linked-container .data-linked-item .linked-list-btn { margin-top: .5rem; }
	.data-linked-container .result_list ul > li { padding: 3rem 1.8rem; }
	.data-linked-container .result-content-box .refer-content { display: inline-block; vertical-align: middle; padding-right: 3.2rem; }
	.data-linked-container .result-content-box .refer-content:first-child { display: block; padding: 0; margin-bottom: .5rem; }
}

/* --------- Collections */
.collection-list .collection-item { position: relative; padding: 3rem 0; }
.collection-list .collection-item + .collection-item { border-top: 1px solid #E1E1E1; }
.collection-list .collection-item:last-of-type { border-bottom: 1px solid #E1E1E1; }
.collection-list .collection-item .collection-title { font-size: 2rem; font-weight: 400; color: #111111; word-break: keep-all; letter-spacing: -.05rem; }
.collection-list .collection-item .collection-title:hover,
.collection-list .collection-item .collection-title:focus { text-decoration: underline; }
.collection-list .collection-item .collection-title strong { font-weight: 500; color: #0745A1; }
.collection-list .collection-item .collection-title span { font-weight: 400; color: #1C7CCF; }
.collection-list .collection-item .collection-desc { margin-top: 1.5rem; color: #767676; word-break: keep-all; }
.collection-list .collection-item .collection-desc.wb-word { word-break: break-word; }
.collection-list .collection-item .collection-link-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	margin-top: 1rem;
	padding: 1rem;
	background: linear-gradient(115deg, #1268FA, #1DBA8F);
	border-radius: 5px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #FFFFFF;
}

@media all and (min-width: 992px) {
	.collection-list .collection-item .collection-link-btn {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		margin: 0;
	}
}

/* --------- KRA */
.static_sheet .data-inherit-table table { min-width: auto; }

/* --------- KCODE */
.helpdesk-container .helpdesk-main-title { margin-top: 2rem; font-size: 2rem; color: #3587E6; }
.helpdesk-container .helpdesk-info { margin-top: 2rem; }
.helpdesk-container .helpdesk-info a { color: #3587E6; text-decoration: underline; }

.helpdesk-card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid #DDDDDD;
	border-radius: 6px;
	padding: 1.5rem 2.5rem;
}

.helpdesk-card-title {
	font-size: 1.8rem;
	display: block;
	color: #1A3871;
	line-height: 2.6rem;
	font-weight: 700;
	padding-left: 1rem;
	margin-bottom: 1rem;
}

.helpdesk-info-container { position: relative; padding: 2rem 2.5rem; border: 1px solid #C9DDEF; background: #F6F9FF; border-radius: 6px; color: #444; }
.helpdesk-info-container .info-body { position: relative; padding-left: .5rem; font-size: 1.5rem; }


/* --------- Common - tabs */
.cmm-depth-tabs { display: flex; flex-wrap: wrap; padding: .5rem; }
.cmm-depth-tabs ul { display: flex; flex-wrap: wrap; width: 100%; gap:1px;}
.cmm-depth-tabs ul > li { position: relative; flex: 1; min-width: 12rem; }
.cmm-depth-tabs ul > li > a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 1rem .7rem;
	background: #F2F4F8;
	border: 1px solid #DDDDDD;
	border-bottom-color: #868686;
	border-radius: 5px 5px 0 0;
	font-size: 1.7rem;
	color: #333333;
	letter-spacing: -.17px;
}

.cmm-depth-tabs ul > li > a:hover { background: #DDDDDD; }
.cmm-depth-tabs ul > li > a.active {
	bottom: 0.5rem;
	height: calc(100% + 0.5rem);
	background: linear-gradient(90deg, #5185DC, #57CBDE);
	border-color: #54a5dd;
	border-bottom-color: transparent;
	/*box-shadow: 0 3px 6px rgba(0, 0, 0, .16);*/
	color: #FFFFFF;
}

@media (max-width: 576px) {
	.cmm-depth-tabs ul { flex-direction: column; gap:0.8rem;}

	.cmm-depth-tabs ul > li > a {
		border: 1px solid #DDDDDD;
		border-bottom-color: #DDDDDD;
		border-radius: 5px;
	}
}

/* -------- Common */
.common-guide-container { position: relative; }
.common-guide-container .submission-guide {
	display: grid;
	grid-template-columns: 100%;
	grid-template-areas:
		"toc"
		"content";
	margin: 2rem 0 0;
	background-color: #FDFDFD;
	border: 1px solid #E1E1E1;
	border-radius: 6px;
}

.common-guide-container .submission-guide-toc { grid-area: toc; }
.common-guide-container .submission-guide-content { grid-area: content; }
.common-guide-container .submission-guide-toc .table-of-content { position: relative; padding: 2rem; border-bottom: 1px solid #DDDDDD; }
.common-guide-container .submission-guide-content .content { position: relative; padding: 2rem; background: #fff; }
.common-guide-container .content-title-area .title {
	position: relative;
	margin-bottom: 1rem;
	font-family: 'semiBold';
	font-size: 2.5rem;
	font-weight: 600;
	color: #333;
	letter-spacing: -.1rem;
	text-align: center;
}

.common-guide-container .content-title-area .title::before {
	content: '\EF43';
	display: inline-block;
	margin-right: 1.5rem;
	font-family: 'remixicon';
	font-size: 2.3rem;
}

.common-guide-container .content-title-area .description {
	padding-top: 1rem;
	border-top: 1px solid #E1E1E1;
	font-size: 1.8rem;
	font-weight: 400;
	color: #666;
	letter-spacing: -.1rem;
	word-break: break-word;
}

.common-guide-container .list-title { display: block; font-family: 'semiBold'; font-size: 1.7rem; color: #333333; }
.common-guide-container .submission-guide-content .content .line-title { margin-top: 5rem; font-size: 2.1rem; font-weight: 500; color: #333; }
.common-guide-container .submission-guide-content .content .line-small-title { margin-top: 5rem; font-size: 1.8rem; font-weight: 500; color: #333; }
.common-guide-container .small-cont { margin-top: 2rem; }
.common-guide-container .small-cont .img-area { margin-top: 1rem; text-align: center; }
.common-guide-container .small-cont .img-area img { display: inline-block; max-width: 50rem; margin: 0 auto; }
.common-guide-container .small-cont figure { display: block; margin-top: .5rem; font-weight: 300; color: #777; text-align: center; }
.common-guide-container .small-cont .small-line-content { margin-top: 2rem; color: #666666; word-break: keep-all; }
.common-guide-container .small-cont .small-line-content.small { font-size: 1.4rem; }
.common-guide-container .small-cont .small-desc-list { margin-top: 1rem; }
.common-guide-container .small-cont .small-desc-list > li { position: relative; color: #444; }
.common-guide-container .small-cont .small-desc-list > li + li { margin-top: .5rem; }
.common-guide-container .small-cont .small-desc-list > li.circle { padding-left: 1.5rem; }
.common-guide-container .small-cont .small-desc-list > li.circle::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	background-color: #000;
	border-radius: 50%;
}

.common-guide-container .small-cont .small-desc-list.no-list > li.circle::before { top: 1rem; transform: none; }
.common-guide-container .small-cont .small-desc-list.no-list > li > .small-desc-sub-list > li { position: relative; padding-left: 1.5rem; }
.common-guide-container .small-cont .small-desc-list.no-list > li > .small-desc-sub-list > li + li { margin-top: .5rem; }
.common-guide-container .small-cont .small-desc-list.no-list > li > .small-desc-sub-list > li::before {
	position: absolute;
	content: '';
	top: 1rem;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 50%;
}

.common-guide-container .small-cont .small-desc-list.no-list > li > .small-desc-sub-list.no-list > li::before { top: 1rem; transform: none; }

.common-guide-container .small-cont .small-desc-list.no-list > li > .small-desc-sub-list.no-list > li > ul > li,
.common-guide-container .small-cont .small-desc-list.no-list > li > .small-desc-sub-list.no-list > li > ul > li > ul > li  { margin-top: .5rem; padding-left: 1.5rem; }

.common-guide-container .small-cont .small-desc-list.no-list > li > .small-desc-sub-list.no-list > li > ul > li + li { margin-top: 1rem; }

.common-guide-container ul > li.square-li { position: relative; }
.common-guide-container ul > li.square-li::before { position: absolute; content: ''; top: 1rem; left: 0; width: 4px; height: 4px; background-color: #000000; }

.common-guide-container ul > li.circle-li { position: relative; }
.common-guide-container ul > li.circle-li::before { position: absolute; content: ''; top: 1rem; left: 0; width: 4px; height: 4px; background-color: #000000; border-radius: 100%; }

.common-guide-container ul > li.t-circle-li { position: relative; padding-left: 1.5rem; }
.common-guide-container ul > li.t-circle-li + li.t-circle-li { margin-top: .5rem; }
.common-guide-container ul > li.t-circle-li::before { position: absolute; content: ''; top: 1rem; left: 0; width: 4px; height: 4px; background-color: #ffffff; border: 1px solid #000000; border-radius: 100%; }

.common-guide-container .small-cont a { color: #155CD6; text-decoration: underline; }
.common-guide-container .toc-list > li > a.list-depth1 { position: relative; display: block; margin-top: 1rem; font-size: 1.5rem; font-weight: 500; color: #0F497D; }
.common-guide-container .toc-list > li a.list-depth2 { position: relative; display: block; margin-top: .5rem; padding-left: 1.5rem; font-size: 1.5rem; font-weight: 400; color: #547EA4; }
.common-guide-container .toc-list > li a.list-depth2::before {
	position: absolute;
	content: '';
	top: 1rem;
	left: 4px;
	width: 2px;
	height: 2px;
	border-radius: 4px;
	background-color: #707070;
}

.common-guide-container .accordion-content { margin-top: 1rem; }
.common-guide-container .accordion-content:not(:first-of-type) { margin-top: .5rem; }
.common-guide-container .accordion-btn { position: relative; padding-left: 2.5rem; font-size: 1.6rem; font-weight: 500; color: #555555; cursor: pointer; }
.common-guide-container .accordion-btn::before {
	position: absolute;
	content: '\F3E4';
	top: 0;
	left: 0;
	transform: rotate(90deg);
	font-family: 'remixicon';
	font-size: 1.7rem;
	color: #555555;
	transition: .25s;
}

.common-guide-container .accordion-btn.active::before { transform: rotate(180deg); }
.common-guide-container .accordion-cont { position: relative; height: 0; overflow: hidden; padding: 0; transition: .25s; }
.common-guide-container .accordion-btn.active + .accordion-cont { height: auto; overflow: visible; padding: 1rem 2.5rem; }
.common-guide-container .accordion-cont-desc { margin-top: .5rem; font-size: 1.5rem; word-break: keep-all; }
.common-guide-container .accordion-cont-desc + img { margin-top: 1rem; }
.common-guide-container .accordion-cont-desc-title { margin-bottom: .5rem; font-size: 1.5rem; font-weight: 600; word-break: keep-all; }
.common-guide-container .desc-point { color: #990000; text-decoration: underline; }
.common-guide-container .desc-point2 { color: rgba(51, 126, 169, 1); font-weight: 400; }
.common-guide-container .desc-mgt-10 { margin-top: 1rem !important; }
.common-guide-container .desc-mgt-20 { margin-top: 2rem !important; }
.common-guide-container .desc-mgt-30 { margin-top: 3rem !important; }
.common-guide-container .desc-mgt-35 { margin-top: 3.5rem !important; }

.common-guide-container .desc-pdl-10 { padding-left: 1rem !important; }
.common-guide-container .desc-pdl-20 { padding-left: 2rem !important; }
.common-guide-container .desc-pdl-30 { padding-left: 3rem !important; }
.common-guide-container .desc-pdl-35 { padding-left: 3.5rem !important; }
.common-guide-container .desc-pdl-40 { padding-left: 4rem !important; }

.common-guide-container code {
	display: block;
	margin-top: .5rem;
	padding: 2rem;
	background-color: #5D706E;
	font-family: 'Arial';
	font-size: 1.5rem;
	color: #C3DBD9;
}

.common-guide-container code > span { display: block; }
.common-guide-container code > span.c1 { margin-bottom: 1rem; color: #fff; }
.common-guide-container code > span em { color: #db1457; }
.common-guide-container code > span b { margin-left: 2rem; color: #fff; font-weight: 400; }
.common-guide-container .inner-content { padding-left: 1.5rem; }
.common-guide-container .small-cont-img { margin: 1rem 0; text-align: center; }
.common-guide-container .small-cont-img.no-width-img img { max-width: none; }

.common-guide-container .code-html-content { margin: 1rem 0; padding-left: 1.5rem; border-left: 3px solid #000000; }
.common-guide-container .code-html-content span { display: block; }
.common-guide-container .file-download-area { margin: 1.5rem 0; padding: 1rem 2rem; background-color: #FFFFFF; border: 1px solid #DDDDDD; }

div[data-container="education"] .education-guide { display: none; }
div[data-container="education"] .education-guide.active { display: block; }

.common-guide-container .inner-c1 { color: #fff; }
.common-guide-container .sml { background-color: rgba(135, 131, 120, .15); font-size: 1rem; color: #eb5757; }

@media all and (min-width: 992px) {
	.common-guide-container .submission-guide {
		grid-template-columns: 260px 1fr;
		grid-template-areas: "toc content";
		margin: 0;
	}

	.common-guide-container .content-title-area .title { text-align: left; }
	.common-guide-container .submission-guide-toc .table-of-content,
	.common-guide-container .submission-guide-content .content { height: 100%; padding: 2.5rem; }
	.common-guide-container .submission-guide-toc .table-of-content { border-bottom: 0; border-right: 1px solid #DDDDDD; }
	.common-guide-container .small-cont .small-desc-list { padding-left: 1.5rem; }
	.common-guide-container .small-cont .img-area img { max-width: 60rem; }

	.common-guide-container .small-cont .small-line-content + .small-line-content { margin-top: 1rem; }
	.common-guide-container .small-cont-img img { max-width: 70.7rem; }
}

@media (max-width: 500px) {
	.common-guide-container .small-cont .img-area img { max-width: 100%; }
}

/* --------- KNA */
.kna-submission-contents .kna-submission-area { position: relative; padding: 3.5rem; border-radius: 15px; }
.kna-submission-contents .kna-submission-area::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 15px;
}

.kna-submission-contents .kna-submission-area.organism { background-color: #F6FBFD; }
.kna-submission-contents .kna-submission-area.organism::after {
	background-image: url('../../../image/sub/nucleotide/organism.png');
}

.kna-submission-contents .kna-submission-area.synthetic,
.kna-submission-contents .kna-submission-area.pcr { background-color: #F7F7F7; }
.kna-submission-contents .kna-submission-area.synthetic::after {
	background-image: url('../../../image/sub/nucleotide/synthetic_construct.png');
}

.kna-submission-contents .kna-submission-area.pcr::after {
	background-image: url('../../../image/sub/nucleotide/pcr_new.png');
}

.kna-submission-contents .submission-title-area .title04 { margin-bottom: 1.5rem; font-size: 3.6rem; font-weight: 600; letter-spacing: -.36px; color: #111111; }
.kna-submission-contents .submission-title-area p { margin-bottom: 3.2rem; font-size: 1.8rem; font-weight: 400; color: #111111; }
.kna-submission-contents .submission-item-area { position: relative; width: 100%; z-index: 2; }
.kna-submission-contents .submission-item-area .kna-submission-item {
	position: relative;
	display: flex;
	align-items: center;
	gap: 1.4rem;
	width: 100%;
	height: 10rem;
	padding: 0 3rem;
	background-color: #FFFFFF;
	border: 1px solid #9BB1CD;
	border-radius: 15px;
}

.kna-submission-contents .submission-item-area .kna-submission-item::after {
	position: absolute;
	content: '';
	top: 50%;
	right: 3.8rem;
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	border-top: 1px solid #707070;
	border-right: 1px solid #707070;
	transform: translateY(-50%) rotate(45deg);
	transition: .25s;
}

.kna-submission-contents .submission-item-area .kna-submission-item + .kna-submission-item { margin-top: .8rem; }
.kna-submission-contents .submission-item-area .kna-submission-item strong {
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1.8rem;
	letter-spacing: -.36px;
}

.kna-submission-contents .kna-submission-item .info_btn {
	position: absolute;
	top: 50%;
	right: 6.5rem;
	transform: translateY(-50%);
	color: #3F73CC;
	z-index: 1;
}

.kna-cmm-row { position: relative; display: flex; align-items: flex-end; gap: 1rem; margin-bottom: 1rem; padding: 2rem; border: 1px solid #E1E1E1;border-radius: 5px;background: #F7F8FA;}
.kna-cmm-row.third-row .kna-cmm-item { flex: 1 0 auto; }
.kna-cmm-row.third-row .kna-cmm-btn-item button { width: 100%; }
.kna-cmm-item label { position: relative; display: block; height: 2.7rem; }
.form_table.depth_3 td .kna-cmm-item input[type='text'] { height: 4rem; }

.kna-frm-row { display: flex; gap: 2rem; }
.kna-frm-row .kna-frm-item { position: relative; flex: 1 0 auto; }

.kna-browse-wrap .con_table th { position: relative; padding-left: 1.2rem; }
.kna-browse-wrap .con_table th:not(:last-child),
.kna-browse-wrap .con_table td:not(:last-child){ border-right: 1px solid #E1E1E1; }
.kna-browse-wrap .con_table td { padding-left: 1.2rem; padding-right: 1.2rem; }
.kna-browse-wrap .btn_align_updown { position: absolute; top: 1rem; right: 3px; }

.kna-total-search-wrap .con_table { min-height: auto; }

@media (max-width: 768px) {
	.kna-submission-contents .submission-item-area { max-width: 100%; }
	.kna-submission-contents .kna-submission-area::after { display: none; }

	.kna-cmm-row, .kna-frm-row { flex-wrap: wrap; }
}

@media (min-width: 768px) {
	.kna-frm-row .kna-frm-item.w-md-250 { max-width: 25rem; }

	.kna-browse-wrap { position: relative; display: grid; grid-template-columns: 24rem calc(100% - 26rem); gap: 2rem; }
}


/* --------- noname */
.pbox-btns { position: absolute; bottom: 2.9rem; right: 2.8rem; }
.pbox-btns .btns { margin: 0; font-size: 1.4rem; }

.cmm-depth-tabs.tabs-auto ul > li { flex: auto; }

/* --------- About */
.custom-mt-40 { margin-top: 4rem; }
.about-container .title3 { margin-top: 4.8rem; }
.about-main-function-container ol { display: flex; flex-wrap: wrap; gap: 1.2rem; }
.about-main-function-container ol > li {
	position: relative;
	width: calc(50% - .6rem);
	padding-left: 3rem;
}

.about-main-function-container ol > li .num { position: absolute; top: 0; left: 0; }
.about-main-function-container ol > li > ol { flex-direction: column; gap: .8rem; margin-top: 1.6rem; }
.about-main-function-container ol > li > ol > li { width: 100%; padding-left: 2.25rem; }

.about-main-function-container.en ol > li { width: 100%; }

.about-table-wrap table thead th {
	padding: 1.5rem 1.7rem;
	background-color: #F8F9FB;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #E1E1E1;
	font-size: 1.6rem;
	font-weight: 500;
	color: #333333;
	text-align: left;
}

.about-table-wrap table thead th:not(:last-child) { border-right: 1px solid #E1E1E1; }
.about-table-wrap table tbody th,
.about-table-wrap table tbody td {
	padding: 1.5rem 1.7rem;
	border-bottom: 1px solid #E1E1E1;
	font-size: 1.6rem;
	color: #333333;
	text-align: left;
}

.about-table-wrap table tbody th.fc-gray,
.about-table-wrap table tbody td.fc-gray { color: #767676; }
.about-table-wrap table tbody th:not(:last-child),
.about-table-wrap table tbody td:not(:last-child) { border-right: 1px solid #E1E1E1; }

.about-img-container { position: relative; margin-bottom: 2rem; text-align: center; }
.about-main-function-container.en .about-img-container img { height: 30rem; }

.about-main-function-container .about-main-function-item {
	position: relative;
	margin: 5.2rem 0 0;
	padding: 5.5rem 4.9rem 2rem;
	background-color: #FFFFFF;
	border: 1px solid #A0AEC9;
	border-radius: 12px;
}

.about-main-function-container .about-main-function-title {
	position: absolute;
	top: -2rem;
	left: -1px;
	display: flex;
	align-items: center;
	gap: 1.8rem;
	width: calc(100% - 5px);
	padding: .8rem 1rem;
	background-color: #F5F5F5;
	border: 1px solid rgba(160, 174, 201, .43);
	border-radius: 20px 20px 20px 0;
}

.about-main-function-container .about-main-function-title .num {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 3.8rem;
	height: 3.8rem;
	padding-left: .3rem;
	background-color: #204CA0;
	border-radius: 15px 30px 30px 0;
	font-size: 2.2rem;
	font-weight: 500;
	color: #FFFFFF;
}

.about-main-function-container .about-main-function-title strong { font-size: 2.2rem; font-weight: 500; color: #1A3871; }
.about-main-function-container .about-main-function-content { position: relative; }
.about-main-function-container .about-main-function-content ul > li { font-size: 1.7rem; font-weight: 500; color: #1A3871; }
.about-main-function-container .about-main-function-content ul > li + li { margin-top: .5rem; }
.about-main-function-container .about-main-function-content ul > li .hypen { margin-right: .5rem; }

@media (max-width: 768px) {
	.about-main-function-container ol > li { width: 100%; }
	.about-main-function-container.en .about-img-container img { height: auto; }
}

/* 온라인 교육 */
.online-education { position: relative; }
.online-education .gradientbox .desc { word-break: keep-all; }
.online-education .gradientbox .desc-btn-wrap { position: relative; text-align: center; }
.online-education .gradientbox .desc-btn-wrap .link-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	min-width: 15rem;
	padding: 1rem 2rem;
	background: linear-gradient(115deg, #1268FA, #1DBA8F);
	border-radius: 5px;
	font-size: 1.5rem;
	color: #ffffff;
}

.online-education .gradientbox .desc-btn-wrap .link-btn i { font-size: 1.8rem; }

.online-edu-list .programming { background-color: rgba(226, 239, 218, 1); }
.online-edu-list .analyze { background-color: rgba(217, 225, 242, 1); }
.board_list .online-edu-list td { word-break: keep-all; }

.bg-gray {
	background-color: #e8e8e8;
}

@media (max-width: 768px) {
	.online-education .gradientbox .desc-btn-wrap .link-btn { min-width: auto; margin-top: 1.5rem; }
	.online-edu-list .programming,
	.online-edu-list .analyze { background-color: transparent; }
}



.faq-card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #F7F8FA;
	background-clip: border-box;
	border-radius: 1.5rem;
	padding: 2rem 2.4rem; /* 2rem × 0.95, 2.4rem × 0.95 */
}

.faq-card * {
	background-color: transparent !important;
}

.faq-card .faq-card-header,
.faq-card .faq-card-body {
	position: relative;
}

.faq-card .faq-card-header {
	color: #333333;
	font-weight: 500;
	font-size: 1.8rem;
	cursor: pointer;
}

.faq-card .faq-card-header::after {
	content: "\ea4e";
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 2.4rem;
	font-weight: 400;
	font-family: 'remixicon' !important;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .25s;
	transition: all .25s;
}

.faq-card.close .faq-card-header::after {
	-webkit-transform: translateY(-50%) rotate(0.5turn);
	transform: translateY(-50%) rotate(0.5turn);
}

.faq-card .faq-card-header .q{
	display: block;
	width: 3rem;
	height: 3rem;
	background-color: #6526E5 !important;
	font-size: 2.2rem;
	font-weight: 600;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4;
}

.faq-card .faq-card-header:first-child {
	border-radius: 1.5rem 1.5rem 0 0;
}

.faq-card .faq-card-body {
	display: block;
	padding-top: 2rem;
	padding-left: 4.5rem;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.faq-card .faq-card-body * {
	font-size: 1.5rem !important;
	color: #7D7D7D !important;
}

.faq-card .faq-card-body:last-child {
	border-radius: 0 0 1.5rem 1.5rem;
}

.faq-card.close .faq-card-body {
	display: none;
}


.statistics-section {
	position: relative;
}

.statistics-section {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
}

.statistics-section .row {
	margin-left: -3rem;
	margin-right: -3rem;
}

.statistics-section .row > * {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: 3rem;
	padding-left: 3rem;
	margin-top: 0;
}

@media (max-width: 992px) {
	.statistics-section .row {
		margin-left: -1rem;
		margin-right: -1rem;
	}

	.statistics-section .row > * {
		padding-right: 1rem;
		padding-left: 1rem;
	}
}

.statistics-section .row.item-separator-row > .separator  {
	display: flex;
	flex-direction: column;
	padding-top: 4rem;
	margin-top: 4rem;
	justify-content: center;
	border-top: 1px solid #EEEEEE;
}

.statistics-section .row.item-separator-row > .separator:nth-child(1),
.statistics-section .row.item-separator-row > .separator:nth-child(2) {
	padding-top: 0;
	margin-top: 0;
	border-top: 0;
}

@media (max-width: 992px) {
	.statistics-section .row.item-separator-row > .separator {
		display: flex;
		flex-direction: column;
		padding-top: 2.5rem;
		margin-top: 2.5rem;
		justify-content: center;
		border-top: 1px solid #EEEEEE;
	}

	.statistics-section .row.item-separator-row > .separator:nth-child(2) {
		padding-top: 2.5rem;
		margin-top: 2.5rem;
		border-top: 1px solid #EEEEEE;
	}
}

.statistics-section-title {
	color: #111111;
	font-size: 2.2rem;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.statistics-section .statistics-section-header,
.statistics-section .statistics-section-body {
	position: relative;
}

.statistics-section .statistics-section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin-bottom: 1rem;
}

.statistics-section .statistics-section-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	border: 1px solid #E1E1E1;
	border-radius: 1.6rem;
	padding: 5rem 4rem;
}

@media (max-width: 992px) {
	.statistics-section .statistics-section-body {
		padding: 3rem 4.5rem;
	}
}


.statistics-section .statistics-section-item {
	position: relative;
	display: flex;
	row-gap: 0.5rem;
	/*align-items: center;*/
}

.statistics-section .statistics-section-item .statistics-section-item-title {
	position: relative;
	display: flex;
	flex-wrap:nowrap;
	align-items: center;
	white-space: nowrap;
	font-size: 1.8rem;
	font-weight: 600;
	gap: 4rem;
}

@media (max-width: 992px) {
	.statistics-section .statistics-section-item .statistics-section-item-title {
		gap: 2.5rem;
		padding-right: 1rem;
	}
}

.statistics-section .statistics-section-item .statistics-section-item-title img {
	width: 40px;
}

@media (max-width: 992px) {
	.statistics-section .statistics-section-item .statistics-section-item-title img {
		width: 25px;
	}
}

.statistics-section .statistics-section-item .statistics-section-item-title > strong {
	font-size: 1.8rem;
	color: #333333;
	white-space: nowrap;
}

.statistics-section .statistics-section-item .statistics-section-item-desc {
	line-height: 1.8;
	font-size: 1.5rem;
	font-weight: 500;
	color: #555555;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.statistics-section .statistics-section-item .statistics-section-item-desc > div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.statistics-section .statistics-section-item .statistics-section-item-num {
	position: relative;
	color: #1A3871;
	font-size: 1.8rem;
	font-weight: 600;
	text-align: right;
}

.statistics-section .statistics-section-item .statistics-section-item-chart {
	display: block;
	padding: 0.5rem 0.3rem;
	border: 1px solid #CCCCCC;
	border-radius: 0.6rem;
	background-color: #fff;
	cursor: pointer;
	min-width: 36px;
}

.statistics-section .statistics-section-item .statistics-section-item-chart > img {
	width: 29px;
}


.linked-section {

}

.linked-section .row.item-separator-row > .separator  {
	display: flex;
	flex-direction: column;
	padding-top: 1rem;
	margin-top: 1rem;
	justify-content: center;
}

.linked-section .linked-section-item {
	position: relative;
	display: flex;
	row-gap: 1rem;
	border: 1px solid #E1E1E1;
	border-radius: 1.6rem;
	padding: 3rem 4.5rem;
	/*align-items: center;*/
}

.linked-section .linked-section-item:not(:last-child) {
	margin-bottom: 1.5rem;
}

.linked-section .linked-section-item .linked-section-item-title {
	font-size: 1.8rem;
	font-weight: 600;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.linked-section .linked-section-item .linked-section-item-title a > strong:before {
	content: '';
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	background-color: #EEF7FF;
	display: inline-block;
	background-image: url(../../../../resources/image/service/content/chart_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	line-height: 6rem;
	vertical-align: middle;
	margin-right: 1.6rem;
}

.linked-section .linked-section-item .linked-section-item-num {
	display: flex;
	flex-direction: column;
	text-align: center;
	min-width: 100px;

}

@media (max-width: 992px) {
	.linked-section .linked-section-item .linked-section-item-num {
		min-width: auto;
		flex-direction: row;
		gap: 1.5rem;
		align-items: center;
	}
}

.linked-section .linked-section-item .linked-section-item-num .num-label {
	display: block;
	font-size: 1.4rem;
	color: #333333;
}

.linked-section .linked-section-item .linked-section-item-num .num-value {
	display: block;
	font-size: 1.8rem;
	font-weight: 600;
	color: #155CD6;
}

.data-access-group div {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	background-color: #FFFFFF;
	border: 1px solid #DFDFDF;
	border-radius: 2rem;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding-right: 1rem;
	overflow: hidden;
}

.data-access-group div span {
	display: inline-block;
	background-color: #f7f8fa;
	text-align: center;
	font-size: 1.4rem;
	line-height: 2.8rem;
	padding: 0 1rem;
	border-right: 1px solid #DFDFDF;
	width: 6.5rem;
}

.data-access-group div strong {
	font-size: 1.4rem;
	color: #555;
	font-weight: 600;
	min-width: 7rem;
	text-align: right;
}


/* tree view */
.tree-vertical-root, .tree-vertical-file { position:relative; }
.tree-vertical-root:before {
	content: "";
	position: absolute;
	top: 0;
	left: 7px;
	border-left: 1px dashed #bbbbad;
	width: 1px;
	height: 100%;
}

.tree-vertical-file:before {
	content: "";
	position: absolute;
	top: calc(50% - 26px);
	left: calc(3rem + 8px);
	border-left: 1px dashed #bbbbad;
	width: 1px;
	height: calc(100% + 26px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.tree-vertical-file.first:before {
	top: calc(50% - 13px);
	height: 100%;
}

.tree-horizental-datatype, .tree-horizental-file { position:relative; }
.tree-horizental-datatype { padding-left: 3rem; }
.tree-horizental-file { padding-left: 6rem; }

.tree-horizental-datatype:after {
	content: "";
	position: absolute;
	border-top: 1px dashed #bbbbad;
	top: calc(50% - 2px);
	left: 3px;
	width: calc(3rem - 2px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.tree-horizental-file:after {
	content: "";
	position: absolute;
	border-top: 1px dashed #bbbbad;
	top: calc(50% + 2px);
	left: calc(3rem + 8px);
	width: calc(3rem - 8px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

a.description-dropdown > i {
	font-size: 2rem;
}