@charset "utf-8";

#visual {position:relative; height:370px; margin:0 auto; background:url(../images/visual_member.jpg) center no-repeat; 
background-size:cover; }

h2.joinTit {
    font-size:24px;
    color:#333;
	font-weight:400;
}
h2.joinTit span {
    font-size:16px;
    color:#9f1e32;
}
ul.step {
    padding:30px 0;
    position:relative;
    text-align:center;
}
ul.step::after {
    content:'';
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-15px;
    margin-left:-180px;
    width:300px;
    height:1px;
    background-color:#ddd;
    z-index:-1;
}
ul.step li {
    display:inline-block;
    margin:0 30px;
    width:90px;
    text-align:center;
}
ul.step li span.sqcIc {
    display:block;
    width:92px;
    height:92px;
    background:url('../images/sequence.png') no-repeat;
}
ul.step li span.ic00 {
    background-position:0 -92px;
}
ul.step li span.ic01 {
    background-position:-92px -92px;
}
ul.step li span.ic02 {
    background-position:-184px -92px;
}
ul.step li.act span.ic00 {
    background-position:0 0;
}
ul.step li.act span.ic01 {
    background-position:-92px 0;
}
ul.step li.act span.ic02 {
    background-position:-184px 0;
}
ul.step li p {
    margin-top:15px;
    font-size:15px;
    color:#888;
}
ul.step li.act p {
    font-family: 'Noto Sans Medium';
    color:#293d4a;
}
div.allCheckBox {
    padding:45px 0;
    width:100%;
    border:4px solid #f6f6f6;
    text-align:center;
}
div.allCheckBox p {
    margin-bottom:30px;
    font-size:22px;
    font-family: 'Noto Sans Bold';
    line-height:32px;
    color:#333;
	font-weight:600;
}
div.allCheckBox ul.checkBox {
    margin-top:0;
    text-align:center;
}
div.allCheckBox ul.checkBox li input[type="checkbox"] + label {
	font-size:16px;
	color:#666666;
}
div.agreeCnt {
    margin-top:70px;
    border-bottom:1px solid #e9e9e9;
}
div.agreeInner {
    margin-bottom:50px;
}
div.agreeInner div.scrollbox {
    margin-top:15px;
    width:100%;
    height:230px;
    background-color:#f6f6f6;
}
div.agreeInner div.scrollbox iframe {
    width:100%;
    height:100%;
}
div.agreeInner p.joinTxt {
    margin-top:15px;
    font-size:14px;
    line-height:24px;
    color:#454545;
}
div.agreeInner p.joinTxt ul li {font-size:13px;}
div.joinCnt {
    margin-top:20px;
}
h3.subTit02 span {
    margin-left:10px;
    font-size:14px;
    font-family: 'Noto Sans Light';
    color:#888;
}
div.joinInner {
    margin-top:15px;
    width:100%;
    background-color:#f9f9f9;
    border-top:2px solid #3b4856;
    border-bottom:1px solid #e9e9e9;
}
table.joinTbl {
    margin:20px auto;
    width:92%;
}
table.joinTbl tr th {
    font-size:17px;
    font-family: 'Noto Sans DemiLight';
    text-align:left;
	color:#1a1a1a;
	font-weight:500;
}
/*
table.joinTbl tr th span.point {
    padding-left:3px;
    font-family: 'Noto Sans Bold';
    color:#85c450;
}
*/
span.point {
    padding-left:3px;
    font-family: 'Noto Sans Bold';
    color:#85c450;
}
table.joinTbl tr td {
    padding:0 5px;
    height:60px;
    font-size:16px;
}
table.joinTbl tr td ul.radioBox li {
    margin-left:15px;
}
table.joinTbl tr td a {
    display:inline-block;
    width:120px;
    height:50px;
    background-color:#3b4856;
    font-size:16px;
    line-height:50px;
    color:#fff;
    text-align:center;
}
table.joinTbl tr td span {
    font-size:15px;
    /*color:#85c450;*/
}
table.joinTbl tr td p {
    display:inline-block;
    width:3.4%;
    font-size:17px;
    text-align:center;
}
table.joinTbl tr td p.iptStyle {
    padding:0 15px;
    width:100%;
    height:50px;
    background-color:#f6f6f6;
    border:1px solid #e0e0e0;
    font-size:14px;
    text-align:left;
    line-height:50px;
    box-sizing:border-box;
}
table.joinTbl tr td p:last-child {
    margin-right:0;
}
table.joinTbl tr td ul.radioBox {
    text-align:left;
}
table.joinTbl tr td ul.radioBox li:first-child {
    margin:0;
}
table.joinTbl tr td ul.radioBox li input[type="radio"] + label {
    font-size:17px;
}
/*-- END Join �뚯썝媛��� --*/



/*---- Login 濡쒓렇�� ----*/
div.loginPage {
    background-color:#f7f7f7;
}
h2.loginTit {
    font-size:48px;
    text-align:center;
    color:#333333;
}
p.loginTxt {
    font-size:15px;
    text-align:center;
    color:#666;
}
div.loginBox {
    margin:0 auto;
    width:800px;
    background-color:#fff;
    border:1px solid #e8e8e8;
}
div.loginInner {
    width:500px;
	margin:50px auto;
}
div.loginInner p {text-align:center;}
ul.loginForm {
    width:100%;
}
ul.loginForm li {
    float:left;
    width:70%;
    vertical-align:top;
}
ul.loginForm li input:first-child {
    margin-bottom:10px;
}
ul.loginForm li.loginBtn {
    float:right;
    width:30%;
    text-align:right;
}
ul.loginForm li.loginBtn a {
    display:inline-block;
    width:95%;
    height:110px;
    background-color:#3b4856;
    font-size:16px;
    text-align:center;
    line-height:110px;
    color:#fff;
}
div.loginInner ul.checkBox {
    margin:10px 0;
    text-align:left;
}
div.loginInner ul.sns {width:500px; margin:0 auto;}
div.loginInner ul.sns img {width:240px;}
div.loginInner ul.sns li {float:left; margin-left:20px;}
div.loginInner ul.sns li:first-child {margin:0;}
ul.checkBox li {
    margin-left:0;
}
div.linkBtn a:first-child {
    float:left;
}
div.linkBtn a {
    float:right;
    display:block;
    width:48%;
    height:50px;
    font-size:15px;
    font-weight:600;
    line-height:50px;
    color:#3b4856;
    text-align:center;
    border:1px solid #3b4856;
}
div.joinBox {
    width:100%;
    border-top:1px solid #e9e9e9;
	padding:30px 0 0 0;
}
div.joinBox p {
    margin-top:30px;
    font-size:14px;
    line-height:22px;
}
div.joinBtn {
    margin:0 auto;
    padding:15px 0 50px 0;
    width:500px;
}
div.joinBtn a {
    display:block;
    height:60px;
    background-color:#9f1e32;
    font-size:17px;
    line-height:60px;
    text-align:center;
    color:#fff;
}
div.join_box p.desc {text-align:center;}
/*-- END Login 濡쒓렇�� --*/



/*---- Id �꾩씠�붿갼湲� ----*/
div.idpwPage {
    background-color:#f7f7f7;
}
div.idpwBox {
    margin:0 auto;
    width:800px;
    background-color:#fff;
}
ul.findTab {
    display:table;
    width:100%;
}
ul.findTab li {
    display:table-cell;
    width:50%;
    border:1px solid #e6e6e6;
}
ul.findTab li.on {
    background-color:#3b4856;
    border-color:#3b4856;
}
ul.findTab li a {
    display:block;
    width:100%;
    height:55px;
    font-size:17px;
    text-align:center;
    line-height:55px;
    color:#767676;
}
ul.findTab li.on a {
    color:#fff;
}
div.idpwInner {
    padding:60px 80px;
    width:100%;
    background-color:#fff;
    border:1px solid #e6e6e6;
    border-top:0;
}
div.idpwInner p {
    font-size:15px;
    text-align:center;
    line-height:26px;
    color:#666;
}
table.idpwTbl {
    width:100%;
}
table.idpwTbl input.phone {
    width:29%;
}
div.idpwOkbox {
    padding:50px 0;
    font-size:18px;
    text-align:center;
    color:#666;
    line-height:32px;    
    text-align:center;
}
div.idpwOkbox span {
    border-bottom:1px solid #333;
    color:#000;
}
div.idpwOkbox span.id {
    margin:0 15px;
    font-size:36px;
}
/*-- END Id �꾩씠�붿갼湲� --*/



/*---- �뚯썝�덊눜 ----*/
div.caution h2.mark {
    padding:5px 35px;
    background:url('../images/mark.png') no-repeat left center;
}
/*-- END �뚯썝�덊눜 --*/


/* 로그인 */
.snsTxt {text-align:center;}
.sns01 ,.sns02, .sns03, .sns04 {
    float: left;
    margin-right: 13px;
}


/*회원*/
.common 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;
}

.myTxtArea {width:100%; border:1px solid #ddd; padding:50px;}



ul.member_choice li {float:left;}
.detail {border-top:2px solid #a6a6a6; background:#f6f6f6; padding:50px;}

.join h3 {font-size:28px; color:#1a1a1a; font-weight:400;}
.join h4 {font-size:24px; color:#1a1a1a; font-weight:400;}

.Btn {text-align:center;}
.Btn a {display:table-cell; text-align:center; vertical-align:middle; width:300px; height:80px; font-size:14px; line-height:1.2;}
.Btn .child , .Btn .adult {float:left; font-size:20px;}
.Btn .child a {background:#67b13b; color:#fff;}
.Btn .adult li {float:left;}
.Btn .adult li span , .Btn .child span {font-size:20px;}
.Btn .adult a.phone {background:#2f93b0; color:#fff;}
.Btn .adult a.ipin {background:#2c6bb0; color:#fff;}




/*아이디찾기*/
.search_id {width:100%; border:1px solid #e8e8e8; padding:50px;}
.search_id .desc {text-align:center;}
.search_id ul {padding:0 100px;}
.search_id ul li {float:left; width:230px; height:80px;}
.search_id ul li a {display:table-cell; text-align:center; vertical-align:middle; width:230px; height:80px; color:#fff; line-height:1.4;}
.search_id ul li a span {font-size:20px; }
.search_id ul li.phone {background:#67b13b;}
.search_id ul li.ipin {background:#2f93b0; margin-left:10px;}



/*회원정보수정*/
.btn_edit {display:inline-block; width:150px; height:40px; background:#caced1; color:#fff; text-align:center; vertical-align:middle;}

.myTxtArea .desc {text-align:center;}
.myTxtArea .inputArea ul li {margin-top:20px;}
.myTxtArea .inputArea ul li label {width:20%; display:inline-block;}
.myTxtArea .inputArea ul li input {padding:0 15px; width:80%; height:50px; border:1px solid #e0e0e0;} 

.btn {
	display: inline-block;
    width: 120px;
    height: 36px;
    background: #3b4856;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
}
.btn a {color:#fff;}
.ipt {width:250px; height:40px; border:1px solid #e0e0e0; padding:0 15px;}

.edit input[type="text"] {padding:0 15px; height:50px; border:1px solid #e0e0e0;}
.edit textarea {width:100%; height:150px; border:1px solid #e0e0e0;}


/*사이버골드 신청*/
.cyber_id {text-align:center; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:50px 0;}
.cyber_id dl {width:400px;  border: 1px solid #dedede; margin:0 auto; text-align:left;}
.cyber_id dl dt , .cyber_id dl dd {display:inline-block; padding:15px 0 15px 10px;}
.cyber_id dl dt {background:#f9f9f9; width:30%; border-right: 1px solid #dedede;}


/*예약현황*/
.tab_b1 li.active {
    background: #65b427;
    color: #fff;
    height:50px;
}
.tab_b1 li {
    float: left;
    height:50px;
	 line-height:50px;
    border-left: none;
    background: #b2b7bb;
    text-align: center;
	font-size:18px;
}
.tab_b1 li.active a {
    background: #65b427;
	   
}
.tab_b1 li a {
    color: #fff;
    display: block;
	padding:0 50px;
}
.btn_s1 {background:#455560; display:inline-block; width:150px; height:40px; line-height:40px; text-align:center; margin-left:130px; }
.btn_s1 a {display:block; width:100%; color:#fff;}
.btn_s2 {background:#455560; display:inline-block; width:150px; height:40px; line-height:40px; text-align:center;  margin-left:10px;}
.btn_s2 a {display:block; width:100%; height:100%; color:#fff;}
a.btn_s3 {background:#455560; display:inline-block; width:70px; height:30px; line-height:30px; text-align:center; color:#fff; }


/*스코어*/
.score {overflow:hidden;}
.score h2 {float:left;}
.score .searchBox {float:right; margin-top:50px;}


/*비밀번호 확인*/
.loginInner .okForm {position:relative; width:450px;}
.loginInner .okForm label {width:70px; display:inline-block;}
.loginInner .okForm .loginBtn a {
	position:absolute; top:0; right:0; 
    width:120px;
    height:90px;
    background-color: #3b4856;
    font-size: 16px;
    text-align: center;
    line-height:90px;
    color: #fff;
}

/*비밀번호 찾기*/
.memberInfo > p {
    padding: 12px 0;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    background-color: #787878;
    text-align: center;
}
.memberInfo ul {
    padding: 27px 0;
    background-color: #f5f5f5;
}
.pw {width:530px; margin:0 auto;}
.pw li {float:left;}




table.tbl02 tr th {
    position:relative;
    height:50px;
    background-color:#f9f9f9;
    font-weight:500;
    color:#454545;
}
table.tbl02 tr th:first-child::after {
    display:none;
}
table.tbl02 tr th::after {
    position:absolute;
    top:50%;
    left:0;
    margin-top:-8px;
    content:'';
    display:block;
    width:1px;
    height:14px;
    background-color:#e0e0e0;
}
table.tbl02 tr td {
    height:55px;
    font-size:15px;
    color:#555;
}