@charset "utf-8";
/* 공통 */
:root{--primary:#4ed3de;--dark:#333d4b;--mainsize:1100px;--k-font:'pretendard'}
#sh_sub14{position:relative;min-height:440px;color:#777}
#sh_content {min-height: 0}

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

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

#sh_sub14 .txt .bnr8{width:100%;height:825px;margin:100px auto;font-size:35px;font-weight:700;color:#fff;background:url(/images/sub/sub14.svg?v=548b545c97a29ca1a14ee54cdeec22d4) center;background-size: contain;background-repeat: no-repeat;cursor: default}

#sh_sub14 .bnr9{width:100%;height:610px;margin:100px auto;border-radius:50px;font-size:35px;font-weight:700;color:#fff;background:url(/images/sub/sub14_bg.jpg?v=ccdb1317c39de121f6d0024c5643968b) center;background-size:cover;cursor: default}
#sh_sub14 .bnr10{width:100%;height:610px;margin:100px auto;border-radius:50px;font-size:35px;font-weight:700;color:#fff;background:url(/images/sub/sub14_1_bg.jpg?v=a49efec37f0ede5d9dd4f2632dd8d8ee) center;background-size:cover;cursor: default}

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

#sh_sub14 .bsn li{justify-content:space-between}
#sh_sub14 .bsn li~li{position:relative;margin-top:100px}
#sh_sub14 .bsn .txt{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}
#sh_sub14 .bsn .txt p{margin-bottom: 70px; line-height: 50px; font-size: 34px;font-weight: 600;color: #41495e; text-align: center}
#sh_sub14 .bsn .txt span{display:inline-block;padding:5px 30px;border:1px solid #e1e1e1;border-radius:50px;font-size:18px;font-weight:700;background-color: #182a3a;color: #fff}
#sh_sub14 .bsn a{position:relative;display:block;width:100%;height:430px;background-size:cover}
#sh_sub14 .bsn a div{position:absolute;right:0;bottom:0;width:92px;height:92px}
#sh_sub14 .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}

@media(hover:hover){
#sh_sub14 .bsn a:hover div span{background:var(--primary)}
}
@media(max-width:1024px){
#sh_sub14 .tit div{font-size:17px}
#sh_sub14 .bnr{width:100%;height:500px;font-size:22px}
#sh_sub14 .bnr li~li:before{left:-3px;width:6px;height:6px}
#sh_sub14 .bsn{padding:0 20px}
#sh_sub14 .bsn .txt span{font-size:16px}
#sh_sub14 .bsn a{width:100%;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_sub14 .tit div{padding:0 20px;font-size:15px}
#sh_sub14 .bnr{width:100%;height:350px;margin:50px auto 100px;font-size:20px}
#sh_sub14 .bsn li{gap:50px}
#sh_sub14 .bsn li~li{margin-top:100px}
#sh_sub14 .bsn .txt{width:100%}
#sh_sub14 .bsn .pl{white-space:normal}
#sh_sub14 .txt .bnr12{width: 100%;height: 800px;margin: 0 auto}
}
@media(max-width:580px){
#sh_sub14 .bnr ul{display:flex;flex-direction:column;justify-content:center;gap:50px}
#sh_sub14 .bnr li~li:before{top:-25px;left:50%;transform:translateX(-50%)}
#sh_sub14 .bsn h2{font-size:22px}
#sh_sub14 .bsn .txt span{font-size:14px}
#sh_sub14 .bsn li{flex-wrap:wrap;gap:25px}
#sh_sub14 .bsn .txt{width:100%;gap:10px;align-items:center}
#sh_sub14 .bsn a{width:100%;height:200px}
#sh_sub14 .txt .bnr12{width: 100%;height: 500px;margin: 0 auto}
#sh_sub14 .txt .bnr8{width: 100%; height: 500px;margin: 0 !important}
#sh_sub14 .bnr9{border-radius: 20px !important}
#sh_sub14 .bnr10{border-radius: 20px !important}
.pagecommon .inner{padding-bottom: 0 !important}
}
@media(max-width:390px){
#sh_sub14 .bnr{width:100%;margin:50px auto}
#sh_sub14 .bsn li~li{margin-top:60px}
#sh_sub14 .txt .bnr12{width: 100%;height: 300px;margin: 0 auto}
}