body{overflow-y:scroll;}
@font-face {
font-family:'NanumGothic'; src: url('../font/NanumGothic.eot'); 
src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'), 
url('../font/NanumGothic.woff') format('woff'), 
url('../font/NanumGothic.ttf') format('truetype'); 
font-weight: normal; font-style: normal;
}

@font-face {
	font-family: 'bariol-regular';
	src: url('../font/bariol-regular-webfont.eot');
	src: url('../font/bariol-regular-webfont.eot?iefix') format('eot'),
		 url('../font/bariol-regular-webfont.woff') format('woff'),
		 url('../font/bariol-regular-webfont.ttf') format('truetype'),
		 url('../font/bariol-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,
canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	text-decoration:none;
}



article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

body, td, th{
	font-family:AppleGothicRegular,'나눔고딕',
	NanumGothic,'맑은고딕',
	MalgunGothic,'애플고딕',
	AppleGothicRegular,'돋움',
	Dotum,sans-serif;
	font-size:12px;
}

ul,ol,li{list-style:none}

/*a {font-family:dotum, 돋음; font-size:1em; color:#666666;}
a:hover {font-family:dotum, 돋음; font-size:1em; color:#000000; font-weight:800; letter-spacing:-1px;}*/

	
	/* 심플라이트박스 관련CSS시작 ### JS파일에도 관련 설정값이 있음 */
	.SLB_center { cursor:pointer; visibility:hidden; border: solid 4px #000000; } 
	.SLB_close { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; } 
	.SLB_caption { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; } 
	#SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding: 3px 0px 4px 0px; border: solid 2px #cfcfcf; } 
	/* 심플라이트박스 관련CSS끝 ### JS파일에도 관련 설정값이 있음 */

#wrap {
	width:100%; 
	height:100%;
}

header {
	width:100%; 
	height:105px; 
	background:url(/image/header_bg.png) repeat-x; 
	float:left;
}
#header_wrap {
	width:1000px;
	height:105px;
	margin:0 auto;
}
#logo {
	width:214px;
	height:105px;
	float:left;
}
#top_menu_wrap {
	width:786px;
	height:47px;
	float:left;
}
#top_menu {
	width:116px;
	height:21px;
	float:right;
}
#top_menu ul li {
	float:left;
}
nav {
	width:715px;
	height:32px;
	float:right;
}
nav ul li {
	float:left;
}
#main_wrap {
	width:100%;
	height:420px;
	float:left;
	background:url(/image/main_visual_bg.png) repeat-x;
}
#main_visual {
	width:1000px;
	height:420px;
	margin:0 auto;
}

#main_contents_wrap {
	width:100%;
	height:108px;
	float:left;
	margin-top:27px;
}
#main_contents {
	width:1000px;
	height:108px;
	margin:0 auto;
}
#main_notice {
	width:302px;
	height:108px;
	float:left;
}
#main_notice .title {
	width:302px;
	height:23px;
	float:left;
}
#main_notice .text {
	width:302px;
	height:85px;
	float:left;
}
#main_pro {
	width:312px;
	height:108px;
	float:left;
	margin-left:51px;
}
#main_pro .title {
	width:312px;
	height:23px;
	float:left;
}
#main_pro .contents {
	width:312px;
	height:85px;
	float:left;
}
#main_bn {
	width:306px;
	height:108px;
	float:left;
}
#main_rolling_wrap {
	width:100%;
	height:55px;
	float:left;
}
#main_rolling {
	width:1000px;
	height:55px;
	margin:0 auto;
}
footer_m {
	width:100%;
	height:145px;
	float:left;
	background:url(	) repeat-x;
}
#footer_m {
	width:1000px;
	height:145px;
	margin:0 auto;
}

footer {
	width:100%;
	height:145px;
	float:left;
	background:url(/image/footer_bg.png) repeat-x;
}
#footer {
	width:1000px;
	height:145px;
	margin:0 auto;
}

#slideshow {
width: 312px;
height:85px;
position:relative;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height:85px;
 /* IE fix */}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
width: 312px;
height:85px;
}

#slideshow .slides ul {
width: 312px;}

#slideshow .slides li {
width: 312px;
float: left;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
	height:30px;
	float:left;
	margin-top:0px;
	margin-left:0px;
	position:absolute;
	z-index:99;
	margin-top:-105px;
	margin-left:80px;
	left:-10px;
}
#slide_bar {
	width:150px;
	margin:0 auto;
}

#slideshow .slides-nav li {
	float: left;
	margin-left:5px;
	width:7px;
	height:7px;
	background:#f3f3f3;
	cursor:pointer;
	margin:0 auto;
	margin-left:5px;
	border-radius:8px;
	border:1px solid #999;
}

#slideshow .slides-nav li a {
display: block;
outline: none;
background:#f3f3f3f;
}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
	background:#46a8d1;
}

.js #slideshow .slides-nav li.on a {
position: relative;}



#content {
	position: relative;
	width: 1000px;
	height:94px;
}
/********************************
 * generic als elements styling
 ********************************/
.als-container {
	position: relative;
	width: 1000px;
	margin: 0px auto;
	padding-right:25px;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	width:1000px;
}

.als-wrapper {
	position: relative;
	list-style: none;
	width:1000px;
}

.als-item {
	width:95px;
	height:40px;
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
	margin-top:25px;
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}


/**************************
 * specific als elements
 * styling for #lista1
 **************************/

/*#lista1 {
	margin: 60px auto 80px auto;
}*/
#lista1 {
	width:1000px;
}

#lista1 .als-item {
	margin-left:25px;
}
#lista1 .als-item .roll_img {
	width:95;
	height:60px;
	border:1px solid #e0e0e0;
}
#lista1 .als-item .roll_text {
	width:95;
	margin-top:5px;
}

#lista1 .als-item img {
	position: relative;
	display: block;
	vertical-align: middle;
	margin-bottom: 8px;
}

#lista1 .als-prev, #lista1 .als-next {
	top: 0px;
	width: 13px;
	height: 22px;
	position:absolute;
}

#lista1 .als-prev {
	top:35px;
	left:0px;
}

#lista1 .als-next {
	top:35px;
	right:0px;
}
#sub_wrap {
	width:100%;
	float:left;
}
#sub {
	width:1000px;
	margin:0 auto;
	position:relative;
}
#sub_title_bn_wrap {
	width:100%;
	height:200px;
	float:left;
	background:url(/image/main_visual_bg.png) repeat-x;
}
#sub_title_bn {
	width:1000px;
	height:200px;
	margin:0 auto;
}
#left {
	width:249px;
	float:left;
}
#left dl dt {
	width:249px;
	height:68px;
	float:left;
}
#left dl dd {
	width:249px;
	height:34px;
	float:left;
}
#left_bn {
	width:249px;
	height:194px;
	float:left;
}
#sub #contents {
	width:751px;
	float:left;
}
#sub #contents #title  {
	width:751px;
	height:68px;
	float:left;
}
#sub #contents #title #img {
	float:left;
}
#location {
	float:right;
	font-family:dotum, 돋음;
	font-size:11px;
	color:#bdbdbd;
}
#location ul li {
	float:left;
	margin-left:5px;
	margin-top:35px;
}
#location .bold {
	font-weight:bold;
	color:#83827e;
}
#sub_con {
	width:751px;
	float:left;
	
}
#quick {
	width:75px;
	height:321px;
	position:absolute;
	top:0px;
	right:-110px;
}

#quick_n {
	width:75px;
	height:321px;
	position:absolute;
	top:30px;
	left:1015px;
}

#bigPic{
	width:1000px;
	height:420px;
}
#bigPic img{
	position:absolute;
	display:none;
}
ul#thumbs li.active{
	/*border:2px solid #000;	
	background:#fff;
	padding:2px;*/
	position:absolute;
	z-index:999999999999999999999999;
}
ul#thumbs {
	width:249px;
	position:absolute;
	top:0;
	left:0;
}
ul#thumbs, ul#thumbs li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
}
	
ul#thumbs li{
	float:left;
	cursor:pointer;
}
ul#thumbs img{
	float:left;
	width:249px;
	height:60px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}