@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}
body {
	position:relative;
	color: #333;
	font-size: 100%;
	font-family: 'Noto Sans KR', 'Malgun Gothic',  sans-serif;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 24px;
	margin: 0;
	padding: 0;
}
body.lte7 {
	min-width: inherit;
	max-width: none;
}
label,
button,
input {
	font-size: 100%;
	line-height: 24px;
}
label input {
	font-size: 100%;
}
button {
	cursor: pointer;
	transition-duration: .3s;
}
a {
	color: #111;
	text-decoration: none;
	transition-duration: .3s;
}
a:hover,
button:hover {
	color: #ee466e;
	transition-duration: .3s;
}
.clearfix {
	height:1%;
}
.clearfix {
	height:auto;
}
.clear-both,
.clearfix:after {
	content: ' ';
	display: block;
	clear: both;
	width: 100%;
}
.hidden {
	position:absolute !important;
	font-size: 0 !important;
	line-height: 0 !important;
	/*	visibility:hidden;*/
	overflow: hidden !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}		
#wrap {
	position: relative;
	margin: 0 auto;

	z-index: 1;
}
#accessibility-links {
	position: absolute;
	top:-10em;
	font-size:75%;
	margin: 0 auto;
}
#accessibility-links li a:focus,
#accessibility-links li a:active {
	position: absolute;
	top: 10em;
	left:1em;
	width:10em;
	text-align:center;
	color: #000;
	background-color: #ffee8d;
	padding: 3px 0;
	z-index:100;
}
/* 상단영역*/
#header {
	position: relative;
	font-size: 90%;
	width: 100%;
	height: 131px;
	margin: 0;
	background-color: #fff;
	z-index: 3;
}
#header .header-area {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	z-index: 1000;
	border-bottom: 1px solid #d3d3d3;
	background: #fff;
	/*background: #fff url(/images/open.content/hwarang/common/main-menu-bg.png) 0 85% no-repeat;*/
}
#header .header-area img.symbol {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#header h1 {
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0;
}
#header h1 a {
	display: block;
}
#header h1 a img {
	display: block;
	width: 100%;
}
#header .top-links-area {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #ddd;
	background: #eee;
}
#header .top-links {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	line-height: 30px;
}
#header .top-links ul li {
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
}
#header .top-links ul li a {
	display: block; 
	font-size: 85%;
	line-height: 30px;
	letter-spacing: -.4px;
	padding: 0 10px;
	border-left: 1px solid #d3d3d3;
}
#header .top-links ul li:last-child a {
	border-right: 1px solid #d3d3d3;
}
#header .top-links a:hover {
	background-color: #fff;
}
#header .top-links a.login {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	line-height: 31px;
	padding: 0 18px;
	background: #ee466e;
}
#header .top-links a.logout {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-weight: 300;
	line-height: 30px;
	padding: 0 18px;
	background: #333;
}
#header-middle-area {
	position: relative;
	width: 100%;
	background: #fff url(/images/open.content/hwarang/common/gray-dot.gif) 0 100% repeat-x;
	z-index: 1000;
}
#header-middle {
	position: relative;
	width: 1200px;
	height: 100px;
	margin: 0 auto;
}
#header #menu {
	position: absolute;
	top: 26px;
	left: 288px;
}
#menu ul {
	position:relative;
	z-index:100;
}
#menu ul li {
	position:relative;
	display: inline-block;
	vertical-align: top;
	/* width: 150px; */
	margin: 0;
	padding: 0;
    width: 135px;
}
#menu ul li.menu01 {
	width: 145px;
}
#menu ul li.menu02 {
	width: 140px;
}
#menu ul li.menu03 {
    width: 145px;
}
#menu ul li.menu05 {
    width: 117px;
}
#menu ul li.menu06 {
    width: 110px;
}
#menu ul li.menu07 {
    width: 120px;
}
#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: 125%;
	font-weight: 600;
	text-align: center;
	line-height: 48px;
	letter-spacing: -1px;
	padding: 0 0 27px 0;
}
#menu ul li a {
	display: block;
	position: relative;
	color: #262626;
	font-size: 125%;
	font-weight: 500;
	line-height: 48px;
	letter-spacing: -1px;
	padding: 0 0 26px 0;
}
#menu ul li ul {
	position: absolute;
	top: 69px;
	left: -1px;
	width: 100%;
	margin: 0;
	padding: 0;
    min-height: 340px;
	background-color: #f3e100;
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	z-index: 1000;
}
#menu ul li.on ul {
	top: 60px;
}
#menu ul li.first ul {
	left: 0;
}
#menu ul li.menu01 ul {
	background-color: #3489a9;
}
#menu ul li.menu01.on ul {
	background-color: #f8fcfd;
}
#menu ul li.menu02 ul {
	background-color: #92c351;
}
#menu ul li.menu02.on ul {
	background-color: #f7ffed;
}
#menu ul li.menu03 ul {
	background-color: #8a4398;
}
#menu ul li.menu03.on ul {
	background-color: #fbf2fd;
}
#menu ul li.menu04 ul {
	background-color: #ee466e;
}
#menu ul li.menu04.on ul {
	background-color: #fdf3f5;
}
#menu ul li.menu05 ul {
	background-color: #f37920;
}
#menu ul li.menu05.on ul {
	background-color: #fdf6f2;
}
#menu ul li.menu06 ul {
	background-color: #f3e100;
}
#menu ul li.menu06.on ul {
	background-color: #fffde6;
}
#menu ul li.menu07 ul {
	background-color: #008f7b;
}
#menu ul li.menu07.on ul {
	background-color: #f5fffe;
}
#menu ul li:hover ul {
	display: block;
	z-index: 100;
}
#menu ul li:hover ul li:hover ul {
	z-index: 101;
}
#menu ul li ul li {
	position: relative;
	float: none;
	display: block !important;
	text-align: left;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 1000;
}
/*
#menu ul li.on a,
#menu ul li.current a,
#menu ul li a:hover,
#menu ul li a:focus {
	color: #ee466e;
}
*/
#menu ul li.menu01.current a span,
#menu ul li.menu01.on a span,
#menu ul li.menu01.current a span,
#menu ul li.menu01 a:hover span{
    color: #3489a9;
}
#menu ul li.menu02.current a span,
#menu ul li.menu02.on a span,
#menu ul li.menu02.current a span,
#menu ul li.menu02 a:hover span{
    color: #92c351;
}
#menu ul li.menu03.current a span,
#menu ul li.menu03.on a span,
#menu ul li.menu03.current a span,
#menu ul li.menu03 a:hover span{
    color: #8a4398;
}
#menu ul li.menu04.current a span,
#menu ul li.menu04.on a span,
#menu ul li.menu04.current a span,
#menu ul li.menu04 a:hover span{
    color: #ee466e;
}
#menu ul li.menu05.current a span,
#menu ul li.menu05.on a span,
#menu ul li.menu05.current a span,
#menu ul li.menu05 a:hover span{
    color: #f37920;
}
#menu ul li.menu07.current a span,
#menu ul li.menu07.on a span,
#menu ul li.menu07.current a span,
#menu ul li.menu07 a:hover span{
    color: #f37920;
}
#menu ul li.on a {
	position: relative;
}
#menu ul li.current a:after,
#menu ul li.on a:after {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 23px;
	content: ' ';
	clear: both;
	width: 25px;
	border-bottom: 1px solid #999;
	transform: translateX(-50%);
}
#menu ul li.current ul li a:after,
#menu ul li.on ul li a:after,
#menu ul li ul li a:after {
	display: none;
}
/*#menu ul li.current a {
	color: #ee466e;
}*/

span a.step01:hover {
	margin-top: 0;
}
#menu ul li ul li a {
	position:relative;
	display:block;
	color: #fff;
	font-size: 100%;
	font-weight: 400;
	/*text-align: left;*/
	line-height: inherit;
	letter-spacing: -.75px;
	margin: 0;
	padding: 5px 0;
	background-image: none;
	z-index:1000;
}
#menu ul li ul li:first-child a {
	padding-top: 20px;
}
#menu ul li.on ul li a {
	color: #111;
}
span ul li span a {
	color: #111;
	background: #fff url(/images/common/step02.png) 150px 50% no-repeat;
	z-index:1001;
}
#menu ul li.sfHover ul li.sfHover ul li a,
#menu ul li.sfHover ul li.sfHover ul li a:hover {
	z-index: 1003;
}
#menu ul li.sfHover ul li span a {
	background-image: url(/images/common/step02.png);
	background-position: 150px 50%;
	background-repeat: no-repeat;
}
span ul li a:hover,
span ul li a:focus {
	color: #111;
	background-color: #f7dc88;
	z-index:1002;
}
#menu ul li ul li a:hover,
#menu ul li ul li a:focus {
	color: #ee466e;
	text-decoration: underline;
	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 {
	z-index:1002;
}
#menu ul li.current ul li a {
	color: #fff;
}
#menu ul li.current.on ul li a {
	color: #333;
}
#menu ul li.current.on ul li a:hover {
	color: #ee466e;
	text-decoration: underline;
}
#menu ul li.current ul li.current a {
	text-decoration: underline;
}
#menu ul li ul li.first a,
#menu ul li ul li.first a:hover,
#menu ul li ul li.first a:focus {
	margin: 0;
}
#menu ul li ul li.last {
	display: block;
}
#menu ul li.first {
	margin-left: 0;
}
#menu ul li.last {
	padding-right: 0;
}
/* #menu ul li.menu07 {
	width: auto;
	margin-left: 10px;
}
#menu ul li.menu07 a {
	color: #111;
	padding-left: 30px;
	padding-right: 0;
	background: url(/images/common/cd-emblem.png) 0 15px no-repeat;
} */
#menu ul li.menu06 a:hover {
	color: #3486a6;
}
/*
#menu ul li.menu06 a:after {
	display: none;
}*/
#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 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;
}
span 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: 171px !important;
	width: 156px;
	background-color: transparent;
	margin: 0;
	padding: 0;
	z-index: 999;
}
#menu ul li ul li ul li a {
	margin: 0;
	border-top: 1px solid #c6c6c6;
	border-bottom: 0 none;
}
#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;
}
span 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;
}
#nav-bar-area {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(15,93,124,.75);
}
#nav-bar {
	max-width: 1200px;
	height: 42px;
	margin: 0 auto;
	padding: 0;
}
#nav-bar li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
.lte7 #nav-bar li {
	display: inline;
}
#nav-bar li.first {
	padding-left: 0;
	background: transparent;
}
#nav-bar li a {
	display: block;
	font-size: 90%;
	color: #e9e9e9;
	line-height: 42px;
	padding: 0 15px;
	border-right: 1px solid rgba(255,255,255,.25);
}
#nav-bar li a:hover,
#nav-bar li a:focus {
	color: #ffff90;
}
#nav-bar li.first a {
	min-width: 48px;
	text-indent: -9999em;
	border-left: 1px solid rgba(255,255,255,.25);
	background: url(/images/common/home-icon.svg) 50% 50% no-repeat;
}
#decoration-area {
	position: relative;
	width: 100%;
	background: url(/images/common/hr-decoration-bg-1.jpg) 50% 50% no-repeat;
}
#decoration {
	position: relative;
	width: 1200px;
	height: 240px;
	margin: 0 auto;
}
#decoration h2 {
	display: block;
	color: #fff;
	font-size: 270%;
	line-height: 198px;
	font-weight: 500;
	text-align: center;
	text-shadow: 0 0 10px #000;
	margin: 0;
}
#container-area {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #fff;
	z-index: 2;
}
#container-area:after {
	clear: both;
	display: block;
	content: '';
}
#container {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}
/* content 영역 */
#content {
	position: relative;
	float: left;
	overflow: hidden;
	font-size: 100%;
	font-weight: 400;
	width: 930px;
	margin: 0 0 50px 0;
	padding: 25px 70px 40px 15px;
	background: #fff;
}
#content h3 {
	position: relative;
	font-size: 240%;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -2px;
	margin: 0 0 39px 0;
}
#content-main h4 {
	position: relative;
	font-size: 130%;
	font-weight: 300;
	line-height: normal;
	letter-spacing: -1px;
	margin: 50px 0 10px 0;
	padding-left: 22px;
	background: url(/images/open.content/hwarang/common/h4-icon.png) 0 8px no-repeat;
}
#content-main h4.bg-nn {
	margin: 0;
	padding: 0;
	background: transparent;
}
#content span.block {
	display: block;
}
/*서브메뉴*/
#side-menu-area {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 270px;
	margin: 35px 0 0 0;
	padding: 0;
}
#side-menu {
	position: relative;
}
#side-menu ul {
	margin: 0;
	padding: 0;
}
#side-menu ul ul.hide {
	display: none;
}
#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: 95%;
	letter-spacing: -.5px;
	margin: 0;
	padding: 9px 0 9px 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: 1px solid #cfcfcf;
}
#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-size: 85%;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0;
	margin: 0 !important;
	padding: 2px 0 2px 27px;
	background: #fff url(/images/common/bullet01.gif) no-repeat 15px 50%;
	border-top: 0 none;
	border-bottom: 0 none;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}
div#side-menu-area div#side-menu ul li ul li a {
	border-top:0;
	font-size:14px;
}
/*
#side-menu li ul li.first a {
	padding-top: 8px;
	border-top: 0 none;
	background-position: 15px 20px;
}

#side-menu li ul li.last a {
	padding-bottom: 8px;
	background-position: 15px 12px;
}*/
#side-menu li span {
	display: block;
	color: #444;
	cursor: pointer;
	height: 1%;
}
#side-menu li span {
	height:auto;
}
#side-menu li span a {
	color: #222 !important;
	padding: 12px 0 12px 15px;
	background: #ecebe8 url(/images/common/plus-icon.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 {
	color: #ee466e;
	/*border-top: 0 none;*/
	background-color: #fff;
}
#side-menu li.current span a {
	background: #fff url(/images/common/plus-icon.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: #ee466e;
}
#side-menu ul li ul.hidden li a{
	display:none;
}
#side-menu li a:hover {
	color: #ee466e;
	background-color: #fff;
}
#side-menu li span a:hover {
	color: #ee466e;
	background-color: #e5dff5;
	background-color: #fff;
}
#side-menu li.current li a {
	font-size: 90%;
	color: #222;
}
#side-menu li.current li.current a {
	color: #ee466e;
}
#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/minus-icon.png) no-repeat 95% center !important;
	z-index: 2;
}

#side-quick-menu {
	position: relative;
	margin: 15px 0 0 0;
}
#side-quick-menu ul li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	border: 1px solid #c0c0c0;
}
#side-quick-menu ul li:nth-child(2n+1) {
	border-right: 0 none;
}
#side-quick-menu ul li:nth-child(3),
#side-quick-menu ul li:nth-child(4) {
	border-top: 0 none;
}
#side-quick-menu ul li a {
	display: block;
	position: relative;
	color: #333;
	font-size: 13px;
	text-align: center;
	letter-spacing: -.5px;
	margin: 0;
	padding: 70px 0 20px 0;
}
#side-quick-menu ul li.location a {
	background: url(/images/open.content/hwarang/common/quick-location.png) 50% 25px no-repeat;
}
#side-quick-menu ul li.experience a {
	background: url(/images/open.content/hwarang/common/quick-experience.png) 50% 25px no-repeat;
}
#side-quick-menu ul li.reservation a {
	background: url(/images/open.content/hwarang/common/quick-reservation.png) 50% 25px no-repeat;
}
#side-quick-menu ul li.application a {
	background: url(/images/open.content/hwarang/common/quick-application.png) 50% 25px no-repeat;
}
#side-quick-menu ul li a:hover,
#side-quick-menu ul li a:focus {
	color: #ee466e;
	background-color: #f6f6f6;
}

#quick-menu ul li {
	text-align: left;
	letter-spacing: -1px;
}
#quick-menu ul li.customer {
	margin: 6px 0 0 0;
	padding: 15px 12px;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	line-height: 18px;
}
#quick-menu ul li.customer ul {
	padding: 9px 0 0 0;
	border: 0 none;
}
#quick-menu ul li.customer ul li {
	padding-left: 3px;
}
#quick-menu ul li.customer ul li b {
	font-family: tahoma;
	letter-spacing: 0;
}

#qr-code {
	position: relative;
	margin: 0;
	padding: 30px 0 0 0;
	border: 1px solid #cfcfcf;
	border-top: 0 none;
	background: #ecebe8;
}
#qr-code img.qr_image {
	display: block;
	margin: 0 auto;
}
#qr-code_content {
	padding: 0 23px;
}
#qr-code strong {
	color: #ff4500;
	font-weight: normal;
}
#qr-code p {
	font-size: 90%;
	color: #595959;
	text-align: left;
	letter-spacing: -1px;
	padding: 11px;
}
table {
	width: 100%;
	margin-top: 20px;
}
table:after {
	content: ' ';
	clear: both;
	display: block;
	margin-top: 12px;
}
table thead th {
	font-size: 90%;
	text-align: center;
	vertical-align: middle;
	font-weight: 400;
	padding: 8px 0;
	border: 1px solid #d1d1d1;
	border-bottom: 0 none !important;
	border-top: 2px solid #333;
	background-color: #f9f9f9;
}
table td {
	font-size: 90%;
	text-align: center;
	vertical-align: middle;
	padding: 8px 0;
	border: 1px solid #b4b4b4;
	/*border-left: 0 none;*/
}
table thead th:first-child,
table tbody td:first-child {
	border-left: 0 none;
}
table thead th:last-child,
table tbody td:last-child {
	border-right: 0 none;
}
table td.date {
	letter-spacing: -1px;
}
td.td-left {
	text-align: left !important;
	padding-left: 12px;
}
td.td-right {
	text-align: right !important;
}
table td.border-left {
	border-left: 0 none;
}
table td.border-right {
	border-right: 0 none;
}
table td a {
	/*display: block;*/
	font-size: 100%;
	letter-spacing: -.4px;
	text-align: left;
}
table .top-border {
	border-top: 1px solid #3696e0;
}
table td.empty-data {
	color: #666;
	font-size: 90%;
	font-weight: 400;
	padding: 50px 0 !important;
	background: #f9f9f9;
}
table.etc {
	border-top: 2px solid #333;
}
table.etc thead th {
	border-top: 1px solid #d1d1d1;
}
#board-footer {
	position: relative;
	padding: 1em 0;
}
#board-footer ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 1px;
	font-size: 14px;
	line-height: 27px;
}
.lte7 #board-footer ul li {
	display: inline;
}
#board-footer ul li.current,
#board-footer ul li.first,
#board-footer ul li.last {
	padding: 2px 15px 1px 7px;
	border: 1px solid #aaa;
	letter-spacing: -1px;
}

#board-footer ul li.first,
#board-footer ul li.last {
	font-size: 14px;
 	letter-spacing: -1px;
	padding-left: 4px;
	padding-right: 4px;
}
#board-footer ul li.current {
	color: #fff;
	border-color: #1E9B7D;
	background-color: #1E9B7D;
}
#board-footer ul li a {
	display: block;
	color: #111;
	line-height: 27px;
	padding: 2px 15px 1px 7px;
	border: 1px solid #aaa;
	letter-spacing: -1px;
}
#board-footer ul li a:hover,
#board-footer ul li a:focus {
	border-color: #1E9B7D;
}
#board-footer ul li.first a,
#board-footer ul li.last a {
	font-size: 14px;
 	letter-spacing: -1px;
	padding: 0;
	border: 0 none;
}
/* share to */
#share-area {
	position: absolute;
	top: 42px;
	right: 70px;
}
#share-area dl {
	margin: 0 !important;
}
#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;
}
#share-area dl dd.print {
	margin: 0 0 0 6px;
}
.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;
	border-radius: 50%;
}
#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.gogopr a {
	background: url(/images/common/sns-icon.png) -60px 0 no-repeat;
}
#share-area dl dd.gogopr a:hover,
#share-area dl dd.gogopr a:focus {
	background-position: -60px -30px;
}
#share-area dl dd.parse a {
	background: url(/images/common/u-icon.png) 0 -30px no-repeat;
}
#share-area dl dd.parse a:hover,
#share-area dl dd.parse a:focus {
	background-position: 0 -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 {
	margin: 0 0 12px 0;
}
.sub-menu li {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	margin: 0 0 0 -1px;

	z-index: 1;
}
.lte7 .sub-menu li {
	display: inline;
}
.sub-menu li a {
	position: relative;
	display: block;
	font-size: 100%;
	color: #444;
	text-align: center;
	padding: 12px 0 10px 0;
	border: 1px solid #ccc;
	border-bottom-color: #aaa;
	background: #eee;
}
.sub-menu li a:hover,
.sub-menu li a:focus {
	background: #fff;
}
.sub-menu li.current a {
	border-color: #22a9c9;
	background: #29B4D5;
	border-color: #02aee6;
	background: #12C1FA;
	border-color: #aaa;
	border-bottom-color: #fff;
	background: #fff;
	z-index: 2;
}




.sub-menu01 {
	margin-top: 40px;
	text-align: center;
}
.sub-menu01 li {
	display: inline-block;
	vertical-align: top;
	width: 13%;
	margin-right: 10px;
	z-index: 1;
}
.sub-menu01 li:last-child{
	margin-right: 0;
}
.lte7 .sub-menu01 li {
	display: inline;
}
.sub-menu01 li a {
	position: relative;
	display: block;
	font-size: 100%;
	color: #444;
	text-align: center;
	padding: 12px 0 10px 0;
	border: 1px solid #ccc;
    border-radius: 30px;
	background: #eee;
}
.sub-menu01 li a:hover,
.sub-menu01 li a:focus {
	background: #0ec2c7;
	color: #fff;
}
.sub-menu01 li.current a {
	border-color: #22a9c9;
	background: #29B4D5;
	border-color: #02aee6;
	background: #12C1FA;
	border-color: #aaa;
	background: #0ec2c7;
	color: #fff;
	z-index: 2;
}







#content-main .point {
	color: #1BAF0E;
}
#footer {
	position: relative;
	padding: 30px 0;
	z-index: 1;
}
#footer-area {
	position: relative;
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}
#footer-content:after {
	clear: both;
	display: block;
	content: '';
}
#footer-area h6 {
	float: left;
}
#footer-area h6 a {
	display: block;
	width: 150px;
}
#footer-area h6 a img {
	width: 100%;
}
#footer-content {
	float: left;
	padding: 15px 0 0 50px;
}
#footer ul.footer-menu {
	width: 100%;
	margin-bottom: 10px;
}
#footer-area ul.footer-menu li {
	display: inline-block;
	vertical-align: top;
	margin: 0 6px;
	padding: 0 0 0 12px;
	background: url(/images/common/bullet02.png) 0 50% no-repeat;
}
.lte7 #footer-area ul.footer-menu li {
	display: inline;
}
#footer-area ul.footer-menu li.first {
	margin-left: 0;
	padding-left: 0;
	background: transparent;
}
#footer-area ul.footer-menu li a {
	font-size: 95%;
	font-weight: 400;
}
#footer-address {
	font-size: 90%;
	font-weight: 300;
}
#footer-address address {
	font-style: normal;
	letter-spacing: .5px;
}
#footer-address address ul {
	margin: 0;
	padding: 0;
}
#footer-address address ul li {
	display: block;
	font-weight: normal;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
}
#footer-area .main-qrcode {
	display: block;
	position: absolute;
	top: 15px;
	right: 9px;
}

div#top-link {
	position: fixed;
	right: 20px;
	bottom: -60px;
	z-index: 10;
}
div#top-link a {
	display: block;
	color: #333;
	font-size: 90%;
	text-align: center;
	line-height: 50px;
	text-indent: -9999em;
	width: 50px;
	height: 50px;
	background: #666 url(/images/common/top-link-icon.svg) 50% 50% no-repeat;
}
div#top-link a:hover,
div#top-link a:focus {
	background-color: #ee466e;
}
#content-main p.contents-title {
	font-weight: 400;
	line-height: normal;
	margin-bottom: 15px;
	padding: 30px;
	background: #efefef;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
#content-main ul.step {
	text-align: left;
	list-style-type: disc;
	line-height: 24px;
	margin-left: 15px;
	padding-left: 25px;
}
#content-main ul.step li {
	font-weight: 300;
	letter-spacing: 0;
	padding: 5px 0;
}
#content-main ul.step li ul {
	text-align: left;
	list-style-type: none;
}
.refer {
	font-size: 12px;
	padding: 6px 0 0 0;
}
div.map {
	height: 363px;
	margin: 1em 0;
	border: 1px solid #ccc;
}

.bx-wrapper {
	position: relative;
	max-width: 100% !important;
	padding: 0;

	height: 1%;
}
.bx-wrapper {
	height: auto;
}
.bx-wrapper img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.bx-wrapper .bx-pager {
	/*position: absolute;*/
	bottom: 12px;
	color: #444;
	text-align: center;
	margin: 0;
	padding: 18px 0 0 0;
}
.bx-wrapper .bx-controls-auto {
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 16px;
	margin: 0 6px 0 0;
}
.bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	vertical-align: top;

	height: 1%;
}
.bx-wrapper .bx-pager .bx-pager-item {
	height: auto;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: top;

	height: 1%;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	height: auto;
}
.bx-wrapper .bx-controls {
	text-align: center;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	background: #fff;
	border: 3px solid #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	border-color: #ff4500;
	background: #ff4500;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
	width: 36px;
	border-color: #ff4500;
	background: #ff4500;
	border-radius: 50px;
	-webkit-border-radius: 50px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 30px;
	width: 19px;
	height: 31px;
	text-indent: -9999px;
	z-index: 9;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/*
.bx-wrapper .bx-prev {
	left: -30px;
	background: url(/images/open.content/ko/main/slider-prev-next.png) no-repeat 0 0;
}
.bx-wrapper .bx-next {
	right: -30px;
	background: url(/images/open.content/ko/main/slider-prev-next.png) no-repeat 0 -31px;
}
*/
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999em;
	width: 16px;
	height: 16px;
	background: url(/images/common/play-btn.svg) 0 2px no-repeat;
}
.bx-wrapper .bx-controls-auto .bx-start.active {
	display: none;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	background: url(/images/common/stop-btn.svg) 0 2px no-repeat;
}
.bx-wrapper .bx-controls-auto .bx-stop.active {
	display: none;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	display: inline-block;
	vertical-align: top;
	padding-top: 1px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	width: 16px;
}

#banners-area {
	margin-top: 30px;
	padding: 30px 0 20px 0;
	background-color: #e4e4e4;
}
#banners-area #banners {
	max-width: 1200px;
	margin: 0 auto;
}
#banners-area #banners .bx-wrapper .bx-controls {
	margin-top: 15px;
}
#banners-area #banners .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	font-size: 90%;
	font-family: arial;
	line-height: 32px;
	padding: 2px;
}
#banners-area #banners .bx-wrapper .bx-controls-auto .bx-start {
	background: url(/images/common/play-btn.svg) 50% 50% no-repeat;
}
#banners-area #banners .bx-wrapper .bx-controls-auto .bx-stop {
	background: url(/images/common/stop-btn.svg) 50% 50% no-repeat;
}
#banners-area #banners ul li a {
	display: block;
	border: 1px solid transparent;
}
#banners-area #banners ul li a:hover {
	border-color: #888;
}
#simplemodal-container a.modalCloseImg {
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -40px;
	right: 0px;
	cursor: pointer;
	color: #fc00ff;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 12px;
	background: #fff;
}
/* modalContainer */
#modalBackground {  }

#modalContainer {
	color:#4295C2;
	height: 120px; 
	width: 240px;
	text-align:left; 
	padding: 30px;
	background: rgba(255,255,255,.9);
	box-shadow: 0 0 20px #000;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}
#modalContainer .message {
	color: #149cff;
	font-size: 120%;
	letter-spacing: -1px;
	padding-top: 20px;
}
#modalContainer div {
	position: relative;
}
#modalContainer a.close {
	position: absolute;
	top: -20px;
	right: -20px;
	display: block;
	text-indent: -9999em;
	width: 25px;
	height: 25px;
	background: url(/images/common/close-b.svg) 0 0 no-repeat;
	transform: rotate(0);
}
#modalContainer a.close:hover {
	transform: rotate(90deg);
}
#content .noted items {
	color: #777;
}
#content dl {
	margin: 15px;
}
#content dl.step {
	margin: 10px 0;
}
#content dl.step dt {
	font-size: 95%;
	font-weight: 400;
}
#content dl.step dd,
#content .step02 {
	font-size: 90%;
	font-weight: 300;
	margin-left: 10px;
	padding-left: 15px;
	background: url(/images/common/bullet02.gif) 0 50% no-repeat;
}
.tone1 {
	color: #f20909;
}
.tone2 {
	color: #f27709;
}
.tone3 {
	color: #ecd303;
}
.tone4 {
	color: #00cc33;
}
.tone5 {
	color: #0fc0ec;
}
.tone6 {
	color: #0b65e1;
}
.tone7 {
	color: #540ef3;
}
.tone8 {
	color: #e00de8;
}

/* for print url-expand*/
span.url { display: none !important; }

@media (min-width: 1440px) { 
	#header .header-area {
		background-position: 15% 85%;
	}
}
@media (min-width: 1800px) { 
	#header .header-area {
		background-position: 20% 85%;
	}
}

/*2021-06-03  footer sns logo*/

#footer .logo-sns #version-hwarang {
	position: relative;
}

#footer .logo-sns #version-hwarang li.facebook{
	display:inline-block;
}

#footer .logo-sns #version-hwarang li.instargram{
	margin-left:5px;
	display:inline-block;
}

#footer .logo-sns #version-hwarang li.blog{
	margin-left:10px;
	display:inline-block;
}

#footer .logo-sns #version-hwarang li.facebook a {
	padding: 0 0 0 24px;
	background: url(/images/common/facebook-icon.svg) 0 50% no-repeat;
}

#footer .logo-sns #version-hwarang li.instargram a {
	padding: 0 0 0 24px;
	background: url(/images/common/instargram-icon.svg) 0 50% no-repeat;
}

#footer .logo-sns #version-hwarang li.blog a {
	padding: 0 0 0 24px;
	background: url(/images/common/blog-icon.svg) 0 50% no-repeat;
}



/* 2024-11-19 짚롤러코스터 추가 */
#header div.top-links ul li.tour {}
#header div.top-links ul li.tour a {
 padding-left: 33px;
	position: relative;
}
#header div.top-links ul li.tour a::before {
	background: url(/images/common/cd-emblem.png) no-repeat;
	background-size: cover;
	position: absolute;
    top: 7px;
    left: 9px;
    width: 20px;
	height: 16px;
	content: '';
}