*{
  box-sizing : border-box;
}
body {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  overflow-y: scroll;
}
body::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.container{
  max-width: 45vw; 
  margin-bottom : 40px;
}
h4{
  font-weight: 700; text-align : center; font-size: 32px;
}
h5{
  font-weight: 600;
}
h5,h6,p{
  text-align : start;
}
.img{
  display : inline-block;
  width : 100%;
}
.img-container{
  margin : 0 auto;
}
.q1-img{
  width:250px;
}
.q2-img{
  width : 200px;
}
.q3-img{
  width : 200px;
}
.q4-img1{
  width : 300px;
}
.q4-container{
  display : flex;
  justify-content: space-between ;
  width : 320px;
  margin : 0 auto;
}
.q4-container-left{
  padding-right : 10px;
}
.q4-container-right{
  padding-left : 10px;
}
.q4-container-left > h6 , .q4-container-right >h6{
  text-align: center;
  font-weight: 600;
}
.q4-img2{
  width : 150px;
}
.q4-img3{
  width : 150px;
}
.q5{

}
.q5 img{
  display : block;
  width : 200px;
}
.q5-container{
  width : 320px;
  margin : 0 auto;
}
.q5-img1 > p, .q5-img2>p {
  text-align: center;
}
.q5-img1, .q5-img2{
  width : 130px;
}
.q5-img1 > .img, .q5-img2 > .img{
  width : 75px;
  height : 75px;
}
.q6-img{
  width : 200px;
}
a:hover, a:link, a:visited{
  text-decoration: none;
  color : #0c43b7;
}

/* 반응형 */

@media screen and (min-width: 320px){
  .container {
      max-width: 100vw;
  }
  .q4-container{
    width: 300px;
    justify-content: center;
  }
  .q4-img2 {
    width: 130px;
  }
  .q4-img3 {
    width: 130px;
  }
  .q5-container {
    width: 250px;
  }

}
@media (min-width: 768px){
  .container {
      max-width: 80vw;
  }
}
@media (min-width: 1024px){
  .container {
      max-width: 45vw;
  }
}
/* PC */
@media (min-width: 1200px){
  .container {
    max-width: 45vw;
  }
  .q4-container{
    width : 400px;
  }
  .q4-container-left{
    padding-right : 20px;
  }
  .q4-container-right{
    padding-left : 20px;
  }
  .q4-img2{
    width : 200px;
  }
  .q4-img3{
    width : 200px;
  }
}