@charset "UTF-8";

#page .page_section_introduction .section_title{text-align:center;}

/* 소개 섹션 */
#page .page_section_introduction[section-name="intro_section"] .section_content{margin-top:40px;}
#page .page_section_introduction[section-name="intro_section"] .section_content .content_description{text-align:center;}
#page .page_section_introduction[section-name="intro_section"] .section_content .content_description .title{font-size:30px;font-weight:500;color:var(--main-blue);}
#page .page_section_introduction[section-name="intro_section"] .section_content .content_description .description{margin-top:20px;line-height:1.8;}
#page .page_section_introduction[section-name="intro_section"] .section_content .content_description .description br.tablet,
#page .page_section_introduction[section-name="intro_section"] .section_content .content_description .description br.mo{display:none;}
@media all and (max-width:1000px){
	#page .page_section_introduction[section-name="intro_section"] .section_content .content_description .description br.pc{display:none;}
	#page .page_section_introduction[section-name="intro_section"] .section_content .content_description .description br.tablet{display:block;}
}
@media all and (max-width:600px){
	#page .page_section_introduction[section-name="intro_section"] .section_content .content_description .description br.tablet{display:none;}
	#page .page_section_introduction[section-name="intro_section"] .section_content .content_description .description br.mo{display:block;}
}

/* 체험센터 탭 섹션 */
#page .page_section_introduction[section-name="centre_section"]{margin-top:90px;padding:60px 0;background-color:#f6fbff;}
#page .page_section_introduction[section-name="centre_section"] .section_title .description{margin-top:20px;line-height:1.7;}

#page .page_section_introduction[section-name="centre_section"] .section_content{margin-top:50px;}

/* 탭 메뉴 */
#page .page_section_introduction[section-name="centre_section"] .centre_tabmenu{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
#page .page_section_introduction[section-name="centre_section"] .centre_tabmenu .item button{
	min-width:260px;
	padding:14px 24px;
	font-size:18px;
	font-weight:500;
	color:#003492;
	border-radius:30px;
	border:1px solid #b6bce1;
	background-color:#fff;
	cursor:pointer;
}
#page .page_section_introduction[section-name="centre_section"] .centre_tabmenu .item.active button{
	color:#fff;
	border-color:#003492;
	background-color:#003492;
}

/* 탭 콘텐츠 공통 */
#page .page_section_introduction[section-name="centre_section"] .centre_list{max-width:1120px;margin:40px auto 0;}
#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_item{display:none;}
#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_item.active{display:block;}

#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_summary .title{
	font-size:24px;
	font-weight:500;
	color:#003492;
}
#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_summary .description{
	margin-top:16px;
	line-height:1.8;
	color:#4a4947;
}

#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_table{
	margin-top:30px;
}
#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_table table{
	width:100%;
	border-top:2px solid #000;
	border-collapse:collapse;
}
#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_table table th,
#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_table table td{
	padding:14px 18px;
	font-size:15px;
	line-height:1.7;
	border-bottom:1px solid #ddd;
	text-align:left;
}
#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_table table th{
	width:20%;
	background-color:#f8f8f8;
	font-weight:500;
}

#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_table .dot_list{
	margin:0;
	padding-left:18px;
}
#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_table .dot_list li{
	margin-top:4px;
}

#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_table .link_button{
	display:inline-block;
	padding:8px 16px;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	border-radius:20px;
	background-color:#003492;
}

@media all and (max-width:1000px){
	#page .page_section_introduction[section-name="centre_section"]{margin-top:4.5em;padding:3.5em 0;}
	#page .page_section_introduction[section-name="centre_section"] .centre_tabmenu{gap:0.5em;}
	#page .page_section_introduction[section-name="centre_section"] .centre_tabmenu .item button{
		min-width:0;
		padding:0.7em 1.2em;
		font-size:0.95em;
	}
}

@media all and (max-width:900px){
	#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_table table th,
	#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_table table td{
		display:block;
		width:100% !important;
		box-sizing:border-box;
	}
	#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_table table th{
		border-bottom:none;
	}
	#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_table table{
		table-layout:auto !important;
		word-break:keep-all;
	}
	/* 모바일에서 colgroup 폭(20%/80%)이 남아 반쪽만 보이는 현상 대응 */
	#page .page_section_introduction[section-name="centre_section"] .centre_list .centre_table table col{
		width:auto !important;
	}
}