@charset "utf-8";
ul {margin:0; padding:0;}
li{list-style:none;}
img {border:0;}
a {text-decoration:none;}

.pgcm{font-size:16px;color:#777;line-height:26px;letter-spacing:-0.3px;font-family:'Pretendard'}
.br{white-space:pre-line;word-break:keep-all}

#p33 .img{position:relative;z-index:0}
#p33 .img:after{display:block;content:"";position:absolute;left:0;bottom:0;width:500px;height:65px;background-color:#fff}
#p33 .cont{position:relative;z-index:1;padding:0 50px;margin-top:-30px;font-size:16px;color:#666}
#p33 .cont .etit{font-size:15px;font-weight:600;color:var(--primary);text-align:center}
#p33 .cont .btxt{margin:20px 0;font-size:24px;color:#222;letter-spacing:-.3px;line-height:1.5;font-weight:300}
#p33 .cont .btxt span{font-weight:700;color:#3361ab}
#p33 .cont .br span{font-weight:600;color:#222}
#p33 .cont .sign{position:relative;text-align:right;color:#222;font-weight:500}
#p33 .cont .sign img{position:absolute;right:-30px;top:-40px;z-index:-1}
#p33 .cont .sign span{font-size:25px;font-family:'KJCHw'}

#p34 .top_member{display:flex;position:relative;padding:30px 0 0 30px}
#p34 .top_member:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;width:100%;height:calc(100% - 150px);background:url('../img/sub/members1001_bg.png') no-repeat right center #f5f5f5;background-size:cover}
#p34 .top_member .big_txt{padding-left:10px;font-size:30px;line-height:40px;white-space:pre-line;color:#fff}
#p34 .top_member .big_txt img{display:block;margin:10px 0 34px}
#p34 .profile_box{display:flex;flex-direction:column;gap:50px;padding:44px 0 40px 50px}
#p34 .profile_box .name{font-size:30px;font-weight:700;color:#222}
#p34 .profile_box .name span{margin-right:10px;font-size:15px;font-weight:500;color:var(--primary)}
#p34 .profile_box .dot_list li{position:relative;padding-left:18px;font-size:16px;line-height:33px;word-break:keep-all}
#p34 .profile_box .dot_list li:before{position:absolute;left:0;top:15px;content:'';z-index:-1;width:3px;height:3px;background:#333}


.service{overflow:hidden}
.service .top_area{overflow:hidden;display:flex;align-items:center;position:relative;height:750px;background:#222}
.service .top_area .bg{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.1);width:100%;height:100%;background:url(../img/sub/business1005_top_bg.jpg) center no-repeat;background-size:cover}
.service .top_area .bg.on{opacity:1;transform:translate(-50%,-50%) scale(1);transition:all 1s}
.service .top_area .txt{position:absolute;z-index:1;left:calc((100% - var(--mainsize)) / 2);font-size:20px;color:rgba(255,255,255,.6)}
.service .top_area .txt p{margin-bottom:35px;font-size:56px;font-weight:100;color:#fff;line-height:1.25;letter-spacing:-.5px}
.service .top_area .txt p b{font-weight:700}
.service .top_area .txt span{display:block}
.service .top_area .scroll{display:flex;flex-flow:column;align-items:center;position:absolute;left:50%;bottom:50px;z-index:1;transform:translateX(-50%);font-size:12px;color:#fff;}
.service .top_area .scroll svg{width:20px;height:20px;animation:scroll 1s infinite linear}
@keyframes scroll{from{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}100%{opacity:0;transform:translateY(12px)}}
.service .cont .tit_area{margin-bottom:40px;text-align:center}
.service .cont .tit_area > span{font-size:15px;font-weight:600;color:var(--primary);text-align:center}
.service .cont .tit_area p{display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;line-height:1;color:#222}
.service .cont .tit_area p span{margin:0 15px 5px}
.service .cont .tit_area p i{line-height:1}
.service .cont .tit_area .br b{display:block;padding:20px;font-size:18px;color:#3361ab;background:#8ebde721}
.service .cont .tit_area div:before{display:block;content:"";width:5px;height:5px;margin:25px auto 25px;border-radius:50%;background:var(--primary)}
.service .cont .tit_area svg{width:100px;fill:var(--primary)}
.service .cont dl{display:flex;max-width:var(--mainsize);margin:0 auto}
.service .cont dl dt{flex-shrink:0;width:25%;padding-left:30px;font-size:20px;font-weight:700;line-height:1.4;color:#222}
.service .cont dl dd{flex-grow:1}
.service .cont .bg{padding:40px 30px 40px 0;margin:50px 0 0;background:#f5f5f5}
.service .cont .img{margin-bottom:40px}
.service .cont01 dt{padding-top:50px}
.service .cont01 ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;height:100%}
.service .cont01 ul li{padding:24px 20px 20px 24px;word-break:keep-all;border-radius:15px;border:1px solid #e1e1e1}
.service .cont01 ul li span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:100%;font-size:14px;font-weight:700;color:#fff;background:var(--primary)}
.service .cont01 ul li p{margin:15px 0 10px;font-size:17px;font-weight:600;color:#222;word-break:keep-all}
.service .cont02 ul li{ margin-left:25px;text-indent:-25px;color:#666;word-break:keep-all}
.service .cont02 ul li:before{display:inline-block;vertical-align:4px;content:"";width:5px;height:5px;margin-right:20px;border-radius:50%;background:var(--primary)}
.service .cont02 ul li+li{margin-top:10px}

#p40.service .cont01 ul{grid-template-columns:repeat(1, 1fr)}

/* 반응형 s */
@media (max-width:1200px){
.pgcm{padding:50px 0}

}
@media (max-width:1024px){
.service .cont .img img{width:100%}
}
@media (max-width:900px){
.pgcm{font-size:15px;line-height:25px}

}
@media (max-width:768px){
#p33 .cont{padding:0 20px}
#p33 .img img{width:100%}
#p34 .top_member{flex-direction:column;align-items:center;padding:30px 0}
.service .cont dl{flex-direction:column;gap:24px}
.service .cont dl dd{margin:0 14px}
.service .cont dl dt{width:100%;padding:0;text-align:center;}
.service .cont01 ul li{padding:20px}
.service .cont01 ul li p{font-size:16px}
.service .cont .bg{padding:30px 14px}
}
@media (max-width:480px){
#p33 .img:after{height:24px}
#p33 .cont{padding:0 14px;font-size:15px}
#p33 .cont .btxt span{word-break:keep-all}
#p33 .cont .br br{display:none}
#p33 .cont .sign{margin-top:30px}
#p33 .cont .sign img{right:-18px}
#p34 .top_member{padding:0 14px}
#p34 .profile_box{gap:24px;padding:40px 0}
#p34 .profile_box .name{font-size:26px}
#p34 .profile_box .dot_list li{font-size:15px;line-height:30px}
.service .cont .tit_area p{font-size:24px}
.service .cont .tit_area div:before{margin:20px auto}
.service .cont .tit_area .br{white-space:normal;padding:0 14px}
.service .cont .tit_area .br b{margin-bottom:20px;padding:14px;font-size:17px}
.service .cont01 ul{grid-template-columns: repeat(1, 1fr)}
.service .cont01 ul li{padding:20px 20px 14px;text-align:center;}
.service .cont01 ul li span{width:30px;height:30px;margin:0 auto;font-size:12px}
.service .cont01 ul li p{margin-top:10px}
.service .cont02 ul li{margin-left:10px;text-indent: -15px;}
.service .cont02 ul li:before{margin-right:10px}
}
/* 반응형 e */