/*---- Join 회원가입 ----*/
h2.joinTit {font-size:25px; color:#333; margin: 80px 0 10px}
h2.joinTit:first-child {margin-top: 40px}
h2.joinTit span {color:#468E40; margin-left: 5px; font-family: 'Noto Sans Light'; font-size: 20px}
ul.step {position:relative; text-align:center; margin-bottom: 80px}
ul.step::after {content:''; display:block; position:absolute; top:50%; left:50%; margin-top:-15px; margin-left:-200px; width:400px; height:1px; background-color:#ddd; z-index:-1;}
ul.step li {display:inline-block; margin:0 15px; width:90px; text-align:center;}
ul.step li span.sqcIc {display:block; width:90px; height:90px; background:url('../img/sequence.png') no-repeat;}
ul.step li span.ic01 {background-position:0 -90px;}
ul.step li span.ic02 {background-position:-90px -90px;}
ul.step li span.ic03 {background-position:-180px -90px;}
ul.step li span.ic04 {background-position:-270px -90px;}
ul.step li.act span.ic01 {background-position:0 0;}
ul.step li.act span.ic02 {background-position:-90px 0;}
ul.step li.act span.ic03 {background-position:-180px 0;}
ul.step li.act span.ic04 {background-position:-270px 0;}
ul.step li p { margin-top:15px; font-size:16px; color:#999;}
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 {font-size:22px; font-family: 'Noto Sans Bold'; line-height:32px; color:#333;}
div.allCheckBox ul.checkBox {margin-top:20px; text-align:center;}
div.allCheckBox ul.checkBox li input[type="checkbox"] + label {
	font-size:16px; color:#666;}
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:16px;
    line-height:24px;
    color:#666;
}
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 #1d321b; border-bottom:1px solid #e9e9e9; padding: 20px 100px}
table.joinTbl {width:100%; table-layout: fixed; margin: 20px 0}
table.joinTbl tr th {font-size:15px; font-family: 'Noto Sans DemiLight'; color: #666; text-align:left;}
table.joinTbl tr th span.point {
    padding-left:3px;
    font-family: 'Noto Sans Bold';
    color:#fb7d01;
}
table.joinTbl tr td {
    padding:0 5px;
    height:60px;
    font-size:18px;
}
table.joinTbl tr td ul.radioBox li {
    margin-left:15px;
}
table.joinTbl tr td a {
    display:inline-block;
    width:120px;
    height:50px;
    background:#1d321b; border-radius: 4px;
    font-size:16px;
    line-height:50px;
    color:#fff;
    text-align:center;
}
table.joinTbl tr td span {
    font-size:16px;
    color:#468E40;
}
table.joinTbl tr td p {display:inline-block; font-size:18px; padding: 0 10px}
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:15px; color: #999;}
/*-- END Join 회원가입 --*/



/*---- Login 로그인 ----*/
div.loginPage {background:#f7f7f7;
}
h2.loginTit {font-family: 'Noto Sans Light'; font-size:50px; text-align:center; color:#333;}
p.loginTxt {margin-top:20px; font-size:18px; line-height:1.5; text-align:center; color:#666;}
div.loginBox {
    margin:30px auto;
    margin-bottom:0;
    width:800px;
    background-color:#fff;
    border:1px solid #e8e8e8;
}
div.loginInner {
    margin:50px auto;
    width:500px;
}
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:#1d321b;
    font-size:20px;
    text-align:center;
    line-height:110px;
    color:#fff; border-radius: 4px;
}
div.loginInner ul.checkBox {margin:20px 0 40px; text-align:left;}
ul.checkBox li {margin:0 20px 0 0;}

div.linkBtn{margin-top: 20px}
div.linkBtn a:first-child {float:left;}
div.linkBtn a {
    float:right;
    display:block;
    width:48%;
    height:50px;
    font-size:16px;
    font-weight:500;
    line-height:50px;
    color:#1d321b;
    text-align:center;
    border:1px solid #ddd; border-radius: 4px;
}
div.joinBox {
    width:100%;
    border-top:1px solid #e9e9e9;
}
div.joinBox p {
    margin-top:30px;
    font-size:16px;
    line-height:22px;
}
div.joinBtn {
    margin:0 auto;
    padding:15px 0 50px 0;
    width:500px;
}
div.joinBtn a {
    display:block;
    height:60px;
    background-color:#468E40;
    font-size:17px;
    line-height:60px;
    text-align:center;
    color:#fff; border-radius: 4px;
}
/*-- 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:#1d321b;
    border-color:#1d321b;
}
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:16px;
    text-align:center;
    line-height:26px;
    color:#666;
}
table.idpwTbl {width:100%; margin-top: 20px}
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('../img/mark.png') no-repeat left center;
}
/*-- END 회원탈퇴 --*/