@charset "utf-8"; 

h4							{position:relative; font-weight:700; font-size:1.5em; color:#111; letter-spacing:-1px; line-height:1.2; margin-bottom:20px; padding-left:23px;}
h4:before					{position:absolute; top:3px; left:0; content:''; width:8px; height:17px; background:#024387; transform:skewX(-27deg);}
h4:after					{position:absolute; top:9px; left:2px; content:''; width:8px; height:17px; background:#a71560; transform:skewX(-27deg);}
h4 span						{font-size:17px; color:#777; margin-left:10px;}
h5							{position:relative; font-weight:700; margin-bottom:15px; font-size:1.2em; color:#002759; padding-left:25px;} 
h5:before					{position:absolute; z-index:1; top:4px; left:0; content:''; width:18px; height:18px; border-radius:2px; background:#002759;}
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;}
h6							{font-weight:500; color:#222; font-size:1.05em; margin-bottom:7px;}
.sub_txtline				{font-weight:700; box-shadow:inset 0 -10px 0 #e2f1ff; padding:0 3px; color:#333;}

.sub_cont01					{padding-left:5px; text-align:justify;}  
.sub_cont02					{padding-left:10px; text-align:justify;}  
.sub_list01					{padding:3px 0 3px 12px;}
.sub_list01:after			{position:absolute; content:''; display:block; left:0; top:15px; width:4px; height:4px; border-radius:100%; background:#024387;}
.sub_list02:after			{position:absolute; content:''; display:block; left:0; top:13px; width:5px; height:1px; background:#222;}

.sub_table						{border-top:1px solid #333; border-collapse:collapse; width:100%; table-layout:fixed;} 
.sub_table thead th				{background:#F3F3F3; color:#333; font-weight:700; padding:15px 0; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; text-align:center;}
.sub_table thead th:last-child	{border-right:1px solid #fff;}
.sub_table tbody th				{color:#333; font-weight:500; line-height:150%; padding:17px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; text-align:center;}
.sub_table tbody th span		{display:block; font-size:15px; color:#777;}
.sub_table thead th[colspan]	{padding:10px 8px;}
.sub_table tbody td				{line-height:150%; padding:17px 10px; 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 td:last-child	{border-right:1px solid #fff;}
.sub_table tbody .stxt			{font-size:15px; letter-spacing:0; color:#777;}
.sub_table a:link				{color:#555;}

.map_box #map_canvas				{position:relative; width:100%; height:420px; border:1px solid #dfdfdf;}
.map_box ul							{display:flex; gap:0 30px; justify-content:center; padding:25px 20px; border-bottom:1px solid #ddd;}
.map_box strong						{font-family: 'paybooc-Bold';  color:#023894; margin-right:10px; }
.map_box i							{background:#023894; color:#fff; width:30px; line-height:30px; border-radius:20px 20px 0 20px; text-align:center; cursor:auto; margin-right:10px; font-size:0.85em;}
.mapoverlay							{position:relative;margin-left:10px; bottom:45px;border-radius:3px;padding:10px 12px;border:1px solid #333;background:#fff;text-align:center;}
.mapoverlay::after					{position:absolute;content:'';left:50%;bottom:-16px;width:16px;height:16px; /*background:url('../img/sub/map_localimg.png') no-repeat;*/}
.mapoverlay .title					{color:#000; font-size:15px;letter-spacing:-1px;font-weight:bold;}
.mapoverlay .title span				{font-weight:bold; color:#000;}
.mapoverlay .add					{display:none; color:#666; font-size:13px; letter-spacing:-0.5px; word-wrap:break-word;}


@media screen and (max-width:1024px) {
	h4								{font-size:1.2em; padding-left:15px; margin-bottom:15px; line-height:1.4;}
	h4:before, h4:after				{width:5px; height:12px;}
	h5								{font-size:1.05em; margin-bottom:10px; padding-left:23px;}
	h5:before						{top:4px; width:16px; height:16px;}
	h5:after						{padding:2px;}
	h6								{font-size:1em; margin-bottom:5px;}

	.sub_list01						{padding:2px 0 2px 10px;}
	.sub_list01:after				{top:11px;}
	.sub_table thead th, .sub_table thead th[colspan], .sub_table tbody th, .sub_table tbody td	{padding:10px;}

	.map_box #map_canvas			{height:320px;}
	.map_box ul						{padding:20px; text-align:left;}
	.map_box ul li					{display:block; margin:5px 0; font-size:0.95em;}
	.map_box i						{width:26px; line-height:26px; font-size:0.7em;}
}

@media screen and (max-width:768px) {
	.map_box strong					{display:block; margin:0 0 2px 0;}
}


/* subDesign    ================================================================================== */
.ABwrap							{display:grid; letter-spacing:-1px; margin-bottom:40px;}
.ABwrap .top					{font-family: 'paybooc-Bold';  font-size:1.45em; color:#333; text-align:center; margin-bottom:30px;}
.ABwrap .top p					{color:#023b93; font-size:20px; margin-bottom:10px;}
.ABwrap .top span				{font-size:16px; letter-spacing:0; margin-left:5px;}
.ABwrap>dl						{position:relative; display:grid; align-items:center; grid-template-columns:120px auto; gap:0 20px; border-bottom:1px dotted rgba(0,0,0,0.2); padding:30px 0; }
.ABwrap>dl>dt					{color:#023b93; display:grid; align-items:center; text-align:center; font-weight:700; line-height:1.3; font-size:1.05em;}
.ABwrap>dl>dd					{position:relative;}
.ABwrap .depth1					{padding:0; border:0;}
.ABwrap .depth1 dt, .ABwrap .depth2 dt	{background:#023b93; color:#fff; height:100%; border-radius:2px 2px 20px 2px;}
.ABwrap .depth1 dd				{text-align:center; font-size:1.3em; color:#023b93; font-weight:700; padding:17px 0; border:1px solid #023b93; border-radius:20px 2px 2px 2px;}
.ABwrap .depth2					{padding:10px 0 15px 0;}
.ABwrap .depth2 dd				{background:#f3f3f3; text-align:center; font-size:1.2em; color:#333; font-weight:500; padding:18px 0; border-radius:20px 2px 2px 2px;}
.ABwrap .depth3					{padding:20px 0;}
.ABwrap .depth3 ul				{display:flex; justify-content:space-around;}
.ABwrap .depth3 ul li			{width:100%; background:rgb(0 91 172 / 10%); text-align:center; border-radius:50px; font-size:1.1em; font-weight:700; color:#333; padding:20px; margin:0 -10px;}
.ABwrap .depth3 ul li:last-child	{background:rgb(235 106 172 / 20%);}
.ABwrap .depth3 ul li i			{margin-right:10px; font-size:23px; color:#005bac;}
.ABwrap .depth3 ul li:last-child i	{color:#a71560;}
.ABwrap .depth4 dd				{display:grid; gap:3px 0; color:#414141; font-size:1.05em;}
.ABwrap .depth4 dd em			{width:28px; height:28px; font-size:15px; background:#023b93; color:#fff; display:inline-block; text-align:center; font-style:normal; border-radius:20px 20px 0 20px; margin-right:12px;}
.ABwrap .depth5>dd				{display:grid; grid-template-columns:repeat(2, 1fr); gap:10px;}
.ABwrap .depth5>dd>dl			{position:relative; padding:20px 40px; border:5px solid #edecec; border-radius:20px;}
.ABwrap .depth5>dd>dl dt		{color:#333; font-weight:700; font-size:1.1em; margin-bottom:5px;}
.ABwrap .depth5 .arrow			{position:absolute; right:-25px; top:35%; background:#d2e3f5; color:#023b93; width:32px; line-height:32px; border-radius:100%; text-align:center; font-size:0.85em; z-index:1;}
.ABwrap .depth5>dd>dl:nth-child(3) .arrow, .ABwrap .depth5>dd>dl:nth-child(4) .arrow	{right:auto; left:50%; transform:translateY(-50%); top:-10px;}
.ABwrap .depth5 .Arrow			{background:rgb(41,110,175,.9); color:#fff; font-size:1.6em; width:75px; line-height:75px; text-align:center; position:absolute; top:50%;left:50%; transform:translate(-50%, -50%); border-radius:100%;}
.ABwrap .depth6					{background:#f8fcff; padding-right:20px;}
.ABwrap .depth6>dd				{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
.ABwrap .depth6>dd>dl			{border:3px solid #369ad6; border-radius:10px; background:#fff; overflow:hidden;}
.ABwrap .depth6>dd>dl dt		{text-align:center; font-weight:700; font-size:1.1em; background:#369ad6; color:#fff; height:52px; display:grid; align-items:center; line-height:1.2;}
.ABwrap .depth6>dd>dl dt span	{display:block; font-size:16px; margin-top:-5px;}
.ABwrap .depth6>dd>dl dd		{padding:15px 20px;}
.AB01wrap						{display:grid; gap:10px 0;}
.AB01wrap>dl					{position:relative; text-align:center;}
.AB01wrap>dl>dt					{font-weight:700; font-size:1.2em; margin-bottom:10px;}
.AB01wrap .depth1				{padding:40px; width:85%; margin:0 auto 60px auto;}
.AB01wrap .depth1:after, .AB01wrap .depth1:before	{position:absolute; content:''; display:block; border:12px solid #eee; height:90%; width:30px; top: 0;}
.AB01wrap .depth1:before		{left:0; border-right:none; }
.AB01wrap .depth1:after			{right:0; border-left:none; }
.AB01wrap .depth1 dt			{color:#023b93;}
.AB01wrap .depth1 dd			{font-weight:700; font-size:1.5em; color:#222; letter-spacing:-1px;}
.AB01wrap .depth2				{font-size:1.1em; display:grid; align-items:center; grid-template-columns:150px auto; background:#f7f7f7; border-radius:50px;}
.AB01wrap .depth2	dt			{font-size:18px; font-weight:500; height:100%; display:grid; align-items:center; background:#003494; color:#fff; border-radius:50px; margin:0;}
.AB01wrap .depth2	dd			{color:#333; font-weight:700; padding:18px;}
.AB01wrap .depth2:before		{content:''; position:absolute; display:block; top:-70px; left:0; right:0; bottom:0; margin:0 auto; width:0; height:0; border-bottom:30px solid #d2e3f5; border-lefT:65px solid transparent; border-right:65px solid transparent;}
.AB01wrap .depth2:after			{content:''; position:absolute; display:block; top:-40px; left:0; right:0; bottom:0; margin:0 auto; width:80px; height:25px; background:linear-gradient(to top,#fff,#d2e3f5);}
.AB01wrap .depth3:after, .AB01wrap .depth3:before	{display:none;}

.ACwrap							{position:relative; display:grid; gap:15px 0; text-align:Center; width:90%; margin:0 auto 40px auto; letter-spacing:-1px;}
.ACwrap:after					{content:''; display:block; width:1px; height:50%; background:#ddd; position:absolute; top:0;left:0;right:0; margin:auto;}
.ACwrap	.depth1					{position:relative; background:#023b93; color:#fff; width:160px; height:160px; display:grid; align-items:center; font-size:1.4em; border-radius:100%; font-weight:700; margin:0 auto; text-align:center; z-index:1; border:12px solid #6789be;}
.ACwrap	.depth2					{width:85%; margin:30px auto 50px auto; display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; position:relative; z-index:1;}
.ACwrap	.depth2:after			{content:''; display:block; width:50%; height:1px; background:#ddd; position:absolute; right:0; top:50%;}
.ACwrap	.depth2	li				{position:relative; height:66px; background:#fff; border:1px solid #023b93; color:#023b93; font-size:1.05em; font-weight:500; display:grid; align-items:Center; line-height:1.3; border-radius:20px 2px 2px 2px; z-index:1;}
.ACwrap	.depth2	li:first-child	{border:0;}
.ACwrap	.depth3					{display:grid; grid-template-columns:repeat(3, 1fr); gap:15px; position:relative; z-index:1;}
.ACwrap	.depth3 dl				{position:relative; background:#fff; border-radius:5px; border:7px solid #dfecf4; border-top:0;}
.ACwrap	.depth3 dl dt			{background:#dfecf4; color:#023b93; padding:13px 0; font-weight:500; }
.ACwrap	.depth3 dl dd			{text-align:left; padding:10px 20px; }
.ACwrap	.depth3 dl:last-child		{border-color:#fbe1ee;}
.ACwrap	.depth3 dl:last-child dt	{background:#fbe1ee; color:#a71560;}
.ACwrap	.depth3 dl:first-child:before	{content:''; width:1px; height:35px; background:#ddd; position:absolute; right:-50%; top:-65px;}
.ACwrap	.depth3 dl:first-child:after	{content:''; width:100%; height:30px; border-top:1px solid #ddd; border-left:1px solid #ddd; position:absolute; right:-50%; top:-30px; z-index:-1;}
.ACwrap	.depth3 dl:last-child:before	{content:''; width:1px; height:35px; background:#ddd; position:absolute; left:-50%; top:-65px;}
.ACwrap	.depth3 dl:last-child:after		{content:''; width:100%; height:30px; border-top:1px solid #ddd; border-right:1px solid #ddd; position:absolute; left:-50%; top:-30px; z-index:-1;}
.ACwrap	.depth4					{display:grid; grid-template-columns:50% auto auto; gap:10px; position:relative; z-index:1;}
.ACwrap	.depth4 dl				{position:relative; border:3px solid #edecec; padding:10px 10px 20px 10px; border-radius:10px;}
.ACwrap	.depth4 dl dt			{position:absolute; bottom:-15px; left:50%; transform:translateX(-50%); font-weight:500; color:#023b93; background:#fff; padding:0 15px;}
.ACwrap	.depth4 dl dd			{display:grid; gap:5px;}
.ACwrap	.depth4 dl:first-child dd	{grid-template-columns:repeat(2, 1fr);}
.ACwrap	.depth4 dl:last-child dt	{color:#a71560; width:calc(100% - 60px);}
.ACwrap	.depth4 p				{background:#f7f7f7; color:#333; padding:13px 0; border-radius:3px;}
.ACwrap	.depth5					{background:#6f6f78; color:#fff; font-size:1.2em; font-weight:700; padding:15px; text-align:center; border-radius:0 0 20px 20px; margin-top:15px;}


@media screen and (max-width:1024px) {
	.ABwrap .top				{font-size:1.25em; margin-bottom:20px;}
	.ABwrap .top p				{font-size:15px; margin-bottom:5px;}
	.ABwrap>dl					{grid-template-columns:80px auto; gap:0 10px; padding:15px 0;}
	.ABwrap>dl>dt				{font-size:500; font-size:0.95em;}
	.ABwrap .depth1 dd, .ABwrap .depth2 dd	{font-size:1.1em; padding:10px;}
	.ABwrap .depth2, .ABwrap .depth3	{padding:10px 0;}
	.ABwrap .depth3 ul li		{font-size:1em; padding:12px;}
	.ABwrap .depth4 dd			{font-size:1em;}
	.ABwrap .depth4 dd em		{width:23px; height:23px; font-size:13px; margin-right:8px;}
	.ABwrap .depth5>dd			{gap:5px;}
	.ABwrap .depth5>dd>dl		{padding:15px 25px;}
	.ABwrap .depth5>dd>dl dt	{font-size:1em;}
	.ABwrap .depth5>dd>dl dd	{font-size:0.95em;}
	.ABwrap .depth5 .arrow		{width:28px; line-height:28px;}
	.ABwrap .depth5 .Arrow		{font-size:1.4em; width:60px; line-height:60px;}
	.ABwrap .depth6>dd>dl dt	{font-size:1em; height:46px;}
	.ABwrap .depth6>dd			{gap:10px;}
	.ABwrap .depth6>dd>dl dt span	{font-size:14px;}
	.ABwrap .depth6>dd>dl dd		{padding:10px 20px; font-size:0.95em;}
	.AB01wrap					{gap:5px 0;}
	.AB01wrap .depth1			{width:90%; padding:20px; margin-bottom:40px;}
	.AB01wrap>dl>dt				{font-size:1.1em;}
	.AB01wrap .depth1 dd		{font-size:1.2em;}
	.AB01wrap .depth1:after, .AB01wrap .depth1:before	{border-width:10px;}
	.AB01wrap .depth2			{grid-template-columns:100px auto; font-size:1em;}
	.AB01wrap .depth2 dt		{font-size:16px;}
	.AB01wrap .depth2 dd		{font-weight:500; padding:10px;}
	.AB01wrap .depth2:before	{top:-60px;}
	.AB01wrap .depth2:after		{top:-30px;}

	.ACwrap						{width:100%; gap:10px 0;}
	.ACwrap .depth1				{width:120px; height:120px; font-size:1.2em; border-width:7px;}
	.ACwrap .depth2				{margin:20px auto 30px auto; width:100%; gap:20px;}
	.ACwrap .depth2 li			{height:52px; padding:5px;}
	.ACwrap .depth2 li br		{display:none;}
	.ACwrap .depth3				{gap:10px;}
	.ACwrap .depth3 dl dt		{padding:10px;}
	.ACwrap .depth3 dl dd		{font-size:0.95em; padding:5px 15px;}
	.ACwrap .depth3 dl:first-child:after, .ACwrap .depth3 dl:last-child:after	{top:-20px;}
	.ACwrap .depth3 dl:first-child:before, .ACwrap .depth3 dl:last-child:before	{height:20px; top:-40px;}
	.ACwrap .depth4 dl			{padding:5px 5px 15px 5px;}
	.ACwrap .depth4 dl dt		{width:80%; padding:0; bottom:-10px;}
	.ACwrap .depth4 p			{padding:10px;}
	.ACwrap .depth5				{font-size:1.1em; padding:10px;}
}

@media screen and (max-width:768px) {

}