@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

/* Tablet Device */
@media  (min-width:384px) and (max-width:400px) {
	.card__content{
   		 font-size: 12px !important;
	}
	
	.wcard__content{
	  font-size: 12px !important;
	}	
	
			
}

@media  (min-width:401px) and (max-width:499px) {
	.card__content{
   		 font-size: 13px !important;
	}
	
	.wcard__content{
	  font-size: 13px !important;
	}	
	
			
}

@media (min-width:381px) and (max-width:383px) {
	.card__content{
    	font-size: 12.5px !important;
	}
		
	.wcard__content{
	  font-size: 12.5px !important;
	}	
	

}
@media (min-width:360px) and (max-width:380px) {
	.card__content{
    	font-size: 11.2px !important;
	}
		
	.wcard__content{
	  font-size: 11.2px !important;
	}	
	

}

@media (min-width:320px) and (max-width:359px) {
	.card__content{
    	font-size: 11px !important;
	}
		
	.wcard__content{
	  font-size: 11px !important;
	}	
	

}

@media all and (max-width:319px) {
	.card__content{
		
   		 font-size: 10px !important;
	}
		
	.wcard__content{
	  	font-size: 10px !important;
	}	
	

}

/* Mobile Device */
/* 768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨. 미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다.*/
@media all and (max-width:500px) {
		.card__content{
		
    font-size: 15px ;
		}
	.wcard{
		height: 10% !important;
	}	
	.wcard__content{
	  font-size: 15px ;
	}
		.swiper-container {
	    width: 100%;
    height: 350px;
}
	.card__content{
	     width: 100%;
    height: 60px;
    /* margin: auto; */
    font-weight: bold;
    /* width: 100%; */
    display: flex;
    /* vertical-align: middle; */
    text-align: center;
    /* position: relative; */
    align-items: center;
    /* padding: 5px; */
    /* position: absolute; */
    /* margin: auto; */
    margin-top: 2px;
	}
	.card__name{
	    font-size: 0.7rem !important;
   		margin-top: 5px !important;
	}

	
	.card__image img{
	     width: 100%;
	    height: 100%;
/* 	    border-radius: 10%; */
	    /* object-fit: cover;*/
	}

	.card{
	      width: 41% !important ;
/* 	       height: 300px !important; */
	    background-color: #fff;
	    border-radius:10px;
	    box-shadow: 0 0 0.5em rgba(0, 0, 0, .2);
/* 	    padding: 1.5rem 1rem 1rem 1rem; */
	    display: flex;
	    align-items: center;
	    flex-direction: column;
        margin: 6px 8px 6px 8px; 
	
	}

	
	.card__title{
	  width: 100%;
    display: block;
    margin: auto;
    /* align-items: center; */
    /* font-weight: 500; */
    /* position: relative; */
    /* top: .2em; */
    text-align: center;

	}
    .contactus__title{
	     font-size: 1.1rem;
    font-weight: 500;
    position: relative;
    top: 0.6em;
    text-align: center;
	}
	
	.wcard{
	      width: 43% !important ;
	    background-color: #fff;
	    border-radius:10px;
	    box-shadow: 0 0 0.5em rgba(0, 0, 0, .2);
/* 	    padding: 1.5rem 1rem 1rem 1rem; */
	    display: flex;
	    align-items: center;
	    flex-direction: column;
        margin: 6px 8px 6px 8px; 
	
	}
	.wcard__title{
	  width: 100%;
    display: block;
    margin: auto;
    /* align-items: center; */
    /* font-weight: 500; */
    /* position: relative; */
    /* top: .2em; */
    text-align: center;

	}
	.wcard__image img{
	     width: 100%;
	    height: 100%;
/* 	    border-radius: 10%; */
	    /* object-fit: cover;*/
	}
	.wcard__content{
	     width: 100%;
    height: 60px;
    /* margin: auto; */
    font-weight: bold;
    /* width: 100%; */
    display: flex;
    /* vertical-align: middle; */
    text-align: center;
    /* position: relative; */
    align-items: center;
    /* padding: 5px; */
    /* position: absolute; */
    /* margin: auto; */
    margin-top: 2px;
	}
}



/* All Device */
/* 모든 해상도를 위한 공통 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨.*/


/* Tablet Device */
@media all and (min-width:501px) and (max-width:1024px) {
     /*  사용자 해상도가 768px 이상이고 1024px 이하일 때 이 코드가 실행됨. 아이패드 또는 비교적 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드를 작성한다.*/ 
	.swiper-container {
	    width: 100%;
    	height: 400px;
	}
		
	.card__content{
	     width: 100%;
    height: 60px;
    font-size: 16px;
    /* margin: auto; */
    font-weight: bold;
    /* width: 100%; */
    display: flex;
    /* vertical-align: middle; */
    text-align: center;
    /* position: relative; */
    align-items: center;
    /* padding: 5px; */
    /* position: absolute; */
    /* margin: auto; */
    margin-top: 2px;
	}
	.card__name{
	    font-size: 0.7rem !important;
   		margin-top: 5px !important;
	}
	
	
	.card__image img{
	     width: 100%;
	    height: 100%;
/* 	    border-radius: 10%; */
	    /* object-fit: cover;*/
	}

	.card{
	      width: 41% !important ;
/* 	       height: 340px !important; */
	    background-color: #fff;
	    border-radius:10px;
	    box-shadow: 0 0 0.5em rgba(0, 0, 0, .2);
/* 	    padding: 1.5rem 1rem 1rem 1rem; */
	    display: flex;
	    align-items: center;
	    flex-direction: column;
        margin:10px; 
	
	}

	
	.card__title{
	  width: 100%;
    display: block;
    margin: auto;
    /* align-items: center; */
    /* font-weight: 500; */
    /* position: relative; */
    /* top: .2em; */
    text-align: center;

	}
    .contactus__title{
	     font-size: 1.1rem;
    font-weight: 500;
    position: relative;
    top: 0.6em;
    text-align: center;
	}
	
	.wcard__image img{
	     width: 100%;
	    height: 100%;
/* 	    border-radius: 10%; */
	    /* object-fit: cover;*/
	}
	
	
	.wcard{
	      width: 43% !important ;
	   height: 10% !important;
	    background-color: #fff;
	    border-radius:10px;
	    box-shadow: 0 0 0.5em rgba(0, 0, 0, .2);
/* 	    padding: 1.5rem 1rem 1rem 1rem; */
	    display: flex;
	    align-items: center;
	    flex-direction: column;
       margin:9px; 
	
	}
	
	.wcard__content{
	     width: 100%;
    height: 50px;
    font-size: 16px;
    /* margin: auto; */
    font-weight: bold;
    /* width: 100%; */
    display: flex;
    /* vertical-align: middle; */
    text-align: center;
    /* position: relative; */
    align-items: center;
    /* padding: 5px; */
    /* position: absolute; */
    /* margin: auto; */
    margin-top: 2px;
	}
	
	
	.wcard__title{
	  width: 100%;
    display: block;
    margin: auto;
    /* align-items: center; */
    /* font-weight: 500; */
    /* position: relative; */
    /* top: .2em; */
    text-align: center;

	}
}

/* Desktop Device */
@media all and (min-width:1025px) {
     /*  사용자 해상도가 1025px 이상일 때 이 코드가 실행됨. 1025px 이상의 랩탑 또는 데스크톱에 대응하는 코드를 작성한다.*/ 

	
		.swiper-container {
	    width: 100%;
    	height: 400px;
	}
		
	.card__content{
	     width: 100%;
    height: 80px;
    font-size: 17px;
    /* margin: auto; */
    font-weight: bold;
    /* width: 100%; */
    display: flex;
    /* vertical-align: middle; */
    text-align: center;
    /* position: relative; */
    align-items: center;
    /* padding: 5px; */
    /* position: absolute; */
    /* margin: auto; */
    margin-top: 2px;
	}
	.card__name{
	    font-size: 0.7rem !important;
   		margin-top: 5px !important;
	}
	
	
	.card__image img{
	     width: 100%;
	    height: 100%;
/* 	    border-radius: 10%; */
	    /* object-fit: cover;*/
	}

	.card{
	      width: 41% !important ;
/* 	       height: 340px !important; */
	    background-color: #fff;
	    border-radius:10px;
	    box-shadow: 0 0 0.5em rgba(0, 0, 0, .2);
/* 	    padding: 1.5rem 1rem 1rem 1rem; */
	    display: flex;
	    align-items: center;
	    flex-direction: column;
        margin: 11px; 
	
	}

	
	.card__title{
	  width: 100%;
    display: block;
    margin: auto;
    /* align-items: center; */
    /* font-weight: 500; */
    /* position: relative; */
    /* top: .2em; */
    text-align: center;

	}
    .contactus__title{
	     font-size: 1.1rem;
    font-weight: 500;
    position: relative;
    top: 0.6em;
    text-align: center;
	}
	
	.wcard__image img{
	     width: 100%;
	    height: 100%;
/* 	    border-radius: 10%; */
	    /* object-fit: cover;*/
	}
	.wcard{
	      width: 43% !important ;
	       height: 340px !important;
	    background-color: #fff;
	    border-radius:10px;
	    box-shadow: 0 0 0.5em rgba(0, 0, 0, .2);
/* 	    padding: 1.5rem 1rem 1rem 1rem; */
	    display: flex;
	    align-items: center;
	    flex-direction: column;
        margin: 20px; 
	
	}
	
	.wcard__content{
	     width: 100%;
    height: 80px;
    font-size: 17px;
    /* margin: auto; */
    font-weight: bold;
    /* width: 100%; */
    display: flex;
    /* vertical-align: middle; */
    text-align: center;
    /* position: relative; */
    align-items: center;
    /* padding: 5px; */
    /* position: absolute; */
    /* margin: auto; */
    margin-top: 2px;
	}
	
	
	.wcard__title{
	  width: 100%;
    display: block;
    margin: auto;
    /* align-items: center; */
    /* font-weight: 500; */
    /* position: relative; */
    /* top: .2em; */
    text-align: center;
	}
	
}


.card__name{
  color: var(--color);
}
/* ----------- SLIDER ------------ */
.swiper{
  width: 100%;
}


.card__content{
  display: flex;
  align-items: center;
  flex-direction: column;
}

.book_comming{
	color: rgba(192, 192, 192) !important;
}

.card__btn{
  background-color: var(--color);
  color: #d08b8b;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  padding: .5em;
  border-radius: .5em;
  margin-top: .5em;
  cursor: pointer;
}

.swiper-wrapper {
    height: 290px !important;
        margin-left: 15px;
}

.swiper-slide {
	display: inline-block !important;
	text-align:center;
	display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */
	align-items:center; /* 위아래 기준 중앙정렬 */
	justify-content:center; /* 좌우 기준 중앙정렬 */
}
.swiper-slide img {
	box-shadow:0 0 5px #555;
}