@charset "utf-8";

@media only screen and (max-width : 1023px) 
{
	#contents_main, #contents_main_back 
	{ 
		width:100%; margin: 0 auto; height:620px;
	}
	.contents_main_0
	{ 
		background-image: url(../../home/images/main_back_0.jpg); background-repeat: no-repeat; background-position:center 0%; 
	}
	.contents_main_1
	{ 
		background-image: url(../../home/images/main_back_2.jpg); background-repeat: no-repeat; background-position:center 0%; 
	}
	.contents_main_2
	{ 
		background-image: url(../../home/images/main_back_3.jpg); background-repeat: no-repeat; background-position:center 0%; 
	}
	.contents_main_3
	{ 
		background-image: url(../../home/images/main_back_4.jpg); background-repeat: no-repeat; background-position:center 0%; 
	}
	.contents_main_4
	{ 
		background-image: url(../../home/images/main_back_1.jpg); background-repeat: no-repeat; background-position:center 0%; 
	}
	#contents_main_table_left { height:620px; text-align:left; width:65%; Vertical-align:bottom; }
	#contents_main_table_left div { text-align:left;  margin-bottom:10px; }
	#contents_main_table_left table { width:284px; }
	#contents_main_table_left td { text-align:left; padding-left:2px; padding-bottom:2px; }
	#contents_main_table_left td img { width:140px; height:140px; }
	#contents_main_table_left_work { width:140px; height:140px; background:#1d3122; text-align:left; margin-left:2px; margin-bottom:2px; }

	#contents_main_table_right { text-align:right; width:35%; Vertical-align:middle; }
	#contents_main_table_right table { width:284px; }
	#contents_main_table_right td { padding-left:2px; padding-bottom:2px; }
	#contents_main_table_right td img { width:140px; height:140px; }

	#contents_main_table_left_work ul { padding:10px; color:#cce1cc; font-family:NanumGothic; font-size:11px; }
	#contents_main_table_left_work ul li { padding-bottom:7px; }
	#contents_main_table_left_work ul li a { letter-spacing: 0.1em; color:#cce1cc; font-family:NanumGothic; font-size:12px; }
	#contents_main_table_left_work ul li a:hover { color:#fcd318; }
}


@media  all and (min-width : 1024px) and (max-width : 1151px)
{
	#contents_main, #contents_main_back 
	{ 
		width:100%; margin: 0 auto; height:690px; 
	}
	.contents_main_0
	{ 
		background-image: url(../../home/images/main_back_0.jpg); background-repeat: no-repeat; background-position:center 0%; 
	}
	.contents_main_1
	{ 
		background-image: url(../../home/images/main_back_1.jpg); background-repeat: no-repeat; background-position:center 0%; 
	}
	.contents_main_2 
	{ 
		background-image: url(../../home/images/main_back_2.jpg); background-repeat: no-repeat; background-position:center 0%; 
	}
	.contents_main_3
	{ 
		background-image: url(../../home/images/main_back_3.jpg); background-repeat: no-repeat; background-position:center 0%; 
	}
	.contents_main_4 
	{ 
		background-image: url(../../home/images/main_back_4.jpg); background-repeat: no-repeat; background-position:center 0%; 
	}
	#contents_main_table_left { height:690px; text-align:left; width:65%; Vertical-align:bottom; }
	#contents_main_table_left div { text-align:left;  margin-bottom:20px; }
	#contents_main_table_left table { width:328px; }
	#contents_main_table_left td { text-align:left; padding-left:4px; padding-bottom:4px; }
	#contents_main_table_left td img { width:160px; height:160px; }
	#contents_main_table_left_work { width:160px; height:160px; background:#1d3122; text-align:left; margin-left:4px; margin-bottom:4px; }

	#contents_main_table_right { text-align:right; width:35%; Vertical-align:middle; }
	#contents_main_table_right table { width:328px; }
	#contents_main_table_right td { padding-left:4px; padding-bottom:4px; }
	#contents_main_table_right td img { width:160px; height:160px; }

	#contents_main_table_left_work ul { padding:20px; color:#cce1cc; font-family:NanumGothic; font-size:11px; }
	#contents_main_table_left_work ul li { padding-bottom:10px; }
	#contents_main_table_left_work ul li a { letter-spacing: 0.1em; color:#cce1cc; font-family:NanumGothic; font-size:13px; }
	#contents_main_table_left_work ul li a:hover { color:#fcd318; }

	#contents_main_table_left_work ul { padding:20px; color:#cce1cc; font-family:NanumGothic; font-size:11px; }
	#contents_main_table_left_work ul li { padding-bottom:10px; }
	#contents_main_table_left_work ul li a { letter-spacing: 0.1em; color:#cce1cc; font-family:NanumGothic; font-size:13px; }
	#contents_main_table_left_work ul li a:hover { color:#fcd318; }
}

@media  all and (min-width : 1152px)  
{
	#contents_main, #contents_main_back
	{ 
		width:100%; margin: 0 auto; height:750px; 
	}
	.contents_main_0
	{ 
		background-image: url(../../home/images/main_back_0.jpg); background-repeat: no-repeat; background-position:center 0%; 
	}
	.contents_main_1
	{ 
		background-image: url(../../home/images/main_back_1.jpg); background-repeat: no-repeat; background-position:center 0%; 
	}
	.contents_main_2
	{ 
		background-image: url(../../home/images/main_back_2.jpg); background-repeat: no-repeat; background-position:center 0%; 
	}
	.contents_main_3 
	{ 
		background-image: url(../../home/images/main_back_3.jpg); background-repeat: no-repeat; background-position:center 0%; 
	}
	.contents_main_4
	{ 
		background-image: url(../../home/images/main_back_4.jpg); background-repeat: no-repeat; background-position:center 0%; 
	}

	#contents_main_table_left { height:750px; text-align:left; width:65%; Vertical-align:bottom; }
	#contents_main_table_left div { text-align:left; margin-bottom:40px; }
	#contents_main_table_left table { width:328px; }
	#contents_main_table_left td { text-align:left; padding-left:4px; padding-bottom:4px; }
	#contents_main_table_left td img { width:160px; height:160px; }
	#contents_main_table_left_work { width:160px; height:160px; background:#1d3122; text-align:left; margin-left:4px; margin-bottom:4px; }

	#contents_main_table_right { text-align:right; width:35%; Vertical-align:middle; }
	#contents_main_table_right div { text-align:right; }
	#contents_main_table_right table { width:328px; text-align:right; }
	#contents_main_table_right td { text-align:right; padding-left:4px; padding-bottom:4px; }
	#contents_main_table_right td img { width:160px; height:160px; }

	#contents_main_table_left_work ul { padding:20px; color:#cce1cc; font-family:NanumGothic; font-size:11px; }
	#contents_main_table_left_work ul li { padding-bottom:10px; }
	#contents_main_table_left_work ul li a { letter-spacing: 0.1em; color:#cce1cc; font-family:NanumGothic; font-size:13px; }
	#contents_main_table_left_work ul li a:hover { color:#fcd318; }
}

.main_box2_class_1 { opacity: 0.5; }
.main_box2_class_2 { opacity: 0.8; }