/*** 공통 ***/
.vision .vision-part {background:url(/images/intro/vision-logobg.png) no-repeat center top / 53%; padding-bottom:150px;}
.vision .vision-part .tit-space {text-align:center; color:#000;}
.vision .vision-part .tit-space h3 {font-size:60px; line-height:1.2;}
.vision .vision-part .tit-space p {margin-top:10px;}
.vision .slogan-list {display:grid; grid-template-columns:repeat(3,1fr); gap:50px; margin-top:100px;}
.vision .slogan-list li:nth-child(1) .img, .vision .slogan-list li:nth-child(1) .img p {background:var(--base1);}
.vision .slogan-list li:nth-child(2) .img, .vision .slogan-list li:nth-child(2) .img p {background:var(--base3);}
.vision .slogan-list li:nth-child(3) .img, .vision .slogan-list li:nth-child(3) .img p {background:var(--base2);}
.vision .slogan-list li .img {height:250px; border-radius:15px; overflow:hidden; position:relative;}
.vision .slogan-list li .img img {width:100%; mix-blend-mode:overlay; height:250px; object-fit:cover;}
.vision .slogan-list li .img p {position:absolute; width:100%; height:96px; bottom:-22px; text-align:center; font-size:96px; color:rgba(255,255,255,0.3); line-height:1; font-weight:700;}
.vision .slogan-list li .txt {margin-top:50px;}
.vision .slogan-list li .txt dt {font-weight:600; font-size:32px; color:#000; line-height:1.2;}
.vision .slogan-list li .txt dt small {font-size:18px;}
.vision .slogan-list li .txt dd {margin-top:30px;}
.vision .slogan-list li .txt dd p.bold {font-weight:600; color:#000; line-height:1.2;}
.vision .slogan-list li .txt dd p {color:#666; line-height:1.8;}
.vision .slogan-list li .txt dd p+p {margin-top:10px;}

.vision .pursuit-part {background:url(/images/intro/vision-part2bg.webp)no-repeat center / cover; padding:150px 0; color:#fff;}
.vision .pursuit-part h3 {font-size:64px; font-weight:600;}
.vision .pursuit-part h3 i {display:inline-block; width:59px; height:57px; background:url(/images/intro/i-pursuit.svg) no-repeat center / contain; margin-left:25px;}
.vision .pursuit-part p {font-size:20px; font-weight:600; margin-top:50px; line-height:1.8;}

/* ************************ 태블릿 이하(~1249) ************************ */
@media screen and (max-width: 1249px) { 
.vision .vision-part {padding:0 30px 100px;}
.vision .vision-part .tit-space h3 {font-size:50px;}
.vision .slogan-list {margin-top:60px; gap:40px;}
.vision .slogan-list li .img {height:220px;}
.vision .slogan-list li .img p {height:80px; bottom:-15px; font-size:80px;}
.vision .slogan-list li .txt {margin-top:40px;}
.vision .slogan-list li .txt dt {font-size:28px;}
.vision .slogan-list li .txt dd {margin-top:20px;}

.vision .pursuit-part {padding:100px 30px;}
.vision .pursuit-part h3 {font-size:54px;}
.vision .pursuit-part h3 i {width:45px; height:45px;}
.vision .pursuit-part p {font-size:18px; margin-top:30px;}
}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
.pc_991 {display:none;}
.vision .vision-part {padding-bottom:80px;}
.vision .vision-part .tit-space h3 {font-size:40px;}
.vision .slogan-list {margin-top:60px; gap:30px;}
.vision .slogan-list li .img {height:200px;}
.vision .slogan-list li .img p {height:60px; bottom:-10px; font-size:60px;}
.vision .slogan-list li .txt {margin-top:30px;}
.vision .slogan-list li .txt dt {font-size:26px;}
.vision .slogan-list li .txt dd {}

.vision .pursuit-part {padding:80px 30px;}
.vision .pursuit-part h3 {font-size:40px;}
.vision .pursuit-part h3 i {width:35px; height:35px;}
.vision .pursuit-part p {font-size:16px; margin-top:25px;}
}

/* ************************ 태블릿 이하(~767) ************************ */
@media screen and (max-width: 767px) { 
.pc_767 {display:none;}
.vision .vision-part {padding:0 20px 60px;}
.vision .vision-part .tit-space h3 {font-size:30px;}
.vision .slogan-list {margin-top:40px; grid-template-columns:1fr;}
.vision .slogan-list li {display:grid; grid-template-columns:200px auto; gap:30px;}
.vision .slogan-list li .img {height:180px;}
.vision .slogan-list li .img p {height:50px; bottom:-10px; font-size:50px;}
.vision .slogan-list li .txt {margin-top:0; padding-top:10px;}
.vision .slogan-list li .txt dt {font-size:24px;}
.vision .slogan-list li .txt dt small {font-size:15px;}
.vision .slogan-list li .txt dd {margin-top:15px;}
.vision .slogan-list li .txt dd p {line-height:1.6;}

.vision .pursuit-part {padding:60px 20px; position:relative;}
.vision .pursuit-part:before {content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0;}
.vision .pursuit-part .inner {position:relative; z-index:2;}
.vision .pursuit-part h3 {font-size:30px;}
.vision .pursuit-part h3 i {width:25px; height:25px; margin-left:15px;}
.vision .pursuit-part p {margin-top:20px;}
}

/* ************************ 태블릿 이하(~500) ************************ */
@media screen and (max-width: 500px) { 
.pc_500 {display:none;}
.vision .vision-part {padding-bottom:50px;}
.vision .vision-part .tit-space h3 {font-size:26px;}
.vision .slogan-list {margin-top:40px; gap:40px;}
.vision .slogan-list li {grid-template-columns:1fr; gap:10px;}
.vision .slogan-list li .txt dt {font-size:22px;}

.vision .pursuit-part h3 {font-size:26px;}
.vision .pursuit-part h3 i {transform:translateY(2px);}
}