@charset "utf-8";

.tabmenu{overflow:hidden; margin-bottom:20px;}
.tabmenu li{ float:left; width:25%; padding:5px 0; text-align:center;background:#ebebeb; text-align:center; line-height:31px; }
.tabmenu li.on{background:#678cc9; }
.tabmenu li.on a{color:#fff; }
.tabmenu li.ticket_lnk{width: 25%;border-left: 1px solid #ccd4e2;}

@media only screen and (max-width:550px){
	.tabmenu li.ticket_lnk{width:50%}	
}
@media only screen and (max-width:380px){
	#scheDule .tabmenu li{width:35%}
	#scheDule .tabmenu li.ticket_lnk{border-left:0;border-top: 1px solid #ccd4e2;width:70%}
}


/* 행사일정 */
.schwrap{position:relative;margin:0 0 30px;}
.schlst{position:relative;width:100%;padding:5px}
.schlst *{margin:0;padding:0;}
.schlst .inner{display:block;position:relative;padding:15px;background:#fff;z-index:3}
.schlst:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/prog/artCulture/uit_bg2.png) repeat;z-index: 1}
.schlst .inner:after{content:"";display:block;clear:both}
.schlst .inner:before{content:"";display:block;position:absolute;top:5%;left:42%;width:1px;height:90%;background-color:#ddd}
#month02 .inner:before{display:none}
#showView.schlst .inner:before{display:none}
.schlst .lcon,
.schlst .ui-calendar{position:relative;float:left;padding:30px 10px;width:38%;}
#showView.schlst .lcon{width:27%;}
.schlst .ui-calendar .ctrmm{position:relative;margin-bottom:15px;line-height:21px}
.schlst .ui-calendar .ctrmm strong{display:block;color:#2f71d2;font-size:18px;font-weight:bold;text-align:center}
.schlst .ui-calendar .ctrmm strong em{color:#000;font-weight:normal;font-size:16px;padding:0 5px;}
.year strong{display:block;color:#2f71d2;font-size:18px;font-weight:bold;text-align:center}
.year .prev,
.schlst .ui-calendar .prev{position:absolute;top:0px;line-height:19px;vertical-align:middle;left:0;padding-left:15px;background:url(/images/prog/artCulture/carte_dayarr1.png) no-repeat left 2px}
.year .next,
.schlst .ui-calendar .next{position:absolute;top:0px;line-height:19px;vertical-align:middle;right:0;padding-right:15px;background:url(/images/prog/artCulture/carte_dayarr2.png) no-repeat right 2px}

.year .prev{top:20px;left:20px}
.year .next{top:20px;right:20px}
.schcal_tbl{position:relative;table-layout:fixed;width:100%}
.schcal_tbl tbody td{padding:6px 0;text-align:center}
.schcal_tbl tbody td .cat{display:inline-block;position:relative}
.schcal_tbl tbody td .cat:before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#2f71d2}
.schcal_tbl thead th{padding:5px 0;color:#fff;background:#ee402e}


.schlst .lcon .showImg{display:block;border:1px solid#ddd;padding:15px;text-align:center}
.schlst .lcon .showImg img{width: auto;max-height: 300px;line-height: 0;}



.schlst .rcon,
.ui-today{position:relative;float:right;padding:30px 20px;width:56%;}
#showView.schlst .rcon{width:67%;}
.ui-today .cal_txt{    font-size: 17px;  line-height: 24px;  color: #010101;}
.ui-today .dayText{margin-top:10px;padding:5px 15px;color:#222; font-size:15px; border-top:1px solid #e4e4e4;background:#f1f1f1;}
.ui-today ul{display:block;margin-top:10px;}
.ui-today ul li{display:block;padding:10px 20px;padding-left:28px;background:url(/images/prog/artCulture/performance_bul.gif) no-repeat 20px 19px;}
.ui-today ul li b,
.ui-today ul li span{display:block;margin:5px 0;padding:0;border:0;width:100%}
.ui-today ul li span{vertical-align:top}


.schlst .rcon .division{display:block;color: rgb(0, 73, 147);font-size: 13px;line-height: 1.2px;}
.schlst .rcon h2{background:none;font-size:22px;}
.schlst .rcon h2:before{display:none;}
.schlst .rcon ul{margin:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px;overflow:hidden;}
.schlst .rcon ul li{display:block;padding:3px;padding-left:8px;color:#777;background:url(/images/prog/artCulture/performance_bul.gif) no-repeat 0 9px;line-height:21px}
.schlst .rcon ul li:after {content: "";display: block;clear: both;visibility: hidden;}
.schlst .rcon ul li strong {
	display: inline-block;
	float: left;
	position: relative;
	margin-right: 15px;
	padding-right: 10px;
	width: 70px;
	color: rgb(0, 0, 0);
	font-size: 14px;
	line-height: 20px;
}
.schlst .rcon ul li strong:after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	right: 0px;
	width: 1px;
	height: 10px;
	background-color: rgb(174, 174, 174);
}
.schlst .rcon ul li span {
	float: left;
	width: 80%;
	line-height:20px;
	font-size:13px;
}
.reserer {text-align:right}
.reserer a:link,
.reserer a:visited {
	color: rgb(0, 73, 147);
	padding: 8px 20px 8px 45px;
	background:#fff url(/images/prog/artCulture/res_btn_arr.png) 0px 50% no-repeat;
	border-width: 2px;
	border-style: solid;
	border-color: rgb(0, 73, 147);
	border-image: initial;
}
.reserer a:hover,
.reserer a:focus {
	padding-left: 65px;
}


@media only screen and (max-width:768px){

	.schlst .lcon,
	.schlst .ui-calendar,
	.schlst .rcon,
	.ui-today,
	#showView.schlst .lcon,
	#showView.schlst .rcon{float:none;width:100%;}
	.schlst .inner:before{display:none;}
	.ui-today{border-top:1px solid #ddd;}
	.schlst .rcon ul{padding:20px 0;}
	.schlst .rcon ul li strong:after{display:none;}
	.schlst .rcon ul li strong,
	.schlst .rcon ul li span{display:block;float:none;width:100%;}
}

#schedulePerformance{width:100%;}
#schedulePerformance li{border:1px solid #ddd;margin-top:-1px;background-color:#fff;position:relative; padding:30px 30px 30px 220px;}
#schedulePerformance li:after {content:""; display:block; clear:both;}
#schedulePerformance li span.sum_photo{display:block;position:absolute;top:30px;left:30px;width:150px; height:206px; border:1px solid #ddd;}
#schedulePerformance li span.sum_photo img{width:100%;height:100%;}
#schedulePerformance dl {width:100%;}
#schedulePerformance dl *{margin:0;padding:0;}
#schedulePerformance dt {margin:0; position:relative;margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid #ddd;padding-right:144px;}
#schedulePerformance dt span{display:block;margin-bottom:5px;color: rgb(0, 73, 147);font-size: 13px;line-height: 1.2px;}
#schedulePerformance dt strong{background:none;color:#000;font-size:22px;}
#schedulePerformance dd {display:block;padding:3px;padding-left:8px;color:#777;font-size:13px;background:url(/images/prog/artCulture/performance_bul.gif) no-repeat 0 9px;line-height:21px}
#schedulePerformance dd strong {

	position: relative;
	margin-right: 15px;
	padding-right: 10px;

	color: rgb(0, 0, 0);
	font-size: 14px;
	line-height: 20px;
}
#schedulePerformance li .reser{position:absolute;top:18px;right:30px;}
#schedulePerformance li .reser a:link,
#schedulePerformance li .reser a:visited {
	color: rgb(0, 73, 147);
	padding: 8px 20px 8px 45px;
	background:#fff url(/images/prog/artCulture/res_btn_arr.png) 0px 50% no-repeat;
	border-width: 2px;
	border-style: solid;
	border-color: rgb(0, 73, 147);
	border-image: initial;
}
#schedulePerformance li .reser a:hover,
#schedulePerformance li .reser a:focus {
	padding-left: 65px;
}





@media only screen and (max-width:768px){
	#schedulePerformance li{ padding:15px;}
	#schedulePerformance li span.sum_photo{margin-bottom:20px;position:relative;top:0;left:0;width:100%;height:auto;max-height:300px;padding:4px;text-align:center;}
	#schedulePerformance li span.sum_photo img{width:auto;max-width:100%;max-height:300px;}
	#schedulePerformance li .reser{position:relative;top:0;right:auto;border-top:1px solid #ddd;margin-top:10px;padding-top:10px;text-align:right;}
}

.showTi{margin:30px 0 20px 0; border-bottom:1px dashed #c2c2c2; padding-bottom:20px; color:#000}

#month02 .cal {padding:15px 30px; background:url(/images/specific/art/sub03/performance_bg.gif) no-repeat; position:relative; margin-bottom:40px;}
#month02 .cal .year {width:100%; margin:0;}
#month02 .cal .year .prev {position:absolute;top:2px;left:30%; width:15px; height:15px;}
#month02 .cal .year .next {position:absolute;top:2px;right:30%; width:15px; height:15px;}
#month02 .cal .end_bg {width:735px; height:5px; background:url(/images/specific/art/sub03/performance_bg_end.gif) no-repeat; position:absolute; left:0; bottom:0;}

#scheduleYear {border-top:2px solid #678cc9;}
#scheduleYear li {border-bottom:1px dashed #ddd; padding:15px 0; position:relative;}
#scheduleYear li .monthImg {font-size:17px; font-weight:600; padding-left:10px; margin-right:10px;}
#scheduleYear li .monthbtn {position:absolute; right:10px; top:15px;}

#scheduleYear li .showData {border-top:0; padding:10px 15px; background:#f2f6fa; margin-top:15px;}
#scheduleYear li .showData:after {content:""; display:block; clear:both;}
#scheduleYear li .showData li {border-bottom:0; padding:3px 0; margin:0; position:relative; float:left;}
#scheduleYear li .showData li.date {width:12%; color:#e85f59; font-weight:600;}
#scheduleYear li .showData li.showTitle {width:88%;}


#pcLink {display: inline-block;}
#mobileLink {display: none;}


@media only screen and (max-width:1023px){

#mobileLink {display: inline-block;}
#pcLink {display: none;}

}