@charset "utf-8";

/* =========================== PAGE */
.pagecommon{position:relative;padding-bottom:100px;font-size:15px;line-height:1.5;color:#777}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}

#sub7 .tit{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:180px}
#sub7 .tit .l_cont{overflow:hidden;border-radius:20px}
#sub7 .tit .r_cont{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:70px;border-radius:20px;background:#f2f2f2}
#sub7 .tit .r_cont span{display:block;font-size:35px;font-weight:700;color:#000;text-align:right;opacity:.1}
#sub7 .tit .r_cont p{font-weight:500;color:#111}
#sub7 .tit .r_cont h2{font-size:35px;font-weight:700;font-family: 'Pretendard';color:#000}
#sub7 .tit .r_cont div{margin-top:20px}

#sub7 .cont h3{margin-bottom:30px;font-size:22px;font-weight:700;color:#111;text-align: center}
#sub7 .cont dt{font-size:26px;font-weight:700;color:#111}
#sub7 .cont>div+div{margin-top:150px}

#sub7 .box1 ul{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
#sub7 .box1 li{display:flex;align-items:center;gap:30px}
#sub7 .box1 li div{display:flex;;align-items:center;justify-content:center;width:120px;height:120px;border-radius:100px;background:#e6f4f3}

#sub7 .box2 .num_box{display:flex;gap:20px;margin-top:50px}
#sub7 .box2 .num_box ul{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:70%}
#sub7 .box2 .num_box li{padding:40px;border-radius:20px;background:#f2f2f2}
#sub7 .box2 dl{display:flex;flex-direction:column;justify-content:space-between;height:100%}
#sub7 .box2 dt span{display:block;font-size:13px;font-weight:normal;color:#aaa}
#sub7 .box2 dd{font-size:18px;font-weight:700;color:#111;text-align:right;line-height:1}
#sub7 .box2 dd span{font-size:50px;font-weight:700;color:#111}
#sub7 .box2 a{display:flex;justify-content:flex-end;align-items:flex-end;width:30%;height:520px;padding:50px;border-radius:20px;font-size:30px;font-weight:700;line-height:1.3;color:rgba(255,255,255,.2);text-align:right;background:#003871 url(/images/sub/sub7_icon05.png?v=acb50ba72916e0780f402912c405081d) no-repeat -40px -30px}

@media(hover:hover){
#sub7 .box2 a:hover{color:#fff}
}
@media(max-width:1024px){
.pagecommon{padding:0 15px}
#sub7 .cont>div+div{margin-top:80px}
#sub7 .tit .l_cont img{width:100%;height: 100%}
}
@media(max-width:768px){
.pagecommon .pl{white-space:normal}
#sub7 .tit{display:block;margin-bottom:100px}
#sub7 .tit .l_cont{height:270px}
#sub7 .tit .r_cont{padding:45px}
#sub7 .tit .r_cont h2{font-size:30px}
#sub7 .cont h3{margin-bottom:20px;font-size:20px}
#sub7 .cont dt{font-size:16px}
#sub7 .box1 li{display:block;padding:30px;border:1px solid #e1e1e1;border-radius:20px;text-align:center}
#sub7 .box1 div{margin:0 auto}
#sub7 .box1 dl{margin-top:10px}
#sub7 .box2 .num_box{display:block}
#sub7 .box2 .num_box ul{width:100%;margin-bottom:20px}
#sub7 .box2 dd span{font-size:35px}
#sub7 .box2 a{width:100%;height:auto;font-size:25px;background-size:25%;background-position:30px center}
#sub7 .box2 a p{white-space:pre-line}
}
@media(max-width:480px){
.pagecommon{font-size:14px}
#sub7 .tit .r_cont{padding:30px}
#sub7 .tit .r_cont h2{font-size:25px}
#sub7 .box2 .num_box ul{display:block}
#sub7 .box2 .num_box li{padding:30px}
#sub7 .box2 .num_box li+li{margin-top:20px}
#sub7 .box2 dd{margin-top:20px}
#sub7 .box2 dd span{font-size:30px}
#sh_content .cont {padding: 0 !important }
}
@media(max-width:390px){
#sub7 .tit{margin-bottom:50px}
#sub7 .tit .r_cont span{font-size:35px}
#sub7 .tit .r_cont h2{font-size:22px}
#sub7 .box1 ul{display:block}
#sub7 .box1 ul li+li{margin-top:10px}
#sub7 .box2 .num_box li+li{margin-top:10px}
#sh_content .cont {padding: 0 !important }
}