/* ----------------- ·Î±×ÀÎ/ȸ¿ø°¡ÀÔ ----------------- */

.pageHead {padding: 50px 0;margin-top:80px; text-align: center;}
.pageTit {display: inline-block; position: relative; padding-top: 5px; font-size: 52px; font-weight: 900; margin-bottom: 15px; margin-top: 10px;}
.privacyTxt {overflow: auto;border: 1px solid #dddddd;color: #6C757D;line-height: 1.5;background: #fff;border-radius: 20px 0px 0px 20px;font-size: 13px;font-weight: 200;}
.mb80 {margin-bottom: 80px !important;}
.privacyAgree {margin: 15px 0 25px;font-weight: 350;color: #152536;text-align: right;display:flex;justify-content:flex-end;}
.privacyAgree input {margin: 0;}
.privacyAgree input + label {margin: 0 0 0 8px;line-height: 1;cursor: pointer;font-weight: 400;font-size: 13px;}
.btn-wrap {margin: 60px auto;display: flex;justify-content:center;gap:35px;}
.popBtn {min-width: 246px;padding: 15px 0;border-radius: 5px;background: #eeeeee;font-weight: 500;font-size: 20px;color: #6C757D;}
.popAction {background: #1d2b70;color: #fff;}
.popBtn.subBtn {background: #004eff;}

/* ¾à°üµ¿ÀÇ ¹× ÀÎÁõ */
.step-wrap {display: flex; justify-content: space-between;}
.step-box {width: 410px;}
.term-box {width: calc(100% - 410px);}
.term-box h6 {margin-bottom: 20px;font-size:20px;}
.subBtn {background: #00cae2; color: #fff;}
.step-tit {position: relative;}
.step-tit:before {content:''; display: block; position: absolute; left: 11px; top: 8px; bottom: 8px; width: 2px; background: #bebcbd;}
.step-tit li {margin-bottom: 93px; font-size: 25px; color: #6C757D; line-height: 30px;}
.step-tit li.on {font-weight: 700; color: #004eff;}
.list-circle {position: relative; display: inline-block; width: 30px; height: 36px; margin-right: 7px; background: #fff; vertical-align: top;}
.list-circle:before {content:''; position: absolute; top: 12px; left: 7px; display: inline-block; width: 10px; height: 10px; border-radius: 100%; background: #bebcbd;}
.list-circle:after {content:''; position: absolute; top: 6px; left: 0; width: 24px; height: 24px; border-radius: 100%;}
.step-tit li.on .list-circle:before {top: 13px; background: #004eff;}
.step-tit li.on .list-circle:after {border: 2px solid #004eff;box-sizing: border-box;}
.step-tit .en {padding-right: 12px;}


/* ȸ¿øÁ¤º¸ ÀÔ·Â */
.joinWriteTit {display: flex; justify-content: space-between; border-bottom: 2px solid #2b2b2b;}
.joinForm .requiredValue{position: relative;}
.joinForm .requiredValue:before {content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); display: inline-block; width: 8px; height: 8px; border-radius: 100%; background: #004eff;}
.joinForm .formLabel.requiredValue:before {top: 12px;}
.joinForm .table-wrap {padding: 8px 0;}
.joinForm table {font-weight: 500; text-align: left;}
.joinForm table tr th, .joinForm table tr td{padding: 13px 0;}
.formLabel, .joinForm table tr th {padding-left: 20px; font-size: 19px;}
.joinForm input[type='text'], .joinForm input[type='password'] {padding: 18px 10px; border-bottom: 2px solid #dddddd;}
.joinForm input:focus {border-color: #004eff;}
.inputLong {width: 455px;}
.inputShort {width: 173px;max-width:28%;}

.joinForm .select-field {display: inline-block;width:28%;}
.joinForm .select-field select {width: 100%;}
.joinForm .select-field:after {width: 12px; height: 12px; border-color: #152536;}
.joinForm select {min-height: 62px; font-weight: 500; font-size: 18px; border:unset;border-bottom: 2px solid #dddddd; color: #999999;}
.joinForm select:active, .joinForm select:focus {border-left:none; border-right:none; border-top:none;}
.inputBetween {display: inline-block; min-width: 30px;max-width:4%; font-weight: 500; font-size: 18px; color: #6C757D; text-align: center;}
.popupBox .inputBetween {min-width: auto; color: #fff;}
.checkLabel {display: inline-block; min-width: 208px; font-size: 19px; color: #6C757D;}
.checkLabel input {vertical-align: top;}
.checkLabel input + label {margin-left: 13px;}
.joinForm input[type='radio'] + label {margin-left: 10px;}
.optionRow {padding-bottom: 32px;}
.joinForm table .optionInput th, .joinForm table .optionInput td {padding-top: 36px; vertical-align: top;}
.interestSelect {display: flex; padding: 30px 0 73px; margin: 0 -7px; flex-wrap: wrap; justify-content: center;}
.interestSelect.on {display: flex;}
.interestSelect li {width: 25%; margin: 0; padding: 0 7px; margin: 10px 0 7px;}
.interestSelect input {display: none;}
.interestSelect input + label {display: flex; justify-content: center; align-items: center; height: 46px; padding: 0 2px; border: 1px solid #dddddd; border-radius: 30px; font-weight: 400; font-size: 20px; color: #6C757D; cursor: pointer;}
.interestSelect input:checked + label {background: #004eff; font-weight: 700; color: #fff;}

/* ȸ¿ø°¡ÀÔ ¿Ï·á */
.complete-box {padding: 80px; background: #f3f3f3; text-align: center; border: 1px solid #e7e7e7;}
.complete-box h5 {font-weight: 350; font-size: 34px; line-height: 1.3;}
.complete-box p {font-weight: 100; font-size: 24px; line-height: 1.4;}

/* ·Î±×ÀÎ ÆäÀÌÁö */
.login-box .complete-box {width: 950px;max-width:95%; padding:60px 177px 100px;margin: 0 auto;}
.login-box table {font-size: 20px; color: #6C757D;}
.login-box input[type='text'], .login-box input[type='password'] {width: 100%; height: 100%; padding-left: 13px; background: #fff; border: 1px solid #dddddd;}
.login-box table th, .login-box table td {height: 80px; padding: 10px 0; text-align: left;}
.login-box table th {color: #152536; text-align: left;}
.memberType {display: flex; justify-content: space-between; align-items: center;flex-wrap:wrap;}
.login-box .memberType span {font-weight: 350; font-size: 15px; color: #6C757D;}
.memberRadio {display: flex;}
.memberRadio li + li {padding-left: 20px;}
.memberRadio input {background: #fff;}
.memberRadio input + label {padding-left: 10px;}
.login-box .btnsList {display: flex; margin: 0 -10px; font-size: 18px;}
.login-box .btnsList button {width: calc(50% - 20px); margin: 0 10px; border: 1px solid #004eff; background: #f3f3f3;}

.memberRadio li a:before{display:inline-block; content:""; border: 1px solid #dddddd;width: 20px;  height: 20px;  border-radius: 100%; background:#fff; vertical-align:middle; line-height:27px; margin-right:5px}
.memberRadio li a.check:before{background:#004eff}


/* ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â */
ul.login-box {display: flex; margin: 0 -5px;}
ul.login-box .complete-box {width: calc(50% - 5px); margin: 0 5px; padding: 60px 50px 70px;}
.complete-box h3 {padding-bottom: 30px; margin-bottom: 25px; border-bottom: 1px solid #dddddd; font-weight: 350; font-size: 32px;}

/* °³ÀÎÁ¤º¸ Ãë±Þ¹æħ */
.privacyWrap {font-size:18px; font-weight:300; line-height:1.8; color:#6C757D;}
.privacyCont {padding:20px 40px;}
.privacyCont h3, .privacyCont h4 {width:100%; font-size:30px; font-weight:300; letter-spacing:-0.057em; color:#152536; padding-bottom:10px;}
.privacyCont p {font-size:18px; line-height:1.8; letter-spacing:-0.075em; font-weight:300; color:#152536;}
.privacyCont ul {list-style:decimal; padding-left:15px; padding-top:5px;}
.privacyCont ul li {list-style: inherit; font-size:15px; line-height:1.8; letter-spacing:-0.075em; font-weight:300; padding-left:5px;}
.privacyCont ul li span {font-weight:300;}
.clausesCont h3 {font-size:26px; margin-bottom:10px;}
.clausesCont h4 {font-size:20px;}
.clausesCont p {line-height:1.8; letter-spacing:-0.075em; font-weight:300;}


.joinForm input {border:unset;}
.chkidBtn {display: inline-block;line-height: 48px;padding: 0 20px;border-radius: 8px;color: #004eff;border: 1px solid #004eff;cursor: pointer;margin-left: 5px;}
p.page-desc {margin-top:0;}

.login-box .popAction {width:100%;margin: 40px auto 15px;background: #004eff;}
.login-box input[type='text'], .login-box input[type='password'] {border-radius: 8px;}
/* .login-box .btnsList button.popBtn {background: #282828;color: #fff;border: 1px solid #282828;} */
.login-box .btnsList button.popBtn {background: #1d2b70;color: #fff;border: 1px solid #1d2b70;}


@media(max-width:1080px) {

	.step-box {display:none;}
	.term-box {width:100%;}
	.pageTit {font-size:28px;margin-bottom: 0;}
	p.page-desc {font-size: 15px;margin-top:0;}

	.term-box h6 {font-size:16px;}
	.privacyTxt {font-size:14px;}
	.btn-wrap {gap:15px;margin: 40px auto;}
	.popBtn {min-width: 40%;font-size: 16px;}
	.inputLong {width:100%;}
	.chkidBtn {margin: 10px 0 0 0;}

	.joinForm .requiredValue {text-align:right;width:max-content;font-size:15px;}
	.formLabel, .joinForm table tr th {font-size:15px;}
	.joinForm input[type='radio'] + label {font-size: 14px;}
	.chkidBtn {font-size:15px;line-height: 40px;padding: 0 15px;}
	.checkLabel input {vertical-align:unset;}

	.joinForm input[type='text'], .joinForm input[type='password'] {padding: 10px;}

	.joinForm  th {padding: 10px 14px !important;}
	.joinForm  tr {width:100%;display:flex;flex-wrap:wrap;}
	.joinForm  td {width:100%;padding: 0 0 13px !important;}
	.formLabel, .joinForm table tr th {width:100%;}
	.joinForm .inputShort {min-width:unset;width:28%;}
	.joinForm .select-field  {min-width:unset;width:29%;}
	.joinForm .select-field select {min-width:100%;width:100%;font-size:14px;}
	.joinForm select {min-height: 39px;}
	.inputBetween {min-width:unset;width:4%;font-size: 15px;}

	.interestSelect {margin: 0 auto;gap:2%;row-gap:7px;flex-wrap:wrap;flex-direction: row;}
	.interestSelect li {width:32%;padding: 0;margin: 0;}
	.interestSelect input + label {font-size:15px;text-align:center;padding: 5px;line-height: 1.2; }

	.complete-box {padding: 40px 30px;}
	.complete-box img {max-width:40%;display:block;margin: 0 auto 20px;}
	.complete-box h5 {font-size:26px;}
	.complete-box p {font-size: 16px;margin-top:15px;}
	

	.login-box .complete-box {padding: 30px 20px;}
	.login-box .memberRadio input + label {font-size:15px;padding-left: 6px;}
	.login-box .memberType span {/* display: none; */ width:100%;font-size:12px;}
	.login-box table th {font-size: 18px;padding: 0;}
	.login-box table th {height: unset;width:100%;}
	.login-box table td {height: 65px;width:100%;}
	.login-box tr {display:flex;flex-wrap:wrap;}

	.joinForm  .checkLabel {width:32%;min-width: unset;font-size:16px;}
	ul.login-box {flex-wrap:wrap;}
	ul.login-box .complete-box {width:100%;padding: 30px 20px 40px;margin-bottom: 30px;}
	.complete-box h3 {font-size: 20px;padding-bottom: 20px;margin-bottom: 25px;}
	.memberRadio li a:before {width:10px;height: 10px;}
	.memberRadio li {font-size: 15px;}
	.login-box table th {font-size:16px;}
	.login-box table td {padding-top:0;height: 55px;font-size: 15px;}

}

@media(max-width: 500px) {
	.complete-box p br {display:none;}
}