@charset "utf-8"; 

/* 개인정보처리방침 240920 ===================================================================================== */ 
.privacy_wrap .picon 		{width:40px;}
.privacy_wrap .picon2 		{width:37px;}
.privacy_wrap .box01		{margin:-20px 0 0 0;}
.privacy_wrap .box01 dl		{padding:20px; display:grid; grid-template-columns:100px auto; align-items:center;}
.privacy_wrap .box01 dl:first-child	{border-bottom:1px solid #ddd;}
.privacy_wrap .box01_01		{margin:0;}
.privacy_wrap .box01_01 dl	{border:0 !important; padding-bottom:0;}
.privacy_wrap .box02 dl		{padding:5px;}
.privacy_wrap .box02 dl dt	{text-align:Center; font-weight:700; color:#333;}
.privacy_wrap .box02 dl dt img	{display:block; margin:10px auto;}
.privacy_wrap .box02 .sub_list01	{padding:2px 0 2px 10px;}
.privacy_wrap .box02 thead th	{font-size:16px;}
.privacy_wrap .box02 tbody td	{vertical-align:top;}
.privacy_wrap .box01 .picon, .privacy_wrap .box02 .picon	{width:65px;}
.privacy_wrap .box03		{padding:10px; border:1px solid #ddd; margin:20px 0 0 0; }
.privacy_wrap .box03 .tit	{background:#f0f0f0; text-align:center; padding:10px; font-weight:700; color:#111; margin-bottom:10px;}
.privacy_wrap .box03 .tit span	{font-size:14px; opacity:0.8; margin-left:5px;}
.privacy_wrap .box03 ul		{display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:10px;}
.privacy_wrap .box03 ul li	{font-weight:500; color:#333; letter-spacing:-0.75px;}
.privacy_wrap .box03 ul li:hover 	{text-decoration:underline;}
.privacy_wrap .box03 ul li .picon	{margin-right:7px;}
.privacy_wrap .box03 ul li .picon2	{margin-right:9px;}
.privacy_wrap h5 span		{font-size:15px; margin-left:5px; color:#2b4cc8;}
.privacy_wrap h5 span:hover	{text-decoration:underline;}
.privacy_wrap h6			{font-size:16px; font-weight:500; padding-bottom:5px; color:#000; }
.privacy_wrap ol			{display:grid; gap:3px 0; padding-left:1em;}
.privacy_wrap ol>li			{list-style:decimal;}
.privacy_wrap .indent		{display:grid; gap:3px 0;}
.privacy_wrap .indent li	{text-indent:-1em; margin-left:1em;}
.privacy_wrap .imgbox		{border:1px solid #ddd; margin:10px 0; text-align:center; padding:40px 0;}
.privacy_wrap .imgbox p		{background:#eceef1; font-size:0.95em; padding:5px; border-radius:5px; margin:20px 10px -30px 10px;}
.privacy_wrap .form_table tbody td, .privacy_wrap .form_table thead th	{padding:10px 8px;}


@media screen and (max-width:1024px) {
	.privacy_wrap .imgbox img		{width:100%;}
	.privacy_wrap .box03 ul			{grid-template-columns:1fr; gap:5px;}
}


/* 조직도 240618 ===================================================================================== */ 
.chartWrap						{position:relative; display:grid; gap:30px 0; text-align:center;}
.chartWrap:after				{display:block;content:'';width:1px; height:47%; background:#dfdfdf;position:absolute; top:0; left:50%;}
.chartWrap .h1					{position:relative;}
.chartWrap .h1 span				{display:block;width:191px;background:#f6f6f6;border-radius:50%;margin:0 auto;position:relative;z-index:1;}
.chartWrap .h1 span:before		{display:inline-block;vertical-align:middle;content:"";width:0;padding:100% 0 0;}
.chartWrap .h1 span:after		{display:block;content:"";width:100%;height:100%;position:absolute;top:0;left:0;}
.chartWrap .h1 span em			{display:inline-block;vertical-align:middle;font-style:normal;font-size:1.5em;font-weight:500;color:#fff;width:72.775%;position:relative;}
.chartWrap .h1 span em:before	{display:inline-block;vertical-align:middle;content:"";width:0;padding:100% 0 0;}
.chartWrap .h1 span em:after		{display:block;content:"";width:100%;height:100%;margin:auto;background:#153157;position:absolute;top:0;left:0;border-radius:50%;z-index:-1;box-shadow:0px 36px 54px 0px rgba(0, 0, 0, 0.19);}
.chartWrap .depth2				{position:relative; width:80%; margin:0 auto; text-align:right; margin-top:-30px;}
.chartWrap .depth2:after		{content:''; display:none; position:absolute; top:25px; left:0; width:97.7%; height:1px; background:#dfdfdf; z-index:-1; }
.chartWrap .depth2 li			{display:inline-block; text-align:center; background:#e7e7ec; width:200px; font-size:1.05em; }
.chartWrap .depth2 li a			{color:#333; padding:18px 0;}
.chartWrap .depth3 				{position:relative; display:grid; grid-template-columns:repeat(4, 1fr); gap:0 15px; padding-top:30px;}
.chartWrap .depth3:before		{content:''; display:block; position:absolute; top:0;left:0;right:0; width:76%; height:1px; margin:auto; background:#dfdfdf;}
.chartWrap .depth3>li			{position:relative;}
.chartWrap .depth3>li:before	{content:''; display:block; position:absolute; top:-30px; left:50%; width:1px; height:30px; background:#dfdfdf;}
.chartWrap .depth3>li>p			{font-size:1.05em; background:#f8f8fb;}
.chartWrap .depth3>li>p a		{color:#333; padding:17px 0 15px 0;}
.chartWrap .depth3>li>ul		{background:#f8f8fb; padding:15px; padding-top:0; display:grid; gap:5px 0;}
.chartWrap .depth3>li>ul>li a 	{height:52px; display:grid; align-items:center; background:#fff; border:1px solid #eaeaea; padding:0;}
.chartWrap .depth3>li:last-child		{margin-top:55px;}
.chartWrap .depth3>li:last-child p, .chartWrap .depth3>li:last-child>ul	{background:#f2f2f2;}
.chartWrap .depth3>li:last-child:before	{top:-85px; height:85px;}
.chartWrap .t1 a				{background:#e7e7ec !important;}
.chartWrap a					{display:block; padding:15px 0; font-weight:500; color:#555;}

@media screen and (max-width:1024px) {
	.chartWrap						{gap:20px 0;}
	.chartWrap:after				{height:45%;}
	.chartWrap a					{padding:10px 5px; font-size:0.95em;}
	.chartWrap .h1 span				{width:150px;}
	.chartWrap .h1 span em			{font-size:1.3em;}
	.chartWrap .h1:before			{height:80%;}
	.chartWrap .depth2				{margin-top:-20px;;}
	.chartWrap .depth2 li			{width:120px;}
	.chartWrap .depth2 li a			{padding:12px 5px;}
	.chartWrap .depth2:after		{width:97.2%;}
	.chartWrap .depth3				{padding-top:20px; gap:0 5px;}
	.chartWrap .depth3>li:before	{top:-20px; z-index:-1;}
	.chartWrap .depth3>li>p			{font-size:1em;}
	.chartWrap .depth3>li>p a		{padding:12px 0 10px 0;}
	.chartWrap .depth3>li>ul		{gap:3px 0; padding:0 10px 10px 10px;}
	.chartWrap .depth3>li:last-child	{margin-top:45px;}
	.chartWrap .depth3>li:last-child:before	{top:-65px; height:65px;}
	.chartWrap .depth3>li>ul>li a	{height:46px;}
	.chartWrap .depth3:before		{width:75.5%;}
}

/* 고객제안 - 고객소통  ===================================================================================== */
.complaint_box dl					{position:relative; background:url('../image/sub/acc_comp.png') no-repeat right bottom #f0f3f8; padding:40px; margin-bottom:40px;}
.complaint_box dl dt				{font-size:1.45em; color:#014898; letter-spacing:-2px; font-weight:700; margin-bottom:20px; line-height:1.4;}
.complaint_box .sng_form_btn		{background:#014898; border-color:#014898; margin-top:20px;}
.complaint_box .sng_form_btn:hover	{background:#333; border-color:#333;}
.complaint_box .sng_form_btn a		{color:#fff;}

.complaint_box2 dl					{background:url('../image/sub/acc_comp2.png') no-repeat 105% bottom #f0f3f8;}
.complaint_box2 dl dd				{font-size:1.1em;}
.complaint_box2 .sng_form_btn		{display:block; width:160px; margin:30px auto 10px auto; line-height:46px; font-size:15px; font-weight:500;}
.complaint_box2 dl dd span			{position:absolute; right:0; bottom:0; width:100%; background:rgba(0,0,0,.3); color:#fff; text-align:center; padding:3px 10px; font-size:14px;}


/* 2021 산업정책  ===================================================================================== */ 
.sub_roadmap				{position:relative; text-align:center; overflow:hidden; min-height:1250px;}
.sub_roadmap .line			{position:absolute; width:73%; top:145px; left:52%; transform:translateX(-50%); height:87%;}
.sub_roadmap .line li		{display:block; float:left; width:20%; border-right:1px dashed #ccc; height:100%;}
.sub_roadmap .line li:last-child	{border:0;}

.sub_roadmap .maping		{position:relative; z-index:1;}
.sub_roadmap .depth01		{float:left; width:15%; overflow:hidden;}
.sub_roadmap .depth02		{float:left; width:73%; margin:0 1%;}
.sub_roadmap .depth03		{float:right; width:10%; background:#f0f5ff; border:2px solid #386096; color:#00274e; border-radius:5px; text-align:center;}
.sub_roadmap .list			{overflow:hidden;}
.sub_roadmap .list p		{position:relative; float:left; background:#fff; font-size:0.9em; line-height:46px; margin-bottom:5px; border-radius:3px; letter-spacing:-1px;}
.sub_roadmap .list .enterline	{line-height:120%; height:50px; padding-top:5px;}
.sub_roadmap .w20			{width:calc(20% - 10px); margin-right:10px;}
.sub_roadmap .w40			{width:calc(40% - 10px); margin-right:10px;}
.sub_roadmap .w60			{width:calc(60% - 10px); margin-right:10px;}
.sub_roadmap .border01		{border:2px solid #39ab93;}
.sub_roadmap .border02		{border:2px solid #386096;}
.sub_roadmap .backblue		{background:#f0f5ff !important;}
.sub_roadmap .cut_line		{border-bottom:1px dashed #ccc; margin-bottom:10px; padding-bottom:5px;}
.sub_roadmap .cut_line:after			{content:'';display: block;clear: both;}
.sub_roadmap .rowspan		{height:125px; line-height:140% !important; padding-top:40px;}

.sub_roadmap .step01				{position:relative; overflow:hidden;text-align:center;}
.sub_roadmap .step01:after			{content:'';display: block;clear: both;}
.sub_roadmap .step02				{position:relative; margin:20px 0;}
.sub_roadmap .step02:after			{content:'';display: block;clear: both;}
.sub_roadmap .step03				{position:relative; margin:20px 0;}
.sub_roadmap .step03:after			{content:'';display: block;clear: both;}
.sub_roadmap .step04				{position:relative; margin:20px 0;}
.sub_roadmap .step04:after			{content:'';display: block;clear: both;}
.sub_roadmap .step05				{position:relative; margin:20px 0;}
.sub_roadmap .step05:after			{content:'';display: block;clear: both;}
.sub_roadmap .step06				{position:relative; margin:20px 0;}
.sub_roadmap .step06:after			{content:'';display: block;clear: both;}
.sub_roadmap .step07				{position:absolute; bottom:-55px; width:100%;}
.sub_roadmap .step07:after			{content:'';display: block;clear: both;}

.sub_roadmap .step01 .depth01,
.sub_roadmap .step01 .depth03		{background:#edeff2; line-height:210px; border-radius:5px;}

.sub_roadmap .depth01 .lt			{float:left; width:30%;}
.sub_roadmap .depth01 .rt			{float:right; width:70%;}
.sub_roadmap .depth01 .rt p			{min-height:105px; border:2px solid #0279ce; border-left:0; font-size:0.95em; line-height:120%; }
.sub_roadmap .depth01 .rt p:first-child	{margin:0 0 22px 0;}
.sub_roadmap .step02 .depth01 .rt p	{padding:15px 0 0 0;}
.sub_roadmap .step03 .depth01 .rt p	{padding:22px 0 0 0;}

.sub_roadmap .step01 .st01			{float:left; width:60%; background:#39ab93; margin-bottom:12px; font-size:1.2em; letter-spacing:-1px; font-weight:600;}
.sub_roadmap .step01 .st01 span		{line-height:40px;}
.sub_roadmap .step01 .st02			{float:right; width:40%; background:#386096; margin-bottom:12px; font-size:1.2em; letter-spacing:-1px; font-weight:600;}
.sub_roadmap .step01 .st03:after			{content:'';display: block;clear: both;}
.sub_roadmap .step01 .st03 li		{float:left; width:20%;}
.sub_roadmap .step01 .st03 li em	{display:block; border:5px solid #daeff9; font-size:1.2em; font-weight:500; font-style:normal; width:80px; line-height:70px; border-radius:100%; color:#fff; margin:0 auto;}
.sub_roadmap .step01 .st03 li:nth-child(1) em	{background:#36a996;}
.sub_roadmap .step01 .st03 li:nth-child(2) em	{background:#2a9da3;}
.sub_roadmap .step01 .st03 li:nth-child(3) em	{background:#1c91b2;}
.sub_roadmap .step01 .st03 li:nth-child(4) em	{background:#0e84c1;}
.sub_roadmap .step01 .st03 li:nth-child(5) em	{background:#037acd;}
.sub_roadmap .step01 p				{color:#fff; padding-top:20px;}
.sub_roadmap .step01 span			{display:block; border:1px solid rgba(255, 255, 255, 0.5); border-radius:2px; margin:10px 20px 20px 20px; font-size:14px; min-height:46px; }
.sub_roadmap .step01 .depth03		{border:0;}

.sub_roadmap .step02 .depth03,
.sub_roadmap .step03 .depth03		{height:230px; font-weight:500; padding-top:70px;}
.sub_roadmap .step04 .depth03,
.sub_roadmap .step06 .depth03		{position:absolute; right:0; height:235px; font-weight:500; padding-top:80px;}

.sub_roadmap .tit					{color:#fff; font-weight:500; height:105px; border-radius:5px;}
.sub_roadmap .tit em				{display:block; font-style:normal; opacity:0.8;}
.sub_roadmap .step02 .tit			{background:#0279ce; border-top-right-radius:0; border-bottom-right-radius:0;}
.sub_roadmap .step03 .tit			{background:#0d82c3; border-top-right-radius:0; border-bottom-right-radius:0;}
.sub_roadmap .step04 .tit			{background:#1d91b1;}
.sub_roadmap .step05 .tit			{background:#299ca4;}
.sub_roadmap .step06 .tit			{background:#2da09f;}
.sub_roadmap .step07 .tit			{background:#39ab93;}

.sub_roadmap .step02 .tit, .sub_roadmap .step03 .tit	{height:232px;}
.sub_roadmap .step02 em 			{padding:55px 0 5px 0; }
.sub_roadmap .step03 em				{padding:70px 0 5px 0; }
.sub_roadmap .step04 em, .sub_roadmap .step05 em,
.sub_roadmap .step06 em, .sub_roadmap .step07 em	{padding:22px 0 5px 0; }	

.table_cell							{display:block; width:100%; background:#caeaf9; height:15px;}

.sub_diagram						{position:relative; overflow:hidden; margin:20px 0 0 0; background:url('../image/sub/submapacc01.png') no-repeat 380px 58px;}
.sub_diagram .lt					{position:relative; float:left; width:30%;}
.sub_diagram .lt:after				{content:'';display: block;clear: both;}
.sub_diagram .lt dl					{position:relative; }
.sub_diagram .lt dl dt				{position:relative; float:right; width:50%; font-size:0.95em; padding:15px 0; background:#737b84; font-weight:500; color:#fff; text-align:center; border-radius:3px; line-height:160%;}
.sub_diagram .lt dl dd				{position:absolute; right:0; top:57px; width:50%; text-align:center; font-size:0.95em; padding:10px 0; border:1px solid #737b84; font-weight:500; border-radius:2px; line-height:160%;}
.sub_diagram .rt					{position:relative; overflow:hidden; float:right; width:70%;}
.sub_diagram .rt .top				{width:81.5%; margin:0 auto;}
.sub_diagram .rt .top:after			{content:''; display:block; height:1px; background:#ddd; width:50%;}
.sub_diagram .rt .depth1			{position:relative; width:250px; padding:15px 0; margin:0 auto 30px auto; background:#737b84; color:#fff; 
									font-weight:500; text-align:center; letter-spacing:-1px; border-radius:3px; line-height:140%;}
.sub_diagram .rt .depth1:after		{content:''; display:block; position:absolute; bottom:-35px; left:50%; width:1px; height:35px; background:#ddd;}
.sub_diagram .rt .depth2_menu		{position:relative; width:78.3%; margin:0 auto;padding:0 0 30px 0; }
.sub_diagram .rt .depth2_menu:after	{content:'';display: block;clear: both;}
.sub_diagram .rt .depth2_menu:before	{content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:23px; background:#ddd;}
.sub_diagram .rt .depth2			{position:relative; float:left; width:50%; }
.sub_diagram .rt .depth2:before		{content:''; display:block; position:absolute; top:23px; width:100%; height:1px; background:#ddd; }
.sub_diagram .rt .depth2 p			{position:relative; float:left; width:70%; font-size:0.95em; padding:15px 0; background:#737b84; font-weight:500; color:#fff; text-align:center; border-radius:3px; line-height:160%;}
.sub_diagram .rt .depth2 p:after	{content:''; display:block; position:absolute; bottom:-30px; left:51.5%; width:1px; height:30px; background:#ddd;}
.sub_diagram .rt .depth3			{position:relative; float:right; width:50%; }
.sub_diagram .rt .depth3 p			{position:relative; float:right; width:70%; font-size:0.95em; padding:15px 0; background:#737b84; font-weight:500; color:#fff; text-align:center; border-radius:3px; line-height:160%;}
.sub_diagram .rt .depth3 span		{position:absolute; right:0; top:57px; width:70%; text-align:center; font-size:0.95em; padding:10px 0; border:1px solid #737b84; font-weight:500; border-radius:2px; line-height:160%;}
.sub_diagram .rt .depth3:before		{content:''; display:block; position:absolute; top:23px; width:100%; height:1px; background:#ddd; }
.sub_diagram .rt .depth3_menu		{position:relative; overflow:hidden;}
.sub_diagram .rt .depth3_menu li	{position:relative; float:left; width:18.4%; margin-right:2%; }
.sub_diagram .rt .depth3_menu li:last-child	{margin-right:0;}
.sub_diagram .rt .depth3_menu li:before		{content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:30px; background:#ddd;}
.sub_diagram .rt .depth3_menu dl			{text-align:center; padding:12px 5px 5px 5px; margin-top:30px; background:#f4f4f4; border-radius:2px;}
.sub_diagram .rt .depth3_menu dl dt			{font-weight:500; color:#333;  font-size:0.95em; margin-bottom:10px;}
.sub_diagram .rt .depth3_menu dl dd			{color:#555; font-sizE:0.85em;padding:10px 5px; line-height:140%; background:#fff;}

.roadmap_table						{border-top:0;}
.roadmap_table thead th,
.roadmap_table tbody th,
.roadmap_table tbody td				{border:5px solid #fff;}
.roadmap_table .bg01				{background:#5b9bd5; color:#fff;}
.roadmap_table .bg02				{background:#deebf7;}
.roadmap_table .bg03				{background:#dae3f3;}
.table_cell2						{display:block; width:100%; background:#e2f0d9; height:15px;}
.table_cell3						{display:block; width:100%; background:#e1e1ff; height:15px;}
.roadmap_table span					{font-weight:500; text-align:center;}


/* 2021 기업지원  ===================================================================================== */ 
.sub_roadmap02				{position:relative; text-align:center; overflow:hidden; }
.sub_roadmap02 .depth01		{float:left; width:10%; background:#edeff2; border-radius:5px; text-align:center; }
.sub_roadmap02 .depth01 .tit	{font-weight:500; color:#00274e; letter-spacing:-1px;}
.sub_roadmap02 .depth02		{float:right; width:89%; overflow:hidden;}
.sub_roadmap02 .steplist:after		{content:'';display: block;clear: both;}
.sub_roadmap02 .w20			{width:calc(20% - 10px); margin-left:10px;}
.sub_roadmap02 .w25			{width:calc(25% - 10px); margin-left:10px;}
.sub_roadmap02 .w50			{width:calc(50% - 10px); margin-left:10px;}
.sub_roadmap02 .w40			{width:calc(40% - 10px); margin-left:10px;}
.sub_roadmap02 .w100		{width:calc(100% - 10px); margin-left:10px;}
.sub_roadmap02 .back01		{background:#36a996; border-color:#36a996 !important; color:#fff; font-weight:500; font-size:1.05em !important;}
.sub_roadmap02 .back02		{background:#1c91b2; border-color:#1c91b2 !important; color:#fff; font-weight:500; font-size:1.05em !important;}
.sub_roadmap02 .back03		{background:#037acd; border-color:#037acd !important; color:#fff; font-weight:500; font-size:1.05em !important;}
.sub_roadmap02 .txt02		{border-color:#1c91b2 !important; color:#1c91b2; font-weight:500; font-size:1.05em !important;}
.sub_roadmap02 .txt03		{border-color:#037acd !important; color:#037acd; font-weight:500; font-size:1.05em !important;}

.sub_roadmap02 .step01			{margin:0 0 10px 0;}
.sub_roadmap02 .step01 ul		{position:relative; float:right; width:89%;}	
.sub_roadmap02 .step01 ul:after	{content:''; display:block; position:absolute; top:50%; left:50px; width:825px; height:2px; background:#ddd; z-index:1; opacity:0.5;}
.sub_roadmap02 .step01 ul li	{z-index:2; position:relative; float:left; width:20%;}
.sub_roadmap02 .step01 ul li:after	{position:absolute; content:''; left:-5px; top:46%; border: solid #ddd; border-width:3px 3px 0 0; padding: 4px;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.sub_roadmap02 .step01 ul li:first-child:after	{display:none;}
.sub_roadmap02 .step01 ul li em	{display:block; border:5px solid #daeff9; font-size:1.2em; font-weight:500; font-style:normal; width:80px; line-height:70px; border-radius:100%; color:#fff; margin:0 auto;}
.sub_roadmap02 .step01 ul li:nth-child(1) em	{background:#36a996;}
.sub_roadmap02 .step01 ul li:nth-child(2) em	{background:#2a9da3;}
.sub_roadmap02 .step01 ul li:nth-child(3) em	{background:#1c91b2;}
.sub_roadmap02 .step01 ul li:nth-child(4) em	{background:#0e84c1;}
.sub_roadmap02 .step01 ul li:nth-child(5) em	{background:#037acd;}

.sub_roadmap02 .depth02  p	{position:relative; float:left; font-size:0.9em; border:2px solid #ddd; padding:10px 0; margin-bottom:5px; border-radius:3px; letter-spacing:-1px;}
.sub_roadmap02 .step02 .tit	{padding-top:50px;height:150px;}
.sub_roadmap02 .step03 .tit	{padding-top:30px;height:120px;}
.sub_roadmap02 .step04 .tit	{padding-top:35px;height:120px;}

.depth02_list ul			{float:left; width:calc(50% - 10px);  border:2px solid #ddd; padding:10px; margin:0 0 5px 0; border-radius:3px; }
.depth02_list ul:first-child	{margin-left:10px;}
.depth02_list ul:last-child	{float:right;}
.depth02_list ul li			{float:left; width:33.3%; text-align:center; font-size:0.9em; letter-spacing:-1px; border-right:1px dashed #ddd;}
.depth02_list ul li:last-child	{border-right:0;}

.sub_roadmap03 .depth01 .tit	{height:100px; padding-top:40px;}
.sub_roadmap03 .step02_01	{padding:12px 0; border:2px solid #36a996; color:#36a996; margin:5px 0 10px 0; font-weight:500; border-radius:3px; font-size:1.05em;}
.sub_roadmap03 .step03_01 .depth01		{background:url('../image/sub/submapacc02.png') no-repeat center 5px #fff;  padding:13px 0;}
.sub_roadmap03 .step03_01 .depth01 p	{color:#00274e; font-weight:500;letter-spacing:-1px; font-size:0.9em;  line-height:120%;}
.sub_roadmap03 .step03_01 .depth02 p	{background:#f1ffff; width:100%; padding:12px 0; border-color:#bce2e2; color:#1c91b2; margin:5px 0 10px 0; font-weight:500; border-radius:3px; font-size:1.05em;}

.sub_roadmap03 .depth02_01	{overflow:hidden;}
.sub_roadmap03 .depth02_01 dt	{float:left; width:20%; border:2px solid #ddd; padding:35px 0 0 0; min-height:97px; border-radius:3px; font-size:0.9em; letter-spacing:-1px;}
.sub_roadmap03 .depth02_01 dd	{float:right; width:79%;}
.sub_roadmap03 .depth02_01 dd p	{float:none; width:100%;}

.sub_roadmap03				{position:relative;}
.sub_roadmap03 .top			{position:relative; padding-top:70px; background:url('../image/sub/submapacc04.png') no-repeat 110px 10px;}
.sub_roadmap03 .top .txt	{position:absolute; right:290px; top:0; }
.sub_roadmap03 .top .txt p	{background:#edeff2; color:#00274e; padding:12px 0; border-radius:3px; letter-spacing:-1px; text-align:center; font-weight:600; width:260px;}
.sub_roadmap03 .top .txt:after	{position:absolute; left:40%; content:''; display:block; width:40px; height:40px; background:url('../image/sub/submapacc02.png') no-repeat center 0;  background-size:40px;}
.sub_roadmap03 .top	ul			{overflow:hidden;position:relative; }
.sub_roadmap03 .top	ul:after	{content:''; display:block; position:absolute; top:50%; left:50px; width:825px; height:2px; background:#ddd; z-index:1; opacity:0.5;}
.sub_roadmap03 .top	ul li		{z-index:2; position:relative; float:left; width:20%; text-align:center;}
.sub_roadmap03 .top	ul li:after	{position:absolute; content:''; left:-5px; top:55px; border: solid #ddd; border-width:3px 3px 0 0; padding: 7px;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.sub_roadmap03 .top	ul li:first-child:after	{display:none;}
.sub_roadmap03 .top ul li em	{padding-top:22px; display:block; border:5px solid #daeff9; font-weight:500; font-style:normal; width:120px; height:120px; border-radius:100%; color:#fff; margin:0 auto;}
.sub_roadmap03 .top ul li:nth-child(1) em	{background:#36a996;}
.sub_roadmap03 .top ul li:nth-child(2) em	{background:#2a9da3;}
.sub_roadmap03 .top ul li:nth-child(3) em	{background:#1c91b2;}
.sub_roadmap03 .top ul li:nth-child(4) em	{background:#037acd;}
.sub_roadmap03 .top ul li img	{width:100px; padding-top:20px;}
.sub_roadmap03 .top ul li p		{letter-spacing:-1px; font-size:0.95em; font-weight:500; margin-top:3px;}

.sub_roadmap03 .mid			{overflow:hidden; margin:10px 0;}
.sub_roadmap03 .mid dl		{float:left; width:calc(25.1% - 10px); margin-right:10px;}
.sub_roadmap03 .mid dl:last-child	{margin:0;}
.sub_roadmap03 .mid dl dt	{background:#edeff2; color:#00274e; padding:12px 0; margin-bottom:5px; border-radius:3px; letter-spacing:-1px; text-align:center; font-weight:600;}
.sub_roadmap03 .mid dl dd	{font-size:0.9em; border:1px solid #ddd; padding:10px; margin-bottom:5px; letter-spacing:-1px;min-height:145px;}
.sub_roadmap03 .mid dl dd p		{padding:1px 0 1px 10px;}

.sub_roadmap03 .btm			{text-align:center; background:linear-gradient(45deg, #037acd, #36a996); color:#fff; font-weight:500; font-size:1.05em; letter-spacing:-1px; border-radius:3px; padding:20px 10px;}


/* 2021 비전  ===================================================================================== */ 
.vision_wrap					{position:relative; letter-spacing:-1px;}
.vision_wrap .vision_list		{overflow:hidden; margin-bottom:15px; text-align:center;}
.vision_wrap .depth01			{float:left; width:11%; border:2px dotted #ddd;  font-weight:500; color:#333;}
.vision_wrap .depth02			{float:right; width:85%; overflow:hidden;}
.vision_wrap .v01 .t1			{background:linear-gradient(45deg, #037acd, #36a996); font-weight:500; font-size:1.2em; letter-spacing:-1.75px; border-radius:50px; padding:20px; color:#fff;}
.vision_wrap .v01 .depth01		{line-height:62px;}

.vision_wrap .v02 .depth01		{line-height:62px;}
.vision_wrap .v02 .depth02		{padding:18px; color:#0b57a3; border:2px solid #0b57a3; font-size:1.1em; font-weight:500; border-radius:50px;}

.vision_wrap .v03 .depth01		{line-height:52px;}
.vision_wrap .v03  ul			{position:relative; display: grid; grid-template-columns: repeat(4, 1fr); gap:0 15px;}
.vision_wrap .v03  ul li		{background:#0b57a3; font-weight:500; padding:15px; border-radius:50px; color:#fff;}

.vision_wrap .v04 .depth01		{line-height:52px;}
.vision_wrap .v04  ul			{position:relative; display: grid; grid-template-columns: repeat(3, 1fr); gap:0 15px;}
.vision_wrap .v04  ul li		{background:#4d5c71; font-weight:500; padding:15px; color:#fff;}

.vision_wrap .v05 .depth01		{line-height:220px;}
.vision_wrap .v05 .depth02		{position:relative; display: grid; grid-template-columns: repeat(3, 1fr); gap:0 15px;}
.vision_wrap .v05 ul			{background:#edeff2; padding:10px;}
.vision_wrap .v05 ul li			{padding:10px; color:#00274e; background:#fff; margin-bottom:7px; border-radius:5px; font-size:0.95em;}
.vision_wrap .v05 ul li:last-child	{margin:0;}


/* 2022 경영공시 (정은재/2022.04.11 추가)  ============================================================ */ 
.alio							{border:1px solid #d5d5d5;padding:40px 40px 40px 220px;background:url('../image/common/manage.png') no-repeat left 55px center;}
.alio_list						{border-top:2px solid #0e3964;overflow:hidden;}
.part							{border-right:1px solid #ddd;border-bottom:1px solid #ddd;width:33.3%;float:left;height:900px;}
.part:first-child				{border-left:1px solid #ddd;}
.part dt						{font-size: 1.1em;text-align:center;color:#003ba6;font-weight:500;padding:15px 10px;background:#f8f8f8;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.part dd						{padding:10px;}
.part li						{padding:3px 0 3px 20px;font-size:0.9em;}
.part .alio_in>li				{position:relative;}
.part .alio_in>li:before		{content:'';display:block;width:3px;height:3px;background:#003ba6;position:absolute;top: 14px;left: 11px;}
.part .alio_in ul li			{font-size:1em;position:relative;}
.part .alio_in ul li:before		{content:'';display:block;width:4px;height:1px;background:#333;position:absolute;top: 14px;left: 10px;}


/* 서브 디자인 관련  ===================================================================================== */ 
.sub_title_txt01			{font-size:1.8em; line-height:130%; margin-bottom:15px; color:#003ba6; letter-spacing:-3px;}
.sub_title_txt01 span		{font-weight:600;}
.sub_title_txt02			{margin-bottom:15px; font-weight:500;font-size:1.3em; line-height:140%; margin-bottom:30px; color:#333; letter-spacing:-2px;}
.sub_t_right				{color:#8bbf45; font-weight:500;}
.sub_t_right2				{color:#2da0db; font-weight:500;}
.sub_title_txt01 strong, .sub_title_txt02 strong	{font-weight:500;}
.sub_txtline				{font-weight:700; box-shadow:inset 0 -10px 0 #e2f1ff; padding:0 3px; color:#333;}

.int_list					{overflow:hidden; margin:5px 0;}
.int_list dt				{float: left; width: 150px;text-align: center; border: 2px solid #ddd;border-radius: 22px; height: 42px;  line-height: 39px;font-weight: 500; letter-spacing: -1.5px;}
.int_list dd				{ padding: 12px 0 0 170px;}

.sub_img					{text-align:center;}
.sub_imgbox					{display:none;}

.g2b_box					{position:relative; width:100%; padding-bottom:56.25%;}
.g2b_box iframe				{position:absolute; width:100%; height:100%;}


/* 기술소개  ===================================================================================== */ 
.sub_tech_top					{}
.sub_tech_top .tit01			{line-height:140%;}
.sub_tech_top .sub_title_txt01 span	{letter-spacing:-0.5px; margin-left:5px;}
.tech_tabmenu					{width:100%; height:52px; border-bottom:1px solid #003ba6; box-sizing:border-box; margin:30px 0;}
.tech_tabmenu li				{float:left; width:25%;  background:#f4f4f4; }
.tech_tabmenu li:last-child		{border-right:1px solid #ccc; }
.tech_tabmenu li a				{display:inline-block; font-weight:500; height:50px; line-height:50px; font-size:1em; width:100%; text-align:center; color:#999; border-top:1px solid #ccc; border-left:1px solid #ccc; }
.tech_tabmenu li a:hover		{color:#003ba6;}
.tech_tabmenu a.on				{height:52px; line-height:50px; background:#fff; color:#003ba6; border:1px solid #003ba6; border-bottom:1px solid #fff; }

.tech_cont_top					{position:relative; border:7px solid #e5e5e5; padding:30px; font-size:0.95em; text-align:justify; margin-bottom:30px;}
.tech_cont_top:after			{position: absolute; top: -7px;  left: -7px; width: 37px; height: 10px; background: #2757ab; content: '';}
.tech_cont_top:before			{position: absolute;  top: 0; left: -7px;  width: 10px;  height: 30px;  background: #2757ab;  content: '';}
.tech_cont_top2					{background:url('../image/sub/tour_acc02.png') no-repeat 40px center; background-size:85px; padding-left:150px;}
.tech_cont_top2	.sub_title_txt01	{font-weight:500;}

.tech_item_box					{border-top:1px solid #ddd; margin-top:30px;}
.tech_item_box li				{position:relative; overflow:hidden; padding:30px 0; border-bottom:1px solid #ddd;}
.tech_item_box .lt				{float:left; width:100px; margin-top:30px;}
.tech_item_box .rt				{padding-left:130px;}
.tech_item_box .tit				{font-weight:500;font-size:1.25em;color:#333; letter-spacing:-1px; margin-bottom:10px;}
.tech_item_box .item_list_wrap	{overflow:hidden;}
.tech_item_box .item_list		{float:left; margin:0 20px 0 0;}
.tech_item_box .item_list:last-child	{margin-right:0;}
.tech_item_box .item_tit		{text-align:center; margin-top:7px; font-size:0.9em; color:#777;}
.tech_item_box .item_photo		{overflow:hidden; text-align:center; }
.tech_item_box .item_photo .img	{display:inline-block; zoom:1; *display:inline;}
.tech_item_box .item_photo .img img	{width:100%;}
.tech_item_box .item_photo2		{text-align:left; margin-top:5px;}
.tech_item_box .sub_list01		{font-size:0.9em;}	
.tech_item_box .last .item_list	{width:49%; margin:0;}

.tech_item_box .hexagon {
	font-weight:600;
	text-align:center;
	width: 100px;
	height: 60px;
	line-height: 60px;
	background: #f3f3f3;
	position: relative;
    }
.tech_item_box .hexagon:before {
	content: "";
	position: absolute;
	top: -25px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 25px solid #f3f3f3;
    }
.tech_item_box .hexagon:after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 25px solid #f3f3f3;
    }

.tech_item_box .hexagon2 {
	font-weight:600;
	text-align:center;
	width: 100px;
	height: 60px;
	background: #f3f3f3;
	position: relative;
	padding-top:10px;
	line-height:120%;
    }
.tech_item_box .hexagon2:before {
	content: "";
	position: absolute;
	top: -25px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 25px solid #f3f3f3;
    }
.tech_item_box .hexagon2:after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 25px solid #f3f3f3;
    }


.tech_table						{position:relative; }
.tech_table ul					{overflow:hidden; margin-bottom:10px;}
.tech_table .wrap				{padding:10px 5px;}
.tech_table .part01 li			{float:left; width:calc(50% - 12px); margin-right:12px; text-align:center; background:#f3f3f3; }
.tech_table .part01 li:last-child	{float:right; margin:0;}
.tech_table .part02 li			{float:left; width:calc(25.2% - 12px); margin-right:12px; text-align:center;}
.tech_table .part02 li:last-child	{float:right; margin:0;}
.tech_table .part03 li			{float:left; width:calc(25.2% - 12px); margin-right:12px; font-size:0.85em;}
.tech_table .part03 li:last-child	{float:right; margin:0;}
.tech_table .part03 .wrap		{padding:10px; min-height:130px;}
.tech_table .part04				{background:#acc3d1; text-align:center; color:#fff; font-family: 'NotoKrM',sans-serif;}
.tech_table .part05 .wrap		{min-height:170px;}

.tech_table .color01			{background:#eff7ea;}
.tech_table .color02			{background:#e2f0d9;}
.tech_table .color03			{background:#edf6f8;}
.tech_table .color04			{background:#e1f2f6;}


/* 인사말  ===================================================================================== */ 
.int_top						{position:relative; }
.int_top .txt					{position:absolute; bottom:-25px; right:30px; width:200px; padding:30px 0; background:#08802d; color:#fff; text-align:center; font-size:1.05em; letter-spacing:-1px;}
.int_top .txt em				{font-style:normal; font-size:1.7em; line-height:35px; }
.int_top .txt02					{position:absolute; bottom:-25px; left:30px; width:200px; padding:30px 0; background:#08802d; color:#fff; text-align:center; font-size:1.05em; letter-spacing:-1px;}
.int_top .txt02 em				{font-style:normal; font-size:1.7em; line-height:35px; }
.int_txt						{text-align:justify; padding:30px 0 0 0; font-size:1em; }
.int_txt .tit_big				{font-size:1.8em; line-height:130%; margin-bottom:15px; color:#003ba6; letter-spacing:-3px;}
.int_txt .tit_big span			{font-weight:600;}
.int_txt .tit_small				{font-weight:500;font-size:1.4em; line-height:120%; margin-bottom:30px; color:#333; letter-spacing:-2px;}
.int_txt .txt					{font-sizE:1.05em; line-height:150%; color:#777;}


/* CI  ===================================================================================== */ 
.int_ci						{position:relative; background:url('../image/sub/symbol_bg.gif') repeat; border:1px solid #ddd; text-align:center; margin-bottom:30px;}
.int_ci .img img			{width: 60%; padding:100px 0;}

.ci_down_btn				{display:inline-block; background: url('../image/sub/acc_down.png') no-repeat 20px center #333; 
							background-size:15px; padding:10px 20px 10px 45px; }
.ci_down_btn a				{color:#fff; font-size:0.85em !important; display:block;}
.ci_down_btn:hover			{background-color:#000;}

.ci_colorchart				{overflow:hidden;}
.ci_colorchart li			{float:left; width:calc(25.2% - 10px); margin-right:10px; text-align:center; padding:10px 0; color:#fff; font-size:0.9em;}
.ci_colorchart li:last-child	{margin:0;}
.ci_colorchart .c01			{background:#2da0db;}
.ci_colorchart .c02			{background:#0d357a;}
.ci_colorchart .c03			{background:#8ec31f;}
.ci_colorchart .c04			{background:#006429;}


/* 찾아오시는길 ===================================================================================== */ 
.map_tabmenu					{overflow:hidden; margin-bottom:10px;}
.map_tabmenu li					{float:left; }
.map_tabmenu li a				{display:inline-block; zoom:1; *display:inline; line-height:36px; font-weight:500; background:#f7f7f7; color:#555; font-size:0.9em; padding:0 15px; border-radius:2px; margin:3px 5px;}
.map_tabmenu li a:hover			{background:#003ba6; color:#fff; }
.map_tabmenu li a.on 			{background:#003ba6; color:#fff; }

#map_canvas						{border:1px solid #ddd;}
.map_info						{overflow:hidden; padding:30px 25px; border-bottom:1px solid #ddd; display:flex; gap:0 40px;}
.map_info p						{font-weight:700; font-size:1.4em; color:#003ba6; letter-spacing:-2px;}
.map_info .list					{display:grid; gap:7px;}
.map_info dl					{display:flex; gap:0 20px;}
.map_info dl dt					{width:80px; font-weight:700;}
.map_traffic					{margin-top:40px; display:grid; gap:30px 0;}
.map_traffic li					{display:grid; grid-template-columns:120px auto;}
.map_traffic li>i				{background:#f0f0f0; color:#333; width:90px; height:90px; line-height:90px; border-radius:100%; text-align:center; font-size:30px;}
.map_traffic dl dt				{font-weight:700; font-size:1.2em; color:#014898; margin-bottom:15px; letter-spacing:-1px;}
.map_traffic h5					{color:#333;}
.map_traffic .busN				{background:#0C43B7; color:#fff; border-radius:3px; padding:2px 7px;}
.map_traffic .busN i			{margin-right:5px;}

.center_mapbox					{position:relative; box-shadow:0 0 15px 1px rgba(0,0,0,0.1);}
.center_mapbox>ul				{display:grid; gap:3px; background:rgb(0,0,0,0.55); position:absolute; left:0; bottom:0; z-index:1; padding:20px;}
.center_mapbox>ul li			{color:#fff; font-size:0.95em;}
.center_mapbox>ul em			{display:inline-block; font-style:normal; font-size:13px; margin-right:5px; background:#3274d9; color:#fff; width:23px; line-height:23px; border-radius:50px; text-align:center;}
.center_map						{overflow:hidden; margin-top:20px;}
.center_map	dl					{overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 0;}
.center_map	dl dt				{position:relative; font-weight:500; float:left; font-size:1.25em; color:#003ba6; letter-spacing:-1px; margin:0 40px;}
.center_map .cnt				{position:absolute; left:-35px; font-weight:500; font-size:13px; background:#003ba6; color:#fff; width:25px; height:25px; line-height:25px; border-radius:50px; text-align:center;}
.center_map	dl dt em			{display:block; font-style:normal; font-size:14px; color:#777; margin-top:5px; }
.center_map	dl dd				{float:left;}
.center_map	.part				{display:inline-block; font-weight:500; padding:3px 10px; margin:10px 0 7px 0; font-size:0.9em; background:#8cc227; color:#fff;}
.center_map	.part em			{font-weight:500; font-size:12px; font-style:normal; margin-right:5px; background:#fff; color:#8cc227; padding:0 6px; border-radius:10px; }

.mark_dls						{display:none;}


/* C투어 ===================================================================================== */ 
.tour_list					{overflow:hidden; margin:20px 0;}
.tour_list li				{position:relative; float:left; width:calc(34% - 50px); margin-right:50px; padding:50px 0; text-align:center; border:1px solid #e0e0e0; border-radius:2px;}
.tour_list li:after			{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-52px; z-index:1; width:50px; height:50px; background:url('../image/sub/vision_arr.png') no-repeat center 50%; }
.tour_list li:last-child	{margin:0;}
.tour_list li:last-child:after	{display:none;}
.tour_list .img img			{width:80px;}
.tour_list .tit				{font-weight:500; font-size:1.1em; margin:5px 0; letter-spacing:-1px;}
.tour_list em				{font-style:normal; color:#888;}

.tour_list02						{overflow:hidden; margin:20px 0;}
.tour_list02 li						{position:relative; float:left; width:calc(35% - 50px); margin-right:50px;  }
.tour_list02 li:after				{content:''; display:block; position:absolute; top:30%; right:-52px; z-index:1; width:50px; height:50px; background:url('../image/sub/vision_arr.png') no-repeat center 50%; }
.tour_list02 li:last-child			{margin:0;}
.tour_list02 li:last-child:after	{display:none;}
.tour_list02 dl						{border:1px solid #e0e0e0; padding:10px; margin-bottom:15px; text-align:center; min-height:265px;}
.tour_list02 dl	dt					{font-weight:500; margin:10px 0 0 0; letter-spacing:-1px;}
.tour_list02 dl	dd					{font-style:normal; color:#888; font-size:0.9em;}
.tour_list02 .img img				{width:100%;}

.sub_photo_list					{overflow:hidden; margin-top:20px;}
.sub_photo_list li				{float:left; width:49%; border:1px solid #e0e0e0;}
.sub_photo_list li:last-child	{margin:0; float:right;}
.sub_photo_list .img			{padding:2px;}


/* 연구소기업 ===================================================================================== */ 
.sub_process_li					{overflow:hidden;}
.sub_process_li div				{float:left; width:calc(33.9% - 20px); margin-right:20px; text-align:center;}
.sub_process_li div:nth-child(3)	{margin-right:0; float:right;}
.sub_process_li dl				{}
.sub_process_li .step01 dl, .sub_process_li .step02 dl, .sub_process_li .step03 dl	{min-height:220px;}
.sub_process_li dl dt			{font-weight:500; padding:10px 0; color:#fff; font-size:0.85em; }
.sub_process_li dl dd			{font-weight:500; background:#fff; margin-bottom:10px; padding:10px 0; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
.sub_process_li	.sub_list01		{text-align:left; font-size:0.9em;}
.sub_process_li dl .st01		{background:#9ed253;}
.sub_process_li dl .st02		{background:#86ce48;}
.sub_process_li dl .st03		{background:#6ac840;}
.sub_process_li dl .st04		{background:#47a91e;}
.sub_process_li dl .st05		{background:#34990b;}
.sub_process_li2				{overflow:hidden;}
.sub_process_li2 li				{float:left;width:33%;}
.sub_process_li2 .wrap			{padding:0 20px;}
.sub_process_li2 .img			{margin-bottom:10px;}
.sub_process_li3				{overflow:hidden;}
.sub_process_li3 .lt			{float:left; width:68%;}
.sub_process_li3 .rt			{float:right; }
.sub_process_btm				{overflow:hidden; margin:10px 0;}
.sub_process_btm dt				{float:left; font-weight:500; font-size:0.9em; color:#8cc63e; background:url('../image/common/icon01.gif') no-repeat 0 8px; padding:0 0 4px 10px; line-height:150%; }
.sub_process_btm dd				{padding:0 0 0 75px;}
.sub_process_btm_st03			{background:#f3f9e9; padding:5px 0;}


/* 윤리경영 ===================================================================================== */ 
#creed_popup					{position:absolute; top:150px; z-index:9999999; max-width:850px; width:100%; padding:30px 40px; border:5px solid #ddd; background:#f8f8f8;}
#creed_popup_close_btn			{position:absolute; top:10px; right:10px; z-index:9999999;}
.creed_top_right				{text-align:right; font-size:0.85em; color:#777; margin-bottom:20px; }
.creed_tit						{font-weight:600; color:#222; background:#f4f4f4; padding:10px; margin-bottom:12px; font-size:1.05em; text-align:center;}
.creed_cont						{font-size:0.9em; margin-bottom:20px;}
.creed_cont .tit				{font-weight:500; margin-bottom:5px; }
.creed_cont .indent				{text-indent: -1em; margin-left: 1em;}
.creed_cont .sub_cont02			{padding-left:15px;;}
.creed_cont figure				{text-align:center; border:1px solid #ddd; margin-bottom:20px;}
.creed_cont figure img			{width:100%;}
.creed_cont .gray_boxs p		{display:inline-block; margin-right:20px;}
#creed_popup .creed_tit			{background:#ededed;}

.ec02_wrap						{display:flex; justify-content:space-around; gap:1.5%; margin-bottom:40px;}
.ec02_wrap dl					{width:100%; border:1px solid #ddd;}
.ec02_wrap dl dt				{position:relative; background:#f8f8f8; color:#003ba6; padding:15px 20px;font-weight:700; font-size:1.1em; letter-spacing:-1px; border-bottom:1px solid #dfdfdf;}
.ec02_wrap dl dd				{padding:25px;}
.ec02_wrap .sng_form_btn		{position:absolute; right:15px; top:10px; background:#003ba6; min-width:75px; line-height:30px; font-size:14px;}
.ec02_wrap .sng_form_btn a		{color:#fff;}
.ec02_wrap .sng_form_btn:hover	{background:#333;}


@media screen and (max-width:580px) {
	#creed_popup				{top:50px; padding:10px 0px;}
}


/* PARTNERS ===================================================================================== */ 
.partner_list					{overflow:hidden; border-top:1px solid #ddd; }
.partner_list dl				{overflow:hidden; padding:30px 0 20px 0; border-bottom:1px solid #ddd;}
.partner_list dl dt				{float:left; width:20%; font-weight:500; text-indent:20px; font-size:1.25em; color:#003ba6;}
.partner_list dl dt p			{font-size:12px; color:#777; text-indent:20px; margin-top:2px;}
.partner_list dl dd				{float:right; width:80%;}
.partner_list dl dd	ul			{overflow:hidden;}
.partner_list dl dd	ul li		{float:left; width:calc(25% - 10px); margin-right:10px; margin-bottom:15px; }
.partner_list dl dd	ul li img	{border:1px solid #eaeaea;}
.partner_list dl dd	ul li:nth-child(4n)	{margin-right:0;}



@media screen and (max-width:1024px) {
	.sub_img img			{width:100%;}
	.sub_imgbox				{display:block;}
	.sub_tablebox			{display:none;}


	.sub_title_txt01					{font-size:1.5em; margin-bottom:7px;}
	.sub_title_txt02					{font-size:1.15em;}

	.int_list dl dt						{font-size:0.85em;}

	.int_txt .tit_big					{font-size:1.5em; margin-bottom:7px;}
	.int_txt .tit_small					{font-size:1.15em;}
	.int_txt .txt						{font-size:0.9em;}

	.tour_list li						{padding:3% 0;}
	.tour_list .tit						{font-size:0.9em; margin:5px 0 0 0;}
	.tour_list em						{font-size:0.8em;}
	.tour_list .img img					{width:50px;}
	.tour_list02 dl						{min-height:100%; padding:5px;}
	.tour_list02 dl dt					{font-size:0.9em; margin:5px 0 0 0;}
	.tour_list02 dl dd					{font-size:0.8em;}

	.sub_process_li dl dt				{padding:5px 0;}
	.sub_process_li dl dd				{padding:5px 0; font-size:0.9em;}
	.sub_process_li2 .img img		{width:100%;}
	.sub_process_li3 .rt				{float:none; width:100%; text-align:center; margin-bottom:10px;}
	.sub_process_li3 .rt img			{width:60%;}
	.sub_process_li3 .lt				{float:none; width:100%;}

	.sub_photo_list li					{width:49%; margin:0;}
	.sub_photo_list li:last-child		{float:right;}

	.map_info							{display:grid; gap:10px 0; padding:20px 10px;}
	.map_info p							{font-size:1.1em;}
	.map_info .list						{gap:2px;}
	.map_info dl						{font-size:0.85em;}
	.map_traffic						{gap:20px 0; margin-top:20px;}
	.map_traffic li						{grid-template-columns:80px auto;}
	.map_traffic li>i					{width:60px; height:60px; line-height:60px; font-size:23px;}
	.map_traffic dl dt					{font-size:1.1em; margin-bottom:10px;}
	.map_traffic h5						{font-size:1em; padding-bottom:7px;}
	.map_traffic .h20p					{height:10px;}

	.map_tabmenu li a					{font-size:0.85em; line-height:30px;}

	.tech_tabmenu						{height:44px;}
	.tech_tabmenu li a					{height:42px; line-height:42px; font-size:0.9em;}
	.tech_tabmenu a.on					{height:44px; line-height:42px;}
	.tech_item_box li					{padding:10px 0;}

	.center_map	dl						{padding:20px 0;}
	.center_map	dl dt					{font-size:1.1em;}
	.center_map	dl dt p					{font-size:12px; margin:0;}

	.partner_list dl					{padding:20px 0 10px 0;}
	.partner_list dl dt					{font-size:1.1em;}

	.complaint_box dl					{background-size:260px; padding:30px 20px; margin-bottom:20px;}
	.complaint_box dl dt				{font-size:1.2em; margin-bottom:10px;}
	.complaint_box .sub_list01 br		{display:none; }
	.complaint_box2 dl dd				{font-size:0.95em;}
	.complaint_box2 .sng_form_btn		{line-height:42px; width:140px; margin:15px auto; padding:0;}
	.complaint_box2 dl dd span			{display:block; position:relative; border-radius:5px;}
	.tech_cont_top2						{background-position:15px 10px; background-size:55px; padding:20px 20px 20px 80px;}

	.creed_cont figure img				{width:100%;}
	.creed_cont .gray_boxs p			{display:block; margin:0;}

	.vision_wrap .depth01				{font-size:0.95em;}
	.vision_wrap .depth02				{width:87%;}
	.vision_wrap .v01 .depth01,
	.vision_wrap .v02 .depth01,
	.vision_wrap .v03 .depth01,
	.vision_wrap .v04 .depth01			{line-height:46px;}
	.vision_wrap .vision_list			{margin-bottom:10px;}
	.vision_wrap .v01 .t1				{font-size:1.1em; padding:15px 10px;}
	.vision_wrap .v02 .depth02			{font-size:1em; padding:12px 10px;}
	.vision_wrap .v03 ul li,
	.vision_wrap .v04 ul li				{padding:12px 5px; font-size:0.95em;}

	.center_mapbox>ul					{background:#e8f0fb; position:relative; grid-template-columns:repeat(4, 1fr); padding:15px;}
	.center_mapbox>ul li				{color:#414141;}
}




@media screen and (max-width:785px) {
	.ci_colorchart li					{float:none; width:100%; font-size:0.8em;}
	
	.sub_process_li div					{float:none; width:100%; margin:0 0 10px 0;}
	.sub_process_li div:nth-child(3)	{float:none;}
	.sub_process_li .step01 dl, .sub_process_li .step02 dl, .sub_process_li .step03 dl	{min-height:100%;}

	.sub_process_li2 li					{float:none; width:100%;}
	.sub_process_li2 .wrap				{padding:10px 0;}
	.sub_process_li2 .img				{margin:0;}



	.tech_item_box .lt				{float:none; width:100%; margin:30px 0;}
	.tech_item_box .rt				{padding:0;}
	.tech_item_box .hexagon, .tech_item_box .hexagon2				{margin:0 auto;}

	.center_map	dl dt					{float:none; margin:0 0 10px 0;}
	.center_map	dl dd					{float:none;}
	.center_map .cnt					{display:inline-block; position:relative; left:0; margin-right:5px;}
	.center_map dl dt em				{display:inline-block; margin:0 0 0 7px;}
	.center_mapbox>ul					{grid-template-columns:repeat(2, 1fr);}

	.partner_list dl dt					{float:none; width:100%; margin:0 0 10px 0; text-indent:0;}
	.partner_list dl dt p				{display:inline-block; text-indent:0;}
	.partner_list dl dd					{float:none;  width:100%;}
	.partner_list dl dd	ul li, .partner_list dl dd	ul li:nth-child(4n) {width:calc(50% - 10px); margin-right:10px;}
	.partner_list dl dd	ul li:nth-child(2n)						{margin-right:0px;}

	.tour_list li						{width:calc(37% - 50px);}
	.tour_list li:after					{background-size:30px;}
	.tour_list02 li						{width:calc(55% - 50px);}
	.tour_list02 li:last-child			{float:right;}
	.tour_list02 li:after				{background-size:30px;}

	.int_txt							{padding:15px 0 0 0;}
	.int_top .txt							{float:right; position:relative; width:50%; top:10px; right:0; font-size:0.9em; text-align:right; background:#fff; padding:0; color:#414141;}
	.int_top .txt02							{float:left; position:relative; width:50%; top:10px; left:0; font-size:0.9em; text-align:left; background:#fff; padding:0; color:#414141;}
	.int_top .txt em, .int_top .txt02 em	{font-size:1.2em; font-weight:500; margin-left:5px;}

	.alio							{font-size:0.8em;padding: 20px 20px 20px 120px;background: url('../image/common/manage.png') no-repeat left 20px top 30px;background-size: 85px;}
	.part							{float:none;width:100%;height:auto;border-left:1px solid #ddd;}
	.alio .tit01					{line-height:1.4em;}

	.ec02_wrap						{display:grid; justify-content:unset;}
	.ec02_wrap dl dd				{min-height:auto; padding:20px;}

}


@media screen and (max-width:580px) {
	.sub_photo_list li					{float:none; width:100%;}
	.sub_photo_list li:last-child		{float:none; margin-top:10px;}
}