@charset "utf-8";

/* 내용관리 */
#ctt {margin: 0;padding:0;line-height:1.7em}
.ctt_admin {margin:0;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding: 0}
.ctt_img {text-align:center}

/* 예약하기 */
.hd_ctt {width:100%; background:#FFF;  box-shadow:2px 2px 5px #999; margin-bottom:5px;}
.hd_ctt h2{font-size:18px; font-weight:bold; color:#000;  text-align:center; padding:20px 0 20px 0;}
.ctt_cale {background:white; width:100%; height:360px;}
.ctt_list {width:70%; margin:40px auto 30px auto; display:Flex;}
.ctt_list div {width:50%; border: 1px solid #bbb;}
.ctt_list div:first-child {border-right:none;}
.ctt_list ul {text-align:center; margin-bottom:0px;}
.ctt_list li {padding:10px 5px; font-size:15px; color:#555; border-bottom: 1px solid #ddd;}
.ctt_list li:last-child {border-bottom:none;}
.ctt_list .list_f {font-weight:600; font-size:19px; color:#fff; background-color: #298a3d;}
.hd_ctt .ctt_bt {text-align:center; font-size:15px}
.hd_ctt button {margin-top:25px;}

.pri_div p {font-size:18px; font-weight:bold; padding:0 15px }
.pri_div ul li{color:#636363;}
.pri_div {width:100%; height:100%; background:white; padding:20px 0; }
.pri_div ul {margin-top:10px; padding:0 15px}
.pri_div ul li{font-size:13px; padding-bottom:3px;}
img {width:100%;}


.service_div {margin:0; padding:0 20px; background:#fff; margin-bottom:50px; font-weight:600; }
.service_div p {font-size:16px; font-weight:600; padding:25px 0 10px 0;}
.service_div .hd_ser_p {font-size:21px; font-weight:600; padding:35px 0 0 0}
.service_div ul {}
.service_div ul li {margin:3px 10px; color:gray; font-weight:400;}


.hd_bg_img img {width:100%; }
.xfut_div .hd_txt {font-size:25px; font-weight:600; margin:-100px 0 85px 0px; padding-top:20px; color:white; text-align:center;}
.xfut_div .in_img  img{width:94%; margin:2% 3%;}
.xfut_div .in_img {margin-bottom:10px}
.xfut_div .txt_img {margin:40px 0 15px 0; font-size:20px; text-align:center; color:#2e4138;}
.xfut_div .hr_one {width:50px; border-bottom:2.5px solid #2e4138; margin:auto;}
.xfut_div .img_f {font-size:16px; padding:15px 0 0 15px; color:#232725;}
.xfut_div .ready {width:100%; text-align:center; font-size:16px; font-weight:bold; color:#a2a2a2; padding-bottom:40px}
.xfut_div {width:100%; background:white;}


.map {background:#fff;}
.map .ctt_go {font-size:25px; font-weight:600; margin:-100px 0 85px 0px; padding-top:20px; color:white; text-align:center;}
.map iframe {margin-top:10px;}
.map .map_ul li{ line-height:22px; text-align:center; color:#565656}
.map .map_ul li b {color:#4AA47D}
.map .line_ga {height:20px;background:#A1A1A1; max-width:1px; margin:10px auto;}


.sub02 {background:#fff; padding:0 15px;}
.sub02 h2 {font-size:1.8em; border-bottom:1px solid #E8E8E8; padding-bottom:13px; padding-top:20px; text-align:center;}
.sub02 .line_hd {max-width:85px; height:2px; background:#3FB674; margin:0 auto;margin-top:-2px; margin-bottom:15px;}
.sub02 .line_hd2 {max-width:190px; height:2px; background:#1B7DB8; margin:0 auto;margin-top:-2px; margin-bottom:15px;}
.sub02 .num {float:left; width:13%; text-align:center; margin-top:30px;}
.sub02 .num2 {float:left; width:13%; text-align:center; margin-top:30px;}
.sub02 .txt1 {float:left; width:85%; margin-left:2%; margin-top:30px;}
.sub02 .num p {font-size:3.0em; font-weight:600; color:#3FB674; margin-top:5px;}
.sub02 .num2 p {font-size:3.0em; font-weight:600; color:#1B7DB8; margin-top:5px;}
.sub02 .txt1 h1 {font-size:1.2em; color:#3B3B3B}
.sub02 .txt1 h3 {font-size:1.0em; color:#646464; text-align:left; margin-top:10px;}


.hd_ctt2 {width:100%; background:#FFF;  box-shadow:2px 2px 5px #999; padding:0 0 30px 0;}
.hd_ctt2 h2{font-size:18px; font-weight:bold; color:#fff; background:#F97C00;  text-align:center; padding:16px 0 16px 0;}
.hd_ctt2 .ctt_bt {text-align:center;}
.hd_ctt2 button {margin-top:25px;}
.hd_ctt2 table {
	margin:10px 0 0 10px;
    width: 95%;
    border: none;
    border-collapse: collapse;
  }
.hd_ctt2 th, td {
    border:none;
	padding:5px 10px;
  }
.hd_ctt2 table .td_num1 {font-size:26px; font-weight:600; color:#F86401; padding:10px 10px;}
.hd_ctt2 table .td_txt {font-size:14px; font-weight:600; }
.hd_ctt2 .re_p{font-size:18px; font-weight:bold; color:#fff; background:#07478D;  text-align:center; padding:16px 0 16px 0; margin-top:40px;}
.hd_ctt2 table .td_num2 {font-size:26px; font-weight:600; color:#07478D; padding:10px 10px;}


.classname {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	display:inline-block;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	line-height:35px;
	width:93%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	margin:16px 0;
	padding:2px 0 0 0;
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.classname:active {
	position:relative;
	top:1px;
}

/* 예약진행(정보입력) */
.hd_ctt h3{font-size:18px; font-weight:bold; color:#000;  text-align:center; padding:20px 0 20px 0; background:#ECECEC;}
.td_notice {width:100%; height:300px; overflow-x:auto;}
.td_notice2 {width:100%; height:60px; overflow-x:auto;}
.hd_ctt table {
    width: 100%;
    border: 1px solid #DFDFDF;
    border-collapse: collapse;
  }
.hd_ctt th, td {
    border: 1px solid #DFDFDF;
	padding:5px 10px;
  }
.hd_ctt .td_f {width:22%; background:#EEE;}

.hd_ctt table input[type=text], input[type=password] {
  padding: 8px 10px;
  margin: 7px 5px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.hd_ctt table .input_txt_num {
	width:28%;	
}
.hd_ctt table .input_txt {
	width:97%;
}

.hd_ctt table select {
  width: 28%;
  padding: 8px 10px;
  margin: 5px 5px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.hd_ctt table input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 8px 15px;
  margin: 5px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.hd_ctt table input[type=submit]:hover {
  background-color: #45a049;
}
.hd_ctt table .td_label {
	margin:7px 6px;
}
.hd_ctt table textarea {padding:8px 10px; margin:7px 5px; display:inline-block; border:1px solid #ccc; border-radius:4px; box-sizing:border-box; width:97%; height:80px;}

.hd_ctt .tb_notice {
	width:97%; height:240px; margin:5px 0; overflow-x:auto; background:#F8F8F8; padding:7px; box-shadow:1px 1px 3px #999 inset; 
}
.hd_ctt .tb_notice ul{
	color:#808080; padding:2px 4px; font-size:11px;
}
.hd_ctt .tb_notice p {
	color:#353535; margin:3px 3px; font-weight:bold; font-size:13px;
}

/* 예약결과 */
.hd_ctt .tb_notice2 {
	width:97%; height:40px; margin:5px 0; overflow-x:auto; background:#F8F8F8; padding:7px; box-shadow:1px 1px 3px #999 inset; 
}
.hd_ctt .tb_notice2 ul{
	color:#808080; padding:2px 4px; font-size:11px;
}
.hd_ctt .tb_notice2 p {
	color:#353535; margin:3px 3px; font-weight:bold; font-size:13px;
}


/* 예약확인 */

/* 예약 조회 */
.reser_bt2 {-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	display:inline-block;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	line-height:35px;
	width:40%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	margin:20px 8px;
	padding:2px 0 0 0;}
.reser_bt2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.reser_bt2:active {
	position:relative;
	top:1px;
}

/* 예약 취소완료 */
.hd_ctt .reser_cancel {font-size:16px; font-weight:bold; width:100%; text-align:center; padding:25% 0 0 0;}
.reser_bt3 {-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	display:inline-block;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	line-height:30px;
	width:18%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	margin:7% 0 15% 0;
	padding:2px 0 0 0;}
.reser_bt3:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.reser_bt3:active {
	position:relative;
	top:1px;
}

/* 유의사항 */
.hd_ctt2 {width:100%; background:#FFF;  box-shadow:2px 2px 5px #999; padding:0 0 30px 0;}
.hd_ctt2 h2{font-size:18px; font-weight:bold; color:#fff; background:#F97C00;  text-align:center; padding:16px 0 16px 0;}
.hd_ctt2 .ctt_bt {text-align:center;}
.hd_ctt2 button {margin-top:25px;}
.hd_ctt2 table {
	margin:auto;
    width: 95%;
    border: 1px solid white;
    border-collapse: collapse;
  }
.hd_ctt2 table .td_num {font-size:26px; font-weight:600; color:#F86401;}
.hd_ctt2 table .td_txt {font-size:14px; font-weight:600; }
.hd_ctt2 .re_p{font-size:18px; font-weight:bold; color:#fff; background:#07478D;  text-align:center; padding:16px 0 16px 0; margin-top:40px;}
.hd_ctt2 table .td_num2 {font-size:26px; font-weight:600; color:#07478D; padding:5px 10px;}

/* 찾아 오시는 길 */
.hd_ctt .map_ul {margin:5px 25px;}
.hd_ctt .map_ul li{font-size:13px; padding:3px 0;}
.hd_ctt .ctt_go {margin:-100px 0 60px 0px; color:white; font-size:25px; font-weight:600;}

/* 달력 */

.cal_navi {text-align:center;}
.cal_navi .title_red, .cal_navi .btn_reserve_prev, 
.cal_navi .btn_reserve_next {font-size:14px; display:inline-block; margin:15px 0 10px;}
.cal_navi .title_red {font-weight:bold;}
.cal_navi .btn_reserve_prev, 
.cal_navi .btn_reserve_next {display:inline-block; width:30px; height:30px; border:2px solid #e5e5e5; background:#f7f7f7; color:gray; text-align:center; line-height:30px;}
.cal_navi .btn_reserve_prev {margin:0 20px 0 0; position:relative; top:-1px;}
.cal_navi .btn_reserve_next {margin:0 0 0 20px; position:relative; top:-1px;}

.caltable {position:relative;width:100%;border-collapse:collapse;}
.caltable th {border:1px solid #ddd;}
.caltable .date td {border:1px solid #ddd;}
.caltable th.sunday {background:#c50000; border-left:1px solid #c50000; border-top:1px solid #c50000; color:white;}
.caltable th.saturday {background:#469abc; border-right:1px solid #469abc; border-top:1px solid #469abc; color:white;}
.caltable .date .titday {padding:5px 0 0 5px;font-size:11px;font-family: Verdana,applegothic;letter-spacing:-1px;}
.caltable .date .titday .hlday {font-family:'돋움',Dotum,Verdana,applegothic;;color:red;}
.caltable .date .rmlist {margin:0;padding:5px 0 5px 5px;list-style:none;}
.caltable .date .rmlist li {padding:2px 0 2px; }
.caltable .date .rmlist li a {border-bottom:1px dotted #ddd;}
.caltable .date .rmlist li a:hover {color:#444}
.caltable .date .rmlist li .tit {color:#444; padding-left:5px;}
.caltable .date .dday .rmlist li .tit {color:#fff}
.caltable .prev, .caltable .next {background:#f7f7f7;}
.caltable .dday {background:#bab0f3; color:#fff}
.caltable .dday a {color:#fff}
.caltable .sun, .caltable .sun a {color:red;}
.caltable .sat, .caltable .sat a {color:blue;}
.caltable td {height:50px;vertical-align:top;width:14.285714%}

.caltable td.mini {height:30px;vertical-align:middle;text-align:center;}
.caltable .date .mini a.titday {padding:0;cursor:pointer;display:block;height:30px;line-height:30px;overflow:hidden;}
.caltable .date .mini a.titday:hover {background-color:#cfcfcf}
.caltable .date .closeday {color:#dfdfdf}

.t_wrap {
    position: relative;
    padding: 21px 0;
    border-bottom: 1px solid #bfc4cc;
	}

.t_wrap .select select {
    height: 44px;
    line-height: 44px;
}

.t_wrap .tit {
    width: 116px;
    color: #111;
    font-size: 20px;
    line-height: 46px;
}

.t_wrap .t_help {
    float: right;
    color: #555;
    font-size: 16px;
}

.t_wrap .sec_time.on {
    max-height: none !important;
}

.t_wrap .sec_time ul li button {
    padding: 6px 0;
    font-size: 11px;
    line-height: 13px;
    background: #989898;
    color: #fff;
	width:25%;
    display: block;
}


.hd_ctt .reser_go {width:90%; border:1px solid #666; text-align:center; border-radius:4px; margin:auto;}
.hd_ctt .reser_go p {width:100%; background:#666; color:white;  padding:10px 0; margin-bottom:20px; }
.hd_ctt .reser_go input[type=text], input[type=password] {
  padding: 6px 10px;
  margin: 6px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  width:60%;
}
.reser_bt {
	display:inline-block;
	font-size:14px;
	line-height:30px;
	width:60%;
	background:#666;
	margin:8px 0 25px 0;
	padding:2px 0 0 0;
        text-decoration:none;
}
.reser_bt:link {color:white;}
.reser_bt:visited {color:white;}

.reser_bt:hover {
	background:#999; color:white;
}
a.btn{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 0;
    border-radius: 5px;
    padding: 0 10px;
    font-weight: bold;
    font-size: 1.2em;
    vertical-align: middle;
	}

.btn_04,a.btn_04{
    background: #ff8000;
    color: #fff;
	}

	@media screen and (max-width:550px) {
		.ctt_list {width:95%}
		.ctt_list .list_f {font-size:17px;}
		.ctt_list li {font-size:14px}
		.hd_ctt .ctt_bt {font-size:14px}

	}
	@media screen and (max-width:400px) {
		.caltable a.btn {padding: 0 3px}
	}