@charset "utf-8";

/* reset */
html {padding: 0; margin:0;}
body {
	font:normal 14px 'NotoSans Light','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif;
	line-height:1.5;
	color:#1e1e1e;
	background-color:rgb(255, 255, 255);
	margin:0;
	padding:0;
	width: 100%;	
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {font-size:1em}
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption {
	margin:0;
	padding:0;
}
li {list-style:none;}
table {width:100%; border-collapse:collapse;}
a:link, a:visited {color: #1e1e1e; text-decoration:none;}
img {vertical-align: top;}

/*common*/

.wrap{
	margin:0 auto; 
	width: 1160px; 
	position: relative;  
	min-width: 1160px;
	}
.screen_out {text-indent: -9999px; height: 0;}

.wrap > .wrap_side {position: absolute;  right: 0; z-index: 1000;  width: 70px; }
.wrap > .wrap_side > .img_url{margin-top:130px;  text-align:right; margin-right: 20px;}
.wrap > .wrap_side > .wrap_sns{ margin-top:90px;  margin-right: 13px;   z-index: 1000;   }
.wrap > .wrap_side > .wrap_sns ul{ display: block; text-align: right;}
.wrap > .wrap_side > .wrap_sns ul li{ padding-top:25px; }

/* header */
.header { top:0; left: 0; z-index: 800; width: 100%; height: 217px; text-align: center; padding-bottom: 16px;}
.header img.logo{margin-top:23px; max-width: 340px; width: 100%;}
.header:after{content: '';  clear: both; display: block;}

/* index */
.main {padding-top: 1px; width: 100%; margin: 0; ; display: block; position: relative;  height: 522px;}
.main > .wrap_main {
	position: relative;
	height: 522px;
	width:1160px; 
	top:0; 	
	left:50%; 
	transform: translateX(-50%); 
	overflow: hidden;	}

.main div.main_visual { 
	width:1000px; 
	position: absolute; 
	top:0; 	
	left:50%; 
	transform: translateX(-50%);
	}
.main div.main_visual ul li {width: 100%; height: 602px;}
/* .main div.main_visual ul li {max-width: none;} */
.main div.main_visual ul li.img_01{	
	background-image: url('../images/main/main_01.jpg') ;
	width: 100%;
	background-repeat: no-repeat;
	/* background-position: center;  */
	background-size: contain;
}
.main div.main_visual ul li.img_02{	
	background-image: url('../images/main/main_02.jpg') ;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
.main div.main_visual ul li.img_03{	
	background-image: url('../images/main/main_03.jpg') ;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
.main div.main_visual ul li.img_04{		
	background-image: url('../images/main/main_04.jpg') ;
	width: 100%;
	/* height: 80%; */
	/*height:auto; */
	background-repeat: no-repeat;
	background-position-y: -30px; 
	background-size: contain;
}
.main div.main_visual ul li.img_05{	
	background-image: url('../images/main/main_05.jpg') ;
	width: 100%;
	background-repeat: no-repeat;
	/* background-position: center;  */
	background-size: cover;
}

.main div.main_visual .bx-wrapper {border:none; box-shadow:none; margin:0; height: 602px;}

/* footer */
.footer {width: 100%; height: 100px; padding-top: 39px; }

.footer > div.inner {padding: 0 80px; text-align: center;}
.footer > div.inner > div {display: inline-block;  vertical-align: bottom;}
.footer > div.inner > div.center {padding:0 170px; margin-top:-12px;}


/* 500이상 1029이하 */
@media screen and (min-width:500px) and (max-width: 1229px) {

	body {
		left:0;
		right:0;
		top:0;
		bottom:0;
		margin:0;
		padding:0;
		width: 100%;	
		overflow-x: hidden;
	}

	.wrap{
		margin:0 auto; 
		width: 100%; 
		position: relative;  
		min-width: 320px;
		/* background-color: rgb(255, 255, 255); */
	}

	.header { top:0; left: 0; z-index: 800; width: 100%; max-height: 200px; height: 130px; text-align: center;}
	.header img.logo{margin-top:13px; max-width: 200px; width: 70%; margin-bottom: 8px;}
	.header:after{content: '';  clear: both; display: block;}

	.wrap > .wrap_side {position: absolute;  right: 10px; z-index: 1000;  width: 70px; }
	.wrap > .wrap_side > .img_url{margin-top:130px;  text-align:right; margin-right: 15px;}
	.wrap > .wrap_side > .img_url img{max-width: 20px;}
	.wrap > .wrap_side > .wrap_sns{ margin-top:90px;  margin-right: 5px;   z-index: 1000;   }
	.wrap > .wrap_side > .wrap_sns ul{ display: block; text-align: right;}
	.wrap > .wrap_side > .wrap_sns ul li{ padding-top:15px; }
	.wrap > .wrap_side > .wrap_sns ul li img{ max-width: 40px;}
	.main {padding-top: 1px; width: 100%; margin: 0; ; display: block; position: relative;  height: 550px;}

	.main > .wrap_main {
		position: relative;
		min-height: 320px;
		height: 550px;
		max-width:1229px; 
		width:100%;
		overflow: hidden;	
	}
	
	.main div.main_visual { 
		max-width:1070px; 
		}
	.main div.main_visual ul li {width: 100%; min-height: 320px;}
	/* .main div.main_visual ul li img {max-width: none; width: 85%;} */
	.main div.main_visual .bx-wrapper {border:none; box-shadow:none; margin:0; min-height: 320px; height: 550px;}
		
	 .main div.main_visual ul li.img_01{	
		background-repeat: no-repeat;
		/* background-position: center;  */
		background-size: contain;
	}
	.main div.main_visual ul li.img_02{	
		background-repeat: no-repeat;
		/* background-position: top center;  */
		background-size: contain;
	}
	.main div.main_visual ul li.img_03{	
		background-repeat: no-repeat;
		background-position:top center; 
		background-size: contain;
	}
	.main div.main_visual ul li.img_04{
		background-repeat: no-repeat;
		background-position-x: 20px;  
		background-position-y: top;  
		background-size: contain;
	}
	.main div.main_visual ul li.img_05{	
		width: 80%;
		background-repeat: no-repeat;
		background-position-x: 20px;  
		background-position-y: top;  
		background-size: contain;

	} 
	/* footer */ 
	.footer {width: 100%; height:10%; padding-top:0 ; max-height: 90px; z-index: 9999; position: fixed; bottom:0; background-color:#fff ;}
	.footer > div.inner {margin: 10px ;  text-align: center;  padding: 10px 0 15px 0;}
	.footer > div.inner > div {display: inline-block;  vertical-align: middle; }
	.footer > div.inner > div.kor{width: 35%;}
	.footer > div.inner > div.eng{width: 35%;}
	.footer > div.inner > div img{ width: 80%;}
	.footer > div.inner > div.center {width: 10%; margin-top:-3px; padding:0 20px; }
	.footer > div.inner > div.center img{ margin-top:0px; min-width:20px ; width: 80%;}

}