@charset "utf-8";
.event_view .tit {overflow:hidden; padding:4%; margin-bottom:80px; border:1px solid #ccc; border-radius:3px; background-color:#f5f5f5;}
.event_view .tit .img {position:relative; float:left; width:294px; height:400px;}
.event_view .tit .img img {position:absolute; left:0; top:0; width:100%; min-height:100%;}
.event_view .tit .tit_con {padding-left:350px;}
.event_view .tit .tit_con>div {margin-bottom:25px; padding-bottom:25px; border-bottom:4px double #ccc;}
.event_view .tit .tit_con>div .tag {margin-left:0;}
.event_view .tit .tit_con>div .tag span {display:inline-block; padding:5px 10px; color:#fff; font-size:14px; border-radius:3px; background-color:#e46684;}
.event_view .tit .tit_con>div .tag form,
.event_view .tit .tit_con>div .tag .select {float:right; vertical-align:top;}
.event_view .tit .tit_con>div .tag label {margin-right:5px; font-size:16px; line-height:30px;}
.event_view .tit .tit_con>div .tag select {padding-right:15px; height:30px; font-size:16px;}
.event_view .tit .tit_con>div .tag .btn {height:30px; padding:5px 13px 7px 30px !important; font-size:13px !important; line-height:15px !important; color:#fff; background:#3c64d0  url(/open_content/festival/img/sub/ic_check.gif) no-repeat 13px center !important;}
.event_view .tit .tit_con>div p {margin-top:25px; font-size:30px; font-weight:600;}
.event_view .tit .tit_con dl dt,
.event_view .tit .tit_con dl dd {vertical-align:middle; padding-top:5px; padding-bottom:3px; margin-bottom:8px; font-size:16px;}
.event_view .tit .tit_con dl dt {float:left; text-align:center; width:80px; color:#fff; font-weight:bold; border-radius:3px; background-color:#3163ae;}
.event_view .tit .tit_con dl dd {padding-left:90px;}
.event_view .con_tit {text-align:center; padding-top:80px; margin-bottom:50px; background:url(/open_content/festival/img/sub/info_tit.gif) center top no-repeat;}
.event_view .con {margin-top:15px;}
.event_view .con>p {text-align:center; margin-bottom:20px; padding:10px; font-weight:bold; background:#f4f4f4;}
.event_view .con .map {width:100%; margin-bottom:20px; padding:5px; background-color:#fff; box-sizing:border-box; box-shadow:0 2px 1px rgba(0,0,0,.2);}
.event_view .con>div .map {width:100%; height:650px;}
.event_view .info_txt {margin-top:10px; line-height:26px;}
.event_view .info_box p {margin:0 0 10px 10px; padding-left:26px; background: url(/open_content/dreame/img/contents/mark_b.png) no-repeat left 50%;}

#calendar { position:relative; margin-top:30px;}
#calendar .mon { padding-top:8px; color:#4c4c4c; font-size:35px; text-align:center; }
#calendar .cal_btn { position:absolute; z-index:2; top:20px; left:50%; overflow:hidden; margin-left:-15%; width:30% }
#calendar .cal_btn li { float:right; }
#calendar .cal_btn li:first-child { float:left; }
#calendar table.calendar { margin-top:30px; width:100%; border:1px solid #d5d5d5; border-top:2px solid #616161; border-spacing:0; }
#calendar table.calendar .sun span, #calendar table.calendar .sun, #calendar table.calendar .sunday, #calendar table.calendar .holiday span { color:#dc0505; }
#calendar table.calendar .sat span, #calendar table.calendar .sat, #calendar table.calendar .saturday { color:#0057c0; }
#calendar table.calendar .today span.day_num { display:inline-block; padding:0 5px; color:#ffffff; background:#c53737; border-radius:20px; font-weight:600; }
#calendar table.calendar th { background:#f8f8f8 url('/open_content/dreame/img/contents/cal_bar.jpg') no-repeat left top; font-size:16px; font-weight:600; line-height:43px; }
#calendar table.calendar th:first-child { background:#f8f8f8 url(''); }
#calendar table.calendar td { padding:10px; height:80px; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; vertical-align:top; }
#calendar table.calendar td:first-child { border-left:1px solid #d5d5d5; }
#calendar table.calendar td a {display:block;}
#calendar table.calendar td div>p { font-size:13px; }
#calendar table.calendar td>span { display:inline-block; margin-bottom:10px; }
#calendar table.calendar td a span.reser_num { display:block; color:#555555; }
#calendar table.calendar td a span.remain_num { display:block; color:#155b83; font-weight:600; }
#calendar .cal_state { margin-top:60px; }
#calendar .cal_state p.tit { margin-bottom:20px; color:#155b83; font-size:20px; font-weight:600; text-align:center; }
#calendar .cal_state .state_text { color:#dc0505; font-weight:600; }
#calendar .cal_submit { display:block; margin-top:20px; color:#ffffff !important; text-align:right; }
#calendar .cal_submit input { color:#ffffff !important; }

.sch_reser_info { overflow:hidden; margin-top:10px; text-align:right; }
.sch_reser_info span { padding-left:20px; margin-right:10px; font-weight:600; }
.sch_reser_info span.before { padding-left:20px; background:url('/open_content/dreame/img/contents/cal_ic_before.jpg') no-repeat left; }
.sch_reser_info span.confirm { padding-left:20px; background:url('/open_content/dreame/img/contents/cal_ic_confirm.jpg') no-repeat left; }
.sch_reser_info span.possible { padding-left:20px; background:url('/open_content/dreame/img/contents/cal_ic_possible.jpg') no-repeat left; }
table.calendar .sch_state li { line-height:25px; font-size:13px; }
table.calendar .sch_state li img { display:inline-block; margin-right:5px; vertical-align:middle;  }

.schedule .month {position:relative; overflow:hidden; height:100px; margin-top:30px; background:#333; background-size:100% 100%;}
.schedule .month>p {text-align:center; padding-top:25px; color:#fff; font-size:36px; font-weight:600; text-shadow:0 0 4px rgba(0,0,0,.4);}
.schedule .month>a {position:absolute; top:0; display:block; width:100px; height:100px; font-size:0; text-indent:-5000px; background-position:center; background-repeat:no-repeat;}
.schedule .month>a.prev {background-image:url('/open_content/dreame/img/contents/calender_prev.png'); background-color:#155b83;}
.schedule .month>a.next {right:0; background-color:#155b83; background-image:url('/open_content/dreame/img/contents/calender_next.png');}
.schedule .calander {background-color:#fff; table-layout:fixed; border:1px solid #e2e2e2;}
.schedule .calander>ul {display:table; width:100%; table-layout:fixed;}
.schedule .calander>ul>li {display:table-cell; vertical-align:top; width:14.285%;}
.schedule .calander .thead li {text-align:center; padding:10px 0px; color:#111; font-size:16px; font-weight:600;}
.schedule .calander .tbody {position:relative;}
.schedule .calander .tbody>li {height:100px; background:#f0f0f0; border-top:1px solid #e2e2e2; ; border-left:1px solid #e2e2e2; box-sizing:border-box;}
.schedule .calander .tbody>li:first-child {border-left:0px}
.schedule .calander .tbody .date {color:#646464; font-size:18px;}
.schedule .calander .tbody .sat .date {color:#668ee7}
.schedule .calander .tbody .sun .date {color:#e7668a}
.schedule .calander .tbody .date span {display:inline-block; font-size:0; text-indent:-5000px;}
.schedule .calander .tbody .today .date span {position:relative;}
.schedule .calander .tbody .today .date span:before {position:absolute; left:8px; top:-4.5px; text-align:center; padding:5px 7px; width:45px; color:#fff; font-size:12px; font-weight:bold; line-height:12px; text-indent:0; letter-spacing:-.5px; background:#333; border-radius:30px; content:'TODAY';}
.schedule .calander .tbody .lowday {background-color:#fff;}
.schedule .calander .tbody .lowday a {color:#155b83; font-weight:bold;}
.schedule .calander .td {position:relative; overflow:hidden; padding:5% 10%; width:100%; height:100%; box-sizing:border-box;}
.schedule .calander .td a {font-weight:bold; text-decoration:underline;}
.schedule .calander li .con {position:absolute; left:0; top:100px; overflow:hidden; display:none; padding-top:30px; padding-bottom:30px; width:100%; background-color:#155b83; z-index:9; box-sizing:border-box;}
.schedule .calander li .con>p {width:100%; text-align:center; margin-bottom:10px; color:#fff;font-size:30px; font-weight:bold;}
.schedule .calander li .con>p>span {color:#ffe50b;}
.schedule .calander li .con ul {margin-top:20px;}
.schedule .calander li .con ul li {display:table; padding:10px 5%; width:90%; margin:0 auto; box-sizing:border-box;}
.schedule .calander li .con ul li:hover {background-color:#3f7da1;}
.schedule .calander li .con ul li p {display:table-cell; color:#eee6fa; font-size:16px;}
.schedule .calander li .con ul li p:nth-child(3) {width:30%;}
.schedule .calander li .con ul li .tit {position:relative; width:25%; padding-left:18px; color:#fff; font-size:18px; font-weight:600;}
.schedule .calander li .con ul li .tit:before {position:absolute; left:0; top:10px; width:6px; height:6px; border-radius:100%; background-color:#fff; content:'';}
.schedule .calander li .con ul li .more {text-align:center; width:170px;}
.schedule .calander li .con ul li .more a {display:block; padding:3px 10px; margin:0 auto; width:100px; color:#155b83; font-size:14px; font-weight:bold; background-color:#fff; border-radius:30px;}

.schedule .calander li .con ul li .no {text-align:center; width:170px; }
.schedule .calander li .con ul li .no span {display:block; padding:3px 10px; margin:0 auto; width:100px; color:#558baa; font-size:14px; font-weight:bold; background-color:#15415a; border-radius:30px;}

.board_list {width:100%; overflow-y:auto;}
.board_list .general_board {min-width:800px;}

.comment div.comment_view ul.comment_list li p.writer {width:auto;}

@media all and (max-width:1199px) {
	.schedule .calander .tbody .today .date span {display:none;}
}

@media all and (max-width:989px){
	#calendar .cal_btn { position:absolute; z-index:2; top:20px; left:50%; overflow:hidden; margin-left:-25%; width:50% }
}

@media all and (min-width:801px) {
	#ui-datepicker-div { z-index:50 !important; }
}

@media all and (max-width:800px) {
	.event_view .tit .img {position:static; overflow:hidden; float:none; margin:20px auto; width:90%; height:auto;}
	.event_view .tit .img img {position:static;}
	.event_view .tit .tit_con>div .tag form, .event_view .tit .tit_con>div .tag .select {float:none; margin-top:10px;}
	.event_view .tit .tit_con {padding-left:0; margin-top:40px;}
	.event_view .con.map>div {height:300px;}

	.schedule {margin-bottom:100px;}
	.schedule .month {height:60px;}
	.schedule .month>p {padding-top:8px; font-size:30px;}
	.schedule .month>a {width:60px; height:60px; -webkit-background-size:15px; background-size:15px;}
	.schedule .calander .thead li {padding:10px 0; font-size:16px;}
	.schedule .calander .tbody>li {height:50px;}
	.schedule .calander .td>a {position:absolute; right:5px; bottom:5px;}
	.schedule .calander .td>a>span {display:inline-block; padding-left:0; width:18px; height:20px; font-size:0; background-position:0 0; /* background:url('/open_content/dreame/img/contents/schedule_num.gif') left 3px no-repeat; */}
	.schedule .calander li .con {top:50px;}
	.schedule .calander li .con ul li .tit, 
	.schedule .calander li .con ul li .more {display:table-cell;}
	.schedule .calander li .con ul li .tit {padding-left:15px; font-size:16px; width:25%;}
	.schedule .calander li .con ul li .more a, .schedule .calander li .con ul li .no span {width:auto;}

}
@media all and (max-width:480px) {
	#calendar .cal_btn { position:absolute; z-index:2; top:20px; left:50%; overflow:hidden; margin-left:-40%; width:80% }
}