@charset "utf-8";
@import url(./view_contras_cmm.css);
@import url(./view_contras_guide.css);
@import url(./view_contras_board.css);


/********************
	Main
********************/

#m_conts .more {border-color:#fff; color:#fff; background-image:url(../img/main/ico_more_w.svg);}
#m_conts .more:focus,
#m_conts .more:hover {background-color:#000; color:#fff; background-image:url(../img/main/ico_more_w.svg);}
#m_conts .more.white:focus,
#m_conts .more.white:hover {color:#fff; background-color:#000; background-image:url(../img/main/ico_more_w.svg);}

#m_conts .btn-vr {color:#fff; background:#ed1a86; text-align:center;}
#m_conts .btn-vr:before {display:none;}

#m_conts .btn-ticket {color:#fff; background:#0086CB; text-align:center;}
#m_conts .btn-ticket:before {display:none;}

#m_conts .sec-tit strong {color:#fff;}

#m_conts .mainVisualWrap .control > div,
#m_conts .mainVisualWrap .control .next,
#m_conts .mainVisualWrap .control .prev {background-color:#000; border:1px solid #fff;}


#m_conts .mainPosterWrap:after {background:#fff;}
#m_conts .mainPosterWrap .sec-bar-tit {border:1px solid #fff; background:transparent;}
#m_conts .mainPosterWrap .posterGroup .desc .info dt,
#m_conts .mainPosterWrap .posterGroup .desc .info dd {color:#fff;}
#m_conts .mainPosterWrap .posterGroup  .desc .btn-detail {border:1px solid #fff; color:#fff;}

#m_conts .mainListWrap .bod-event-header .year span {color:#fff;}
#m_conts .mainListWrap .bod-event-list .subj strong {color:#fff;}
#m_conts .mainListWrap .bod-event-header .year a.prev {background:url(../img/main/spr_control.svg) no-repeat -12em 0;}
#m_conts .mainListWrap .bod-event-header .year a.next {background:url(../img/main/spr_control.svg) no-repeat -14em 0;}
#m_conts .mainListWrap .bod-event-list a:hover,
#m_conts .mainListWrap .bod-event-list a:focus {border:2px solid #fff; box-shadow:none;}


#m_conts .mainExpoWrap {border-color:#fff;}
#m_conts .mainExpoWrap .sec-tit:after {background-image:url(../img/main/ico_title_w.svg);}
#m_conts .mainExpoWrap:before,
#m_conts .mainExpoWrap:after {opacity:.2;}
#m_conts .mainExpoWrap .control button.prev:before {background-position-x:-12em;}
#m_conts .mainExpoWrap .control button.next:before {background-position-x:-14em;}


#m_conts .mainCultureWrap:before {border:1px solid #fff;}
#m_conts .mainCalendarWrap .sec-tit:before {background-image:url(../img/main/ico_title_star_w.svg);}
#m_conts .mainCalendarWrap .sec-tit:after {background:#fff;}
#m_conts .calendarGrid {border:1px solid #fff;}
#m_conts .calendarGrid > * {background:#000 !important;}
#m_conts .calendarGrid .calendar {border-right:1px solid #fff;}

#m_conts .calendarGrid .calendar .calHeader strong {color:#fff;}
#m_conts .calendarGrid .calendar .calHeader button {background-position-x:-12em;}
#m_conts .calendarGrid .calendar .calHeader button.next {background-position-x:-14em;}

#m_conts .calendarGrid .calendar .category button {border-color:#fff;}
#m_conts .calendarGrid .calendar .category button strong {color:#fff;}
#m_conts .calendarGrid .calendar .category button.active {background-color:#fff;}
#m_conts .calendarGrid .calendar .category button.active strong {color:#000;}

#m_conts .calendarGrid .calendar .legend span.event,
#m_conts .calendarGrid .calendar td.has-event .date:after {background:#efff02;}
#m_conts .calendarGrid .calendar .legend span.today {background:#000;}
#m_conts .calendarGrid .calendar td.is-today .date:before {border:1px solid #fff; background:#000;}
#m_conts .calendarGrid .calendar thead {border-color:#fff !important;}
#m_conts .calendarGrid .calendar tbody td {border-color:#fff;}
#m_conts .calendarGrid .calendar tr > *:first-child {color:#efff02;}
#m_conts .calendarGrid .calendar tr > *:last-child {color:#00dcff;}
#m_conts .calendarGrid .calendar td .daily-schedule li {border-color:#fff;}
#m_conts .calendarGrid .calendar td .daily-schedule {background:#000; border:1px solid #fff; color:#fff;}
#m_conts .calendarGrid .calendar td .daily-schedule li span {color:#fff;}
#m_conts .calendarGrid .calendar td .daily-schedule .close {background-image:url(../img/main/btn_close_w.svg)}

#m_conts .mainNoticeWrap:before,
#m_conts .mainNoticeWrap:after {background:#fff;}
#m_conts .mainNoticeWrap .tabs button strong {color:#fff;}
#m_conts .mainNoticeWrap .tabs button.on strong {color:#000;}
#m_conts .mainNoticeWrap .tab-group .tab-content {border:none; padding:0;}
#m_conts .mainNoticeWrap .tab-con ul,
#m_conts .mainNoticeWrap .tab-con li {border-color:#fff;}
#m_conts .mainNoticeWrap .tab-con li .subj {color:#fff;}
#m_conts .mainNoticeWrap .tab-con li a:after {background-position-x:-14em;}
#m_conts .mainNoticeWrap .guide {background:#000; border:1px solid #fff;}
#m_conts .mainNoticeWrap .guide dl dt {color:#fff;}
#m_conts .mainNoticeWrap .guide .time ~ span {color:#fff; opacity:.8;}

#m_conts .mainNoticeWrap .guide dl:before {background-position-y:-2em;}
#m_conts .mainNoticeWrap .guide > div + div:before {background:rgba(255,255,255,.5);}
#m_conts .mainNoticeWrap .guide .time:before {background-position-y:-2em;}

#m_conts .mainNoticeWrap .quickLink ul li a i {background-position-y:-3em;}
#m_conts .mainNoticeWrap .quickLink ul li a span {color:#fff;}

#m_conts .quickSNS {background:#000; border:1px solid #fff;}
#m_conts .quickSNS li:before {opacity:.8;}

@media all and (max-width:1024px) {
	#m_conts .mainPosterWrap .rotate-location.ticket {background:#fff; color:#000;}
	#m_conts .mainPosterWrap .sec-bar-tit {border-left-width:0; border-right-width:0;}
	#m_conts .mainListWrap .bod-event-header .year a.prev {background:url(../img/main/spr_control.svg) no-repeat -14.5em -.2em;}
#m_conts .mainListWrap .bod-event-header .year a.next {background:url(../img/main/spr_control.svg) no-repeat -16.5em -.2em;}
	
}

/********************
	Contents
********************/

/* 공연안내 - 유료회원 안내 */
.member-wrap,
.member-wrap .txt,
.member-wrap .con-box .box {background:none; border:1px solid #fff;}

/* 공연안내 - 장애인 이용 안내 */
.person-wrap .top,
.video-wrap .sub {background:none; border:1px solid #fff; color:#fff;}

/* 문화예술교육 - 공통 css */
.culture-top > .box {background:#fff;}
.culture-top > .box em,
.culture-top > .box .txt,
.culture-top > .box .tit {color:#222;}
.chief-wrap .cont .name {background:none; border:1px solid #fff; color:#fff;}

/* 문화예술교육 아래 프로그램별 연혁 */
.history-culture {background:none; border:1px solid #fff;}
.history-culture .history {background:none;}
.history dt,
.history dd {color:#fff;}
.history .hisCon > li:after {background:#ff9de9;}
.history .hisCon > li:before {background:#fff;}

.history-culture .history dt {color:#efff02;}
.history-culture .history .hisCon > li:after,
.history-culture .history .hisCon > li:before {background:#fff;}

.chief-wrap {border:1px solid #fff; background:#000 !important;}

/* 대관안내 - 대관허가조건 */
.rental-wrap,
.rule-box .rule-list {background:none; border:1px solid #fff;}
.rental-wrap .inner {background:none;}

/* 안동시립합창단 - 합창단소개 */
.chorus-wrap  {background:none; border:1px solid #fff;}
.chorus-wrap .bottom p.point {color:#ffee00;}

/* 안동시립합창단 - 연혁 */
.history-chorus .history  {background:#000; border:1px solid #fff;}
.history-chorus .history dt {color:#ffee00;}
.history-chorus .history .hisCon > li:after,
.history-chorus .history .hisCon > li:before {background:#fff;}

/* 안동시립합창단 - 지휘자소개 */
.leader-wrap {background:#000; border:1px solid #fff;}
.leader-wrap .top .txt p.name {background:#000; border:1px solid #fff;}


/* 전당소개 - 연혁 */
.history-arts .tit {background:#000; color:#fff; border:1px solid #fff;}
.history-arts .tit .inner {background:#000; color:#fff;}
.history-arts .tit em,
.history-arts .con dt {color:#ffee00;}
.history-arts {background:none; border:1px solid #fff;}
.director-wrap > .box-text .date {color:#fff;}

/* 전당소개 - 시설소개 - 모달 */
.facmodalWrap .modal-box {border:1px solid #fff; background:#000 !important;}

/* 전당소개 - 인사말 */
.greeting .box-txt .tit em {color:#ffee00;}
.greeting .box-txt .tit,
.greeting .box-txt .txt {background:#000 !important; color:#fff;}


/* 전당소개 - 장애인 이용안내 */
.person-wrap .service-wrap .box {border:1px solid #fff; background:#000 !important;}
.person-wrap .service-wrap .desc .subj,
.person-wrap .service-wrap .box:nth-child(even) .desc .subj {color:#ffee00;}
.person-wrap .service-wrap .desc .subj em,
.person-wrap .service-wrap .box:nth-child(even) .desc .subj em {color:#fff;}