/* SUIT */
/*@font-face {
	font-family: 'SUIT';
	font-weight: 100;
	src: url('/font/SUIT-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 200;
	src: url('/font/SUIT-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 300;
	src: url('/font/SUIT-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src: url('/font/SUIT-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'SUIT-Regular';
	src: url('//fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	src: url('/font/SUIT-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src: url('/font/SUIT-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src: url('/font/SUIT-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	src: url('/font/SUIT-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 900;
	src: url('/font/SUIT-Heavy.woff2') format('woff2');
}
*/
body, 
div, 
p, 
span {
  user-select: none; /* 텍스트 블록 지정 방지 */
  -webkit-user-select: none; /* Safari, Chrome */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE */
      letter-spacing: -0.02em;
}

body, article, header , h2{
	font-family: "SUIT", "Noto Sans KR", sans-serif;

}

.main_tab {
	display: flex;
	box-sizing:border-box;
	height:auto;
	justify-content: center;
	align-items: center;
	width:100%;
}

.main_tab div {
	height:50px;
	flex:1;
	margin-left:8px;
	margin-right:8px;
	cursor: pointer;
	display:flex;
	justify-content: center;
	color:#ffffff;
	font-size:20px;
	align-items: center;
	border:1px solid #efefef;
	box-sizing:border-box;
}

.main_tab div:first-child {
	margin-left:0px;
}

.main_tab div:last-child {
	margin-right:0px;
}

.main_tab div.active {
	background: #ff8c43;
	color: #ffffff;
	font-weight: 700;
	border:1px solid #ff8c43;
	box-sizing:border-box;
}

.career_box {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items: flex-start;
}

.career_box h2 {
	font-size:24px;
	color:#000000;
	font-weight: 700;
	margin-bottom:20px;
}

.career_box span {

	line-height:30px;
}

.career_box .left_career_box {
	/* width:340px; */
	width:100%;
	padding-left:12px;
}

.career_box .left_career_box span.txt, .career_box .right_career_box span.txt {
	padding-left:10px;
}

.career_box .left_career_box .middot, .career_box .right_career_box .middot {
	margin-left:-9px;	
}

.career_box .right_career_box {
	/* width:340px; */
	width:100%;
	padding-left:12px;
}

.career_box .left_career_box span {
	font-size:14px;
	color:#8e8e8e;
	
}


.career_box .left_career_box h2, .career_box .right_career_box h2 {
	margin-left:-9px;
}

.career_box .right_career_box span {
	font-size:14px;
	color:#8e8e8e;
	
}

.main_visual {
	width: 100%;
	height: 1180px;
	min-width:1440px;
	display: flex;
	position: relative;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	background: #000;
}
.location_right #map {
	width:590px;height:390px;
}

.main_visual_img {
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	overflow: hidden;
	
	
}




.lawyerPreview .mobileArrow .arrowBox {
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	width:100%;
	position: absolute;
	bottom: 45px;
	/* background: rgba(0,0,0,0.2); */
}


.lawyerPreview .mobileArrow .lawyerDetail {
	padding-top:155px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
}



.lawyerPreview .mobileArrow .lawyerDetail .name {
	border-left: 2px solid #ff8c42;
	padding-left: 12px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.lawyerPreview .mobileArrow .lawyerDetail .classNm {
	font-size:12px;
	color:#000;
}

.lawyerPreview .mobileArrow .lawyerDetail .nameBold {
	margin-right: 5px;
	font-size:20px;
	font-weight: 700;
	color:#000;
}




.lawyerList {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-around;
    width: 1480px;
    margin-bottom:120px;
}

.lawyerList .lawyerItem {
    display:flex;
    flex-direction: column;
    justify-content:flex-start;
    align-items:flex-start;
    width:360px;
    /*height:550px;*/
    box-sizing:border-box;
    cursor:pointer;
}

.masterLawyer .lawyerItem .lawyerImg {
    width:420px;
    height:690px;
    padding:0px;
    overflow:hidden;
    margin-bottom:40px;
}

.lawyerImg  {
    position:relative;
}



.lawyerList .lawyerItem .lawyerImg {
    width: 359px;
    height: 479px;
    padding:0px;
    overflow:hidden;
    margin-bottom:30px;
}

.lawyerList .lawyerItem .lawyerInfo .nameBox .name {
    font-size:32px;
    color:#000000;
    font-weight: 700;
    padding-left:20px;
    border-left:6px solid #ff8c42;
}

.lawyerList .lawyerItem .lawyerInfo .nameBox .position {
    font-size:20px;
    color:#a3a3a3;
    margin-left:6px;
    font-weight:normal;
}




.lawyerImg:hover .majorType{
	display:flex;
}
.lt_img:hover .majorType {
  /*  display:flex;*/

}

.lawyerImg .majorType, .lt_img .majorType {
    
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:auto;
    overflow:hidden;
    font-size:18px;
    background-color:rgba(2,33,78,0.5);
    color:#ffffff;
    padding:20px;
    box-sizing:border-box;
    display:none;
    flex-direction: row;
    flex-wrap: wrap;

}

.lawyerImg .majorTypeItem, .lt_img .majorTypeItem {
    padding-left:18px;
    padding-right:18px;
    padding-top:6px;
    padding-bottom:6px;
    margin-left:4px;
    margin-right:4px;
    margin-bottom:4px;
    opacity:0.8;
    flex-grow:1;
    text-align:center;
    border:1px solid rgba(255,255,255,0.5);
}



.dbpt100 { display:block; margin-top:100px !important;}

.bo_sch_wrap{ 

	height:auto;
	margin-bottom:100px;
}


.main_visual_img.communityVisual0 {
	width: 100%;
	background: url('/img/community_visual.jpg') no-repeat center;
	background-size: cover;
}

.main_visual_img.mainVisual0 {
	width: 100%;
	background: url('/img/nmain_visual.jpg?ver=4') no-repeat center;
	background-size: cover;
}

.main_visual_img.lawyerVisual0 {
	width: 100%;
	background: url('/img/lawyer_bg.jpg') no-repeat center;
	background-size: cover;
}


.main_visual_img.successVisual0 {
	width: 100%;
	background: url('/img/success_visual.jpg') no-repeat center;
	background-size: cover;
}


.main_visual_img.serviceVisual1 {
	width: 100%;
	background: url('/img/service_visual1.jpg') no-repeat center;
	background-size: cover;
}
.main_visual_img.serviceVisual2 {
	width: 100%;
	background: url('/img/service_visual2.jpg') no-repeat center;
	background-size: cover;
}

.main_visual_img.serviceVisual3 {
	width:100%;
	background: url('/img/service_visual3.jpg') no-repeat center;
	background-size: cover;
}

.main_visual_img.serviceVisual4 {
	width: 100%;
	background: url('/img/service_visual4.jpg') no-repeat center;
	background-size: cover;
}

.main_visual_img.serviceVisual5 {
	width:100%;
	background: url('/img/service_visual5.jpg') no-repeat center;
	background-size: cover;
}

.main_visual_img.serviceVisual6 {
	width:100%;
	background: url('/img/service_visual6.jpg') no-repeat center;
	background-size: cover;
}	





.main_visual_img.lawyerViewVisual {
	width:100%;
	background: url('/img/lawyer_view_bg.jpg') no-repeat center;
	background-size: cover;
}

.main_visual_img.introduceVisual0 {
	width: 100%;
	background: url('/img/introduce_bg1.jpg') no-repeat center;
	background-size: cover;
}

.main_visual.subpage {
	height:670px;
}

.main_visual.subpage960 {
	height:960px;
}

.main_visual_img.mainVisual1 {
	background: url('/img/main-visual2.jpg') no-repeat center;
	background-size: cover;
}

#bo_btn_top .orderOption {
	margin-top:100px;
}

#bo_btn_top {
	
    float: right;
    display: block;
    width: 100%;
}

#gall_ul .gall_li:nth-child(2n) .gall_box {
    float: right;
}


.header { 
	position:absolute;
	top: 60px;
	left:0px;
	
	min-width:1440px;
	width:100%;
	z-index:100;
	display:flex;
	justify-content: center;
	width: 100%;
	transition: all ease 0.3s;
	
}
.header.bg{
	position:fixed;

	top:0;
	z-index:999;
	background: #051127;
}
.header .top_box { 
	width:100%;
	display:flex;
	    align-items: center;

}

.header .header_inner {
	width: 100%;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-end;
}

.header .header_inner .logo {
	/* margin-top:26px; */
	margin-left:45px;
}


.header .gnb {
	width:100%;
}

.header .gnb, .header .right_member {
	height:80px;
}

.header .gnb ul, .header .gnb li {
	height: 100%;
    display: flex;
    align-items: center;
}








.header .top_box_over {
	background-color:rgba(256,256,256,0.85);
	    backdrop-filter: blur(8px);
	color:#282828;
	height: 450px;
	flex-direction: column;
	overflow:hidden;
	transition: height 0.5s ease;
}

.header .top_box_over .gnb .gnb_menu .menu_item a {
	color:#282828;
	font-weight: 700;
}


.header .top_box_over .gnb_top_bar {
	display:flex;
	width:100%;
align-items: center;
}


.header .snb ul, .header .snb li {
	height: 100%;
    display: flex;
    align-items: center;
}

.header .gnb_sep {
	background-color:#f6f6f6;
	height:1px;
	width:100%;
	display:block;
}

.header .snb_menu li {
	box-sizing:border-box;
	display:flex;
}

.header .gnb {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .top_box .logo {
	width:222px;
	height:52px;
}

.header .gnb .gnb_menu .menu_item a {
	/*font-size: 17px;*/
	font-size: 18px;
	color:#ffffff;
	/*font-weight: 500;*/
	font-weight: 700;
	font-family: "SUIT", "Noto Sans KR", sans-serif;
	letter-spacing: -0.03em;
}

.header .gnb .gnb_menu .menu_item {

	margin-left:26px;
	margin-right:26px;
	display: flex;
	height: 100%;
	width:130px;
	align-items: center;
	justify-content: center;
}



.header .gnb .gnb_menu {
	position:relative;
}


.header .gnb .snb_menu {
	width:100%;
	position:relative;
}


.header .gnb .snb_menu .sub_menu_item:hover .line {
	width:100%;
	height:3px;
	top:-1px;
	position:absolute;
	background-color:transparent;
}

.header .gnb .snb_menu .sub_menu_item:hover .line {
	background-color:#ff8c42;
}

.header .gnb .snb_menu .sub_menu_item {

	position:absolute;
	height:auto;
	display: flex;
	align-items: center;
	flex-direction: column;
	top:-1px;
	padding-top:24px;
	border-top:0px none;
}



.header .gnb .snb_menu .sub_menu_item a {
	font-size: 16px;
	color:#585858;
	margin-bottom:24px;
	transition: all ease 0.2s
}

.header .gnb .snb_menu .sub_menu_item a:hover {
	color: #e37d3b;
}



.header .right_member  {
	display:flex;
	width:60px;
	margin-right:100px;
	align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: nowrap;
	    padding-top: 20px;
}

.header .right_member a {
	color:#ffffff;
	font-size:16px;
	margin-left:16px;
	margin-right:16px;
}


/*header_pc 재작업*/
.header_pc{	
	width: 100%;
	height: 80px;
    transition: height ease 0.3s, background ease 0.3s;
}

.header_pc.open{
	height: 450px;
	background-color: rgba(256, 256, 256, 0.85);
    backdrop-filter: blur(8px);
}

.header_pc_inner{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 40px;
	height: 80px;
}

.header_pc_inner .logo_wh{}
.header_pc_inner .logo_b{display: none;}
.header_pc.open .header_pc_inner  .logo_wh{display: none;}
.header_pc.open .header_pc_inner  .logo_b{display: block;}


.header_pc_gnb{
	height: 100%;
}

.hgnb_menu{
	display: flex;
	height:100%;
}

.hgnb_menu .menu_item{
	position: relative;
	height:100%;
}
.header_menu_icon{
	padding-top: 20px;
}
.hgnb_menu .menu_item>a{
	display: block;
	color: #fff;
	font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    font-family: "SUIT", "Noto Sans KR", sans-serif;
    letter-spacing: -0.03em;
	padding:0 20px;
	margin:0 20px;
	height: 100%;
	line-height: 80px;
}

.hgnb_menu .submenu{
	position: absolute;
	height: 0;
	opacity: 0;
	visibility: hidden;
}

.hgnb_menu .submenu:before{
	content: '';
	width: 100px;
	height: 4px;
	display: block;
	position: absolute;
	left: calc(50% - 50px);
	top: -2px;
	background: #fe6f15;
	opacity: 0;
}

.hgnb_menu .submenu li{
	margin-bottom: 24px
}
.hgnb_menu .submenu a{
	display: block;
	font-size: 16px;
    color: #585858;
    margin-bottom: 20px;
    transition: all ease 0.2s;
	padding: 2px 0
	
}
.hgnb_menu .submenu a:hover{
	color: #e37d3b;
}

/* header_pc.open*/
.header_pc.open .hgnb_menu .menu_item>a{
	color: #282828;

}
.header_pc.open .submenu{
	top: 100%;
	height: 290px;
	opacity: 1.0;
	visibility: visible;
	text-align: center;
	width: 100%;
	padding-top: 30px
}
.header_pc.open .header_pc_inner{
	border-bottom: 1px solid #fff;
}
.header_pc.open .hgnb_menu .submenu:hover:before{
	opacity: 1;

}
/* //header_pc 재작업 */




.visual-bar {
	width:100%;
	height:18px;
	background-color:#3d98ff;
	min-width:1440px;
}

.main_visual .pcOverlay {
	position:absolute;
	width:100%;
	height:100%;
	max-width:1480px;
	padding-top:0px;
	top:0px;
	box-sizing:border-box;
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.main_visual .pcOverlay .right{
	width:56px;
	height:112px;
	position:absolute;
	z-index:1200;
	bottom:0px;
	right:16px;
	cursor:pointer;
}

.main_visual .pcOverlay .vertImg {
	margin-top:118px;
}

.main_visual .pcOverlay .sns {
	width:48px;
	text-align:center;
	height:140px;
	position:absolute;
	bottom:94px;
	left:-15px;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;

}

.main_visual .pcOverlay .sns img {
	margin-bottom:18px;
	cursor:pointer;
}



.rightFloating {
	width: 110px;
	height: auto;
	top: calc(50% - 188px);
	position: fixed;
	right: 20px;
	z-index: 1200;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
}


.rightFloating .topBtn {
	width:100%;
	height: auto;
	box-sizing:border-box;
	font-size:16px;
	text-align:center;
	color:#ffffff;
	cursor:pointer;
}



.main_visual .promotion  {
	color:#ffffff;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
	margin:0px auto;
	width:1258px;

	/*height:465px;*/
	height:1180px;
	position:relative;
}


.main_visual .promotion .lawyers  {
	width:100%;
	height:465px;
	position:relative;
	margin-top:100px;
}

.main_visual .promotion .lawyers img {
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	opacity:0.0;
}

.main_visual .promotion img.names {
	position:absolute;
	left:50%;
	margin-left:-629px;
	bottom:100px;
}



.main_visual .sub_promotion {
	color:#ffffff;
	/* margin-left: 192px; */
	margin-left: 36px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
	/*margin-top: 75px;*/
	margin-top: 185px;
}

.main_visual .sub_promotion .titleMedium {
	font-size:70px;
	color:#ffffff;
	margin-bottom:42px;
	font-weight: 700;
}

.main_visual .sub_promotion .titleMedium small {
	font-size:40px;
	margin-left:12px;
}


.main_visual .sub_promotion .titleDesc {
	font-size:20px;
	color:rgba(255,255,255,0.7);
}

.main_visual .sub_promotion .titleLarge {
	font-size:75px;
	font-weight: 700;
}

.main_visual .sub_promotion .titleSmall {
	font-size:18px;
	color:#ff8c42;
	margin-bottom:42px;
	font-weight: 700;
}








.main_visual .sub_promotion_lawyer {
	color:#ffffff;
	margin-left: 36px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
	margin-top: 185px;
	width:1480px;
	/*color:#ffffff;
	margin-left: 192px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
	/*margin-top: 75px; 
	margin-top: 185px;*/
}

.main_visual .sub_promotion_lawyer .titleMedium {
	font-size:70px;
	color:#ffffff;
	margin-bottom:42px;
	font-weight: 700;
}

.main_visual .sub_promotion_lawyer .titleMedium small {
	font-size:40px;
	margin-left:12px;
}


.main_visual .sub_promotion_lawyer .titleDesc {
	font-size:20px;
	color:rgba(255,255,255,0.7);
}

.main_visual .sub_promotion_lawyer .titleLarge {
	font-size:75px;
	font-weight: 700;
}

.main_visual .sub_promotion_lawyer .titleSmall {
	font-size:18px;
	color:#ff8c42;
	margin-bottom:42px;
	font-weight: 700;
}





.main_visual .promotion .titleBox { 
	text-align:center;
	display:flex;
	flex-direction: column;
	position:absolute;
	bottom:200px;
	z-index:19;
	width:100%;
}


.main_visual .promotion .titleBox span { 
	width:100%;
}

.main_visual .promotion .title1 {  font-size:28px;  margin-bottom:26px; }
.main_visual .promotion .title1 strong { font-weight:normal; color:#ff8c42; }
.main_visual .promotion .title2 {  font-size:64px; font-weight: 700; }
.main_visual .promotion .title2 strong {  color:#ff8c42; }


.main_visual .promotion .titleMedium {
	font-size:47px;
}

.main_visual .promotion .titleLarge {
	font-size:75px;
	font-weight: 700;
}

.main_visual .promotion .titleSmall {
	font-size:22px;
	font-weight: 700;
	letter-spacing:1px;
}


.main_visual .promotion .viewMoreBtn {
	margin-top:100px;
}

.viewMoreBtn {
	
	width:240px;
	height:56px;
	background-color:#b7d9ff;
	color:#036799;
	font-size:18px;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor:pointer;
}


.page {
	position:relative;
	overflow:hidden;
	min-width:1480px;
}

.page .viewMoreBtn {
	position:absolute;
	background-color:#e9f3fd;
	color:#1680bc;
}


.page .fullImg {
    width: 1480px;
	position:relative;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-content: flex-start
}

/*
	.portfolio {
		background-image:url('/img/portfolio_bg.jpg');
		background-repeat:no-repeat;
		background-size:cover;
	}


*/
	.grayPage { 
		background-color:#f6f6f6;
		width:100%;
		height:850px;
		color:#0d0d0d;
		display:flex;
		box-sizing:border-box;
		justify-content: center;
	}

	.popularEquipment { 
		background-color:#ffffff;
		width:100%;
		height:1038px;
		color:#0d0d0d;
		display:flex;
		box-sizing:border-box;
		justify-content: center;
	}



	.page .cont { 
		width:100%;
		box-sizing:border-box;
		max-width:1480px;
		height:auto;
	}

	.page .small { font-size:25px;}
	.page .big {  font-size:45px; }
	.page .fb { font-weight: 700; }
	.page .tc { text-align:center; }

	.mt168 { margin-top:168px; }
	.mt80 { margin-top:80px; }
	.mb80 { margin-bottom:80px; }

	.mt100 { margin-top:100px; }
	.mb100 { margin-bottom:100px; }


	.cont .equipment, .cont .equipmentBar  {
		width:100%;
		max-width:1420px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.cont .equipment .eachItem {
		display: flex;
		width: 170px;
		height: 238px;
		cursor:pointer;
		box-sizing: border-box;
		border: 2px solid #e5e5e5;
		background-color: #ffffff;
		align-content: center;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.cont .equipment .eachItem span {
		text-align:center;
		color:#0c0c0c;
		font-size:24px;
		font-weight: 700;
		margin-top:46px;
	}

	
	.cont .equipment .eachItem.active span {
		color:#3d99ff;
	}

	.cont .equipment .eachItem.active {
		border:2px solid #3d99ff;
	}

	
	.cont .equipment .eachItem.active img {
		filter: brightness(0) saturate(100%) invert(55%) sepia(83%) saturate(2559%) hue-rotate(195deg) brightness(101%) contrast(101%);	
	}

	.cont .equipmentBar { 
		position:relative;
		width:100%;
		margin-top:70px;
		height:24px;
		box-sizing:border-box;
		border-bottom:1px solid #c9dfea;
		text-align:center;
	}

	.cont .equipmentBar .eachPointer {
		display: flex;
		width: 170px;
		height: 24px;
		box-sizing: border-box;
		align-content: center;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}


	.page .viewPortfolioBtnFrame {
		display: flex;
		position: absolute;
		bottom: 78px;
		cursor:pointer;
		left: 0px;
		width: 100%;
		height: 36px;
		justify-content: center;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: flex-end;

	}
	.page .viewPortfolioBtn {
		
	}


	.popularEquipment #gallery-list img {
		width:340px;
		height:385px;
		box-sizing:border-box;
		box-sizing: border-box;
/*		box-shadow: 0 0 5px 0px #dcdcdc;*/
	}

	.popularEquipment a.title {
		font-size:24px;
		font-weight: 700;
		display:block;
		text-align:center;
		margin-top:32px;
	}

	.popularEquipment .sep {
		width:100%;
		height:1px;
		margin-top:18px;
		margin-bottom:18px;
		background-color:#f1f1f3;
	}

	.popularEquipment a.desc {
		display:block;
		font-size:13px;
		text-align:center;
		color:#999999;
	}

	.popularEquipment .gallery {
		position:relative;
		overflow:hidden;
	}

	.popularEquipment .gallery-wrapper {
		position:relative;
	}

	.popularEquipment #gallery-list ul {
		display: flex;
		padding: 0;
		margin: 0;
		list-style: none;
		transition: transform 0.5s ease;
	}

	.popularEquipment  #gallery-list li {
		flex: 0 0 25%; /* 각 li는 4개씩 보여줌 */
		box-sizing: border-box;
	}

	.popularEquipment .prev-nav-btn {
		position:absolute;
		left:-64px;
		top:180px;
		cursor:pointer;
	}

	.popularEquipment .next-nav-btn {
		position:absolute;
		right:-64px;
		top:180px;
		cursor:pointer;
	}


	.portfolioPreview { 
		width:62%; 
		position:absolute;
		right:0px;
		bottom:120px;
	}

	.portfolioPreview #portfolio-list {
		width:100%;
		height:474px;
		overflow:hidden;
		
	}

	.portfolioPreview #portfolio-list li { 
		width:300px;
		height:430px;
		margin-right:24px;
		float:left;
	}

	.portfolioPreview .pager {
		position:absolute;
		left:0px;
		bottom:0px;
		z-index:1300;
		width:518px;
		box-sizing:border-box;
		height:36px;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}


	.portfolioPreview .pager li {
		width:12px;
		height:12px;
		border-radius:6px;
		background-color:#ffffff;
		margin-right:16px;
		list-style:none;
		float:left;
		cursor:pointer;
	}

	
	.portfolioPreview .pager li.active {
		background-color:#3d99ff;
	}


	.lawyerPreview { 
		width:100%; height:604px; 
		display:flex;
	}


	.lawyerPreview .main_view {
		width:740px;
		height:500px;
	}



	.lawyerPreview #lawyer-list li { 
		margin-right:24px;
		float:left;
		cursor: pointer;
	}

	.lawyerPreview .pager {
		position:absolute;
		left:0px;
		bottom:0px;
		z-index:1300;
		width:518px;
		box-sizing:border-box;
		height:36px;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}


	.lawyerPreview .pager li {
		width:12px;
		height:12px;
		border-radius:6px;
		background-color:#ffffff;
		margin-right:16px;
		list-style:none;
		float:left;
		cursor:pointer;
	}

	
	.lawyerPreview .pager li.active {
		background-color:#3d99ff;
	}




	.footerBar {
		width:100%;
		height:355px;
		box-sizing:border-box;
		text-align:center;
		font-size:18px;
		min-width:1480px;
	}

	.footerBar .cont {

	}

	.footerBar .logo {
		margin-bottom:46px;
	}

	.footerBar .sep { 
		padding-left:32px;
		padding-right:32px;
	}

	.footerBar .footer { margin-top:40px; display:block; }






	/* {s: 견적 문의 } */
	.estimateBox {
		display:block !important;
		padding-bottom:24px;
	}

	.estimateBox .eachRow {
		width: 100%;
		display: flex;
		margin-top: 24px;
		margin-bottom: 24px;
		align-items: center;
	}
  
	.estimateBox .eachRow label {
		width:170px;
		height:80px;
		display:inline-flex;
		align-items: center;
		font-size:24px;
		color:#000000;
	}

	.estimateBox .eachRow input[type=text], .estimateBox .eachRow textarea {
		display:inline-block;
		font-size:21px;
		padding:28px;
		color:#000000;
		box-sizing:border-box;
		border:1px solid #e2e2e2;
		width:calc(100% - 180px);
	}


	input[name="event_date"] {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z' fill='%23000000'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 12px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}


	.pricePopup {
		display:none;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.5);
		position:fixed;
		top:0;
		left:0;
		z-index:5000;
	}	

	.pricePopup .priceImg{
		width:90%;
		height:90%;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
		position:absolute;
		max-width:1538px;
		overflow:hidden;
		overflow-y:auto;

	}
	/* {e: 견적 문의 } */




	.equipPopup {
		display:none;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.5);
		position:fixed;
		top:0;
		left:0;
		z-index:5000;
	}	

	.equipPopup .equipImg{
		width:90%;
		height:90%;
		left:5%;
		top:5%;
		position:absolute;
		max-width:1538px;
		overflow:hidden;
		overflow-y:auto;

	}



	.equipPopup .equipImg img {
		width:100%;
		max-width:1538px;
	}
















	/* 회사 소개 하단 2단 갤러리 */

	.doubleGallery { 
		background-color:#ffffff;
		width:100%;
		height:960px;
		color:#0d0d0d;
		display:flex;
		box-sizing:border-box;
		justify-content: center;
	}


	.doubleGallery #gallery-list2 img {
		box-sizing:border-box;
		box-sizing: border-box;
/*		box-shadow: 0 0 5px 0px #dcdcdc;*/
	}

	.doubleGallery a.title {
		display:none;
	}

	.doubleGallery .sep {
		display:none;
	}

	.doubleGallery a.desc {
		display:none;
	}

	.doubleGallery .gallery {
		position:relative;
		overflow:hidden;
	}

	.doubleGallery .gallery-wrapper {
		position:relative;
		width:1080px;
		margin:0 auto;
	}


	.doubleGallery #gallery-list2 {
		
	}

	.doubleGallery #gallery-list2 ul {
		display: flex;
		padding: 0;
		margin: 0;
		list-style: none;
		flex-wrap: wrap;
		transition: transform 0.5s ease;
		justify-content: space-between;
	}

	.doubleGallery #gallery-list2 .pic_lt {
		height:740px;
	}

	.doubleGallery  #gallery-list2 li {
	/*	flex: 0 0 20%; *//* 각 li는 4개씩 보여줌 */
		box-sizing: border-box;
	}

	.doubleGallery .prev-nav-btn {
		position:absolute;
		left:-64px;
		top:50%;
		margin-top:-33px;
		cursor:pointer;
	}

	.doubleGallery .next-nav-btn {
		position:absolute;
		right:-64px;
		top:50%;
		margin-top:-33px;
		cursor:pointer;
	}



	#gallery-list2 li {
		width:204px;
		height:204px;
		margin-top:20px;
	}

	#gallery-list2 li.big {
		width:530px;
		height:500px;

	}


	#gallery-list2 .gallery_temp {
		background-color:#eeeeee;
	}

	/*#gallery-list2 li:nth-child(1), #gallery-list2 li:nth-child(2) {
		margin-top:0px;
		width:530px;
		height:500px;
	}

	#gallery-list2 li:nth-child(1) img, #gallery-list2 li:nth-child(2) img {
		object-fit: cover;
		width:100%;
		height:100%;
	}*/

	

	.slider1 .slider_inner {
		display:flex;
		width:100%;
	}



	.mobileOnly { display:none !important; }
	.mt26 { margin-top:26px; }
	.mt64 { margin-top:64px; }


	/*@media screen and (max-width: 1439px) {*/
	@media screen and (max-width: 639px) {



		.mobileLawyers .titleBox {
			bottom:unset;
			top:105px;
		}
		.main_visual .promotion .title1 {  font-size:16px; margin-bottom:16px; }
		.main_visual .promotion .title2 {  font-size:34px; }

		.pcOnly { display:none !important; }
		.mobileOnly { display:flex !important; }

		.header .header_inner.mobileOnly {
			justify-content: center;
		}

		.header .header_inner.mobileOnly .top_box {
			justify-content: space-between;
			align-items: center;
		}

		.header .header_inner.mobileOnly .menuIcon {
			margin-right:18px;
			cursor:pointer;
		}

		.header .header_inner.mobileOnly .menuIcon img {
			width: 34px;
			padding-top: 10px;
		}

		.main_visual {
			min-width: 100%;
			width: 100%;
			height: auto !important;
			overflow:hidden;
		}


		.header .header_inner.mobileOnly .logo { 
			margin:0px;
			margin-left:18px;
			 display: flex;
			align-items: center;
		}


		.main_visual .promotion img.names { 
			left:0px;
			margin-left:0px;
		}


		.page.mobileOnly .cont {
			position:relative;
			min-width:100%;
			width:100%;
			left:0px;
			top:0px;
		}

		.page.mobileOnly .cont img {
			max-width: 100%;
			width:100%;
		}

		.page {
			min-width:100% !important;
			max-width:100%;
			width:100%;
		}


		#wrapper .page.mainContent {
			min-width:100%;
			width:100%;
			height:auto;
		}
		#wrapper .page.mainContent .cont {
			left:0px;
			position:relative;
			top:0px;
			margin-left:0px;
			min-width:100% !important;
			width:100% !important;
			box-sizing:border-box;
			padding:19px;
			height:auto;
		}


		.mainContent2 .title1 {
			margin-top:85px;
			font-size:10px !important;
		}

		.mainContent2 .tab {
			flex:unset;
		}

		.mainContent2 .desc1 {
			font-size:24px !important;
		}

		.header .header_inner.mobileOnly .logo img {
			width: 130px;
		}

		#hd, #wrapper, #ft {
			min-width:100%;
		}



		.main_visual_img.mainVisual0 {
			max-width:100%;
			background: none;
			background-size: cover;
		}
		

		.header {
			min-width: 100%;
			height:56px;

		}

		.visual-bar {
			min-width: 100%;
			height:9px;
		}

		.main_visual .promotion {
			margin-left: 0px;
		}

		.main_visual .sub_promotion {
			margin-left: 100px;
		}

		.slider1 .tab {
			margin-right:0px !important;
		}

		.page.mainContent2 .slider1 {
			display: block !important;
			overflow: hidden;	
			height:auto;
			-ms-overflow-style: none; /* IE, Edge */
			scrollbar-width: none; /* Firefox */
		}
		.page.mainContent2 .slider1::-webkit-scrollbar {
			display: none; /* Chrome, Safari, Opera */
		}

		.page.mainContent2 .tab .tabCont {
			padding:0px;
		}
		

		.page.mainContent2 .slider1 {
			overflow-x:scroll;
		}

		.page.mainContent2 .slider1 .title {
			width:auto;
			font-size:22px;
		}
		.page.mainContent2 .slider1 .desc {
			margin-top: 12px;
			display:flex;
			font-size:12px;
			line-height:22px;
			font-weight:normal;
			word-break: keep-all;
			min-width: initial;
		}
			
		.page.mainContent2 .slider1 .desc br{
			display: none;
		}

		.page.mainContent2 .tab {
			justify-content: center;
		}

		.page.mainContent2 .tab img {
			display:flex;
			margin-top:32px;
			width:86px;
		}

		.page.mainContent2 .tab .tabCont {
			width:100%;
			overflow:hidden;
		}

		.page.mainContent2 .tab .tabCont .desc{ 
			width:100%;
			word-break:break-all;
			overflow:hidden;
		}

		.slider1 .slider_inner {
			display:block;
			width: 100%;
			overflow:hidden;
			height:auto;
			overflow-x:scroll;
		}

		.slider1 .slider_inner .tab {
			float:left;
			height:228px;
		}

		.page .fullImg {
			width: 100%;
		}

		.page .cont {
			padding-left: 20px;
			padding-right: 20px;
		}

		.rightFloating {
			right: 10px;
        display: none !important; 
        width: 60px;
        bottom: auto;
        transform: translateY(-50%);
        height: auto;
        top: 50%;
		}
		.rightFloating  img{width:100%;}

		#wrapper {
			overflow: hidden;
			height: auto;
			
		}

		#wrapper .lawyerImg:hover .majorType {
			display:flex;
		}
		#wrapper .lawyerImg .majorType {
			font-size:12px;
			padding:12px;
		}
		
		#wrapper .lawyerImg .majorTypeItem {
			padding-left:6px;
			padding-right:6px;
			padding-top:2px;
			padding-bottom:2px;
			margin-left:2px;
			margin-right:2px;
			margin-bottom:2px;
		}



		.main_tab div {
			font-size:13px;
			height:30px;
			margin-left:4px;
			margin-right:4px;
		}

		.main_tab div.active {
			font-size:13px;
		}
		

		.main_visual .sub_promotion_lawyer .titleMedium small { font-size:14px; }
		.main_visual .sub_promotion .titleDesc, .main_visual .sub_promotion_lawyer .titleDesc img { height:26px;}
		.main_visual .sub_promotion .titleDesc, .main_visual .sub_promotion_lawyer .titleDesc { width:100%; }

 
		#bo_gall .lawyerVetaran { height:auto !important; }

		.main_visual_img.lawyerViewVisual { width:100%; }
		.main_visual .sub_promotion_lawyer { z-index:20; }

		.main_visual .laywerPhoto img { width:300px; }
		.main_visual .laywerPhoto {  right:-15%; position:absolute; top:15%;  }


		#wrapper #bo_gall { width:100%;}
		#wrapper  #bo_cate  { margin-top:74px; margin-bottom:48px; padding-left:20px; padding-right:20px; }
		#wrapper  #bo_cate ul { width:100%;   flex-wrap: wrap; display:block;		}
		#wrapper  #bo_cate ul li { width:48%; float:left; display:inline-block;margin:0  1%}
		#wrapper  #bo_cate ul li:first-child { /*display:none; */}
		#wrapper #bo_cate ul li a { width:100%; font-size:12px;  height:42px; margin-bottom:8px;}
		#wrapper #bo_gall .gall_row { width:100%;  flex-wrap:wrap; margin:0px; justify-content: space-between;}
		#wrapper #bo_gall .gall_li { width:48%; margin-top:12px; padding-left:18px; padding: 10px ;border-radius:8px; }
		#wrapper #bo_gall .gall_img { width:100%; margin-top:10px; }
		#wrapper #bo_gall .gall_text_href{padding: 10px 10px 10px 0 !important}
		#wrapper #bo_v { width:100%;}
		#wrapper #bo_v .bo_v_cate { font-size:12px;}
		#wrapper #bo_v .bo_v_cate a { font-size:12px;}
		#wrapper #bo_v_title .bo_v_tit { font-size:20px; }
		#wrapper #bo_v_title .bo_v_date { font-size:12px; padding:12px;}
		#wrapper #bo_v_con { font-size:12px; margin-top:48px; margin-bottom:48px;}

		#wrapper #bo_gall .gall_text_href .result { font-size:12px; margin-bottom:10px;}
		#wrapper #bo_gall .gall_text_href .bo_tit { font-size:14px; margin-bottom:14px;}
		#wrapper #bo_gall .gall_text_href .gall_text_href .preview { font-size:14px;}
		#bo_gall .gall_box{padding:0 !important;}
		#wrapper #bo_gall .gall_img{margin-top:0 !important;}

		#wrapper .fullImg .boardKind {
			display: flex;
			justify-content: center;
			flex-direction: column;
		}

		#wrapper .fullImg .boardKind li {
			font-size:12px;
			height:40px;
			border:1px solid #f1f1f1;
			width: 90%;
        	margin: 0 auto 8px;
		}

		
		#wrapper .dbpt100 { display:block; margin-top:72px !important;} 
		#wrapper .dbpt100 .boardTitle { font-size:20px; padding-left:19px; margin-top:64px; margin-bottom:30px;  }
		#wrapper .dbpt100 #bo_btn_top, #wrapper .dbpt100 #bo_list_total { padding-left:0px; }
		#wrapper .dbpt100 .tbl_head01 thead th { font-size:12px; color:#000000; }
		#wrapper .dbpt100 .bo_notice  img { width:12px; }
		#wrapper .dbpt100 .tbl_head01 td { font-size:12px; color:#000000; height:40px; }
	
		#wrapper .page .fullImg h2.boardTitle {  font-size:20px; padding-left:19px;}

		#wrapper #bo_btn_top, #wrapper #bo_list_total {  width:100%; font-size:12px; padding-left:12px; }
		#wrapper #bo_btn_top { margin:0px; }

		#wrapper .pg_wrap { margin-top:48px; margin-bottom:48px; font-size:10px;; }
		#wrapper .pg_wrap a, #wrapper .pg_wrap strong { font-size:10px;; }

		#wrapper .serviceCont1 { margin-top:60px;}
		#wrapper .serviceCont1 .service_box { width:100%;  flex-direction: column; }
		#wrapper .serviceCont1 .service_left { width:100%; }
		#wrapper .serviceCont1 .service_right { width:100%; }
		#wrapper .serviceCont1 .service_right img { width:100%; }
		#wrapper .serviceCont1 .service_title { font-size:24px; margin-bottom:48px; }

		#wrapper .serviceCont1 .category {display:flex; 
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: flex-start;}
		#wrapper .serviceCont1 .category .tab { font-size:12px; padding:0px; text-align:center; justify-content: center; border-bottom:1px solid #f6f6f6; height:32px; }
		#wrapper .serviceCont1 .category .tab.active { font-size:12px; padding:0px; text-align:center; justify-content: center; border-bottom:1px solid #ff8c42;     color: #ff8c42; background-color:#ffffff; }

		#wrapper .serviceCont1 .category .tab img { display:none; }

		#wrapper .lawyerView2 { margin-top:40px; margin-bottom:40px; }
		#wrapper .lawyer_view_left2 { width:100%; }
		#wrapper .lawyer_view_right2 { width:100%; /* margin-top:74px;  */}
		#wrapper .lawyer_view_box2 { width:100%; flex-direction: column; }
		#wrapper .lawyer_view_box2 .view_title { padding-top:12px; font-size:20px; margin-bottom:24px; }


		#wrapper .career_box { flex-direction: column; }
		#wrapper .career_box .left_career_box { width:100%;}
		#wrapper .career_box .right_career_box { width:100%; margin-top:40px;}

		#wrapper .career_box .left_career_box h2 { font-size:18px; }
		#wrapper .career_box .right_career_box h2 { font-size:18px; }

		#wrapper .mt80 { margin-top:40px; }

		#wrapper .career_box .left_career_box span { font-size:15px; line-height: 1.2; }
		#wrapper .career_box .right_career_box span { font-size:15px; line-height: 1.2; }

		#wrapper .prize_box {
			display:block;
		}

		/*#wrapper .prize_box img {
			display:block;
			height:auto;
			width:48%;
			float:left;
			margin-left:1%;
			margin-right:1%;
		}*/

		.lawyerView1 .lawyer_view_box { 
			flex-direction: column;
			height:auto;
			padding-top: 40px;
			padding-bottom: 40px;
		}

		.lawyerView1 .lawyer_view_left {
			margin-bottom:28px;
		}

		.lawyerView1 .lawyer_view_left, .lawyerView1 .lawyer_view_right {
			width:100%;
			font-size:15px;
			height:auto;
			text-align: center;
			word-break: keep-all;
		}
		.lawyerView1 .lawyer_view_left{font-size:18px;}
		.lawyerView1 .lawyer_view_right {
			width: 86%;
			margin: 0 auto; 


		}
			.lawyerView1 .lawyer_view_right br{display: none}

		.footerBar {
			font-size:10px;
			color:#595959;
			height:auto;
			overflow:hidden;
			padding-top:0px;
			display:flex;
			justify-content: center;
			min-width:100%;
			align-items: flex-start;
		}

		.footerBar .logo {
			margin-bottom:32px;
		}

		.footerBar .footer {
			margin-top:18px;
		}

		.footerBar .logo img {
			width:44px;
		}

		.footerBar a {
			font-size:10px;
			color:#595959;
		}


		.footerBar .sep {
			padding-left:14px;
			padding-right:14px;
		}



		.m3lawyers .mobileOnly.fullImg {
			position:relative;
			padding-bottom:240px;			
		}
		.m3lawyers .mobileOnly.fullImg img{
			width:100%;
		}


		.lawyerPreview .galley_li .lt_img, .pic_lt li .lt_img img {
			width:100%;
			
		}

		.lawyerPreview .galley_li.active .lt_img img {
			width:165px;
				width:100%;
			/*height:235px;*/
		}

		.lawyerPreview .galley_li.active .detail {
			display:none;
		}


		.page.m3lawyers .cont { padding:0px !important; }

		.lawyerPreview #lawyer-list li {
			margin-right:6px;
		}

		.lawyerPreview .mobileArrow {
			position: absolute;
			top: 105px;
			left: 0px;
			z-index: 0;
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: flex-end !important;
			padding-bottom: 48px;
			flex-direction: column;
		
		}

		.lawyerPreview .galley_li .picDesc {
			display:none;
		}



		#wrapper .page.mainContent.mainContent4 {
			background-image: url('/img/main_bg4.jpg');
			background-size: cover;
			min-height:895px;
			background-repeat: no-repeat;
		}
		
		#wrapper .page.mainContent.mainContent4 > .cont  .boardHeader img  {
			width:38px;
		}

		#wrapper .page.mainContent.mainContent4 > .cont  .boardHeader {
			align-items: flex-end;
			margin-top:106px;
		}

		#wrapper .page.mainContent.mainContent4 > .cont .notice_list li .dtView {
			width:50px;
		}


		#wrapper .page.mainContent.mainContent4 > .cont .notice_list li .dtView .day {
			font-size:14px;
		}

		#wrapper .page.mainContent.mainContent4 > .cont .notice_list li .dtView .yearMonth {
			font-size:10px;
		}
		
		#wrapper .page.mainContent.mainContent4 > .cont .notice_list li .notice_title {
			font-size:12px;
		}

		#wrapper .page.mainContent.mainContent4 > .cont .notice_list li  {
			height:60px;
		}

		#wrapper .page.mainContent.mainContent4 > .cont .notice_list li .notice_cont {
			font-size:10px;
			width:100%;
			height:auto;
		}


		#wrapper .page.mainContent.mainContent4 > .cont .notice_list li a {		
			width: calc(100% - 50px);
		}

		
		

		#wrapper .page.mainContent.mainContent4 > .cont  .boardTitle  {
			font-size:22px !important;
		}
		#wrapper .page.mainContent.mainContent4 > .cont .leftBoard, #wrapper .page.mainContent.mainContent4 > .cont .rightBoard {
			width:100%;
			min-height:auto;
		}

		#wrapper .page.mainContent.mainContent4 > .cont {
			display: flex;
			flex-direction: column;
		}

		#wrapper .page.mainContent.mainContent4 > .cont ul {
			display:flex;
			flex-direction: column;
		}

		#wrapper .page.mainContent.mainContent4 > .cont .columnList {
			display: flex;
			justify-content: space-between;
			flex-direction: row;
		}

		#wrapper .page.mainContent.mainContent4 > .cont .columnList li { 
			width:49%;
		}

		#wrapper .page.mainContent.mainContent4 > .cont .columnList li img {
			width:100%;
		}


		#wrapper .page.mainContent.mainContent4 > .cont .columnList li a {
			font-size:12px;
			padding:12px;
			height:50px;
		}




		.lawyerPreview .galley_li.active .picDesc {
			display:block;
			padding:12px;
			font-size:10px;
		}

		.lawyerPreview .mobileArrow img {
			width:38px;
			height:38px;
			background: rgba(0,0,0,0.2);
			border-radius: 50%;
		}

		

		.lawyerPreview .galley_li.active, .lawyerPreview .pic_lt li {
			width:165px;
		}





		.portfolioPreview #portfolio-list li { 
			width:158px;
			height:235px;
		}
	


		.mainContent5.page .big {
			font-size:22px;
			text-align:left;
			padding-left:19px;
		}

		

		#wrapper .page.m3lawyers .cont {
			position:absolute;
			top:0px;
			left:0px;
			height:468px;
		}


		#wrapper .page.m3lawyers .title1 {
			font-size:20px;
			margin-top:80px;
			margin-bottom:22px;
			padding-left:19px;
		}

		#wrapper .page.m3lawyers .desc1 {	
			font-size:14px;
			line-height:18px;
			font-weight:normal;
			padding-left:19px;
		}



		.mt26 { margin-top:14px; }
		.mt64 { margin-top:32px; }
		.mt168 { margin-top:64px; }
		.mt80 { margin-top:42px; }
		.mb80 { margin-bottom:42px; }

		.mt100 { margin-top:50px; }
		.mb100 { margin-bottom:50px; }

		.cont .equipment {
			flex-wrap: wrap;
			justify-content: center;
		}


		#wrapper .introduceCont3 .map #map {
			width:100%;
			height:300px;
			background-color:#ddd;
		}

		.cont .equipment .eachItem {
			width:80px; 
			height:108px;
			margin: 4px;
		}

		.cont .equipment .eachItem span {
			margin-top:3px;
			font-size:16px;
			font-weight:500;
		}

		.page .cont { margin:0px; padding:0px;}

		.cont .equipmentBar { display:none !important; }
		.page .small { font-size:22px; text-align:center; }
		.page .big {  font-size:28px; text-align:center; }

		.grayPage { height:auto; padding-bottom:24px;  }


		.popularEquipment { height:864px; }

		.popularEquipment #gallery-list ul {
			flex-wrap: wrap;
			justify-content: space-evenly;
		}
		.pic_lt li {
			width:50%;
			height: initial !important;
		}

		.popularEquipment #gallery-list img {
			width:168px;
			height:188px;
			border:1px solid #e9e9e9;
		}

		.popularEquipment a.title {
			margin-top:16px;
			font-size:12px;
		}

		.popularEquipment a.desc {
			font-size:10px;
		}

		.popularEquipment .sep {
			margin-top:12px;
			margin-bottom:12px;
		}

		.popularEquipment #gallery-list li {
			display: none;
		}
		.popularEquipment #gallery-list li:nth-child(-n+4) {
			display: block;
		}
		.popularEquipment #gallery-list li {
			margin-bottom:64px;
		}




		.portfolioPreview {
			position: relative;
			bottom: 0px;
			right: 0px;
			width: calc(100% - 48px);
		}

		.grayPage.portfolio {
			flex-wrap: wrap;
		}

		.grayPage.portfolio .mobileOnly {
			align-content: center;
			flex-wrap: wrap;
			align-items: center;
		}

		.grayPage.portfolio .viewMoreBtn {
			position: relative;
		}


		.viewMoreBtn {
			width:124px;
			height:28px;
			font-size:12px;
		}

		.grayPage.portfolio {
			height:475px;
		}


		.portfolioPreview #portfolio-list {
			width:100%;
			height:auto;
			overflow:hidden;
			margin-top:36px;
		}

		.grayPage.portfolio .portfolioPreview {
			width:100%;
		}

		.portfolioPreview .galley_li .title{ display:none; }
		.portfolioPreview .galley_li .desc{ display:none; }
		.portfolioPreview .galley_li .sep{ display:none; }

		.portfolioPreview {  margin-bottom:48px; }
		.portfolioPreview .pager { width:100%; }
		.portfolioPreview .pager li { width:8px; height:8px; margin-right:4px; margin-left:4px;}



		.page.mainContent6 .review_viewer {
			flex-direction: column-reverse;
		}

		.page.mainContent6 .review_viewer .boardTitle2 {
			font-size:24px;
		}

		.page.mainContent6 .review_viewer .review_subject {
			font-size:14px;
		}

		.page.mainContent6 .review_viewer .review_right > img {
			width:18px;
		}

		.page.mainContent6 .review_viewer .review_btn_group{
			margin-top:24px;
			align-items: center;
			margin-bottom:24px;
		}

		#wrapper .page.mainContent.mainContent6 > .cont {
			height:550px;
		}




		#wrapper .page.mainContent.mainContent7 .counsel_box {
			flex-direction: column-reverse;
			height:auto;
		}
		#wrapper .page.mainContent.mainContent7 .counsel_box .counsel_right h2 {
			color:#000000;
			font-weight: 700;
			font-size:18px;
			padding-left:8px;
			border-left:2px solid #ff8c42;
		}


		#wrapper .page.mainContent.mainContent7 .counsel_box .counsel_right {
			width:100%;
			height:auto;
			padding:0px;
			margin-top:56px;
		}

		#wrapper .page.mainContent.mainContent7 .counsel_box .counsel_right table {
			color:#000000;
		}


		#wrapper .page.mainContent.mainContent7 .counsel_box .counsel_right table tr {
			display: flex;
			justify-content: space-between;
			flex-direction: row;
			flex-wrap: wrap;
		}


		.mobileM9046 { margin-top:90px; margin-bottom:46px; }

		#wrapper .page.mainContent.mainContent7 .counsel_box .counsel_right table th {
			font-size:14px;
			font-weight: 700;;;
			color:#000000;
			width:74px;
			height:52px;
			display:inline-flex;
			align-items: center;
		}

		#wrapper .page.mainContent.mainContent7 .counsel_box .counsel_right table td {
			font-size:12px;
			color:#000000;
			width:calc(100% - 74px);
			display:inline-flex;
			align-items: center;
		}
		.portfolioPreview {
			position:relative;
		}


		#wrapper .page.mainContent.mainContent7 .counsel_box .counsel_right table td input[type=text] {
			color:#000000;
		}

		#wrapper .page.mainContent.mainContent7 .counsel_box .counsel_right table td .inputBox, #wrapper .page.mainContent.mainContent7 .counsel_box .counsel_right textarea {
			font-size:12px;
			color:#000000;
			border:1px solid #f5f5f5 !important;
			border-radius:4px;
			height:40px;
			
			display: flex;
			align-items: center;
			justify-content: space-evenly;
		
		}

		.mobMax {  width:100% !important; height:auto !important; }

		.mobTitle {
			width:74px !important;
		}

		.mobContent {
			width:100% !important;
			height:auto !important;
		}

		#wrapper .page.mainContent.mainContent7 textarea {
			width:100%; height:120px !important; 
		}

		#wrapper .counsel_right table td.agreeBoxStyle {
			color:#bdbec0; text-align:center; height:auto; vertical-align:bottom; font-size:12px;
			/*padding-left:74px;*/
			width: 100% !important;
        	justify-content: center;
		}

		#wrapper .mobMax .btn {
			font-size:14px;
		}
	
		
		#wrapper .counsel_left {
			width: 100%;
			padding:0px;
			margin-top:78px;
		}

		#wrapper .counsel_left a {
			font-size:16px;
		}

		#wrapper #counsel-list { 
			border:1px solid #ff8c42;
			background-color:#323232;
			padding:24px;
			margin-bottom:92px;
		}

		#wrapper .mainContent8 {
			background-image:url('/img/main_bg8.jpg');
			background-size:cover;
			background-repeat:no-repeat;
		}

		#wrapper .counsel_list .each_article {
			font-size:14px;
		}

		#wrapper .counsel_list .each_article .status {
			margin-right:0px;
			width:140px;
			font-size:14px;
			border-radius:4px;
			height:16px;
		}

		.mainContent7_mobile_title {
			display: flex;
			flex-direction: column;
		}

		.mainContent7_mobile_title span {
			color:#fe6f15;
			font-size:12px;
		}

		.mainContent7_mobile_title h1 {
			font-size:22px;
			font-weight:normal;			
		}

		.mainContent7_mobile_title h1 strong {
			font-weight: 700;
		}

		#wrapper .mainContent8 .area_box {
			width:100%;
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
			justify-content: flex-start;
		}

		#wrapper .mainContent8 .area_box img {
			width:32%;
			margin-right:1%;
			margin-top:8px;
		}

		#wrapper .location_right {
			width:100%;
			height:auto;
		}

		#wrapper .location_info .sep {
			width:24px;
			margin-bottom:12px;
		}

		#wrapper .location_box {
			height:auto;
			margin-bottom:94px;
		}

		#wrapper .location_info .info_title {
			font-size:14px;
			font-weight: 700;;
			margin-bottom:12px;
		}

		#wrapper .location_info .info_content {
			font-size:12px;
			line-height: 22px;
		}
		
		#wrapper .location_right #map {
			width:100%;
			height:390px;
		}



		.page.mainContent6 .review_viewer .review_left , .page.mainContent6 .review_viewer .lt_img img {
			width:100%;
		}

		.page.mainContent6 .review_viewer .review_btn_group .sep {
			font-size:12px;
			color:#ffc5a0;			
		}


		.mobileOnly .fullImg img {
			min-width:394px;
		}


		.mobileOnly .fullImg {
			flex-wrap: wrap;
		}



		.cont .equipment .eachItem img {
			width:32px;
			margin-bottom:15px;
		}


		.main_visual .pcOverlay { padding-top:0px; position:relative;}
		.main_visual .pcOverlay .left { display:none; }
		.main_visual .pcOverlay .right { display:none; }

		.main_visual .promotion { height:auto; }

		.main_visual .promotion .titleMedium { font-size:24px; }
		.main_visual .promotion .titleLarge { font-size:32px;  margin-top:8px;}
		.main_visual .promotion .titleSmall { font-size:12px; font-weight:500; margin-top:24px; }

		.main_visual .sub_promotion_lawyer{
			margin-left:20px;
		}
		.main_visual .sub_promotion {
			margin-left:20px;
			margin-top:184px;
			margin-right:20px;
		}
		
		
		.main_visual .sub_promotion .titleMedium {
			font-size:36px;
			font-weight: 700;
		}

		.main_visual .sub_promotion .titleSmall {
			font-size:22px;
			letter-spacing:1px;
			font-weight:500;
		}


		.main_visual.subpage {
			height:360px;
		}

		.main_visual.subpage960subpage .pcOverlay {
			padding:0px;
		}

		.main_visual .promotion  {  margin-left:0px; }


		.main_visual .promotion .viewMoreBtn {
			margin-top:50px;
		}
		

		.portfolioPreview.introducePage {
			display:flex !important;
			justify-content: center;
			width:100%;
			margin-top:24px;
		}

		.portfolioPreview.introducePage .pager li {
			background-color:#aaaaaa;
		}

		.portfolioPreview.introducePage .pager li.active {
			background-color:#3d99ff;
		}

		.portfolioPreview.introducePage #portfolio-list{ 
			width:340px;
		}


			

		.header .right_member  {
			width:100%;
		}

		#mobileGnb {
			position: fixed;
			top: 0;
			right: -100%;
			width: 80%;
			height: 100vh;
			background: #ffffff;
			color:#333333;
			transition: right 0.3s ease-in-out;
			z-index: 9999;
			box-sizing: border-box;
			align-items: flex-start;
		}
		
		#mobileGnb.active {
			right: 0;
		}

		#mobileGnb .gnb_wrapper {
			padding: 60px 20px;
			position: relative;
			width:100%;
			box-sizing: border-box;
		}

		#mobileGnb .gnb_wrapper .close_btn {
			color:#fff;
		}

		#mobileGnb .close_btn {
			position: absolute;
			top: 20px;
			right: 20px;
			font-size: 24px;
			cursor: pointer;
		}


		#wrapper .introduceCont3 .titleP {
			font-size:20px;
			margin-top:80px;
			margin-bottom:40px;
		}


		#wrapper .introduceCont3 .tabbar {
			display:block;
		}
		#wrapper .introduceCont3 .tabbar div {
			width:33.33%;
			float:left;
			font-size:12px;
			height:32px;
		}


		#wrapper .introduceCont3 .map {
			width:100% !important;
			height:auto !important;
		}

		#wrapper .introduceCont3 .infobox {
			padding:0px;
			display:block;
		}

		#wrapper .introduceCont3 .infobox > div.infoboxRow div {
			font-size:16px;
			flex-direction:row;
		}

		#wrapper .introduceCont3 .infobox > div strong {
			font-size:16px;
			padding-right:16px;
		}

		#wrapper .introduceCont3 .transport {
			padding:0px;
			flex-direction: column;
		}

		#wrapper .transport img {
			height:64px;
		}

		#wrapper .transport .transportRow {
			padding-left:22px;
			
			justify-content: flex-start;
		}

		#wrapper .introduceCont3 {
			padding-bottom:90px;
		}

		#wrapper .introduceCont3 .container {
			width:100%;
		}

		#wrapper .transport p {font-size:12px;}
		#wrapper .transport p strong {
			font-size:12px;
			padding-left:6px;
			padding-right:6px;
			padding-top:1px;
			padding-bottom:1px;
		}

		#wrapper .transport h3 {
			font-size:14px;
		}

		#wrapper .introduceCont3 .deco {
			width:205px;
			height:150px;
			padding:16px;
			font-size:16px;
			top:-70px;
			left:8px;
		}

		#wrapper .introduceCont3 .deco .title  {
			font-size:10px;
		}


		#wrapper .introduceCont3 .infobox > div.infoboxRow {
			padding:0px;
			flex-direction: column;
		}

		#wrapper .introduceCont3 .map img {
			width:100%;
		}


		#mobileGnb .gnb_menu .active a {
			color:#ff8c42;
		}

		#mobileGnb .gnb_menu .sub_menu {
			flex-direction: column;
			display:none;
			padding-left:16px;
			font-weight: normal;
			background-color: #f2f2f2;
		}

		#mobileGnb .gnb_menu li{
			width:100%;
			font-weight: 700;
			font-size:16px;
		}

		#mobileGnb .gnb_menu .sub_menu.active {
			display:flex;
		}

		#wrapper .introduce_box {
			height:auto;
			width:100%;
			flex-direction: column;
			margin-bottom:90px;
		}

		#wrapper .introduce_left { 
			font-size:20px;
			padding:0px;
			justify-content: flex-start;
		}
		#wrapper .introduce_left span {
			font-size:20px;
		} 

		#wrapper .introduce_right {
			width:100%;
			height:auto;
		}

		#wrapper .introduce_right img {
			width:49%;
			margin-bottom:12px;
		}

		.main_visual.subpage, .main_visual.subpage960 {
			height:375px !important;
		}

		#wrapper .lawyerBBS .titleP { font-size:20px; }
		#wrapper .lawyerBBS .masterLawyer, #wrapper .lawyerBBS .lawyerList {
			width:100%;
			display:block;
		}

		#wrapper .lawyerBBS { width:90% !important; margin:0 auto 90px;}
		#wrapper .lawyerBBS .masterLawyer .lawyerItem, #wrapper .lawyerBBS .lawyerList .lawyerItem { 
			width:48%;
			margin-right:1%;
			margin-left:1%;
			min-width:48%;
			float:left;
			height:auto;
			margin-bottom:24px;
		}


		#wrapper .lawyerVetaran img {
			width:100%;
		}


		#wrapper .lawyerBBS .masterLawyer .lawyerItem .lawyerImg, #wrapper .lawyerBBS .lawyerList .lawyerItem .lawyerImg {
			margin-bottom:20px;
			width:100%;
			height:auto;
		}

		#wrapper .lawyerBBS .masterLawyer .lawyerItem .lawyerInfo .nameBox .name, #wrapper .lawyerBBS .lawyerList .lawyerItem .lawyerInfo .nameBox .name { 
			font-size:18px;
			padding-left:6px;
			border-left: 2px solid #ff8c42;
		}

		#wrapper .lawyerBBS .masterLawyer .lawyerItem .lawyerInfo .nameBox .position, #wrapper .lawyerBBS .lawyerList .lawyerItem .lawyerInfo .nameBox .position {
			font-size:12px;
		}

		#wrapper .lawyerBBS .masterLawyer .lawyerItem .lawyerInfo .work, #wrapper .lawyerBBS .lawyerList .lawyerItem .lawyerInfo .work {
			font-size:12px;
			margin-top:6px;
		}

		.main_visual .sub_promotion .titleSmall, .main_visual .sub_promotion_lawyer .titleSmall {
			font-size:10px;
			margin-bottom:20px;
		}

		.main_visual .sub_promotion .titleMedium, .main_visual .sub_promotion_lawyer .titleMedium {
			font-size:32px;
			margin-bottom:26px;
		}

		.main_visual .sub_promotion .titleDesc, .main_visual .sub_promotion_lawyer .titleDesc {
			font-size: 14px;


		}
		.main_visual .sub_promotion .titleDesc br, .main_visual .sub_promotion_lawyer .titleDesc br{display: none}
		.main_visual .sub_promotion, .main_visual .sub_promotion_lawyer {
			margin-top:143px;
			margin-right:36px;
		}


		#mobileGnb .gnb_menu {
			display: flex;
			flex-direction: column;
		}

		#mobileGnb .gnb_menu a {
			color:#000000;
			padding: 15px 0;
			width:100%;
			border-bottom: 1px solid #eee;
		}

		#mobileGnb .right_member {
			padding-top: 20px;
			display:none;
			border-bottom: 1px solid #888888;
			margin-bottom: 20px;
		}

		#mobileGnb .right_member a {
			display: block;
			padding: 10px 0;
		}

		#mobileOverlay {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
			background: rgba(0,0,0,0.5);
			z-index: 9998;
		}

		#mobileOverlay.active {
			display: block;
		}
		
		.estimateBox .eachRow label { 
			font-size: 12px;
			width: 85px;
		}


		.estimateBox .eachRow {
			margin: 0px;
			justify-content: center;
		}

		.estimateBox .eachRow input[type=text], .estimateBox .eachRow textarea {
			font-size: 12px;
			padding: 8px;
			padding-top: 10px;
			padding-bottom: 10px;
		}


		.estimateBox #privacy_check_img {
			width: 12px;
		}

		.estimateBox #privacy_show_img {
			width: 6px;
		}

		#show_price_btn {
			max-width: 184px;
			width:100%;
		}


		#estimate_submit_btn { margin:0 auto; }
		#privacyPolicyPopup { font-size:12px !important;}


		.pricePopup .priceImg{
			width:100%;
			height:90%;
		}

		.pricePopup .priceImg img { 
			width:100%;
		}	

		
		.equipPopup .equipImg{
			width:100%;
			height:90%;
			left:0%;
			top:5%;
		}

		.equipPopup .equipImg img { 
			width:100%;
		}	


		/* 갤러리 / 포트폴리오 */
		#gall_ul .gall_li {
			width:100%;		
		}

		#bo_gall .gall_box {
			width:100%;
			padding:8px;
			height:auto;
		}

		#bo_gall .gall_img {
			height:auto !important;
		}

		.infoBox1 {
			font-size:13px;
			height:24px;
			padding:3px;
			text-align:center;
			width:210px;
			left:50%;
			margin-left:-105px;
			margin-top:-15px;
		}

		.orderOption .custom-arrow {
			position: absolute;
			left: 15px;
			top: 65%;
			transform: translateY(-50%);
			pointer-events: none;
			width: 8px;
			height: 8px;
			border-left: 4px solid transparent;
			border-right: 4px solid transparent;
			border-top: 4px solid #000;
		}

		.orderOption .custom-select{
			font-size:12px !important;
		}

		.gall_text_href {
			padding:16px !important;
		}
	 	
		.gall_text_href .wr1 { 
			font-size:10px !important;
			font-weight:400;
			color:#c4c4c4;
			text-align:center;
		}

		.gall_text_href .wr2 { 
			font-size:12px !important;
			font-weight:400;
			color:#000000;
			margin-top:8px !important;
			margin-bottom:8px !important;
			text-align:center;
		}

		#bo_btn_top .orderOption {
			margin-top:0px;
			padding-right:24px;
		}

		#bo_gall #gall_ul { 
			padding-left:24px;
			padding-right:24px;
		}

		#bo_gall .moreBtn {
			right:0px;
			width:20px;
			height:20px;
			bottom:0px;
		}





		#wrapper .page.mainContent.serviceLawyer {
			height:550px;
		}

		#wrapper .page.mainContent.serviceLawyer .lawyer_box {
			padding-top:64px;
			flex-direction: column;
		}

		#wrapper .page.mainContent.serviceLawyer .majorMark { display:block; position:absolute; top:-4px; left:0; width:38px !important; margin-left:4px;  height:auto; }

		#wrapper .page.mainContent.serviceLawyer .lawyer_title {
			margin-bottom:36px;
			font-size: 24px;
		}

		#wrapper .page.mainContent.serviceLawyer .galley_li {
			height:auto;
		}
		#wrapper .page.mainContent.serviceLawyer .galley_li.active {
			width: 100%;

		}

		#wrapper .page.mainContent.serviceLawyer .detail .name .classNm { font-size:10px; }
		#wrapper .page.mainContent.serviceLawyer .detail .name .nameBold { font-size:20px;}
		
		#wrapper .page.mainContent.serviceLawyer .lawyerPreview .galley_li .detail { margin-top:16px;}


		.lawyerPreview .galley_li .detail { display:none; }
		.lawyerPreview .galley_li .lt_img img { width:165px;}

		#wrapper .page.mainContent.serviceLawyer .lawyerImg .majorType, .lt_img .majorType { padding:8px; }
		#wrapper .page.mainContent.serviceLawyer .lawyerImg .majorTypeItem, .lt_img .majorTypeItem { font-size:10px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px;}


		

		#wrapper .page.mainContent.serviceLawyer.alone {
			height:auto;
		}

		#wrapper .page.mainContent.serviceLawyer.alone .pic_lt li img:first-child { 
			width:165px;
			height:235px;
		}
		#wrapper .page.mainContent.serviceLawyer.alone .lawyer_left { 
			width:100% !important;
		}

		#wrapper  .only_one_info_box {
			width:100% !important;
		}

		#wrapper .page.mainContent.serviceLawyer.alone .only_one_info_box .pic_lt {
			display:flex;
		}
		#wrapper .only_one_info_box .pic_lt , #wrapper .only_one_info_box .pic_lt ul{
			width:100% !important;
			display:flex;
			justify-content: center;
		}
		#wrapper .serviceLawyer .only_one_info_box .name {
			margin-top:16px;
		}


		#wrapper .page.mainContent.serviceLawyer.alone .serviceLawyerDetail {
			margin-top:64px;
		}

		#wrapper .page.mainContent.serviceLawyer.alone .career_box .left_career_box h2, #wrapper .page.mainContent.serviceLawyer.alone .career_box .right_career_box h2 {
			font-size:14px;
			width:115px;
		}
		#wrapper .page.mainContent.serviceLawyer.alone .career_box .left_career_box span {
			font-size:13px;
		}

		#wrapper .page.mainContent.serviceLawyer.alone .serviceLawyerDetail .career_box .each_carrer {
			margin-bottom:34px;
		}

		#wrapper .page .career_box .right_career_box span {
			font-size:15px;
			word-break: break-all;
			flex:1;
		}

		.pg_page, .pg_current, .pg_current:hover {
			border-radius: 26px;
			width: 26px;
			height: 26px;
			line-height: 26px;
			font-weight: 700;;
			font-size:12px;
			min-width: 26px;	
		}


		.page .descTbl {
			font-size:12px;
		}

		.descTbl thead th {
			background-color:#fcfcfc;
		}
		.descTbl tbody th {
			width:70px;
			padding:3px;
		}

		.galleryView {
			box-sizing: border-box;
			padding:16px;
		}

		.page .goback {
			margin-top:16px !important;
		}

		.galleryView .thumbnail-slider {
			display:none;
		}

		.galleryView .slider-wrapper {
			width:100% !important;
			height:auto !important;
		}

		.galleryView .slider-wrapper .slider {
			width:100% !important;
		}

		.galleryView .main-slider {
			width:100% !important;
		}

		.galleryView .main-slider .arrow {
			display:none;
		}

		.slider-wrapper {
			width:100%;
		}



		.mainContent  .serviceContents > .page_title {
			display:block;
			margin-top:36px;
			font-size:20px;
		}

		.mainContent .cont > .service_box {

			margin-bottom:60px;
			
		}

	 	.mainContent .serviceContents h2 {
			font-size:20px;
		}

		.mainContent .serviceContents .desc {
			font-size:15px;
		}

		.mainContent .serviceContents strong {
			font-size:15px;
		}

		.mainContent .serviceContents h3 {
			font-size:18px;
		}

		.mainContent .serviceContents .lawTbl {
			font-size:16px;
		}

		.mainContent .squardList {
			gap:16px;
		}

		.mainContent .squardList .eachItem {
			width:100%;
			font-size:15px;
			height:50px;
		}	

		.mainContent .serviceContents .mt96 { 
			margin-top:46px;
		}


		.mainContent .lawInfo2 .nolicenseTitle {
			font-size:20px;
			padding-left:16px;
			height:60px;
		}

		.mainContent .lawInfo2 .nolicenseTitle strong {
			font-size:20px;
		}

		.mainContent .lawInfo2 > div:nth-child(2) {
			flex-direction: column !important;			
		}

		.mainContent .lawInfo2 .leftLaw, .mainContent .lawInfo2 .rightLaw {
			width:100%;
			padding-left:12px !important;
		}

		.mainContent .lawInfo2 .leftLaw .dot , .mainContent .lawInfo2 .rightLaw .dot {
			margin-left:-10px;
		}

		.mainContent .drinkingBoxFrame {
			flex-direction: column;;
			margin-top:16px;
		}

		.mainContent .lawInfo2.nolicenseBox {
			margin-bottom:48px;
		}


		.mainContent .serviceContents .drinkingTitle, .mainContent .serviceContents .drinkingTitle strong {
			font-size:20px;
		}
		.mainContent .drinkingBoxFrame .lawTbl {
			font-size:14px;
		}

		.mainContent .lawInfo2 {
			padding:16px;
			flex-direction: column !important;
		}

		.mainContent .lawInfo2 .penaltyBox {
			margin-top:12px;
			font-size:13px;
		}


		.mainContent .lawInfo2 .lawTitle {
			font-size:15px;
			margin-top:8px;
			margin-bottom:8px;
		}

		.mainContent .cat3box{
			flex-direction: column;
		}

		.mainContent .cat3box .cat3box_content {
			flex-direction: column;
			width:100%;
			gap:12px !important;
		}

		.mainContent .lawInfo2 .eachCase {
			font-size:13px;
			margin-top:8px;
			margin-bottom:8px;
		}

		.mainContent .lawInfo2 .eachCase strong {
			font-size:14px;
		}

		.mainContent .childbox {
			margin-top:48px;
		}

		.mainContent .childbox .childbox_content .row {
			flex-direction: column;
		}
		.mainContent .childbox .childbox_content .row .childbox_item {
			width:100%;
			padding:18px;
			height:auto;
		}
		.mainContent .childbox_item .childbox_item_desc {
			margin-top:13px;
		}

		.mainContent .childbox_item .childbox_item_title {
			font-size:15px;
		}
		.mainContent .childbox_item .childbox_item_title strong { font-size:20px; }

		.mainContent .childbox_item .childbox_item_desc {
			font-size:13px;
			line-height:18px;
		}


		.mainContent .cat3box .cat3box_item {
			width:100%;
			margin-top:16px;
		}

		.mainContent .cat3box_item .cat3box_item_desc {
			font-size:13px;
			padding:8px;
			min-height:unset;
		}

		.mainContent .lawInfo2 .lawDesc {
			font-size:13px;
		}

		.page .service_special {
			flex-direction: column;
			margin-top:60px;
		}

		.page .service_special_quad .eachItem {
			width:calc(100% - 32px);
			margin:0 auto;
			padding:16px;
			margin-bottom:8px;
		}

		.page .service_special_quad .eachItem .no {
			font-size:18px;
			margin-bottom:12px;
		}

		.page .service_special_quad .eachItem .title {
			font-size:18px;
		}

		.page .service_special_quad .eachItem .desc {
			font-size:14px;
		}

		.page .service_oneday .desc { 
			font-size:14px;
			padding:16px;
		}
		.page .service_oneday .service2step, .page .service_oneday .service3step {
			margin-top:48px;
			flex-direction: column;
		}

		.page .service_oneday .service2step .step, .page .service_oneday .service3step .step {
			padding-left:96px;
		}

		.page .service_oneday .mobileIcon {
			left:16px;
			top:50%;
			margin-top:-29px;
			background-color:#f5f5f5;
			position:absolute;			
			width:58px;
			height:58px;
			border-radius:58px;
			display:flex;
			justify-content: center;
			align-items: center;
		}
		
		.page .service_oneday .service2step .step .step_no, .page .service_oneday .service3step .step .step_no {
			font-size:12px;
			margin-bottom:8px;
			text-align:left;
		}


		.page .col3box .col3box_content .row {
			flex-direction: column;
		}

		.page .col3box_item .col3box_item_number {
			font-size:16px;
			margin-bottom:12px;
		}

		.page .col3box_item {
			padding:16px;
			height:auto;
			width:100%;
		}

		
		.page .col3box_item .col3box_item_desc {
			font-size:13px;
		}

		.page .col3box_item .col3box_item_title {
			font-size:14px;
			line-height:18px;
			margin-bottom:6px;
		}

		#wrapper .introduceCont3 .infobox > div.infoboxRow div:nth-child(1) {
			width:100% !important;
			box-sizing:border-box;
		}	

		#wrapper .introduceCont3 .infobox > div.infoboxRow div strong {
			width: 80px;
			display:inline-block;
		}

		.page .service_oneday .service2step .step .step_title, .page .service_oneday .service3step .step .step_title {
			font-size:14px;
			line-height:18px;
		
		}
		.page .service_oneday .service2step .step:nth-child(1), .page .service_oneday .service3step .step:nth-child(1) {
			border-top:3px solid #ff8c43;
			border-bottom:1px solid #ececec;
		}


		.page .service_oneday .service3step .step .step_desc {
			font-size:13px;
			line-height:18px;
			margin-top:0px;
		}

		.page .service_oneday .service3step .step:nth-child(2) {
			border-top:0px none;
			border-bottom:1px solid #ececec;
		}

		.page .service_oneday .service2step .step:nth-child(2), .page .service_oneday .service3step .step:nth-child(3) {
			border-top:0px none;
			border-bottom:3px solid #ff8c43;
		}

		.page .service_oneday .service2step, .page .service_oneday .service3step  {
			padding-left:16px;
			padding-right:16px;
		}

		.page .service_oneday .service2step .step, .page .service_oneday .service3step .step {
			width:100%;
			padding-top:32px;
			padding-bottom:16px;
		}

		.page .service_oneday .ico {
			display:none;
		}

		.page .service_oneday .mobileIcon img {
			height:26px;
		}

		.page .service3step {
			margin-bottom:36px;
		}
		.page .service_oneday .service3step .step .step_title {
			margin-bottom:8px;
		}

		.page .service_special_title {
			font-size:20px;
			margin-left:16px;
			margin-bottom:16px;
		}

		/* 게시판 */
		
		.boardKind { margin-top:0px !important; font-size:16px !important; margin-bottom:0px !important; }

		.tbl_head01 thead th { height:38px !important;  padding:0px !important; 	min-width: 80px;}
		.tbl_wrap tbody td {
			font-size:12px !important;
			min-width: 80px;
		}

		.tbl_wrap th { font-size:15px; }
		.tbl_wrap th a { font-size:15px; }

		.bo_sch .sch_btn img {
			width:24px;
		}

		.btn_b01.btn img {
			width:69px;
		}

		#bo_v, #bo_w {
			font-size:12px;
			padding:16px;
		}


		.page .viewPortfolioBtnFrame {
			bottom:24px;
		}


		.gnb_menu {
			width:100%;
		}




		#bo_list {
			box-sizing: border-box;
			padding:16px;
		}

		.bo_sch_wrap {
			margin-bottom:56px;
		}

	}



	/*  게시판 검색바 */
	
	.bo_sch_wrap { 
		display:block;
		position:relative;
		clear:both;
		z-index:0;
	}

	.bo_sch_bg { display:none;}
	.bo_sch { 
		background:none;
		position:relative;
		left:0px;
		top:0px;
		margin:0px;
		border: 0px none;
		box-shadow: none;
		margin:0 auto;
	}

	.bo_sch h3 { display:none;}
	.bo_sch #sfl { display:none;}
	.bo_sch .sch_bar { margin:0px; }
	.bo_sch .bo_sch_cls { display:none; }

	.bo_sch .sch_btn { 
		background-color:#363636;
		color:#ffffff;
		font-size:0px;
	}
	.bo_sch .sch_btn img {
		width:24px;
	}


	.bo_fx { width:100%;  clear:both;}

	.bo_fx .btn_bo_user { display:flex; width:100%; justify-content: flex-end;	}
	.btn_bo_user li { width:auto;  height:auto;}

	.more_opt.is_view_btn { min-width:100px; }

	#wrapper .register { max-width:1300px; padding:16px; padding-bottom:24px; padding-top:24px;}
	#wrapper #mb_login { padding-bottom:24px; max-width:1300px; width:100%;}



	.mr16 { margin-right:16px; }
	.ml16 { margin-left:16px; }


	.lawyerPreview .lawyer_list { width:100%; } 


	.lawyerPreview  #lawyer-list { overflow:hidden; overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none; }
	.lawyerPreview #lawyer-list::-webkit-scrollbar { display:none; }


	.columnList {
		display:flex;
		justify-content: space-between;
	}

	.columnList li {
		position:relative;
		cursor:pointer;
	}


	.columnList li a {
		display:inline-flex;
		position:absolute;
		bottom:0px;
		left:0px;
		width:100%;
		height:100px;
		background: linear-gradient(to top, rgba(0,0,0,1) 65%, rgba(0,0,0,0) 100%);
		color:#ffffff;
		font-size:22px;
		padding:26px;
		box-sizing:border-box;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
		align-items: flex-end;
	}


	.notice_list { 
		border-top:2px solid #dfe1e3;
	}


	.notice_list li {
		height:106px;
		border-bottom:1px solid rgba(255,255,255,0.6);
		display:flex;
		align-items: center;
		flex-direction: row;
	}

	.notice_list li .dtView {
		width:100px;
		height:100px;
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.notice_list li .dtView .yearMonth {
		font-size:18px;
		color:#ffffff;
		letter-spacing: -1px;
		font-weight:200;
	}

	.notice_list li .dtView .day {
		font-size:30px;
		font-weight: 700;
		color:#ff8c42;
	}

	.notice_list .notice_title { 
		font-size:22px;
		color:#ffffff;
	}

	.notice_list .notice_cont {
		font-size:18px;
		color:#ffffff;
		white-space: nowrap;
		overflow: hidden;
		display:block;
		width:560px;
		text-overflow: ellipsis;
		word-break: break-all;
		height:25px;
		opacity:0.8;
		
	}

	.boardHeader {
		margin-bottom:28px;
	}

	.proof_nav img { cursor:pointer;}

	.laywerPhoto { position:absolute; right:0px; }



	

.adminBtn {
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    margin-top:12px;
    margin-bottom:12px;
}

.adminBtn  li {
	list-style:none;
}
.adminBtn a {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    list-style:none;
    margin-right:12px;
    cursor:pointer;
    font-size:14px;
    font-weight:normal;
    color:#000000;
    border:1px solid #aaaaaa;
    border-radius:12px;
    padding:12px;
    padding-left:24px;
    padding-right:24px;
    height:36px;
}

.adminBtn a:active:hover {
	border:0px none;
	background-color:#ff8c42;
	color:#ffffff;
}





.moreHoverOrange:hover { 
        filter: brightness(0) saturate(100%) invert(54%) sepia(89%) saturate(747%) hue-rotate(336deg) brightness(99%) contrast(101%);
}