
/* subTab */
.subTab {margin-bottom:40px;}
.subTab:after {content:""; display:table; clear:both;}
.subTab li {float:left; border-right:solid 1px #eaeaea; border-top:solid 1px #eaeaea; border-bottom:solid 1px #9e8269; background:#fafafa;}
.subTab li:first-child {border-left:solid 1px #eaeaea;}
.subTab.col2 li {width:50%;}
.subTab.col3 li {width:33.3333%;}
.subTab.col4 li {width:25%;}
.subTab.col5 li {width:20%;}
.subTab.col6 li {width:16.6666%;}
.subTab.col7 li {width:14.2857%;}
.subTab.col8 li {width:12.5%;}
.subTab li a,
.subTab li span {display:block; text-align:center; font-size:18px; color:#aaa; font-weight:300; height:50px; line-height:50px; cursor:pointer;}
.subTab li.current {position:relative; border-color:#9e8269; border-bottom-color:#fff; background:#fff;}
.subTab li.current:before {content:""; display:block; width:1px; background:#9e8269; position:absolute; left:-1px; top:-1px; bottom:-1px;}
.subTab li.current a,
.subTab li.current span {color:#9e8269; font-weight:400;}

/* academy */
.acaTitle {height:300px;}
.acaTitle > div {display:table; height:100%; width:100%;}
.acaTitle > div > div {display:table-cell; width:100%; vertical-align:middle;}
.acaTitle h3 {font-size:42px; line-height:1.2em; color:#fff; font-weight:100;}
.acaTitle h3 span {display:block;}
.acaTitle h3 span b {font-weight:400;}
.acaCont {padding-top:120px; padding-bottom:120px;}
.acaCont.press {padding-top:60px;}

/* member */
.lgnForm {position:absolute; width:360px; background:#fff; right:0; top:50%; margin-top:-250px; margin-right:100px; padding:50px 30px;}
.lgnForm h4 {text-align:center; font-weight:300; font-size:14px;}
.lgnForm h4 span {display:block; font-size:28px; font-weight:400;}
.lgnForm dl {margin-top:30px;}
.lgnForm dl dt {margin-top:10px; font-size:10pt; padding-bottom:5px;}
.lgnForm dl dd {}
.lgnForm dl dd input {display:block; width:100%; height:40px;}
.lgnForm button {display:block; border:none; width:100%; text-align:center; background:#9e8269; color:#fff; padding:10px 0; font-size:18px; margin-top:10px; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.lgnForm ul {margin-top:30px;}
.lgnForm ul li {margin-top:5px;}
.lgnForm ul li:after {content:""; display:table; clear:both;}
.lgnForm ul li p {font-size:13px; float:left; white-space:nowrap; color:#999;}
.lgnForm ul li a {display:block; float:right; white-space:nowrap; font-size:13px; color:#222;}
.lgnForm > p {font-size:11px; color:#ccc; text-align:center; margin-top:30px; font-weight:100; letter-spacing:0.05em;}

.itrContainer {width: 1200px;margin: 0 auto;position: relative;}
.joinContainer {width: 1200px;margin: 0 auto;position: relative;}

.idpwWrap {padding:120px 0; width:460px;}
.idpwArea {margin-top:30px; border:solid 1px #ddd; padding:60px 50px;}
.idpwArea li {display:block; margin-bottom:10px;}
.idpwArea li p {text-align:center; font-size:15px; padding-bottom:30px;}
.idpwArea li p span {color:#ff0000;}
.idpwArea li input {height:40px; width:100%; border:solid 1px #ddd; padding:0px 6px;}
.idpwArea li label {display:block; margin-left:0; margin-bottom:5px;}
.idpwArea li button {display:block; border:none; width:100%; text-align:center; background:#9e8269; color:#fff; padding:10px 0; font-size:18px; margin-top:10px; appearance:none; -moz-appearance:none; -webkit-appearance:none;}

.joinWrap {width:800px; padding-top:80px; padding-bottom:80px;}
.joinStep{margin:0 -6px;}
.joinStep:after {clear:both; content:""; display:table;}
.joinStep li {display:block; float:left; width:33.3333%; padding:0 3px;}
.joinStep li span {display:block; height:50px; line-height:50px; text-align:center; position:relative; background:#f1f1f1; color:#aaa; font-size:17px;}
.joinStep li span:before {content:''; position: absolute; top:0; left:0; height:0; width:0; border: 25px solid transparent; border-right-width:0; z-index:1; border-left-color: #fff;}
.joinStep li span:after {content:''; position: absolute; top:0; left:100%; height:0; width:0; border: 25px solid transparent; border-right-width:0; z-index:2; border-left-color: #f1f1f1;}
.joinStep li.current span {background:#9e8269; color:#fff; font-weight:500;}
.joinStep li.current span:after {border-left-color: #9e8269;}
.joinStep li:first-child span:before {display:none;}
.joinStep li:last-child span:after {display:none;}

.privacyTitle {padding-bottom:15px; margin-top:40px;}
.privacyTitle h3 {font-size:20px; color:#000; letter-spacing:-0.04em; font-weight:400;}
.privacyTitle h4 {font-size:17px;line-height:2; color:#445161; letter-spacing:-0.04em; font-weight:400; opacity:0.5;}
.privacyAgree {text-align:right; padding-top:10px;}

.privacyTitle h5 {font-size: 1.6rem;}


.joinBtn {margin-top:40px; text-align:center;}
.joinBtn a {display:inline-block; border:none; width:280px; margin:0 5px; text-align:center; color:#fff; padding:12px 0; font-size:18px;}
.joinBtn a.brw {background:#9e8269;}
.joinBtn a.gray {background:#666;}

.joinTable {width:100%; border-left:solid 2px #fff; border-right:solid 2px #fff;}
.joinTable th,
.joinTable td {border:solid 1px #ddd; font-size:12px; padding:10px;}
.joinTable th {background-color:#f2f3f5;}
.joinTable input[type="text"],
.joinTable input[type="password"],
.joinTable input[type="tel"],
.joinTable select {height:32px; max-width:100%; min-width:auto !important;}
.joinTable label {font-size:12px;}
.joinTable .inline li {display:inline-block;}
.joinTable .pt10 {padding-top:10px;}

.joinDesc {margin-top:30px; margin-bottom:10px; font-size:13px;}
.joinDesc span {color:#ff5c0c;}

.joinTable td {/* font-family:"dotum"; */ font-size:12px;}
.inputFull {width:226px;}
.inputCall {display:block; width:226px;}
.inputCall:after {content:""; display:table; clear:both;}
.inputCall li {float:left; padding:0 !important;}
.inputCall li input,
.inputCall li select {width:100%;}
.inputCall li:nth-child(2n) {width:13px; height:32px; line-height:32px; text-align:center; padding-top:5px;}
.inputCall li:nth-child(2n+1) {width:60px;}
.inputCall li:first-child {width:80px;}
.inputYear:after {content:""; display:table; clear:both;}
.inputYear li {float:left; padding:0 !important;}
.inputYear li input,
.inputYear li select {width:100%;}
.inputYear li:nth-child(2n) {width:20px; height:32px; line-height:32px; text-align:center; padding-top:5px;}
.inputYear li:nth-child(2n+1) {width:60px;}
.inputYear li:first-child {width:80px;}
.inputZipcode {display:inline-block !important; vertical-align:middle;}
.inputZipcode:after {content:""; display:table; clear:both;}
.inputZipcode li {float:left; padding:0 !important; width:80px;}
.inputZipcode li:nth-child(2) {width:20px; height:32px; line-height:32px; text-align:center; padding-top:5px;}
.inputZipcode li input {width:100%;}
.inputAddr {padding-top:6px;}
.inputAddr:after {content:""; display:table; clear:both;}
.inputAddr li {width:260px;}
.inputAddr li input {width:100%;}

.incPrvcy {margin-bottom: 10px;}

.redStar {color:#ff5c0c; display:inline-block; margin-right:3px;}
.joinFormBtn {display:inline-block; height:32px; line-height:32px; margin-left:2px; text-align:center; padding:0 15px; cursor:pointer; background:#9e8269; color:#fff; font-weight:bold; vertical-align:middle; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.joinFormDesc {display:inline-block; margin-left:5px;}
.joinSuccess {padding:80px 80px 50px; text-align:center;}
.joinSuccess h3 {color:#666; font-size:40px; letter-spacing:-0.075em; font-weight:300; line-height:1.3em;}
.joinSuccess h3 span {display:block; font-weight:500; color:#9e8269;}
.joinSuccess p {padding-top:60px; font-size:15px; line-height:1.8em;}
.joinSuccess u {font-weight:600;}
.memberOut {width:600px; margin:0 auto; display:block; text-align:Center; font-size:16px; font-weight:500;}
.memberOut p {padding-bottom:10px;}
.memberOut textarea {display:block; width:100%; height:200px; resize:none;}
