@charset "utf-8"; 

/* subDesign  ================================================================================== */
h4							{position:relative; font-family: 'GmarketSansMedium'; font-size:1.6em; color:#111; letter-spacing:-1.75px; line-height:100%; margin-bottom:20px; padding-top:22px;}
h4:before					{position:absolute; top:0; left:2px; content:''; display:block; width:11px; height:11px; background:var(--sub); border-radius:100%; z-index:1;}
h4:after					{position:absolute; top:0; left:13px; content:''; display:block; width:11px; height:11px; background:#008535; border-radius:100%;}
h5							{font-family: 'GmarketSansMedium'; margin-bottom:15px; font-size:1.2em; color:var(--sub); letter-spacing:-1px;} 
h6							{display:block; font-size:1.05em; letter-spacing:-0.75px; font-weight:700; color:#333; margin-bottom:10px;}
h6 i						{margin-right:7px;}
.sub_txtline				{font-weight:700; box-shadow: inset 0 -8px 0 #ddecff; padding:0 1px; color:#333;}

.sub_cont01					{padding-left:5px; text-align:justify;}  
.sub_cont02					{padding-left:10px; text-align:justify;}  
.sub_list01					{position:relative; list-style:none; padding:3px 0 3px 12px; line-height:150%;}
.sub_list01:after			{position:absolute; content:''; display:block; left:0; top:14px; width:4px; height:4px; background:#003494; border-radius:100%;}
.sub_list02					{position:relative; list-style:none; padding:1px 0 1px 12px;}
.sub_list02:after			{position:absolute; content:''; display:block; left:0; top:14px; width:5px; height:1px; background:#222;}

.sub_table							{position:relative; border-collapse:collapse; width:100%; table-layout:fixed; letter-spacing:-0.75px;} 
.sub_table:before					{position:absolute; top:0; display:block; content:''; width:100%; height:1px; background:#555;}
.sub_table thead th					{font-weight:700; background:#fafafa; padding:17px 10px 10px 10px; font-weight:500; border-right:1px solid #d6dae3; color:#111; text-align:center;}
.sub_table thead th:last-child		{border-right-color:#fff;}
.sub_table thead th[rowspan]		{}
.sub_table thead th[colspan]		{padding:12px 0; border-bottom:1px solid #d6dae3;}
.sub_table thead .colspan th		{padding:12px 0;} 
.sub_table thead .colspan th:last-child	{border-right-color:#d6dae3;}
.sub_table tbody th					{font-weight:500; background:#fbfbfc; color:#414141; line-height:150%; padding:15px 12px 8px 12px; border:1px solid #E5E5E5; border-left:0; text-align:center; }
.sub_table tbody td					{line-height:150%; padding:13px 15px; border:1px solid #E5E5E5; background:#fff;}
.sub_table tbody td:first-child		{border-left-color:#fff;}
.sub_table tbody td:last-child		{border-right-color:#fff;}
.sub_table tbody td[colspan]		{border-left:1px solid #E5E5E5;}
.sub_table a:link					{color:#333; }
.sub_table tfoot td 				{background:#fafbfc; text-align:center; font-weight:500; padding:13px 8px; border:1px solid #E5E5E5 ; border-right:0;}
.sub_table tfoot td:first-child		{border-left:1px solid #f7f7f7;}
.sub_table .mobile					{display:none;}

.sub_step						{display:grid; text-align:center; margin-top:20px; gap:20px 20px;}
.sub_step.step4					{grid-template-columns:repeat(4, 1fr);}
.sub_step.step5					{grid-template-columns:repeat(5, 1fr);}
.sub_step.step6					{grid-template-columns:repeat(6, 1fr);}
.sub_step dl					{display: grid; place-items: center; position:relative; padding:25px 12px 20px 12px; border:3px solid #e6e7ec; border-radius:0 0 20px 0;}
.sub_step dl:after				{position:absolute; content:''; right:-17px; top:43%; border:solid #8e9091; border-width:3px 3px 0 0; padding:4px; transform: rotate(45deg); opacity:0.8; border-radius:2px;}
.sub_step dl:last-child:after	{display:none;}
.sub_step dl dt					{font-family: 'GmarketSansMedium'; color:#111; font-size:1.05em;}
.sub_step dl dt span			{font-weight:700; position:absolute; top:-15px; left:10px; width:32px; height:32px; line-height:36px; background:#26539c; color:#fff; font-size:13px; letter-spacing:0; border-radius:20px;}
.sub_step dl dd					{width:100%; border-top:1px dashed #ccc; color:#26539c; padding-top:10px; margin-top:8px; font-weight:500; font-size:0.95em;}

.map_box #map_canvas				{position:relative; width:100%; height:460px; border:1px solid #dfdfdf; border-radius:20px;}
.map_box ul							{display:flex; justify-content:center; gap:0 30px; padding:30px 0; border-bottom:1px solid #ddd;}
.map_box ul li						{color:#777; font-size:1.1em;}
.map_box i							{display:inline-block; color:#15b383; width:30px; font-size:0.9em; text-align:center;}
.map_box strong						{color:#222; margin-right:10px; font-weight:700;}


@media screen and (max-width:1024px) {
	h4								{font-size:1.25em; margin-bottom:15px; letter-spacing:-1px; padding-top:18px;}
	h4:before						{width:9px; height:9px;}
	h4:after						{width:9px; height:9px;left:10px;}
	h5								{font-size:1.05em; margin-bottom:10px;}
	h6								{font-weight:500; margin-bottom:5px;}

	.sub_table thead th				{font-size:0.95em; padding:12px 8px;}
	.sub_table tbody th, .sub_table tbody td	{font-size:0.95em; padding:10px 8px;}
	.sub_table.list td				{border:none; border-bottom:1px solid #dfdfdf;} 
	.sub_table h6 span				{margin-left:5px; color:#797979; font-size:15px;}
	.sub_table .none				{display:none;}
	.sub_table .mobile				{display:block;}

	.sub_step						{display:block; margin:0;}
	.sub_step dl					{margin-bottom:20px; padding:15px 10px 12px 10px;}
	.sub_step dl dt span			{top:-12px; left:7px; width:26px; height:26px; line-height:28px;}
	.sub_step dl:after				{top:auto; bottom:-15px; right:50%; border-width:0 3px 3px 0;}
	.sub_step dl dd					{padding-top:5px; margin-top:5px;}

	.map_box #map_canvas			{height:300px;}
	.map_box ul						{padding:20px 0; display:grid; justify-content:flex-start; gap:5px 0;}
	.map_box ul li					{font-size:0.95em;}
	.map_box i						{width:23px; font-size:0.8em;}
}



/* subContents  ================================================================================== */



@media screen and (max-width:1024px) {

}