@charset "utf-8";

/* sub01 */

/* sub02 */

/* sub03 */

/* sub04 */

/* sub05 */





.comment{position:absolute;top:-1000px;left:-2000px;}

/* Tablet */
@media all and (min-width:768px) {

/* sub01 */

/* sub02 */

/* sub03 */

/* sub04 */

/* sub05 */
}


/* Desktop */
@media all and (min-width:1023px) {

/* sub01 */

/* sub02 */

/* sub03 */

/* sub04 */

/* sub05 */
}


/* 울진캘린더 */
.uj_calender{margin:0 0 30px 0}
.uj_calender .calender p{text-align:center;font-size:20px;color:#333;margin:0 0 10px 0}
.uj_calender .calender p *{vertical-align:middle}
.uj_calender .calender p strong{color:#223e99}
.uj_calender .calender p a{display:inline-block;margin:0 20px;background:url("/images/01_potal/common/common_btn.png") no-repeat;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.uj_calender .calender p a.prev{background-position:-87px -108px}
.uj_calender .calender p a.next{background-position:-116px -108px}
.uj_calender table{width:100%;margin:0 0 20px 0}
.uj_calender th, .uj_calender td{border:1px solid #dedede;width:14%;text-align:center}
.uj_calender th{border-top:1px solid #223e99;background:#f4f6fb;color:#223e99;padding:15px 0}
.uj_calender td{padding:10px 0}
.uj_calender td.sat a{color:#29aece}
.uj_calender td.sun a{color:#e4580b}
.uj_calender td a{border-radius:15px;display:inline-block;width:30px;height:20px;padding:5px 0}
.uj_calender td.cal a{border:1px solid #ddd}
.uj_calender td.on a{background:#223e99;color:#fff;border:none}
.uj_calender .tab{overflow:hidden}
.uj_calender .tab li{float:left;width:25%;text-align:center}
.uj_calender .tab li a{display:block;border:1px solid #223e99;background:#fff;color:#223e99;padding:10px 0;margin:0 0 0 1px}
.uj_calender .tab li.on a{background:#223e99;color:#fff}
.uj_calender .info div{background:#f4f6fb;padding:20px;margin:10px 0 0 0}
.uj_calender .info div h4{margin:0 0 15px 0;font-size:20px}
.uj_calender .info div li{line-height:1.75em;font-size:14px;padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 10px}   


/* 공연목록 */
.show_list>ul>li{overflow: hidden; position: relative; margin: 0 0 4%;}
.show_list ul li img{display: block; float: left; width:100%; max-width: 125px; height:180px; border: 1px #d2d2d2 solid;}
.show_list ul li div{float: right; width: calc(100% - 140px);}
.show_list ul li div strong{display: inline-block; margin: 0 4px 0 0; color: #223e99;}
.show_list ul li div span{display: inline-block;}
.show_list ul li div p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-all; margin-bottom: 10px; font-size: 16px;  color: #111;}
.show_list ul li li{margin: 0 0 6px;}
.show_list ul li p.btn{position: absolute; bottom: 0; right: 0; width: 100%; }
.show_list ul li p.btn a{display: block; width: calc(100% - 160px); margin: 0 0 0 auto; padding: 10px 0; text-align: center; border: 1px #223e99 solid; color: #223e99; background: #fff;}
.show_list ul li p.btn a:hover{background: #223e99; color: #fff;}
	
@media all and (min-width:768px) {
.show_list>ul{overflow: hidden;}
.show_list>ul>li{float: left; width: 46%; margin: 0 4% 4%;}
.show_list>ul>li:nth-last-of-type(2n){margin: 0 0 4%;}
.show_list ul li li{float: none; width: 100%;}
	
}
@media all and (min-width:1023px) {
.show_list ul li img{max-width: 140px;}	
.show_list ul li div{width: calc(100% - 160px);}
.show_list ul li p.btn a{width: calc(100% - 160px);}

}