/* 경로 */
.sub_cate{padding-left:4%;}

/* 핵심 가치 (왼쪽) */
.about_val .mis-wrap .box {display: flex; margin:2% 0 7%}
.about_val .mis-wrap .box .mis_bottom {width:10.8%; padding:50px 38px 50px 0}

/* 핵심 가치 (오른쪽) */
.about_val .mis-wrap .box .right {width:87%; margin-top:0.9%}
.about_val .mis-wrap .box .right ul {display: flex; justify-content: space-between; align-items: center;}
.about_val .mis-wrap .box .right ul li {width:20.7%; padding:6.5% 0 7%; border-radius: 10vw; background:#F9F9F9; text-align: center;}

.about_val .mis-wrap .box .right ul li h3 {font-size:min(24px,1.2vw); font-weight:bold; margin:13% 0 7%}
.about_val .mis-wrap .box .right ul li span {font-size:min(14px,0.8vw); line-height: 1.6;}

@media screen and (max-width:1500px){
    .about_val .mis-wrap .box .right ul li {width:22%;}
}

@media screen and (max-width:1000px){
    .mis-wrap{padding:0 50px;}
    .mis-wrap .mis_bottom {padding:20px 6% !important}
    .mis-wrap .mis_bottom p{float: none;}
    .mis-wrap .mis_bottom span {margin-left: 0; margin-top: 25px !important; color: #666; font-size: 15px;}
    
    .header h1{left: 50px;}
    .sub_cate{padding-left:50px;}

    .about_val .mis-wrap .box {flex-direction: column;}
    .about_val .mis-wrap .box .right {margin-top:2%; padding:0 6%}
    .about_val .mis-wrap .box .right ul li {width:23%;}
    .about_val .mis-wrap .box .right ul li span {line-height:normal; font-size:min(15px,1.1vw)}
}

@media screen and (max-width:800px){
    .about_val .mis-wrap .box .right ul {flex-wrap: wrap; justify-content: space-around;}
    .about_val .mis-wrap .box .right ul li {width:40%; margin-bottom:10%; border-radius: 35vw; padding:14.5% 0 15%}
    .about_val .mis-wrap .box .right ul li img {width:auto !important; height:15vw}
    .about_val .mis-wrap .box .right ul li h3 {font-size:15px}
    .about_val .mis-wrap .box .right ul li span {font-size:11px}
}

@media screen and (max-width:600px){
    .about_val .mis-wrap .box .right ul li {width:44%;margin-bottom:5%;}
}

@media screen and (max-width:500px){
    .sub_cate{padding-left:0 20px;}
    .about_val .mis-wrap .box .right ul {flex-wrap: nowrap; justify-content: space-around; flex-direction: column;}
    .about_val .mis-wrap .box .right ul li {width:80%; margin-bottom:13%; border-radius: 35vw; padding:28.5% 0 29%}
    .about_val .mis-wrap .box .right ul li img {height:30vw}
    .about_val .mis-wrap .box .right ul li h3 {font-size:max(18px,5.2vw)}
    .about_val .mis-wrap .box .right ul li span {font-size:max(11px,3.2vw)}
}