html{margin:0;padding:0;}
@font-face{
font-family:'NanumSquare';
src: url(/css/font/nanumsquareb.eot);
src: url(/css/font/NanumSquareR.eot) format('embedded-opentype'),
     url(/css/font/NanumSquareR.woff) format('woff');
}
@keyframes BackgroundGradient {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

h1{font-size:2em;margin-bottom:20px;}
.asterisk{color:red;}


/* 언어선택 버튼 */
.content .btnLang, #wrap_ty_user label{
	font-family: sans-serif, Dotum, Gulim, Batang, serif !important;
	border-radius: 25px;margin-top:20px;
}

.wrapper, 
.error{ 
  text-align:center;
  font-size:1.3em;	
  width:500px;
  margin:0 auto;
}
.button{
	padding:0.7em 2em;
	color:#fff;
	border:2px solid #fff;
	font-size:0.8em;
	border-radius:25px;
}
.button:hover{
	opacity:0.9;
	cursor:pointer;
}
#btnRetry, 
#btnLogin, 
#btnReq{
	display:inline-block; 
	width:100%; 
	margin-top:20px;
}

#logo{
	text-align:center;
	width:100%;
	color:#fff;
	font-size:1.5em;
	background:url(/customer/img/user_logo.png)#fff no-repeat center;
	padding:80px 0 0 0;
	height:100px;
}
.notfound{width:100%;}
.notfound i{opacity:0.2;}
.notfound .desc{margin-top:20px;font-size:1.1em;}

.content{
	width:500px;
	margin:auto;
	z-index:1000;
	min-height:100px;
	border-radius:5px;
	text-align:center;
	font-size:1em;
	color:#333;
	padding:1.8em 2em;
}
  
 .content .button{
	font-weight:bold;
	border-radius:5px;
	font-size:1em;
	padding:1em;
	display:inline-block;}
	
.content .disabled{background-color:#ddd;} 
.content .btnLang{display:inline-block;min-width:100px;margin-right:10px;font-size:1.1em;padding:0.51em 2em;}
 
 /* 차단 등급 아님 */
.nonBlock{
	font-size:1.3em;
	background:none;
	width:100% !important;
	text-align:center;
	}	
	.nonBlock i{padding-bottom:20px;opacity:0.5;}
	.nonBlock p{
		font-size:1.5em;font-weight:bold;margin-bottom:20px;}
		
#wrap_lgi{margin-bottom:30px;}
#frmLogin{padding:20px 0 0 0;display:block;display:none;}
#frmLogin h2{
	font-size:1em;
	text-align:left;font-weight:bold;
	}
#frmLogin h2 span{font-size:12px;color:#999;padding-left:20px;padding-top:5px;font-weight:normal;display:block;}
#frmLogin label{width:100%;text-align:left;display:inline-block;padding:20px 0 5px 0;font-weight:bold;font-size:0.8em;}


#wrap_ty_user{width:100%;}
#wrap_ty_user.sm i{display:inline;margin-bottom:0;font-size:1em;}
#wrap_ty_user.sm label{font-size:1em;}
#wrap_ty_user input[type='radio']{display:none;}
#wrap_ty_user label{display:block;text-align:left;}
/*
#wrap_ty_user label{
	width:100%;
	border:1px solid #e9e9e9;
	color:#777;
	cursor:pointer;
	background:#f7f7f7;
	padding:10px 20px;
	font-size:1.2em;
}
*/
#wrap_ty_user i{font-size:1.2em;display:inline;margin-bottom:10px;padding-right:20px;}
#wrap_ty_user label.check{border:1px solid #333;background:#444;color:#fff;text-align:center;border-radius:0;}
#wrap_ty_user label.check i{font-size:1.3em;padding-right:2px;}



#msgLogin{ color:red;text-align:center;font-size:0.9em;display:none;font-weight:bold;}
#frmLogin input[type='text'], 
#frmLogin input[type='password']{padding:0.5em;font-size:1em;width:330px;border:1px solid #fff;border-bottom:1px solid #ddd;}


/* SMS FORM */
#wrap_sms{text-align:left;margin:0;padding:0;width:100%;}
#wrap_sms input[type='text'], 
#wrap_sms input[type='password']{
	padding:0.5em;
	font-size:1em;
	width:280px;
	vertical-align:middle;
	margin:0;
}
#wrap_sms p{border:1px solid red;text-align:left;}
#wrap_sms .button{padding:10px 10px 9px 10px;font-size:13px;margin-left:-5px;border-radius:0;border:1px solid #333;font-size:0.9em;}
#wrap_sms #btnSms{padding:10px 30px;vertical-align:middle;display:none;}


/* TRMS FORM */ 
#chk_terms{text-align:left;width:100%;padding:5px;cursor:pointer;color:#777;font-size:0.9em;}
#chk_terms:before{ font-family: "Font Awesome 5 Pro";content: "\f111";}
#chk_terms.check:before{ font-family: "Font Awesome 5 Pro";content: "\f058";}
#frmLogin .txt_terms{width:100%;height:50px;overflow-y:scroll;font-size:10px;text-align:left;padding:1em;}


/* USER/NODE FORM */
#info_user, #info_node{margin:0;padding:0;}
#info_node{margin-top:30px;}
#frmLogin #info_user input[type=text], 
#frmLogin #info_node input[type=text]{font-size:12px;border:1px solid #ddd;padding:5px; width:70%;}
.infoTbl3{width:100%;text-align:left;}
.infoTbl3 th{width:30%;text-align:left;padding:5px;color:#777;font-weight:normal;font-size:0.9em;}
.infoTbl3 td{width:70%;padding:5px;}
.infoTbl3 caption{text-align:right;}



#wrap_terms .short{display:none;}


#wrap_req {display:none;}


.wrapIcons{font-size:6em;}
.content .desc{font-size:1.5em;}

/* Error */ 

.error{display:none;text-align:center;}
.error p i{font-size:4em;margin:0;opacity:0.3;}
.error p span{display:block;font-size:0.5em;margin:0;padding:0;}
.error p.desc{font-size:1.2em;margin:0 0 20px 0;padding:1em 0;}

.bgw{background:#fff;}

@media (max-width: 576px){
	 .content .btnLang {
		background:none !important;
		width: 100% !important;
		border-radius: 25px;
	}
	h1{font-size:1.5em;color:#222;margin:20px 0;} 
	.error p.desc, .notfound p.desc{font-size:1.2em;}
	.wrapper, .notfound, .error, .w500, .content{width:100% !important;margin:0;}
	#logo{height:0;}
	.content{border-radius:0;}
	.p-3 {
		padding: 0.3rem!important;
	}

	#frmLogin input[type='text'], 
	#frmLogin input[type='password'], 
	.content input[type='text'], 
	.content select{width:100% !important;}
	.infoTbl3 th{font-size:0.75em !important;word-spacing:-1px;}
	
	#wrap_sms input[type='text']{width:65% !important;}
	#wrap_sms .button{font-weight:normal;font-size:0.9em;}
}

/* Small devices (landscpe phones, 576px and up) */
@media (min-width: 576px){
}

/* Medium devices (tablets, 768px and up */
@media (min-width: 768px){
	.button{max-width:500px;}
}

/* Medium devices (desktops, 992px and up */
@media (min-width: 992px){
}

/* Medium devices (large desktops, 1200px and up */
@media (min-width: 1200px){
}