* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	position:relative;
	font-size: 100%;
	font-family: "YoonGothic740", "맑은 고딕", sans-serif;
	width: 100%;
	color: #363636;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-font-smoothing: antialiased;
}
.lte7 body {
	min-width: inherit;
	max-width: none;
}
#wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 1;
}
h3,
label,
button,
input {
	font-size: 12px;
}
label input {
	font-size: 12px;
}
legend,
button {
	line-height: 18px;
}
button {
	cursor: pointer;
}
a {
	text-decoration: none;
	color:#161616;
}
a:hover {
	color: #009900;
}
.hidden {
	position:absolute;
	font-size: 0;
	line-height: 0;
	visibility:hidden;
	overflow: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	height:1%;
}
.clearfix {
	height:auto;
}
.clearfix:after {
	content: ' ';
	display: block;
	clear: both;
}
#accessibility-links {
	position: absolute;
	top:-10em;
	font-size: 16px;
	letter-spacing: -0.4px;
	width:100%;
	margin: 0 auto;
}
#accessibility-links li a:focus,
#accessibility-links li a:active {
	position: absolute;
	top: 10em;
	left:0;
	width:100%;
	text-align:center;
	color: #ffff00;
	background-color: #111;
	padding: 29px 0;
	z-index:10000;
}
#content-main h4 {
	font-size: 19px;
	color: #222;
	letter-spacing: -0.4px;
	margin: 30px 0 15px 0;
}
h4.first {
	margin-top: 9px;
}
h5 {
	font-size: 15px;
	
	line-height: 22px;
	margin: 18px 0 4px 0;
}
em {
	display: block;
	font-style: normal;
	font-weight: normal;
}

/* 상단영역*/
#header {
	position: fixed;
	font-size: 12px;
	width: 100%;
	height: 168px;
	margin: 0;
	background-color: #fff;
	z-index: 1000;
}
.header-active {
	/*width: 100% !important;
	top: -74px !important;
	left: 0 !important;
	margin: 0 !important;*/
}

#header .header-area {
	position:relative;
	width: 100%;
	height: 168px;
	margin: 0 auto;
}

.header-active .header-area {
	/*height: 74px !important;*/
	/*position:absolute !important;
	width: 1000px !important;
	height: 73px;
	left: 50% !important;
	margin: 0 0 0 -500px !important;*/
}
#header .header-area img.symbol {
	position: absolute;
	top: 0;
	left: 0;

	z-index: 10;
}
#header h1 {
	position: absolute;
	top: 24px;
	left: 10px;
	width: 150px;
	margin: 0;
}
#header h1 a {
	display: block;
}
#header h1 a img {
	display: block;
	width: 150px;
}
#header h1 span {
	display: block;
	position: absolute;
	left: 59px;
	top: 38px;
	color: #888;
}
#header #menu h1 {
	position:absolute;
	font-size: 0;
	line-height: 0;
	visibility:hidden;
	overflow: hidden;
	width: 0;
	height: 0;
}
#header a.taegeukgi {
	position: absolute;
	top: 30px;
	left: 167px;
	width: 55px;
	height: 38px;
}
#header .top-links-area {
	position: relative;
	width: 100%;
	height: 30px;
	margin: 0;
	border-bottom: 1px solid #ddd;
	background: #eee;
}
#header .top-links {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#header .top-links a {
	display: inline-block;
	vertical-align: top;
	padding: 9px;
}
#header .top-links a.sitemap,
#header .top-links a.language {
	background: #fff;
	border-bottom-color: #fff;
}
#header .top-links a.sitemap {
	padding-left: 18px;
	border-left: 1px solid #ddd;
}
#header .top-links a.language {
	padding-right: 18px;
	border-right: 1px solid #ddd;
}
#header .top-links a.council {
	margin-left: 12px;
	padding-left: 21px;
	background: url(/images/common/council-icon.svg) 0 50% no-repeat;
}

#header .top-links ul#version {
	position: absolute;
	top: 0;
	right: 0;
}
#header .top-links ul#version li {
	display: inline-block;
	vertical-align: top;
}
#header .top-links a.version {
	background: #e0e0e0;
}
#header .top-links a.pc-version {
	padding-left: 18px;
}
#header .top-links a.text-version {
	padding-right: 18px;
}
#header .top-links a.login {
	color: #fff;
	padding: 9px 18px;
	background: #1cae2a;
}
#header-middle-area {
	position: relative;
	width: 1000px;
	height: 90px;
	overflow: hidden;
	margin: 0 auto;
}

#header-middle-area #search-area {
    position: absolute;
    top: 30px;
    left: 37.5%;
    margin: 0 0 0 -145px;
    width: 290px;
    height: 35px;
}

#search-area form {
	position:relative;
	width: 290px;
	height: 35px;
	border: 1px solid #b8b8b8;
}
#search-area legend,
#search-area label {
	position:absolute;
	font-size:0;
	width:0;
	height:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
}
#search-area form input.textbox {
	position:relative;
	float: left;
	font-size: 14px;
	color: #222;
	font-family: "YoonGothic740", "맑은 고딕", sans-serif;
	line-height: 21px;
	width: 229px;
	margin: 0;
	padding: 6px 8px;
	border: 0 none;
}
#search-area form input.button {
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 13px;
	font-family: "YoonGothic740", "맑은 고딕", sans-serif;
	font-weight:bold;
	letter-spacing: -0.5px;
	line-height: 35px;
	width: 60px;
	height: 35px;
	border:0 none;
	margin: -1px -1px 0 0;
	padding: 0;
	background-color: #1889ea;
}
#search-area form input.button:hover{
	background-color: #0364b7;
}
/*2021-03-09*/
#header-middle-area #weather {
	float: right;
	margin: 16px 252px 0 0;
}
#header-middle-area #weather:after {
	display: block;
	clear: both;
	content: ' ';
}
#header-middle-area #weather .weather-title {
	float: left;
	color: #777;
	margin: 8px 0 0 0;
}
#header-middle-area #weather .weather-image {
	float: left;
	width: 60px;
	height:60px;
	margin: 0 12px 0 6px;
}
#header-middle-area #weather .weather-image img {
	width: 60px;
}
#header-middle-area #weather ul {
	float: left;
	margin: 8px 0 0 0;
}
#header-middle-area #weather ul li.temperature {
	font-size: 28px;
	color: #0b85db;
	font-weight: bold;
}
#header-middle-area #weather ul li.condition {
	font-size: 14px;
	margin: 6px 0 0 0;
}

#header #menu {
	position: relative;
	top: 0;
	width: 100%;
	/*background-color: #1E99F0;*/
	border-top: 1px solid #d6d6d6;
	box-shadow: 0 1px 1px #999;
	/*border-bottom: 1px solid #d6d6d6;*/
} 
.header-active #menu {
	position: fixed !important;
	width: 100%;
	border: 0 none !important;
	background-color: #1cae2a !important;
	box-shadow: 0 1px 3px #444 !important;
}
body.scroll-top #header .header-area img.symbol {
	display: none;
}
#menu ul {
	position:relative;
	width: 1000px;
	margin: -1px auto 0 auto;
	z-index:100;
}
#menu ul li {
	position:relative;
	display: inline-block;
	vertical-align: top;
	width: 200px;
	text-align: center;
	margin: 0;
	padding: 0;
}
/* current menu */
/*
#menu ul li.current ul {
	display: block;
}
*/
#menu ul li:hover {
	z-index: 100;
}
#menu ul li:hover ul {
	display:block;
	z-index: 100;
}
#menu ul li a {
	display: block;
	position: relative;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	letter-spacing: -0.4px;
	margin: 0;
	padding: 14px 0 14px 0;
}

.header-active #menu ul li a {
	color: #fff;
}
/*
#top #menu ul li a {
	font-family: "YoonGothic780";
	letter-spacing: -1px;
}
*/
#menu ul li ul {
	display: none;
	position: absolute;
	top: 48px;
	left: 0;
	background-color: transparent;
	margin: 0;
	padding: 1px 0 0 0;
	/*box-shadow: 1px 1px 1px #ddd;*/
	z-index: 1000;
}
#menu ul li.first ul {
	left: 0;
}
#menu ul li:hover ul {
	display: block;
	z-index: 100;
	background: transparent;
}
#menu ul li:hover ul li:hover ul {
	z-index: 101;
}
/*
#menu ul li.current ul {
	display: block;
}
*/
#menu ul li ul li {
	position:relative;
	float:none;
	display: block !important;
	text-align: left;
	margin: 0;
	padding: 0;
	z-index: 1000;
}
/*
#menu ul li ul li.first {
	background: none;
}
*/
#menu ul li.sfHover a,
#menu ul li a:hover,
#menu ul li a:focus {
	/* color: #fff; */
	background: #0B85DB;
}
#menu ul li.current a.step01 {
	color: #fff;
	background: #F4971C;
	background: #009900 !important;
}
#menu ul li ul li a {
	position:relative;
	display:block;
	font-size: 13px;
	color: #333 !important;
	text-align: left;
	letter-spacing: 0;
	font-weight: normal;
	margin: 0;
	padding: 9px 0 9px 10px !important;
	border-top: 1px solid #ccc;
	border-bottom: 0 none;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	background: #fff;

	z-index:1000;
}
#menu ul li.current ul li span a {
	color: #111;
	background: #fff url(/images/common/step02.png) 90% 50% no-repeat;
	z-index:1001;
}
#menu ul li.sfHover ul li a {
	background-color: #fff;
}
#menu ul li.sfHover ul li.sfHover span a {
	background-color: #f7dc88;
}
#menu ul li.sfHover ul li.sfHover ul li a,
#menu ul li.sfHover ul li.sfHover ul li a:hover {
	background-color:  #fff;
	z-index: 1003;
}
#menu ul li.sfHover ul li span a {
	background-image: url(/images/common/step02.png);
	background-position: 90% 50%;
	background-repeat: no-repeat;
}
#menu ul li ul li.sfHover a,
#menu ul li ul li a:hover,
#menu ul li ul li a:focus {
	color: #111;
	background-color: #e5dff5;
	background-color: #f7dc88;
	z-index:1002;
}
#menu ul li.current ul li a:hover,
#menu ul li.current ul li a:focus {
	color: #111;
	background-color: #e5dff5;
	background-color: #f7dc88;
	z-index:1002;
}
#menu ul li ul li.current a,
#menu ul li ul li.current a:hover,
#menu ul li ul li.current a:focus {
	/*background-color: #0c9d1a !important;*/
	background: #0c9d1a url(/images/common/step02-on.png) 90% 50% no-repeat !important;
	color: #fff !important;
	z-index:1002;
}
#menu ul li ul li.first a,
#menu ul li ul li.first a:hover,
#menu ul li ul li.first a:focus {
	padding-top: 10px;
	border-top: 0 none;
	margin: 0;
}
#menu ul li ul li.last a {
	border-bottom: 1px solid #ccc;
}
#menu ul li ul li.last {
	display: block;
}
#menu ul li.first {
	margin-left: 0;
}
#menu ul li.last {
	margin-right: 0;
}
#menu ul li ul li.first ul li a,
#menu ul li ul li.first ul li a:hover,
#menu ul li ul li.first ul li a:focus {
	border-top: 1px solid #ccc;
}
/*
#menu ul li.current a:hover,
#menu ul li.current a:focus {
	color: #111;
	background-color: #e5dff5;
	background-color: #f8f2e1 !important;
	z-index:1002;
}
*/

#menu ul li ul li ul li a:hover,
#menu ul li ul li.current ul li a,
#menu ul li ul li.current ul li a:hover,
#menu ul li ul li.current ul li a:focus {
	background: #f7dc88 !important;
	color: #111 !important;
	z-index:1003;
}
#menu ul li.current ul li ul li a {
	color: #111 !important;
	font-weight: normal !important;
	background: #fff !important;
	z-index:1001;
}
#menu ul li ul li ul li.current a,
#menu ul li ul li ul li.current a:hover,
#menu ul li ul li ul li.current a:focus {
	color: #fff !important;
	background: #F4971C;
	background: #009900 !important;
}




#menu ul li ul li ul {
	display: none;
	position: absolute;
	top: 0;
	left: 200px !important;
	background-color: transparent;
	margin: 0;
	padding: 0;
	z-index: 999;
}
/*
#menu ul li ul li.first ul {
	top: -1px;
}
*/
#menu ul li ul li ul li a {
	width: 180px !important;
	margin: 0;
	border-top: 1px solid #c6c6c6;
	border-bottom: 0 none;
}
#menu ul li.menu03 ul li ul li a {
	width: 201px !important;
}
#menu ul li ul li ul li.first a {
	border-top: 1px solid #c6c6c6 !important;
}
/*
#menu ul li ul li.first ul li.first a {
	border-top: 0 none !important;
}
*/
#menu ul li ul li.last ul li a {
	border-bottom: 0 none;
}
#menu ul li.current ul li.last ul li:last-child a,
#menu ul li ul li.last ul li.last a {
	border-bottom: 1px solid #c6c6c6;
}
#menu ul li ul li ul li a:hover,
#menu ul li ul li ul li a:focus {
	background-color: #f7dc88 !important;
}

#decoration-area {
	position: relative;
	width: 100%;
	padding: 168px 0 0 0;
	background: #eee url(/images/open.content/en/common/sub-visual.jpg) center bottom no-repeat;
	z-index: 1;
}
#decoration-area .decoration {
	width: 100%;
	z-index: 1;
}
#decoration-area .decoration .decoration-content {
	position: relative;
	width: 1000px;
	min-height: 150px;
	margin: 0 auto;
	padding: 25px 0 10px 0;
}
#decoration-area .decoration .decoration-content p {
	position: relative;
	top: 15px;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	text-shadow: 0 1px 2px #000;
}
#container-area {
	position: relative;
	width: 100%;
	/*background: #fff url(/images/common/container-bg.gif) center 0 repeat-y;*/
	box-shadow: 0 -1px 1px #999;
	z-index: 2;
}
#container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

/*서브메뉴*/
#side-menu-area {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 215px;
	margin: -10px 0 0 0;

	height: 1%;
}
#side-menu-area {
	height: auto;
}
.lte7 #side-menu-area {
	display: inline;
}
#side-menu-area h2 {
	font-size: 22px;
	font-family: "YoonGothic740";
	color: #FFF;
	text-align: left;
	letter-spacing: -0.5px;
	line-height: 22px;
	margin: 0;
	padding: 28px 25px 30px 25px;
	background: #0c9d1a url(/images/open.content/ko/common/h2-bg.png) 0 0 no-repeat;
}

#side-menu-area h2 span {
	display: block;
	color: #ffeb0b;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	line-height: 18px;
	letter-spacing: -0.4px;
	padding: 0 0 6px 1px;
}
#side-menu {
	position: relative;
	vertical-align: top;
	border-right: 0 none;
	border-left: 0 none;
	/*border-bottom: 1px solid #FFF;*/
}
#side-menu ul {
	padding: 0;
}
#side-menu ul ul {
	margin: 0;
	padding: 0;
}
#side-menu li {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 1;
	height:1%;
}
#side-menu li {
	height:auto;
}
#side-menu li a {
	position: relative;
	display: block;
	font-size: 13px;
	text-align: left;
	letter-spacing: -0.4px;
	/*margin: -1px 0 0 0;*/
	padding: 12px 0 12px 15px;
	background: #ecebe8;
	border: 1px solid #cfcfcf;
	border-top: 0 none;

	height:1%;
}
#side-menu li a {
	height:auto;
}
#side-menu li.first a {
	border-top-color: transparent !important;
}
#side-menu li.last a {
	border-bottom-color: #cfcfcf;
}
#side-menu li li {
	display: block;
	border: 0 none;
	margin: 0;
	padding:0;
}
#side-menu li li a {
	display:block;
	font-weight: normal;
	letter-spacing: -0.4px;
	line-height: 20px;
	margin: 0 !important;
	padding: 5px 0 5px 27px !important;
	background: #fff url(/images/common/bullet.png) no-repeat 1.5em 13px !important;
	border-top: 0 none;
	border-bottom: 0 none;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}
#side-menu li span {
	display: block;
	font-size: 12px;
	color: #444;
	cursor: pointer;
	height: 1%;
}
#side-menu li span {
	height:auto;
}
#side-menu li span a {
	font-size: 13px;
	color: #222;
	padding: 12px 0 12px 15px;
	background: #ecebe8 url(/images/common/side-menu-plus.png) no-repeat 95% center;
}
#side-menu li.current a,
#side-menu li.current span,
#side-menu li span:hover {
	color: #222;
}
#side-menu li.current a {

	z-index: 2;
}
#side-menu li.current a {
	font-size: 14px;
	color: #369DDB !important;
	color: #B27820 !important;
	color: #090 !important;
	font-weight: bold !important;
	border-top: 0 none;
	background: #fff;
}
#side-menu li.current span a {
	background: #fff url(/images/common/side-menu-plus.png) no-repeat 95% center !important;
}
#side-menu li li a:hover,
#side-menu li li a:focus,
#side-menu li.current li a:hover,
#side-menu li.current li a:focus {
	color: #222;
	background-color: #f7dc88 !important;
}
#side-menu li.current li.current a {
	color: #fff !important;
	border-color: #090;
	background: #090 url(/images/common/bullet-on.png) no-repeat 15px 13px !important;
}
#side-menu li a:hover {
	color: #090;
	background-color: #fff;
}
#side-menu li span a:hover {
	color: #090;
	background-color: #e5dff5;
	background-color: #fff;
}
#side-menu li.current li a {
	font-size: 13px;
	font-weight: normal !important;
	color: #222 !important;
	background: #fff url(/images/common/bullet.png) no-repeat 15px 13px !important;
}
#side-menu li.current li.last a,
#side-menu li.expanded li.last a {
	border-bottom: 1px solid #cfcfcf;
}
#side-menu li.expanded span a {
	background: #fff url(/images/common/side-menu-minus.png) no-repeat 95% 13px !important;
	z-index: 2;
}
#side-menu ul li ul.hide {
	display:none;
}


#side-menu-area #sub-quick-menu {
	position: relative;
	width: 215px;
	margin: 20px 0;
}
#side-menu-area #sub-quick-menu .tab h5 {
	position:absolute;
	top: 0;
	font-size: 13px;
	font-weight:normal;
	margin: 0;
	padding: 0;
}
#side-menu-area #sub-quick-menu .tab1 h5 {
	left: 6px;
}
#side-menu-area #sub-quick-menu .tab2 h5 {
	left: 100px;
}
#side-menu-area #sub-quick-menu .tab h5 a {
	position: relative;
	display:block;
	color: #FFF;
	text-align: center;
	line-height: 41px;
	width: 110px;
	height: 41px;
	padding: 0;
	background: url(/images/open.content/ko/common/sub-quick-menu-title-bg.png) 0 -41px no-repeat;
	z-index: 1;
	transition-duration: 0;
	-webkit-transition-duration: 0;
	-moz-transition-duration: 0;
	-o-transition-duration: 0;
}
#side-menu-area #sub-quick-menu .tabon h5 a {
	color: #B27820;
	font-size: 15px;
	font-weight: bold;
	line-height: 42px;
	height: 40px;
	background-color: transparent;
	background-position: 0 0;
	z-index: 2;
}
#side-menu-area #sub-quick-menu .tab h5 a:hover,
#side-menu-area #sub-quick-menu .tab h5 a:focus {
	transition-duration: 0;
	-webkit-transition-duration: 0;
	-moz-transition-duration: 0;
	-o-transition-duration: 0;
}
#side-menu-area #sub-quick-menu .tab .box {
	display: none;
	overflow: hidden;
	height: 115px;
	margin: 0;
	padding: 60px 5px 8px 5px;
}
#side-menu-area #sub-quick-menu .tab .box ul li a {
	display: block;
	font-size: 13px;
	text-align: center;
	overflow: hidden;
	margin: 0;
	padding-top: 66px;
	background: url(/images/open.content/ko/common/sub-quick-menu-icon.png) 0 0 no-repeat;
}
#side-menu-area #sub-quick-menu .tab .box ul li.exhibition a {
	background-position: 0 0;
}
#side-menu-area #sub-quick-menu .tab .box ul li.venue-rental a {
	background-position: 0 -79px;
}
#side-menu-area #sub-quick-menu .tab .box ul li.accommodation a {
	background-position: 0 -158px;
}
#side-menu-area #sub-quick-menu .tab .box ul li.getway a {
	background-position: 0 -237px;
}
#side-menu-area #sub-quick-menu .tab .box ul li.meeting a {
	background-position: 0 -316px;
}
#side-menu-area #sub-quick-menu .tab .box ul li.silla a {
	background-position: 0 -395px;
}
#side-menu-area #sub-quick-menu .tab .box ul li.harmony a {
	background-position: 0 -474px;
}
#side-menu-area #sub-quick-menu .tab .box ul li.other-events a {
	background-position: 0 -553px;
}
#side-menu-area #sub-quick-menu .tab .box ul li a:hover,
#side-menu-area #sub-quick-menu .tab .box ul li a:focus {
	color: #1E99F0;
}

#side-menu-area #sub-quick-menu .tabon .box {
	display:block;
}
#sub-quick-menu .bx-wrapper {
	text-align: center;
	width: 205px !important;
	margin: 0 auto;
}
#sub-quick-menu .bx-wrapper .bx-pager {
	text-align: center;
	margin: 0 auto;
}
#sub-quick-menu .bx-wrapper .bx-viewport {
	width: 205px !important;
	height: 90px !important;
}
#side-menu-area #sub-quick-menu .tab-area .box ul li {
	position: relative;
	margin: 0;
	padding: 0;
}
#sub-quick-menu .box .bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	vertical-align: top;

	height: 1%;
}
#sub-quick-menu .box .bx-wrapper .bx-pager .bx-pager-item {
	height: auto;
}
.lte7 #sub-quick-menu .box .bx-wrapper .bx-pager .bx-pager-item {
	display: inline;
}
#sub-quick-menu .box .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: top;

	height: 1%;
}
#sub-quick-menu .box .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	height: auto;
}
.lte7 #sub-quick-menu .box .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline;
}
#sub-quick-menu .box .bx-wrapper .bx-controls {
	text-align: center;
	padding: 10px 0 0 0;
}
#sub-quick-menu .box .bx-wrapper .bx-pager.bx-default-pager {
	text-align: center;
}

#sub-quick-menu .box .bx-wrapper .bx-pager .bx-pager-item a {
	display: block;
	text-indent: -9999px;
	width: 14px;
	height: 14px;
	margin: 0 5px;
	/*border-radius: 10px;*/
	
	background: url(/images/open.content/ko/main/white-pager-off.png) 0 0 no-repeat;
}
#sub-quick-menu .box .bx-wrapper .bx-pager .bx-pager-item a:hover {
	width: 40px;
	background: url(/images/open.content/ko/main/yellow-pager-on.png) 0 0 no-repeat;
}
#sub-quick-menu .box .bx-wrapper .bx-pager .bx-pager-item a.active {
	width: 40px;
	background: url(/images/open.content/ko/main/yellow-pager-on.png) 0 0 no-repeat;
}

#sub-quick-menu .box .bx-wrapper .bx-prev {
	left: 10px;
	background: url(/images/open.content/ko/common/sub-quick-menu-controls.png) no-repeat 0 0;
}
#sub-quick-menu .box .bx-wrapper .bx-next {
	right: 10px;
	background: url(/images/open.content/ko/common/sub-quick-menu-controls.png) no-repeat 0 -52px;
}
#sub-quick-menu .box .bx-wrapper .bx-prev:hover,
#sub-quick-menu .box .bx-wrapper .bx-prev:focus {
	background-position: 0 -26px;
	transition-duration: 0;
	-webkit-transition-duration: 0;
	-moz-transition-duration: 0;
	-o-transition-duration: 0;
}
#sub-quick-menu .box .bx-wrapper .bx-next:hover,
#sub-quick-menu .box .bx-wrapper .bx-next:focus {
	background-position: 0 -78px;
	transition-duration: 0;
	-webkit-transition-duration: 0;
	-moz-transition-duration: 0;
	-o-transition-duration: 0;
}
#sub-quick-menu .box .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 90px;
	width: 14px;
	height: 26px;
	text-indent: -9999px;
	z-index: 1001;
	transition-duration: 0;
	-webkit-transition-duration: 0;
	-moz-transition-duration: 0;
	-o-transition-duration: 0;
}
#sub-quick-menu .box .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* content 영역 */
#content {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	width: 785px;
	margin: 0 0 50px 0;
	padding: 30px 0 0 0;
	background: #fff;

	height: 1%;
}
#content {
	height: auto;
}
.lte7 #content {
	display: inline;
}
/*비주얼영역*/
#decoration {
	width: 100%;
	height: 144px;
	margin: 0 auto;
	padding: 73px 0 0 0;
	background-color: #FFF;
	border-bottom: 1px solid #D9D9D9;
}
#decoration .sub-visual {
	width: 1000px;
	height: 144px;
	margin: 0 auto;
}
#content h3 {
	position: relative;
	font-size: 30px;
	color: #222;
	line-height: 30px;
	letter-spacing: -2px;
	margin: 0 0 39px 0;
}
#nav-bar {
	/*position: absolute;
	top: 24px;
	right: 38px;*/
	margin: 0;
	padding: 0 0 9px 0;
}
#nav-bar li {
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	font-family: dotum;
	padding: 2px 6px 0 6px;
	letter-spacing: -0.4px;
	background: url(/images/common/nav.gif) no-repeat 0 6px;
}
.lte7 #nav-bar li {
	display: inline;
}
#nav-bar li.first {
	padding-left: 0;
	padding-top:0;
	padding-bottom:0;
	background: transparent;
}
#nav-bar li.first a {
	display: block;
	text-indent: -9999em;
	width: 17px;
	height:17px;
	background: url(/images/common/nav-home.png) no-repeat 0 0;
}
#nav-bar li.last {
	padding-right: 0;
}
#nav-bar li a {
	font-size: 13px;
	color: #777;
	letter-spacing: -1px;
}
#nav-bar li.last a {
	color: #F4971C;
}
#share-area {
	position: absolute;
	top: 42px;
	right: 36px;
}
#share-area dl dt,
#share-area dl dd {
	display: inline-block;
	vertical-align: top;
}
#share-area dl dt {
	width: 33px;
}
#share-area dl dd {
	width: 30px;
	margin: 0 3px 0 0;
	padding: 0;
	background: transparent;
}
#share-area dl dd.twitter {
	margin-left: 3px;
}
.lte7 #share-area dl dt {
	display: inline;
}
.lte7 #share-area dl dd {
	display: inline;
}
#share-area dl dd a {
	display: block;
	text-indent: -9999em;
	width: 30px;
	height: 30px;
}
#share-area dl dd.twitter a {
	background: url(/images/common/sns-icon.png) 0 0 no-repeat;
}
#share-area dl dd.twitter a:hover,
#share-area dl dd.twitter a:focus {
	background-position: 0 -30px;
}
#share-area dl dd.facebook a {
	background: url(/images/common/sns-icon.png) -30px 0 no-repeat;
}
#share-area dl dd.facebook a:hover,
#share-area dl dd.facebook a:focus {
	background-position: -30px -30px;
}
#share-area dl dd.print a {
	background: url(/images/common/print-icon.png) 0 -30px no-repeat;
}
#share-area dl dd.print a:hover,
#share-area dl dd.print a:focus {
	background-position: 0 0;
}


#sub-menu {
	width: 745px;
	margin: 0 0 40px 0;
}
#sub-menu li {
	display: inline-block;
	vertical-align: top;
	width: 33.33px;
	margin-top: 1px;
	margin-left: 1px;
}
.lte7 #sub-menu li {
	display: inline;
}
#sub-menu li a {
	display: block;
	font-size: 13px;
	text-align: center;
	padding: 8px;
	background: #fff;
	border: 1px solid #ccc;
}
#sub-menu li a:hover,
#sub-menu li a:focus {
	color: #111;
	background: #f0f0f0;
}
#sub-menu li.current a {
	color: #fff;
	background: #1889EA;
	border: 1px solid #0676D6;
}


#content-main {
	position: relative;
	font-size: 14px;
	min-height: 363px;
	line-height: 15px;
	margin: 0;
	padding: 0 40px 20px 0;
}
#content-main .link-btn {
	text-align: left;
	margin: 0 0 40px 0;
	padding: 0 0 0 24px;
}

table {
	clear:both;
	width: 100%;
	font-size: 13px;
}
table:after {
/*	content: ' ';
	margin: 0.5em 0;*/
}
table caption.hidden {
	position:absolute;
	font-size: 0;
	line-height: 0;
	visibility:hidden;
	overflow: hidden;
	width: 0;
	height: 0;
}
table caption {
	text-align: left;
	margin-bottom: 0.5em;
	margin-top: 1em;
}
table a {
	font-size: 13px;
}
table th {
	color: #222;
	text-align: center;
	vertical-align: middle;
	padding: 6px;
	line-height: 20px;
}
table td {
	color: #444;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	border: 1px solid #d6d6d6;
	border-top: 0 none;
}
table tr.gray,
table td.td-gray {
	background-color:#f9f9f9;
}
table td.td-left {
	text-align: left;
}
table td.td-center {
	text-align: center;
}
table td.td-right {
	text-align: right;
}
table td span.block-list {
	display: block;
	text-align: center;
}
table td span.block-list-etc {
	display: block;
	text-align: left;
}
table thead th {
	font-size: 12px;
	color: #fff;
	color: #222;
	vertical-align: middle;
	font-weight: normal;
	border: 1px solid #aaa;
	background-color: #eee;
}
table tbody th {
	font-weight: normal;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	background-color: #F9F9F9;
}
.board,
.board th,
.board td {
	border-left: 0 none;
	border-right: 0 none;
}
#content-main ul#gallery-list {
	margin-top: 0;
	padding: 0.25em 0;
}
#content-main ul#gallery-list li {
	position:relative;
	display: inline-block;
	vertical-align: top;
	width: 28.5em;
	border: 1px solid #ddd;
	background-color: #f9f9f9;
	padding: 0.3em;
	margin: 0.2em;

	height: 1%;
}
#content-main ul#gallery-list li {
	height: auto;
}
.lte7 #content-main ul#gallery-list li {
	display: inline;
}
#content-main ul#gallery-list li:hover {
	border: 1px solid #0d8956;
}
#content-main ul#gallery-list li a {
	display: block;
}
#content-main ul#gallery-list li img {
	display: inline-block;
	vertical-align: top;

	height: 1%;
}
#content-main ul#gallery-list li img {
	height: auto;
}
.lte7 #content-main ul#gallery-list li img {
	display: inline;
}
#content-main ul#gallery-list li span {
	display: inline-block;
	padding: 0.25em 0.5em;
	width: 16.5em;
	height: 6.25em;
	vertical-align: top;
	cursor: pointer;

	height: 1%;
}
#content-main ul#gallery-list li span {
	height: auto;
}
.lte7 #content-main ul#gallery-list li span {
	display: inline;
}
#board-divisions {
	position: relative;
	padding: 1em;
	border: 3px solid #51B50B;
	margin-bottom: 2em;
}
.ie6 #board-divisions {
	padding: .75em 1em 1em 1em;
}
#board-divisions li span {
	font-size: 12px;
}
#board-divisions li.current a,
#board-divisions li.current span,
#board-divisions li.current li.current a {
	color: #2E6D03;
}
#board-divisions li.current li a {
	color: #666;
}
#board-divisions li li {
	display: inline-block;
	width: 30%;
	padding: 0.25em 0;
}
.lte7 #board-divisions li li {
	display: inline;
}
#board-divisions li {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}
.ie6 #board-divisions li {
	display: inline;
	padding-top: 0.25em;
	margin-top: 0.25em;
	overflow: hidden;
}
.ie7 #board-divisions li {
	display: inline;
}
#board-divisions li a,
#board-divisions li span {
	padding:0.2em 0 0.2em 2em;
	background: url(/images/common/side-menu-plus.png) no-repeat left center;
}
#board-divisions li.expanded a,
#board-divisions li.expanded span {
	background-image: url(/images/common/side-menu-minus.png);
}
#board-divisions li li a,
#board-divisions li.expanded li a {
	background: url(/images/common/topic-icon.png) 0 0.35em no-repeat;
	margin: 0 0 0 0.5em;
	padding-left:1.5em;
}
#board-divisions li span {
	display: block;
	cursor: pointer;
}
#board-divisions li ul {
	display: none;
	position: relative;
	top: 0.5em;
	width: 333%;
}
#board-divisions li.pos-1 ul {
	left: 0;
}
#board-divisions li.pos-2 ul {
	left: -100%;
}
#board-divisions li.pos-3 ul {
	left: -200%;
}
#board-divisions li.expanded ul {
	display: block;
}
#board-divisions li.expanded li {
	width: 24%;
	border: 1px solid #ddd;
	margin: 0.25em 0 0 0.25em;
}
#board-divisions li.expanded li.current {
	border: 1px solid #199966;
}

#board-header {
	position:relative;
}
#board-header form,
#board-header a {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	height:1%;
}
#board-header form {
	height:auto;
}
.lte7 #board-header form {
	display: inline;
}
#board-header a {
	height:auto;
}
.lte7 #board-header a {
	display: inline;
}
#board-header legend,
#board-header label.board-combo-label,
#board-header label.board-textbox-label {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
#board-header form button {
	line-height: 1em;
}
#board-navigation-info {
	height: auto;
}
.lte7 #board-navigation-info {
	padding-top: 0.15em;
}
#board-header form {
	height:auto;
}
.lte7 #board-header form {
	margin-bottom: 0.25em;
}
#board-header select,
#board-header input,
#board-header button {
	font-size: 12px;
}
#board-header div {
	float: right;
}
#board-header div span {
	margin-left: 1em;
}
#board-header button {
	width: 4em;
	height: 1.95em;
}
.lte7 #board-header button {
	padding-top: 0.2em;
	vertical-align: top;
}
p.empty-contents {
	color: #666;
	margin: 1em 0 0 0;
	border: 1px solid #d9d9d9;
	padding: 1em 1em 1em 2.25em;
	background: url(/images/common/bullet01.png) no-repeat 1.5em 1.5em;
}

/* board list */
#content-main table.board caption {
	position:absolute;
	visibility:hidden;
	font-size:0;
	line-height:0;
	overflow:hidden;
	width:0;
	height:0;
}
#content-main table.board thead th.id {
	width: 8%;
}
#content-main table.board thead th.division {
	width: 10%;
}
#content-main table.board thead th.author {
	width: 10%;
}
#content-main table.board thead th.date {
	width: 12%;
}
#content-main table.board thead th.date-end {
	width: 10%;
}
#content-main table.board thead th.files {
	width: 10%;
}
#content-main table.board thead th.read-count {
	width: 8%;
}
#content-main table.board tbody td {
	text-align: center;
}
#content-main table.board tbody td.td-left {
	text-align: left;
}
#content-main table.board tbody td.title {
	text-align: left;
}
#content-main table.board tbody td.title a.reply {
	padding-left: 2em;

	background: url(/images/board/re.gif) no-repeat;
}
#content-main table.board tbody td ul li {
	display: inline;
	margin-left: 0.2em;
}
#content-main table.board tr:hover {
	background-color: #f4f4f4;
}
#content-main table.board a:hover {
	color: #111;
	text-decoration: underline;
}
#board-footer {
	margin: 1em 0;
	height:1%;
}
#board-footer {
	height:auto;
}
#board-footer:after {
	content: '';
	display: block;
	clear: both;
}
#content-main ul.paginator li {
	display: inline-block;
	line-height: 18px;
	padding: 0;
	vertical-align: middle;
	border: 1px solid #ccc;
	margin: 0 0.1em;

	height: 1%;
}
#content-main ul.paginator li {
	height: auto;
}
.lte7 #content-main ul.paginator li {
	display: inline;
}
#content-main ul.paginator li a,
#content-main ul.paginator li span {
	font-size: 12px;
	padding: 0.2em 0.4em;
	display: block;
}
#content-main ul.paginator li.current {
	color: #fff;
	background-color: #111;
	border-color: #111;
}
#content-main ul.paginator li a:hover {
	color: #fff;
	background-color: #111;
}
#board-actions {
	float: right;
}
.record-footer {
	padding: 0.75em 1em 0.25em 1em;
	border-top: none;

	height:1%;
}
.record-footer {
	height:auto;
}
.record-footer:after {
	content: '';
	display: block;
	clear: both;
}
.record-footer form {
	position:relative;
	display: inline-block;
	width: 15.5em;
	margin: 0;
	padding: 0;

	height:1%;
}
.record-footer form {
	height:auto;
}
.lte7 .record-footer form {
	display: inline;
}
.record-footer form label {
	display: inline;
	margin: 0;
	padding: 0;
}
.record-footer form label input {
	font-size: 12px;
	height: 1.5em;
	vertical-align: middle;
	margin: 0 0.1em 0 0;
	border: 4px solid #009f3c;
}
.record-footer form input.delete_btn,
.record-footer form input.modify_btn {
	vertical-align: middle;
	margin: 0.1em 0 0 0;
}
.lte7 .record-footer form input.delete_btn {
	margin: 0.2em 0 0 0;
}
.lte7 .record-footer form input.modify_btn {
	margin: 0.2em 0 0 0;
}
.record-footer a {
	position:relative;
	display: inline-block;
	vertical-align: bottom;

	height:1%;
}
.record-footer a {
	height:auto;
}
.lte7 .record-footer a {
	display: inline;
	margin-bottom: 0.15em;
}
.record-footer form a img {
	height: 2.3333em;
}
.record-actions {
	float: right;
}
.record-actions li {
	position:relative;
	display: inline-block;
	margin-left: 0.5em;

	height:1%;
}
.record-actions li {
	height:auto;
}
.lte7 .record-actions li {
	display: inline;
}

/* board view */
#content-main div.record-title {
	border-top: 2px solid #666;
	border-bottom: 1px solid #ccc;
	line-height: 2em;
	height: 2em;
	padding: 0.1em 0;
}
#content-main div.record-author,
#content-main div.record-date {
	position:relative;
	display: inline-block;
	width: 50%;
	line-height: 2em;
	height: 2em;
	border-bottom: 1px solid #ccc;
	padding: 0.1em 0;

	height:1%;
}
#content-main div.record-author {
	height:auto;
}
.lte7 #content-main div.record-author {
	display: inline;
}
#content-main div.record-date {
	height:auto;
}
.lte7 #content-main div.record-date {
	display: inline;
}
#content-main div.record-period {
	line-height: 2em;
	height: 2em;
}
#content-main div.record-period {
	line-height: 2em;
	height: 2em;
}
#content-main div span.header {
	position:relative;
	display: inline-block;
	width: 20%;
	padding-left: 1em;
	margin-right: 1em;
	background: #efefef;

	height:1%;
}
#content-main div span.header {
	height:auto;
}
.lte7 #content-main div span.header {
	display: inline;
}
#content-main div.record-author span.header,
#content-main div.record-date span.header {
	width: 40%;
}
#content-main div.record-files {
	padding: 0.15em 0;
	border-bottom: 1px solid #888;
	height: 100%;
}
#content-main div.record-files span.header {
	vertical-align: top;
}
#content-main div.record-files ul {
	position:relative;
	display: inline-block;
	width: 70%;

	height:1%;
}
#content-main div.record-files ul {
	height:auto;
}
.lte7 #content-main div.record-files ul {
	display: inline;
}
#content-main div.record-files ul li {
	margin-bottom: 0.3em;
}
#content-main div.record-files ul li img {
	vertical-align: bottom;
	margin-right: 0.5em;
}
#content-main div.record-files a {
	font-size: 12px;
}
#content-main div.record-content {
	border-bottom: 1px solid #ccc;
	margin-top: 1em;
	padding: 2em 1em 3em 1em;
}
#content-main div.record-content a,
#content-main div.record-content p,
#content-main div.record-content span {
	color: #444;
	font-size: 12px;
}
#content-main div.record-content a img {
	margin: 1em 0 0 0;
}
#content-main div.record-content,
#content-main div.record-content div {
	line-height: 1.75em;
}
/*
#content-main div.record-content table {
	width: auto;
}
*/

/* board-write */
#record-write {
	margin-top: 1.5em;
	width: 100%;
}
#record-write div {
	padding: 0;
	border: 1px solid #ddd;
	margin: 1px 0 0 0;
}
#record-write div#record-file_wrap,
#record-write div#record_file_list,
#record-write div.MultiFile-label {
	border-top: 0 none;
}
#record-write div#record-file_wrap_list {
	background-color: #fff;
	border: 0 none;
	padding: 0.5em 0;
}
#record-write div#record-file_wrap {
	border-bottom: 1px solid #ddd;
}
#record-write div.MultiFile-label {
	display: inline-block;
	padding: 0 0.5em;
	margin: 0.25em 0;
}
.lte7 #record-write div.MultiFile-label {
	display: inline;
}
#record-write div.MultiFile-label a {
	font-weight: bold;
	padding: 0 0.3em 0.2em 0.4em;
	background-color: #fff;
	border: 1px solid #aaa;
}
#record-write div.MultiFile-label span {
	letter-spacing: 0;
}
#record-write label {
	position:relative;
	display: inline-block;
	font-size: 12px;
	width: 6em;
	margin-right: 0.75em;
	height: 2em;
	line-height: 2em;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	background-color: #f7f7f7;
	border-right: 1px solid #ddd;
}
#record-write label.hidden {
	position: absolute;
	visibility: hidden;
	line-height: 0;
	top: 0;
	left: 0;
	font-size: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	border: 0 none;
}
#record-write label {
	height:auto;
}
.lte7 #record-write label {
	display: inline;
}
#record-write input,
#record-write select {
	position:relative;
	display: inline-block;
	font-size: 12px;
	width: 80%;
	/*border: 0 none;*/
	padding: 0.15em 0;

	height:1%;
}
.lte7 #record-write input {
	padding: 0.24em 0 0.1em 0.5em;
}
#record-write input {
	height:auto;
}
.lte7 #record-write input {
	display: inline;
}
#record-write select {
	height:auto;
}
.lte7 #record-write select {
	display: inline;
}
#record-write input.button {
	width: auto;
}
#record-write input.regist-button {
	width: auto;
	height: auto;
	/*width: 5.75em;
	height: 2.3333em;*/
	margin: 1em 0 0.5em 0;
}
#record-write textarea {
	width: 99.25%;
	height: 20em;
}
#record-write ul label {
	width: auto;
	display: block;
	text-align: left;
}
#record-write ul input {
	width: auto;
}
#record-write div#record-file_wrap {
	margin: 0;
	width: 100%;
	border: 0 none;
}
#record-write input.multi {
	width: 100%;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #ddd;
}
#record-write input.submit-btn {
	margin: 1em 0 0 0;
	padding: 0;
}
#content-main a.cancel-btn {
	position: absolute;
	left: 7.5em;
	margin-top: -2.35em;
}
#content-main a.reply-cancel-btn {
	position: absolute;
	left: 7.5em;
	margin-top: 1em;
}
a.member-add {
	display: block;
	width: 5.5em;
	margin-bottom: 1em;
	padding: 0.5em;
	border: 1px solid #444;
	background-color: #666;
	color: #fff;
	font-weight: bold;
}
a.member-add:hover,
a.member-add:focus {
	border-color: #009966;
	background-color: #fff;
	color: #009966;
}

/* footer-area */
#footer-area {
	position:relative;
	clear: both;
	width: 100%;
	min-width: 1000px;
	padding: 50px 0;
	border-top: 1px solid #c6c6c6;
}
#footer {
	position: relative;
	width: 1000px;
	min-height: 66px;
	margin: 0 auto;
	padding: 0;
}
#footer h6 {
	margin: 0;
	padding: 0;
}
#footer h6 a,
#footer h6 img {
	display: block;
	width: 150px;
}

#footer h6 span {
	position: absolute;
	left: 59px;
	top: 38px;
	color: #888;
	font-size: 12px;
}
#footer #footer-content {
	position: absolute;
	top: 0;
	left: 200px;
}
#footer-content ul.footer-menu {
	text-align: left;
	margin: 0;
	padding: 0 0 5px 0;
}
#footer-content  ul.footer-menu  li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: .25em .5em;

	height: 1%;
}
#footer-content  ul.footer-menu  li {
	height: auto;
}
.lte7 #footer-content  ul.footer-menu  li {
	display: inline;
}
#footer ul.footer-menu  li.first {
	padding-left: 0;
}
#footer ul.footer-menu  li.person-protected-policy a {
	color: #ff4500;
}
#footer ul.footer-menu  li.juso {
	padding-left: 18px;
	background: url(/images/common/moi.svg) 0 50% no-repeat;
}
#footer ul.footer-menu li a {
	letter-spacing: -0.4px;
	padding: 0;
}
#footer ul.footer-menu li.person-protected a {
	color: #ed1c24;
	/*font-weight: bold;*/
}
#footer-content address {
	display: block;
	font-size: 14px;
	font-style: normal;
	margin: 0;
	line-height: 20px;
}
#footer-content p {
	font-size: 12px;
	color: #7a7a7a;
	letter-spacing: -0.3px;
	line-height: 18px;
}
#footer-content p.refer {
	font-size: 13px;
	color: #555;
	padding-bottom: 10px;
}
#footer-content address p {
	font-size: 12px;
	color: #666;
	letter-spacing: 0;
	line-height: 20px;
}
#footer-content p a {
	float: none;
	color: #1e99e0;
	font-style: normal;
	letter-spacing: 0;
	padding-left: 6px;
}
#footer .main-qrcode {
	display: block;
	position:absolute;
	top: -30px;
	right: 20px;
}
#footer #bonghwa-sns {
	position:absolute;
	top: 0;
	right: 0;
}
#footer #bonghwa-sns ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 4px;
}
#footer #bonghwa-sns ul li a {
	display: block;
}
#footer #bonghwa-sns ul li img {
	display: block;
	border-radius: 25px;
}

#content-main form label,
#content-main form input,
#content-main form button {
	font-size: 12px;
}
/* QR code content */
#qr-code {
	position:relative;
	text-align: center;
	margin: 20px auto;
	padding: 0;
	z-index: 1;
}
#qr-code a {
	position:relative;
	display: block;
	text-align: center;
	padding: 33px 0;
	border: 1px solid #ccc;
	z-index: 1;
}
#qr-code .qr-image {
	margin: 0;
	padding: 0;
	background: #fff;
}
#qr-code-content img {
	margin-bottom: 0.25em;
}
#qr-code-content {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 30px;
	background: rgba(0,0,0,0.8);
	z-index: 10;
}
#qr-code-content p {
	position:relative;
	top: 60px;
	font-size: 16px;
	color: #FFF;
	line-height: 24px;
	letter-spacing: -1px;
}
#qr-code-content p span {
	color: #ffff00;
}

/* list */
/*
#content-main ol,
#content-main dl,
#content-main ul {
	margin: 15px 0 20px 0;
}
*/
#content-main ol ul,
#content-main dl ul,
#content-main ul ul,
#content-main li ul {
	margin-left: 0;
	padding-left: 2px;
}
#content-main ul li,
#content-main ol li,
#content-main dl dt,
#content-main dl dd,
#content-main p {
	text-align: left;
	/*line-height: 18px;
	margin: 10px 0 20px 0;*/
}
#content-main ul.list {
	margin-left: 6px;
}
#content-main ul.list li {
	padding: 0 0 0 11px;
	background: url(/images/common/list01.png) 0 9px no-repeat;
}

#content-main p.content-icon {
	margin-left: 6px;
	padding: 0 0 0 11px;
	background: url(/images/common/list01.png) 0 9px no-repeat;
}

/*지도*/
div.map {
	height: 33.25em;
	margin: 1.5em 0 1em 0;
	border: 4px solid #333;
}
div.map div.stub,
div.map img.stub {
	height:100%;
}

/* VR 및 지도 출력 */
#content-main .in_box {
	/*width: 98%;*/
	height: 33em;
	background: #000; 
	text-align: center;
	vertical-align: middle;
}
#content-main .movie-box {
	position: relative;
	width: 50em;
	height: 28.45em;
	border: 4px solid #1086c3;
	background: #000001; 
	text-align: center;
	vertical-align: middle;
	margin: 1em auto 2em auto;
}

#content-main .map {
	position: relative;
	/*width: 53em;*/
	height: 30em;
	margin: 1em 0;
	border: 1px solid #aaa;
	z-index: 0;
}
#content-main .map .stub,
#content-main .map img.stub {
	height: 100%;
}
#vr-show {
	border: 1px solid #777;
	margin-bottom: 15px;
}
#content-main .down-btn {
	margin: 15px 0 0 0;
}
#content-main .down-btn a {
	display: inline-block;
	color: #fff;
	padding: 5px 12px;
	background: #FF611A;
	letter-spacing: -0.4px;
}
#content-main .down-btn a:hover,
#content-main .down-btn a:focus {
	background: #e84e09;
}
#tooltip {
	position: absolute;
	top: 30px;
	left: -25px;
	font-size: 12px;
	color: #fff;

	z-index: 10000;
}
#tooltip .tipBody {
	font-size: 12px;
	color: #FFF;
	text-indent: 0;
	text-align: center;
	width: 54px;
	padding: 9px;
	background-color: #595959;
}
div#top-link {
	position: fixed;
	right: 30px;
	bottom: -55px;
	z-index: 10;
}
div#top-link a {
	display: block;
	font-size: 12px;
	color: #fff;
	text-align: center;
	width: 55px;
	height: 55px;
	padding: 30px 0 0 0;
	background: #555 url(/images/common/top-link-icon.png) center 13px no-repeat;
	border-radius: 50%;
}
div#top-link a:hover,
div#top-link a:focus {
	background-color: #009900;
}

#content-main .contents-title {
	
	font-size: 14px;
	color: #292929;
	letter-spacing: -0.4px;
	margin: 0 0 15px 0;
	padding: 15px 24px;
	background-color: transparent;
	border: 1px solid #817063;
}

#manager-vote {
	position: relative;
	width: 745px;
}
/* manager */
#manager {
	position:relative;
	width: 100%;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 12px;
	border: 1px solid #ddd;
	background-color: #f2f2f2;
	border-radius: 3px;
}
#manager p {
	font-size: 14px;
	line-height: 22px;
	padding-left: 24px;
	background:url(/images/common/manager-icon.png) no-repeat 0 center;
}
#manager p span.modify-date {
	float: right;
	font-size: 12px;
	color: #777;
}

/*====페이지만족도====*/
#vote {
	position:relative;
	margin-bottom: 20px;
}
#vote-content form {
	position:relative;
}
#vote-content form #radio-rating li label {
	padding-right: 15px;
}
#vote-content form legend {
	position: absolute;
	width: 0; 
	height: 0; 
	font-size: 0; 
	line-height: 0; 
	overflow: hidden; 
	visibility: hidden;
}
#vote-content form fieldset {
	margin: 0;
	padding: 0;
}
#vote-content form b {
	font-size: 75%;
	font-weight: normal;
	color: #555;
	padding: 0.5em 0 0.25em 0;
}
#vote-content form p {
	display:inline-block;
	vertical-align: top;
	line-height: 44px;
	font-size: 14px;
	width: 344px;
	padding-left: 20px;
	background-color: #c1eefb;
}
#vote form #radio-rating {
	display:inline-block;
	vertical-align: top;
	line-height: 44px;
	width: 400px;
	margin-left: 1px;
	padding-left: 20px;
	background-color: #f5f5f5;
}
#vote form #radio-rating li {
	display:inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 44px;
}

#vote form #suggestion-on,
#vote form #suggestion-off {
	position: relative;
	margin-top: 5px;
}
#vote form #suggestion-off .suggestion-label,
#vote form #suggestion-on .suggestion-label {
	position: absolute;
	width: 0; 
	height: 0; 
	font-size: 0; 
	line-height: 0; 
	overflow: hidden; 
	visibility: hidden;
}
#vote form #suggestion-off li.comment {
	position: relative;
	display:inline-block;
	vertical-align: top;
	width: 615px;
	border: 1px solid #d5d5d5;
	background: #f5f5f5;
	z-index: 1;
}
#vote form #suggestion-on li.comment {
	position: relative;
	display:inline-block;
	vertical-align: top;
	width: 615px;
	border: 1px solid #ccc;
	background: #fff;
	z-index: 1;
}
#vote form li.comment label {
	display:inline-block;
	vertical-align: top;
	width: 615px;
}
#vote form input.textbox {
	width: 100%;
	padding: 12px 18px;
	border: 0 none;
	background: transparent;
}
#vote form #suggestion-on li.comment-btn {
	position: relative;
	display:inline-block;
	vertical-align: top;
	width: 126px;
	margin: 0 0 0 -1px;
	padding: 0;
	z-index: 2;
}
#vote form #suggestion-on li.comment-btn button {
	color: #fff;
	width: 131px;
	margin: 0;
	padding: 10px;
	border: 1px solid #1889ea;
	background: #1889ea;
}
#vote form #suggestion-on li.comment-btn button:hover,
#vote form #suggestion-on li.comment-btn button:focus {
	border-color: #0364b7;
	background: #0364b7;
}
#vote form li.suggestion-login {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	width: 126px;
	margin: 0;
	padding: 0;
	z-index: 2;
}
#vote form li.suggestion-login a {
	display: block;
	color: #1889ea;
	line-height: 38px;
	text-align: center;
	width: 126px;
	margin: 0;
	padding: 0 10px;
	border: 1px solid #ccc;
	background: #fff;
}
#vote form li.suggestion-login a:hover,
#vote form li.suggestion-login a:focus {
	color: #fff;
	border-color: #1889ea;
	background: #1889ea;
}

#vote p.vote-refer {
	color: #777;
	font-size: 12px;
	margin-top: 9px;
}






.sub-menu {
	clear: both;
	width: 52.8333em;
	font-size: 0.75em;
	padding: 0.5em;
	border: 1px solid #ddd;
	background-color: #f9fbf9;
}
.sub-menu li {
	display: inline-block;
	width: 21.8%;
	line-height: 0.9em;
	background: url(/images/common/sub-menu-bullet.png) no-repeat 0.5em 50%;
	letter-spacing: -1px;
	background-color: #fafafa;
	border:1px solid #cfcfcf;
	margin: 0 0 0.15em 0.2em;
	padding: 0.45em 0 0.55em 1.25em;

	height:1px;
}
.sub-menu li {	
	height:auto;
}
* html .sub-menu li {
	display: inline;
	padding: 0.65em 0 0.45em 1.25em;
}
*+html .sub-menu li {
	display: inline;
	padding: 0.65em 0 0.45em 1.25em;
}
.sub-menu li a {
	display: block;
	color: #333;
}
.sub-menu li.current,
.sub-menu li:hover,
.sub-menu li:hover a {
	color: #fff;
	font-weight: bold;
	background-color: #009999;
	border-color: #048383;
}
.sub-menu li.current a {
	/*text-decoration: underline;*/
	color: #fffffd;
}

.sub-menu01 {
	position: relative;
	margin: 9px 0 0 0;
}
.sub-menu01 li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	width: 33.3%;
	height: 1%;
}
.sub-menu01 li {	
	height:auto;
}
* html .sub-menu01 li {
	display: inline;
}
*+html .sub-menu01 li {
	display: inline;
}
.sub-menu01 li a {
	display: block;
	text-align: center;
	color: #333;
	margin: 0 0 0 -1px;
	padding: 3px 0;
	border:1px solid #ccc;
	z-index:1;
}
.sub-menu01 li.first a {
	margin: 0;
}
.sub-menu01 li.current a {
	color: #fff;
	font-weight: bold;
	background-color: #555;
	border-color: #444;
	margin: 0;
	z-index:2;
}








#content-menu {
	position:relative;
	padding: 0.75em;
	border: 1px solid #c5dae5;
}
#content-menu li,
#content-sub-menu li {
	position:relative;
	display: inline-block;
	width: 24%;
	padding-left: 1%;
	background: url(/images/common/bullet.png) no-repeat left;
	line-height: 1.5em;

	height:1px;
}
#content-menu li {
	height:auto;
}
#content-sub-menu li {
	height:auto;
}
* html #content-menu li {
	display: inline;
}
*+html #content-menu li {
	display: inline;
}
* html #content-sub-menu li {
	display: inline;
}
*+html #content-sub-menu li {
	display: inline;
}
#content-menu li.current,
#content-sub-menu li.current {
	color: #1072A5;
	font-weight: bold;
	text-decoration: underline;
}
#content-menu li.current a,
#content-sub-menu li.current a {
	color: #1072A5;
}
#content-sub-menu {
	background-color:#eaf5fb;
	border-left:1px solid #c5dae5;
	border-right:1px solid #c5dae5;
	border-bottom:1px solid #c5dae5;
	/*margin-top: 0.5em;*/
	padding: 0.75em;
}
.sub-contents {
	margin-top:2em;
}
.sub-contents li {
	margin-bottom:2em;
}
#content-main {
	/*position:relative;
	clear: both;*/

	margin-top: 0.75em;
	text-align: justify;
}
#content-main p {
	display: block;
	/*margin-top: 2em;*/
	line-height: 24px;
}
#content-main ol,
#content-main dl,
#content-main ul {
	line-height: 1.5em;
}

#relation-links {
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#relation-links ul {
	width: 1000px;
	margin: 0 auto;
}
#relation-links ul li {
	position: relative;
	display: inline-block;
	vertical-align: top;
}
#relation-links ul li:last-child {
	border-right: 1px solid #ccc;
}
#relation-links ul li ul {
	width: 159px;
	margin: 0;
	padding: 0;
	height: 228px;
	overflow-y: auto;
}
#relation-links ul li ul li {
	display: block;
	border-top:1px solid #D7E9EA;
}
#relation-links ul li ul li:last-child {
	border-right: 0 none;
}
#relation-links .links h5 {
	color: #fff;
	margin: 0 !important;
	padding: 10px;
	background: #1889ea;
}
#relation-links .link-list {
	font-size: 14px;
	width: 159px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	background-color: #e5e5e5;
}
#relation-links .family-links {
	display: block;
	font-size: 13px;
	width: 159px;
	height: 35px;
	text-align: left;
	line-height: 35px;
	padding-left: 20px;
	background: #e9e9e9 url(/images/common/family-links-icon.png) 135px 50% no-repeat;
	border-left: 1px solid #ccc;
}
#relation-links .active {
	background-color: #ddd;
}
div.links {
	display: none;
	position: absolute;
	top: -235px;
	left:0;
	background: #E8F3F9;
	width: 159px;
	z-index: 10;
}
.link-list ul li {
	line-height: 2;
}
.link-list ul li a {
	display: block;
	font-size: 13px;
	line-height: 20px;
	padding: 5px 10px;
}
.link-list ul li a:hover,
.link-list ul li a:focus {
	background: #ffffe0;
}
.link-list .links-close {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999em;
	width: 42px;
	height: 42px;
	padding: 10px;
	background: #1889ea url(/images/common/family-links-close.png) 50% 50% no-repeat;
}

/* for print url-expand*/
span.url { display: none !important; }
/*2021-03-09*/
#header-middle-area .dokdo {
    width: 24%;
    float: right;
    margin: 0px -468px 0 0;
}