.sub {
  z-index: 1;
  word-break: keep-all;
  color: #555;
}
.sub a {
  color: #555;
}
strong { font-weight:bold;  }



@keyframes fadeInMTop{
	  0% {opacity:0; margin-top:-100px;}
	  100% {opacity:1; margin-top:0px;}
	}



@media print {
  @page { margin: 0; }
  body { margin: 1cm; }
}



	.w10 { width:10% !important;  }
	.w20 { width:20% !important;  }
	.w25 { width:25% !important;  }
	.w30 { width:30% !important;  }
	.w40 { width:40% !important;  }
	.w50 { width:50% !important;  }
	.w60 { width:60% !important;  }
	.w70 { width:70% !important;  }
	.w80 { width:80% !important;  }
	.w90 { width:90% !important;  }
	.w100 { width:100%;  margin:0px !important;   }


.text-blue {color:#5254d1;  }
label { font-weight:normal;  }
.agree-box { background:#fff; border:1px solid #ccc; padding:0.6rem;  max-height:400px; overflow-y:auto;  }
@media (min-width: 992px) {




	.sub-top-title-wrap { width:100%;  color:#fff; background-repeat:no-repeat;  background-position:center top;  height: 330px;   padding-top:150px;  text-align:center;  }
	.sub-top-title-wrap h3 { font-size:50px;   font-weight:bold; margin-bottom:15px;   }
	.sub-top-title-wrap p { font-size:24px;  }

	.sub-contents {     font-size:18px;  color:#555;   }

	.sub-menu-wrap { width:100%; height:60px;margin-top:-30px; background:#fff; border-top:1px solid #eaeaea;  border-bottom:1px solid #eaeaea;  border-right:1px solid #eaeaea; font-weight:100;  }
	.sub-menu-wrap .sub-menu {  float:left; width:100%; height:59px; border-left:1px solid #eaeaea;   }
	.sub-menu-wrap .sub-menu li {border-right:1px solid #eaeaea;  position:relative;z-index:90;  float:left;padding-top:10px;height:59px;  padding-left:25px; padding-right:25px;  width:295px; letter-spacing:-1.5px;  font-size:18px; font-weight:bold;  }
	.sub-menu-wrap .sub-menu li a { color:#777; display:block;  padding-bottom:5px; padding-top:5px;   }
	.sub-menu-wrap .sub-menu li a i.icon-down-open {position:absolute;   top:15px; right:20px;  }
	.sub-menu-wrap .sub-menu li a:hover {   }
	.sub-menu-wrap .sub-menu li.home {padding-left:20px; padding-right:20px; padding-top:8px;  width:auto; }
	.sub-menu-wrap .sub-menu li  ul {display:none; padding:0px;   position:absolute; top:59px; left:0px;  background:#fff; width:295px;border-left:1px solid #eaeaea;  border-right:1px solid #eaeaea;  }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; border-bottom:1px solid #eaeaea;    height:auto; background:none; padding:0px;   font-size:16px;   }
	.sub-menu-wrap .sub-menu li  ul li a { color:#777; display:block; padding: 15px;  width:100%;   }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#fff; background:#7b5224; text-decoration:none; }
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#fff; background:#7b5224; text-decoration:none; }

	.sub-contents-top {padding-top:65px; padding-bottom:40px; border-bottom:10px solid #eaeaea; position:relative; text-align:center;   }
	.sub-contents-top h1 {   font-size:36px; color:#111;   font-weight:bold; padding-right:20px; display:inline-block; position:relative;  }
	.sub-contents-top h1:after { content:''; display:inline-block; width:14px; height:14px; border-radius:7px; background:#ff9c00; position:absolute; bottom:0px; right:0px;  }
	/*.sub-contents-top  .breadcrumb {  position:absolute; top:90px; right:0px;   background: none; margin-bottom:20px;padding:0px; font-size:16px; color:#666;    }
	.sub-contents-top  .breadcrumb > li + li:before {    content: ">";    color: #666;  }
	.sub-contents-top  .breadcrumb a strong { color:#666;  }
	*/

	.sub-main-contents { padding-top:50px; padding-bottom:50px;  }

	.sub-contents .sub-tab-menu { width:100%;  margin-bottom:60px;  }
	.sub-contents .sub-tab-menu li { float:left; width:25%; margin-top:-1px; }
	.sub-contents .sub-tab-menu li a { display:table-cell;  vertical-align:middle; width:300px;  margin-left:-1px;  border:1px solid #c9c9c9; text-align:center; color:#666; height:60px; }
	.sub-contents .sub-tab-menu li a.active { background:#444; color:#fff;  border:0px; }

	.sub-contents .text-box {  background:#f1f1f1; padding:30px 15px; margin-bottom:35px;   }
	.sub-contents p { }
	.sub-contents h2 {  font-size:30px; font-weight:bold; margin-bottom:30px;  margin-top:40px; }
	.sub-contents h2:after { content:''; display:inline-block; margin-left:30px;  width:85px; vertical-align:middle;/*padding-bottom:13px;  */ border-top:4px solid #555; height:3px;  }
	.sub-contents h2:first-child {   margin-top:0px;  }
	.sub-contents h3 { font-size:22px; margin-bottom:20px;  }
	.sub-contents h3.bul { padding-left:25px; background:url(../images/sub/bit01.png) no-repeat left 2px;  }

	.sub-contents ul.bul li { background:url(/pub/site/default/images/sub/bullet.png) no-repeat top 12px left ;  margin-bottom:10px; padding-left:10px;}
	.sub-contents ul.bul li ul {   margin-top:8px; margin-bottom:13px;  }
	.sub-contents ul.bul li ul li { padding-left:10px; background:url(../images/sub/b_icon.png) no-repeat left 10px; margin-bottom:3px;  color:#555;  }

	.sub-contents .contents-table { border-top:3px solid #7b5224;  width:100%; overflow-x:auto;  }
	.sub-contents .contents-table table { border-collapse:collapse; width:99.9999%;  font-size:16px; border-left:1px solid #c9c9c9; }
	.sub-contents .contents-table table thead th {background:#f1f1f1; color:#111; text-align:center; border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9;   padding:15px;  font-size:20px;  }
	.sub-contents .contents-table table tbody th { color:#111; background:#f5f5f5;  border-bottom:1px solid #c9c9c9;  padding:15px;border-right:1px solid #c9c9c9;  font-size:20px;  }
	.sub-contents .contents-table.form-table table tbody th {   background:#f1f1f1; color:#111;  border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9;  padding:15px; font-size:20px;  }
	.sub-contents .contents-table table tbody td { color:#555;  border-bottom:1px solid #c9c9c9;  padding:15px; border-right:1px solid #c9c9c9;  }


	.sub-contents .contents-table.no-line table { border-left:0px;  }
	.sub-contents .contents-table.no-line table thead th,
	.sub-contents .contents-table.no-line table tbody th,
	.sub-contents .contents-table.no-line table tbody td { border-right:0px;  background:none; }

	.sub-contents .contents-btn  a { font-weight:normal;  display:inline-block; padding:10px 30px; color:#000;  border:1px solid #000; margin:0 5px;  border-radius:5px;  }
	.sub-contents .contents-btn  a.btn2 { color:#bebebe; background:#f1f1f1;  border:1px solid #bebebe; }
	.sub-contents .contents-btn  a.btn3 { color:#e6e6e6; background:#fff;  border:1px solid #e6e6e6; }
	.sub-contents .contents-btn  a.btn4 { color:#fff; background:#000; }
	.sub-contents .contents-btn  a.btn5 { color:#fff; background:#785328; border:1px solid #785328;}
	.sub-contents .contents-btn  button  { border:0px;  font-weight:normal;  display:inline-block; padding:10px 30px; border-radius:20px; color:#fff; background:#3e5098; margin:0 5px;  }
	.sub-contents .contents-btn  input[type="button"]  { border:0px;  font-weight:normal;  display:inline-block; padding:10px 30px; border-radius:20px; color:#fff; background:#3e5098; margin:0 5px;  }
	.sub-contents .contents-btn  button.btn2  {color:#3e5098; background:#cddcef;   }
	.sub-contents .contents-btn  input[type="button"].btn2  {color:#3e5098; background:#cddcef;   }

/*뮤즈홀 소개*/

.introduction {}
.introduction .intro-top { padding-bottom:60px; margin-bottom:50px; position:relative; }
.introduction .intro-top .text{ position:absolute; right:0px; bottom:0px; padding:60px 0px 60px 60px; width:640px; color:#fff; font-size:30px; background:#7b5224;   }
.introduction .intro-top .text strong {font-weight:bold; font-size:46px; margin-bottom:10px; display:block;  }

/* 대관신청 */
.application .img-responsive{border:1px solid #E9EAEB; padding: 50px 0; text-align: center;}
.application .img-responsive img{ max-width:90%; }
.application .text-box{ border:1px solid #e9eaeb;}


/*공연안내*/
.performance-list-wrap  { position:relative; }
.performance-list-wrap  .kind-btn  { position:absolute; top:20px; right:0px; z-index:2;    }
.performance-list-wrap  .kind-btn a { margin-left:40px; font-size:16px;  }
.performance-list-wrap  .kind-btn img { display:inline-block; margin-top:-4px;margin-right:5px;  }
.performance-list-wrap .calendar-month-select { position:relative; z-index:1;  }


/*공연안내 리스트타입*/

.performance-list { margin:30px 0 ;   }
.performance-list .list { margin-bottom:50px;  height:575px;  }
.performance-list .list a { display:block; text-decoration:none;  }
.performance-list .list .ex-poster-container { text-align:center;  margin-bottom:10px;  background:#eee; overflow:hidden; }
.performance-list .list .ex-poster-container img { width:100%;  height:373px;  }
.performance-list .list a:hover .ex-poster-container  img { transform: scale(1.1); transition : all 0.5s ease ; }
.performance-list .list  p {  font-size:16px; margin-bottom:8px; font-weight:normal;  }
.performance-list .list  .title { font-size:19px; line-height:1.5; margin-bottom:15px;   font-weight:normal;  color:#333; }



/*인쇄페이지*/

.admin-print { padding:10px 0 ; color:#000; font-size:16px;  }
.admin-print .print-title { text-align:center; font-size:24px;margin-bottom:10px;  font-weight:bold;  }
.admin-print .print-section { border-top:1px solid #000; padding:5px 10px;  }
.admin-print .print-section .section-title { font-weight:bold; font-size:20px;  }
.admin-print .agree-check-wrap {  line-height:2; }
.admin-print .agree-check-wrap strong { font-weight:bold;    }


}/*media (min-width: 992px) */










/* 캘린더 */
table.calendar { border-collapse:collapse;  }
table.calendar thead th {  border-top:3px solid #7b5224;  }
table.calendar .ex-poster { margin-bottom:8px; display:block;   }



#contactUs {float:left; width:100%; padding-bottom:10px;  border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; font-size:14px;}
#contactUs dl {float:left; width:100%; margin-top:10px;}
#contactUs dl dt {float:left;  line-height:30px; padding:0 20px; border-left:1px solid #CCC;}
#contactUs dl dt:nth-of-type(1) {border-left:0 none;}
#contactUs dl dd:nth-of-type(1) {width:30%;}
#contactUs dl dd:nth-of-type(2) {width:10%;}
#contactUs dl dd {float:left; line-height:30px; word-break: break-all;}

#pageSurvey {clear:both; padding-bottom: 20px; margin-bottom:0px;  background:#EEE; border:1px solid #CCC;}
#pageSurvey dl {padding:15px 20px 0 20px; font-size:14px;}
#pageSurvey dl dd {padding-top:10px;}
#pageSurvey dl dd ul {margin:0;}
#pageSurvey dl dd label {margin-right:35px; font-weight:normal;}
#pageSurvey dl dd label input {margin-right:5px;}
#pageSurvey dl dd input[type='text'] {width:90%; height:30px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#pageSurvey dl dd button {width:10%; height:30px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;}



	/*인풋창 스타일*/
.form-table input[type="text"] , .form-table select , .form-table input[type="password"], .form-table input[type="file"] , .form-table .form-btn {  height:35px;  border:1px solid #dedede; border-radius:5px; padding:0 5px;  }
.form-table input[type="radio"]  { margin:0 5px;  }
.form-table .texarea { max-height:300px; height:300px;  overflow-y:auto; border:1px solid #dedede; border-radius:5px;  }
.form-table .form-btn{ border:0px; vertical-align:middle; margin-top:1px;  margin-left:-5px; height:35px; padding:0 20px; font-size:14px;   font-weight:bold; border-radius:25px;  display:inline-block; color:#517ea8; background:#f1f7ff;   border:1px solid #517ea8;  }
.form-table .input-wrap {  margin:5px 10px 5px 5px;  }
.form-table textarea {     border: 1px solid #dedede;    border-radius: 5px;    padding: 5px;  }










@media (min-width: 992px) and (max-width: 1199px) {


	.sub-contents {padding-left:0px; padding-right:0px;   }
	.sub-contents .sub-tab-menu li a { font-size:16px;  }
}




@media (max-width: 991px) {
	.mw10 { width:10%;  }
	.mw20 { width:20%;  }
	.mw30 { width:30%;  }
	.mw40 { width:40%;  }
	.mw50 { width:50%;  }
	.mw60 { width:60%;  }
	.mw70 { width:70%;  }
	.mw80 { width:80%;  }
	.mw90 { width:90%;  }
	.mw100 { width:100%; margin:0px !important;   }

	.sub {}


	.sub-top-title-wrap { width:100%; background-repeat:no-repeat; background-position:center top; text-align:center; background-size:cover;   height: 6rem;  text-align:center; color:#fff; padding-top:1.7rem;  }
	.sub-top-title-wrap h3 {  font-size:24px;  font-weight:bold; margin-bottom:10px;  }
	.sub-top-title-wrap p {  font-size:16px; }
	.sub-menu-wrap { display:none;  }

	.sub-contents {   font-size:0.58rem;  color:#555;  padding-left:15px; padding-right:15px;  }

	.sub-contents-top {padding-top:30px; padding-bottom:15px;  border-bottom:5px solid #eaeaea;  text-align:center;  }
	.sub-contents-top h1 {   font-size:26px; font-weight:normal; color:#111; padding-right:15px; display:inline-block; position:relative; }
	.sub-contents-top h1:after { content:''; display:inline-block; width:10px; height:10px; border-radius:5px; background:#ff9c00; position:absolute; bottom:0px; right:0px;  }
	/*.sub-contents-top  .breadcrumb {  position:absolute; top:40px; right:0px;   background: none; margin-bottom:20px;padding:0px; font-size:14px; color:#666;    }
	.sub-contents-top  .breadcrumb > li + li:before {    content: ">";    color: #666;  }
	.sub-contents-top  .breadcrumb a strong { color:#666;  }
*/
	.sub-main-contents {  padding-top:30px; padding-bottom:60px;  }
	.sub-contents .sub-tab-menu { width:100%;  margin-bottom:40px;  }
	.sub-contents .sub-tab-menu li { float:left; width:25%; margin-top:-1px; }
	.sub-contents .sub-tab-menu li a { display:table-cell;  vertical-align:middle;  width:500px;  margin-left:-1px;  border:1px solid #c9c9c9; text-align:center; font-size:0.55rem; color:#222; height:1.8rem; }
	.sub-contents .sub-tab-menu li a.active { background:#444; color:#fff;  border:0px; }


	.sub-contents a.source-trigger { position:relative; background: url(../images/common/tab_bg.jpg) repeat left top ; padding:0.4rem;  color:#fff;  font-size:0.7rem; }
	.sub-contents a.source-trigger i  {position:absolute; top:35%; right:15px;  }

ul.tab-menu {
    border: 1px solid #ddd;
  }
  ul.tab-menu li {
	text-align:center;
    border-bottom:1px solid #ddd;
  }
  ul.tab-menu li:last-child {
    border-bottom: 0;
  }
  ul.tab-menu li a {

    display: block;
	font-weight:bold;
    padding:10px;
    color:#555;
  }
    ul.tab-menu li a:hover, ul.tab-menu li a.active {
    background:#e3f0ff;
    color: #000;
  }



	.sub-contents .text-box {background:#f1f1f1;   padding:0.6rem 0.4rem; margin-bottom:0.6rem;   }
	.sub-contents p { }
	.sub-contents h2 {  font-size:0.78rem; font-weight:bold; color:#444; margin-bottom:0.7rem;  margin-top:0.9rem; }
	.sub-contents h2:after { content:''; display:inline-block; margin-left:10px;  width:50px; vertical-align:middle;/*padding-bottom:13px;  */ border-top:2px solid #555; height:3px;  }
	.sub-contents h2:first-child {   margin-top:0px;  }
	.sub-contents h3 { font-size:0.68rem; font-weight:bold; color:#444; margin-bottom:0.5rem;  }
	.sub-contents h3.bul { padding-left:20px; background:url(../images/sub/bit01.png) no-repeat left 1px;  background-size:16px auto; }
	.sub-contents ul.bul li {     margin-bottom:0.4rem;   background: url(/pub/site/default/images/sub/bullet.png) no-repeat top 10px left; padding-left: 10px;}
	.sub-contents ul.bul li ul {  margin-top:0.2rem; margin-bottom:0.4rem;  }
	.sub-contents ul.bul li ul li { padding-left:10px; background:url(../images/sub/b_icon.png) no-repeat left 10px; color:#555;  margin-bottom:0.15rem;  }

	.sub-contents .contents-table { border-top:3px solid #7b5224;  width:100%; overflow-x:auto;  }
	.sub-contents .contents-table table { border-collapse:collapse; width:99.9999%;  font-size:0.58rem; border-left:1px solid #c9c9c9; }
	.sub-contents .m-long-table {  width:100%; overflow-x:auto; } 
	.sub-contents .m-long-table table { width:750px;  } 
	.sub-contents .contents-table table thead th { background:#f1f1f1; color:#111; text-align:center;   font-size:0.58rem; border-bottom:1px solid #c9c9c9;border-right:1px solid #c9c9c9;  padding:0.4rem 0.3rem;   }
	.sub-contents .contents-table table tbody th { color:#111; background:#f5f5f5;  border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9;  font-size:10px;  padding:0.4rem 0.3rem;   }
	.sub-contents .contents-table.form-table table tbody th {  background:#f1f1f1; color:#111; text-align:center; border-right:1px solid #c9c9c9;  font-size:10px; border-bottom:1px solid #c9c9c9;  padding:0.4rem 0.3rem;   }
	.sub-contents .contents-table table tbody td { color:#555;  border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:0.4rem 0.3rem;    font-size:9px; }


	.sub-contents .contents-table.no-line table { border-left:0px;  }
	.sub-contents .contents-table.no-line table thead th,
	.sub-contents .contents-table.no-line table tbody th,
	.sub-contents .contents-table.no-line table tbody td { border-right:0px;  background:none; }


	.sub-contents .contents-btn  a { font-weight:normal;  display:inline-block; padding:0.3rem 0.6rem; color:#000;  border:1px solid #000; margin:0 5px;  }
	.sub-contents .contents-btn  a.btn2 { color:#bebebe; background:#f1f1f1;  border:1px solid #bebebe; }
	.sub-contents .contents-btn  a.btn3 { color:#e6e6e6; background:#fff;  border:1px solid #e6e6e6; }
	.sub-contents .contents-btn  a.btn4 { color:#fff; background:#000; }
	.sub-contents .contents-btn  a.btn5 { color:#fff; background:#785328; border:1px solid #785328; }
	.sub-contents .contents-btn  button  { border:0px;  font-weight:normal;  display:inline-block; padding:0.3rem 0.6rem;  color:#000;  border:1px solid #000;margin:0 5px;  }
	.sub-contents .contents-btn  input[type="button"]  { border:0px;  font-weight:normal;  display:inline-block; padding:0.3rem 0.6rem;  color:#000;  border:1px solid #000;margin:0 5px;  }
	.sub-contents .contents-btn  button.btn2  {color:#3e5098; background:#cddcef;   }
	.sub-contents .contents-btn  input[type="button"].btn2  {color:#3e5098; background:#cddcef;   }



	/*인풋창 스타일*/
.form-table input[type="text"] , .form-table select , .form-table input[type="password"] , .form-table .form-btn {  height:35px;  border:1px solid #dedede; border-radius:5px;  }
.form-table input[type="radio"]  { margin:0 5px;  }
.form-table .texarea { max-height:300px; height:300px;  overflow-y:auto; border:1px solid #dedede; border-radius:5px;  }
.form-table .form-btn{ border:0px; vertical-align:middle; margin-top:1px;  margin-left:-5px; height:35px; padding:0 20px; font-size:14px;   font-weight:bold; border-radius:25px;  display:inline-block; color:#517ea8; background:#f1f7ff;   border:1px solid #517ea8;  }
.form-table .input-wrap {  margin:5px 10px 5px 5px;  }
.form-table textarea {     border: 1px solid #dedede;    border-radius: 5px;    padding: 2px;  }


/*뮤즈홀 소개*/

.introduction {}
.introduction .intro-top { padding-bottom:30px;  position:relative; }
.introduction .intro-top .text{  padding:15px;  color:#fff; font-size:20px; background:#7b5224;   }
.introduction .intro-top .text strong {font-weight:bold; font-size:26px; margin-bottom:10px; display:block;  }






#pageSurvey dl dd input[type='text'] {width: 78%;}
#pageSurvey dl dd button {width: 22%;}

/* 대관신청 */
.application .img-responsive{border:1px solid #E9EAEB; padding: 50px 0; text-align: center;}
.application .img-responsive img{ max-width:90%; }
.application .text-box{ border:1px solid #e9eaeb;}

p.calendar-month-select { font-size:24px;  }
p.calendar-month-select img { width:25px;  }
table.calendar { margin:20px 0;  }


/*공연안내*/
.performance-list-wrap  { position:relative; }
.performance-list-wrap  .kind-btn  { margin-bottom:20px; text-align:center;     }
.performance-list-wrap  .kind-btn a {display:inline-block; margin:0 10px; }
.performance-list-wrap  .kind-btn a span {  }
.performance-list-wrap  .kind-btn img { display:inline-block; margin-top:-4px; margin-right:5px; }
.performance-list-wrap .calendar-month-select { position:relative; z-index:1;  }



/*공연안내 리스트타입*/

.performance-list { margin:20px 0 ;   }
.performance-list .list { margin-bottom:30px;  }
.performance-list .list a { display:block;  text-decoration:none; }
.performance-list .list .ex-poster-container { text-align:center;  margin-bottom:10px;  background:#eee; }
.performance-list .list .ex-poster-container img { width:100%;  height:373px; }
.performance-list .list  p {  font-size:16px; margin-bottom:10px; font-weight:normal;  }
.performance-list .list  .title { font-size:19px; line-height:1.5; margin-bottom:20px;   font-weight:normal;  color:#333; }


table.calendar { border-collapse:collapse; word-break:break-all;   }
table.calendar tbody tr td { padding:35px 5px 15px 5px ; letter-spacing:-1.5px; }
}


@media (max-width: 600px) {

}