.vision_page {
  margin:40px auto 0;
  display:block;
  text-align: center;
  padding-top:50px 10px;
}
.vision_page>.vision_logo {
  display:block;
}
.vision_page>.vision_logo>.vision_text {
  display:flex;
  justify-content: space-around;
  align-items: center;
}
.vision_page>.vision_logo>.vision_text>.vision_text_text {
  font-size:100px;
  color:rgba(108,108,108,0.2);
  font-family: 'notokr-regular',sans-serif;
  font-weight: lighter;
}
.vision_page>.vision_logo>.vision_text>div:nth-child(2){
  font-size:17px;
  line-height: 27px;
  font-weight:400;
}
.vision {
  padding-top:30px;
  width:370px;
  margin:0 auto;
}
.vision>div{
  margin-bottom: 70px;
}
.vision>div>p {
  font-size:20px;
  font-family: 'notokr-regular',sans-serif;
  font-weight: bold;
  color:#65A063;
}
.vision>div>div {
  display:block;
  width:45px;
  height:1px;
  background-color: #606060;
  margin:20px auto;
}
.vision>div>span{
  display:block;
  font-size:16px;
  font-family: 'notokr-regular',sans-serif;
}

.vision_circle{
  width:100%;
  display:flex;
  justify-content: space-between;
}
.vision_circle>div{
  width:215px;
  height: 215px;
  border-radius: 107.5px;
  box-sizing: border-box;
  box-shadow: 0px 4px 6px 0 rgba(0,0,0,0.3);
}
.vision_circle>div:nth-child(1){
  background-color: #569C89;
}
.vision_circle>div:nth-child(2){
  background-color: #56899C;
}
.vision_circle>div:nth-child(3){
  background-color: #566E9C;
}
.vision_circle>div:nth-child(4){
  background-color: #799C56;
}
.vision_circle>div>h5{
  font-size:18px;
  font-family: 'notokr-regular',sans-serif;
  color:#fff;
  padding-top:65px;
  letter-spacing:-1px;
}
.vision_circle>div>p {
  font-size:14px;
  font-family: 'notokr-regular',sans-serif;
  color:#F2F2F2;
  letter-spacing: -1px;
  padding-top:20px;
  line-height: 24px;
}
.vision_circle>div:nth-child(5){
  width:800px;
  height:40px;
  background-color:#E5E5E5;
  z-index: -1;
  border-radius:0;
  box-shadow: none;
  position:absolute;
  bottom:108px;
  left:10%;
}
.vision_icon{
  width:400px;
  margin: 0 auto;
}
.vision_icon>div:nth-child(1){
  margin-bottom: 20px;
}
.vision_icon>div:nth-child(2){
  width:375px;
  height: 45px;
  background-color: #FAFAFA;
  display:flex;
  justify-content: center;
  box-shadow: 0 1px 6px rgba(96,91,91,0.1);
}
.vision_icon>div:nth-child(2)>p {
  font-size:18px;
  color:#6C6C6C;
  font-family: 'notokr-regular',sans-serif;
  align-self: center;
}

@media(max-width:1024px){
  .vision{width:100%;}
  .vision_logo>div:nth-child(1)>img {width:120px;}
  .vision_page{padding-top:50px;}
  .visiotn_text_text{line-height: 120px;}
  .vision_page>.vision_logo>.vision_text>div:nth-child(2){font-size:14px;}
  .vision_circle {width:100%; height: 100%;}
  .vision_circle>div{margin-bottom:50px;}
  .vision_circle_line{display:none;}
  .vision_icon>div:nth-child(2){margin:0 auto;}
}
@media(max-width:991px){

}
@media(max-width:768px){
  .vision_page>.vision_logo>.vision_text>div:nth-child(2){line-height:24px;}
  .vision_page>.vision_logo>.vision_text>.vision_text_text{font-size:200px;}
  .vision_icon{width:100%;}
  .vision_icon>div:nth-child(2){width:100%;}
  .vision_circle{flex-wrap: wrap;align-items: center;}
  .vision_circle>div>h5{padding:0;}
  .vision_circle>div{width:48%;height:130px;padding:10px 0;border-radius: 10px;}

}
@media(max-width:559px){
  .vision_logo>div:nth-child(1)>img{margin-bottom:20px;}
  .vision_page>.vision_logo>.vision_text>.vision_text_text{display:none;}
  .vision_circle>div{width:100%;}
}