@charset "utf-8";
/* 공통 */
:root{--primary:#4ed3de;--dark:#333d4b;--mainsize:1100px;--k-font:'pretendard'}
#sh_sub10{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_sub10 .tit{text-align:center}
#sh_sub10 .tit h1{margin-bottom:50px;font-size:48px;font-weight:700}
#sh_sub10 .tit div{font-size:20px}

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

#sh_sub10 .bsn li{display:flex;justify-content:space-between}
#sh_sub10 .bsn li~li{position:relative;margin-top:150px}
#sh_sub10 .bsn .txt{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}
#sh_sub10 .bsn .txt span{display:inline-block;padding:10px 30px;border:1px solid #e1e1e1;border-radius:50px;font-size:20px;font-weight:700}
#sh_sub10 .bsn h2{font-size:34px;font-weight:700;color: #182a3a}
#sh_sub10 .bsn a{position:relative;display:block;width:550px;height:430px;border-radius:50px;background-size:cover}
#sh_sub10 .bsn a div{position:absolute;right:0;bottom:0;width:92px;height:92px}
#sh_sub10 .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_sub10 .bsn .box01 a{background-image:url(/images/sub/sub10_img01.svg?v=8fa4c8d610e096fbaa6eda8f86a137f7);cursor: default}
#sh_sub10 .bsn .box02{flex-direction:row-reverse}
#sh_sub10 .bsn .box02 a{background-image:url(/images/sub/sub10_img02.svg?v=70b68f3eeb277b3da912893ae8932ae7);cursor: default}
#sh_sub10 .bsn .box03 a{background-image:url(/images/sub/sub10_img03.svg?v=2fb6131128f911f0d4e81958c3a99b77);cursor: default}
#sh_sub10 .bsn .box04{flex-direction:row-reverse;margin-bottom: 250px}
#sh_sub10 .bsn .box04 a{background-image:url(/images/sub/sub10_img04.svg?v=f378e6a9d9e1d365f5ca0f40c142c70a);cursor: default}

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