/* MOBILE */
@media (max-width: 767px) {
    
.lawyer01_top {position: relative; height:auto; padding: 140px 20px 20px; line-height: 1.5;
               background-image: url('/images/dameun_design_source_010.png'); background-size: cover; background-position: top center; background-repeat: no-repeat;}
.lawyer01_top_name {font-weight: 600; font-size: 24px; color: #46342a; margin-bottom:20px;}
.lawyer01_top_email {font-weight: 600; font-size: 14px; color: #46342a; display: flex; gap: 10px; align-items: center;}
.lawyer01_top_email_text {margin-bottom:5px;}
.lawyer01_top_email img {width: 15px; height: auto;}

.lawyer01_pic {position: relative; width:100%;height: 750px; background-color: #f5f5f3; overflow: hidden;}
.lawyer01_pic img {position: absolute; left:-150px; top: 30px; width: 700px;opacity: 0; transition: opacity 1s ease; z-index: 1;}
.lawyer01_pic img.active {opacity: 1; z-index: 2;}

.lawyer01_practices_simple {display: flex; justify-content: center; padding: 20px 0px 0px 0px; gap: 10px; box-sizing: border-box; background-color: #f5f0e7; color: #46342a; line-height: 1.5; font-weight: 600; font-size:14px;}
.lawyer01_practices_simple_list {border: 1px solid #c0b7ae; padding: 5px 10px 5px 10px;}

.lawyer01_intro {position: relative; height: auto; padding: 80px 20px 40px; box-sizing: border-box; background-color: #f5f0e7; color: #46342a; line-height: 1.5;}
.lawyer01_intro_name_email {display: flex; align-items: center; gap: 15px;}
.lawyer01_intro_name {font-weight:600; font-size:24px;}
.lawyer01_intro_text {font-size:14px; padding-top:20px; color: #7a6c62;}
.lawyer01_detail {position: relative; height: auto; box-sizing: border-box; color: #46342a; line-height: 1.5;}
.lawyer01_detail_consult {padding: 80px 20px; background-color: #dad3cb;}
.lawyer01_detail_consult_title {font-weight:600; font-size:24px; padding-bottom:20px;}
.lawyer01_detail_consult_text {color: #7a6c62; padding-bottom:20px; font-size:14px;}
.lawyer01_detail_consult_email {font-weight:600; font-size:14px; color: #7a6c62;}
.lawyer01_detail_consult_email a {text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; text-decoration-color: #7a6c62;}

.lawyer01_index {display: flex; justify-content: center; padding: 15px 0px; gap: 35px; background-color: #f5f0e7; position: sticky; top: 60px; z-index: 9; transition: background-color 0.45s ease;}
.lawyer01_index a {opacity: 0; transform: translateY(10px); transition: all 0.45s ease;}
.lawyer01_index.scrolled {background-color: #f5f5f3;}
.lawyer01_index.scrolled a {opacity: 1; transform: translateY(0);}
.detail_nav_01 {font-weight:500; font-size:14px; color: #c0b7ae;}
.detail_nav_02 {font-weight:500; font-size:14px; color: #c0b7ae;}
.detail_nav_03 {font-weight:500; font-size:14px; color: #c0b7ae;}
.detail_nav_04 {font-weight:500; font-size:14px; color: #c0b7ae;}

.detail_nav_01.active {font-weight:600; font-size:14px; color: #46342a; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; text-decoration-color: #46342a;}
.detail_nav_02.active {font-weight:600; font-size:14px; color: #46342a; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; text-decoration-color: #46342a;}
.detail_nav_03.active {font-weight:600; font-size:14px; color: #46342a; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; text-decoration-color: #46342a;}
.detail_nav_04.active {font-weight:600; font-size:14px; color: #46342a; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; text-decoration-color: #46342a;}
#detail_01 {scroll-margin-top: 110px;}
#detail_02 {scroll-margin-top: 110px;}
#detail_03 {scroll-margin-top: 110px;}
#detail_04 {scroll-margin-top: 110px;}
.lawyer01_detail_01 {line-height: 1.5; padding:80px 20px 80px 20px; background-color: #dad3cb;}
.lawyer01_detail_01_title {font-weight:600; font-size:24px; padding-bottom:20px;}
.lawyer01_detail_01_text {font-size:14px; color: #7a6c62;}

.lawyer01_detail_02 {padding: 80px 20px; background-color: #f5f0e7; line-height: 1.5;}
.lawyer01_detail_02_title {font-weight:600; font-size:24px; padding-bottom:20px;}
.lawyer01_detail_02_frame_01,
.lawyer01_detail_02_frame_02,
.lawyer01_detail_02_frame_03,
.lawyer01_detail_02_frame_04,
.lawyer01_detail_02_frame_05,
.lawyer01_detail_02_frame_06 {border: 1px solid #c0b7ae; padding: 20px; height:200px; margin-bottom:20px;}
.lawyer01_detail_02_practices {font-weight:600; font-size:14px; padding-bottom:20px;}
.lawyer01_detail_02_subtitle {font-weight:600; font-size:24px; margin-bottom:20px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.lawyer01_detail_02_text {font-size:14px; color: #7a6c62;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.lawyer01_detail_03 {line-height: 1.5; padding:80px 20px 80px 20px; font-size:14px; background-color: #e8e2d9;}
.lawyer01_detail_03_title {font-weight:600; font-size:24px; padding-bottom:20px;}
.lawyer01_detail_03_review_01 {border: 1px solid #7a6c62; padding: 20px; height:200px; margin-bottom:20px;}
.lawyer01_detail_03_review_01_key {font-weight:600; font-size:24px; margin-bottom:20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
    
.lawyer01_detail_03_review_01_text,
.lawyer01_detail_03_review_02_text,
.lawyer01_detail_03_review_03_text {font-size:14px; color: #7a6c62; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.lawyer01_detail_03_review_02 {border: 1px solid #7a6c62; padding: 20px; height:200px; margin-bottom:20px;}
.lawyer01_detail_03_review_02_key {font-weight:600; font-size:24px; margin-bottom:20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.lawyer01_detail_03_review_03 {border: 1px solid #7a6c62; padding: 20px; height:200px; margin-bottom:20px;}
.lawyer01_detail_03_review_03_key {font-weight:600; font-size:24px; margin-bottom:20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
    
}

/* PC */
@media (min-width: 768px) {
    
.lawyer01_top {position: relative; height:auto; padding: 180px 10% 20px; line-height: 1.5;
               background-image: url('/images/dameun_design_source_010.png'); background-size: cover; background-position: top center; background-repeat: no-repeat;}
.lawyer01_top_name {font-weight: 600; font-size: 32px; color: #46342a; margin-bottom:20px;}
.lawyer01_top_email {font-weight: 600; font-size: 14px; color: #46342a; display: flex; gap: 10px; align-items: center;}
.lawyer01_top_email_text {margin-bottom:5px;}
.lawyer01_top_email img {width: 15px; height: auto;}
    
.lawyer01_pic {position: relative; width:100%; height:100vh; min-height: 600px; background-color: #f5f5f3; overflow: hidden;}
.lawyer01_pic img {position: absolute; left:55%; top: 100px; width: 700px; transform: scale(1.2) translateX(-50%); opacity: 0; transition: opacity 1.2s ease; z-index: 1;}
.lawyer01_pic img.active {opacity: 1; z-index: 2;}

.lawyer01_practices_simple {display: flex; justify-content: center; padding: 20px 0px 0px 0px; gap: 20px; box-sizing: border-box; background-color: #f5f0e7; color: #46342a; line-height: 1.5; font-weight: 600; font-size:14px;}
.lawyer01_practices_simple_list {border: 1px solid #c0b7ae; padding: 10px 20px 10px 20px;}
.lawyer01_intro {position: relative; height: auto; padding: 80px 10% 60px; box-sizing: border-box; background-color: #f5f0e7; color: #46342a; line-height: 1.5;
                 display: grid; grid-template-columns: 1fr 2fr; gap: 20px; align-items: start;}
.lawyer01_intro_name {font-weight:600; font-size:32px; padding-bottom:10px;}
.lawyer01_intro_key_text {padding-top:10px;}
.lawyer01_intro_text {font-size:14px; color: #7a6c62;}
.lawyer01_detail {position: relative; height: auto; box-sizing: border-box; color: #46342a; line-height: 1.5;}


.lawyer01_index {display: flex; justify-content: center; padding: 15px 0px; gap: 10%; background-color: #f5f0e7; position: sticky; top: 80px; z-index: 9; transition: background-color 0.45s ease;}
.lawyer01_index a {opacity: 0; transform: translateY(10px); transition: all 0.45s ease;}
.lawyer01_index.scrolled {background-color: #f5f5f3;}
.lawyer01_index.scrolled a {opacity: 1; transform: translateY(0);}
.detail_nav_01 {font-weight:500; font-size:14px; color: #c0b7ae;}
.detail_nav_02 {font-weight:500; font-size:14px; color: #c0b7ae;}
.detail_nav_03 {font-weight:500; font-size:14px; color: #c0b7ae;}
.detail_nav_04 {font-weight:500; font-size:14px; color: #c0b7ae;}

.detail_nav_01.active {font-weight:600; font-size:14px; color: #46342a; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; text-decoration-color: #46342a;}
.detail_nav_02.active {font-weight:600; font-size:14px; color: #46342a; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; text-decoration-color: #46342a;}
.detail_nav_03.active {font-weight:600; font-size:14px; color: #46342a; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; text-decoration-color: #46342a;}
.detail_nav_04.active {font-weight:600; font-size:14px; color: #46342a; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; text-decoration-color: #46342a;}
    
#detail_01 {scroll-margin-top: 110px;}
#detail_02 {scroll-margin-top: 110px;}
#detail_03 {scroll-margin-top: 110px;}
#detail_04 {scroll-margin-top: 110px;}
.lawyer01_detail_01 {line-height: 1.5; padding:100px 10% 100px 10%; background-color: #dad3cb; display: grid; grid-template-columns: 1fr 2fr; gap: 20px; align-items: start;}
.lawyer01_detail_01_title {font-weight:600; font-size:32px; padding-bottom:10px;}
.lawyer01_detail_01_text {font-size:14px; color: #7a6c62;padding-top:10px;}

.lawyer01_detail_02 {padding: 100px 10%; background-color: #f5f0e7; line-height: 1.5;}
.lawyer01_detail_02_title {font-weight:600; font-size:32px; padding-bottom:20px;}
.lawyer01_detail_02_frame_01_06 {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; row-gap: 20px; align-items: start;}
.lawyer01_detail_02_frame_01,
.lawyer01_detail_02_frame_02,
.lawyer01_detail_02_frame_03,
.lawyer01_detail_02_frame_04,
.lawyer01_detail_02_frame_05,
.lawyer01_detail_02_frame_06 {border: 1px solid #c0b7ae; padding: 20px; height:250px;}
.lawyer01_detail_02_practices {font-weight:600; font-size:14px; padding-bottom:20px;}
.lawyer01_detail_02_subtitle {font-weight:600; font-size:32px; margin-bottom:20px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.lawyer01_detail_02_text {font-size:14px; color: #7a6c62;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.lawyer01_detail_03 {line-height: 1.5; padding:100px 10% 100px 10%; font-size:14px; background-color: #e8e2d9;}
.lawyer01_detail_03_title {font-weight:600; font-size:32px; padding-bottom:20px;}
.lawyer01_detail_03_review_01_03 {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; align-items: start;}
.lawyer01_detail_03_review_01 {border: 1px solid #7a6c62; padding: 20px; height:250px;}
.lawyer01_detail_03_review_01_key {font-weight:600; font-size:32px; margin-bottom:20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.lawyer01_detail_03_review_01_text,
.lawyer01_detail_03_review_02_text,
.lawyer01_detail_03_review_03_text {font-size:14px; color: #7a6c62; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.lawyer01_detail_03_review_02 {border: 1px solid #7a6c62; padding: 20px; height:250px;}
.lawyer01_detail_03_review_02_key {font-weight:600; font-size:32px; margin-bottom:20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.lawyer01_detail_03_review_03 {border: 1px solid #7a6c62; padding: 20px; height:250px;}
.lawyer01_detail_03_review_03_key {font-weight:600; font-size:32px; margin-bottom:20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
}