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


.blue {color: #1b4fbd;}
.gold2 {color: #c3b07d;}
.gold3 {color: #d5c2aa;}



/*메인 헤더*/
.header-main {height:89px;}
.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: #5172d6; cursor: pointer;}



/*pc css*/
@media all and (min-width:1025px){
	.pc {display:block;}
	.mobile {display:none !important;}
	
	/* 메인 섹션 */
	section.main {background: url(/img/main/section1_PC_bg_1920x930.jpg); background-size: cover; height: 620px; padding-top: 90px; padding-bottom: 90px;}
	section.main .inner {display: flex; justify-content: space-between; max-width: 1380px; margin: 0 auto;}
	
	section.main .inner .txt_area {margin-top: 160px;}
	section.main .inner .txt_area .sub_txt {color: #8d6c4d; font-weight: 800;}
	section.main .inner .txt_area .main_txt {color: #000;}
	section.main .inner .txt_area .main_txt {font-size: 44px;}
	section.main .inner .txt_area .main_txt .color {color: #5172d6; font-weight: bold;}
	
	section.main .inner .video {background: #f3f3f3; width: 342px; /*height: 672px;*/ aspect-ratio: 9 / 16; box-shadow: 10px 10px 12px 0px #888; margin-top: 35px;}
	
	
	/* 로고 섹션 */
	section.logo {display: flex; justify-content: space-between; max-width: 1380px; padding: 20px 0; padding-right: 381px; margin: 0 auto;}
	section.logo .logo_item {color: #917653; text-align: center; line-height: 20px;}
	section.logo .logo_item .row_2 {font-size: 13px;}
	
	
	/* 배너 섹션 */
	section.banner {max-width: 1380px; max-height: 150px; padding: 33px 0; margin: 0 auto;}
	section.banner .txt_area {color: #2c2f38; text-align: center;}
	section.banner .txt_area .main_txt {font-size: 35px; font-weight: bold; margin-bottom: 2px;}
	section.banner .txt_area .main_txt .color {color: #5172d6;}
	section.banner .txt_area .sub_txt {font-size: 20px;}
	
	section.banner .상담신청_btn {position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 14px; color: #fff; background: #5172d6; width: 165px; height: 40px; line-height: 38px; text-align: center; border-radius: 6px; cursor: pointer;}
	section.banner .상담신청_btn:hover {opacity: .7;}
	
	
	/* 변호사 섹션 */
	section.lawyer {border-top: 1px solid #dcdde2;}
	section.lawyer > .header {color: #2c2f38; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 30px;}
	section.lawyer > .header .main_txt {font-size: 35px; font-weight: bold; margin-bottom: 10px;}
	section.lawyer > .header .main_txt .color {color: #5072d4;}
	section.lawyer > .header .sub_txt {font-size: 20px;}
	
	section.lawyer .lawyer_page_btn_area {max-width: 1380px; text-align: right; margin: 0 auto; margin-bottom: 10px;}
	section.lawyer .lawyer_page_btn_area a.lawyer_page_btn {display: inline-block; font-size: 14px; color: #fff; background: #5172d6; border-radius: 6px; padding: 10px 20px;}
	section.lawyer .lawyer_page_btn_area a.lawyer_page_btn:hover {opacity: .7;}
	
	section.lawyer .lawyer_area {display: grid; grid-gap: 0; grid-template-columns: repeat(3, 1fr); max-width: 1380px; margin: 0 auto;}
	section.lawyer .lawyer_area .lawyer_box {position: relative; width: 460px; height: 480px; background: linear-gradient(to bottom, #2c2c2c 105px, #363636 0); border: 1px solid #b7b7b7;}
	section.lawyer .lawyer_area .lawyer_box a {display: block; color: #fff; width: 100%; height: 100%;}
	section.lawyer .lawyer_area .lawyer_box .logo_img {position: absolute; top: 30px; right: 30px;}
	section.lawyer .lawyer_area .lawyer_box .lawyer_img {position: absolute; bottom: 0; left: 0;}
	section.lawyer .lawyer_area .lawyer_box .txt {position: absolute; top: 135px; left: 190px; font-size: 14px;}
	section.lawyer .lawyer_area .lawyer_box .txt .name {font-size: 30px; font-weight: bold; margin-bottom: 20px;}
	section.lawyer .lawyer_area .lawyer_box .txt .name .position {font-size: 14px; font-weight: normal;}
	section.lawyer .lawyer_area .lawyer_box .txt .info {line-height: 26px; margin-left: -7px;}
	section.lawyer .lawyer_area .lawyer_box .txt .info .highlight {color: #e2c19f;}
	
	section.lawyer .등록증 {display: block; margin: 50px auto;}
	
	
	/* 성공사례 섹션 */
	section.성공사례 > .header {color: #2c2f38; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 30px;}
	section.성공사례 > .header .main_txt {font-size: 35px; font-weight: 800; margin-bottom: 10px;}
	section.성공사례 > .header .main_txt .color {color: #5172d6;}
	section.성공사례 > .header .sub_txt {font-size: 20px;}
	
	section.성공사례 .성공사례_page_btn_area {max-width: 1380px; text-align: right; margin: 0 auto; margin-bottom: 10px;}
	section.성공사례 .성공사례_page_btn_area a.성공사례_page_btn {display: inline-block; font-size: 14px; color: #fff; background: #5172d6; border-radius: 6px; padding: 10px 20px;}
	section.성공사례 .성공사례_page_btn_area a.성공사례_page_btn:hover {opacity: .7;}
	
	section.성공사례 .category_area {display: flex; justify-content: center; align-items: center; column-gap: 22px; max-width: 1380px; height: 60px; border: 1px solid #d8d8d8; border-radius: 30px; margin: 0 auto; margin-bottom: 40px;}
	section.성공사례 .category_area .pipe {position: relative; top: 2px; background: #d8d8d8; width: 1px; height: 20px;}
	section.성공사례 .category_area .category_btn {color: #2c2f38; cursor: pointer;}
	section.성공사례 .category_area .category_btn.on,
	section.성공사례 .category_area .category_btn:hover {color: #5172d6;}
	
	section.성공사례 .성공사례_list {display: flex; column-gap: 15px; max-width: 1380px; 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: #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: #5172d6; 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;}
	
	
	/* 차별점 섹션 */
	section.차별점 {color: #fff; background: #092031;}
	section.차별점 > .header {text-align: center; width: max-content; margin: 0 auto; margin-bottom: 60px;}
	section.차별점 > .header .main_txt {font-size: 35px; font-weight: 800; 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 {flex: 1; background: #092031; height: auto; max-height: 592px; border: 1px solid #5f717e;}
	section.차별점 .box_area .box .circle {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: #5172d6;}
	
	section.차별점 .box_area .box .circle,
	section.차별점 .box_area .box .main_txt,
	section.차별점 .box_area .box .sub_txt {margin-left: 30px;}
	
	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;}
	
	
	/* press area */
	.press_area {position: relative; background: #5172d6; 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: 35px; font-weight: bold;}
	.press_area .txt .content {font-size: 21px;}
	.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));}
	
	
	/* 상담문의 최신글, 상담신청 영역 */
	.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: #0d2d44; padding-top: 120px; padding-bottom: 100px;}
	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: 35px; 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;}
	section.expert_column .expert_column_area .more_btn {position: absolute; top: -54px; right: 0; color: #fff; background: #5172d6; 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: #5172d6;  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: 105px; height: 40px; line-height: 40px; cursor: pointer;}
	.home section.office .location_btn.on {color: #5172d6; 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 (min-width:601px) and (max-width:1024px){
	.pc {display:none !important;}
	.mobile {display:block;}

	
	/* 메인 섹션 */
	section.main {background: #000; padding: 0;}
	
	section.main .inner .txt_area {position: absolute; width: 100%; top: 180px; text-align: center; z-index: 1;}
	section.main .inner .txt_area .sub_txt,
	section.main .inner .txt_area .main_txt {color: #fff; text-align: center;}
	section.main .inner .txt_area .sub_txt {font-size: 13px; margin-bottom: 8px;}
	section.main .inner .txt_area .main_txt {font-size: 27px; font-weight: 700; line-height: 36px;}
	section.main .inner .txt_area .main_txt .color {color: #5172d6; font-weight: 800;}
	
	section.main .inner .video {filter: brightness(.3); background: #f3f3f3; width: 50vw; height: auto; aspect-ratio: 9 / 16; margin: 0 auto;}
	
	
	/* 로고 섹션 */
	section.logo {padding: 20px 0; margin: 0 auto;}
	section.logo img.mobile {width: 100%; max-width: 400px; margin: 0 auto;}
	
	
	/* 변호사 섹션 */
	section.lawyer {border-top: 1px solid #dcdde2; padding-bottom: 0;}
	section.lawyer > .header {color: #2c2f38; text-align: center; width: calc(100% - 20px); margin: 0 auto; margin-bottom: 30px;}
	section.lawyer > .header .main_txt {font-size: 23px; font-weight: bold; margin-bottom: 5px;}
	section.lawyer > .header .main_txt .color {color: #5072d4;}
	section.lawyer > .header .sub_txt {font-size: 13px;}
	
	section.lawyer .lawyer_page_btn_area a.lawyer_page_btn {display: inline-block; font-size: 18px; color: #fff; background: #5172d6; width: 100%; height: 55px; line-height: 55px; text-align: center;}
	section.lawyer .lawyer_page_btn_area a.lawyer_page_btn:hover {opacity: .7;}
	
	section.lawyer .lawyer_area {display: grid; justify-items: center; grid-gap: 0; grid-template-columns: repeat(1, 1fr);}
	section.lawyer .lawyer_area .lawyer_box {position: relative; width: 50%; height: 480px; background: linear-gradient(to bottom, #2c2c2c 95px, #363636 0); border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
	section.lawyer .lawyer_area .lawyer_box a {display: block; color: #fff;}
	section.lawyer .lawyer_area .lawyer_box .lawyer_img {position: absolute; bottom: 0px; max-width: 60%;}
	section.lawyer .lawyer_area .lawyer_box .logo_img {position: absolute; top: 25px; right: 20px; width: auto;}
	section.lawyer .lawyer_area .lawyer_box .txt {position: absolute; top: 120px; font-size: 14px; padding-left: 35%; padding-right: 10px;}
	section.lawyer .lawyer_area .lawyer_box .txt .name {font-size: 32px; font-weight: bold; margin-bottom: 10px;}
	section.lawyer .lawyer_area .lawyer_box .txt .name .position {font-size: 16px; font-weight: normal;}
	section.lawyer .lawyer_area .lawyer_box .txt .info {line-height: 26px; margin-left: -2px;}
	section.lawyer .lawyer_area .lawyer_box .txt .info .highlight {color: #e2c19f;}
	
	
	/* 성공사례 섹션 */
	section.성공사례 {padding: 70px 0;}
	section.성공사례 > .header {color: #2c2f38; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 30px;}
	section.성공사례 > .header .main_txt {font-size: 25px; font-weight: bold; margin-bottom: 5px;}
	section.성공사례 > .header .main_txt .color {color: #5072d4;}
	section.성공사례 > .header .sub_txt {font-size: 16px;}
	
	section.성공사례 .성공사례_page_btn_area {max-width: 500px; margin: 0 auto;}
	section.성공사례 .성공사례_page_btn_area a.성공사례_page_btn {display: inline-block; font-size: 18px; color: #fff; background: #5172d6; 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(4, 1fr); column-gap: unset; max-width: 96%; height: auto; border: 1px solid #b8b8b8; border-top: 0; border-left: 0; border-radius: unset; margin: 0 auto; margin-bottom: 40px;}
	section.성공사례 .category_area .category_btn {display: block; color: #555; width: 100%; text-align: center; border: 1px solid #b8b8b8; border-right: 0; border-bottom: 0; padding: 12px 0;}
	section.성공사례 .category_area .category_btn.on,
	section.성공사례 .category_area .category_btn:hover {color: #5172d6;}
	
	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: #5172d6; 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: #5172d6;}
	
	
	/* 차별점 섹션 */
	section.차별점 {color: #fff; background: #092031; 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: 23px; font-weight: 800; margin-bottom: 5px;}
	section.차별점 > .header .main_txt .color {color: #5072d4;}
	section.차별점 > .header .sub_txt {font-size: 15px;}
	
	section.차별점 .box_area {display: grid; justify-items: center; row-gap: 8px; margin: 0 auto;}
	section.차별점 .box_area .box {background: #092031; width: 50%; height: auto; border: 2px solid #5f717e;}
	section.차별점 .box_area .box .circle {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: #5172d6;}
	section.차별점 .box_area .box img {margin: 0 auto;}
	
	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: #f3f3f3; width: 50%; aspect-ratio: 9 / 16;}
	
	
	/* press area */
	.press_area {background: #5172d6; 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;}
	
	
	/*상담문의 최신글 영역*/
	.consulting_latest {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: #0d2d44; padding-top: 50px; padding-bottom: 0;}
	section.expert_column .header {color: #fff; text-align: center; width: max-content; margin: 0 auto; margin-bottom: 40px;}
	section.expert_column .header .main_txt {font-size: 25px; 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; 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: #5172d6;  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: #5172d6; 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: 16px; color: #b5b5b5; background: #fff; border: 1px solid; width: calc(20% + 1px); height: 60px; line-height: 56px; cursor: pointer; margin-right: -6px;}
	.home section.office .location_btn.on {color: #5172d6; 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;}
	
	section.office .container .row .col_1 {margin: 0 auto;}
	.home section.office #map {width: 500px; height: 220px !important;}
	
	.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;}
	
	
	/* 메인 섹션 */
	section.main {padding: 0;}
	
	section.main .inner .txt_area {position: absolute; width: 100%; top: 180px; text-align: center; z-index: 1;}
	section.main .inner .txt_area .sub_txt,
	section.main .inner .txt_area .main_txt {color: #fff; text-align: center;}
	section.main .inner .txt_area .sub_txt {font-size: 13px; margin-bottom: 8px;}
	section.main .inner .txt_area .main_txt {font-size: 27px; font-weight: 700; line-height: 36px;}
	section.main .inner .txt_area .main_txt .color {color: #5172d6; font-weight: 800;}
	
	section.main .inner .video {filter: brightness(.3); background: #f3f3f3; width: 100vw; height: auto; aspect-ratio: 9 / 16;}
	
	
	/* 로고 섹션 */
	section.logo {padding: 20px 0; margin: 0 auto;}
	
	
	/* 변호사 섹션 */
	section.lawyer {border-top: 1px solid #dcdde2; padding-bottom: 0;}
	section.lawyer > .header {color: #2c2f38; text-align: center; width: calc(100% - 20px); margin: 0 auto; margin-bottom: 30px;}
	section.lawyer > .header .main_txt {font-size: 26px; font-weight: bold; margin-bottom: 5px;}
	section.lawyer > .header .main_txt .color {color: #5072d4;}
	section.lawyer > .header .sub_txt {font-size: 16px;}
	
	section.lawyer .lawyer_page_btn_area a.lawyer_page_btn {display: inline-block; font-size: 18px; color: #fff; background: #5172d6; width: 100%; height: 55px; line-height: 55px; text-align: center;}
	section.lawyer .lawyer_page_btn_area a.lawyer_page_btn:hover {opacity: .7;}
	
	section.lawyer .lawyer_area {display: grid; grid-gap: 0; grid-template-columns: repeat(1, 1fr);}
	section.lawyer .lawyer_area .lawyer_box {position: relative; width: 100%; height: 480px; background: linear-gradient(to bottom, #2c2c2c 95px, #363636 0); border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
	section.lawyer .lawyer_area .lawyer_box a {display: block; color: #fff;}
	section.lawyer .lawyer_area .lawyer_box .lawyer_img {position: absolute; bottom: 0px; max-width: 60%;}
	section.lawyer .lawyer_area .lawyer_box .logo_img {position: absolute; top: 25px; right: 20px; width: auto;}
	section.lawyer .lawyer_area .lawyer_box .txt {position: absolute; top: 120px; font-size: 14px; padding-left: 35%; padding-right: 10px;}
	section.lawyer .lawyer_area .lawyer_box .txt .name {font-size: 32px; font-weight: bold; margin-bottom: 10px;}
	section.lawyer .lawyer_area .lawyer_box .txt .name .position {font-size: 16px; font-weight: normal;}
	section.lawyer .lawyer_area .lawyer_box .txt .info {line-height: 25px; margin-left: -2px;}
	section.lawyer .lawyer_area .lawyer_box .txt .info .highlight {color: #e2c19f;}
	
	
	/* 성공사례 섹션 */
	section.성공사례 {padding: 70px 0;}
	section.성공사례 > .header {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 .main_txt .color {color: #5072d4;}
	section.성공사례 > .header .sub_txt {font-size: 17px;}
	
	section.성공사례 .성공사례_page_btn_area a.성공사례_page_btn {display: inline-block; font-size: 18px; color: #fff; background: #5172d6; 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(4, 1fr); column-gap: unset; max-width: 96%; height: auto; border: 1px solid #b8b8b8; border-top: 0; border-left: 0; border-radius: unset; margin: 0 auto; margin-bottom: 40px;}
	section.성공사례 .category_area .category_btn {display: block; color: #555; width: 100%; text-align: center; border: 1px solid #b8b8b8; border-right: 0; border-bottom: 0; padding: 12px 0;}
	section.성공사례 .category_area .category_btn.on,
	section.성공사례 .category_area .category_btn:hover {color: #5172d6;}
	
	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: #5172d6; 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: #5172d6;}
	
	
	/* 차별점 섹션 */
	section.차별점 {color: #fff; background: #092031; 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: #5072d4;}
	section.차별점 > .header .sub_txt {font-size: 17px;}
	
	section.차별점 .box_area {display: grid; row-gap: 8px; margin: 0 auto;}
	section.차별점 .box_area .box {background: #092031; width: calc(100% - 20px); height: auto; border: 2px solid #5f717e; margin: 0 auto;}
	section.차별점 .box_area .box .circle {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: #5172d6;}
	/*section.차별점 .box_area .box img {margin: 0 auto;}*/
	
	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: #f3f3f3; width: 100%; aspect-ratio: 9 / 16;}
	
	
	/* press area */
	.press_area {background: #5172d6; 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;}


	/* 상담문의 최신글, 상담신청 영역 */
	.consulting_latest {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: #0d2d44; 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;}
	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: #5172d6;  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: #5172d6; 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: #5172d6; 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){
	/* 메인 섹션 */
	section.main .inner .txt_area .sub_txt {font-size: 12px; margin-bottom: 8px;}
	section.main .inner .txt_area .main_txt {font-size: 23px; line-height: 34px;}
	
	
	/* 변호사 섹션 */
	section.lawyer > .header .main_txt {font-size: 23px;}
	section.lawyer > .header .sub_txt {font-size: 13px;}
	
	section.lawyer .lawyer_area .lawyer_box .txt {font-size: 11px;}
	section.lawyer .lawyer_area .lawyer_box .txt .name {font-size: 20px;}
	section.lawyer .lawyer_area .lawyer_box .txt .name .position {font-size: 14px;}
	section.lawyer .lawyer_page_btn_area a.lawyer_page_btn {font-size: 16px;}
	
	
	/* 성공사례 섹션 */
	section.성공사례 > .header .sub_txt {font-size: 13px;}
	
	section.성공사례 .category_area .category_btn {font-size: 15px;}
	
	
	/* 차별점 섹션 */
	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));}
}



/* 학교범죄 추가 */
.school-page.crime-page .crime .crime-table td.tit2{background-color: #f7faff;}
.school-page .crime .crime-table tr:first-child td {border-top:none; }
.school-page .crime01 .crime-table td.tit2{width: 20%;}
.school-page th{width: 20%;}
.school-page .crime01 h3{background-image: url(/image/sub/icon.png);}

.school-page .img_tex{float: left; margin: 35px auto ; max-width: 940px;}
.school-page .img_tex img{width: 100%;}
.school-page p{ font-size: 16px; width: 920px; line-height: 1.5; text-align: left; letter-spacing: -0.5px;}
.school-page p span{ color: #3a7bd9; font-weight: 500;}
.school-page h4{font-size: 24px; font-weight: bold; color: #3a7bd9;}
.school-page .cl{display: inline-block; margin-bottom:0; color: #3a7bd9;}
.school-page .inner > h4 {margin: 60px auto 20px; }
.school-page .crime-table td > ul li.point{ color: #666;}
.school-page .crime-table td > ul li.point::before{display: none;}
.school-page .crime-table ul li{position:relative; margin-bottom: 15px; padding-left: 12px;}
.school-page .crime-table ul li::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transform: translateY(-50%);
    background: #3c80e2;
}
.school-page .procedures .cir{margin-top: 30px;}
.school-page .procedures::after{content:''; display: block; clear: both;}
.school-page dl{position: relative; display: inline-block; margin-right: 50px; width: 175px; height: 175px; border-radius: 100%; border:1px solid #3a7bd9; text-align: center; vertical-align: bottom; background-size: 80px; background-color: #f7faff; background-repeat: no-repeat; background-position: center; padding:0 20px; box-sizing: border-box; }
.school-page dl::before{content:''; position: absolute; top: 50%; right: -27%; width: 38px; height: 38px; border-radius:100% ; border: 1px solid #d2d2d2; transform: translateY(-50%);}
.school-page dl::after{
    content: '';
    position: absolute;
    top: 50%;
    right: -18%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #3a7bd9;
    border-bottom: 2px solid #3a7bd9;
    transform: translateY(-50%) rotate(-45deg);
}

.school-page .cr_procedure ul li{
    width: 920px;
    margin-bottom: 15px;
    font-size: 16px;
    text-align: left;
    letter-spacing: -0.5px;
}

.school-page .cr_procedure .img_box{ padding-top: 5px; width: 720px;}
.school-page .cr_procedure .img_box img{display: inline-block;}
.school-page .cr_procedure .img_box img ~ img{
    margin-left: 14px;
}
.school-page .cr_procedure p.fill{
    margin-bottom: 20px;
    
}
.school-page .crime .table1 .inner tr td:nth-of-type(2){ width: 40%;}

.school-page .cr_procedure .cir{float: right; /* width: 900px; */ margin-bottom: 25px;}
.school-page .cr_procedure .cir dl dd{ margin-top: 20px;}
.school-page .cr_procedure .cir dl:first-child > dd{ margin-top: 10px;}
.school-page .case-wrap.cr_procedure{margin-top: 84px;}
.school-page .case-wrap.cr_procedure div:nth-of-type(2){margin-top: 70px;}
.school-page .crime .crime-table.table1 tbody th:first-child{width: 20%;}
.school-page .crime .crime-table.table1 tbody th:last-child{width: 80%;}
.school-page .crime .crime-table .inner th{ width:35%; padding: 10px 0;  border: 1px solid #fff; }
.school-page .crime .crime-table .inner th:first-child{width: 30%;}
.school-page .crime .crime-table .bg_color td ~ td{width: 7%;}
.school-page .crime .crime-table .bg_color td:nth-child(7){width: 20%;}
.school-page .crime .crime-table .bg_color td:nth-child(8){width: 15%;}
.school-page .crime .crime-table td.pa{width: 14%;}
.school-page .crime .crime-table td.tit2.bg.pd{width: 6%; padding: 0 10px;}


.school-page .crime-table .bg_color td{ background-color: #3c80e2; color: #fff; font-weight: 700; text-align: center; border-left: 1px solid #fff;}
.school-page .crime .crime-table .pa{padding: 10px; border-right: 1px solid #3c80e2;}
.school-page .crime .crime-table .tit2.fr{padding: 0 10px;}
.school-page.crime-page .crime .crime-table .tit2.bg{ background-color: #fff;}
.school-page .crime .crime-table .inner .pd{ padding: 0 ;}
.school-page .crime .crime-table .inner tr td{padding:5px 8px;}
.school-page .crime .crime-table .inner .align{ text-align: center;}
.school-page .crime .crime-table tr:last-child td { border-bottom: 1px solid #397cd7;}
.school-page .crime .crime-table .inner .border{ border-left: 1px solid #397cd7;}
.school-page .crime .table2{ padding-bottom: 100px; background-color: #f1f1f1; }
.school-page.crime-page .crime ul{padding: 0 7px;}
.school-page.crime-page .crime ul li{margin-bottom: 15px;}
.school-page.crime-page .crime ul li span{color: #397cd7; font-weight: 500;}

/* .school-page .crime .crime-table .inner tbody{max-width: 1200px;} */
.school-page .crime01 .crime-table td.tit2 {width: 3%;}
.school-page .crime-table.wd{display: block;}
.school-page .crime-table.mb{display: none;}