@charset "utf-8";
table.general_board tbody td.title a { font-weight:400; }
.btn { font-weight:500; }
.btn a:hover { color:#ffffff; }
.btn_end, .btn_result, .box_situation P, .box_situation, .box_end { font-weight:400; }
input[type=submit].c_btn { font-size:15px; padding:9px 60px; }
/* 문화포털 페이징 */
.paging a { font-weight:300; }
.paging a.page_btn.first { background:url('/culture/images/program/paging_first.jpg') no-repeat center center; }
.paging a.page_btn.prev { background:url('/culture/images/program/paging_prev.jpg') no-repeat center center; }
.paging a.page_btn.next { background:url('/culture/images/program/paging_next.jpg') no-repeat center center; }
.paging a.page_btn.last { background:url('/culture/images/program/paging_last.jpg') no-repeat center center; }
.paging a.select { margin-right:3px; background:#333333; border-color:#000000; color:#fff; font-weight:300; }
.paging a.select:hover { background:#333333; }
.paging a:hover { background:#f7f7f7; }

/* 공연예약 리스트 */
.reservation_list>ul { overflow:hidden; margin-bottom:50px; border-top:2px solid #333333; }
.reservation_list>ul>li { overflow:hidden; float:left; width:50%; padding:35px 0 30px 0; border-bottom:1px solid #dddddd; } 
.reservation_list>ul>li:nth-child(4n+3) { background:#f7f7f7; }
.reservation_list>ul>li:nth-child(4n+4) { background:#f7f7f7; }
.reservation_list>ul>li p.poster { float:left; padding-bottom:10px; width:32%; background:url('/culture/images/program/reser_shadow.png') no-repeat center bottom; }
.reservation_list>ul>li p.poster img { display:block; margin:0 auto; padding:0 10%; width:100%; height:100%; box-sizing:border-box; }
.reservation_list>ul>li div.con { float:right; width:66%; }
.reservation_list>ul>li div.con .tit { overflow:hidden; margin-top:8px; width:88%; color:#000000; font-size:20px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.reservation_list>ul>li div.con ul { margin-top:15px; }
.reservation_list>ul>li div.con ul li { overflow:hidden; width:95%; color:#666666; font-size:14px; font-weight:400; line-height:28px; text-overflow:ellipsis; white-space:nowrap; font-weight:300; }
.reservation_list>ul>li div.con ul li span { position:relative; margin-right:15px; color:#333333; font-weight:500; }
/*
.reservation_list>ul>li div.con ul li:last-child span:last-child { margin-left:20px; padding-left:20px;  }
.reservation_list>ul>li div.con ul li:last-child span:last-child:before { position:absolute; z-index:1; content:''; display:block; left:0; top:5px; width:1px; height:12px; background:#cccccc; }
*/
.reservation_list>ul>li div.con .btn_wrap { margin-top:25px; }
.reservation_list>ul>li div.con .btn_wrap a { margin-right:3px; }

/* 공연예약 상세보기 페이지 */
#detail_con.reservation_view { margin-top:0; }
.reservation_view .reser_detail { overflow:hidden; }
.reservation_view .reser_detail p.poster { float:left; padding:60px; width:396px; box-sizing:border-box; }
.reservation_view .reser_detail p.poster img { display:block; width:100%; box-shadow:0px 0px 30px 2px rgba(0,0,0,0.2); }
.reservation_view .reser_detail .con { float:left; width:57%; }
.reservation_view .reser_detail .con .tit { overflow:hidden; margin-top:50px; padding:20px 0; width:95%; color:#ed460b; font-size:30px; font-weight:500; border-bottom:1px dotted #cccccc; text-overflow:ellipsis; white-space:nowrap; }
.reservation_view .reser_detail .con dl { overflow:hidden; margin-top:20px; width:100%; }
.reservation_view .reser_detail .con dt { float:left; padding-left:2%; width:22%; color:#000000; background:url('/culture/images/program/reser_view_blet.jpg') no-repeat left 13px; font-size:16px; font-weight:500; line-height:33px; }
.reservation_view .reser_detail .con dd { float:right; width:76%; color:#777777; font-size:15px; line-height:33px; }
.reservation_view .reser_detail .con .btn_wrap { margin:35px 0; }
.reservation_view .reser_view_info { border-bottom:1px solid #555555; }
.reservation_view .reser_view_info>div>.tit { padding:15px 45px; color:#000000; border-top:1px solid #333333; border-bottom:1px solid #cccccc; font-size:18px; }
.reservation_view .reser_view_info>div>.con { padding:20px 45px; background:#f9f9f9; font-size:14px !important; }
.reservation_view .reser_view_info>div>.con .sblet { font-size:15px !important; }
.reservation_view .reser_view_info>div>.con ul.reser_atten { margin-bottom:10px; padding-left:10px; }
.reservation_view .reser_view_info>div>.con p.reser_atten { margin-bottom:10px; margin-left:10px; }
.reservation_view .reser_view_info>div>.con .ssblet { font-size:14px !important; }

/* 공연예약 좌석선택 페이지 */
.reservation_seat label { -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; overflow:hidden; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:color, background-color; transition-property:color, background-color; }
.reservation_seat .seat_state { text-align:right; }
.reservation_seat .seat_state span { display:inline-block; margin-left:20px; padding-left:28px; color:#000000; background-repeat:no-repeat; background-position:left 4px; font-size:14px; }
.reservation_seat .seat_state span.state01 { background-image:url('/culture/images/program/state01.jpg'); }
.reservation_seat .seat_state span.state02 { background-image:url('/culture/images/program/state02.jpg'); }
.reservation_seat .seat_state span.state03 { background-image:url('/culture/images/program/state03.jpg'); }
.reservation_seat .seat_state span.state04 { background-image:url('/culture/images/program/state04.jpg'); }
.reservation_seat .seat { overflow:hidden; }
.reservation_seat .stage { margin-top:30px; padding-top:20px; height:74px; color:#000000; background:url('/culture/images/program/stage_bg.jpg') no-repeat center top; text-align:center; font-size:25px; font-weight:600; line-height:30px; }
.reservation_seat .stage span { display:block; font-size:20px; font-weight:500; }
.reservation_seat .seat>div { float:left; margin:30px 0 0 49px; text-align:center; }
.reservation_seat .seat .area01, .reservation_seat .seat .area05 { margin-left:0px; width:187px; }
.reservation_seat .seat .area02, .reservation_seat .seat .area03, .reservation_seat .seat .area06, .reservation_seat .seat .area07 { width:339px; }
.reservation_seat .seat .area04, .reservation_seat .seat .area08 { width:187px; }
.reservation_seat .seat>div>.a_name { color:#000000; font-size:16px; font-weight:500; }
.reservation_seat .seat>div>ul { overflow:hidden; margin-top:15px;  }
.reservation_seat .seat>div>ul>li { position:relative; float:left; margin:0 0 3px 3px; width:35px; height:35px; border:1px solid #000000; text-align:center; line-height:33px; box-sizing:border-box; }
.reservation_seat .seat>div>ul>li.empty { border:0; }
.reservation_seat .seat>div>ul>li input { position:absolute; z-index:1; display:block; top:0; left:0; width:100%; height:100%; visibility:hidden; }
.reservation_seat .seat>div>ul>li label { display:block; width:100%; height:100%; color:#ffffff; background:#4668b2; font-size:15px; font-weight:300; line-height:33px; cursor:pointer; }
.reservation_seat .seat>div>ul>li:hover label { background:#000000; }
.reservation_seat .seat>div>ul>li.select label { color:rgba(255,255,255,0.2); background:#e71327 url('/culture/images/program/ic_check.png') no-repeat center; }
.reservation_seat .seat>div>ul>li.select.admin label { color:rgba(255,255,255,0.2); background:#e71327 url('/culture/images/program/ic_check.png') no-repeat center; }
.reservation_seat .seat>div>ul>li.none label { color:#000000; background:#e0e0e0 url('/culture/images/program/seat_none.png') no-repeat center; cursor:default; }
.reservation_seat .seat>div>ul>li.admin label { color:#ffffff; background:#e71327; }
.reservation_seat .seat>div.area01>ul>li:nth-child(5n+1), .reservation_seat .seat>div.area04>ul>li:nth-child(5n+1), .reservation_seat .seat>div.area05>ul>li:nth-child(5n+1), .reservation_seat .seat>div.area08>ul>li:nth-child(5n+1) { margin-left:0px; }
.reservation_seat .seat>div.area02>ul>li:nth-child(9n+1), .reservation_seat .seat>div.area03>ul>li:nth-child(9n+1), .reservation_seat .seat>div.area06>ul>li:nth-child(9n+1), .reservation_seat .seat>div.area07>ul>li:nth-child(9n+1) { margin-left:0px; }
.reservation_seat p.seat_box { padding-top:100px !important; background:url('/culture/images/sub/scroll_icon.jpg') no-repeat center 20px; }

/* 공연예약 예매 신청 페이지 */
#detail_con.reservation_apply h4 { float:none; margin-top:50px; padding-top:0px; width:100%; color:#333333; background:none; font-size:18px; font-weight:500; }
.reservation_apply .appy_attention ol { overflow-y:auto; margin-top:20px; margin-bottom:10px; padding:20px; height:190px; background:#f8f8f8; border:1px solid #dddddd; }
.reservation_apply .appy_attention ol li.ssblet { color:#555555 !important; }
.reservation_apply .appy_attention input { vertical-align:middle; } 
.reservation_apply .appy_attention label { margin-left:10px; font-size:14px; }
.reservation_apply .board_write { margin-top:20px; }
.reservation_apply .btn_wrap { margin-top:30px; text-align:center; }
.reservation_apply .btn_wrap a.bg01 { margin-right:3px; }

/* 공연예약 예매완료 페이지 */
.reservation_finish { padding:60px 0;  }
.reservation_finish .tit { padding-top:210px; color:#3962ad; background:url('/culture/images/program/reser_finish.jpg') no-repeat 51% top; font-size:30px; font-weight:600; text-align:center; }
.reservation_finish .sub { margin-top:15px; color:#444444; font-size:17px; font-weight:300; text-align:center; }
.reservation_finish .sub span { display:block; }
.reservation_finish .btn_wrap { margin-top:30px; text-align:center; }
.reservation_finish .btn_wrap a.bg01 { margin-right:3px; }

/* 공연예약 로그인 페이지 */
.reservation_login { padding:60px 0;  }
.reservation_login .tit { padding-top:210px; color:#3962ad; background:url('/culture/images/program/login_icon.jpg') no-repeat 51% top; font-size:30px; font-weight:600; text-align:center; }
.reservation_login .sub { margin-top:15px; color:#444444; font-size:17px; font-weight:300; text-align:center; }
.reservation_login .sub span { display:block; }
.reservation_login .btn_wrap { margin-top:30px; text-align:center; }
.reservation_login .btn_wrap a.bg01 { margin-right:3px; }

/* 강좌예약 상단 선택박스 */
.lecture_field { margin-top:70px; padding:25px 0 10px 0; background:#fcfcfc; border-top:1px solid #aaaaaa; text-align:center; }
.lecture_field>p { margin-bottom:10px; color:#333333; font-size:18px; font-weight:500; }
.lecture_field ul { overflow:hidden; margin:0 auto; width:80%; height:34px; }
.lecture_field ul li { float:left; width:19%; margin-left:1%; }
.lecture_field ul li:first-child { margin-left:0; }
.lecture_field ul li a { display:block; padding:3px 0 5px 0; border-radius:3px; color:#ffffff; background:#444444; border:1px solid #000000; }
.lecture_field ul li.select_wrap { margin-top:0; width:24%; }
.lecture_field ul li select { display:block; width:100%; padding:4px 10px; line-height:34px; color:#ffffff; background:#444444; border-radius:3px; border:1px solid #000000; font-size:15px; }
.lecture_list .search { margin-top:0px; padding:0 0 25px 0; background:#fcfcfc; border-left:0px; border-right:0px; border-top:0px; }

/* 시간표 상단 단계박스 */
.board_top_step>p { color:#333333; font-size:16px; font-weight:500; }
.board_top_step ul { overflow:hidden; margin-top:20px; margin-bottom:20px;padding:20px; background:#fcfcfc; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; }
.board_top_step ul li { float:left; }
.board_top_step ul li.step01 { width:19%; }
.board_top_step ul li.step02 { width:19%; }
.board_top_step ul li.step03 { width:19%; }
.board_top_step ul li.step04 { width:19%; }
.board_top_step ul li.step05 { width:24%; }

.board_top_step.sche ul li { margin-bottom:15px; }
.board_top_step.sche ul li.step01 { width:27%; }
.board_top_step.sche ul li.step02 { width:30%; }
.board_top_step.sche ul li.step03 { width:23%; }
.board_top_step.sche ul li.step04 { width:20%; }
.board_top_step.sche ul li.step05 { width:27%; margin-bottom:0px; }
.board_top_step.sche ul li.step06 { width:30%; margin-bottom:0px; }

.board_top_step.soccer ul li { margin-bottom:15px; }
.board_top_step.soccer ul li.step01 { width:33%; }
.board_top_step.soccer ul li.step02 { width:33%; }
.board_top_step.soccer ul li.step03 { width:33%; }
.board_top_step.soccer ul li.step04 { width:33%; }
.board_top_step.soccer ul li.step05 { width:33%; margin-bottom:0px; }
.board_top_step.soccer ul li.step06 { width:33%; margin-bottom:0px; }

.board_top_step ul li .tit { font-size:16px; font-weight:500; }
.board_top_step ul li .sub { color:#666666; font-size:14px; font-weight:400; }
.board_top_step ul li .sub span { display:block; }

.lecture_wrap .para { margin-top:0px !important; }

.calendar.fixed .cal_month ul li.next { right:-80px; }
.calendar.fixed .cal_month ul li.prev { left:-80px; }


/* 시설예약 */
#detail_con.rental_layout { overflow:hidden; margin-top:30px !important; }
.rental_layout .top { overflow:hidden; border-left:1px solid #dddddd; border-right:1px solid #dddddd; }
.rental_layout .top .con { float:left; padding:45px; width:352px; height:268px; background:#2b487d; }
.rental_layout .top.gallery .con { height:340px; }
.rental_layout .top.gallery .img { height:430px; }
.rental_layout .top.gallery .img img { height:100%; }
.rental_layout .top .con .tit { margin-bottom:20px; color:#ffffff; font-size:24px; }
.rental_layout .top .con dl { overflow:hidden; }
.rental_layout .top .con dl dt { padding:3px 0; float:left; width:25%; color:#ffffff; line-height:150%; }
.rental_layout .top .con dl dd { padding:3px 0; float:right; width:75%; color:#e0e2e9; line-height:150%; }
.rental_layout .top .con dl dd p { color:#e0e2e9 !important; font-size:14px; }
.rental_layout .top .con dl dt.large { padding-bottom:25px; }
.rental_layout .img { overflow:hidden; float:right; width:756px; height:357px; }
.calendar_list { margin-top:30px; overflow:hidden; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.calendar_list .calendar { position:relative; float:left; width:443px; border-left:1px solid #dddddd;  border-right:1px solid #dddddd; text-align:center; }
.calendar_list .calendar .month { padding:12px 0 0 0; background:#e34c16; color:#ffffff; font-size:22px; font-weight:500; letter-spacing:1px; }
.calendar_list .calendar .m_btn a { position:absolute; z-index:4; top:19px; width:20px; height:20px; background-repeat:no-repeat; background-position:center; text-indent:-9999px; }
.calendar_list .calendar .m_btn a.cal_prev { left:20px; background-image:url('/culture/images/program/cal_prev.png'); }
.calendar_list .calendar .m_btn a.cal_next { right:20px; background-image:url('/culture/images/program/cal_next.png'); }
table.ren_calendar { width:100%; }
table.ren_calendar thead th { padding:10px 0; color:#ffffff; background:#e34c16; font-size:15px; font-weight:500; }
table.ren_calendar td { font-size:15px; }
table.ren_calendar td a { display:inline-block; color:#666666; padding:13px 15px; font-weight:500; }
table.ren_calendar td.select a { border-radius:50px; color:#ffffff; background:#e34c16; }
table.ren_calendar td.nodate { color:#aaaaaa; }
.calendar_list .list { float:left; padding:15px 30px 20px 30px; width:694px; border-right:1px solid #dddddd; }
.calendar_list .list .tit { padding-bottom:15px; font-size:18px; color:#e3450c; border-bottom:1px solid #aaaaaa; }
.calendar_list .list .con { height:262px; overflow-y:auto; }
.calendar_list .list table { width:100%; }
.calendar_list .list table th { padding:10px; font-size:16px; border-bottom:1px solid #dddddd; }
.calendar_list .list table td { font-size:15px; color:#555555; text-align:left; border-bottom:1px solid #dddddd; }
.calendar_list .list table td a { display:block; }
.calendar_list .list table tr:nth-child(even) { background:#f8f8f8; }
.rental_detail { margin-top:30px; border:1px solid #dddddd; }
.rental_detail .tit { padding:15px 20px; color:#e34c16; border-bottom:1px solid #cccccc; font-size:17px; }
.rental_detail .con { padding:30px; background:#fafafa; font-size:14px !important; }
.rental_detail .con table { width:100%; }
.rental_detail .con table th { padding:10px 5px; background:#f0f0f0; color:#333333; border-top:1px solid #555555; border-bottom:1px solid #dddddd; font-weight:500; }
.rental_detail .con table td { padding:10px; text-align:center; border-bottom:1px solid #dddddd; }

.calendar { position:relative; }
.calendar div.day { margin-top:30px; }
.calendar.reserve.fixed div.day>ul.td>li.center { background:#f5f5f5; }
.calendar.reserve.fixed div.day .fixed_td { background:#fff6ea !important; }
.calendar.reserve.fixed div.day .fixed_td ul li { background:#fff6ea !important; }

.calendar .cal_applove { display:block; position:relative; top:20px; text-align:right; }
.calendar .cal_comment { display:inline-block; position:absolute; left:0; top:70px; padding:9px 15px; border:1px dashed #ddd; border-radius:15px; }
.calendar .cal_comment .tit { font-size:17px; font-weight:600; }
.calendar .cal_comment .tit .rcolor { color:#d62a2a; }
.calendar .cal_comment .tit .bcolor { color:#3557c7; }
.calendar .cal_comment span.s_txt { display:block; font-size:14px; font-weight:300; line-height:18px; }

/* 관리자 입장권 */
#ticket.adm { overflow:hidden; width:652px; height:282px; background:url('/culture/images/sub/ticket_bg.jpg') no-repeat; }
#ticket.adm .stage { float:left; width:372px; }
#ticket.adm .stage>p { margin-bottom:30px; padding:30px 0 0 130px; color:#ffffff; font-size:20px; font-weight:500; }
#ticket.adm .stage ul { margin-left:35px; }
#ticket.adm .stage ul li.tit { margin-bottom:15px; color:#ffffff; font-size:20px; }
#ticket.adm .stage ul li { color:#e1e4ed; font-size:15px; } 
#ticket.adm .customer { float:left; width:280px; }
#ticket.adm .customer ul { margin:35px 0 0 45px; }
#ticket.adm .customer ul li { color:#ffffff; }
#ticket.adm .customer ul li.num { font-size:18px; font-weight:500; }
#ticket.adm .customer ul li.name { margin-top:30px; font-size:18px; font-weight:300; }
#ticket.adm .customer ul li.name span { font-size:28px; font-weight:400; }
#ticket.adm .customer ul li.sub { margin-top:25px; width:180px; }
#ticket.adm .customer ul li.sub p { color:#cfd3dc; font-size:14px; }

/* 사용자 입장권 */
#ticket_top { padding:10px; color:#ffffff; background:#333333; text-align:center; } 
#ticket { margin:0 auto; margin-top:20px; }
#mobile_ticket>p { padding:20px 0 20px 0; text-align:center; }
#mobile_ticket>div { overflow:hidden; margin:0 auto; width:300px; border-radius:5px; border:1px solid #dddddd; box-shadow:0px 3px 0px 0px #dddddd; text-align:center; }
#mobile_ticket>div p.tit { padding:15px 0; color:#ffffff; background:#335697; }
#mobile_ticket>div ul { margin:20px 0; }
#mobile_ticket>div ul li { font-size:24px; }
#mobile_ticket>div p.barcode { margin-bottom:20px; }
.ticket_detail { margin:0 auto; padding:10px; width:300px; background:#f8f8f8; border:1px solid #dddddd; text-align:center; }
.perPreivew_if { height:350px; }

/* 마이페이지 */
.my_page_list>ul { border-top:2px solid #000; }
.my_page_list>ul>li { overflow:hidden; padding:2% 5%; border-bottom:1px solid #dddddd; }
.my_page_list>ul>li:nth-child(even) { background:#f9f9f9; }
.my_page_list .poster { float:left; padding:5px; width:150px; border:1px solid #dddddd; box-sizing:border-box; }
.my_page_list .poster img { display:block; width:100%; }
.my_page_list .con { float:right; width:81%; }
.my_page_list .con .tit { margin-bottom:10px; font-size:17px; font-weight:500; color:#3962ad; }
.my_page_list .con ul li span { display:inline-block; padding:2px 0 2px 2%; width:13%; color:#000000; background:url('/culture/images/program/reser_view_blet.jpg') no-repeat left 13px; font-size:14px; font-weight:500; }
.my_page_list .btn_wrap { margin-top:20px; }

/*****************************************************************************************************************************************************************************************/ 

@media all and (min-width:1200px) {
	.reservation_list>ul>li p.poster { height:225px; }
}

@media all and (max-width:1199px) {
	.reservation_view .reser_view_info { padding:0 10px; }
	.reservation_seat .seat>div { float:left; margin:30px 0 0 1%; text-align:center; }
	.reservation_seat .seat .area01, .reservation_seat .seat .area05 { margin-left:0px; width:16%; }
	.reservation_seat .seat .area02, .reservation_seat .seat .area03, .reservation_seat .seat .area06, .reservation_seat .seat .area07 { width:32%; }
	.reservation_seat .seat .area04, .reservation_seat .seat .area08 { width:16%; }
	.reservation_seat .seat>div.area01>ul>li, .reservation_seat .seat>div.area04>ul>li, .reservation_seat .seat>div.area05>ul>li, .reservation_seat .seat>div.area08>ul>li { width:18%; }
	.reservation_seat .seat>div.area02>ul>li, .reservation_seat .seat>div.area03>ul>li, .reservation_seat .seat>div.area06>ul>li, .reservation_seat .seat>div.area07>ul>li { width:10%; }
	.reservation_view .reser_detail p.poster img { height:auto; }
	.lecture_field ul { width:50%; }
	.rental_layout .top { background:#2b487d; }
	.rental_layout .top .con { float:right; width:50%; height:auto !important; box-sizing:border-box; }
	.rental_layout .img { float:left; padding:4% 2% 2% 2%; width:50%; box-sizing:border-box; }
	.rental_layout .img img { width:100%; box-shadow:0px 0px 20px 0px #031f52; }
	.calendar_list { margin-top:0; border-top:0; }
	.calendar_list .calendar { width:40%; box-sizing:border-box; }
	.calendar_list .list { width:60%; box-sizing:border-box; }
	.rental_detail { margin-top:0; border-top:0; }
	.reservation_list>ul>li p.poster { width:26%; }
	.my_page_list .con { width:75%; }
}

@media all and (max-width:950px) {
	.reservation_list>ul>li { float:none; width:100%; }
	.reservation_list>ul>li p.poster img { padding:2% 25%; }
	.reservation_list>ul>li:nth-child(even) { background:#f7f7f7; }
	.reservation_list>ul>li:nth-child(4n+3) { background:#ffffff; }
	.reservation_list>ul>li div.con { width:74%; }
	.reservation_view .reser_detail p.poster { padding:5%; width:35%; }
	.reservation_view .reser_detail .con { width:65%; }
	.reservation_view .reser_detail .con .tit { margin-top:20px; font-size:24px; }
	.reservation_view .reser_detail .con .btn_wrap { margin-top:10px; }
	.reservation_view .reser_detail .con dt { width:25%; font-size:15px; }
	.reservation_view .reser_detail .con dd { width:73%; }
	.lecture_field ul { width:70%; }
	.board_top_step ul li { padding-right:20px; box-sizing:border-box; }
	.board_top_step ul li .sub span { display:inline; }
	.board_top_step.sche ul li.step01 { width:50%; }
	.board_top_step.sche ul li.step02 { width:50%; }
	.board_top_step.sche ul li.step03 { width:50%; }
	.board_top_step.sche ul li.step04 { width:50%; }
	.board_top_step.sche ul li.step05 { width:50%; }
	.board_top_step.sche ul li.step06 { width:50%; margin-bottom:0; }
	.rental_layout .top .con { float:left; width:60%; height:auto !important; box-sizing:border-box; }
	.rental_layout .img { float:right; padding:8% 2% 2% 2%; width:40%; box-sizing:border-box; }
	.calendar div.day { margin-top:0; }
	.calendar_list .calendar { width:45%; box-sizing:border-box; }
	.calendar_list .list { width:55%; box-sizing:border-box; }
	.calendar_list .list table th { width:30%; }
	.calendar_list .list table td { font-size:13px; }
	
	.calendar .cal_applove { top:0; }
	.calendar .cal_comment { display:block; position:relative; left:0; top:0; text-align:center; margin:10px auto; }

}

@media all and (min-width:769px) {
	.calendar.reserve.fixed div.day>ul.td>li { height:auto; }

}

@media all and (max-width:768px) {
	.reservation_seat { overflow-x:auto; }
	.reservation_seat .seat { min-width:768px; }
	.reservation_seat .stage { margin-top:5px }
	.reservation_view .reser_view_info { padding:0 !important; }
	.reservation_view .reser_view_info>div>.tit { padding:15px 10px; }
	.reservation_view .reser_view_info>div>.con { padding:20px 10px; }
	.reservation_list>ul { margin-top:10px; }
	.reservation_list>ul>li { padding:25px 0; }
	.reservation_list>ul>li p.poster img { padding:2% 18%; }
	.reservation_view .reser_detail .con .tit { padding:12px 0; font-size:20px; }
	.reservation_view .reser_detail .con dt, .reservation_view .reser_detail .con dd { float:none; width:auto !important; line-height:150%; }
	.reservation_view .reser_detail .con dt { background-position:left 9px; }
	.reservation_view .reser_detail .con dd { margin-bottom:10px; padding:0 10px; font-size:14px; }
	.reservation_view .reser_detail .con .btn_wrap { margin-top:5px; }
	.reservation_finish .tit { padding-top:210px; color:#3962ad; background:url('/culture/images/program/reser_finish.jpg') no-repeat 51% top; font-size:28px; font-weight:600; text-align:center; }
	.reservation_finish .sub { margin-top:15px; color:#444444; font-size:15px; font-weight:300; text-align:center; }
	.lecture_field { margin-top:0px; padding:15px 0; }
	.lecture_field>p { font-size:16px; }
	.lecture_field ul { width:100%; }
	.board_top_step>p { color:#3962ad; }
	.board_top_step ul { margin-top:10px; }
	.board_top_step ul li, .board_top_step.sche ul li { margin-bottom:2%; }
	.board_top_step ul li.step01 { width:50%; }
	.board_top_step ul li.step02 { width:50%; }
	.board_top_step ul li.step03 { width:50%; }
	.board_top_step ul li.step04 { width:50%; }
	.board_top_step ul li.step05 { width:100%; margin-bottom:0; }
	.board_top_step.sche ul li.step05 { margin-bottom:2%; }
	.board_top_step ul li .tit { color:#3962ad; }
	.board_top_step ul li .sub span { display:block; }
	.rental_layout .img { float:none; padding:0; margin:0 auto; width:100%; height:auto !important; }
	.rental_layout .img img { display:block; box-shadow:0px 0px 0px 0px; }
	.rental_layout .top { background:none; }
	.rental_layout .top .con { float:none; padding:0; width:100%; background:#ffffff; border-bottom:1px solid #dddddd; }
	.rental_layout .top .con .tit { padding:10px 20px; background:#2b487d; }
	.rental_layout .top .con dl { overflow:hidden; padding:0 20px 20px 20px; }
	.rental_layout .top .con dl { margin-top:10px; }
	.rental_layout .top .con dl dt { float:none; width:100%; color:#2b487d; font-weight:500; }
	.rental_layout .top .con dl dd { float:none; width:100%; color:#666666; }
	.rental_layout .top .con dl dd p { color:#666666 !important; }
	.rental_layout .top .con dl dt.large { padding-bottom:0; }
	.calendar_list .calendar { width:100%; }
	.calendar_list .list { width:100%; border-left:1px solid #dddddd; border-top:1px solid #dddddd;}
	.my_page_list .con { width:70%; }
	.my_page_list .con ul li span { width:20%; }
	.perPreivew_if { height:450px; }
	.calendar.reserve.fixed div.day>ul.td>li p.date { text-align:left; }
	.calendar.reserve.fixed div.day>ul.td>li.center { padding:10px 0; }
	.calendar.reserve.fixed div.day>ul>li:last-child { border-bottom:1px solid #555555; }
	.reservation_login .tit { font-size:26px; }
	.reservation_login .sub { font-size:14px; }
	.reservation_login .btn_wrap .c_btn { margin-bottom:5px; width:100%; }
}

@media all and (max-width:640px) {
	.reservation_list>ul>li div.con .tit { margin-top:0; width:95%; font-size:18px; }
	.reservation_list>ul>li div.con ul { margin-top:10px; }
	.reservation_list>ul>li div.con .btn_wrap { margin-top:12px; }
	.reservation_list>ul>li p.poster { width:28%; }
	.reservation_list>ul>li p.poster img { padding:0 10%; }
	.reservation_list>ul>li div.con { width:69%; }
	.reservation_view .reser_detail p.poster { float:none; margin:0 auto; margin-top:15px; width:45%; }
	.reservation_view .reser_detail .con { float:none; width:100%; }
	.reservation_view .reser_detail .con .tit { margin-top:0px; width:100%; white-space:normal; }
	.reservation_view .reser_detail .con .btn_wrap { margin-top:20px; }
	.reservation_view .reser_detail .con .btn_wrap a { padding:8px 0; width:49%; }
	.my_page_list .poster { float:none; margin:0 auto; margin-top:20px; }
	.my_page_list .con { margin:20px 0; width:100%; }
	.my_page_list .con ul li { margin-bottom:5px; }
	.my_page_list .con ul li span { display:block; }
	.my_page_list .btn_wrap { text-align:center; }
	.calendar.fixed .cal_month p { font-size:21px; line-height:47px; }
}

@media all and (max-width:480px) {
	.reservation_list>ul>li p.poster { float:none; width:100%; }
	.reservation_list>ul>li p.poster img { padding:0 32%; }
	.reservation_list>ul>li div.con { float:none; margin:0 auto; margin-top:15px; width:95%; }
	.reservation_list>ul>li div.con .tit { font-size:16px; }
	.reservation_list>ul>li div.con ul { margin-top:5px; }
	.reservation_list>ul>li div.con ul li { font-size:13px; line-height:25px; }
	.reservation_list>ul>li div.con .btn_wrap a { display:inline-block; margin:0; padding:3px 0; ;width:48%; text-align:center; }
	.lecture_field ul { height:73px; }
	.lecture_field ul li { width:48%; margin-bottom:1%; }
	.lecture_field ul li:nth-child(3) { margin-left:0; }
	.lecture_field ul li.select_wrap { width:48%; }
	.lecture_field ul li a { font-size:13px; }
	.lecture_field ul li select { padding:4px 10px 7px 10px; font-size:13px; }
	.board_top_step ul { padding:20px 10px; }
	.board_top_step ul li { width:100% !important; margin-bottom:2%; }
	.board_top_step ul li.step05 { margin-bottom:0; }
	.board_top_step ul li .sub span { display:inline; }
	.board_top_step.soccer ul li.step05 { margin-bottom:15px; }
}