.contents {
	padding: 0;
	box-shadow: insert 3px 4px 5px #000;	
}
.contents:after {
	content: "";
	clear: both;
	display: block;
}

.slider-area {
	position: relative;
	margin: 0 auto;
	background: #000;
}

#main-slider-area {
	margin-bottom: 40px;
	border: 0px solid red;
}
.slider-area.main-visual-pc {
	display: none;
}


.slider-area  #main-slider-area a {
	display: block;		
}

.slider-area  #main-slider-area .main-visual-mobile a {
	display: block;
	width: 100%;
}

.slider-area  #main-slider-area .main-visual-mobile {
	display: block;
	width: 100%;
}


.slider-area #main-slider-area .customNavigation {
	position: relative;
	z-index: 100;
	width: 100%;
	border: 0px solid red;
}

.slider-area #main-slider-area .owl-buttons .owl-prev {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 35px;
	height: 35px;
	margin-top: -12px;
	z-index: 100;
	text-indent: -5000em;
	background: url(../eng_make_img/main/btn_preview.png) no-repeat 0 0;
	background-size: 35px 35px;
	border: 0px solid red;
}	

.slider-area #main-slider-area .owl-buttons .owl-next {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 35px;
	height: 35px;
	margin-top: -12px;
	z-index: 100;
	text-indent: -5000em;
	background: url(../eng_make_img/main/btn_next.png) no-repeat 0 0;
	background-size: 35px 35px;
	border: 0px solid red;
}	

.contents-01-box {
	padding: 0 15px;
	margin-bottom: 55px;
	border: 0px solid red;
}

.contents-01-box:after {
	content: "";
	clear: both;
	display: block;
}

.contents-01-box .contents-01-info {
	min-height: 130px;
}
.contents-01-box .contents-01-info.fl {
	float: left;
	width: 48%;
	margin-right: 2%;
}	

.contents-01-box .contents-01-info.fr {
	float: left;
	width: 48%;
	margin-left: 2%;
}	

.contents-01-box .contents-01-info.none {
	margin-right: 0%;
}	

.contents-01-box .contents-01-info h2 {
	color: #3f3f3f;
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold;
}

.contents-01-box .contents-01-info p {
	color: #b7b7b7;
	font-size: 12px;
	line-height: 18px;
}


.contents-02 {
	border: 0px solid red;
}
	
.contents-02:after {
	content: "";
	clear: both;
	display: block;
}

.contents-02 h2 {
	text-align: center;
	background: url(../eng_make_img/main/bg_line01.gif) repeat-x left 10px;
}

.contents-02 h2 span {
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	padding: 0 40px;
	height: 100px;
	color: #393939;
	background: #fff url(../eng_make_img/main/icon_01.png) no-repeat center 35px;
	

}

.contents-02-box {
	padding: 0 15px;
	margin-bottom: 55px;
	border: 0px solid red;
}

.contents-02-box:after {
	content: "";
	clear: both;
	display: block;
}

.contents-02-box .contents-02-info {
	min-height: 345px;
}
.contents-02-box .contents-02-info.fl {
	float: left;
	width: 48%;
	margin-right: 2%;
}	

.contents-02-box .contents-02-info.fr {
	float: left;
	width: 48%;
	margin-left: 2%;
}	

.contents-02-box .contents-02-info.none {
	margin-right: 0%;
}	

.contents-02-box .contents-02-info .image-technology {
	display: block;
	width: 100%;
	margin: 0 auto 28px auto;
	max-width: 268px;

}
.contents-02-box .contents-02-info h3 {
	color: #3f3f3f;
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold;
}

.contents-02-box .contents-02-info p {
	color: #b7b7b7;
	font-size: 12px;
	line-height: 18px;
}

.contents-02-box .contents-02-info .btn-more {
	display: none;
}

#main-slider-area02 {
	background: #000;
}
#main-slider-area02 .main-visual-pc02 {
	display: none;
}

#main-slider-area02  .main-visual-mobile02 {
	display: block;
	width: 100%;
}

#main-slider-area02  .owl-pagination {
	position: absolute;
	bottom: 27px;
	left: 0px;
	width: 100%;
	height: 11px;
	text-align: center;
	z-index: 100;
}

#main-slider-area02  .owl-pagination:after {
	content: "";
	clear: both;
	display: block;
}

#main-slider-area02  .owl-pagination .owl-page {
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 12px;
	margin-right: 7px;
	background: url(../eng_make_img/main/icon_circle_off.png) no-repeat 0 0;
	background-size: 11px 12px;
}

#main-slider-area02  .owl-pagination .owl-page.active {
	background: url(../eng_make_img/main/icon_circle_on.png) no-repeat 0 0;
	background-size: 11px 12px;
}

.contents-04 {
	clear: both;
	background: #e95155;
	padding: 40px 0 0 0;
}

.contents-04 .contents-04-left {
	padding: 0 15px;
	border-bottom: 1px solid #464646;
}

.contents-04 .contents-04-left .title-area {
	border-bottom: 2px solid #ef7d80;
	height: 40px;
}

.contents-04 .contents-04-left .title-area:after {
	content: "";
	clear: both;
	display: block;
}

.contents-04 .contents-04-left .title-area h2 {
	float: left;
	color: #fbe3e4;
	font-size: 17px;
}

.contents-04 .contents-04-left .title-area .title-btns {
	float: right;
}

.contents-04 .contents-04-left .title-area .title-btns a {
	float: left;
	display: block;
}

.contents-04 .contents-04-left .title-area .title-btns a img {
	display: block;
}

.contents-04 .contents-04-left .info-box {
	clear: both;
	display: block;
	min-width:330px;
	min-height: 149px;
	padding-right: 40%;
	padding-top: 31px;
	padding-bottom: 20px;
	text-align: left;
}

.contents-04 .contents-04-left .info-box.kkumteul {
	background: url(../eng_make_img/main/img04_01.png) no-repeat right bottom;
	
}

.contents-04 .contents-04-left .info-box.Hwaseungyrang {
	background: url(../eng_make_img/main/img04_02.png) no-repeat right bottom;
	
}


.contents-04 .contents-04-left .info-box h3 {
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #f2bcbe;
}
.contents-04 .contents-04-left .info-box p {
	color: #000000;
	font-size:14px;
	line-height: 20px;
}

.contents-04-right {
	padding: 25px 15px 45px 15px;
}

.contents-04-right h2 {
	color: #fbe3e4;
	font-size: 17px;
	height: 40px;
	border-bottom: 2px solid #ef7d80;
}

.contents-04-right ul {
	padding-top: 21px;
	border: 0px solid red;
}

.contents-04-right ul:after {
	content: "";
	clear: both;
	display: block;
}

.contents-04-right ul li {
	float: left;
	width: 20%
}

.contents-04-right ul li a {
	display: block;
	padding: 0 5%;
}

.contents-04-right ul li a .icon {
	display: block;
	padding: 0 10%;
	margin: 0 auto 15px auto;
}

.contents-04-right ul li a .icon img {
	display: block;
	width: 100%;
	max-width: 69px;
	margin: 0 auto;
}

.contents-04-right ul li a .title {
	display: block;
	color: #f2bcbe;
	text-align: center;
	font-size: 16px;
}

.contents-04-right ul li a .title span {
	display: inline;
}

/* 768px 이상 1023 이하 */
@media screen and (min-width: 500px) and (max-width: 767px) {


	.contents-box02-info {
		display: block;
		height: 80%;
		padding: 20% 21px 0 21px;
	}

	.contents-box02-info img {
		display: block;
	}
	.contents-box02-info h2 {
		margin-bottom: 10%;
	}

	.contents-box02-info p {
		margin-bottom: 8%;
	}

	.contents-02 .contents-02-04 #map_canvas {
		width: 100%;
		width: 99.5%\9;
		height: 175px;
	}

}


/* 768px 이상 1023 이하 */
@media screen and (min-width: 768px) and (max-width: 1023px) {

	.slider-area {
		position: relative;
		margin: 0 auto;
		background: #000;
	}

	#main-slider-area {
		border: 0px solid red;
	}
	.slider-area.main-visual-pc {
		display: none;
	}


	.slider-area  #main-slider-area a {
		display: block;		
	}

	.slider-area  #main-slider-area .main-visual-mobile a {
		display: block;
		width: 100%;
	}

	.slider-area  #main-slider-area .main-visual-mobile {
		display: block;
		width: 100%;
	}


	.slider-area #main-slider-area .customNavigation {
		position: relative;
		z-index: 100;
		width: 100%;
		border: 0px solid red;
	}

	.slider-area #main-slider-area .owl-buttons .owl-prev {
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 44px;
		height: 44px;
		margin-top: -22px;
		z-index: 100;
		text-indent: -5000em;
		background: url(../eng_make_img/main/btn_preview.png) no-repeat 0 0;
		background-size: 44px 44px;
		border: 0px solid red;
	}	

	.slider-area #main-slider-area .owl-buttons .owl-next {
		position: absolute;
		top: 50%;
		right: 0;
		display: block;
		width: 44px;
		height: 44px;
		margin-top: -22px;
		z-index: 100;
		text-indent: -5000em;
		background: url(../eng_make_img/main/btn_next.png) no-repeat 0 0;
		background-size: 44px 44px;
		border: 0px solid red;
	}	

	.contents-04-right ul li a .title span {
		display: block;
	}



}



@media screen and (min-width: 1024px) {
	.contents {
		padding: 0 15px 25px 15px;
		box-shadow: insert 3px 4px 5px #000;	
	}

	.bg-container01 {
		background: url(../eng_make_img/main/bg_index01.gif) repeat;
	}

	.bg-contents01 {
		background: url(../eng_make_img/main/bg_container01.png) no-repeat center top;
	}

	.main-word-info {
		padding-top: 0px;
		height: 121px;
		overflow: hidden;
		border: 0px solid red;
	}
	.main-word-info .word-left {
		float: left;
		padding-top: 38px;
		width: 286px;
		height: 91px;
	}

	.main-word-info .word-left img.word-left-pc {
		display: block;
	}

	.main-word-info .word-left img.word-left-mobile {
		display: none;
	}

	.main-word-info .word-left img {
		display: inline-block;
		vertical-align: bottom;
		padding-top: 5px;
		padding-bottom: 15%;

		margin: 0;
		border: 0px solid red;
	}


	.main-word-info .word-right {
		display: block;
		float: right;
		padding-top: 43px;
	}
	
	.contents-01 {
		margin-bottom: 10px;
		position: relative;
		overflow: hidden;
	}
	


	.slider-area {
		position: relative;
		margin: 0 auto;
		max-width: 1200px;
		height: 549px;
		background: #000;
		margin-bottom: 52px;
	}

	
	
	.slider-area #main-slider-area {
		height: 549px;
	}
	.slider-area #main-slider-area .main-visual-pc {
		display: block;
		max-width: 1200px;
		width: 100%;
		height: 549px;
		background: #000;
		margin: 0 auto;
		text-indent: -5000em; 
	}

	.slider-area #main-slider-area  .main-visual-mobile {
		display: none;		
	}

	.slider-area #main-slider-area .customNavigation {
		position: relative;
		z-index: 100;
		width: 100%;
		border: 0px solid red;
	}

	.slider-area #main-slider-area .owl-buttons .owl-prev {
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 70px;
		height: 70px;
		margin-top: -35px;
		z-index: 100;
		text-indent: -5000em;
		background: url(../eng_make_img/main/btn_preview.png) no-repeat 0 0;
		border: 0px solid red;
	}	

	.slider-area #main-slider-area .owl-buttons .owl-next {
		position: absolute;
		top: 50%;
		right: 0;
		display: block;
		width: 70px;
		height: 70px;
		margin-top: -35px;
		z-index: 100;
		text-indent: -5000em;
		background: url(../eng_make_img/main/btn_next.png) no-repeat 0 0;
		border: 0px solid red;
	}	

	.contents-01-box {
		padding: 0;
		margin-bottom: 95px;
		border: 0px solid red;
	}

	.contents-01-box:after {
		content: "";
		clear: both;
		display: block;
	}

	.contents-01-box .contents-01-info,
	.contents-01-box .contents-01-info.fl,
	.contents-01-box .contents-01-info.fr {
		float: left;
		width: 23.5%;
		margin-left: 0;
		margin-right: 2%;
	}	

	.contents-01-box .contents-01-info.none {
		margin-right: 0%;
	}	

	.contents-01-box .contents-01-info h2 {
		color: #3f3f3f;
		font-size: 18px;
		margin-bottom: 15px;
		font-weight: bold;
	}

	.contents-01-box .contents-01-info p {
		color: #b7b7b7;
		font-size: 12px;
		line-height: 18px;
	}

	.contents-02 {
		margin-bottom: 108px;
		border: 0px solid red;
	}
		
	.contents-02:after {
		content: "";
		clear: both;
		display: block;
	}

	.contents-02 h2 {
		text-align: center;
		background: url(../eng_make_img/main/bg_line01.gif) repeat-x left 10px;
	}

	.contents-02 h2 span {
		display: inline-block;
		font-size: 30px;
		font-weight: bold;
		padding: 0 40px;
		height: 100px;
		color: #393939;
		background: #fff url(../eng_make_img/main/icon_01.png) no-repeat center 35px;
	}

	.contents-02-box {
		padding: 0;
	}

	.contents-02-box .contents-02-info .image-technology {
		display: block;
		max-width: 100%;
		

		margin: 0 auto 28px auto;
	}

	.contents-02 .contents-02-info,
	.contents-02 .contents-02-info.fl,
	.contents-02 .contents-02-info.fr {
		float: left;
		width: 23.5%;
		margin-left: 0;
		margin-right: 2%;
	}	

	.contents-02 .contents-02-info.none {
		margin-right: 0%;
	}	

	.contents-02 .contents-02-info h3 {
		color: #3f3f3f;
		font-size: 18px;
		margin-bottom: 15px;
		letter-spacing: -1px;
		font-weight: bold;
	}

	.contents-02 .contents-02-info p {
		color: #b7b7b7;
		font-size: 12px;
		line-height: 18px;
		height: 120px;
	}

	.contents-02-box .contents-02-info .btn-more {
		display: block;
	}

	.contents-03 {
		border: 0px solid red;
	}


	#main-slider-area02 {
		position: relative;
		height: 417px;
		background: #000;
	}
	#main-slider-area02 .main-visual-pc02 {
		display: block;
		max-width: 1200px;
		width: 100%;
		height: 417px;
		background: #000;
		margin: 0 auto;
		text-indent: -5000em; 
	}

	#main-slider-area02  .main-visual-mobile02 {
		display: none;		
	}

	#main-slider-area02  .owl-pagination {
		position: absolute;
		bottom: 65px;
		left: 100px;
		height: 11px;
		z-index: 100;
	}

	#main-slider-area02  .owl-pagination:after {
		content: "";
		clear: both;
		display: block;
	}
	
	#main-slider-area02  .owl-pagination .owl-page {
		float: left;
		width: 11px;
		height: 12px;
		margin-right: 7px;
		background: url(../eng_make_img/main/icon_circle_off.png) no-repeat 0 0;
		background-size: 11px 12px;
	}

	#main-slider-area02  .owl-pagination .owl-page.active {
		float: left;
		width: 11px;
		height: 12px;
		margin-right: 7px;
		background: url(../eng_make_img/main/icon_circle_on.png) no-repeat 0 0;
		background-size: 11px 12px;
	}

	.contents-04 {
		clear: both;
		background: #e95155;
		padding: 35px 95px 0 95px;
	}

	.contents-04:after {
		content: "";
		clear: both;
		display: block;
	}

	.contents-04 .contents-04-left {
		float: left;
		padding: 0;
		border-bottom: 0;
		width: 33%;
	}



	.contents-04-right {
		float: right;
		width: 63%;
		padding: 0;
	}

	.contents-04-right ul li a .title span {
		display: block;
	}

}
@media screen and (max-width: 1024px){
	.contents-04 .contents-04-left{
		padding-bottom: 180px;
		
	}
	.contents-04 .contents-04-left .info-box{
		padding-right:0;
		padding-bottom:0;
		width:100%;
	}
	
}
@media screen and (max-width: 500px){
	.contents-01-box .contents-01-info{
		min-height:170px;
	}
	.contents-04-right ul li a .title{
		font-size:10px;
		line-height: 15px;
	}
}