*
{
	margin: 0;
	padding: 0;
	border: 0;
}

html
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

body
{
	width: 100%;
	height: 100%;
	font-family: "굴림", "돋움", Tahoma;
	font-size: 75%;
	color: #666;
	margin: 0;
	padding: 0;
	border: 0;
}

a:link 
{
	color: #64A91E; 
	text-decoration: none;
}

a:visited 
{
	color: #069;
	text-decoration: none;
}

a:hover 
{
	color: #64A91E;
	text-decoration: underline;
}

ul,
ul li,
ol,
ol li
{
	font-size: 12px;
	list-style-type: none;
}

div,
table,
p
{
	font-size: 12px;
}

p
{
	line-height: 150%;
}

form,
form fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

form fieldset legend
{
	display: none;
}

select,
input,
textarea
{
	font-size: 12px;
	font-family: "굴림", "돋움", Tahoma;
	border: 1px solid #BFC3CD;
}

input.button,
input.radio,
input.checkbox
{
	border: none;
}

select.select
{
}

input.input
{
	height: 15px;
}

img.link
{
	vertical-align: middle;
	cursor: pointer;
}

h1,
h2,
h3,
hr,
ul#skip-nav,
ul#review-nav,
div#review-contents,
p.global_design
{
	display: none;
}

/****************************************************************************************************/
/*  헤더 영역
/****************************************************************************************************/
div#wrapper
{
	width: 100%;
	clear: both;
	float: left;
	background: url(/images/open_content/main_page/bg_header.jpg) left top repeat-x;
}

div#wrapper div#header
{
	width: 990px;
	height: 123px;
	clear: both;
	float: left;
	padding-left: 21px;
}

* html div#wrapper div#header
{
	width: 1011px;
}

div#wrapper div#header div#header-logo
{
	width: 210px;
	height: 79px;
	clear: both;
	float: left;
}

div#wrapper div#header div#header-logo img
{
	width: 210px;
	height: 79px;
	vertical-align: top;
}

div#wrapper div#header div#header-menu
{
	width: 762px;
	float: left;
	padding-left: 18px;
}

* html div#wrapper div#header div#header-menu
{
	width: 780px;
}

div#wrapper div#header div#header-menu ul#top-link
{
	width: 246px;
	float: left;
	padding-left: 516px;
}

* html div#wrapper div#header div#header-menu ul#top-link
{
	width: 762px;
}

div#wrapper div#header div#header-menu ul#top-link li
{
	float: left;
}

div#wrapper div#header div#header-menu ul#top-link li img
{
	height: 31px;
	vertical-align: top;
}

div#wrapper div#header div#header-menu ul#top-link li img.home
{
	width: 57px;
}

div#wrapper div#header div#header-menu ul#top-link li img.sitemap
{
	width: 61px;
}

div#wrapper div#header div#header-menu ul#top-link li img.usc
{
	width: 64px;
}

div#wrapper div#header div#header-menu ul#top-link li img.tour
{
	width: 64px;
}

div#wrapper div#header div#header-menu ul#main-link
{
	width: 762px;
	height: 92px;
	clear: both;
	float: left;
}

div#wrapper div#header div#header-menu ul#main-link li
{
	float: left;
}

div#wrapper div#header div#header-menu ul#main-link li ul li
{
	float: left;
}

/* 센터소개 서브메뉴 */
div#wrapper div#header div#header-menu ul#main-link li ul#main-link-sub01
{
	position: absolute;
	top: 79px;
	left: 249px;
	z-index: 3;
	display: block;
	width: 762px;
}

/* 시설안내 서브메뉴 */
div#wrapper div#header div#header-menu ul#main-link li ul#main-link-sub02
{
	position: absolute;
	top: 79px;
	left: 249px;
	z-index: 3;
	display: none;
	width: 762px;
}

/* 프로그램안내 서브메뉴 */
div#wrapper div#header div#header-menu ul#main-link li ul#main-link-sub03
{
	position: absolute;
	top: 79px;
	left: 349px;
	z-index: 3;
	display: none;
	width: 762px;
}

/* 알림마당 서브메뉴 */
div#wrapper div#header div#header-menu ul#main-link li ul#main-link-sub04
{
	position: absolute;
	top: 79px;
	left: 449px;
	z-index: 3;
	display: none;
	width: 762px;
}

/* 참여공간 서브메뉴 */
div#wrapper div#header div#header-menu ul#main-link li ul#main-link-sub05
{
	position: absolute;
	top: 79px;
	left: 549px;
	z-index: 3;
	display: none;
	width: 762px;
}

/* 관련시설 서브메뉴 */
div#wrapper div#header div#header-menu ul#main-link li ul#main-link-sub06
{
	position: absolute;
	top: 79px;
	left: 549px;
	z-index: 3;
	display: none;
	width: 762px;
}

/* 청소년정보 서브메뉴 */
div#wrapper div#header div#header-menu ul#main-link li ul#main-link-sub07
{
	position: absolute;
	top: 79px;
	left: 549px;
	z-index: 3;
	display: none;
	width: 762px;
}

div#wrapper div#header div#header-menu ul#main-link li img
{
	height: 48px;
}

div#wrapper div#header div#header-menu ul#main-link li img.header_01
{
	width: 105px;
}

div#wrapper div#header div#header-menu ul#main-link li img.header_02
{
	width: 101px;
}

div#wrapper div#header div#header-menu ul#main-link li img.header_03
{
	width: 117px;
}

div#wrapper div#header div#header-menu ul#main-link li img.header_04
{
	width: 103px;
}

div#wrapper div#header div#header-menu ul#main-link li img.header_05
{
	width: 109px;
}

div#wrapper div#header div#header-menu ul#main-link li img.header_06
{
	width: 106px;
}

div#wrapper div#header div#header-menu ul#main-link li img.header_07
{
	width: 121px;
}

div#wrapper div#header div#header-menu ul#main-link li ul li img
{
	height: 35px;
}

/****************************************************************************************************/
/*  공지사항 영역
/****************************************************************************************************/
div#wrapper div#container
{
	width: 990px;
	height: 558px;
	clear: both;
	float: left;
	padding-left: 21px;
	padding-top: 26px;
	background: url(/images/open_content/main_page/bg_visual.jpg) right top no-repeat;
}

* html div#wrapper div#container
{
	width: 1011px;
	height: 584px;
}

div#wrapper div#container div#notice
{
	width: 320px;
	clear: both;
	float: left;
}

div#wrapper div#container div#notice div#notice1
{
	width: 100%;
	clear: both;
	float: left;
	display: block;
}

div#wrapper div#container div#notice div#notice2
{
	width: 100%;
	clear: both;
	float: left;
	display: none;
}

div#wrapper div#container div#notice div#notice1 ul.notice_title,
div#wrapper div#container div#notice div#notice2 ul.notice_title
{
	width: 100%;
	height: 28px;
	clear: both;
	float: left;
}

div#wrapper div#container div#notice div#notice1 ul.notice_title li.li_01,
div#wrapper div#container div#notice div#notice2 ul.notice_title li.li_01
{
	width: 81px;
	height: 28px;
	float: left;
}

div#wrapper div#container div#notice div#notice1 ul.notice_title li.li_02,
div#wrapper div#container div#notice div#notice2 ul.notice_title li.li_02
{
	width: 84px;
	height: 28px;
	float: left;
}

div#wrapper div#container div#notice div#notice1 ul.notice_title li.detail,
div#wrapper div#container div#notice div#notice2 ul.notice_title li.detail
{
	width: 31px;
	height: 23px;
	float: left;
	padding-left: 124px;
	background: url(/images/open_content/main_page/bg_line.jpg) left bottom no-repeat;
}

* html div#wrapper div#container div#notice div#notice1 ul.notice_title li.detail,
* html div#wrapper div#container div#notice div#notice2 ul.notice_title li.detail
{
	width: 155px;
}

div#wrapper div#container div#notice div#notice1 ul.notice_title li.li_01 a img,
div#wrapper div#container div#notice div#notice2 ul.notice_title li.li_01 a img
{
	width: 81px;
	height: 28px;
	vertical-align: top;
}

div#wrapper div#container div#notice div#notice1 ul.notice_title li.li_02 a img,
div#wrapper div#container div#notice div#notice2 ul.notice_title li.li_02 a img
{
	width: 84px;
	height: 28px;
	vertical-align: top;
}

div#wrapper div#container div#notice div#notice1 ul.notice_title li.detail a img,
div#wrapper div#container div#notice div#notice2 ul.notice_title li.detail a img
{
	width: 31px;
	height: 7px;
	vertical-align: bottom;
}

div#wrapper div#container div#notice div#notice1 div.notice_content,
div#wrapper div#container div#notice div#notice2 div.notice_content
{
	width: 213px;
	height: 100px;
	clear: both;
	float: left;
	padding-left: 107px;
	background: url(/images/open_content/main_page/bg_notice.jpg) left top no-repeat;
}

* html div#wrapper div#container div#notice div#notice1 div.notice_content,
* html div#wrapper div#container div#notice div#notice2 div.notice_content
{
	width: 320px;
}

div#wrapper div#container div#notice div#notice1 ul.notice_list,
div#wrapper div#container div#notice div#notice2 ul.notice_list
{
	width: 100%;
	clear: both;
	float: left;
	margin-top: 8px;
}

div#wrapper div#container div#notice div#notice1 ul.notice_list li.li_01,
div#wrapper div#container div#notice div#notice2 ul.notice_list li.li_01
{
	width: 137px;
	float: left;
	padding-left: 6px;
	background: url(/images/open_content/main_page/ico_notice.jpg) left 5px no-repeat;
}

* html div#wrapper div#container div#notice div#notice1 ul.notice_list li.li_01,
* html div#wrapper div#container div#notice div#notice2 ul.notice_list li.li_01
{
	width: 143px;
}

div#wrapper div#container div#notice div#notice1 ul.notice_list li.li_02,
div#wrapper div#container div#notice div#notice2 ul.notice_list li.li_02
{
	width: 70px;
	float: left;
	text-align: right;
}

div#wrapper div#container div#counsel
{
	width: 270px;
	height: 69px;
	clear: both;
	float: left;
	margin-top: 12px;
}

/****************************************************************************************************/
/*  포토갤러리 영역
/****************************************************************************************************/
div#wrapper div#container div#photo
{
	width: 270px;
	clear: both;
	float: left;
	margin-top: 10px;
}

div#wrapper div#container div#photo div.photo_title
{
	width: 100%;
	height: 19px;
	clear: both;
	float: left;
}

div#wrapper div#container div#photo div.photo_title p.p_01
{
	width: 97px;
	height: 19px;
	clear: both;
	float: left;
}

div#wrapper div#container div#photo div.photo_title p.p_02
{
	width: 34px;
	height: 19px;
	float: left;
	padding-left: 139px;
}

* html div#wrapper div#container div#photo div.photo_title p.p_02
{
	width: 173px;
}

div#wrapper div#container div#photo div.photo_list
{
	width: 270px;
	height: 147px;
	clear: both;
	float: left;
	background: url(/images/open_content/main_page/bg_photo.jpg) left top no-repeat;
}

div#wrapper div#container div#photo div.photo_list div.photo_01
{
	width: 104px;
	height: 69px;
	float: left;
	padding-left: 16px;
	padding-right: 9px;
	padding-top: 17px;
	padding-bottom: 17px;
}

* html div#wrapper div#container div#photo div.photo_list div.photo_01
{
	width: 129px;
	height: 103px;
}

div#wrapper div#container div#photo div.photo_list div.photo_01 p.p_01
{
	width: 104px;
	height: 63px;
	clear: both;
	float: left;
}

div#wrapper div#container div#photo div.photo_list div.photo_01 p.p_01 img
{
	width: 104px;
	height: 63px;
}

div#wrapper div#container div#photo div.photo_list div.photo_01 p.p_02
{
	width: 104px;
	height: 20px;
	clear: both;
	float: left;
	margin-top: 5px;
	padding-left: 6px;
	background: url(/images/open_content/main_page/ico_photo.jpg) left 5px no-repeat;
}

* html div#wrapper div#container div#photo div.photo_list div.photo_01 p.p_02
{
	width: 110px;
}

div#wrapper div#container div#photo div.photo_list div.photo_01 p.p_03
{
	width: 104px;
	height: 20px;
	clear: both;
	float: left;
	margin-top: 5px;
	padding-left: 6px;
	background: url(/images/open_content/main_page/ico_photo.jpg) left 5px no-repeat;
}

* html div#wrapper div#container div#photo div.photo_list div.photo_01 p.p_03
{
	width: 110px;
}

/****************************************************************************************************/
/*  VR보기/배너 영역
/****************************************************************************************************/
div#wrapper div#container div#banner
{
	width: 390px;
	height: 132px;
	clear: both;
	float: left;
	margin-top: 9px;
	background: url(/images/open_content/main_page/bg_banner.jpg) left top no-repeat;
}

div#wrapper div#container div#banner div.banner_01
{
	width: 183px;
	height: 111px;
	float: left;
	padding-left: 5px;
	padding-top: 5px;
}

* html div#wrapper div#container div#banner div.banner_01
{
	width: 188px;
	height: 116px;
}

div#wrapper div#container div#banner div.banner_01 object
{
	width: 183px;
	height: 111px;
}

div#wrapper div#container div#banner div.banner_02
{
	width: 189px;
	height: 111px;
	float: left;
	padding-left: 3px;
	padding-top: 5px;
}

* html div#wrapper div#container div#banner div.banner_02
{
	width: 192px;
	height: 116px;
}

div#wrapper div#container div#banner div.banner_02 object
{
	width: 189px;
	height: 111px;
}

/****************************************************************************************************/
/*  홍보동영상 영역
/****************************************************************************************************/
div#wrapper div#container div#movie
{
	position: absolute;
	left: 361px;
	top: 149px;
	width: 174px;
	height: 167px;
	background: url(/images/open_content/main_page/bg_movie.jpg) left bottom no-repeat;
}

div#wrapper div#container div#movie div.title
{
	width: 142px;
	height: 20px;
}

div#wrapper div#container div#movie div.object
{
	width: 174px;
	height: 147px;
}

div#wrapper div#container div#movie div.object object
{
	width: 174px;
	height: 147px;
}


div#wrapper div#container div#main_visual
{
	position: absolute;
	left: 291px;
	top: 335px;
	width: 386px;
	height: 94px;
}

div#wrapper div#container div#main_visual object
{
	width: 386px;
	height: 94px;
}

/****************************************************************************************************/
/*  푸터 영역
/****************************************************************************************************/
div#wrapper div#footer
{
	width: 100%;
	height: 94px;
	clear: both;
	float: left;
	background: url(/images/open_content/main_page/bg_footer.jpg) left top repeat-x;
}

div#wrapper div#footer div#footer-inner
{
	width: 990px;
	height: 94px;
	clear: both;
	float: left;
	padding-left: 21px;
}

* html div#wrapper div#footer div#footer-inner
{
	width: 1011px;
}

div#wrapper div#footer div#footer-logo
{
	width: 171px;
	height: 94px;
	clear: both;
	float: left;
}

div#wrapper div#footer div#footer-logo img
{
	width: 171px;
	height: 94px;
}

div#wrapper div#footer div#footer-menu
{
	width: 799px;
	height: 74px;
	float: left;
	padding-left: 20px;
	padding-top: 20px;
	background: url(/images/open_content/main_page/bg_footer_inner.jpg) left top no-repeat;
}

* html div#wrapper div#footer div#footer-menu
{
	width: 819px;
	height: 94px;
}

div#wrapper div#footer div#footer-menu ul#footer-link
{
	width: 100%;
	height: 10px;
	float: left;
}

div#wrapper div#footer div#footer-menu ul#footer-link li
{
	float: left;
}

div#wrapper div#footer div#footer-menu ul#footer-link li img
{
	height: 10px;
	vertical-align: top;
}

div#wrapper div#footer div#footer-menu ul#footer-contact
{
	width: 100%;
	height: 10px;
	clear: both;
	float: left;
	margin-top: 10px;
}

div#wrapper div#footer div#footer-menu ul#footer-contact li
{
	float: left;
}

div#wrapper div#footer div#footer-menu ul#footer-contact li img
{
	height: 10px;
	vertical-align: top;
}

div#wrapper div#footer div#footer-menu ul#footer-copyright
{
	width: 100%;
	height: 12px;
	clear: both;
	float: left;
	margin-top: 10px;
}

div#wrapper div#footer div#footer-menu ul#footer-copyright li
{
	float: left;
}

div#wrapper div#footer div#footer-menu ul#footer-copyright li img
{
	height: 12px;
	vertical-align: top;
}