@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');

/* 페이지 리뉴얼 201020 [s] */
.pagecommon{margin:0 auto;font-size:15px;color:#777;letter-spacing:-.3px;line-height:1.8;font-family:'notokr-regular'}
.pagecommon .cont_area{margin-bottom:50px}
.pagecommon .br{white-space:pre-line}
.pagecommon .e_tit{font-weight:600;font-size:13px;font-family:'Poppins';color:#181b20;letter-spacing:0}
.pagecommon .k_tit{margin:20px 0 60px;font-size:30px;line-height:40px;font-family:'notokr-light';color:#222}
.pagecommon .k_tit span{font-family:'notokr-bold'}
.pagecommon .txt_area span{color:#222;text-decoration:underline;font-family:'notokr-medium'}

/* #sh_content .bg-line{position:absolute;top:0;left:50%;width:100%;height:100%;transform:translateX(-50%);max-width:var(--main-width);border:solid #f1f1f1;border-width:0 1px 0 1px;z-index:-1}
#sh_content .bg-line::before, #sh_content .bg-line::after{z-index:-1;position:absolute;content:'';width:1px;height:100%;background-color:#f1f1f1}
#sh_content .bg-line::before{top:0;left:33.3333%}
#sh_content .bg-line::after{top:0;left:66.6667%}

@media (max-width:480px){
#sh_content{border:none}
#sh_content .bg-line::before, #sh_content .bg-line::after{display:none}
} */

.serv{word-break:keep-all}

/* 서브타이틀 */
.serv .group-title{padding-bottom:50px;text-align:center;}
.serv .group-title .tit{padding-bottom:20px;font-family:var(--e-font);font-size:35px;font-weight:600;line-height:100%;color:#222}
.serv .group-title .desc{font-size:18px;line-height:1.4;color:#777;white-space:pre-line}
.serv .group-title ul{display:flex;justify-content:center;gap:5px;margin-top:15px}
.serv .group-title ul li{display:block;padding:5px 20px;border-radius:50pt;color:#333;background:#eee;}

/* 콘텐츠 */
.serv .banner{position:relative;height:460px;overflow:hidden;padding-bottom:50px}
.serv .banner img{width:100%;height:100%;object-fit:cover}
.serv .banner .cont_inner{position:absolute;width:100%;bottom:35px;left:50%;transform:translateX(-50%)}
.serv .banner .cont_inner .cate{display:inline-flex;width:100%;margin-right:auto;padding:10px 17px;background-color:rgba(0,0,0,0.5);font-family:var(--e-font);font-size:13px;font-weight:600;line-height:1.3;color:#fff}

.serv .group-cont .cont_wrap{padding:60px 40px 48px;background:#f7f7f7}
.serv .group-cont .cont_wrap .info{text-align:center;color:#555;font-weight:500}
.serv .group-cont .cont_inner{display:flex;justify-content:center;gap:20px;margin-bottom:15px}
.serv .group-cont h3{position:relative;padding-bottom:45px;margin-bottom:45px;font-size:25px;line-height:1.25;font-weight:700;text-align:center;color:#222}
.serv .group-cont h3::after{position:absolute;content:'';bottom:0;left:50%;transform:translateX(-50%);width:40px;height:1px;background-color:#222}
.serv .group-cont .desc{font-size:17px;line-height:1.5;color:#777;text-align:center}
.serv .group-cont .desc.comment{padding-bottom:45px}
.serv .group-cont .desc:last-child{margin-top:50px;color:#222}

.serv .group-cont .benefit{display:flex;justify-content:center;align-items:baseline;gap:20px;width:300px;padding:20px;border-radius:50px;font-size:18px;background:#fff}
.serv .group-cont .benefit dt{font-weight:700;text-align:center;color:#222}
.serv .group-cont .benefit dd{white-space:pre-line;color:#222;font-size:20px;font-weight:700;font-family:'poppins'}

.serv .group-cont .btn-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:50px}
.serv .group-cont .link-list{display:flex;align-items:center;justify-content:center;width:250px;height:60px;border:1px solid #222;font-size:17px;font-weight:700;border-radius:0;color:#222;transition:all .2s}
.serv .group-cont .link-list:hover{color:#fff;background:#222}