@charset "utf-8";

#vision1012{position:relative;overflow:hidden;text-align:center;font-size:15px;color:#fff;line-height:1.5;text-align:center;background:#111}
#vision1012 *{word-break:keep-all}

#vision1012 .full_img{position:relative;overflow:hidden;height:100vh}
#vision1012 .full_img .bg:after{position:absolute;content:'';top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5)}
#vision1012 .full_img .bg{position:absolute;top:50%;left:50%;width:100%;height:100%;background-image:url('../img/sub/vision1012_bg.jpg');background-size:cover;background-position:center;clip-path:inset(30% 30% 30% 30%);z-index:0;transition:all .3s;transform:translate(-50%, -50%)}
#vision1012 .full_img p{font-size:90px;line-height:1;font-family:var(--e-font)}
#vision1012 .full_img p span{font-size:100px;font-family:var(--p-font)}
#vision1012 .b_txt{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%, -50%)}
#vision1012 .b_txt .top_txt{transform:translateX(-300px)}
#vision1012 .b_txt .btm_txt{transform:translateX(300px)}
#vision1012 .cont .txt{margin-top:200px;font-size:20px;font-weight:700;white-space:pre-line}
#vision1012 .keyword{margin:200px 0}
#vision1012 .keyword dl{opacity:0;transform:translateY(30px);transition:all .3s}
#vision1012 .keyword dl+dl{margin-top:200px}
#vision1012 .keyword dt{margin-bottom:20px;font-size:60px;font-family:var(--p-font)}
#vision1012 .keyword dd{font-weight:500}
#vision1012 .slg{padding:150px 0;font-size:60px;color:#111;background:#f4f0ee;font-family:var(--e-font)}
#vision1012 .slg .dif{font-size:70px;color:#de5126;font-family:var(--p-font)}
#vision1012 .slg>*{overflow:hidden;height:95px}
#vision1012 .slg p{transform:translateY(80px);transition:all .7s}


/* 반응형 [s] */
@media (max-width:1024px){
#vision1012 .b_txt{width:100%}
#vision1012 .b_txt .top_txt{transform:translateX(-200px)}
#vision1012 .b_txt .btm_txt{transform:translateX(200px)}
#vision1012 .full_img p{font-size:50px}
#vision1012 .full_img p span{font-size:65px}
#vision1012 .cont .txt{margin-top:130px;font-size:18px}
#vision1012 .keyword dl+dl{margin-top:150px}
#vision1012 .keyword dt{margin-bottom:0;font-size:50px}
#vision1012 .slg{padding:100px 0;font-size:50px}
#vision1012 .slg>*{height:85px}
#vision1012 .slg .dif{font-size:60px}
}
@media (max-width:768px){
#vision1012 .b_txt .top_txt{transform:translateX(-100px)}
#vision1012 .b_txt .btm_txt{transform:translateX(100px)}
#vision1012 .cont .txt{padding:0 15px;font-size:16px;white-space:normal}
#vision1012 .keyword{margin:100px 0 200px}
#vision1012 .keyword dt{font-size:40px}
#vision1012 .slg{padding:60px 0;font-size:40px}
#vision1012 .slg>*{height:65px}
#vision1012 .slg .dif{font-size:50px}
}
@media (max-width:480px){
#vision1012{font-size:14px}
#vision1012 .full_img p{font-size:40px}
#vision1012 .full_img p span{font-size:50px}
#vision1012 .cont .txt{margin-top:80px;font-size:15px}
#vision1012 .keyword{margin:100px 0}
#vision1012 .keyword dl+dl{margin-top:100px}
#vision1012 .keyword dt{font-size:30px}
#vision1012 .slg{font-size:30px}
#vision1012 .slg>*{height:45px}
#vision1012 .slg .dif{font-size:35px}
}
@media (max-width:390px){
#vision1012 .keyword dt{font-size:25px}
#vision1012 .slg{padding:45px 0;font-size:20px}
#vision1012 .slg>*{height:40px}
#vision1012 .slg .dif{font-size:25px}
}
/* 반응형 [e] */