/* 명조체 */
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');


.red {color: #923030;}
.blue {color: #0195ff;}
.navy {color: #013b85;}
.gold {color: #eec112;}
.gold2 {color: #c3b07d;}


/*메인 헤더*/
.container-fluid {margin-top:unset;}
.site-header.transparent {border-bottom: 1px solid #5b5b5b;}


/*상담문의 최신글, 상담신청 영역*/
.consulting_latest {background: #f7f7f7;}

.consulting_application {background: #f7f7f7;}

.consulting_application .container .title {font-size: 28px; font-weight: bold; color: #454440; text-align: center; margin-bottom: 6px;}
.consulting_application .container .text {font-size: 17px; text-align: center; margin-bottom: 60px;}
.consulting_application .container .application {display: grid; justify-content: center; row-gap: 10px;}
.consulting_application .container .application .label {display: inline-block; font-weight: bold;}
.consulting_application .container .application .agree_area label,
.consulting_application .container .application .agree_area label input {cursor: pointer;}
.consulting_application .container .application .apply {color: #fff; background: #01419a; cursor: pointer;}


/* office */
#map .iw_inner {padding: 10px;}
#map h6 {font-size: 14px; margin: 0 0 .25rem; font-weight: 600;}
#map p {font-size: 12px; color: #444; margin-bottom: 0;}
#map div.link {font-size: 12px; margin-top: .5rem;}
#map div.link a {color: #e5a200;}



/*pc css*/
@media all and (min-width:1025px){
	.pc {display:block;}
	.mobile {display:none !important;}
	
	.container1 .contents {height:936px;}
	.container1 .contents {/*background: rgba(0,0,0,.6);*/}
	
	/*모바일에서만 동작하는 br태그, class 명 mview*/	
	.mview{display:none;}


	/* 메인 섹션 */
	section.main {color: #fff; background: url(/img/main/bg/section1_bg_1920x720.jpg); background-size: cover; height: 920px; padding-top: 180px; padding-bottom: 0;}
	section.main > .txt_area {width: 100%; max-width: 1400px; margin: 0 auto; margin-bottom: 30px;}
	section.main > .txt_area .main_txt {font-size: 35px; font-weight: bold; text-align: center; font-family: '나눔명조';  margin-bottom: 20px;}
	section.main > .txt_area .sub_txt {font-size: 18px; width: 100%; max-width: 800px; height: 100px; border: 1px solid #727272 !important; text-align: center; padding-top: 24px; margin: 0 auto;}
	section.main > .txt_area .color {color: #e1c594;}
	section.main > .txt_area .pc {display: inline-block;}
	
	section.main .lawyer_area {display: flex; justify-content: space-between; width: 100%; max-width: 1400px; margin: 0 auto;}
	section.main .lawyer_area .lawyer_item {position: relative; flex: 0 0 250px; background-repeat: no-repeat; background-size: cover; background-position: center; height: 350px;}
	section.main .lawyer_area .lawyer_item .txt_area {position: absolute; bottom: 0; left: 0; background: rgb(0 0 0 / 50%); width: 100%; height: 205px; padding: 20px;}
	section.main .lawyer_area .lawyer_item .txt_area .name {font-size: 18px; font-weight: bold; color: #e1c594; margin-bottom: 10px;}
	section.main .lawyer_area .lawyer_item .txt_area .career {font-size: 14px; margin-left: -8px;}
	
	
	/* 성공사례 섹션 */
	section.성공사례 {position: relative; background: #eee; padding-top: 160px; padding-bottom: 0;}
	section.성공사례 > .header {color: #111; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 70px;}
	section.성공사례 > .header .main_txt {font-size: 30px; font-weight: bold; font-family: '나눔명조'; margin-bottom: 15px;}
	section.성공사례 > .header .main_txt .color {color: #01419a;}
	section.성공사례 > .header .sub_txt {font-size: 20px;}
	section.성공사례 > .header .sub_txt .small {font-size: 16px;}
	
	
	/* 백전불태 섹션 */
	section.백전불태 {background: #f4f4f4; padding: 100px 0;}
	section.백전불태 .row_1 {display: flex; justify-content: center; column-gap: 30px; margin-bottom: 60px;}
	section.백전불태 .row_1 .백전불태_txt {font-size: 17px; color: #111; line-height: 30px; padding-top: 20px;}
	section.백전불태 .row_1 .백전불태_txt .big {font-size: 27px; font-family: '나눔명조';}
	section.백전불태 .row_1 .백전불태_txt .small {font-size: 14px;}
	section.백전불태 .row_1 .백전불태_txt .color {color: #955d17;}
	
	section.백전불태 .row_1 .flex_row {display: flex; column-gap: 10px;}
	section.백전불태 .row_1 .flex_row .lawyer_item {position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; width: 340px; height: 420px;}
	section.백전불태 .row_1 .flex_row .lawyer_item .txt_area {position: absolute; bottom: 20px; left: 20px; font-size: 15px; color: #fff;}
	section.백전불태 .row_1 .flex_row .lawyer_item .txt_area .name {font-size: 23px; font-weight: bold; margin-bottom: 10px;}
	section.백전불태 .row_1 .flex_row .lawyer_item .txt_area .career {line-height: 26px;}
	section.백전불태 .row_1 .flex_row .lawyer_item .txt_area .career .highlight {background: linear-gradient(114deg, transparent 10px, #2042a3 0 calc(100% - 10px), transparent 0); padding: 0 15px; margin-left: -15px;}
	
	section.백전불태 .등록증_img {margin: 0 auto;}
	
	
	/* 절차탁마 섹션 */
	section.절차탁마 {padding: 100px 0;}
	section.절차탁마 > .header {color: #111; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 70px;}
	section.절차탁마 > .header .main_txt {font-size: 30px; font-weight: bold; font-family: '나눔명조'; margin-bottom: 15px;}
	section.절차탁마 > .header .main_txt .small {font-size: 20px;}
	section.절차탁마 > .header .sub_txt {font-size: 20px;}
	section.절차탁마 > .header .color {color: #01419a;}
	
	section.절차탁마 .조력시스템_row {background: linear-gradient(to bottom, transparent 0 35px, #f4f4f4 0);}
	section.절차탁마 .조력시스템_row > .title {font-size: 27px; font-weight: bold; color: #fff; background: #01419a; width: 100%; max-width: 1400px; height: 70px; line-height: 68px; text-align: center; margin: 0 auto; margin-bottom: 50px;}
	section.절차탁마 .조력시스템_row .sub_title {font-size: 19px; width: 100%; max-width: 1400px; text-align: center; margin: 0 auto; margin-bottom: 50px;}
	section.절차탁마 .조력시스템_row .sub_title .color {color: #01419a;}
	
	section.절차탁마 .조력시스템_row .조력시스템_area {display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; width: 100%; max-width: 1400px; margin: 0 auto;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item {flex: 344px; display: flex; flex-direction: column; justify-content: space-between; background: #fff; height: 450px;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 {position: relative; padding: 0 20px; padding-top: 60px;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .number {position: absolute; top: -20px; right: 10px; font-size: 100px; font-weight: bold; color: #f4f4f4;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .title {position: relative; font-size: 24px; font-weight: bold; color: #01419a; margin-bottom: 10px;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .txt {font-size: 16px; color: #666; margin-left: -9px;}
	
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_2 {position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; height: 230px;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_2 .img_txt {position: relative; top: 60%; font-size: 15px; color: #fff; text-align: center;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(5) .row_2 .img_txt,
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(6) .row_2 .img_txt {top: 77%;}
	
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(7) {position: relative; background: unset; z-index: 1;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(7) .txt {position: absolute; top: 100px; left: 30px; font-size: 19px; white-space: nowrap; margin-bottom: 10px;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(7) .txt .color {color: #01419a;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(7) .result {position: absolute; top: 200px; left: 30px; font-size: 30px; font-weight: bold; color: #01419a;}
	
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(8) {position: relative;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .처분서_img {position: absolute; right: 0; max-width: unset !important;}
	
	section.절차탁마 .변호인_의견서_row {background: #fff; padding-top: 130px; padding-bottom: 40px; margin-top: -50px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area {position: relative; width: 100%; max-width: 1400px; margin: 0 auto;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area > .title {font-size: 17px; color: #fff; background: #01419a; width: 100%; max-width: 1400px; height: 50px; line-height: 48px; text-align: center; margin-bottom: 30px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area {position: relative; display: grid; row-gap: 50px; z-index: 1;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title {font-size: 19px; font-weight: bold; margin-bottom: 10px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title .arrow {position: relative; top: -2px; font-size: 11px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title .color {color: #01419a;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .txt {font-size: 16px; color: #666;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .txt b {color: #000;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .round_txt {position: absolute; top: 49%; right: 20px; transform: translateY(-50%); font-size: 17px; color: #fff; background: #a28158; width: 100%; max-width: 160px; aspect-ratio: 1 / 1; border-radius: 50%; text-align: center; padding-top: 35px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .round_txt .big {font-size: 65px; font-weight: 800; line-height: 55px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .round_txt .small {font-size: 14px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .변호인_의견서_img {position: absolute; top: 70px; right: 0;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .양형매뉴얼_area {position: absolute; bottom: 0; right: 0; width: 100%; max-width: 740px; aspect-ratio: 740 / 400; border: 1px solid #d9e1ee !important;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .양형매뉴얼_area .title {position: absolute; top: -27.5px; left: 50%; transform: translateX(-50%); font-size: 17px; color: #fff; background: #01419a; width: 100%; max-width: 450px; height: 55px; line-height: 53px; border-radius: 5px; text-align: center;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .양형매뉴얼_area .middle_txt {position: absolute; top: 254px; left: 50%; transform: translateX(-50%); font-size: 19px; color: #fff; text-align: center;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .양형매뉴얼_area .양형매뉴얼_img {width: 100%;}
	
	
	/* 언론도_주목하는_에이앤랩 섹션 */
	section.언론도_주목하는_에이앤랩 {background: #002f71; margin-bottom: 60px;}
	section.언론도_주목하는_에이앤랩 .row_1 {display: flex; justify-content: space-between; align-items: center; gap: 8vw; width: 100%; max-width: 1300px; height: 200px; margin: 0 auto;}
	section.언론도_주목하는_에이앤랩 .row_1 .txt_area {display: flex; flex-direction: column; justify-content: space-between; gap: 10px; font-size: 21px; color: #fff; text-align: center;}
	section.언론도_주목하는_에이앤랩 .row_1 .txt_area .main_txt {font-size: 35px; font-weight: bold; font-family: '나눔명조';}
	section.언론도_주목하는_에이앤랩 .row_1 .txt_area .box_txt {border: 1px solid #fff !important; padding: 6px 4px;}
	section.언론도_주목하는_에이앤랩 .row_1 .press_img {position: relative; top: -6px; width: 100%; max-width: 680px !important;}
	
	
	/* 유비무환 섹션 */
	section.유비무환 {background: linear-gradient(to bottom, transparent 0 300px, #f4f4f4 0); padding-bottom: 160px;}
	section.유비무환 > .header {color: #111; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 70px;}
	section.유비무환 > .header .main_txt {font-size: 30px; font-weight: bold; font-family: '나눔명조'; margin-bottom: 15px;}
	section.유비무환 > .header .main_txt .small {font-size: 20px;}
	section.유비무환 > .header .color {color: #01419a;}
	
	section.유비무환 .underline_txt {position: relative; display: inline-block; margin-bottom: 8px;}
	section.유비무환 .underline_txt:after {position: absolute; bottom: -4px; left: 0px; content: ""; width: 100%; height: 1px; background: rgb(17, 17, 17);}
	
	section.유비무환 .유비무환_row {margin-top: 80px;}
	section.유비무환 .유비무환_row .유비무환_area {display: grid; row-gap: 20px; width: 100%; max-width: 1400px; margin: 0 auto;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item {display: flex; column-gap: 20px; color: #111; background: #fff; width: 100%; height: 400px; border: 1px solid #01419a !important; padding: 0 35px; padding-top: 40px;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .title {font-size: 30px; font-weight: 600; color: #01419a; margin-bottom: 10px;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .sub_title {font-size: 23px; font-weight: 500; margin-bottom: 10px;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .description {font-size: 16px; font-weight: 500; margin-bottom: 20px;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .description .underline_txt {margin-bottom: 4px;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .description .underline_txt:after {bottom: 1px;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .category {font-size: 15px; color: #666; line-height: 28px; padding-left: 20px !important;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .category .category_title {color: #111; font-weight: 500;}
	
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_2 {flex: 0 0 440px;}
	
	
	/* press area */
	.press_area {position: relative; background: #01419a; width: 100%; height: 150px;}
	.press_area .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center;}
	.press_area .txt .header {font-size: 40px; font-weight: bold;}
	.press_area .txt .content {font-size: 20px;}
	.press_area .txt .content .txt_box {width: 370px; height: 45px; line-height: 40px; border: 1px solid; margin-top: 5px;}
	
	.press_area img {position: relative; bottom: 96px; left: 50%; transform: translateX(calc(-50% + 420px));}
	
	
	/* 차별점 섹션 */
	section.차별점 {color: #fff; background: #242424; padding: 80px 0;}
	section.차별점 > .header {text-align: center; width: max-content; margin: 0 auto; margin-bottom: 60px;}
	section.차별점 > .header .main_txt {font-size: 40px; font-weight: 900; margin-bottom: 10px;}
	section.차별점 > .header .sub_txt {font-size: 20px;}
	
	section.차별점 .box_area {display: flex; justify-content: space-between; column-gap: 8px; max-width: 1700px; margin: 0 auto;}
	section.차별점 .box_area .box {position: relative; flex: 1; background: #242424; height: auto; max-height: 592px; border: 1px solid #49494b !important; padding-top: 40px; overflow: hidden;}
	section.차별점 .box_area .box .circle {display: none; background: #5172d6; width: 15px; height: 15px; border-radius: 50px; margin-top: 40px; margin-bottom: 10px;}
	section.차별점 .box_area .box .main_txt {font-size: 24px; font-weight: 700; line-height: 35px; margin-bottom: 10px;}
	section.차별점 .box_area .box .sub_txt {font-size: 15px; line-height: 24px;}
	section.차별점 .box_area .box .color {color: #a28158;}
	
	section.차별점 .box_area .box .circle,
	section.차별점 .box_area .box .main_txt,
	section.차별점 .box_area .box .sub_txt {margin-left: 30px;}
	
	section.차별점 .box_area .box:nth-child(1) img.pc {position: relative; top: 90px; margin: 0 auto;}
	section.차별점 .box_area .box:nth-child(4) img.pc {position: relative; top: 80px; margin: 0 auto; margin-right: 0;}
	section.차별점 .box_area .box:nth-child(5) img.pc {position: absolute; bottom: 0; right: 0;}
	
	section.차별점 .box_area .video {flex: 1; background: #f3f3f3; width: auto; min-width: 100px; max-width: 333px; border: 1px solid #092031; box-shadow: 10px 10px 12px 0px #111;}
	
	
	/* 상담문의 최신글, 상담신청 영역 */
	.consulting_latest {width: 50%; display: inline-block; padding: 60px 0;}
	.consulting_latest .container {width: 100% !important; max-width: 650px !important; position: relative; left: 50%; transform: translateX(-58%); padding: 0 15px !important;}
	
	.consulting_application {width: 50%; display: inline-block; float: right; padding-top: 60px;}
	.consulting_application .container {margin-left: -140px !important; width: calc(100% - 60px) !important;}
	.consulting_application .container .application .label {width: 80px;}
	.consulting_application .container .application input[type="text"] {font-size: 19px !important; width: 500px; height: 65px; border: 1px solid #d5d5d5 !important; padding: 2px 10px !important;}
	.consulting_application .container .application input[type="text"]::placeholder {color: #bbb;}
	.consulting_application .container .application .agree_area {font-size: 13px;}
	.consulting_application .container .application .apply {font-size: 19px; width: 500px; height: 65px; line-height: 65px; text-align: center;}
	.consulting_application .container .application .apply:hover {opacity: .7;}
	
	
	/* 전문가 칼럼 */
	section.expert_column {background: #1f1f1f; padding-top: 120px; padding-bottom: 90px;}
	section.expert_column .header {color: #fff; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 80px;}
	section.expert_column .header .main_txt {font-size: 32px; font-weight: bold; margin-bottom: 10px;}
	section.expert_column .header .sub_txt {font-size: 20px;}
	
	section.expert_column .expert_column_area {position: relative; display: flex; justify-content: space-between; column-gap: 20px; max-width: 1380px; margin: 0 auto; margin-bottom: 105px;}
	section.expert_column .expert_column_area .more_btn {position: absolute; top: -54px; right: 0; color: #fff !important; background: #01419a; width: 100px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center;}
	section.expert_column .expert_column_area .expert_column_box {background: #fff; width: 100%; height: 400px;}
	section.expert_column .expert_column_area .expert_column_box .txt_set {padding: 16px; margin-bottom: -5px;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .tag {font-size: 13px; color: #01419A; width: 90px; height: 27px; line-height: 25px; border: 1px solid !important; text-align: center; margin-bottom: 6px;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .tag.naver_blog {color: #38c65d;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .tag.press {color: #9d8463;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .title {font-size: 20px; font-weight: bold; color: #000; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; height: calc(24px* 2); margin-bottom: 6px;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .date_txt {font-size: 14px; color: #6a6a6a;}
	section.expert_column .expert_column_area .expert_column_box .thumbnail {width: 100%; height: 265px; background-size: cover; background-position: center; background-repeat: no-repeat;}
	
	
	/* office */
	.home section.office {padding: 120px 0; color: #444; background: url(/img/main/office/office_bg_pc.jpg); background-size: cover; background-position: center;}
	.home section.office:after {content: unset;}
	.home section.office .container {max-width: 1300px;}
	.home section.office .container .row {display: flex; justify-content: space-between;}
	
	.home section.office [class^=col_] {position: relative;}
	.home section.office .col_1 #map {width: 700px; height: 300px;}
	.home section.office .container .row > .col_2 {width: 540px;}
	
	.home section.office .location_btn {display: inline-block; text-align: center; font-size: 14px; color: #b5b5b5; background: #fff; border: 1px solid !important; width: 95px; height: 40px; line-height: 40px; cursor: pointer;}
	.home section.office .location_btn.on {color: #01419a; font-weight: bold; border: 1px solid;}
	
	.home section.office .info {padding: 0; padding-top: 40px; background: unset; font-size: 16px;}
	.home section.office .info .address_txt {margin-bottom: 15px;}
	.home section.office .info [class^=line_] {display: inline-block; text-align: center; color: #fff; min-width: 60px; height: 28px; line-height: 26px; border-radius: 5px; padding: 0 8px;}
	.home section.office .info .line_2 {background: #38b24f;}
	.home section.office .info .line_bundang {background: #b32a3e;}
	.home section.office .info .line_1 {background: #0052A4;}

	.home section.office .info .number {display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 24px; background: #ffe641; border: 1px solid; border-radius: 50%; margin-right: 2px;}
	
	.home section.office .tel_area {position: absolute; bottom: 0; display: flex;}
	.home section.office .tel_area [class^=col_] {font-size: 16px; margin-right: 30px;}
	.home section.office .tel_area .col_2,
	.home section.office .tel_area .col_2 a {/*color: #5172d6;*/}
	.home section.office .tel_area [class^=col_] .big {font-size: 24px; font-weight: bold;}
}





/* 태블릿 tablet css*/
/*@media all and (max-width:1024px){*/
@media all and (min-width:768px) and (max-width:1023px) { 
	.pc {display:none !important;}
	.mobile {display:block;}
	
	
	.hero,
	.container1 .swiper-slide, .container1 .swiper-container, .container1 .contents {height: 1176px;}
	.container1 .contents {/*background: rgba(0,0,0,.6);*/}
	
	/* 메인 섹션 */
	section.main {color: #fff; background: url(/img/main/bg/section1_bg_1920x720.jpg); background-size: cover; background-position: center; height: auto; padding-top: 140px; padding-bottom: 0;}
	section.main > .txt_area {width: 100%; margin: 0 auto; margin-bottom: 20px;}
	section.main > .txt_area .main_txt {font-size: 25px; font-weight: bold; text-align: center; font-family: '나눔명조'; line-height: 36px; margin-bottom: 30px;}
	section.main > .txt_area .sub_txt {font-size: 16px; width: 95%; text-align: center; margin: 0 auto;}
	section.main > .txt_area .color {color: #cbb795;}
	section.main > .txt_area .pc {display: inline-block;}
	
	section.main .lawyer_area {width: 100%; max-width: 500px !important; margin: 0 auto;}
	section.main .lawyer_area .row_1,
	section.main .lawyer_area .row_2 {display: flex;}
	section.main .lawyer_area .lawyer_item {position: relative; flex: 1; background-repeat: no-repeat; background-size: cover; background-position: center; height: 300px;}
	section.main .lawyer_area .row_1 .lawyer_item {background-position: center top; height: 260px;}
	
	section.main .lawyer_area .lawyer_item .txt_area {position: absolute; bottom: 0; left: 0; background: rgb(0 0 0 / 50%); width: 100%; height: 100%; padding: 0 10px; padding-right: 10px;}
	section.main .lawyer_area .row_1 .lawyer_item .txt_area {padding-top: 50%}
	section.main .lawyer_area .row_2 .lawyer_item .txt_area {padding-top: 80%}
	section.main .lawyer_area .lawyer_item .txt_area .name {font-size: 16px; font-weight: bold; color: #cbb795;}
	section.main .lawyer_area .lawyer_item .txt_area .career {font-size: 12px;}
	section.main .lawyer_area .lawyer_item .txt_area .career .color2 {color: #dfc291;}
	
	
	/* 성공사례 섹션 */
	section.성공사례 {position: relative; background: #eee; padding-top: 60px; padding-bottom: 0;}
	section.성공사례 > .header {color: #111; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 70px;}
	section.성공사례 > .header .main_txt {font-size: 20px; font-weight: bold; font-family: '나눔명조'; margin-bottom: 30px;}
	section.성공사례 > .header .main_txt .color {color: #01419a;}
	section.성공사례 > .header .main_txt .color2 {color: #cbb795;}
	section.성공사례 > .header .sub_txt {font-size: 16px;}
	section.성공사례 > .header .sub_txt .small {font-size: 11px;}
	
	section.성공사례 .success-case-tabs {min-height: 670px;}
	section.성공사례 .bg-blue-main {color: #fff !important; width: calc(100% - 30px); line-height: 40px; border-radius: 3px; text-align: center;}
	
	
	/* 백전불태 섹션 */
	section.백전불태 {background: #f4f4f4;}
	section.백전불태 .row_1 {display: grid; max-width: 500px !important; margin: 0 auto;}
	section.백전불태 .row_1 .백전불태_txt {font-size: 14px; color: #111; line-height: 24px; text-align: center; padding: 40px 0;}
	section.백전불태 .row_1 .백전불태_txt .big {font-size: 20px; font-family: '나눔명조';}
	section.백전불태 .row_1 .백전불태_txt .small {font-size: 11px;}
	section.백전불태 .row_1 .백전불태_txt .color {color: #955d17;}
	
	section.백전불태 .row_1 .flex_row {display: grid;}
	section.백전불태 .row_1 .flex_row .lawyer_item {position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; aspect-ratio: 850 / 645;}
	section.백전불태 .row_1 .flex_row .lawyer_item .txt_area {position: absolute; top: 50%; transform: translateY(-50%); font-size: 13px; color: #fff;}
	section.백전불태 .row_1 .flex_row .lawyer_item.index_1 .txt_area {left: 50%;}
	section.백전불태 .row_1 .flex_row .lawyer_item.index_2 .txt_area {left: 30px;}
	section.백전불태 .row_1 .flex_row .lawyer_item .txt_area .name {font-size: 17px; font-weight: bold; color: #dac6a4; margin-bottom: 10px;}
	section.백전불태 .row_1 .flex_row .lawyer_item .txt_area .career {line-height: 24px;}
	
	section.백전불태 .등록증_img {max-width: 500px !important; margin: 0 auto;}
	
	
	/* 절차탁마 섹션 */
	section.절차탁마 {background: #f4f4f4; padding-top: 70px; padding-bottom: 0;}
	section.절차탁마 > .header {color: #111; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 70px;}
	section.절차탁마 > .header .main_txt {font-size: 20px; font-weight: bold; font-family: '나눔명조'; margin-bottom: 30px;}
	section.절차탁마 > .header .main_txt .small {font-size: 11px;}
	section.절차탁마 > .header .sub_txt {font-size: 16px;}
	section.절차탁마 > .header .color {color: #01419a;}
	
	section.절차탁마 .조력시스템_row > .title {font-size: 20px; font-weight: bold; color: #fff; background: #01419a; width: 100%; height: 65px; line-height: 63px; text-align: center; margin-bottom: 30px;}
	section.절차탁마 .조력시스템_row .sub_title {font-size: 16px; width: 92%; text-align: center; margin: 0 auto; margin-bottom: 30px;}
	section.절차탁마 .조력시스템_row .sub_title .color {color: #01419a;}
	
	section.절차탁마 .조력시스템_row .조력시스템_area {display: flex; flex-wrap: wrap; justify-content: center; gap: 3px; width: 100%; max-width: 500px !important; margin: 0 auto;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item {flex: 100%; display: flex; justify-content: space-between; background: #fff; height: 170px;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 {flex: 0 0 55%; position: relative; padding: 0 15px; padding-top: 40px; padding-right: 5px;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .number {position: absolute; top: -20px; left: 5px; font-size: 80px; font-weight: bold; color: #f4f4f4;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .title {position: relative; font-size: 17px; font-weight: bold; color: #01419a; margin-left: 5px; margin-bottom: 10px;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .txt {font-size: 15px; color: #666; margin-left: 5px;}
	
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_2 {flex: 0 0 45%; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_2 .img_txt {position: relative; top: 60%; font-size: 12px; color: #fff; text-align: center;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(5) .row_2 .img_txt,
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(6) .row_2 .img_txt {top: 77%;}
	
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 {height: auto;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .row_1 {padding-top: 30px;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .txt {font-size: 15px; color: #111; margin-bottom: 10px;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .txt .color {color: #01419a;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .result {font-size: 22px; font-weight: 700; color: #01419a; margin-left: 5px;}
	
	section.절차탁마 .변호인_의견서_row {max-width: 500px !important; padding-top: 100px; margin: 0 auto;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area {width: 100%; padding-bottom: 50px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area > .title {font-size: 15px; color: #fff; background: #797979; width: 100%; max-width: 450px; height: 45px; line-height: 48px; text-align: center; margin-bottom: 30px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area {display: grid; row-gap: 50px; padding: 0 20px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title {font-size: 17px; font-weight: bold; margin-bottom: 10px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title .arrow {position: relative; top: -2px; font-size: 11px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title .color {color: #01419a;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .txt {font-size: 15px; color: #666; line-height: 24px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .txt b {color: #000;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .변호인_의견서_img {margin-bottom: -30px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .양형매뉴얼_area {position: relative; width: calc(100% - 30px); aspect-ratio: 780 / 900; border: 1px solid #d9e1ee !important; margin: 0 auto;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .양형매뉴얼_area .title {position: absolute; top: -27.5px; left: 50%; transform: translateX(-50%); font-size: 17px; color: #fff; background: #01419a; width: 90%; height: 55px; line-height: 53px; border-radius: 5px; text-align: center;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .양형매뉴얼_area .middle_txt {position: absolute; top: 255px; left: 50%; transform: translateX(-50%); font-size: 17px; color: #fff; width: max-content; text-align: center;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .양형매뉴얼_area .middle_txt .big {font-size: 1.3em;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .양형매뉴얼_area .양형매뉴얼_img {width: 100%;}
	
	
	/* 언론도_주목하는_에이앤랩 섹션 */
	section.언론도_주목하는_에이앤랩 .row_1 {display: grid; align-items: center; gap: 8vw; width: 100%; padding-top: 50px; margin: 0 auto;}
	section.언론도_주목하는_에이앤랩 .row_1 .txt_area {display: flex; flex-direction: column; justify-content: space-between; gap: 10px; font-size: 16px; color: #01419a; width: max-content; text-align: center; margin: 0 auto;}
	section.언론도_주목하는_에이앤랩 .row_1 .txt_area .main_txt {font-size: 25px; font-weight: bold; font-family: '나눔명조';}
	section.언론도_주목하는_에이앤랩 .row_1 .txt_area .box_txt {border: 1px solid #01419a !important; padding: 6px 4px;}
	section.언론도_주목하는_에이앤랩 .row_1 .press_img {width: 100%; max-width: 500px !important; margin: 0 auto;}
	
	
	/* 유비무환 섹션 */
	section.유비무환 {background: #f4f4f4; padding-top: 40px; }
	section.유비무환 > .header {color: #111; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 70px;}
	section.유비무환 > .header .main_txt {font-size: 20px; font-weight: bold; font-family: '나눔명조'; margin-bottom: 30px;}
	section.유비무환 > .header .main_txt .small {font-size: 11px;}
	section.유비무환 > .header .color {color: #01419a;}
	
	section.유비무환 .유비무환_row {margin-top: 40px;}
	section.유비무환 .유비무환_row .유비무환_area {display: grid; row-gap: 20px; width: 100%; max-width: 500px !important; padding: 0 15px; margin: 0 auto;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item {display: flex; flex-direction: column-reverse; justify-content: center; row-gap: 20px; color: #111; background: #fff; width: 100%; height: auto; border: 1px solid #01419a !important; padding: 20px 20px;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .title {font-size: 18px; font-weight: 600; color: #01419a; margin-bottom: 10px;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .sub_title {font-size: 16px; font-weight: 500; margin-bottom: 20px;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .description {font-size: 16px; font-weight: 500; margin-bottom: 30px; line-height: 25px;}
	/*section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .description .underline_txt {text-decoration: underline;}*/
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .description .underline_txt:after {display: none;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .category {font-size: 15px; color: #666; line-height: 24px; padding-left: 0px; margin-bottom: 10px;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .category .category_title {color: #111; font-weight: 500;}
	
	
	/* press area */
	.press_area {display: none; background: #01419a; padding: 30px 0;}
	.press_area .txt {color: #fff; text-align: center;}
	.press_area .txt .header {font-size: 23px; font-weight: bold;}
	.press_area .txt .content {font-size: 14px;}
	
	
	/* 차별점 섹션 */
	section.차별점 {color: #fff; background: #242424; padding-top: 60px; padding-bottom: 0;}
	section.차별점 > .header {text-align: center; width: calc(100% - 20px); margin: 0 auto; margin-bottom: 30px;}
	section.차별점 > .header .main_txt {font-size: 26px; font-weight: 800; margin-bottom: 5px;}
	section.차별점 > .header .sub_txt {font-size: 17px;}
	
	section.차별점 .box_area {display: grid; row-gap: 8px; margin: 0 auto;}
	section.차별점 .box_area .box {width: 60%; height: auto; border: 2px solid #37393c !important; padding-top: 40px; margin: 0 auto;}
	section.차별점 .box_area .box .circle {display: none; background: #5172d6; width: 15px; height: 15px; border-radius: 50px; margin-top: 40px; margin-bottom: 10px;}
	section.차별점 .box_area .box .main_txt {font-size: 26px; font-weight: 700; line-height: 37px; margin-bottom: 10px;}
	section.차별점 .box_area .box .sub_txt {font-size: 15px; line-height: 24px;}
	section.차별점 .box_area .box .color {color: #a28158;}
	/*section.차별점 .box_area .box img {margin: 0 auto;}*/
	section.차별점 .box_area .box:nth-child(1) img.mobile {margin: 0 auto; margin-top: 50px;}
	section.차별점 .box_area .box:nth-child(4) img.mobile {margin: 0 auto; margin-top: 50px; margin-right: 0;}
	
	section.차별점 .box_area .box .circle,
	section.차별점 .box_area .box .main_txt,
	section.차별점 .box_area .box .sub_txt {margin-left: 20px;}
	
	section.차별점 .box_area .video {background: transparent; width: 50%; aspect-ratio: 9 / 16; margin: 0 auto;}


	/* 상담문의 최신글, 상담신청 영역 */
	.consulting_latest {padding-top: 2rem; padding-bottom: 40px;}
	
	.consulting_application {background: #fff; width: 100%; display: inline-block; padding: 40px 0;}
	.consulting_application .container {width: 100%; max-width: 500px;}
	.consulting_application .container .title {font-size: 23px;}
	.consulting_application .container .text {font-size: 17px; margin-bottom: 20px;}
	.consulting_application .container .application {grid-template-columns: repeat(1, 1fr);}
	.consulting_application .container .application .label {width: 80px;}
	.consulting_application .container .application input[type="text"] {font-size: 17px !important; width: 100%; height: 55px; border: 1px solid #d5d5d5 !important; padding: 2px 10px !important;}
	.consulting_application .container .application input[type="text"]::placeholder {color: #bbb;}
	.consulting_application .container .application .apply {font-size: 18px; width: 100%; height: 55px; line-height: 55px; text-align: center;}
	.consulting_application .container .application .apply:hover {opacity: .7;}
	.consulting_application .container .application .agree_area {font-size: 14px;}
	
	
	/* 전문가 칼럼 */
	section.expert_column {background: #242424; padding-top: 50px; padding-bottom: 0;}
	section.expert_column .header {color: #fff; text-align: center; width: calc(100% - 20px); margin: 0 auto; margin-bottom: 40px;}
	section.expert_column .header .main_txt {font-size: 23px; font-weight: bold; margin-bottom: 10px;}
	section.expert_column .header .sub_txt {font-size: 14px;}
	
	section.expert_column .expert_column_area {position: relative; display: grid; gap: 5px; max-width: 500px; margin: 0 auto;}
	section.expert_column .expert_column_area .expert_column_box {background: #fff; width: 100%; height: 200px;}
	section.expert_column .expert_column_area .expert_column_box a {display: flex; gap: 36px;}
	section.expert_column .expert_column_area .expert_column_box .txt_set {padding-top: 40px; padding-left: 10px;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .tag {font-size: 13px; color: #bd1a03;  width: 85px; height: 28px; line-height: 26px; border: 1px solid !important; text-align: center; margin-bottom: 6px;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .tag.naver_blog {color: #38c65d;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .tag.press {color: #9d8463;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .title {font-size: 20px; font-weight: bold; color: #000; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; height: calc(24px* 2); margin-bottom: 6px;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .date_txt {font-size: 14px; color: #6a6a6a;}
	section.expert_column .expert_column_area .expert_column_box .thumbnail {flex: 0 0 42%; width: 100%; height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat;}
	
	section.expert_column .expert_column_area .more_btn {display: inline-block; font-size: 18px; color: #fff !important; background: #01419a; width: 100%; height: 55px; line-height: 55px; text-align: center;}
	section.expert_column .expert_column_area .more_btn:hover {opacity: .7;}
	
	
	/* office */
	.home section.office {padding: 60px 0; color: #444; background: url(/img/main/office/office_bg_pc.jpg); background-size: cover; background-position: center;}
	.home section.office:after {content: unset;}
	
	.home section.office .col-lg-6 {position: relative;}
	
	.home section.office .location_btn {display: inline-block; text-align: center; font-size: 14px; color: #b5b5b5; background: #fff; border: 1px solid !important; width: calc(20% + 1px); height: 60px; line-height: 54px; cursor: pointer; margin-right: -6px;}
	.home section.office .location_btn.on {color: #01419a; font-weight: bold; border: 1px solid;}
	
	.home section.office .info {padding: 30px 0; background: unset; font-size: 14px;}
	.home section.office .info .address_txt {margin-bottom: 15px;}
	.home section.office .info [class^=line_] {display: inline-block; text-align: center; color: #fff; min-width: 60px; height: 28px; line-height: 26px; border-radius: 5px; padding: 0 8px;}
	.home section.office .info .line_2 {background: #38b24f;}
	.home section.office .info .line_bundang {background: #b32a3e;}
	.home section.office .info .line_1 {background: #0052A4;}

	.home section.office .info .number {display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 26px; background: #ffe641; border: 1px solid; border-radius: 50%; margin-right: 2px;}
	
	.home section.office .col_1 {margin: 0 auto;}
	.home section.office .col_1 #map {width: calc(425px - 40px); height: 220px !important;}
	
	.home section.office .container .row > .col_2 {padding: 0 20px;}
	
	.home section.office .tel_area {margin-top: 50px;}
	.home section.office .tel_area [class^=col_] {font-size: 14px; margin-right: 30px;}
	.home section.office .tel_area .col_2,
	.home section.office .tel_area .col_2 a {/*color: #5172d6;*/}
	.home section.office .tel_area [class^=col_] .big {font-size: 24px; font-weight: bold;}
}



/* 모바일 mobile css*/
@media all and (max-width:600px){
	.pc {display: none !important;}
	.mobile {display: block;}
	.blackbox_logo {width: 140px; position: fixed; bottom: 120px; left: 10px; z-index: 999; }
	.hero,
	.container1 .contents {height:640px;}
	
	
	/* 메인 섹션 */
	section.main {color: #fff; background: url(/img/main/bg/section1_bg_1920x720.jpg); background-size: cover; background-position: center; height: auto; padding-top: 110px; padding-bottom: 0;}
	section.main > .txt_area {width: 100%; margin: 0 auto; margin-bottom: 20px;}
	section.main > .txt_area .main_txt {font-size: 25px; font-weight: bold; text-align: center; font-family: '나눔명조'; line-height: 36px; margin-bottom: 30px;}
	section.main > .txt_area .sub_txt {font-size: 16px; width: 95%; text-align: center; margin: 0 auto;}
	section.main > .txt_area .color {color: #cbb795;}
	section.main > .txt_area .pc {display: inline-block;}
	
	section.main .lawyer_area {width: 100%; margin: 0 auto;}
	section.main .lawyer_area .row_1,
	section.main .lawyer_area .row_2 {display: flex;}
	section.main .lawyer_area .lawyer_item {position: relative; flex: 1; background-repeat: no-repeat; background-size: cover; background-position: center; height: 300px;}
	section.main .lawyer_area .row_1 .lawyer_item {background-position: center top; height: 260px;}
	
	section.main .lawyer_area .lawyer_item .txt_area {position: absolute; bottom: 0; left: 0; background: rgb(0 0 0 / 50%); width: 100%; height: 100%; padding: 0 10px; padding-right: 10px;}
	section.main .lawyer_area .row_1 .lawyer_item .txt_area {padding-top: 50%}
	section.main .lawyer_area .row_2 .lawyer_item .txt_area {padding-top: 80%}
	section.main .lawyer_area .lawyer_item .txt_area .name {font-size: 16px; font-weight: bold; color: #cbb795;}
	section.main .lawyer_area .lawyer_item .txt_area .career {font-size: 12px;}
	section.main .lawyer_area .lawyer_item .txt_area .career .color2 {color: #dfc291;}
	
	
	/* 성공사례 섹션 */
	section.성공사례 {position: relative; background: #eee; padding-top: 60px; padding-bottom: 0;}
	section.성공사례 > .header {color: #111; text-align: center; width: max-content; margin: 0 auto;}
	section.성공사례 > .header .main_txt {font-size: 20px; font-weight: bold; font-family: '나눔명조'; margin-bottom: 30px;}
	section.성공사례 > .header .main_txt .color {color: #01419a;}
	section.성공사례 > .header .main_txt .color2 {color: #ab8b54;}
	section.성공사례 > .header .sub_txt {font-size: 17px;}
	section.성공사례 > .header .sub_txt .small {font-size: 11px;}
	
	section.성공사례 .success-case-tabs {min-height: 670px;}
	section.성공사례 .bg-blue-main {color: #fff !important; width: calc(100% - 30px); line-height: 50px; border-radius: 3px; text-align: center; margin-bottom: 20px;}
	
	
	/* 백전불태 섹션 */
	section.백전불태 {background: #f4f4f4;}
	section.백전불태 .row_1 {display: grid;}
	section.백전불태 .row_1 .백전불태_txt {font-size: 15px; color: #111; line-height: 25px; text-align: center; padding: 40px 0;}
	section.백전불태 .row_1 .백전불태_txt .big {font-size: 21px; line-height: 32px; padding-top: 20px; font-family: '나눔명조';}
	section.백전불태 .row_1 .백전불태_txt .small {font-size: 11px;}
	section.백전불태 .row_1 .백전불태_txt .color {color: #955d17;}
	
	section.백전불태 .row_1 .flex_row {display: grid;}
	section.백전불태 .row_1 .flex_row .lawyer_item {position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; aspect-ratio: 850 / 645;}
	section.백전불태 .row_1 .flex_row .lawyer_item .txt_area {position: absolute; top: 50%; transform: translateY(-50%); font-size: 13px; color: #fff;}
	section.백전불태 .row_1 .flex_row .lawyer_item.index_1 .txt_area {left: 50%;}
	section.백전불태 .row_1 .flex_row .lawyer_item.index_2 .txt_area {left: 30px;}
	section.백전불태 .row_1 .flex_row .lawyer_item .txt_area .name {font-size: 21px; font-weight: bold; color: #dac6a4; margin-bottom: 10px;}
	section.백전불태 .row_1 .flex_row .lawyer_item .txt_area .career {font-size: 16px; line-height: 24px;}
	
	section.백전불태 .등록증_img {margin: 0 auto;}
	
	
	/* 절차탁마 섹션 */
	section.절차탁마 {padding-top: 70px; padding-bottom: 0;}
	section.절차탁마 > .header {color: #111; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 70px;}
	section.절차탁마 > .header .main_txt {font-size: 21px; font-weight: bold; font-family: '나눔명조'; margin-bottom: 30px;}
	section.절차탁마 > .header .main_txt .small {font-size: 11px;}
	section.절차탁마 > .header .sub_txt {font-size: 16px;}
	section.절차탁마 > .header .color {color: #01419a;}
	
	section.절차탁마 .조력시스템_row {background: #f1f1f1;}
	section.절차탁마 .조력시스템_row > .title {font-size: 21px; font-weight: bold; color: #fff; background: #01419a; width: 100%; height: 65px; line-height: 63px; text-align: center; margin-bottom: 30px;}
	section.절차탁마 .조력시스템_row .sub_title {font-size: 16px; width: 92%; text-align: center; margin: 0 auto; margin-bottom: 30px;}
	section.절차탁마 .조력시스템_row .sub_title .color {color: #01419a;}
	
	section.절차탁마 .조력시스템_row .조력시스템_area {display: flex; flex-wrap: wrap; justify-content: center; gap: 3px; width: 100%;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item {flex: 100%; display: flex; justify-content: space-between; background: #fff; height: 170px;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 {flex: 0 0 55%; position: relative; padding: 0 15px; padding-top: 40px; padding-right: 5px;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .number {position: absolute; top: -20px; left: 5px; font-size: 80px; font-weight: bold; color: #f4f4f4;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .title {position: relative; font-size: 17px; font-weight: bold; color: #01419a; margin-left: 5px; margin-bottom: 10px;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .txt {font-size: 15px; color: #666; margin-left: 5px;}
	
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_2 {flex: 0 0 45%; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item .row_2 .img_txt {position: relative; top: 60%; font-size: 12px; color: #fff; text-align: center;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(5) .row_2 .img_txt,
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(6) .row_2 .img_txt {top: 77%;}
	
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 {height: auto;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .row_1 {padding-top: 30px;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .txt {font-size: 15px; color: #111; margin-bottom: 10px;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .txt .color {color: #01419a;}
	section.절차탁마 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .result {font-size: 22px; font-weight: 700; color: #01419a; margin-left: 5px;}
	
	section.절차탁마 .변호인_의견서_row {background: #fff; padding-top: 60px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area {background: #f4f4f4; width: 100%; padding-bottom: 50px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area > .title {font-size: 15px; color: #fff; background: #797979; width: 100%; max-width: 450px; height: 45px; line-height: 48px; text-align: center; margin-bottom: 30px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area {display: grid; row-gap: 50px; padding: 0 20px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title {font-size: 17px; font-weight: bold; margin-bottom: 10px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title .arrow {position: relative; top: -2px; font-size: 11px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title .color {color: #01419a;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .txt {font-size: 15px; color: #666; line-height: 24px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .txt b {color: #000;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .변호인_의견서_img {margin-bottom: -30px;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .양형매뉴얼_area {position: relative; width: 100%; aspect-ratio: 780 / 900; border: 1px solid #d9e1ee !important; margin: 0 auto;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .양형매뉴얼_area .title {position: absolute; top: -27.5px; left: 50%; transform: translateX(-50%); font-size: 17px; color: #fff; background: #01419a; width: 90%; height: 55px; line-height: 53px; border-radius: 5px; text-align: center;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .양형매뉴얼_area .middle_txt {position: absolute; top: 247px; left: 50%; transform: translateX(-50%); font-size: 17px; color: #fff; width: max-content; text-align: center;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .양형매뉴얼_area .middle_txt .big {font-size: 1.3em;}
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .양형매뉴얼_area .양형매뉴얼_img {width: 100%;}
	
	
	/* 언론도_주목하는_에이앤랩 섹션 */
	section.언론도_주목하는_에이앤랩 .row_1 {display: grid; align-items: center; gap: 8vw; width: 100%; padding-top: 30px; margin: 0 auto;}
	section.언론도_주목하는_에이앤랩 .row_1 .txt_area {display: flex; flex-direction: column; justify-content: space-between; gap: 10px; font-size: 16px; color: #01419a; width: max-content; text-align: center; margin: 0 auto;}
	section.언론도_주목하는_에이앤랩 .row_1 .txt_area .main_txt {font-size: 25px; font-weight: bold; font-family: '나눔명조';}
	section.언론도_주목하는_에이앤랩 .row_1 .txt_area .box_txt {border: 1px solid #01419a !important; padding: 6px 4px;}
	section.언론도_주목하는_에이앤랩 .row_1 .press_img {width: 100%;}
	
	
	/* 유비무환 섹션 */
	section.유비무환 {background: #f4f4f4; padding-top: 40px; padding-bottom: 30px;}
	section.유비무환 > .header {color: #111; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 40px;}
	section.유비무환 > .header .main_txt {font-size: 21px; font-weight: bold; font-family: '나눔명조'; width: max-content; margin-bottom: 30px;}
	section.유비무환 > .header .main_txt .small {font-size: 11px;}
	section.유비무환 > .header .color {color: #01419a;}
	
	section.유비무환 .유비무환_row {margin-top: 40px;}
	section.유비무환 .유비무환_row .유비무환_area {display: grid; row-gap: 20px; width: 100%; padding: 0 15px; margin: 0 auto;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item {display: flex; flex-direction: column-reverse; justify-content: center; row-gap: 20px; color: #111; background: #fff; width: 100%; height: auto; border: 1px solid #01419a !important; padding: 20px 20px;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .title {font-size: 18px; font-weight: 600; color: #01419a; margin-bottom: 10px;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .sub_title {font-size: 16px; font-weight: 500; margin-bottom: 20px;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .description {font-size: 16px; font-weight: 500; margin-bottom: 30px; line-height: 25px;}
	/*section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .description .underline_txt {text-decoration: underline;}*/
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .description .underline_txt:after {display: none;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .category {font-size: 15px; color: #666; line-height: 24px; padding-left: 0px; margin-bottom: 10px;}
	section.유비무환 .유비무환_row .유비무환_area .유비무환_item .col_1 .category .category_title {color: #111; font-weight: 500;}
	
	
	/* press area */
	.press_area {display: none; background: #01419a; padding: 30px 0;}
	.press_area .txt {color: #fff; text-align: center;}
	.press_area .txt .header {font-size: 23px; font-weight: bold;}
	.press_area .txt .content {font-size: 14px;}
	
	
	/* 차별점 섹션 */
	section.차별점 {color: #fff; background: #242424; padding-top: 60px; padding-bottom: 30px;}
	section.차별점 > .header {text-align: center; width: calc(100% - 20px); margin: 0 auto; margin-bottom: 30px;}
	section.차별점 > .header .main_txt {font-size: 26px; font-weight: 800; margin-bottom: 5px;}
	/*section.차별점 > .header .main_txt .color {color: #6b90ff;}*/
	section.차별점 > .header .sub_txt {font-size: 17px;}
	
	section.차별점 .box_area {display: grid; row-gap: 8px; padding: 0 10px; margin: 0 auto;}
	section.차별점 .box_area .box {width: 100%; height: auto; border: 2px solid #37393c !important; padding-top: 40px; margin: 0 auto;}
	section.차별점 .box_area .box .circle {display: none; background: #5172d6; width: 15px; height: 15px; border-radius: 50px; margin-top: 40px; margin-bottom: 10px;}
	section.차별점 .box_area .box .main_txt {font-size: 26px; font-weight: 700; line-height: 37px; margin-bottom: 10px;}
	section.차별점 .box_area .box .sub_txt {font-size: 15px; line-height: 24px;}
	section.차별점 .box_area .box .color {color: #a28158;}
	/*section.차별점 .box_area .box img {margin: 0 auto;}*/
	section.차별점 .box_area .box:nth-child(1) img.mobile {margin: 0 auto; margin-top: 50px;}
	section.차별점 .box_area .box:nth-child(4) img.mobile {width: 80%; margin: 0 auto; margin-top: 50px; margin-right: 0;}
	
	section.차별점 .box_area .box .circle,
	section.차별점 .box_area .box .main_txt,
	section.차별점 .box_area .box .sub_txt {margin-left: 20px;}
	
	section.차별점 .box_area .video {background: transparent; width: 100%; aspect-ratio: 9 / 16;}
	
	/* 후기 섹션 */
	section.차별점 .review_slide {position: relative; width: calc(100% - 20px); margin-bottom: 40px; margin-left: 10px;}
	
	section.차별점 .review_slide .swiper-button-prev,
	section.차별점 .review_slide .swiper-container-rtl .swiper-button-next,
	section.차별점 .review_slide .swiper-button-next,
	section.차별점 .review_slide .swiper-container-rtl .swiper-button-prev{display: none;}
	

	/* 상담문의 최신글, 상담신청 영역 */
	.consulting_latest {padding-top: 2rem; padding-bottom: 40px;}
	
	.consulting_application {background: #fff; width: 100%; display: inline-block; padding: 40px 0;}
	.consulting_application .container {width: 100%; max-width: 500px;}
	.consulting_application .container .title {font-size: 23px;}
	.consulting_application .container .text {font-size: 17px; margin-bottom: 20px;}
	.consulting_application .container .application {grid-template-columns: repeat(1, 1fr);}
	.consulting_application .container .application .label {width: 80px;}
	.consulting_application .container .application input[type="text"] {font-size: 17px !important; width: 100%; height: 55px; border: 1px solid #d5d5d5 !important; padding: 2px 10px !important;}
	.consulting_application .container .application input[type="text"]::placeholder {color: #bbb;}
	.consulting_application .container .application .apply {font-size: 18px; width: 100%; height: 55px; line-height: 55px; text-align: center;}
	.consulting_application .container .application .apply:hover {opacity: .7;}
	.consulting_application .container .application .agree_area {font-size: 14px;}
	
	
	/* 전문가 칼럼 */
	section.expert_column {background: #242424; padding-top: 50px; padding-bottom: 0;}
	section.expert_column .header {color: #fff; text-align: center; width: calc(100% - 20px); margin: 0 auto; margin-bottom: 40px;}
	section.expert_column .header .main_txt {font-size: 23px; font-weight: bold; margin-bottom: 10px;}
	section.expert_column .header .sub_txt {font-size: 16px;}
	
	section.expert_column .expert_column_area {position: relative; display: grid; gap: 5px;}
	section.expert_column .expert_column_area .expert_column_box {background: #fff; width: 100%; height: 200px;}
	section.expert_column .expert_column_area .expert_column_box a {display: flex; gap: 26px;}
	section.expert_column .expert_column_area .expert_column_box .txt_set {padding-top: 30px; padding-left: 10px;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .tag {font-size: 13px; color: #01419A; width: 85px; height: 28px; line-height: 26px; border: 1px solid !important; text-align: center; margin-bottom: 6px;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .tag.naver_blog {color: #38c65d;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .tag.press {color: #9d8463;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .title {font-size: 18px; font-weight: 500; color: #000; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 24px; height: calc(24px* 3); margin-bottom: 6px;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .date_txt {font-size: 14px; color: #6a6a6a;}
	section.expert_column .expert_column_area .expert_column_box .thumbnail {flex: 0 0 50%; width: 100%; height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat;}
	
	section.expert_column .expert_column_area .more_btn {display: inline-block; font-size: 18px; color: #fff !important; background: #01419a; width: 100%; height: 55px; line-height: 55px; text-align: center;}
	section.expert_column .expert_column_area .more_btn:hover {opacity: .7;}
	
	
	/* office */
	.home section.office {padding: 60px 0; color: #444; background: url(/img/main/office/office_bg_pc.jpg); background-size: cover; background-position: center;}
	.home section.office:after {content: unset;}
	
	.home section.office .col-lg-6 {position: relative;}
	
	.home section.office .location_btn {display: inline-block; text-align: center; font-size: 14px; color: #b5b5b5; background: #fff; border: 1px solid !important; width: calc(20% + 1px); height: 60px; line-height: 54px; cursor: pointer; margin-right: -6px;}
	.home section.office .location_btn.on {color: #01419a; font-weight: bold; border: 1px solid;}
	
	.home section.office .info {padding: 30px 0; background: unset; font-size: 14px;}
	.home section.office .info .address_txt {margin-bottom: 15px;}
	.home section.office .info [class^=line_] {display: inline-block; text-align: center; color: #fff; min-width: 60px; height: 28px; line-height: 26px; border-radius: 5px; padding: 0 8px;}
	.home section.office .info .line_2 {background: #38b24f;}
	.home section.office .info .line_bundang {background: #b32a3e;}
	.home section.office .info .line_1 {background: #0052A4;}

	.home section.office .info .number {display: inline-block; text-align: center; width: 28px; height: 28px; line-height: 26px; background: #ffe641; border: 1px solid; border-radius: 50%; margin-right: 2px;}
	
	.home section.office .col_1 {margin: 0 auto;}
	.home section.office .col_1 #map {width: calc(425px - 40px); height: 220px !important;}
	
	.home section.office .container .row > .col_2 {padding: 0 20px;}
	
	.home section.office .tel_area {margin-top: 50px;}
	.home section.office .tel_area [class^=col_] {font-size: 14px; margin-right: 30px;}
	.home section.office .tel_area .col_2,
	.home section.office .tel_area .col_2 a {/*color: #5172d6;*/}
	.home section.office .tel_area [class^=col_] .big {font-size: 24px; font-weight: bold;}
}


@media all and (max-width: 380px){
	.hero {background-size: 102%;}
	.blackbox_logo {width: 140px; position: fixed; bottom: 146px; left: 10px; z-index: 999; }
	
	/* 메인 섹션 */
	section.main > .txt_area .main_txt {font-size: 22px;}
	section.main > .txt_area .sub_txt {font-size: 16px;}
	
	section.main .lawyer_area .lawyer_item .txt_area .name {font-size: 13px;}
	
	
	/* 성공사례 섹션 */
	section.성공사례 > .header .main_txt {font-size: 18px;}
	section.성공사례 > .header .sub_txt {font-size: 12px;}
	
	section.성공사례 .category_area .category_btn {font-size: 13px;}
	
	
	/* 절차탁마 섹션 */
	section.절차탁마 > .header .main_txt {font-size: 18px;}
	
	section.절차탁마 .조력시스템_row > .title {font-size: 17px;}
	
	section.절차탁마 .변호인_의견서_row .변호인_의견서_area .양형매뉴얼_area .middle_txt {top: 225px;}
	
	
	/* 차별점 섹션 */
	section.차별점 > .header .main_txt {font-size: 23px;}
	section.차별점 > .header .sub_txt {font-size: 13px;}
	
	section.차별점 .box_area .box .main_txt {font-size: 23px; line-height: 34px;}
	section.차별점 .box_area .box .sub_txt {font-size: 13px;}
	
	
	/* press 섹션 */
	.press_area .txt .content {font-size: 13px;}
	
	
	/* 상담문의 최신글, 상담신청 영역 */
	.consulting_application .container .title {font-size: 21px;}
	.consulting_application .container .text {font-size: 15px;}
	.consulting_application .container .application .agree_area {font-size: 0.8em;}
	
	
	/* 전문가 칼럼 */
	section.expert_column .header .main_txt {font-size: 23px;}
	section.expert_column .header .sub_txt {font-size: 13px;}
	
	section.expert_column .expert_column_area .expert_column_box .txt_set .tag {font-size: 11px;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .title {font-size: 18px;}
	section.expert_column .expert_column_area .expert_column_box .txt_set .date_txt {font-size: 12px;}
	section.expert_column .expert_column_area .more_btn {font-size: 16px;}
	
	
	/* office */
	.home section.office .col_1 {margin: 0 auto;}
	.home section.office .col_1 #map {width: calc(375px - 40px);}
}


/* 컨베이어 벨트 pc 애니메이션 */
@keyframes conveyor{
	0% {transform: translateX(0);}
	100% {transform: translateX(-133%);}
}
@-moz-keyframes conveyor{
	0% {transform: translateX(0);}
	100% {transform: translateX(-133%);}
}
@-webkit-keyframes conveyor{
	0% {transform: translateX(0);}
	100% {transform: translateX(-133%);}
}

/* 컨베이어 벨트 모바일 애니메이션 */
@keyframes conveyor_mobile{
	0% {transform: translateX(0);}
	100% {transform: translateX(calc(-41% * 8));}
}
@-moz-keyframes conveyor_mobile{
	0% {transform: translateX(0);}
	100% {transform: translateX(calc(-41% * 8));}
}
@-webkit-keyframes conveyor_mobile{
	0% {transform: translateX(0);}
	100% {transform: translateX(calc(-41% * 8));}
}