@charset "utf-8";
@font-face{font-family:NanumGothic; src:url(webfont/NanumGothic.eot);}
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
* { font-family:"Nanum Gothic" !important; }
/* CSS Document */

/* PC용 */
/* 기본 CSS */

#wrap{
width:100%;
margin:0 auto;
} 

*{	
	margin:0;
	padding:0;}
	
.M01_banner {order:2;width:100%;height:153px;height:9.563rem;margin:0;padding:0;background:url(../IMG/T_M01_S01/IMG_M01_1920_banner.jpg) center center no-repeat;text-align:center;}
.M02_banner {order:2;width:100%;height:153px;height:9.563rem;margin:0;padding:0;background:url(../IMG/T_M02_S01/IMG_M02_1920_banner.jpg) center center no-repeat;text-align:center;}
.M03_banner {order:2;width:100%;height:153px;height:9.563rem;margin:0;padding:0;background:url(../IMG/T_M03_S01/IMG_M03_1920_banner.jpg) center center no-repeat;text-align:center;}
.M04_banner {order:2;width:100%;height:153px;height:9.563rem;margin:0;padding:0;background:url(../IMG/T_M04_S01/IMG_M04_1920_banner.jpg) center center no-repeat;text-align:center;}

.M01_banner_text {
	width:97%;
	max-width:990px;
	max-width:61.875rem;
	margin:0 auto;
	text-align:left;
	z-index:20;
	font-size:2.500em;
	font-size:2.500rem;
	font-family:NanumGothic;
	font-weight:bold;
	color:#ff5400;
	padding-top:80px;
	padding-top:5.000rem;
}

@media all and (max-width:480px) {
.M01_banner { background:url(../IMG/T_M01_S01/IMG_M01_480_banner.jpg) center center no-repeat;}
.M02_banner { background:url(../IMG/T_M02_S01/IMG_M02_480_banner.jpg) center center no-repeat;}
.M03_banner { background:url(../IMG/T_M03_S01/IMG_M03_480_banner.jpg) center center no-repeat;}
.M04_banner { background:url(../IMG/T_M04_S01/IMG_M04_480_banner.jpg) center center no-repeat;}
}
@media all and (max-width:990px) {
.M01_banner_text { padding-left:10px; padding-left:0.625rem;}
}

/********************************************************  M01 - banner  ******************************************/

.M01_sub_menu {
	order:3;
	width:100%;
	height:34px;
	height:2.125rem;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
}
.M01_sub_menu_size {	
	width:100%;
	max-width:990px;
	max-width:61.875rem;
	margin:0 auto;	
	height:34px;
	height:2.125rem;
	text-align:center;
}

/**************************************************   홈 버튼  ***********************************************************/
.M00_home, .M01_home, .M02_home {
	width:35px;
	height:33px;
	height:2.063rem;
	float:left;
	text-align:center;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	justify-content:space-between;
	margin:0;
	cursor:pointer;
	padding:0;
}
.M00_home img, .M01_home img, .M02_home img {
	padding:9px; padding:0.563rem;
}
/**************************************************   메뉴 네임 바  ***********************************************************/

.M00_menu {
	float:left;
	height:98%;
	text-align:center;
	padding-left:15px;
	padding-left:0.938rem;
	padding-right:15px;
	padding-right:0.938rem;
	font-size:0.875em;
	font-size:0.875rem; /*14px*/
	font-weight:bold;
	justify-content:space-between;
	margin:0;
	line-height:250%;
}
.M01_menu {
	float:left;
	width:100px;
	width:6.250rem;
	height:98%;
	text-align:center;
	padding-left:15px;
	padding-left:0.938rem;
	padding-right:15px;
	padding-right:0.938rem;
	font-size:0.875em;
	font-size:0.875rem; /*14px*/
	font-weight:bold;
	justify-content:space-between;
	margin:0;
	line-height:250%;
}
.M02_menu {
	float:left;
	width:100px;
	width:6.250rem;
	height:100%;
	text-align:center;
	padding-left:15px;
	padding-left:0.938rem;
	padding-right:15px;
	padding-right:0.938rem;
	font-size:0.875em;
	font-size:0.875rem; /*14px*/
	font-weight:bold;
	justify-content:space-between;
	margin:0;
	line-height:250%;
}
/**************************************************   select 메뉴 바  ***********************************************************/
.M01_menu_select {
	border:none; border-top:0px; border-bottom:0px; border-left:0px; border-right:0px; border-color:#ccc;
	width:150px; /*메뉴이름 길이에 따라 다름 150px or 180px */
	width:9.375rem;
	height:94%;
	font-size:0.875em;
	font-size:0.875rem;
	text-align:left;
	font-family:NanumGothic;
	float:left;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:7px 12px;
	padding:0.438rem 0.750rem; 
	justify-content:space-between;
	margin:0;
}

.M00_menu_select, .M02_menu_select {
	border:none;
	width:180px;
	width:11.250rem;
	height:95%;
	font-size:0.875em;
	font-size:0.875rem;
	text-align:left;
	font-family:NanumGothic;
	float:left;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:7px 12px;
	padding:0.438 0.750rem; 
	justify-content:space-between;
	margin:0;
}

.M03_menu_select {
	border:none;
	width:150px;
	width:9.375rem;
	height:95%;
	font-size:0.875em;
	font-size:0.875rem;
	text-align:left;
	font-family:NanumGothic;
	float:left;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:7px 12px;
	padding:0.438rem 0.750rem; 
	justify-content:space-between;
	margin:0;
}


@media all and (max-width:720px) {
.M01_sub_menu {
	order:3;
	width:100%;
	height:34px;
	height:2.125rem;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
}
.M01_sub_menu_size {	
	width:100%;
	max-width:990px;
	max-width:61.875rem;
	margin:0 auto;	
	height:34px;
	height:2.125rem;
	text-align:center;
}
.M01_home { height:33px; height:2.063rem;}	
.M01_menu {	width:100px; width:6.250rem; height:95%;}	
.M01_menu_select {width:130px;width:8.125rem;}
.M00_menu_select, .M01_menu_select, .M02_menu_select, .M03_menu_select, .M04_menu_select {
	height:95%;
}
.M02_menu {width:90px; width:5.625rem;}
.M02_menu_select {width:150px; width:9.375rem;}
.M00_menu_select { width:auto; padding-left:15px; padding-right:15px;}
}
/********************************************************  M01 - sub menu  ******************************************/

#M01_title {
	order:4;
	width:98%;
	max-width:990px; max-width:61.875rem;
	margin:0 auto;
	padding-bottom:40px;
	text-align:left;                   
}	
.M01_title p {
	width:25px;
	width:1.563rem;
	border-bottom:3px solid #000;
	padding-top:46px;
	padding-top:2.875rem;
	text-align:left;
}
.M01_title h1 {
	padding-top: 19px;
	padding-top:1.188rem;
	font-size:1.875em;
	font-size:1.875rem;
	text-align:left;	
}	
@media all and (max-width:990px) {.M01_title h1{padding-left:20px; padding-left:1.250rem;} .M01_title p {margin-left:20px !important;}}

.M00_S01_content {padding:0; margin:0;
	width:99%;
	max-width:990px;
	max-width:61.875rem;
	margin:0 auto;
	text-align:center;}
/********************************************************  M00 - 이메일무단수집거부  ******************************************/
.M00_S02_content {
	padding:0; margin:0;
	order:5;
	width:99%;
	max-width:990px;
	max-width:61.875rem;
	font-family:NanumGothic;
	margin:0 auto;
}

.M00_S02_content p.text {
	padding:0; margin:0;
	line-height:150%;
	margin-top:16px;
	margin-top:1.000rem;
	font-family:NanumGothic;
	width:100%;
	text-align:justify;
}

.M00_S02_content p.line {
	margin-top:80px;
	margin-top:5.000rem;
	margin-bottom:25px; /*60px-35px*/
	margin-bottom:1.563rem;
	border-bottom:1px solid #ccc;
	width:99%;
}
.M00_S02_content h3 {
	padding-top:35px;
	padding-top:2.188rem;
	font-size:1.125em;
	font-size:1.125rem;
	width:99%;
}
.M00_S02_content h3 img{padding-top:5px;}
@media all and (max-width:990px) {
.M00_S02_content p.text, .M00_S02_content h3 {padding-left:20px; padding-right:20px;}
}
/********************************************************  M00 - 사이트맵  ******************************************/
.M00_S03_content {
	padding:0; margin:0;
	text-align:center;
	order:5;
	width:99%;
	max-width:990px;
	max-width:61.875rem;
	font-family:NanumGothic;
	margin:0 auto;
}
@media all and (max-width:990px) {.M00_S03_content{padding-left:20px; padding-right:20px;}}
/********************************************************  M01 - title - 인사말  ******************************************/
	
	

.M01_S01_content {
	order:5;
	width:99%;
	max-width:990px;
	max-width:61.875rem;
	margin:0 auto;
}

.M01_S01_content_01 {
	order:1;
	width:33%;
	max-width:330px;
	max-width:20.625rem;
	text-align:center;
	vertical-align:top;
	margin-top:40px;
	margin-top:2.500rem;
	padding-left:20px;
	padding-left:1.250rem;
	padding-right:62px;
	padding-right:3.875rem;
	display:table-cell;
}


	
.M01_S01_content_02 {
	order:2;
	width:66%;
	max-width:660px;
	max-width:41.250rem;
	height:auto;
	padding-right:20px;
	padding-right:1.250rem;
	display:table-cell;
}


.M01_S01_content_02 strong{
	font-size:1.563em;
	font-size:1.563rem; /*25px*/
	color:#e18d64;
	line-height:135%;
	margin-bottom:39px;
	margin-bottom:2.438rem;
}

.M01_S01_content_02 p {
	font-size:0.938em;
	font-size:0.938rem;
	line-height:150%;
	color:#666666;
	word-break:break-all;
	overflow:auto;
}


@media all and (max-width:720px) {
	
.M01_S01_content {
	order:5;
	padding:0;
	margin:0;
	margin:0 auto;
	width:95%;
}


.M01_S01_content div {
	display:block;
	margin:0 auto;
}
	
.M01_S01_content_01 {
	order:1;
	width:95%;
	padding:0;
	margin:0;
	padding-bottom:50px;
}


.M01_S01_content_02 {
	order:2;
	padding:0;
	margin:0;
	width:98%;
}

}	

/********************************************************  M01 S02 - content (PC)  ******************************************/

.M01_S02_content {
	order:5;
	width:98%;
	max-width:990px;
	max-width:61.875rem;
	margin:0 auto;
	font-size:0.813em;
	font-size:0.813rem;
	color:#333;
}
.M01_S02_Image_1 {
	padding-bottom:12px;
	width:50%;
	max-width:250px;
	max-width:15.625rem;
	display:block;
	margin:0 auto;
}
.M01_S02_content_br {display:none;}
p.M01_S02_Image_cont {
	width:98%;
	max-width:990px;
	max-width:61.875rem;
	text-align:center;
	margin-bottom:55px;
	margin-bottom:3.438rem;
	color:#666666;
}


.M01_S02_div {
	margin:0 auto;
	width:99%;
	max-width:990px;
	max-width:61.875rem;
	padding-bottom:18px;
	padding-bottom:1.125rem;
	border-bottom:1px solid #e2e2e2;
	margin-bottom:36px;
	margin-bottom:2.250rem;
}
.M01_S02_div2 {	
	margin:0 auto;
	width:99%;
	max-width:990px;
	max-width:61.875rem;
	margin-bottom:36px;
	margin-bottom:2.250rem;
	padding-bottom:18px;
	padding-bottom:1.125rem;
	border-bottom:1px solid #e2e2e2;}
.M01_S02_div_title , .M01_S02_div_title2{
	width:99%;
	max-width:990px;
	max-width:61.875rem;
	border-bottom:2px solid #ef5910;
	padding:8px;	
	padding:0.500rem;
}
.M01_S02_div_title strong {font-size:22px; color:#696969;}
.M01_S02_div_title2 strong {font-size:22px; color:#333333;}
.M01_S02_div_content div {display:inline-block; margin-top:27px;}
.M01_S02_div_content div:first-child {width:119px; width:7.438rem; height:140px; height:8.750rem; vertical-align:top;}
.M01_S02_div_content div:first-child img {width:100%; height:100%; vertical-align:top;}
.M01_S02_div_content div:last-child {padding-left:14px; padding-left:0.875rem;}
.M01_S02_div_content div table thead tr th {padding-bottom:20px; padding-bottom:1.250rem; text-align:left;}
.M01_S02_div_content div table thead tr th strong {font-size:1.250rem; font-size:1.250em;color:#333;}
.M01_S02_div_content div table tbody tr td {padding-bottom:12px; padding-bottom:0.750rem;}
.M01_S02_div_content div table tbody tr td:first-child {width:47px; width:2.938rem;}
.M01_S02_div_content div table tbody tr td:last-child {
	padding-left:15px; padding-left:0.938rem; 
	background:url(../IMG/IMG_M03_S01_1920_B_bar.gif) top left no-repeat;
}

.M01_S02_div_content2 {display:inline-block; width:47%; max-width:440px; max-width:27.500rem;}
.M01_S02_div_content2 div {display:inline-block; margin-top:27px; margin-top:1.688rem;}
.M01_S02_div_content2 div:first-child {width:119px; width:7.438rem; height:140px; height:8.750rem; vertical-align:top;}
.M01_S02_div_content2 div:first-child img {width:100%; height:100%; vertical-align:top;}
.M01_S02_div_content2 div:last-child {padding-left:14px; padding-left:0.875rem;}
.M01_S02_div_content2 div:last-child table {width:180px; width:11.250rem;}

.M01_S02_div_content2 div table thead tr th {padding-bottom:20px; padding-bottom:1.250rem; text-align:left;}
.M01_S02_div_content2 div table thead tr th strong {font-size:1.250rem; font-size:1.250em;color:#333;}
.M01_S02_div_content2 div table tbody tr td {padding-bottom:12px; padding-bottom:0.750rem;}
.M01_S02_div_content2 div table tbody tr td:first-child {width:47px; width:2.938rem;}
.M01_S02_div_content2 div table tbody tr td:last-child {
	padding-left:15px; padding-left:0.938rem;
	background:url(../IMG/IMG_M03_S01_1920_B_bar.gif) top left no-repeat;
} 
@media all and (max-width:720px) {
.M01_S02_content {padding:0; margin:0; width:95%;}
.M01_S02_div_content2 {display:block; width:99%; max-width:700px; max-width:43.750rem;}	
}
@media all and (max-width:480px) {
.M01_S02_content_br {display:inherit;}
p.M01_S02_Image_cont {line-height:125%;}
.M01_S02_div_content2 div:last-child table {width:auto;}
}
/********************************************************  M01 S03 - content (PC)  ******************************************/

.M01_S03_content {
	padding:0; margin:0;
	order:5;
	width:99%;
	max-width:990px;
	max-width:61.875rem;
	font-family:NanumGothic;
	margin:0 auto;
}

.M01_S03_content p.text {
	line-height:150%;
	margin-top:16px;
	margin-top:1.000rem;
	padding-left:15px;
	padding-left:0.938rem;
	color:#666666;
	font-family:NanumGothic;
	width:96%;
	text-align:justify;
}

.M01_S03_content p.line {
	margin-top:80px;
	margin-top:5.000rem;
	margin-bottom:25px; /*60px-35px*/
	margin-bottom:1.563rem;
	border-bottom:1px solid #ccc;
	width:99%;
}

.M01_S03_content h2 {
	margin-bottom:40px;
	margin-bottom:2.500rem;
	font-size:1.375em;
	font-size:1.375rem;
}

.M01_S03_content h2 img{
	padding-top:3px;
	padding-top:0.188rem;
}

.M01_S03_Graph_1 {
	margin-bottom:5px; /*40px-35px*/
	margin-bottom:0.313rem;
	width:99%;
	margin:0 auto;
}
.M01_S03_Graph_1 thead tr td{
	height:37px;
	height:2.313rem;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	background:#ef5910;
	font-size:1.250em;
	font-size:1.250rem;
	width:99%;
	max-width:990px;
	max-width:61.875rem;
}
.M01_S03_Graph_1 tbody tr td{
	width:99%;
	border:1px solid #ccc;
	vertical-align:middle;
	text-align:center;
	padding:34px 0;
	padding:2.125rem 0; 
	max-width:990px;
	max-width:61.875rem;
}



.M01_S03_Graph_1_m {
	display:none;
}

/********************************************************  M01 S03 - content (Mobile)  ******************************************/
@media all and (max-width:989.9px) {.M01_S03_content { margin:0; padding:0; width:auto; padding:0 20px;} }

@media all and (max-width:720px) {	

.M01_S03_content p.text{width:93%;}
.M01_S03_Graph_1 {	display:none;}
.M01_S03_Graph_1_m {
	display:inherit;
	padding:0;
	margin:0 auto;
	margin-bottom:5px; /*40px-35px*/
	margin-bottom:0.313rem;
	width:98%;
}
.M01_S03_Graph_1_m thead tr td{
	height:37px;
	height:2.313rem;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	background:#ef5910;
	font-size:1.250rem;
	width:99%;
	width:990px;
	width:61.875rem;
}
.M01_S03_Graph_1_m tbody tr td{
	width:99%;
	border:1px solid #ccc;
	vertical-align:middle;
	text-align:center;
	padding : 35px 0;
	padding:2.188rem 0;
}
.M01_S03_Graph_1_m tbody img {	display:block;	margin:0 auto;}
.M01_S03_Graph_1_m tbody img:first-child {	padding-bottom:32px; padding-bottom:2.000rem;}
.M01_S03_Graph_1_m tbody img:last-child {	padding-top:30px; padding-top:1.875rem; padding-bottom:6px; padding-bottom:0.375rem; /*41px-35px = 6px*/}


}

/********************************************************  M01 S01 - content (PC)  ******************************************/


.M01_S03_content h3 {
	padding-top:35px;
	padding-top:2.188rem;
	font-size:1.125em;
	font-size:1.125rem;
	width:99%;
}

.M01_S03_content h3 img{
	padding-top:5px;
	padding-top:0.313rem;
}

.M01_S03_Graph_2 {
	width:99%;
	margin:0 auto;
	text-align:center;
	border:1px solid #ccc;
	border-radius:10px;
	margin-top:40px;
	margin-top:2.500rem;
	margin-bottom:5px; /*40px-35px*/
	margin-bottom:0.313rem;
}


.M01_S03_Graph_2 img {
	padding:50px 0;
	padding:3.125rem 0;
	vertical-align:middle;
}

@media all and (max-width:790px) {
.M01_S03_Graph_2 {
	border:none;
}
	
.M01_S03_Graph_2 img {
	display:block;
	margin:0 auto;
}
	
}


/********************************************************  M01 S03 - content  ******************************************/	
/********************************************************  M01 S03 - content  ******************************************/
/********************************************************  M01 S03 - content  ******************************************/
/********************************************************  M01 S03 - content  ******************************************/




.M01_S04_content {
	order:5;
	max-width:990px;
	max-width:61.875rem;
	width:100%;
	margin:0 auto;
}

.M01_S04_content p.line {
	margin-top:80px;
	margin-top:5.000rem;
	margin-bottom:60px;  /*60px-50px  > <h3>에서 margin 값으로 50px 들어감*/ 
	margin-bottom:3.750rem;
	border-bottom : 1px solid #ccc;
}


.M01_S04_content h3 {
	margin-bottom:40px;
	margin-bottom:2.500rem;
	font-size:1.125em;
	font-size:1.125rem;
}
.M01_S04_content h3 img{
	padding-top:5px;
	padding-top:0.313rem;
}

.M01_S04_Graph_1 {
	text-align:left;
	margin:0 auto;
}

.M01_S04_Graph_1_1 {
	background:url(../IMG/T_M01_S04/IMG_M01_S04_1920_8.png) left center no-repeat;
	background-color:#ff5400;
	font-size:1.375em;
	font-size:1.375rem; /*22px*/
	font-weight:bold;
	color:#fff;
	width:98%;
	height:66px;
	height:4.125rem;
	padding-right:20px;
	padding-right:1.250rem;
	padding-left:83px;
	padding-left:5.188rem;
	border:1px solid #ff5400;
	border-radius:100px;
	border-radius:6.250rem;
	line-height:130%;
	display:table-cell;
	vertical-align:middle;
	
}


@media all and (max-width:480.1px) {
.M01_S04_Graph_1_1 {
	font-size:1.063em;
	font-size:1.063rem; /*17px*/
	
}
}

.M01_S04_Graph_1_1 img {
	float:left;
	padding-right:20px;
	padding-left:1.250rem;
}

.M01_S04_Graph_1_2_01{
	margin-right:20px; margin-right:1.250rem;}

.table_set{ text-align:center; margin:0 auto; padding-top:20px; padding-top:1.250rem;}

.M01_S04_Graph_1_2_01, .M01_S04_Graph_1_2_02 {
	margin:0 auto;
	width:47%;
	max-width:490px;
	max-width:30.625rem;
	text-align:justify;
	border:1px solid #e2e2e2;
	border-radius:10px;
	border-radius:0.625rem;
	display:inline-block;
	min-height:400px;
	min-height:25.000rem;
	vertical-align:top;
}
.M01_S04_Graph_1_2_01{	margin-right:11px; margin-right:0.688rem;}

@media all and (max-width:480.1px) {
.M01_S04_Graph_1_2_01, .M01_S04_Graph_1_2_02 { width:100%; display:block;}
.M01_S04_Graph_1_2_01{margin-bottom:20px; margin-bottom:1.250rem;}
}

.M01_S04_Graph_1_2_01 table, .M01_S04_Graph_1_2_02 table{width:100%; max-width:490px; max-width:30.625rem;}
.M01_S04_Graph_1_2_01 table thead tr th, .M01_S04_Graph_1_2_02 table thead tr th{
	background-color:#666;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	width:100%;
	height:37px;
	height:2.313rem;
	vertical-align:middle;
	text-align:center;
	color:#fff;
}


.M01_S04_Graph_1_2_01 table tbody tr td, .M01_S04_Graph_1_2_02 table tbody tr td{
	font-size:1.000rem;/*16px*/
	padding:18px 10px;
	padding:1.125rem 0.625rem;
	line-height:22px;
	line-height:1.375rem;
	
}
/************************************* Graph 2 ********************************/

.M01_S04_Graph_2_m {
	display:none;
}

.M01_S04_Graph_2 img {
	width:100%;
	max-width:990px;
	max-width:61.875rem;
}

@media all and (max-width:699.9px) {
.M01_S04_Graph_2 {
	display:none;
}

.M01_S04_Graph_2_m {
	display:inherit;
	text-align:center;
}
.M01_S04_Graph_2_m img {
	margin-bottom:13px;
	margin-bottom:0.813rem;
	width:95%;
	max-width:699px;
	max-width:43.688em;
}

}
.M01_S04_Graph_2_m img:last-child {
	margin-bottom:13px;
	margin-bottom:0.813rem;
	width:50%;
	max-width:699px;
	max-width:43.688em;
}

}
.M01_S04_Graph_3 {
	width:98%;
	margin:0 auto;
}
.M01_S04_Graph_3 img {
	width:80%;
	max-width:750px;
	display:block;
	margin:0 auto;
}
@media all and (max-width:720px) {

.M01_S04_Graph_3 img {width:95%;max-width:750px; max-width:46.875em;}
.M01_S04_content p.line{
	margin-top:40px;
	margin-top:2.500rem;
	margin-bottom:30px;  /*60px-50px  > <h3>에서 margin 값으로 50px 들어감*/ 
	margin-bottom:1.875rem;
	border-bottom:1px solid #ccc;
}
}
@media all and (max-width:990px){.side {	margin:0 20px; margin:0 1.250rem;	width:auto;}}
	
/********************************************************  M01 S04 - content  ******************************************/

/***********************************************************  M02 - content  ******************************************/



.M02_S01_content {
	order:5;
	width:99%;
	max-width:990px;
	max-width:61.875rem;
	margin:0 auto;
}

.M02_S01_content p {
	line-height:150%;
	margin-left:20px;
	margin-left:1.250rem;
	color:#666666;
	font-family:NanumGothic;
}

.M02_S01_content p.line {
	width:100%;
	margin-top:80px;
	margin-top:5.000rem;
	margin-bottom:60px;
	margin:3.750rem;
	border-bottom : 1px solid #ccc;
}

.M02_S01_content h3 {
	font-size:1.125em;
	font-size:1.125rem;
	margin-bottom:25px;
	margin-bottom:1.563rem;
}

.M02_S01_content h3 img{
	padding-top:5px;
	padding-left:20px;
}


.M02_S01_top {
	width:95%;
	margin:0 auto;	
	vertical-align:middle;
	display:inline-table;
}

.M02_S01_Graph_1{
	order:1;
	width:50%;
	max-width:550px;
	max-width:34.375rem;
	display:table-cell;
	vertical-align:middle;
	padding:10px 25px;
	padding:0.625rem 1.563rem;
	border-right:1px solid #e2e2e2;
}
.M02_S01_Graph_1 img {
	width:99%;
	max-width:550px;
	max-width:34.375rem;
}
.M02_S01_Graph_2_div {
	padding-left:25px;
}

.M02_S01_Graph_2 {
	order:2;
	width:99%;
	max-width:423px;
	max-width:26.438rem;
	margin-left:25px;
	margin-left:1.563rem;
	display:table-cell;
	text-align:justify;
	border:1px solid #e2e2e2;
	border-radius:10px;
}

.M02_S01_Graph_2 thead tr th {
	height:37px;
	height:2.313rem;
	background:#ef5910;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	vertical-align:middle;
	text-align:center;
	
}
.M02_S01_Graph_2 thead tr th strong{color:#fff; font-size:1.250rem; /*20px*/}

.M02_S01_Graph_2 tbody tr td{
	vertical-align:top;
	padding:20px 10px;
	padding:1.250rem 0.625rem;
	width:99%;
	height:350px;
	height:21.875rem;
	text-align:left;
	font-size:0.875em; /*14px*/
	font-size:0.875rem;
	line-height:150%;
	background:#f8f8f8;
}
.M02_S01_Graph_2 tbody tr td strong { font-size:0.938em; font-size:0.938rem; line-height:200%;}

@media all and (max-width:680.1px) {
	
.M02_S01_Graph_1 {
	padding:0;
	margin:0;
	margin:0 auto;
	width:95%;
	max-width:470px;
	max-width:29.375rem;
	display:block;
	border-right:none;
}
.M02_S01_Graph_1 img {
	width:98%;
	max-width:700px;
}
.M02_S01_Graph_2 {
	width:95%;
	max-width:700px;
	max-width:43.750rem;
	margin:0 auto;
	margin-top:27px;
	margin-top:1.688rem;
	display:inherit;
	padding-left:0;
}
.M02_S01_Graph_2 tbody tr td{
	height:286px;
	height:17.875rem;
}
}


/************************************************* 교육과정 개요 ***********************/

.M02_S01_Graph_3_m {
	 display:none;
}
.M02_S01_Graph_3, .M02_S01_Graph_3_m {
	width:95%;
	max-width:950px;
	max-width:59.375rem;
	margin:0 auto;
	margin-top:30px;
}

.M02_S01_Graph_3 thead tr th, .M02_S01_Graph_3_m thead tr th {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background-color:#ef5910;
	height:39px;
	color:#fff;
	font-weight:600;
	font-size:1.250rem;
	text-align:center;
	vertical-align:middle;
}

.M02_S01_Graph_3 tbody tr td , .M02_S01_Graph_3_m tbody tr td {
	border:1px solid #e2e2e2;
	text-align:center;
	vertical-align:middle;
	line-height:130%;
	padding:5px;
}
.M02_S01_Graph_3 tbody tr:first-child td , .M02_S01_Graph_3_m tbody tr:first-child td {
	border:1px solid #fff;
	color:#fff;
	background-color:#757575;
	height:34px;
}


.common_track {
	width:45%;
	display:inline-block;
	border:1px solid #e2e2e2;
	border-radius:10px;
	background:#f8f8f8;
	margin:5px;
	margin:0.313rem;
	padding:3px;
	padding:0.188rem;
}
  
.nonsubject_track {
	width:90%;
	display:inline-block;
	border:1px solid #e2e2e2;
	border-radius:10px;
	background:#f8f8f8;
	margin:5px 0;
	margin:0.313rem 0;
	padding:3px;
	padding:0.188rem;
}
.nonsubject_track_2 {
	width:45%;
	display:inline-block;
	vertical-align:middle;
	border:1px solid #e2e2e2;
	border-radius:10px;
	background:#f8f8f8;
	margin:5px 0;
	margin:0.313rem 0;
	padding:3px;
	padding:0.188rem;
}
table.M02_S01_Graph_3 tbody tr:first-child td {height:34px;}
table.M02_S01_Graph_3 tbody tr:first-child td:last-child {background:#595959;}
td.M2S1G3_2_td_0 {border:none; border:0px; padding:10px 5px; vertical-align:top;}
td.M2S1G3_2_td_0 div { background:#f8f8f8; border:1px solid #e2e2e2; border-radius:10px; padding:5px 0; margin:10px 0; vertical-align:top;}
td.M2S1G3_2_td_1 {border:0px; border:none !important; border-bottom:1px solid #e2e2e2; padding:2px 6px;}
table.M02_S01_Graph_3 tbody tr:last-child td.M2S1G3_2_td_1 {border-bottom:1px solid #e2e2e2 !important;}
td.M2S1G3_2_td_1 div {background:#f8f8f8; border-radius:10px; padding:5px 0; border:1px solid #e2e2e2;}

@media all and (max-width:680.1px) {
.M02_S01_Graph_3_m {
	 display:inherit;
}
.M02_S01_Graph_3 {
	display:none;
}
}
/********************************************************  M02 S01 - content  ******************************************/

.M02_S02_content {
	padding:0;
	margin:0;
	order:5;
	width:98%;
	max-width:990px;
	max-width:61.875rem;
	margin:0 auto;
	text-align:justify;
}
.M02_S02_content p.line {
	margin-top:50px;
	margin-top:3.125rem;
	margin-bottom:50px;  /*60px-50px  > <h3>에서 margin 값으로 50px 들어감*/ 
	margin-bottom:3.125rem;
	border-bottom : 1px solid #e2e2e2;
}

.M02_S02_content h3 {
	font-size:1.125em;
	font-size:1.125rem;
	margin-bottom:25px;
}

.M02_S02_content h3 img{
	padding-top:5px;
}
.M02_S02_con_1, .M02_S02_con_2, .M02_S02_con_3, .M02_S02_con_4 {
	width:99%;
	max-width:990px; max-width:61.875rem;
	margin:0 auto;
	text-align:left;
	vertical-align:middle;
	display:inline-table;
}
.M02_S02_con_1 div, .M02_S02_con_2 div, .M02_S02_con_3 div, .M02_S02_con_4 div {display:table-cell; width:48%; vertical-align:middle;}
.M02_S02_Graph {vertical-align:middle;}
.M02_S02_Graph img {width:95%; vertical-align:middle;}
.M02_S02_text {border-left:1px solid #e2e2e2; vertical-align:top; padding-left:25px; padding-left:1.563rem;}
.M02_S02_text h5 {padding-bottom:3px; font-weight:bold; font-size:1.000em; font-size:1.000rem;}
.M02_S02_text h5 img {padding-right:8px;}
.M02_S02_text p { padding-left:22px; padding-left:1.375rem; padding-bottom:20px; padding-bottom:1.250rem; font-size:0.875em;font-size:0.875rem; line-height:150%; color:#666; text-align:justify;}

@media all and (max-width:480px) { .M02_S02_content {padding: 0 20px;}}
@media all and (max-width:720px) {
.M02_S02_content{width:99%; padding:0; margin:0; padding:0 20px}
.M02_S02_con_1, .M02_S02_con_2, .M02_S02_con_3, .M02_S02_con_4 {display:block;}
.M02_S02_con_1 div, .M02_S02_con_2 div, .M02_S02_con_3 div, .M02_S02_con_4 div {display:block;  width:98%;}
.M02_S02_Graph {vertical-align:middle; text-align:center;}
.M02_S02_Graph img {padding-bottom:30px; padding-bottom:1.875rem;}
.M02_S02_text {border-left:none; padding-left:0;}

}

/* =================================== 공통 CSS영역 ======================== */

ul.sequence_03 {margin-top:18px;}
ul.sequence_03>li { list-style:decimal; list-style-position:outside; font-size:0.813rem; color:#444; vertical-align:top; margin-left:30px; line-height:160%; text-align:justify; margin-bottom:5px;}
ul.sequence_03>li a {font-size:0.813rem; color:#444;text-align:justify; }
ul.sequence_03>li>span {padding-left:48px;font-size:0.813rem; color:#444; line-height:180%; text-align:justify;}
ul.sequence_03>li>strong {font-size:0.813rem; color:#444;}
@media all and (max-width:990px){
ul.sequence_03 {padding-left:20px; padding-right:20px;}
}