@charset "utf-8"; 

h4							{position:relative; font-family:'Paperlogy'; font-weight:500; font-size:1.65em; color:#111; letter-spacing:0; line-height:1.2; margin-bottom:20px; padding-left:20px;}
h4:before					{content:''; position:absolute; left:0; top:0; content:''; display:inline-block; width:12px; height:12px; border-radius:20px; background:var(--color1);}
h4 span						{font-size:18px; letter-spacing:-0.75px; color:#797979; margin-left:10px;}
h5							{position:relative; font-family:'Paperlogy'; font-weight:500; font-size:1.4em; line-height:1.3; margin-bottom:12px; padding-left:17px; letter-spacing:0; color:#333;} 
h5:before					{position:absolute; top:5px; left:0; content:''; width:6px; height:22px; border-radius:5px; background:var(--color2);}
h5 span						{font-size:16px; letter-spacing:-0.75px; color:#797979; margin-left:5px;}
.sub_wrap h6				{display:block; font-weight:500; 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 #efbed7; 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(--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	{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:'Paperlogy'; font-weight:500; color:#111; padding:13px 8px; border-bottom:1px solid #dddee0; border-right:1px solid #dddee0; border-left:1px solid #dddee0; text-align:center; background-color:#F3F3F3; }
.sub_table thead th:first-child	{border-left-color:#F3F3F3;}
.sub_table thead th:last-child	{border-right:1px solid #F3F3F3;}
.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; 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:1px solid #fff;}
.sub_table tbody th:last-child, .sub_table tbody td:last-child	{border-right:1px solid #fff;}
.sub_table tbody .stxt		{font-size:0.95em; letter-spacing:0;}
.sub_table .time		{background:rgb(235 106 172 / 5%); color:var(--color1);}

.sub_step					{display:grid; gap:12px; text-align:center;}
.sub_step.step4				{grid-template-columns:repeat(4, 1fr);}
.sub_step.step5				{grid-template-columns:repeat(5, 1fr);}
.sub_step dl				{position:relative; background:#ededed; border-radius:15px; padding:12px 10px; letter-spacing:-1px;}
.sub_step dl:before			{content:''; position:absolute; top:29px; right:-15px; width:15px; height:3px; background:var(--color2);}
.sub_step dl:after			{content:''; position:absolute; top:21px; right:-20px; width:0; height:0; border-left:12px solid var(--color2); border-top:9px solid transparent; border-bottom:9px solid transparent; z-index:1; border-radius:3px;}
.sub_step dl:last-child:before, .sub_step dl:last-child:after	{display:none;}
.sub_step dl dt				{color:#000; font-family:'Paperlogy'; font-weight:500; font-size:1.05em; margin:5px 0 10px 0;}
.sub_step dl dd				{background:#fff; padding:15px 0; border-radius:10px; font-size:0.95em; line-height:1.4;}
.sub_step.step4 dl			{display:grid; align-items:center;}
.sub_step.step4 dl dt		{margin:0;}
.sub_step.step4 dl:before	{top:45%;}
.sub_step.step4 dl:after	{top:35%;}


@media screen and (max-width:1024px) { 
	h4						{font-size:1.2em; margin-bottom:12px; padding-left:13px;}
	h4:before				{width:8px; height:8px;}
	h5						{font-size:1.05em; margin-bottom:10px; padding-left:13px;}
	h5:before				{top:3px; width:5px; height:17px;}

	.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;}

	.sub_step					{gap:10px;}
	.sub_step dl				{padding:7px;}
	.sub_step dl dt				{font-size:1em; margin:0 0 5px 0;}
	.sub_step dl dd				{padding:10px 5px;}
	.sub_step dl dd br			{display:none;}
	.sub_step dl:before			{display:none;}
	.sub_step dl:after			{top:auto; bottom:-10px; right:0; left:0; margin:auto; border-left-width:9px; border-top-width:7px; border-bottom-width:7px; transform:rotate(90deg);}
	.sub_step.step4, .sub_step.step5	{grid-template-columns:1fr;}
	.sub_step.step4 dl:after	{top:auto;}
}	


/* 서브 디자인  ================================================================================== */
.intGreet figure img			{width:100%; border-radius:20px 20px 20px 100px; box-shadow:0 0 20px 1px rgba(0,0,0,.08);} 
.intGreet>dl					{display:grid; grid-template-columns:35% auto; gap:60px; margin-top:40px;}
.intGreet>dl dt					{position:Relative; padding-left:20px; }
.intGreet>dl dt p				{font-family:'Paperlogy'; font-weight:300; letter-spacing:0; font-size:2.1em;color:#111; line-height:1.2;}
.intGreet>dl dt p em			{font-family: 'OKGUNG'; position:absolute; left:-40px; top:-2%; font-size:90px; color:#dbdbdb; line-height:1;}
.intGreet>dl dt strong			{display:block; color:var(--color1); font-weight:700;}
.intGreet>dl dt span			{font-family:'Paperlogy'; font-size:1.1em; letter-spacing:.2px; color:#777; line-height:1.55; display:block; margin-top:15px;}
.intGreet>dl dd					{display:grid; gap:25px;}
.intGreet>dl dd>div				{font-size:1.05em; letter-spacing:-0.75px; line-height:1.55;}
.intGreet>dl dd strong			{display:block; font-size:20px; font-weight:700; color:#111; margin-bottom:5px;}
.intGreet>dl .sign				{text-align:right; color:#111;}
.intGreet>dl .sign strong		{display:inline-block; letter-spacing:5px; margin-left:10px;}

.intVision .depth1				{position:relative; text-align:center; width:82%; margin:0 auto 50px auto; padding:30px 20px;}
.intVision .depth1:after, 
.intVision .depth1:before		{position:absolute; content:''; display:block; border:12px solid var(--color1); height:100%; width:30px; top:0;}
.intVision .depth1:before		{left:0; border-right:none; }
.intVision .depth1:after		{right:0; border-left:none; }
.intVision .depth1 .tit			{font-family:'Paperlogy'; font-weight:300; letter-spacing:0; font-size:1.9em;color:#111; line-height:1.2;}
.intVision .depth1 .tit strong	{font-weight:700; box-shadow:inset 0 -10px 0 #efbed7; padding:0 5px;}
.intVision .depth1 .sub			{margin-top:15px; font-family:'Paperlogy'; letter-spacing:0; color:#333; font-size:1.05em;}
.intVision .depth1 .sub strong	{color:var(--color1); font-weight:600; letter-spacing:0; margin-right:7px;}
.intVision .depth2 .tit			{position:Relative; font-family:'Paperlogy'; font-weight:700; font-size:1.4em; padding:45px 20px 40px 20px;  border:1px solid var(--color1); color:#333; width:60%; margin:0 auto; border-radius:30px; text-align:center;}	
.intVision .depth2 .tit strong	{position:absolute; top:-40px; left:50%; transform:translateX(-50%); font-size:20px; letter-spacing:0; display:inline-block; background:var(--gra2); color:#fff; width:70px; line-height:70px; text-align:center; border-radius:100%; font-weight:500;}
.intVision .depth2 .list		{position:relative; display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; background:#f5f5f5; border-radius:40px; padding:45px; margin-top:45px;}
.intVision .depth2 .list>div	{position:Relative; background:#fff; box-shadow:0 0 20px 1px rgba(0,0,0,0.06); border-radius:25px; overflow:hidden;}
.intVision .depth2 .list>div>p	{text-align:center; line-height:52px; font-family:'Paperlogy'; font-weight:500; font-size:1.1em; background:#da71b1; color:#fff; letter-spacing:0;}
.intVision .depth2 .list>div>ul	{padding:20px 30px;}
.intVision .depth2 .list>div>i	{position:absolute; right:7%; bottom:12%; opacity:0.2; font-size:40px;}
.intVision .depth2 .sub_list01	{padding:2px 0 2px 12px;}
.intVision .depth2 .list:before		{content:''; display:block; position:absolute; top:-125px; left:50%; transform:translateX(-50%); border:70px solid transparent; border-bottom:35px solid #f5f5f5;}
.intVision .depth2 .list:after		{content:''; position:absolute; display:block; top:-20px; left:50%; transform:translateX(-50%); width:85px; height:20px; background:#f5f5f5;}

.intLogo						{background:url('../img/sub/logo_bg.gif') repeat left top; box-shadow:0 0 20px 1px rgba(0,0,0,.06); text-align:center; padding:100px 0; border-radius:30px; margin-bottom:40px;}

.introMap #map_canvas			{position:relative; width:100%; aspect-ratio:6 / 2.5; border:1px solid #dfdfdf; border-radius:20px;}
.introMap ul					{padding:25px 0; display:flex; justify-content:space-between; gap:0 20px; align-items:center; border-bottom:1px solid #ddd;}
.introMap>ul>ul					{padding:0; border:0;}
.introMap ul li					{position:relative; color:#777;}
.introMap>ul>li:first-child		{font-family:'Paperlogy'; font-weight:500; font-size:1.1em; color:#333; letter-spacing:0;}
.introMap>ul>ul>li				{padding-left:55px; font-size:0.95em;}
.introMap strong				{display:block; font-size:16px; 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-right:10px; color:var(--color2);}
.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	{font-size:15px;}
.introMap .mapoverlay .title span	{font-weight:500;}
.introMap .mapoverlay .add		{display:none;}

.bizIntro						{display:flex; flex-wrap:wrap; gap:10px 15px; margin-bottom:40px;}
.bizIntro dl					{flex:1 1 40%; display:grid; grid-template-columns:130px auto; gap:20px; border:1px solid #eee; border-radius:15px; padding:17px 20px; box-shadow:0 0 15px 1px rgba(0,0,0,0.07);}
.bizIntro dl dt					{font-family:'Paperlogy'; font-weight:500; letter-spacing:0; color:#111; position:relative;}
.bizIntro dl dt:after			{content:''; position:absolute; top:12px; right:0; width:1px; height:1em;  border-right:1px dotted #bbb;}
.bizIntro dl dt i				{background:#f3f3f3; color:#2c58aa; width:36px; line-height:36px;text-align:center; border-radius:100%; font-size:23px; margin-right:8px;}
.bizIntro dl dd					{padding-top:5px;}
.bizIntro2 						{display:grid;}

.bizList						{display:flex; flex-wrap:wrap; gap:20px 15px; margin-bottom:40px; padding-top:10px;}
.bizList dl						{flex:1 1 40%; position:relative; border:4px solid #edecec; border-radius:20px;}
.bizList dl dt					{font-family:'Paperlogy'; font-weight:600; font-size:1.15em; letter-spacing:0; position:absolute; top:-13px; left:20px; background:#fff; padding:0 15px; color:var(--color1);}
.bizList dl dd					{padding:30px; display:grid; gap:5px;}
.bizList dl dd>div				{display:grid; grid-template-columns:55px auto;}
.bizList dl dd>div strong		{font-family:'Paperlogy'; font-weight:500; color:#111;}




@media screen and (max-width:1400px) { 
	.intGreet>dl dt				{padding-left:40px;}
	.intGreet>dl dt p em		{left:-15px;}
}	

@media screen and (max-width:1024px) { 
	.intGreet>dl				{grid-template-columns:1fr; gap:20px; margin-top:25px;}
	.intGreet>dl dt				{padding-left:20px;}
	.intGreet>dl dt p			{font-size:1.6em;}
	.intGreet>dl dt p em		{top:-30px; font-size:70px;}
	.intGreet>dl dt strong		{display:inline-block;}
	.intGreet>dl dt span		{margin-top:7px;}
	.intGreet>dl dt span br		{display:none;}
	.intGreet>dl dd				{padding:0 20px; gap:15px;}
	.intGreet>dl dd>div			{line-height:1.45;}
	.intGreet>dl dd>div br		{display:none;}
	.intGreet>dl dd strong		{font-size:18px;}
	.intGreet figure img		{border-bottom-left-radius:60px;}

	.intVision .depth1			{padding:20px 40px; margin-bottom:30px; width:100%;}
	.intVision .depth1:after, .intVision .depth1:before	{border-width:10px; width:25px;}
	.intVision .depth1 .tit		{font-size:1.6em;}
	.intVision .depth1 .sub		{margin-top:10px; font-size:0.95em; line-height:1.4;}
	.intVision .depth2 .tit		{font-size:1.2em; padding:35px 15px 25px 15px; border-radius:20px; width:90%;}
	.intVision .depth2 .tit strong	{top:-30px; width:55px; line-height:55px; font-size:17px;}
	.intVision .depth2 .list	{padding:20px; gap:15px; margin-top:20px;}
	.intVision .depth2 .list>div>p	{line-height:42px; font-size:1.05em;}
	.intVision .depth2 .list>div>ul	{padding:10px 20px; font-size:0.95em;}
	.intVision .depth2 .list:before	{top:-85px; border-width:50px; border-bottom-width:25px;}
	.intVision .depth2 .list:after	{width:60px; height:10px; top:-10px;}
	.intVision .depth2 .list>div>i	{right:5%; bottom:10%; font-size:25px;}

	.intLogo					{padding:10% 0; border-radius:20px; margin-bottom:20px;}
	.intLogo img				{width:80%;}

	.introMap ul						{padding:15px 5px; display:grid; justify-content:unset; gap:3px 0;}
	.introMap ul li, .introMap>ul>li:first-child		{font-size:1.05em;}
	.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 i		{width:32px; line-height:32px; margin-right:7px; font-size:13px; text-align:Center; background:#f0f0f0; color:#000; border-radius:100%;}

	.bizIntro					{gap:5px;}
	.bizIntro dl				{flex:100%; padding:10px; grid-template-columns:100px auto; gap:15px; font-size:0.95em;}
	.bizIntro dl dt i			{width:28px; line-height:28px; font-size:18px; margin-right:5px;}
	.bizIntro dl dt:after		{top:8px;}
	.bizIntro dl dd				{padding-top:2px;}

	.bizList					{display:grid; gap:10px;}
	.bizList dl dt				{top:-11px; left:10px; font-size:1.05em; padding:0 10px;}
	.bizList dl dd				{padding:20px 15px; gap:3px;}
	.bizList dl dd>div			{grid-template-columns:45px auto;}

}	


@media screen and (max-width:768px) {
	.intVision .depth2 .list		{grid-template-columns:1fr; gap:10px;}
}