.idpwArea {margin:40px auto 100px; width:600px;max-width:100%; border:solid 1px #ddd; padding:60px 100px;}
.idpwArea li {display:block; margin-bottom:6px;}
.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;}
.idpwArea li button {
	display:block; width:100%; height:50px; line-height:50px; color:#fff; text-align:center; font-size:16px; font-weight:400; border:none; margin-top:20px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.13); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.13); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.13);
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
	background: #0a4c4a;
	background: -moz-linear-gradient(top, #0a4c4a 0%, #008294 100%);
	background: -webkit-linear-gradient(top, #0a4c4a 0%,#008294 100%);
	background: linear-gradient(to bottom, #0a4c4a 0%,#008294 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4c4a', endColorstr='#008294',GradientType=0 );
}


.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:15px;}
.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:#01b0c0; color:#fff;}
.joinStep li.current span:after {border-left-color: #01b0c0;}
.joinStep li:first-child span:before {display:none;}
.joinStep li:last-child span:after {display:none;}

.joinTable td { font-size:12px;}
.inputFull {width:226px;}
.inputCall {display:flex; width:unset;flex-wrap:wrap;max-width:100%;}
.inputCall:after {content:""; display:table; clear:both;}
.inputCall li {float:left; padding:0 !important;}
.inputCall li input,
.inputCall li select {width:100%;text-align:center;}
/* .inputCall li:nth-child(2n) {width:13px; height:32px; line-height:32px;} */
.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%;text-align:center;}
.inputYear li:nth-child(2n) {width:20px; height:32px; line-height:32px;}
.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;}
.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%;}

.joinTable .nice-select span {display:block;}
.joinTable span:has(select) {display:inline-block;width:max-content;}

.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; background:#01b0c0; color:#fff; vertical-align:middle; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.joinFormDesc {display:inline-block; margin-left:5px;}
.joinSuccess {padding-top:50px; padding-bottom:70px; text-align:center;}
.joinSuccess h3 {color:#666; font-size:46px; letter-spacing:-0.075em; font-weight:400; line-height:1.3em;}
.joinSuccess h3 span {display:block; font-weight:500; color:#01b0c0;}
.joinSuccess p {padding-top:60px; font-size:15px; line-height:1.8em;}
.joinSuccess u {font-weight:600;}
.memberOut {width:600px; max-width:100%;margin:0 auto; display:block; text-align:Center; font-size:16px; font-weight:500;}
.memberOut p {padding-bottom:10px;}
.memberOut textarea {border: 1px solid #ccc;border-radius: 12px;}

.loginBg {margin-top: 108px;padding: 100px 0 100px;background:url("/web/renewal2016/img/member/login_bg2.png") center center / cover no-repeat;}
#footer_wrap {margin-top:0;}

.loginArea {display:block; width:250px; margin: 0 auto;}
.loginArea dl {}
.loginArea dl dt {padding-top:5px;}
.loginArea dl dt label {margin-left:0; color:#fff;}
.loginArea dl dd label {color:#fff;margin-left:5px;}
.loginArea dl dd {padding:3px 0;}
.loginArea dl dd:last-child {padding-top:10px;}
.loginArea dl dd:last-child button {display:block; border:none; text-align:center; background:#01b0c0; color:#fff; height:50px; line-height:50px; display:block; width:100%; font-size:15px;}
.loginArea dl dd input[type="text"],
.loginArea dl dd input[type="password"] {width:100%; height:40px;}
.loginBtn {position:relative; text-align:right; margin-top:10px;}
.loginBtn li {display:inline-block;}
.loginBtn li a {color:#fff; white-space: nowrap;}
.loginBtn li:first-child {position:absolute; top:0; left:0;}
.loginBtn li:nth-child(2) {position:relative; padding-right:10px; margin-right:7px;}
.loginBtn li:nth-child(2):after {content:""; display:block; width:1px; height:8px; background:#fff; position:absolute; top:50%; margin-top:-4px; right:0;}
.loginTxt {padding-top:30px;}
.loginTxt li {text-align:center; padding:30px 0;}


.joinWrap {display:block;margin: 0 auto;max-width:1080px;padding: 0 10px;}
.joinStep{margin-top: 108px;padding: 100px 0 80px;}
.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:15px;}
.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:#01b0c0; color:#fff;}
.joinStep li.current span:after {border-left-color: #01b0c0;}
.joinStep li:first-child span:before {display:none;}
.joinStep li:last-child span:after {display:none;}

.privacyTitle {padding-bottom:15px;}
.privacyTitle h5 {font-size: 1.3rem;}
.privacyTitle h3 {font-size:24px; color:#000; letter-spacing:-0.04em; font-weight:400;}
.privacyTitle h4 {font-size:14px; color:#445161; letter-spacing:-0.04em; font-weight:400; opacity:0.5;}
.privacyScroll {height:100px; padding:15px; border:solid 1px #ddd; overflow-y:scroll;}
.privacyScroll h5 {color:#4c4f5a; font-size:13px; font-weight:bold; padding-bottom:5px;}
.privacyScroll p {color:#4c4f5a; font-size:12px; padding-left:20px;}
.privacyAgree {text-align:right; padding-top:10px;}

.tuitionBtn {text-align: center;padding-top: 40px;padding-bottom: 60px;}
.tuitionBtn a, .tuitionBtn input[type="submit"] {display: inline-block;width: 220px;height: 50px;line-height: 50px;color: #fff;text-align: center;font-size: 18px;font-weight: 500;border: none;-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.13);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.13);box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.13);border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;background: #0ea8aa;background: -moz-linear-gradient(top, #0ea8aa 0%, #0d989a 100%);background: -webkit-linear-gradient(top, #0ea8aa 0%, #0d989a 100%);background: linear-gradient(to bottom, #0ea8aa 0%, #0d989a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ea8aa', endColorstr='#0d989a',GradientType=0 );}


.joinWrap input[type='text'], .joinWrap  input[type='password'], .joinWrap input[type='name'], .joinWrap input[type='tel'], .joinWrap input[type='search'] {height: 32px;font-size: 12px;margin: 0;color: #000;background: #fff;padding-left: 5px;vertical-align: middle;box-sizing: border-box;border: 1px solid #dfe1e3;border-radius: 12px;-webkit-appearance: none;height:38px;-moz-appearance: none;appearance: none;width: 226px;}
.joinWrap select {height: 32px;font-size: 12px;margin: 0;color: #000;background: #fff;padding-left: 5px;vertical-align: middle;box-sizing: border-box;border: 1px solid #dfe1e3;border-radius: 0px;}
.joinWrap .nice-select {z-index:unset;width:80px;line-height: 34px;height: 38px;}
.inputYear li:has(.nice-select) {width: 80px;margin-right: 3px;}

.joinWrap .nice-select ul {z-index: 11;}
.joinWrap input[type='tel'] {width: unset;max-width:100%;}
.joinWrap  #selLocation + .nice-select, .joinWrap  li:has(#selLocation + .nice-select), .joinWrap li:has(#selLocation) {width:100px;}
.joinWrap .nice-select .list li {padding: 0 10px !important;}

.tuitionTable th {background-color: #f2f3f5;}
.tuitionTable th, .tuitionTable td {border: solid 1px #ddd;font-size: 14px;padding: 10px;}
.joinTable td {font-size: 14px;vertical-align: middle;}

.inputYear li:first-child {width: 80px;}

.tuitionTable td ul.inline li {width: auto;margin-right: 15px;}
.tuitionTable td ul li {float: left;vertical-align: middle;display: inline-block;margin: auto 0;}
.tuitionTable td ul li label {margin-left: 5px;}

.liWrap {width: unset !important;display:flex;align-items:center;}
.liWrap li:first-of-type {margin: auto 5px auto 30px; width:auto;}
.liWrap li:has(.joinFormBtn) {width: unset !important;}
.tuitionTable input[name="email1"], .tuitionTable input[name="email2"] {min-width:max-content;width:150px;}

.subTab {margin-top: 108px;padding: 60px 0;display:flex;}
.subTab li {border: solid 1px #ddd;}
.subTab.col2 li {width: 50%;color: #000;}
.subTab li a {display: block;height: 50px;line-height: 50px;text-align: center;font-size: 15px;}
.subTab li.current {background: #008294;  border: solid 1px #008294 !important;color: #fff;}

.idpwCont input[type='text'] {width:100%;border-radius: 8px;}

@media(max-width:768px) {

	.joinStep li {display: none;}
	.joinStep {padding: 50px 0 0;}
	.inputFull {width: 100% !important;}
	.joinWrap input[type='text'], .joinWrap input[type='password'], .joinWrap input[type='name'], .joinWrap input[type='tel'], .joinWrap input[type='search'] {max-width:100%;}
	.liWrap {width:100% !important;margin-top: 5px;flex-wrap:wrap;}
	.liWrap li:first-of-type {margin: auto 5px auto 0;display:none;}
	.inputYear {display:flex;flex-wrap:wrap;row-gap:5px;}
	.tuitionBtn a, .tuitionBtn input[type="submit"] {width:45%;}
	.joinTable td {display: flex;row-gap: 5px;flex-wrap: wrap;align-items:center;}
	.joinSuccess h3 {font-size:26px;}
	.joinSuccess p {font-size:14px;padding: 0 10px;line-height: 1.4;margin-top:15px;}
	.joinSuccess p br {display:none;}
	.joinTable ul.inline {width:100%;}
	.idpwArea {margin: 0 auto 100px;padding: 30px 20px;}

}