@charset "utf-8";

/* =========================== PAGE */
.pagecommon{font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#666}
.pagecommon *{word-break:keep-all}

/* 인사말 */
#about1002 .top_tit{text-align:center}
#about1002 .eng_tit{margin-bottom:16px;font-weight:700;letter-spacing:0;color:#ef264d;font-family:'Poppins'}
#about1002 .big_txt{margin-bottom:24px;font-size:35px;line-height:45px;white-space:pre-line;font-weight:300;color:#222}
#about1002 .big_txt span{font-weight:700}
#about1002 .top_tit .mid_txt{display:inline-block;position:relative;z-index:1;font-size:23px;color:#333}
#about1002 .top_tit .mid_txt:before{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);content:'';z-index:-1;width:calc(100% + 30px);height:25px;background:#fde9ed}
#about1002 .gr_box{display:flex;position:relative;z-index:1;margin-top:65px}
#about1002 .gr_box:before{position:absolute;right:0;bottom:0;content:'';z-index:-1;width:calc(100% - 50px);height:calc(100% - 50px);background:#f5f5f5}
#about1002 .gr_box .l_box{width:350px;height:440px;box-shadow:3px 5px 20px -2px rgb(0 0 0 / 15%);background:url('../img/sub/about1002_img.jpg') no-repeat center;background-size:cover}
#about1002 .gr_box .r_box{width:calc(100% - 350px);padding:104px 60px 54px}
#about1002 .gr_box .r_box .gr_txt span{text-decoration:underline;font-weight:500;color:#333}
#about1002 .gr_box .r_box .sign{margin-top:38px;text-align:right}
#about1002 .gr_box .r_box .sign span{color:#333;font-weight:500}
#about1002 .vision_box{padding-top:63px;text-align:center}
#about1002 .vision_box .eng_tit{margin-bottom:15px}
#about1002 .vision_box .vision_list{display:flex;margin-top:46px}
#about1002 .vision_box .vision_list li{width:calc(100%/3)}
#about1002 .vision_box .vision_list li .num{font-size:80px;font-weight:700;line-height:1;letter-spacing:0;color:#f5f5f5;font-family:'Poppins'}
#about1002 .vision_box .vision_list li .icon{margin:-30px 0 18px}
#about1002 .vision_box .vision_list li .txt{white-space:pre-line}
#about1002 .vision_box .vision_list li .txt span{display:block;margin-bottom:18px;font-weight:500;color:#333}

@media(max-width:1024px){
#about1002 .eng_tit{font-size:13px}
#about1002 .big_txt{font-size:30px;line-height:40px}
#about1002 .gr_box:before{width:calc(100% - 30px);height:calc(100% - 30px)}
#about1002 .gr_box .l_box{width:30%;height:410px}
#about1002 .gr_box .r_box{width:70%;padding:84px 40px 54px}
#about1002 .vision_box .vision_list{justify-content:space-between}
#about1002 .vision_box .vision_list li{width:calc(100%/3 - 20px)}
#about1002 .vision_box .vision_list li .txt{white-space:normal}
}
@media(max-width:768px){
#about1002 .big_txt{font-size:25px;line-height:35px}
#about1002 .top_tit .mid_txt{font-size:18px}
#about1002 .top_tit .mid_txt:before{height:21px}
#about1002 .gr_box{display:block;margin-top:55px}
#about1002 .gr_box:before{left:50%;right:auto;transform:translateX(-50%)}
#about1002 .gr_box .l_box{width:calc(100% - 60px);height:225px;margin:0 auto}
#about1002 .gr_box .r_box{width:calc(100% - 30px);margin:0 auto;padding:50px 30px}
#about1002 .vision_box{padding-top:55px}
#about1002 .vision_box .vision_list{display:block}
#about1002 .vision_box .vision_list li{width:100%;padding:30px 0}
#about1002 .vision_box .vision_list li+li{border-top:1px solid #e1e1e1}
#about1002 .vision_box .vision_list li:first-child{padding-top:0}
#about1002 .vision_box .vision_list li:last-child{padding-bottom:0}
#about1002 .vision_box .vision_list li .num{font-size:60px}
#about1002 .vision_box .vision_list li .txt{white-space:pre-line}
}
@media(max-width:480px){
.pagecommon{font-size:14px}
#about1002{padding:0 15px}
#about1002 .big_txt{font-size:23px;line-height:33px}
#about1002 .top_tit .mid_txt{font-size:15px}
#about1002 .gr_box{display:block;margin-top:45px}
#about1002 .gr_box:before{width:100%}
#about1002 .gr_box .l_box{width:calc(100% - 30px);height:170px}
#about1002 .gr_box .r_box{width:100%;padding:50px 25px}
#about1002 .vision_box{padding-top:45px}
#about1002 .vision_box .vision_list{margin-top:30px}
#about1002 .vision_box .vision_list li .txt span{margin-bottom:10px;font-size:15px}
}
@media(max-width:380px){
#about1002 .top_tit .mid_txt:before{display:none}
#about1002 .vision_box .vision_list li .icon img{height:65px}
}