/* 명조체 */
@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: #971300; cursor: pointer;}



/*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; text-align: center; padding-top: 24px; margin: 0 auto;}
	section.main > .txt_area .color {color: #e5b057;}
	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: #e5b057; margin-bottom: 10px;}
	section.main .lawyer_area .lawyer_item .txt_area .career {font-size: 14px; margin-left: -8px;}
	
	
	/* 로고 섹션 */
	section.logo {display: flex; display: none; justify-content: center; padding: 0; margin: 0 auto;}
	section.logo img {margin-top: -75px;}
	
	
	/* 철학 섹션 */
	section.철학 {position: relative; padding-top: 160px; padding-bottom: 0; z-index: 1;}
	section.철학 > .header {color: #111; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 130px;}
	section.철학 > .header .main_txt {font-size: 38px; font-weight: bold; font-family: '나눔명조'; margin-bottom: 15px;}
	section.철학 > .header .main_txt .red_color {color: #bd1a03;}
	section.철학 > .header .main_txt .beige_color {color: #cbb795;}
	section.철학 > .header .sub_txt {font-size: 20px;}
	
	section.철학 .철학_area {display: flex; justify-content: space-between; max-width: 1400px; margin: 0 auto;}
	section.철학 .철학_area .철학_item {flex: 0 0 275px; text-align: center; cursor: pointer; transition-duration: .4s;}
	section.철학 .철학_area .철학_item:hover {filter: brightness(1.1); transform: translateY(-8px);}
	section.철학 .철학_area .철학_item .한자 {font-size: 35px; font-weight: bold; font-family: 'SeoulHangang';}
	section.철학 .철학_area .철학_item .한글 {font-size: 17px; font-family: '나눔명조';}
	section.철학 .철학_area .철학_item .풀이 {font-size: 17px; font-family: '나눔명조'; color: #fff; background: #a61500; width: 100%; height: 75px; padding-top: 13px;}
	
	
	/* 철학_ 섹션 공통 */
	section[class^="철학_"] > .header {color: #111; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 105px;}
	section[class^="철학_"] > .header .한자 {font-size: 80px; font-weight: bold; font-family: 'SeoulHangang'; color: rgb(17 17 17 / 10%); margin-bottom: -50px;}
	section[class^="철학_"] > .header .한글 {font-size: 42px; font-weight: bold; font-family: '나눔명조'; color: #bd1a03; margin-bottom: 10px;}
	section[class^="철학_"] > .header .풀이 {font-size: 22px; font-weight: bold; font-family: '나눔명조';}
	section[class^="철학_"] > .header .풀이 br {display: none;}
	
	section[class^="철학_"] .point {color: #955d17;}
	section[class^="철학_"] .underline_txt {position: relative; display: inline-block; margin-bottom: 8px;}
	section[class^="철학_"] .underline_txt:after {position: absolute; bottom: -4px; left: 0; content: ""; background: #111; width: 100%; height: 1px;}
	
	section[class^="철학_"] .story_area {font-size: 19px; color: #111; width: 100%; max-width: 1400px; text-align: center; margin: 0 auto;}
	section[class^="철학_"] .story_area .small {font-size: 14px;}
	section[class^="철학_"] .story_area .인용구 {font-size: 26px; font-weight: bold; font-family: '나눔명조'; margin: 40px 0;}
	section[class^="철학_"] .story_area .highlight {background: #d9ede6;}
	
	
		/* 철학_1 섹션 */
		section.철학_1 {background: linear-gradient(to bottom, #f4f4f4 calc(100% - 60px), #fff 0); padding: 0; padding-top: 137px; margin-top: -37px;}
		section.철학_1 .row_1,
		section.철학_1 .row_2 {display: flex; justify-content: space-between; width: 100%; max-width: 1400px; margin: 0 auto;}
		section.철학_1 .row_1 {margin-bottom: 80px;}
		section.철학_1 [class^="row_"] {font-size: 17px;}
		section.철학_1 [class^="row_"] .small {font-size: 14px;}
		
		section.철학_1 .row_1 .col_2,
		section.철학_1 .row_2 .col_1,
		section.철학_1 .row_2 .col_2 {position: relative;}
		
		section.철학_1 .row_1 .col_2 .txt_area,
		section.철학_1 .row_2 .col_1 .txt_area {position: absolute; top: 63px; font-size: 23px; font-weight: bold; color: #fff;}
		section.철학_1 .row_1 .col_2 .txt_area {left: 280px;}
		section.철학_1 .row_2 .col_1 .txt_area {left: 55px;}
		section.철학_1 .row_1 .col_2 .txt_area .color,
		section.철학_1 .row_2 .col_1 .txt_area .color {color: #dac6a4;}
		
		section.철학_1 .row_2 .col_1 .small_txt {position: absolute; bottom: 47px; left: 20px; font-size: 14px; color: #fff;}
		
		section.철학_1 .row_2 .col_2 .액자_img {position: absolute; bottom: -50px; right: -20px; width: 100%; min-width: 840px;}
		
		
		/* 철학_2 섹션 */
		section.철학_2 {padding-bottom: 20px;}
		
		
		/* 철학_3 섹션 */
		section.철학_3 {background: #f4f4f4; padding-bottom: 0;}
		section.철학_3 .story_area {margin-bottom: 70px;}
		section.철학_3 .조력시스템_row > .title {font-size: 27px; font-weight: bold; color: #fff; background: #971300; width: 100%; max-width: 1400px; height: 70px; line-height: 68px; text-align: center; margin: 0 auto; margin-bottom: 50px;}
		section.철학_3 .조력시스템_row .sub_title {font-size: 19px; width: 100%; max-width: 1400px; text-align: center; margin: 0 auto; margin-bottom: 50px;}
		section.철학_3 .조력시스템_row .sub_title .color {color: #bd1a03;}
		
		section.철학_3 .조력시스템_row .조력시스템_area {display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; width: 100%; max-width: 1400px; margin: 0 auto;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item {flex: 344px; display: flex; flex-direction: column; justify-content: space-between; background: #fff; height: 450px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 {position: relative; padding: 0 20px; padding-top: 60px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .number {position: absolute; top: -20px; right: 10px; font-size: 100px; font-weight: bold; color: #f4f4f4;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .title {position: relative; font-size: 24px; font-weight: bold; color: #bd1a03; margin-bottom: 10px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .txt {font-size: 16px; color: #666; margin-left: -9px;}
		
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_2 {position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; height: 230px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_2 .img_txt {position: relative; top: 60%; font-size: 15px; color: #fff; text-align: center;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(5) .row_2 .img_txt,
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(6) .row_2 .img_txt {top: 77%;}
		
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(7) {position: relative; background: unset;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(7) .txt {position: absolute; top: 100px; left: 30px; font-size: 19px; white-space: nowrap; margin-bottom: 10px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(7) .txt .color {color: #bd1a03;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(7) .result {position: absolute; top: 200px; left: 30px; font-size: 30px; font-weight: bold; color: #bd1a03;}
		
		section.철학_3 .변호인_의견서_row {background: #fff; padding-top: 130px; padding-bottom: 40px; margin-top: -50px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area {position: relative; width: 100%; max-width: 1400px; margin: 0 auto;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area > .title {font-size: 17px; color: #fff; background: #971300; width: 100%; max-width: 450px; height: 50px; line-height: 48px; text-align: center; margin-bottom: 30px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area {position: relative; display: grid; row-gap: 50px; z-index: 1;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title {font-size: 19px; font-weight: bold; margin-bottom: 10px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title .arrow {position: relative; top: -2px; font-size: 11px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title .color {color: #bd1a03;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .txt {font-size: 16px; color: #666;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .변호인_의견서_img {position: absolute; top: 20px; right: 0;}
		
		
		/* 철학_4 섹션 */
		section.철학_4 .변호시스템_row {background: linear-gradient(to bottom, #fff 0 100px, #f4f4f4 0 430px, #fff 0 100%); margin: 30px 0;}
		section.철학_4 .변호시스템_row .변호시스템_area {position: relative; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 1400px; padding-top: 32px; margin: 0 auto;}
		section.철학_4 .변호시스템_row .변호시스템_area .description {position: absolute; top: 0; right: 0; font-size: 15px; color: #7f7f7f;}
		section.철학_4 .변호시스템_row .변호시스템_area .변호시스템_item {flex: 25%; height: 330px;}
		section.철학_4 .변호시스템_row .변호시스템_area .변호시스템_item .title {font-size: 20px; font-weight: bold; color: #fff; background: #971300; width: 100%; height: 130px; border: 0.5px solid #bd1a03; padding: 20px 30px;}
		section.철학_4 .변호시스템_row .변호시스템_area .변호시스템_item .title .number {font-size: 36px;}
		section.철학_4 .변호시스템_row .변호시스템_area .변호시스템_item .txt {font-size: 15px; color: #111; line-height: 26px; padding-top: 20px;}
		
		
		/* 철학_5 섹션 */
		section.철학_5 {background: linear-gradient(to bottom, #f4f4f4 0 800px, #fff 0); padding-bottom: 160px;}
		section.철학_5 .유비무환_row {margin-top: 80px;}
		section.철학_5 .유비무환_row .유비무환_area {display: grid; row-gap: 20px; width: 100%; max-width: 1400px; margin: 0 auto;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item {display: flex; column-gap: 20px; color: #111; background: #fff; width: 100%; height: 400px; border: 1px solid #971300; padding: 0 35px; padding-top: 40px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .title {font-size: 30px; font-weight: 600; color: #971300; margin-bottom: 10px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .sub_title {font-size: 23px; font-weight: 500; margin-bottom: 10px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .description {font-size: 16px; font-weight: 500; margin-bottom: 20px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .description .underline_txt {margin-bottom: 4px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .description .underline_txt:after {bottom: 1px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .category {font-size: 15px; color: #666; line-height: 28px; padding-left: 20px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .category .category_title {color: #111; font-weight: 500;}
		
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_2 {flex: 0 0 440px;}
	
		
	.msg_area {text-align: center; padding-top: 60px; padding-bottom: 170px;}
	.msg_area .main_txt {font-size: 36px; font-weight: bold; font-family: '나눔명조'; color: #bd1a03; margin-bottom: 20px;}
	.msg_area .sub_txt {font-size: 20px; font-weight: bold; font-family: '나눔명조'; color: #111; margin-bottom: 20px;}
	.msg_area .more_btn {position: relative; display: inline-block; font-size: 20px; font-weight: bold; color: #bd1a03; width: 100%; max-width: 550px; height: 85px; line-height: 83px; border: 1px solid; text-align: center;}
	.msg_area .more_btn:hover {color: #fff; background: #bd1a03;}
	.msg_area .more_btn .arrow {position: absolute; right: 20px;}
		
		
	/* 성공사례 섹션 */
	section.성공사례 {padding-top: 0;}
	
	section.성공사례 .성공사례_page_btn_area {max-width: 1400px; text-align: right; margin: 0 auto; margin-bottom: 10px;}
	section.성공사례 .성공사례_page_btn_area a.성공사례_page_btn {display: inline-block; font-size: 17px; font-weight: bold; color: #fff; background: #ac9477; width: 165px; height: 40px; line-height: 38px; text-align: center; border-radius: 5px;}
	section.성공사례 .성공사례_page_btn_area a.성공사례_page_btn:hover {opacity: .7;}
	
	section.성공사례 .category_area {display: flex; justify-content: space-between; align-items: center; column-gap: 10px; background: #971300; max-width: 1400px; height: 70px; padding: 0 30px; margin: 0 auto; margin-bottom: 40px;}
	section.성공사례 .category_area .pipe {position: relative; top: 2px; background-color: rgb(255 255 255 / 50%); width: 1px; height: 20px;}
	section.성공사례 .category_area .category_btn {color: rgb(255 255 255 / 65%); cursor: pointer;}
	section.성공사례 .category_area .category_btn.on,
	section.성공사례 .category_area .category_btn:hover {color: #fff;}
	
	section.성공사례 .성공사례_list {display: flex; column-gap: 15px; max-width: 1400px; margin: 0 auto;}
	section.성공사례 .성공사례_list .content_box {width: 450px; height: 400px; border: 1px solid #c1c1c1; padding: 30px 40px;}
	section.성공사례 .성공사례_list .content_box:hover {border-color: #bd1a03;}
	section.성공사례 .성공사례_list .content_box.empty {text-align: center; line-height: 400px; padding: 0; margin: 0 auto;}
	section.성공사례 .성공사례_list .content_box .result {font-size: 17px; color: #fff; background: #971300; width: 200px; height: 38px; line-height: 36px; text-align: center; border-radius: 5px; margin-bottom: 10px;}
	section.성공사례 .성공사례_list .content_box .title {font-size: 22px; 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: 1.5em; height: calc(1.5em* 2); margin-bottom: 20px;}
	section.성공사례 .성공사례_list .content_box .content {color: #6f6f6f; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.5em; height: calc(1.5em* 4); margin-bottom: 30px;}
	section.성공사례 .성공사례_list .content_box .pic-wrap {display: flex; align-items: center; justify-content: flex-end; column-gap: 10px;}
	section.성공사례 .성공사례_list .content_box .pic-wrap .lawyer_pic {width: 73px; height: 73px; background-size: cover; border-radius: 50%; margin: 0 auto;}
	
	
	/* press area */
	.press_area {position: relative; background: #971300; 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;}
	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; 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: 130px; 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: 650px; position: relative; left: 50%; transform: translateX(-58%);}
	
	.consulting_application {width: 50%; display: inline-block; float: right; padding-top: 60px;}
	.consulting_application .container {margin-left: -140px; width: calc(100% - 60px);}
	.consulting_application .container .application .label {width: 80px;}
	.consulting_application .container .application input[type="text"] {font-size: 19px; width: 500px; height: 65px; border: 1px solid #d5d5d5; padding: 2px 10px;}
	.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; 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; background: #bd1a03; 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: 315px; 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: #bd1a03; width: 90px; height: 27px; line-height: 24px; border: 1px solid; 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 .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 {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; width: 95px; height: 40px; line-height: 40px; cursor: pointer;}
	.home section.office .location_btn.on {color: #bd1a03; 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: 130px; padding-bottom: 0;}
	section.main > .txt_area {width: 100%; margin: 0 auto; margin-bottom: 20px;}
	section.main > .txt_area .main_txt {font-size: 28px; font-weight: bold; text-align: center; margin-bottom: 30px;}
	section.main > .txt_area .sub_txt {font-size: 17px; width: 100%; text-align: center; margin: 0 auto;}
	section.main > .txt_area .color {color: #e5b057;}
	section.main > .txt_area .pc {display: inline-block;}
	
	section.main .lawyer_area {width: 100%; max-width: 500px; 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: 270px;}
	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: 45%}
	section.main .lawyer_area .row_2 .lawyer_item .txt_area {padding-top: 70%}
	section.main .lawyer_area .lawyer_item .txt_area .name {font-size: 16px; font-weight: bold; color: #e5b057;}
	section.main .lawyer_area .lawyer_item .txt_area .career {font-size: 12px;}
	
	
	/* 로고 섹션 */
	section.logo {display: flex; display: none; justify-content: center; padding: 0; margin: 0 auto;}
	section.logo img {max-width: 500px;}
	
	
	/* 철학 섹션 */
	section.철학 {position: relative; padding-top: 80px; padding-bottom: 0; z-index: 1;}
	section.철학 > .header {color: #111; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 60px;}
	section.철학 > .header .main_txt {font-size: 29px; font-weight: bold; font-family: '나눔명조'; margin-bottom: 15px;}
	section.철학 > .header .main_txt .red_color {color: #bd1a03;}
	section.철학 > .header .main_txt .beige_color {color: #cbb795;}
	section.철학 > .header .sub_txt {font-size: 16px;}
	
	section.철학 .철학_area {display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 3px; max-width: 500px; margin: 0 auto;}
	section.철학 .철학_area .철학_item {flex: 0 0 49%; text-align: center;}
	section.철학 .철학_area .철학_item:first-child {flex: 0 0 calc(100% - 6px);}
	section.철학 .철학_area .철학_item .한자 {font-size: 25px; font-weight: bold; font-family: 'SeoulHangang';}
	section.철학 .철학_area .철학_item .한글 {font-size: 16px; font-family: '나눔명조';}
	section.철학 .철학_area .철학_item .풀이 {font-size: 14px; font-family: '나눔명조'; color: #fff; background: #bc1a03; width: 100%; height: 65px; padding-top: 12px;}
	
	
	/* 철학_ 섹션 공통 */
	section[class^="철학_"] > .header {color: #111; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 50px;}
	section[class^="철학_"] > .header .한자 {font-size: 52px; font-weight: bold; font-family: 'SeoulHangang'; color: rgb(17 17 17 / 10%); margin-bottom: -33px;}
	section[class^="철학_"] > .header .한글 {font-size: 32px; font-weight: bold; font-family: '나눔명조'; color: #bd1a03;}
	section[class^="철학_"] > .header .풀이 {font-size: 17px; font-weight: bold; font-family: '나눔명조';}
	section[class^="철학_"] > .header .풀이 br {display: none;}
	
	section[class^="철학_"] .point {color: #955d17;}
	section[class^="철학_"] .underline_txt {position: relative; display: inline-block; margin-bottom: 5px;}
	section[class^="철학_"] .underline_txt:after {position: absolute; bottom: 0; left: 0; content: ""; background: #111; width: 100%; height: 1px;}
	
	section[class^="철학_"] .story_area {font-size: 17px; color: #111; width: 100%; text-align: center;}
	section[class^="철학_"] .story_area .small {font-size: 11px;}
	section[class^="철학_"] .story_area .인용구 {font-size: 17px; font-weight: bold; font-family: '나눔명조'; margin: 40px 0;}
	section[class^="철학_"] .story_area .highlight {background: #d9ede6;}
	
	
		/* 철학_1 섹션 */
		section.철학_1 {background: linear-gradient(to bottom, #f4f4f4 calc(100% - 60px), #fff 0); padding: 0; padding-top: 60px;}
		section.철학_1 .row_1,
		section.철학_1 .row_2 {display: flex; flex-direction: column; row-gap: 30px; width: 100%; text-align: center; margin: 0 auto;}
		section.철학_1 .row_1 {margin-bottom: 80px;}
		section.철학_1 .row_2 {flex-direction: column-reverse;}
		section.철학_1 [class^="row_"] {font-size: 17px; max-width: 500px;}
		section.철학_1 [class^="row_"] .small {font-size: 14px;}
		
		section.철학_1 .row_1 .col_2,
		section.철학_1 .row_2 .col_1,
		section.철학_1 .row_2 .col_2 {position: relative;}
		
		section.철학_1 .row_1 .col_2 .txt_area,
		section.철학_1 .row_2 .col_1 .txt_area {position: absolute; top: 25px; font-size: 22px; font-weight: bold; color: #fff; text-align: left;}
		section.철학_1 .row_1 .col_2 .txt_area {left: 170px;}
		section.철학_1 .row_2 .col_1 .txt_area {top: 35px; left: 12px;}
		section.철학_1 .row_1 .col_2 .txt_area .color,
		section.철학_1 .row_2 .col_1 .txt_area .color {color: #dac6a4;}
		
		section.철학_1 .row_2 .col_1 .small_txt {position: absolute; top: 263px; left: 12px; font-size: 11px; color: #fff; text-align: left;}
		
		section.철학_1 .row_2 .col_1 .검사재직패_img {position: absolute; top: 230px; right: 10px; width: 100%; max-width: 130px;}
		
		section.철학_1 .row_2 .col_1 .등록증_img {margin-top: 20px;}
		
		
		/* 철학_2 섹션 */
		section.철학_2 {padding-top: 60px; padding-bottom: 40px;}
		
		
		/* 철학_3 섹션 */
		section.철학_3 {background: #f4f4f4; padding-top: 60px; padding-bottom: 0;}
		section.철학_3 .story_area {margin-bottom: 70px;}
		section.철학_3 .조력시스템_row > .title {font-size: 20px; font-weight: bold; color: #fff; background: #bd1a03; width: 100%; height: 65px; line-height: 63px; text-align: center; margin-bottom: 30px;}
		section.철학_3 .조력시스템_row .sub_title {font-size: 17px; width: 100%; text-align: center; margin-bottom: 30px;}
		section.철학_3 .조력시스템_row .sub_title .color {color: #bd1a03;}
		
		section.철학_3 .조력시스템_row .조력시스템_area {display: flex; flex-wrap: wrap; justify-content: center; gap: 3px; width: 100%; max-width: 500px; margin: 0 auto;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item {flex: 100%; display: flex; justify-content: space-between; background: #fff; height: 205px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 {flex: 0 0 53%; position: relative; padding: 0 15px; padding-top: 60px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .number {position: absolute; top: -20px; left: 5px; font-size: 80px; font-weight: bold; color: #f4f4f4;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .title {position: relative; font-size: 20px; font-weight: bold; color: #bd1a03; margin-bottom: 10px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .txt {font-size: 15px; color: #666; margin-left: -9px;}
		
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_2 {flex: 0 0 47%; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_2 .img_txt {position: relative; top: 60%; font-size: 12px; color: #fff; text-align: center;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(5) .row_2 .img_txt,
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(6) .row_2 .img_txt {top: 77%;}
		
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .row_1 {padding-top: 30px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .txt {font-size: 14px; color: #111; margin-bottom: 10px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .txt .color {color: #bd1a03;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .result {font-size: 22px; font-weight: bold; color: #bd1a03;}
		
		section.철학_3 .변호인_의견서_row {background: #fff; max-width: 500px; margin: 0 auto; margin-top: 60px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area {background: #f4f4f4; width: 100%; padding-bottom: 40px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area > .title {font-size: 17px; color: #fff; background: #bd1a03; width: 100%; max-width: 450px; height: 50px; line-height: 48px; text-align: center; margin-bottom: 30px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area {display: grid; row-gap: 50px; padding: 0 20px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title {font-size: 17px; font-weight: bold; margin-bottom: 10px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title .arrow {position: relative; top: -2px; font-size: 11px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title .color {color: #bd1a03;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .txt {font-size: 14px; color: #666;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .변호인_의견서_img {display: none; position: absolute; top: 20px; right: 0;}
		
		
		/* 철학_4 섹션 */
		section.철학_4 {padding-top: 60px;}
		section.철학_4 .변호시스템_row {margin: 30px 0;}
		section.철학_4 .변호시스템_row .변호시스템_area {position: relative; display: flex; flex-direction: column; justify-content: center; row-gap: 30px; width: 100%; max-width: 500px; padding-top: 32px; margin: 0 auto;}
		section.철학_4 .변호시스템_row .변호시스템_area .description {position: absolute; top: 0; right: 10px; font-size: 12px; color: #7f7f7f;}
		section.철학_4 .변호시스템_row .변호시스템_area .변호시스템_item {height: auto; padding: 0 10px;}
		section.철학_4 .변호시스템_row .변호시스템_area .변호시스템_item .title {font-size: 18px; font-weight: bold; color: #fff; background: #bd1a03; width: 100%; height: 70px; line-height: 68px; border-radius: 10px; padding: 0 15px; margin-bottom: 10px;}
		section.철학_4 .변호시스템_row .변호시스템_area .변호시스템_item .title .number {}
		section.철학_4 .변호시스템_row .변호시스템_area .변호시스템_item .txt {font-size: 15px; color: #111; line-height: 26px; padding: 0 15px;}
		
		
		/* 철학_5 섹션 */
		section.철학_5 {background: #f4f4f4; padding-top: 40px; padding-bottom: 80px;}
		section.철학_5 .유비무환_row {margin-top: 80px;}
		section.철학_5 .유비무환_row .유비무환_area {display: grid; row-gap: 20px; width: 100%; max-width: 500px; padding: 0 10px; margin: 0 auto;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item {display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; row-gap: 20px; color: #111; background: #fff; width: 100%; height: auto; border: 1px solid #971300; padding: 30px 10px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .title {font-size: 20px; font-weight: 600; color: #971300; margin-bottom: 10px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .sub_title {font-size: 18px; font-weight: 500; margin-bottom: 10px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .description {font-size: 15px; font-weight: 500; margin-bottom: 20px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .description .underline_txt {text-decoration: underline;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .description .underline_txt:after {display: none;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .category {font-size: 13px; color: #666; line-height: 22px; padding-left: 10px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .category .category_title {color: #111; font-weight: 500;}
		
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_2,
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_2 .유비무환_img {width: 100%;}
	
	
	.msg_area {text-align: center; padding: 60px 0;}
	.msg_area .main_txt {font-size: 27px; font-weight: bold; font-family: '나눔명조'; color: #bd1a03; margin-bottom: 20px;}
	.msg_area .sub_txt {font-size: 17px; font-weight: bold; font-family: '나눔명조'; color: #111; margin-bottom: 20px;}
	.msg_area .more_btn {position: relative; display: inline-block; font-size: 20px; font-weight: bold; color: #bd1a03; width: calc(100% - 20px); max-width: 500px; height: 65px; line-height: 63px; border: 1px solid; text-align: center;}
	.msg_area .more_btn:hover {color: #fff; background: #bd1a03;}
	.msg_area .more_btn .arrow {position: absolute; right: 20px;}
	
	
	/* 성공사례 섹션 */
	section.성공사례 {padding-top: 0; padding-bottom: 70px;}
	section.성공사례 > .header {display: none; color: #2c2f38; text-align: center; width: calc(100% - 20px); margin: 0 auto; margin-bottom: 30px;}
	section.성공사례 > .header .main_txt {font-size: 26px; font-weight: bold; margin-bottom: 5px;}
	section.성공사례 > .header .sub_txt {font-size: 17px;}
	section.성공사례 > .header .main_txt .color,
	section.성공사례 > .header .sub_txt .color {color: #bd1a03;}
	
	section.성공사례 .성공사례_page_btn_area a.성공사례_page_btn {display: inline-block; font-size: 18px; color: #fff; background: #bd1a03; width: 100%; height: 55px; line-height: 55px; text-align: center;}
	section.성공사례 .성공사례_page_btn_area a.성공사례_page_btn:hover {opacity: .7;}
	
	section.성공사례 .category_area {display: grid; grid-template-columns: repeat(3, 1fr); column-gap: unset; height: auto; border: 1px solid #737373; border-top: 0; border-left: 0; border-radius: unset; margin: 0 auto; margin-bottom: 40px;}
	section.성공사례 .category_area .category_btn {display: block; color: #fff; background: #242424; width: 100%; text-align: center; border: 1px solid #737373; border-right: 0; border-bottom: 0; padding: 12px 0;}
	section.성공사례 .category_area .category_btn.on,
	section.성공사례 .category_area .category_btn:hover {color: #fff; background: #bd1a03;}
	
	section.성공사례 .성공사례_list {max-width: 96%; margin: 0 auto;}
	section.성공사례 .성공사례_list .content_box {width: 100%; height: 400px; border: 1px solid #c1c1c1; padding: 40px 20px;}
	section.성공사례 .성공사례_list .content_box:hover {border-color: #5072d4;}
	section.성공사례 .성공사례_list .content_box.empty {text-align: center; line-height: 400px; padding: 0; margin: 0 auto;}
	section.성공사례 .성공사례_list .content_box .result {font-size: 17px; color: #fff; background: #bd1a03; width: 200px; height: 38px; line-height: 36px; text-align: center; border-radius: 5px; margin-bottom: 10px;}
	section.성공사례 .성공사례_list .content_box .title {font-size: 22px; 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: 1.5em; height: calc(1.5em* 2); margin-bottom: 10px;}
	section.성공사례 .성공사례_list .content_box .content {font-size: 15px; color: #6f6f6f; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.5em; height: calc(1.5em* 4); margin-bottom: 20px;}
	section.성공사례 .성공사례_list .content_box .pic-wrap {display: flex; align-items: center; justify-content: flex-end; column-gap: 10px;}
	section.성공사례 .성공사례_list .content_box .pic-wrap .lawyer_pic {width: 73px; height: 73px; background-size: cover; border-radius: 50%; margin: 0 auto;}
	
	section.성공사례 .성공사례_list .swiper-pagination {bottom: 36px; left: 50%; transform: translateX(-50%);}
	section.성공사례 .성공사례_list .swiper-pagination .swiper-pagination-bullet {margin: 0 4px;}
	section.성공사례 .성공사례_list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #2b419e;}
	
	
	/* press area */
	.press_area {display: none; background: #bd1a03; 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; 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; width: 100%; height: 55px; border: 1px solid #d5d5d5; padding: 2px 10px;}
	.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; 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 .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 {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; background: #bd1a03; 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; padding: 0 20px;}
	
	.home section.office .location_btn {display: inline-block; text-align: center; font-size: 14px; color: #b5b5b5; background: #fff; border: 1px solid; width: calc(20% + 1px); height: 60px; line-height: 54px; cursor: pointer; margin-right: -6px;}
	.home section.office .location_btn.on {color: #bd1a03; 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:block;}
	.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: 130px; padding-bottom: 0;}
	section.main > .txt_area {width: 100%; margin: 0 auto; margin-bottom: 20px;}
	section.main > .txt_area .main_txt {font-size: 28px; font-weight: bold; text-align: center; font-family: '나눔명조';  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.logo {display: flex; display: none; justify-content: center; padding: 0; margin: 0 auto;}
	section.logo img {margin-top: -75px;}
	
	
	/* 철학 섹션 */
	section.철학 {position: relative; padding-top: 80px; padding-bottom: 0; z-index: 1;}
	section.철학 > .header {color: #111; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 60px;}
	section.철학 > .header .main_txt {font-size: 29px; font-weight: bold; font-family: '나눔명조'; margin-bottom: 15px;}
	section.철학 > .header .main_txt .red_color {color: #971300;}
	section.철학 > .header .main_txt .beige_color {color: #cbb795;}
	section.철학 > .header .sub_txt {font-size: 16px;}
	
	section.철학 .철학_area {display: flex; justify-content: center; flex-wrap: wrap; width: 95%; gap: 10px 3px; margin: 0 auto;}
	section.철학 .철학_area .철학_item:first-child {flex: 0 0 calc(100% - 6px);}
	section.철학 .철학_area .철학_item {flex: 0 0 49%; text-align: center;}
	section.철학 .철학_area .철학_item .한자 {font-size: 25px; font-weight: bold; font-family: 'SeoulHangang';}
	section.철학 .철학_area .철학_item .한글 {font-size: 16px; font-family: '나눔명조';}
	section.철학 .철학_area .철학_item .풀이 {font-size: 14px; font-family: '나눔명조'; color: #fff; background: #971300; width: 100%; height: 65px; padding-top: 12px;}
	
	
	/* 철학_ 섹션 공통 */
	section[class^="철학_"] > .header {color: #111; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 50px;}
	section[class^="철학_"] > .header .한자 {font-size: 48px; font-weight: bold; font-family: 'SeoulHangang'; color: rgb(17 17 17 / 10%); margin-bottom: -33px;}
	section[class^="철학_"] > .header .한글 {font-size: 32px; font-weight: bold; font-family: '나눔명조'; color: #971300;}
	section[class^="철학_"] > .header .풀이 {font-size: 15px; font-weight: bold; font-family: '나눔명조';}
	section[class^="철학_"] > .header .풀이 br {display: none;}
	
	section[class^="철학_"] .point {color: #955d17;}
	/*section[class^="철학_"] .underline_txt {position: relative; display: inline-block; margin-bottom: 5px;}*/
	section[class^="철학_"] .underline_txt:after {position: absolute; bottom: 0; left: 0; content: ""; background: #111; width: 100%; height: 1px;}
	
	section[class^="철학_"] .story_area {font-size: 16px; color: #111; width: 92%; text-align: center; margin:0 auto;}
	section[class^="철학_"] .story_area .small {font-size: 11px;}
	section[class^="철학_"] .story_area .인용구 {font-size: 18px; font-weight: bold; font-family: '나눔명조'; margin: 40px 5px;}
	/*section[class^="철학_"] .story_area .highlight {background: #ffffbf;}하이라이트*/
	
	
		/* 철학_1 섹션 */
		section.철학_1 {background: linear-gradient(to bottom, #f4f4f4 calc(100% - 60px), #fff 0); padding: 0; padding-top: 60px;}
		section.철학_1 .row_1,
		section.철학_1 .row_2 {display: flex; flex-direction: column; row-gap: 30px; width: 92%; text-align: center; margin: 0 auto;}
		/*section.철학_1 .row_1 {margin-bottom: 80px;}*/
		section.철학_1 .row_2 {flex-direction: column-reverse;}
		section.철학_1 [class^="row_"] {font-size: 16px;}
		section.철학_1 [class^="row_"] .small {font-size: 11px;}
		
		section.철학_1 .row_1 .col_2,
		section.철학_1 .row_2 .col_1,
		section.철학_1 .row_2 .col_2 {position: relative;}
		
		section.철학_1 .row_1 .col_2 .txt_area,
		section.철학_1 .row_2 .col_1 .txt_area {position: absolute; top: 25px; font-size: 22px; font-weight: bold; color: #fff; text-align: left;}
		section.철학_1 .row_1 .col_2 .txt_area {left: 170px;}
		section.철학_1 .row_2 .col_1 .txt_area {top: 35px; left: 12px;}
		section.철학_1 .row_1 .col_2 .txt_area .color,
		section.철학_1 .row_2 .col_1 .txt_area .color {color: #dac6a4;}
		
		section.철학_1 .row_2 .col_1 .small_txt {position: absolute; top: 233px; left: 12px; font-size: 11px; color: #fff; text-align: left;}
		
		section.철학_1 .row_2 .col_1 .검사재직패_img {position: absolute; top: 230px; right: 10px; width: 100%; max-width: 130px;}
		
		section.철학_1 .row_2 .col_1 .등록증_img {margin-top: 20px;}
		
		
		/* 철학_2 섹션 */
		section.철학_2 {padding-top: 60px; padding-bottom: 40px;}
		
		
		/* 철학_3 섹션 */
		section.철학_3 {background: #f4f4f4; padding-top: 60px; padding-bottom: 0;}
		section.철학_3 .story_area {margin-bottom: 70px;}
		section.철학_3 .조력시스템_row > .title {font-size: 20px; font-weight: bold; color: #fff; background: #971300; width: 100%; height: 65px; line-height: 63px; text-align: center; margin-bottom: 30px;}
		section.철학_3 .조력시스템_row .sub_title {font-size: 16px; width: 92%; text-align: center; margin: 0 auto; margin-bottom: 30px;}
		section.철학_3 .조력시스템_row .sub_title .color {color: #bd1a03;}
		
		section.철학_3 .조력시스템_row .조력시스템_area {display: flex; flex-wrap: wrap; justify-content: center; gap: 3px; width: 100%;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item {flex: 100%; display: flex; justify-content: space-between; background: #fff; height: 170px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 {flex: 0 0 55%; position: relative; padding: 0 15px; padding-top: 40px; padding-right: 5px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .number {position: absolute; top: -20px; left: 5px; font-size: 80px; font-weight: bold; color: #f4f4f4;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .title {position: relative; font-size: 17px; font-weight: bold; color: #971300; margin-left: 5px; margin-bottom: 10px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .txt {font-size: 15px; color: #666; margin-left: 5px;}
		
		section.철학_3 .조력시스템_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.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_2 .img_txt {position: relative; top: 60%; font-size: 12px; color: #fff; text-align: center;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(5) .row_2 .img_txt,
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item:nth-child(6) .row_2 .img_txt {top: 77%;}
		
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .row_1 {padding-top: 30px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .txt {font-size: 15px; color: #111; margin-bottom: 10px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .txt .color {color: #971300;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item.처분결과 .result {font-size: 22px; font-weight: 700; color: #971300; margin-left: 5px;}
		
		section.철학_3 .변호인_의견서_row {background: #fff; padding-top: 60px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area {background: #f4f4f4; width: 100%; padding-bottom: 50px;}
		section.철학_3 .변호인_의견서_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.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area {display: grid; row-gap: 50px; padding: 0 20px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title {font-size: 17px; font-weight: bold; margin-bottom: 10px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title .arrow {position: relative; top: -2px; font-size: 11px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .title .color {color: #bd1a03;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .txt {font-size: 15px; color: #666; line-height: 24px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .변호인_의견서_img {display: none; position: absolute; top: 20px; right: 0;}
		
		
		/* 철학_4 섹션 */
		section.철학_4 {padding-top: 40px;}
		section.철학_4 .변호시스템_row {margin: 30px 0;}
		section.철학_4 .변호시스템_row .변호시스템_area {position: relative; display: flex; flex-direction: column; justify-content: center; row-gap: 30px; width: 100%; padding-top: 32px;}
		section.철학_4 .변호시스템_row .변호시스템_area .description {position: absolute; top: 0; right: 20px; font-size: 12px; color: #7f7f7f;}
		section.철학_4 .변호시스템_row .변호시스템_area .변호시스템_item {height: auto; padding: 0 10px;}
		section.철학_4 .변호시스템_row .변호시스템_area .변호시스템_item .title {font-size: 18px; font-weight: bold; color: #fff; background: #971300; width: 95%; height: 50px; line-height: 50px; border-radius: 5px; padding: 0 15px; margin: 0 auto; margin-bottom: 10px;}
		section.철학_4 .변호시스템_row .변호시스템_area .변호시스템_item .title .number {}
		section.철학_4 .변호시스템_row .변호시스템_area .변호시스템_item .title .number {}
		section.철학_4 .변호시스템_row .변호시스템_area .변호시스템_item .txt {font-size: 15px; color: #111; line-height: 23px; padding: 0 22px;}
		
		
		/* 철학_5 섹션 */
		section.철학_5 {background: #f4f4f4; padding-top: 40px; }
		section.철학_5 .유비무환_row {margin-top: 40px;}
		section.철학_5 .유비무환_row .유비무환_area {display: grid; row-gap: 20px; width: 100%; padding: 0 15px; margin: 0 auto;}
		section.철학_5 .유비무환_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 #971300; padding: 20px 20px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .title {font-size: 18px; font-weight: 600; color: #971300; margin-bottom: 10px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .sub_title {font-size: 16px; font-weight: 500; margin-bottom: 20px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .description {font-size: 16px; font-weight: 500; margin-bottom: 30px; line-height: 25px;}
		/*section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .description .underline_txt {text-decoration: underline;}*/
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .description .underline_txt:after {display: none;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .category {font-size: 15px; color: #666; line-height: 24px; padding-left: 0px; margin-bottom: 10px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .category .category_title {color: #111; font-weight: 500;}

	
	.msg_area {text-align: center; padding: 60px 0;}
	.msg_area .main_txt {font-size: 27px; font-weight: bold; font-family: '나눔명조'; color: #971300; margin-bottom: 20px;}
	.msg_area .sub_txt {font-size: 17px; font-weight: bold; font-family: '나눔명조'; color: #111; margin-bottom: 20px;}
	.msg_area .more_btn {position: relative; display: inline-block; font-size: 20px; font-weight: bold; color: #971300; width: calc(100% - 85px); max-width: 500px; height: 55px; line-height: 55px; border: 1px solid; text-align: center;}
	.msg_area .more_btn:hover {color: #fff; background: #bd1a03;}
	.msg_area .more_btn .arrow {position: absolute; right: 20px;}
	
	
	/* 성공사례 섹션 */
	section.성공사례 {padding-top: 0; padding-bottom: 40px;}
	section.성공사례 > .header {display: none; color: #2c2f38; text-align: center; width: calc(100% - 20px); margin: 0 auto; margin-bottom: 30px;}
	section.성공사례 > .header .main_txt {font-size: 30px; font-weight: bold; margin-bottom: 5px;}
	section.성공사례 > .header .sub_txt {font-size: 17px;}
	section.성공사례 > .header .main_txt .color,
	section.성공사례 > .header .sub_txt .color {color: #5172d6;}
	
	section.성공사례 .category_area {display: grid; grid-template-columns: repeat(3, 1fr); column-gap: unset; height: auto; border: 1px solid #737373; border-top: 0; border-left: 0; border-radius: unset; margin: 0 auto;}
	section.성공사례 .category_area .category_btn {display: block; color: #fff; background: #242424; width: 100%; text-align: center; border: 1px solid #737373; border-right: 0; border-bottom: 0; padding: 12px 0;}
	section.성공사례 .category_area .category_btn.on,
	section.성공사례 .category_area .category_btn:hover {color: #fff; background: #971300;}
	
	section.성공사례 .성공사례_list {position: relative; margin: 0 auto; margin-bottom: 60px;}
	section.성공사례 .성공사례_list .content_box {width: 100%; height: 400px; border: 1px solid #c1c1c1; padding: 40px 20px;}
	section.성공사례 .성공사례_list .content_box:hover {border-color: #5072d4;}
	section.성공사례 .성공사례_list .content_box.empty {text-align: center; line-height: 400px; padding: 0; margin: 0 auto;}
	section.성공사례 .성공사례_list .content_box .result {font-size: 17px; color: #fff; background: #971300; width: 200px; height: 38px; line-height: 36px; text-align: center; border-radius: 5px; margin-bottom: 10px;}
	section.성공사례 .성공사례_list .content_box .title {font-size: 22px; 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: 1.5em; height: calc(1.5em* 2); margin-bottom: 10px;}
	section.성공사례 .성공사례_list .content_box .content {font-size: 15px; color: #6f6f6f; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.5em; height: calc(1.5em* 4); margin-bottom: 20px;}
	section.성공사례 .성공사례_list .content_box .pic-wrap {display: flex; align-items: center; justify-content: flex-end; column-gap: 10px;}
	section.성공사례 .성공사례_list .content_box .pic-wrap .lawyer_pic {width: 73px; height: 73px; background-size: cover; border-radius: 50%; margin: 0 auto;}
	
	section.성공사례 .성공사례_list .swiper-pagination {bottom: -40px; left: 50%; transform: translateX(-50%);}
	section.성공사례 .성공사례_list .swiper-pagination .swiper-pagination-bullet {margin: 0 4px;}
	section.성공사례 .성공사례_list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #bd1a03;}
	
	section.성공사례 .성공사례_page_btn_area {text-align: center;}
	section.성공사례 .성공사례_page_btn_area .성공사례_page_btn {display: inline-block; font-size: 18px; font-weight: 600; color: #fff; background: #971300; width: calc(100% - 100px); height: 55px; line-height: 55px; text-align: center;}
	
	
	/* press area */
	.press_area {display: none; background: #2a419e; 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 .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; 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;}


	/* 상담문의 최신글, 상담신청 영역 */
	.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; width: 100%; height: 55px; border: 1px solid #d5d5d5; padding: 2px 10px;}
	.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: #bd1a03; width: 85px; height: 28px; line-height: 26px; border: 1px solid; 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 .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 {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; background: #971300; 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; padding: 0 20px;}
	
	.home section.office .location_btn {display: inline-block; text-align: center; font-size: 14px; color: #b5b5b5; background: #fff; border: 1px solid; width: calc(20% + 1px); height: 60px; line-height: 54px; cursor: pointer; margin-right: -6px;}
	.home section.office .location_btn.on {color: #bd1a03; 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: 24px;}
	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: 25px;}
	section.철학 > .header .sub_txt {font-size: 16px;}
	
	section.철학 .철학_area .철학_item .한자 {font-size: 22px;}
	section.철학 .철학_area .철학_item .한글 {font-size: 15px;}
	section.철학 .철학_area .철학_item .풀이 {font-size: 14px; padding-top: 15px;}
	
	
	/* 철학_ 섹션 공통 */
	section[class^="철학_"] > .header .한자 {font-size: 40px;}
	section[class^="철학_"] > .header .풀이 {font-size: 14px;}
	
	section[class^="철학_"] .story_area {font-size: 16px;}
	
		/* 철학_1 */
		section.철학_1 [class^="row_"] {font-size: 16px;}
		
		section.철학_1 .row_1 .col_2 .txt_area,
		section.철학_1 .row_2 .col_1 .txt_area {top: 22px; font-size: 17px;}
		section.철학_1 .row_1 .col_2 .txt_area {left: 150px;}
		
		section.철학_1 .row_2 .col_1 .small_txt {top: 215px; font-size: 10px;}
		
		section.철학_1 .row_2 .col_1 .검사재직패_img {top: 210px; max-width: 120px;}
		
		
		/* 철학_3 */
		section.철학_3 .조력시스템_row .sub_title {font-size: 16px;  width: 92%; margin: 0 auto; margin-bottom: 30px;}
		
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .title {font-size: 17px;}
		section.철학_3 .조력시스템_row .조력시스템_area .조력시스템_item .row_1 .txt {font-size: 15px;}
		
		section.철학_3 .변호인_의견서_row .변호인_의견서_area > .title {font-size: 15px;}
		section.철학_3 .변호인_의견서_row .변호인_의견서_area .txt_area .txt_item .txt {font-size: 15px;}
		
		
		/* 철학_4 */
		section.철학_4 .변호시스템_row .변호시스템_area .변호시스템_item .title {font-size: 17px;}
		section.철학_4 .변호시스템_row .변호시스템_area .변호시스템_item .txt {font-size: 15px;}
		
		
		/* 철학_5 */
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .title {font-size: 18px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .sub_title {font-size: 16px;}
		section.철학_5 .유비무환_row .유비무환_area .유비무환_item .col_1 .description {font-size: 16px; line-height: 25px;}

		
	.msg_area .main_txt {font-size: 25px;}
	.msg_area .sub_txt {font-size: 15px;}
	
	
	/* 성공사례 섹션 */
	section.성공사례 > .header .main_txt {font-size: 23px;}
	section.성공사례 > .header .sub_txt {font-size: 12px;}
	
	section.성공사례 .category_area .category_btn {font-size: 13px;}
	
	
	/* 차별점 섹션 */
	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 {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));}
}