.table-responsive {border:none; width:100%;}
.back{width:100%;height:100%;display: none;position:absolute;top:0;left:0;background:rgba(0,0,0,0.8);z-index: 101;}
.min-table{min-width:650px;}
.map img {max-width:none !important;}
.root_daum_roughmap {width:100% !important; z-index: 0}
.board-view img{height: auto !important;}


.label-inverse {    background-color:  #9257DA;}

#sub-contents input::placeholder { color:#555;  }

@media (min-width: 1272px) {
	.sub-contents h4 {font-family: 'NanumSquareRound';margin-bottom:20px;  font-size:26px;line-height: 1.5;color:#222; font-weight:normal;clear:both;}
	.sub-contents h5 {font-family: 'NanumSquareRound'; margin-bottom: 15px; font-size: 20px; line-height: 1.3; color: #222; clear: both; font-weight: normal;}


 .sub_top{background-repeat:no-repeat; background-position: center top; background-size: auto auto;}
 .sub_top .sub_menu{border-bottom:1px solid #DADBDC; margin-bottom: 30px;}

.sub_top .sub_menu p {float: left; border-left: 1px solid #DADBDC; border-right: 1px solid #DADBDC;}
.sub_top .sub_menu p a {display: block; width: 65px; height: 60px; padding-top: 18px; font-size: 18px; color: #666; text-align: center;}
.sub_top .sub_menu ul li {cursor: pointer; position:relative; float:left; height: 60px; padding: 22px 0 0 30px; width: 340px; color: #666;  border-right: 1px solid #DADBDC;  font-size:18px; }
.sub_top .sub_menu ul li a {display:block;  color: #666;   font-size:18px; }
.sub_top .sub_menu ul li:before { content: "\f078"; font-family: "Font Awesome 5 Pro"; position: absolute; top: 20px; right: 30px; font-size: 18px; color: #666;}
.sub_top .sub_menu ul li.active:before { content: '\f077';}
.sub_top .sub_menu ul li ul {display:none; padding-bottom: 20px;  position:absolute; top:60px; left:0; border:1px solid #DADBDC; background:#fff; width:340px;   z-index: 1}
.sub_top .sub_menu ul li ul li {border-right:0px; float:none;   display:inline-block;  width:100%; height:auto; background:none; padding: 0;   }
.sub_top .sub_menu ul li ul li:before {content: none;}
.sub_top .sub_menu ul li ul li a {font-size: 16px; color: #666; display:inline-block; padding: 15px 0 0 30px;}

.sub_top .contents-tit {text-align: center; font-size: 36px; font-family: 'NanumSquareRound'; font-weight: bold; padding-top: 75px;padding-bottom: 8px; margin-bottom: 0; line-height: 1; color:#fff;}
.sub_top .breadcrumb {background: none; text-align: center;padding:0; margin-bottom: 59px;}
.sub_top .breadcrumb > li + li:before {content:'>'; color:#fff;}
.sub_top .breadcrumb a{font-size: 16px;color:#fff;}
.sub_top .breadcrumb .active a{color:#fff; font-weight: bold;}

.sub-contents .nav-justified  {margin-bottom: 0;}
.sub-contents .nav-justified > li {border:1px solid #A9AAAB; width: 25%; margin: 0; display: block; float:left;}
.sub-contents .nav-justified > li > a{color:#777; background: #eee; font-size: 18px; padding: 15px 10px;}
.sub-contents .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{background: #fff; color:#222;}

.tab_contents_wrap .tab-content{margin-top:30px;}
.mobile_sub_3menu{display: none;}
/* contents */

	.sub-contents .text-box { background:#f2f2f2; padding:30px; font-size:15px; margin-bottom:30px;  }
	.sub-contents .text-box.left-text-box { padding-left:120px; background:url(../images/sub_common/icon_news.png) no-repeat 30px center #f2f2f2; min-height:80px; }

	.sub-contents h2 { font-family: "NanumSquareRound"; font-size:26px; color:#222; font-weight:normal;  margin-bottom:20px;  }

	.sub-contents h3 , #addMap h3 {  font-size:18px; font-weight:normal; margin-bottom:10px; color:#222;  line-height: 1.8;}
	.sub-contents ul.bul {padding-bottom:20px;}
	.sub-contents ul.bul li { font-size:16px; font-weight:normal; margin-bottom:2px; }
	.sub-contents ul.bul li ul{ padding-left:10px;}
	.sub-contents ul.bul li ul li:before{ content:'-';}
	.sub-contents ul.bul li:before {content: '\f054';  padding-right:8px;   font-family: "Font Awesome 5 Pro"; font-size:16px; color:#880aac;  }


	.sub-contents {font-size:14px;}
	.sub-contents h2, #addMap h2{font-family: "NanumSquareRound";float:left; margin-bottom:20px; width:260px; padding-right:30px;padding-top:30px; font-size:26px; border-top:1px solid #CCC;line-height: 1.5;color:#222; font-weight:normal;clear:both;}
	.sub-contents p, #addMap p {padding:0 0 10px 0; line-height: 1.8;font-size: 16px;}
	.sub-contents div.left {float:left; width:250px;}
	.sub-contents div.left img {border:1px solid #CCC;}
	.sub-contents div.left p {padding:0; margin:0;}
	.sub-contents div.left p img {padding:0; margin:0;}

	.sub-contents div.right, #addMap div.right{float:left; width:940px; padding-top:30px; border-top:1px solid #CCC;padding-bottom: 30px;}
	.sub-contents div.right dl, #addMap div.right dl{float:left; width:940px; padding:30px 0 10px 0; border-top:1px solid #CCC;}
	.sub-contents div.right dl.none, #addMap div.right dl.none{padding-top:0; border-top:0 none;}
	.sub-contents div.right dl dt, #addMap div.right dl dt{float:left; width:100px; font-size:18px; font-weight:bold; color:#B82D2A;}
	.sub-contents div.right dl dd, #addMap div.right dl dd{float:right; width:840px; padding-bottom:20px;font-size: 16px;}

	.sub-contents div.txt-box {clear:both; width:100%; padding:20px 20px 20px 250px; margin-bottom:30px; background:#EEE;}
	.sub-contents div.txt-box p {padding:0;}
	.sub-contents div.txt-box ul {padding:0;}
	.sub-contents div.right div.txt-box {width:700px; padding:20px 20px 15px 20px;}
	.sub-contents div.none, .sub-contents .none {border-top:0 none;padding-top:0;}
	.sub-contents strong {font-weight:bold;}

	.sub-contents .contents-table table {border-collapse: collapse; width:100%; margin-bottom:20px; table-layout:auto;}
	.sub-contents .contents-table table th {background:#DEDEDE; border:1px solid #B6B6B6; padding:5px; font-weight:normal; vertical-align:middle;}
	.sub-contents .contents-table table td {border:1px solid #B6B6B6; padding:5px; text-align:center; vertical-align:middle;}
	.sub-contents .contents-table table.fixed {table-layout:fixed;}
	.sub-contents .contents-table table td a.btn {display:inline-block; padding:5px 20px 2px 20px; background:#666; color:#FFF;}
	.sub-contents .contents-table table td a.btn:hover {background:#BA2C28; text-decoration:none;}

	.sub-contents .contents-table {width:100%;  border-top:1px solid #aaa;  margin-bottom:10px; }
	.sub-contents .contents-table table { border-collapse:collapse; width:100%; border-left:1px solid #aaa;}
	.sub-contents .contents-table table th { border-right:1px solid #aaa; border-bottom:1px solid #aaa;  padding:15px;  color:#555; background:#ddd; text-align:center;  }
	.sub-contents .contents-table tbody th { border-right:1px solid #aaa; border-bottom:1px solid #aaa;  padding:15px;  color:#555; background:#ddd; text-align:center;  }
	.sub-contents .contents-table tbody td { border-right:1px solid #aaa; border-bottom:1px solid #aaa;  padding:15px;  color:#555;   }



	.board-box{width:100%; padding:40px 0 0 0; background:url(../images/board/txt_bg.gif) no-repeat;}
	.board-box .box-text{width:910px; padding:0 40px 40px 40px; background:url(../images/board/txt_bg.gif) no-repeat 0 bottom;}
	.board-box .box-text *{font-family:"������������������������������������������������������������������������ Dotum,"�����������������������������������������������������������������������������キ占쏙옙�����������옙 Dotumche; font-size:14px; color:#553e2c;}
	.board-box .box-text strong{font-weight:bold;}

	#manager{clear:both;}
	.back_bg{width:100%;height:100%;display: none;position:absolute;top:0;left:0;background:rgba(0,0,0,0.8);z-index: 101;}

	.paging  { text-align:center;margin-bottom:30px;   }
	.paging .prev-2-btn i:before , .paging .next-2-btn i:before{ margin:0px;width:7px;   }
	.paging a { margin:0 5px; color:#333; font-size:16px;  }
	.paging a.active { color:#000; text-decoration:underline;  }

	/* artlist */

	/* artist */
	  #artist{word-break: keep-all;}
	  #artist img{max-width:100%!important;}
	  #artist .search{ padding:15px; background-color:#f6f6f6; margin-top:20px;}
	  #artist .search * {vertical-align:middle; line-height:40px;}
	  #artist .search .title{color:#222; font-size:18px;  padding:0 10px 0 25px;}
	  #artist .search label{ padding:0 10px;}
	  #artist .search input[type='text']{ border:1px solid #ddd; height:40px; max-width:150px;}
	  #artist .search select{height:40px; border:1px solid #ddd;border-radius: 0;margin-right:20px;background:#fff;}
	  #artist .search input[type = "submit"]{ height: 40px;text-align: center;line-height: 1;font-size: 18px;color:#fff;background: #555;border-radius: 0;border:none;}


	  #artist .viewAll{ width:70%; float:left;}
	  #artist .pageinfo{ padding:15px 0 5px; }
	  #artist .pageinfo *{text-align:center; font-size: 18px;float: right;padding: 0;color:#555;}
	  #artist .pageinfo p:first-child{float:left;}

	  #artist .list  {border-bottom: 1px solid #222;margin-bottom:20px;}
	  #artist .list .searchList {}
	  #artist .list .searchList li {margin-bottom: 30px;}
	  #artist .list .searchList li a {display: block; height: 80px; padding: 15px 0; border: 2px solid #fff; background: #eee; color:#777;font-size: 14px;text-align: center;text-decoration: none;}
	  #artist .list .searchList li a:hover {border: 2px solid #880aac; background: #fff;}
	  #artist .list .searchList li a strong {font-weight: bold;font-size:16px; color:#222;padding-bottom:5px;display: inline-block;}

	  #artist .btn-area{padding:10px 20px 10px 0; text-align:right;}
	  #artist .btn-area .btn{display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px;  font-weight: normal; line-height: 1.428571429;  text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px;/* -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;*/}
	  #artist .btn-area .btn-default{color: #333333; background-color: #ffffff; border-color: #cccccc;}


	  #artist .sch_error{margin-top:10px; color: #b94a48; background-color: #f2dede; border-color: #eed3d7; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }

	/* list */
#art{word-break: keep-all;}
#art .search{ padding:15px; background-color:#f6f6f6; margin-top:20px;}
#art .search * {vertical-align:middle; line-height:40px;}
#art .search .title{color:#222; font-size:18px;  padding:0 10px 0 25px;}
#art .search label{ padding:0 10px 0 15px;}
#art .search input[type='text']{ border:1px solid #ddd; height:40px; max-width:150px}
#art .search select{height:40px;  border:1px solid #ddd;border-radius: 0;margin-right:20px;background:#fff;}
#art .search input[type = "submit"]{height: 40px;text-align: center;line-height: 1;font-size: 18px;color:#fff;background: #555;border-radius: 0;border:none;}

#art .pageinfo{ padding:0 0 5px;}
#art .pageinfo *{text-align:center; font-size: 18px;float: right;padding: 0;color:#555;}
#art .pageinfo p:first-child{float:left;}


#art .list{padding-bottom:10px;border-bottom: 1px solid #222;}
#art .list .box{ margin-bottom:20px;}
#art .list .box a{display: block;border:2px solid #fff;background: #eee;}
#art .list .box a:hover{border: 2px solid #880aac;background: none;}
#art .list .box a .img span{padding-top:100%;display: block;background-size:cover; background-position: center center;}
#art .list .box p {text-align: center;}
#art .list .box p span{font-size:14px; color:#777;padding-top: 5px;display: inline-block;}
#art .list .box p .strong{font-weight: bold;font-size:16px; color:#222;}

/* art view */
#art .view .clear{clear:both;}

#art .view{margin-top:20px;}

#art .view .tab-menu{}
#art .view .tab-menu a{display:block; text-align:center; padding:20px 0px; width:250px; float:left; background:#666; line-height:20px; margin-right:2px; font-weight:bold; color:#dedede; font-size:18px;}
#art .view .tab-menu a:hover, #artist .view .tab-menu a.over{background:#553e2c; color:#fff; text-decoration:underline;}


.text-area{width:30%; float:left;padding-right:20px;}
.text-area p{padding:0;}
.text-area .title{padding:25px 0;font-weight: bold;color:#880aac;border-top:1px solid #880aac; border-bottom:1px solid #880aac;}
.text-area .title p{font-size:22px;line-height: 1.4;}
.text-area p span{display: inline-block; font-size:14px; color:#777;padding-bottom:20px;}
.text-area dl{padding:25px 0;}
.text-area dt{float:left;clear:both; font-size:18px; color:#555; font-weight: bold; width:85px;}
.text-area dd{float:left;font-size:16px; color:#555;width:170px;padding-bottom: 7px;}
.text-area dd.exp{width:100%;}
.text-area .view_btn .btn{font-size:16px;color:#fff;background: #000;border-radius: 0; border:none;padding:9px 12px;}
.text-area .view_btn .btn:first-child{background: #555;}
#artist .text-area .view_btn .btn:first-child{width:100%;}

#art .view .view-area{margin-top:30px;}
#art .view .view-area .photo-area{width:70%; height:auto;float:right;  text-align:center; }
#art .view .view-area .photo-area img{max-width:100%;}


.culture_list ul {padding-bottom:10px; border-bottom:1px solid #000;margin-bottom:30px;}
.culture_list li {text-align: center;margin-bottom:30px;}
.culture_list li a {text-decoration: none;font-size: 16px;color:#000; border:2px solid;border-color: #fff;position:relative;display:block;}
.culture_list li a:hover {border:2px solid #880aac;}
.culture_list li .img{padding-top:100%;background-size:cover; background-position:center center;}
.culture_list li .label_title,.culture_list li .date{font-size:14px;color:#656667;}
.culture_list li .label_title{padding-top: 15px;}
.culture_list li .title{padding:13px 10px;font-weight: bold;}

.culture_list > ul > li{position:relative;}
.culture_list .label {position: absolute; top:0; left:0;display:inline-block; width:40px; height:40px; font-size:14px; font-weight: bold; letter-spacing: -0.75px;color:#fff;text-align: center; line-height: 40px; vertical-align: middle;padding: 0; border-radius: 0}
.culture_list .label005 {background: #28609e;}
.culture_list .label004 {background: #1ba590;}
.culture_list .label006 {background: #ce3c39;}
.culture_list .label007 {background: #00a0eb;}


.calendar {position:relative; float:left; width:100%; padding:0; margin-bottom:60px;  font-size:14px;}
.calendar .calendar-date{padding:17px 0px;}
.calendar .calendar-date *{vertical-align:middle;}
.calendar .calendar-date span{display:inline-block;  font-size:24px; color:#333; font-weight:bold; line-height:24px; padding:2px 15px 0 15px; }

.calendar .calendar-date .icons-info{position:absolute; right:5px; top:25px;}
.calendar .calendar-date a{font-size: 24px;color:#777;}
.calendar .calendar-date span{font-size:28px; color:#222;font-weight: normal;}
.calendar .icons-info {padding:0 0 0 2px;  color:#222;}
.calendar .icons-info *{vertical-align:middle;font-size:14px;}
.calendar .icons-info span {display:inline-block;width:18px; font-weight:bold;  height:18px; text-align:center; color:#fff; border-radius:9px;font-size:14px;padding: 0;line-height: 18px;}
.calendar .icons-info span.e {background:#da3659;}
.calendar .icons-info span.o {background:#A07F18; margin-left:15px;}
.calendar .icons-info span.p {background:#880aac; margin-left:15px;}
.calendar .icons-info span.c {background:#555; margin-left:15px;}

.calendar .table-responsive {border-top:2px solid #880aac;border-bottom:1px solid #aaa;}
.calendar table {border-collapse: collapse; width:100%; table-layout:fixed;}
.calendar table th {background:#EBEBEB; border-bottom:1px solid #aaa; height:50px; font-weight:normal; text-align:center; vertical-align:middle; color:#222;font-size: 16px;}
.calendar table td {background:#FFF; border:1px solid #ddd; border-bottom:none;height:130px; padding:15px 8px 13px; color:#666; font-family:Arial; vertical-align:top; font-weight:bold; font-size:16px;}
.calendar table td a{font-size:14px;color:#666;}
.calendar table .sun {border-left:1px solid #aaa;color:#B92C29;}
.calendar table td.sun a {color:#B92C29;}
.calendar table .sat {border-right:1px solid #aaa;color:#2f32b4;}
.calendar table td.sat a {color:#2f32b4;}
.calendar table td.select {background:#FFC5C3;}
.calendar table td.today {background:#fae9ff;}
.calendar table td.today a {color:#333; text-decoration:underline;}
.calendar table td dl {padding:5px 0 0 0 ;  width:100%; clear:both;}
.calendar table td dl dt{float:left; padding-top:3px;margin-right:5px;clear:both;}
.calendar table td dl dt span{display:inline-block;width:24px; font-weight:bold;  height:14px; text-align:center; color:#fff; border-radius:9px;font-size:14px;padding: 0;line-height: 18px;}
.perform_cal table td dl dt span{margin-left:-3px;margin-right:3px;}
.calendar table td dl dt span.e {background:#da3659;}
.calendar table td dl dt span.o {background:#A07F18;}
.calendar table td dl dt span.p {background:#880aac;}
.calendar table td dl dt span.c {background:#555;}
.calendar table td dl dd{float:left; width:100px; color:#666; font-size:14px; font-weight:normal;  padding-top:5px;}
.calendar table td dl dd a, .calendar table td dl dd a:link, .calendar table td dl dd a:visited{color:#666;}



	 .calendar-month-select  {text-align:center;vertical-align:top; margin-bottom:20px;  }
	 .calendar-month-select .year-month {font-size:30px; color:#706db4; font-weight:bold; padding:0 20px; }
	 .calendar-month-select  a i { font-size:20px; color:#706db4;  }
	
	.all-calendar {word-break: normal; letter-spacing:-1px;}
	.all-calendar .month { padding:15px; background:#f3f3f3; font-size:0px; margin-bottom:30px;    }
	.all-calendar .month a { text-align:center; background:url(../images/common/call_bar.jpg) no-repeat left 6px; width:8.2%;  display:inline-block; color:#555; font-size:16px;  }
	.all-calendar .month a:first-child {background:none; }
	.all-calendar .month a.active { font-weight:bold; color:#706db4;  }
	.all-calendar .calendar-month-select  {text-align:center;  margin-bottom:20px;  }
	.all-calendar .calendar-month-select * { line-height:1; vertical-align:bottom;  }
	.all-calendar .calendar-month-select .year-month {font-size:30px; color:#706db4; font-weight:bold; padding:0 20px; }
	.all-calendar .calendar-month-select  a i { font-size:20px; color:#706db4; line-height:1.5;  }
	.all-calendar .info-bullit  {  text-align:center; margin-bottom:20px;  }
	.all-calendar .info-bullit p {  display:inline-block;  font-size:14px; color:#555; padding-right:50px;  }
	.all-calendar .info-bullit p span { display:inline-block; text-align:center; width:18px; height:18px; border-radius:9px; font-size:12px; margin-right:5px;  }
	.all-calendar .info-bullit p.list01 span { background:#f79cc5;  }
	.all-calendar .info-bullit p.list02 span { background:#f5c378;  }
	.all-calendar .info-bullit p.list03 span { background:#bbdfdf;  }
	.all-calendar .info-bullit p.list04 span { background:#aac6ec;  }
	.all-calendar .calendar-wrap { width:100%; border-top:2px solid #706db4;  }
	.all-calendar .calendar-wrap table { width:100%; border-collapse:collapse; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; table-layout:fixed; }
	.all-calendar .calendar-wrap table thead th {text-align:center; padding:15px; background:#f3f3f3; color:#222;border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;  }
	.all-calendar .calendar-wrap table thead th:first-child {color:#f40606; }
	.all-calendar .calendar-wrap table thead th:last-child {color:#256cbb; }
	.all-calendar .calendar-wrap table tbody td { padding:10px; vertical-align:top;border-right:1px solid #dcdcdc;font-size:14px;  border-bottom:1px solid #dcdcdc; color:#555;  height:100px; }
	.all-calendar .calendar-wrap table tbody td.today { background:#eef0fc;  }
	.all-calendar .calendar-wrap table tbody td .schedule { min-height:30px; padding-left:45px; margin: 5px -5px; position:relative; font-size:13px; letter-spacing:-2px;  }
	.all-calendar .calendar-wrap table tbody td .schedule a { color:#222;  }
  .all-calendar .calendar-wrap table tbody td .schedule span { font-size:11px;line-height:1.4;  padding:.05em .4em .15em; position:absolute; left:0px; top:2px;  }
/*	.all-calendar .calendar-wrap table tbody td .schedule span { position:absolute; left:0px; top:3px; display:inline-block; text-align:center; width:18px; height:18px; border-radius:9px; font-size:12px;margin-right:5px;  }
	.all-calendar .calendar-wrap table tbody td .schedule span.type01 {background:#f79cc5; }
	.all-calendar .calendar-wrap table tbody td .schedule span.type02 {background:#f5c378; }
	.all-calendar .calendar-wrap table tbody td .schedule span.type03 {background:#bbdfdf; }
	.all-calendar .calendar-wrap table tbody td .schedule span.type04 {background:#aac6ec; }*/
	.all-calendar .calendar-wrap table tbody td:first-child .date {color:#f40606; }
	.all-calendar .calendar-wrap table tbody td:last-child .date {color:#256cbb; }


	.performance-list-wrap .performance-list-top { margin-bottom:20px; }
	.performance-list-wrap .performance-list-top .porformance-schedule-select {float:left; width:50%; padding-top:5px; }
	.performance-list-wrap .performance-list-top .porformance-schedule-select label { margin-right:20px; margin-left:5px;line-height:18px; color:#555;  vertical-align:top;font-size:16px;    }
	.performance-list-wrap .performance-list-top .porformance-search {float:right;  }
	.performance-list-wrap .performance-list-top .porformance-search input[type="text"] {float:left; width:200px; height:30px;    }
	.performance-list-wrap .performance-list-top .porformance-search input[type="submit"] {float:left;width:50px; border:0px; background:#707070; width:60px; height:30px;  color:#fff;  }

	.performance-list-wrap .performance-list { border-top:2px solid #706db4;  padding-top:20px; border-bottom:1px solid #ccc;  }
	.performance-list-wrap .performance-list .list {margin-bottom:30px; }
	.performance-list-wrap .performance-list .list .ex-poster-container {overflow: hidden}
	.performance-list-wrap .performance-list .list .ex-poster-container a{display: block; width:100%; height:350px; background-size: cover; background-position: center center; background-repeat: no-repeat;transition: all .2s ease-in-out;}
	.performance-list-wrap .performance-list .list .ex-poster-container a:hover{  transform: scale(1.1); }

	.performance-list-wrap .performance-list .list .img {margin-bottom:10px; text-align:center; height:355px;width:100%;  padding:10px; border:1px solid #ddd;  }
	.performance-list-wrap .performance-list .list .img img {max-width:100%;    }
	.performance-list-wrap .performance-list .list p { letter-spacing:-1.5px; font-size:16px; color:#555; margin-bottom:5px;  padding-bottom: 0;}
	.performance-list-wrap .performance-list .list p.text-small { font-size:14px; }
	.performance-list-wrap .performance-list .list p.title  { font-size:18px; color:#222;  }
	.performance-list-wrap .performance-list .list p.title a:hover  {color:#706db4; }

	.performance-view-wrap {}
	.performance-view-wrap h3 { margin-bottom:20px; }
	.performance-view-wrap .performance-view {  }
	.performance-view-wrap .performance-view .img {margin-bottom:10px; float:left;  text-align:center; margin-right:30px; height:370px;width:280px;  padding:10px; border:1px solid #ddd;  }
	.performance-view-wrap .performance-view .img  img {max-width:100%;    }
	.performance-view-wrap .performance-view .text { margin-left:330px; padding-top:10px;  }
	.performance-view-wrap .performance-view .text p { margin-bottom:20px; font-size:16px; color:#555; }
	.performance-view-wrap .performance-view .text p strong { width:110px; display:inline-block; font-weight:bold; }
	.performance-view-wrap .performance-view .text p.file { width:100%; background:#eee;  height:30px; }
	.performance-view-wrap .performance-view .text p.file strong {background:#cfcff1; color:#000;width:80px;  text-align:center;height:30px;  padding-top:5px;  }
	.performance-view-wrap .performance-view .text p.file a  {color:#555; }
	.performance-view-wrap .performance-view .reservation-btn a { text-align:center; width:100%; display:inline-block; color:#fff; background:#706db4;font-weight:bold; font-size:20px; height:50px; padding-top:10px;  }
	.performance-view-wrap .text-wrap {border-bottom:1px solid #ddd;  margin-bottom:30px; }
	.performance-view-wrap .list-go-btn a {height:40px; text-align:center; padding-left:25px; padding-right:25px; padding-top:9px; color:#555; font-size:16px; background:#dcdcdc;   }



}



/* md */
@media (min-width: 1272px) and (max-width: 1469px) {
	.sub_top .sub_menu ul li{width:297px;}
	.sub_top .sub_menu ul li ul {width:297px;  }

	/* contents */
	.sub-contents div.right, #addMap div.right{float:left; width:700px;}
	.sub-contents div.right dl, #addMap div.right dl{ width:700px; }
	.sub-contents div.right dl dd, #addMap div.right dl dd{ width:600px; }

}

/* xs + sm */
@media (max-width: 1271px) {
	.hidden-md-down{display:none;}
	.sub_top{background-repeat:no-repeat; background-position: center top; background-size: auto auto;background-size:auto 4.5rem;}
	.breadcrumb > li + li:before{content:' > '}
    .sub_top .sub_menu{padding-top: 0;}
	.sub_top > .container{height: 4.5rem; }
	.sub_top .sub-tit{font-size: 0.9rem; text-align: center; color:#fff; padding-top: 1.3rem;text-shadow: 3px 0px 4px rgba(0,0,0,0.9)}
	.sub_top .contents-tit {text-align: center; font-size: 0.97142857rem; font-family: 'NanumSquareRound'; font-weight: bold; padding-top: 1.3rem;margin-bottom: 0; color:#fff;}
	.sub_top .breadcrumb {background: none; text-align: center;padding:0;margin-bottom: 0;}
	.sub_top .breadcrumb > li + li:before {content:'>'; color:#fff;}
	.sub_top .breadcrumb a{font-size: 16px;color:#fff;}
	.sub_top .breadcrumb .active a{color:#fff; font-weight: bold;}
	.mobile_sub_3menu {padding-top:10px; position:relative;}
	.mobile_sub_3menu button{width:100%; border:1px solid #DADBDC; text-align: center; height: 1.5rem; line-height: 1.5rem; padding-top:0; padding-bottom: 0; color:#000; background: #f5f5f5; font-size: 0.6rem;}
	.mobile_sub_3menu button i{padding-left: 20px; }
	.mobile_sub_3menu ul {border:1px solid #DADBDC; padding:10px 0; display: none; position:absolute; top:1.9rem; left:0; z-index: 1; background: #fff; width:100%;}
	.mobile_sub_3menu ul li a{ color:#000;text-align: center;  display: block; width:100%; padding: 8px 0;font-size: 0.55rem;}


   .sub_top .sub_menu  {display: none;}

   .sub-contents {padding:30px 15px 0;}


   .sub-contents div.right dl dt, #addMap div.right dl dt{font-size:18px; font-weight:bold; color:#B82D2A;}
   .sub-contents div.right dl dd, #addMap div.right dl dd{padding-bottom:20px;font-size: 16px;}
   .jslee_year .left{padding-bottom: 30px;}

   .sub-contents .mobile-tab-menu {width:100%;display: block}
   .sub-contents .mobile-tab-menu a{color:#222; background: #fff; position:relative; font-size: 0.61428571rem;margin:0;display: block; border:1px solid #A9AAAB; text-align: center;padding:10px 15px;}
   .sub-contents .mobile-tab-menu a:before { content: "\f078"; font-family: "Font Awesome 5 Pro"; position: absolute; top: 13px; right: 30px; font-size: 18px; color: #DADBDC;}
   .sub-contents .mobile-tab-menu a.active:before { content: '\f077';}
   .sub-contents .nav-justified {width:100%;display: block;}
   .sub-contents .nav-justified > li {border:1px solid #A9AAAB;margin:0;width:50%; display:block;float:left;}
   .sub-contents .nav-justified > li > a{color:#777; background: #eee; font-size: 0.61428571rem;margin:0;}
   .sub-contents .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{color:#222; background: #fff;}
/* --- */




.sub-contents {font-size:0.65714286rem;}



.sub-contents h2 {font-family: "NanumSquareRound"; font-weight: bold;margin-bottom:10px;margin-top:20px;font-size:0.91428571rem; line-height: 1.5;color:#222; font-weight:normal;}
.contents-wrapper {margin: 0 0 0 0;}
.sub-contents h3 {margin-bottom: 15px;font-size: 0.8rem; line-height: 1.8;font-weight: normal;}
.sub-contents h4 {font-family: 'NanumSquareRound';margin-bottom:8px;  font-size:0.74285714rem;line-height: 1.5;color:#222; font-weight:normal;clear:both;}
.sub-contents h5 {font-family: 'NanumSquareRound'; margin-bottom: 5px; font-size: 0.68571429rem; line-height: 1.3; color: #222; clear: both; font-weight: normal;}
.sub-contents ul.bul {padding-bottom:20px;}
.sub-contents ul.bul li { font-size: 0.65714286rem; font-weight:normal; margin-bottom:6px; }
.sub-contents ul.bul li ul{ padding-left:10px;}
.sub-contents ul.bul li ul li:before{ content:'-';}
.sub-contents ul.bul li:before {content: '\f054';  padding-right:8px;   font-family: "Font Awesome 5 Pro"; font-size: 0.65714286rem; color:#880aac;  }

.sub-contents p {font-size:  0.65714286rem;line-height: 1.8;margin-bottom: 10px;}
.sub-contents p strong {}


	.sub-contents .contents-table table {border-collapse: collapse; width:100%; margin-bottom:20px; table-layout:auto;}
	.sub-contents .contents-table table th {background:#DEDEDE; border:1px solid #B6B6B6; padding:5px; font-weight:normal; vertical-align:middle;}
	.sub-contents .contents-table table td {border:1px solid #B6B6B6; padding:5px; text-align:center; vertical-align:middle;}
	.sub-contents .contents-table table.fixed {table-layout:fixed;}
	.sub-contents .contents-table table td a.btn {display:inline-block; padding:5px 20px 2px 20px; background:#666; color:#FFF;}
	.sub-contents .contents-table table td a.btn:hover {background:#BA2C28; text-decoration:none;}

	.sub-contents .contents-table {width:100%;  border-top:1px solid #aaa;  margin-bottom:10px; }
	.sub-contents .contents-table table { border-collapse:collapse; width:100%; border-left:1px solid #aaa;}
	.sub-contents .contents-table table th { border-right:1px solid #aaa; border-bottom:1px solid #aaa;  padding:5px;  color:#555; background:#ddd; text-align:center;  }
	.sub-contents .contents-table tbody th { border-right:1px solid #aaa; border-bottom:1px solid #aaa;  padding:5px;  color:#555; background:#ddd; text-align:center;  }
	.sub-contents .contents-table tbody td { border-right:1px solid #aaa; border-bottom:1px solid #aaa;  padding:5px;  color:#555;   }





/* --- */

   
   	.paging  { text-align:center;margin-bottom:30px;   }
   	.paging .prev-2-btn i:before , .paging .next-2-btn i:before{ margin:0px;width:7px;   }
   	.paging a { margin:0 5px; color:#333; font-size:16px;  }
   	.paging a.active { color:#000; text-decoration:underline;  }



	  /* artist */
	    #artist{word-break: keep-all;}
	    #artist img{max-width:100%!important;}
		#artist .search{ padding:15px; background-color:#f6f6f6; margin-top:20px;}
	    #artist .search * {vertical-align:middle;  }
	    #artist .search .title{color:#222; font-size:0.65714286rem;;  padding:0 10px 0 25px;}
	    #artist .search label{ padding:10px 0 5px;float:left;}
	    #artist .search input[type='text']{ border:1px solid #ddd; height:40px;width:100%;}
	    #artist .search select{height:40px; border:1px solid #ddd;border-radius: 0;margin-right:20px;background:#fff; width:100%;}
	    #artist .search input[type = "submit"]{ height: 40px;margin-top: 10px;text-align: center;line-height: 1;font-size: 0.57142857rem;color:#fff;background: #555;border-radius: 0;border:none;width:100%;text-align: center !important; }


	    #artist .pageinfo{ padding:15px 0 30px;}
	    #artist .pageinfo *{text-align:left; font-size: 0.65714286rem;;padding: 0;color:#555;}

	    #artist .list  {border-bottom: 1px solid #222;margin-bottom:20px;}
	    #artist .list .searchList {}
	    #artist .list .searchList li {margin-bottom: 30px;}
	    #artist .list .searchList li a {display: block; height: 80px; padding: 15px 0; border: 2px solid #fff; background: #eee; color:#777;font-size: 14px;text-align: center;text-decoration: none;}
	    #artist .list .searchList li a:hover {border: 2px solid #880aac; background: #fff;}
	    #artist .list .searchList li a strong {font-weight: bold;font-size:16px; color:#222;padding-bottom:5px;display: inline-block;}

	    #artist .btn-area{padding:10px 20px 10px 0; text-align:right;}
	    #artist .btn-area .btn{display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px;  font-weight: normal; line-height: 1.428571429;  text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px;/* -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;*/}
	    #artist .btn-area .btn-default{color: #333333; background-color: #ffffff; border-color: #cccccc;}


	    #artist .sch_error{margin-top:10px; color: #b94a48; background-color: #f2dede; border-color: #eed3d7; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }



   /* list */
  #art{word-break: keep-all;}
  #art img{max-width:100%!important;}
  #art .search{ padding:15px; background-color:#f6f6f6; margin-top:20px;text-align:left;}
  #art .search * {vertical-align:middle; }
  #art .search .title{color:#222; font-size:0.65714286rem;;  padding:0 10px 0 25px;}
  #art .search label{ padding:10px 0 5px;text-align:left;}
  #art .search input[type='text']{ border:1px solid #ddd; height:40px; width:100%;}
  #art .search select{height:40px; border:1px solid #ddd;border-radius: 0;margin-right:20px;background:#fff; width:100%;}
  #art .search input[type = "submit"]{ height: 40px;margin-top: 10px;text-align: center;line-height: initial;font-size: 0.57142857rem;color:#fff;background: #555;border-radius: 0;border:none;width:100%;text-align: center !important; }

  #art .pageinfo{ padding:15px 0 5px;}
  #art .pageinfo *{text-align:center; font-size: 0.65714286rem;;float: right;padding: 0;color:#555;}
  #art .pageinfo p:first-child{float:left;}


  #art .list{padding-bottom:10px;border-bottom: 1px solid #222;}
  #art .list .box{ margin-bottom:20px;}
  #art .list .box a{display: block;border:2px solid #fff;background: #eee;}
  #art .list .box a:hover{border: 2px solid #880aac;background: none;}
  #art .list .box a .img span{padding-top:100%;display: block;background-size:cover; background-position: center center;}
  #art .list .box p {text-align: center;}
  #art .list .box p span{font-size:14px; color:#777;padding-top: 5px;display: inline-block;}
  #art .list .box p .strong{font-weight: bold;font-size:16px; color:#222;}

  .text-area{width:100%;padding-right:20px;border-bottom:1px solid #880aac;padding-bottom: 25px;margin-bottom: 25px;}
  .text-area p{padding:0;}
  .text-area .title{padding:25px 0;font-weight: bold;color:#880aac;border-top:1px solid #880aac; border-bottom:1px solid #880aac;}
  .text-area .title p{font-size:22px;line-height: 1.4;}
  .text-area p span{display: inline-block; font-size:14px; color:#777;padding-bottom:20px;}
  .text-area dl{padding:25px 0;}
  .text-area dt{float:left;clear:both; font-size:18px; color:#555; font-weight: bold; width:85px;}
  .text-area dd{float:left;font-size:16px; color:#555;width:170px;padding-bottom: 7px;}
  .text-area dd.exp{width:100%;}
  .text-area .view_btn .btn{font-size:16px;color:#fff;background: #000;border-radius: 0; border:none;padding:9px 12px;}
  .text-area .view_btn .btn:first-child{background: #555;}
  #artist .text-area .view_btn .btn:first-child{width:100%;}

  #art .view .view-area{margin-top:30px;}
  #art .view .view-area .photo-area{width:100%; height:auto;float:right;  text-align:center; }
  #art .view .view-area .photo-area img{max-width:100%;}


.culture_list ul {padding-bottom:10px; border-bottom:1px solid #000;margin-bottom:30px;}
.culture_list li {text-align: center;margin-bottom:30px;}
.culture_list li a {text-decoration: none;font-size: 16px;color:#000; border:2px solid;border-color: #fff;position:relative;display:block;}
.culture_list li a:hover {border:2px solid #880aac;}
.culture_list li .img{padding-top:100%;background-size:cover; background-position:center center;}
.culture_list li .label_title,.culture_list li .date{font-size: 0.57142857rem;color:#656667;}
.culture_list li .label_title{padding-top: 15px;}
.culture_list li .title{padding:13px 10px;font-weight: bold;}

.culture_list > ul > li{position:relative;}
.culture_list .label {position: absolute; top:0; left:0;display:inline-block; width:40px; height:40px; font-size: 0.57142857rem; font-weight: bold; letter-spacing: -0.75px;color:#fff;text-align: center; line-height: 40px; vertical-align: middle;padding: 0; border-radius: 0}
.culture_list .label005 {background: #28609e;}
.culture_list .label004 {background: #1ba590;}
.culture_list .label006 {background: #ce3c39;}
.culture_list .label007 {background: #00a0eb;}



.calendar {position:relative; float:left; width:100%; padding:0; margin-bottom:60px;  font-size:14px;}
.calendar .calendar-date{padding:17px 0px;}
.calendar .calendar-date *{vertical-align:middle;}
.calendar .calendar-date span{display:inline-block;  font-size:24px; color:#333; font-weight:bold; line-height:24px; padding:2px 15px 0 15px; }

.calendar .calendar-date .icons-info{display: none;}
.calendar .calendar-date a{font-size: 24px;color:#777;}
.calendar .calendar-date span{font-size:28px; color:#222;font-weight: normal;}
.calendar .icons-info {padding:0 0 0 2px;  color:#222;}
.calendar .icons-info *{vertical-align:middle;font-size:14px;}
.calendar .icons-info span {display:inline-block;width:18px; font-weight:bold;  height:18px; text-align:center; color:#fff; border-radius:9px;font-size:14px;padding: 0;line-height: 18px;}
.calendar .icons-info span.e {background:#da3659;}
.calendar .icons-info span.o {background:#A07F18; margin-left:15px;}
.calendar .icons-info span.p {background:#880aac; margin-left:15px;}
.calendar .icons-info span.c {background:#555; margin-left:15px;}

.calendar .table-responsive {border-top:2px solid #880aac;border-bottom:1px solid #aaa;}
.calendar table {border-collapse: collapse; table-layout:fixed;}
.calendar table th {background:#EBEBEB; border-bottom:1px solid #aaa; height:50px; font-weight:normal; text-align:center; vertical-align:middle; color:#222;font-size: 16px;}
.calendar table td {background:#FFF; border:1px solid #ddd; border-bottom:none;height:80px; padding:15px 8px 13px; color:#666; font-family:Arial; vertical-align:top; font-weight:bold; font-size:16px;}
.calendar table td a{font-size:14px;color:#666;}
.calendar table .sun {border-left:1px solid #aaa;color:#B92C29;}
.calendar table td.sun a {color:#B92C29;}
.calendar table .sat {border-right:1px solid #aaa;color:#2f32b4;}
.calendar table td.sat a {color:#2f32b4;}
.calendar table td.select {background:#FFC5C3;}
.calendar table td.today {background:#fae9ff;}
.calendar table td.today a {color:#333; text-decoration:underline;}
.calendar table td dl {padding:5px 0 0 0 ;  width:100%; clear:both;}
.calendar table td dl dt{float:left; padding-top:3px;margin-right:5px;clear:both;}
.calendar table td dl dt span{display:inline-block;width:24px; font-weight:bold;  height:14px; text-align:center; color:#fff; border-radius:9px;font-size:14px;padding: 0;line-height: 18px;}
.perform_cal table td dl dt span{margin-left:-3px;margin-right:3px;}
.calendar table td dl dt span.e {background:#da3659;}
.calendar table td dl dt span.o {background:#A07F18;}
.calendar table td dl dt span.p {background:#880aac;}
.calendar table td dl dt span.c {background:#555;}
.calendar table td dl dd{float:left; color:#666; font-size:14px; font-weight:normal;  padding-top:5px;}
.calendar table td dl dd a, .calendar table td dl dd a:link, .calendar table td dl dd a:visited{color:#666;}



	.all-calendar .calendar-month-select * { line-height:1; vertical-align:bottom;  }
	.calendar-month-select  {text-align:center;vertical-align:top; margin-bottom:20px;  }
	 .calendar-month-select .year-month {font-size:30px; color:#706db4; font-weight:bold; padding:0 20px; }
	 .calendar-month-select  a i { font-size:20px; color:#706db4;  line-height:1.5;  }

	.all-calendar {word-break: normal; letter-spacing:-1px;}
	.all-calendar .month { padding:10px 5px; background:#f3f3f3; font-size:0px; margin-bottom:30px;   overflow-x: scroll;    white-space: nowrap;   }
	.all-calendar .month a { text-align:center; background:url(../images/common/call_bar.jpg) no-repeat left 5px; padding-left:10px; padding-right:10px;   display:inline-block; color:#555; font-size:16px;  }
	.all-calendar .month a:first-child {background:none; }
	.all-calendar .month a.active { font-weight:bold; color:#706db4;  }
	.all-calendar .info-bullit  {  text-align:center; margin-bottom:20px;  }
	.all-calendar .info-bullit p {  display:inline-block;  font-size:14px; color:#555; padding-right:20px;  }
	.all-calendar .info-bullit p span { display:inline-block; text-align:center; width:18px; height:18px;padding-top:2px;  border-radius:9px; font-size:12px; margin-right:2px;  }
	.all-calendar .info-bullit p.list01 span { background:#f79cc5;  }
	.all-calendar .info-bullit p.list02 span { background:#f5c378;  }
	.all-calendar .info-bullit p.list03 span { background:#bbdfdf;  }
	.all-calendar .info-bullit p.list04 span { background:#aac6ec;  }
	.all-calendar .calendar-wrap { width:100%; border-top:2px solid #706db4;  }
	.all-calendar .calendar-wrap table {table-layout:fixed;  width:800px;  border-collapse:collapse; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
	.all-calendar .calendar-wrap table thead th {text-align:center; padding:15px; background:#f3f3f3; color:#222;border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;  }
	.all-calendar .calendar-wrap table thead th:first-child {color:#f40606; }
	.all-calendar .calendar-wrap table thead th:last-child {color:#256cbb; }
	.all-calendar .calendar-wrap table tbody td { padding:10px; vertical-align:top;border-right:1px solid #dcdcdc;font-size:14px;  border-bottom:1px solid #dcdcdc; color:#555;  height:100px; }
	.all-calendar .calendar-wrap table tbody td.today { background:#eef0fc;  }
	.all-calendar .calendar-wrap table tbody td .schedule { padding-left:45px; margin: 5px -5px; position:relative; font-size:13px; letter-spacing:-2px;  }
	.all-calendar .calendar-wrap table tbody td .schedule a { color:#222;  }
  .all-calendar .calendar-wrap table tbody td .schedule span { font-size:11px;line-height:1.4;  padding:.05em .4em .15em; position:absolute; left:0px; top:2px; }

	/*.all-calendar .calendar-wrap table tbody td .schedule span { position:absolute; left:0px; top:3px; display:inline-block; text-align:center; width:18px; height:18px; border-radius:9px; font-size:12px;margin-right:5px;  }
	.all-calendar .calendar-wrap table tbody td .schedule span.type01 {background:#f79cc5; }
	.all-calendar .calendar-wrap table tbody td .schedule span.type02 {background:#f5c378; }
	.all-calendar .calendar-wrap table tbody td .schedule span.type03 {background:#bbdfdf; }
	.all-calendar .calendar-wrap table tbody td .schedule span.type04 {background:#aac6ec; }*/

	.all-calendar .calendar-wrap table tbody td:first-child .date {color:#f40606; }
	.all-calendar .calendar-wrap table tbody td:last-child .date {color:#256cbb; }


	.performance-list-wrap .performance-list-top { margin-bottom:20px; }
	.performance-list-wrap .performance-list-top .porformance-schedule-select { width:100%; margin-bottom:10px;  padding-top:5px; }
	.performance-list-wrap .performance-list-top .porformance-schedule-select label { margin-right:10px; margin-left:5px;line-height:20px; color:#555;  vertical-align:middle;font-size:16px;    }
	.performance-list-wrap .performance-list-top .porformance-search { }
	.performance-list-wrap .performance-list-top .porformance-search input[type="text"] {float:left; width:200px; height:30px;    }
	.performance-list-wrap .performance-list-top .porformance-search input[type="submit"] {float:left;width:50px; border:0px; background:#707070; width:60px; height:30px;  color:#fff;  }

	.performance-list-wrap .performance-list { border-top:2px solid #706db4;  padding-top:20px; border-bottom:1px solid #ccc;  }
	.performance-list-wrap .performance-list .list {margin-bottom:30px; }
	.performance-list-wrap .performance-list .list .img {margin-bottom:10px; text-align:center; width:100%;  padding:10px; border:1px solid #ddd;  }
	.performance-list-wrap .performance-list .list .img img {max-width:100%;    }

	.performance-list-wrap .performance-list .list .ex-poster-container {overflow: hidden}
	.performance-list-wrap .performance-list .list .ex-poster-container a{display: block; width:100%; padding-top:150%; background-size: cover; background-position: center center; background-repeat: no-repeat;transition: all .2s ease-in-out;}
	.performance-list-wrap .performance-list .list .ex-poster-container a:hover{  transform: scale(1.1); }



	.performance-list-wrap .performance-list .list p { letter-spacing:-1.5px; font-size:16px; color:#555; margin-bottom:5px;  }
	.performance-list-wrap .performance-list .list p.text-small { font-size:14px; }
	.performance-list-wrap .performance-list .list p.title a  { font-size:18px; color:#222;  }
	.performance-list-wrap .performance-list .list p.title a:hover  {color:#706db4; }



	.performance-view-wrap {}
	.performance-view-wrap h3 { margin-bottom:20px; }
	.performance-view-wrap .performance-view {  }
	.performance-view-wrap .performance-view .img {   text-align:center;margin:0 auto 10px;   height:370px;width:280px;  padding:10px; border:1px solid #ddd;  }
	.performance-view-wrap .performance-view .img  img {max-width:100%;    }
	.performance-view-wrap .performance-view .text {  padding-top:10px;  }
	.performance-view-wrap .performance-view .text p { margin-bottom:10px; font-size:16px; color:#555; }
	.performance-view-wrap .performance-view .text p strong { width:60px; display:inline-block; font-weight:bold; }
	.performance-view-wrap .performance-view .text p.file { width:100%; background:#eee;  height:30px; }
	.performance-view-wrap .performance-view .text p.file strong {background:#cfcff1; color:#000;width:80px;  text-align:center;height:30px;  padding-top:5px;  }
	.performance-view-wrap .performance-view .text p.file a  {color:#555; }
	.performance-view-wrap .performance-view .reservation-btn a { text-align:center; width:100%; display:inline-block; color:#fff; background:#706db4;font-weight:bold; font-size:20px; height:50px; padding-top:10px;  }
	.performance-view-wrap .text-wrap {border-bottom:1px solid #ddd;  margin-bottom:30px; }
	.performance-view-wrap .list-go-btn a {height:40px; text-align:center; padding-left:25px; padding-right:25px; padding-top:9px; color:#555; font-size:16px; background:#dcdcdc;   }


}
/* sm */
@media(min-width: 768px) and (max-width: 1271px){
	.sub_top .sub_menu .breadcrumb2 li {width:50%;}
	.sub_top .sub_menu .breadcrumb2  li ul li{width:100%;}

	.sub-contents div.left {width:100%;clear:both;}
	.sub-contents div.left p {width:40%;float: left;}
	.sub-contents div.left h2 {width:60%; float:left;}

}

@media(max-width: 767px){
	  #art .search * {text-align:left !important;}
}