@charset "utf-8";

/*     Common basic */
body{margin:0;padding:0;width:100%;height:100%;line-height:1.5em;font-family:'돋움',Dotum,'굴림체',Gulim,Aria,Helvetica,AppleGothic,Sans-serif;font-size:12px;color:#727272;}
div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
input,textarea,select,button{vertical-align: middle;line-height:1.5em;font-family:'돋음',Dotum,AppleGothic,sans-serif;font-size:12px;color:#383d41}
table{border-collapse:collapse;font-size: inherit;}
caption{display:none}
img,fieldset{border:none}
img{vertical-align:middle}
legend{display:none}
label{vertical-align:middle}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;color:#666}
a:hover,a:active,a:focus{text-decoration:none}
hr{display:none}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.hidden{position:absolute;display:block;overflow:hidden;top:-5000px;left:0}

#intro{ width: 1190px; height: 712px; margin: 0 auto; background: url(../images/intro.jpg) no-repeat 0 0}
#intro .intro_txt{ margin; 0; padding: 0; padding: 188px 0 20px; text-align: center;}
#intro .intro_mn{ text-align: center;}
#intro .intro_mn a{ display: inline-block; margin: 0 20px 0 0}
.intro1{ background: url(../images/intro1.jpg) no-repeat 0 0 !important}
.intro1 .intro_txt{ padding: 188px 0 20px; height: 72px;}
.intro1 .intro_txt img{ display: none !important}

.intro2{ background: url(../images/intro2.jpg) no-repeat 0 0 !important}
.intro2 .intro_txt{ padding: 188px 0 20px; height: 72px;}
.intro2 .intro_txt img{ display: none !important}
#intro_dtl{ background: #fefcfd url(../images/bg.gif) repeat-x 0 0; width: 100%; padding-bottom: 800px; position: relative}
#intro_dtl .header{ height: 115px; width: 100%;}
#intro_dtl .header:after, .intro_content .mn:after{ content: ""; display: block; clear: both;}
#intro_dtl .header .fl{ float: left; margin: 20px 0 0 60px; display: inline-block;}
#intro_dtl .header .fr{ float: right; margin: 15px 60px 0 0; display: inline-block;}
.intro_content{ width: 1202px; margin: 0 auto; position: relative}
.intro_content .mn{ background: url(../images/mn_bg.gif) no-repeat 0 10px; height: 72px; }
.intro_content .mn .mn_lnk{ float: left;}
.intro_content .mn .mn_lnk a{ display: inline-block;}
.intro_content .mn .control{ margin: 10px 0 0 0; height: 18px; border-right: 1px solid #a09fa0; padding: 23px 20px 21px 0; position: absolute; right: 0; top: 0}

.intro_content .mn .control a{ background: url(../images/control.gif) no-repeat 100% 0; display: inline-block; width: 18px; height: 18px; margin: 0 5px; font-size: 0; line-height: 0; color: transparent}
.intro_content .mn .control a.on{ background-position: 0 0}

.intro_content .pic{ background: #fff; border: 1px solid #a09fa0; border-top: 0; clear: both; margin-bottom: 50px;}
.intro_content .pic img{ width: 1200px;}

.window {
	width: 1200px; 
	/*overflow: hidden;*/ /*--Hides anything outside of the set width/height--*/
	position: relative;
	height: 1500px;
}
.image_reel {
	position: absolute;
	top: 0; left: 0; 
	padding-top:10px;
}
.image_reel a{ vertical-align: top;}

/*--Paging Styles--*/
/*
.paging {
	position: absolute; right: 20px; top: 20px
}
.paging a {
	background: url(images/control.gif) no-repeat 100% 0; display: inline-block; width: 18px; height: 18px; margin: 0 5px; font-size: 0; line-height: 0; color: transparent
}
.paging a.active {
	font-weight: bold; 
	background: url(images/control.gif) no-repeat 0 0; 
}
.paging a:hover {font-weight: bold;}
*/

/* slide */


.slides{position:relative;width:1200px}
.slides .slide{overflow:hidden;position:relative;width:1200px;height:1500px}
.slides .slide li{display:block;width:1200px;height:1500px}
.slides .slide li a{display:block}

.slides .page     {z-index:100;position:absolute;top:-40px;right:10px;height:12px;list-style:none}
.slides .page li  {display:inline-block;_display:inline;margin:0 1px;_zoom:1}
.slides .page li a{
	background: url(../images/control.gif) no-repeat 100% 0; display: inline-block; width: 18px; height: 18px; margin: 0 5px; font-size: 0; line-height: 0; color: transparent
}
.slides .page li a:hover{text-decoration:none}
.slides .page li.current a{background-position: 0 0}