/*---- Login 로그인 ----*/
div.loginPage {width:100%; height:50vh; margin-top:80px}
div.loginBox {position:relative; top:0; left:50%; transform:translateX(-50%); padding-top:30px; width:580px; background:#fff;}
div.loginBox h1 {font-size:48px; text-align:center; color:#333333; letter-spacing: -1px}
div.loginBox p {margin-top:30px; font-size:18px; text-align:center; color:#666;}
div.loginBox p strong{color: #e92254}
div.loginInner {padding:20px 50px 0 50px;}
ul.loginForm {width:100%;}
ul.loginForm li {position: relative; float:left; width:100%; vertical-align:top;}
ul.loginForm li input:first-child {margin-bottom:10px;}
ul.loginForm li input.iptStyle{position: relative; text-align: center}
ul.loginForm li .time{position: absolute; right: 5px; top: -17px; width: 50px; height: 10px; color: #e92254 !important;}
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:#728922 ; font-size:16px; text-align:center; line-height:110px; color:#fff;}

div.loginInner ul.checkBox {margin:25px 0; text-align:left;}
div.loginInner ul.checkBox li{width: 100%}
div.loginInner ul.checkBox li .flipBtn{float: right; font-size: 14px; color: #666; border: 1px solid #ddd; padding: 2px 6px}
.panel{display: none}
.panel > p.cert{font-size: 16px; text-align: left; letter-spacing: -1px; margin: 0 0 20px 0}

div.linkBtn a:first-child {float:left;}
div.linkBtn a {float:right; display:block; width:100%; height:50px; font-size:15px; font-weight:600; line-height:50px; color:#fff; text-align:center; background: #728922; margin-bottom: 40px}
div.joinBox {width:100%; border-top:1px solid #e9e9e9;}
div.joinBox p {margin-top:15px; font-size:16px; line-height:22px;}
div.joinBtn {
    padding:15px 50px;
}
div.joinBtn a {
    display:block;
    width:100%;
    height:60px;
    background-color:#999;
    font-size:17px;
    line-height:60px;
    text-align:center;
    color:#fff;
}
/*-- END Login 로그인 --*/


/*---- Join 회원가입 ----*/
div.joinPage div.subTitBox {
    background:url('../img/bg_join.png') no-repeat 0 0;
}
div.joinPage p.subTxt01 {
    text-align:center;
}
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;
}
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.scrollbox {
    margin-top:15px;
    width:100%;
    height:230px;
    overflow-y:scroll;
    background-color:#f6f6f6;
}
div.scrollbox iframe {
    width:100%;
}
p.joinTxt {
    margin-top:15px;
    font-size:14px;
    line-height:24px;
    color:#454545;
}
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 #0c2c40;
    border-bottom:1px solid #e9e9e9;
}
div.joinInner textarea {min-height:220px; width:100%; padding:20px; border:1px solid #ddd; box-sizing:border-box; resize:none;}
table.joinTbl {
    margin:20px auto;
    width:92%;
}
table.joinTbl tr th {
    font-size:17px;
    font-family: 'Noto Sans DemiLight';
    text-align:left;
}
table.joinTbl tr th span.point {
    padding-left:3px;
    font-family: 'Noto Sans Bold';
    color:#c89367;
}
table.joinTbl tr td {
    padding:0 5px;
    height:60px;
    font-size:14px;
}
table.joinTbl tr td a {
    display:inline-block;
    width:120px;
    height:50px;
    background-color:#728922 ;
    font-size:16px;
    line-height:50px;
    color:#fff;
    text-align:center;
}
table.joinTbl tr td span {
    font-size:15px;
    color:#ad7546;
}
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 회원가입 --*/


/*------ Id 아이디찾기 ------*/
div.idpwPage {
    background-color:#f6f6f6; padding:80px 0;
}
div.idpwPage div.subTitBox {
    background:url('../img/bg_idpw.png') no-repeat 0 0;
}
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:#c89367;
    border-color:#c89367;
}
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.editPage div.subTitBox {
    background:url('../img/bg_edit.png') no-repeat 0 0;
}

/*---- 회원탈퇴 ----*/
div.withdrawalPage div.subTitBox {
    background:url('../img/bg_withdrawal.png') no-repeat 0 0;
}

div.caution h3.mark {
    padding:5px 35px;
    background:url('../images/mark.png') no-repeat left center;
}
/*-- END 회원탈퇴 --*/




/*---- 회원정보수정 ----*/
.edit_title {font-size:34px; text-align:center; margin-bottom:30px;}
.edit_inner {
    padding: 60px 80px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e6e6e6;
}
.edit_inner p {
    font-size: 15px;
    text-align: center;
    line-height: 26px;
    color: #666;
}
/*-- END 회원정보수정 --*/