header {
	position: fixed;
	left:0;
	right:0;
	top:0;
	height:60px;
	background-color: #222;
	z-index:33;
	border-bottom:1px solid #222;
}
header .container { padding:0 10px; }
nav { position: relative; text-align:center; }
nav .logo { max-height:60px; }
nav a.slidebar-open-top {
	position: absolute;
	top:14px;
	right:0;
	width:35px;
	height:30px;
	background: transparent url('/Contents/Images/ic-nav.png') no-repeat 0 0 /contain;
	transition: all .3s ease-in-out;
}
nav a.slidebar-open-top.closed-top {
	background-image: url('/Contents/Images/ic-nav-close.png');
}

.gnb-group {}
.gnb-group .item { display:block; font-family: minion-pro, serif !important; font-size:18px; font-weight:bold; color:#000; padding:15px; border-bottom:1px solid #aca300; }
.gnb-group .item:last-child { text-align:center; background-color:#fff000; border:0;  }
.gnb-group .gnb-sns {}
.gnb-group .gnb-sns .ic-sns { width:45px; height:45px; }
.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%;
}
.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; background-color:#000; padding:20px 0 10px 0; }
section[area-label="main-sns"] h2 { color:#fff; font-size:22px; margin-bottom:20px; }
section[area-label="main-sns"] .btn-letter {
	font-size: 22px;
	font-weight: 700;
	color:#fff000;
	padding:11px 20px;
	margin-bottom:25px;
	background-color:transparent;
	border:1px solid #fff000;
}
section[area-label="main-sns"] .sns-group { text-align: center; position: relative; margin-bottom:20px; }
section[area-label="main-sns"] .ic-sns { width:50px; height:50px; }
section[area-label="main-sns"] .ic-sns ~ .ic-sns { margin-left:10px; }
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; }

/* sub */
section[area-label="sub-title"] {
	color:#fff;
	text-align:center;
	background-color:#434343;
}
section[area-label="sub-title"] h1 {
	font-size:22px;
	padding:10px 0;
}
section[area-label="sub-body"] {
	background-color:#000;
}
#letter {}
#letter .letter-top { text-align: center; padding:30px 25px; }
#letter section[area-label="sub-header"],
#letter section[area-label="sub-body"],
#letter section[area-label="sub-bottom"] { background-color: #000; }
#letter section[area-label="sub-body"] { padding:0 20px; }
#letter .letter-privacy {
	color:#afafaf;
	background-color:#595959;
	padding:20px 10px;
}
#letter .letter-privacy h3 { font-size: 16px; font-weight:700; }
#letter .letter-text-group { font-size: 13px; margin-top:20px; }
#letter .letter-text-group p { font-weight:700; }
#letter section[area-label="sub-bottom"] { text-align:center; padding:25px 20px 30px 20px; }

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

#about {  }
#about section[area-label="sub-body"] { padding-bottom:15px; }
#about .btn-group li { padding:0; }
#about .btn-group .btn {
	width:100%;
	height:52px;
	color:#fff000;
	font-size:18px;
	font-weight:bold;
	background-color: #661e20;
	border-color:#661e20;
}
#about .btn-group .btn:active,
#about .btn-group .btn:focus,
#about .btn-group .btn.active {
	color:#661e20;
	background-color: transparent;
}
#about .about-top { }
#about .about-body { font-size:13px; letter-spacing:-.5px; padding:20px; color:#fff; }
#about .about-body p { text-align: justify; line-height:1.867582; margin-bottom:10px; }
#about .about-body p strong { color:#fff000; }


#multimedia section[area-label="sub-body"] { background-image:none; background-color:#000; padding:15px;  }
#multimedia .btn-group li { padding:0; }
#multimedia .btn-group .btn {
	width:100%;
	height:52px;
	color:#fff000;
	font-size:18px;
	background-color: transparent;
	border-color:#999;
}
#multimedia .btn-group .btn:active,
#multimedia .btn-group .btn:focus,
#multimedia .btn-group .btn.active { color:#fff; background-color:#585858; }
#multimedia .list-group { margin-top:15px; }
#multimedia .list-group .row { margin:0 -5px; }
#multimedia .list-group .item {
	position: relative;
	float:left;
	width:50%;
	padding:0 5px 10px;

}
#multimedia .list-group .item img { border:1px solid #343434; }
#multimedia .multimedia-video .item p {
	color:#fff;
	margin-top:10px;
	height: 40px;
  margin-bottom: 10px;
  overflow: hidden;
  font-size:14px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;	
}

#cast section[area-label="sub-body"] { padding:15px;}
#cast .btn-group li { width:50%; padding:0; }
#cast .btn-group .btn {
	width:100%;
	height:52px;
	color:#661e20;
	font-size:18px;
	font-weight:700;
	background-color: #ffe500;
	border-color:#a86b34;
}
#cast .btn-group .btn:active,
#cast .btn-group .btn:focus,
#cast .btn-group .btn.active { color:#ffe500; background-color:#661e20; }

#cast .list-group { display:flex; flex-wrap: wrap; padding:0px; }
#cast .list-group .item {
	flex-shrink:0;
	width: 50%;
	padding: 10px;
}
#cast .list-group .item-panel { border:1px solid #3d3d3d; cursor:pointer; }
#cast .list-group .item-thum img { width:100%; }
#cast .list-group .item-body { color:#fff000; text-align:center; background-color:#313131; padding:15px 0; }
#cast .list-group .item-body h3 { color:#fff; font-size:14px; line-height:2; }
#cast .list-group .item-body p { font-size:12px; }

#ticket > .container { background-color:#000; }
#ticket section[area-label="sub-body"] { padding:30px 0 20px 0; }
#ticket .ticket-top { text-align:center; }
#ticket .ticket-top img { max-width:70%;}
#ticket .ticket-top h2 { color:#fff000; font-size:20px; font-weight:bold; }
#ticket .ticket-body { }
#ticket .ticket-body table { width:100%; color:#fff; }
#ticket .ticket-body table thead { font-size:16px; font-weight:700; border-bottom:2px solid #fff000; }
#ticket .ticket-body table thead th { font-size:13px; font-weight:normal; padding:10px 0; }
#ticket .ticket-body table tbody td { font-size:13px; text-align: center; letter-spacing:-.5px; height:50px; border-bottom:1px solid #5b5b5b; padding:0 5px; }
#ticket .ticket-body table tbody td:nth-child(1) { font-weight: 700; }
#ticket .ticket-body table tbody td a { 
	display:inline-block;
	color:#fff000;
	border-bottom: 1px solid #fff000;
	padding: 5px 0;
}
#ticket .noti { font-size:13px; color:#fff000; text-align:center; padding:20px 0; }

#ticket-detail { background:transparent url('/Contents/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:#ffe500;
	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:#fff000; }
#ticket-detail .ticket-detail-top { text-align:center; padding:30px;}
#ticket-detail .ticket-group { padding:5px;}
#ticket-detail .ticket-group .item {
	background-color: #fff000;
	color:#000;
	border-radius: 8px;
	margin-bottom:15px;
	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:bold; 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:#fff000;
	background-color: #000;
	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; }


#faq .item-que { 
	color:#661e20; font-weight:700;cursor:pointer;
	background-image: url('/Contents/Images/ic-q.png'), url('/Contents/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('/Contents/Images/ic-a.png') no-repeat 11px 22px /21px;
	padding:20px 30px 20px 50px;
	border-bottom:1px solid #661e20;
}

#member { }
#member section[area-label="sub-body"] { color:#b2b2b2; background-color:#000; }
#member .member-top { text-align:center; padding:30px 0; }
#member .member-top h2 { color:#fff000; font-size:20px; letter-spacing:-.5px; }
#member .member-body {  padding:30px 20px 10px 20px; }
#member .member-body h3 { color:#fff000; font-size:18px; font-weight:700; margin-bottom:10px; }
#member .member-body ul { list-style:none; margin-bottom:5px; }
#member .member-body li { font-size:13px; 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 .btn-group { padding:0 30px; margin-bottom:30px; }
#member .btn-group .row { margin:0 -10px; }
#member .btn-group .btn { width:100%; height:55px; font-size:19px;font-weight:700; line-height:1.2; border:1px solid #fff000; }
#member .btn-group .btn-nth1 { color:#fff000; background-color:#000; }
#member .btn-group .btn-nth2 { color:#000; background-color:#fff000; }
#member .item-title {
	font-size:18px; 
	color:#000; font-weight:700; background-color:#fff000; cursor:pointer;
	background-image: url('/Contents/Images/ic-arrow-bottom.png');
	background-repeat:no-repeat;
	background-position:top 24px right 20px;
	background-size: 18px;
	padding:15px 10px 15px 30px;
}
#member .list-group { border-top:1px solid #000; }
#member .item-contents { text-align:center; background-color:#fff000;  }

/* footer */
footer {
	padding:20px 10px 10px 10px;
	text-align: center;
	font-size: 13px;
	color:#fff;
	background-color: #222;
	border-top:1px solid #696969;
	padding-bottom:70px;
}
footer h4 { font-size:14px; color:#929292; font-weight:bold; margin-bottom:10px; }
footer p { font-size:11px; color: #6b6b6b; }
footer p + p { margin-top:10px; margin-bottom:20px; }


/* ticket-fix */
.ticket-fix {
	position: fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:12;
	background-color: #111;
}
.ticket-fix ul {
	list-style: none;
	display: table;
	width:100%;
	padding:5px 0;
}
.ticket-fix ul li { display: table-cell; width:1%; text-align:center; vertical-align: middle; padding:0 2px; }
.ticket-fix ul li a { display:inline-block; width:100%; background-color:#fff000; padding:10px 0;   }
.ticket-fix ul li p { color:#000; font-size:17px; font-weight:700; margin-bottom:-8px; white-space:nowrap; overflow:hidden; word-break:break-all; }
.ticket-fix ul li span { color:#000 ;font-size:12px; }


/* letter-btn */
.letter-fix {
	position: fixed;
	bottom:80px;
	width:100%;
	background-color:transparent;
	background-image: none;
	z-index:12;
}
.letter-fix .letter-ico {
	width:100%;
	max-width: 760px;
	text-align:right;
	margin:0 auto;
	padding-right:10px;
}
.letter-fix a {
	display: inline-block;
	width:65px;
	height:65px;
	text-indent: -9999999px;
	background: transparent url('/Contents/Images/ic-letter.png') no-repeat 0 0 /cover;
}

#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('/Contents/Images/ic-modal-close.png') no-repeat center center;
	background-size: 100%;
	cursor:pointer;
	text-indent: 99999px;
	overflow: hidden;
}

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

.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:10px;
}
.modal-dialog.modal-ticket {
	max-width: 800px;
	background-color: transparent !important;
	padding:0 10px !important;
}
.modal-content { 
	position: relative;
	width:100%;
	color:#fff !important;
	background:#313131  !important;
	border-radius: 6px;
	padding:15px !important;
}
.modal-head { text-align: center; margin-bottom:20px; }
.modal-head > img { max-width:65%; border:1px solid #5f5f5f; }
.modal-body {  }
    .modal-body h3 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 10px;
    }
.modal-body em { display:block; font-style: normal; font-size:18px; text-align:center; margin-bottom:10px; }
.modal-body p { font-size: 12px; text-align:center; }
    .modal-body span {
        display: block;
        font-size: 14px;
        color: #fff000;
        margin-top: 20px;
        line-height: 1.756985;
    }
.modal-foot { padding:5px 0; text-align:center; }

.pre_box {
	background-color: #313131;
	padding:15px;

}
#js_title {
	font-size: 16px;
	font-weight:700;
	color: #fff000;
	margin-bottom:15px;
}
.pre_box dt { margin-bottom:5px; color:#fff000; }
.pre_box dd { margin-bottom:10px; }
.pre_box dd span { font-size:14px; color:#fff; }
.pre_box dd.last { font-size:13px; color:#fff; }

.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: #000;
    background-color: #fff000;
    border:1px solid #fff000;
}
.b_basic2 .btn.btn-nth2 { color:#fff000; background-color: #000; }


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