/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}
body{font-family:'µ¸¿ò',Dotum,Helvetica,AppleGothic,sans-serif;font-size:12px;line-height:18px;overflow-x:hidden;color:#fff}
ul,li,ol{list-style:none}

/* Alink */
a {text-decoration:none}
a.red {color:#e44258 !important}
a:hover, a:active, a:focus{text-decoration:none}

/* Basic */
:focus{outline:none}
em, address{font-style:normal}
strong {font-weight:bold}
img{border:0;vertical-align:top}
img.png24 {tmp:expression(setPng24(this))}
.u, .u a{text-decoration:underline !important}
.s, .s a{font-size:.9em !important}
.bold, .bold a{font-weight:bold !important}

/* ·¹À̾ƿô */ 
#wrap {margin:0 auto; width:100%; text-align:center}
#main_bg {margin:0 auto; width:100%;}
#main {width:100%; margin:0 auto; }
#form {margin:0 auto; width:100%;}
#main #time {
					position: absolute;
					color: #fff;
					font-size: 10pt;
					font-weight: bold;
					font-family: '³ª´®°íµñ',NanumGothic;
					top: 18px;
					right: 4%;
					letter-spacing: -1px;
					z-index: 999;
}
#copy {color:black;padding:2%;}
#con1 img{text-align:center;}
#in07 {padding:120px 0}
.con_v {width:100%;}
.cycle-prev { z-index:500; position:absolute; top:350px;left:130px; margin:0 auto; overflow:hidden; cursor:pointer }
.cycle-next { z-index:500; position:absolute; top:350px;left:1730px; margin:0 auto; overflow:hidden; cursor:pointer }
.cycle-pager { z-index:500; position:absolute; top:740px;left:910px; margin:0 auto; overflow:hidden; }
.cycle-pager span.cycle-pager-active {color:yellow;}
.cycle-pager > * { cursor:pointer}
.cycle-img{}

div.relative {
  position: relative;
  width: 100%;
} 
div.absolute {
  position: absolute;
	left:50%;
	transform : translateX(-50%);
	-ms-transform : translateX(-50%);
}
.top{top:20%;}
.relative_pro{width:850px;margin:0 auto;position:relative;}
.pro2{width:850px;margin:0 auto;}
.top_btn{top:65%;}
.top2{top:27%;}
.top_orth{top:45%;}
.vertical_width{width:850px;}
.map{width:850px;left:50%;transform:translate(-50%);}
.pc_main {display:block;}
.mo_main {display:none;}
.scr{width: 850px; margin: 0 auto; position: relative;}
.simply-scroll-container {	position: relative;}
.simply-scroll-clip {position: relative;overflow: hidden;}
.simply-scroll-list {overflow: hidden;margin: 0;padding: 0;list-style: none;}
.simply-scroll-list li {padding: 0 5px;margin: 0;list-style: none;}
.simply-scroll-list li img {border: none;display: block;}
.simply-scroll { width: 1200px;height: 200px;margin-bottom: 1em;margin: 80px 350px;}
.simply-scroll { width: 850px;height: 200px;margin: 0 auto;}
.simply-scroll .simply-scroll-clip {width: 850px;height: 200px;position:absolute;}
.simply-scroll .simply-scroll-list li {float: left;width: 290px;}
.absolute2 {  position: absolute;	left:50%;	transform : translateX(-50%);	-ms-transform : translateX(-50%);}
#daumRoughmapContainer1604992326350{width:850px;left:50%;transform:translate(-50%);}
#daumRoughmapContainer1671514829972{width:850px;left:50%;transform:translate(-50%);}



.invi01{width: 100%; height: 609px; box-sizing: border-box; position: relative; overflow: hidden;}
.invi01 > img{width:100%;}
.invi01.on > img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 7s;
	-moz-transition: all 7s;
	-o-transition: all 7s;
	transition: all 7s;
}
.invi01:before{content:''; display:block; position:absolute; left:0; right:0; bottom:0; top:0; background:rgba(0,0,0,0.3); z-index:1;}
.invi01 strong{position:absolute; left:50%; top: 50%; transform:translate(-50%, -50%); font-size:55px; line-height:1.4; color:#fff; z-index:2; width:100%;}
.i_width{width:540px;height:315px;}
.v_width{width:850px;margin:0 auto;}

@media screen and (max-width: 850px) { /* ¸ð¹ÙÀÏ CSS */
	.width {width: 100%;}
	.top{top:20%;}
	.top2{top:34%;}
	.relative_pro{position: relative;  width: 100%;}
	.pro2{ position: relative;  width: 100%;}
	.btn_img{width:75vw;}
	.top_btn{top:58%;}

	.top_orth{top:45%;}
	.map{width:98%;}
	.pc_main {display:none;}
	.mo_main {display:block;}
	.scr{width:100%;   position: absolute;    top: 43%;}
	.simply-scroll {width: 100%;margin-bottom: 2em;}
	.simply-scroll .simply-scroll-clip {width: 100%;}
	.simply-scroll .simply-scroll-list li {float: left;width: 160px;}
	.absolute2{position:unset; left:unset;	transform : unset;}
	#daumRoughmapContainer1604992326350{width:98%}
	#daumRoughmapContainer1671514829972{width:98%}
	#in07 {padding:10% 0}

	.invi01{height:54vw;}
	.invi01 > img{width:auto; height:100%;}
	.invi01 strong{font-size:6.47vw;}
	.i_width{width:60vw;height:50%;}
	.v_width{width:100%}
	.bf_width{width:75vw}


}