@charset "utf-8";

.sectionTitle{font-size:7rem;font-weight:600;letter-spacing:-0.02em;line-height:1.2;color:#111;}

.contTitle{font-size:5.4rem;font-weight:600;color:#111;letter-spacing:-0.02em;}
.contTitle02{font-size:3rem;font-weight:500;color:#111;letter-spacing:-0.02em;}

.contTitleSub{font-size:2.6rem;font-weight:400;color:#444;letter-spacing:-0.02em;}
.contTitleSub02{font-size:2rem;font-weight:400;color:#444;letter-spacing:-0.02em;}

.basicText{font-size:1.8rem;font-weight:400;color:#444;letter-spacing:-0.03em;line-height:1.6666666;}
.basicText02{font-size:2.2rem;font-weight:400;color:#444;letter-spacing:-0.02em;line-height:1.490909;}

.brdrTop{border-top:1px solid #ddd;}

.smBoxList {display:flex;flex-wrap:wrap;}
.smBoxList li{font-size:1.8rem;font-weight:500;color:#94795e;letter-spacing:-0.02em;display:flex;justify-content:center;align-items:center;border:1px solid #94795e;border-radius:5px;padding:9px 15px;margin-right:10px;}

.dotList li{font-size:1.8rem;font-weight:400;color:#444;letter-spacing:-0.03em;display:flex;align-items:flex-start;line-height:1.777777;word-break:keep-all;}
.dotList li:before{width:3px;min-width:3px;height:3px;border-radius:50%;background:#444;display:inline-block;margin-right:3px;margin-top: 14px;content:'';}

.flxList{display:flex;flex-wrap:wrap;}
.flxList li{width:50%;}

.c_ff7d21{background:#ff7d21;}
.c_de4552{background:#de4552;}

.commontab{display:flex;border-bottom:1px solid #ddd;margin:106px 0 70px;}
.commontab li{font-size:2rem;font-weight:500;letter-spacing:-0.02em;line-height:1.2;color:#888;padding:0 5px 17px;margin-right:2.177%;text-align:center;word-break:keep-all;}
.commontab li.active{color:#111;font-weight:700;border-bottom:4px solid #111;}

.pcView{display:block;}
.mView{display:none;}


/* 법인소개 */
.greetingBox .topBanner{width:calc(100% + 193px);position:relative;right:96.5px;padding:191px 96.5px 66.5px;background:url('/img/introduce/greeting_banner.jpg')no-repeat center;}
.greetingBox .topBanner h4{font-size:6rem;font-weight:700;letter-spacing:-0.02em;line-height:1.33333;color:#fff;word-break:keep-all;}
.greetingBox .topBanner h4 p{margin-top:15px;line-height:1.8333333;}
.greetingBox .topBanner ul {display:flex;justify-content:flex-end;padding-right:5px;margin-top:197px;}
.greetingBox .topBanner ul li:first-child{margin-right:7.039%;}
.greetingBox .topBanner ul li .tag{display:inline-block;font-size:2.4rem;font-weight:600;letter-spacing:-0.02em;line-height:1.2;color:#fff;background:#4a3c39;border-radius:5px;padding: 5.5px 14.5px;margin-left:5px;}
.greetingBox .topBanner ul li strong {display:flex;align-items:flex-end;font-size:11rem;font-weight:700;letter-spacing:-0.02em;line-height:1.2;color:#fff;margin-top:9px;}
.greetingBox .topBanner ul li strong span{display:block;padding: 0 0 18px 16px;font-size:3.8rem;font-weight:700;letter-spacing:-0.02em;line-height:1.2;color:#aba8a7;}
.greetingBox .intro{display:flex;justify-content:space-between;margin-top:100px;}
.greetingBox .intro dl{padding:44px 9.357% 0 0;}
.greetingBox .intro dl dt{font-size:2.6rem;font-weight:600;letter-spacing:-0.03em;line-height:1.692307;color:#111;word-break: keep-all;}
.greetingBox .intro dl dd{font-size:2.2rem;font-weight:400;letter-spacing:-0.02em;line-height:1.818181;color:#666;margin-top:40px;}
.greetingBox .intro dl dd p {word-break: keep-all;}
.greetingBox .intro dl dd p:nth-of-type(n+2){margin-top:40px;}
.greetingBox .intro:after{height:500px;display:inline-block;padding-left:57.31%;background:url('/img/introduce/greeting_bg.jpg')no-repeat right center / contain;content:'';}
/* 법인소개 */

/* 오시는길 */
.locationWrap .map_border.border1 {border:none;}
.locationWrap .map_border.border2 {border:none;}
.locationWrap .map_border.border3 {border:none;background:none;}
.locationWrap .map_border.border4 {border:none;background:none;}
.locationWrap .root_daum_roughmap_landing{border-radius:10px;}
.locationWrap .root_daum_roughmap .wrap_controllers{display:none;}
.locationWrap .root_daum_roughmap .cont{display:none;}
.locationWrap .infoBox {margin-top:80px;}
.locationWrap .infoBox h4 {font-size:4rem;font-weight:500;letter-spacing:-0.02em;line-height:2;color:#111;word-break:keep-all;}
.locationWrap .infoBox .infoList {margin-top:26px;border:1px solid #e5e5e5;border-radius:10px;padding:0 2.924%;}
.locationWrap .infoBox .infoList > li{padding:46px 0;}
.locationWrap .infoBox .infoList > .mapViewBox {display:flex;justify-content:space-between;align-items:center;}
.locationWrap .infoBox .infoList > li:nth-child(n+2) {border-top:1px solid #e5e5e5;}
.locationWrap .infoBox .infoList > li a{border:2px solid #111;border-radius:30px;font-size:1.8rem;letter-spacing:-0.02em;font-weight:700;line-height:1.2;color:#111;padding:17.21px 2.507%;}
.locationWrap .infoBox .infoList > li dl dt {font-size:2.8rem;font-weight:600;letter-spacing:-0.02em;line-height:1.2;color:#111;}
.locationWrap .infoBox .infoList > li dl dd {display:flex;align-items:center;margin-top:24px;word-break:keep-all;}
.locationWrap .infoBox .infoList > li dl dd .transBox{display:flex;margin-right:21px;}
.locationWrap .infoBox .infoList > li dl dd .transBox > li{min-width:80px;border-radius:17px;font-size:1.8rem;letter-spacing:-0.02em;line-height:1.333333;font-weight:700;color:#fff;text-align:center;padding: 5px 0;margin-right:6px;}
.locationWrap .infoBox .infoList > li dl dd .transBox > li:nth-child(n+2){margin-right:0;}
/* 오시는길*/

/* 업무분야 */
.businessBox .topBanner{width: calc(100% + 193px);height:500px;position: relative;right:96.5px;}
.businessBox .topBanner.distribution{background:url('/img/business/distribution_banner.jpg')no-repeat center / cover;}
.businessBox .topBanner.mna{background:url('/img/business/m&a_banner.jpg')no-repeat center / cover;}
.businessBox .topBanner.lease{background:url('/img/business/lease_banner.jpg')no-repeat center / cover;}
.businessBox .topBanner.labor{background:url('/img/business/labor_banner.jpg')no-repeat center / cover;}
.businessBox .topBanner.detective{background:url('/img/business/detective_banner.jpg')no-repeat center / cover;}
.businessBox .topBanner.patent{background:url('/img/business/patent_banner.jpg')no-repeat center / cover;}
.businessBox .topBanner.civilAffairs{background:url('/img/business/civil_affairs_banner.jpg')no-repeat center / cover;}
.businessBox .topBanner.administrative{background:url('/img/business/administrative_banner.jpg')no-repeat center / cover;}
.businessBox .topBanner.lyrics{background:url('/img/business/lyrics_banner.jpg')no-repeat center / cover;}
.businessBox .section{margin-top:104px;}
.businessBox .section .contTitle{font-size:4.5rem;border-bottom:1px solid #ddd;padding-bottom:17px;word-break:keep-all;}
.businessBox .section .contTitle span {background: linear-gradient(to right,#715315 0%,#9f8244 53%,#d3b576 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
.businessBox .section .basicText{font-size:2.2rem;letter-spacing:-0.02em;margin-top:58px;word-break:keep-all;}
.businessBox .section .basicText + .basicText{margin-top:40px;}
.businessBox .section .subBox{display:flex;justify-content:space-between;margin-top:143px;}
.businessBox .section .subBox > li{width:48.5381%;}
.businessBox .section .subBox > li dl dt{font-size:3.2rem;font-weight:600;letter-spacing:-0.02em;line-height:1.1875;color:#111;margin-top:45px;word-break:keep-all;}
.businessBox .section .subBox > li dl dd{font-size:2rem;font-weight:400;letter-spacing:-0.02em;line-height:1.7;color:#666;border-top:1px solid #ddd;padding-top:30px;margin-top:25px;word-break:keep-all;}
.businessBox .section .subBox > li dl dd .circleList {display:flex;flex-wrap:wrap;}
.businessBox .section .subBox > li dl dd .circleList li{width:50%;display:flex;align-items:flex-start;position:relative;padding-left:14px;}
.businessBox .section .subBox > li dl dd .circleList li:before{width:6px;height:6px;border-radius:50%;background:#8f794b;display:inline-block;position:absolute;top:42%;left:0;content:'';}
.businessBox .section .subBox > li dl dd .circleList li:nth-child(n+3){margin-top:10px;}
.businessBox .section .subBox > li dl dd .circleList li:nth-child(2n+2){padding-left:24px;}
.businessBox .section .subBox > li dl dd .circleList li:nth-child(2n+2):before{left:10px;}
.businessBox .section .subBox > li dl dd .tagList > li {display:flex;align-items:flex-start;}
.businessBox .section .subBox > li dl dd .tagList > li:nth-child(n+2){margin-top:20px;}
.businessBox .section .subBox > li dl dd .tagList > li p{word-break:keep-all;}
.businessBox .section .subBox > li dl dd .tagList > li .dateTag{min-width:150px;padding: 1.5px 7.5px;display:inline-flex;justify-content: center;align-items: center;margin:2px 20px 0 0;font-size:1.6rem;font-weight:600;letter-spacing:-0.02em;color:#8f794b;background:#eee7d9;border-radius:5px;}
.businessBox .section .subBox > li dl dd .tagList > li .dashBox .dashList li{display:flex;align-items:flex-start;}
.businessBox .section .subBox > li dl dd .tagList > li .dashBox .dashList li:before{width:6px;min-width:6px;height:2px;display:inline-block;margin:16px 6px 0 0;background:#8c8c8c;content:'';}
/* 업무분야 */

/* 변호사소개_list */
.lawyerList .contTitleSub{margin-top:24px;word-break:keep-all;}
.lawyerList ul{display:flex;flex-wrap:wrap;margin:140px 0 95px;}
.lawyerList ul li{width:23.68375%;margin-right:1.755%;}
.lawyerList ul li:nth-child(4n+4){margin-right:0;}
.lawyerList ul li:nth-child(n+5){margin-top:115px;}
.lawyerList ul li .imgBox{margin-bottom:36px;}
.lawyerList ul li .name{font-size:3.8rem;font-weight:700;line-height:1.18421;padding-left:2.47%;}
.lawyerList ul li .name span{font-size:2rem;font-weight:400;letter-spacing:-0.02em;color:#666;display:inline-block;margin-left:1.776%;}
/* 변호사소개_list */

/* 변호사소개_view */
.moBox{width:87.719%;display:flex;}
.lawyerView{display:flex;justify-content:center;padding-bottom:65px;}

.lawyerView .section {width:65%;margin:-20px 8% 0 0;}
.lawyerView .section .contBox:nth-of-type(n+2){margin-top:68px;}
.lawyerView .section .contBox:nth-of-type(n+2) .brdrTop{padding:63px 0 0;}
.lawyerView .section .contBox .brdrTop .contTitle02{margin-bottom:30px;}

.lawyerName .contTitle{margin-bottom:10px;}
.lawyerName .contTitle .contTitleSub{margin-left:10px;}
.lawyerName .contTitle02 .contTitleSub02{margin-left:10px;}
.lawyerName .box {margin-top:45px;padding:53px 0 0;}
.lawyerName .box .basicText:nth-of-type(1){font-size:1.9rem;font-weight:600;}
.lawyerName .box .basicText:nth-of-type(1) ~ .basicText{margin-top:20px;}

.contBox.brdrTop.briefHis .contTitle02{margin-bottom:25px;}
.briefHis .smBoxList li{margin:5px 10px 5px 0;}

.spyNavBox {width:12.281%;min-width:150px;position:relative;}
.spyNavBox .spyNav {position:sticky;top:110px;}
.spyNavBox .spyNav .sectionNavItem {font-size:1.6rem;font-weight:700;line-height:2.625;cursor: pointer;color: #aaa;display: flex;align-items: center;}
.spyNavBox .spyNav .sectionNavItem:before {width:5px;height:60px;display:inline-block;margin-right:14px;background:#ddd;content:'';}
.spyNavBox .spyNav .sectionNavItem.active {color:#a58c68;font-weight: 600;}
.spyNavBox .spyNav .sectionNavItem.active:before {width:5px;height:60px;display:inline-block;background:#a58c68;content:'';}

.lawyerSelectWrap {width:27%;position:relative;}
.lawyerSelectWrap .scrollBox{position: sticky;top:110px;}
.lawyerSelectWrap .selectBox{margin-top:19.015%;}
.lawyerSelectWrap .selectBox .contTitleSub02{font-weight:700;color:#111;}
.lawyerSelectWrap .selectBox select{width:100%;border-radius:5px;background:#f0f0f0 url('/img/lawyer/select_arrow.jpg')no-repeat right 5% center;border:none;font-size:1.7rem;font-weight:400;color:#111;letter-spacing:-0.02em;line-height:2.47058;margin-top:17px;padding:1.485% 4.445%;}

.goList{width:100%;display:inline-block;margin-top:14.815%;font-size:1.7rem;font-weight:400;letter-spacing:-0.02em;line-height:2.470588;text-align:right;border-radius:5px;border:1px solid #666;padding:1.238% 4.94%;background:url('/img/lawyer/goList_arrow.jpg')no-repeat left 5.7% center;}
/* 변호사소개_view */

@media all and (max-width:1710px) {

.pcView{display:none;}
.mView{display:block;}

.greetingBox .intro dl br {display:none;}

.businessBox .section ul li dl dd br{display:none;}
.businessBox .section .subBox > li dl dd br{display:none;}

.lawyerName .box .basicText:nth-of-type(1) ~ .basicText br{display:none;}

}


@media all and (max-width:1279px) {
.greetingBox .intro{flex-direction:column-reverse;margin-top: 8.17%;}
.greetingBox .intro:after{height: 39.093vw;background-size:cover;background-position:center center;border-radius:9px;padding-left:0;}
.greetingBox .intro dl{margin-top:4.452%;padding:0;word-break:keep-all;}
.greetingBox .intro dl dd{margin-top: 3.271%;}
.greetingBox .intro dl dd p:nth-of-type(n+2){margin-top: 3.271%;}


}

@media all and (max-width:979px) {

.spyNavBox{min-width:130px;}
.lawyerView .section{width:67%;margin-right:6%;}
.flxList li{width:100%;}
.lawyerName .box .basicText br{display:none;}
.lawyerSelectWrap .selectBox select{background-size:14px auto;}
.goList{background-size:15% auto;margin-top: 7.815%;}

.businessBox .topBanner{height:400px;}
.businessBox .section .subBox > li dl dd .circleList{flex-wrap:wrap;}
.businessBox .section .subBox > li dl dd .circleList li{width:100%;}
.businessBox .section .subBox > li dl dd .circleList li:nth-child(2n+2){padding-left:14px;}
.businessBox .section .subBox > li dl dd .circleList li:nth-child(2n+2):before{left:0;}
.businessBox .section .subBox > li dl dd .circleList li:nth-child(n+2){margin-top:10px;}
.businessBox .section .subBox > li dl dd .tagList > li{flex-wrap:wrap;}
.businessBox .section .subBox > li dl dd .tagList > li p{margin-top:10px;}
.businessBox .section .subBox > li dl dd .tagList > li .dashBox .dashList li:before{margin:13px 6px 0 0;}
}

@media all and (max-width:767px) {

.smBoxList li{padding:6px 10px;}
.dotList li:before{margin-top:11px;}

.commontab{position:relative;overflow:visible;display:block;border:1px solid #ddd;padding:0;margin:54px 0 35px;}
.commontab:after{width:8px;height:8px;position:absolute;right:16px;top:20px;border-right:2px solid #111;border-bottom:2px solid #111;transform:translateY(-50%) rotate(45deg);cursor:pointer;z-index:10;content:'';}
.commontab li{display:none;margin:0;padding:14px 16px;border-bottom:1px solid #ddd;text-align:left;cursor:pointer;}
.commontab li.active{display:block;border:none;pointer-events:none;background:#f5f5f5;position:relative;z-index:6;}
.commontab.open li{display:block;cursor:pointer;}
.commontab.open li:not(.active):hover{color:#444;}
.commontab.open li:not(.active){position:absolute;left:-1px;width:calc(100% + 2px);background:#fff;z-index:5;border-top:1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.commontab.open li:not(.active):nth-child(2){ top:100%; }
.commontab.open li:not(.active):nth-child(3){ top:calc(100% + 48px); }
.commontab.open li:not(.active):nth-child(4){ top:calc(100% + 96px); }
.commontab.open li:not(.active):nth-child(5){ top:calc(100% + 144px); }
.commontab.open li:not(.active):nth-child(6){ top:calc(100% + 192px); }
.commontab.open li:not(.active):nth-child(7){ top:calc(100% + 240px); }
.commontab.open li:not(.active):nth-child(8){ top:calc(100% + 288px); }
.commontab.open li:not(.active):nth-child(9){ top:calc(100% + 336px); }
.commontab.open{box-shadow:0 8px 24px rgba(0,0,0,0.08);}


/* 법인소개 */
.greetingBox .topBanner{width: calc(100% + 40px);right: 20px;padding: 95px 20px 33px;z-index:-1;}
.greetingBox .topBanner h4{font-size:3.6rem;}
.greetingBox .topBanner ul{margin-top:99px;align-items: flex-end;}
.greetingBox .topBanner ul li .tag{font-size:1.74rem;padding: 5.5px 12px 4px;}
.greetingBox .topBanner ul li strong{font-size:6.6rem;}
.greetingBox .topBanner ul li strong span{padding:0 0 8px 16px;}
.greetingBox .topBanner ul li:nth-child(n+2){margin-top:20px;}

/* 법인소개 */

/* 오시는길 */
.locationWrap .root_daum_roughmap .wrap_map{height:300px !important;}
.locationWrap .root_daum_roughmap_landing{border-radius:5px;}
.locationWrap .locationBox{position:relative;z-index:-1;}
.locationWrap .infoBox {margin-top:40px;}
.locationWrap .infoBox h4 {line-height:unset;}
.locationWrap .infoBox .infoList {margin-top:13px;border-radius:5px;}
.locationWrap .infoBox .infoList > li{padding:23px 0;}
.locationWrap .infoBox .infoList > li dl dd {flex-wrap:wrap;margin-top:12px;}
.locationWrap .infoBox .infoList > li dl dd .transBox{width:100%;margin-right:11px;margin-bottom:10px;}
.locationWrap .infoBox .infoList > li dl dd .transBox > li{min-width:65px;border-radius:14px;padding:3px 0;margin-right:3px;}
.locationWrap .infoBox .infoList > .mapViewBox{flex-wrap:wrap;}
.locationWrap .infoBox .infoList > .mapViewBox dl{width:100%;}
.locationWrap .infoBox .infoList > .mapViewBox a{border-width:1px;}
.locationWrap .infoBox .infoList > li a{border-radius:20px;padding: 9.21px 2.507%;margin-top:20px;}
/* 오시는길 */

/* 업무분야 */
.businessBox .topBanner{width: calc(100% + 40px);height:250px;right: 20px;z-index:-1;}
.businessBox .section{margin-top:52px;position:relative;z-index:-1;}
.businessBox .section .contTitle{padding-bottom:9px;}
.businessBox .section .basicText{margin-top:29px;}
.businessBox .section .basicText + .basicText{margin-top:20px;}
.businessBox .section .subBox{margin-top:72px;flex-wrap:wrap;}
.businessBox .section .subBox > li{width:100%;}
.businessBox .section .subBox > li:nth-child(n+2){margin-top:50px;}
.businessBox .section .subBox > li dl dt{margin-top:23px;}
.businessBox .section .subBox > li dl dd{padding-top:15px;margin-top:13px;}
.businessBox .section .subBox > li dl dd .circleList li{width:50%;}
.businessBox .section .subBox > li dl dd .circleList li:nth-child(n+2){margin-top:unset;}
.businessBox .section .subBox > li dl dd .circleList li:nth-child(n+3){margin-top:10px;}
.businessBox .section .subBox > li dl dd .tagList > li{flex-wrap:unset;}
.businessBox .section .subBox > li dl dd .tagList > li p{margin-top:0;}
/* 업무분야 */

/* 변호사소개_list */
.lawyerList .contTitleSub{margin-top:12px;}
.lawyerList ul{margin:70px 0 48px;}
.lawyerList ul li{width:49.1225%;}
.lawyerList ul li:nth-child(2n+2){margin-right:0;}
.lawyerList ul li:nth-child(n+3){margin-top:50px;}
.lawyerList ul li .imgBox{margin-bottom:18px;}
/* 변호사소개_list */

/* 변호사소개_view */
.spyNavBox{display:none;}
.moBox{flex-direction:column;}
.lawyerView .section {width:100%;order:2;margin-right:0;margin-top:10%;}
.lawyerView .section .contBox:nth-of-type(n+2){margin-top:34px;}
.lawyerView .section .contBox:nth-of-type(n+2) .brdrTop{padding:32px 0 0;}
.lawyerView .section .contBox .brdrTop .contTitle02{margin-bottom:15px;}
.lawyerSelectWrap{width:100%;order:1;}
.lawyerSelectWrap .selectBox select{background-size: 12px auto;}
.lawyerSelectWrap .scrollBox{position:unset;}
.lawyerSelectWrap {width:56.883%;text-align:center;margin:0 auto;}
.lawyerSelectWrap .selectBox{margin-top: 8.015%;}

.lawyerName .contTitle{margin-bottom:5px;}
.lawyerName .contTitle span{margin-top:5px;}
.lawyerName .contTitle .contTitleSub{margin-left:3px;}
.lawyerName .contTitle02 span{margin-top:5px;}
.lawyerName .contTitle02 .contTitleSub02{margin-left:3px;display:inline-block;}
.lawyerName .box {margin-top:23px;padding:27px 0 0;}
.lawyerName .box .basicText:nth-of-type(1) ~ .basicText{margin-top:10px;}

.contBox.brdrTop.briefHis .contTitle02{margin-bottom:12.5px;}
.briefHis .smBoxList li{margin:2.5px 5px 2.5px 0;}
/* 변호사소개_view */

}

@media all and (max-width:501px) {
.greetingBox .topBanner ul{flex-direction:column;align-items:flex-end;}
.greetingBox .topBanner ul li:first-child{min-width:236px;margin-right:0;}

.businessBox .section .subBox > li dl dd .circleList li{width:100%;}
.businessBox .section .subBox > li dl dd .circleList li:nth-child(n+2){margin-top:10px;}
.businessBox .section .subBox > li dl dd .tagList > li{flex-wrap:wrap;}
.businessBox .section .subBox > li dl dd .tagList > li p{width:100%;margin-top:10px;}
}