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

.b-title{font-size: 24px; padding: 40px 0;font-weight: 600;line-height: 36px;color:#0e1a3c;text-align: center;background-color: #f4f4f4;width: 1100px;margin: 0 auto;border-radius: 40px;background-size: cover;cursor: default;object-fit: contain;margin-bottom: 200px}

#sh_sub18{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_sub18 .tit{text-align:center}
#sh_sub18 .tit h1{margin-bottom:50px;font-size:48px;font-weight:700}
#sh_sub18 .tit div{font-size:20px}

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

#sh_sub18 .bsn li{display:flex;justify-content:space-between;margin-bottom: 150px}
#sh_sub18 .bsn li~li{position:relative;margin-top:150px}
#sh_sub18 .bsn .txt{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}
#sh_sub18 .bsn .txt span{display:inline-block;padding:10px 30px;border:1px solid #e1e1e1;border-radius:50px;font-size:20px;font-weight:700}
#sh_sub18 .bsn h2{font-size:32px;font-weight:700;color: #182a3a}
#sh_sub18 .bsn a{position:relative;display:block;width:550px;height:430px;border-radius:50px;background-size:cover}
#sh_sub18 .bsn a div{position:absolute;right:0;bottom:0;width:92px;height:92px}
#sh_sub18 .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_sub18 .bsn .box01 a{background-image:url(/images/sub/sub18_img01.svg?v=4a626043e4072577b5873f34eb6a4c5b);cursor: default}
#sh_sub18 .bsn .box02{flex-direction:row-reverse}
#sh_sub18 .bsn .box02 a{background-image:url(/images/sub/sub18_img02.svg?v=f8b93db6cef62da65bcad3606482aa47);cursor: default}

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