@charset "utf-8";

/*
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700,900&display=swap');
*/

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2') format('woff2'),url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff') format('woff'),url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2') format('woff2'),url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff') format('woff'),url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2') format('woff2'),url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff') format('woff'),url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2') format('woff2'),url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff') format('woff'),url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2') format('woff2'),url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff') format('woff'),url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2') format('woff2'),url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff') format('woff'),url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf') format('opentype');
}
@font-face {
  font-family: 'InkLipquid'; 
  font-style: normal;
  font-weight: normal;
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');   
}
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html {
	overflow-y:scroll;
      /* Prevent font scaling in landscape */
     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
     -moz-text-size-adjust: none; /*Firefox*/
     -ms-text-size-adjust: none;  /*Ie*/
     -o-text-size-adjust: none; /*old versions of Opera*/
}

@media all and (max-width:768px){
	/*모바일에서 스크롤바 항상보이게하기*/
	/* 전체 스크롤바 */
	::-webkit-scrollbar {
	  width: 10px;
	  height: 10px;
	}

	/* 스크롤바 트랙 (배경) */
	::-webkit-scrollbar-track {
	  background: linear-gradient(180deg, #d0f0f7, #ffffff);
	  border-radius: 10px;
	}

	/* 스크롤바 썸 (움직이는 부분) */
	::-webkit-scrollbar-thumb {
	  background: linear-gradient(180deg, #00c6ff, #0072ff);
	  border-radius: 10px;
	  box-shadow: inset 2px 2px 5px rgba(255, 255, 255, 0.5);
	}

	/* 스크롤바 썸: 호버 시 */
	::-webkit-scrollbar-thumb:hover {
	  background: linear-gradient(180deg, #00b4db, #0083b0);
	}


	.admin_menu {padding:10px;color:#fff;display:flex;border:1px solid rgba(250,250,250,0.3);margin:0 10px 5px 10px;}
	.admin_menu > p {font-size:1.1em;padding:2px 0 0 0;}
	.admin_menu > select {padding:1px 10px 5px 10px;margin-left:10px;width:calc(100% - 80px);}
 }
form{display:inline;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   line-height: 1.3em;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

ol, ul, li{list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}

a {text-decoration:none;color:#333;}
body {font-family: 'Noto Sans KR', sans-serif;font-size:14px;-webkit-font-smoothing: subpixel-antialiased;}

img {vertical-align:top;}

/*모바일 출조공지 이미지용*/
#main_bk_notice img {max-width:100%;}
* {outline:0 !important;}

.mtop2 {margin-top:2px;}
.mtop5 {margin-top:5px;}
.mtop7 {margin-top:7px;}
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}

.ml30 { margin-left: 30px;}

.mr3 { margin-right: 3px; }
.mr5 { margin-right: 5px; }
.mr7 { margin-right: 7px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px;}

.mb5 {margin-bottom:5px; }
.mb10 {margin-bottom:10px; }
.mb12 { margin-bottom: 12px; }
.mb20 {margin-bottom:20px; }
.mb30 {margin-bottom:30px; }
.mb40 {margin-bottom:40px; }
.test {border:1px solid red;}
.over_f {overflow:hidden;}
.over_f:after {clear:both !important}
.fl {float:left;}
.fr {float:right;}
.vm {vertical-align:middle;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}

.footer {clear:both !important}


/***** 모듈에서사용 시작 *****/
.f_required {font-size: 11px; color: #ff3000;}
.f_pil {font-size: 11px; color: #ff3000;}
.f_info {font-size: 11px; color: #999999;}
.f_info2 {font-size: 11px; color: navy;}
.f_red {font-size: 11px; color: red; font-weight:bold;}
.f_blue {font-size: 11px; color: blue; font-weight:bold;}
.f_ser {font-size: 12px; color: navy;}
.f_9 {font-size: 9px;}
.f_10 {font-size: 10px;}
.f_11 {font-size: 11px;}
.f_cred {color:red;}


.w100 {	width:100%;}
.w100:after {
	content: "";
	display:block; 
	clear:both;
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}

.f_img {display:inline;}
.f_val_sel {font-weight:500; color:#3ea500;}


.btn_gray
{
	display: inline-block;
	padding: 0.3em 1.0em;
	border-radius: .25em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;	
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	border: 1px solid #e1e1e1;
	background: #e1e1e1;	
	font-weight:500;
	color: #222;
}
.btn_admin { font-size: 12px; padding: 2px 7px; margin-left: 7px; }
/* 이동버튼 */
.f_bt 
{
	display: inline-block;
	padding: 0.3em 1.0em;
	border-radius: .25em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;	
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	border: 1px solid dodgerblue;
	background: dodgerblue;	
	font-weight:500;
	color: #fff;
}

/* 등록 또는 수정버튼 */
.f_sm
{
	display: inline-block;
	padding: .3em 1.0em;
	border-radius: .25em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;

	color: #fff!important;
	border: 1px solid #3B464F;
	background: #002B5B;		
}
.f_sm_white
{
	display: inline-block;
	padding: .3em 1.0em;
	border-radius: .25em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	color: #3B464F;
	border: 1px solid #3B464F;
	background: #fff;		
}
/* sms 버튼*/
.f_sms
{
	display: inline-block;
	padding: .3em 1.0em;
	border-radius: .25em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	color: #fff;
	background: #54BAB9;		
}	
.f_s2m
{
	display: inline-block;
	margin: 2px;
	padding: .15em .5em;
	border-radius: .25em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;

	color: #fff!important;
	text-shadow: 0 1px 0px #0C6E95;
	border: 1px solid #0C6E95;
	box-shadow: 0px 2px 2px 0px #0C6E95;
	background-color:#0C6E95;	
	
}
.f_s2m_active
{
	display: inline-block;
	margin: 2px;
	padding: .15em .5em;
	border-radius: .25em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	color: #000!important;
	border: 1px solid #FFCC00;
	background: #FFCC00;		
}
/* 삭제버튼 */
.f_de
{
	display: inline-block;
	padding: .3em 1.0em;
	border-radius: .25em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	color: #fff;
	border: 1px solid red;
	background: red;
}

/* 기타버튼 */
.f_or 
{
	display: inline-block;
	padding: .2em 1.5em .25em 1.5em;
	border-radius:1em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;

	color: #555!important;
	text-shadow: none;
	border: 1px solid #a3a3a3;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	background:url(/_core/module/reservation_boat_v1/image/btn_bg4.jpg) repeat-x left top;background-size:100% 100%;	
	font-weight:500;
}
.f_or2 
{
	display: inline-block;
	padding: .3em 1.0em;
	border-radius: .25em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;

	color: #555!important;
	text-shadow: none;
	border: 1px solid #a3a3a3;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	background:url(/_core/module/reservation_boat_v1/image/btn_bg4.jpg) repeat-x left top;background-size:100% 100%;	
	font-weight:500;
}
.f_or3
{
	display: inline-block;
	padding: .2em 1em .25em 1em;
	border-radius:1em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;

	color: #555!important;
	text-shadow: none;
	border: 1px solid #a3a3a3;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	background:url(/_core/module/reservation_boat_v1/image/btn_bg4.jpg) repeat-x left top;background-size:100% 100%;	
	font-weight:500;
	font-size:12px;
}
.f_or4
{
	display: inline-block;
	padding: .2em 1em .25em 1em;
	border-radius:0.1em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	color: #003286!important;
	text-shadow: none;
	border: 1px solid #9ec0e3;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	background:url(/_core/module/reservation_boat_v1/image/btn_bg5.jpg) repeat-x left top;background-size:100% 100%;	
	font-weight:500;
	font-size:12px;
	
}
.d-f { display: flex; }
.j-sp-bt { justify-content: space-between; }
.a-c { align-items: center; }
/* 페이징 
.paging{text-align:center;color:#666;margin-top:20px;}
.paging strong{display:inline-block;vertical-align:top;min-width:32px;height:32px;line-height:32px;background:#4d535a;color:#fff;}
.paging a{display:inline-block;color:#888888;vertical-align:top;background:#fff;min-width:32px;height:30px;line-height:30px !important;border:1px solid #d6d8da;font-size:13px;}
.paging a.first{padding:0;border:0;}
.paging a.prev{margin:0 8px 0 0;padding:0;border:0;}
.paging a.next{margin:0 0 0 8px;padding:0;border:0;}
.paging a.end{padding:0;border:0;}
.paging a:hover.first, .paging a:hover.prev, .paging a:hover.next, .paging a:hover.end{border:0;}
.paging a:hover, .paging a:focus{display:inline-block;text-decoration:none;background:#fff;color:#000;border:1px solid #4d535a;}*/

/* 달력 */
.ui-datepicker { font:12px; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 80px;}
.ui-datepicker-trigger { margin:0 0 -5px 2px; }

/* 타이틀 */
.title {position:relative;font-size:22px;font-weight:500;color:#333;padding:6px 0 6px 0;margin-bottom:25px;text-align:left;border-bottom:1px solid #dedede;border-top:2px solid #000;letter-spacing:-0.05em;line-height:100%;}
.title .na {position:absolute;top:6px; right:0;font-size:13px;color:#999;font-weight:normal;background:#efefef;padding:6px 20px;letter-spacing:-0.01em;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;}
.title .na span {font-size:11px;vertical-align:top;}

/*input[type="button" i] {border-radius: 5px;border:1px solid #bdc1c5;padding:1px 10px 2px 10px;}*/

#admin_top_line select {border:1px solid #ccc;background:#f5f5f5;padding:1px 5px 3px 5px;vertical-align:middle;}
.select {border:1px solid #ccc;background:#f5f5f5;padding:3px 5px 5px 5px;vertical-align:middle;}
.txt_box {border:1px solid #ccc;background:#f5f5f5;padding:5px 5px;vertical-align:middle;}

.new_btn {cursor:pointer;}
.new_btn img {vertical-align:middle;display:inline-block;padding: 0 3px 2px 0;}

/*관리자메뉴 틀*/
.admin_menu_content_list_wrap { width: 1400px; margin: auto;}
.admin_menu_content_list_h2 { font-size: 20px; }
.admin_menu_content_list_listsearch { width: 100%; display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 5px; }
.admin_menu_content_list_listnum { display: flex; align-items: flex-end; font-size: 14px; font-weight: 400; color: #666; }
.admin_box {border:1px solid #ccc; padding:10px; border-radius:5px; background:#f5f5f5; position:relative; margin-top: 5px; margin-bottom:5px;}
/*.admin_box .txt_btn {margin:5px auto; text-align:center;}*/
.admin_box .txt_btn li {display:inline-block;width:calc(20% - 7px); margin:2px 1px;}
.admin_box .txt_btn li .admin_btn_n {display:block;width:calc(100% - 2px);border:1px solid #9d9d9d;background:#fff;border-radius:3px;letter-spacing:-0.1em;
font-weight:500;cursor: pointer;padding:5px 0 7px 0;vertical-align: middle;font-size:14px;color:#333;font-family: 'Noto Sans KR', sans-serif;
box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);}
.admin_box .txt_btn li .admin_btn_n img {vertical-align:middle;margin-right:3px;}
.admin_box .txt_btn li .admin_btn_n:hover {background:#ccc;}

.admin_box .aleft_btn {position:absolute;top:-26.7px;left:10px;}
.admin_box .arig_btn {position:absolute;top:-26.7px;right:10px;}
.admin_box .acen_btn {position:absolute;top:-20px;left:50%;transform: translate(-50%, -50%);}
.admin_box .ad_top_btn ul li {display:inline-block;line-height:1em;margin:0 -1px;;}
.admin_box .ad_top_btn button {line-height:12px;border-top-left-radius:5px;border-top-right-radius:5px;background:#222;color:#fff;letter-spacing:-0.1em;padding:7px 10px 7px 10px ;font-size:12px;cursor: pointer;font-weight:500;border:1px solid #ccc;border-bottom:none;font-family: 'Noto Sans KR', sans-serif;}
.admin_box .ad_top_btn button.on {background:#f5f5f5;color:#333;}
/*.admin_box .ad_top_btn button:hover {background:#555;color:#fff;}*/
.admin_box .ad_top_btn .icon_see button {background:#ff0000;}
/*.admin_box .ad_top_btn .icon_see button:hover {background:#000;color:#ff0000;}*/
.admin_box .ad_top_btn .icon_see button.on {background:#f5f5f5;color:#333;}

/*관리자메뉴 메뉴얼탭*/
.admin_manual_tab {overflow:hidden;max-width:1000px; margin-left: 15px;}
.admin_manual_tab .tmenu {float:left;margin-right:30px;}
.admin_manual_tab .tmenu ul {overflow:hidden;}
.admin_manual_tab .tmenu ul li {float:left;}
.admin_manual_tab .tmenu ul li:last-child a {border-right:1px solid #ccc;}
.admin_manual_tab .tmenu ul li a {display:block;padding:10px 20px;min-width:100px;text-align:center;background:#f5f5f5;font-size:15px;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.admin_manual_tab .tmenu ul li a:hover {background:#e4e4e4;}
.admin_manual_tab .tmenu ul li a.on {background:#fff; color:#222;font-weight:500;border-top:1px solid #222;border-right:1px solid #222;}
.admin_manual_tab .tmenu ul li:first-child a {}
.admin_manual_tab .search {float:right;}
.admin_manual_tab .search select {vertical-align:middle;padding:2px 5px 4px 5px;}
.admin_manual_tab .search .txt_box {padding:3px 5px 5px 5px;}
.admin_manual_tab .search span {vertical-align:middle;}

/*관리자 메뉴 등에서 사용되는 화이트 그레이의 간단한 게시판 디자인 - list*/
.board_top { clear:both; }
.board_list { clear:both; width:100%; table-layout:fixed; margin:0 0 0 0; }
.board_list a:hover { color: blue; }
.board_list th { font-weight: 500; font-size:14px; }
.board_list th { white-space: nowrap; height: 34px; text-align:center; }
.board_list th { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }

.board_list tr.bg0 { background-color:#fafafa; }
.board_list tr.bg1 { background-color:#ffffff; }

.board_list td { padding:.5em; }
.board_list td { border-bottom:1px solid #ddd; }
.board_list td.num { color:#999999; text-align:center; }
.board_list td.checkbox { text-align:center; }
.board_list td.subject { overflow:hidden; }
.board_list td.name { padding:0 0 0 10px; }
.board_list td.datetime { font-size:11px; color:#BABABA; text-align:center; }
.board_list td.hit { font-size:11px; color:#BABABA; text-align:center; }
.board_list td.good { font-size:11px; color:#BABABA; text-align:center; }
.board_list td.nogood { font-size:11px; color:#BABABA; text-align:center; }

.board_list .notice { font-weight:normal; }
.board_list .current { font-size:bold 11px; color:#E15916; }
.board_list .comment { font-size:10px; color:#EE5A00; }

.board_button { clear:both; margin:10px 0 0 0; }

.board_page { clear:both; text-align:center; margin:3px 0 0 0; }
.board_page a:link { color:#777; }

.board_search { text-align:center; margin:10px 0 0 0; }
.board_search .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }

/*관리자 메뉴 등에서 사용되는 화이트 그레이의 간단한 게시판 디자인 - 내부페이지들*/
.board_insert { border-top:1px solid #000; }

.board_insert { clear:both; width:100%; table-layout:fixed; margin:5px 0px 0px 0px; }
.board_insert th { font-weight:bold; font-size:13px; }
.board_insert th { white-space:nowrap; height:34px; overflow:hidden; text-align:left; padding-left:10px; border-bottom:1px solid #ddd; background-color:#F4F4F4;}

.board_insert td { padding:.5em; }
.board_insert td { border-bottom:1px solid #ddd; }
.board_insert td.num { color:#999999; text-align:center; }
.board_insert td.checkbox { text-align:center; }
.board_insert td.subject { overflow:hidden; }
.board_insert td.name { padding:0 0 0 10px; }
.board_insert td.datetime { font-size:11px; color:#BABABA; text-align:center; }
.board_insert td.hit { font-size:11px; color:#BABABA; text-align:center; }
.board_insert td.good { font-size:11px; color:#BABABA; text-align:center; }
.board_insert td.nogood { font-size:11px; color:#BABABA; text-align:center; }

@media all and (max-width:768px){
	.board_list .subject .notice {font-size:1.2em;}

	.mob_pro form select {border:1px solid #ccc;background:#f5f5f5;padding:3px 5px 5px 5px;vertical-align:middle;line-height:1em;font-size:1em;}
    .mob_pro form input[type="text"] {border:1px solid #ccc;background:#f5f5f5;padding:5px 5px;vertical-align:middle;line-height:1em;font-size:1em;}

}

/*****/
.wm_cen {text-align:center;}
.icon_btn {margin:5px 0;text-align:center;overflow:hidden;}
.icon_btn li {float:left;width:10%;margin:2px 0 4px 0;}
.icon_btn li:last-child {margin-right:0;}
.icon_btn li button {border:1px solid #9d9d9d;background:#fff;border-radius:3px;letter-spacing:-0.1em;cursor: pointer;width:calc(100% - 2px);font-weight:500;cursor: pointer;padding: 5px 0 10px 0;font-size:13px;color:#333;font-family: 'Noto Sans KR', sans-serif}
.icon_btn li button i {width:65px;height:42px;display:block;margin:0 auto;background:url(/css/image/admin_icon.png) no-repeat;}
.icon_btn li button:hover {background:#a6dd00;}
.icon_btn li button i.ad_btn1_ico {background-position:5px top;}
.icon_btn li button i.ad_btn2_ico {background-position:-68px top;}
.icon_btn li button i.ad_btn3_ico {background-position:-139px top;}
.icon_btn li button i.ad_btn4_ico {background-position:-214px top;}
.icon_btn li button i.ad_btn5_ico {background-position:-280px top;}
.icon_btn li button i.ad_btn6_ico {background-position:-360px top;}
.icon_btn li button i.ad_btn7_ico {background-position:-433px top;}
.icon_btn li button i.ad_btn8_ico {background-position:-504px top;}
.icon_btn li button i.ad_btn9_ico {background-position:-576px top;}
.icon_btn li button i.ad_btn10_ico {background-position:-652px top;}
.icon_btn li button i.ad_btn11_ico {background-position:-724px top;}

.admin_box .sms_box {background:#c7eb83;border-radius:5px;padding:10px;margin-top:10px;overflow:hidden;border:1px solid #a4bc34;}
.admin_box .sms_box .sms_btn {float:left;width:130px;margin-right:10px;}
.admin_box .sms_box .sms_ad {float:left;width:calc(100% - 155px);padding-left:10px;border-left:1px solid #b6c863;text-align:left;letter-spacing:-0.08em;}
.sms_num {font-size:18px;line-height:0.8em;padding:0 0 8px 0;margin-left:-10px;}
.sms_num span {color:#ff0000;}
.sms_line {padding:5px 10px;border:1px solid #9cb13d;border-radius:5px;margin-bottom:2px;background:#f1fdbd;}
.sms_num .rig_sms_btn {float:right;padding-bottom:4px;}
.admin_box a {display: inline-block;}
.sms_ad .stxt {font-size:12.5px;color:#555;}
.ap {font-size:11px !important; color:#ff3000 !important;}
.ai {font-size:11px !important; color:gray !important;}
.admin_btn 
{
	display: inline-block;
	padding: 0.08em 0.5em 0.08em 0.5em;
	border-radius: .25em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	color: #222;
	text-shadow: none;
	border: 1px solid #009a36;
	box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
	background:#fff;	
	letter-spacing:-0.07em;
	font-size:13px;
	line-height:1.3em;
}
.admin_btn_b
{
	display: inline-block;
	padding: 0.1em 0.5em 0.2em 0.5em;
	border-radius: .25em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	text-shadow: none;
	border: 1px solid #7c7c7c;
	box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
	letter-spacing:-0.07em;
	font-size:14px;
	line-height:1.3em;
}
.admin_btn_premium
{
	display: inline-block;
	padding: 0.1em 0.5em 0.2em 0.5em;
	border-radius: .25em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: #336699;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	text-shadow: none;
	border: 1px solid #7c7c7c;
	box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
	letter-spacing:-0.07em;
	font-size:14px;
	line-height:1.3em;
	color:#fff;
}
.w80_s {width: calc(79.5% - 24px);}
.admin_btn img {vertical-align:middle;display:inline-block;padding: 0 3px 2px 0;}
.prm_btn {margin-top:10px;width: calc(20.5% - 2px) !important}
.prm_btn a {display:block;background:#2b3b5c url(/css/image/premium.png) no-repeat center 18px;color:#fff;border-radius:5px;padding:88px 10px 20px 10px;text-align:center;}
.prm_btn a:hover {background:#315192 url(/css/image/premium.png) no-repeat center 18px;}

.top_prm_btn a {position:absolute;top:-20px;left:50%;transform: translate(-50%, -50%);min-width:170px;display:block;background:#2b3b5c url(/css/image/premium.png) no-repeat 20px 3px;background-size:20%;color:#fff;border-radius:5px;text-align:center;padding:8px 0 8px 30px;}
.top_prm_btn a:hover {background:#315192 url(/css/image/premium.png) no-repeat 20px 3px;background-size:20%;}

/*관리자 퀵메뉴*/
.admin_quick {position:fixed;top:0;right:0;width:100px;height:100%;background:url(/css/image/admin_bg.png) repeat;padding:0 10px;}
.admin_quick > dl > dt {font-size:13px;color:#fff;font-weight:500;letter-spacing:-0.05em;padding:8px 0;border-bottom:1px solid #596c9c;text-align:center;}
.admin_quick > dl > dt > span {color:#ffe400;}
.admin_quick > dl > dd ul li {border-bottom:1px solid #596c9c;padding:4px 0 4px 0;}
.admin_quick > dl > dd a {font-size:13px;font-weight:500;color:#fff;text-align:center;display:block;letter-spacing:-0.05em;line-height:1.2em;}
.admin_quick > dl > dd a:hover {color:#fff600;}
.admin_quick > dl > dd a i {height: 30px; display:block;}
.admin_quick > dl > dd a:hover i {opacity:0.5;}
.admin_quick > dl > dd .abtn1 {background:url(/css/image/admin_wjb.png) no-repeat center top; background-size: 30px;}
.admin_quick > dl > dd .abtn2 {background:url(/css/image/admin_bns.png) no-repeat center top; background-size: 30px;}
.admin_quick > dl > dd .abtn3 {background:url(/css/image/admin_re.png) no-repeat center top; background-size: 30px;}
.admin_quick > dl > dd .abtn4 {background:url(/css/image/admin_cj.png) no-repeat center top; background-size: 30px;}
.admin_quick > dl > dd .abtn5 {background:url(/css/image/admin_sms.png) no-repeat center top; background-size: 30px;}
.admin_quick > dl > dd .abtn6 {background:url(/css/image/admin_mob.png) no-repeat center top; background-size: 30px;}

.admin_quick > dl > dd .or_btn {display:block;background:#ff8a00;border-radius:3px;color:#fff;margin-top:7px;margin-left:1px;margin-right:1px;padding:5px 0 6px 0;font-weight:500;letter-spacing:-0.05em;}

.admin_quick > dl > dd .or_btn:hover {color:#ff4200;}
.admin_quick > dl > dd .or_btn2 {background:#2564e0;border-radius:3px;color:#fff;margin-top:3px;margin-left:1px;margin-right:1px;padding:5px 0 6px 0;font-weight:500;letter-spacing:-0.05em;}
.admin_quick > dl > dd dl {border-radius: 3px; border: 1px solid #3c5287; margin-top: 7px;background:#142852;padding: 5px 0;text-align:center;}
.admin_quick > dl > dd .stxt {font-size:13px;color:#fff;text-align:center;}
.admin_quick > dl > dd .sms_num {color:#f882ff;font-size:18px;padding-top:5px;}
.admin_quick .onoff_btn {position:absolute;top:65px;right:120px;}
.admin_quick .off {}
.q_input_s {border-radius: 3px; border:1px solid #fff; padding: 2px; letter-spacing:-0.1em;width:calc(100% - 6px);}
.q_btn_s {font-size:13px;border-radius:3px;background:#0994ff;border:none;margin-top:3px;color:#fff;width:100%;line-height:1em;padding:5px 0;font-weight:700;cursor:pointer;}
.q_btn_s:hover {background:#004add;}

.card_s_box {width:700px;margin:0 auto;text-align:center;border:1px solid #ccc;background:#fafafa;padding:10px;border-radius:10px;}



/*cs 가이드*/
.cs_guide_box {border:1px solid #ccc;border-radius:10px;padding: 20px 15px;margin:10px 0;}
.cs_guide_box .over_f {}
.cs_guide_box .fl {width: 370px; height: 793px;}
.cs_guide_box .fl dt {font-size:30px;font-weight:500;letter-spacing:-0.05em;}
.cs_guide_box .red {color:#e00000;}
.cs_guide_box .stxt {font-size:20px;letter-spacing:0em}
.cs_guide_box .fl dd {padding:10px;}
.cs_guide_box .fr {width:calc(100% - 380px);}
.cs_guide_box .btn_box,
.cs_guide_box .cs_price_box,
.cs_call_box, .cs_guide_box .scroll_to_btn {
    width: 100%;
    box-sizing: border-box;
}
.cs_guide_box .cs_price_box  {
    background: #fff;
	border: 2px solid #0078d4;
    border-radius: 10px;
    width: 100%;
    padding: 12px 0;
    text-align: center;
    color: #0078d4;
    font-size: 18px;
    letter-spacing: -0.02em;
}

.cs_guide_box .btn_box {
    background: linear-gradient(to bottom, #3a9fff, #0078d4);
    border-radius: 10px;
    width: 100%;
    padding: 12px 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    letter-spacing: -0.02em;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    position: relative;
    cursor: pointer;
}

/* Hover: 더 입체감 주기 (살짝 내려감) */
.cs_guide_box .btn_box:hover {
    transform: translateY(2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}

/* Active: 눌리는 효과 */
.cs_guide_box .btn_box:active {
    transform: translateY(1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.cs_guide_box .scroll_to_btn { 
	background: linear-gradient(to bottom, #999, #333);
    border-radius: 10px;
    width: 100%;
    padding: 12px 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    letter-spacing: -0.02em;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
	bottom: -165px;
}
.cs_guide_box table { width:100%;border-collapse : collapse;border-top:1px solid #ccc;border-left:1px solid #ccc;letter-spacing:-0.04em;}
.cs_guide_box table tr th { text-align: left; padding:7px 10px;border-bottom:1px solid #ccc; border-right:1px solid #ccc;background:#efefef;font-weight:500;}
.cs_guide_box table tr th span {font-weight:400;font-size:13px;color:#666;}
.cs_guide_box table tr td {padding:7px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;font-weight:normal;color:#555;}
.cs_guide_box .prace_bb {font-weight:500;color:#222;font-size:15px;}

.cs_guide_box .cs_call_box {background: #fff; color: #555; border: 2px solid #ff5a00; border-radius:10px; padding:15px;text-align: left; font-weight: 500; font-size:14px;letter-spacing:-0.02em;}
.cs-num-head { font-weight: 600; font-size: 22px; color: #ff5a00; }

/*모바일용 메인갤러리*/
.m_gallery_box {position:relative;margin-top:15px;width:100%;min-width:300px;}
.m_gallery { }
.m_gallery .list {position:relative; overflow:hidden;padding-bottom:10px;}
.m_gallery ul {position:absolute; top:0; left:0;overflow:hidden;min-width:300px;}
.m_gallery ul li {text-align:center;padding: 10px 0;margin:0;}
.m_gallery ul li .pic {position:relative;padding-top: 75%;overflow:hidden;vertical-align:middle;padding-right:10px;}
.m_gallery ul li .pic img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width:calc(100% - 8px); height: calc(100% - 8px);border:1px solid #efefef;padding:3px;margin:0;}
.m_gallery ul li p {font-size:0.9em;padding:5px 0;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.m_gallery_box .more {position:absolute;top:7px;right:2px;}
.m_gallery_box .more a {color:#666;font-size:0.9em;}
.m_gallery_box .more a span {color:#0a83e9;font-weight:bold;font-size:1.1em;}
.m_gallery .ts-controls {}

.m_gallery2 {position:relative;margin-top:10px;width:100%;min-width:300px;}
.m_gallery2 .list {position:relative; overflow:hidden;padding-bottom:5px;}
/*.m_gallery2 ul {position:absolute; top:0; left:0;overflow:hidden;min-width:300px;}*/
.m_gallery2 ul {min-width:300px;}
.m_gallery2 ul li {float:left;text-align:center;padding:0;margin:0;width:32.5%;margin-right:1%;}
.m_gallery2 ul li:nth-child(3n) {margin-right:0;}
.m_gallery2 ul li .pic {aspect-ratio: 4 / 3; overflow:hidden;vertical-align:middle;padding-right:10px;}
.m_gallery2 ul li .pic img { width: 100%; height: 100%; object-fit: cover; object-position: center center; border:1px solid #ccc; padding: 3px;margin:0;}
.m_gallery2 ul li p {font-size: 12px; padding: 5px 0;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
/*.m_gallery2 .more {position:absolute;top:7px;right:2px;}
.m_gallery2 .more a {color:#666;font-size:0.9em;}
.m_gallery2 .more a span {color:#0a83e9;font-weight:bold;font-size:1.1em;}
.m_gallery2 .ts-controls {display:none;}*/

/*예약화면 아이콘 추가*/
.w25 {width:25px;}
.w65 {width:65px;}
.w85 {width:85px;}
.w94 {width:94px;}
.ico_line {display:inline-block;}
.rad30 {border-radius:35px !important}
.tc {text-align:center !important}
.p10 {padding:2px 7px !important}
.mg0 {margin:0 !important}
.s_ev_icon_a1 {background:#fe2691;border-radius:5px;color:#fff;font-size:13px;font-weight:500;letter-spacing:-0.07em;text-align:left;margin:1px;line-height:25px;border:1px solid #666;
animation: icoAnimation 0.8s  infinite;}
@keyframes icoAnimation {
  50% {
    background-color: #c426fe;
  }
}
.s_ev_icon_a2 {background:#21c8ff;border-radius:5px;color:#fff;font-size:13px;font-weight:500;letter-spacing:-0.07em;text-align:left;margin:1px;line-height:25px;border:1px solid #666;
animation: ico2Animation 0.8s  infinite;}
@keyframes ico2Animation {
  50% {
    background-color: #339dff;
  }
}
.s_ev_icon_a3 {background:#ff9000;border-radius:5px;color:#fff;font-size:13px;font-weight:500;letter-spacing:-0.07em;text-align:left;margin:1px;line-height:25px;border:1px solid #666;
animation: ico3Animation 0.8s  infinite;}
@keyframes ico3Animation {
  50% {
    background-color: #ff4800;
  }
}

.s_ev_icon_a4 {background:#59c800;border-radius:5px;color:#fff;font-size:13px;font-weight:500;letter-spacing:-0.07em;text-align:left;margin:1px;line-height:25px;border:1px solid #666;
animation: ico4Animation 0.8s  infinite;}
@keyframes ico4Animation {
  50% {
    background-color: #00a78d;
  }
}

.s_ev_icon_a5 {background:#82cc00;border-radius:5px;color:#fff;font-size:13px;font-weight:500;letter-spacing:-0.07em;text-align:left;margin:1px;line-height:25px;border:1px solid #666;
animation: ico5Animation 0.8s  infinite;-moz-box-shadow:2px 2px 1px #999;
-webkit-box-shadow:2px 2px 1px #999;
box-shadow:2px 2px 1px #9999;}
@keyframes ico5Animation {
  50% {
    background-color: #2a9600;
  }
}
.s_ev_icon1 i {width:24px;height:24px;background:url(/css/image/ico_s_01.png) no-repeat center center;display:inline-block;vertical-align:top;background-size:85%;}
.s_ev_icon2 i {width:24px;height:24px;background:url(/css/image/ico_s_02.png) no-repeat center center;display:inline-block;vertical-align:top;background-size:90%;}
.s_ev_icon3 i {width:24px;height:24px;background:url(/css/image/ico_s_03.png) no-repeat center center;display:inline-block;vertical-align:top;background-size:95%;}
.s_ev_icon4 i {width:24px;height:24px;background:url(/css/image/ico_s_04.png) no-repeat center center;display:inline-block;vertical-align:top;background-size:90%;}

.btn_re {display:inline-block;background:#ff7200;color:#fff;border:1px solid #954709;border-radius:5px;font-size:14px;font-weight:300;padding:0 8px;line-height:25px;
-moz-box-shadow:2px 2px 1px #999;
-webkit-box-shadow:2px 2px 1px #999;
box-shadow:2px 2px 1px #9999;}

.btn_mo_re {display:inline-block;background:#ff7200;color:#fff;border:1px solid #954709;border-radius:5px;font-size:14px;font-weight:300;padding:0;line-height:25px;
-moz-box-shadow:2px 2px 1px #999;
-webkit-box-shadow:2px 2px 1px #999;
box-shadow:2px 2px 1px #9999;}

@media all and (max-width:768px){
.s_ev_icon_a1, .s_ev_icon_a2, .s_ev_icon_a3, .s_ev_icon_a4 {font-size:0.85em;letter-spacing:-0.11em;line-height:20px;}
.mon_btn2 a {}
}

.ps_selis s {color:#777;}

/*광고클릭팝업*/
.noadd {position:absolute;top:20%;left:50%;transform: translate(-50%, 0);width:510px;border:5px solid #000;z-index:9999}
.noadd_top {background:#ffde00 url(/css/image/noadd.jpg) no-repeat left top;padding: 25px 0 22px 155px;}
.noadd_top .nost {background:#000;color:#ff0000;font-size:22px;letter-spacing:-0.08em;font-style:italic;font-weight:700;text-align:center;padding:2px 0;}
.noadd_top .notxt1 { font-family: 'InkLipquid';font-size:28px;}
.noadd_top .notxt2 {letter-spacing:-0.05em;}
.noadd .red {color:#730000;}
.noadd .blue {color:#0156a6;}
.noadd_con {position:relative;background:#fff;padding:10px;}
.noadd_con .ggbtn {position:absolute;top:10px;right:10px;background:#0569c7;color:#fff;border-radius:30px;font-size:12px;padding:2px 10px;}
.noadd .closebtn {position:absolute;top:0;right:0;background:#000;color:#fff;padding:0 10px 4px 10px;}
.noadd_ta {width:100%;border-collapse:collapse;}
.noadd_ta th {background:#112c78;color:#fff;padding:7px 2px;}
.noadd_ta th:last-child {border-right:1px solid ##112c78;}
.noadd_ta td {text-align:center;padding:7px 2px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.noadd_ta td:last-child {border-right:1px solid #ccc;}

/*갤러리메인마우스오버효과*/
.galler_main_image {overflow: hidden;}
.galler_main_image img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.galler_main_image:hover img {
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);   
    -o-transform:scale(1.5);
    transform:scale(1.5);
}
.gall_thumbnail_image_box { background: #fff; padding: 4px; border: 1px solid #ccc; }
.gall_thumbnail_image_wrap { width: 180px; aspect-ratio: 4 / 3; overflow: hidden; }
.gall_thumbnail_image_wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center center; -webkit-transform:scale(1); -moz-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s; }
.gall_thumbnail_image_wrap:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }
.galler_main_image {overflow: hidden;}

.mobile_ext_pic {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width:calc(100% - 8px); height: calc(100% - 8px);border:1px solid #efefef;padding:3px;margin:0;}

/* 예약현황 관리자메모 */
.reservation-admin-memo {background-color:navy; color:#fff; font-size:12px; font-style:italic; padding-right:3px;}

/*물때표*/
.bnr_time{overflow: hidden; position:relative;width:100%;height:auto;}
.anp_banner_left {width:100%;height:100%;}
.time_m_list_v {overflow: hidden; box-sizing: border-box;padding: 2px 0 0 0;}
.tm_box { float: left; width: 100%;box-sizing: border-box;border: 1px solid #ccc;}
.tm_box a {color: #111;text-decoration: none;}
.tm_box table{width: 100%;height:100%;border-collapse:collapse;}
.tm_box dl dt {text-align: center;color: #0077f4;box-sizing: border-box;padding: 2px;}
.tm_box dl dt span {color: #002865; font-size: 1.4em;font-weight: 500;letter-spacing: -0.05em;}
.time_up {color: #ff0000;}
.time_down {color: #016fe2;}
.tm_box table th, .tm_box table td {width:50%;text-align: center;box-sizing: border-box;border-top: 1px solid #ccc;border-right: 1px solid #ccc;padding: 4px 2px 4px 2px;}
.tm_box table th:last-child{border-right:none;}
.tm_box table td:last-child{border-right:none;}
.time_more{position:absolute; right:10px;top:9px;font-size:0.7em;color:#666;}

/* */
.b-n {border:none; !important;}
.i-b {display:inline-block; !important;}
.csp {cursor: pointer;}

/*_top_admin.php(관리자 상단공지)*/
.top_admin{position:relative; width:100%;min-width:1240px;height:48px;background:#ffd202;}
.top_admin_text{width:1200px;margin:0 auto;}
.admin_text{width:1200px;height:30px;}
.admin_text a{float:left;height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height:30px;color:#000;font-size:14px;margin-top:7px;}
.admin_text a img{box-sizing: border-box;padding:0 10px 0 20px;}
.cl_btn {position:absolute; width:94px; height:39px;right:10%;top:-30px;background:#ffd202;padding:0 4px;border-radius:5px;}


/*낚시종류설정 안 테이블*/

/*회원가입,정보수정...*/
.page-menu { display: flex; width: 100%; }
.editinfo-tbl { width: 100%; text-align: left; border: 1px solid #d3d3d3; }
.editinfo-th { background: #f5f5f5; text-align: left; padding: 10px 5px;}
.editinfo-td { text-align: left; font-weight: 400; padding: 10px 5px; }
.mb_id { width:150px; height: 24px; ime-mode:disabled; }
.mb_pw { width:150px; height: 24px; }
.mb_name { width:150px; height: 24px; }
.mb_email { width:100px; height: 24px; }
.mb_birth { width:150px; height: 24px; }
.mb_hp { width:180px; height: 24px; }
.mb_tel { width: 60px; height: 24px; }
.mb_zip { width:80px; height: 24px; background-color: #E0E0E0; }
.mb_addr { width:95%; height: 24px; background-color: #E0E0E0; margin: 5px 0; }
.mb_signature { width: 95%; height:40px; }
.mb_profile { width:95%; height:40px; }

.menu-tab { padding: 0.5em 0.7em; font-size: 14px; background: #f5f5f5; border: 1px solid #d3d3d3; cursor: pointer; margin-left: -1px; }
.selected { background: #fff; border-bottom: none; }

.view-point-tbl { border: 1px solid #d3d3d3; }
.view-point-th { background: #f5f5f5; }
.view-point-tr { border: 1px solid #d3d3d3; }
.date-td { color: #777; }
.s-check15{zoom: 1.5;}
.s-check2{zoom: 2.0;}
.s-check3{zoom: 3.0;}
.s-vcenter{display: flex; align-items: center;}


/*예약오픈일정*/
.mbot5 { margin-bottom: 5px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.ml10 { margin-left: 10px; }

.d-i-b { display: inline-block; }
.bld { font-weight: bold; }


.res-open-wrap { width: 1280px; padding-bottom: 5vh; margin: auto; display: flex;}
.res-open-head { display: flex; align-items: flex-end;  }
.res-open-calendar-wrap { height: 780px; }
.res-open-calendar-box { width: 900px; padding: 0 20px 0 10px; display: flex; flex-direction: column; align-items: center;}
.res-open-calendar-aside { width: 380px; /*background: #fff;*/ min-height: 1200px; padding-left: 20px; border-left: 1px dotted #999; }

.calendar-header { width: 900px; display: flex; flex-direction: column; align-items: center; }
/*select*/
.calendar-select-box { display: flex; align-items: center; }
.calendar-select { height: 30px; background: #000; color: #fff; font-size: 18px; padding: 0.2em 0.3em; cursor: pointer; }
.calendar-select-btn {  height: 30px;  background: #fff; color: #000; border: 2px solid #000; border-radius: 0; position: relative; top: -1px; }
/*1~12*/
.calendar-link-box { display: flex; align-items: stretch;}
.month-list { display: flex;  }
.month-link { 
	display: block; 
	width: 46px; height: 28px;
	font-size: 12px;
	font-weight: bold;
	background: #f1f1f1;
	border: 1px solid #f1f1f1; 
	border-radius: 5px; 
	margin: 0 5px; 
	cursor: pointer;
}
.month-link:hover { background: #ffcc00; border: 1px solid #ffcc00; cursor: pointer;}
.calendar-link-btn { position: relative; top: 2px; left: -1px;  height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.selected-month { background: #1746A2; color: #fff; border: 1px solid #1746A2; cursor: pointer;}
.selected-month:hover { background: #1746A2; color: #fff; border: 1px solid #1746A2; cursor: pointer;}
.y-link-btn { font-size: 12px; padding: 0 1em; border: 1px solid #dbdbdb;  border-radius: 5px; }
/*달력*/
.calendar-content { width: 100%; display: contents; }
.calendar-tbl { width: 100%; border-top: 4px solid #2073da; border-left: 1px solid #999; border-bottom: 1px solid #999; border-collapse: collapse; }
.calendar-th { background: #eaeef7; color: #30436e; padding: 7px 3px; border-right: 1px solid #999;}
.calendar-td { 
	background: #f1f1f1; 
	border-right: 1px solid #999;
	vertical-align: top;
	width: 14.285%;
	padding: 0;
}
.day-header { height: 32px; padding: 0 5px; border-bottom: 1px dotted #999; display: flex; justify-content: space-between; align-items: center; }
.calendar-day-box { width: 20px; height: 20px; font-size: 12px; font-weight: bold; display: flex; justify-content: center; align-items: center;  }
.calendar-day-box-selected { border: 2px solid #1746A2; border-radius: 50%; }
.day-content { max-height: 150px; min-height: 50px; color: #888; padding: 3px; display: flex; align-content: center; justify-content: space-around; }
.day-open-time-list { 
	display: flex;
    justify-content: center;
    flex-direction: column;
}
.selected-open-time { display: inline-block; color: green; }
.my-open-time-selected { color:#FF731D; font-weight: bold;}

.day-footer { display: flex; justify-content: center; }
.show-sp-btn { background: #FFF7E9; font-size: 11px; padding: 0.2em 0.4em; border: 1px solid #E9DAC1; border-radius: 5px; cursor: pointer;}


.con-head { font-size: 24px; }
.view-sp-tbl { width: 100%; border-collapse: collapse; }
.view-sp-th { border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }
.view-sp-td { padding: 7px 10px 7px 20px; border-bottom: 1px solid #dbdbdb; }
.view-sp-tr-selected { background: #f5f5f5; }
.skyblue-btn { background: dodgerblue; color: #fff; font-size: 12px; font-weight: bold; padding: 0.3em 0.5em; border: 1px solid dodgerblue; border-radius: 0.25em; cursor: pointer; }
.red-btn { background: red; color: #fff; font-size: 12px; font-weight: bold; padding: 0.3em 0.5em; border: 1px solid red; border-radius: 0.25em; cursor: pointer; }
.over-ellip { width: 99%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*
     FILE ARCHIVED ON 11:38:45 Jul 11, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:00:43 Feb 10, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.514
  exclusion.robots: 0.017
  exclusion.robots.policy: 0.008
  esindex: 0.01
  cdx.remote: 6.002
  LoadShardBlock: 98.636 (3)
  PetaboxLoader3.datanode: 141.911 (5)
  load_resource: 134.93
  PetaboxLoader3.resolve: 52.731
  loaddict: 56.348
*/