@charset "utf-8"; 

h4							{position:relative; font-family: 'S-Core Dream'; font-weight:500; font-size:1.5em; color:#111; letter-spacing:-1.5px; line-height:1.35; padding:0 0 20px 18px;}
h4:before					{content:''; display:inline-block; position:absolute; left:0; top:3px; width:6px; height:27px; background:var(--color1); border-radius:5px;}
h4 span						{font-size:18px; letter-spacing:-0.75px; color:#797979; margin-left:10px;}
h5							{position:relative; font-family: 'S-Core Dream'; font-weight:500; letter-spacing:-0.75px; margin-bottom:15px; font-size:1.2em; color:#111; padding-left:27px;} 
h5:before					{position:absolute; z-index:1; top:5px; left:0; content:''; width:18px; height:18px; border-radius:3px; background:var(--color1);}
h5:after					{position:absolute; top:11px; left:5px; content:''; display:inline-block; border: solid #fff; border-width:0 2px 2px 0; padding:2px; transform:rotate(-45deg); z-index:1;}
h5 span						{font-size:16px; letter-spacing:-0.75px; color:#797979; margin-left:5px;}
.sub_wrap h6				{font-family: 'S-Core Dream'; display:block; font-weight:400; color:#333; font-size:0.95em; margin-bottom:10px; letter-spacing:-.75px;}
.sub_wrap h6 i				{color:var(--color1); margin-right:7px;}
.sub_txtline				{font-weight:500; box-shadow:inset 0 -10px 0 #f6d5d5; padding:0 3px; color:#000 !important;}

.sub_cont01					{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:var(--color3); 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_cont01>li:first-child, .sub_cont02>li:first-child	{padding-top:0;}

.sub_table					{border-top:1px solid #333; border-collapse:collapse; width:100%; table-layout:fixed; font-size:0.95em;} 
.sub_table thead th			{font-family: 'S-Core Dream'; font-weight:500; color:#111; padding:12px 8px; border-bottom:1px solid #dddee0; border-right:1px solid #dddee0; border-left:1px solid #dddee0; text-align:center; background-color:#f5f5f5; }
.sub_table thead th:first-child	{border-left-color:#f5f5f5;}
.sub_table thead th:last-child	{border-right-color:#f5f5f5;}
.sub_table tbody th			{font-family: 'S-Core Dream'; color:#333; line-height:150%; padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; text-align:center;}
.sub_table thead th[colspan]	{padding:5px;}
.sub_table tbody td			{line-height:150%; padding:15px 20px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fff; }
.sub_table tbody td:first-child{border-left-color:#fff;}
.sub_table tbody th:last-child, .sub_table tbody td:last-child	{border-right-color: #fff;}
.sub_table tfoot th			{font-family: 'S-Core Dream'; color:#333; line-height:150%; padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #fff; background:#e5e5e5; text-align:center;}
.sub_table tfoot td			{line-height:150%; padding:15px 20px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#e5e5e5;}
.sub_table tfoot td:last-child	{border-right-color:#fff;}


@media screen and (max-width:1024px) { 
	h4						{font-size:1.2em; padding:0 0 12px 12px;}
	h4:before				{top:3px; width:5px; height:20px;}
	h4 span					{font-size:16px;}
	h5						{margin-bottom:10px; padding-left:23px;}
	h5:before				{top:4px; width:16px; height:16px;}
	h5:after				{top:9px; left:4px;}
	h5 span					{font-size:14px;}

	.sub_list01				{padding:2px 0 2px 10px;}
	.sub_list01:after		{top:12px;}

	.sub_table thead th, .sub_table tbody th, .sub_table tbody td	{padding:10px 5px; font-size:0.95em;}
}	


/* 서브 디자인  ================================================================================== */
.intGreet .top					{margin-bottom:60px; font-family: 'S-Core Dream'; line-height:1.6;}
.intGreet .top .tit				{font-family: 'S-Core Dream'; display:block; font-size:1.6em; font-weight:500; color:#222; letter-spacing:-1.75px; margin-bottom:15px; line-height:1.45;}
.intGreet .btm					{display:grid; grid-template-columns:38% auto; gap:5%;}
.intGreet .btm img				{box-shadow:0 0 15px 1px rgba(0,0,0,0.08); width:100%;}
.intGreet figure				{position:Relative;}
.intGreet figure:after			{content:''; display:block; width:100%; height:85%; background:#f1ede8; position:absolute; right:-20px; top:20px; z-index:-1;}
.intGreet .btm dl dt			{position:relative; font-family: 'S-Core Dream'; font-weight:500; color:var(--color1); font-size:1.3em; margin:20px 0;}
.intGreet .btm dl dt:before		{content:''; width:80px; height:3px; background:var(--color1); position:absolute; left:-95px; top:12px;}
.intGreet .btm dl dd			{font-family: 'S-Core Dream'; letter-spacing:-1px; line-height:1.65; font-size:0.95em; text-align:justify;}

.intGroup						{position:Relative; display:grid; gap:20px; text-align:center; margin-bottom:40px;}
.intGroup:after					{content:''; display:inline-block; width:1px; height:100%; background:#ccc; position:absolute; left:0; top:0; right:0; margin:auto; z-index:-1;}
.intGroup>ul					{position:relative; display:flex; justify-content:space-around; }
.intGroup>ul>li					{font-family: 'S-Core Dream'; position:relative; width:230px; height:65px; letter-spacing:-1px; display:grid; align-items:center;}
.intGroup>ul>li>p				{font-family: 'S-Core Dream';}
.intGroup>ul>li>p span			{display:block; font-size:0.85em; margin-top:-5px; opacity:0.8;}
.intGroup .depth1 li			{background:#162b48; color:#fff;}
.intGroup .depth2 li			{background:var(--color2); color:#fff;}
.intGroup .depth3 li			{border:2px solid #ccc; color:#333; background:#fff;}
.intGroup .depth3:after			{position:absolute; content:''; width:50%; height:1px; border-top:1px dashed #aaa; top:0; bottom:0; margin:auto; z-index:-1;}
.intGroup .depth3 li:last-child:after	{width:1px; height:120px; content:''; border-right:1px dashed #ccc;position:absolute; bottom:-120px; left:0; right:0; margin:auto;}
.intGroup .depth4 li			{background:#75787c; color:#fff;}
.intGroup .depth5				{padding-top:25px; margin-top:10px; background:#fff;}
.intGroup .depth5:before		{width:50%; content:''; height:25px; border:1px solid #ccc; border-bottom:0; position:absolute; top:0; left:0; right:0; margin:auto;}
.intGroup .depth5 li			{height:auto; border:1px solid #ddd;}
.intGroup .depth5 li p			{padding:15px 0; background:#ebebeb; color:#333;}
.intGroup .depth5 li p:last-child	{background:#fff; color:#777;}

.introMap #map_canvas			{position:relative; width:100%; aspect-ratio:6 / 2.5; border:1px solid #dfdfdf;}
.introMap #map_canvas_info		{position:relative; width:100%; aspect-ratio:6 / 2.5; border:1px solid #dfdfdf;}
.introMap ul					{padding:30px 0; display:flex; justify-content:space-evenly; align-items:center; border-bottom:1px solid #ddd;}
.introMap>ul>ul					{padding:0; border:0; gap:0 40px;}
.introMap ul li					{position:relative; color:#777;}
.introMap>ul>li:first-child		{font-family: 'S-Core Dream'; font-weight:500; font-size:1.2em; color:#333; display:grid; letter-spacing:-1px; grid-template-columns:30px auto; line-height:1.5;}
.introMap>ul>ul>li				{font-family:'Paperlogy'; font-weight:500; padding-left:55px; letter-spacing:0;}
.introMap strong				{font-family:'Paperlogy'; display:block; font-size:17px; font-weight:700; letter-spacing:.5px; color:#111;}
.introMap i						{cursor:auto;}
.introMap>ul>ul>li i			{position:absolute; top:5px; left:0; background:#f0f0f0; color:#000; width:45px; line-height:45px; border-radius:100%; text-align:center;}
.introMap>ul>li:first-child i	{font-size:25px; margin:5px 10px 0 0; color:var(--color1);}
.introMap .mapoverlay			{position:relative;margin-left:5px;bottom:45px;padding:5px 12px; background:#fff; box-shadow:0 0 10px 1px rgba(0,0,0,0.1);  border-radius:5px;}
.introMap .mapoverlay::after	{position:absolute;content:'';left:50%;bottom:-16px;width:16px;height:16px; background:url('../img/sub/map_localimg.png') no-repeat;}
.introMap .mapoverlay .title span	{font-family: 'S-Core Dream'; color:#000; font-size:15px;}
.introMap .mapoverlay .add		{display:none;}
.mapMarker						{display:flex; padding:30px; border-bottom:1px solid #ddd; flex-wrap:wrap; gap:3px 20px;}
.mapMarker li					{flex:1 1 40%; font-family: 'S-Core Dream'; display:grid; grid-template-columns:230px auto; margin:7px 0; color:#555;}
.mapMarker strong				{letter-spacing:-1px; font-size:1.2em; color:#222;}
.mapMarker strong i				{color:#a80e0e; margin-right:10px;}

.intOverview					{display:grid; gap:5%; grid-template-columns:auto 55% ; margin-bottom:60px;}
.intOverview figure				{order:2;}
.intOverview figure img			{box-shadow:0 0 15px 1px rgba(0,0,0,0.08); width:100%;}
.intOverview ul					{display:grid; gap:15px;}
.intOverview ul li, .intOverview ul li>span, .intOverview ul li>p	{font-family: 'S-Core Dream'; color:#333;}
.intOverview ul li>strong		{display:block; color:var(--color1); font-weight:600; margin-bottom:5px;}
.intTheme						{font-family: 'S-Core Dream'; line-height:1.6; text-align:justify;}
.intTheme .tit					{font-family: 'Shilla_CultureB-Bold'; position:relative; text-align:center; width:70%; font-size:3.4em; color:#000; line-height:1.2; padding:40px 0 60px 0; margin:0 auto 20px auto;}
.intTheme .tit span				{font-size:45px; font-weight:600;}
.intTheme .tit:before, .intTheme .tit:after {position: absolute; top:0; content:''; display: block; border:15px solid #ddd; height:calc(100% - 20px); width:40px;}
.intTheme .tit:before			{left:0; border-right:none;}
.intTheme .tit:after			{right:0; border-left:none;}

.proIntro						{display:grid; gap:60px;}
.proIntro>li					{display:grid; gap:5%; grid-template-columns:20% auto;}
.proIntro>li>ul>li				{font-family: 'S-Core Dream'; border-bottom:1px dotted #bbb; padding:20px 10px 20px 130px; position:relative; color:#666;}
.proIntro>li>ul>li:first-child	{padding-top:0;}
.proIntro>li>ul>li>strong		{position:absolute; left:10px; color:#222;}
.proIntro>li>ul>li.table		{padding:0; border:0; font-size:0.95em;}
.proIntro>li>ul>li.table thead th	{padding:10px 8px;}
.proIntro>li>ul>li.table tbody th, .proIntro>li>ul>li.table tbody td	{padding:12px 8px;}


@media screen and (max-width:1200px) {
	.mapMarker					{display:grid;}
}	

@media screen and (max-width:1024px) {
	.intGreet .top					{margin-bottom:30px;}
	.intGreet .top .tit				{font-size:1.3em; margin-bottom:10px;}
	.intGreet .top br				{display:none;}
	.intGreet .h20p					{height:10px !important;}
	.intGreet .btm					{display:block;}
	.intGreet .btm dl				{padding-left:20px;}
	.intGreet .btm dl dt			{font-size:1.1em; margin-bottom:10px;}
	.intGreet .btm dl dt:before		{left:-90px;}
	.intGreet .btm img				{width:calc(100% - 10px);}
	.intGreet figure:after			{right:0; top:10px; left:10px; width:calc(100% - 10px); height:98%;}

	.intGroup						{gap:15px;}
	.intGroup>ul>li					{width:150px; height:50px;}
	.intGroup .depth3				{justify-content:space-between; gap:10%;}
	.intGroup .depth3:after			{width:100%;}
	.intGroup .depth5				{justify-content:space-between; gap:10%; margin:0; padding-top:15px;}
	.intGroup .depth3 li, .intGroup .depth5 li	{width:80%;}
	.intGroup .depth5 li p			{padding:8px; font-size:0.95em;}
	.intGroup .depth5:before		{width:55%;}

	.introMap ul					{padding:15px 5px; display:grid; justify-content:unset; gap:3px 0;}
	.introMap>ul>ul>li				{padding:0;}
	.introMap>ul>ul>li i			{position:relative; top:0; width:32px; line-height:32px; margin-right:7px; font-size:13px;}
	.introMap strong				{display:inline-block; font-size:15px; margin:0; margin-right:10px;}
	.introMap>ul>li:first-child		{font-size:1.05em; line-height:1.3; grid-template-columns:40px auto; align-items:center;}	
	.introMap>ul>li:first-child i	{width:32px; height:32px; line-height:32px; margin:0 7px 0 0; font-size:13px; text-align:Center; background:#f0f0f0; color:#000; border-radius:100%;}
	.mapMarker						{padding:15px 5px;}
	.mapMarker li					{margin:3px 0; grid-template-columns:1fr;}
	.mapMarker strong				{font-size:1.05em;}
	.mapMarker strong i				{margin-right:7px;}

	.intOverview					{grid-template-columns:1fr; gap:20px; margin-bottom:30px;}
	.intOverview ul					{gap:7px;}
	.intOverview ul li				{padding-left:80px; position:relative; line-height:1.4;}
	.intOverview ul li strong		{position:absolute; top:0; left:0; font-weight:500;}
	.intOverview figure				{order:unset;}
	.intTheme .tit					{width:90%; font-size:2em; padding:20px 30px 40px 30px; margin-bottom:0;}
	.intTheme .tit span				{font-size:30px;}
	.intTheme .tit:before, .intTheme .tit:after	{width:20px; border-width:10px;}

	.proIntro						{gap:30px;}
	.proIntro>li					{display:block;}
	.proIntro>li>ul>li				{padding:10px 10px 10px 90px;}
	.proIntro>li>ul>li>strong		{left:5px;}
	.proIntro>li>ul>li:first-child	{padding-top:5px;}
	.proIntro h4 br, .proIntro>li>ul>li br	{display:none;}
}