@charset "utf-8";
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * tab_btn_box *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.tab_btn_box ul{display: flex;}
.tab_btn_box ul li{flex:1;}
.tab_btn_box ul li a{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #f3f0ec; color: #222; font-size: var(--fz-20); letter-spacing: -0.025em; line-height: 1.5em; text-align: center; font-weight: 600; padding: 15px 0; box-sizing: border-box;}
.tab_btn_box ul li.active a{background-color: #d63c26; color: #fff;}

.tab_con_box .tab_con{display: none;}
.tab_con_box .tab_con.on{display: block;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 언론보도*
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.media .con01 .tab_con ul{display: flex; flex-wrap: wrap; gap: 20px;}
.media .con01 .tab_con ul li{width: calc(50% - 10px); box-sizing: border-box; border: 1px solid #e6e3e0; }
.media .con01 .tab_con ul li:hover{border-color: #d63c26;}
.media .con01 .tab_con ul li a{display: flex;}
.media .con01 .tab_con ul li .left_box{width: 42%; box-sizing: border-box; background-color: #f9f8f7; display: flex; align-items: center; justify-content: center;}
.media .con01 .tab_con ul li .left_box .img_box{text-align: center;}
.media .con01 .tab_con ul li .left_box .img_box img{width: 90%; max-width: fit-content;}
.media .con01 .tab_con ul li .right_box{width: 58%; box-sizing: border-box;}
.media .con01 .tab_con ul li .right_box .txt_box{width: 100%; height: 100%; box-sizing: border-box; padding: 45px;}
.media .con01 .tab_con ul li .right_box .txt_box .tit span{font-weight: 600; color: #d63c26; font-size: 18px; letter-spacing: -0.025em; line-height: 1.625em;}
.media .con01 .tab_con ul li .right_box .txt_box .tit p{font-weight: 600; color: #222222; letter-spacing: -0.025em; line-height: 1.41666em; margin-top: 10px; font-size: var(--fz-24); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.media .con01 .tab_con ul li .right_box .txt_box .txt p{font-size: 18px; color: #444444; letter-spacing: -0.025em; line-height: 1.625em; display: -webkit-box; overflow: hidden; vertical-align: top; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 5; margin-top: 20px;}

@media all and (max-width:768px){
	.media .con01 .tab_con ul li{width: 100%;}
	.media .con01 .tab_con ul li .right_box .txt_box{padding: 20px;}
	.media .con01 .tab_con ul li .right_box .txt_box .txt p{-webkit-line-clamp: 3;}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 성공사례 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.case .con01{overflow: hidden;}
.case .con01 .txt_box .desc {text-align: center; letter-spacing: -0.025em;}
.case .con01 .txt_box .desc h6{font-size: var(--fz-28); color: #d63c26; font-weight: 600; line-height: 1.21428em;}
.case .con01 .txt_box .desc p{font-size: var(--fz-20); color: #444444; line-height: 1.5em; margin-top: 20px;}
.case .con01 .case_box{position: relative; border: 1px solid #e6e3e0; box-sizing: border-box; width: 100%; display: block; min-height: 359px;}
.case .con01 .case_box .tag{padding: 18px 30px; background-color: #d63c26; text-align: center; display: inline-block;}
.case .con01 .case_box .tag p{font-weight: 600; font-size: var(--fz-20); color: #ffffff; letter-spacing: -0.025em;}
.case .con01 .case_box .info_box{padding: 60px; width: 100%; box-sizing: border-box;}
.case .con01 .case_box .info_box .txt_box .tit p{font-size: var(--fz-24); color: #222222; font-weight: 600; letter-spacing: -0.025em; line-height: 1.4166666em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.case .con01 .case_box .info_box .txt_box .txt p{font-size: 18px; color: #444444; letter-spacing: -0.025em; line-height: 1.55555em; margin-top: 10px; display: -webkit-box; overflow: hidden; vertical-align: top; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.case .con01 .case_box .info_box .saram_box{margin-top: 25px; display: flex; align-items: center; gap: 15px;}
.case .con01 .case_box .info_box .saram_box .img_box{text-align: center; max-width: 80px; border-radius: 50%; overflow: hidden; aspect-ratio: 1/1; box-sizing: border-box;}
.case .con01 .case_box .info_box .saram_box .img_box img{width: 100%; max-width: fit-content; height: 100%;}
.case .con01 .case_box .info_box .saram_box .name_box span{font-size: 16px; color: #d63c26; letter-spacing: -0.025em; line-height: 1.625em;}
.case .con01 .case_box .info_box .saram_box .name_box p{font-size: var(--fz-20); color: #222222; font-weight: 600; letter-spacing: -0.025em; line-height: 1.4em;}
.case .con01 .swiper_box .swiper-pagination{position: unset; margin-top: 60px;}
.case .con01 .swiper_box .swiper-pagination-progressbar-fill{background-color: #d63c26;}
.case .con01 .swiper_box .swiper-slide{opacity: .5; transition: opacity .5s;}
.case .con01 .swiper_box .swiper-slide-active,
.case .con01 .swiper_box .swiper-slide-prev,
.case .con01 .swiper_box .swiper-slide-next{opacity: 1;}

@media all and (max-width:1200px){
	.case .con01 .case_box .info_box{padding: 30px;}
}

@media all and (max-width:768px){
	.case .con01 .swiper_box .swiper-slide-prev,
	.case .con01 .swiper_box .swiper-slide-next{opacity: .5;}
	.case .con01 .case_box{min-height: 287px;}
}

.case .con02 .tab_btn_wrap ul{display: flex; gap: 10px; flex-wrap: wrap;}
.case .con02 .tab_btn_wrap ul li{max-width: calc(25% - 7.5px);}
.case .con02 .tab_btn_wrap ul li a{display: block; border-radius: 30px; background-color: #e7e9ed; padding: 16px 28px; font-weight: 600; color: #7f899b; font-size: var(--fz-20); letter-spacing: -0.025em; position: relative;}
.case .con02 .tab_btn_wrap ul li:hover a,
.case .con02 .tab_btn_wrap ul li.on a{background-color: #d63c26; color: #fff;}
.case .con02 .tab_btn_wrap ul li.on a::before{content: ''; display: inline-block; width: 14px; height: 12px; background: url(/img/case_check01.png)no-repeat center center /cover; margin-right: 7px;}
.case .con02 .tab_con{width: 100%; background-color: #fff;}

@media all and (max-width:768px){
	.case .con02 .tab_btn_wrap ul li a{padding: 16px;}
}

.case .program_table table tr td {
    border-bottom: unset;
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * attorneys *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.lawyer_page .owner_law ul{display: flex; flex-wrap: wrap; gap: 20px;} 
.lawyer_page .owner_law ul li{width: calc(25% - 15px); box-sizing: border-box; position: relative; aspect-ratio: 9/12.026;}
.lawyer_page .owner_law ul li a{background:#656c74 url(/img/lawyer_con02_newbg01.jpg)no-repeat center center / cover; display: block; width: 100%; height: 100%;  box-sizing: border-box;}
.lawyer_page .owner_law ul li .img_box{text-align: center; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center;}
.lawyer_page .owner_law ul li .img_box img{max-height: 660px; height: 96%;}
.lawyer_page .owner_law ul li:before{position: absolute; top: 10px; right: 10px; width: 24px; aspect-ratio: 1/1; box-sizing: border-box; content: ''; clip-path: polygon(100% 0, 0 0, 100% 100%); opacity: 0; transition: .3s; z-index: 1; background-color: #fff;}
/* .lawyer_page .owner_law ul li .img_box img{width: 100%; height: 100%; object-fit: cover;} */
.lawyer_page .owner_law ul li .txt_box{position: absolute; padding: 30px; width: 100%; height: 100%; box-sizing: border-box; top: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; letter-spacing: -0.025em;} 
.lawyer_page .owner_law ul li .txt_box h6{font-size: var(--fz-26); line-height: 1.2777777em; font-weight: 100; color: #fff;}
.lawyer_page .owner_law ul li .txt_box p{font-size: var(--fz-20); line-height: 1.5em; margin-top: 15px; max-width: 470px; display: none;}

.lawyer_page .owner_law ul li:hover .txt_box{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);}
.lawyer_page .owner_law ul li:hover .txt_box p{display: block;}
.lawyer_page .owner_law ul li:hover:before{opacity: 1;}

@media all and (max-width:1024px){
	.lawyer_page .owner_law ul li .txt_box{padding: 40px;}
}

@media all and (max-width:768px){
	.lawyer_page .owner_law ul li{width: 100%;}
}

.lawyer_page .con03 .con_box ul{display: flex; flex-wrap: wrap; gap: 20px;}
.lawyer_page .con03 .con_box ul li{width: calc(25% - 15px); position: relative; box-sizing: border-box;}
.lawyer_page .con03 .con_box ul li a{display: block; width: 100%; height: 100%; aspect-ratio: 9/12.026; background:#656c74 url(/img/lawyer_con03_newbg01.jpg)no-repeat center center /cover; box-sizing: border-box;}
.lawyer_page .con03 .con_box ul li .img_box {text-align: center; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center;}
.lawyer_page .con03 .con_box ul li .img_box img{max-height: 580px; height: 94%;}
.lawyer_page .con03 .con_box ul li .txt_box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 25px; display: flex; align-items: flex-end; transition: .3s;}
.lawyer_page .con03 .con_box ul li .txt_box p{font-size: var(--fz-26); color: #ffffff; font-weight: 100; letter-spacing: -0.025em; line-height: 1.27777em;}
.lawyer_page .con03 .con_box ul li .txt_box:before{position: absolute; top: 60px; right:60px; width: 24px; aspect-ratio: 1/1; background-color: #fff; content: ''; clip-path: polygon(100% 0, 0 0, 100% 100%); opacity: 0; transition: .3s;}
.lawyer_page .con03 .con_box ul li:hover .txt_box{background-color: rgba(0,0,0,.75);}
.lawyer_page .con03 .con_box ul li:hover .txt_box:before{opacity:1;}

@media all and (max-width:1024px){
	.lawyer_page .con03 .con_box ul li{width: calc(50% - 12.5px);}
}

@media all and (max-width:768px){
	.lawyer_page .con03 .con_box ul li .txt_box{padding: 20px;}
	.lawyer_page .con03 .con_box ul li .txt_box:before{top: 20px; right: 20px; width: 12px;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 구성원소개  detail*
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.lawyer_detail .con01 .row01{display: flex; align-items: flex-end; background-color: #6b7279;}
.lawyer_detail .con01 .row01 > div{width: 50%; box-sizing: border-box;}
.lawyer_detail .con01 .left_box{padding: 100px 0 100px 100px; color: #fff;}
.lawyer_detail .con01 .txt_box .tit h6{font-size: 18px; letter-spacing: -0.025em; font-weight: 100; line-height: 1.20833em; color: #fff;}
.lawyer_detail .con01 .txt_box .tit h6 b {
	font-size: var(--fz-48);
	font-weight: 700;
	line-height: 1.4em;
}
.lawyer_detail .con01 .txt_box .txt{margin-top: 30px;}
.lawyer_detail .con01 .txt_box .txt p{font-size: 18px; letter-spacing: -0.025em; line-height: 1.55555em; color: #fff;}
/* .lawyer_detail .con01 .txt_box .txt p + p{margin-top: 25px;} */
.lawyer_detail .con01 .txt_box .txt h5{font-size: var(--fz-22); line-height: 1.454545em; letter-spacing: -0.025em; margin-bottom: 25px; color: #fff;}
.lawyer_detail .con01 .right_box{aspect-ratio: 9/8.875; background: url(/img/read_con01_newbg01.png)no-repeat bottom center;}
.lawyer_detail .con01 .right_box .img_box{ text-align: center; width: 100%; height: 100%; display: flex; box-sizing: border-box; align-items: flex-end; justify-content: center;}
.lawyer_detail .con01 .right_box .img_box img{max-height: 660px; height: 93%;}

@media all and (max-width:1024px){
	.lawyer_detail .con01 .row01{flex-direction: column;}
	.lawyer_detail .con01 .row01 > div{width: 100%;}
	.lawyer_detail .con01 .left_box{padding: 50px;}
}
.lawyer_detail .con02 .row01{display: flex; gap: 60px;}
.lawyer_detail .con02 .row01 > div{width: calc(50% - 30px);}
.lawyer_detail .con02 .sub_con_tit{padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #444444;}
.lawyer_detail .con02 .square_list ul{-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
.lawyer_detail .con02 .swiper_box{overflow: hidden;}
.lawyer_detail .con02 .swiper_box .img_box{aspect-ratio: 9/12.707;}
.lawyer_detail .con02 .swiper_box .img_box img{width: 100%; height: 100%; object-fit: cover;}
.lawyer_detail .con02 .swiper_box .txt_box{padding: 20px 0;}
.lawyer_detail .con02 .swiper_box .txt_box p{font-size: var(--fz-20); letter-spacing: -0.025em; font-weight: 600; text-align: center;}
.lawyer_detail .con02 .swiper-pagination{position: unset; margin-top: 20px;}
.lawyer_detail .con02 .swiper-pagination-progressbar-fill{background-color: #177190;}
.lawyer_detail .con02 .btn_box{display: flex; justify-content: center;}
.lawyer_detail .con02 .btn_box a{display: flex; align-items: center; justify-content: center; background-color: #177190; width: 228px; height: 60px; font-size: var(--fz-20); color: #ffffff; letter-spacing: -0.025em; line-height: 1.5em; font-weight: 600;}

@media all and (max-width:1024px){
	.lawyer_detail .con02 .row01{flex-direction: column;}
	.lawyer_detail .con02 .row01 > div{width: 100%;}
}

.custom_char img {
	background-color: #fff;
}