/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; /* width:100%; */ height:100%; table-layout:fixed; margin: 0 auto;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:25rem; background-color:#fff; border:2px solid #dddddd; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:2px solid #e5e5e5;}
.sub-tab-list-style ul li a{position: relative; display:table; height:56px; width:100%; }
.sub-tab-list-style ul li a:before {position: absolute; content: ''; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); border:2px solid #0b1186;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; transition: all 0.3s; z-index: 1;}
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#333333; font-size:1.8rem; letter-spacing:-0.05em; text-align:center; transition: all 0.3s;}
.sub-tab-list-style ul li.selected{z-index:1;}
.sub-tab-list-style ul li.selected a:before {opacity: 1;}
.sub-tab-list-style ul li.selected a em{color:#0b1186; font-weight: 600; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:var(--header-height); left:0; width:100%; height:60px; z-index: 100;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	/* .sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%} */
}

/* ******************  01. 변호사소개 ********************** */
.intro-tit-box {text-align: center;}
.intro-tit-box .tit {font-size: 6rem; font-weight: 600; letter-spacing: -0.05em; color: #3a3a3e; line-height: 1.25;}
.intro-tit-box .tit-en {font-size: 10rem; font-weight: 600; letter-spacing: -0.02em;line-height: 1;  background-image: linear-gradient(to bottom, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.1) 100%);background-clip: text;-webkit-background-clip: text; color: transparent; margin-top: 2rem;}
.intro-tit-box .txt {font-size: 2rem; font-weight: 600; letter-spacing: -0.05em; color: #333333; line-height: 1.6; padding-top: 8.5rem;}

/* 민후소개 */
.intro-con {padding: 7.5rem 0 15rem;}
.intro-con .intro-tit-box {margin-bottom: 15rem;}
.intro-list {}
.intro-list li {display: flex; align-items: center; position: relative; }
.intro-list li:not(:first-child) {margin-top: -6.1rem;}
.intro-list li .hexagon-con {display: flex; justify-content: end; width: 36.8rem; height: 27.6rem;}
.intro-list li .hexagon-con .hexagon-box {display: flex; align-items: center; justify-content: center; text-align: center; width: 24.2rem; height: 100%;}
.intro-list li .hexagon-con .hexagon-box.logo-box {margin-right: 1rem;}
.intro-list li .hexagon-con .hexagon-box.logo-box img {max-width: 100%}
.intro-list li .hexagon-con .hexagon-box:not(.logo-box) {background: url(../image/intro_hexagon.png)no-repeat center/100%;}
.intro-list li .hexagon-con .hexagon-box strong {font-size: 3rem; font-weight: 600; letter-spacing: -0.05em; color: #0b1186; line-height: 1.33;}
.intro-list li .txt-con {width: calc(100% - 36.8rem); padding-left: 5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.intro-list li.hexagon-end .hexagon-con {justify-content: space-between; width: 49.4rem;}
.intro-list li.hexagon-end .txt-con {width: calc(100% - 49.4rem);}
.intro-list li.hexagon-start .hexagon-con {width: 24.2rem;}
.intro-list li.hexagon-start .txt-con {width: calc(100% - 24.2rem);}
.intro-list li .txt-con .txt01 {font-size: 3rem; font-weight: 600; letter-spacing: -0.05em; color: #222222; line-height: 1.33;}
.intro-list li .txt-con .txt02 {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; color: #666666; line-height: 1.77; padding-top: 1.5rem;}
/* 변호사소개 */
.lawyer-intro-wrap {padding: 21rem 0 10rem; background: #f3f3f3;}
.lawyer-intro-wrap .intro-tit-box {padding-bottom: 4rem;}
.lawyer-search-con .header-search-inner { border: 0.3rem solid #aed4d8; background-color: #2f3357;}
.lawyer-intro-con {padding: 10rem 0;}
.lawyer-intro-con .lawyer-intro-tit {font-size: 5rem; font-weight: 600; letter-spacing: -0.05em; color: #333333; line-height: 1.2; padding-bottom: 3.5rem; border-bottom: 1px solid #dddddd; margin-bottom: 1rem;}
/* 대표변호사 */
.representative-lawyer-con {padding-top: 7rem;}
.representative-lawyer {display: flex; flex-wrap: wrap; position: relative; height: 35rem; border: 2px solid #0b1186; border-radius: 0 5rem 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.representative-lawyer + .representative-lawyer {margin-top: 8rem;}
.representative-lawyer .img-box {position: relative; display: block; width: 38.46%; height: 100%; background: #fff;}
.representative-lawyer .img-box span {display: block; width: 63%; position: absolute; bottom: 0; left: 50%; margin-left: -31.5%; text-align: center;}
.representative-lawyer .img-box span img {max-width: 100%;}
.representative-lawyer .info-box {position: relative; display: block; width: 61.54%; height: 100%; background: #f3f3f9;  border-radius: 0 5rem 0 0; padding: 5rem 5rem 15rem 8rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.representative-lawyer .info-box .bg-logo-img {position: absolute; bottom: -4.1rem; right: -3rem; }
.representative-lawyer .info-box .name {font-size: 3rem; font-weight: 500; letter-spacing: -0.05em; color: #333333; line-height: 1.2;}
.representative-lawyer .info-box .name strong {font-size: 4rem; font-weight: 600; display: inline-block; margin-right: 2rem;}
.representative-lawyer .info-box .job {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; color: #333333; line-height: 1.3;  padding-top: 2rem;}
.representative-lawyer .info-box .txt {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; color: #0b1186; line-height: 1.55; padding-top:1.3rem ;}
.representative-lawyer .contact-list {position: absolute; width: 61.54%; height: 10rem; right: 0; bottom: 5rem; padding-left:8rem; display: flex; box-sizing: border-box; }
.representative-lawyer .contact-list li {width: 10rem; position: relative; margin-right: 1rem;}
.representative-lawyer .contact-list li a {display: block; position: relative; width: 100%; height: 0; padding-top: 100%; background: #fff; border-radius: 50%;}
.representative-lawyer .contact-list li a dl {position: absolute; width: 100%; height: 100%; top: 0 ; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.representative-lawyer .contact-list li a dl dt {height: 3.5rem;}
.representative-lawyer .contact-list li a dl dt img {max-height: 100%; max-width: 100%;}
.representative-lawyer .contact-list li a dl dd {font-size: 1.4rem; font-weight: 500; letter-spacing: -0.05em; color: #333333; line-height: 1.3; margin-top: 0.5rem;}
/* 파트너변호사 */
.partner-lawyer-list {display: flex; flex-wrap: wrap; margin: -1.5rem; padding-top: 4rem;}
.partner-lawyer-list li {width: calc(33.33% - 3rem); margin: 1.5rem; background: #fff; border-radius: 0 5rem 0 0;  text-align: center;}
.partner-lawyer-list li a {display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; position: relative; padding-top: 5rem; box-sizing: border-box;}
.partner-lawyer-list li a dl {margin-bottom: 1.5rem;}
.partner-lawyer-list li a dl dt {font-size: 3rem; font-weight: 600; letter-spacing: -0.05em; color: #333333; line-height: 1.23;}
.partner-lawyer-list li a dl dd {font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; color: #333333; line-height: 1.5;}
.partner-lawyer-list li a .job {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.05em; color: #333333; line-height: 1.3;}
.partner-lawyer-list li a .txt {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.05em; color: #0b1186; line-height: 1.4;}
.partner-lawyer-list li a span {display: block; width: 100%; margin-top: 3rem; height: 36rem;}
.partner-lawyer-list li a span img {max-height: 100%; max-width: 100%;}
/* 소속변호사 */
.lawyer-list {display: flex; flex-wrap: wrap; margin: -1.5rem -1rem; padding: 7rem 0 0;}
.lawyer-list li {width: calc(33.33% - 2rem); margin: 1.5rem 1rem; background: #fff; border-radius: 0 5rem 0 0;}
.lawyer-list li a {display: flex; min-height: 20rem;}
.lawyer-list li a .img {position: relative; width: 47.32%; }
.lawyer-list li a .img span {position: absolute; width: 100%; bottom: 0; left: 0; text-align: center;}
.lawyer-list li a .img span img {max-width: 100%; }
.lawyer-list li a .info {width: 52.68%; padding: 4.5rem 0 4rem;}
.lawyer-list li a .info dl dt {font-size: 3rem; font-weight: 600; letter-spacing: -0.05em; color: #333333; line-height: 1.23;}
.lawyer-list li a .info dl dd {font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; color: #333333; line-height: 1.23; padding-top: 0.5rem;}
.lawyer-list li a .info .txt {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.05em; color: #0b1186; line-height: 1.4; padding-top: 1.5rem;}
/* 민후의 발자취 */
.intro-history-con {padding: 20rem 0;}
.intro-history-img {margin: 10rem 0; height: 48rem; background: url(../image/intro_history_img.jpg)no-repeat center/cover;}
.history-circle {width: 15rem; height: 15rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.history-circle i {font-size: 4rem; color: #fff; }
.history-top .history-circle {background: linear-gradient(135deg, #68c187, #039ff8);}
.history-bottom .history-circle {background: #0b1186;}
:root{
	--history-padding: 4.5rem; 
}
.history-style01{position:relative;}
.history-style01 .history-year-item {position:relative; display:flex; justify-content:space-between; padding-top:7rem; }
.history-style01 .history-year-item:last-of-type {padding-bottom: 7rem;}
.history-style01 .history-year-item .history-info-box{width:50%;}
.history-style01 .history-year-item .history-back-line{position:absolute; top:0; height:100%; width:2px; left:50%; margin-left: -1px; background-color:#ddd; }
.history-style01 .history-year-item .history-year-tit{position:relative; font-size:6.5rem; color:#0b1186; margin-bottom:5rem;}
.history-style01 .history-year-item .history-year-tit .dot{position:absolute; top:50%; width:1rem; height:1rem; background-color:#0b1186; border-radius:50%; transform:translate(0%, -50%); z-index:1;}
.history-style01 .history-year-item .history-year-tit .dot:before {position: absolute; content: ''; top: -0.5rem; left: -0.5rem; width: 2rem; height: 2rem; background: #0b1186; border-radius:50%; opacity: 0.1; z-index: -1;}

.history-style01 .history-item-box .history-item{margin-bottom: 2rem;}
.history-style01 .history-item-box .history-item .history-txt {position: relative; padding-left: 1.7rem; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.05em; color: #000; line-height: 1.55; margin-bottom: 0.5rem;}
.history-style01 .history-item-box .history-item .history-txt:before {position: absolute; top: 0.9rem; left: 0; content: ''; width: 0.8rem; height: 0.8rem; border: 2px solid #0b1186; background: #fff; border-radius: 0.8rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.history-style01 .history-item-box .history-detail-txt-con {padding-left: 1.7rem;}
.history-style01 .history-item-box .history-detail-txt-con .history-detail-txt {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; color: #666666; line-height: 1.55;}
.history-style01 .history-item-box .history-detail-txt-con .history-detail-txt + .history-detail-txt {padding-top: 0.5rem;}

@media all and (min-width:801px){
	/* 우측내용 */
	.history-style01 .history-right{flex-direction:row-reverse; }
	.history-style01 .history-right .history-year-tit:not(.reverse){padding-left:var(--history-padding); }
	.history-style01 .history-right .history-year-tit:not(.reverse):after{left:0;}
	.history-style01 .history-right .history-year-tit:not(.reverse) .dot{left:0; transform:translate(-50%,-50%)}
	.history-style01 .history-right .history-item-box .history-item{padding-left:var(--history-padding)}

	/* 좌측내용 */
	.history-style01 .history-left{text-align:right; }
	.history-style01 .history-left .history-year-tit:not(.reverse){padding-right:var(--history-padding); }
	.history-style01 .history-left .history-year-tit:not(.reverse):after{right:0;}
	.history-style01 .history-left .history-year-tit:not(.reverse) .dot{right:0; transform:translate(50%,-50%)}
	.history-style01 .history-left .history-item-box .history-item{padding-right:var(--history-padding)}
	.history-style01 .history-left .history-item-box .history-item .history-txt {padding-left: 0; padding-right: 1.7rem;}
	.history-style01 .history-left .history-item-box .history-item .history-txt:before {left: auto; right: 0;}
	.history-style01 .history-left .history-item-box .history-detail-txt-con {padding-left: 0; padding-right: 1.7rem;}
}

/* ***** 변호사 소개 상세페이지 ***** */
.lawyer-view-top {position: relative; display: flex; flex-wrap: wrap;}
.lawyer-view-top .back-btn {position: absolute; top: 0; right: 0; z-index: 1; width: 6rem; height: 6rem; border-radius: 50%; border: 1px solid #dddddd; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: #222222;}
.lawyer-view-top .left-con {width: 50%; padding-right: 11rem; box-sizing: border-box;}
.lawyer-view-top .lawyer-name-box {padding-bottom: 7rem;}
.lawyer-view-top .lawyer-name-box span {display: block; font-size: 2.5rem; font-weight: 600; letter-spacing: -0.05em; color: var(--main-color); line-height: 1.3; margin-bottom: 1rem;}
.lawyer-view-top .lawyer-name-box .name {font-size: 8rem; font-weight: 600; letter-spacing: -0.05em; color: #222222; line-height: 1.1;}
.lawyer-view-top .lawyer-name-box .job {font-size: 2rem; font-weight: 600; letter-spacing: -0.05em; color: #666666; line-height: 1.75; padding-top: 2rem;}
.lawyer-view-top .lawyer-txt-box {padding: 7.5rem 0; position: relative;}
.lawyer-view-top .lawyer-txt-box:before {position: absolute; content: ''; width: 100vw; height: 100%; bottom: 0; left: calc(-1*((100vw - var(--area-width))/2)); background: var(--main-color); z-index: -1;}
.lawyer-view-top .lawyer-txt-box .txt {font-size: 2.5rem; font-weight: 600; letter-spacing: -0.05em; color: #fff; line-height: 1.4;}
.lawyer-view-top .lawyer-txt-box .contact-box {border-top: 1px solid rgba(255,255,255,0.15); margin-top: 2.5rem; padding-top: 3rem;}
.lawyer-view-top .contact-box > dl {padding-top: 1rem; display: flex; font-size: 1.8rem; color: #fff;}
.lawyer-view-top .contact-box > dl dt {width: 9.2rem; font-weight: 600; letter-spacing: -0.02em;}
.lawyer-view-top .contact-box > dl dd {width: calc(100% - 9.2rem); font-weight: 400; letter-spacing: -0.05em; opacity: 0.5;}
.lawyer-view-top .contact-box .contact-list {display: flex; margin: 0 -0.5rem; padding-top: 3rem;}
.lawyer-view-top .contact-box .contact-list li {width: calc(20% - 1rem); margin: 0 0.5rem;}
.lawyer-view-top .contact-box .contact-list li a {position: relative; display: block; width: 100%; height: 0; padding-top: 100%; background: #fff; border-radius: 50%;}
.lawyer-view-top .contact-box .contact-list li a dl {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction:column; align-items: center; justify-content: center;}
.lawyer-view-top .contact-box .contact-list li a dl dt {height: 3.5rem; line-height: 3.5rem;}
.lawyer-view-top .contact-box .contact-list li a dl dt img {max-height: 100%;}
.lawyer-view-top .contact-box .contact-list li a dl dd {font-size: 1.4rem; font-weight: 500; letter-spacing: -0.05em; color: #333333; line-height: 1.3; margin-top:0.5rem;}
.lawyer-view-top .right-con {position: relative; width: 50%;}
.lawyer-view-top .right-con .lawyer-img {position: absolute; width: 100%; bottom: 0; left:0; text-align: center;}
.lawyer-view-top .right-con .lawyer-img img {max-width: 100%;}

.lawyer-view-con .view-con01 {padding: 11rem 0;}
.lawyer-view-img-con {display: flex; margin: 0 -2rem; padding-bottom: 7.5rem;}
.lawyer-view-img-con .img {width: calc(50% - 4rem); margin: 0 2rem;}
.lawyer-view-img-con .img span {position: relative; display: block; width: 100%; height: 0; padding-top: 63.5%;}
.lawyer-view-img-con .img span img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.lawyer-view-tit {position: relative; display: inline-block; font-size: 3.5rem; letter-spacing: -0.05em; color: #000; line-height: 1.3;}
.lawyer-view-tit:before {position: absolute; content: ''; right: -2rem; top: 0.2rem; width: 1rem; height: 1rem; border-radius: 1rem; background:#0b1186;}
.lawyer-view-info-con {border-top: 2px solid #000;}
.lawyer-view-info-con dl {display: flex; padding: 6rem 0 5.5rem; border-bottom: 1px solid rgba(0,0,0,0.1);}
.lawyer-view-info-con dl dt {width:33rem;}
.lawyer-view-info-con dl dd {width: calc(100% - 33rem);}
.lawyer-view-info-con dl dd .txt {position: relative; padding-left: 0.7rem; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; color: #666666; line-height: 1.5;}
.lawyer-view-info-con dl dd .txt:before {position: absolute; content: '·'; left: 0; top: 0;}
.lawyer-view-info-con dl dd .txt + .txt {margin-top: 0.5rem;}
.lawyer-view-info-con dl dd .txt.has-year {padding-left: 8rem;}
.lawyer-view-info-con dl dd .txt.has-year:before {display: none;}
.lawyer-view-info-con dl dd .txt.has-year strong {position: absolute; top: 0; left: 0; width: 7rem; font-size: 1.8rem; font-weight: 600; color: #000000; letter-spacing: -0.05em; line-height: 1.5;}
.lawyer-view-info-con dl dd .txt-box + .txt-box {margin-top: 3rem;}
.lawyer-view-info-con dl dd .txt-box.has-sub-tit {position: relative; padding-left: 8rem;}
.lawyer-view-info-con dl dd .txt-box.has-sub-tit .sub-tit {position: absolute; top: 0; left: 0; font-size: 1.8rem; font-weight: 600; color: #000;  letter-spacing: -0.05em; line-height: 1.5;}
.lawyer-view-con .view-con02 {padding: 11.5rem 0 12rem; background: #f5f5f5;}
.lawyer-view-con .view-con03 {padding: 11.5rem 0 12rem; border-bottom: 1px solid rgba(0,0,0,0.1);}
.lawyer-view-tit-box {display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem;}
.lawyer-view-slide-arrow {margin-right: -1rem; display: flex; align-items: center;}
.lawyer-view-slide-arrow button {position: relative; font-size: 4rem; line-height: 4rem; color: rgba(0,0,0,0.2);transition: all 0.3s;}
.lawyer-view-slide-arrow button.prev-btn:before {position: absolute; top: 50%; right: -3px; margin-top: -0.8rem; content: ''; width: 2px; height: 1.6rem; background: #dddddd;}
.lawyer-view-slide-arrow button:hover {color: #000;}
.lawyer-view-slide-list li a + a {margin-top: 3.5rem;}
.lawyer-view-slide-list li a {position: relative; display: block; border: 2px solid #dddddd; background: #fff; padding: 4.5rem 3.9rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; height: 33.3rem; transition: all 0.3s;}
.lawyer-view-slide-list li a .tit {font-size: 2rem; font-weight: 700; letter-spacing: -0.05em; color: #000000; line-height: 1.6; overflow:hidden;display:block;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.lawyer-view-slide-list li a .txt {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; color: #000000; line-height: 1.625; overflow:hidden;display:block;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 2rem;}
.lawyer-view-slide-list li a .date {position: absolute; display: block; bottom: 4.5rem; left: 3.9rem; font-size: 1.6rem; color: #aaaaaa; letter-spacing: -0.05em;}
.lawyer-view-slide-list li a:hover {border-color: var(--main-color);}

.cm-more-btn {display: block; margin:6rem auto 0; width: 30rem; height: 7.5rem; line-height: 7.5rem; text-align: center; background: var(--main-color4); font-size: 1.8rem; font-weight: 500; letter-spacing: -0.02em; color: #fff;}
.lawyer-view-con .view-btn-con {padding:6rem 0 12rem;}
.lawyer-view-con .view-btn-con a {display: block; width: 35rem; height: 8rem; line-height: 7.8rem; text-align: center; margin: 0 auto; border: 1px solid #11176c; font-size: 2.2rem; font-weight: 500; letter-spacing: -0.02em; color: #11176c; box-sizing: border-box; background: #fff; box-shadow: 1rem 1rem 3rem rgba(0,0,0,0.1);}

/* ******************  02. 업무사례 ********************** */
/* ***** 업무사례 상세페이지 ***** */
.business-view-page {padding: 3rem 0 15rem ;}
.business-view-lawyer-con {padding: 11.5rem 0 12rem; background: #f5f5f5;}
.business-view-cases-con {padding: 11.5rem 0 12rem; border-bottom: 1px solid #dddddd;}
.business-lawyer-list {}
.business-lawyer-list li {background: #fff; border-radius: 0 5rem 0 0;  text-align: center;}
.business-lawyer-list li a {display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; position: relative; padding-top: 5rem; box-sizing: border-box;}
.business-lawyer-list li a dl {margin-bottom: 1.5rem;}
.business-lawyer-list li a dl dt {font-size: 3rem; font-weight: 600; letter-spacing: -0.05em; color: #333333; line-height: 1.23;}
.business-lawyer-list li a dl dd {font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; color: #333333; line-height: 1.5;}
.business-lawyer-list li a .job {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.05em; color: #333333; line-height: 1.3;}
.business-lawyer-list li a .txt {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.05em; color: #0b1186; line-height: 1.4;}
.business-lawyer-list li a span {display: block; width: 100%; margin-top: 3rem; height: 36rem;}
.business-lawyer-list li a span img {max-height: 100%; max-width: 100%;}
.business-view-lawyer-con .lawyer-view-tit-box {padding-bottom: 3rem; margin-bottom: 6rem; border-bottom: 1px solid #dddddd;}
.business-view-lawyer-con .lawyer-view-tit-box .lawyer-view-tit {font-size: 4rem; font-weight: 600; letter-spacing: -0.05em; color: #333333;}
.business-view-lawyer-con .lawyer-view-tit-box .lawyer-view-tit:before {display: none;}
.business-view-page .cm-btn-controls {margin-top: 10rem;}
.business-view-page .cm-btn-controls a {width: 21.5rem; height: 58px;}

/* ******************  03. 고객지원 ********************** */
/* ***** 사건의뢰/법률상담 ***** */
.consult-top-con {padding:9.5rem 0; background: var(--main-color); margin-top: 8.5rem;}
.consult-top-con .txt {position: relative; padding-left: 3.5rem; font-size: 2rem; font-weight: 600; letter-spacing: -0.05em; color: #fff; line-height: 1.6;}
.consult-top-con .txt + .txt {margin-top: 2rem;}
.consult-top-con .txt:before {position: absolute; content: '\e92e'; font-family: xeicon; top: -0.3rem; left: 0; font-size: 2.5rem; font-weight: 400;}
.consult-con {padding: 15rem 0 0;}
.consult-list {display: flex; flex-wrap: wrap; margin: 0 -1rem; padding-bottom: 5rem;}
.consult-list li {width: calc(25% - 2rem); margin: 0 1rem;}
.consult-list li a {display: block; text-align: center; width: 100%; height: 100%; border: 1px solid #dddddd; border-radius: 1rem; box-sizing: border-box; padding: 7.4rem 3rem 7rem; transition: all 0.3s;}
.consult-list li a.m-ver{display: none;}
.consult-list li a .icon-box { height: 9.6rem;}
.consult-list li a .icon-box img {max-height: 100%; max-width: 100%;}
.consult-list li a .txt-box {margin-top: 4rem;}
.consult-list li a .txt-box h4 {font-size: 2.5rem; font-weight: 600; letter-spacing: -0.05em; color: #222; line-height: 1.3;}
.consult-list li a .txt-box p {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; color: #666666; line-height: 1.4; padding-top: 1.5rem;}
.consult-list li:nth-child(1) a:hover {border-color: #2a5082;}
.consult-list li:nth-child(2) a:hover {border-color: #e08022;}
.consult-list li:nth-child(3) a:hover {border-color: #109974;}
.consult-list li:nth-child(4) a:hover {border-color: #642da1;}
.consult-list-con {padding: 10rem 0;}
.consult-list-con .cm-btn-controls a {width: 21.5rem; height: 58px;}

/* 오시는길 */
.location-con {padding: 5rem 0 15rem;}
.location-map-con .map {height: 90rem;}
.location-map-con .map iframe {width: 100%; height: 100%;}
.location-map-con .cont {display: none;}
.location-qr-con {display: flex; justify-content: space-between; margin: 0 -1rem; padding: 14.5rem 0 12rem;}
.location-qr-con .qr-item {width: calc(33.33% - 2rem); margin: 0 1rem; max-width: 28rem;}
.location-qr-con .qr-item .qr-box {width: 100%; border: 5px solid #06c55b; padding: 1.3rem; box-sizing: border-box; margin-bottom: 2rem;}
.location-qr-con .qr-item .qr-box img {max-width: 100%;}
.location-qr-con .qr-item .link-btn {display: block; width: 100%; height: 6.5rem; line-height: 6.5rem; font-size: 2rem; font-weight: 600; letter-spacing: -0.05em; color: #222; background: #87c1b7; text-align: center;}
.location-qr-con .qr-item.item02 .qr-box {border-color: #f62b1c;}
.location-qr-con .qr-item.item02 .link-btn {background: #9c2343; color: #fff;}
.location-qr-con .qr-item.item03 .qr-box {border-color: #edba1f;}
.location-qr-con .qr-item.item03 .link-btn {background: #fdd7af;}
.location-info-con {padding-bottom: 12rem;}
.location-info-con dl {display: flex; padding:7rem 0; border-bottom: 1px solid #eeeeee;}
.location-info-con dl:first-child {border-top: 1px solid #eeeeee;;}
.location-info-con dl dt {width: 15.77%;}
.location-info-con dl dt strong {display: inline-block; position: relative; font-size: 3rem; font-weight: 600; letter-spacing: -0.05em; color: #0b1186; line-height: 1.2;}
.location-info-con dl dt strong:before {position: absolute; content: ''; width: 100%; height: 0.4rem; bottom: -0.6rem; left: 0; background:#0b1186 ;}
.location-info-con dl dd {width: 54.26%;}
.location-info-con dl dd p {font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; color: #666666; line-height: 1.5;}
.location-info-con dl dd p span {display: inline-block; margin-left: 1.5rem;}


/* ******************  04. 문의하기 ********************** */
.consult-tit {font-size: 6rem; font-weight: 600; letter-spacing: -0.05em; color: #333333; line-height: 1.3; text-align: center; margin-bottom: 7rem;}
.cm-name-fieldset-box {display: flex; align-items: center;}
.cm-name-fieldset-box .write-input {max-width: 500px;}
.cm-name-fieldset-box .custom-checkbox-item-box2 {margin: 0; margin-left: 2rem;} 
.cm-name-fieldset-box .custom-checkbox-item-box2 .custom-checkbox-item2 {margin: 0;}


/* ******************  02. 업무사례 :: 리스트 ********************** */
.business-case-con01{}
.business-case-con02{margin-top: 8rem;}


/* ******************  03. 고객지원 :: 지식 공유 ********************** */
.knowledge-sharing-con01{margin-top: 10rem;}

.knowledge-sharing-con02{margin-top: 8rem;}
.knowledge-sharing-con02 .bbs-top-list-box .board-search-box {width: 340px;}
.knowledge-sharing-con02 .bbs-list-row .bbs-title a{padding: 0 40px;}

.knowledge-sharing-con03{margin-top: 12rem;}

@media all and (max-width:800px){
	.knowledge-sharing-con01{margin-top: 5rem;}

	.knowledge-sharing-con02{margin-top: 8rem;}
	.knowledge-sharing-con02 .bbs-top-list-box .board-search-box {width: 100%;}
	.knowledge-sharing-con02 .bbs-list-row .bbs-title a{padding: var(--board-list-item-padding) 40px 5px 0;}

	.knowledge-sharing-con03{margin-top: 8rem;}
}