body{background: linear-gradient(90deg, rgba(50, 140, 217, 0.7) 0%, rgba(50, 140, 217, 0.7) 11.81%, rgba(52, 137, 219, 0.7) 26.83%, rgba(59, 128, 226, 0.7) 36.74%, rgba(71, 114, 237, 0.7) 45.16%, rgba(81, 101, 247, 0.7) 50%, rgba(78, 98, 247, 0.7) 75.21%, rgba(68, 87, 247, 0.7) 97.46%, rgba(66, 85, 247, 0.7) 100%);background: #98b2cd;}
/*로그인 2023.03.21 */
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
button,input{font-family: inherit;}
.p-t-115{padding-top: 30px;text-align: center;}
.p-b-48{padding-bottom: 32px;}
.p-b-26{padding-bottom:26px;}

*{margin:0;padding:0;box-sizing:border-box}
body,html{height:100%;font-family: 'Poppins','Pretendard-Regular', sans-serif;}
body, h1, h2, h3, h4, h5, h6, div, span, input, select, p{font-family: 'Poppins','Pretendard-Regular', sans-serif !important; }
a{font-size:14px;line-height:1.7;color:#666;margin:0;transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s}
a:focus{outline:none!important}
a:hover{text-decoration:none;color:#6a7dfe;color:-webkit-linear-gradient(left,#21d4fd,#b721ff);color:-o-linear-gradient(left,#21d4fd,#b721ff);
color:-moz-linear-gradient(left,#21d4fd,#b721ff);color:linear-gradient(left,#21d4fd,#b721ff)}
h1,h2,h3,h4,h5,h6{margin:0}p{font-size:14px;line-height:1.7;color:#666;margin:0}
ul,li{margin:0;list-style-type:none}input{outline:none;border:none}textarea{outline:none;border:none}
textarea:focus,input:focus{border-color:transparent!important}input:focus::-webkit-input-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}
textarea:focus::-webkit-input-placeholder{color:transparent}textarea:focus:-moz-placeholder{color:transparent}
textarea:focus::-moz-placeholder{color:transparent}
textarea:focus:-ms-input-placeholder{color:transparent}
input::-webkit-input-placeholder{color:#adadad}
input:-moz-placeholder{color:#adadad}input::-moz-placeholder{color:#adadad}
input:-ms-input-placeholder{color:#adadad}
textarea::-webkit-input-placeholder{color:#adadad}
textarea:-moz-placeholder{color:#adadad}
textarea::-moz-placeholder{color:#adadad}
textarea:-ms-input-placeholder{color:#adadad}
button{outline:none!important;border:none;background:0 0}
button:hover{cursor:pointer}
iframe{border:none!important}


.txt1{font-size: 12.5px;color:#9e9e9e;line-height:1.5}
.txt1 a{text-decoration: none;}
.limiter{width:100%;margin:0 auto;position: absolute; top: 0;  left: 0; z-index: 1000;}
.container-login100{width:100%;min-height:100vh;display:-webkit-box;
display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px; }

.wrap-login100{
				display:flex;
				width: 1000px;
				background:#fff;
				border-radius:10px;
				overflow:hidden;
				/*padding:77px 55px;*/
				box-shadow:0 5px 10px 0 rgba(0,0,0,.1);
				-moz-box-shadow:0 5px 10px 0 rgba(0,0,0,.1);
				-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.1);
				-o-box-shadow:0 5px 10px 0 rgba(0,0,0,.1);
				-ms-box-shadow:0 5px 10px 0 rgba(0,0,0,.1)
			}

.login100-form{width:100%}
.login100-form-title{
	display:block;
	font-size: 28px;
	color:#333;
	line-height: 1.4;
	font-weight: 700;
	text-align: center;
	margin-bottom: 15px;
	}
.login100-form-title i{font-size:60px} 
.login100-form-title p{font-size: 14px;font-weight: 400;}
.login100-form-title p span{display:block;font-size: 12px;color: #aeaeae;}

input:-webkit-autofill {
	background:#ffffff;
   -webkit-box-shadow: 0 0 0 1000px #ffffff inset; /*크롬 자동완성 배경색 제거*/
}


.wrap-input100{width:100%;position:relative;border-bottom:2px solid #adadad;margin-bottom:37px}
.input100{font-size: 16px;color:#555;line-height:1.2;display:block;width:100%;height:45px;background:0 0;padding:0 5px}
.input100#password{font-family: "Nanum Gothic",sans-serif;}
.focus-input100{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none;}
.focus-input100::before{
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    background: #2c2c2c;}


.focus-input100::after{font-size: 15px;color:#999;line-height:1.2;content:attr(data-placeholder);display:block;width:100%;position:absolute;top:16px;left:0;padding-left:5px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}

.input100:focus+.focus-input100::after, .input100:not(:placeholder-shown)+.focus-input100::after, .input100:not(:empty)+.focus-input100::after {top:-15px}
.input100:focus+.focus-input100::before{width:100%}
.has-val.input100+.focus-input100::after{top:-15px}
.has-val.input100+.focus-input100::before{width:100%}

/*비밀번호보기*/
.btn-show-pass{font-size:15px;color:#999;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;
position:absolute;height:100%;top:0;right:0;padding-right:5px;cursor:pointer;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}

.zmdi{font-family: xeicon !important;font-style: normal;font-size: 22px;color: #adadad;}
.zmdi-eye-off:before{content: "\e950";/* content: "\e951"; */color: #2c2c2c;}
.zmdi-eye:before{content: "\e952";content: "\e953";}


.btn-show-pass:hover{color:#333333;}
.btn-show-pass.active{color:#333333;}

.container-login100-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;padding-top:13px;margin-bottom: 12px;}

.wrap-login100-form-btn{width:100%;display:block;position:relative;z-index:1;border-radius:25px;overflow:hidden;margin:0 auto}
.login100-form-bgbtn{   position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #2c2c2c;    
    }

.login100-form-btn{
    letter-spacing: .5px;
    font-size: 17px;
    color: #fff;
    line-height: 1.2;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 49px;
    font-weight: 600;
    background: #3146f5;
}

.find_wrap{
    padding: 15px 0 30px;
    display: flex;
    justify-content: center;
    width: 100%;
}
.find_wrap ul{
    display: flex;
}
.find_wrap ul li{
    margin: 0 5px;
}
.find_wrap ul li a{
    color: #6a6d74;
    text-decoration: underline;
}
.find_wrap ul li a:hover{	
    text-decoration: underline;
color: #6a7dfe;
}

.loginLeft{width: 55%;flex: 0 0 55%;}
.loginRight{width: 45%;flex: 0 0 45%;}
.loginLeft > div{background-color:#D2E5FF;background-image: url('../images/loginImg2.png');background-repeat: no-repeat;background-position: 27% 0;width: 100%;height: 100%;background-size: cover;}
.loginRight{padding: 65px 60px;}

.check-email.modal-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    background-color: rgba(0,0,0,.2);
    
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.modal-content {
    position: relative;
    width: 400px;
    background-color: #fff;
    border-radius:10px;
    padding: 40px;
}

.modal-header {
    margin-bottom: 20px;
}

.modal-header .close {
    position: absolute;
    top: 40px;
    right: 40px;
    font-size: 20px;
    color: #333;
    cursor: pointer;
}

.modal-body-content-text {
    margin-bottom: 15px;
}

.modal-body .input-label {
    top: -15px;
    font-size: 14px;
    color: #adadad;
}

.modal-body-footer-btn {
    width: 100%;
    height: 40px;
    border-radius: 40px;
    background-color: #3146f5;
    color: #fff;
    font-weight: 600;
}

@media(max-width:850px){
	.wrap-login100{width: 70%;}
	.loginLeft{display:none !important;}
	.wrap-login100{ }
	.loginRight{width: 100%; flex:0 0 100%;}
	.loginRight > div{width: 90%; margin:0 auto;}
}
@media(max-width:600px){
	.container-login100{align-items: flex-start;}
	.wrap-login100{width: 100%;}
	.login100-form-title{font-size: 24px;}
	.loginRight{padding: 30px 24px;}

}