@charset "utf-8";



#visual {position:relative; height:370px; margin:0 auto; background:url(../images/visual.jpg) center no-repeat; 
background-size:cover;}
#visual .sub {position:absolute; left:0; right:0; margin:0 auto; width:1200px; bottom:0; text-align:center; font-size:0; z-index:100;}
#visual .sub li {display:inline-block; height:70px; background:rgba(0,0,0,0.6);}
#visual .sub li a {display:table-cell; text-align:center; vertical-align:middle; min-width:130px; height:70px; color:#fff; font-size:18px; line-height:1.2; padding:0 15px}
#visual .sub li a:hover {background:#455560;}
#visual .sub li a.on {background:#455560;}
/*
#visual .depth {position:absolute; width:100%; bottom:-50px; margin:0 auto; text-align:center; font-size:0; border-bottom:1px solid #b8b8b8;}
#visual .depth li {display:inline-block; height:50px;}
#visual .depth li a {display:table-cell; height:50px; padding:0 60px; text-align:center; vertical-align:middle; color:#444; font-size:18px; line-height:1.2;}
#visual .depth li a.on {border-bottom:3px solid #80ba27;}
*/

.depth {position:absolute; width:100%; top:480px; margin:0 auto; text-align:center; font-size:0; border-bottom:1px solid #b8b8b8;}
.depth li {display:inline-block; height:50px;}
.depth li a {position:relative; display:table-cell; height:50px; padding:0 60px; text-align:center; vertical-align:middle; color:#444; font-size:18px; line-height:1.2;}
.depth li:hover a:after , .depth li a.on:after {position:absolute; left:0; bottom:0; content:''; width:100%; height:3px; background:#80ba27;}


#container {width:1000px; margin:0 auto; padding:50px 0 100px; min-height:600px;}
#container h3 {font-size:24px; color:#1a1a1a;}
.sub_common {padding:0 100px;}
.sub_common h3 {text-align:center;}
.sub_common h3 {text-align:left;}
.sub_common h3 {font-size:20px; font-weight:normal;}
.sub_common h4 {font-size:18px; font-weight:normal;}
.sub_common dl dt {font-size:24px; font-weight:400;}


h2.title {font-size:24px; margin-bottom:10px; color:#1a1a1a; font-weight:normal;}
p.desc {font-size:18px; line-height:1.5; text-align:center;}

h2.sub_title {font-size:34px; color:#1a1a1a; line-height:1; text-align:center; font-weight:400;}
.line {width:60px; height:2px; background:#1a1a1a;  margin:50px auto;}

div.sub_desc {text-align:center; color:#1a1a1a; font-size:18px;}

.txtinfo {background:#eef4f9; padding:30px 0 30px 40px; margin-top:30px;}
.txtinfo li {position:relative; padding-left:14px;}
.txtinfo li:before {position:absolute; content:''; top:10px; left:0; background:#1a1a1a; width:2px; height:2px;}



/* 테이블 */

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    word-break: break-all;
    border: 0;
}

.common table th {
    background: #f0f0f0;
    height: 37px;
    text-align: center;
    border: 1px solid #cccccc;
    color: #464646;
}

.common table td {
    height: 35px;
    text-align: center;
    border: 1px solid #d5d5d5;
}


/* 버튼 */
div.bigBtn, div.mediumBtn , div.bigBtn_j{
    margin-top: 50px;
    text-align: center;
}
div.bigBtn a {
    display: inline-block;
    margin: 0 10px;
    width: 260px;
    height: 55px;
    background-color: #caced1;
    font-size: 18px;
    text-align: center;
    line-height: 55px;
    color: #fff;
}
div.bigBtn_j a span {font-size:14px;}
div.bigBtn_j a.col, div.mediumBtn a.col, div.smallBtn a.col{background-color: #9f1e32;}


div.bigBtn_j a {
    display: inline-block;
    margin: 0 10px;
    width: 300px;
    height: 70px;
    background-color: #caced1;
    font-size: 18px;
    text-align: center;
    line-height: 70px;
    color: #fff;
}


/* 예약 */
#container .member , #container .public {display:table; width:48%; height:200px; text-align:center; margin-top:50px;}
#container .member {float:left;  background:orange; }
#container .public {float:right; background:green;}
#container .member a , #container .public a {display:table-cell; vertical-align:middle; color:#fff; font-size:20px;}
#container .member a strong , #container .public a strong {font-size:30px;}

#container .choice {border:1px solid #c8c8c8; height:80px;}
#container .choice li {float:left; width:50%; height:80px; line-height:80px; text-align:center; font-size:20px; }
#container .choice li a {display:inline-block; width:100%; }
#container .choice li a.on {background:#80ba27; color:#fff;} 


/*검색*/
div.searchBox {
    margin-bottom: 30px;
    text-align: right;
}

ul.search {
    display: inline-block;
     width: 1000px;
}
/*
ul.search li.sel {
    width: 20%;
}

ul.search li.sel {
    width:100px;
}*/

.sel select {
    padding:0 15px;
    width:100px;
    height:40px;
    background:url('../images/arrowDwon.png') no-repeat 95% center;
    background-color:#fff;
    border:1px solid #e0e0e0;
    box-sizing:border-box;
    font-size:17px;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
	vertical-align: middle;
}
ul.search li {
    display: inline-block;
}
ul.search li > * {
    height: 40px;
}
ul.search li input[type="text"] {padding:0 15px; border:1px solid #e0e0e0; vertical-align:middle; width:200px;}

ul.search li.btn a {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 34px;
    color: #fff;
    background-color: #3b4856;
    box-sizing: border-box;
}


ul.search li.btn {
    width: 10%;
}

div.paging ul {
    margin: 30px auto;
    text-align: center;
	font-size:0;
}
div.paging ul li {
    display: inline-block;
    padding: 0 3px;
}
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;
}
div.bigBtn a.col, div.mediumBtn a.col, div.smallBtn a.col, div.bigBtn_j a.col {
    background-color: #9f1e32;
}
div.mediumBtn a {
    display: inline-block;
    margin: 0 10px;
    width: 160px;
    height: 50px;
    background-color: #caced1;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    color: #fff;
}
div.writeBtn {
    margin-top: -70px;
    text-align: right;
}

/*테이블*/
table.tbl01 tr td {
    padding: 12px 0;
    border: 1px solid #e9e9e9;
    font-size: 14px;
    color: #454545;
    line-height: 20px;
}
table.tbl01 tr th {
    padding: 12px 0;
    border: 1px solid #e9e9e9;
	font-weight:600;
	}
table.tbl02 {
    width: 100%;
    text-align: center;
    border-top: 2px solid #3b4856;
}
table.tbl02 tr {
    border-bottom: 1px solid #ccc;
}

table.common {/*border-top:2px solid #ddd;*/ border-top:2px solid #a6a6a6;}
table.common tr td {border: 1px solid #c8c8c8; text-align:left;  padding:12px 0 12px 10px;}
table.common tr th {border: 1px solid #c8c8c8;  background:#f9f9f9; text-align:left; padding:12px 0;  font-size:16px;}

table.common_s {border-top:2px solid #a6a6a6; border-top:2px solid #a6a6a6;}
table.common_s tr td {border: 1px solid #c8c8c8; text-align:left;  padding:12px 0 12px 10px;}
table.common_s tr th {border: 1px solid #c8c8c8;  background:#f9f9f9; text-align:left; padding:12px 0 12px 10px; font-size:16px;}

table.common_g {border-top:2px solid #a6a6a6; border-top:2px solid #a6a6a6;}
table.common_g tr td {border: 1px solid #c8c8c8; text-align:left;  padding:12px 0 12px 10px;}
table.common_g tr th {border: 1px solid #c8c8c8;  background:#f9f9f9; text-align:center; padding:12px 0; font-size:16px;}
table.common_g ul li {position:relative; padding-left:10px;}
table.common_g ul li:before {position:absolute; content:''; top:10px; left:0; background:#1a1a1a; width:5px; height:1px;}

table.common_c {border-top:2px solid #a6a6a6; border-top:2px solid #a6a6a6;}
table.common_c tr td {border: 1px solid #c8c8c8; text-align:center;  padding:12px 0 12px 10px; font-size:14px;}
table.common_c tr th {border: 1px solid #c8c8c8;  background:#f9f9f9; text-align:center; padding:12px 0; font-size:16px;}

table.common_j {border-top:2px solid #a6a6a6; text-align:center; table-layout:fixed}
table.common_j tr td {border: 1px solid #c8c8c8; font-size:14px; padding:5px;}
table.common_j tr th {border: 1px solid #c8c8c8; padding:5px; background:#f9f9f9; font-size:16px;}
table.common_j tr td span.invitation {display:inline-block; padding:5px 10px 5px 10px; background:#f42b2b; color:#fff;}
table.common_j tr td span.join {display:inline-block; padding:5px 10px 5px 10px; background:#80be59; color:#fff;}
table.common_j tr td span.red {color:#f42b2b; font-weight: 500;}

table.common_jj {border-top:2px solid #a6a6a6;}
table.common_jj tr td {border: 1px solid #c8c8c8; font-size:16px; padding:10px;  text-align:left;}
table.common_jj tr th {border: 1px solid #c8c8c8; padding:5px; background:#f9f9f9; font-size:16px;  text-align:center; color:#1a1a1a;}
table.common_jj tr td span.invitation {display:inline-block; padding:5px 10px 5px 10px; background:#f42b2b; color:#fff;}
table.common_jj tr td span.join {display:inline-block; padding:5px 10px 5px 10px; background:#80be59; color:#fff;}
table.common_jj td select.selStyle {color:#444; font-size:16px; border:1px solid #e0e0e0;}
table.common_jj td input[type="text"] {color:#444; font-size:16px; border:1px solid #e0e0e0;}

table.common_w {background:#fff;}
table.common_t {border:none;} 
table.common_t tr td {font-size:14px; padding:5px;  text-align:left;}
table.common_t tr th {padding:5px; background:#f9f9f9; font-size:16px;  text-align:left;}

table tr th {font-weight:normal;}
table tr td {color:#1a1a1a;}




table.tbl06 {
	width:100%;
}
table.tbl06 tr th {
	font-size:20px;
	color:#1a1a1a;
	font-weight:300;
	padding:5px 0;
}
table.tbl06 tr th span { display:inline-block; border-radius:30px; background:#ddd; width:160px; line-height:40px; height:40px; font-weight:500;}
table.tbl06 tr th span.thPoint { display:inline-block; border-radius:30px; background:#7ac043; width:160px; line-height:40px; height:40px; color:#fff;}
table.tbl06 tr td {
	text-align:left;
	font-size:20px;
	color:#555;
	padding:0 10px;
	font-weight:500;
}

table.tbl06 tr td span.colPoint {
    color:#d24f1e;
	font-weight:500;
}
table.tbl06 tr td.alignLeft {
    text-align:left;
}
table.tbl06 tr td.tLeft {padding:10px; text-align:left;}
.thPoint {background:red;}
table.tbl06 tr td span.reduced {
    color:#444; text-decoration:line-through;
}
table.tbl06 tr td span.reduced {
    color:#444; text-decoration:line-through;
}

/*팝업*/

.popWrap .tit {
    height: 33px;
    background: #7d868c;
    color: #fff;
    line-height: 33px;
    padding-left: 19px;
    margin-top: 0;
	font-size:15px;
}

.popWrap.type04 {
    width: 562px;
	height:350px;
}

.popWrap {
    position: fixed;
    top: 50%;
    left: 50%;
	margin-top:-175px;
	margin-left:-281px;
    width: 348px;
    border: 2px solid #7d868c;
    z-index: 10000000;
    background: #fff;
	font-size:13px;
	line-height:1.5;
}
.popWrap.type04 .popContents {
    height: 229px;
    padding: 20px; 5px 10px 5px;
}
.popMask {position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5);}


/*버튼*/
div.bigBtn, div.mediumBtn {
    margin-top:50px;
    text-align:center;
}
div.bigBtn a {
    display:inline-block;
    margin:0 10px;
    width:260px;
    height:55px;
    background-color:#caced1;
    font-size:18px;
    text-align:center;
    line-height:55px;
    color:#fff;
}
div.bigBtn a.col, div.mediumBtn a.col, div.smallBtn a.col {
    background-color:#9f1e32;
}
div.mediumBtn a {
    display:inline-block;
    margin:0 10px;
    width:160px;
    height:50px;
    background-color:#caced1;
    font-size:18px;
    text-align:center;
    line-height:50px;
    color:#fff;
}

a.miniBtn {
    display:inline-block;
    width:80px;
    height:35px;
    background-color:#caced1;
    font-size:15px;
    text-align:center;
    line-height:35px;
    color:#fff;
}
a.miniBtn.col {
    background-color:#9f1e32; 
}
div.smallBtn {
    margin-top:50px;
    text-align:right;
}
div.smallBtn a {
    display:inline-block;
    margin-left:8px;
    min-width:80px;
    height:35px;
    background-color:#caced1;
    font-size:16px;
    text-align:center;
    line-height:35px;
    color:#fff; padding:0 10px;
}
div.smallBtn a.col02 {
    background-color:#334652;
}

div.smallBtn_c {
    margin-top:20px;
    text-align:center;
}
div.smallBtn_c a {
    display:inline-block;
    margin-left:8px;
    width:80px;
    height:35px;
    background-color:#caced1;
    font-size:16px;
    text-align:center;
    line-height:35px;
    color:#fff;
}
div.smallBtn_c a.col02 {
    background-color:#334652;
}

a.btn_account {display:inline-block; padding:0 30px; background:#475660; color:#fff; height:35px; line-height:35px;}

div.downBtn {margin-top:20px; text-align:right;}
div.downBtn a {position: relative; display:inline-block; margin-left:5px; min-width:80px; height:30px; font-size:15px; text-align:center; line-height:30px; color:#000; border: 1px solid #ddd; padding: 0 45px 0 15px}
div.downBtn a:before{position: absolute; content: ''; right: 10px; top:8px; width: 19px; height: 15px; background: url(../images/ico_down.png) no-repeat right center }

/*팝업*/
.popWrap.type03 {position:absolute; top:800px; width:470px; margin-left:-238px; font-size:14px; background:#fff; z-index:9999;}
.popWrap.type03 .popContents{padding:30px;}
.popWrap.type03 table{width:413px;}
.popWrap.type03 table th, .popWrap.type03 table td{height:60px;border:1px solid #c8c8c8;}
.popWrap.type03 table th{text-align:center; background:#f6f6f6;}
.popWrap.type03 table td{padding-left:10px;}
.popWrap.type03 table td input {border:1px solid #c8c8c8; height:40px; width:200px;}
.popWrap.type03 table td a{color:#fff; background:#565656; padding:9px;}
.popWrap.type03 .btnClose{position:absolute;top:0;right:0;}
.popWrap.type03 .btnClose a{display:block;width:auto;height:auto;}
.popWrap.type03 .btnClose a img {width:32px; height:32px;}


textarea {
    border: 1px solid #e0e0e0;
}



#popup{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); font-size:16px; line-height:1.2; display:none; z-index:99999;}
.popup_inner{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; width:580px; padding:20px;}
.close{position:absolute; right:0px; top:0px;}

h2.joinTit {font-size:24px; color:#333; font-weight:400;}


.membership-benifit { }
.membership-benifit dl {width:100%;  padding:0 0 0 400px; background:#fff url('../images/main_gold.jpg') no-repeat 150px 28%; }
.membership-benifit dl dt {display:block;}
.membership-benifit dl dt strong {display:block; color:#1a1a1a; font-size:24px;}
.membership-benifit dl dt em {display:block; letter-spacing:0.5px; color:#c77a37; font-size:16px;}
.membership-benifit dl dd p {color:#555; font-size:13px; line-height:23px; letter-spacing:0.5px;}
.membership-benifit dl dd p i {display:block;}
.membership-benifit dl dd button {width:150px; height:36px; margin-top:40px; background:#eaeaea; color:#031420; font-size:15px;}

.champion tr td:first-child {color:#1a1a1a; background:#f7fbf3;}
.champion th {color:#1a1a1a; font-weight:400;}