@charset "utf-8"; 

h4							{position:relative; font-family:'Paperlogy'; font-weight:700; font-size:1.35em; color:var(--color2); letter-spacing:0; line-height:1.2; padding:0 0 20px 0;}
h5							{position:relative; font-family:'Paperlogy'; font-weight:500; letter-spacing:0; font-size:1.2em; color:#222; padding:0 0 15px 27px;} 
h5:before					{position:absolute; z-index:1; top:5px; left:0; content:''; width:17px; height:17px; border-radius:3px; background:var(--color2);}
h5:after					{position:absolute; top:10px; left:5px; content:''; display:inline-block; border: solid #fff; border-width:0 2px 2px 0; padding:2px; transform:rotate(-45deg); z-index:1;}
h4 span, h5 span			{font-size:14px; letter-spacing:.75px; color:#777; margin-left:10px; font-weight:500;} 
.sub_wrap h6				{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 #ffe2e4; padding:0 3px; color:#000;}

.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(--color1); 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_step					{display:flex; gap:12px; text-align:center;}
.sub_step dl				{position:relative; flex:1; background:#ededed; border-radius:15px; padding:15px 10px; letter-spacing:-1px;}
.sub_step dl:before			{content:''; position:absolute; top:27px; right:-15px; width:15px; height:3px; background:var(--color2);}
.sub_step dl:after			{content:''; position:absolute; top:20px; right:-23px; background:transparent; border:8px solid transparent; border-left:9px solid var(--color2); z-index:1;}
.sub_step dl:last-child:before, .sub_step dl:last-child:after	{display:none;}
.sub_step dl dt				{color:#111; font-family:'Paperlogy'; font-weight:500; letter-spacing:0;}
.sub_step dl dd				{display:grid; align-items:center; background:#fff; margin-top:10px; padding:15px 20px; border-radius:10px; font-size:0.95em; line-height:1.4; height:calc(100% - 40px);}

.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:'Paperlogy'; font-weight:500; color:#fff; letter-spacing:0; padding:12px 8px; background:var(--color2); border-right:1px solid #fff; text-align:center;}
.sub_table tbody th			{font-family:'Paperlogy'; font-weight:500; color:#333; line-height:150%; padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; letter-spacing:0;}
.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:1px solid #fff;}
.sub_table tbody th:last-child, .sub_table tbody td:last-child	{border-right:1px solid #fff;}

.contWrap					{max-width:1100px; margin:0 auto; border-radius:20px; padding:50px; box-shadow:0 0 20px 1px rgba(0,0,0,0.07);}

@media screen and (max-width:1280px) {
	.contWrap				{padding:0; box-shadow:none;}
}

@media screen and (max-width:1024px) { 
	h4						{font-size:1.2em; padding:0 0 12px 0;}
	h5						{font-size:1.05em; padding:0 0 10px 20px;}
	h5:before				{width:14px; height:14px;}
	h5:after				{top:9px; left:3px;}
	h4 span, h5 span		{font-size:12px; display:block; margin:7px 0 0 0;}

	.sub_list01				{padding:2px 0 2px 10px;}
	.sub_list01:after		{top:12px;}
	.contWrap .h40p			{height:20px !Important;}

	.sub_step					{display:grid; gap:10px;}
	.sub_step dl				{padding:8px;}
	.sub_step dl dt				{font-size:1em; margin-bottom:5px;}
	.sub_step dl dd				{display:block; padding:10px 5px; height:auto; border-radius:5px;}
	.sub_step dl:after			{top:auto; right:49%; bottom:-17px; border-left:9px solid transparent; border-top:9px solid var(--color1);}
	.sub_step dl dd br, .sub_step dl:before	{display:none;}

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

}	


/* 서브 디자인  ================================================================================== */
.introMap #map_canvas			{position:relative; width:100%; aspect-ratio:6 / 2; border:1px solid #dfdfdf; border-radius:20px;}
.introMap ul					{padding:25px 20px; display:flex; justify-content:space-around; 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:'Paperlogy'; font-weight:500; font-size:1.2em; color:#333; letter-spacing:0; display:grid; grid-template-columns:30px auto; line-height:1.5;}
.introMap>ul>ul>li				{padding-left:55px;}
.introMap strong				{font-family:'Paperlogy'; display:block; font-size:15px; letter-spacing:0; 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	{dcolor:#000; font-size:15px;}
.introMap .mapoverlay .add		{display:none;}


@media screen and (max-width:1024px) {
	.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			{align-items:center; font-size:1.05em; line-height:1.3; grid-template-columns:40px auto;}	
	.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%;}
}