@charset "utf-8";
/*********** 컨텐츠 공통 ***********/
/* 준비중 */
.img_ready {display:flex;justify-content:center;align-items:center;margin:10rem 0;}
.img_ready .left {}
.img_ready .left img {width:41.7rem;}
.img_ready .right {padding-left:2rem;}
.img_ready .right strong {line-height:1.2;font-size:4rem;color:#222;}
.img_ready .right strong em {color:var(--primary-color);}
.img_ready .right strong em br {}
.img_ready .right p {margin-top:2.5rem;line-height:1.5;font-size:1.8rem;color:#767676;}
	@media only screen and (max-width:1023px){
		.img_ready .left img {}
	}
	@media only screen and (max-width:767px){
		.img_ready {flex-direction:column;gap:4rem;text-align:center;}
		.img_ready .right strong em br {display:none;}
	}


/*********** 01_법무법인 자우 ***********/
.introduction .flex {display:flex;align-items:center;gap:10rem;}
.introduction .flex .tit {font-weight:800;font-size:8rem;line-height:1.25;color:#222;}
.introduction .flex .con {font-size:2rem;line-height:2;}
.introduction .map iframe {width:100%;height:55rem;}
.location {display:flex;justify-content:space-between;align-items:center;}
.location .location_title {width:30rem;height:25rem;background:var(--primary-color);color:#fff;padding:4rem 3rem;margin-top:-6rem;z-index:9;border-bottom-right-radius:2rem;}
.location .location_title h4 {font-size:3.5rem;line-height:1.2;font-weight:700;letter-spacing:0.2rem;color:#fff;}
.location .location_title h4 .color1 {opacity:.3;}
.location .location_title h4 .color2 {opacity:.6;}
.location .location_title h4 .color3 {opacity:1;}
.location ul {display:flex;flex-wrap:wrap;width:calc(100% - 30rem);gap:2rem 0;}
.location ul li {display:flex;flex-wrap:wrap;align-items:center;margin-left:4rem;}
.location ul li:first-child {width:100%;}
.location ul li div {width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:100%;background:#f1f1f1;margin-right:1rem;}
.location ul li div i {color:var(--primary-color);font-size:1.8rem;}
.location ul li p em {color:var(--primary-color);font-weight:600;padding-right:1rem;}
	@media only screen and (max-width:1199px) {
		.introduction .flex {gap:6rem;padding:0;}
	}
	@media only screen and (max-width:1023px) {
		.introduction .flex {flex-direction:column;gap:3rem;text-align:center;}
		.introduction .flex .tit {display:none;}
		.introduction .flex .con {text-wrap:balance;}
		.introduction .map iframe {height:50rem;}
		.location .location_title {width:25rem;height:23rem;}
		.location .location_title h4 {font-size:3.2rem;}
		.location ul {gap:1.5rem 0;margin-top:2rem;width:calc(100% - 25rem);}
		.location ul li {width:100%;}
	}
	@media only screen and (max-width:767px){
		.introduction .map iframe {height:40rem;}
		.location .location_title {display:none;}
		.location ul {width:100%;}
		.location ul li {margin-left:0;display:flex;align-items:center;}
		.location ul li p {width:calc(100% - 40px);display:flex;align-items:center;}
	}


/*********** 02_업무분야 ***********/
.fields_list {display:grid;grid-template-columns:1fr 1fr;column-gap:6rem;}
.fields_list > li {min-height:30rem;padding:4rem;border:1px solid #ddd;border-top:4px solid var(--primary-color);overflow:hidden;position:relative;border-top-right-radius:2rem;}
.fields_list > li:nth-child(odd) {margin-bottom:6rem;}
.fields_list > li:nth-child(even) {margin-top:6rem;}
.fields_list > li .icon {font-size:15rem;line-height:1;position:absolute;bottom:0;right:0;color:var(--primary-color);opacity:.1;}
.fields_list > li .text {color:#fff;height:calc(100% - 40px);display:flex;flex-direction:column;justify-content:flex-end;}
.fields_list > li h4 {font-size:2.4rem;font-weight:800;color:var(--primary-color);}
	@media only screen and (max-width:1023px){
		.fields_list {display:grid;grid-template-columns:unset;grid-template-rows:1fr 1fr;padding:0;row-gap:4rem}
		.fields_list > li {min-height:auto;padding:3rem;margin:0 !important;}
	}


/*********** 03_구성원 소개 ***********/
.lawyer_list {display:grid;grid-template-columns:repeat(3,1fr);gap:1px;color:#fff;background:#fff;}
.lawyer_list li button {display:block;width:100%;height:60rem;overflow:hidden;border:1px solid transparent;background:var(--primary-color);}
.lawyer_list li .txt {padding:6rem;color:#fff;text-align:left;position:relative;z-index:1;}
.lawyer_list li .txt .position {font-size:2.2rem;display:inline-block;font-weight:500;border-bottom:2px solid #fff;}
.lawyer_list li .txt .name {font-size:4rem;display:block;margin:2.5rem 0 5rem;}
.lawyer_list li .txt .subs {font-size:1.8rem;text-wrap:balance;line-height:1.5;}
.lawyer_list li .txt .arrow {display:block;font-weight:600;font-size:1.7rem;margin-top:2rem;opacity:.5;}
.lawyer_list li .pic {display:flex;justify-content:flex-end;height:38rem;margin:-8rem 2rem 0 0;}
.lawyer_list li .pic img {max-height:100%;opacity:.25;filter:grayscale(100%);}
	@media only screen and (max-width:1199px){
		.lawyer_list li .txt {padding:5rem;}
	}
	@media only screen and (max-width:1023px){
		.lawyer_list {grid-template-columns:repeat(2,1fr);}
	}
	@media only screen and (max-width:767px){
		.lawyer_list {grid-template-columns:repeat(1,1fr);}
	}

/* 버튼 오버효과 */
.lawyer_list li button:is(:hover,:focus,:active) {border:1px solid var(--primary-color);background:#fff;}
.lawyer_list li button:is(:hover,:focus,:active) .txt {color:var(--primary-color);}
.lawyer_list li button:is(:hover,:focus,:active) .txt .position {border-color:var(--primary-color);}
.lawyer_list li button:is(:hover,:focus,:active) .txt .arrow {opacity:1;}
.lawyer_list li button:is(:hover,:focus,:active) .pic img {opacity:1;filter:grayscale(0);}

/* 모달 */
body.popup_overlay {overflow:hidden;height:100%;touch-action:none;}
.lawyer_modal .modal_con {display:none;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;background:#fff;}
.lawyer_modal .modal_con .close {display:block;position:absolute;top:2rem;left:3.5rem;z-index:10;font-size:5rem;color:var(--primary-color);transition:all .3s ease-in-out;}
.lawyer_modal .modal_con .close:is(:hover,:focus,:active) {text-decoration:none;transform:translateY(-1rem);}
.lawyer_modal .modal_con .con {display:flex;align-items:flex-start;}
.lawyer_modal .modal_con .pic {width:50%;position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.lawyer_modal .modal_con .pic img {max-width:96%;padding-top:20rem;}
.lawyer_modal .modal_con .txt {width:50%;height:100vh;padding:8rem;overflow-y:scroll;background:var(--primary-color);color:#fff;}
.lawyer_modal .modal_con .txt .slogan {font-family:'나눔명조OTF','NanumMyeongjoOTF',serif;font-weight:100;font-size:3.4rem;padding-bottom:4rem;margin-bottom:4rem;border-bottom:3px dashed var(--secondary-color);}
.lawyer_modal .modal_con .name_box {display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem;}
.lawyer_modal .modal_con .name_box .name {display:flex;align-items:flex-end;gap:1rem;}
.lawyer_modal .modal_con .name_box .name {font-weight:600;font-size:2.5rem;color:rgba(255,255,255,.7);line-height:1;}
.lawyer_modal .modal_con .name_box .name strong {font-weight:800;color:#fff;font-size:4rem;}
.lawyer_modal .modal_con .name_box .e_name {font-family:'나눔명조OTF','NanumMyeongjoOTF',serif;font-style:italic;font-size:2rem;color:rgba(255,255,255,.3);letter-spacing:0.3em;line-height:1;}
.lawyer_modal .modal_con .contact {display:flex;align-items:center;flex-wrap:wrap;gap:2rem 4rem;font-size:2rem;}
.lawyer_modal .modal_con .contact li {display:flex;align-items:center;gap:1rem;}
.lawyer_modal .modal_con .contact i {display:flex;justify-content:center;align-items:center;background:var(--secondary-color);width:4rem;height:4rem;border-radius:50%;color:#fff;}
.lawyer_modal .modal_con .tit {font-family:'나눔명조OTF','NanumMyeongjoOTF',serif;font-weight:700;font-size:3rem;margin-bottom:1rem;}
.lawyer_modal .modal_con .list1 > li::after {background:rgba(255,255,255,.5);}
.lawyer_modal .modal_con .tit_s {font-family:'나눔명조OTF','NanumMyeongjoOTF',serif;font-weight:300;font-size:2.2rem;margin-bottom:1rem;}
	@media only screen and (max-width:1199px){
		.lawyer_modal .modal_con .txt {padding:8rem 6rem;}
	}
	@media only screen and (max-width:1023px){
		.lawyer_modal .modal_con .con {flex-direction:column !important;}
		.lawyer_modal .modal_con .pic {position:static;width:100%;height:60vh;align-items:flex-start;}
		.lawyer_modal .modal_con .pic img {padding-top:2rem;}
		.lawyer_modal .modal_con .txt {max-width:none;width:100%;height:40vh;}
		.lawyer_modal .modal_con:last-child .txt {padding-bottom:0;}
	}


/*********** 게시판 공통 ***********/
.notiwrap {padding-bottom:6rem;}

/* 게시판 상단 */
.sch_top {display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:1;margin-bottom:20px;}

/* 총게시물 수 */
.sch_top .total {}
.sch_top .total strong {font-size:1.7rem;font-weight:500;color:#222;}
.sch_top .total strong > em {color:var(--primary-color);}
.sch_top .total strong > span {font-size:1.6rem;color:#767676;}
.sch_top .total strong > span em {color:var(--primary-color);}

/* 검색 */
.sch_top .search_box .inputbox {display:flex;justify-content:center;gap:4px;}
.sch_top .search_box .inputbox select {width:190px;font-size:1.8rem;border:1px solid #222;color:#222;}
.sch_top .search_box .inputbox input {width:427px;font-size:1.8rem;border:1px solid #222;color:#222;}
.sch_top .search_box .inputbox input::-ms-input-placeholder {color:#222;}
.sch_top .search_box .inputbox input::-webkit-input-placeholder {color:#222;}
.sch_top .search_box .inputbox input::-moz-placeholder {color:#222;}
.sch_top .search_box .inputbox button {flex-shrink:0;width:55px;height:55px;background:#222;border-radius:10px;color:#fff;font-size:2rem;}

/* 게시판 영역 */
.board_box {border-top:2px solid #222;border-bottom:1px solid #e5e5e5;}

/* 게시판 페이지넘버 */
.page_number {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:40px;}
.page_number li {margin:0 2px;}
.page_number li a {display:grid;place-items:center;width:34px;height:34px;line-height:1.2;text-align:center;font-size:1.5rem;color:#222;}
.page_number li a.on,.page_number li a:is(:hover, :focus, :active) {}
.page_number .prev_first a {background:url("../../images/fs/common/first_prev.png") no-repeat center center;font-size:0;}
.page_number .prev a {background:url("../../images/fs/common/prev.png") no-repeat center center;font-size:0;}
.page_number .num a.on,.page_number .num a:is(:hover, :focus, :active) {background:var(--primary-color);border-radius:5px;color:#fff;}
.page_number .next a {background:url("../../images/fs/common/next.png") no-repeat center center;font-size:0;}
.page_number .next_last a {background:url("../../images/fs/common/last_next.png") no-repeat center center;font-size:0;}
	@media only screen and (max-width:1023px){
		.sch_top {margin-bottom:15px;}
		.sch_top .search_box .inputbox select {width:100px;}
		.sch_top .search_box .inputbox input {width:327px;}
		.sch_top .search_box .inputbox button {width:50px;height:50px;}

		.page_number {margin-top:20px;}
	}
	@media only screen and (max-width:767px){
		.sch_top {flex-direction:column-reverse;align-items:flex-start;margin-bottom:10px;gap:10px;}
		.sch_top .search_box {width:100%;}
		.sch_top .search_box .inputbox {flex-wrap:wrap;}
		.sch_top .search_box .inputbox select {flex-grow:1;}
		.sch_top .search_box .inputbox input {flex-grow:1;}
		.sch_top .search_box .inputbox button {flex-grow:1;width:45px;height:45px;}

		.page_number li {margin:0 1px;}
		.page_number li a {width:30px;height:30px;line-height:30px;}
		.page_number .prev_first a {width:30px;}
		.page_number .prev a {width:30px;}
		.page_number .next a {width:30px;}
		.page_number .next_last a {width:30px;}
	}


/*********** 일반 게시판 ***********/
/* 목록 */
.board_table {width:100%;line-height:1;margin-top:1px;border-collapse:collapse;font-size:1.8rem;color:#222;}
.board_table thead th {position:relative;padding:28px 20px;font-weight:700;font-size:1.8rem;border-bottom:1px solid #222;}
.board_table tbody tr {border-top:1px solid #e5e5e5;}
.board_table tbody tr.noti {position:relative;background:#f3f6f9;}
.board_table tbody tr.noti:after {content:"";display:block;position:absolute;left:0;top:-1px;width:100%;height:1px;background:#fff;}
.board_table tbody td {padding:25px 12px;height:56px;font-weight:400;}
.board_table tbody td .ellipsis1 {max-width:90%;}
.board_table tbody td.num {font-size:1.6rem;color:#767676;}
.board_table tbody td.img img {width:128px;}
.board_table tbody td.tit {font-weight:600;}
.board_table tbody td.tit .reply {display:inline-block;margin-left:14px;}
.board_table tbody td.view .btn_bace:first-child {margin-top:0;}
.board_table tbody td.view .btn_bace {margin-top:5px;}
.board_table tbody td.file {font-size:2rem;color:#767676;}
.board_table tbody td.data {font-size:1.7rem;color:#767676;}
.board_table tbody td .btn_bace {height:35px;line-height:35px;font-size:1.4rem;}
.board_table tbody tr.noti td {font-weight:500;}
.board_table tbody tr.noti .num span {display:grid;place-items:center;width:52px;height:30px;margin:0 auto;background:var(--primary-color);text-align:center;border-radius:50px;font-size:1.7rem;color:#fff;}
.board_table tbody tr:is(:hover,:focus,:active) {background:#f9f9f9;}
	@media only screen and (max-width:1199px){
		.board_table thead th {border-bottom:2px solid #222;}
	}
	@media only screen and (max-width:1023px){
		.board_table thead th {padding:10px 10px;}
		.board_table tbody td {padding:10px 10px;}
		.board_table tbody td .new img {width:17px;}
		.board_table tbody td .btn_bace {height:35px;line-height:35px;}
		.board_table tbody td.tit a {margin-top:0;}
	}
	@media only screen and (max-width:767px){
		.board_table {text-align:left;}
		.board_table colgroup,
		.board_table thead th {display:none;}
		.board_table tbody tr:first-child {border-top:0;}
		.board_table tbody tr.noti:after {display:none;}
		.board_table tbody tr {display:flex;flex-wrap:wrap;padding:12px 0;}
		.board_table tbody td {display:block;height:auto;}
		.board_table tbody td.num {order:1;display:none;}
		.board_table tbody td.tit {order:2;width:100%;padding:0 6px 8px 6px;font-weight:600;}
		.board_table tbody td .ellipsis1 {font-size:2.2rem;}
		.board_table tbody td .new img {width:20px;}
		.board_table tbody td.file {order:4;display:inline-block;padding:0 6px;border-right:0;}
		.board_table tbody td.file img {width:18px;margin-top:3px;}
		.board_table tbody td.data {order:3;display:inline-block;padding:0 6px;margin:5px 0;border-right:1px solid #e5e5e5;}
		.board_table tbody tr.noti td {font-weight:600;}
		.board_table tbody tr.noti td.num {display:block;}
		.board_table tbody tr.noti .num {padding:0 6px 10px 6px;text-align:left;}
		.board_table tbody tr.noti .num span {display:inline-block;width:45px;line-height:25px;height:25px;}
		.board_table tbody tr.noti .num span img {height:50%;vertical-align:middle;}
		.board_table tbody tr td.ta-c {width:100%;}
	}
	@media only screen and (max-width:529px){
		.board_table tbody td .ellipsis1 {max-width:98%;}
		.board_table tbody td.tit .reply {display:block;margin:10px 0 0 0;}
	}

/* 상세 */
.view_box {border-bottom:1px solid #ddd;border-top:2px solid #222;}
.view_box .top {border-bottom:1px solid#ddd;text-align:center;padding-top:4.5rem;}
.view_box .top .sttit {display:flex;flex-direction:column;align-items:center;margin-bottom:4.5rem;line-height:1.25;font-size:3.3rem;color:#222;}
.view_box .top .sttit em {font-size:2rem;}
.view_box .top .noti {width:auto;background:var(--primary-color);text-align:center;border-radius:50px;color:#fff;font-size:1.7rem;padding:1rem 3rem;margin-bottom:1rem;}
.view_box .top .etc {padding:2rem 1.5rem;border-top:1px dashed #ddd;}
.view_box .top .etc span {display:inline-block;margin-right:1.5rem;padding-right:2.5rem;border-right:1px solid #ddd;color:#767676;}
.view_box .top .etc span:last-child {margin-right:0;padding-right:0;border-right:0;}
.view_box .top .etc span em {display:inline-block;margin-right:1rem;color:#222;}
.view_box .content_box {padding:50px 30px;line-height:1.7;font-size:1.7rem;color:#767676;}
.view_box .file_box {display:flex;gap:55px;padding:20px 30px 18px 30px;border-top:1px solid #ddd;}
.view_box .file_box strong {padding-top:2px;color:#222;}
.view_box .file_box .file_d {display:flex;align-items:center;gap:70px;}
.view_box .file_box .file_d a {display:flex;gap:8px;line-height:1.2;}
.view_box .file_box .file_d a img {opacity:0.5;transform:translateY(-2px);}
.view_box .file_box .file_d a span {margin-top:2px;font-weight:500;font-size:1.6rem;color:var(--secondary-color);}
.view_box .file_box .file_d a:is(:hover,:focus,:active) {}
.view_box .public_box {margin:0;border-radius:0;}
.view_np_box {display:flex;justify-content:center;align-items:center;}
	@media only screen and (max-width:1023px){
		.view_box .content_box {padding:30px 20px;font-size:1.8rem;}
		.view_box .file_box {gap:25px;padding:25px 20px;}
	}
	@media only screen and (max-width:767px){
		.view_box .top .sttit {margin-bottom:28px;}
		.view_box .top .etc {padding:1.5rem 1rem;}
		.view_box .top .etc span {margin-right:1rem;padding-right:1.5rem;}
		.view_box .file_box {flex-direction:column;gap:15px;padding:15px 15px;}
		.view_box .file_box .file_d {flex-direction:column;align-items:flex-start;gap:10px;}
		.view_box .file_box .btn_down {height:30px;line-height:30px;}
		.view_box .file_box .btn_down img {margin-top:1px;}
	}

/* 쓰기 */
.required {background:#f5f7fa;padding:2rem 3rem;margin-bottom:4rem;border-radius:1.2rem;}
.form {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5rem 0;}
.form li {position:relative;width:100%;}
.form li .flex {justify-content:space-between;}
.form li label {display:block;}
.form li em {display:block;margin-bottom:1.6rem;color:#000;font-weight:600;font-size:2rem;line-height:1;}
.form li input {display:flex;width:100%;border-radius:1.2rem;background:#fff;border:1px solid #ddd;font-size:1.8rem;font-weight:400;line-height:100%;box-sizing:border-box;color:#000;}
.form .check_flex {display:flex;align-items:center;gap:2.4rem;flex-wrap:wrap;width:100%;padding:2rem;border-radius:1.2rem;border:1px solid #ddd;}
.form .checks {display:flex;align-items:center;}
.file_box {display:flex;flex-wrap:wrap;}
.file_box:not(:first-child) {margin-top:.5rem;}
.file_box .btn_upload {width:15rem;}
.file_box .btn_upload label {display:block;width:100%;padding:0 2rem;line-height:5rem;height:5rem;font-size:.9em;transition:all .4s;-webkit-transition:all .4s;}
.file_box input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;cursor:pointer;transition:all .4s;-webkit-transition:all .4s;}
.file_box .upload_list {display:block;width:calc(100% - 15rem);}
.file_box .upload_list .upload_name {display:flex;align-items:center;padding-left:15px;background:#f5f7fa;border-bottom:none;line-height:5rem;height:5rem;font-size:.9em;color:#999;}
.file_box .upload_list .upload_name:not(:has(.upload_file)) .arrow {display:none;}
.file_box .upload_list .upload_file {display:flex;align-items:center;}
.file_box .upload_list .upload_name .btn_del {display:flex;margin-left:20px;font-family:inherit;background:none;color:var(--primary-color);font-weight:500;}
@media only screen and (max-width:767px){
	.form {gap:3rem 0;}
	.form li {width:100%;}
}