@charset "utf-8";
/* 2022년 12월 21일 ... 기존 css가 너무 복잡하여 작업시 순차적으로 정리합니다. */


/* ------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 20221220 (서브)변호사 목록 페이지 정리   //////////////////////////////////////
--------------------------------------------------------------------------------------------------------------*/
/* 20200428 변호사소개 페이지 디자인수정*/
.lawyerListWrap {}
.lawyerList ul:after { display:block; clear:both; content:''; }
.lawyerList ul { width:calc(100% + 10px); transform:translateX(-5px); }
.lawyerList ul li  { width:25%; padding:5px; float:left; }
.lawyerList ul li .lawyerCnts { position:relative; overflow:hidden; }
.lawyerList ul li .lawyerCnts a { display:block; width:100%; height:100%; }
.lawyerList ul li .lawyerCnts .lawyerPic { }
.lawyerList ul li .lawyerCnts .lawyerPic img { width:100%; 
		transform:matrix(1, 0, 0, 1, 0, 0); 
		transition:0.2s ease-in; 
		-moz-transition:0.2s ease-in; 
		-webkit-transition:0.2s ease-in; 
		-ms-transition:0.2s ease-in;}
.lawyerList ul li .lawyerCnts .lawyerPic img:hover { transform: matrix(1.05, 0, 0, 1.05, 0, 0); }
.lawyerList ul li .lawyerCnts .lawyerText { position:absolute; width:100%; padding:10px; bottom:0; left:0; background:rgba(0,0,0,0.5); color:#fff; text-align:right; }
.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:17px; }
.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:13px; }
.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:19px; }
.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:28px; font-weight:500; display:inline-block; margin-right:5px; }
.lawyerList.list02 { margin-top:80px; }
.lawyerList.list02  ul li  { width:16.666666%;  }
.lawyerList.list02 ul li .lawyerCnts .lawyerText { padding:5px 10px; text-align:center; }
.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName { font-size:16px; }
.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName span { font-size:22px; }

@media (max-width: 1080px) {
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:16px; }
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:12px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:16px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:24px; }
}

@media (max-width: 959px) {
	.lawyerList ul li  { width:50%;  }
	.lawyerList.list02  ul li  { width:25%;  }
}

@media (max-width: 767px) {
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:15px; }
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:11px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:17px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:25px; }
	.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName { font-size:14px; }
	.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName span { font-size:20px; margin-right:3px; }
}

@media (max-width: 639px) {
	.lawyerList.list02  ul li  { width:33.33333%;  }
	.lawyerList ul li .lawyerCnts .lawyerText { padding:10px 5px; }
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:12px; letter-spacing:-0.1em;}
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:10px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:12px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:16px; }
	.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName { font-size:12px; }
	.lawyerList.list02 ul li .lawyerCnts .lawyerText .lawyerName span { font-size:15px; }
	.lawyerList ul li .lawyerCnts .lawyerPic img:hover { transform: matrix(1.0, 0, 0, 1.0, 0, 0); }
}

/*20200729  변호사 목록 페이지 수정 */
.sub-top-img.lawyerpage { background:url(/img/lawyer/lawyer_top_bg.jpg)center bottom no-repeat; height:auto; padding:60px 0 80px 0; }
.sub-top-img.lawyerpage .container { text-align:center; }
.sub-top-img.lawyerpage .container img { width:90%; max-width:739px; margin:0 auto; max-width:915px; }
.lawyerList.newlist ul { width:100%; transform:translateX(-0px); }
.lawyerList.newlist ul li { width:25%; padding:0; margin-top:30px; }
.lawyerList.newlist ul li:nth-child(4n+1) { clear:both; }
.lawyerList.newlist ul li .lawyerCnts .lawyerPic { position:relative; }
.lawyerList.newlist ul li .lawyerCnts .lawyerPic img.pc { display:block; }
.lawyerList.newlist ul li .lawyerCnts .lawyerPic img.mobile { display:none; }
.lawyerList.newlist ul li .lawyerCnts .lawyerPic:after { position:absolute; top:0; left:0; content:''; width:100%; height:100%; display:block; background:rgba(0,0,0,0.15);
transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);}
.lawyerList.newlist ul li .lawyerCnts .lawyerPic:hover:after { background:rgba(0,0,0,0); transition: all .3s ease-out; }
.lawyerList.newlist ul li .lawyerCnts .lawyerPic:hover img { transform: matrix(1.03, 0, 0, 1.03, 0, 0); }

@media (max-width: 958px) {
	.lawyerList.newlist ul li { width:50%; padding:0; margin-top:20px; }
	.lawyerList.newlist ul li:nth-child(4n+1) { clear:none; }
	.lawyerList.newlist ul li:nth-child(2n+1) { clear:both; }
}

@media (max-width: 598px) {
	.sub-top-img.lawyerpage { padding:30px 0 40px 0; }
	.sub-top-img.lawyerpage .container img { width:96%; }

	.lawyerList.newlist ul li { width:100%; padding:0; margin-top:10px; }
	.lawyerList.newlist ul li .lawyerCnts .lawyerPic img.pc { display:none; }
	.lawyerList.newlist ul li .lawyerCnts .lawyerPic img.mobile { display:block; }
	.lawyerList.newlist ul li .lawyerCnts .lawyerPic:after { display:none; }
	.lawyerList.newlist ul li .lawyerCnts .lawyerText { text-align:center; }
}

/* 변호사 목록 페이지 수정 20201118 */
.lawyerTab .tab {}
.lawyerTab .tab:after { display:block; clear:both; content:''; }
.lawyerTab .tab li { width:50%; float:left; }
.lawyerTab .tab li:nth-child(2){ margin-left:-1px; }
.lawyerTab .tab li a { display:block; width:100%; line-height:56px; text-align:center; font-size:18px; color:#333; border:1px solid #ccc; }
.lawyerTab .tab li a:hover { background:#f1f1f1; }
.lawyerTab .tab li.on a { background:#0d4068; border-color:#0d4068; color:#fff; }
.tabContent { margin-top:30px; }
.lawyerList.newlist ul.col03 li { width:33.3333%; }
.lawyerList ul.col03 li .lawyerCnts .lawyerText strong { background:rgba(254,208,128,0.5); padding:0 10px; border-radius:3px; }
.lawyerList ul li .lawyerCnts .lawyerText strong.bg { background:rgba(254,208,128,0.5); padding:0 10px; border-radius:3px; background:#7c6033; }
.lawyerList ul.col03 li .lawyerCnts .lawyerText strong { margin-top:2px; display:inline-block; }
.lawyerList ul.col03 li .lawyerCnts .lawyerText strong.first { margin-top:0; }
.lawyerList.newlist ul.col03 li:nth-child(4n+1) { clear:none; }
.lawyerList.newlist ul.col03 li:nth-child(3n+1) { clear:both; }
.tabWrap.lawyerTab { display:none; }
#lawyerList02 { display:block; }
.lawyerList.newlist ul.col03.first li { /*margin-top:0;*/ }
.tab_title { margin-top:100px !important; display:block; font-size:34px; font-weight:700; }
.lawyerList.new2022 ul li .lawyerCnts .lawyerText strong.bg { background:#7c6033; border:1px solid #8a6f44; display:inline-block; }

@media (max-width: 959px) {
	.lawyerList.newlist ul li { width:33.3333%; }
	.lawyerList.newlist ul li:nth-child(2n+1) { clear:none; }
	.lawyerList.newlist ul li:nth-child(3n+1) { clear:both; }
	.lawyerList.newlist ul.col03 li:nth-child(2n+1) { clear:none; }
	.tab_title { font-size:28px; margin-bottom:0px; }
}

@media (max-width: 767px) {
	.lawyerTab .tab li a { line-height:40px; font-size:15px; }
	.lawyerList ul li .lawyerCnts .lawyerText { padding:10px 5px; }
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:12px; letter-spacing:-0.1em;}
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:10px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:12px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:16px; }
	.lawyerList ul li .lawyerCnts .lawyerPic img:hover { transform: matrix(1.0, 0, 0, 1.0, 0, 0); }
}

@media (max-width: 598px) {
	.tabWrap.lawyerTab { display:block; }
	#lawyerList02 { display:none; }
	.tab_title { display:none; }
	.lawyerList.newlist ul li { width:100%; } 
	.lawyerList.newlist ul.col03 li { width:100%; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText { padding:0; text-align:left; background:none; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText .lawyerName { margin-top:3px; text-align:right; background:rgba(0,0,0,0.6); padding:5px 10px; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText .lawyerName span { font-size:19px; font-weight:700; letter-spacing:0.05em; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText strong { margin-left:5px; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText strong.bg { padding:2px 6px; font-size:15px; }
}

/* 변호사 목록 페이지 수정 20221221 */
.lawyerListWrap.new .tabWrap.lawyerTab { display:block; }
.lawyerListWrap.new .tabWrap.lawyerTab .tab {  display:flex; justify-content:space-between; width:100%; }
.lawyerListWrap.new .tabWrap.lawyerTab li { flex-grow:1; width:33.3333%; }
.lawyerListWrap.new .tab_title { display:none; }
.lawyerListWrap.new #lawyerList02,
.lawyerListWrap.new #lawyerList03 { display:none; }

@media (max-width: 598px) {
	.lawyerListWrap.new .tabWrap.lawyerTab li { width:auto; }
	.lawyerListWrap.new .tabWrap.lawyerTab li a { font-size:13px; }
}

/* ------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 구성원소개 상단부분   //////////////////////////////////////
--------------------------------------------------------------------------------------------------------------*/
#lawHero {
    position: relative;
    width: 100%;
    height: 523px;
    overflow: hidden;
    background: url('/images/sub/202603/law-hero-bg.jpg') no-repeat center center;
    background-size: cover;
}

#lawHero .lawHeroInner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 55px 20px 0;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
}

#lawHero .lawHeroEyebrow {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 6px;
    color: rgba(255, 255, 255, 0.75);
}

#lawHero .lawHeroTitle {
    margin: 0;
    font-size: 34px;
    font-weight: 300;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.92);
    word-break: keep-all;
}

#lawHero .lawHeroTitle strong {
    font-weight: 800;
    color: #fff;
}

#lawHero .lawHeroIcons {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 46px;
    margin: 58px 0 0;
    padding: 0;
    list-style: none;
}

#lawHero .lawHeroItem {
    width: 200px;
    height: 200px;
    box-sizing: border-box;
    padding: 20px 15px 14px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

#lawHero .lawHeroIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 92px;
    margin-bottom: 12px;
    flex-shrink: 0;
}

#lawHero .lawHeroIcon img {
    display: block;
    max-width: 90px;
    max-height: 90px;
    width: auto;
    height: auto;
}

#lawHero .lawHeroItem p {
    margin: 0;
    min-height: 68px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 400;
    color: #fff;
    word-break: keep-all;
}

/* 반응형 */
@media (max-width: 1200px) {
    #lawHero {
        height: auto;
        padding: 50px 0 60px;
    }

    #lawHero .lawHeroInner {
        height: auto;
        padding-top: 20px;
    }

    #lawHero .lawHeroIcons {
        flex-wrap: wrap;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    #lawHero .lawHeroEyebrow {
        font-size: 13px;
        letter-spacing: 3px;
    }

    #lawHero .lawHeroTitle {
        font-size: 24px;
        line-height: 1.4;
    }

    #lawHero .lawHeroIcons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px;
        margin-top: 35px;
    }

    #lawHero .lawHeroItem {
        width: calc(50% - 7px);
        max-width: none;
        height: 180px;
        padding: 16px 10px 12px;
    }

    #lawHero .lawHeroIcon {
        height: 74px;
        margin-bottom: 12px;
    }

    #lawHero .lawHeroIcon img {
        max-width: 70px;
        max-height: 70px;
    }

    #lawHero .lawHeroItem p {
        min-height: 54px;
        font-size: 14px;
        line-height: 1.4;
    }
}

@media (max-width: 480px) {
    #lawHero {
        padding: 40px 0 45px;
    }

    #lawHero .lawHeroInner {
        padding-left: 12px;
        padding-right: 12px;
    }

    #lawHero .lawHeroTitle {
        font-size: 20px;
    }

    #lawHero .lawHeroIcons {
        gap: 10px;
    }

    #lawHero .lawHeroItem {
        width: calc(50% - 5px);
        max-width: none;
        height: 165px;
        padding: 14px 8px 10px;
    }

    #lawHero .lawHeroIcon {
        height: 62px;
        margin-bottom: 10px;
    }

    #lawHero .lawHeroIcon img {
        max-width: 58px;
        max-height: 58px;
    }

    #lawHero .lawHeroItem p {
        min-height: 48px;
        font-size: 14px;
        line-height: 1.35;
    }
}