@charset "utf-8";

/* =========================== PAGE */
#about1022{position:relative;padding:150px 0;font-size:15px;line-height:1.5;color:#777;font-family:var(--k-font)}
#about1022 .inner{max-width:var(--mainsize);margin:0 auto;}
#about1022 *{word-break:keep-all}

#about1022 video{width:100%;height:100%;object-fit:cover;object-position:center}
#about1022 .vd_box{overflow:hidden;height:640px}
#about1022 .tit{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px}
#about1022 .tit p{font-size:20px;font-weight:500;color:#111}
#about1022 h1{font-size:70px;font-weight:700;color:#111;line-height:1;font-family:var(--e-font)}
#about1022 .cont{margin-top:150px}
#about1022 .cont h2{font-size:40px;font-weight:700;color:#111}
#about1022 .tabs li{font-size:15px;font-weight:500;color:#111;cursor:pointer;opacity:.3;transition:all .3s}
#about1022 .tabs li.on{padding-left:30px;border-left:4px solid #111;opacity:1}
#about1022 .tabs li p{font-size:25px;font-weight:700}
#about1022 .tab_page{display:flex;justify-content:space-between;margin-top:150px}
#about1022 .tabs li+li{margin-top:40px}
#about1022 .tab_cont{display:none}
#about1022 .tab_cont img{display:block;margin:20px 0;border-radius:13px}
#about1022 .tab_cont div{margin:30px 0;padding:25px;border-radius:13px;background:#f5f5f5}
#about1022 .tab_cont div p{margin-bottom:10px;font-size:15px;font-weight:700;color:#111;text-transform:uppercase}
#about1022 .tab_cont div li{position:relative;padding-left:15px;color:#111;line-height:1.8}
#about1022 .tab_cont div li:after{position:absolute;content:'';top:10px;left:0;width:3px;height:3px;border-radius:10px;background:#111}
#about1022 .tab_cont a{display:inline-block;padding:13px 30px;border-radius:50px;font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;background:#111;font-family:var(--e-font)}
#about1022 .box_area{width:55%}

@media(max-width:1440px){
#about1022 h1{font-size:60px}
#about1022 .tit p{font-size:18px}
#about1022 .cont h2{font-size:35px}
#about1022 .tabs li p{font-size:22px}
#about1022 .tab_cont img{width:100%}
}
@media(max-width:1024px){
#about1022{padding:100px 0}
#about1022 .inner{padding:0 15px}
#about1022 h1{font-size:50px}
#about1022 .tit{flex-direction:column;align-items:center;gap:20px}
#about1022 .vd_box{height:400px}
#about1022 .cont{margin-top:100px}
#about1022 .cont h2{font-size:30px;text-align:center}
#about1022 .tab_page{margin-top:100px}
}
@media(max-width:768px){
#about1022{font-size:14px}
#about1022 .tab_page{flex-direction:column}
#about1022 .box_area{width:100%;margin-top:50px}
#about1022 .tabs{display:grid;grid-template-columns:repeat(3,1fr);}
#about1022 .tabs li{font-size:14px;text-align:center}
#about1022 .tabs li.on{padding-left:0;border-left:none}
#about1022 .tabs li+li{margin-top:0}
#about1022 .tabs li p{margin:10px 0 5px;font-size:16px;text-align:center}
#about1022 .tab_cont{text-align:center}
#about1022 .tab_cont div li{display:inline-block}
#about1022 .tab_page{margin-top:50px}
}
@media(max-width:480px){
#about1022{padding:70px 0}
#about1022 h1{font-size:30px}
#about1022 .tit{margin-bottom:30px}
#about1022 .tit p{font-size:15px;text-align:center}
#about1022 .vd_box{height:250px}
#about1022 .cont{margin-top:50px}
#about1022 .cont h2{font-size:20px}
#about1022 .tabs{display:block}
#about1022 .tabs li+li{margin-top:20px}
#about1022 .tab_page{margin-top:20px}
#about1022 .box_area{margin-top:30px}
}