@charset utf-8;

html,body { width: 100%; }

header { height: 510px; }
header .header_top { background-color: #fff; border-bottom: 1px #e5e5e5 solid; }
header .header_top ul { color: #58595b; }

.nav_wrapper { background-color: #fff; }
.allmenu ul li > a { color: #000000; text-shadow: 0 0 0 #fff;}
.allmenu ul li.hover > a { background: #eee; color: #000; }
.allmenu ul ul { background: rgba(255,255,255,.9); }
.allmenu ul ul > li a { color: #000; }

header .sub_img { width: 100%; padding: 220px 0 0; color: #fff; text-align: center; background-size: cover; }
header .sub_img1 { background: #000 url(../image/sub/sub_img1.jpg) 50% 50% no-repeat; }
header .sub_img2 { background: #000 url(../image/sub/sub_img2.jpg) 50% 50% no-repeat; }
header .sub_img3 { background: #000 url(../image/sub/sub_img3.jpg) 50% 50% no-repeat; }
header .sub_img4 { background: #000 url(../image/sub/sub_img4.jpg) 50% 50% no-repeat; }
header .sub_img9 { background: #000 url(../image/sub/sub_img9.jpg) 50% 50% no-repeat; }
header .sub_img span { color: #939598; }
header .sub_img span b { color: #fff; }
header .sub_img h1 { color: #fff; font-family: S-CoreDream-3Light; font-size: 40px; margin: 25px 0 90px; }
header .sub_img h1 b { color: #fff; font-family: S-CoreDream-5Medium; }

header .sub_img .sub_menu { background-color: rgba(0,0,0,.75); height: 70px; line-height: 40px; text-align: center; }
header .sub_img .sub_menu a { color: #fff; padding: 15px 25px; display: inline-block; background: url(../image/sub/sub_menu_icon.gif) left 50% no-repeat; font-size: 19px; }
header .sub_img .sub_menu a:first-child { background: none; }

/*2022-03-24 홈페이지 수정
section { width: 100%; min-height: 500px; padding: 85px 0 150px; margin: 0 auto;  }*/
section { width: 100%; min-height: 500px; padding: 42px 0 150px; margin: 0 auto;  }
section .sub_title { text-align: center; }
section .sub_title span { font-size: 14px; color: #7f7f7f; }
section .sub_title h2 { border-bottom: 1px #e5e5e5 solid; font-family: S-CoreDream-5Medium; font-size: 35px; padding: 30px 0 70px; }

@media all and (max-width:1280px) /* 테블릿 세로 */ {

.spinner-master .spinner { background-color: #333; }
.allmenu ul { background-color: rgba(255,255,255,.9); }
.allmenu .dropdown { box-shadow: 0 0 3px #aaa; }
.allmenu > ul ul.active { background-color: #fff; }
.allmenu ul ul > li a { background-color: #fff; }

}

@media all and (max-width:1200px) /* 테블릿 세로 */ {

section { width: 100%;}

header { height: 450px; }
header .sub_img { padding-top: 210px; }
header .sub_img h1 { margin: 25px 0 40px; }
header .sub_img .sub_menu { background-color: transparent; }
header .sub_img .sub_menu a { display: none; }

section .sub_title span { font-size: 13px; color: #7f7f7f; }
section .sub_title h2 { font-size: 30px; }

section .sub41_list li { width: 24%; height: 50px; line-height: 50px; margin: 0 1.33% 10px 0; border: 1px #e5e5e5 solid; float: left; padding: 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url(../image/sub/sub41_libg.gif) left 50% no-repeat; }
section .sub41_list li:nth-child(4n) { margin-right: 0; }

}

@media all and (max-width:1024px) /* 테블릿 세로 */ {

}

@media all and (max-width:768px) /* 모바일 가로 */ {

header { height: 400px; }
header .sub_img { padding-top: 180px; }
header .sub_img span { display: none; }
header .sub_img h1 { margin: 0; line-height: 130%; }
header .sub_img h1 b { display: block; }

}

@media all and (max-width:480px) /* 모바일 세로 */ {

header { height: 350px; }
header .sub_img h1 { font-size: 30px; }

}

@media all and (max-width:360px) /* 모바일 세로 */ {

}





section .sub11_page { max-width: 1200px; margin: 0 auto;  padding-top: 50px; line-height: 160%; text-align: center; font-size: 1.5em; line-height: 200%; font-family: S-CoreDream-3Light; }
section .sub11_page p { margin-bottom: 20px; }
section .sub11_page .sub11_img { width: 100%; height: 300px; margin-top: 100px; background: url(../image/sub/sub11_img.jpg) 50% 50% no-repeat; background-size: cover; }

section .sub12_page { max-width: 1200px; margin: 0 auto; padding-top: 50px; }
section .sub12_page table { width: 100%; }
section .sub12_page td { vertical-align: middle; }
section .sub12_page .td_img { width: 550px; height: 400px; text-align: center; color: #fff; font-size: 30px; }
section .sub12_page .td_line { width: 100px; }
section .sub12_page .td_text { width: 550px; line-height: 20px; }
section .sub12_page .td_text span { display: none; }
section .sub12_page .td_text p { margin: 20px 0; color: #4d4d4f; }
section .sub12_page tr:nth-child(odd) .td_line { background: url(../image/sub/sub12_right.gif) 50% 50% no-repeat; }
section .sub12_page tr:nth-child(even) .td_line { background: url(../image/sub/sub12_left.gif) 50% 50% no-repeat; }
section .sub12_page tr:nth-child(odd) .td_text { text-align: left; }
section .sub12_page tr:nth-child(even) .td_text { text-align: right; }
section .sub12_page tr:nth-child(odd) .td_text p { background: url(../image/sub/sub12_icon.gif) 0 7px no-repeat; padding-left: 15px; }
section .sub12_page tr:nth-child(even) .td_text p { background: url(../image/sub/sub12_icon.gif) 100% 7px no-repeat; padding-right: 15px; }
section .sub12_page .sub12_2000 .td_img { background: url(../image/sub/sub12_2000.jpg) 100% 50% no-repeat; }
section .sub12_page .sub12_2005 .td_img { background: url(../image/sub/sub12_2005.jpg) 0% 50% no-repeat; }
section .sub12_page .sub12_2010 .td_img { background: url(../image/sub/sub12_2010.jpg) 100% 50% no-repeat; }
section .sub12_page .sub12_2015 .td_img { background: url(../image/sub/sub12_2015.jpg) 0% 50% no-repeat; }
section .sub12_page .sub12_2019 .td_img { background: url(../image/sub/sub12_2019.jpg) 100% 50% no-repeat; }
section .sub12_page .sub12_2020 .td_img { background: url(../image/sub/sub12_2020.jpg) 0% 50% no-repeat; }
section .sub12_page .sub12_2023 .td_img { background: url(../image/sub/sub12_2023.png) 50% 50% no-repeat; }

section .sub13_page { max-width: 1200px; margin: 0 auto; padding-top: 80px; }
section .sub13_page .sub13_text { background: url(../image/sub/sub13_0.png) 0 0 no-repeat; padding: 35px 0 0; margin: 20px 0 0 100px; line-height: 160%; font-size: 25px; color: #6f757c; font-weight: 100; position: absolute; }
section .sub13_page .sub13_text b { font-weight: 600; color: #004f9f; }
section .sub13_page .sub13_chart { margin-bottom: 50px; }
section .sub13_page .sub13_chart .sub13_1 { width: 130px; margin: 0 auto; }
section .sub13_page .sub13_chart .sub13_1 img { width: 130px; height: 130px; background-color: #004f9f; border-radius: 130px; }
section .sub13_page .sub13_chart .sub13_2 { width: 130px; margin: 0 auto; height: 185px; background: url(../image/sub/sub13_2.png) 50% 50% no-repeat; font-family: S-CoreDream-5Medium; color: #004f9f; text-align: center; font-size: 20px; padding-top: 75px; }
section .sub13_page .sub13_chart .sub13_3 { width: 812px; margin: 0 auto; border-top: 1px #dadada solid;}
section .sub13_page .sub13_chart .sub13_4 { width: 1010px; margin: 0 auto; overflow: hidden; }
section .sub13_page .sub13_chart .sub13_4 ul { margin: 0 auto; overflow: hidden; }
section .sub13_page .sub13_chart .sub13_4 li { float: left; width: 200px; background: url(../image/sub/sub13_4.png) 50% 0 no-repeat; text-align: center; margin-left: 70px; padding-top: 50px; }
section .sub13_page .sub13_chart .sub13_4 li:first-child { margin-left: 0; }
section .sub13_page .sub13_chart .sub13_4 li b { height: 60px; line-height: 55px; font-family: S-CoreDream-5Medium; color: #6e7e90; border: 1px #94a3b3 solid; background-color: #fff; margin-bottom: 10px; display: block; }
section .sub13_page .sub13_chart .sub13_4 li p:last-child { margin-bottom: 0; }
section .sub13_page .sub13_chart .sub13_4 li p { height: 50px; line-height: 50px; color: #6e7e90; border: 1px #dadada solid; background-color: #f1f2f2; margin-bottom: 10px; font-size: 15px; }
section .sub13_page .sub13_chart .sub13_4 li:last-child { width: 470px; background: url(../image/sub/sub13_4_last.png) 50% 0 no-repeat; padding-top: 40px; }
section .sub13_page .sub13_chart .sub13_4 li:last-child p { width: 200px; height: 50px; line-height: 50px; color: #6e7e90; border: 1px #dadada solid; background-color: #f1f2f2; margin: 0 auto 10px; font-size: 15px; }
section .sub13_page .sub13_table { background-color: #f5f5f5; padding: 50px 5%; overflow: hidden; }
section .sub13_page .sub13_table dl { width: 12%; margin: 0 0.25%; float: left; }
section .sub13_page .sub13_table dt { background-color: #7a7a7a; text-align: center; padding: 18px 0; font-size: 16px; font-family: S-CoreDream-5Medium; color: #fff; }
section .sub13_page .sub13_table dd{ background-color: #fff; text-align: center; padding: 16px 0; border: 1px #ccc solid; border-top: 0; color: #6f757c; }
section .sub13_page .sub13_table dl:first-child dt, section .sub13_page .sub13_table dl:last-child dt { background-color: #5a5a5a; }
section .sub13_page .sub13_table dl:first-child dd, section .sub13_page .sub13_table dl:last-child dd { background-color: #eee; }

section .sub14_page { max-width: 1200px; margin: 0 auto; padding-top: 80px; overflow: hidden; }
section .sub14_page dl { width: 20%; margin: 0 2.5% 50px; float: left; text-align: center; }
section .sub14_page dt { background-size: cover; margin-bottom: 15px; }
section .sub14_page dt img { width: 100%; }

section .sub15_page { max-width: 1200px; margin: 0 auto; padding-top: 80px; overflow: hidden; }
section .sub15_page dl { width: 100%; overflow: hidden; margin-bottom: 50px; display: table; }
section .sub15_page dt { width: 555px; float: left; text-align: center; height: 195px; padding-top: 42px; background: url(../image/sub/sub15_page_bg.gif) 0 0; border: 1px #e5e5e5 solid; }
section .sub15_page dd { width: 55%; height: 195px; display: table-cell; padding-left: 5%; line-height: 160%; vertical-align: middle; font-size: 1.1em; color: #666; }
section .sub15_page dd b { color: #004f9f; font-weight: 600; display: block; font-size: 1.2em; margin-bottom: 10px; }

section .sub16_page { max-width: 1200px; margin: 0 auto;}
section .sub16_img { border: 1px #dedede solid; border-top: 0; max-width: 1200px; width: 100%; height: 450px; background: 50% 50% no-repeat; margin-bottom: 40px; }
section .sub16_dlist { overflow: hidden; }
section .sub16_dlist dt { float: left; width: 20%; height: 45px; font-family: S-CoreDream-5Medium; font-size: 20px; }
section .sub16_dlist dt img { margin-left: 10px; }
section .sub16_dlist dd { float: left; width: 80%; height: 45px; font-size: 19px; color: #5e5e5e; }

section .sub_page	{text-align: center; padding-top: 100px;}
section .sub_page h6	{text-align: center; background-color: #000; color: #fff; font-family: S-CoreDream-5Medium; font-size: 30px; font-weight: normal; padding: 60px 0; width: 100%; max-width: 1054px; margin: 0 auto;}
section .sub_page .gray_back	{width: 100%; background-color: #eee;}

section .sub21 img,
section .sub22 img,
section .sub23 img,
section .sub24 img,
section .sub25 img,
section .sub26 img,
section .sub27 img	{width: 100%;}

section .sub21 dl	{max-width: 1050px; margin: 0 auto; width: 100%;}
section .sub21 dl font	{color: red;}
section .sub21 dt	{font-size: 25px; font-family: S-CoreDream-5Medium; margin-top: 50px; padding: 30px 30px 30px 80px; text-align: left;  background: #f2f2f2 url(../image/sub/sub21_4.jpg) 0% 50% no-repeat; line-height: 160%;}
section .sub21 dd	{padding-left: 80px; padding-right: 20px; text-align: left; margin-top: 30px; line-height: 160%; font-size: 20px; color: #6f757c;}

section .sub22	{}
section .sub22 img	{max-width: 1024px; margin-top: -10px;}
section .sub22 .sub22-1 h6	{background: url(../image/sub/sub22_bg1.jpg) 50% 50% no-repeat;}
section .sub22 .sub22-1		{padding-bottom: 100px;}
section .sub22 .sub22-2 h6	{background: url(../image/sub/sub22_bg2.jpg) 50% 50% no-repeat;}

section .sub23	{}

section .sub24 h6	{background: url(../image/sub/sub24_bg.jpg) 50% 50% no-repeat; margin-bottom: 50px;}
section .sub24 img	{padding: 30px 0; max-width: 881px; width: 90%; margin: 0 auto;}
section .sub24 .arrow_				{width: 72px; position: absolute; margin:  10px 0 0 -36px;}
section .sub24 .gray_back			{width: 100%; overflow: hidden;}
section .sub24 .gray_back div		{width: 100%; max-width: 1170px; margin: 0 auto; padding: 30px 0; overflow: hidden;}
section .sub24 .gray_back table	{width: 49%;}
section .sub24 .gray_back table:nth-child(1)	{float: left;}
section .sub24 .gray_back table:nth-child(2)	{float: right;}
section .sub24 .gray_back table th			{padding: 30px 10px 0px;}
section .sub24 .gray_back table th span	{display: block; font-family: S-CoreDream-3Light; padding: 30px 0; font-size: 25px; color: #fff;}
section .sub24 .gray_back table br			{display: none;}
section .sub24 table td 							{padding: 10px 5px; width: 33.333%;}
section .sub24 table .table_gray span 		{display: block;  background-color: #ddd; padding: 25px 0; font-size: 22px; font-weight: normal;}
section .sub24 table td:nth-child(1) 			{padding-left: 10px;}
section .sub24 table td:nth-child(3) 			{padding-right: 10px;}
section .sub24 table td li		{border: 1px #ddd solid; margin-top: -1px; padding: 20px 0 20px 15px; text-align: left; background-color: #fff; color: #6f757c;}

section .sub25 h6					{background: url(../image/sub/sub25_bg.jpg) 50% 50% no-repeat;}
section .sub25 table				{width: 100%; max-width: 1074px; margin: 30px auto 0;}
section .sub25 table th			{padding: 10px 10px 0px;}
section .sub25 table th span	{display: block; font-family: S-CoreDream-3Light; padding: 30px 0; font-size: 25px; color: #fff;}
section .sub25 table br			{display: none;}
section .sub25 table td 			{padding: 10px; width: 25%;}
section .sub25 table td dl		{}
section .sub25 table td dt		{float: left; width: 20%; margin-bottom: 10px; padding: 17px 0 15px; background-color: #a3a7ac; color: #fff;}
section .sub25 table td dd		{float: left; width: 80%; margin-bottom: 10px; padding: 16px 0 14px 15px; border: 1px #dfdfdf solid; text-align: left;}

section .sub26 	{}
section .sub26 .sub26-1 h6	{background: url(../image/sub/sub26_bg1.jpg) 50% 50% no-repeat;}
section .sub26 .sub26-1 img	{max-width: 1094px; margin: 0 auto 70px; padding: 50px 0 70px; border-bottom: 1px #ccc dashed;}
section .sub26 .sub26-2 h6	{background: url(../image/sub/sub26_bg2.jpg) 50% 50% no-repeat;}
section .sub26 .sub26-2 img	{padding: 30px 0; max-width: 881px; width: 90%; margin: 0 auto;}
section .sub26 .sub26-2 .arrow_				{width: 72px; position: absolute; margin:  10px 0 0 -36px;}
section .sub26 .sub26-2 .gray_back			{width: 100%; overflow: hidden;}
section .sub26 .sub26-2 .gray_back div		{width: 100%; max-width: 1170px; margin: 0 auto; padding: 30px 0; overflow: hidden;}
section .sub26 .sub26-2 .gray_back table	{width: 49%;}
section .sub26 .sub26-2 .gray_back table:nth-child(1)	{float: left;}
section .sub26 .sub26-2 .gray_back table:nth-child(2)	{float: right;}
section .sub26 .sub26-2 .gray_back table th			{padding: 30px 10px 0px;}
section .sub26 .sub26-2 .gray_back table th span	{display: block; font-family: S-CoreDream-3Light; padding: 30px 0; font-size: 25px; color: #fff;}
section .sub26 .sub26-2 .gray_back table br			{display: none;}
section .sub26 .sub26-2 table td 							{padding: 10px 5px; width: 33.333%;}
section .sub26 .sub26-2 table .table_gray span 		{display: block;  background-color: #ddd; padding: 25px 0; font-size: 22px; font-weight: normal;}
section .sub26 .sub26-2 table td:nth-child(1) 			{padding-left: 10px;}
section .sub26 .sub26-2 table td:nth-child(3) 			{padding-right: 10px;}
section .sub26 .sub26-2 table td li		{border: 1px #ddd solid; margin-top: -1px; padding: 20px 0 20px 15px; text-align: left; background-color: #fff; color: #6f757c;}

section .sub27	{width: 100%;}
section .sub27 h6	{background: url(../image/sub/sub27_bg.jpg) 50% 50% no-repeat;}
section .sub27 .gray_back		{padding-bottom: 50px; margin-bottom: -150px;}
section .sub27 table				{width: 100%; max-width: 1074px; margin: 30px auto 0; line-height: 130%;}
section .sub27 table th			{padding: 30px 10px 0px;}
section .sub27 table th span	{display: block; font-family: S-CoreDream-3Light; padding: 30px 0; font-size: 25px; color: #fff;}
section .sub27 table br			{display: none;}
section .sub27 table td 			{ padding: 10px 5px; width: 25%;}
section .sub27 table .table_gray span 			{display: block;  background-color: #ddd; padding: 25px 0; font-size: 22px; font-weight: normal;}
section .sub27 table td:nth-child(1) 			{padding-left: 10px;}
section .sub27 table td:nth-child(3) 			{padding-right: 10px;}
section .sub27 table td:nth-child(4) 			{padding: 10px;}
section .sub27 table td li		{border: 1px #ddd solid; margin-top: -1px; padding: 20px 0 20px 15px; text-align: left; background-color: #fff; color: #6f757c;}

section .sub_page3	{max-width: 1200px; margin: 0 auto;}
section .sub_page4	{max-width: 1200px; margin: 0 auto;}

section .sub41_img { width: 100%; height: 200px; padding: 55px 0; background-color: #000; color: #fff; text-align: center; margin-bottom: 10px; font-size: 25px; font-family: nanumsquare; line-height: 160%; background-size: cover; }
section .sub41_img1 { background: url(../image/sub/sub41_1bg.jpg) 50% 50% no-repeat; }
section .sub41_img2 { background: url(../image/sub/sub41_2bg.jpg) 50% 50% no-repeat; }
section .sub41_img3 { background: url(../image/sub/sub41_3bg.jpg) 50% 50% no-repeat; }
section .sub41_img4 { background: url(../image/sub/sub41_4bg.jpg) 50% 50% no-repeat; }
section .sub41_img5 { background: url(../image/sub/sub41_5bg.jpg) 50% 50% no-repeat; }
section .sub41_img6 { background: url(../image/sub/sub41_6bg.jpg) 50% 50% no-repeat; }
section .sub41_img img { display: block; margin: 0 auto 10px; }
section .sub41_list { overflow: hidden; margin-bottom: 100px; }
section .sub41_list li { width: 24%; height: 50px; line-height: 50px; margin: 0 1.33% 10px 0; border: 1px #e5e5e5 solid; float: left; padding: 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url(../image/sub/sub41_libg.gif) left 50% no-repeat; }
section .sub41_list li:nth-child(4n) { margin-right: 0; }

section .sub9_page { line-height: 160%; padding-top: 50px; }

@media all and (max-width:1280px) /* 테블릿 세로 */ {

}

@media all and (max-width:1200px) /* 테블릿 세로 */ {

section .sub11_page {width: 90%; margin: 0 auto; font-size: 1.3em; }

section .sub12_page {width: 90%; margin: 0 auto;}
section .sub12_page table { width: 900px; margin: 0 auto;}
section .sub12_page .td_img { width: 410px; height: 400px; text-align: center; color: #fff; font-size: 30px; }
section .sub12_page .td_line { width: 80px; }
section .sub12_page .td_text { width: 410px; line-height: 20px; }

section .sub13_page {width: 90%; margin: 0 auto;}
section .sub13_page .sub13_chart .sub13_3 { width: 720px; }
section .sub13_page .sub13_chart .sub13_4 { width: 900px; }
section .sub13_page .sub13_chart .sub13_4 li { width: 180px; margin-left: 60px; }
section .sub13_page .sub13_chart .sub13_4 li:last-child { width: 420px; }

section .sub14_page {width: 90%; margin: 0 auto;}
section .sub15_page {width: 90%; margin: 0 auto;}
section .sub16_page {width: 90%; margin: 0 auto;}

section .sub21	{width: 90%; margin: 0 auto;}

section .sub22	{width: 90%; margin: 0 auto;}
section .sub22 img	{width: 95%; margin: -10px auto 50px;}
section .sub22 .sub22-1		{padding-bottom: 50px;}

section .sub23 img		{width: 90%; margin: 0 auto;}

section .sub24 h6				{width: 90%; margin: 0 auto;}
section .sub24 .gray_back	{padding: 0 0 50px;}
section .sub24 .arrow_				{width: 50px; position: absolute; margin:  -5px 0 0 -25px;}
section .sub24 table .table_gray span	{font-size: 18px;}

section .sub25	{width: 90%; margin: 0 auto;}

section .sub26 .sub26-1 h6				{width: 90%; margin: 0 auto;}
section .sub26 .sub26-1 img			{width: 90%;}

section .sub26 .sub26-2 h6				{width: 90%; margin: 0 auto;}
section .sub26 .sub26-2 .gray_back	{padding: 0 0 50px;}
section .sub26 .sub26-2 .arrow_				{width: 50px; position: absolute; margin:  -5px 0 0 -25px;}
section .sub26 .sub26-2 table .table_gray span	{font-size: 18px;}

section .sub27 h6				{width: 90%; margin: 0 auto;}
section .sub27 .gray_back	{padding: 10px 5% 50px; margin-top: 50px;}
section .sub27 table .table_gray span	{font-size: 18px;}

section .sub_page3 {width: 90%; margin: 0 auto;}

section .sub_page4	{width: 90%; margin: 0 auto;}

section .sub41_list li { width: 49.5%; margin: 0 1% 10px 0; }
section .sub41_list li:nth-child(2n) { margin-right: 0; }

}

@media all and (max-width:1024px) /* 테블릿 세로 */ {

section .sub12_page table { width: 100%; }
section .sub12_page .td_img { width: 50%; font-size: 25px; }
section .sub12_page .td_line { display: none; }
section .sub12_page .td_text { width: 50%; }
section .sub12_page .td_text p { font-size: 15px; margin: 10px 0; }
section .sub12_page .td_text p br { display: none; }
section .sub12_page tr:nth-child(odd) .td_img { border-right: 50px #fff solid; }
section .sub12_page tr:nth-child(even) .td_img { border-left: 50px #fff solid; }

section .sub13_page .sub13_text { margin: 20px 0 0 20px; }

section .sub13_page .sub13_chart .sub13_3 { width: 533px; }
section .sub13_page .sub13_chart .sub13_4 { width: 690px; }
section .sub13_page .sub13_chart .sub13_4 li { width: 157.5px; margin-left: 20px; }
section .sub13_page .sub13_chart .sub13_4 li:last-child { width: 335px; }
section .sub13_page .sub13_table dl { width: 23%; margin: 0 1% 1.5%; float: left; }

section .sub15_page dt { width: 405px; }
section .sub15_page dd { width: 57%; font-size: 1em; }

section .sub22 .sub22-1		{padding-bottom: 30px;}

section .sub24 .gray_back div						{width: 90%; margin: 0 auto;}
section .sub24 .gray_back table th				{padding: 5px 5px 0;}
section .sub24 .gray_back table th span		{font-size: 20px; }
section .sub24 .gray_back table td 			{padding: 5px;}

section .sub25 table th			{padding: 5px 5px 0;}
section .sub25 table th span	{font-size: 20px; }
section .sub25 table td 			{padding: 5px;}
section .sub25 table td dt		{width: 100%; padding: 10px; margin-bottom: 0;}
section .sub25 table td dd		{width: 100%; padding: 15px 0; text-align: center; margin-bottom: 2px; font-size: 0.9em; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

section .sub26 .sub26-2 .gray_back div						{width: 90%; margin: 0 auto;}
section .sub26 .sub26-2 .gray_back table th				{padding: 5px 5px 0;}
section .sub26 .sub26-2 .gray_back table th span		{font-size: 20px; }
section .sub26 .sub26-2 .gray_back table td 			{padding: 5px;}

section .sub27 table th			{padding: 5px 5px 0;}
section .sub27 table th span	{font-size: 20px; }
section .sub27 table td 			{padding: 5px 5px 0;}
section .sub27 table td li			{width: 100%; font-size: 0.9em; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 15px;}

}

@media all and (max-width:768px) /* 모바일 가로 */ {

section .sub11_page { font-size: 1.1em; text-align: left; }
section .sub11_page br { display: none; }
section .sub11_page p { margin-bottom: 10px; }

section .sub12_page .td_img { display: none; }
section .sub12_page .td_text { width: 100%; padding-top: 150px; padding-bottom: 30px; }
section .sub12_page .td_text span { display: block; margin-top: -90px; padding-bottom: 70px; text-align: center; color: #fff; font-size: 20px; }
section .sub12_page .sub12_2000 .td_text { background: url(../image/sub/sub12_2000.jpg) 50% -130px no-repeat; background-size: 480px; }
section .sub12_page .sub12_2005 .td_text { background: url(../image/sub/sub12_2005.jpg) 50% -130px no-repeat; background-size: 480px; }
section .sub12_page .sub12_2010 .td_text { background: url(../image/sub/sub12_2010.jpg) 50% -130px no-repeat; background-size: 480px; }
section .sub12_page .sub12_2015 .td_text { background: url(../image/sub/sub12_2015.jpg) 50% -130px no-repeat; background-size: 480px; }
section .sub12_page .sub12_2019 .td_text { background: url(../image/sub/sub12_2019.jpg) 50% -130px no-repeat; background-size: 480px; }
section .sub12_page .sub12_2020 .td_text { background: url(../image/sub/sub12_2020.jpg) 50% -130px no-repeat; background-size: 480px; }

section .sub13_page { padding-top: 30px; }
section .sub13_page .sub13_text { padding: 35px 0 0; margin: 0 0 20px 10px; font-size: 20px; position: static; }
section .sub13_page .sub13_chart .sub13_3 { width: 202px;}
section .sub13_page .sub13_chart .sub13_4 { width: 380px; }
section .sub13_page .sub13_chart .sub13_4 ul { width: 380px; }
section .sub13_page .sub13_chart .sub13_4 li:nth-child(1), section .sub13_page .sub13_chart .sub13_4 li:nth-child(4) { float: left; }
section .sub13_page .sub13_chart .sub13_4 li:nth-child(2), section .sub13_page .sub13_chart .sub13_4 li:nth-child(3), section .sub13_page .sub13_chart .sub13_4 li:nth-child(5) { float: right; }
section .sub13_page .sub13_chart .sub13_4 li { width: 180px; margin-left: 5px; }
section .sub13_page .sub13_chart .sub13_4 li:last-child { width: 375px; }

section .sub14_page dl { width: 29.333%; margin: 0 2% 50px; }

section .sub15_page dt { width: 100%; float: none; margin-bottom: 20px;}
section .sub15_page dd { width: 100%; height: auto; display: block; padding-left: 5px; }

section .sub16_img { height: 350px; }
section .sub16_dlist dt { width: 100%; }
section .sub16_dlist dd { width: 100%; height: auto; line-height: 130%; margin-bottom: 40px; }

section .sub_page h6	{font-size: 25px;}

section .sub21 dt	{font-size: 18px; padding: 25px 30px 25px 75px}
section .sub21 dd	{font-size: 15px; padding-left: 20px;}

section .sub24 .gray_back table {width: 100%;}
section .sub24 .gray_back table:nth-child(2) {margin-bottom: 30px;}
section .sub24 .arrow_				{transform: rotate( 90deg ); margin-top: 480px;}

section .sub25 table th span	{font-size: 18px; }

section .sub26 .sub26-2 .gray_back table {width: 100%;}
section .sub26 .sub26-2 .gray_back table:nth-child(2) {margin-bottom: 30px;}
section .sub26 .sub26-2 .arrow_				{transform: rotate( 90deg ); margin-top: 420px;}

section .sub27 table td li		{padding: 10px; box-sizing: border-box;}

section .sub41_img { font-size: 20px; letter-spacing: -2px; }

}

@media all and (max-width:480px) /* 모바일 세로 */ {

section .sub11_page { font-size: 1.05em; }

section .sub13_page { padding-top: 30px; }
section .sub13_page .sub13_text { padding: 35px 0 0; margin: 0 0 20px 10px; font-size: 20px; position: static; }
section .sub13_page .sub13_chart .sub13_3 { width: 172px;}
section .sub13_page .sub13_chart .sub13_4 { width: 320px; }
section .sub13_page .sub13_chart .sub13_4 ul { width: 320px; }
section .sub13_page .sub13_chart .sub13_4 li:nth-child(1), section .sub13_page .sub13_chart .sub13_4 li:nth-child(4) { float: left; }
section .sub13_page .sub13_chart .sub13_4 li:nth-child(2), section .sub13_page .sub13_chart .sub13_4 li:nth-child(3), section .sub13_page .sub13_chart .sub13_4 li:nth-child(5) { float: right; }
section .sub13_page .sub13_chart .sub13_4 li { width: 150px; margin-left: 5px; }
section .sub13_page .sub13_table dl { width: 48%; margin: 0 1% 1.5%; float: left; }

section .sub14_page dl { width: 44%; margin: 0 3% 50px; }

section .sub15_page dt { height: auto; padding: 29px 0; }
section .sub15_page dt img { width: 80%; max-width: 310px; }
section .sub15_page dd br { display: none; }

section .sub16_img { height: 300px; }

section .sub25 table				{line-height: 130%;}
section .sub25 table br			{display: block;}
section .sub25 table td dd		{padding: 10px; box-sizing: border-box;}

section .sub41_list li { width: 100%; margin: 0 0 10px; }

}

@media all and (max-width:360px) /* 모바일 세로 */ {

}