header {
	position: fixed;
	left:0;
	right:0;
	top:0;
	height:60px;
	background-color: #010004;
	z-index:33;
	border-bottom:1px solid #455c26;
}
header .container { padding:0 25px; }
nav { position: relative; display: flex; height:60px; align-items:center; justify-content: flex-start; padding:5px 0; }
nav .logo { position: relative; top:5px; width:120px; }
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 { }
.gnb-group .item { font-family: 'caxton', serif; display:block; text-align:center; font-size:33px; font-weight:400; color:#8dc63f; background-color:#1b2113; padding:8px 0; }
.gnb-group .item:last-child { text-align:center; background-color:#010004; border-top:1px solid #8dc63f;  }
.gnb-group .gnb-sns { padding:10px; }
.gnb-group .gnb-sns .ic-sns { width:50px; height:50px; }
.gnb-group .gnb-sns .ic-sns ~ .ic-sns { margin-left:2px; }
.gnb-group .blank { height:50px; background-color:#1b2113; }

@media(min-width: 641px) {
	.gnb-group .item { font-size:33px; }
	.gnb-group .gnb-sns .ic-sns { width:50px; height:50px; }
	.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 #8dc63f;
	border-bottom:1px solid #8dc63f;
}
.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 90px 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;
	font-weight:800;
	line-height: 1;
	width:100%;
	max-width: 230px;
	font-size:24px;
	text-align:center;
	padding:12px 25px;
	margin-bottom: 25px;
}
section[area-label="main-sns"] .sns-group { text-align: center; position: relative;}
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 10px; }
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 65px 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:65px; }
	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:#1b2113;
}
section[area-label="sub-title"] h1 {
	font-size:20px;
	color:#8dc63f;
	padding:10px 0;
}
section[area-label="sub-body"] {
	
}

.sec-title {
	font-size:18px;
	text-align:center;
	color: #fff;
	background-color:#1b2113;
	padding:10px 0;
}
@media(min-width: 641px) {
	section[area-label="sub-title"] h1 { font-size:22px; }
}

#letter .letter-top { text-align: center; padding:0px; border-bottom:2px solid #8dc63f; }
#letter .letter-top h2 { color:#8dc63f; font-size: 21px; font-weight:400; margin:30px 0; }
#letter .letter-top h2 kbd { font-family: 'HgGh' ,sans-serif !important; color:#18043a; background-color:#8dc63f; 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:#010004;
	padding:35px 20px;
	border:1px solid #8dc63f;
}
#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:15px 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:#8dc63f; border-color:#8dc63f; 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:90px; }
#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;
	background-image: linear-gradient(to right, #f6c615 0%, #f9f391 50%, #f6c615 100%);
}
#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 25px 35px; color:#fff; }
#about .about-body h2 { font-size:22px; color:#8dc63f; font-weight:700; text-transform:uppercase; margin-bottom:20px; }
#about .about-body p { text-align:center; line-height:1.567582; margin-bottom:3px; }
#about .about-body p span { display:inline; }
#about .about-body .ic-more { margin-top:25px; }
#about .about-body .ic-more.rev {
	transform: rotate(180deg);
}

@media(min-width: 641px) {
	#about .about-body h2 { font-size:32px; margin-bottom:30px; }
	#about .about-body { font-size:16px; }
	#about .about-body p span { display:block; }
	#about .about-body .ic-more { width:28px; height:28px; }
}


#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:flex-start; }
#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: 'Source Sans Pro', sans-serif;
	width:100%;
	height:52px;
	color:#464646;
	font-size:18px;
	font-weight:600;
	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:#8dc63f; background: transparent; border-color:#8dc63f; }
#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; }
.multimedia-photo .item {
	flex:0 1 48.477%;
}
.multimedia-photo .item:nth-child(even) { margin-left:10px; }

#cast section[area-label="sub-body"] { padding:40px 20px 60px;}
#cast .btn-group ul { display:flex; flex-wrap:nowrap; 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: 'Source Sans Pro', sans-serif;
	width:100%;
	height:52px;
	color:#464646;
	font-size:18px;
	font-weight:600;
	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:#8dc63f; background: transparent; border-color:#8dc63f; }

#cast .list-group { display:flex; flex-wrap:wrap; }
#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: #313131; text-align:center; padding:10px; }
#cast .list-group .item-body h3 {  color:#fff; font-size:14px; text-transform:uppercase; line-height:1.2; }
#cast .list-group .item-body p {  font-size:12px; color:#cfcfcf; 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:20px; }
	#multimedia .btn-group .btn { font-size:20px; }
	#multimedia .multimedia-video .item p { font-size:16px; height:20px; margin-bottom:40px; }
}

#ticket section[area-label="sub-body"] { padding:58px 0 40px 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:#8dc63f; font-size:20px; font-weight:bold; }
#ticket .ticket-body { }
#ticket .ticket-body table { width:100%; color:#fff; border-bottom:1px solid #8dc63f; }
#ticket .ticket-body table thead { font-size:16px; font-weight:700; border-bottom:2px solid #8dc63f; }
#ticket .ticket-body table thead th { font-size:18px; color:#8dc63f; font-weight:600; padding:10px 0; }
#ticket .ticket-body table tbody td { font-size:15px; text-align: center; letter-spacing:-.5px; height:50px;  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: 24px 0;
}
#ticket .ticket-body table tbody tr:nth-child(even) { background-color:#1b2113; }
#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:#fff000;
}
#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:#fff000; }
#ticket-detail.daegu .ticket-group .item {
	background-color: #fff000;
	color:#000;
	text-align:center;
	border-radius: 8px;
	margin-bottom:15px;
	padding:20px 35px;
}
#ticket-detail.busan .ticket-group .item { color:#661e20; background-color: #fff000; border:2px solid #661e20; }
#ticket-detail.busan .ticket-group .item p a,
#ticket-detail.busan .ticket-group .item li a { color:#fff000; 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:8px 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:#fff000;
	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 section[area-label="sub-body"] { padding:58px 0 40px 0; }
	#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; }
}


#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;
}

#member { }
#member .sec-title {
	text-align: left;
	font-family: 'HgGh', sans-serif;
	font-weight: 600;
	color:#8dc63f;
	padding: 10px 20px;
}
#member section[area-label="sub-body"] { color:#fff; }
#member .member-top { text-align:center; }
#member .member-top h2 { color:#8dc63f; 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 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:#8dc63f; }
#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:#8dc63f; background-color:transparent; border:1px solid #8dc63f; }
#member .item-title {
	font-family: 'HgGh';
	font-weight: 400;
	font-size:18px; 
	color:#8dc63f; font-weight:600; background-color:#280f55; cursor:pointer;
	background-image: url('../images/ic-arrow-bottom.png');
	background-repeat:no-repeat;
	background-position:top 24px right 20px;
	background-size: 18px;
	padding:15px 10px 15px 30px;
}
#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 section[area-label="sub-body"] { color:#fff; }
#faq .item-title,
#faq .item-contents { display:flex; flex-wrap:nowrap; padding:15px 10px; border-bottom:1px solid #8dc63f; }
#faq .item-contents { background-color:#280f55; }
#faq label { font-family:"Gotham-Light"; color:#8dc63f; }
#faq h4 { font-weight:700; padding:0 10px; }
#faq p { font-size:14px; padding:0 10px; }
#faq i img { width:25px; }

/* 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:15px; color:#858585; margin-bottom:10px; }
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 p { font-size:14px; }
}


/* ticket-fix */
.ticket-fix {
	position: fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:3;
	background-color: #010004;
}
.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:#010004; background:#8dc63f;  }
.ticket-fix ul li p { color:#010004; 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:#1b2113  !important;
	border-radius: 0px;
	padding:15px !important;
	margin: 0 auto;
	border:1px solid #8dc63f;
}
.modal-head { text-align: center; margin-bottom:20px; }
.modal-head > img { max-width:65%; border:4px solid #5f5f5f; }
.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; }

@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: #1b2113;
	padding:15px;
	border:1px solid #8dc63f;

}
#js_title {
	font-family: 'HgGh', sans-serif;
	font-size: 22px;
	font-weight:800;
	color: #8dc63f;
	margin-bottom:15px;
}
.pre_box dt { margin-bottom:5px; color:#8dc63f; }
.pre_box dd { margin-bottom:10px; }
.pre_box dd span { font-size:14px; color:#8dc63f; }
.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: 45px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  color: #8dc63f;
  background-color: transparent;
  border:1px solid #8dc63f;
}
.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; }


#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;
}




/* 2024-07-24 add */
.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:#8dc63f;
	padding: 6px 10px;
	border:1px solid #8dc63f;
}
nav .member .btn.login-btn {
	background-color: #8dc63f;
	color:#010004;
}
nav .member h3 {
	display: inline-block;
	font-size: 15px;
	vertical-align: middle;
}


/* etc  */
.t-center { text-align:center !important; }
.line17 { line-height:1.7; }