@charset "utf-8";


/* 로그인&회원가입 */
#mem {box-sizing: display: flex; flex-direction: column;}
#mem * {box-sizing: border-box;}
#mem.gry {background: #F4F6FA;}
.mem-inner {flex-grow: 1; width: 100%; min-height: calc(100vh - 60px); padding: 80px 20px; display: flex;}
.mem-title {height: 60px; border-bottom: solid 1px #F2F2F2; background: #fff; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.mem-title a {display: block; width: 132px; height: 60px; text-indent: -9999px; background: url('https://img.megastudyth.com/main/renewal/gnb_logo_new.png')no-repeat left center / 300% auto;}
.mem-box {width: 100%; max-width: 400px; margin: 0 auto;}
.mem-box.max540 {max-width: 540px;}
.mem-box.max630 {max-width: 630px;}
.mem-group {position: relative;}
.mem-group + .mem-group {margin-top: 8px;}
.mem-group > label {display: inline-flex; cursor: pointer; margin-bottom: 8px; font-size: 16px; font-weight: 500; align-items: center;}
.mem-group > label.required:after {content: ''; display: block; width: 4px; height: 4px; margin-left: 6px; margin-top: 2px; background: #008EFF; -webkit-border-radius: 50%; border-radius: 50%;}
.mem-group input[type="text"],
.mem-group input[type="password"],
.mem-group input[type="email"] {height: 46px; width: 100%; padding: 0 12px; font-size: 14px; border: solid 1px #ccc; -webkit-border-radius: 8px; border-radius: 8px; background: #fff; -webkit-appearance: none; appearance: none;}
.mem-group input[type="text"]:focus,
.mem-group input[type="password"]:focus,
.mem-group input[type="email"]:focus {border-color: #06f;}
.mem-group input[type="text"].red,
.mem-group input[type="password"].red,
.mem-group input[type="email"].red {border-color: #FF4D4D;}
.mem-group input:-webkit-autofill,
.mem-group input:-webkit-autofill:hover,
.mem-group input:-webkit-autofill:focus,
.mem-group input:-webkit-autofill:active {transition: background-color 50000s ease-in-out 0s;}
.mem-group input::placeholder {color:#ddd;}
.mem-group input::-webkit-input-placeholder {color:#ddd;}
.mem-group input:-ms-input-placeholder {color:#ddd;}
.mem-group select {display: block; height: 46px; width: 100%; padding-left: 12px; font-size: 14px; border: solid 1px #ccc; -webkit-border-radius: 8px; border-radius: 8px; -webkit-appearance: none; appearance: none; background: #fff url('https://img.megastudyth.com/member/select_arrow.png')no-repeat right 12px center / 10px auto; cursor: pointer; padding-right: 34px;}
.mem-group select:focus {border-color: #06f;}
.mem-group select.red {border-color: #FF4D4D;}

.mem-rdo {margin: -2px -10px; padding-top: 8px; display: flex; flex-wrap: wrap;}
.mem-rdo li {padding: 2px 10px; display: flex; align-items: center;}
.mem-rdo li input[type="radio"] {width: 19px; height: 19px; border: solid 1px #ccc; position: relative; -webkit-appearance: none; appearance: none; cursor: pointer; -webkit-border-radius: 50%; border-radius: 50%;}
.mem-rdo li input[type="radio"]:checked {border-color: #06f;}
.mem-rdo li input[type="radio"]:checked:after {content: ''; display: block; position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; background: #06f; -webkit-border-radius: 50%; border-radius: 50%;}
.mem-rdo li input[type="radio"] + label {font-size: 14px; margin-left: 4px; cursor: pointer;}

.mem-chk {width: 20px; height: 20px; flex-shrink: 0; border: solid 1px #9A9A9A; position: relative; -webkit-appearance: none; appearance: none; cursor: pointer; -webkit-border-radius: 50%; border-radius: 50%;}
.mem-chk:after {content: ''; display: block; width: 9px; height: 6px; position: absolute; left: 50%; top: 50%; background: url('https://img.megastudyth.com/member/login_chk.png')no-repeat left center / auto 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.mem-chk:checked {background: #06f; border-color: #06f;}
.mem-chk:checked:after {background-position: right center;}
.mem-chk:disabled {background: #e5e5e5; cursor: not-allowed;}
.mem-chk + label {font-size: 14px; font-weight: 300; color: #999; cursor: pointer; margin-left: 8px; line-height: 1.2;}

.mem-show {text-indent: -9999px; display: block; width: 46px; height: 46px; position: absolute; right: 0; bottom: 0;}
.mem-show:before {content: ''; display: block; width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -12px; background: url('https://img.megastudyth.com/member/pw_show.png')no-repeat right center / auto 100%;}
.mem-show.show:before {background-position: left center;}


.mem-inner.lgn {justify-content: center;}
.mem-inner.lgn .mem-box {max-width: 370px; margin-left: 0; margin-right: 64px; flex-shrink: 0;}
.lgn-img {}

.lgn-join {border-top: solid 1px #ccc; margin-top: 40px; padding-top: 24px; display: flex; justify-content: center; align-items: flex-end;}
.lgn-join span {color: #7D7D7D; font-size: 13px;}
.lgn-join a {font-weight: 700; margin-left: 8px; font-size: 16px;}
.lgn-title {font-size: 30px; font-family: "Poppins", sans-serif; font-weight: 500;}

.lgn-ipt {margin-top: 32px;}
.lgn-ipt li {margin-bottom: 16px; position: relative;}
.lgn-ipt li:last-child {margin-bottom: 0;}
.lgn-ipt li input[type="text"],
.lgn-ipt li input[type="password"] {height: 62px; width: 100%; padding: 0 24px; font-size: 15px;  font-family: "Poppins", sans-serif; background: #EAF2FF; color: #0066FF; border: none; -webkit-border-radius: 8px; border-radius: 8px; -webkit-appearance: none; appearance: none;}
.lgn-ipt li input:-webkit-autofill,
.lgn-ipt li input:-webkit-autofill:hover,
.lgn-ipt li input:-webkit-autofill:focus,
.lgn-ipt li input:-webkit-autofill:active {transition: background-color 50000s ease-in-out 0s;}
.lgn-ipt li input::placeholder {color:#0066FF;}
.lgn-ipt li input::-webkit-input-placeholder {color:#0066FF;}
.lgn-ipt li input:-ms-input-placeholder {color:#0066FF;}

.lgn-show {text-indent: -9999px; display: block; width: 62px; height: 62px; position: absolute; right: 0; bottom: 0;}
.lgn-show:before {content: ''; display: block; width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -12px; background: url('https://img.megastudyth.com/member/login_show.png')no-repeat right center / auto 100%;}
.lgn-show.show:before {background-position: left center;}
.lgn-between {margin-top: 16px; display: flex; align-items: center; justify-content: space-between;}
.lgn-auto {display: flex; align-items: center;}
.lgn-auto .mem-chk {-webkit-border-radius: 4px; border-radius: 4px; border-color: #ccc;}
.lgn-auto .mem-chk:checked {border-color: #06f;}
.lgn-other {display: flex;}
.lgn-other li {display: flex; align-items: center;}
.lgn-other li:after {content: ''; display: block; width: 1px; height: 12px; background: #ccc; margin: 0 10px;}
.lgn-other li:last-child:after {display: none;}
.lgn-other li a {display: block; font-size: 14px; color: #ADADAD; font-weight: 300;}

.lgn-submit {margin-top: 40px;}
.lgn-submit li {margin-bottom: 16px;}
.lgn-submit li:last-child {margin-bottom: 0;}
.lgn-submit li a,
.lgn-submit li button {width: 100%; font-size: 16px; height: 62px; border: none; cursor: pointer; color: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.lgn-submit li .btn_login {background: #06f;}
.lgn-submit li .line_login {background: #06C755;}
.lgn-submit li .line_login:before {content: ''; display: block; width: 24px; height: 24px; margin-right: 8px; background: url('https://img.megastudyth.com/member/sns_line.png')no-repeat center center / cover;}
.lgn-or {margin: 40px 0; text-align: center; font-size: 16px; color: #adadad; font-family: "Poppins", sans-serif;}

.lgn-sns {margin-top: 40px; display: flex; justify-content: center;}
.lgn-sns li {margin: 0 12px;}
.lgn-sns li a {display: block; height: 37px; width: 37px; text-indent: -9999px;}
.lgn-sns li a#gg-auth {background: url('https://img.megastudyth.com/member/sns_google.png')no-repeat center center / cover;}
.lgn-sns li a#ap-auth {background: url('https://img.megastudyth.com/member/sns_apple.png')no-repeat center center / cover;}
.lgn-sns li a#fb-auth {background: url('https://img.megastudyth.com/member/sns_facebook.png')no-repeat center center / cover;}
.lgn-sns li a#fb-auth span {display: none; position: absolute; bottom: 50%; left: 50%; margin-bottom: 10px; background: #191919; font-size: 10px; font-weight: 400; color: #fff; padding: 5px 8px; -webkit-border-radius: 4px; border-radius: 4px;}
.lgn-sns li a#fb-auth span:after {content: ''; display: block; position: absolute; top: 100%; left: 8px; width: 0px; height: 0px; border-style: solid; border-width: 6px 8px 0 0; border-color: #191919 transparent transparent transparent; transform: rotate(0deg);}

@media(max-width:1280px){
	.mem-inner.lgn .mem-box {margin-right: 24px;}
}

@media(max-width:992px){
	.mem-inner.lgn .mem-box {margin-right: 0;}
	.lgn-img {display: none;}
}

@media(max-width:768px){
	#mem.gry {background: #fff;}
	.mem-inner {min-height: calc(100vh - 56px); padding: 56px 20px;}
	.mem-title {height: 56px;}
	.mem-title a {width: 116px; height: 56px;}
	.mem-group label {margin-bottom: 4px; font-size: 14px;}
	.mem-group input[type="text"],
	.mem-group input[type="password"],
	.mem-group input[type="email"] {padding: 0 8px; font-size: 13px;}
	.mem-chk + label {font-size: 12px;}


	.lgn-join {margin-top: 24px; align-items: center;}
	.lgn-join span {font-size: 12px;}
	.lgn-join a { font-size: 14px;}
	.lgn-title {font-size: 26px;}
	.lgn-ipt {margin-top: 24px;}
	.lgn-ipt li {margin-bottom: 8px; position: relative;}
	.lgn-ipt li input[type="text"],
	.lgn-ipt li input[type="password"] {height: 46px; padding: 0 16px; font-size: 14px;}
	.lgn-show {width: 46px; height: 46px;}
	.lgn-other li a {font-size: 13px;}

	.lgn-submit {margin-top: 24px;}
	.lgn-submit li {margin-bottom: 8px;}
	.lgn-submit li a,
	.lgn-submit li button {font-size: 14px; height: 48px;}
	.lgn-or {margin: 24px 0; font-size: 13px;}
	.lgn-sns {margin-top: 24px;}
}



/* 회원가입 */
.join-title {font-size: 24px; text-align: center; margin-bottom: 40px;}
.join-txt {margin-bottom: 24px; font-size: 18px;}
.join-box {background: #fff; padding: 64px 40px; -webkit-border-radius: 6px; border-radius: 6px;}
.join-tab {display: flex;}
.join-tab li {width: 50%;}
.join-tab li input[type="radio"] {display: none;}
.join-tab li input[type="radio"] + label {height: 48px; background: #F4F6FA; color: #8a8a8a; font-weight: 500; border: solid 1px #ccc; border-right: none; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.join-tab li:first-child input[type="radio"] + label {-webkit-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0;}
.join-tab li:last-child input[type="radio"] + label {-webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; border-right: solid 1px #ccc;}
.join-tab li input[type="radio"]:checked + label {border-bottom-color: transparent; background: #fff; color: #1a1a1a;}
.join-ipt {border: solid 1px #ccc; border-top: none; padding: 32px 32px 56px;}
.join-ipt > li {margin-bottom: 32px;}
.join-ipt > li:last-child {margin-bottom: 0;}
.join-error {position: absolute; top: 100%; margin-top: 8px; font-size: 12px; color: #FF4D4D; display: none; align-items: center;}
.join-error:before {content: '!'; border: solid 1px #FF4D4D; color: #FF4D4D; font-size: 11px; width: 11px; height: 11px; margin-right: 4px; flex-shrink: 0; -webkit-border-radius: 50%; border-radius: 50%; display: flex; align-items: center; justify-content: center;}

.join-agree {margin-top: 40px;}
.join-agree li {margin-bottom: 16px; display: flex;}
.join-agree li:last-child {margin-bottom: 0;}
.join-agree li input[type="checkbox"] {margin-top: -2px;}
.join-agree li input[type="checkbox"] + label {color: #1a1a1a;}

.join-btn {margin: 0 -4px; padding-top: 48px; display: flex;}
.join-btn li {width: 50%; padding: 0 4px;}
.join-btn li a {height: 48px; border: solid 1px #ccc; color: #ccc; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 6px; border-radius: 6px;}
.join-btn li a.blu {background: #06f; border-color: #06f; color: #fff;}

.auto_pannel {position: relative;}
.auto_pannel ul {background: #fff; height: 200px; overflow-y: auto; border: solid 1px #aaa; position: absolute; left: 0; right: 0; top: -1px; z-index: 2; -webkit-border-radius: 6px; border-radius: 6px;}
.auto_pannel ul li {padding: 15px 10px; font-size: 13px; border-bottom: solid 1px #ddd;}
.auto_pannel ul li:last-child {border-bottom: none;}
.auto_pannel ul li.on {background: #06f; color: #fff;}
.auto_pannel ul li span {box-shadow: inset 0 -10px 0 #cbe0ff;}
#join_row_mem_school:after {content: ''; display: block; width: 46px; height: 46px; position: absolute; right: 0; bottom: 0; background: url('https://img.megastudyth.com/member/join_search.png')no-repeat center center / 24px auto;}

.join-end {text-align: center; line-height: 1.4;}
.join-end:before {content: ''; display: block; width: 48px; height: 48px; margin: 0 auto 40px; background: url('https://img.megastudyth.com/member/join_end.png')no-repeat center center / cover;}
.join-end p {font-size: 14px; color: #999; margin-bottom: 8px;}
.join-end p span {color: #444; font-weight: 500;}
.join-end h4 {font-size: 16px; font-weight: 500;}
.join-end a {margin-top: 40px; height: 48px; background: #06f; color: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}

@media(max-width:768px){
	.join-title {font-size: 20px; margin-bottom: 24px;}
	.join-txt {margin-bottom: 8px; font-size: 12px;}
	.join-box {padding: 0;}
	.join-ipt {padding: 24px 20px 40px;}
	.join-error {margin-top: 4px; font-size: 11px;}
	.join-agree {margin-top: 24px;}
	.join-agree li {margin-bottom: 8px;}
	.join-btn {padding-top: 24px;}
}

.agree-list {margin-top: 32px;}
.agree-list li {margin-bottom: 12px;}
.agree-list li:last-child {margin-top: 60px;}
.agree-list li a {height: 62px; font-size: 16px; color: #fff; -webkit-border-radius: 8px; border-radius: 8px; display: flex; align-items: center; justify-content: center;}
.agree-list li a.google {background: #EB4335;}
.agree-list li a.apple {background: #283544;}
.agree-list li a.line {background: #00CD54;}
.agree-list li a.email {background: #CACACA;}
.agree-list li a.login {background: #0066FF;}
.agree-list li a:not(.login):before {content: ''; display: block; width: 24px; height: 24px; margin-right: 12px;}
.agree-list li a.google:before {background: url('https://img.megastudyth.com/member/agree_google.png')no-repeat center center / cover;}
.agree-list li a.apple:before {background: url('https://img.megastudyth.com/member/agree_apple.png')no-repeat center center / cover;}
.agree-list li a.line:before {background: url('https://img.megastudyth.com/member/agree_line.png')no-repeat center center / cover;}
.agree-list li a.email:before {background: url('https://img.megastudyth.com/member/agree_email.png')no-repeat center center / cover;}

@media(max-width:1280px){
	.agree-list {margin-top: 24px;}
	.agree-list li {margin-bottom: 8px;}
	.agree-list li:last-child {margin-top: 24px;}
	.agree-list li a {height: 56px;}
}

@media(max-width:768px){
	.agree-list li:last-child {margin-top: 16px;}
	.agree-list li a {height: 48px; font-size: 14px;}

}


/* 페북아이디 변경 */
.fb-info {text-align: center;}
.fb-info dt {font-size: 28px; font-weight: 500; line-height: 1.4;}
.fb-info dd {font-size: 14px; color: #999; margin-top: 32px; line-height: 1.4; font-weight: 300;}
.fb-info dd strong {display: block; font-size: 16px; color: #1a1a1a; font-weight: 500; margin-bottom: 16px;}
.fb-wait {font-size: 14px; text-align: center; margin-top: 40px; background: #fafafa; padding: 32px; border: solid 1px #e5e5e5; font-weight: 400; -webkit-border-radius: 8px; border-radius: 8px;}
.fb-wait span,
.fb-wait span:before,
.fb-wait span:after {display: block; width: 8px; height: 8px; background: #aaa; -webkit-border-radius: 50%; border-radius: 50%;}
.fb-wait span {margin: 0 auto 16px; position: relative;}
.fb-wait span:before,
.fb-wait span:after {content: ''; position: absolute;}
.fb-wait span:before {right: 100%; margin-right: 8px;}
.fb-wait span:after {left: 100%; margin-left: 8px;}
.fb-change {margin-top: 40px; height: 48px; background: #06f; color: #fff !important; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.fb-step {text-align: center; font-size: 16px; margin-bottom: 32px; padding-top: 40px; margin-top: 40px; border-top: solid 1px #E9E9E9;}
.fb-step:before {content: attr(num); background: #0066FF; color: #fff; width: 48px; height: 48px; font-size: 18px; font-weight: 500; margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%;}
.fb-ipt {margin-bottom: 40px;}
.fb-ipt > li {margin-bottom: 32px;}
.fb-ipt > li:last-child {margin-bottom: 0;}
.fb-not {font-size: 13px; display: flex; align-items: center; flex-wrap: wrap; display: none; color: #999;}
.fb-not span {font-weight: 500; color: #1a1a1a;}
.fb-not:before {flex-shrink: 0; content: '!'; display: flex; width: 20px; height: 20px; font-weight: 700; font-size: 14px; align-items: center; justify-content: center; background: #ddd; color: #333; margin-right: 8px; -webkit-border-radius: 50%; border-radius: 50%;}
.fb-btn {margin-top: 40px; height: 48px; background: #06f; color: #fff !important; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.fb-desc {text-align: center; margin-top: 32px; font-size: 14px;}
.fb-desc p {color: #999; margin-bottom: 24px; line-height: 1.4; font-weight: 300;}
.fb-desc a {color: #06f;}
.fb-pop {display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(0,0,0,0.8); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1001;}
.fb-pop__box {width: 100%; max-width: 360px; padding: 40px 24px; box-sizing: border-box; text-align: center; background: #fff; -webkit-border-radius: 12px; border-radius: 12px;}
.fb-pop__box h5 {font-size: 20px; font-weight: 500;}
.fb-pop__box p {margin-top: 16px; font-weight: 300; color: #666; font-size: 13px; line-height: 1.4;}
.fb-pop__box a {display: inline-flex; margin-top: 24px; height: 40px; padding: 0 24px; background: #007cf3; color: #fff; align-items: center; -webkit-border-radius: 8px; border-radius: 8px;}

@media(max-width:768px){
	.fb-info dt {font-size: 20px;}
	.fb-info dd {font-size: 12px; margin-top: 16px;}
	.fb-info dd strong {font-size: 14px; margin-bottom: 8px;}
	.fb-desc {font-size: 12px;}
}




/* 아이디비번찾기 */
.find-title {text-align: center; margin-bottom: 40px;}
.find-title dt {font-size: 28px; font-weight: 600;}
.find-title dd {margin-top: 40px;}
.find-title dd h5 {font-size: 16px;}
.find-title dd p {font-size: 14px; color: #999; margin-top: 16px; line-height: 1.3;}
.find-pop {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.4); padding: 20px;}
.find-pop > div {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
.find-pop__box {background: #fff; padding: 16px; width: 100%; max-width: 360px; margin: 0 auto; -webkit-border-radius: 8px; border-radius: 8px;}
.find-pop__title {border-bottom: solid 1px #e5e5e5; padding-bottom: 8px; display: flex; align-items: center; justify-content: space-between;}
.find-pop__title h4 {font-size: 18px; font-weight: 500;}
.find-pop__title a {content: ''; display: block; width: 32px; height: 32px; background: none; text-indent: -9999px; position: relative;}
.find-pop__title a:before,
.find-pop__title a:after {content: ''; display: block; background: #333; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.find-pop__title a:before {width: 20px; height: 2px; margin-left: -10px; margin-top: -1px;}
.find-pop__title a:after {width: 2px; height: 20px; margin-top: -10px; margin-left: -1px;}
.find-pop__info {font-size: 13px; color: #999; margin-top: 16px; font-weight: 300;}
.find-pop__input {display: flex; margin-top: 8px;}
.find-pop__input input[type="text"] {height: 46px; width: calc(100% - 72px); padding: 0 12px; font-size: 14px; border: solid 1px #ccc; border-right: none; -webkit-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; background: none; -webkit-appearance: none; appearance: none;}
.find-pop__input a {width: 72px; height: 46px; background: #06f; color: #fff; font-size: 13px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0;}
.find-pop__q {margin-top: 16px; font-size: 12px;}
.find-pop__q dt {display: flex; align-items: center; color: #FF4D4D;}
.find-pop__q dt:before {content: '!'; border: solid 1px #FF4D4D; color: #FF4D4D; font-size: 12px; width: 13px; height: 13px; font-weight: 500; margin-right: 4px; flex-shrink: 0; -webkit-border-radius: 50%; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.find-pop__q dd {margin-top: 4px;}
.find-result {font-size: 14px; text-align: center; margin-top: 40px; background: #fafafa; padding: 32px 16px; border: solid 1px #e5e5e5; font-weight: 400; -webkit-border-radius: 8px; border-radius: 8px;}
.find-result dt {font-size: 20px;}
.find-result dd {font-size: 12px; color: #999; margin-top: 16px; line-height: 1.3;}
.find-result dd a {margin-top: 16px; max-width: 320px; margin-left: auto; margin-right: auto; height: 48px; background: #06f; color: #fff; font-size: 16px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.find-dash {font-size: 12px;}
.find-dash li {display: flex; margin-bottom: 8px;}
.find-dash li:last-child {margin-bottom: 0;}
.find-dash li:before {content: ''; display: block; width: 4px; height: 1px; background: #1a1a1a; flex-shrink: 0; margin-right: 6px; margin-top: 6px;}
.find-login {margin-top: 40px; max-width: 320px; margin-left: auto; margin-right: auto; height: 48px; background: #444; color: #fff !important; font-size: 16px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}



/* 회원정보수정 */
.act-chk {margin-top: -24px;}
.act-chk li {font-size: 13px; margin-bottom: 8px; font-weight: 300; color: #8A8A8A;}
.act-chk li:last-child {margin-bottom: 0;}
.act-chk li:before {content: '※';}

.mdfy-group {margin-top: 64px;}
.mdfy-group > h4 {font-size: 20px; font-weight: 700;}
.mdfy-group > ul {border-top: solid 2px #1a1a1a; margin-top: 16px;}
.mdfy-group > ul > li {padding: 16px 0; border-bottom: solid 1px #e9e9e9;}
.mdfy-group > ul > li:last-child {border-bottom-color: #1a1a1a;}
.mdfy-group > ul > li > dl {display: flex;}
.mdfy-group > ul > li > dl > dt,
.mdfy-group > ul > li > dl > dd {font-size: 16px;}
.mdfy-group > ul > li > dl > dt {width: 180px; line-height: 46px; font-weight: 500; flex-shrink: 0;}
.mdfy-group > ul > li > dl > dd {flex-grow: 1;}
.mdfy-group > ul > li > dl > dt > label {display: inline-flex; cursor: pointer; font-weight: 500; align-items: center;}
.mdfy-group > ul > li > dl > dt > label.required:after {content: ''; display: block; width: 4px; height: 4px; margin-left: 6px; margin-top: 2px; background: #008EFF; -webkit-border-radius: 50%; border-radius: 50%;}

.mdfy-dummy {background: #f2f2f2; margin-right: 130px; color: #888; height: 46px; padding: 0 12px; font-size: 14px; border: solid 1px #ccc; -webkit-border-radius: 8px; border-radius: 8px; display: flex; align-items: center;}
.mdfy-ipt {position: relative; padding-right: 130px;}
.mdfy-ipt.school {margin-bottom: 8px;}
.mdfy-ipt.email a {position: absolute; right: 0; top: 0; width: 120px; height: 46px; font-size: 14px; font-weight: 300; background: #7d7d7d; color: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 8px; border-radius: 8px;}
.mdfy-chk {margin-top: 8px;}
.mdfy-warn {font-size: 13px; color: #8a8a8a; font-weight: 300; margin-top: 8px;}
.mdfy-warn:before {content: '※'; margin-right: 4px;}

.mdfy-addr {display: none; position: fixed; z-index: 1000; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5);}
.mdfy-addr > div {display: flex; padding: 24px; width: 100%; height: 100%; align-items: center; justify-content: center;}
.mdfy-addr__box {background: #F4F6FA; width: 100%; max-width: 530px; margin: 0 auto; position: relative; padding: 64px 40px; -webkit-border-radius: 20px; border-radius: 20px;}
.mdfy-addr__box h5 {font-size: 20px; font-weight: 700;}
.mdfy-addr__box ul {margin-top: 24px;}
.mdfy-addr__box ul li {margin-bottom: 16px; display: flex; align-items: center;}
.mdfy-addr__box ul li:last-child {margin-bottom: 0;}
.mdfy-addr__box ul li label {width: 120px; font-size: 16px; font-weight: 600; flex-shrink: 0;}
.mdfy-addr__box ul li > div {flex-grow: 1;}

.mdfy-submit {margin-top: 40px; display: flex; justify-content: center;}
.mdfy-submit a {background: #0066FF; color: #fff; width: 180px; height: 48px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 6px; border-radius: 6px;}
.mdfy-out {margin-top: 72px; padding-top: 16px; padding-left: 8px; border-top: solid 1px #e9e9e9;}
.mdfy-out a {font-size: 14px; font-weight: 300; display: inline-flex; align-items: center; justify-content: center;}
.mdfy-out a:after {content: ''; display: block; width: 6px; height: 6px; margin-left: 8px; border-top: solid 2px #333; border-right: solid 2px #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}


.mdfy-cert {display: none; position: fixed; z-index: 1000; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5);}
.mdfy-cert > div {display: flex; padding: 24px; width: 100%; height: 100%; align-items: center; justify-content: center;}
.mdfy-cert__box {background: #F4F6FA; width: 100%; max-width: 400px; margin: 0 auto; position: relative; padding: 32px 24px; -webkit-border-radius: 20px; border-radius: 20px;}
.mdfy-cert__box h5 {font-size: 20px; font-weight: 700;}
.mdfy-cert__box h6 {font-size: 13px; margin-top: 4px; font-weight: 300;}
.mdfy-cert__box dl {display: flex; margin-top: 16px;}
.mdfy-cert__box dl dt {flex-grow: 1;}
.mdfy-cert__box dl dd {flex-shrink: 0;}
.mdfy-cert__box dl dt input[type="text"] {height: 46px; width: 100%; padding: 0 12px; font-size: 14px; border: solid 1px #ccc; border-right: none; -webkit-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; background: #fff; -webkit-appearance: none; appearance: none;}
.mdfy-cert__box dl dd a {height: 46px; padding: 0 16px; font-size: 14px; background: #06f; color: #fff !important; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0;}
.mdfy-cert__box p {margin-top: 16px; font-size: 11px; font-weight: 300; display: flex; align-items: center;}
.mdfy-cert__box p:before {content: '!'; flex-shrink: 0; width: 22px; height: 22px; margin-right: 8px; font-size: 16px; font-weight: 500; text-align: center; background: #bbb; color: #F4F6FA; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 20px; border-radius: 20px;}




@media(max-width:768px){

	.mdfy-group {margin-top: 48px;}
	.mdfy-group > h4 {font-size: 16px;}
	.mdfy-group > ul {margin-top: 8px; border-top-width: 1px;}
	.mdfy-group > ul > li {padding: 0; border-bottom: none; margin-top: 16px;}
	.mdfy-group > ul > li > dl {display: block;}
	.mdfy-group > ul > li > dl > dt,
	.mdfy-group > ul > li > dl > dd {font-size: 14px;}
	.mdfy-group > ul > li > dl > dt {width: 100%; line-height: 1.1;}
	.mdfy-group > ul > li > dl > dd {margin-top: 6px;}
	.mdfy-dummy {margin-right: 0;}
	.mdfy-ipt {padding-right: 0;}
	.mdfy-ipt.email {padding-right: 96px;}
	.mdfy-ipt.email a {font-size: 12px; width: 88px;}
	.mdfy-chk {margin-top: 0;}


	.mdfy-addr > div {display: block; overflow-y: auto;}
	.mdfy-addr__box {padding: 24px;}
	.mdfy-addr__box h5 {font-size: 20px;}
	.mdfy-addr__box ul {margin-top: 16px; margin-bottom: -24px;}
	.mdfy-addr__box ul li {margin-bottom: 12px; display: block;}
	.mdfy-addr__box ul li label {width: 100%; font-size: 14px;}
	.mdfy-addr__box ul li > div {margin-top: 4px;}

	.mdfy-submit {margin-top: 24px;}
	.mdfy-out {margin-top: 32px; padding-left: 0;}
	.mdfy-out a {font-size: 12px;}
	.mdfy-out a:after {width: 4px; height: 4px; margin-left: 4px;}
}