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


.pageTop h2 {font-family: 'EsaManru', sans-serif;font-weight: 500;font-size: 96px;color: #fff;line-height: 1;text-align: center;word-break: keep-all;}
.pageTop .subTitDesc {color: #fff;text-align: center;word-break: keep-all;}
.subTitDesc {font-weight: 500;font-size: 17px;line-height: 1.2;}
.text-area h4 {font-weight: 800;font-size: 20px;color: #ffffff;}
.sign-box li a {    display: inline-block;padding: 13px 35px;background: #08cee8;font-weight: 350;color: #fff;min-width: 160px;margin-top: 25px;}
.btn {    display: inline-block;padding: 13px 35px;background: #08cee8;font-weight: 350;color: #fff;margin-top: 25px;}
.btn-md { min-width: 160px;}

.sub {padding-bottom: 100px;}
.pb10 {padding-bottom: 10px !important;}
.pt30 {padding-top: 30px !important;}

.write-table td input[type='text'], .write-table td input[type='tel'], .write-table td input[type='password'] {height: 40px;padding: 8px 12px;background: #f7f7f7;}
input[type='text'], input[type='tel'], input[type='password'] {min-width: 220px;border:unset;}
.form-btn {min-width: 100px;margin-left: 10px;height: 40px;border: 1px solid #777777;font-weight: 500;font-size: 14px;color: #335eff;}
.btm-btn-wrap {padding-top: 70px;display:flex;gap:70px;justify-content:center;}
.text-center {text-align: center;}
.btn-long {min-width: 220px;}

.btn-xlong {min-width: 300px;}
.btn-secondary {display: inline-block;padding: 13px 35px;background: #222;font-weight: 350;color: #fff;}

.select-field {display: inline-block; position: relative; width: 300px;max-width:100%; background: #f7f7f7;}
.select-field:before {content:''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; border-bottom: 1px solid #777777; border-right: 1px solid #777777;}
.select-field select {width: 100%; padding: 8px 12px; background: #f7f7f7;}

select {border:unset;}
/* select{outline:0;box-shadow:none;border:none;} */
.select-field select {color: #979797; -webkit-appearance: none;moz-appearance: none; appearance: none;}

/* select:focus, select:active {outline:0;}
textarea:focus, textarea:active {outline:0;}
select option{background:#fff;}
::selection {background: #f2f3f5; color: #08cee8;}
::-moz-selection {background: #f2f3f5;
select::-ms-expand {display: none;}
 */


/* ȸ¿ø°¡ÀÔ */
.joinContent {height: 900px; padding-top: 190px; background: url('/img/member/join_bg.jpg') no-repeat center; background-size: cover; text-align: center;}
.sign-box {display: flex; justify-content: center; padding: 35px 0 40px;}
.sign-box li {width: 430px; padding: 43px 15px 40px; background: #fff;}
.sign-box li + li {margin-left: 40px;}
.sign-box li h3 {padding-bottom: 5px; font-size: 25px;}
.sign-box li p {font-weight: 350; color: #777777;}
.sign-box li a {margin-top: 25px;}
.joinContent .text-area h4 {padding-bottom: 5px;}
.joinContent .text-area p {color: #e1dfe1;}
/* ȸ¿ø°¡ÀÔ - ¾à°üµ¿ÀÇ ¹× ÀÎÁõ */
.join-box {display: flex; justify-content: center; padding-top: 35px;}
.join-box li {width: 640px; min-height: 330px; border: 1px solid #222; background: #fff;}
.join-box li + li {margin-left: 40px;}
.join-box li:nth-child(1) h3{padding-top: 13px;}
.join-box li h3 {padding-bottom: 13px; font-size: 25px;}
.join-box li p {font-weight: 350; color: #999;}
.join-box li a {margin-top: 25px;}
/* ¿Â¶óÀÎ °áÁ¦ */
.hexa-list {display: flex; justify-content: center; padding-top: 10px; text-align: center;}
.hexa-list p {font-weight: 350; color: #fff;}
.hexa-list li {padding: 0 50px;}
.hexa-list .hexa {display: flex; flex-direction: column; justify-content: center; width: 100px; height: 87px; margin-bottom: 5px; background: rgba(17, 17, 17, 0.6); clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); font-family: 'Sarpanch'; font-size: 15px; color: #fff;}
.hexa-list .hexa b {font-size: 30px; line-height: 1;}
.hexa-list li.on .hexa {background: #08cee8;}

.join-privacy {padding: 15px 30px; height: 218px; overflow: auto; border-top: 1px solid #222; border-bottom: 1px solid #222; font-weight: 200; font-size: 14px; color: #777777; text-align: left;}
.join-privacy::-webkit-scrollbar {width: 10px;}
.join-privacy::-webkit-scrollbar-thumb {background: #777;}
.join-label {padding: 17px 28px 0; font-weight: 350; font-size: 12px; color: #999999; text-align: left;}
.join-label input {vertical-align: -2px;}
.join-label label {padding-left: 5px;}
/* ȸ¿ø°¡ÀÔ - ȸ¿øÁ¤º¸ ÀÔ·Â */
.joinInput {padding-top: 190px; background: url('/img/member/join_bg.jpg') center center / cover no-repeat;}
.joinInput h2 {font-family: 'EsaManru', sans-serif; font-weight: 500; font-size: 96px; color: #fff; line-height: 1; text-align: center;}
.joinInput h3 {display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 5px;}
.joinInput h3 b {font-size: 25px;}
.joinInput h3 span {font-weight: 350; font-size: 12px; color: #335eff;}
.joinInput .subWrap {margin-top: 35px; padding-left: 100px; padding-right: 100px;padding-top: 20px;background: #fff;}
.form-btn {min-width: 100px; margin-left: 10px; height: 40px; border: 1px solid #777777; font-weight: 500; font-size: 14px; color: #335eff;}
.input-row + .input-row {padding-top: 10px;}
.input-row .inputLong + .inputLong {margin-top: 10px;}
.radio-wrap {display: flex;}
.radio-wrap li + li {padding-left: 53px;}
.form-note {display: inline-block; padding-left: 10px; font-weight: 350; font-size: 12px; color: #bbb; vertical-align: middle;}
.form-note li:before {content:''; display: inline-block; width: 2px; height: 2px; margin-right: 5px; border-radius: 100%; background: #bbbbbb; vertical-align: 3px;}
.input-check {display: flex; flex-wrap: wrap; padding: 5px 0;}
.input-check p {padding: 5px 0;}
td .col03 p {width: 33%;}
.day-wrap {display: flex; align-items: center; width: 500px; height: 40px; padding-left: 13px; background: #f7f7f7;}2022-08-31
.day-wrap select {background: #f7f7f7; font-size: 14px; color: #bbbbbb;}
.day-wrap .select-wrap {margin-right: 30px; font-weight: 350; font-size: 14px; color: #777777;}
.select-wrap {position: relative; border-bottom: 1px solid;}
.select-wrap select {min-width: 90px; background: transparent; -webkit-appearance: none; moz-appearance: none; appearance: none;}
.select-wrap span {display: inline-block; padding-bottom: 2px;}
.select-wrap:before {content:''; position: absolute; top: 4px; right: 20px; transform: rotate(45deg); width: 8px; height: 8px; border-bottom: 2px solid #777777; border-right: 2px solid #777777;}
/* ȸ¿ø°¡ÀÔ - ¿Ï·á, ȸ¿øÅ»Åð, ¾ÆÀ̵ð ã±â °á°ú */
.join-step3 {display: flex; justify-content: center; padding-top: 35px;}
.join-step3 li {display: flex; flex-direction: column; justify-content: center; width: 640px; padding-top: 55px; padding-bottom: 50px; border: 1px solid #222; background: #fff;}
.join-step3 li h3 {padding-bottom: 13px; font-size: 25px;}
.join-step3 li p {font-weight: 350; color: #999;}
/* ·Î±×ÀÎ */
.loginPage {padding: 190px 0 100px;; background: url('/img/member/login_bg.jpg') center center / cover no-repeat;}
.loginTit h3, .loginPage .text-area h3 {display: flex; align-items: center; justify-content: center;}
.loginPage .subtuition {border-top: none;}
.login-box {display: flex; margin: 35px auto 0; width: 640px;max-width:100%; padding: 45px 50px 30px; margin-bottom: 43px; background: #fff; text-align: left;}
.login-box h3 {padding-bottom: 15px; font-family: 'EsaManru', sans-serif; font-weight: 500; font-size: 25px; letter-spacing: 0; line-height: 1; text-transform: uppercase;}
.login-box p {font-weight: 350; font-size: 14px; color: #999;}
.login-box .left-box {position: relative; width: 210px;}
.login-box .academy-name {position: absolute; left: 0; bottom: 0; font-size: 10px; color: #dddddd; letter-spacing: 0; text-transform: uppercase;}
.login-box .right-box {width: calc(100% - 210px);}
.login-box .radio-wrap {padding-top: 15px; font-size: 14px; color: #777777;}
.login-box .radio-wrap input {vertical-align: middle;}
.login-box .radio-wrap li + li {padding-left: 20px;}
.input-field {font-weight: 350; font-size: 14px; color: #777777;}
.input-field + .input-field {padding-top: 5px;}
.input-field label {cursor: auto;}
.input-field input {width: 100%; height: 40px; padding: 8px 12px; border: 1px solid #dddddd; font-size: 16px;}
.input-field label + input {margin-top: 5px;}
.login-box .right-box .btn {margin-top: 30px; width: 100%; padding: 10px 35px; text-align: center;}
.login-help {padding-top: 15px;}
.login-help a {font-size: 14px;}
.login-help li {display: flex; justify-content: space-between;}
.login-help li + li {padding-top: 2px;}
/* ¾ÆÀ̵ðã±â */
.findID {height: 900px; padding-top: 190px; background: url('/img/member/find_bg.jpg') no-repeat center top; background-size: cover;}
/* ¸¶ÀÌÆäÀÌÁö */
.mypage {padding-top: 190px; background: url('/img/member/mypage_bg.jpg') no-repeat center top;}
.mypage h2 {font-family: 'EsaManru', sans-serif; font-weight: 500; font-size: 96px; color: #fff; line-height: 1; text-align: center;}
.mypage h3 {display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 5px;}
.mypage h3 b {font-size: 25px;}
.mypage h3 span {font-weight: 350; font-size: 12px; color: #335eff;}
.mypage .subWrap {margin-top: 75px; padding-left: 100px; padding-right: 100px;}
.rec-tab-list {display: flex; justify-content: center; padding-top: 17px;}
.rec-tab-list li {min-width: 300px;}
.rec-tab-list li a {display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; padding-top: 5px; border: 1px solid #dce2e7; font-family: 'EsaManru', sans-serif; font-weight: 500; font-size: 30px; color: #fff;}
.rec-tab-list li .btn-ghost {background: rgba(34, 34, 34, 0.8);}
.rec-tab-list li + li {margin-left: 40px;}
/* ȸ¿øÅ»Åð */
.mbOut {height: 1050px; padding-top: 190px; background: url('/img/member/mypage_bg.jpg') no-repeat center; background-size: cover; text-align: center;}
.member-box {width: 330px; margin: 0 auto; padding-top: 25px; text-align: left;}


.loginTit h3, .loginPage .text-area h3 {color: #ffffff;}

/* @media all and (max-width: 1080px) {
	.noRespon {zoom: 0.5;}
} */


@media(max-width:900px) {
	.join-box {flex-wrap:wrap;row-gap: 30px;}
	.join-step3 li {padding: 55px 15px 50px;width:100%;}
	.join-box li + li {margin-left:0;padding: 15px 15px 25px;}
	.join-step3 li h3 {font-size:20px;}
	.join-step3 li p {font-size: 14px;}
	.join-box li {min-height:unset;}
	.join-label {padding: 17px 28px;}


}

@media(max-width:768px) {
    .btn-long {min-width: 115px;font-size: 13px;}
	.btn {padding: 10px 25px;}
	.hexa-list {display: none;}

	.joinInput .subWrap {padding: 20px 20px 40px;}
	.joinContent {height:unset;padding: 100px 0 90px;}

	.join-box li:nth-child(1) h3 {font-size:16px;padding: 8px;}
	.join-box li h3 {font-size:18px;}
	.join-box li p {font-size:14px;}

	.login-box {flex-wrap:wrap;padding: 45px 20px 30px;}
	.login-box .left-box ,.login-box .right-box {width:100%;}
	.login-box .right-box {margin-top: 20px;}
	.login-box .academy-name {display:none;}

	.loginPage {padding:100px 0 40px;}
	.pageTop h2 {font-size:40px;}
	.login-box h3 {font-size:16px;}
	.login-help li {flex-wrap:wrap;margin-top:10px;}
	.login-help li p {font-size:13px;width:100%;}

	/* .write-table tr {display: flex;flex-wrap: wrap;} */
	.write-table th {font-size:14px;}
	.write-table.extra-info td .col03 p {font-size: 13px;width: 48%;}
	.write-table.extra-info .input-check {gap: 4%;max-width:75%;}
	.write-table td {max-width: 80%;}
	.pt30 {padding-top: 10px !important;}


	.sign-box {display:flex;flex-wrap:wrap;row-gap: 30px;}
	.sign-box li {width:100%;max-width:100%;}
	.sign-box li + li {margin-left:0;}
	.sign-box li h3 {font-size: 20px;}
	.sign-box li p {font-size:14px;}
	.sign-box li a {padding: 10px 25px;font-size:14px;}
	.text-area h4 {font-size: 16px;}
	.joinContent .text-area p {font-size:14px;}
	.joinContent .text-area p br {display: none;}

	.subTitDesc {font-size:14px;}
	/* .joinInput  .form-btn {margin-top: 10px;} */


	.btm-btn-wrap {gap: 5%;}
	.btn-xlong {min-width:130px;font-size:14px;}


}