* {margin: 0; padding: 0; font-size: 14px; line-height: 1.4; font-family: 'Noto Sans KR'; box-sizing: border-box; letter-spacing: -0.5px;}
ul, ol {list-style: none;}
a {text-decoration: none; color: inherit;}
.header_wrap, .footer_wrap, .site_section {display: none !important;}
.login_wrap {}
.login_wrap > h1 {position: absolute; top: 50px; left: calc(50% - 171px); width: 342px; text-align: center;}
.login_wrap > h1 > a {display: inline-block;}
.login_wrap > h1 > a > img {width: 100%; height: auto;}
.login_box, .signup_box, .find_box {width: 600px; min-height: 600px; margin: 140px auto 0 auto; padding: 0 40px 40px 40px; border: 1px solid #e0e0e0; box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.login_box > h3, .signup_box > h3, .find_box h3 {margin: 40px 0; font-size: 24px; text-align: center;}
.login_box h3 {margin: 80px 0 40px 0;}
.signup_box h3 {margin: 40px 0 20px 0;}
.login_box > h3 > p, .signup_box > h3 > p, .find_box > h3 > p {margin-top: 5px; font-size: 15px; font-weight: normal; word-break: keep-all;}
.login_box > h3 > p > a {position: relative; display: inline-block; font-size: inherit; color: #cc0000;}
.login_box > h3 > p > a:hover:after {content: ''; position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; height: 1px; background: #cc0000;}
.signup_box .ul_step {display: inline-block; margin-top: 10px;}
.signup_box .ul_step > li {float: left; display: inline-block; width: 30px; height: 30px; font-size: 15px; line-height: 28px; text-align: center; background: #cfcfcf; color: #fff; border-radius: 100%;}
.signup_box .ul_step > li:first-child {margin-right: 10px;}
.signup_box .ul_step > li.on {background: #5253ae;}
.signup_box > h3 > p.signup_img {margin-top: 120px;}
.find_box > h3 > p > span {color: #cc0000;}
.find_box .tab_container h3 {margin: 20px 0;}
.find_box .tab_container h3 > p {margin-top: 15px;}
.find_box .ul_tabs {display: inline-block; width: 100%; margin-top: 40px;}
.find_box .ul_tabs > li {float: left; display: inline-block; width: 50%;}
.find_box .ul_tabs > li > a {display: inline-block; width: 100%; line-height: 44px; text-align: center; border: 1px solid #e0e0e0; border-bottom-color: #666; background: #f2f2f2;}
.find_box .ul_tabs > li.active > a {border-color: #666; border-bottom: none; background: #fff;}
.find_box .tab_contents {display: none}

.frm_item {position: relative; display: inline-block; width: 100%; height: 50px; margin-top: 10px; }
.login_box .frm_item {margin-top: 10px;}
.frm_item:first-child {margin-top: 0;}
.frm_item > label, .frm_item > input {position: absolute; top: 0; left: 0; display: inline-block; height: 100%; line-height: 48px; border-radius: 4px;}
.frm_item > label {width: 100px; padding-left: 20px; font-weight: 500; z-index: 1; cursor: text; color: #666;}
.frm_item > label > span {font-size: 0.9em; font-weight: normal; letter-spacing: -1px;}
.frm_item > input {width: 100%; padding-left: 110px; border: 1px solid #e0e0e0;}
.frm_item.frm_item_id > a {position: absolute; top: 9px; right: 9px; display: inline-block; padding: 0 7px; line-height: 32px; background: #ddd; border-radius: 2px;}
.frm_item.frm_item_id > input {padding-right: 75px;}
.frm_item > span {}
.frm_item_box {margin: 10px 0; border-top: 1px solid #ddd;}
.frm_item_box .frm_title {line-height: 32px; font-weight: 500;}
.frm_item_box .frm_cont {height: 80px; margin-bottom: 5px; padding: 5px 10px; border: 1px solid #ddd; border-radius: 4px; overflow-y: auto;}
.frm_item_box .frm_cont p {line-height: 1.3;}
.frm_item_box .frm_cont p > strong {display: block; line-height: 1.8; font-weight: 500;}
.frm_item_box input, .frm_item_box label {vertical-align: middle;}
.frm_item_box input {margin-right: 5px;}
.frm_msg {padding-bottom: 5px; font-size: 13px; line-height: 1; color: #8537f0;}
	
.btn_login, .btn_reg {border: none; display: inline-block; width: 100%; margin-top: 25px; padding: 0 20px; font-size: 18px; line-height: 48px; text-align: center; background: #5253ae; color: #fff; border-radius: 50px; cursor: pointer;}
.login_bot {display: inline-block; width: 100%; margin-top: 40px; padding-top: 20px; border-top: 1px solid #ddd; color: #666;}
.login_bot > a:nth-child(1) {float: left;}
.login_bot > a:nth-child(2) {float: right;}

.find_bot {display: inline-block; width: 100%;}
.find_bot > a {float: left; display: inline-block; width: 48%; margin-top: 10px; line-height: 44px; text-align: center; border: 1px solid #666; background: #666; color: #fff; border-radius: 5px;}
.find_bot > a:first-child {margin-right: 4%; background: #fff; color: #555;}
.find_bot > a.btn_login {width: 100%; margin-right: 0; background: #666; color: #fff;}


@media (max-width: 768px) {
	.login_box, .signup_box, .find_box {min-height: 400px; border: none; box-shadow: none;}
}
@media (max-width: 640px) {
	.login_box, .signup_box, .find_box {width: 100%;}
	.find_box {margin-top: 100px;}
	.login_wrap > h1 {width: 50%; left: 25%;}
}