@charset "utf-8";

/* 시설 타입별 선택 박스 */
.checked_box { background:#f6f6f6; border:1px solid #ccc; /* 181022 수정 margin-bottom:20px; 이부분이 주석처리 되면서 이 클래스를 쓰는 <div>에 .mgb20 추가 */ padding:20px 20px 20px 0; overflow:hidden; font-size:15px; /* 181022 수정 */}
.checked_box .type_tab { overflow:hidden; /* float:right 181022 수정 */} 
.checked_box .type_tab li{display:inline-block;line-height:24px;margin-left:20px;width: 22%;}
.checked_box .type_tab li a{ display:inline-block; padding-left:20px; background:url('/images/org/web/yeyak/board/type_tab_off.png') no-repeat 0 6px; color:#4e4e4e;}
.checked_box .type_tab li a.on{display:inline-block;background:url('/images/org/web/yeyak/board/type_tab_on.png') no-repeat 0 50%;color: #0467b3;font-weight: 700;}

/* 목록 게시판 */
.reserv-list-table {width:100%; text-align:center; table-layout:fixed; word-break:break-all}
.reserv-list-table th {border:1px solid #ccc; text-align:center !important; border-right:0; border-bottom:1px solid #2b405b; border-top:0; background:#f8f8f8; padding:10px 0 11px; color:#222;}
.reserv-list-table th:first-child {border-left:0}
/* .reserv-list-table tr:hover td {background-color:#fcfcfc;} 181022 수정 */
.reserv-list-table td {border:1px solid #ccc; border-right:0; padding:9px 3px; font-size:13.5px;}
.reserv-list-table td:first-child {border-left:0}
.reserv-list-table .subject {width:auto; text-align:left; padding-left:2%; padding-right:2%;}
.reserv-list-table td .stitle {display:block; width:100%; float:left;}
.reserv-list-table td .stitle a { display:block; color:#444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.reserv-list-table td .stitle a:hover { text-decoration:underline}
.reserv-list-table .state{ display:block; width:90%; margin:0 auto; text-align:center; color:#fff; font-size:12px; height:22px; line-height:20px;}
.reserv-list-table .state.not{background-color:#e18070}
.reserv-list-table .state.ok, .reserv-list-table .state.ing{background-color: #3156C4;} /*211013 접근성 컬러 수정*/
.reserv-list-table .state.ready{ background-color:#778ec4}
.reserv-list-table .state.not{background-color:#e18070}
.reserv-list-table .state.an1 { background-color:#479ee1;}
.reserv-list-table .state.an2{ background-color:#f4aa24}
.reserv-list-table .state.an3{ background-color:#99a2a7}
/* 181022 수정*/
.reserv-list-table td .img{ display:inline-block; width:60px; height:60px}
.reserv-list-table td .img img{ width:100%; height:100%}
.reserv-list-table .bsw-btn {padding:0 6px 2px; height:20px; cursor:pointer; vertical-align:middle; background:#fff; border:1px solid #aaa; color:#777; font-size:12px;}

/* 체험상세조회 181008 수정 */
.guide-box {overflow:hidden; background:#f2f4f7; border:1px solid #d1d8e4; padding:25px 30px 20px}
.photo_area{ float:left; width:42.5%}
.photo_area .photoOne{ width:100%; height:290px; margin-bottom:10px;}
.photo_area .photoOne img{ width:100%; height:100%;}
.photo_area .photoList_wrap{ width:100%; height:auto; overflow:hidden; white-space:nowrap; overflow-x:auto}
.photo_area .photoList_wrap a { display:inline-block; border-bottom:2px solid transparent; width:87px; height:66px; margin-left:12px; margin-bottom:5px}
.photo_area .photoList_wrap a:hover, .photo_area .photoList_wrap a.on{ border-bottom:2px solid #09F}
.photo_area .photoList_wrap a:first-child {margin-left:0;}
.photo_area .photoList_wrap a img {width:100%; height:100%;}
.guide-box .guide-con { float:left; width:55%; margin-left:2.5%}
.guide-box .guide-con dl{ overflow:hidden; position:relative; font-size:14px; line-height:140%; margin:8px 0; color:#444;} 
.guide-box .guide-con dl:first-child{ margin-top:0} 
.guide-box .guide-con dl dt{ float:left; font-weight:bold; padding-left:22px; background:url('/images/org/com/gne/tit_2.png') no-repeat 0 4px} 
.guide-box .guide-con dl dt:after{ content:':'; display:inline-block; margin:0 6px} 
.guide-box .guide-con dl dd{ float:left;} 
.guide-box .guide-con dl.full dt{ position:relative; width:100%; margin-bottom:8px} 
.guide-box .guide-con dl.full dd {width:100%; margin-left:22px} 

/* 달력 */
.date_view_box{ position:relative; border:1px solid #ddd; text-align:center; border-bottom:0; background-color:#fff; padding:12px 16px 9px; overflow:hidden}
.sp{ float:left; display:inline-block; background:url('/images/org/web/yeyak/sub/sp_png.png') no-repeat}
.date_view{ display:inline-block;}
.date_view .date{ display:inline-block; margin:2px 0 0 0}
.date_view .sp{ width:11px; height:16px; margin:0 1px 0 0}
.date_view .ddot{ width:10px; background-position:-149px -22px}
.date_view .d0{ background-position:0 -22px;}
.date_view .d1{ background-position:-16px -22px;}
.date_view .d2{ background-position:-31px -22px;}
.date_view .d3{ background-position:-45px -22px;}
.date_view .d4{ background-position:-61px -22px;}
.date_view .d5{ background-position:-76px -22px;}
.date_view .d6{ background-position:-90px -22px;}
.date_view .d7{ background-position:-105px -22px;}
.date_view .d8{ background-position:-121px -22px;}
.date_view .d9{ background-position:-135px -22px;}
.date_view .btn_area{ display:inline-block; margin:0 0 0 5px; *margin:0 0 0 7px; vertical-align:top}
.date_view button{height:20px; padding:0; border:1px solid #b4b4b4; background:#fff url('/images/org/web/yeyak/sub/sp_png.png') no-repeat; font-family:dotum; font-size:11px; color:#666; letter-spacing:-1px;}
.date_view .prev{ float:left; margin-right:-1px; width:22px; background-position:-58px 4px; *background-position:-59px 3px}
.date_view .next{ float:left; width:22px; background-position:-72px 4px; *background-position:-72px 3px}
.date_view .today{ float:left; margin:0 0 0 8px; padding:2px 6px 0 6px; line-height:12px; background-image:none;}
.btn_common { display:inline-block}
.date_view_box .btn_common { position:absolute; top:11px; right:10px;}
.btn_common a { display:inline-block; font-family:dotum; font-size:11px; color:#666; letter-spacing:-1px; border:1px solid #b4b4b4; background:#fff url('/images/org/web/yeyak/sub/sp_png.png') no-repeat}
.btn_common .print{ background-position:6px -45px; padding:2px 5px 0 22px;}
/* 달력테이블 181008 수정 */
.cldTbl table{ width:100%; position:relative; border-bottom:1px solid #e4e5e7; border-right:1px solid #e4e5e7;}
.cldTbl th, .cldTbl td{border-top:1px solid #e4e5e7; border-left:1px solid #e4e5e7;}
.cldTbl thead th{ background-color:#f9f9f9; color:#555; font-size:12px; line-height:24px}
.cldTbl thead th:first-child{ color:#ff000a}
.cldTbl td{vertical-align:top; position:relative; padding:25px 0 16px; height:84px; font-size:12px}
.cldTbl td:hover{ background:url('/images/org/web/yeyak/sub/calendar_td_ov.png') repeat}
.cldTbl td.on{background:url('/images/org/web/yeyak/sub/calendar_td_on.png') repeat}
.cldTbl td.closed{background:url('/images/org/web/yeyak/sub/calendar_td_close.png') repeat}
.cldTbl tbody tr.week td:first-child{ color:#ff000a}
.cldTbl .week td em { position:absolute; font-style:normal; top:5px; left:8px; font-family:verdana; font-size:11px; font-weight:bold}
.cldTbl .week td em span { font-weight:normal; font-size:12px; font-family:Malgun Gothic, '맑은고딕', sans-serif; margin-left:5px;}
.cldTbl .week td div { padding:0 7px; overflow-y:auto; color:#555;}
.cldTbl .week td a { display:block;}
.cldTbl .week td .state{ display:block; text-align:center; color:#fff; font-size:13px; line-height:20px; margin-top:2px;}
.cldTbl .week td .state.not{background-color: #6e6e6e;} /* 221013 접근성 */
.cldTbl .week td .state.ok{ background-color:#27afbd;}
.cldTbl .week td .state.wait{ background-color:#f78b1f;}

.cldTbl .sun{color:#ff000a}
.cldTbl .sun.disable{ color:#f0a9a9 !important}
.cldTbl .disable{ color:#b3b3b3}

/* 상세조회 탭영역 */
.guide_tab_area{position:relative; overflow:hidden; padding-top:55px}
.guide_tab_area > h4 {position:absolute; top:0; width:25%; text-align:center; font-size:16px; z-index:2;}
.guide_tab_area > h4:first-child a {border-left:1px solid #d2d2d2;}
.guide_tab_area > h4 a {display:block; color:#525252; height:54px; line-height:52px; border:1px solid #d2d2d2; border-bottom:1px solid #364054; border-left:0; background:#f5f5f5}
.guide_tab_area >  h4 a:hover { text-decoration:underline}
.guide_tab_area > h4.tit_1 {left:0;}
.guide_tab_area > h4.tit_2 {left:25%;}
.guide_tab_area > h4.current a { font-weight:bold; cursor:default; background-color:#fff; color:#111; border-color:#364054; border-bottom:1px solid #fff;}
.guide_tab_area > h4.tit_2.current a { border-left:1px solid #364054;}
.guide_tab_area > h4.current a:hover { text-decoration:none}
.guide_tab_area .con_box.on {display:block;}
.guide_tab_area .con_box {display:none; padding:25px; line-height:140%; overflow:hidden; border:1px solid #364054;}

/* 개인정보 동의 */
.sclboxType1{background-color:#fff; overflow:hidden;}
.sclboxType1 .terms_box{text-align:left; color:#666; border:1px solid #d6d6d6; background:#f7f7f7; height:103px; overflow:hidden; overflow-y:scroll; padding:8px 1%; font-size:13px; line-height:150%}
.sclboxType1 .terms_box h4{ font-weight:bold; margin-bottom:4px;}
.sclboxType1 .chk_all{border:1px solid #d6d6d6; padding:8px 10px 10px; font-size:13px; text-align:right; overflow:hidden}

/* 20181008 수정*/
.line_txt{ text-decoration:line-through}

/* 교구 분류 리스트 박스 181022 수정 */
.sort_area { font-size:14px; position:relative; padding:16px 20px; border:1px solid #ccc; border-top:0}
.sort_list { overflow:hidden; line-height:26px;}
.sort_list li {float:left; height:26px; line-height:24px; margin-left:14px;}
.sort_list li:first-child {margin-left:0;}
.sort_list li a {display:block; height:26px; color:#959595;}
.sort_list li.on a {color:#222;}
.sort_list li span {display:inline-block; overflow:hidden; width:2px; height:2px; margin:-3px 4px 0 0; background:url(/images/org/web/yeyak/sub/ico_sort.png) no-repeat; line-height:9999px; vertical-align:middle; cursor:pointer;}
.sort_list li.on span {width:7px; height:7px; margin:-2px 4px 0 0; background-position:-10px 0;}

/* 장바구니 바로가기 버튼 181022 수정 */
.btn_cart {position:relative; float:right; margin-right:5px; display:inline-block; font-size:14px; vertical-align:middle; transition:all .25s ease; line-height:1; background:#fc5a58; border:1px solid #e45351; color:#fff;}
.btn_cart:hover, .btn_cart:focus {background:#fc5a58;}
.btn_cart span {display:block; padding:7px 40px 9px 15px; line-height:1;}
.btn_cart .ico {position:absolute; right:12px; top:50%; padding:0; width:16px; height:16px; margin-top:-8px; background:url('/images/org/com/gne/ico_cbtn.png') no-repeat 0 0;-webkit-transition:right .25s ease; transition:right .25s ease-out}
.btn_cart .arr {background:url('/images/org/com/gne/ico_cbtn.png') no-repeat 6px -44px;}
.btn_cart:hover .ico {right:20px;}

/* 교구리스트 갤러리 게시판 181022 수정 */
.column-wrap {position:relative; overflow:hidden; width:100%; border-top:2px solid #2b405b}
.column-wrap .column-sec {position:relative; width:50%; float:left; padding:17px 0 20px; overflow:hidden; border-bottom:1px solid #ddd}
.column-wrap .column-sec.thum-type { height:130px;}
.column-wrap .column-sec.thum-type .pimg {position:absolute; left:0; top:20px; width:196px; height:130px; overflow:hidden; background:#e0e0e0 url('/images/org/web/yeyak/sub/no_thum.gif') no-repeat 50% 50%;}
.column-wrap .column-sec.thum-type .pimg img {width:100%; height:100%}
.column-wrap .column-sec.thum-type .data-info{ padding-left:220px; padding-right:30px;}
.column-wrap .column-sec.thum-type .data-info li{ padding:3px 0; line-height:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.column-wrap .column-sec.thum-type .data-info li > span + span:before { content:''; margin:0 8px; display:inline-block; vertical-align:middle; width:1px; height:12px; background-color:#ccc;}
.column-wrap .column-sec.thum-type .data-info li .parcel{ font-size:12px; display:inline-block; background-color:#fff; height:18px; line-height:16px; padding:0 5px; border-width:1px; border-style:solid}
.column-wrap .column-sec.thum-type .data-info li .parcel.ok{ border-color:#01c83b; color:#00ab33;}
.column-wrap .column-sec.thum-type .data-info li .parcel.no{ border-color:#fc5a58; color:#f94845;}

/* 장바구니 담기 버튼  181022 수정 */
.btn_put {position:relative; display:inline-block; font-size:14px; vertical-align:middle; transition:all .25s ease; line-height:1; background:#464646; color:#fff;}
.btn_put:hover, .btn_put:focus {background:#686868;}
.btn_put span {display:block; padding:5px 12px 8px 30px; line-height:1;}
.btn_put .ico {position:absolute; left:10px; top:50%; padding:0; width:14px; height:12px; margin-top:-6px; background:url('/images/org/web/yeyak/sub/ico_cart.png') no-repeat 0 0;}


/* 교구상세정보 테이블 181022 수정 */
.row_tbl { width:100%; overflow:hidden}
.row_tbl table { width:68%; height:320px; float:left; border-top:1px solid #2b405b; margin-left:-1px;}
.row_tbl th, .row_tbl td {padding:8px 12px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; word-wrap:break-word; line-height:1.4; font-size:14px;}
.row_tbl td {background:#fff; color:#555; text-align:left}
.row_tbl th {background:#eff4fd; text-align:left; color:#333; border-bottom:1px solid #bbb; font-weight:normal}
.row_tbl th:last-child, .row_tbl td:last-child {border-right:0}

.row_tbl .photo_area{ width:32%; height:318px; float:left; border-top:1px solid #2b405b; border-bottom:1px solid #ccc;}
.row_tbl .photo_area .photo_box{ padding:12px 12px 12px 1px}
.row_tbl .photo_area .photoOne{ width:100%; height:215px; margin-bottom:10px;}
.row_tbl .photo_area .photoOne img{ width:100%; height:100%;}
.row_tbl .photo_area .photoList_wrap{ width:100%; height:auto; overflow:hidden; white-space:nowrap; overflow-x:auto}
.row_tbl .photo_area .photoList_wrap a { display:inline-block; border-bottom:2px solid transparent; width:66.2px; height:45px; margin-left:10px; margin-bottom:5px}
.row_tbl .photo_area .photoList_wrap a:hover, .row_tbl .photo_area .photoList_wrap a.on{ border-bottom:2px solid #09F}
.row_tbl .photo_area .photoList_wrap a:first-child {margin-left:0;}
.row_tbl .photo_area .photoList_wrap a img {width:100%; height:100%;}

/* 달력버튼 181022 수정 */
.btnCalendar { display:inline-block; width:21px; height:21px; margin-left:4px; overflow:hidden; text-indent:-999px; vertical-align:middle; white-space:nowrap; background:url('/images/org/web/yeyak/sub/ico_btn.gif') no-repeat; }
.btnCalendarDisabled { display:inline-block; width:21px; height:21px; margin-left:4px; overflow:hidden; text-indent:-999px; vertical-align:middle; white-space:nowrap; background:url('/images/org/web/yeyak/sub/ico_btn.gif') no-repeat; cursor:default !important; opacity:0.4 !important; filter:alpha(opacity=40) !important; }

/* 좌석배치도 181022 수정 */
.seat_minimap_wrap {width:800px; position:relative; margin:30px auto 0; padding-bottom:38px; overflow:hidden; font-family:Malgun Gothic, '맑은고딕', sans-serif;}
.seat_minimap_box {margin:0 auto; border:3px solid #d4d3c9; background-color:#fff;}
.seat_minimap_box .seat_hd {background-color:#d4d3c9; color:#666451;}
.seat_minimap_box .seat_hd h1 { padding:15px 0 19px; font-size:25px; text-align:center}
.seat_minimap_box .seat_cnt{ padding:20px 20px 100px;}
.seat_minimap_box .seat_cnt .stage{ height:60px; background:url('/images/org/web/yeyak/sub/img_seat_01.png') repeat; text-align:center; line-height:58px; margin-bottom:50px}
.seat_minimap_box .seat_cnt .stage span{ color:#fff; font-size:24px}

.seat_minimap_box .seat_cnt .seat_list{ overflow:hidden}
/* li한개당 23px 너비는 X 개수 */

.seat_minimap_box .seat_cnt .seat_list .seats{ overflow:hidden; text-align:center;}
.seat_minimap_box .seat_cnt .seat_list .seats ul{border-left:1px solid #9e9e9e; overflow:hidden; border-top:1px solid #9e9e9e}
.seat_minimap_box .seat_cnt .seat_list .seats ul li { float:left; width:23px}
.seat_minimap_box .seat_cnt .seat_list .seats li a{ display:block; font-size:11px; text-align:center; height:21px; line-height:19px; border-right:1px solid #9e9e9e; border-bottom:1px solid #9e9e9e}
.seat_minimap_box .seat_cnt .seat_list .seats li a span{ background-color:#fff; display:block; height:100%}
.seat_minimap_box .seat_cnt .seat_list .seats li a.disable{ cursor:default !important;background-color:white;}
.seat_minimap_box .seat_cnt .seat_list .seats li a.disable span{ background-color:#fff;}
.seat_minimap_box .seat_cnt .seat_list .label em{font-weight:bold}
.seat_minimap_box .seat_cnt .seat_list .label{ position:absolute; bottom:0; left:50%; margin-left:-70px; width:140px; height:38px; line-height:36px; border-top:1px solid #6c757e; border-bottom:1px solid #6c757e; text-align:center}

.seat_minimap_box .seat_cnt .seat_list .seat_A{ width:139px; /* 가로 6자리 X 23  +1 */ position:relative; padding-bottom:100px; float:left; overflow:hidden; font-size:13px}
.seat_minimap_box .seat_cnt .seat_list .seat_A .label em{ color:#32bd5c;}
.seat_minimap_box .seat_cnt .seat_list .seat_A .seats li a span{ background-color:#b1d5f9;}
.seat_minimap_box .seat_cnt .seat_list .seat_A .seats li a.on span{ background-color:#216dba; color:#fff;}
.seat_minimap_box .seat_cnt .seat_list .seat_A .seats li a.disable span{ background-color:#fff;}

.seat_minimap_box .seat_cnt .seat_list .seat_B{ width:231px; /* 가로 10자리 X 23 + 1 */ position:relative; padding-bottom:100px; float:left; margin-left:126px;  overflow:hidden; font-size:13px}
.seat_minimap_box .seat_cnt .seat_list .seat_B .label em{ color:#3387db;}

.seat_minimap_box .seat_cnt .seat_list .seat_B .seats li a span{ background-color:#b1d5f9;}
.seat_minimap_box .seat_cnt .seat_list .seat_B .seats li a.on span{ background-color:#216dba; color:#fff;}
.seat_minimap_box .seat_cnt .seat_list .seat_B .seats li a.disable span{ background-color:#fff;}

.seat_minimap_box .seat_cnt .seat_list .seat_C{ width:139px; /* 가로 6자리 X 23 + 1 */ position:relative; padding-bottom:100px; float:right; overflow:hidden; font-size:13px}
.seat_minimap_box .seat_cnt .seat_list .seat_C .label em{ color:#ff7371;}

.seat_minimap_box .seat_cnt .seat_list .seat_C .seats li a span{ background-color:#b1d5f9;}
.seat_minimap_box .seat_cnt .seat_list .seat_C .seats li a.on span{ background-color:#216dba; color:#fff;}
.seat_minimap_box .seat_cnt .seat_list .seat_C .seats li a.disable span{ background-color:#fff;}
.seat_minimap_wrap .seat_ft{ z-index:2; width:560px; position:absolute; bottom:0; left:50%; margin-left:-280px; height:41px; background:url(/images/org/web/yeyak/sub/seat_ft_bg.png) no-repeat 50% -3px;}

/* 객실예약 - 예약방법 및 예약자 선택 181106 수정 */
.chk_btn { overflow:hidden}
.chk_btn li { float:left; width:24%; padding:0.5%; text-align:center}
.chk_btn li a { display:block; height:48px; line-height:46px; border:1px solid #0b92ca; background-color:#fff; color:#008bc4; font-size:17px; cursor:pointer}
.chk_btn li a:hover { background-color:#f5fcff}
.chk_btn li a.on { background:#0b92ca url('/images/org/web/yeyak/sub/btn_check_bg.png') no-repeat 90% 50%; color:#fff; cursor:default}
.chk_btn li a.dis { background-color:#94999b; border:1px solid #94999b; color:#ced0d1; cursor:default}

/* box 타입 추가 181106 수정 */
.guide_box_st_2{padding:25px; line-height:140%; overflow:hidden; border:1px solid #364054;}

/* 객실예약 181106 수정 */
.rsv_top_area {overflow:hidden; margin: 0 0 30px}
.rsv_top_area .calendar_wrap{ width:45%; float:left; border:1px solid #d2d2d2;}
.rsv_top_area .fa_select{ position:relative; width:53%; min-height:358px; float:right; border:1px solid #828282}

/* 달력 181106 수정 */
.rsv_top_area .calendar_wrap .nowcal {position:relative; border-bottom:1px solid #d2d2d2; height:40px;}
.rsv_top_area .calendar_wrap .nowcal span {display:inline-block; text-indent:-9999px; content:''}
.rsv_top_area .calendar_wrap .prev_month {position:absolute; top:0; left:0}
.rsv_top_area .calendar_wrap .currunt_month {width:100%; font-size:18px; /* 1891212 */ font-weight:bold; text-align:center;line-height:40px;}
.rsv_top_area .calendar_wrap .next_month {position:absolute; top:0; right:0}
.rsv_top_area .calendar_wrap .prev_month a {display:block; width:45px; height:45px; background:url('/images/org/web/yeyak/sub/arr_prv.png') no-repeat 50% 42% ;}
.rsv_top_area .calendar_wrap .next_month a {display:block; width:45px; height:45px; background:url('/images/org/web/yeyak/sub/arr_nxt.png') no-repeat 50% 42%;}

.rsv_top_area .calendar{width:100%; border-bottom:1px solid #d2d2d2;}
.rsv_top_area .calendar thead th {height:40px; border-bottom:1px solid #d2d2d2;font-weight:500;}
.rsv_top_area .calendar tbody td {text-align:center;height:44px; cursor:pointer;border-left:1px solid #ebebeb;border-top:1px solid #ebebeb; color:#555}
.rsv_top_area .calendar tbody td:first-child{border-left:none;}
.rsv_top_area .calendar tbody td:hover {background:#d5eded;}
.rsv_top_area .calendar .sun > p{color:#d23a3a;}
.rsv_top_area .calendar .sat > p{color:#2667ab;}
.rsv_top_area .calendar .select {background:#007dbd;font-weight:bold;}
.rsv_top_area .calendar .select:hover{background:#007dbd;}
.rsv_top_area .calendar .select > p {color:#fff;}
.rsv_top_area .calendar .rev_no{cursor:default;background:#d0d1d3} /* 181212 수정 */
.rsv_top_area .calendar .rev_no:hover {background:#d0d1d3} /* 181212 수정 */
.rsv_top_area .calendar .rev_no p {}
.rsv_top_area .calendar .rev_no p span { font-size:11px;}
.rsv_top_area .calendar .day_no:hover{ background:none;cursor:default;}

.cal_sort {padding:10px;}
.cal_sort > span {display:inline-block;font-size:14px;padding-right:5px;}
.cal_sort > span:before {content:'';display:inline-block;width:14px;height:14px;background:#fff;border:1px solid #d2d2d2;vertical-align:middle;margin-right:4px;font-size:11px;text-align:center}
.cal_sort > span.type2:before {background:#d0d1d3; content:'';} /* 181212 수정 */

/* 객실정보 - 예약현황확인 181106 수정 */
.rsv_top_area .fa_select .s_tit { font-weight:bold; font-size:17px; height:50px; line-height:48px; padding:0 15px; border-bottom:1px solid #828282; background:linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);}
.rsv_top_area .fa_select .rev_cont {position:relative; padding:20px;}
.rsv_top_area .fa_select .rev_cont .ss_tit { font-size:15px; background:url('/images/org/com/gne/bu2.png')  no-repeat 0 6px; padding-left:10px; margin-bottom:10px; font-weight:bold}
.rsv_top_area .fa_select .s_day { font-size:15px; position:absolute; top:20px; right:20px; font-weight:bold}
.rsv_top_area .fa_select .s_day em{display:inline-block; font-weight:bold; padding-left:5px; color:#d23a3a;}


.table_st1{ solid #364054; border-bottom:1px solid #364054; } /* 181212 수정 */
.table_st1 table{width:100%; border-left:1px solid #d2d2d2; font-size:14px;} /* 181212 수정 */
.table_st1 td, .table_st1 th{border-bottom:1px solid #cbcbcb; border-right:1px solid #d2d2d2 ;padding:9px 8px; text-align:center;} /* 181212 수정 */
/* 181212 수정 .table_st1 tbody tr:first-child td, .table_st1 tbody tr:first-child th{border-top:1px solid #364054;} */
.rsv_top_area .fa_select .btn_resv{ position:absolute; bottom:20px; left:20px; right:20px; display:block; background:#3d7cdc; text-align:center; border-radius:5px; color:#fff; padding:13px 0 15px; font-size:16px;}

div.date_control {overflow:hidden; position: relative; margin: 0 0 10px; border: 1px solid #c9d5e6; vertical-align: top; background: #f2f6fc; padding:16px; font-size:16px; font-weight:bold}
div.date_control .tit { float:left}
div.date_control .date { float:right; color:#335082}

table.state_con{width:100%; border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb;}
table.state_con th, table.state_con td{border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:8px;}
table.state_con th{ font-weight:normal; background:#f3f3f3;}
table.state_con td .img { text-align:center; position:relative;} /* 181212 수정 */
table.state_con td .img img {width:100%; height:auto}
table.state_con td .img:after{content:""; width:35px; height:35px; background:url('/images/org/web/yeyak/sub/expans.png'); position:absolute; right:0; bottom:0; cursor:pointer}/*190207 수정*/
table.state_con td .img .btn-zoom {position:absolute; bottom:0; left:50%; width:45px; height:45px; margin-left:-22.5px; display:block; z-index:100; background:url('/images/org/com/gne/cslide_sprite.png') no-repeat 0 0}	
	
.state_lst{ overflow:hidden}
.state_lst li{ float:left; width:11.5%; margin:0.5%} /* 181212 수정 */
.state_lst li a{ display:block; text-align:center; font-size:12px; color:#fff; padding:4px 4px 6px}
.state_lst li a.num_pp1{background-color:#ffffff; border:2px solid black; color:black;} /* 190111 수정 */
.state_lst li a.num_pp2{background-color:#ffffff; border:2px solid black; color:black;} /* 190111 수정 */
.state_lst li a.num_pp3{background-color:#ffffff; border:2px solid black; color:black;} /* 190111 수정 */
.state_lst li a.num_pp4{background-color:#ffffff; border:2px solid black; color:black;} /* 190215 수정 */
.state_lst li a.num_pp5{background-color:#ffffff; border:2px solid black; color:black;} /* 190215 수정 */
.state_lst li a.num_pp6{background-color:#ffffff; border:2px solid black; color:black;} /* 190111 수정 */
.state_lst li a.num_pp7{background-color:#ffffff; border:2px solid black; color:black;} /* 190111 수정 */
.state_lst li a.num_pp8{background-color:#ffffff; border:2px solid black; color:black;} /* 190111 수정 */
.state_lst li a.num_pp9{background-color:#ffffff; border:2px solid black; color:black;} /* 190215 수정 */
.state_lst li a.num_pp10{background-color:#ffffff; border:2px solid black; color:black;} /* 190215 수정 */
.state_lst li a.sel{background-color:rgba(62, 199, 39, 1); border:2px solid rgba(62, 199, 39, 1);}
.state_lst li a.dis{background-color:#7c7c7c; border:2px solid #7c7c7c; cursor:default}
.state_lst li a span{ display:block}

/* 티켓 20181108 수정 */
.ticket_wrap { width:496px; height:200px; border:1px solid #000; overflow:hidden; font-family:sans-serif; background:url('/images/org/web/yeyak/sub/tkt_bg.png') no-repeat; background-size:cover;}
.ticket_wrap .tkt_l { width:50%; height:100%; float:left}
.ticket_wrap .tkt_r { width:50%; height:100%; float:right}
.ticket_wrap .tkt_l .cnt, .ticket_wrap .tkt_r .cnt { padding:10px; height:100%; font-size:12.5px;}
.ticket_wrap .tkt_r .cnt { border-left:1px dotted #555;}
.ticket_wrap .cnt h1 { font-size:14px; font-weight:bold; text-align:center; margin-bottom:6px; letter-spacing:-1px}
.ticket_wrap .cnt dl{ overflow:hidden; clear:both; margin-bottom:2px}
.ticket_wrap .cnt dl dt, .ticket_wrap .cnt dl dd { float:left}
.ticket_wrap .cnt dl dt{ width:30%; font-weight:bold; letter-spacing:-1px}
.ticket_wrap .cnt dl dd{ width:70%}
.ticket_wrap .cnt dl.last dt{ width:40%;}
.ticket_wrap .cnt dl.last dd{ width:60%}
.ticket_wrap .cnt dl + p{ font-size:12px; text-align:center; margin-top:4px}



/* 예약 스탭 181212 */
.reserve_step { margin-bottom:30px}
.reserve_step ul { overflow:hidden; height:68px;}
.reserve_step ul li { float:left; display:block; width:18.5%; line-height:1.4; padding:0 0 0 1.5%; height:100%; font-size:16px; background:#edeef0 url('/images/org/web/yeyak/sub/step_bg.png') no-repeat 100% 0; color:#626262;}
.reserve_step ul li.on {background:#48c2da url('/images/org/web/yeyak/sub/step_bg_on.png') no-repeat 100% 0; color:#fff;}
.reserve_step ul li.nt {background:#edeef0 url('/images/org/web/yeyak/sub/step_bg_nt.png') no-repeat 100% 0;}
.reserve_step ul li span { display:block; font-size:14px; padding:10px 0 0}
.reserve_step ul li.step_05{ background-image:none}

/* 박스 스타일 181212  */
.box_blue { background-color:#cfe0f0; padding:40px; overflow:hidden}

/* 버튼 181212 */
.btn_check_01 { overflow:hidden}
.btn_check_01 li {float:left; width:49%; margin-left:2%; letter-spacing:-1px;}
.btn_check_01 li:first-child { margin-left:0}
.btn_check_01 li a { display:block; padding:50px 60px 50px 160px; line-height:57px; font-size:30px; color:#46474b; border:1px solid #777f83; background-color:#fff;}
.btn_check_01 li a span { font-size:18px; margin-left:10px; color:#8d8d8d}
.btn_check_01 li a img { top:50px; left:60px}
.btn_check_01 li a:hover { border-color:#00a0eb;}
.btn_check_01 li.on a  { border-color:#00a0eb; background:#fff url(/images/org/web/yeyak/sub/bg_check_on.png) no-repeat 95% 20%;}
/*220518 추가*/
ul.v2 {display:table; table-layout:fixed; border-spacing: 10px 0;width: calc(100% + 20px);transform: translateX(-10px);}
ul.v2 li {display:table-cell; border:1px solid #000; width:50%; float:none;}
ul.v2 li a {border:none;border-bottom:1px solid#8d8d8d;}
ul.v2 li.on a {border-bottom:1px solid#8d8d8d;}
ul.v2 li div.guide_box_st_2 {border:none;}
/* 타이틀 181212 */
.tit_here{ height:50px; line-height:48px; color:#fff; background-color:#606e89; font-size:20px; font-weight:bold; padding:0 2%; margin-bottom:20px}

/* 버튼 181212 */
.btn_check_02 { overflow:hidden}
.btn_check_02 li {float:left; width:32%; margin-left:2%; letter-spacing:-1px;}
.btn_check_02 li:first-child { margin-left:0}
.btn_check_02 li a { display:block; text-align:center; padding:0 0 30px; line-height:1.7; font-size:24px; color:#46474b; border:1px solid #777f83; background-color:#fff;}
.btn_check_02 li a span { display:block; font-size:14px; color:#8d8d8d; line-height:1.5}
.btn_check_02 li a img { display:block; margin:0 auto; padding:30px 0 10px}
.btn_check_02 li a:hover { border-color:#00a0eb;}
.btn_check_02 li.on a  { border-color:#00a0eb; background:#fff url(/images/org/web/yeyak/sub/bg_check_on.png) no-repeat 90% 20%; }

/* 버튼 230223 추가 */
.btn_check_03 { overflow:hidden}
.btn_check_03 li {float:left; width:49%; margin-left:2%; letter-spacing:-1px;}
.btn_check_03 li:first-child { margin-left:0}
.btn_check_03 li a { display:block; padding:50px 60px 50px 120px; /*line-height:57px;*/ font-size:30px; color:#46474b; border:1px solid #777f83; background-color:#fff;}
.btn_check_03 li a span { font-size:18px; margin-left:10px; color:#8d8d8d}
.btn_check_03 li a img { top:50px; left:60px}
.btn_check_03 li a:hover { border-color:#00a0eb;}
.btn_check_03 li.on a  { border-color:#00a0eb; background:#fff url(/images/org/web/yeyak/sub/bg_check_on.png) no-repeat 95% 20%;}

/* 버튼 240418 추가 */
.btn_check_04 {overflow:hidden;}
.btn_check_04 li {float:left;width: 48%;margin-left:2%;/* min-height: 250px; */letter-spacing:-1px;}
.btn_check_04 li:first-child { margin-left:0}
.btn_check_04 li a {display:block;text-align:center;padding:0 0 30px;/* height: 160px; */line-height:1.7;font-size:24px;color:#46474b;border:1px solid #777f83;background-color:#fff;}
.btn_check_04 li a span { display:block; font-size:14px; color:#8d8d8d; line-height:1.5}
.btn_check_04 li a img { display:block; margin:0 auto; padding:30px 0 10px}
.btn_check_04 li a:hover { border-color:#00a0eb;}
.btn_check_04 li.on a  {border-color:#00a0eb;background:#fff url(/images/org/web/yeyak/sub/bg_check_on.png) no-repeat 90% 20%;}



/* 이전버튼 181212 */
.bf-btn{position:relative; display:inline-block; font-size:14px; vertical-align:middle; line-height:1;}
.bf-btn, a.bf-btn {background:#fff; border:1px solid #aaa; color:#444}
.bf-btn:hover, .bf-btn:focus {background:#fbfbfb;}
a.bf-btn span{display:block; padding:10px 15px 12px 45px; line-height:1;}
.bf-btn .ico {position:absolute; left:15px; top:50%; padding:0; width:16px; height:16px; margin-top:-8px; background:url(/images/org/web/yeyak/sub/ico_before.png) no-repeat 0 0; -webkit-transition:all .25s ease; transition:all .25s ease-out}
.bf-btn .arr {background-position:6px 0;}
.bf-btn:hover .arr, .bf-btn:focus .arr {background-position:0 0;}

/* 정렬 181212 수정 */
.vt{ vertical-align:top}

/* 테이블 백그라운드 */
.bg_y td{ background-color:#fffbd8 !important; color:#2565d0; font-weight:bold }

/* 법정대리인 휴대폰인증 버튼 */
.btn_blue { background-color:#1A82C3; border-color:#1A82C3}
.btn_S {display:inline-block; *display:inline; zoom:1; margin:0; font-size:12px; color:#fff; line-height:20px; text-align:center; border-radius:3px; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; border:1px solid transparent; white-space:nowrap; padding:0 8px}

/* 객실예약 241030*/
.intro_reserv{position: relative;}
.intro_reserv > li {display: inline-block;width: 48.5%;margin-bottom: 30px; float: left;}
.intro_reserv > li:nth-child(odd){margin-right:3%}
.intro_reserv > li > div {position: relative;width: 100%;min-height: 335px;padding: 30px 20px;border-radius: 20px;box-shadow: 0 0 10px #00000038;box-sizing: border-box;transition: .3s;}
.intro_reserv > li > div .img {position:absolute; width: 30%; height: 150px; min-width: 160px; border-radius: 10px; background-color: #fff; border:1px solid #eee; box-sizing:border-box; overflow: hidden;}
.intro_reserv > li > div .img img{display:block; margin:0 auto;}
.intro_reserv > li > div .txt {padding-left: 35%;}
.intro_reserv > li:hover > div {background-color: #f1f5f7;}

/* 종합복지관 객실예약 투숙일 지난 목록 */
.end{color:#ccc;}

/*250210 결과창필터  */
.rveSrch{padding:0 1.5rem;}
.rveSrch input, .rveSrch label{vertical-align: middle; padding:0; margin:0;}
.rveSrch label{margin-right:1rem; display:inline-block; line-height: 2;}
.rveSrch input{margin-right:0.5rem;}
.rveSrch input[type="text"],
.rveSrch select{border:1px solid #ccc;border-radius: 2rem;height:2.25rem;line-height: 2.25rem;padding:0 0.5rem;margin: 0 0.2rem;width: 10rem;}
.rveSrch dl{height: 4rem; display: table; width: 100%;}
.rveSrch dl + dl{border-top:1px solid #dfdfdf;}
.rveSrch dt, .rveSrch dd{font-size:0.85rem; display:table-cell; vertical-align: middle; }
.rveSrch dt{width:6rem; font-size:0.95rem; padding-right:0.5rem; font-weight: 700; color:#222; font-family: 'SCDream';}
.rveSrch dd{width:calc(100% - 6rem); padding:0 1rem; color: #222; font-family: 'NotoSans'; font-weight: 500;}
.rveSrch .dateF{padding:0.25rem 0; display: inline-block;}
.rveSrch .dateF span{display: inline-block; position: relative;}
.rveSrch .dateF i{position: absolute;right: 0;top:0;width: 2.25rem;height: 2.25rem;line-height: 2.25rem;text-align: center;background: #0e4290 url('/images/org/web/yeyak/board/ico_date.png') no-repeat center center;background-size: 60%;border-radius: 50%;font-size: 1.1rem;color: #fff;#f9f9f9 url('/images/org/web/yeyak/board/btn_srh.gif') no-repeat center align-content: center;}/*250520 사진사이즈 수정  */
.rveSrch .dateF input{width: 9.5rem;padding-right: 2.25rem;}
.rveSrch .searchF input{width: calc(100% - 6.5rem);box-sizing: border-box;}
.rveSrch .btnSrch{width:6rem;height:2.25rem;float:right;text-align:center;border:0;border-radius: 2rem;background: #0e4290;font-size:0.85rem;color:#fff;font-family: 'NotoSans';} 
.rveSrch .btnSrch i{padding-right: 0.25rem; font-size: 1.1rem; vertical-align: bottom;}

/* 교육디지털원패스 인증하기 버튼 */
.btnEduOnePass {position: relative;display: inline-flex;gap: 4px;align-items: center;font-size: 12px;line-height: 1.3;background: #6472d9;border: 1px solid transparent;color: #fff;padding: 3px 10px 3px 5px;border-radius: 5px;box-sizing: border-box;}
.btnEduOnePass::before {content: '';width: 30px;height: 30px;background: url('/images/org/onepass/ico_eduonepass.png') no-repeat;}
.btnEduOnePass strong {display: block;}
.btnEduOnePass em {position: relative;display: inline-flex;align-items: center;font-style: normal;}
.btnEduOnePass em::after {content: '';display: inline-block;width: 12px;height: 12px;background: url('/images/org/com/gne/ico_cbtn.png') no-repeat -50px -46px;margin-left: 4px;}
.btnEduOnePass:hover,
.btnEduOnePass:focus {background: #fff;border-color: #6472d9;color: #6472d9;}
.btnEduOnePass:hover em::after,
.btnEduOnePass:focus em::after {background-position: -50px -2px;filter: brightness(0) saturate(100%) invert(49%) sepia(63%) saturate(3185%) hue-rotate(214deg) brightness(90%) contrast(88%);}


@media (max-width:1024px) {
	/*250210 결과창필터  */
.rveSrch{padding: 1rem 2rem;}
    .rveSrch dl{display: block; width: 100%; height: auto; padding: 1rem 0;}
    .rveSrch dt, .rveSrch dd{display: block; width: 100%;}
    .rveSrch dt{margin-bottom: 0.5rem;}
    .rveSrch dd{padding: 0;}
}

@media screen and (max-width:1019px) {
	
	/* 목록 게시판 */
	.reserv-list-table { overflow:hidden; /* 181022 수정 */}
	.reserv-list-table thead {position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden}
	.reserv-list-table th, .reserv-list-table td {border:0;}
	.reserv-list-table tbody tr {position:relative; overflow:hidden; display:block; padding:7px 0 10px; width:100%; border-bottom:1px solid #ddd; float:left;}
	.reserv-list-table tr:hover td {background-color:transparent}
	.reserv-list-table td {display:block; min-height:20px; padding:4px 5px; font-size:14px;}
	.reserv-list-table .subject {padding-left:0; padding-right:0;} /* 타이틀 */
	.reserv-list-table td .stitle a { text-decoration:underline}
	.reserv-list-table .state{ display:inline-block; width:auto; min-width:80px; padding:0 10px;}

	/* Force table to not be like tables anymore 181008 수정 */
	#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {display:block; }
	#no-more-tables thead tr { position:absolute; top:-9999px; left:-9999px}
	#no-more-tables td { border:none; display:block; width:90%; position:relative;padding-left: 5px; white-space:normal; text-align:left} /*220721 padding-left 기존값 : 20px*/
	#no-more-tables td br { display:none}
	#no-more-tables td:before {/* position:absolute; */ top:4px; left:6px; padding-right:10px; width:100px; white-space:nowrap; text-align:left; color:#000; font-weight:bold} /*220721 position 삭제*/
	#no-more-tables td:before { content:attr(data-title); }

	
	/* 달력테이블 */
	.cldTbl table{border-bottom:0; border-right:0;}
	.cldTbl td{ vertical-align:middle; padding:0; height:auto; min-height:30px}
	.cldTbl .week td em {top:8px; left:8px}
	.cldTbl .week td div { padding:8px 0 8px; height:auto; overflow:hidden}
	.cldTbl .week td a { display:inline-block;}
	.cldTbl .week td .state{ display:inline-block; padding:0 8px; margin:2px 0 2px; font-size:12px}
	.cldTbl .disable{ display:none !important}
	
	/* 달력 Force table to not be like tables anymore 2 */
	#no-more-calendar table, #no-more-calendar thead, #no-more-calendar tbody, #no-more-calendar th, #no-more-calendar td, #no-more-calendar tr {display:block; }
	#no-more-calendar thead tr { position:absolute; top:-9999px; left:-9999px}
	#no-more-calendar tr { border:1px solid #d2dae2; border-bottom:0; border-top:0 }
	#no-more-calendar tr:first-child { border-top:1px solid #d2dae2}
	#no-more-calendar td { border:none; border-bottom:1px solid #d2dae2; position:relative; padding-left:15%; white-space:normal; text-align:left}
	#no-more-calendar td:before { position:absolute; top:8px; left:6px; width:80%; padding-right:10px; white-space:nowrap; text-align:left; color:#4e515e}
	#no-more-calendar td:before { content:attr(data-title); }

	/* 체험상세조회 181008 수정 */
	.guide-box {padding:2.5%}
	.photo_area{width:45%}
	.photo_area .photoOne{height:100%;}
	.photo_area .photoList_wrap a { width:18%; margin-left:2.5%;}
	.guide-box .guide-con {width:50%;}
	
	/* 교구리스트 갤러리 게시판 181022 수정 */
	.column-wrap .column-sec {width:100%;}
	.column-wrap .column-sec.thum-type .data-info{padding-right:0;}
	
	/* 교구상세정보 테이블 181022 수정 */
	.row_tbl table {width:calc(100% - 384px);}
	.row_tbl .photo_area{ width:384px;}
	
	/* 객실예약 - 예약방법 및 예약자 선택 181106 수정 */
	.chk_btn li {width:32%;}
	
	/* 예약 스탭 181212 */
	.reserve_step ul { height:auto}
	.reserve_step ul li {width:33.3%; padding:0 0 0 2%; height:68px; background-image:none; border:1px solid #fff; box-sizing:border-box}
	.reserve_step ul li.on { background-image:none;}
	.reserve_step ul li.nt {background-image:none;}
	
	/* 박스 스타일 181212  */
	.box_blue { padding:3%}
	
	/* 버튼 181212 */
	.btn_check_01 li a {padding:5% 5% 6%; line-height:1.6; font-size:25px; text-align:center; box-sizing:border-box;}
	.btn_check_01 li a span { font-size:15px; margin-left:0; display:block}
	.btn_check_01 li a img { position:relative; display:block; margin:1% auto; top:auto; left:auto}
	.btn_check_01 li.on a  { background-position:90% 20%}
	
	/* 버튼 181212 */
	.btn_check_02 li a {padding:0 3% 6%; height:190px; font-size:20px; box-sizing:border-box; word-break:keep-all}
	.btn_check_02 li.on a  { background-position:90% 15%}
	
	/* 버튼 230223 */
	.btn_check_03 li a {padding:5% 5% 6%; line-height:1.6; font-size:25px; text-align:center; box-sizing:border-box;}
	.btn_check_03 li a span { font-size:15px; margin-left:0; display:block}
	.btn_check_03 li a img { position:relative; display:block; margin:1% auto; top:auto; left:auto}
	.btn_check_03 li.on a  { background-position:90% 20%}

	/* 객실예약 241030*/
	.intro_reserv > li{width:100%}
    
	/*250508 상단 선택박스*/
	.checked_box .type_tab li{width: 30%;}

}

@media screen and (max-width:890px) {
	
	/* 객실예약 181106 수정 */
	.rsv_top_area .calendar_wrap{ width:100%; box-sizing:border-box; margin-bottom:15px}
	.rsv_top_area .fa_select{width:100%; min-height:auto; padding-bottom:85px; box-sizing:border-box}
	
	.state_lst li{width:19%;}
	
	
}
@media (max-width:860px) {
/*250210 결과창필터  */
.rveSrch dt{width:auto;}
.rveSrch dd{width:100%; border-left:0; margin-top:0.5rem; padding:0;}
}

@media screen and (max-width:800px) {
	
	/* 시설 타입별 선택 박스 */
	.checked_box .type_tab {float:left}

	/* 휴가일정표 */
	.date_view_box2{background-color:#f9f9f9}
	.vctType{ font-size:12px; position:absolute; right:7px; top:14px;}
	.vctType li{ float:left; margin-right:8px}
	
	/* 체험상세조회 181008 수정 */
	.photo_area{width:100%; margin-bottom:20px}
	.guide-box .guide-con {width:100%; margin-left:0}

	/* 상세조회 탭영역 */
	.guide_tab_area > h4 {width:50%;}
	.guide_tab_area > h4.tit_2 {left:50%;}
	
	/* 교구리스트 갤러리 게시판 181022 수정 */
	.column-wrap .column-sec.thum-type .pimg {width:160px;}
	.column-wrap .column-sec.thum-type .data-info{ padding-left:180px}
	
	/* 장바구니 바로가기 버튼 181022 수정 */
	.btn_cart {margin-right:0; margin-top:-32px}
	
	/* 교구상세정보 테이블 181022 수정 */
	.row_tbl table { width:100%; height:auto}
	.row_tbl .photo_area{ width:100%; height:auto;}
	.row_tbl .photo_area .photo_box{ padding:20px; overflow:hidden}
	.row_tbl .photo_area .photoOne{ width:calc(100% - 120px); height:240px; margin-bottom:0; float:left}
	.row_tbl .photo_area .photoOne img{ width:auto; max-width:100%; height:100%}
	.row_tbl .photo_area .photoList_wrap{ width:100px; float:right; height:240px; overflow-y:auto}
	.row_tbl .photo_area .photoList_wrap a { display:block; width:65px; height:44px; margin-left:0; margin-bottom:5px}
	
	/* 객실정보 - 예약현황확인 190207 수정 */
	table.state_con td .img img {width:100%; height:auto}

	/* Force table to not be like tables anymore 181106 수정 */
	#no-more-tables_2, #no-more-tables_2 thead, #no-more-tables_2 tbody, #no-more-tables_2 th, #no-more-tables_2 td, #no-more-tables_2 tr {display: block; }
	#no-more-tables_2{border-left:0 !important;}
	#no-more-tables_2 thead tr { position: absolute; top: -9999px; left: -9999px}
	#no-more-tables_2 tr { border:1px solid #d2dae2; border-bottom:0; border-top:0 }
	#no-more-tables_2 th { border-right: 0;}
	#no-more-tables_2 td { border: none; border-bottom: 1px solid #d2dae2; position: relative; white-space: normal; text-align:center}
	
	/* 예약 스탭 181212 */
	.reserve_step ul li {width:50%;}
	
	/* 버튼 181212 */
	.btn_check_02 li a {font-size:17px; height:180px}
	.btn_check_02 li a span { font-size:13px;}
	
	/*230220*/
	#all-scroll table td {white-space: nowrap;}
	
	/*250508 상단 선택박스*/
	.checked_box .type_tab li{width: 45%;}
}

@media screen and (max-width:680px) {
	
	/* 20181008 수정*/
	.detail_info .tbl_type01 td a.sb-btn{ margin-left:0 !important}
	
	/* 객실예약 - 예약방법 및 예약자 선택 181106 수정 */
	.chk_btn li {width:49%;}
	
	/* 객실예약 181212 수정 */
	.state_lst li{width:24%;}

}
@media (max-width:640px) {
	/*250210 결과창필터  */
.rveSrch{padding: 0.5rem 1rem; margin-right: 0.75rem;}
    .rveSrch::before{right: -0.75rem; top: 0.75rem;}
    .rveSrch input[type="text"], .rveSrch select{margin: 0;}
    .rveSrch .dateF span {width:calc(50% - 10px);}
    .rveSrch .dateF span input{width:100%;box-sizing: border-box;}
	.rveSrch select{width: 100%;}
}
@media screen and (max-width:580px) {

	
	/* 교구리스트 갤러리 게시판 181022 수정 */
	.column-wrap .column-sec.thum-type { height:188px;}
	.column-wrap .column-sec.thum-type .pimg {width:100px; height:80px;}
	.column-wrap .column-sec.thum-type .data-info{ padding-left:120px; font-size:13px;}
	.column-wrap .column-sec.thum-type .data-info li{ padding:0 0; line-height:18px;}
	.column-wrap .column-sec.thum-type .data-info li > span + span:before { display:none}
	.column-wrap .column-sec.thum-type .data-info li > span { display:block; padding:2px 0; line-height:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
	.column-wrap .column-sec.thum-type .data-info li > span + span{display:block; padding:2px 0; line-height:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}	
	.column-wrap .column-sec.thum-type .data-info li .parcel{ margin:3px 0}
	
	/* 장바구니 담기 버튼  181022 수정 */
	.btn_put {margin:3px 0}
	
	/* 장바구니 바로가기 버튼 181022 수정 */
	.btn_cart { float:none; margin-top:10px; display:inline-block; font-size:14px; vertical-align:middle; transition:all .25s ease; line-height:1; background:#fc5a58; border:1px solid #e45351; color:#fff;}
	.btn_cart:hover, .btn_cart:focus {background:#fc5a58;}
	.btn_cart span {display:block; padding:7px 40px 9px 15px; line-height:1;}
	.btn_cart .ico {position:absolute; right:12px; top:50%; padding:0; width:16px; height:16px; margin-top:-8px; background:url('/images/org/com/gne/ico_cbtn.png') no-repeat 0 0;-webkit-transition:right .25s ease; transition:right .25s ease-out}
	.btn_cart .arr {background:url('/images/org/com/gne/ico_cbtn.png') no-repeat 6px -44px;}
	.btn_cart:hover .ico {right:20px;}

	/* 교구상세정보 테이블 181022 수정 */
	.row_tbl .photo_area .photoOne{ width:100%; height:auto; margin-bottom:10px;}
	.row_tbl .photo_area .photoOne img{ width:100%; height:auto}
	.row_tbl .photo_area .photoList_wrap{ width:100%; height:auto; overflow:hidden; overflow-x:auto}
	.row_tbl .photo_area .photoList_wrap a { display:inline-block; width:65px; height:44px; margin-left:10px; margin-bottom:5px}
	
	/* 객실예약 - 예약방법 및 예약자 선택 181106 수정 */
	.chk_btn li {width:99%;}
	
	/* 객실예약 190207 수정 */
	table.state_con td .img img {width:100%;}
	.state_lst li{width:32.3%;}
	
	/* 버튼 181212 */
	.btn_check_01 li a {padding:7% 5% 8%; font-size:20px;}
	.btn_check_01 li a span { font-size:13px;}
	.btn_check_01 li a img { max-width:30%; margin:1% auto 3%;}
	
	/* 버튼 181212 */
	.btn_check_02 li { width:100%; margin-left:0; margin-top:2%}
	.btn_check_02 li:first-child { margin-top:0}
	.btn_check_02 li a { height:auto; padding:0 3% 10%;}
	
	/* 버튼 230223 */
	.btn_check_03 li a {padding:7% 5% 8%; font-size:20px;}
	.btn_check_03 li a span { font-size:13px;}
	.btn_check_03 li a img { max-width:30%; margin:1% auto 3%;}

	 /*객실예약 241030*/
	.intro_reserv > li > div .img {position:relative;margin:0 auto;}
    .intro_reserv > li > div .txt {padding-left: 0; margin-top:30px;}
	
	
	/*250508 상단 선택박스*/
	.checked_box {height:200px; overflow-y:auto;}
	.checked_box .type_tab li{width: 100%;}
	
}

@media screen and (max-width:480px) {
	
	/* 예약 스탭 181212 */
	.reserve_step ul li {width:100%;}
	
	/* 객실예약 181212 수정 */
	.state_lst li{width:49%;}
	
	/*250210 결과창필터  */
	 .rveSrch .dateF {text-align:center}
    .rveSrch .dateF span{width:100%;}
    .rveSrch .dateF span input{width:100%;box-sizing: border-box;}

	
}

@media screen and (max-width:380px) {
	/*250210 결과창필터  */
.rveSrch{padding:0.75rem;}
.rveSrch .searchF input{width:100%;}
.rveSrch .btnSrch{width:100%; margin-top:0.5rem; float: none;}    

	
}