@font-face {
    font-family: 'Saenggeo KR';
    /* src:url('./css/Saenggeo Jincheon.otf') format('opentype') */
    src:url('Saenggeo\ Jincheon.otf') format('opentype')
} 

* { font-family: 'Nanum Gothic', sans-serif; margin:0; padding:0;}
.spaceLeft {
  margin-left: 10px;
}
.spaceRight {
  margin-right: 10px;
}

/* custom checkbox */
.btn span.fa {
	opacity: 0;
}
.btn.active span.fa {
	opacity: 1;
}

#box01{
    height: 236px;
    width: 280px;
    margin:0 auto;
}
#loginlogo{
  width:100%;
	text-align: center;
}
#Logo01{
	margin-top:20px;
   padding-bottom: 10px;
}
.form-group label{
	display:block;
	padding-left:10px;
}
.form-group input[type="text"],
.form-group input[type="password"]
{
	display:block;
	width:90%;
	height:30px;
}
.btn-info{
	display:inline-block;
	text-align: center;
	line-height: 35px;
	background:#7FB517;
	/* background:url(../images/login_bt2.png)no-repeat center center;
	background-size: 100% 100%; */
	box-shadow: 1px 1px 3px #333;
	border:none;
	outline: none;
	color:white;
	height:35px;
	border-radius:5px;
	text-decoration: none;
	width:100%;
	font-weight:700;
	font-size:16px;
}
.btn-warning{
	background:#5080D8;
	border:none;
	outline: none;
	color:white;
	height:35px;
	border-radius:5px;
}
.login_btn{
	margin:20px 0;
	text-align: center;
}
.sign_btn{
	color:white;
	font-size:16px;
	font-weight:bold;
	text-shadow: 1px 1px 2px #555;
	-webkit-text-shadow: 1px 1px 2px #555;
	-moz-text-shadow: 1px 1px 2px #555;
	
}
.forget_btn{
	color:white;
	float:right;
	font-size:16px;
	font-weight:bold;
	text-shadow: 1px 1px 2px #555;
	-webkit-text-shadow: 1px 1px 2px #555;
	-moz-text-shadow: 1px 1px 2px #555;
}
.check_div{
	position:relative;
	
}
.check_div img{
	position:absolute;
	left:-2px;
	top:0;
}
.forgot p{
	font-size:13px;
	font-weight:700;
	padding-left:20px;
	margin:10px 0;
}
.forgot input[type="text"]{
	height:30px;
	width:90%;
	display: block;
	margin:0 auto;
}


.lg > ul{
	position:absolute;
	right:10px;
	top:10px;
}
.lg ul li{
	list-style: none;
}
.lg ul li ul{
	display:none;
}
@media screen and (max-width:520px){
    #box01{
        margin:0 auto;
    }
  .pwchange{
    width:85%!important;
    display:block!important;
    margin:10px auto!important;
   
  }
}
.login_box{
	padding:10px;
	border-radius:20px;
}
.login_box label{
	color:black;
}
.login_box input[type="text"],
.login_box input[type="password"]{
	/* background: rgba(255,255,255,.7); */
	background: rgba(0,0,0,.5);
	color: #000;
	border:2px solid #e2d19f;
	/* background:rgba(0,0,0,.5);
	color:white; */
}
.login_box input[type="text"]::placeholder,
.login_box input[type="password"]::placeholder{
	color:#fff;
	padding-left:10px;
}
.login input:focus { 
	color: white!important;
	text-shadow: 0px 0px 0px #555;  
	-webkit-text-fill-color: whtie;
}
/***************signup****************/
.login .container{
	width:1000px;
	margin:0 auto;
	background-image: url(../images/mainbg3.jpg);
	background-size:100% 100%;
	background-repeat: no-repeat;
	height:100vh;
}
@media screen and (max-width:1000px){
	.login .container{
		width:100%;
		height:100vh;
		background-image: url(../images/mainbg3.jpg);
		background-size:100% 100%;
		background-repeat: no-repeat;
	}

}

@media screen and (max-width:720px){
	.login .container{
		width:100%;
		height:100vh;
		background-image: url(../images/mainbg3.jpg);
		background-size:100% 100%; 
		background-repeat: no-repeat;
	}
}

/* test S CPC_login.png */

.login .container_test{
	width:1000px;
	margin:0 auto;
	background-image: url(../images/CPC_login_new.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
	height:100vh;
}
@media screen and (max-width:1000px){
	.login .container_test{
		width:100%;
		height:100vh;
		background-image: url(../images/CPC_login_new.png);
		background-size:100% 100%;
		background-repeat: no-repeat;
	}

@media screen and (max-width:720px){
	.login .container_test{
		width:100%;
		height:100vh;
		background-image: url(../images/CPC_login_new.png);
		background-size:100% 100%; 
		background-repeat: no-repeat;
	}
}

}

/* test E */



a { -webkit-tap-highlight-color:transparent;} /*앱 영역 안잡히게 함*/

.login_icon {
	width: 16px;
	position: absolute;
	left: 11px;
	top: 50%;
	transform: translateY(-50%);
}
/* 로그인 페이지 홍보 영상 시작 */
.bn_video {
	margin: 20px auto;
	width: 100%;
}
.bn_video_box{
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
.bn_video_box p{
	text-align: center;
}
.bn_video_box a{
	color: #E4B62F;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 1px 2px black;
	-webkit-text-shadow: 1px 1px 2px black;
	-moz-text-shadow: 1px 1px 2px black;
}
/* 로그인 페이지 홍보 영상 끝 */
.fobl_btn {
	background-color: #E4B62F;
	border: none;
	color: white;
	padding: 15px 30px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 10px;
	font-weight: bold;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}