@charset "utf-8";




/* =======================================================
	login
========================================================*/
.fm--login { }

.fm--login .fm--login-set {padding: 32px 20px 0; }
.fm--login .fm--login-set .fm--input-text {position: relative; z-index: 1; height: 55px; }
.fm--login .fm--login-set .fm--input-text + .fm--input-text {margin-top: -1px; }
.fm--login .fm--login-set .fm--input-text:focus {z-index: 3; }

.fm--login .fm--login-set .fm--login-id {border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.fm--login .fm--login-set .fm--login-pw {border-top-left-radius: 0; border-top-right-radius: 0; }

.fm--login .fm--login-set .fm--login-util-group {margin-top: 24px; }
.fm--login .fm--login-set .fm--login-util-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--login .fm--login-set .fm--login-util-group a {font-size: 14px; color: #4f4f4f; }

.fm--login .fm--btn-login {margin-top: 24px; width: 100%; height: 45px; display: block; line-height: 43px; font-size: 15px; border: 1px solid #6c30e0; background-color: #6c30e0; color: #fff; }

.fm--login .fm--login-wrapper {margin-top: 32px; padding: 0 20px 20px; text-align: center; }
.fm--login .fm--login-wrapper strong {font-weight: 500; }
.fm--login .fm--login-wrapper p {font-size: 14px; }
.fm--login .fm--login-wrapper .fm--btn {margin-top: 16px; }

.fm--login .fm--check-group .icheck {float: none; }
.fm--login .fm--check-group .fm--label-text {float: none; }





/* =======================================================
	join step01
========================================================*/

/* 전체동의 */
.fm--join .fm--agreement-allcheck {padding-bottom: 8px; border-bottom: 1px solid #eee; }
.fm--join .fm--agreement-allcheck .fm--label-text {font-size: 15px; color: #222; }

.fm--join .fm--agreement-container .fm--label-text .fm--font-main {font-size: 0.8em; margin-left: 4px; margin-right: 0; }





/* =======================================================
	join step03
========================================================*/
.fm--join-welcome {}

.fm--join-welcome .fm--welcome {padding: 32px 20px; text-align: center; }
.fm--join-welcome .fm--welcome .title {margin-bottom: 10px; font-size: 24px; color: #6c30e0; font-weight: 500; }

.fm--join-welcome .fm--welcome p {font-size: 16px; color: #555; }
.fm--join-welcome .fm--welcome p.fm--text-guide {margin-top: 16px; font-size: 12px; color: #8f8f8f; }
.fm--join-welcome .fm--welcome p.fm--text-guide a {text-decoration: underline; }

.fm--join-welcome .fm--welcome .fm--btn {width: 100%; height: 45px; margin-top: 32px; line-height: 43px; font-size: 15px; }





/* =======================================================
	find ID
========================================================*/
.fm--find {position: relative; margin: 0 auto;}
.fm--find .fm--form-container {padding: 0; }

.fm--find .fm--text-guide {margin-top: 4px; margin-left: 4px; }

.fm--find-form {padding: 0 20px; }


/* tab */
.fm--tab-find {margin-bottom: 32px; border-bottom: 1px solid #e6e4e4; }
.fm--tab-find:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.fm--tab-find > a,
.fm--tab-find > button {float: left; width: 50%; height: 50px; box-sizing: border-box; font-size: 15px; color: #8f8f8f; line-height: 50px; text-align: center; }

.fm--tab-find .current {border-bottom: 2px solid #222; color: #222; }


/* radio */
.fm--find-radio-group {margin: 0 auto; }
.fm--find-radio-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--find-radio-group .fm--radio-group + .fm--radio-group {margin-left: 40px; }
.fm--find-radio-group .fm--radio-group .fm--label-text {font-size: 15px; }


/* form-field */
.fm--find .fm--form-field {margin: 24px auto 0;  }
.fm--find .fm--form-field:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }


/* btn-find */
.fm--btn-bottom-group .fm--btn-find,
.fm--btn-find {margin: 32px auto 0; display: block; width: 100%; height: 45px; border-color: #222; background-color: #222; color: #eee; font-size: 15px; line-height: 43px; }


/* fm--find-list */
.fm--find-list-container {margin: 0 auto; padding: 0 20px; }
.fm--find-list-container > p {margin-bottom: 8px; font-size: 14px; color: #4f4f4f; }
.fm--find-list-container .fm--box-white {padding: 20px 20px; }

.fm--find-list li {margin-top: 8px; background-position: left 10px; }
.fm--find-list li:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--find-list li:first-child {margin-top: 0; }

.fm--find-list li strong {float: left; font-size: 14px; font-weight: 400; color: #222; line-height: 20px; }
.fm--find-list li span {float: right; font-size: 13px; font-weight: 400; color: #4f4f4f; line-height: 20px; text-align: right; }
.fm--find-list li span em {font-style: normal; }


.fm--find-list-container .fm--btn-group {margin-top: 32px; }
.fm--find-list-container .fm--btn-group .fm--btn {float: left; width: calc((100% - 8px)/2); height: 50px; line-height: 48px; }
.fm--find-list-container .fm--btn-group .fm--btn + .fm--btn {margin-left: 8px; }

.fm--find-pw-reset {padding: 0 20px; }
.fm--find-pw-reset > p {margin-bottom: 8px; font-size: 14px; color: #4f4f4f; }
.fm--find-pw-reset .fm--btn-full {margin-top: 32px; height: 50px; line-height: 48px; }


/* fm--certification */
.fm--certification {position: relative; margin-top: 16px; }
.fm--certification .fm--certification-title {margin-bottom: 8px; }





/* =======================================================
	leave
========================================================*/
.fm--leave {padding: 0 20px; }
.fm--leave .fm--leave-form {padding: 0 0 32px; }
.fm--leave .fm--box-white {margin-bottom: 32px; box-sizing: border-box; }

.fm--leave-notice {margin-bottom: 24px; padding: 24px 20px; background-color: #f7f7f7; }
.fm--leave-notice > li {margin-bottom: 16px; background-position: left 10px; font-size: 13px; color: #6f6f6f; }
.fm--leave-notice > li:last-child {margin-bottom: 0; }
.fm--leave-notice > li > strong {display: inline-block; margin-bottom: 4px; font-size: 14px; color: #222; font-weight: 400; }

.fm--leave-notice > li > ul > li {margin-bottom: 5px; padding-right: 16px; }
.fm--leave-notice > li > ul > li:last-child {margin-bottom: 0; }
.fm--leave-notice > li > ul > li strong {font-weight: 500; }
.fm--leave-notice .fm--list-dash + .fm--text-guide {margin-top: 5px; font-size: 13px; }

.fm--leave .fm--form-container {padding: 0 20px; }
.fm--leave .fm--leave-check {margin-top: 16px; padding: 0 20px; }
.fm--leave .fm--leave-check:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--leave .fm--leave-check .fm--label-text {float: left; width: calc(100% -  30px); font-size: 13px; }