@charset "utf-8";

/* =========================== PAGE */
#business1025{overflow:hidden;position:relative; font-size:15px;line-height:1.5;color:#777;font-family:'pretendard';width:100%}
#business1025 .pl{white-space:pre-line}
#business1025 *{word-break:keep-all}
#business1025 .inner{overflow:hidden;max-width:var(--mainsize);margin:0 auto;}

#business1025 .tit{text-align:center;padding:70px 0}
#business1025 .tit h1{margin-bottom:50px;font-size:clamp(25px,2.6vw,50px);font-weight:700;color:#111}
#business1025 .tit img{width:100%}
#business1025 .full_txt{padding:300px 0 200px}
#business1025 h2{position:relative;font-size:clamp(20px,2.08vw,40px);font-weight:700;color:rgba(0,0,0,.3)}
#business1025 h2 p{display:inline;background:linear-gradient(to right, #111, #111) no-repeat;-webkit-background-clip:text;background-clip:text;background-size:0%;transition:background-size cubic-bezier(.1,.5,.5,1) 0.5s;white-space:pre-line}
#business1025 h3{margin-bottom:20px;font-size:clamp(17px,1.56vw,30px);font-weight:700;color:#111}

#business1025 .b01{background:#f2f2f2;width:100%; margin-bottom: 100px}
#business1025 .b01 .inner {width:100%;margin:0 auto}
#business1025 .tit {
  display: flex;
  justify-content: center;   /* 수평 중앙 정렬 */
  align-items: center;       /* 수직 중앙 정렬 */
  flex-direction: column;    /* 수직 쌓기 */
  text-align: center;
}
#business1025 .tit p{margin:5px 0 8px;font-size:25px;font-weight:700;color:#111}
#business1025 .tit b{font-weight:700}

#business1025 .b01 ul{display:grid;width:100%}
#business1025 span{font-size:18px;font-weight:700;color:#f77e01;font-family:var(--e-font)}

#business1025 .b02{margin-bottom: 100px;}
#business1025 .b02 ul{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
#business1025 .b02 ul li{padding:50px 0;border:1px solid #e1e1e1;border-radius:13px;transition:all .3s}
#business1025 .b02 ul li dl{margin-top:40px}
#business1025 .b02 ul li dt{margin-bottom:10px;font-size:clamp(16px,1.04vw,20px);font-weight:700;color:#111}

#business1025 .b03{padding:0 0 100px 0}
#business1025 .b03>.s_tit{display:flex;align-items:baseline;justify-content:space-between}
#business1025 .b03>.s_tit span{cursor:pointer;transition:all .3s}
#business1025 .b03 .box{padding:30px;border-radius:10px;background:#f2f2f2;transition:all .3s}
#business1025 .b03 .box div{display:flex;justify-content:space-between;margin-bottom:10px}
#business1025 .b03 .box p{font-size:clamp(16px,1.04vw,20px);font-weight:700;color:#111}
#business1025 .b03 .box span{display:inline-block;padding:5px 15px;border-radius:50px;font-size:13px;font-weight:600;color:#fff;transition:all .3s;background:#777}
#business1025 .b03 .box.on span{background:var(--primary)}

#business1025 .b04{display:flex;align-items:center;height:330px;border-radius:13px;font-size:clamp(16px,1.04vw,20px);color:#fff;background:#111 url(../img/sub/business1025_bg.png) no-repeat 90% center; margin-bottom: 100px;}
#business1025 .b04 div{padding-left:100px}
#business1025 .b04 p{font-size:clamp(18px,1.82vw,35px);font-weight:700}

@media(hover:hover){
#business1025 .b02 ul li:hover{border:1px solid #1691ac}
#business1025 .b03>.s_tit span:hover{color:#111}
#business1025 .b03 .box:hover{background:#e5f3ff}
#business1025 .b03 .box:hover span{background:var(--primary)}
}

@media(max-width:1024px){
#business1025{margin:50px auto}
#business1025 .inner{padding:50px 30px}
#business1025 .tit h1{margin-bottom:20px}
#business1025 .b01 li:after{width:4px;height:4px}
#business1025 .b01 li{padding:25px}
#business1025 .b02 ul{grid-template-columns:repeat(2,1fr);gap:10px}
#business1025 .b02 ul li{padding:30px 0}
#business1025 .b02 ul li dl{margin-top:20px}
#business1025 .b02 ul li img{width:60px}
#business1025 .b03{padding-top:0 !important}
#business1025 .b04{width:95%;height:220px}
#business1025 .b04 div{padding-left:60px}
}
@media(max-width:768px){
#business1025{font-size:14px}
#business1025 h2{text-align:center}
#business1025 .b01 .inner{display:block}
#business1025 .b01 ul{width:100%}
#business1025 .b01 li{padding:20px 25px}
#business1025 .b02{margin-bottom: 50px !important;}
#business1025 .b04{justify-content:center;text-align:center;background-position:center;margin-bottom: 0px !important;}
#business1025 .b04 div{padding-left:0}
}
@media(max-width:480px){
#business1025 .inner{padding:50px 15px}
#business1025 .b01 li{padding:15px}
#business1025 .b03 .box{padding:20px}
}
@media(max-width:390px){
#business1025 .b03 .box div{flex-direction:column-reverse;align-items:flex-start;gap:5px}
#business1025 .b03 .box span{font-size:11px}
#business1025 .b02 ul{grid-template-columns:repeat(1,1fr)}
}