@CHARSET "UTF-8";

/* 신청폼 */
.form_box{display: flex;flex-wrap: wrap;gap: 20px 15px;}
.form_box:not(:last-child){padding-bottom: 50px;border-bottom: 1px dashed #bbbcc1;}
.form_box > *{flex: 100%;}
.form_box > dl > dt{margin-bottom:5px;font-size: 1.8rem;font-weight: 700;}
.form_box > dl > dt .point{margin-right: 3px;font-weight: 700;color: #2c67e0;}
.form_box > dl > dd{display: flex;flex-wrap: wrap;align-items: center;gap: 15px;margin-bottom:10px;}
.form_box > dl > dd:last-child{margin-bottom:0;}
.form_box > dl > dd > *{flex:1;display: flex;align-items: center;gap: 10px;max-width: 1300px;}
.form_box > dl > dd .con_btn{justify-content: center;}
.form_box > dl > dd .input,
.form_box > dl > dd .txt{padding: 15px 20px;width: 100%;max-width: 1300px;border: 1px solid #ddd;border-radius: 5px;background: #fff;font-size: 1.6rem;font-weight: 500;color: #111;box-sizing: border-box;}
.form_box > dl > dd .input:disabled{background:#efefef;}
.form_box > dl > dd .input::placeholder{color: #999;}
.form_box > dl > dd select{position: relative;padding: 15px 20px;padding-right: 0;width: 100%;outline: none;border: 1px solid #ddd;border-radius: 5px;background: #ffffff url(/nanum/site/builder/skin/main/img/common/form_arrow.png) no-repeat right 20px top 50% / 7px;font-size: 1.6rem;font-weight: 500;color: #000;box-sizing: border-box;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.form_box > dl > dd .depart{flex:100%;}
.form_box > dl > dd.phone_bx > div > select{max-width: 170px;}
.form_box > dl > dd textarea{padding: 20px;height: 130px;border-radius: 5px;font-size: 1.5rem;font-weight: 500;line-height: 1.5;color: #555;box-sizing: border-box;}
.form_box > dl > dd textarea::-webkit-scrollbar{width:4px;background-color:rgba(0,0,0,0);border-radius:5px;}
.form_box > dl > dd textarea::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:5px;}

.no_fx{flex: 0 !important;}
.hid_wrap{min-width: 645px;}
.db_bx{flex:40% !important;}

.form_rd[type="radio"],
.form_rd[type="checkbox"]{clip:rect(1px, 1px, 1px, 1px);position:absolute;width:1px;height:1px;}
.form_rd[type="radio"] + label,
.form_rd[type="checkbox"] + label{display: flex;align-items: center;position:relative;padding-left: 50px;width: 100%;min-height: 50px;border: 1px solid #ddd;border-radius: 5px;background: #ffffff;font-size: 1.6rem;font-weight:500;line-height: 1.3;box-sizing: border-box;cursor: pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.form_rd[type="radio"] + label::before,
.form_rd[type="checkbox"] + label::before{content:'';position:absolute;left: 15px;top:50%;width: 25px;height: 25px;margin-top: -12.5px;background: #eee;box-sizing:border-box;text-align:center;border: none;border-radius: 10px;}
.form_rd[type="radio"] + label::after,
.form_rd[type="checkbox"] + label::after{content:'';position:absolute;top:50%;left: 15px;width: 25px;height: 25px;margin-top: -12.5px;background: url(/nanum/site/builder/skin/main/img/common/icon_chk_off.png)no-repeat 50%/11px;border-radius:100%;}
.form_rd[type="radio"]:checked + label,
.form_rd[type="checkbox"]:checked + label{background: #f1f6ff;border-color: #2c67e0;font-weight:700;}
.form_rd[type="radio"]:checked + label::before,
.form_rd[type="checkbox"]:checked + label::before{background: #2c67e0;}
.form_rd[type="radio"]:checked + label::after,
.form_rd[type="checkbox"]:checked + label::after{background-image: url(/nanum/site/builder/skin/main/img/common/icon_chk_on.png);}


/* 신청 캘린더 */
.cal_box{display:flex;gap:40px;min-height:530px;}
.cal_box .lft_area{flex-grow:1;}
.cal_box .rit_area{flex-shrink:0;width:350px;background:#f9f9f9;}
.cal_box .loading_box{display:flex;justify-content:center;align-items:center;height:100%;color:#b5b5b5;background:#fff;border:2px dashed #e5e5e5;box-sizing:border-box;}
.cal_box input[class ^="btn_"]{display:block;width:100%;padding:5px 5px;border-radius:3px;font-size:1.3rem;line-height:1.2;font-weight:600;color:#fff;text-decoration:none;border:none;text-align:center;cursor:pointer;}
.cal_box input.btn_red{background:#a70000;}
.cal_box input.btn_gray{background:#a9a9a9;}
.cal_box input.btn_blue{background:#3f51b5;}
.cal_box input.btn_use{background:#325db5;}
.cal_box input.btn_use.on{background:#f58c21;}
.cal_box input.btn_nouse{background:#a9a9a9;}
#calendarTable .cal_top {display: flex;align-items: center;justify-content: center;margin-bottom: 15px;padding-left: 100px;}
#calendarTable .cal_top .t_arrow {width:27px;height:20px;}
#calendarTable .cal_top .t_arrow.m_pre {background:url(/nanum/site/board/nninc_calendar/img/calendar_m_pre.gif) no-repeat center 0; margin-right:7px;}
#calendarTable .cal_top .t_arrow.m_pre:hover {background:url(/nanum/site/board/nninc_calendar/img/calendar_m_pre_over.gif) no-repeat center 0; margin-right:7px;}
#calendarTable .cal_top .t_arrow.m_next {background:url(/nanum/site/board/nninc_calendar/img/calendar_m_next.gif) no-repeat center 0; margin-left:7px;}
#calendarTable .cal_top .t_arrow.m_next:hover {background:url(/nanum/site/board/nninc_calendar/img/calendar_m_next_over.gif) no-repeat center 0; margin-left:7px;}
#calendarTable .cal_top .t_date {font-size: 2.2rem;font-family: 'Montserrat', 'NotoKrM', sans-serif;font-weight: 700;letter-spacing: 0;}
#calendarTable .cal_top .t_today {margin-left: 20px;padding: 10px 30px;border: 1px solid #e5e5e5;border-radius: 7px;font-size: 1.4rem;font-weight: 700;color: #333;letter-spacing: -1px;line-height: 19px;transition: .3s ease-in-out;}
#calendarTable .cal_use {border-radius: 10px;overflow: hidden;box-shadow: 0 0 30px rgb(0 0 0 / 10%);}
#calendarTable .cal_use table{width: 100%;border: 0;table-layout: fixed;}
#calendarTable .cal_use table caption{display:none;}
#calendarTable .cal_use table thead tr td{padding: 7px 0;background: #f5f5f5;border-right: 1px solid #e5e5e5;font-size: 1.4rem;font-weight: 600;color: #999;text-align: center;}
#calendarTable .cal_use thead th {height: 45px;background: #111;font-size: 1.5rem;font-weight: 700;color: #fff;letter-spacing:-0.1em;border:none;text-align:center;}
#calendarTable .cal_use thead th.sun {color:#D92D1E;}
#calendarTable .cal_use thead th.sat {color:#4A84BC;}
#calendarTable .cal_use tbody td {height: 40px;line-height: 140%;vertical-align: top;border: 0;border-right: 1px solid #d5d5d5;border-bottom: 1px dashed #d5d5d5;padding: 15px 7px;text-align: center;}
#calendarTable .cal_use tbody .day {padding: 7px 20px;background: none;text-align: center;line-height: 140%;background: #f8f8f8;border: none;border-right: 1px solid #d5d5d5;font-size: 1.4rem;font-family: 'Montserrat', 'NotoKrM', sans-serif;}
#calendarTable .cal_use tbody .none {color:#BCBCBC;}
#calendarTable .cal_use tbody .sun {color:#E32C52;}
#calendarTable .cal_use tbody .sat {color:#4A84BC;}
#calendarTable .cal_use tbody td img {vertical-align:middle; padding-right:3px;}
#calendarTable .cal_use table thead tr td:last-child,
#calendarTable .cal_use tbody .sat,
#calendarTable .cal_use tbody td:last-child{border-right:0;}
#calendarTable .cal_use tbody tr:last-child td{border-bottom:0;}
input.btn_use,
input.btn_red,
input.btn_gray,
input.btn_blue,
input.btn_nouse{display: inline-block;padding: 10px 0;font-size: 1.3rem;font-weight: 700;text-decoration: none;border: none;border-radius: 10px;transition:.3s;width: 100%;cursor: pointer;}
input.btn_red {color:#d13a31;background:#feebeb;}
input.btn_gray {color:#999;background:#e5e5e5;}
input.btn_blue {color:#fff;background:#3f51b5;}
input.btn_use {color: #536cb2;background: #eaf0fe;}
input.btn_use.on {color:#fff;background:#5073d7;}
input.btn_nouse {color:#fff;background:#a9a9a9;}

/* 타임테이블 */
#timeTable{display:flex;flex-direction:column;height:100%;padding:25px;box-sizing:border-box;}
#timeTable .time_title{position:relative;margin-bottom:20px;padding-left:32px;font-size:1.9rem;font-weight:700;}
#timeTable .time_title::after{content:'';position:absolute;top:50%;left:0;width:23px;height:23px;background:url(/nanum/site/reservation/img/icon_calendar.png);background-size:cover;transform:translateY(-50%);}
#timeTable .time_list{display:flex;flex-direction:column;gap:10px;height:100%;}
#timeTable .time_list li{height:100%;max-height:50px;}
#timeTable .time_list li label{display:flex;gap:10px;align-items:center;height:100%;padding:8px 15px;background:#fff;border:1px solid #c2c2c2;border-radius:3px;font-size: 1.5rem;font-weight:500;cursor:pointer;box-sizing:border-box;}
#timeTable .time_list li input[type="radio"]{display:none;}
#timeTable .time_list li input[type="radio"]:checked + label{background:#f1f6ff;border-color:#2c67e0;font-weight:600;}
#timeTable .time_list li label .label_area{margin-left:auto;}
#timeTable .time_list li label .label_area span{font-size: 1.2rem;}
#timeTable .time_list li.disableTime label{pointer-events:none;cursor:default;color:#d5d5d5;}
#timeTable .time_list li input[type="checkbox"]{display: none;}
#timeTable .time_list li input[type="checkbox"]:checked + label{background: #f1f6ff;border-color: #2c67e0;font-weight: 600;}
div[class $= "_write_wrap"] .frm_box dl dd.content{align-items: baseline;height: auto;}



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



/* 리스트_뷰_공통 */
.label_area{display:flex;}
.label_area span{display:flex;justify-content:center;align-items:center;height:28px;padding:0 8px;font-size:1.3rem;font-weight:700;color:#fff;box-sizing:border-box;}
.label_area span.recruit{background-color:#000;}
.label_area span.state.ing{background-color:#5986e9;} /* 접수중 */
.label_area span.state.end{background-color:#f04256;} /* 마감 */
.label_area span.state.wait{background-color:#33c4aa;} /* 대기접수 */
.label_area span.state.app{background-color:#0064cd;} /* 승인 */
.label_area span.state.unable{background-color:#ac26e5;} /* 승인불가 */
.label_area span.state.cancel{background-color:#d12b27;} /* 취소 */

/* 리스트 */
.rsv_list_wrap [class ^="list_"] select.custom_sel{min-width:200px;border-radius:5px;}
.rsv_list_wrap [class ^="list_"] .lft_area,
.rsv_list_wrap [class ^="list_"] .rit_area{display:flex;gap:10px;align-items:center;}

.rsv_list_wrap .list_sort{display:flex;justify-content:space-between;height:55px;margin-bottom:30px;}
.rsv_list_wrap .list_sort *{font-size:1.6rem;}
.rsv_list_wrap .list_sort .srch_frm{display:flex;align-items:center;gap:10px;height:100%;padding:10px 20px;border:1px solid #c2c2c2;border-radius:5px;box-sizing:border-box;}
.rsv_list_wrap .list_sort .srch_frm .inp_txt{flex-grow:1;height:100%;padding:0;border:0;}
.rsv_list_wrap .list_sort .srch_frm .btn_srch{width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;}
.rsv_list_wrap .list_sort .srch_frm .btn_srch img{width:100%;height:100%;}

.rsv_list_wrap .list_filter{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.rsv_list_wrap .list_filter .total{font-size:1.5rem;font-weight:500;}
.rsv_list_wrap .list_filter .total strong{color:#454ca9;}
.rsv_list_wrap .list_filter .time{font-size:1.5rem;font-weight:500;}
.rsv_list_wrap .list_filter .type_ui{display:flex;width:80px;height:40px;}
.rsv_list_wrap .list_filter .type_ui [class^=type_]{width:50%;border:1px solid #c2c2c2;background:none;cursor:pointer;}
.rsv_list_wrap .list_filter .type_ui [class^=type_] + [class^=type_]{border-left:0;}
.rsv_list_wrap .list_filter .type_ui [class^=type_]:first-child{border-radius:3px 0 0 3px;}
.rsv_list_wrap .list_filter .type_ui [class^=type_]:last-child{border-radius:0 3px 3px 0;}
.rsv_list_wrap .list_filter .type_ui [class^=type_] span{display:block;position:relative;width:18px;height:18px;margin:0 auto;text-indent:-9999px;}
.rsv_list_wrap .list_filter .type_ui [class^=type_] span::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;}
.rsv_list_wrap .list_filter .type_ui [class^=type_].active{border-color:#000;background-color:#000;}
.rsv_list_wrap .list_filter .type_ui .type_list span::after{background-image:url(/nanum/site/reservation/img/icon_list.png);}
.rsv_list_wrap .list_filter .type_ui .type_list.active span::after{background-image:url(/nanum/site/reservation/img/icon_list_active.png);}
.rsv_list_wrap .list_filter .type_ui .type_card span::after{background-image:url(/nanum/site/reservation/img/icon_card.png);}
.rsv_list_wrap .list_filter .type_ui .type_card.active span::after{background-image:url(/nanum/site/reservation/img/icon_card_active.png);}

/* 카드형 */
.rsv_list_wrap .list_card{display:flex;gap:40px;flex-wrap:wrap;}
.rsv_list_wrap .list_card > li{width:calc(25% - 30px);padding-bottom:30px;border-bottom:1px solid #c2c2c2;box-sizing:border-box;}
.rsv_list_wrap .list_card li a{position:relative;display:block;}
.rsv_list_wrap .list_card li a .place{display:flex;justify-content:center;align-items:center;position:absolute;top:20px;left:20px;width:50px;height:50px;border-radius:100%;background-color:#fff;font-size:1.4rem;line-height:1;font-weight:700;color:#000;z-index:1;}
.rsv_list_wrap .list_card li a .item_img{position:relative;overflow:hidden;padding-top:100%;}
.rsv_list_wrap .list_card li a .item_img > img{position:absolute;width:auto;height:100%;top:50%;left:50%;transition:transform .4s ease;transform:translate(-50%,-50%);}
.rsv_list_wrap .list_card li a:hover .item_img > img{transform:translate(-50%, -50%) scale(1.1);}
.rsv_list_wrap .list_card li a .item_body .label_area{position:relative;margin-top:-14px;}
.rsv_list_wrap .list_card li a .item_body .subject{display:-webkit-box;overflow:hidden;max-height:62px;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:20px 0;font-size:2.4rem;line-height:1.3;font-weight:700;}
.rsv_list_wrap .list_card li a .item_body .info_group{display:flex;flex-direction:column;gap:8px;}
.rsv_list_wrap .list_card li a .item_body .info_group dl{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;line-height:1.2;}
.rsv_list_wrap .list_card li a .item_body .info_group dl dt{font-weight:700;}
.rsv_list_wrap .list_card li.end .item_img::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.8);}

/* 카드형_체험예약 */
.rsv_list_wrap .list_card.exp > li{width:calc(50% - 20px);}
.rsv_list_wrap .list_card.exp li a{display:flex;gap:20px;}
.rsv_list_wrap .list_card.exp li a .item_img{flex-shrink:0;width:290px;height:290px;padding-top:0;}
.rsv_list_wrap .list_card.exp li a .item_body{display:flex;flex-direction:column;flex-grow:1;padding:30px 0;}
.rsv_list_wrap .list_card.exp li a .item_body .label_area{margin-top:0;}
.rsv_list_wrap .list_card.exp li a .item_body .info_group{margin-top:auto;}

/* 테이블형 */
.rsv_list_wrap .list_table{table-layout:fixed;width:100%;border-collapse:collapse;font-size:1.6rem;}
.rsv_list_wrap .list_table thead th{padding:15px 0;border-top:2px solid #000;border-bottom:1px solid #000;text-align:center;}
.rsv_list_wrap .list_table tbody th,
.rsv_list_wrap .list_table tbody td{padding:15px 0;border-bottom:1px solid #c2c2c2;font-weight:400;text-align:center;}
.rsv_list_wrap .list_table tbody tr:hover{background-color:#f1f9ff;}
.rsv_list_wrap .list_table tbody tr:hover td{border-left-color:#f1f9ff;}
.rsv_list_wrap .list_table tbody tr:hover a{text-decoration:underline;font-weight:700;}

/* 마이페이지_리스트 */
.rsv_list_wrap.myinfo .list_sort{justify-content:center;gap:40px;height:50px;background:#f9f9f9;padding:20px 0;}
.rsv_list_wrap.myinfo .srch_frm_date{display:flex;height:100%;gap:10px;}
.rsv_list_wrap.myinfo .srch_frm_date dl{display:flex;align-items:center;gap:10px;height:100%;}
.rsv_list_wrap.myinfo .srch_frm_date dl dt{font-weight:700;}
.rsv_list_wrap.myinfo .srch_frm_date dl dd{height:100%;}
.rsv_list_wrap.myinfo .srch_frm_date dl dd .inp_txt{border-radius:5px;}

.rsv_list_wrap.myinfo .list_table tbody td .label_area{justify-content:center;}
.rsv_list_wrap.myinfo .list_table tbody td .label_area span{width:60px;}
.rsv_list_wrap.myinfo .list_table tbody td .con_sbtn{margin:0 auto;height:28px;padding:0 8px;font-size:1.3rem;}

/* 페이징 */
.board_paginate{display:flex;gap:5px;align-items:center;justify-content:center;position:relative;margin-top:30px;padding:30px 0;text-align:center;}
.board_paginate a.prev,
.board_paginate a.next{position:relative;font-size:0;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;}
.board_paginate a.prev::after,
.board_paginate a.next::before{content:'';position:absolute;top:50%;left:50%;width:7px;height:12px;margin:-6px 0 0 -3px;background:url(/nanum/site/builder/skin/common/img/btn_paginate_arr.png) no-repeat;background-size:cover;}
.board_paginate a.prev::after{transform:rotate(180deg);}
.board_paginate a,
.board_paginate strong{width:34px;height:34px;padding:0;border-radius:5px;background:#f5f5f5;font-size:1.3rem;letter-spacing:0;line-height:34px;color:#000;vertical-align:middle;}
.board_paginate strong{background:#000;font-weight:700;color:#fff;vertical-align:middle;}

/* 뷰 */
.rsv_view_wrap .view_head{display:flex;gap:50px;margin-bottom:50px;}
.rsv_view_wrap .view_head .item_img{flex-shrink:0;width:290px;height:290px;font-size:0;line-height:0;}
.rsv_view_wrap .view_head .item_img img{width:100%;height:100%;object-fit:cover;}
.rsv_view_wrap .view_head .item_body{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;gap:30px;}
.rsv_view_wrap .view_head .item_body .tit_group{display:flex;justify-content:space-between;align-items:end;gap:30px;}
.rsv_view_wrap .view_head .item_body .tit_group .lft_area{display:flex;flex-direction:column;justify-content:space-between;gap:10px;flex-grow:1;}
.rsv_view_wrap .view_head .item_body .tit_group .lft_area .subject{font-size:2.8rem;font-weight:700;}
.rsv_view_wrap .view_head .item_body .tit_group .rit_area{display:flex;align-items:center;gap:8px;}
.rsv_view_wrap .view_head .item_body .tit_group .rit_area a{display:flex;align-items:center;justify-content:center;padding:12px 15px;border-radius:5px;border-width:1px;border-style:solid;font-size:1.6rem;font-weight:700;}
.rsv_view_wrap .view_head .item_body .tit_group .rit_area a.btn_rsv{border-color:#454ca9;background-color:#454ca9;color:#fff;}
.rsv_view_wrap .view_head .item_body .tit_group .rit_area a.btn_list{border-color:#454ca9;background-color:#fff;color:#454ca9;}
.rsv_view_wrap .view_head .item_body .tit_group .rit_area a.btn_mypage{border-color:#000;background-color:#fff;color:#000;}
.rsv_view_wrap .view_head .item_body .info_group{display:flex;flex-wrap:wrap;gap:10px 40px;padding:40px;background:#f9f9f9;}
.rsv_view_wrap .view_head .item_body .info_group dl{display:flex;align-items:center;width:calc(50% - 20px);}
.rsv_view_wrap .view_head .item_body .info_group dl dt{flex-shrink:0;width:80px;font-weight:700;}
.rsv_view_wrap .view_head .item_body .info_group dl dd{flex-grow:1;}
.rsv_view_wrap .view_head .item_body .info_group dl dd img{vertical-align:middle;}
.rsv_view_wrap .view_cont .tit_group{position:relative;margin-bottom:30px;font-size:2rem;font-weight:700;}
.rsv_view_wrap .view_cont .tit_group::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#e5e5e5;}
.rsv_view_wrap .view_cont .tit_group span{display:inline-block;position:relative;padding-bottom:10px;}
.rsv_view_wrap .view_cont .tit_group span::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000;z-index:1;}
.rsv_view_wrap .view_cont .detail_info img{max-width:100%;}

/* 예약신청_공통 */
.rsv_write_wrap .tit_group{margin-bottom:30px;text-align:center;}
.rsv_write_wrap .tit_group span{display:inline-flex;justify-content:center;align-items:center;padding:5px 20px;border:1px solid #c2c2c2;border-radius:20px;font-size:1.5rem;line-height:1.2;font-weight:600;}
.rsv_write_wrap .tit_group h4.tit{margin-top:10px;margin-bottom:0;font-size:3.6rem;line-height:1.2;}

.rsv_write_wrap .table1 th,
.rsv_write_wrap .table1 td{box-sizing:border-box;}
.rsv_write_wrap .table1 th{width:15%;background:#f9f9f9;}
.rsv_write_wrap .table1 td{width:35%;}
.rsv_write_wrap .table1 td .addr{display:flex;align-items:center;justify-content:space-between;}
.rsv_write_wrap .table1 td .addr .con_sbtn{width:fit-content;height:fit-content;font-size:1.3rem;}

.rsv_write_wrap .info_btm{display:flex;justify-content:space-between;margin-top:20px;}
.rsv_write_wrap .info_btm .lft_area .btn_w{gap:10px;padding:10px 0 0 0;}
.rsv_write_wrap .info_btm .lft_area .btn_w .con_sbtn.file{width:fit-content;padding:8px 15px;font-size:1.3rem;}
.rsv_write_wrap .info_btm .rit_area{display:flex;gap:10px;}
.rsv_write_wrap .info_btm .rit_area .con_btn{height:fit-content;}

.rsv_write_wrap .frm_box_tit{display:flex;justify-content:space-between;align-items:center;margin-top:40px;}
.rsv_write_wrap .frm_box_tit p{font-size:1.5rem;font-weight:500;}
.rsv_write_wrap .frm_box{display:flex;flex-wrap:wrap;flex-direction:column;gap:40px;padding:40px;border-top:2px solid #000;background:#f9f9f9;}
.rsv_write_wrap .frm_box dl{display:flex;flex-direction:column;gap:5px;}
.rsv_write_wrap .frm_box dl dt{font-weight:600;}
.rsv_write_wrap .frm_box dl dd{display:flex;align-items:center;height:50px;font-size:1.6rem;}
.rsv_write_wrap .frm_box dl dd select.custom_sel{width:100%;height:50px;border-radius:5px;}
.rsv_write_wrap .frm_box dl dd input.inp_txt{width:100%;height:50px;border-radius:5px;}
.rsv_write_wrap .frm_box dl dd.inwon{display:flex;gap:10px;justify-content:space-between;align-items:center;}
.rsv_write_wrap .frm_box dl dd.col{display:flex;gap:10px;align-items:center;}
.rsv_write_wrap .frm_box dl dd .inp_txtarea{padding:15px;border:1px solid #c2c2c2;border-radius:5px;background-color:#fff;font-size:1.6rem;cursor:text;box-sizing:border-box;}
.rsv_write_wrap .frm_box .box{display:flex;gap:40px;}
.rsv_write_wrap .frm_box .box dl{flex:1;}




/* 체험예약_신청 */
.rsv_write_wrap .pro_list{display:flex;flex-wrap:wrap;gap:30px;}
.rsv_write_wrap .pro_list .box{width:calc(25% - 22.5px);}
.rsv_write_wrap .pro_list .box span.img{position:relative;width:100%;height:0;padding-bottom:56.26%;overflow:hidden;display:block;font-size:0;line-height:0;}
.rsv_write_wrap .pro_list .box span.img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.rsv_write_wrap .pro_list .box p.tit{margin-top:20px;font-size:1.7rem;line-height:1.3;font-weight:700;}
.rsv_write_wrap .pro_list .box p.txt{margin-top:8px;font-size:1.5rem;line-height:1.3;}

/* 교육예약_신청 */
.rsv_edu_write_wrap .frm_box > *,
.rsv_edu_write_wrap .frm_box dl{width:calc(50% - 20px);}
.rsv_edu_write_wrap .frm_box .inline_box{display:flex;gap:40px;}
.rsv_edu_write_wrap .frm_box dl.wide{width:100%;}

/* 시설예약_신청 */
.rsv_fac_write_wrap .fac_info_box{display:flex;gap:40px;}
.rsv_fac_write_wrap .fac_info_box .img_area{flex-shrink:0;width:640px;height:100%;padding:10px;border:1px solid #e5e5e5;box-sizing:border-box;}
.rsv_fac_write_wrap .fac_info_box .img_area .imgwrap{position:relative;width:100%;height:0;padding-bottom:56.26%;overflow:hidden;}
.rsv_fac_write_wrap .fac_info_box .img_area .imgwrap img{position:absolute;top:0;left:0;width:100%;height:100%;}
.rsv_fac_write_wrap .fac_info_box .cont_area{flex-grow:1;}

/* 모달팝업 */
#modalWrap{display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.5);}
#modalBody{position:absolute;top:50%;left:50%;width:640px;height:80vh;padding:50px;margin:0 auto;border-radius:20px;background-color:#fff;box-shadow:15px 15px 30px rgba(0,0,0,0.2);transform:translate(-50%,-50%);box-sizing:border-box;}
#modalBody .tit_area{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
#modalBody .tit_area p.title{font-size:3.2rem;font-weight:700;}
#modalBody .tit_area .btn_cls{position:relative;width:50px;height:50px;background:#f5f5f5;border-radius:100%;border:0;text-indent:-9999px;cursor:pointer;}
#modalBody .tit_area .btn_cls::after{content:'';position:absolute;top:50%;left:50%;width:18px;height:18px;background:url(/nanum/site/reservation/img/btn_modal_cls.png) no-repeat;background-size:cover;transform:translate(-50%,-50%);}
#modalBody .btn_w{position:absolute;bottom:50px;left:50px;width:calc(100% - 100px);padding:0;}

/* 서약서내용 */
#modalBody .cont_area .promise_txt p.btxt{margin-bottom:20px;font-size:1.9rem;}
#modalBody .cont_area .promise_txt ul li{position:relative;padding-left:30px;}
#modalBody .cont_area .promise_txt ul li:nth-child(n+2){margin-top:10px;}
#modalBody .cont_area .promise_txt ul li strong{position:absolute;left:0;}

/* 신청자 정보 */
.applicant-list {display: flex;flex-direction: column;gap: 12px;padding: 10px 0;}
.applicant-item {display: flex;align-items: center;gap: 15px;padding: 0px 0px 10px 10px;border-bottom: 1px dashed #cdcdcd;}
.applicant-item:LAST-CHILD {border-bottom: 0px;padding:0px 0px 0px 10px;}
.applicant-no {display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;background: #4A90E2;color: white;border-radius: 50%;font-weight: 700;font-size: 14px;}
.applicant-name {color: #222;min-width: 80px;}
.applicant-gender {display: inline-block;padding: 6px 16px;border-radius: 20px;font-size: 14px;font-weight: 600;}
.applicant-gender.male {background: #E3F2FD;color: #1976D2;}
.applicant-gender.female {background: #FCE4EC;color: #C2185B;}
.applicant-age {padding: 6px 16px;background: #F5F5F5;border-radius: 20px;font-size: 14px;color: #666;font-weight: 500;}


/********************태블릿********************/
@media all and (max-width:1024px){

/* 신청 폼 */
#calendarTable .cal_top .t_today{padding: 7px 25px;}
input.btn_use, input.btn_red, input.btn_gray, input.btn_blue, input.btn_nouse{padding: 8px 0;}
#calendarTable .cal_use tbody td{height: 35px;}

/* 신청폼 */
.form_box{gap: 15px 2vw;}
.form_box:not(:last-child){padding-bottom: 30px;}
.form_box > dl > dt{font-size: 1.7rem;line-height: 1.4;}
.form_box > dl > dd{gap: 2vw;}
.form_box > dl > dd > *{gap: 2vw;width: 100%;}
.form_box > dl > dd.phone_bx{flex-direction: column;}
.form_box > dl > dd.phone_bx .no_fx{display:none;}
.form_box > dl > dd.phone_bx > div > select{max-width: 80px;}
.form_box > dl > dd select{padding: 12px 10px;background-position: right 12px top 50%;background-size: 6px;font-size: 1.5rem;}
.form_box > dl > dd .input + select{flex:100%;}
.form_box > dl > dd .input, .form_box > dl > dd .txt{padding: 12px 10px;font-size: 1.5rem;}
.form_box > dl > dd textarea{padding: 12px;height: 113px;line-height: 1.4;}
.db_bx{flex: 100% !important;}
.no_fx{font-size: 1.5rem;}
.hid_wrap{min-width: 100%;}
.flex100{flex:100% !important;flex-direction: column;}

.form_rd[type="radio"] + label, 
.form_rd[type="checkbox"] + label{padding: 10px;padding-left: 37px;min-height: 42px;font-size: 1.5rem;}
.form_rd[type="radio"] + label::after,
.form_rd[type="radio"] + label::before,
.form_rd[type="checkbox"] + label::after, 
.form_rd[type="checkbox"] + label::before{left: 10px;width: 20px;height: 20px;margin-top: -10px;border-radius: 5px;background-size: 10px;}

.form_box .file_wrap{flex-direction: column;}
.form_box .file_wrap .caution_wr .pic_wr{flex-direction: column;}
.form_box .file_wrap .caution_wr .pic_wr .img_bx{margin: 0 auto;}
.form_box .file_wrap .caution_wr .pic_wr .img_bx img{max-width:100%;}
.form_box .file_wrap .caution_wr .pic_wr .ex_list{flex-wrap: wrap;gap: 10px;}
.form_box .file_wrap .selfile_wr{max-width: 100%;padding: 20px;box-sizing: border-box;}
.form_box .file_wrap .caution_wr{gap: 15px;padding: 20px 15px;border-left: 0;border-top: 1px solid #ddd;}
.form_box .file_wrap .selfile_wr .pic_txt{margin-top: 0;}
.form_box > dl > dd.btn_bx{flex-direction: column;}


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


/* 리스트_뷰_공통 */
.label_area span{height:auto;padding:0.5vh 2vw;font-size:1.2rem;}
	
/* 리스트 */
.rsv_list_wrap .list_sort{flex-direction:column;gap:10px;height:auto;}
.rsv_list_wrap .list_sort .lft_area,
.rsv_list_wrap .list_sort .rit_area{height:50px;}
.rsv_list_wrap .list_sort .lft_area select{flex:1;}
.rsv_list_wrap .list_sort .rit_area .srch_frm{justify-content:space-between;width:100%;}
.rsv_list_wrap .list_sort .rit_area .srch_frm .btn_srch{width:16px;height:16px;}

/* 카드형 */
.rsv_list_wrap .list_card{flex-wrap:wrap;gap:20px;}
.rsv_list_wrap .list_card > li{width:calc(50% - 10px);}
.rsv_list_wrap .list_card li a .item_img{padding-top:50% !important;}
.rsv_list_wrap .list_card li a .item_img > img{width:100%;height:100%;object-fit:cover;}

/* 카드형_체험예약 */
.rsv_list_wrap .list_card.exp li a{flex-direction:column;gap:0;}
.rsv_list_wrap .list_card.exp li a .item_img{width:auto;height:auto;}
.rsv_list_wrap .list_card.exp li a .item_body{padding:0;}
.rsv_list_wrap .list_card.exp li a .item_body .info_group{margin-top:0;}
.rsv_list_wrap .list_card.exp li a .item_body .label_area{margin-top:-14px;}

/* 마이페이지_리스트 */
.rsv_list_wrap.myinfo .list_sort{gap:10px;height:auto;background:none;padding:0;}
.rsv_list_wrap.myinfo .list_sort .rit_area{height:auto;}
.rsv_list_wrap.myinfo .srch_frm_date{flex-direction:column;width:100%;}
.rsv_list_wrap.myinfo .srch_frm_date dl{flex:1;}
.rsv_list_wrap.myinfo .srch_frm_date dl dt{flex-shrink:0;width:10%;}
.rsv_list_wrap.myinfo .srch_frm_date dl dd{display:flex;flex-grow:1;align-items:center;}
.rsv_list_wrap.myinfo .srch_frm_date dl dd span{flex-shrink:0;width:30px;text-align:center;}
.rsv_list_wrap.myinfo .srch_frm_date dl dd input.inp_txt{flex-grow:1;width:100% !important;}

/* 뷰 */
.rsv_view_wrap .view_head{gap:30px;}
.rsv_view_wrap .view_head .item_img{width:160px;height:160px;}

.rsv_view_wrap .view_head .item_body{gap:20px;}
.rsv_view_wrap .view_head .item_body .tit_group{flex-direction:column;gap:20px;}
.rsv_view_wrap .view_head .item_body .tit_group .lft_area{width:100%;}
.rsv_view_wrap .view_head .item_body .tit_group .lft_area .subject{font-size:2.4rem;}
.rsv_view_wrap .view_head .item_body .tit_group .rit_area{width:100%;justify-content:end;}
.rsv_view_wrap .view_head .item_body .tit_group .rit_area a{padding:1vh 4vw;font-size:1.5rem;}
.rsv_view_wrap .view_head .item_body .info_group{padding:20px;}
.rsv_view_wrap .view_head .item_body .info_group dl{gap:20px;width:100%;font-size:1.3rem;}
.rsv_view_wrap .view_head .item_body .info_group dl dd{text-align:right;}


/* 예약신청_공통 */
.rsv_write_wrap .info_btm{flex-direction:column;gap:20px;}
.rsv_write_wrap .info_btm .lft_area .btn_w{justify-content:flex-start;}
.rsv_write_wrap .info_btm .lft_area .btn_w .con_sbtn.file{flex:none;}
.rsv_write_wrap .info_btm .rit_area a{flex:1;}

.rsv_write_wrap .table1 tr{display:flex;flex-wrap:wrap;}
.rsv_write_wrap .table1 th,
.rsv_write_wrap .table1 td{padding:1vh 2vw;}
.rsv_write_wrap .table1 th{display:flex;justify-content:center;align-items:center;width:25%;}
.rsv_write_wrap .table1 td{width:calc(100% - 25%);}

.rsv_write_wrap .frm_box{gap:20px;padding:20px;}
.rsv_write_wrap .frm_box .box{flex-wrap:wrap;gap:20px;}

.cal_box{flex-direction:column;gap:20px;min-height:auto;}
.cal_box .loading_box{padding:2vh 0;}
.cal_box .rit_area{width:100%;}
.cal_box input[class ^="btn_"]{font-size:1.3rem;padding:5px;}

#calendarTable .cal_top .t_date{font-size:2.4rem;}
#calendarTable .cal_use table tbody th{padding:10px 5px;}
#calendarTable .cal_use table tbody td{padding:5px;}

#timeTable{padding:20px 10px;}
#timeTable .time_title{margin-bottom: 10px;padding-left: 30px;}
#timeTable .time_title::after{width: 20px;height: 20px;}
#timeTable .time_list{flex-direction:row;flex-wrap:wrap;}
#timeTable .time_list li{width:calc(50% - 5px);}

/* 체험예약_신청 */
.rsv_write_wrap .pro_list{gap:20px;}
.rsv_write_wrap .pro_list .box{width:calc(50% - 10px);}
.rsv_write_wrap .pro_list .box p.tit{margin-top:2vh;}
.rsv_write_wrap .pro_list .box p.txt{margin-top:1vh;}

/* 시설예약_신청 */
.rsv_fac_write_wrap .fac_info_box{gap:20px;}
.rsv_fac_write_wrap .fac_info_box .img_area{width:50%;}

/* 모달팝업 */
#modalWrap{box-sizing:border-box;}
#modalBody{padding:20px;}
#modalBody .tit_area{flex-direction:column-reverse;gap:20px;margin-bottom:3vh;padding-bottom:2vh;}
#modalBody .tit_area p.title{width:100%;font-size:2.8rem;text-align:center;}
#modalBody .tit_area .btn_cls{width:40px;height:40px;}
#modalBody .tit_area .btn_cls::after{width:12px;height:12px;}
#modalBody .cont_area{overflow-y:scroll;padding-right:30px;}
#modalBody .btn_w{bottom:20px;left:20px;width:calc(100% - 40px);}

}

/********************모바일********************/
@media all and (max-width:767px){

/* 신청 캘린더 */
#calendarTable .cal_top{padding-left: 80px;}
#calendarTable .cal_top .t_today{padding: 5px 20px;}
#calendarTable .cal_use{border: 0;border-radius: 0;}
#calendarTable .cal_use table{border: 1px solid #e5e5e5;}
#calendarTable .cal_use tbody .day{padding: 5px 20px;}
#calendarTable .cal_use tbody td{height: 30px;}
#calendarTable .cal_use table thead tr td{padding: 5px 0;}
.board_form{padding-bottom: 10px;}
.board_form > li .ip_wrap{gap: 10px;margin-top: 0;}
.board_form > li .ip_wrap .no_select_txt{padding: 10px 20px;}
.board_form > li .form_input{padding: 10px 20px;border-radius: 20px;}
.board_form > li.row{flex-direction: column;}
.board_form > li.row .ip_wrap{flex-wrap: wrap;}
.select_round{grid-template-columns: 1fr;gap: 10px;margin-top: 10px;}
.select_round li{padding: 12px 20px;}
.select_round li .inp_chk[type="checkbox"].default + label::before{margin-top: -10px;width: 20px;height: 20px;}
.select_round li .situation span{padding: 5px 10px;}
.select_round li .inp_chk[type="checkbox"].default + label{padding-left: 30px;}
.select_round li .team{padding: 0 10px;}

/* 카드형 */
.rsv_list_wrap .list_card > li{width:100% !important;}

/* 예약신청_공통 */
.rsv_write_wrap .tit_group h4.tit{font-size:2.8rem;}
.rsv_write_wrap .frm_box .box dl{flex:auto;width:calc(50% - 10px);}

/* 체험예약_신청 */
.rsv_write_wrap .pro_list{gap:20px 10px;}
.rsv_write_wrap .pro_list .box{width:calc(50% - 5px);}

/* 모달팝업 */
#modalBody{width:90vw;height:90vh;}

/* 신청자 정보 */
.applicant-item {flex-wrap: wrap;gap: 10px;}
.applicant-name {min-width: auto;}
}

/********************모바일2********************/
@media all and (max-width:480px){

/* 리스트 */
.rsv_list_wrap [class ^="list_"] select.custom_sel{height:50px;}
.rsv_list_wrap .list_sort .lft_area,
.rsv_list_wrap .list_sort .rit_area{height:auto;}
.rsv_list_wrap .list_sort .rit_area{flex-direction:column;}
.rsv_list_wrap .list_sort .srch_frm{height:50px;}

/* 뷰 */
.rsv_view_wrap .view_head{flex-direction:column;}
.rsv_view_wrap .view_head .item_img{width:100%;}
.rsv_view_wrap .view_head .item_body .tit_group{flex-direction:column;gap:20px;}
.rsv_view_wrap .view_head .item_body .tit_group .lft_area{flex:none;align-items:center;width:100%;}
.rsv_view_wrap .view_head .item_body .tit_group .rit_area{width:100%;}
.rsv_view_wrap .view_head .item_body .tit_group .rit_area a{width:calc(50% - 5px);}

/* 예약신청_공통 */
.rsv_write_wrap .table1 tr{flex-direction:column;}
.rsv_write_wrap .table1 th,
.rsv_write_wrap .table1 td{width:100%;}
.rsv_write_wrap .table1 th{justify-content:flex-start;}

.rsv_write_wrap .info_btm{flex-direction:column;gap:20px;margin-top:2vh;}
.rsv_write_wrap .info_btm .lft_area,
.rsv_write_wrap .info_btm .rit_area{width:100%;}
.rsv_write_wrap .info_btm .lft_area .btn_w{gap:0;}

.rsv_write_wrap .frm_box .box dl{width:100%;}

#timeTable .time_list{flex-direction:column;}
#timeTable .time_list li{width:100%;}

/* 시설예약_신청 */
.rsv_fac_write_wrap .fac_info_box{flex-direction:column;}
.rsv_fac_write_wrap .fac_info_box .img_area{width:100%;}

/* 모달팝업 */
#modalBody .cont_area{height:calc(100% - 32vh);}

}

/********************웹********************/
@media all and (min-width:1025px) {
}