/*!
 * Start Bootstrap - Shop Homepage (https://startbootstrap.com/templates/shop-homepage)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-shop-homepage/blob/master/LICENSE)
 */
 
 @font-face {
  font-family: NotoSansKR; /* 사용할 폰트의 이름 */
  src: url('NotoSans-Regular.woff2') format('woff2'); /* 폰트 파일의 경로와 형식 */
}

body {
  font-family: NotoSansKR, sans-serif; /* 사용할 폰트를 지정 */
  padding-top: 56px;
}

a {
	text-decoration: none;
	color: black;
}
a.card:hover{
	text-decoration: none;
	color: black;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

.list-group-item {
	color: white !important;
    background-color: #F56E6E;
    border: 1.5px solid white !important;
	padding: 0.3rem 1.6rem;
	border-radius: 0px !important;		
}

.list-group-item:hover{
	background-color: #F58282;
	text-decoration: none;
	color: white !important;
}
h4{
	font-size: 1.3rem;
	font-weight: bold;
}
h4.card-title {
    min-height: 50px;
}
img.card-img-top{
	margin: auto;
}
h1{
	font-size: 2.0rem;
	font-weight: bold;
}

.list-group{
  display: flex;
  flex-wrap: wrap;
  flex-direction: unset;
}

div.contents{
	display: flex;
	flex-direction: column;
}
div.contents ul{

}
div.cool{
	background: #eee;
	padding: 15px;
	margin: 15px 0px;
}
.benefits {
    flex: 1;
    margin: 10px 0px;
    border: solid 3px #eee;
    padding: 10px 15px;
	background: #FFDFDC;
}
.notice {
    flex: 1;
    margin: 10px 0px;
    border: solid 3px #eee;
    padding: 10px 15px;;
	background: #FFEBF0;
}

@media (max-width: 512px) {

  a{
	  text-align:center !important;
  }
  a img{
	  width: 50% !important;
  }
  .list-group{
	  display: flex;

  }
}