@charset "utf-8";  .youth_rent {width: 100%; padding: 0 0 5%; display: inline-block; text-align: center; box-sizing: border-box; border-bottom:1px solid #d2d2d2; }
 .youth_rent .room_choice {display: inline-block; width:100%;}
 .youth_rent .room_choice > ul > li {float: left; width: 16%; height: 50px; border: 1px solid #d2d2d2; margin-right: 3px; vertical-align: middle; line-height: 50px;}
 .youth_rent .room_choice > ul > li.room_check a, .youth_rent .room_choice > ul > li > a:hover { background-color: #FFCC00;}
 .youth_rent .room_choice > ul > li > a {display: block;}
 .youth_cal {clear: both; float: left; width: 48%; margin-right: 3%; box-sizing: border-box;}
 .youth_input{float: left; width: 49%; box-sizing: border-box;}
 .youth_rent .cal_wrap {border-top: 1px solid #ccc; margin: 30px 0 0 0; display: inline-block; padding-top: 50px; position:relative;}
 .youth_rent .cal_wrap .youth_cal {}
 .youth_rent .cal_wrap .youth_cal .cal_top {display: inline-block; width: 100%;}
 .youth_rent .subtitle {text-align:left; font-size: 20px; font-weight: 400;}
 .youth_rent .youth_cal .subtitle { float: left;}
 .youth_rent .subtitle > span.num_bg {display: block; float: left; background-color:#046fd9; color:#fff; border-radius:50px; padding:0 9px; margin-right:5px; font-size:16px; vertical-align:middle;}
 .youth_rent .cal_wrap .day_color { padding:20px 0; border-top:1px solid #7d7d7d; }
 .youth_rent .cal_wrap .day_color > span { width: 80px; height: 27px; line-height: 27px; display:inline-block; font-size: 13px; margin-right:8px;}
 .youth_rent .cal_wrap .day_color > span.today { background:#fafafa url("/images/yumcorp/sub/rent_today.png?build_20251103001") repeat; color: #000; border: 1px solid #aaa;}
 .youth_rent .cal_wrap .day_color > span.end {color:#8d8d8d; border:1px solid #aaa;}
 .youth_rent .cal_wrap .day_color > span.close { color:#cc0000; border:1px solid #aaa;}
 .youth_rent .cal_wrap .day_color > span.checked { background:#FFCC00 url("/images/yumcorp/sub/rent_checked.png?build_20251103001") repeat; color: #000; margin-right:0 !important; position: relative;}
 .youth_rent .cal_wrap .youth_cal .month_wrap {border: 1px solid #aaa; display: inline-block; border-radius:12px;}
 .youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 {}
 .youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 .nav_calendar2 {margin: 32px auto 22px; display: inline-block; line-height: 30px;}
 .youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 .nav_calendar2 > a {display: block; width: 35px; height: 35px; box-sizing: border-box; border-radius: 3px; float: left; background: url(/images/youth/sub/rent_icon.png?build_20251103001); text-indent: -999999px;}
 .youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 .nav_calendar2 .year_month {display: block; float: left; font-size: 27px;}
 .youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 .nav_calendar2 > a.month_prev {border: 2px solid #d2d2d2; margin: -2px 25px 0 0; background-position: -4px -3px; }
 .youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 .nav_calendar2 > a.month_next {border: 2px solid #000; margin: -2px 0 0 25px; background-position: -185px -3px;}
 .youth_rent .cal_wrap .must_read ol li { text-align:left;}
 .youth_rent .cal_wrap .must_read ol li:before { margin-right:6px;}
  .calendar_mon2 {border-collapse: collapse; clear: both; width: 100%; table-layout: fixed;}
 .calendar_mon2 th,.calendar_mon2 td{width: 14.28%; height: 50px; box-sizing: border-box;border-left: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;}
 .calendar_mon2 th.day {border-top: 2px solid #7d7d7d; border-bottom: 1px solid #aaa; font-size:16px; font-weight:normal; padding:10px 5px; text-align:center;}
 .calendar_mon2 th.day.sunday{color: #D41518;}
 .calendar_mon2 th:first-child {color: #cc0000;border-left:0;}
 .calendar_mon2 th:last-child {color: #336699;}
 .calendar_mon2 td.date, .calendar_mon2 td.d {border-bottom: 1px solid #aaa; height: 86px; font-weight:normal; text-align:center; vertical-align: top; padding: 2px 0;}
 .calendar_mon2 td.d > span.holly_day { color: #cc0000; }
 .calendar_mon2 td.d > span.holly_day .holly_title { color: #cc0000; font-size:12px;}
 .calendar_mon2 td.d {color: #686868; font-weight: 200;}
 .calendar_mon2 td.date.selected {background-color:#FFCC00; position: relative;}
 .calendar_mon2 td.date.selected:before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url("/images/yumcorp/sub/rent_checked.png?build_20251103001") repeat;}
 .calendar_mon2 td.date.selected > a {color: #000;}
 .calendar_mon2 td.date.selected:first-child > a {color: #cc0000;}
 .calendar_mon2 td.date.selected:last-child > a {color: #5059d2;}
 .calendar_mon2 td.date > a {display: block; height: 100%;font-size: 16px; position: relative; z-index: 6;}
 .calendar_mon2 td.date.num_today{position: relative; background-color: #fafafa;}
 .calendar_mon2 td.date.num_today:before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height:100%; background: url("/images/yumcorp/sub/rent_today.png?build_20251103001") repeat;}
 .calendar_mon2 td {border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2; color:#000; font-size:14px; height:100px; padding:0 15px 5px; vertical-align:top;}
 .calendar_mon2 td:first-child {border-left: 0px;}
 .calendar_mon2 td:first-child > a {color: #cc0000;}
 .calendar_mon2 td:last-child > a {color: #5059d2;}
 .calendar_mon2 td.today ul{position: relative; z-index: 1;}
 .calendar_mon2 li a p{position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #d2d2d2; padding: 4px 0 4px 10px;}
 .calendar_mon2 li a p:last-child{border-bottom: 0;}
 .calendar_mon2 li a p:before{content: ''; position: absolute; top: 50%; left: 0; width: 3px; height: 3px; background-color: #2c9a37;}
 .calendar_mon2 li a.data_modify{margin-top: 10px;}
 .calendar_mon2 li > span.holly_day { color: #cc0000; }
  .time_wrap {display: inline-block; width: 100%;}
 .time_wrap .subtitle {margin-bottom: 10px;}
 .time_wrap > ul {clear: both;}
 .time_wrap > ul > li {display: table; float: left; width: 24.333%; height: 100%; vertical-align: middle; box-sizing: border-box; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
 .time_wrap > ul li.booked a { background-color: #DEDEDE; color:#b4b4b4;}
 .time_wrap > ul li.selected a {background-color: #FFCC00;}
 .time_wrap > ul li:first-child {border-left: 1px solid #cccccc;}
 .time_wrap > ul li:nth-child(5) {border-left: 1px solid #cccccc;}
 .time_wrap > ul li:nth-child(9) {border-left: 1px solid #cccccc;}
 .time_wrap > ul li:nth-child(-n+4) {border-top: 2px solid #7d7d7d;}
 .time_wrap > ul li a {display: table-cell; position: relative; width: 100%; padding: 10px 0 ;font-size: 15px; box-sizing: border-box; background-color: #fff;}
 .time_wrap > ul li a.checked { background-color: #ddd; }
  .info_wrap .show_time { border: 2px solid #ffcc00; padding: 10px; font-size:15px; text-align:left; background-color:#fff8da; }
 .btn.excel_btn { display: inline-block; padding: 5px 9px; background: #4164a2; border-radius: 5px; color: #fff;}
 .btn.excel_btn > a {color: #fff;}
 .info_wrap .subtitle {margin-top:20px; margin-bottom: 10px;}
 .info_wrap .info_table {clear: both; border-top: 2px solid #7d7d7d; width: 100%;}
 .info_wrap .info_table tr {border-bottom: 1px solid #ccc; height: 40px; line-height:40px;}
 .info_wrap .info_table th {width: 120px; font-weight: 300; font-size: 16px; text-align: left; padding: 0 0 0 15px; box-sizing: border-box;}
 .info_wrap .info_table th > span {width: 1px; height: 20px; background-color: #ccc; float: right; margin-top: 15px;}
 .info_wrap .info_table td {text-align: left; padding:6px 0;}
 .info_wrap .info_table td span.noti{ font-size:14px; letter-spacing:-0.4px; display:block; margin-top:-8px; color:#554ba0;}
 .info_wrap .info_table input[type="text"] {border: none; padding-left:14px; box-sizing: border-box; height: 50px; width: 100%; font-size:16px !important;}
 .info_wrap .info_table input[type="text"]#re_person {width: 100px;}
 .info_wrap .info_table .minimum {font-size: 14px; color: #666;}
 .info_wrap .info_table .per_num{ padding-left:0px !important; width:30px !important; height:28px !important; margin-left:0 !important; text-align:center;}
 .info_wrap .info_table .basic_chk, .info_wrap .info_table .youth_chk, .info_wrap .info_table .kids_chk{ margin-left:10px; margin-right:6px;}
 .info_wrap .info_table .txt_per{ padding-left:14px;}
 .info_wrap .info_table .txt_per > div { line-height:1; padding:2px 0;}
 .info_wrap .info_table .txt_per > div label { vertical-align:middle;}
 .info_wrap .info_table .txt_per > div input[type="text"] { border:1px solid #ccc; font-size:15px;}
 .info_wrap .f_info_wrap .pri_txt{ margin-top:20px;}
 .info_wrap .f_info_wrap .agree_btn_box { background-color:#da456f; padding:12px 0; margin-top:30px; color:#fff;}
 .info_wrap .f_info_wrap .go_popup{ top:-602px !important; width:508px !important;}
 .info_wrap .info_table label span.hid { display: inline-block; text-indent: -999999px; width: 0; height: 0; }
  .notice_msg .f_info_wrap { position:relative;}
 .notice_msg .f_info_wrap .go_popup{ background-color:#fff; border:3px solid #da456f; width:436px; position:absolute; top:-322px; left:0; z-index:10; padding:25px; border-radius:12px;}
 .notice_msg .f_info_wrap .must_read .tit { color:#000; font-size:30px; margin-top:10px;}
 .go_popup .popup_close { background:#da456f url("/images/yumcorp/sub/p_close.png?build_20251103001") no-repeat 12px 9px; position:absolute; top:0; right:0; width:40px; height:40px; display:block; text-indent:-99999px;}
  .btn.print_all { display: inline-block; padding: 5px 9px; background: #dd6b05; border-radius: 5px; color: #fff !important;margin-left: 5px;}
 .btn.print_person { display: inline-block; padding: 5px 15px; background: #fff; border-radius: 5px; color: #333 !important;margin-left: 10px;border: 1px solid #717171;font-size: 14px;}
 .view_popup {color: #333 !important;}
 .youth_rent .notice_msg > p {text-align: left; font-size: 14px; line-height: 20px; color: #666; font-weight: 400;}
 .youth_rent .notice_msg > p > span {color: #003399;}
 .youth_rent .notice_msg > p > span.rd {color: #ff0000 !important;}
 .youth_rent .re_button {clear:both; margin-top: 50px; display: inline-block;}
 .youth_rent .re_button > a {display: block; color: #fff;}
 .other_box a.btn {display: inline-block; padding: 3px 9px; background: #888; color: #fff; border-radius: 5px; margin-right: 3px; font-size:14px;}
 .city_button ul li a{ background-color:#666 !important;}
 .city_button ul li a:hover { background-color:#046fd9 !important;}
  .rsv_time {color:#555;font-size: 15px;padding-left: 10px;}
 .rsv_conf {color:#083182;}
  .rsv_wait {color:#ae0a11;}
  .rsv_ref {color:#000;}
  .rsv_cancle { color:#888;}
  .accept { background:#4164a2 !important;}
   .align_c {text-align:center !important;}
 .align_l {text-align:left !important;}
 .align_r {text-align:right !important;}
  .monthly_bar_cs { background:#f8f9fb; border:1px solid #d2d2d2; vertical-align:middle; margin-bottom:35px;height:56px; position:relative; }
 .monthly_bar_cs .nav_calendar2 {display:inline-block;height:56px; float:left;}
 .monthly_bar_cs .nav_calendar2 span.num_year{ background:#eef2f6; border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2; display:inline-block;font-size:24px; color:#4264a3; height:40px; padding:16px 0 0; width:126px; text-align:center;}
 .monthly_bar_cs .nav_calendar2 span.num_month{ background:#4264a3; border-right:1px solid #d2d2d2; display:inline-block;font-size:24px; color:#fff; height:40px; padding:16px 0 0; width:75px; text-align:center; }
 .monthly_bar_cs .nav_calendar2 a.month_prev { background: transparent url("/images/youth/sub/board_cont_bg.png?build_20251103001") no-repeat 0 0; display: inline-block; text-indent: -99999px; height: 56px; margin:0; vertical-align: top; width:68px;}
 .monthly_bar_cs .nav_calendar2 a.month_next { background: transparent url("/images/youth/sub/board_cont_bg.png?build_20251103001") no-repeat -70px 0; border-right:1px solid #d2d2d2; display: inline-block; text-indent: -99999px; height: 56px; margin:0; vertical-align: top; width:68px;}
 .monthly_bar_cs .nav_calendar2 a span {padding:0 !important;}
 .monthly_bar_cs .help { position:absolute; right:0;font-size:15px; color:#000; margin:15px 15px 0 0;}
   .btn.print_all { display: inline-block; padding: 5px 9px; background: #dd6b05; border-radius: 5px; color: #fff !important;margin-left: 5px;}
 .btn.print_person { display: inline-block; padding: 5px 15px; background: #fff; border-radius: 5px; color: #333 !important;margin-left: 10px;border: 1px solid #717171;font-size: 14px;}
 .view_popup {color: #333 !important;}
 .youth_rent .notice_msg > p {text-align: left; font-size: 16px; line-height: 24px; color: #666; font-weight: 400;}
 .youth_rent .re_button a {display: block; color: #fff;background-color:#046fd9; border:1px solid #046fd9; padding: 15px 80px; font-size: 24px; transition: ease-in-out 0.28s; border-radius:12px;}
 .youth_rent .re_button a:hover { background-color: #fff !important; border:1px solid #046fd9; color:#046fd9; border-radius:12px;}
  .rsv_conf {color:#083182;}
  .rsv_wait {color:#ae0a11;}
  .rsv_ref {color:#000;}
  .rsv_cancle { color:#888;}
  .accept { background:#4164a2 !important;}
  #board_sch1 .srch {margin-top: 20px;}
   .event_box { position:absolute; top:320px; left:50%; margin-left: -347px; background-color:#fff; border:3px solid #4264a3; width:628px; min-height:266px; padding:30px; z-index: 10;}
 .event_view .event_img { width:204px; height:261px; border:1px solid #d3d3d3;background: #f2f5f4 url("/images/youth/board/bg_logo.png?build_20251103001") no-repeat scroll 50% 50%;}
 .event_view dl { width:400px;}
 .event_view dl dt {color: #4264a3; font-size: 23px; font-weight: 400; margin-bottom: 10px; line-height:1.2; width:90%; text-align:left !important; word-break:break-all;}
 .event_view dl dd {color: #000; font-size: 14px; background: transparent url("/images/youth/board/dd_bl_1.gif?build_20251103001") no-repeat 0 10px; padding:0 0 0 8px; line-height:1.6; word-break:break-all;}
 .event_view .cont{line-height: 22px; margin: 10px 0 0 235px; max-height: 131px; overflow: auto;}
 .event_view .file_download{margin: 15px 0 0 235px; border-top: 1px dashed #d2d2d2; padding-top: 15px;}
 .event_view .file_download li{margin-bottom: 7px;}
 .event_view .file_download li a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 2px solid #fbbc0f; padding: 5px 10px; border-radius: 5px; background-color: #fbbc0f;}
 .event_view .file_download li a:hover{border-color: #4264a3;}
 .event_view .file_download li a span.icon{float: left; width: 22px; height: 22px; margin: 2px 7px 0 0; background: url("/images/youth/board/board_cont_bg.png?build_20251103001") no-repeat -1px -129px;}
 .event_view .btn_detail{margin: 10px 0 0 232px; display: block; float: left; padding: 3px 10px; background-color: #403a3a; color: #fff; border-radius: 3px; transition: ease-in-out 0.3s;}
 .event_view .btn_detail:hover{background-color: #f3c204; color: #333; transition: ease-in-out 0.3s;}
 .event_close { position:absolute; top:-2px; right:-2px;}
 .event_close a { background: #4264a3 url("/images/youth/board/board_cont_bg.png?build_20251103001") no-repeat scroll -570px 3px; display: inline-block; font-size: 0; height: 35px; margin: 0; vertical-align: middle; width: 35px; }
 .view_popup {font-weight: 600;}
  .rules a { display:block; width:100%; height:50px; line-height:50px; background-color:#ffedef; margin:20px 0; border:1px solid #ffc3cc; border-radius:12px; }
 .rules a:hover { background-color:#ffc3cc; transition:ease-in-out 0.5s; }
 .rules a .icon { background:url("/images/youth/board/read_icon.png?build_20251103001") no-repeat; width:19px; height:20px; display:inline-block; vertical-align:middle; margin-right:5px; }
 .noti_wrap, .pri_txt { text-align:left; }
 .rent_mag_t{ font-size:25px; color:#046fd9;}
 span.noti { font-size:13px;}
  .board_button, .board_button_list { display:block; margin:40px 0 30px; text-align:center;}
 .board_button ul, .board_button_list ul { clear:both; margin:0 auto;}
 .board_button ul li, .board_button_list ul li { display:inline-block; margin-right:3px; width:160px;}
 .board_button ul li a, .board_button_list ul li a { width:160px; height:44px; line-height:44px; display:block; color:#fff; background-color:#666 !important; text-align:center; border-radius:12px;}
 .board_button ul li a:hover{ background-color:#046fd9 !important;}
 .board_button .btn_blue1 { background-color:#046fd9; color:#fff; display:inline-block; width:160px; height:44px; line-height:44px; border-radius:12px;}
  .paging { clear:both; text-align:center; line-height:0; margin-top:36px;}
 .paging .num a { display:inline-block; border-radius:50%; width:29px; height:29px; line-height:29px;}
 .paging .num a.on { background-color:#014da1; color:#fff;}
  #board_sch1 { display:inline-block; line-height:1.7em; background-color:#fafafa; border-radius:12px; padding:15px 6% 35px 10%; margin-top:20px; border:1px solid #d2d2d2;}
 .srch select{ padding:0 3% 0 1%; border-radius:5px; border:1px solid #d2d2d2; height:40px; line-height:40px;}
 .srch input { padding:0 3% 0 1%; border-radius:5px; height:40px; width:11.8%; margin-left:5px; }
 .btn-sch { background:#585858 url("/images/board/module_sp.png?build_20251103001") no-repeat -166px -32px; text-indent:-99999px; width:45px !important;}
 .btn-sch:hover{ background:#046fd9 url("/images/board/module_sp.png?build_20251103001") no-repeat -166px -32px; }
 .icon_new1 { width:20px; height:22px; background:url("/images/yumcorp/sub/new_icon.png?build_20251103001") no-repeat 0 2px; text-indent:-99999px; display:inline-block; margin-left:5px;}
 @media screen and (max-width:1000px){ #board_sch1{ padding:15px 1% 35px 2%;}
 .srch select { padding:0 0 0 1%;}
 }