@charset "utf-8"; 

h4							{position:relative; font-family: 'S-Core Dream'; font-weight:600; font-size:1.45em; color:#111; line-height:1.2; padding:0 0 20px 30px;}
h4:before					{content:''; display:inline-block; position:absolute; left:0; top:3px; width:11px; height:11px; background:var(--color1);}
h4:after					{content:''; display:inline-block; position:absolute; left:10px; top:13px; width:11px; height:11px; background:var(--color2);}
h4 span						{font-size:18px; color:#797979; margin-left:10px;}
h5							{position:relative; font-family: 'S-Core Dream'; font-weight:500; margin-bottom:15px; font-size:1.1em; color:var(--color2); padding-left:27px;} 
h5:before					{position:absolute; z-index:1; top:5px; left:0; content:''; width:18px; height:18px; border-radius:3px; background:var(--color2);}
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; 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;}
.sub_wrap h6 i				{color:var(--color1); margin-right:7px;}
.sub_txtline				{font-weight:500; box-shadow:inset 0 -10px 0 #daefff; padding:0 3px; color:#000;}

.sub_cont02					{padding-left:10px;}  
.sub_list01					{position:relative; list-style:none; padding:3px 0 3px 12px; line-height:150%; text-align:left;}
.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:2px 0 1px 12px; text-align:left;}
.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.8em;} 
.sub_table thead th			{font-family: 'S-Core Dream'; font-weight:500; color:#111; padding:20px 8px; border-bottom:1px solid #dddee0; border-right:1px solid #dddee0; border-left:1px solid #dddee0; text-align:center; background-color:#f5f5f5; line-height:1em;  }
.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:1.3; padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; text-align:center;}
.sub_table tbody td			{line-height:1.3; padding:15px 10px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fff; word-break:keep-all;}
.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_step					{display:flex; gap:12px; text-align:center;}
.sub_step dl				{position:relative; flex:1; background:#ededed; border-radius:15px; padding:12px 10px; }
.sub_step dl:before			{content:''; position:absolute; top:29px; right:-15px; width:15px; height:3px; background:var(--color1);}
.sub_step dl:after			{content:''; position:absolute; top:21px; right:-25px; background:transparent; border:9px solid transparent; border-left:9px solid var(--color1); 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: 'S-Core Dream'; font-weight:500; margin-bottom:10px; }
.sub_step dl dd				{display:grid; align-items:center; background:#fff; padding:15px 10px; border-radius:10px; font-size:0.95em; line-height:1.4; height:calc(100% - 40px);}


@media screen and (max-width:1024px) { 
	h4						{font-size:1.25em; padding:0 0 12px 20px;}
	h4:before				{width:8px; height:8px;}
	h4:after				{top:9px; left:7px; width:8px; height:8px;}
	h4 span					{font-size:16px;}
	h5						{font-size:1.05em; 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   {padding:15px 5px;  }
    .sub_table tbody th, .sub_table tbody td	{padding:10px 5px;  }

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


/* 서브 디자인  ================================================================================== */
.intGreet figure img			{box-shadow:0 0 20px 1px rgba(0,0,0,.08); width:100%; border-radius:80px 40px 40px 40px;}
.intGreet .tit					    {position:relative; padding:50px 20px 30px 60px; margin:-160px -20px 0 80px; font-family: 'S-Core Dream'; font-size:1.6em; color:#111; border-radius:60px 0 0 0; letter-spacing:0; line-height:1.4; background:#fff; z-index:1;font-weight:500;}
.intGreet .tit strong           {color:var(--color1); font-weight:700;font-size:1.1em;text-transform: uppercase;  }
.intGreet .cont					{font-size:1.05em; padding:0 50px 0 140px; display:grid; gap:30px; word-break:keep-all; background:#fff; position:relative; z-index:1;}
.intGreet .cont>div			{  line-height:1.6; letter-spacing:0; text-align: justify; }
.intGreet .sign			        { text-align:right; color:#111; letter-spacing:0;line-height:1.5; font-size:1.05em;}
.intGreet .sign strong        {display:block; font-size:1.15em; font-weight:700;  }

@media screen and (max-width:1024px) {
    .intGreet .tit              {padding:30px 20px 20px 30px; font-size:1.4em; margin:-10% -20px 0 20px; border-radius:40px 0 0 0;}
    .intGreet .cont             {gap:15px; padding:0 0 0 50px;}
    .intGreet figure img        {border-radius:60px 20px 20px 20px;}
    .intGreet .sign             {font-size:1em;} 
}


.intBiz							{display:grid; gap:20px; text-align:center;}
.intBiz>div>strong				{position:Relative; font-family: 'S-Core Dream'; font-size:1.1em; color:#111; padding:8px 30px; font-weight:500;}
.intBiz>div>strong:after, .intBiz>div>strong:before	{position:absolute; top:0; content:''; display:block; border:6px solid #d1d1d1; height:100%; width:15px;}
.intBiz>div>strong:before		{left:0; border-right:none;}
.intBiz>div>strong:after		{right:0; border-left:none;}
.intBiz>div>p					{font-family: 'S-Core Dream'; border-radius:70px;}
.intBiz .depth1 p				{background:#0a2e69; font-size:1.2em; color:#fff; padding:25px; margin:25px 0 20px 0; line-height:1.4;}
.intBiz .depth2 p				{font-size:1.1em; border:2px solid #0a2e69; padding:25px; color:#0a2e69; margin-top:25px; line-height:1.5;}
.intBiz .part					{margin-top:35px; display:flex; gap:15px;}
.intBiz .part>ul				{position:relative; flex:1; padding:20px 15px; box-shadow:0 0 15px 1px rgba(0,0,0,0.09); border-radius:15px;}
.intBiz .part>ul>li				{font-family: 'S-Core Dream'; font-weight:500; color:#222; font-size:1.05em; position:absolute; top:-12px;left:0;right:0; margin:auto; width:200px; background:#fff;}
.intBiz .part>ul>ul				{display:flex; gap:7px; align-items:center; margin-top:7px;}
.intBiz .part>ul>ul>li			{font-family: 'S-Core Dream'; flex:1; line-height:1.4; display:grid; height:70px; align-items:Center; font-weight:400; background:#dce5f6; border-radius:5px; color:var(--color1); font-size:0.95em;}
.intBiz .depth3					{position:relative; padding-top:30px;}
.intBiz .depth3>div				{display:flex; gap:20px;}
.intBiz .depth3>strong			{font-family: 'S-Core Dream'; font-weight:500; font-size:1.1em; text-align:center; color:#000;  display:inline-block; padding:5px 30px 10px 30px; background:linear-gradient(to top, #fff, #ebebeb); z-index:-1;}
.intBiz .depth3>strong:after, .intBiz .depth3>strong:before	{display:none;}
.intBiz .depth3>div>ul			{flex:1; border-radius:10px; overflow:hidden;}
.intBiz .depth3>div>ul>li		{font-family: 'S-Core Dream'; color:#111; background:#e6e6e6; padding:15px 20px;}
.intBiz .depth3>div>ul>ul		{text-align:left; padding:25px 30px; font-size:0.95em; background:#fff; border:5px solid #eee; border-top:0;}
.intBiz .depth3:before			{position:absolute; content:''; top:-120px; left:50%; transform:translateX(-50%); border:120px solid transparent; border-bottom:35px solid #ebebeb; z-index:-1;}
.intBiz .depth3>div>ul>li br	{display:none;}

.intGroup						{position:relative; display:grid; gap:40px; margin-bottom:40px; text-align:center;}
.intGroup:after					{content:''; display:inline-block; width:1px; height:100%; background:#ccc; position:absolute; left:0; top:0; right:0; margin:auto; z-index:-2;}
.intGroup .depth1				{font-family: 'S-Core Dream'; font-size:1.2em; font-weight:500; padding-top:10px; line-height:1.4; position:relative;  margin:0 auto; border-radius:100%; display:grid; align-items:center;color:#fff; width:170px; height:170px; box-shadow:0 0 30px 1px rgba(67,105,154,0.2); background:url('../img/common/acc_symbol2.png') no-repeat center 50% #013378; background-size:contain; }
.intGroup .depth1:after			{position:absolute; top:0; left:-10px; right:0; bottom:0; content:''; width:calc(100% + 20px); height:calc(100% + 20px); border-radius:100%; border:2px dotted var(--color1); margin:auto; background:#fff; z-index:-1;}
.intGroup dl dt					{font-family: 'S-Core Dream'; height:70px; border-radius:10px 10px 0 0; display:flex; justify-content:center; align-items:center; background:#dadce0; color:#111; font-weight:500;}
.intGroup dl dt span			{font-size:15px; opacity:0.7; line-height:1.4;}
.intGroup dl dd					{font-family: 'S-Core Dream'; font-size:0.95em; line-height:1.5; opacity:0.9;}
.intGroup .depth2				{position:relative; padding-top:30px; display:flex; justify-content:space-between; width:65%; margin:0 auto;}
.intGroup .depth2:before		{width:70%; content:''; height:30px; border:1px solid #ccc; border-bottom:0; position:absolute; top:0; left:0; right:0; margin:auto; z-index:-1;}
.intGroup .depth2 dl			{width:auto;}
.intGroup .depth2 dl dt			{width:270px; margin:0 auto 12px auto; color:var(--color1); border:2px solid var(--color1); background:#fff; border-radius:5px; word-break:keep-all; padding:10px; line-height:1.3; }
.intGroup .depth3				{position:relative; padding-top:35px; display:flex; gap:3%; justify-content:space-between;}
.intGroup .depth3:before		{width:70%; content:''; height:40px; border:1px solid #ccc; border-bottom:0; position:absolute; top:0; left:0; right:0; margin:auto; z-index:-1;}
.intGroup .depth3 dl			{flex:1; background:#fff;}
.intGroup .depth3 dl dt			{display:grid; padding:15px; gap:0; height:auto;}
.intGroup .depth3 dl dd			{padding:20px 25px; border:1px solid #ddd; border-top:0; border-radius:0 0 10px 10px; }
.intGroup .depth3 dl dd li        {word-break:keep-all; font-size:0.95em; }

.introMap #map_canvas			{position:relative; width:100%; aspect-ratio:6 / 2.5; border:1px solid #dfdfdf; border-radius:20px;}
.introMap ul					{display:grid; gap:20px; padding:30px 20px; border-bottom:1px solid #ddd;}
.introMap>ul>ul					{display:flex; padding:0; border:0; gap:0 30px;}
.introMap ul li					{position:relative; color:#777;}
.introMap>ul>li:first-child		{font-family: 'S-Core Dream'; font-weight:500; font-size:1.1em; color:#333;  display:grid; grid-template-columns:30px auto; line-height:1.5;}
.introMap>ul>ul>li				{padding-left:55px;}
.introMap strong				{font-family: 'paybooc-ExtraBold'; display:block; font-size:15px; 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; letter-spacing:0.5px;}
.introMap .mapoverlay .add		{display:none;}

.bizTit							{font-family: 'S-Core Dream'; font-size:1.3em; color:#013378; background:#dce5f6; text-align:center; padding:23px 20px; border-radius:10px; font-weight:600; line-height:1.3; margin-bottom:30px;}
.bizTit span					{font-family: 'S-Core Dream'; display:block; opacity:0.9; font-size:18px; line-height:1.4; margin-top:10px;}
.bizTit span:nth-child(2)		{margin-top:5px;}
.bizPart						{display:flex; background:#f7f7f7;}
.bizPart dl						{flex:1; min-width:0;}
.bizPart dl:first-child			{border-right:1px dotted #bbb;}
.bizPart dl dt					{font-family: 'S-Core Dream'; font-size:1.1em; text-align:center; background:var(--color2); border-radius:5px 0 0 5px; color:#fff; padding:15px 0; position:relative; font-weight:500; }
.bizPart dl:last-child dt		{background:#013378; color:#fff; border-radius:0 5px 5px 0;}
.bizPart dl:first-child dt:after	{content:''; display:block; position:absolute; top:0;bottom:0;margin:auto; right:-65px; background:transparent; border:35px solid transparent; border-left:35px solid var(--color2); z-index:1;}
.bizPart dl dd					{padding:30px 40px;}
h5.biz span						{display:inline-block; font-size:16px; color:var(--color2); width:30px; line-height:28px; text-align:center; border:1px solid var(--color2); margin-right:2px; font-weight:600;}
h5.biz span:nth-child(2)		{border-radius:50%;}


@media screen and (max-width:1024px) {
	.bizTit						{padding:12px 10px; font-size:1.1em;}
	.bizTit span				{font-size:15px;}
	.bizPart					{display:block;}
	.bizPart dl dt				{border-radius:5px !important; padding:12px 10px; font-size:1em;}
	.bizPart dl dd				{padding:20px;}
	.bizPart dl:first-child		{border:0;}
	.bizPart dl:first-child dt:after	{display:none;}
	h5.biz span					{line-height:26px;}

	.intBiz						{gap:10px;}
	.intBiz>div>strong			{font-size:1em; padding:5px 20px; font-weight:500;}
	.intBiz>div>strong:after, .intBiz>div>strong:before	{border-width:5px; width:10px;}
	.intBiz .depth1 p			{font-size:1.1em; padding:15px 25px; width:100%; margin:12px 0; border-radius:10px;}
	.intBiz .depth2 p			{font-size:1em; padding:12px 25px; width:100%; margin-top:12px; border-radius:10px;}
	.intBiz .part				{gap:10px; margin-top:30px;}
	.intBiz .part>ul			{padding:10px; font-size:0.95em;}
	.intBiz .part>ul>li			{font-size:0.95em;}
	.intBiz .part>ul>ul			{display:grid; margin-top:3px; gap:5px;}
	.intBiz .part>ul>ul>li		{height:42px; line-height:1.3; font-weight:400;}
	.intBiz .depth3				{padding-top:10px;}
	.intBiz .depth3>div			{display:grid; gap:10px; margin-top:-5px;}
	.intBiz .depth3>strong		{font-size:0.95em; padding:3px 12px 10px 12px;}
	.intBiz .depth3>div>ul>li	{padding:10PX; font-size:0.95em;}
	.intBiz .depth3>div>ul>ul	{padding:10px 20px; border-width:4px;}
	.intBiz .depth3:before		{top:-60px; border-width:55px; border-bottom-width:20px;}

	.intGroup					{gap:20px; margin-bottom:30px;}
	.intGroup .depth1			{width:120px; height:120px; font-size:1.05em;}
	.intGroup .depth1:after		{width:calc(100% + 12px); height:calc(100% + 12px); left:-6px;}
	.intGroup .depth2			{width:95%; padding-top:20px;}
	.intGroup .depth2 dl		{width:40%; font-size:0.95em;}
	.intGroup .depth2 dl dt		{width:auto; height:auto; margin-bottom:7px;  padding:7px; }
	.intGroup .depth2:before	{top:5px;}
	.intGroup .depth3			{display:grid; justify-content:unset; width:calc(100% - 15px); padding:15px 0 0 15px; gap:10px; background:#fff;}
	.intGroup .depth3 dl dt		{position:relative; font-size:0.95em; text-align:left; display:block; padding:10px 20px; line-height:1.3; border-radius:5px 5px 0 0;}
	.intGroup .depth3 dl dt:before	{content:''; display:block; width:15px; height:1px; background:#ccc; position:absolute; left:-15px; top:0;bottom:0; margin:auto;}
	.intGroup .depth3 dl dt span	{font-size:14px; margin-left:7px;}
	.intGroup .depth3 dl dd		{padding:10px 12px;}
	.intGroup .depth3:before	{left:0; right:auto; margin:0; width:51%; border-right:0; background:#fff; z-index:0;}
	.intGroup .depth3:after		{content:''; display:inline-block; width:1px; height:75%; background:#ccc; position:absolute; left:0; top:0;}

	.introMap ul						{padding:15px 5px; gap:3px 0;}
    .introMap>ul>ul                     {display:grid;}
	.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%;}
}