/*-- header --*/
header {
    background:#fff;
    border-bottom:2px solid #16a0c5;
}
div.navBtn {
    position:absolute;
    top:10px;
    left:30px;
    display:block;
    width:50px;
    height:50px;
    background:url('../img/head_Icon.png') no-repeat 0 -50px;
}
header h1 {
    text-align:center;
    font-size:30px;
    line-height:100px;
    color:#000;
}
header h1 a {
    display:block;
    margin:5px auto;
    width:180px;
    height:70px;
    background:url('../img/logo.png') no-repeat top center;
}
div.topUtil {
    position:absolute;
    top:10px;
    right:30px;
}
div.topUtil a {
    display:block;
    width:50px;
    height:50px;
    text-indent:-9999px;
}
div.topUtil a.login {
    background:url('../img/head_Icon.png') no-repeat -100px -50px;
}
div.topUtil a.logout {
    background:url('../img/head_Icon.png') no-repeat -50px -50px;
}
div.topUtil a.headPrev {
    background:url('../img/head_Icon.png') no-repeat -135px -45px;
}
/*-- END header --*/
div.cntBox {
    margin-top:40px;
}
/*section {
    margin-top:100px;
    min-height:500px;
}
div.contents {
    padding:50px 0;
    box-sizing:border-box;
}*/
section {
    margin: 0 auto;
    margin-top: 70px;
    width: 640px;
    min-height: 600px;
    background: #fff;
}
div.contents {
    padding: 50px 30px;
    min-height: 800px;
}
div.contents01 {
    padding: 50px 10px 20px 10px;
    min-height: 800px;
}
div.endline {
    clear:both;
}
div.suvHeadArea {
}

/*-- tabMenu --*/
ul.tabMenu {
    width:100%;
    height:80px;
    background:#1b2323;
}
ul.tabMenu li {
    float:left;
    width:33.3333%;
    text-align:center;
}
ul.tabMenu li a {
    padding:0 20px;
    display:inline-block;
    font-size:22px;
    line-height:80px;
    color:#cccccc;
}
ul.tabMenu li a.active {
    height:75px;
    border-bottom:5px solid #16a0c5;
    color:#fff;
}
ul.tabMenu2 {
    width:100%;
    height:80px;
    background:#1b2323;
}
ul.tabMenu2 li {
    float:left;
    width:50%;
    text-align:center;
}
ul.tabMenu2 li a {
    padding:0 20px;
    display:inline-block;
    font-size:22px;
    line-height:80px;
    color:#cccccc;
}
ul.tabMenu2 li a.active {
    height:75px;
    border-bottom:5px solid #16a0c5;
    color:#fff;
}
ul.tabMenu3 {
    width:100%;
    height:80px;
    background:#1b2323;
}
ul.tabMenu3 li {
    float:left;
    width:33.33%;
    text-align:center;
}
ul.tabMenu3 li a {
    padding:0 20px;
    display:inline-block;
    font-size:22px;
    line-height:80px;
    color:#cccccc;
}
ul.tabMenu3 li a.active {
    height:75px;
    border-bottom:5px solid #16a0c5;
    color:#fff;
}
ul.tabMenu01 {
    margin-top:35px;
}
ul.tabMenu01 li {
	display:inline-block;
    float:left;
    width:50%;
    height:55px;
    line-height:55px;
    background-color:#fafafa;
    text-align:center;
    border:1px solid #E5E5E5;
    border-bottom:1px solid #bbb;
    box-sizing:border-box;
}
ul.tabMenu01 li.on {
    background-color:#fff;
    border:1px solid #bbb;
    border-bottom:none;
}
ul.tabMenu01 li a {
    font-size:20px;
    color:#999999;
	display: block;
}
ul.tabMenu01 li.on a {
    color:#00afce;
}
.tabMenu04 {margin: 15px 5px 30px 0; line-height: 35px;}
.tabMenu04 li {float: left; margin: 15px 5px 10px 0;}
.tabMenu04 li a{display: block; padding: 10px 0; width: 138px; text-align: center; background: #CBCBCB; font-size: 20px; border-top-left-radius: 5px;border-top-right-radius: 5px;     color: #191919;}
.tabMenu04 li.menuon a {background: #16a0c5; font-size: 20px; color: #fff;}

.tabMenu05 {margin: 15px 5px 30px 0; line-height: 35px;}
.tabMenu05 li {float: left; margin: 15px 5px 10px 0;}
.tabMenu05 li a{display: block; padding: 10px 0; width: 282px; text-align: center; background: #CBCBCB; font-size: 20px; border-top-left-radius: 5px;border-top-right-radius: 5px;     color: #191919;}
.tabMenu05 li.menuon a {background: #16a0c5; font-size: 20px; color: #fff;}

.tabMenu06 {margin: 15px 5px 30px 0; line-height: 35px;}
.tabMenu06 li {float: left; margin: 15px 5px 10px 0;}
.tabMenu06 li a{display: block; padding: 10px 0; width: 90px; text-align: center; background: #CBCBCB; font-size: 16px; border-top-left-radius: 5px;border-top-right-radius: 5px;     color: #191919;}
.tabMenu06 li.menuon a {background: #16a0c5; font-size: 16px; color: #fff;}


.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

div.wrap {
    margin:0 auto;
    width:100%;
}
/*-- END tabMenu --*/


ul.tabMenu02 {
    margin-top:35px;
}
ul.tabMenu02 li {
	display:inline-block;
    float:left;
    width:33.33%;
    height:55px;
    line-height:55px;
    background-color:#fafafa;
    text-align:center;
    border:1px solid #E5E5E5;
    border-bottom:1px solid #bbb;
    box-sizing:border-box;
}
ul.tabMenu02 li.on {
    background-color:#fff;
    border:1px solid #bbb;
    border-bottom:none;
}
ul.tabMenu02 li a {
    font-size:20px;
    color:#999999;
	display: block;
}
ul.tabMenu02 li.on a {
    color:#00afce;
}
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

/*---- Title -----*/
h2.subTit01 {
	/*display: inline-block;*/
	margin-bottom: 30px;
    font-size:38px;
	line-height: 36px;
    text-align:center;
	color: #3F3F3F;
}
h2.subTit02 {
    font-size:28px;
    font-family: 'Noto Sans Light';
}
h2.subTit03 {
    font-size:25px;
    font-family: 'Noto Sans Light';
	color: #eb6100;
	text-align: center;
}
h2.subTit04 {
    font-size:25px;
    font-family: 'Noto Sans Light';
	color: #16a0c5;
	text-align: center;
	height: 60px;
	background-color: #EFEFEF;
	padding-top: 20px;
}
p.subTxt01 {
    margin-top:15px;
    font-size:20px;
    line-height:32px;
    color:#c99262;
}
p.subTxt02 {
    margin-top:15px;
    font-size:20px;
    line-height:32px;
    color:#666;
}
p.subTxt03 {
    margin:35px 0 15px;
    font-size:26px;
    line-height:32px;
	text-align: left;
	margin-bottom: 10px;
    color:#191919;
}
p.subTxt04 {
    margin:30px 0 15px;
    font-size:20px;
    line-height:32px;
	text-align: left;
	margin-bottom: 10px;
    color:#666;
}
p.subTxt05 {
    margin:15px 0 10px;
    font-size:20px;
    line-height:32px;
	text-align: left;
	margin-bottom: 10px;
    color:#f15b23;
}
p.subTxt06 {
    margin:10px 0 10px;
	padding-left: 25px;
    font-size:20px;
    line-height:32px;
	text-align: left;
	margin-bottom: 10px;
    color:#333;
}
p.subTxt07 {
    margin:10px 0 10px;
	padding-left: 25px;
    font-size:16px;
	text-align: left;
	margin-bottom: 10px;
    color:#777;
}
p.subTxt08 {
    margin:35px 0 10px;
    font-size:26px;
    line-height:32px;
	text-align: left;
	margin-bottom: 0px;
    color:#191919;
}
/*-- END Title ---*/


/*---- button 버튼 ----*/
div.bigBtn, div.mediumBtn {
    margin-top:50px;
    text-align:center;
}
div.bigBtn a {
    display:inline-block;
    margin:0 5px;
    width:130px;
    height:55px;
    background-color:#caced1;
    font-size:20px;
    text-align:center;
    line-height:55px;
    color:#fff;
}
div.bigBtn a.col {
    background-color:#16a0c5;
}
/*-- END button 버튼 --*/



/*-- table --*/
table.tbl01 {
    margin-bottom:20px;
	width:100%;
	border-top: 2px solid #191919;
}
table.tbl01 tr th {
	padding: 15px;
    border: 1px solid #e1e1e1;
    background: #f9f9f9;
    font-family: 'Noto Sans DemiLight';
    font-size: 22px;
    line-height: 22px;
    color: #777;
}
table.tbl01 tr td {
	padding:15px 0;
	border:1px solid #eee;
	text-align:center;
	font-size:21px;
	line-height:32px;
	color:#555;
}
table.tbl01 tr td span.colPoint {
    color:#f15b23;
}
table.tbl01 tr td.alignLeft {
    text-align:left;
}

table.tbl02 {
    margin-top:30px;
}

table.tbl03 {
    border-top:2px solid #9e1f32;
}
table.tbl03 caption {
    text-align:right;
    margin-bottom:20px;
}
table.tbl03 tr th {
    border:none;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
table.tbl03 tr th:first-child {
    border-left:none;
}
table.tbl01 tr td {
    border: 1px solid #e1e1e1;
}
/*table.tbl01 tr td:first-child {
    border-left:none;
}*/
/*-- END table --*/



/*---- 페이저 ----*/
div.paging ul {
    margin:30px auto;
    text-align:center;
}
div.paging ul li {
    display:inline-block;
    padding:0 12px;
}
div.paging ul li a {
    display:inline-block;
    border:1px solid #eee;
    width:35px;
    height:35px;
    font-size:15px;
    text-align:center;
    line-height:35px;
    box-sizing:border-box;
    color:#999;
    vertical-align:middle;
}
div.paging ul li.active a {
    border:1px solid #9f1e32;
    font-family: 'Noto Sans Medium';
    color:#9f1e32;
}
/*-- END 페이저 --*/



/*---- List Style ----*/
ul.commonUl01 {
    margin-top:15px;
}
ul.commonUl01 li {
    position:relative;
    margin-top:10px;
    padding-left:18px;
    font-size:19px;
    line-height:25px;
	color: #666;
}
ul.commonUl01 li::after {
    position:absolute;
    top:-4px;
    left:0;
    content:'·';
    font-size:50px;
    color:#16a0c5;
}
ul.commonUl02 {
    margin:15px 0 15px;
}
ul.commonUl02 li {
    position:relative;
    margin-top:10px;
    padding-left:18px;
    font-size:18px;
    line-height:25px;
	color: #666;
}
ul.commonUl02 li::after {
    position:absolute;
    top:-4px;
    left:0;
    content:'·';
    font-size:50px;
    color:#16a0c5;
}
/*-- END List Style --*/

p.mark {
    margin:10px 0 30px 0;
    padding-left:30px;
    font-size:20px;
    line-height:26px;
    color:#666;
    background:url('../img/mark.png') no-repeat 0 1px;
}
p.mark-center {
    margin:5px 0 30px 50px;
    font-size:22px;
    line-height:26px;
    color:#666;
    background:url('../img/mark.png') no-repeat 0 1px;
}
/*--- 통합예약 인트로 페이지--*/
.reservIntro {
	text-align: center;	
}
div.reservIntroInner a {
	display: block;
    margin-bottom: 3px;
}

/*-- 스키보드 예약신청서--*/
table.join-tbl03 {
    /*margin:20px auto;*/
    margin-top:50px;
	/*width:100%;*/
    border-top:2px solid #ddd;
}
table.join-tbl03 tr {
    border-bottom:1px solid #e9e9e9;
}
table.join-tbl03 tr th {
    padding:20px;
    font-size: 20px;
    font-weight: 500;
    text-align:center;
    color: #393939;
    background:#ddd;
	border: 1px solid #fff;
	border-top: 1px solid #ddd;
}
table.join-tbl03 tr td {
	padding:15px 15px;
	font-size:20px;
	color:#666;
}
table.join-tbl03 tr td span {
	/*display:block;*/
	font-size:20px;
}
table.join-tbl03 tr td span input[type="radio"] {
    margin-top:-4px;
}
table.join-tbl03 tr td span label {
    font-size:20px;
}
table.join-tbl03 tr td input[type="text"], 
table.join-tbl03 tr td select, 
table.join-tbl03 tr td input[type="password"] {
    padding-left:15px;
    height:27px;
    border:1px solid #d0d0d0;
    color:#666;
    box-sizing:border-box;
}
input#contents_txtEmail1, input#contents_txtEmail2, select#contents_ddlEmail3 {
    width:300px;
}
table.join-tbl03 tr td a.btn_adress {
    position:relative;
    top:1px;
    display:inline-block;
	margin-left:10px;
	width:150px;
	height:40px;
	font-size:20px;
	text-align:center;
	line-height:40px;
	color: #393939;
	box-sizing: border-box;
	background-color: #DDD;
}
input[readonly] {
    color: #000000;
}
/*-- 스키보드 예약신청서--*/

div.txtBox {
    text-align: center;
}
div.txtBox h2.tit::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -35px;
    display: block;
    content: '';
    width: 80px;
    height: 4px;
    background: #16a0c5;
}
div.txtBox h2.tit {
    position: relative;
    padding-bottom: 20px;
    font-size: 30px;
    font-family: 'Noto Sans Light';
}
div.txtBox p.txt {
    position: relative;
    margin-top: 20px;
    font-size: 0.8em;
    line-height: 35px;
	text-align: left;
    color: #000;
}
div.timeInner3 {
	margin-top: 20px;
    padding: 15px 25px;
    width: 620px;
    height: 170px;
    text-align: left;
    /* border: 1px solid #929292; */
    background: #f1f1f1;
}
div.timeInner4 {
	margin-top: 20px;
    padding: 15px 25px;
    width: 620px;
    height: 360px;
    text-align: left;
    /* border: 1px solid #929292; */
    background: #f1f1f1;
}
div.timeInner5 {
    padding: 15px 60px;
    width: 580px;
    height: 90px;
    text-align: center;
    /* border: 1px solid #929292; */
    background: #f1f1f1;
}
div.timeInner6 {
	margin-top: 20px;
    padding: 15px 25px;
    width: 580px;
    height: 330px;
    text-align: left;
    /* border: 1px solid #929292; */
    background: #f1f1f1;
}
.aquafunbox {
  position: relative;
  text-align: center;
  color: white;
  margin: 20px 0 50px;	
}


/*--- 패키지 예약 리스트 ---*/
ul.eventBoard02 li {
    float:left;
    position:relative;
    margin-bottom:30px;
    width:100%;
    border:0;
    overflow:hidden;
}
ul.eventBoard02 li img {
	overflow: hidden
}
ul.eventBoard02 li:nth-child(3n) {
    margin-right:0;
}
ul.eventBoard li:nth-child(4n) {
	 margin-right:20px
}
ul.eventBoard02 li a {
    position:relative;
    display:block;
}
div.eventInner02 {
    padding:20px 0px;
    background-color:#fff;
}
div.eventInner02 p.tit {
    font-family: 'Noto Sans Medium';
    color:#333;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: 600;
}
div.eventInner02 p.date {
    margin-top:15px;
    font-size:1.4em;
    color:#366889;
}
div.eventInner02 p.price {
    font-size:1.8em;
    font-family: 'Noto Sans Medium';
    color:#777;
	margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #eee;
	color: #00a0c9 !important;
}
div.eventBoard02 span.viewBtn {
    position:absolute;
    bottom:25px;
    display:block;
    width:105px;
    height:25px;
    background-color:#000;
    line-height:25px;
    text-align:center;
    font-size:13px;
    color:#fff;
}
ul.eventBoard02 li:hover span.viewBtn {
    background-color:#9f1e32;
}
div.imgBox02 {}
.pakTit {
	position: relative;
    font-size: 27px;
    margin: 70px 0 -50px;
    font-weight: 600;
    border-bottom: 1px solid #616161;
    padding: 30px 0 10px;
}
.pakTit > span {
    text-align: right;
    position: absolute;
    top: 35px;
    right: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}

.pakTit > span > a {
	padding: 1px 10px;
    background: #ffffff;
    margin-left: 5px;
    display: inline-block;
    color: #00a0c9;
    font-size: 15px;
    border-radius: 8px;
    border: 1px solid #00a0c9;
}
.pakTit > span > a:hover {background:  #00a0c9; color: #fff} 
table.tbl03 td span.point02 {color:#00afce !important; background: #fff;font-size:1.3em; padding: 0;}


/*---패키지 예약표 --*/
.timeInner {}
.timeInner .btn_rev {margin: 0 auto; padding: 20px 0 50px;}
.timeInner .btn_rev a {font-size: 1.5em; color: #fff; line-height: 2.2em;height: 2.2em;width: 100%;}
.point01 { color: #da0000 !important;font-size: 1.4em !important;}
div.resortCnt3 div.data { background: #f4f4f4; padding: 3%; margin-top: 50px;}
div.resortCnt3 div.data span { display:inline-block;}
div.resortCnt3 > .subTit02 { font-size: 1.8em; font-family: 'Noto Sans DemiLight';  text-align: left; color: #191919; margin: 50px 0 20px;}
div.resortCnt3 div.data p {  display:inline-block;}
div.resortCnt3 table.okTbl td select {  width:50%;}
.total {margin:0 !important;font-size: 20px !important;}
div.resortCnt3 > .data > span { display: inline-block;font-size:1.2em;  color: #999;}
div.resortCnt3 > .data > p { display: inline-block;  margin-top: 5px; font-size: 2em; color: #00afce;}
div.resortCnt3 > table.tbl03 {width:100%;border-top: 2px solid #333;}
div.resortCnt3 > table.tbl03 th {height:58px;padding:12px 0; border:1px solid #e9e9e9; background-color:#f9f9f9; font-size:1.2em; font-weight:500; color:#454545;}
div.resortCnt3 > table.tbl03 td { padding:12px 20px; border:1px solid #e9e9e9; font-size:1.2em; text-align:left;  color:#454545; line-height:20px;}
div.resortCnt3 > table.tbl03 td span { display: inline-block; padding: 0 10px;  height: 28px; font-size:1.3em; line-height: 28px; color: #fff; cursor:pointer;}
div.resortCnt3 > table.tbl03 td span.reservNo { background-color:#999;}
div.resortCnt3 > table.okTbl3 td select {  display:inline-block; padding: 0px 15px; width:100%;  height:35px; background-color:#fff; border:1px solid #e0e0e0; box-sizing:border-box; font-size:15px;  -webkit-appearance: none;  -moz-appearance: none; appearance: none;  background: url('../img/arrowDwon.png') no-repeat 95% 50%; }




