.blue{color:#09008f !important;font-weight:700 !important}

.sub_con {width:100%; max-width:1300px; margin:60px auto; background-color:#fff; box-sizing:border-box; padding:30px; position:relative; z-index:99; box-shadow: 0px 8px 20px 6px rgb(0 0 0 / 7%); border-radius:15px;  }
.sub_con .in { width:100%}
.guide {width:100%; display:flex; font-size:1.4em; align-items:flex-end; border-bottom:1px solid #c3c5c7; padding-bottom:10px; margin-bottom:25px; margin-top:10px}
.guide span {margin-left:auto; font-size:.9rem;  font-weight:400}

.menu {display:flex; margin-top:20px}
.menu li {width:50%; text-align:center;  padding:10px 0; background-color:#c3c5c7; cursor:pointer}
.menu li.ov {background-color:red}
.menu li.ov a {color:#fff}

.sub_vi {width:100%; height:230px; position:relative; background-color:#c3c5c7; display:inline-block; background:url('../img/20764593 (2).jpg') no-repeat; background-size:cover; background-attachment: fixed; }
.sub_vi div {  color:#fff; text-align:center; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%}

.sub_vi h2  {font-size:3em;   }

.sub_con aside {width:200px;  margin-top:10px;  }
.sub_con aside h3 {font-size:1.4em}
.sub_con aside ul {width:100%; margin-top:10px;  border-top:1px solid var(--main_c)}
.sub_con aside ul li {width:100%; font-size:1.02em; border-bottom:1px solid var(--main_c); padding:10px 0; position:relative; box-sizing:border-box; padding-left:10px; font-weight:500; }
.sub_con aside ul li a {color:#333; width:100%; display:inline-block; }
.sub_con aside ul li:after {content:'→'; position:absolute; right:10px; top:10px;  font-size:1.1em; transition: all 0.3s ease-out; color:#000}
.sub_con aside ul li:hover:after {right:0}
.sub_con aside ul li.ov {background-color:var(--main_c)}
.sub_con aside ul li.ov * {color:#fff}
.sub_con aside ul li.ov:after {color:#fff}
.sub_con aside ul li.ov:hover:after {right:10px}


.sub_con .online_menu ul {border-top:1px solid #156179}
.sub_con .online_menu ul li {border-bottom:1px solid #156179}
.sub_con .online_menu ul li.ov {background:#156179}

.sub_con .commu_menu ul {border-top:1px solid #999900}
.sub_con .commu_menu ul li {border-bottom:1px solid #999900}
.sub_con .commu_menu ul li.ov {background:#999900}
/* .sub_con .online_menu ul li a {color:#008a47; }
.sub_con .online_menu ul li.ov a {color:#fff; }
.sub_con .online_menu ul li:after  {color:#008a47; } */



.sub_con {font-size:16px; line-height:1.4; color:#333;flex-grow:1}
.sub_con .sub_section hr {height:30px}
.sub_con .sub_section {width:calc(100% - 250px); margin-left:auto}
.sub_con .sub_section h4 {color:#000; margin-bottom:15px; font-size:1.3em}

.sub_con .sub_section .ul_box {width:100%; box-sizing:border-box; padding:30px; background-color:#f7f7f7 }
.sub_con .sub_section ul li {list-style:disc; width:calc(100% - 20px); margin-left:20px; padding-bottom:3px }

.icon_h4 {position:relative; box-sizing:border-box; padding-left:28px; line-height:1.3}
.icon_h4:after {content:''; width:12px; height:12px; border:4px solid var(--main_c); position:absolute; top:50%; left:0; display:inline-block;  transform: translate(0, -50%);  border-radius:50%}

.img_box {width:100%; box-sizing:border-box; border:1px solid #999; padding:30px 0 23px 0; text-align:center; border-radius:10px}
.img_box img {max-width:60%}

@media all and (min-width:900px) {
  .guide2 {display:none}

}

@media all and (max-width:900px) {
		.sub_con {width:100%; padding:0; border-radius:0; margin-top:0}
		.sub_con aside {  margin-top:0; width:100%;  border-bottom:1px solid #333}
		.sub_con aside h3 {display:none}
		.sub_con aside ul {display:flex; border-top:none; margin-top:0; box-sizing:border-box; padding-left:3%;white-space:nowrap ;overflow-x:auto}
		.sub_con aside ul li {width:auto; border-bottom:none;  padding:12px 0; margin-right:10px  }
		.sub_con aside ul li a {color:#444; font-weight:400}
		.sub_con aside ul li.ov {background-color:#fff}
		.sub_con aside ul li.ov a {color:var(--main_c); font-weight:600}
		.sub_con aside ul li:after {display:none}
		.guide {display:none}
		.guide2 {position:relative; z-index:999; color:#111; font-size:1.5em; width:100%; text-align:center; line-height:110px;  }

		.sub_con .sub_section {width:100%; padding:40px 3%; box-sizing:border-box; font-size:.95em}
		.sub_con .sub_section .ul_box  {padding:0; background-color:#fff}


		.sub_con .online_menu ul {border-top:none}
		.sub_con .online_menu ul li {border-bottom:none}
		.sub_con .online_menu ul li.ov {background:none}
		.sub_con aside.online_menu ul li.ov a {color:#156179; font-weight:600}
		.sub_con .commu_menu ul {border-top:none}
		.sub_con .commu_menu ul li {border-bottom:none}
		.sub_con .commu_menu ul li.ov {background:none}
		.sub_con aside.commu_menu ul li.ov a {color:#999900; font-weight:600}
}
@media all and (max-width:700px) {
.img_box img {max-width:90% !important}
}



.sub_con .sub_section .login_box {width:450px; margin:0 auto;padding-top:30px;border-radius:15px ;}
.sub_con .sub_section .login_box input[type="text"]	{font-size:1.1em; color: #555; border:none; background-color:#f1f1f1; margin-bottom:20px; padding:15px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
.sub_con .sub_section .login_box input[type="password"]	{font-size:1.1em; color: #555; border:none; background-color:#f1f1f1; margin-bottom:25px; padding:15px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
.sub_con .sub_section .login_box input::placeholder {color:#999}
.sub_con .sub_section .login_box a.login_btn {width:100%; background-color:#282464; display:inline-block; color:#fff; text-align:center;padding:14px 0;font-size:1.1em }
.sub_con .sub_section .login_box ul {width:100%; text-align:center; padding-top:20px}
.sub_con .sub_section .login_box ul li {list-style:none; width:auto; margin-left:0; padding-bottom:0;font-size:1em;color:#666 }
.sub_con .sub_section .login_box ul li a{font-size:1.1em}

.login{position:relative}
.login input{text-indent:20px}
.login i{position:absolute;top:17px;left:12px;color:var(--main_c)}

.id_find {font-size:1.2em}
@media all and (max-width:900px) {
.sub_con .sub_section .login_box {width:100%;padding-top:0}
}





/* 게시판 */
 .table { width: 100%; display: table;}

.row {display: table-row; background: #fff; }
.row.header {font-weight:600;   background:#eee;}
 
.cell { padding: 11px 12px; display: table-cell; vertical-align:middle;  text-align:Center;  border-bottom:1px solid #ddd; color:#666}
.cell a {color:#333}

 
.row.header .cell { padding:10px 12px;color:#333}

.tit  {width:60%; text-align:left;   font-size:1.06rem;  line-height:1.3em;font-weight:500;color:#555;font-weight:600;}
.tit a{display:flex;align-items:center}
.tit p{display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;} 

 @media screen and (min-width:1200px) {
	.cell.no {width:80px;  }
	.cell.name {width:10%;  }
	.cell.date {width:15%;  }
	.cell.hit {width:10%;  }
  }

@media screen and (max-width:1200px) {
	.table { display: block; }

	.row {padding:13px 2%; display: block;  border-bottom:1px solid #ddd}
	.row:first-child {border-bottom:5px solid #ddd}
	.row.header {padding: 0; height: 2px; }
	.row.header .cell { display: none; }
	 .row .cell:before { margin-bottom: 3px; content: attr(data-title); text-transform: uppercase;color:#555;}

	.cell { padding:0; padding-right:5px; display: block; border-bottom:none;  }
	.cell a {width:100%; }
	.cell_col {display:inline-block; width:auto; font-size:.9rem}
	 
	.tit  {width:100%; font-size:1.05rem; }
	.row .tit:before { display:none }
    .no {display:none}

  
}


.mypage .cell.no{width:5%}
.mypage1 .cell.name{width:15%}
@media screen and (max-width:1200px) {
.mypage1 .cell.name{width:auto}
}

.page     {text-align:center;  width:100%; margin-top:60px; display:inline-block;font-size:16px}
.page   ul { width:100%; text-align:center; }
.sub_con .sub_section .page   li { display:inline-block; width:auto;margin-left:0;padding-bottom:0 }

.page i{font-family:'fontAwesome';color:#555}

.page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle;
    background-color:#fff;  width:31px; line-height:31px; height:31px;  ; text-align:Center;font-size:.95em;border-radius:3px;

   }
.page a.ov  { background-color:var(--main_c);   color:#fff !important;}

.none_list{   width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 1em;
    display: flex;
    justify-content: center; }

/*서치*/
 						
.search     {margin:25px 0 100px 0;  width:100%; display:flex; justify-content:center;align-items:center }
.search  input  {width:30%;  margin:0 10px; border:none;border-bottom:2px solid #777;font-size:1.1em; color:#555;padding:15px 10px;box-sizing:border-box;}
.search  input:focus {outline:none;}
.search  select:focus {outline:none;}
.search  select  { font-size:1.1em; color:#555; border:none;border-bottom:2px solid #777;  vertical-align:middle; width:100px; padding:15px 10px;box-sizing:border-box;font-weight:600}
.search a {font-size:2em; font-weight:500;margin-left:10px;color:#555}

@media all and (max-width:900px) {
.search  input  {width:50%; }

.search     {margin:25px 0 100px 0;  width:100%; display:flex;align-items:center }
.search_end{;}
.search  input  {width:68%;  margin:0 10px; border:none;border-bottom:2px solid #777;font-size:1em; color:#555;padding:15px 10px;box-sizing:border-box;height:50px;border-radius:0}
.search  input:focus {outline:none;}
.search  select:focus {outline:none;}
.search  select  { font-size:1em; color:#555; border:none;border-bottom:2px solid #777;  vertical-align:middle; width:32%; padding:15px 10px;box-sizing:border-box;font-weight:600;background:#fff;height:50px;border-radius:0}

.search a {font-size:1.6em;font-weight:500;color:#555}
}



/*뷰페이지*/
 
  
p.view_title {font-size:1.3em;  line-height:1.3;  font-weight:700; color:#000; width:100%; padding:10px 2%; box-sizing:border-box; display:inline-block; text-align:Center;  /*  border-top:3px solid var(--main_c);border-bottom:1px solid #555 */ background:#eee;border-bottom:1px solid #ddd }
.view_info {font-size:1em; font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding-bottom:13px; padding-top:13px; display:inline-block; box-sizing:border-box; display:flex;align-items:center;justify-content:space-between}
.view_info span::after {width:1px; height:12px; vertical-align:middle;  content:''; display:inline-block; background-color:#888;  margin:0 10px}
.view_info span:last-child::after {display:none}
.view_info a {color:var(--main_c) !important}
.view_info a:hover {text-decoration:underline }

.view_info span.file{color:#000;font-size:1.1em;font-weight:700;}
.view_info span.file a {display:inline-block; border:1px solid var(--main_c); padding:3px 10px; border-radius:2px }

@media all and (max-width:1000px) {
.view_info{display:block;}
}
@media all and (max-width:900px) {
.view_info span.file a{margin-top:7px;}

}
div.view_content {width:100%; display:inline-block;  border-bottom:1px solid #ddd; padding:20px 0;}
 
/* div.reple {width:100%; display:flex; border-bottom:1px solid #ddd;  padding:15px 0; font-size:1em; color:#666;  background-color:#fff; box-sizing:border-box;}
div.reple  b {color:#333; font-weight:600;   width:90px}
div.reple  p {width:calc(100% - 90px);} */

.list_next  {width:100%;   padding:8px 0; box-sizing:border-box; border-bottom:1px solid #ddd; line-height:0; font-size:1em} 
.list_next p { width:100%; display:flex; font-size:1em; line-height:1; color:#999; margin:8px 0; }
.list_next p:last-child {text-align:left;   }
.list_next b {font-weight:600; color:#333; width:90px; }
.list_next a {width:calc(100% - 90px); white-space: nowrap; overflow:hidden;  text-overflow: ellipsis; }

.basic_btn{width: 170px;
    line-height: 45px;
    background-color: #fff;
    border: 1px solid #333;
    color: #333 !important;
    font-size: 1.03rem;
    border-radius: 3px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    transition: background-color 0.3s ease-in;}
.basic_btn2{
    background-color: #fff;
    border: 1px solid #333;
    color: #333 !important;
    font-size: 1.1em;
	padding:8px 20px;
    border-radius: 3px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
}
.color_blue {background-color:var(--main_c); color:#fff !important; border:1px solid var(--main_c)}
.color_blue i {color:#fff !important}
.color_blue:hover {background-color:#fff; border:1px solid var(--main_c); color:var(--main_c) !important } 
.color_blue:hover i {color:var(--main_c) !important}
.color_blue2 {background-color:#fff; border:1px solid var(--main_c); color:var(--main_c) !important }

.color_gray {background-color:#666; color:#fff !important; border:1px solid #666}
.color_gray i {color:#fff !important}
.color_gray:hover {background-color:#fff; border:1px solid #666; color:#666 !important } 
.color_gray:hover i{color:#666 !important}

.quest a{color:#000 }
 .fa-lock{color:#000;font-weight:600;margin-right:3px}
.re{color:#555;font-weight:600;margin-right:3px}
.re1{color:#777 !important}
.xi-subdirectory-arrow:before{font-weight:600}



/* 글쓰기 */
	.lock_check input[type=checkbox] {
    width: 17px;
    height: 17px;
    margin-right: 2px;
	vertical-align:text-top
}

.consulting input{width:100%}
.consulting textarea{height:200px}


/* 관할법원 */
.map_city:hover{
	fill: var(--main_c);
	cursor:pointer
}

.map_name{margin-top:40px;}
.map table{width:100%;border-top:2px solid var(--main_c);box-sizing:border-box;table-layout:fixed;}
.map tr{border:1px solid #ddd;box-sizing:border-box;}
.map th{padding:10px;background:#f9f9f9;font-size:1.1em;border:1px solid #ddd;box-sizing:border-box}
.map th:first-child{width:20%}
.map td{padding: 5px 10px;font-size:1em;border:1px solid #ddd;box-sizing:border-box;}

.map i{color:var(--main_c);}	
@media screen and (max-width:600px){
.map{overflow:auto;}
.map table{min-width:500px}
}

/* 계산 */
.calc table{width:100%; margin-top:10px;table-layout:fixed;}
.calc tr{border:1px solid #ddd;box-sizing:border-box;}
.calc th{background:#ebecf5;font-size:1em;width:20%;border-left:2px solid var(--main_c);box-sizing:border-box;color:var(--main_c)}
.calc th:nth-child(2){border:none}
.calc td{padding:10px;font-size:1em;}
.calc input{border:1px solid #ddd;padding:10px;height:15px;}
.calc label{margin-right:10px;}
.calc  [type="radio"] {
  vertical-align: sub;
  width:18px;height:18px;
}

.calc2 table{width:100%; margin-top:10px;table-layout:fixed;}
.calc2 tr{border:1px solid #ddd;box-sizing:border-box;}
.calc2 th{background:#ebecf5;font-size:1em;width:20%;border-left:2px solid var(--main_c);box-sizing:border-box;color:var(--main_c);padding:10px}
.calc2 th:nth-child(2){border:none}
.calc2 th:nth-child(3){border:none}
.calc2 td{padding:10px;font-size:1em;}
.calc2 th:first-child{width:5%;}
.bottom_line{border-bottom:1px solid #b7b6b6}
@media screen and (max-width:600px){
.calc th{display:inline-block;width:100%;box-sizing:border-box;text-align:left;padding:10px;}
.calc td{display:inline-block;width:100%;box-sizing:border-box}

.calc2{overflow:auto;}
.calc2 table{min-width:500px}
}


.calc3 th:nth-child(2){width:15%}
.highlight{border-bottom:1px solid #000}
@media screen and (max-width:600px){
.calc3 table{min-width:600px}
}
/* forms */
	.about4 textarea {font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
    font-size: 0.95em;
    line-height: 1.4em;
    width: 100%;
    height: 150px;
    box-sizing: border-box;
    color: #666;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 15px;}

.visit h5{font-size:1.2em;margin-bottom:5px;}
	.textarea1 {font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
    font-size: 0.95em;
    line-height: 1.4em;
    width: 100%;
    height: 250px;
    box-sizing: border-box;
    color: #666;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 15px;}
.privacy_check{margin-bottom:20px;}
.privacy_check label{vertical-align:-webkit-baseline-middle}
.privacy_check input[type=checkbox]{
	width: 19px;
    height: 19px;
    margin-right: 3px;
}

.visit i{color:var(--main_c);margin-left:5px}
.visit  .form_txt{width:100%; text-align:left; border-top:2px solid var(--main_c); table-layout:fixed;box-sizing:border-box}
.visit  tbody {font-size:1rem; }
.visit  tr {width:100%; border-bottom:1px solid #eee; box-sizing:border-box}
.visit  th {font-weight:600;width:20% ;background:#f9f9f9;padding-left:10px;box-sizing:border-box}
.visit  td {padding:15px 10px; width:80%;box-sizing:border-box}
.visit  input {height:40px; line-height:40px; vertical-align:middle;  border:1px solid #ddd;box-sizing:border-box; padding-left:10px; font-size:1rem; width:100%}
/* .visit  textarea {height:100px; line-height:1.6rem; vertical-align:middle; resize:none; width:99%; border:1px solid #ddd; font-size:1rem; padding:10px;} */
.visit  button {font-size:1rem; background-color:#aaa; color:#fff; line-height:30px; padding:0 10px;  }
.visit  button:hover {background-color:#00bbdb;}
.visit  span {font-size:.9rem;  color:#777; margin:0 5px; }
.visit select{
height: 40px;
    font-size: .97em;
    border-radius: 5px;
    padding :0 5px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    color: #666;
}

.visit  .oneline input {width:250px;}
.visit  .oneline input[type=checkbox] {width:20px;margin-right:5px}
.visit  .tel input {width:150px;}
.visit  .oneline .phone input:first-child{width:80px;}
.visit  .oneline .phone input{width:100px;}
.address p{display:flex;align-items:center;gap:10px}
.address p:first-child{gap:0}
.address input{width:70%}
.address p:first-child input{width:20%}
.email p{display:flex;align-items:center;gap:10px}
.email input{width:30%}

.s_btn {
    padding: 0 13px;
    line-height: 33px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #999;
    color: #555 !important;
    font-size: .9rem;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width:600px){
.visit .form_txt{border:1px solid #ddd;border-top:2px solid var(--main_c);box-sizing:border-box}
.visit  th {width:100%;display:inline-block;padding:10px;}
.visit  td {width:100%;display:flex;align-items:center}

/* .visit  .name input {width:100%;}
.visit  .name .phone input:first-child{width:30%;}
.visit  .name .phone input{width:35%;} */
.visit .oneline input{width:100%}
.visit .oneline .phone input{width:100%;}

.address {flex-wrap:wrap}
.address p{width:100%}
.address input{width:100%}
.address p:first-child input{width:30%}

.email p{flex-wrap:wrap;gap:0}
.email input{width:calc(50% - 12px )}
.visit select{width:100%;margin-top:10px}
}


@media screen and (max-width:500px){
.m_btn{display:flex;gap:20px;justify-content:center}
.m_btn a{width:calc(50% - 10px)}
.m_btn a:last-child{margin-left:0 !important}

}



/* 집단소송 */
.online6{display:flex;flex-wrap:wrap;}
.online6 .box{border:3px solid #ddd;width: calc((100% - 40px) / 3);margin-right:20px;border-radius:0 0 10px 10px;margin-bottom:20px;border-top:3px solid  var(--main_c);box-sizing:border-box;}

.online6 .box a{display:inline-block;width:calc(100% - 30px);height:calc(100% - 30px);padding:15px;font-weight:700;color:var(--main_c)}
.online6 .box:nth-child(3n){margin-right:0}
.online6 .box:hover{border:3px solid  var(--main_c);cursor:pointer;box-shadow:0px 5px 15px rgba(0,0,0, 0.2);color:#000}

.online7 p{margin-bottom:10px;font-weight:700}
.online7 span{margin-right:5px;font-weight:400;color:#555}
.online7 span:last-child{margin-right:0}
.online7 span:before {content: attr(data-title);display:inline-block}
@media screen and (max-width:600px){
.online6{display:block;}
.online6 .box{width:100%;margin-bottom:30px}
}

.lawsuit{background:#f9f9f9;padding:10px;font-size:1.3em}
.step{border:5px solid #ddd;box-sizing:border-box; padding:10px;margin-bottom:40px;overflow-y:auto;max-height:400px}




/* 계좌이체,회원탈퇴 */
.account{font-size:1.2em;padding:15px;margin-bottom:20px;}
.account_text{font-size:1.2em;line-height:1.5}

.secession input{
font-size: 1em;
color: #555;
width:230px;  line-height:45px;
border: 1px solid #333;
padding: 0px 5px;
box-sizing: border-box;
}
.secession a{width:100px}

@media all and (max-width:500px) {
.secession{display:flex}
.secession input{width:100%}
.secession a{width:150px}
}



/* about */

@font-face {
    font-family: 'Chosunilbo_myungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.font2{    font-family: 'Chosunilbo_myungjo';}

.hi{display:flex;align-items:center;gap:50px;padding:50px;padding-bottom:70px;background:#f9f9f9;position:relative}
.hi p{width:50%;font-size:1.1em;line-height:1.5}
.hi img{border-radius:30px  0}
.hi b{font-size:1em;display:inline-block}
.hi b:first-child{margin-bottom:7px;}
.hi::before{content:'';background:var(--main_c);width:100px;height:6px ;position:absolute;top:0;right:0}
.hi::after{content:'';background:var(--main_c);width:6px;height:100px ;position:absolute;top:0;right:0}

@media all and (max-width:1300px) {
.hi{flex-wrap:wrap;padding:5%;gap:10px;}
.hi p{width:100%;}
}


.lawyer .sub_con .sub_section ul li{
list-style: none;
width: auto;
margin-left:0;
}

.lawyer .w_box{width:100%}
.lawyer .info_box{padding:20px;padding-bottom:0;padding-right:0;margin:50px 0 80px 0}
.lawyer .info_box .flex {
    background: url(../img/info_box_bottom_img.png) no-repeat bottom right;
    background-size: calc(100% - 240px);
	align-items:flex-first;
}
.lawyer .info_box .flex ul{margin-bottom:2vw}
.lawyer .info_box .flex > div{margin-top:30px;font-size:.95em}
.lawyer .info_box img{margin-top:0}

@media all and (max-width:900px) {
.lawyer .info_box .flex > div{margin-top:0}
.lawyer .info_box{padding:20px;}
.lawyer .info_box .flex{border-top: 1px solid #c3c5c7 ;background-size:100%;}
}

.lawyer .tab{display:flex;gap:10px;    white-space: nowrap;    overflow-x: auto;}
.lawyer .sub_con .sub_section  .tab li{text-align:center;border-bottom:3px solid #bbb;color:#bbb;font-size:1.2em;padding:5px 20px;}
.lawyer .sub_con .sub_section  .tab .ov{border-bottom:3px solid var(--main_c);color:var(--main_c);font-weight:600;}


.about3 dl{border-top:1px solid #ddd;box-sizing:border-box;display:flex;align-items:center;padding:20px;}
.about3 dl:first-of-type{border-top:2px solid var(--main_c);margin-top:20px}
.about3 i{color:var(--main_c);}
.about3 dt{font-weight:600;font-size:1.1em;width:10%;margin-right:20px;}
.about3 .noline{border-top:none;padding-top:0}
.hidden{visibility:hidden}

.sub_con .about3 ul li{width:auto; margin-left:0; padding:0;}
.about3 .root_daum_roughmap .cont .section_address{display:none;}
.about3 .root_daum_roughmap .cont{display:flex; gap:20px; margin-top:20px;}
.about3 .root_daum_roughmap .cont .section{margin:0; padding:0;}

@media screen and (max-width:1200px){
	.about3 iframe{margin-top:0}
	.about3 dl{display:block;padding:10px}
	.about3 dl:first-of-type{margin-top:10px}
	.about3 dt{width:100%;margin-bottom:10px;}
	.hidden{display:none;}

	.about3 .root_daum_roughmap .cont{flex-direction:column;}
}


.tb1	.map table{margin-top:20px;}
.tb1	.map th:first-child{width:3%}
.tb1	.map th:nth-child(2){width:5%}
.tb1	.map th:nth-child(3){width:6%}
.tb1	.map th:nth-child(4){width:7%}
.tb1	.map th:nth-child(6){width:7%}

.tb1 .map.law2_4 th{width:auto;}
.tb1 .map.law2_4 th:first-child{width:4%}
.tb1 .map.law2_4 th:nth-child(2){width:7%}
.tb1 .map.law2_4 th:nth-child(3){width:10%}
.tb1 .map.law2_4 th:nth-child(4){width:10%}
.tb1 .map.law2_4 th:nth-child(6){width:10%}
@media all and (max-width:1100px) {
.tb1	.map {overflow-x:auto}
.tb1	.map table{min-width:900px;}
}

.tb2	.map table{margin-top:10px;}
.tb2	.map th:first-child{width:10%}

.tb3	.map table{margin-top:10px;}
.tb3	.map th{border:1px solid #ddd}
.tb3	.map td{border:1px solid #ddd}

@media all and (max-width:1000px) {
.tb3	.map th{word-break:break-all}
}
@media all and (max-width:900px) {
.tb2	.map th{font-size:1em}
.tb3	.map th{font-size:1em;}
}
@media all and (max-width:600px) {
.tb3	.map table{min-width:600px}

} 





/* 절차도 단계 코딩 */
   .sub_con .sub_section .level{width:50%}
   .sub_con .sub_section .level li {
    list-style: none;
    width: auto;
    margin-left: 0;
    padding-bottom: 0;
	}
.sub_con .sub_section .level li{background:#edeef6;border-radius:10px;position:relative;margin-bottom:20px;box-sizing:border-box;padding:20px 30px;color:var(--main_c);font-size:1.15em;font-weight:600}
.sub_con .sub_section .level li:nth-child(even){background:#eee;}
.sub_con .sub_section .level li::after{position:absolute;content:'↓';color:var(--main_c);top:90%;left:calc(50% - 10px);font-size:1.7em;font-weight:500;z-index:99;font-weight:600}
.sub_con .sub_section .level li:last-child::after{display:none}


.sub_con .sub_section .civil .level li{background:#f9f9f9;}
.sub_con .sub_section .civil .level li:nth-child(even){background:#f9f9f9;}
.sub_con .sub_section .civil .level li.civil_bg{background-image: linear-gradient(to right, #dfddff  50%, #eee 50%)}

 .sub_con .sub_section .civil .level .level2{position:relative;display:flex;justify-content:center}
 .sub_con .sub_section .civil .level .level2::before{position:absolute;content:'↓';color:var(--main_c);top:90%;left:calc(50% - 10px);font-size:1.5em;font-weight:500;z-index:99;display:none}
 .sub_con .sub_section .civil .level .level2::after{position:absolute;content:'↓';color:var(--main_c);top:90%;right:calc(50% - 10px);left:auto;font-size:1.5em;font-weight:500;z-index:99;display:none}

 .sub_con .sub_section .civil .level p{position:relative;width:50%;}
 .sub_con .sub_section .civil .level p::before{position:absolute;content:'↓';color:var(--main_c);top:130%;left:calc(50% - 10px);font-size:1.5em;font-weight:500;z-index:99}
 .sub_con .sub_section .civil .level .level2:last-child p{width:25%}
 .sub_con .sub_section .civil .level .level2:last-child p:last-child{width:50%}
 .sub_con .sub_section .civil .level .level2:last-child p::before{display:none}

@media all and (max-width:900px) {
   .sub_con .sub_section .level{width:100%}
}

.agree_select{text-align:center;margin-top:20px;}
.agree_select label{;vertical-align:middle}
.agree_select input{width:17px;height:17px}

.part{overflow-y:auto;height:400px;}
.all{display:inline-block;margin-right:15px;}
.all_btn{border: 1px solid var(--main_c);padding:7px 13px;border-radius:5px;margin-bottom:10px;font-size:1em;color:var(--main_c);vertical-align:bottom}



/* 상담게시판 버튼 */
.btnbox{display:flex;justify-content:end;}
.btnbox2{display:flex;justify-content:space-between;}
.commu_btn{
font-size: 1.03rem;
border-radius: 3px;
font-weight: 600;
text-align: center;
display: inline-block;
padding: 10px 20px;
}

.gap{margin:0 10px;}
@media screen and (max-width:500px){
.gap{margin:0 5px;}
.btnbox2 .commu_btn{font-size:1em;padding:10px 15px;}
}




.bg_thick{background:#282464 !important;color:#fff}