@charset "UTF-8";

.m-img-none{ display: none; }

/* 헤더 css ------------------------------------------ */
#header {
	width:100%;
	height : 6vw;
}
.clicklogo {
    float: left;
    display: block;
    text-align: center;
    padding: 10px;
    margin-top: 14px;
    margin-left: 12%;
    text-decoration: none; 
        }

/* 메뉴바 css ------------------------------------------ */
.menu-item{
	display: block;
	width: 55%;
	min-width : 700px;
	height: 70px;
	float: right;
	text-align: right;
	margin-top: 40px;
	margin-right: 14%;
}

/* hover 시 ::after의 content를 빈 문자열로 설정하여 숨깁니다 */
.menu-item a:hover::after {
    visibility: hidden;  
    
}
.menu-item a:hover::before {
    visibility: hidden;  
    
}
 .menu{
 	color : rgb(81, 81, 81);
 	font-weight: 300;
 	font-size : 18px;
 	text-align: right;
 	vertical-align: middle;
 	padding-top: 1px;
 	padding-left: 10px;
 	padding-bottom: 4px;
 	padding-right: 10px;
 }

 .menu:hover{
 	color: white;
 	background-color: #4A84FF;
 	border-radius: 8px;
 }
 
  .menu-item a:last-child:hover {
 	color: white;
 	background-color: 4A84FF;
 	border-radius: 8px;
 	padding-right: 10px;
}

/* 푸터 footer css----------------------------------------- */        
		.footer_color{ 
			background-color: #D4D4D4;   
			height: 10rem;
		}
		
		.footer-box{
			/* position: absolute; */
			height: 240px;
			width: 100%;
			/* transform: translate( 0%, 0%); */
			/* bottom: 0; */
			margin-right: -1px;
		}
		
		.footer-txt{
           display: flex;
           font-size: 14px;
           padding : 40px 20px 40px 20px;
           line-height: 120%;
           
		}
		
		.footer-txt h2 { 
			/* font-size: 1vw; */
			font: bold;
		}
		
		.footer-img{
			float : left;
			/*text-align: center;*/
			margin-top: 50px; 
			margin-left: 15%; 
			margin-right: 5%;
			padding: 1rem;
			
		}

/* 스크롤바 css ------------------------------------------*/   
     
        ::-webkit-scrollbar{
        	width: 15px;
        }
        ::-webkit-scrollbar-thumb{
        	height: 300px;
        	background-color: rgba(170, 204, 255, 0.5);
        	border-radius: 35px;
        }

/*----------------- 아직 구성 못한 화면 ------------------------ */        
        .yet{
	        width: 100%;
	        height: 370px;
	        color: #4A84FF; 
	        font-size: 30px;
	        font-weight: bold;
	        margin-top: 20%;
			text-align: center;
        }
               
/*par3 페이지 리스트 css -------------------------------------  */
		.page-list {
			text-align : center;
			line-height: 36px;
			
		}
		.page-list span {
			padding : 5px 10px 5px 10px;
			cursor: pointer;
			border : 1px solid #4A84FF;
			color : black;
		}
		.page-list a {
			padding : 5px 10px 5px 10px;
			cursor: pointer;
			border : 1px solid transparent;
		}

		.page-list a:hover { 
			background-color: rgba(170, 204, 255, 0.5);
			color : black;
			
		}