/*
 *	page skin css
 */

.monthTime > * {
    vertical-align: middle;
}

caption {
    display: none;
}


.search_box {background-color: #d9edf7;border: 1px solid #ddd;padding: 15px !important;border-radius: 3px;overflow: hidden;}
.table-heading {cursor:pointer;}
.answer {display:none;}

.list-line{border-bottom:1px solid #8c8a8a;}
.list-line:last-of-type{border-bottom:0px;}


#board table.reserveCalDefault{
	width:100%;
	border:1px solid #d4d4d4;
	position:relative;
}

#board table.reserveCalDefault th, #board table.reserveCalDefault td{
	border-left: 1px solid #d4d4d4;
}

#board table.reserveCalDefault td{
	text-align:center;
}

#board table.reserveCalDefault th {
    padding: 0px;
    background-color: #f4f4f4;
    line-height: 30px;

}


#board table.dayReserveCal{

	position: relative;
	margin: 30px auto;
	border:1px solid #d4d4d4;
	width:100%;

}

#board table.dayReserveCal th{
	padding: 0px 0;
	background-color: #f4f4f4;
	line-height: 40px;
	color: #333;
	position: relative;
	margin: 30px auto;
	font-weight:bold;
	font-size:13px;
	width:100%;
}

#board table.dayReserveCal td{

	padding: 5px;
	min-height: 0px;
	border-top: 1px solid #d4d4d4;
	vertical-align: middle;
	text-align: center;
}
#board table.dayReserveCal td.middle {
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
    padding: 10px;
    min-height: 0px;
    border-top: 1px solid #d4d4d4;
    vertical-align: middle;
    text-align: left;
    line-height: 20px;
    padding-left: 10px;
}




#board table.contentCal tbody tr td{
	padding:5px;

}

#board table.contentCal tbody tr td.ship_list{
	border-bottom:1px solid #d4d4d4;
	text-align:center;
}


#board table.contentCal tbody tr td.ship_list,td.reserve_list{
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	font-size:12px;
}

#board table.contentCal tbody tr td.person_list{
	border-bottom:1px solid #d4d4d4;
	text-align:center;
	font-size:12px;
}

/**
 * 조석 CSS
 */

.sea_tide_tit{zoom:1;padding:14px 10px 3px;background-color:#2879c6}
.sea_tide_tit:after{content:'';display:block;clear:both}
.sea_tide_tit h4{float:left;color:#ffffff;background:none; font-weight:bold;}
.sea_tide_tit .addr{
    float: right;
    color: #fff;
    line-height: 23px;
    font-weight: bold;
    font-size: 14px;
}

#board .monthTime {
    position: relative;
    margin: 20px 0 13px;
    width: 100%;

    text-align: center;
    background-color: #f9f9f9;
    padding: 10px 0px 10px 0px;
}

#board .monthTime{position:relative; margin:20px 0 13px; width:100%}
#board .monthTime h2{display:inline-block; margin:0 5px; color:#333}
#board .monthTime .tabMnu{
        /*position:absolute; top:16px; right:5px;*/
        float: right;
        margin-top: 5px;
        margin-right: 10px;
    }
#board .monthTime .addr{position:absolute; top:0px; right:0}
#board .monthTime .date{
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    color: #000000;
    margin: 0 10px;
}

#board table.reserveCal {
    position: relative;
    width: 100%;
    border-top: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

#board table.reserveCal th, #board table.reserveCal td {
    border-left: 1px solid #d4d4d4;
}


#board table.reserveCal th {
    padding: 7px 0;
    text-align: center;
    background-color: #f4f4f4;
}


#board table.reserveCal th.sun{color:#ff3333}
#board table.reserveCal th.sat{color:#427eda}

#board table.reserveCal th, #board table.reserveCal td {
    border-left: 1px solid #d4d4d4;
}


#board table.reserveCal td {
    padding: 10px 7px;
    min-height: 80px;
    border-top: 1px solid #d4d4d4;
    vertical-align: top;
}

#board table.reserveCal td p em{display:inline-block; margin-right:7px; color:#333333}
#board table.reserveCal td p span{font-size:10px; font-family:'Tahoma'; color:#000000}
#board table.reserveCal td.today{background-color:#fff685;}
#board table.reserveCal td.today p em{font-size:14px;font-weight:bold; color:#005e9c}
#board table.reserveCal td.sun p em{color:#ff3333}
#board table.reserveCal td.sat p em{color:#427eda}
#board table.reserveCal td a.reservYes{display:block; color:#74ba2f; font-weight:bold; text-decoration:underline}
#board table.reserveCal td a.reservNo{display:block; color:#ff3c00; font-weight:bold; text-decoration:underline}
#board table.reserveCal td a.reservCheck{display:block; padding-left:14px; font-size:11px}
#board table.reserveCal td a span{color:#adadad}
#board table.reserveCal td a.pd{
        /*background:url("../../../../assets/images/page/ico_person_gray.gif") no-repeat left center*/
    }
#board table.reserveCal td a.adm{
        /*background:url("../../../../assets/images/page/ico_person_blue.gif") no-repeat left center*/
    }
#board table.reserveCal td a.mem{
        /*background:url("../../../../assets/images/page/ico_person_aqua.gif") no-repeat left top*/
    }
#board table.reserveCal td span.tideTimeCheck{display:block; padding-left:13px; font-size:11px; font-family:'Tahoma'}
#board table.reserveCal td span.tideUp{
        color:#4d82d5;
        background:url("../../../../assets/images/ico_tideTimeUp.gif") no-repeat left center;
}
#board table.reserveCal td span.tideDown{
        color:#ff3333;
        background:url("../../../../assets/images/ico_tideTimeDown.gif") no-repeat left center;
}
#board table.reserveCal td.pDay *{opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60)}

/**
 * 게시판 CSS
 */
input {
    margin: 0;
    padding: 0;
    border-radius: 0;
    font-family: dotum;
}
table.borad_tbl tbody td {
    border: 1px solid #ececec;
}

.td_20 {
    width: 20px;
    text-align: center;
}
.td_30 {
    width: 30px;
    text-align: center;
}
.td_40 {
    width: 40px;
    text-align: center;
}
.td_50 {
    width: 50px;
    text-align: center;
}
.td_60 {
    width: 60px;
    text-align: center;
}
.td_100 {
    width: 100px;
    text-align: center;
}
.td_80 {
    width: 80px;
    text-align: center;
}
.td_90 {
    width: 90px;
    text-align: center;
}
.td_120 {
    width: 120px;
    text-align: center;
}
.td_150 {
    width: 150px;
    text-align: center;
}
.bg0 {
    background: #fff;
}


.tbl_wrap{margin: 0 0 10px; padding: 0 20px;}
.tbl_head02 table {
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.tbl_head02 thead th, .tbl_head02 tbody th {
    padding: 10px 0;
    border: 1px solid #d1dee2;
    background: #e5ecef;
    color: #383838;
    letter-spacing: -0.1em;
}
.tbl_head02 thead input {
    vertical-align: top;
}

.tbl_head02 tbody td {
    padding: 7px 5px;
    line-height: 1.4em;
    word-break: break-all;
}
.empty_table{text-align:center;}

.fl{font-weight:bold; margin-bottom:15px;}


textarea, .frm_input {
    border: 1px solid #ced9de;
    background: #f6f9fa;
    vertical-align: middle;
}

.btn_list{
	margin: 20px 0;
}
.btn_list01 {}
.btn_list01 input, .btn_list01 button, .btn_list01 a, .btn_list01 span {display:inline-block;margin:0;padding:10px;border:1px solid #ccc;background:#fafafa;text-decoration:none;cursor:pointer}
.btn_list01 a:focus {background:#d8d8d8}

.btn_list02 {}
.btn_list02 input, .btn_list02 button, .btn_list02 a, .btn_list02 span {display:inline-block;padding:5px 10px;border:1px solid #ccc;background:#fafafa;text-decoration:none;cursor:pointer}
.btn_list02 a:focus {background:#d8d8d8}

.btn_list03 {text-align:right}
.btn_list03 a {display:inline-block;padding:0 15px;height:28px;background:#617d46;color:#fff;text-decoration:none;line-height:2.4em;vertical-align:middle}
.btn_list03 a:focus {background:#d8d8d8}


.btn_list04 {}
.btn_list04 input, .btn_list04 button, .btn_list04 a, .btn_list04 span {display:inline-block;margin:0;padding:10px;border:1px solid #ccc;text-decoration:none;cursor:pointer}
.btn_list04 a:focus {background:#d8d8d8}


.btn_submit {
    margin: 0;
    padding: 0;
    border: 0;
    background: #ff3061;
    color: #fff;
    cursor: pointer;
}

.btn_submit {
    padding: 2px 5px;
    border: 0;
    background: #ff3061;
    color: #fff;
    letter-spacing: -0.1em;
    cursor: pointer;
}


.btn_add02 {
    text-align: center;
}

.btn_add02 a {
    display: inline-block;
    vertical-align: middle;
}
.btn_add02 a:focus {background:#d8d8d8}
.btn_add02 a, .btn_add02 button {
    padding: 5px;
    border: 1px solid #ccc;
    background: #f0f0f0;
    text-decoration: none;
    cursor: pointer;
}

.btn_add03 {
    text-align: center;
}

.btn_add03 a {
    display: inline-block;
    vertical-align: middle;
}
.btn_add03 a:focus {background:#d8d8d8}
.btn_add03 a, .btn_add03 button {
    padding: 2px 7px;
    border: 1px solid #ccc;
    background: #f0f0f0;
    text-decoration: none;
    cursor: pointer;
}

.input_180{
	width:180px;
	padding:5px;
}


.input_280{
	width:280px;
	padding:5px;
}

.input_320{
	width:320px;
	padding:5px;
}
.input_420{
	width:420px;
	padding:5px;
}

.input_80{
	width:80px;
	padding:5px;
}

.exp{font-size:11px; margin-top:5px; font-weight:bold;}
.exp_red{font-size:11px; margin-top:5px; font-weight:bold; color:#bd0000;}
/**
 * 게시판 스타일(END)
*/

/**
 * 오시는 길
 */

.map_title {
    width: 100%;
    text-align: center;
}

.map_side1{
    width: 160px;
    height: 150px;
    background: url('../images/map_side1.png') no-repeat;
}

.map_side2{
    width: 160px;
    height: 150px;
    background: url('../images/map_side2.png') no-repeat;
}

.map_side3{
    width: 160px;
    height: 150px;
    background: url('../images/map_side3.png') no-repeat;
}

.map_txt{
    padding: 75px 15px 15px 15px;
    font-size: 1.04em;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}