@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


/* 로그인 스타일 */
body{font-family:Comic Sans MS, ;color:#303030;  background:url(/images/common/login_main.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
 
     
/* 전체 */ 
#wrap {width:40%; 
position:relative; 
margin:0 auto; 
left:0; right:0; 
margin-top:8%;  

}
  
/* background_box 흰배경 */  
#header_wrap {width:100%; height:100%; display:inline-block; padding-top:50px;} 
  

/* mes logo */
#header {display:inline-block; width:100%; margin:0 auto; text-align:center;}
#header>a>h3 {font-size:25px; margin:0.5em 0em; }  
#header>a>p {font-size:13px; margin:0.5em 0em; }    
   
 
/* login box */ 
#container {width:50%; margin:0 auto;}
.intro_loginbox3 {width:100%; display:inline-block;} 
 
/* input_box */
.intro_loginbox_text {width:100%; display:inline-block;}
.intro_loginbox_text>li {width:100%; display:inline-block; margin-top:0.5em; color:#000;}
.intro_loginbox_text>li>input {width:98%; padding-left:0.5em; display:inline-block; background:#eae4e1; color:#000; height:50px !important;}

/* login_button */
.intro_loginbox_btn {width:100%; display:inline-block;} 
.intro_loginbox_btn>li {width:100%; display:inline-block; margin-top:0.5em;}
.intro_loginbox_btn>li>a{background:#67b564; display:block; hieght:50px; text-align:center; line-height:3; letter-spacing:8px; color:#fff; border:1px solid #67b564;}

 
/* footer_box */
#footer {width:100%; display:inline-block;}
.line {width:100%; display:inline-block;}
.line>li {vertical-align:middle; text-align:center; margin:0 auto;}
.line>li:before {content:""; display:inline-block; width:44%; height:3px; background:#000; vertical-align:middle; margin-right:0.5em;}
.line>li:after {content:""; display:inline-block; width:44%; height:3px; background:#000; vertical-align:middle; margin-left:0.5em;}


.footer_top {width:100%; margin:0 auto; text-align:center;}
.footer_top>li {display:inline-block; width:100%;}  
.footer_top>li>a {display:block; text-align:left; line-height:2; color:#fff; font-weight:700;width: 30%; float: left; font-weight:400;font-size:15px;}

.footer_bottom {display:inline-block; width:100%; margin-top:1em;}
.footer_bottom>li>p {font-size:0.8em; text-align:center;}
 

@media all and (max-width:320px){
	#wrap {width:85%;}
	#container {width:90%;}
	     
	
	
	   
} 





@media all and (min-width:320px) and (max-width:640px){
	
	#wrap {width:85%; }
	#container {width:85%;}
	
	
	.line>li:before {width:40%;}
	.line>li:after {width:40%;}

}



@media all and (min-width:640px) and (max-width:890px){
	
	#wrap {width:60%;}
	#container {width:90%;}
	
	
}

@media all and (min-width:890px) and (max-width:1040px){
	
	#wrap {width:60%;margin-top:30px;}
		#container {width:70%;}
	
}


 


@media all and (min-width:1040px) and (max-width:1300px){
	
	#wrap {width:60%; margin-top:30px;}  
	
	
}


@media all and (min-width:1300px) and (max-width:1524px){ 
	
		#wrap {width:50%;}
	 
}


@media all and (min-width:1524px) and (max-width:1824px){ 
	
		#wrap {width:50%;margin-top:70px;} 
		
	 
}

@media all and (min-width : 1824px) {

		
}