@charset "utf-8";

#sh_section{overflow:hidden;position:relative;font-size:16px;font-weight:500;line-height:1.6;color:#222;font-family:'Pretendard'}

@media(max-width:1024px){
#sh_section{font-size:15px;line-height:1.6}
}
@media(max-width:768px){
#sh_section{font-size:14px}
}
/* =========================== MAIN */
#mainVisual{overflow:hidden;position:relative;width:100%;background:#222}

/* 텍스트 */
#mainVisual .main_txt{position:absolute;left:50%;top:23%;z-index:101;transform:translateX(-50%);width:max-content;color:#fff;text-align:center;font-family:'Pretendard'}
#mainVisual .main_txt span{display:block;font-size:18px;font-family:var(--enfont)}
#mainVisual .main_txt p{margin:40px 0 60px;font-size:56px;font-weight:100;white-space:pre-line;letter-spacing:-1px;line-height:1.3}
#mainVisual .main_txt p b{font-weight:700}
#mainVisual .main_txt a{display:flex;align-items:center;justify-content:center;width:200px;height:65px;margin:0 auto;border-radius:4px;border:1px solid rgba(255,255,255,.2);font-size:16px;font-weight:600;color:#fff;transition:all .3s;border-color:var(--primary);color:#fff;background:var(--primary)}
#mainVisual .main_txt a:hover{border-color:var(--primary);color:#fff;background:var(--primary)}

#mainVisual .pager{display:flex;align-items:flex-end;position:absolute;left:50%;bottom:50px;z-index:101;transform:translateX(-50%)}
#mainVisual .pager span{position:relative;opacity:.3;width:7px;height:14px;border-radius:0;background:#fff;transition:height .3s}
#mainVisual .pager span+span{margin-left:14px}
#mainVisual .pager span.on{opacity:1;height:22px;background:var(--primary)}
#mainVisual .pager span:before{opacity:0;display:block;content:"";position:absolute;top:-7px;width:0px;height:0px;border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:0px solid transparent}
#mainVisual .pager span.on:before{opacity:1;border-bottom-color:var(--primary)}

/* 배경이미지 */
#mainVisual ul:after{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.55)}
#mainVisual ul li{height:760px;overflow:hidden}
#mainVisual ul li .bg{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:115%;height:115%;background:center no-repeat;background-size:cover;transition:all 1.2s cubic-bezier(0.165, 0.840, 0.440, 1)}
#mainVisual ul li .bg01{background-image:url(../img/main/main_img01.jpg)}
#mainVisual ul li .bg02{background-image:url(../img/main/main_img02.jpg)}
#mainVisual ul li .bg03{background-image:url(../img/main/main_img03.jpg)}
#mainVisual ul li.on .bg{width:101%;height:101%;opacity:1}

@media(max-width:1024px){
#mainVisual .main_txt p{font-size:42px}	
#mainVisual ul li{height:550px}
}
@media(max-width:768px){
#mainVisual .main_txt{top:18%;width:100%;padding:0 50px}
#mainVisual .main_txt span{font-size:15px}	
#mainVisual .main_txt p{margin:20px 0;font-size:34px;white-space:normal;word-break:keep-all}	
#mainVisual .main_txt a{width:160px;height:52px;font-size:14px}
#mainVisual ul li{height:380px}
#mainVisual .pager{bottom:25px}
}
@media(max-width:480px){
#mainVisual .main_txt{padding:0 20px}	
#mainVisual .main_txt p{font-size:26px}
}

/* =========================== inc01 */
#inc01{position:relative}
#inc01:before{display:block;content:"";position:absolute;left:0;top:0;z-index:-1;width:50%;height:100%;background:#f5f5f5}
#inc01 .inner{display:flex;max-width:var(--mainsize);min-height:300px;margin:0 auto;background:#fff}

/* 언론보도 + 실시간상담 */
#inc01 .late{width:calc(100% / 3);padding-top:50px}
#inc01 .late01{padding-right:50px;background:#f5f5f5}
#inc01 .late02{padding-left:50px}
#inc01 .late .tit{display:flex;align-items:center;margin-bottom:20px;font-size:22px;font-weight:700}
#inc01 .late .tit a{display:flex;margin-left:auto;color:#222;transition:all .3s}
#inc01 .late .tit a:hover{color:var(--primary)}
#inc01 .late ul li{display:flex;align-items:center}
#inc01 .late ul li a{width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#inc01 .late:not(.late02) ul li+li{margin-top:12px}
#inc01 .late ul li .date{margin-left:auto;font-size:14px;color:#999}
#inc01 .late ul li .badge{width:68px;height:27px;margin-right:10px;border:1px solid var(--primary);border-radius:4px;font-size:13px;font-weight:600;text-align:center;line-height:25px;color:var(--primary)}
#inc01 .late ul li p{width:calc(100% - 150px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#inc01 .late ul li.empty{color:#aaa}
#inc01 .late02 ul{height:145px}


#inc01 .login_wrap {
	width:calc(100% / 3);
	padding:50px 0 0 50px;
}
#inc01 .login_title {display:flex;align-items:center;margin-bottom:20px;font-size:22px;font-weight:700}
#inc01 .login_form .form_group {
    margin-bottom: 18px;
}
#inc01 .login_form label {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
    color: #333;
}
#inc01 .login_form input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 15px;
	height:40px;
}
#inc01 .login_form input:focus {
    border-color: #0054a6;
    outline: none;
}
#inc01 .login_links {
    margin-top: 5px;
    text-align: center;
}
#inc01 .login_links a {
    font-size: 14px;
    color: #007bff;
    text-decoration: none;
}
#inc01 .login_links a:hover {
    text-decoration: underline;
}
#inc01 .login_links span {
    margin: 0 6px;
    color: #888;
}

/* 상담신청 */
#inc01 .inq_area{width:calc(100% / 3);padding:50px 0 0 50px}
#inc01 .inq_area form{display:flex;flex-flow:column;}
#inc01 .inq_area ul{display:flex;flex-wrap:wrap}
#inc01 .inq_area ul li{display:flex;position:relative;width:calc(50% - 5px)}
#inc01 .inq_area ul li:nth-child(2){margin-left:10px}
#inc01 .inq_area ul li:last-child{width:100%;margin-top:10px}
#inc01 .inq_area ul li label{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:15px;font-weight:600;color:#222}
#inc01 .inq_area ul li input{width:100%;height:60px;padding-left:65px;border:0;border:2px solid #eee!important;border-radius:4px;font-size:15px;color:#777;background:transparent;transition:all .3s;font-family:'Pretendard'}
#inc01 .inq_area ul li:last-child input{padding-left:78px}
#inc01 .inq_area ul li input:focus{border-color:#181b20!important;box-shadow:none}
#inc01 .inq_area .prv_area{display:flex;justify-content:flex-end;align-items:center;padding-top:18px;font-size:15px;font-weight:600;color:#222}
#inc01 .inq_area .prv_area a{text-decoration:underline }
#inc01 .inq_area .prv_area label{cursor:pointer;margin-left:4px;font-size:15px}
#inc01 .inq_area .prv_area .ck_box{width:16px;height:16px;margin-left:6px;border:none;border-radius:4px;background:#e8e8e8;cursor:pointer;-webkit-appearance:none;-ms-appearance:none;appearance:none}
#inc01 .inq_area .prv_area .ck_box:after{display:none;content:url(../img/main/inc01/check.png);text-align:center;line-height:14px}
#inc01 .inq_area .prv_area .ck_box:checked{border-color:#111;background:#111}
#inc01 .inq_area .prv_area .ck_box:checked:after{display:block}
#inc01 .send_btn{height:62px;margin-top:auto;border:none;border-radius:4px;font-size:16px;font-weight:600;color:#fff;background:var(--dark);font-family:'Pretendard'}

@media(max-width:1340px){
#inc01{padding:0 20px}
}
@media(max-width:1024px){
#inc01{padding:0}	
#inc01 .inner{flex-wrap:wrap}	
#inc01 .late{width:50%;padding:50px}
#inc01 .inq_area{width:100%;padding:50px}	
#inc01 .inq_area .prv_area{padding:15px 0}
}
@media(max-width:768px){
#inc01 .late .tit{font-size:20px}
#inc01 .late{padding:30px 20px}
#inc01 .late ul li a{width:calc(100% - 65px)}
#inc01 .late ul li .date{font-size:13px}
#inc01 .late ul li .badge{width:58px;font-size:12px}
#inc01 .late ul li p{width:calc(100% - 130px)}
#inc01 .inq_area{padding:30px 20px}	
#inc01 .inq_area ul li input{height:52px}
#inc01 .inq_area .send_btn{height:52px}
}
@media(max-width:480px){
#inc01 .late{width:100%}	
#inc01 .inq_area{border-top:1px solid #e1e1e1}
#inc01 .inq_area .send_btn{font-size:15px}
}



  /* --- 서브 타이틀 --- */
#inc02   .subtitle {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 30px 0 10px 0;
    color: #333;
    border-left: 4px solid #ff7f50; /* 오렌지 계열 */
    padding-left: 10px;
  }

  /* --- 카드 그리드 --- */
#inc02   .services {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
  }

#inc02   .card {
    background-color: #f7f9fc;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 20px;
    transition: transform 0.2s;
    text-align: center;
  }

#inc02   .card:hover {
    transform: translateY(-5px);
  }

#inc02   .card-icon {
    font-size: 40px;
    color: #ff7f50; /* 오렌지 계열 */
    margin-bottom: 15px;
  }

#inc02   .card h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.2rem;
    color: #ff7f50; /* 오렌지 계열 */
  }

#inc02   .card p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.4;
  }


/* =========================== inc02 */
#inc02{position:relative;padding:160px 0}
#inc02 .inner{overflow:hidden;display:grid;grid-template-columns:repeat(4, 1fr);max-width:var(--mainsize);margin:0 auto}

#inc02 .inner > div{display:flex;flex-flow:column;height:315px;color:#fff}
#inc02 .inner > div > a{display:flex;flex-flow:column;height:100%;word-break:keep-all}
#inc02 .inner .box01{grid-row:span 2;height:630px;background:var(--dark)}
#inc02 .inner .box05{grid-column:span 2}
#inc02 .inner .stit{font-size:18px;color:#fff;font-family:var(--enfont)}
#inc02 .inner .btit{font-size:24px;font-weight:700;color:#fff}

/* 분야별 전담센터 */
#inc02 .box01{padding:60px 40px 0 50px}
#inc02 .box01 .btit{padding-top:22px}
#inc02 .box01 .links{margin:60px 0 15px}
#inc02 .box01 .links a{display:flex;align-items:center;color:#fff}
#inc02 .box01 .links a+a{margin-top:30px}
#inc02 .box01 .links .icon{display:flex;align-items:center;justify-content:center;width:62px;height:62px;margin-right:18px;border-radius:4px;border:1px solid rgba(255,255,255,.15);transition:all .3s}
#inc02 .box01 .links .icon img{opacity:.3;width:40px;transition:all .3s}
#inc02 .box01 .links p{font-weight:600}
#inc02 .box01 .links span{opacity:.35;font-size:13px;font-family:var(--enfont)}
#inc02 .box01 .links svg{opacity:.25;margin-left:auto;transition:all .3s}

/* 법률서식 */
#inc02 .box02 a{align-items:center;padding:60px 40px 0;color:#777;text-align:center}
#inc02 .box02 .btit{margin-bottom:20px;color:#222}
#inc02 .box02 span{display:flex;justify-content:center;align-items:center;width:125px;height:42px;margin-top:30px;border:1px solid var(--primary);border-radius:4px;font-size:14px;font-weight:700;line-height:40px;color:var(--primary);transition:all .3s}

/* 로펌소개 */
#inc02 .box03{background:var(--primary)}
#inc02 .box03 a{padding:60px 40px 55px 50px;color:rgba(255,255,255,.6)}
#inc02 .box03 .btit{margin:auto 0 20px}
#inc02 .box04{position:relative;z-index:1;overflow:hidden}
#inc02 .box04 img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;transition:all .3s}

/* 의뢰인 후기 */
#inc02 .box05{padding:55px 0 0;background:url(../img/main/inc02/box05_bg.png) right center no-repeat var(--second)}
#inc02 .box05 .btit{display:flex;align-items:center;margin-bottom:25px;padding:0 50px}
#inc02 .box05 .btit a{display:flex;margin-left:auto;color:#fff}
#inc02 .box05 .review_slide{width:100%}
#inc02 .box05 ul li{padding:5px 0 2px 50px;border-left:1px solid rgba(255,255,255,.12)}
#inc02 .box05 ul li a{font-size:17px;color:#fff}
#inc02 .box05 ul li p{width:68px;height:27px;border-radius:4px;font-size:13px;font-weight:600;text-align:center;line-height:27px;color:#fff;background:rgba(255,255,255,.15)}
#inc02 .box05 ul li div{width:75%;margin:20px 0 8px;word-break:keep-all}
#inc02 .box05 ul li span{font-size:14px;font-weight:400;color:rgba(255,255,255,.5)}
#inc02 .box05 ul li.swiper-slide-active{border:none}

/* 의뢰인 후기 */
#inc02 .box06 a{padding:60px 40px 40px 50px;color:#777;transition:all .3s}
#inc02 .box06 .stit{color:var(--primary)}
#inc02 .box06 .btit{margin:auto 0 20px;color:#222}

@media(hover:hover){
#inc02 .box01 .links a:hover .icon{border-color:#fff}
#inc02 .box01 .links a:hover .icon img{opacity:1}
#inc02 .box01 .links a:hover svg{opacity:1}
#inc02 .box02 a:hover span{color:#fff;background:var(--primary)}
#inc02 .box03:hover~.box04 img{transform:translate(-50%,-50%) scale(1.05)}
#inc02 .box06 a:hover{background:#f5f5f5}
}
@media(max-width:1024px){
#inc02{padding:60px 0}
#inc02 .inner{grid-template-columns:repeat(3, 1fr)}
#inc02 .inner .box05{grid-column:span 3}
#inc02 .box01{order:1}
#inc02 .box02{order:2}
#inc02 .box03{order:3}
#inc02 .box04{order:4}
#inc02 .box05{order:6}
#inc02 .box06{order:5}
}
@media(max-width:768px){
#inc02{padding:40px 0}
#inc02 .inner{grid-template-columns:repeat(2, 1fr)}
#inc02 .inner > div{justify-content:center;height:270px}
#inc02 .inner .box05{grid-column:span 2}
#inc02 .inner .btit{font-size:22px}
#inc02 .inner .stit{font-size:15px}
#inc02 .box01{height:540px!important;padding:0 20px 0 30px}
#inc02 .box01 .btit{padding-top:15px}
#inc02 .box01 .links{margin-top:25px}
#inc02 .box02 a{justify-content:center;padding:0 30px}
#inc02 .box03 a{padding:30px}
#inc02 .box04{order:5}
#inc02 .box05{padding:30px 0}
#inc02 .box05 .btit{padding:0 30px}
#inc02 .box05 ul li{padding-left:30px}
#inc02 .box05 ul li a{font-size:15px}
#inc02 .box05 ul li div{width:90%}
#inc02 .box06{order:4}
#inc02 .box06 a{padding:30px}
}
@media(max-width:480px){
#inc02{padding:40px 0 0}
#inc02 .inner .btit{font-size:20px}	
#inc02 .inner > div{height:220px}
#inc02 .box01{height:440px!important;padding:0 10px 0 20px}	
#inc02 .box01 .links .icon{width:40px;height:40px;margin-right:10px;border-color:rgba(255,255,255,.2)}
#inc02 .box01 .links .icon img{opacity:.5;width:30px}
#inc02 .box01 .links span{font-size:11px}
#inc02 .box01 .links a+a{margin-top:15px}
#inc02 .box02 a{padding:0 20px}
#inc02 .box02 span{margin-top:15px}
#inc02 .box03 a{padding:20px}
#inc02 .box05{height:260px!important;padding:20px 0}
#inc02 .box05 .btit{padding:0 20px}
#inc02 .box05 ul li{padding-left:20px}
#inc02 .box06 a{padding:20px}
}
@media(max-width:380px){
#inc02{padding:20px 0 0}
#inc02 .inner{display:flex;flex-flow:column}
#inc02 .inner > div{height:200px}
#inc02 .box01{height:auto!important;padding:30px 10px 30px 20px}
#inc02 .box04 img{width:100%}
}

/* =========================== inc03 */
#inc03{display:flex;position:relative;height:800px;color:#fff}

/* cont */
#inc03 .cont{display:flex;flex-flow:column;justify-content:center;width:50%;padding:0 20px 0 6%;background:url(../img/main/inc03/bg.jpg) center no-repeat;background-size:cover}
#inc03 .cont p{font-size:56px;white-space:pre-line;line-height:1.2;word-break:keep-all;font-family:var(--enfont)}
#inc03 .cont p b{font-weight:normal;color:var(--primary)}
#inc03 .cont span{margin:40px 0 85px;font-size:22px;font-weight:600;word-break:keep-all}
#inc03 .cont div{white-space:pre-line;color:rgba(255,255,255,.6);line-height:1.8}

/* count */
#inc03 .count{width:50%;padding:100px 6%;background:var(--dark)}
#inc03 .count ul{display:grid;grid-template-columns:repeat(2, 1fr);height:100%}
#inc03 .count ul li{padding-bottom:20px}
#inc03 .count ul li:nth-child(even){padding-left:25%;border-left:1px solid rgba(255,255,255,.15)}
#inc03 .count ul li:nth-child(n+3){padding-top:20px;border-top:1px solid rgba(255,255,255,.15)}
#inc03 .count dl{display:flex;flex-flow:column;justify-content:center;height:100%}
#inc03 .count dl dt{display:flex;align-items:baseline;margin-bottom:40px;font-family:'Noto Serif KR'}
#inc03 .count dl dt p{flex-shrink:0;font-size:60px;line-height:1;font-family:var(--enfont)}
#inc03 .count dl dt span{opacity:.4;margin-left:6px;font-size:20px}
#inc03 .count dl dd{font-size:18px;line-height:1.8;color:rgba(255,255,255,.4);word-break:keep-all}
#inc03 .count dl dd p{font-size:22px;font-weight:700;color:#fff}

@media(max-width:1230px){
#inc03{height:700px}	
#inc03 .cont{padding:0 50px}
#inc03 .cont p{font-size:50px}
#inc03 .cont div{white-space:normal;word-break:keep-all}
#inc03 .count{padding:50px}
#inc03 .count ul li:nth-child(even){padding-left:20%}
#inc03 .count dl dt p{font-size:50px}
}
@media(max-width:1024px){
#inc03{height:600px}	
#inc03 .cont p{font-size:42px}
#inc03 .cont span{font-size:18px}
#inc03 .count dl dt p{font-size:40px}
#inc03 .count dl dd{font-size:16px}
#inc03 .count dl dd p{font-size:18px}
}
@media(max-width:768px){
#inc03{height:auto}
#inc03 .cont{padding:0 30px}
#inc03 .cont p{font-size:30px}
#inc03 .cont span{margin:30px 0 40px;font-size:16px}
#inc03 .count{padding:20px}
#inc03 .count ul{display:flex;flex-flow:column}
#inc03 .count ul li{padding:20px 0 20px 15px!important;border:none!important}
#inc03 .count ul li:nth-child(even){padding-left:0}
#inc03 .count ul li+li{border-top:1px solid rgba(255,255,255,.15)!important}
#inc03 .count dl dt{margin-bottom:15px}
#inc03 .count dl dt p{font-size:28px}
#inc03 .count dl dt span{font-size:16px}
#inc03 .count dl dd{font-size:15px}
#inc03 .count dl dd p{font-size:16px}
}
@media(max-width:480px){
#inc03{display:block}
#inc03 .cont{width:100%;padding:60px 20px}
#inc03 .cont p{font-size:28px}
#inc03 .count{width:100%}
#inc03 .count ul{display:grid}
#inc03 .count ul li{padding:20px 10px 20px 0!important}
#inc03 .count ul li:nth-child(2){border:none!important}
#inc03 .count dl{justify-content:normal}
#inc03 .count dl dt p{font-size:26px}
}