@charset "utf-8"; 

/* SUB_TXT  ================================================================================== */
h4						{font-family: 'S-CoreDream-5Medium'; position:relative;font-size:1.5em;line-height:1.3; padding:0 0 20px 17px; color:#000; letter-spacing:-1.75px; } 
h4::after				{position:absolute; top:5px; left:0; content:''; width:5px; height:0.9em; background:var(--color1); border-radius:5px;}
h4 span					{font-size:18px; color:#777; letter-spacing:-1px; margin-left:10px;} 
h5						{font-family: 'S-CoreDream-6Bold'; font-size:1.25em; color:var(--color1); letter-spacing:-1px; line-height:1.2; margin-bottom:20px;}

.sub_txtline			{font-weight:500; box-shadow: inset 0 -10px 0 #daeaf9; padding:0 3px; color:#000;}

.sub_cont01				{padding-left:10px;}
.sub_list01				{position:relative; list-style:none; padding:3px 0 3px 15px;}
.sub_list01:after		{position:absolute; content:''; display:block; left:2px; top:15px; width:4px; height:4px; background:#023b93; border-radius:10px;}
.sub_list02				{position:relative; list-style:none; padding:1px 0 1px 12px;}
.sub_list02:after		{position:absolute; content:''; display:block; left:0; top:13px; width:6px; height:1px; background:#333;}
.sub_indent li			{text-indent:-1em; margin-left:1em; padding:1px 0; font-sizE:0.95em;}


/* SUB_Design  ================================================================================== */
.subFile				{text-align:center; margin-top:25px;}
.subFile button			{font-family: 'S-CoreDream-4Regular'; position:relative; min-width:120px; padding:0 20px; text-align:center; line-height:52px; letter-spacing:-1px; cursor:pointer; background:#212529; color:#fff; font-size:0.95em; transition:all 0.2s;}
.subFile button:hover	{background:var(--gra2);}
.subFile em				{position:relative; content:''; display:inline-block; width:20px; height:5px; border:1px solid #fff; border-top:0; margin-left:12px;}
.subFile em:after		{position:absolute; top:-7px; right:6px; content:''; display:block; border: solid #fff; padding:3px; border-width:0 1px 1px 0; transform:rotate(45deg);}
.subFile em:before		{position:absolute; top:-10px; left:8px; content:''; display:block; width:1px; height:10px; background:#fff;}

.subTop dt				{font-family: 'S-CoreDream-5Medium'; color:#132b5a; font-size:1.5em; margin-bottom:20px; letter-spacing:-2px;}
.subTop dd				{font-family: 'S-CoreDream-4Regular';}
.subTop dd span			{font-family: 'S-CoreDream-5Medium';}

.subStep					{display:grid; text-align:center; margin-top:25px; gap:20px; grid-template-columns:repeat(6, 1fr);}
.subStep dl					{display:grid; place-items:center; position:relative; padding:20px 10px; border:4px solid #efefef; border-radius:0 0 20px 0;}
.subStep 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;}
.subStep dl:last-child:after	{display:none;}
.subStep dl dt				{font-family: 'S-CoreDream-5Medium'; color:#333; letter-spacing:-1px;}
.subStep dl dt em			{font-family: 'SpoqaHanSansNeo-Regular'; position:absolute; font-style:normal; top:-15px; left:10px; width:32px; height:32px; line-height:30px; background:var(--gra1); color:#fff; font-size:13px; letter-spacing:0; border-radius:20px;}
.subStep dl dd				{color:var(--color1); font-size:15px;}

.supportbizFrame			{position:relative; width:100%; aspect-ratio:6 / 4; height:100%; overflow:hidden; box-shadow:0 0 15px 1px rgba(0,0,0,.1);}
.supportbizFrame iframe		{position:absolute; top:0; left:0; width:100%; height:100%; border:0;}

.techdoctorBox				{border:1px solid #ddd; box-shadow:6px 6px 0 0 #eaeaea; width:640px; margin:0 auto; padding:40px; text-align:center;}
.techdoctorBox dt			{font-family: 'S-CoreDream-5Medium'; color:#333; letter-spacing:-1px; font-size:1.6em; padding-top:160px; background:url('../img/sub/acc_icon01.png') no-repeat center 20px; background-size:100px;}
.techdoctorBox dd			{font-family: 'S-CoreDream-4Regular'; margin:20px 0 40px 0;}

.consultInfo figure img		{width:100%;}
.consultInfo .subTop		{position:relative; margin-top:40px;}
.consultInfo .subTop dt		{position:absolute; top:-130px; right:-20px; background:var(--gra1); color:#fff; padding:40px; border-radius:5px 5px 40px 5px;}
.consultInfo .subTop dd strong		{font-family: 'S-CoreDream-5Medium'; color:var(--color1); display:inline-block; border:1px solid var(--color1); padding:2px 10px; margin-right:15px; border-radius:2px; font-size:16px; }
.consultInfo .subTop dd:nth-child(2)	{font-size:1.05em; color:#333;}
.consultInfo .subTop dd:nth-child(3)	{margin:20px 0 5px 0;}

.techBiz				{display:flex; flex-wrap:wrap; justify-content:center; gap:-10px 10px; text-align:center;}
.techBiz li				{position:relative; width:180px; height:180px; aspect-ratio:1 / 1; display:grid; align-items:center; border:7px solid #a9d2fd; border-radius:100%; margin:0 -3px;}
.techBiz li:nth-child(odd)	{border-color:var(--color1);}
.techBiz li:after		{content:''; display:block; position:absolute; left:7px; width:90%; height:90%; border:2px dotted #ddd; border-radius:100%;}
.techBiz p				{font-family: 'S-CoreDream-5Medium'; font-size:1.1em; color:#333;}
.techBiz i				{display:block; opacity:0.4; margin-bottom:12px; font-size:27px;}

.techInfo				{display:grid; gap:5px;}
.techInfo li			{font-family: 'S-CoreDream-4Regular'; font-size:1.05em; color:#333;}
.techInfo li>strong		{font-family: 'S-CoreDream-4Regular'; color:var(--color1); display:inline-block; border:1px solid var(--color1); padding:3px 15px; margin-right:17px; border-radius:2px; font-size:16px;}

.introMap #map_canvas			{position:relative; width:100%; aspect-ratio:6 / 2; border:1px solid #dfdfdf;}
.introMap ul					{padding:30px 0; display:flex; justify-content:center; gap:30px; align-items:center; border-bottom:1px solid #ddd;}
.introMap ul li					{font-family: 'S-CoreDream-4Regular'; color:#111;}
.introMap i						{cursor:auto; margin-right:10px; color:var(--color1); font-size:20px;}
.introMap .mapoverlay			{position:relative;margin-left:5px;bottom:45px;padding:5px 12px; background:var(--color1); 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	{display:block; color:#fff; font-size:15px;}
.introMap .mapoverlay .title span	{font-family: 'S-CoreDream-4Regular';}
.introMap .mapoverlay .add		{display:none;}


@media screen and (max-width:1024px) { 
	h4						{font-size:1.25em; padding:0 0 15px 12px; letter-spacing:-1px;}
	h4::after				{height:0.95em; top:3px; width:4px;}
	h4 span					{font-size:16px;}
	h5						{font-size:1.05em; margin-bottom:12px;}
	.sub_list01				{padding:2px 0 2px 12px;}
	.sub_list01:after		{width:3px; height:3px;}

	.subTop dt				{font-size:1.2em; margin-bottom:10px; letter-spacing:-1px;}
	.subTop dd strong		{display:block; margin:0 0 5px 0; text-align:center; width:100px;}

	.subStep				{grid-template-columns:repeat(3, 1fr); gap:10px 20px;}
	.subStep dl				{padding:10px 5px; border-width:3px;}
	.subStep dl dt em		{width:30px; height:30px; line-height:28px; left:5px;}
	.subFile button			{line-height:42px; padding:0 12px; min-width:100px;}

	.techdoctorBox			{width:90%; padding:20px 10px;}
	.techdoctorBox dt		{font-size:1.4em; padding-top:120px; background-size:80px;}
	.techdoctorBox dd		{font-size:0.95em; margin:10px 0 30px 0;}

	.consultInfo .subTop dt	{padding:20px 25px; top:-80px; right:-10px;}
	.consultInfo .subTop	{margin:30px 0 20px 0 !important;}
	.consultInfo .subTop dd:nth-child(3)	{margin:15px 0 2px 0;}
	.consultInfo .subTop dd strong	{padding:2px 0; font-size:15px; width:80px; margin-right:10px;}

	.techInfo li			{font-size:1em;}
	.techInfo li>strong		{padding:0 10px; font-size:14px; margin-right:10px;}
	.techBiz li				{width:120px; height:120px; margin:-3px; border-width:5px;}
	.techBiz p				{font-size:1em;}
	.techBiz i				{font-size:20px; margin-bottom:7px;}
	.techBiz li:after		{left:3px;}

	.introMap ul			{display:grid; justify-content:unset; gap:5px; padding:20px 10px;}
	.introMap i				{font-size:15px; margin-right:7px;}
}	


@media screen and (max-width:768px) { 
	.subStep				{grid-template-columns:1fr; gap:10px;}
	.subStep dl:after		{right:50%; top:auto; bottom:-10px; border-width:0 3px 3px 0; padding:3px;}
}