header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	height: 60px;
	background-color: #171846;
	z-index: 33;
	border-bottom: 1px solid #85cee4;
}

	header .container {
		padding: 0 20px;
	}

nav {
	position: relative;
	display: flex;
	height: 60px;
	align-items: center;
	justify-content: flex-start;
	padding: 5px 0;
}

	nav .logo {
		position: relative;
		top: 10px;
		width: 90px;
	}

	nav a {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}

		nav a.slidebar-open-top {
			position: absolute;
			top: 19px;
			right: 0;
			width: 30px;
			height: 23px;
			background: transparent url('../images/ic-nav.png') no-repeat center center /contain;
			transition: all .3s ease-in-out;
		}

			nav a.slidebar-open-top.closed-top {
				background-image: url('../images/ic-nav-close.png');
			}

.gnb-group {
	background-color: #85cee4;
	border-bottom: 1px solid #85cee4;
}

	.gnb-group .item {
		font-family: "Neutraface-Condensed-Bold", sans-serif;
		display: block;
		text-align: center;
		font-size: 40px;
		line-height: 1;
		color: #171846;
		background-color: #85cee4;
		padding: 8px 0;
	}

		.gnb-group .item span {
			color: #fff;
		}

	.gnb-group .gnb-sns {
		padding-top: 10px;
	}

		.gnb-group .gnb-sns .ic-sns {
			width: 30px;
			height: 30px;
		}

			.gnb-group .gnb-sns .ic-sns + .ic-sns {
				margin-left: 2px;
			}

	.gnb-group .blank {
		height: 50px;
		background-color: #85cee4;
	}

@media(min-width: 641px) {
	.gnb-group .item {
		font-size: 42px;
	}

	.gnb-group .gnb-sns .ic-sns {
		width: 35px;
		height: 35px;
	}

		.gnb-group .gnb-sns .ic-sns + .ic-sns {
			margin-left: 5px;
		}
}

/* main */
main {
	margin-top: 60px;
}

.movie-embed {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	border-top: 1px solid #85cee4;
	border-bottom: 1px solid #85cee4;
}

	.movie-embed iframe,
	.movie-embed video,
	.movie-embed embed {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}

section[area-label="main-sns"] {
}

	section[area-label="main-sns"] .container {
		position: relative;
		text-align: center;
		padding: 90px 0 50px 0;
	}

	section[area-label="main-sns"] h2 {
		text-align: center;
		font-size: 28px;
		font-weight: 800;
		letter-spacing: -.5px;
		margin-bottom: 5px;
	}

	section[area-label="main-sns"] .summary {
		font-weight: 400;
		font-size: 20px;
		margin-bottom: 38px;
	}

	section[area-label="main-sns"] .btn-letter {
		display: inline-block;
		line-height: 1;
		width: 100%;
		max-width: 230px;
		font-size: 30px;
		text-align: center;
		padding: 12px 25px;
		margin-bottom: 25px;
	}

	section[area-label="main-sns"] .sns-group {
		text-align: center;
		position: relative;
		margin-bottom: 40px;
	}

	section[area-label="main-sns"] .ic-sns {
		width: 45px;
		height: 45px;
	}

		section[area-label="main-sns"] .ic-sns ~ .ic-sns {
			margin-left: 7px;
		}

	section[area-label="main-sns"] .sign {
		position: absolute;
		right: 10px;
		bottom: 7px;
	}

	section[area-label="main-sns"] .noti-group {
		padding: 0 20px;
		margin: 30px 0 40px;
	}

		section[area-label="main-sns"] .noti-group .item {
			display: block;
		}

			section[area-label="main-sns"] .noti-group .item ~ .item {
				margin-top: 10px;
			}

		section[area-label="main-sns"] .noti-group.nth1 {
			margin: 50px 0;
		}

@media (min-width:641px) {
	section[area-label="main-sns"] .container {
		padding: 85px 0 85px 0;
	}

	section[area-label="main-sns"] h2 {
		font-size: 35px;
		margin-bottom: 5px;
	}

	section[area-label="main-sns"] .summary {
		font-size: 22px;
	}

	section[area-label="main-sns"] .btn-letter {
		font-size: 28px;
		padding: 14px 0;
		max-width: 260px;
		margin-bottom: 30px;
	}

	section[area-label="main-sns"] .sns-group {
		margin-bottom: 60px;
	}

	section[area-label="main-sns"] .ic-sns {
		width: 50px;
		height: 50px;
	}

	section[area-label="main-sns"] .noti-group.nth1 {
		margin: 100px 0;
	}
}


/* sub */
section[area-label="sub-title"] {
	text-align: center;
	background-color: #85cee4;
}

	section[area-label="sub-title"] h1 {
		font-size: 32px;
		color: #171846;
		line-height: 1;
		padding: 10px 0;
	}

		section[area-label="sub-title"] h1 span {
			font-family: "Neutraface-Condensed-Bold", sans-serif;
			color: #fff;
		}

section[area-label="sub-body"] {
}

.sec-title {
	font-family: "Neutraface-Condensed-Bold", sans-serif;
	font-size: 26px;
	line-height: 1;
	text-align: center;
	color: #171846;
	background-color: #85cee4;
	padding: 10px 0;
	border-top: 1px solid #26345c;
}

@media(min-width: 641px) {
	section[area-label="sub-title"] h1 {
		font-size: 34px;
	}
}

#letter .letter-top {
	text-align: center;
	padding: 0px;
}

	#letter .letter-top h2 {
		color: #fff;
		font-size: 21px;
		font-weight: 400;
		margin: 30px 0;
	}

		#letter .letter-top h2 kbd {
			font-family: 'HgGh',sans-serif !important;
			color: #18043a;
			background-color: #85cee4;
			position: relative;
			top: 1px;
			font-weight: 800;
			border-radius: 6px;
			padding: 0 5px;
		}

		#letter .letter-top h2 b {
			font-family: 'HgGh',sans-serif !important;
			font-weight: 800;
		}

	#letter .letter-top summary {
		color: #fff;
		font-size: 13px;
		letter-spacing: -.5px;
		padding: 0 15px;
	}

		#letter .letter-top summary kbd {
			font-weight: 700;
			background-color: #42315e;
			padding: 0 5px;
			border-radius: 4px;
		}

#letter section[area-label="sub-body"] {
	padding: 50px 20px 10px;
}

#letter .letter-privacy {
	color: #c2c2c2;
	background-color: #171846;
	padding: 35px 20px;
	border: 1px solid #85cee4;
}

	#letter .letter-privacy h3 {
		font-size: 16px;
		font-weight: 700;
	}

#letter .letter-text-group {
	font-size: 13px;
	margin-top: 20px;
}

	#letter .letter-text-group span {
		font-size: 12px;
	}

	#letter .letter-text-group p {
		font-weight: 700;
	}

	#letter .letter-text-group span kbd {
		color: #fff;
		font-weight: 600;
		background-color: #42315e;
		padding: 0 5px;
		border-radius: 4px;
	}

#letter section[area-label="sub-bottom"] {
	text-align: center;
	padding: 15px 20px 50px 20px;
}

	#letter section[area-label="sub-bottom"] .checkbox {
		margin: 5px 0 35px;
	}

#letter .sns-group {
	text-align: center;
}

#letter .ic-sns {
	width: 50px;
	height: 50px;
}

	#letter .ic-sns ~ .ic-sns {
		margin-left: 5px;
	}

#letter .form-group {
	margin: 20px 0 25px 0;
}

	#letter .form-group input {
		margin-bottom: 10px;
	}

#letter .btn-group {
	margin-bottom: 25px;
}

	#letter .btn-group .btn {
		width: 100%;
		height: 52px;
		font-size: 18px;
		font-weight: 700;
	}

		#letter .btn-group .btn.btn-default {
			color: #555;
			background-color: transparent;
			border-color: #555;
		}

		#letter .btn-group .btn.btn-border {
			color: #85cee4;
			border-color: #85cee4;
			background-color: transparent;
		}

@media(min-width: 641px) {
	#letter .letter-top h2 {
		font-size: 28px;
	}

	#letter .letter-top p {
		font-size: 18px;
		margin: 20px 0;
	}

	#letter .letter-top summary {
		font-size: 17px;
	}

	#letter .letter-privacy {
		padding: 25px 20px;
	}

		#letter .letter-privacy h3 {
			font-size: 18px;
		}

	#letter .letter-text-group {
		font-size: 16px;
	}

		#letter .letter-text-group span {
			font-size: 14px;
			letter-spacing: -.5px;
		}

	#letter section[area-label="sub-bottom"] .checkbox {
		margin: 15px 0 38px;
	}

		#letter section[area-label="sub-bottom"] .checkbox label {
			font-size: 20px;
		}

	#letter .sns-group {
		margin: 50px 0 20px;
	}

	#letter .ic-sns {
		width: 70px;
		height: 70px;
	}

		#letter .ic-sns ~ .ic-sns {
			margin-left: 15px;
		}
}

#about {
}

	#about .sec-title {
		font-size: 21px;
		border-top: 1px solid #455c26;
	}

	#about section[area-label="sub-body"] {
		padding-bottom: 10px;
	}

	#about .btn-group li {
		padding: 0;
	}

	#about .btn-group .btn {
		font-family: "Gotham-Black";
		width: 100%;
		height: 52px;
		color: #9a9a9a;
		font-size: 18px;
		font-weight: bold;
		color: #18043a;
	}

		#about .btn-group .btn:active,
		#about .btn-group .btn:focus,
		#about .btn-group .btn.active {
			color: #fff;
			background-color: transparent;
		}

	#about .about-top {
	}

	#about .about-body {
		font-size: 14px;
		text-align: center;
		letter-spacing: -.7px;
		/*	padding:60px 15px 60px;*/
		color: #fff;
		word-break: keep-all;
	}

		#about .about-body h2 {
			font-size: 22px;
			color: #fff;
			font-weight: 700;
			text-transform: uppercase;
			margin-bottom: 3px;
		}

		#about .about-body p {
			text-align: center;
			line-height: 1.567582;
			margin-bottom: 3px;
		}

			#about .about-body p span {
				display: inline;
			}

		#about .about-body mark {
			background-color: transparent;
			color: #85cee4;
		}

@media(min-width: 641px) {
	#about .about-body h2 {
		font-size: 32px;
		margin-bottom: 10px;
	}

	#about .about-body {
		font-size: 16px;
	}

		#about .about-body p span {
			display: block;
		}
}


#multimedia section[area-label="sub-body"] {
	background-image: none;
	padding: 40px 20px 60px;
}

#multimedia .btn-group ul {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 10px;
	justify-content: space-between;
}

#multimedia .btn-group li {
	flex: 0 0 48.4777%;
	padding: 0;
}

	#multimedia .btn-group li + li {
		margin-left: 10px;
	}

#multimedia .btn-group .btn {
	font-family: "Neutraface-Condensed-Bold", sans-serif;
	width: 100%;
	height: 50px;
	color: #464646;
	font-size: 25px;
	line-height: 1;
	text-transform: uppercase;
	background-color: transparent;
	border-color: #464646;
}

	#multimedia .btn-group .btn:active,
	#multimedia .btn-group .btn:focus,
	#multimedia .btn-group .btn.active {
		color: #85cee4;
		background: transparent;
		border-color: #85cee4;
	}

#multimedia .list-group .item {
	position: relative;
	width: 100%;
	margin-bottom: 25px;
}

#multimedia .movie-embed {
	border: 0;
}

#multimedia .list-group .item img {
	border: 1px solid #313131;
}

#multimedia .multimedia-video .item p {
	color: #fff;
	margin-top: 10px;
	height: 18px;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 14px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.multimedia-photo {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

	.multimedia-photo.list-group .item {
		margin-bottom: 10px !important;
	}

#cast section[area-label="sub-body"] {
	padding: 40px 20px 60px;
}

#cast .btn-group ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: 10px;
}

#cast .btn-group li {
	flex: 0 0 48%;
	padding: 0;
}

	#cast .btn-group li + li {
		margin-left: 10px;
	}

#cast .btn-group .btn {
	font-family: "Neutraface-Condensed-Bold", sans-serif;
	width: 100%;
	height: 50px;
	color: #464646;
	font-size: 25px;
	line-height: 1;
	text-transform: uppercase;
	background-color: transparent;
	border-color: #464646;
}

	#cast .btn-group .btn:active,
	#cast .btn-group .btn:focus,
	#cast .btn-group .btn.active {
		color: #85cee4;
		background: transparent;
		border-color: #85cee4;
	}

#cast .list-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

	#cast .list-group .item {
		flex: 0 1 48%;
		margin-bottom: 10px;
	}

		#cast .list-group .item:nth-child(even) {
			margin-left: 10px;
		}

	#cast .list-group .item-panel {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		align-items: stretch;
	}

	#cast .list-group .item-thum img {
		width: 100%;
		border: 1px solid #313131;
	}

	#cast .list-group .item-thum, #cast .list-group .item-body {
		flex: 1 1 50%;
	}

	#cast .list-group .item-body {
		position: relative;
		background: #85cee4;
		text-align: center;
		padding: 10px;
	}

		#cast .list-group .item-body h3 {
			color: #fff;
			font-size: 14px;
			text-transform: uppercase;
			line-height: 1.5;
		}

		#cast .list-group .item-body p {
			font-size: 12px;
			color: #171846;
			text-transform: uppercase;
			line-height: 1.2;
		}

		#cast .list-group .item-body i {
			position: absolute;
			left: 10px;
			bottom: -50px;
			display: none;
			width: 25px;
		}

	#cast .list-group .item-cont {
		display: none;
		color: #dfdfdf;
		background-color: #000;
		font-size: 14px;
		text-align: center;
		padding: 20px 15px;
		margin: 10px 5px;
	}

		#cast .list-group .item-cont p {
			text-align: left;
			margin-bottom: 22px;
			line-height: 1.6;
		}

		#cast .list-group .item-cont a {
			display: inline-block;
			width: 20px;
		}

@media(min-width: 641px) {
	#cast .list-group .item-body {
		padding: 15px 25px;
	}

		#cast .list-group .item-body h3 {
			font-size: 16px;
		}

		#cast .list-group .item-body p {
			font-size: 14px;
		}

	#cast .btn-group .btn {
		font-size: 28px;
	}

	#multimedia .btn-group .btn {
		font-size: 28px;
	}

	#multimedia .multimedia-video .item p {
		font-size: 16px;
		height: 20px;
		margin-bottom: 40px;
	}
}

#ticket section[area-label="sub-body"] {
	padding: 50px 0 80px 0;
}

#ticket section[area-label="sub-banner"] {
	padding: 25px;
}

	#ticket section[area-label="sub-banner"] .list-item {
		display: block;
	}

		#ticket section[area-label="sub-banner"] .list-item ~ .list-item {
			margin-top: 10px;
		}

#ticket .ticket-top {
	text-align: center;
}

	#ticket .ticket-top img {
		max-width: 100%;
	}

	#ticket .ticket-top h2 {
		color: #85cee4;
		font-size: 20px;
		font-weight: bold;
	}

#ticket .ticket-body {
}

	#ticket .ticket-body table {
		width: 100%;
		color: #fff;
		border-bottom: 1px solid #26345c;
	}

		#ticket .ticket-body table thead {
			font-size: 16px;
			font-weight: 700;
			border-bottom: 2px solid #85cee4;
		}

			#ticket .ticket-body table thead th {
				font-size: 18px;
				color: #85cee4;
				font-weight: 600;
				padding: 10px 0;
			}

		#ticket .ticket-body table tbody td {
			font-size: 15px;
			text-align: center;
			letter-spacing: -.5px;
			height: 45px;
			padding: 0 5px;
		}

			#ticket .ticket-body table tbody td:nth-child(1) {
				font-weight: 400;
			}

			#ticket .ticket-body table tbody td a {
				display: inline-block;
				color: #fff;
				padding: 20px 0;
			}

		#ticket .ticket-body table tbody tr:nth-child(even),
		#ticket .ticket-body table tbody tr:nth-child(even) a {
			color: #171846;
			background-color: #85cee4;
		}

#ticket .noti {
	font-size: 16px;
	color: #c5c5c5;
	text-align: center;
	padding: 40px 0 20px;
}

#ticket-detail {
	background: transparent url('../images/ticket-body-bg.jpg') repeat center center;
}

	#ticket-detail .btn-group {
		padding: 15px;
	}

		#ticket-detail .btn-group li {
			padding: 0;
		}

		#ticket-detail .btn-group .btn {
			width: 100%;
			height: 52px;
			line-height: 1.9246345;
			color: #ce1216;
			font-size: 18px;
			font-weight: 700;
			background-color: #661e20;
			border-color: #661e20;
		}

			#ticket-detail .btn-group .btn:active,
			#ticket-detail .btn-group .btn:focus,
			#ticket-detail .btn-group .btn.active {
				color: #661e20;
				background-color: #ce1216;
			}

	#ticket-detail .ticket-detail-top {
		text-align: center;
		padding: 30px;
	}

	#ticket-detail .ticket-group {
		padding: 5px;
	}

		#ticket-detail .ticket-group .item {
			background-color: #fff;
			color: #010004;
			border-radius: 0px;
			margin-bottom: 10px;
			padding: 10px 15px;
		}

	#ticket-detail.daegu {
		background: #000;
		background-image: none;
	}

		#ticket-detail.daegu section[area-label="sub-body"] {
			background-image: none;
		}

		#ticket-detail.daegu .btn-group .btn {
			width: 100%;
			height: 52px;
			line-height: 1.9246345;
			color: #fff;
			font-size: 18px;
			font-weight: 700;
			background-color: #000;
			border-color: #85cee4;
		}

			#ticket-detail.daegu .btn-group .btn:active,
			#ticket-detail.daegu .btn-group .btn:focus,
			#ticket-detail.daegu .btn-group .btn.active {
				color: #000;
				background-color: #85cee4;
			}

		#ticket-detail.daegu .ticket-group .item {
			background-color: #85cee4;
			color: #000;
			text-align: center;
			border-radius: 8px;
			margin-bottom: 15px;
			padding: 20px 35px;
		}

	#ticket-detail.busan .ticket-group .item {
		color: #661e20;
		background-color: #85cee4;
		border: 2px solid #661e20;
	}

		#ticket-detail.busan .ticket-group .item p a,
		#ticket-detail.busan .ticket-group .item li a {
			color: #85cee4;
			background-color: #661e20;
		}

		#ticket-detail.busan .ticket-group .item h2 {
			color: #661e20;
		}

	#ticket-detail .ticket-group .item .row {
		margin: 0 -5px;
	}

	#ticket-detail .ticket-group .item h2 {
		font-size: 15px;
		font-weight: 800;
		margin-bottom: 5px;
	}

		#ticket-detail .ticket-group .item h2 ~ h2 {
			margin-top: 20px
		}

	#ticket-detail .ticket-group .item small {
		display: block;
		font-size: 16px;
		padding: 10px 0;
	}

	#ticket-detail .ticket-group .item ul {
		list-style: none;
		width: 100%;
	}

	#ticket-detail .ticket-group .item li {
		position: relative;
		display: block;
		min-height: 1px;
		float: left;
		width: 33.333333%;
		padding: 2px;
	}

		#ticket-detail .ticket-group .item li a {
			display: inline-block;
			width: 100%;
			text-align: center;
			line-height: 1.5873437;
			font-size: 14px;
			color: #fff;
			font-weight: 400;
			background-color: #010004;
			padding: 12px 0;
		}

	#ticket-detail .ticket-group .item p a {
		font-family: minion-pro, serif !important;
		display: inline-block;
		width: 100%;
		height: 56px;
		line-height: 1.5873437;
		font-size: 20px;
		font-weight: 800;
		color: #85cee4;
		background-color: #000;
		padding: 12px 0;
	}

	#ticket-detail .ticket-group .item.sec p {
		font-size: 20px;
		text-align: left;
	}

		#ticket-detail .ticket-group .item.sec p ~ p {
			margin-top: 25px;
		}

	#ticket-detail section[area-label="sub-bottom"] {
		text-align: center;
		padding: 0 15px 20px;
	}

@media (min-width:641px) {
	#ticket .ticket-body table thead th {
		font-size: 16px;
	}

	#ticket .ticket-body table tbody td {
		font-size: 16px;
	}

	#ticket .noti {
		font-size: 15px;
		padding: 30px 0;
	}
}

#member {
}

	#member .sec-title {
		text-align: left;
		font-family: 'HgGh', sans-serif;
		font-size: 22px;
		font-weight: 800;
		color: #061286;
		padding: 15px 20px;
	}

	#member section[area-label="sub-body"] {
		color: #fff;
	}

	#member .member-top {
		text-align: center;
	}

		#member .member-top h2 {
			color: #061286;
			font-size: 22px;
			font-weight: 800;
			letter-spacing: -.5px;
			margin: 20px 0;
			padding: 0 20px;
		}

	#member .member-body {
		padding: 20px 20px;
		line-height: 1.7;
		font-size: 14px
	}

		#member .member-body.nth1 {
			text-align: center;
			padding: 50px 0;
		}

		#member .member-body h3 {
			color: #fff;
			font-size: 22px;
			font-weight: 700;
			margin-bottom: 3px;
		}

			#member .member-body h3 ~ h3 {
				margin-top: 30px;
			}

		#member .member-body.nth1 p {
			font-size: 17px;
		}

		#member .member-body.nth1 .noti {
			color: #c2c2c2;
		}

		#member .member-body ul {
			list-style: none;
			margin-bottom: 5px;
		}

		#member .member-body li {
			font-size: 14px;
			display: flex;
			flex-wrap: wrap;
		}

			#member .member-body li:before {
				content: "ㆍ";
				flex-shrink: 0;
				width: 10px;
				margin-right: 5px;
			}

			#member .member-body li span {
				display: inline-block;
				flex-grow: 1;
				width: 90%;
			}

		#member .member-body kbd {
			color: #85cee4;
		}

	#member .btn-group {
		padding: 20px 20px 35px;
		margin-bottom: 30px;
	}

		#member .btn-group .row {
			margin: 0 -10px;
		}

		#member .btn-group .btn {
			width: 100%;
			height: 52px;
			font-size: 18px;
			font-weight: 700;
			line-height: 1.2;
			border: 0;
		}

		#member .btn-group .btn-nth1 {
			color: #555555;
			background-color: transparent;
			border: 1px solid #555;
		}

		#member .btn-group .btn-nth2 {
			color: #85cee4;
			background-color: transparent;
			border: 1px solid #85cee4;
		}

	#member .item-title {
		cursor: pointer;
		background-image: url('../images/ic-arrow-bottom.png');
		background-repeat: no-repeat;
		background-position: top 22px right 20px;
		background-size: 18px;
	}

	#member .item-contents {
		text-align: center;
	}

@media(min-width: 641px) {
	#member .sec-title {
		font-size: 21px;
	}

	#member .member-top h2 {
		font-size: 30px;
	}

	#member .member-body h3 {
		font-size: 22px;
	}

	#member .member-body.nth1 p {
		font-size: 17px;
	}

	#member .member-body {
		padding: 30px 20px;
	}

		#member .member-body li {
			font-size: 15px;
			line-height: 1.5;
		}
}


#faq .item-que {
	color: #661e20;
	font-weight: 700;
	cursor: pointer;
	background-image: url('../images/ic-q.png'), url('../images/ic-arrow-bottom.png');
	background-repeat: no-repeat, no-repeat;
	background-position: 11px 22px, top 50% right 20px;
	background-size: 22px, 18px;
	padding: 20px 70px 20px 50px;
	border-bottom: 1px solid #661e20;
}

#faq .item-answer {
	font-size: 14px;
	color: #661e20;
	background: transparent url('../images/ic-a.png') no-repeat 11px 22px /21px;
	padding: 20px 30px 20px 50px;
	border-bottom: 1px solid #661e20;
}

#faq section[area-label="sub-body"] {
	color: #fff;
}

#faq .item-title,
#faq .item-contents {
	display: flex;
	flex-wrap: nowrap;
	padding: 20px 20px;
	border-bottom: 1px solid #85cee4;
}

#faq .item-contents {
	background-color: #000;
}

#faq label {
	font-family: "Neutraface-Condensed-Bold", sans-serif;
	color: #85cee4;
	font-size: 26px;
	line-height: 1;
}

#faq .item-contents label {
	color: #f0f0f0;
}

#faq h4 {
	flex-grow: 1;
	font-weight: 700;
	padding: 0 10px;
}

#faq p {
	font-size: 14px;
	padding: 0 10px;
}

#faq i {
	flex-shrink: 0;
	width: 16px;
	line-height: 1;
}

	#faq i img {
		width: 16px;
	}

	#faq i.active img {
		transform: rotate(180deg);
	}

/* footer */
footer {
	padding: 30px 10px 10px 10px;
	text-align: center;
	background-color: #222;
	border-top: 1px solid #222222;
	padding-bottom: 90px;
}

	footer h4 {
		font-size: 16px;
		font-weight: 700;
		color: #fff;
		margin-bottom: 10px;
	}

		footer h4 a {
			color: #fff;
			font-size: 12px;
			font-weight: normal;
		}

	footer p {
		font-size: 12px;
		color: #606060;
	}

		footer p + p {
			margin-top: 1px;
			margin-bottom: 20px;
		}

@media (min-width:641px) {
	footer {
		padding: 45px 10px 10px 10px;
		;
		padding-bottom: 110px;
	}

		footer h4 {
			font-size: 17px;
		}

			footer h4 a {
				font-size: 14px;
			}

		footer p {
			font-size: 14px;
		}
}


/* ticket-fix */
.ticket-fix {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 3;
	background-color: #010146;
}

	.ticket-fix ul {
		list-style: none;
		display: flex;
		flex-wrap: nowrap;
		width: 100%;
		padding: 10px;
	}

		.ticket-fix ul li {
			flex: 1 1 50%;
			text-align: center;
			vertical-align: middle;
		}

			.ticket-fix ul li + li {
				margin-left: 10px;
			}

			.ticket-fix ul li a {
				display: inline-block;
				width: 100%;
				font-weight: 800;
				padding: 20px 0;
				color: #171846;
				background: #85cee4;
			}

			.ticket-fix ul li p {
				color: #171846;
				font-size: 22px;
				line-height: 1;
				white-space: nowrap;
				overflow: hidden;
				word-break: break-all;
			}



/* letter-btn */
.letter-fix {
	position: absolute;
	right: 0;
	z-index: 1;
}

	.letter-fix .letter-ico {
		position: fixed;
		bottom: 80px;
		right: 10px;
		display: inline-block;
		z-index: 22;
		-webkit-transition: all ease-in-out .15s;
		-o-transition: all ease-in-out .15s;
		transition: all ease-in-out .15s;
	}

	.letter-fix a {
		display: inline-block;
		width: 65px;
		height: 65px;
		background: transparent url('../images/ic-letter.png') no-repeat 0 0 /cover;
	}


@media (min-width:640px) {
	.ticket-fix ul li a {
		padding: 20px 0;
	}

	.ticket-fix ul li p {
		font-size: 22px;
	}

	.letter-fix .letter-ico {
		bottom: 100px;
		right: unset;
	}

	.letter-fix a {
		width: 70px;
		height: 70px;
	}
}

#nofix footer {
	padding-bottom: 10px;
}

#nofix .ticket-fix {
	display: none;
}


.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.hidden {
	display: none;
}



/* plug in */
.swiper-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

	.swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

/* modal */
.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

	.fade.in {
		opacity: 1;
	}

.modal-open {
	overflow: hidden;
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

	.modal.fade .modal-dialog {
		-webkit-transition: -webkit-transform .3s ease-out;
		-o-transition: -o-transform .3s ease-out;
		transition: transform .3s ease-out;
		-webkit-transform: translate(0, -25%);
		-ms-transform: translate(0, -25%);
		-o-transform: translate(0, -25%);
		transform: translate(0, -25%);
	}

	.modal.in .modal-dialog {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}

.modal-close {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	background: url('../images/ic-modal-close.png') no-repeat center center;
	background-size: 65%;
	cursor: pointer;
	text-indent: 99999px;
	overflow: hidden;
}

	.modal-close.nth2 {
		background: url('../images/ic-modal-close.png') no-repeat center center /20px;
	}

.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0;
}

.modal-backdrop.in {
	filter: alpha(opacity=80);
	opacity: .8;
}

.modal-dialog {
	position: relative;
	width: 100%;
	max-width: 776px;
	border-radius: 6px;
	padding: 10px !important;
	margin: 0 auto;
}

	.modal-dialog.modal-video {
		background-color: transparent !important;
		padding: 0 !important;
		max-width: 900px !important;
	}

		.modal-dialog.modal-video .modal-close {
			top: -35px;
			right: 0px;
		}

	.modal-dialog.modal-ticket {
		max-width: 800px;
		background-color: transparent !important;
		padding: 0 30px !important;
	}

.modal-content {
	position: relative;
	width: 100%;
	max-width: 620px;
	color: #222222 !important;
	background: #010146 !important;
	border-radius: 0px;
	padding: 15px !important;
	margin: 0 auto;
	border: 1px solid #85cee4;
}

.modal-head {
	text-align: center;
	margin-bottom: 20px;
}

	.modal-head > img {
		max-width: 50%;
		border: 1px solid #313131;
	}

.modal-body {
}

	.modal-body h3 {
		font-size: 18px;
		text-align: center;
		line-height: 1;
	}

	.modal-body em {
		display: inline-block;
		font-style: normal;
		font-size: 18px;
		text-align: center;
		margin-bottom: 10px;
	}

	.modal-body p {
		font-size: 12px;
		text-align: center;
		color: #666666;
	}

	.modal-body span {
		display: block;
		font-size: 13px;
		margin-top: 30px;
		text-align: justify;
		line-height: 1.556985;
	}

.modal-foot {
	padding: 5px 0;
	text-align: center;
}

.modal-cast {
	padding: 20px !important;
}

	.modal-cast .modal-content {
		padding: 50px 15px !important;
	}

	.modal-cast .modal-body h3 {
		color: #85cee4;
		margin-bottom: 3px;
	}

	.modal-cast .modal-body p {
		color: #fff;
		font-size: 13.5px;
	}

	.modal-cast .modal-body span {
		color: #c2c2c2;
		text-align: center;
		letter-spacing: -.5px;
	}

@media(min-width: 640px) {
	.modal-body h3 {
		font-size: 22px;
	}

	.modal-body p {
		font-size: 14px;
	}

	.modal-body span {
		font-size: 16px;
		margin-top: 50px;
	}

	.modal-cast .modal-content {
		padding: 50px !important;
	}
}

.pre_box {
	background-color: #010146;
	padding: 15px;
	border: 1px solid #85cee4;
}

#js_title {
	font-family: 'HgGh', sans-serif;
	font-size: 22px;
	font-weight: 800;
	color: #85cee4;
	margin-bottom: 15px;
	text-align: center;
}

.pre_box dt {
	margin-bottom: 5px;
	color: #85cee4;
}

.pre_box dd {
	margin-bottom: 10px;
}

	.pre_box dd span {
		font-size: 14px;
		color: #85cee4;
	}

	.pre_box dd.last {
		font-size: 13px;
		color: #fff;
		line-height: 1.7;
	}

.b_basic2 ul {
	list-style: none;
	display: table;
	width: 100%;
	padding: 0;
}

	.b_basic2 ul li {
		display: table-cell;
		width: 1%;
		text-align: center;
		vertical-align: middle;
		padding: 0 2px;
	}

.b_basic2 .btn {
	display: inline-block;
	width: 100%;
	height: 50px;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.5;
	color: #85cee4;
	background-color: transparent;
	border: 1px solid #85cee4;
	padding: 10px;
}

	.b_basic2 .btn.btn-nth2 {
		color: #464646;
		background-color: transparent;
		border-color: #464646;
	}


#ticket-detail #js_title {
	text-align: center;
	margin-bottom: 10px;
}

#ticket-detail dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 15px;
}

#ticket-detail dt {
	flex-shrink: 0;
	width: 65px;
	font-weight: 800;
}

#ticket-detail dd {
	flex-grow: 1;
}


#perforinfo footer {
	padding-bottom: 10px;
}

.perforinfo section[area-label="sub-title"] h1 {
	font-weight: 800;
	font-size: 24px;
	padding: 15px 0;
}

#t-main main {
	margin-top: 0;
}

#t-main [area-label="main-poster"] {
	border-bottom: 1px solid #85cee4;
}

#t-main [area-label="main-sns"] h2.f-ncb {
	font-size: 42px;
	letter-spacing: .5px;
}

#t-main .btn-letter {
	margin-bottom: 30px;
}

#t-main footer {
	padding-bottom: 10px;
}



#body-cover {
	display: none;
	position: fixed;
	width: 100%;
	height: auto;
	min-height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 777;
	background: rgba(0,0,0,0.8);
}


/* clear */
.clear,
#multimedia .list-group:after,
#ticket-detail .ticket-group .item:after {
	content: "";
	clear: both;
	display: table;
}


.modal .event .last {
	padding: 0px 0 10px;
}

	.modal .event .last ul {
		list-style: none;
	}

		.modal .event .last ul li {
			display: flex;
			letter-spacing: -1px;
		}

		.modal .event .last ul i {
			flex-shrink: 0;
			width: 10px;
		}

		.modal .event .last ul span {
			color: #fff;
		}

	.modal .event .last kbd {
		display: inline-block;
		font-weight: bold;
		background-color: #42315e;
		border-radius: 4px;
		padding: 0 5px;
	}
/* // */

/* member login */
nav .member {
	position: absolute;
	top: 14px;
	right: 0;
}

	nav .member .btn {
		font-family: 'HgGh', sans-serif;
		font-size: 12px;
		font-weight: 600;
		background-color: transparent;
		color: #85cee4;
		padding: 6px 10px;
		border: 1px solid #85cee4;
	}

		nav .member .btn.login-btn {
			background-color: #85cee4;
			color: #171846;
		}

	nav .member h3 {
		display: inline-block;
		font-size: 15px;
		vertical-align: middle;
	}


/* faq */



/* etc  */
.t-center {
	text-align: center !important;
}

.line17 {
	line-height: 1.7;
}


/*sr*/
.sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	text-indent: -9999px;
}

.policy section[area-label="sub-title"] h1 {
	font-size: 20px;
	font-weight: 700;
}

.policy section[area-label="sub-body"] {
	font-size: 12px;
	padding: 20px 10px;
}

footer h4 {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
}

	footer h4 a {
		color: #fff;
		font-size: 12px;
		font-weight: normal;
	}

@media (min-width:641px) {
	footer h4 {
		font-size: 17px;
	}

		footer h4 a {
			font-size: 14px;
		}
}


/* 26-03-10 add inja */
.playlist .ic {
	flex-shrink: 0;
	display: inline-block;
	width: 26px;
	height: 26px;
}

.playlist .ic-play {
	background: transparent url('../images/ic-play.png') no-repeat 0 0 /cover;
}

.playlist .ic-pause {
	background: transparent url('../images/ic-pause.png') no-repeat 0 0 /cover;
	margin-left: 8px;
}

.playlist.list-group {
	padding: 30px 0px 80px;
}

.playlist .item {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #26345c;
	padding: 10px 20px;
}

	.playlist .item .title {
		flex-grow: 1
	}