.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after {display: block; content: '';line-height: 0;}
.clearfix:after {clear: both;}
.modal * {font-family: var(--main-fonts);}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    font-family:"Noto Sans KR";
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 6% auto; 
    border: 1px solid #888;
    width: 500px; 
    height:640px;   
    border:2px solid #5f0080;          
    overflow:hidden;    
    position:relative;  
}
.modal_x {cursor:pointer;position:absolute;top:108px;left:456px;width:16px;height:16px;}
/* The Close Button */
.close {
    color: #636363;
    float: right;
    font-size: 14px;
    margin-top:20px;
    margin-right:50px; 
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
    margin-right:50px;
}

.find_id p {margin:0;color:black;font-size:20px;font-weight:bold;margin-bottom:10px;margin-top:25px;}
.find_id span {color:#898989;font-size:14px;margin-bottom:16px;display:block;}
.emailf_id, .numberf_id {text-align:center;}
.emailf_id {padding-bottom:20px;border-bottom:1px solid #e8e8e8;}
.step_cate {border-bottom:1px solid #e0e0e0;display:flex;justify-content: space-between;align-items: center;}
.step_cate a {color:#c2c2c2;background:#f6f6f6;display:block;width:50%;text-align:center;height:80px;line-height:80px;font-size:20px;font-weight: bold;color:#c8c8c8;}
.step_cate a.on {color:black;background:#fff;}
.step_cate > a:first-child {border-right:1px solid #e0e0e0;}

.find_id {padding: 0px 50px 0px 50px; }
.ul_form li {position:relative;text-align:center;}
.ul_form li img {width:25px; position:absolute;top:37%;left:25px;transform:translate(-50%,-50%);}
.input_css {outline:0;background-color:#f7f7f7;width:100%;height:40px;border:1px solid #eeeeee;margin-bottom:12px;padding-left:50px;}
.input_css::placeholder {color:#d6d6d6;}

.form_submit {cursor:pointer;outline:0;float:right;width:165px;height:44px;border:0;background:linear-gradient(to right, #5f0080, #9308c4);font-weight:500;color:#fff;font-size:16px;}
.form-check {display:flex;justify-content:flex-end;align-items:center;}
.auto_login_div {margin-left:10px;position:relative;}
.auto_login_caution {display:none;position:absolute;right:1px;top:-66px;width:180px;line-height:15px;padding:11.5px 20px;background:#fff;font-family:'Dotum';letter-spacing:-1px;font-size:12px;text-align:left;border:1px solid #ededed;border-bottom:none;}
.auto_login_caution span {font-family:'Dotum';font-size:12px}
/*페이지 로더*/
*, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; }
#loader_body {width:100%;height:100%;background:rgba(0,0,0,.6);position:fixed;left:0;top:0;display:none;}
/* Loader 2 */
.loader-2 {display: block;height: 32px;width: 32px;
	-webkit-animation: loader-2-1 3s linear infinite;
	        animation: loader-2-1 3s linear infinite;}
@-webkit-keyframes loader-2-1 {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes loader-2-1 {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.loader-2 span {display: block;position: absolute;top: 0; left: 0;bottom: 0; right: 0;margin: auto;height: 32px;width: 32px;
	clip: rect(16px, 32px, 32px, 0);
	-webkit-animation: loader-2-2 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	        animation: loader-2-2 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;}
@-webkit-keyframes loader-2-2 {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes loader-2-2 {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.loader-2 span::before {content: "";display: block;position: absolute;top: 0; left: 0;bottom: 0; right: 0;margin: auto;height: 32px;
	width: 32px;border: 3px solid transparent;border-top: 3px solid #FFF;border-radius: 50%;
	-webkit-animation: loader-2-3 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	        animation: loader-2-3 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;}
@-webkit-keyframes loader-2-3 {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes loader-2-3 {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.loader-2 span::after {content: "";display: block;position: absolute;top: 0; left: 0;bottom: 0; right: 0;margin: auto;height: 32px;width: 32px;
	border: 3px solid rgba(255, 255, 255, .5);border-radius: 50%;}


/* Layout */
.center {display: block;position: absolute;top: 0; left: 0;bottom: 0; right: 0;margin: auto;}
.wrapper {position: relative;width: 100%;max-width: 1000px;height: 100%;margin: 0 auto;}
.loader-list {display: -webkit-flex;display:flex;
	-webkit-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-align-content: center;
	        align-content: center;
	position: relative;width: 100%;height: 100%;clear: both;}
.loader-list li {-webkit-flex: 1 1 auto; flex: 1 1 auto;position: relative;display: block;width: calc(100% / 3);height: calc(100vh / 4);}