/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 02 2025 | 00:19:06 */
:root {
	--member-base-color1: #0051ED;
	--member-base-color2: #5085EB;
	--member-base-color3: #fff;
}
/* 로그인 페이지 하단 버튼 */
.mfs_form form.ui.form .field .ui.blue.button,
a.login_text_2_btn, a.login_text_3_btn {
	font-weight: 600 !important;
    box-sizing: initial !important;
    transition: .25s !important;
}
.mfs_form form.ui.form .field .ui.blue.button:hover,
a.login_text_2_btn:hover, a.login_text_3_btn:hover {
	opacity: 0.9;
}
.mfs_form form.ui.form .field .ui.blue.button,
a.login_text_2_btn
{
	border: 1px solid var(--member-base-color1) !important;	
	border-radius: 5px !important;
    text-decoration: none;
    font-size: 14px !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 !important;
    display: block !important;
    text-align: center !important;
	width: inherit;
}
.mfs_form form.ui.form .field .ui.blue.button {
	background-color: var(--member-base-color1) !important;
	color: #fff !important;
}
a.login_text_2_btn {
	background-color: var(--member-base-color3) !important;
	color: var(--member-base-color1) !important;
    display: block;
}
a.login_text_3_btn {
	color: #999 !important;
	font-size: 12px !important;
}
a.login_text_3_btn:hover {
	text-decoration: underline !important;
}
i.icon.sign.in {
	display: none;
}

/* 로그인 인풋 */
.password-visible {
    opacity: 0.5;
}
.mfs_form form.ui.form .field div a.white, .mfs_form form.ui.form .field input {
	height: 44px !important;
	line-height: 44px !important;
	font-weight: 600 !important;
	border-radius: 5px !important;
	border: 1px solid #d4d4d4 !important;
	letter-spacing: 1px;
}
.ui .ui.form .field.field input:focus, .ui .ui.form .field.field input:-webkit-autofill:focus {
    /* border: inset 2px solid var(--member-base-color1) !important; */
	box-shadow: 0 0 0 1px var(--member-base-color1) !important;
}
.login_page label[for="user_login"]::after {
	display: none !important;
}
.mfs_form .ui.form .field .checkbox label::before {
	border-radius: 5px !important;
}
.autologin {
    text-align: right;
}
.ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after {
    color: var(--member-base-color1) !important;
}
.login_page label, .login_page .except {
	color: #444 !important;
	font-size: 12px !important;
}
.login_page .login_text_3_btn {
    text-align: center !important;
}
/* 회원가입 - 이용약관 */
/*
.signup_agree .ui.three.ordered.top.attached.steps.mfs_wrapper {
	display: none;
}
.signup_agree .mfs_wrapper {
    border-radius: 5px !important;
	padding: 2px !important;
}
.signup_agree .ui.ordered.steps .step:before {
	display: none;
}
.signup_agre .ui.steps .step .title {
	color: #999;
}
.signup_agree .ui.steps .step .description {
    font-weight: 400;
    font-size: 12px;
    color: #666;
    display: block;
}
.signup_agree .ui.step, .ui.steps .step {
	border-radius: 5px !important;
	border: none !important;
}
.signup_agree .ui.steps .step.active {
	background: none !important;
}
.signup_agree .step:after {
	display: none !important;
}
*/
.signup_agree .mfs_form {
	margin: 0 !important;
	max-width: 100% !important;
}
.signup_agree .mfs_form form.ui.form .ui.accordion {
	border-radius: 5px
	background: #fff !important;
}
.signup_agree .mfs_form form.ui.form .ui.accordion .content {
	background: #fff !important;
}
.signup_agree .mfs_form form.ui.form .ui.accordion .title {
	padding: 20px !important;
	color: #444 !important;
	background: #fff !important;
    font-weight: 600;
}
.signup_agree .step.mfs_item, .ui.steps .active.step:after, .signup_agree .ui.steps .step:after, .signup_agree .ui.ordered.steps .step.active:before, .signup_agree .ui.steps .active.step .icon {
    display: none !important;
}
.signup_agree .step.mfs_item.active {
    display: block !important;
    background: #fff !important;
    border: none !important;
    padding: 0 !important;
}
.signup_agree .ui.steps .step.active .title {
	color: var(--member-base-color1) !important;
}
.signup_agree .step .description {
	font-size: 14px !important;
	margin-top: 5px !important;
    color: #444 !important;
}
.signup_agree .ui.three.ordered.top.attached.steps.mfs_wrapper {
    border: none !important;
    padding: 0 !important;
	margin-top: 20px !important;
}
.signup_agree .step .title, .signup_agree .step .description {
    display: block !important;
    text-align: center !important;
}
/* 비밀번호 찾기 */
.lostpassword_text.sixteen.wide.field {
    font-size: 14px;
    text-align: center;
}
