@charset "utf-8";
/* 공통 */
:root{--primary:#4ed3de;--dark:#333d4b;--mainsize:1100px;--k-font:'pretendard'}

.m-title{margin-top: 110px;font-weight: 600;line-height: 1.6;color:#41495e;text-align: center}
#sh_sub16{position:relative;min-height:440px;color:#777}

/* =========================== PAGE */
.pagecommon{position:relative;font-size:15px;;line-height:1.3;color:var(--dark)}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}
.pagecommon .inner{max-width:var(--mainsize);margin:0 auto}

#sh_sub16 .tit{text-align:center}
#sh_sub16 .tit h1{margin-bottom:50px;font-size:48px;font-weight:700}
#sh_sub16 .tit div{font-size:20px}

#sh_sub16 .bnr{width:50%;height:610px;margin:100px auto;border-radius:50px;font-size:35px;font-weight:700;color:#fff}
#sh_sub16 .bnr ul{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;height:100%;text-align:center}
#sh_sub16 .bnr li{position:relative}
#sh_sub16 .bnr li~li:before{position:absolute;content:'';top:50%;left:0;width:10px;height:10px;border-radius:50px;background:#fff}

#sh_sub16 .bsn li{display:flex;justify-content:space-between;margin-bottom: 200px}
#sh_sub16 .bsn li~li{position:relative;margin-top:150px}
#sh_sub16 .bsn .txt{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}
#sh_sub16 .bsn .txt span{display:inline-block;padding:10px 30px;border:1px solid #e1e1e1;border-radius:50px;font-size:20px;font-weight:700}
#sh_sub16 .bsn h2{font-size:34px;font-weight:700;color: #182a3a}
#sh_sub16 .bsn a{position:relative;display:block;width:550px;height:430px;border-radius:50px;background-size:cover}
#sh_sub16 .bsn a div{position:absolute;right:0;bottom:0;width:92px;height:92px}
#sh_sub16 .bsn a div span{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50px;color:#fff;background:#111;transition:all .3s}
#sh_sub16 .bsn .box01 a{background-image:url(/images/sub/sub16_img01.svg?v=245fd13b35787871cbe5afb3910c4419);cursor: default}
#sh_sub16 .bsn .box02{flex-direction:row-reverse}
#sh_sub16 .bsn .box02 a{background-image:url(/images/sub/sub16_img02.svg?v=1b8050c77b1e0c1760b9094b7de73bd0);cursor: default}
#sh_sub16 .bsn .box03 a{background-image:url(/images/sub/sub16_img03.svg?v=1a0d09cbbf47a1b6ff219566cc70b006);cursor: default}

@media(hover:hover){
#sh_sub16 .bsn a:hover div span{background:var(--primary)}
}
@media(max-width:1024px){
#sh_sub16 .tit h1{font-size:45px}
#sh_sub16 .tit div{font-size:17px}
#sh_sub16 .bnr{width:60%;height:500px;font-size:22px}
#sh_sub16 .bnr li~li:before{left:-3px;width:6px;height:6px}
#sh_sub16 .bsn{padding:0 20px}
#sh_sub16 .bsn .txt span{font-size:16px}
#sh_sub16 .bsn h2{font-size:30px}
#sh_sub16 .bsn a{width:400px;height:325px;background-position:center;        border-radius: 20px}
}
@media(max-width:768px){
#sh_content {padding:50px 0 0 0}
.pagecommon{margin:60px 0;line-height:1.5}
#sh_sub16 .tit h1{font-size:35px}
#sh_sub16 .tit div{padding:0 20px;font-size:15px}
#sh_sub16 .bnr{width:75%;height:350px;margin:50px auto 100px;font-size:20px}
#sh_sub16 .bsn h2{font-size:25px}
#sh_sub16 .bsn li{gap:50px}
#sh_sub16 .bsn li~li{margin-top:100px}
#sh_sub16 .bsn .txt{width:50%}
#sh_sub16 .bsn .pl{white-space:normal}
#sh_sub16 .bsn .pl br { display: none; }
}
@media(max-width:580px){
#sh_sub16 .tit h1{margin-bottom:25px;font-size:27px}
#sh_sub16 .bnr ul{display:flex;flex-direction:column;justify-content:center;gap:50px}
#sh_sub16 .bnr li~li:before{top:-25px;left:50%;transform:translateX(-50%)}
#sh_sub16 .bsn h2{font-size:22px}
#sh_sub16 .bsn .txt span{font-size:14px}
#sh_sub16 .bsn li{flex-wrap:wrap;gap:25px}
#sh_sub16 .bsn .txt{width:100%;gap:10px;align-items:center;text-align:center}
#sh_sub16 .bsn a{width:100%;height:200px}
}
@media(max-width:390px){
#sh_sub16 .tit h1{font-size:24px}
#sh_sub16 .bnr{width:85%;margin:50px auto}
#sh_sub16 .bsn h2{font-size:20px}
#sh_sub16 .bsn li~li{margin-top:60px}
}