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,foote r,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;}*/


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

header {
	width:100%; 
	height:90px; 
	background:url(../img/header_bg.png) repeat-x; 
	float:left;
}
#header_wrap {
	width:900px;
	height:90px;
	margin:0 auto;
	background:url(../img/header_bar.png) no-repeat;
}
#header_top {
	width:900px;
	height:45px;
	float:left;
	margin-top:5px;
}
.logo {
	width:173px;
	height:45px;
	float:left;
	margin-top:-20px;
}
#header_top .languege {
	width:176px;
	height:13px;
	float:right;
	font-family:dotum, 돋음;
	font-size:10px;
	margin-top:15px;
}
#header_top .languege a {
	color:#898989;
	margin-left:3px;
}
#header_top .languege img {
	vertical-align:-20%;
}
nav {
	width:727px;
	height:29px;
	float:left;
	font-family:NanumGothic, 나눔고딕;
	font-size:16px;
}
nav > ul{
	width:727px;
	height:25px;
	margin-left:50px;
}
nav > ul > li {
	float:left;
	height:30px;
	margin-right:50px;
	position:relative;
	font-weight:bold;
}
nav > ul > li > a {
	display:block;
	height:100%;
	color:#636363;
}
nav ul ul {
	display:none;
}
nav > ul > li:hover ul {
	width:300px;
	display:block;
	height:25px;
	position:absolute; 
	left:0; 
	top:20px;
	z-index:20;
}
nav li li { 
	height:25px;
	float:left;
	font-size:12px;
	margin-right:20px;
	font-weight:100;
}
nav li li a {
	display:block;
	color:#444444;
}
nav ul li:nth-child(5) {
	margin-right:0;
}
nav ul li:nth-child(5) ul {
	margin-left:-100px;
}
#main_wrap {
	width:100%;
	height:570px;
	float:left;
}
#main {
	width:1249px;
	height:570px;
	margin:0 auto;
}
#rolling_wrap {
	width:1200px;
	height:570px;
	float:left;
}
.container {
		width:1200px;
		height:570px;
		position:relative;
}
.cbp-bislideshow {
	list-style: none;
	width: 1200px;
	height: 570px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 0;
	margin: 0;
}

.cbp-bislideshow li {
	position: absolute;
	width: 1200px;
	height: 570px;
	opacity: 0;
	z-index:999;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;

}


/* If background-size supported we'll add the images to the background of the li */




.cbp-bicontrols {
	position: absolute;
	width: 300px;
	height: 100px;
	top: 437px;
	left: 150px;
	z-index:9999;
}

.cbp-bicontrols span {
	float: left;
	width: 30px;
	height: 30px;
	position: relative;
	cursor: pointer;
}

.cbp-bicontrols span:before {
	position: absolute;
	width: 22px;
	height: 22px;
	top: 0;
	left: 0;
	text-align: center;
	font-family: 'entypo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	opacity: 1;
}

.cbp-bicontrols span:hover:before {
	opacity: 1;
}

.cbp-bicontrols span:active:before {
	top: 2px;
}

/*span.cbp-biplay:before {
	content: "\e002";
}*/
/*span.cbp-bipause:before {
	content: "\e003";
}*/
/*span.cbp-binext:before {
	content: "\e000";
}

span.cbp-biprev:before {
	content: "\e001";
}*/
span.cbp-biplay {
	background:url(../img/roll_play.png) no-repeat;
	cursor:pointer;
}
span.cbp-bipause {
	background:url(../img/roll_pause.png) no-repeat;
	cursor:pointer;
}
span.cbp-binext {
	background:url(../img/roll_next.png) no-repeat;
	cursor:pointer;
}
span.cbp-biprev {
	background:url(../img/roll_prev.png) no-repeat;
	cursor:pointer;
}
#roll_wrap2 {
	width:40px;
	height:570px;
	float:right;
}
#wrapper{
    width:40px;
	height: 570px;
	text-align:left;
}

.clearfix{
	clear:both;
	float:none;
}
#bigPic{
	width:940px;
	height:300px;
	padding:1px;
	border:1px solid #CCC;
	background-color:#FFF;
	margin-bottom:10px;
}
#bigPic img{
	position:absolute;
	display:none;
}
ul#thumbs li.active{
/*	border:2px solid #000;	
	background:#fff;
	padding:2px;*/
	background:#fdfdfd;
}
ul#thumbs, ul#thumbs li{
	margin:0;
	padding:0;
	list-style:none;
}
	
ul#thumbs li{
	/*float:left;
	margin-right:7px;
	margin-bottom:5px;*/
	cursor:pointer;
}
/*ul#thumbs img{
	float:left;
	width:80px;
	height:80px;
	line-height:80px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}*/

footer {
	width:100%;
	height:66px;
	float:left;
	margin-top:24px;
	font-family:dotum, 돋음;
	font-size:11px;
}
#footer {
	width:900px;
	height:66px;
	margin:0 auto;
}
#footer .menu {
	width:900px;
	float:left;
}
#footer .menu ul li {
	float:left;
	margin-left:15px;
	font-weight:bold;
	color:#898989;
}
#footer .menu ul li:first-child {
	margin-left:0;
}
#footer .menu ul li a {
	color:#898989;
}
#footer .menu ul li a:hover {
	text-decoration:underline;
}
#footer .con {
	width:900px;
	float:left;
	margin-top:20px;
	color:#9c9c9c;
	font-size:11px;
}
#sub_wrap {
	width:100%;
	float:left;
	box-shadow:0px 0px 10px #dddddd;
}
#sub {
	width:900px;
	height:auto;
	margin:0 auto;
}
#left {
	width:169px;
	float:left;
}
#left dl dt {
	width:169px;
	height:60px;
	float:left;
}
#sub_contnts_wrap {
	width:731px;
	float:left;
}
#sub_contnts_wrap .title_wrap {
	width:730px;
	height:60px;
	border-left:1px solid #e5e5e5;
	font-family:dotum, 돋음;
	font-size:12px;
	color:#838383;
}
#sub_contnts_wrap .title_wrap .title {
	float:left;
}
#sub_contnts_wrap .title_wrap .location {
	float:right;
	margin-top:35px;
}
#sub_contnts_wrap .title_wrap .location span {
	color:#3a3a3a;
}
#sub_contnts_wrap .contents {
	width:730px;
	float:left;
	border-left:1px solid #e5e5e5;
	margin-top:-5px;
}
#sub_contnts_wrap .contents .sch_con {
	width:680px;
	height:560px;
	float:left;
	margin-left:50px;
	border-top:2px solid #646b71;
}
#sub_contnts_wrap .contents .sch_con ul {
	width:679px;
	height:559px;
	float:left;
	border-top:1px solid #bebebe;
	border-left:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .title {
	width:679px;
	height:25px;
	float:left;
	border-bottom:1px solid #bebebe;
	background:#f0f0f0;
	font-family:dotum, 돋음;
	font-size:12px;
	color:#888888;
}
#sub_contnts_wrap .contents .sch_con ul .title .no1 {
	width:32px;
	height:18px;
	float:left;
	text-align:center;
	padding-top:7px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .title .no2 {
	width:49px;
	height:18px;
	float:left;
	text-align:center;
	padding-top:7px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .title .no3 {
	width:45px;
	height:18px;
	float:left;
	text-align:center;
	padding-top:7px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .title .no4 {
	width:92px;
	height:18px;
	float:left;
	text-align:center;
	padding-top:7px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .title .no5 {
	width:99px;
	height:18px;
	float:left;
	text-align:center;
	padding-top:7px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .title .no6 {
	width:101px;
	height:18px;
	float:left;
	text-align:center;
	padding-top:7px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .title .no7 {
	width:82px;
	height:18px;
	float:left;
	text-align:center;
	padding-top:7px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .title .no8 {
	width:82px;
	height:18px;
	float:left;
	text-align:center;
	padding-top:7px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .title .no9 {
	width:88px;
	height:18px;
	float:left;
	text-align:center;
	padding-top:7px;
	border-right:1px solid #bebebe;
}

#sub_contnts_wrap .contents .sch_con ul .con {
	width:679px;
	height:40px;
	float:left;
	border-bottom:1px solid #bebebe;
	background:#f0f0f0;
	font-family:dotum, 돋음;
	font-size:12px;
	color:#888888;
}
#sub_contnts_wrap .contents .sch_con ul .con .no1 {
	width:32px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:15px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con .no2 {
	width:49px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:15px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con .no3 {
	width:45px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:15px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con .no4 {
	width:92px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:15px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con .no5 {
	width:99px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:15px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con .no6 {
	width:101px;
	height:30px;
	float:left;
	text-align:center;
	padding-top:10px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con .no7 {
	width:82px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:15px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con .no8 {
	width:82px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:15px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con .no9 {
	width:88px;
	height:30px;
	float:left;
	text-align:center;
	padding-top:10px;
	border-right:1px solid #bebebe;
}

#sub_contnts_wrap .contents .sch_con ul .con2 {
	width:679px;
	height:40px;
	float:left;
	border-bottom:1px solid #bebebe;
	font-family:dotum, 돋음;
	font-size:12px;
	color:#888888;
}
#sub_contnts_wrap .contents .sch_con ul .con2 .no1 {
	width:32px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:15px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con2 .no2 {
	width:49px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:15px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con2 .no3 {
	width:45px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:15px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con2 .no4 {
	width:92px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:15px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con2 .no5 {
	width:99px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:15px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con2 .no6 {
	width:101px;
	height:30px;
	float:left;
	text-align:center;
	padding-top:10px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con2 .no7 {
	width:82px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:15px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con2 .no8 {
	width:82px;
	height:25px;
	float:left;
	text-align:center;
	padding-top:15px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .sch_con ul .con2 .no9 {
	width:88px;
	height:30px;
	float:left;
	text-align:center;
	padding-top:10px;
	border-right:1px solid #bebebe;
}
#sub_contnts_wrap .contents .text {
	width:680px;
	float:left;
	margin-left:50px;
	margin-top:20px;
	font-family:dotum, 돋음;
	font-size:11px;
	color:#888888;
	margin-bottom:30px;
}
#sub_contnts_wrap .contents .text span {
	font-weight:bold;
	color:#d16722;
}
#sub_contnts_wrap .contents .board {
	width:680px;
	float:left;
	min-height:300px;
	margin-left:50px;
}

/*#visualGall {width: 100%; height: 570px; font-size: 0; line-height: 0; margin-bottom:20px; position: relative; overflow: hidden;}

.visualUL {width:100%;height:100%;overflow:hidden;position:absolute;text-align:right;}
.visualUL li {width:12px;height:13px;display:inline;}
.visualUL li.last {margin-right:5px;}
.visualUL li span.navi {position:absolute;display:block;width:12px;height:13px;overflow:hidden;z-index:3;cursor:pointer;bottom:18px;margin-left:10px; display:none;}
.visualUL li span.navi a {display:block;width:12px;height:13px;overflow:hidden;background:url("http://www.seoul.go.kr/v2012/images/main/new_visualUL_navi.png") no-repeat 0 0;text-indent:-1000px;}
.visualUL li span.navi a {background-position:0 0;}
.visualUL li.on span.navi a {background-position:0 -12px;}
.visualUL li span.pic {position:absolute;left:0;top:0;z-index:1;}
.visualUL li span.pic {display:none;}
.visualUL li.v_1 span.navi {left:0px;}
.visualUL li.v_2 span.navi {left:13px;}
.visualUL li.v_3 span.navi {left:26px;}
.visualUL li.v_4 span.navi {left:39px;}
.visualUL li.v_5 span.navi {left:52px;}
.visualUL li.v_6 span.navi {left:65px;}
.visualUL li.v_7 span.navi {left:78px;}
.visualUL li.v_8 span.navi {left:91px;}
.visualUL li.v_9 span.navi {left:104px;}
#visualGall #ctrlHots { position:absolute;left:150px;top:437px;z-index:2; height:28px; overflow:hidden;}
#visualGall #ctrlHots a {margin-right:5px}*/


#visualGall {width: 100%; height: 570px; font-size: 0; line-height: 0; margin-bottom:20px; position: relative; overflow: hidden;}

.visualUL {width:100%;height:100%;overflow:hidden;position:absolute;text-align:right;}
.visualUL li {width:12px;height:13px;display:inline;}
.visualUL li.last {margin-right:5px;}
.visualUL li span.navi {position:absolute; display:block; width:15px; height:15px; overflow:hidden; z-index:3; cursor:pointer; bottom:124px; margin-left:150px; border-radius:10px;}
.visualUL li span.navi a {display:block; width:15px; height:15px; overflow:hidden; background:#7b7b7b; border-radius:10px;}
.visualUL li.on span.navi a {background:#d06934; box-shadow:0px 0px 0px;}
.visualUL li span.pic {position:absolute;left:0;top:0;z-index:1;}
.visualUL li span.pic {display:none;}
.visualUL li.v_1 span.navi {left:0px;}
.visualUL li.v_2 span.navi {left:20px;}
.visualUL li.v_3 span.navi {left:40px;}
.visualUL li.v_4 span.navi {left:60px;}
.visualUL li.v_5 span.navi {left:80px;}
.visualUL li.v_6 span.navi {left:100px;}
.visualUL li.v_7 span.navi {left:78px;}
.visualUL li.v_8 span.navi {left:91px;}
.visualUL li.v_9 span.navi {left:104px;}
#visualGall #ctrlHots { position:absolute;left:150px;top:437px;z-index:2; height:28px; overflow:hidden;}
#visualGall #ctrlHots a {margin-right:5px}