@charset "UTF-8";


/*  웹화면에서 모바일화면 안보이게하는 css ---------------------------*/

	.m-img{
	    display: none;
	}
	.m-clicklogo{
		display: none;
	}
	
/* 모바일 css ------------------------------------------ */	
	@media (max-width: 768px){
	
/* 기본 css ------------------------------------------  */
	.none{ display: none; }
	.dp-b{ display: block; }
	.newsbtn{ display: none;}
	.m-img-none{
		display  :inline;
	}

	    
	.home{
		padding-top : 70px;
	}
		
/* 모바일 header -------------------------------------  */
	
	#header{
		height : 70px; 
		min-height : 70px;
		position : fixed;
		background-color: white;
		display: flex;
		z-index: 999;
	}
	.clicklogo{
		float: left;
	    display: block;
	    padding: 10px;
	    margin-top: 3px;
	    margin-left: 3px;
	    text-align: center;
	    text-decoration: none; 
		
	}
	.menu-item{
		display: none;
		
	}


/* 모바일 푸터 --------------------------------------------- */
		.footer-box{
			height: 280px;
		}
		
		.footer-txt{
			 font-size: 13px;
			 margin-left: 5%;
			 margin-right: 5%;
			 margin-top: 7%;
			 padding :  20px 20px;
		}
		
		.m-flogo{
			position : relative;
	    	width: 40%;
	    	min-width: 100px;
	    	margin-left: 10%;
			top :10%;	
	    } 
	    
/* 아직 구성 못한 화면 --------------------------------------- */        
     
        .m-yet{
        	text-align: center;
        	/* display:block;
        	position: relative; */
	        height: 700px;
	        margin-top: 0;
        }
        
        .m-yettext{
        z-index: -1;
        	position: relative;
         	top: 40%; 
        	color: #4A84FF; 
	        font-size: 4vw;
	        font-weight: bold;
        }
/* 모바일 메뉴 햄버거 버튼 만들기 --------------------------------- */
 		#menu-container{ 
 			display: inline; 

 		}
 		
 		.menu-list{
 			position: fixed;
 			z-index : 999;
 			top: 70px;
 			right: 0;
 			width : 200px;
 			height: 700px;
 			color: white;
 			background-color: #000000AD;
 			text-align: left;
 			padding : 10px;
 			padding-left: 15px;
 			
 		}
 		
 		.m-list{
 			font-weight: normal;
 			font-size: 20px;
 			line-height :40px;
 			
 		}
 		.m-list:active {
 			font-size: 21px;
 		}
  		.line{
 			border-top: 1px solid white;
 		
 		}
 		.m-sublist{
 			padding-top: 10px;
 			margin-bottom: 10px;
 			margin-left: 10px;
 			font-weight: normal;
 			font-size: 12px;
 		}
 	
		.menu-trigger,
		.menu-trigger span {
		  display: inline-block;
		  transition: all .4s;
		  box-sizing: border-box;
		}
		
		.menu-trigger {
			cursor: pointer;
			width: 25px;
			height: 38px; 
			position: absolute;
			right: 15px;
		} 
		
		.menu-trigger span {
			position: absolute;
			width: 25px;
			height: 3px;
			background-color: #000000;
			border-radius: 4px;
		} 
		
		/* 햄버거 버튼 */
		.menu-trigger span:nth-of-type(1) {
		  top: 22px;
		}
		
		.menu-trigger span:nth-of-type(2) {
		  top: 30px;
		}
		
		.menu-trigger span:nth-of-type(3) {
		  top: 38px;
		}
		
 		/* 햄버거 열렸을 때 */	
		.hamburger-menu.open span:nth-of-type(1) {
		  top: 30px;
		  transform: rotate(135deg);
		}
		.hamburger-menu.open span:nth-of-type(2) {
		  opacity: 0;
		}
		.hamburger-menu.open span:nth-of-type(3) {
		  top: 30px;
		  transform: rotate(-135deg);
		}
		
		

}