/*-----------------------------------------
# 서브페이지 상단 비주얼
-------------------------------------------*/
.subV_box{
	width:100%;
	position:relative;
	height:52rem;
	background:#444;
}
.subV_sidebox {
    display: flex;
    max-width: 150rem;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0 2rem 10rem 2rem;
}
.subV_titleBox {
    gap: 3rem;
    display: flex;
    width: 100%;
    position: relative;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.sv_title h1 {
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.sv_title h1 strong{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: Pretendard;
	font-size: 8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 9rem;
}
.sv_title h1 p{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: Pretendard;
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3rem;
}

.sv_title dl {
	margin:0;
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.sv_title dl strong{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: 'TTBookendBatangR';
	font-size: 6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 6.8rem;
	letter-spacing: -1.8px;
}
.sv_title dl p{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: Pretendard;
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3rem;
}


.sv_title h1 {
	margin:0;
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.sv_title h1 strong{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: 'TTBookendBatangR';
	font-size: 6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 6.8rem;
	letter-spacing: -1.8px;
}

.subV_bred {
    gap: 1.2rem;
    display: flex;
    color: #FFF;
    text-align: center;
    font-family: pretendard-400;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3rem;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
}
.subV_bred span {
    display: inline-block;
    width: 0.5rem;
    height: 0.8rem;
    background-image: url(/public/img/myosu/sub/subV_bred_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.subV_bred b {
    font-family: pretendard-700;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 3rem;
}




.subH2{
	width:100%;
	position:relative;
}
.subH2 h1 {
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.subH2 h1 strong{
	color: #111;
	font-family: 'TTBookendBatangR';
	font-size: 6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 8rem;
	letter-spacing: -1.8px;
}
.subH2 h1 p{
	color: #666;
	font-family: pretendard-300;
	font-size: 2rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.6rem;
}

@media (max-width:1600px) {
	.subV_box {
		height: 46rem;
	}
	.subV_sidebox {
		padding: 0 2rem 8rem 2rem;
	}
}
@media (max-width:991px) {
	.subV_box {
		height: 40rem;
	}
	.subV_titleBox {
		gap: 2rem;
	}
	.subV_bred {
		gap: 1.2rem;
		font-size: 1.5rem;
		line-height: 3rem;
	}
	.sv_title dl strong {
		font-size: 5rem;
		line-height: 5.8rem;
		letter-spacing: -1.4px;
	}
	
	.sv_title h1 strong{
		font-size: 5rem;
		line-height: 5.8rem;
		letter-spacing: -1.4px;
	}
}
@media (max-width:767px) {
	.subV_box {
		height: 33rem;
	}
	.subV_sidebox {
		padding: 0 2rem 4rem 2rem;
	}
	.subV_titleBox {
		gap: 1rem;
	}
	.subV_bred {
		gap: 1rem;
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.subV_bred b {
		font-size: 1.2rem;
		line-height: 3rem;
	}
	.sv_title dl strong {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: -1.02px;
	}
	.sv_title h1 strong{
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: -1.02px;
	}
}

/*-----------------------------------------
# 구성원소개
-------------------------------------------*/
.lawyer_bg {
    background-image: url(/public/img/myosu/sub/lawyer_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.maLawyerWrap.lawyerIntro {
    padding: 11rem 0 12rem 0;
}
.lawyerIntro .malawName {
	z-index:5;
    margin: 0 0 4rem 0;
}
.lawyerIntro .malawName h2 span {
    font-family: pretendard-500;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 2.8rem;
    letter-spacing: -0.44px;
}
.lawyerIntro .malawName h2 p {
    line-height: 9rem;
}
.lawyerIntro .malawInfoImg {
    bottom: -12rem;
}
.lawyerIntro .malawInfoImg .malawbtnflex{display:none;}
.lawyerIntro .malawbtnflex {
    margin: 10rem 0 0 0;
}


.sublawInfo{
	z-index:5;
	max-width:73rem;
	position:relative;
}
.sublawh2 h2{
	display:block;
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.5rem;
}

.sublawContact{
	position:relative;
	margin:4rem 0 0 0;
}
.sublawContact ul{
	display:flex;
	gap:5rem;
}
.sublawContact ul li {
    gap: 1rem;
    display: flex;
    color: #FFF;
    font-family: pretendard-500;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.8rem;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.sublawContact ul li a{
	color: #FFF;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.8rem;
}
.sublawContact ul li img{
	height:2.4rem;
}


.lawInfoWrap{
	width:100%;
	position:relative;
	display:flex;
}
.lawInfoCont{
	padding:8rem 0;
	width:50%;
	position:relative;
}
.lawInfoCont.left {
	background:#fff;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.lawInfoCont.right {
	background: rgba(198, 173, 112, 0.10);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.lawInfoContInner{
	width:100%;
	max-width:75rem;
}
.lawInfoCont.left .lawInfoContInner{
	padding:0 10rem 0 2rem;
}
.lawInfoCont.right .lawInfoContInner{
	padding:0 2rem 0 10rem;
}

.lawhcqBox {
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.lawhcqDivideder{
	width:100%;
	height:1px;
	background: #EEE;
	margin:4rem 0;
}
.lawhcq{
	position:relative;
	width:100%;
}
.lawhcq h2{
	margin:0 0 2rem 0;
	display:inline-block;
	position:relative;
	color: #1C3C47;
	font-family: 'TTBookendBatangR';
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4rem;
}
.lawhcq h2:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:2px;
	background:#1C3C47;
}
.lawhcq h3{
	padding:0 0 0 1.8rem;
	position:relative;
	width:100%;
	color: rgba(17, 17, 17, 0.60);
	font-family: pretendard-400;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.8rem;
}
.lawhcq h3 span{
	font-family: pretendard-700;
	color: #111;
	font-weight: 700;
}
.lawhcq h3:before{
	content:'';
	position:absolute;
	top: 1.5rem;
	left:0;
	width:0.8rem;
	height:0.8rem;
	background-image: url(/public/img/myosu/common/dot_ver.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.lawmajorBox{
	position:relative;
	width:100%;
}
.lawmajorh2 h2{
	margin:0 0 2rem 0;
	display:inline-block;
	position:relative;
	color: #1C3C47;
	font-family: 'TTBookendBatangR';
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4rem;
}
.lawmajorh2 h2:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:2px;
	background:#1C3C47;
}
.lawmajorCont {
	gap:4rem;
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.lawmajor h3{
	position:relative;
	margin:0 0 2.1rem 0;
	display:flex;
	color: #1C3C47;
	font-family: Pretendard;
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.4rem;
}
.lawmajor h3:after{
	content:'';
	position:absolute;
	bottom: -1rem;
	left:0;
	width: 2rem;
	height: 1px;
	background: #00352A;
}
.lawmajor h4{
	padding:0 0 0 1.8rem;
	position:relative;
	width:100%;
	color: rgba(17, 17, 17, 0.60);
	font-family: pretendard-400;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.8rem;
}
.lawmajor h4 span{
	font-family: pretendard-700;
	color: #111;
	font-weight: 700;
}
.lawmajor h4:before{
	content:'';
	position:absolute;
	top: 1.5rem;
	left:0;
	width:0.8rem;
	height:0.8rem;
	background-image: url(/public/img/myosu/common/dot_ver.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (max-width:1600px) {
	
}
@media (max-width:991px) {
	.lawyerIntro .malawInfoImg {
		display: flex;
		right: inherit;
		position: relative;
		bottom: inherit;
		justify-content: flex-start;
		flex-direction: column;
		align-items: center;
	}
	.lawyerIntro .malawInfoImg .malawbtnflex {
		margin: 0rem 0 0 0;
		width: 100%;
		display: flex;
	}
	.lawyerIntro .malawInfoImg img {
		max-width: 60%;
	}
	.lawyerIntro .malawInfoImg .malawbtnflex a.sns img{max-width:100%;}
	.lawyerIntro .malawbtnflex.table991None{display:none;}
	
	.sublawInfo {
		margin: 4rem 0 0 0;
		max-width: 100%;
		position: relative;
	}
	
	
	.lawInfoWrap {
		width: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
	}
	.lawInfoCont {
		padding: 6rem 2rem;
		width: 100%;
		position: relative;
	}
	.lawInfoCont.left {
		background: #fff;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.lawInfoCont.left .lawInfoContInner {
		padding: 0;
	}
	.lawInfoCont.right .lawInfoContInner {
		padding: 0;
	}
	.lawInfoContInner {
		width: 100%;
		max-width: 100%;
	}
}
@media (max-width:767px) {
	.lawyer_bg {
		background-image: url(/public/img/myosu/sub/lawyer_bg_mo.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.maLawyerWrap.lawyerIntro {
		padding: 5rem 0 5rem 0;
	}
	.lawyerIntro .malawName h2 {
		gap: 0.6rem;
	}
	.lawyerIntro .malawName h2 span {
		font-size: 1.5rem;
		line-height: 2.6rem;
		letter-spacing: -0.6px;
	}
	.lawyerIntro .malawName h2 p {
		line-height: 4.8rem;
	}
	.lawyerIntro .malawName {
		padding: 0;
		border-bottom: none;
		z-index: 5;
		margin: 0px 0 2rem 0;
	}
	.lawyerIntro .malawInfoImg {
		padding: 0;
	}
	.lawyerIntro .malawInfoImg img {
		max-width: 100%;
	}
	
	
	.sublawInfo {
		margin: 2rem 0 0 0;
	}
	.sublawh2 h2 {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	
	
	.sublawContact ul {
		display: flex;
		gap: 1.5rem;
		flex-direction: column;
	}
	.sublawContact {
		position: relative;
		margin: 3rem 0 0 0;
	}
	.sublawContact ul li img {
		height: 1.8rem;
	}
	.sublawContact ul li{
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.sublawContact ul li a {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	
	.lawInfoCont {
		padding: 4rem 2rem;
	}
	.lawhcqDivideder {
		margin: 2.4rem 0;
	}
	.lawhcq h2 {
		margin: 0 0 1.5rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.lawhcq h3 {
		margin: 0.6rem 0 0 0;
		padding: 0 0 0 1.4rem;
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.lawhcq h3:before {
		top: 0.85rem;
		left: 0;
		width: 0.6rem;
		height: 0.6rem;
	}
	
	
	.lawmajorCont {
		gap: 3rem;
	}
	.lawmajorh2 h2 {
		margin: 0 0 1.5rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.lawmajor h3 {
		margin: 0 0 3.1rem 0;
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	.lawmajor h4 {
		margin: 0.6rem 0 0 0;
		padding: 0 0 0 1.4rem;
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.lawmajor h4:before {
		top: 0.85rem;
		left: 0;
		width: 0.6rem;
		height: 0.6rem;
	}
	.lawmajor h3:after {
		bottom: -1.5rem;
		left: 0;
		width: 2rem;
		height: 1px;
	}
}

/*-----------------------------------------
# 업무사례
-------------------------------------------*/
.case_bg {
    background-image: url(/public/img/myosu/sub/case_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.caseContWrap{
	width:100%;
	position:relative;
	padding:12rem 0;
}
.caseSideBox{
    max-width: 150rem;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 0 2rem 0rem 2rem;
}

.casecardWrap{
	position:relative;
	width:100%;
}

.subp_seaBox {
    margin: 0rem 0 0 0;
    display: flex;
    justify-content: center;
}
.subp_seaBox .pdNavInput{
	width: 42rem;
	position:relative;
	margin:0;
}
.subp_seaBox .pdNavInput input {
    border-radius: 99px;
    background: #F6F6F6;
    border: 1px solid #F6F6F6;
    color: #111;
}
.pdNavInput.subSea input::placeholder {
	opacity: 0.5;
	color: #111;
}
.pdNavInput.subSea button {
    background-image: url(/public/img/myosu/common/sea_icon_black.png);
}

.casecardWrap .maCaseSideBox{
	padding:0;
}
.casecardWrap .caseItemlist {
	border-bottom:none;
	margin: 6rem 0;
}
.casecardWrap .swiper-wrapper {
    display: flex;
    justify-content: center;
}
.casecardWrap .cateItem .swiper-slide span{
	color:#000;
}
.casecardWrap .cateItem .swiper-slide {
    padding: 0;
    width: auto!important;
}
.casecardWrap .cateItem .swiper-slide a {
    display: flex;
    border-radius: 99px;
    border: 1px solid #EEE;
    background: #FFF;
    padding: 1.5rem 2.3rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    align-items: center;
    justify-content: center;
	opacity: 1;
}
.casecardWrap .cateItem .swiper-slide.active a {
	background: #00352A;
	border: 1px solid #00352A;
    color: #fff;
    font-family: pretendard-700;
    font-weight: 700;
}
.casecardWrap .cateItem .swiper-slide:hover a{
	border: 1px solid #00352A;
}
.casecardWrap .cateItem .swiper-slide:hover a{
	color: #00352A;
}

.casecard{
	position:relative;
	width:100%;
	margin:4rem 0 0 0;
}
.casecard ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1rem;
    list-style-type: none;
    justify-content: flex-start;
}
.casecard li {
    overflow: hidden;
    position: relative;
    flex: 0 0 calc(33.3333333% - 2rem);
    margin: 1rem;
    box-sizing: border-box;
}
.casecard li .caseSlideInner {
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #fff;
}
.casecard li .caseSlideInner:hover{
	border: 1px solid #00352A;
	background: #F9F7F2;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}
.casecard li .wctext h3{
	-webkit-line-clamp: 1;
}
@media (max-width:1600px) {
	.caseContWrap {
		padding: 10rem 0;
	}
}
@media (max-width:991px) {
	.caseContWrap {
		overflow: hidden;
		padding: 8rem 0;
	}
	.caseSideBox {
		padding: 0;
	}
	.casecardWrap .maCaseSideBox {
		padding: 0 0 0 2rem;
	}
	.casecardWrap .swiper-wrapper {
		display: flex;
		justify-content: flex-start;
	}
	.casecardWrap .caseItemlist {
		margin: 4rem 0;
	}
	.casecardWrap .cateItem .swiper-slide a {
		padding: 1.3rem 2.1rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	
	
	.casecard {
		padding: 0 2rem;
		margin: 4rem 0 0 0;
	}
	.casecard li {
		flex: 0 0 calc(50% - 2rem);
		margin: 1rem;
	}
}
@media (max-width:767px) {
	.case_bg {
		background-image: url(/public/img/myosu/sub/case_bg.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 65%;
	}
	
	.caseContWrap {
		padding: 5rem 0;
	}
	.subp_seaBox {
		padding: 0 2rem;
	}
	.subp_seaBox .pdNavInput {
		width: 100%;
		position: relative;
		margin: 0;
	}
	
	
	.casecardWrap .maCaseSideBox {
		padding: 0;
	}
	.casecardWrap .caseItemlist {
		margin: 2rem 0;
	}
	.casecardWrap .cateItem .swiper-slide a {
		padding: 1rem 1.4rem;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	
	
	.casecard {
		padding: 0 2rem;
		margin: 3rem 0 0 0;
	}
	.casecard ul {
		gap: 1rem;
		padding: 0;
		margin: 0rem;
	}
	.casecard li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0rem;
	}
}

/*-----------------------------------------
# 페이징
-------------------------------------------*/
.pc_pagenation{
	display:block;
}
.mo_pagenation{
	display:none;
}
.front_paging_line{
	margin-top:5rem;
	display:block;
	text-align:center;
}
.front_paging_box{
	display:inline-block;
}
.flex_box{
	display:flex;
}
.front_paging_number_box ul {
    display: flex;
    align-items: center;
    justify-content: center;
	gap:0.4rem;
}
.front_paging_number_box ul li.on_front_paging{
	background: #00352A;
	color:#fff;
	border: 1px solid #00352A;
	font-family: pretendard-700;
	font-weight: 700;
}
.front_paging_number_box ul li.on_front_paging:hover{
	background: #00352A;
	color:#fff;
	border: 1px solid #00352A;
	font-family: pretendard-700;
	font-weight: 700;
}
.front_paging_number_box ul li {
    margin: 0;
    cursor: pointer;
	border-radius: 6px;
	background: #F3F3F3;
    width: 5rem;
    height: 5rem;
    border: 1px solid #F3F3F3;
    display: flex;
    color: #222;
    font-size: 1.6rem;
    font-family: pretendard-500;
    line-height: 2.2rem;
    align-items: center;
    justify-content: center;
}
.front_paging_number_box ul li:hover{
	border: 1px solid #00352A;
	background: #FFF;
	font-family: pretendard-500;
	font-weight: 500;
	color: #00352A;
}

.prev_page {
	margin-right:0.4rem;
	position:relative;
	cursor:pointer;
    display: flex;
    border-radius: 6px;
    border: 1px solid #DDD;
	width: 5rem;
    height: 5rem;
    background: #fff;
    align-items: center;
    justify-content: center;
}
.prev_page:after {
    content: '이전';
    position: absolute;
	color: #222;
    font-size: 1.6rem;
    font-family: pretendard-500;
    line-height: 2.2rem;
    /* width: 0.6rem; */
    /* height: 1.2rem; */
    /* background-image: url(../img/internet/sub/in_prev_arrow.png); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
}

.next_page {
    margin-left: 0.4rem;
    position: relative;
    cursor: pointer;
    display: flex;
    border-radius: 6px;
    border: 1px solid #DDD;
	width: 5rem;
    height: 5rem;
    background: #fff;
    align-items: center;
    justify-content: center;
}
.next_page:after {
    content: '다음';
    position: absolute;
	color: #222;
    font-size: 1.6rem;
    font-family: pretendard-500;
    line-height: 2.2rem;
}

@media (max-width:767px) {
	.pc_pagenation{
		display:none;
	}
	.mo_pagenation{
		display:block;
	}
	
	.front_paging_line {
		margin-top: 3rem;
	}
	.front_paging_number_box ul {
		gap: 0.3rem;
	}
	.front_paging_number_box ul li {
		border-radius: 4px;
		width: 3.4rem;
		height: 3.4rem;
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	.next_page {
		margin-left: 0.3rem;
		width: 3.4rem;
		height: 3.4rem;
	}
	.prev_page {
		margin-right: 0.3rem;
		width: 3.4rem;
		height: 3.4rem;
	}
	.next_page:after {
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.prev_page:after {
		font-size: 1.2rem;
		line-height: 2rem;
	}
}

/*-----------------------------------------
# 상세페이지
-------------------------------------------*/
.pmWrap{
    position: relative;
}
.pmWrap .subVWrap {
    padding-top: 14.4rem;
    padding-bottom: 11rem;
} 
.pmWrap .subVPageTopName {
    font-size: 2rem;
    line-height: 2.2rem;
    letter-spacing: 1.76px;
}
.pmWrap .subVPageName {
    font-size: 6rem;
    line-height: 7rem;
}
.pmdeWrap {
    width: 100%;
    position: relative;
    padding: 10rem 0rem 10rem 0rem;
}
.pmdeSidebox {
	max-width: 104rem;
    padding: 0rem 2rem;
    margin: 0 auto;
    position: relative;
    width: 100%;
}


.linkbackBox{
	display:block;
	margin-bottom:6rem;
}
.linkback{
	display:inline-block;
}
.linkback a {
    display: flex;
    color: #000;
    font-size: 2.2rem;
    font-family: pretendard-500;
    line-height: 3rem;
    align-items: center;
    justify-content: flex-start;
}
.linkback a img{
	height:6rem;
	margin-right:1.6rem;
	display:inline-block;
}
.pmdetbox{
	width:100%;
	position:relative;
	/* margin-bottom:6rem; */
	/* padding-bottom:6rem; */
	/* border-bottom:1px solid #eee; */
}
.pmdetbox p{
	color: #1C3C47;
    font-size: 2rem;
    font-style: normal;
	font-weight: 600;
    font-family: pretendard-600;
    line-height: 2.4rem;
	padding:0;
	display:block;
	margin:0 0 1rem 0;
}
.pmdetbox h1{
	display:block;
	text-align:left;
	color: #000;
	font-size: 3.6rem;
	font-weight: 600;
	font-family: pretendard-600;
	line-height: 5rem;
	margin-bottom:3rem;
}


.regcntbox {
    height: 3.4rem;
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
}
.regcntbox .nbsnsbox{
	top:0rem;
}
.regcntbox dl{
	position:relative;
	display:flex;
	margin-right:4.1rem;
}
.contnone{
	margin-right:0rem!important;
}
.contnone:after{
	content:none!important;
}
.regcntbox dl:after {
    content: '';
    position: absolute;
    right: -2rem;
    top: 1rem;
    width: 1px;
    height: 1.4rem;
    background: #EEEEEE;
}
.regcntbox dl span{
	font-size: 1.4rem;
	font-family: pretendard-500;
	font-weight: 500;
	line-height: 3.4rem;
	letter-spacing: 0em;
	text-align: left;
	color:#888;
	margin-right:1rem;
	display:inline-block;
}
.regcntbox dl b{
	margin:0;
	padding:0;
	display:inline-block;
	font-size: 1.4rem;
	font-family: pretendard-600;
	font-weight: 600;
	line-height: 3.4rem;
	letter-spacing: 0em;
	text-align: left;
	color:#000;
}

.caselawBox .caSlideBox .swiper{
	padding:3rem 0 0 0;
}
.caselawBox .caseperson img {
    height: 7.5rem;
}
.caselawBox .caseperson span {
    margin: 0.4rem 0 0 0;
    font-size: 1.45rem;
    line-height: 1.6rem;
}

.linkcopy{
	cursor:pointer;
}


.put_contbox{
	width:100%;
	position:relative;
	
	margin: 6rem 0 6rem 0;
    padding: 6rem 0 6rem 0;
	border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
/* .putdim{ */
	/* position:absolute; */
	/* left:0; */
	/* top:0; */
	/* width:100%; */
	/* height:100%; */
	/* z-index:3; */
/* } */

.put_cont{
	max-width:100rem;
	position:relative;
	margin:0 auto;
}
.putcsum{
	border-radius: 1rem;
	display:block;
	text-align:center;
	position:relative;
	overflow: hidden;
}
.putcsum img{
	display:inline-block;
	max-width:100%;
}

.putcifame{
	border-radius: 0.4rem;
	display:block;
	text-align:center;
	position:relative;
	overflow: hidden;
	padding-bottom: 56.18%;
}
.putcifame iframe{
	border-radius: 0.4rem;
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
}

.putcsum img{
	display:inline-block;
	max-width:100%;
}


.put_contbtnbox {
    display: block;
    text-align: Center;
    /* margin-top: 6rem; */
    /* padding-top: 6rem; */
    /* border-top: 1px solid #EEE; */
}
.put_contbtn{
	width:18rem;
	height:6rem;
	position:relative;
	display:inline-block;
}
.put_contbtn a {
    border-radius: 0.4rem;
    border: 1px solid #222;
    background: #FFF;
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    color: #222;
    font-family: pretendard-400;
    font-size: 1.8rem;
    line-height: 3.5rem;
    letter-spacing: 0.72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.putcont{
	position:relative;
	display:block;
}


.ircontdetail .put_contbtnbox {
    display: block;
    text-align: Center;
    margin-top: 6rem;
    padding-top: 0rem;
    border-top: none;
}

.fliecontbox{
	display:block;
	margin-top:8rem;
}
.fcti {
    display: flex;
    color: #111;
    font-family: pretendard-500;
    font-size: 2rem;
    font-weight: 500;
    line-height: 6rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 0.6rem;
    align-items: center;
}
.fcti dl {
	margin-left:1rem;
    border-radius: 50%;
    border: 0.733px solid #00D1A3;
    background: #00D1A3;
    display: flex;
    width: 2.4rem;
    height: 2.4rem;
    color: #111;
    text-align: center;
    font-family: pretendard-700;
    font-size: 1.4rem;
    font-weight: 700;
    align-items: center;
    justify-content: center;
}

.download_file {
	position:relative;
    display: block;
    padding: 1rem 0px 1rem 0px;
	text-align:left;
}
.download_file:hover .file_title a{
	color: #111;
	font-weight: 500;
	text-decoration:underline;
}
.download_file:hover .file_icon{
	background-image: url(../img/sub/ir/fliedown_on.png);
}
.file_title {
    padding-right: 4rem;
    display: block;
}
.file_title a{
	display:block;
	font-size: 1.6rem;
    line-height: 3.4rem;
    font-weight: 400;
    color: #666;
}
.file_icon {
	position:absolute;
	right:0rem;
	top:1rem;
	width:3.4rem;
	height:3.4rem;
	display: inline-block;
	
	background-image: url(../img/sub/ir/fliedown_off.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.file_icon img{
    height: 1.5rem;
    position: relative;
    top: 0.2rem;
}

@media (max-width:1500px) and (min-width:992px) {
	.pmWrap .subVPageTopName {margin-bottom: 1.8rem; font-size: 2rem; line-height: 2.2rem;}
	.pmWrap .subVPageName {font-size: 5rem; line-height: 7rem;}
	
	.linkbackBox {margin-bottom: 4rem;}
	.linkback a img {height: 5rem;}
	
	.pmdetbox {}
	.pmdetbox h1 {font-size: 3rem; line-height: 4rem; margin-bottom: 2rem;}
	
	.put_contbox {
		margin: 5rem 0 5rem 0;
		padding: 5rem 0 5rem 0;
	}
	.put_contbtnbox {}
	.put_contbtn {width: 16rem; height: 5rem;}
	.put_contbtn a {font-size:1.6rem;}
}

@media (max-width:991px) {
	.linkbackBox {display: block; margin-bottom: 4rem;}
	.linkback a img {height: 5rem; margin-right: 1.6rem;}
	.linkback a {font-size: 2rem; line-height: 3rem;}
}

@media (max-width:767px) {
	.pmWrap .subVWrap {
		padding-top: 8rem;
		padding-bottom: 6rem;
	}
	.pmWrap .subVPageTopName {
		font-family: 'Outfit';
		margin-bottom: 1.4rem;
		font-size: 1.3rem;
		line-height: 1.6rem;
		letter-spacing: 1.04px;	
	}
	.pmWrap .subVPageName {
		font-size: 3rem;
		line-height: 3.8rem;
		letter-spacing: -0.9px;
	}
	
	.pmdeWrap {
		padding: 5rem 0rem 5rem 0rem;
	}
	
	.caseDetail .pmdeSidebox {
		padding: 0rem 0rem;
	}
	.caseDetail .linkbackBox {padding: 0 2rem;}
	.caseDetail .pmdetbox p {padding: 0 2rem;}
	.caseDetail .pmdetbox h1 {padding: 0 2rem;}
	.caseDetail .regcntbox{padding: 0 2rem;}
	.caseDetail .caselawBox {
		padding: 0 0 0 0;
	}
	.caseDetail .caSlideBox {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.caseDetail .caSlideBox .swiper{
		overflow: unset;
	}
	.caseput_contbox{
		padding:0 2rem;
	}
	/* .caseDetail .put_contbtnbox{padding: 3rem 2rem 0 2rem;} */
	
	.linkbackBox {
		display: block;
		margin-bottom: 2rem;
	}
	.linkback a img {
		height: 3.6rem;
		margin-right: 1rem;
	}
	.linkback a {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	
	.pmdetbox {
	}
	.pmdetbox p {
		font-size: 1.4rem;
		line-height: 2rem;
		margin: 0 0 0.6rem 0;
	}
	.pmdetbox h1 {
		font-size: 2.2rem;
		line-height: 3rem;
		margin-bottom: 2rem;
		letter-spacing: -0.48px;
	}
	
	.regcntbox dl {
		margin-right: 2.3rem;
	}
	.regcntbox {
		height: auto;
	}
	.regcntbox dl span {
		letter-spacing: -0.24px;
		font-size: 1.2rem;
		line-height: 1.6rem;
		margin-right: 0.8rem;
	}
	.regcntbox dl b{
		letter-spacing: -0.24px;
		font-weight:700;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.regcntbox dl:after {
		
		
		content: none;
		/* position: absolute; */
		/* right: -1.5rem; */
		/* top: 0.35rem; */
		/* width: 1px; */
		/* height: 1.1rem; */
		/* background: #EEEEEE; */
	}
	
	
	.caselawBox .caseperson img {
		height: 5rem;
	}
	.caselawBox .caseperson span {
		margin: 0.4rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	
	

	.put_contbox {
		margin: 3rem 0 3rem 0;
		padding: 3rem 0 3rem 0;
	}
	
	
	.put_contbtnbox {
		padding: 0 2rem;
	}
	.put_contbtn {
		width: 100%;
		height: 5rem;
	}
	.put_contbtn a {
		border-radius: 0.3rem;
		font-size: 1.5rem;
		line-height: 1.8rem;
		letter-spacing: 0px;
	}
	
	
	.fliecontbox {
		margin-top: 4rem;
	}
	.fcti {
		font-size: 1.6rem;
		line-height: 3.6rem;
		padding-bottom: 1rem;
		margin-bottom: 1rem;
	}
	.download_file {
		padding: 1.3rem 0px 1.3rem 0px;
	}
	.file_title {
		padding-right: 4.4rem;
	}
	.file_title a{
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.file_icon {
		top: 0.8rem;
		width: 3.4rem;
		height: 3.4rem;
	}
	.fcti dl {
		margin-left: 0.5rem;
		border: 0.733px solid #00D1A3;
		width: 2rem;
		height: 2rem;
		font-size: 1.2rem;
	}

}

/*--------------------------------------------------------------
# 상세 페이지 에디터 컨텐츠 css
--------------------------------------------------------------*/
.nxt_subjectTBox {
    overflow: hidden;
    font-size: 1.8rem;
    line-height: 3.2rem;
	font-weight:300;
    /* font-family: pretendard-300; */
	word-break: break-all;
}
.nxt_subjectTBox h2 {
    line-height: 3.2rem;
    margin: 0 0 1rem 0;
    padding: 0;
    display: block;
	text-align:left;
    font-size: 2.4rem;
	font-family: pretendard-600;
	font-weight: 600;
}
.nxt_subjectTBox h3 {
    line-height: 3rem;
    margin: 0 0 1rem 0;
    padding: 0;
    display: block;
	text-align:left;
    font-size: 2rem;
	font-family: pretendard-500;
	font-weight: 500;
}
.nxt_subjectTBox a{
	color:blue;
}
.nxt_subjectTBox .marker
{
	font-family: pretendard-500;
	background-color: Yellow;
}

.nxt_subjectTBox .marker2
{
	font-family: pretendard-500;
	background-color: Cyan;
}
.nxt_subjectTBox img{
	width:auto!important;
	height:auto!important;
	max-width:100%;
	display:inline-block;
}

.nxt_subjectTBox ul{
	position:relative;
}
.nxt_subjectTBox ul li {
    padding: 0 0 0 1.4rem;
    position: relative;
    display: block;
	font-size: 1.8rem;
    line-height: 3.2rem;
	font-weight:300;
    font-family: pretendard-300;
	word-break: break-all;
}
.nxt_subjectTBox ul li:before {
    content: '';
    position: absolute;
    left: 0rem;
    top: 1.2rem;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #111;
}

.nxt_subjectTBox ol li {
	font-size: 1.7rem;
    line-height: 2.7rem;
	position:relative;
	padding: 0rem 1rem 1rem 1rem;
	font-family: pretendard-300;
}
.nxt_subjectTBox ol li span{
	font-family: pretendard-300;
}
.nxt_subjectTBox ol li:before {
    border-radius: 50%;
    display: inline-block;
    content: '';
    position: absolute;
    left: 0rem;
    top: 1.1rem;
    width: 0.4rem;
    height: 0.4rem;
    background: #444;
}

.nxt_subjectTBox table tbody tr td {
    padding: 1rem;
    border: 1px solid #ddd;
	font-size:1.5rem;
	font-family: Pretendard;
}
.nxt_subjectTBox table tbody tr:nth-child(1){
	background:#444;
	color:#fff;
	font-size:1.6rem;
	font-family: Pretendard;
}

.nxt_subjectTBox table tbody tr td p{
	font-size:1.5rem;
	font-family: Pretendard;
}
.nxt_subjectTBox table tbody tr td ul li{
	padding: 0rem 0rem 0rem 1rem;
	font-size:1.5rem;
	font-family: Pretendard;
}

.nxt_subjectTBox iframe {
    width: 100%!important;
    /* height: 34vw!important; */
	height: 47.3rem!important;
}

@media (max-width: 991px) {
	.nxt_subjectTBox table{
		width:100%!important;
	}
	
	.nxt_subjectTBox iframe {
		width: 100%!important;
		height: 50vw!important;
	}
}
@media (max-width: 880px) {
	.nxt_subjectTBox img{
		display:inline-block!important;
		height:auto!important;
	}
}
@media (max-width: 767px){
	.nxt_subjectTBox {
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.nxt_subjectTBox h2 {
		letter-spacing: -0.6px;
		line-height: 2.8rem;
		margin: 0 0 1rem 0;
		font-size: 2rem;
	}
	.nxt_subjectTBox h3 {
		letter-spacing: -0.4px;
		line-height: 2.4rem;
		margin: 0 0 1rem 0;
		font-size: 1.7rem;
	}
	.nxt_subjectTBox ul li {
		padding: 0 0 0 1.2rem;
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.nxt_subjectTBox ul li:before {
		top: 1rem;
		width: 4px;
		height: 4px;
	}
	
	.nxt_subjectTBox ol li{
		line-height: 2.4rem;
		font-size: 1.5rem;
	}
	.nxt_subjectTBox ol ol span{
		font-size: 1.5rem!important;
	}
	.nxt_subjectTBox ol li:before {
		top: 1rem;
		width: 0.4rem;
		height: 0.4rem;
	}
	
	.nxt_subjectTBox table tbody tr td{
		font-size: 1.4rem;
	}
	.nxt_subjectTBox table tbody tr td span{
		font-size: 1.4rem!important;
	}
	.nxt_subjectTBox table tbody tr td p{
		font-size:1.4rem;
		font-family: Pretendard;
	}
	.nxt_subjectTBox table tbody tr td ul li{
		padding: 0rem 0rem 0rem 1rem;
		font-size:1.4rem;
		font-family: Pretendard;
	}
}

/*-----------------------------------------
# 상담문의
-------------------------------------------*/

.consultation_bg {
    background-image: url(/public/img/myosu/sub/consultation_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.coninqWrap{
	position:relative;
	width:100%;
	padding:12rem 0;
	background:#fff;
}
.coninqSideBox {
    max-width: 150rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}

.coninqTitle {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.coninqTitle h1{
	margin:0;
	display:block;
	text-align:left;
	color: #111;
	font-family: pretendard-600;
	font-size: 3rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4.2rem;
}
.coninqTitle p{
	margin:0;
	display:block;
	text-align:left;
	color: #111;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.2rem;
}

.lawtalkBox{
	margin:4rem 0 0 0;
	width:100%;
	position:relative;
	border-radius: 14px;
	background: #FF5E00;
}
.lawtalkBoxInner{
	width:100%;
	position:relative;
	padding: 6rem;
}
.lakimg img{
	height:5rem;
}
.lakbtn{
	position:relative;
	margin:4rem 0 0 0;
}
.lakbtn h2{
	text-align: left;
	margin:0 0 1.6rem 0;
	color: #FFF;
	font-family: pretendard-600;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem;
}

a.linkmore {
    display: flex;
    width: 16rem;
	border: 1px solid #FFF;
    padding: 1.5rem 2.3rem;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    color: #fff;
    font-family: pretendard-600;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.4rem;
}
a.linkmore img {
    height: 1.4rem;
}

.lawta_person {
    right: 10rem;
    bottom: 0;
    position: absolute;
}

.coninqBtn{
	position:relative;
	width:100%;
	margin:2rem 0 0 0;
}
.coninqBtn ul{
	display:flex;
	gap:2rem;
	width:100%;
}
.coninqBtn ul li{
	width:100%;
}
.coninqBtn ul li a {
    width: 100%;
    display: flex;
    border-radius: 14px;
    padding: 4rem 6rem;
    justify-content: space-between;
    align-items: center;
}
.coninqBtn ul li:nth-child(1) a{background: #00C73C;}
.coninqBtn ul li:nth-child(2) a{background: #FFE812;}
.coninqBtn ul li:nth-child(3) a{background: #00352A;}

.coninqBtn ul li:nth-child(2) a .lecp{color: #3E2723;}
.coninqBtn ul li:nth-child(2) a .ricp{color: #3E2723;}

.lecp{
	gap:2rem;
	color:#fff;
	display:flex;
	align-items: center;
	font-family: pretendard-600;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem;
}
.lecp img{height:5.2rem;}
.ricp {
    gap: 0.8rem;
    color: #fff;
    display: flex;
    font-family: pretendard-600;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.4rem;
    align-items: center;
}
.ricp img{height:1.6rem;}

@media (max-width:1600px) {
	.coninqWrap {
		padding: 10rem 0;
	}
	.coninqBtn ul li a {
		border-radius: 14px;
		padding: 4rem 3rem;
	}
	.lecp {
		gap: 2rem;
		font-size: 2rem;
		line-height: 3rem;
	}
	.lecp img {
		height: 4.2rem;
	}
}
@media (max-width:991px) {
	.lawta_person {
		right: 4rem;
		bottom: 0;
		position: absolute;
	}
	.coninqBtn ul {
		display: flex;
		gap: 2rem;
		width: 100%;
		flex-direction: column;
	}
}
@media (max-width:767px) {
	.consultation_bg {
		background-position: 34%;
	}
	
	.coninqWrap {
		padding: 5rem 0;
	}
	.coninqTitle h1 {
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
	.coninqTitle p {
		font-size: 1.7rem;
		line-height: 2rem;
	}
	
	.lawtalkBox {
		margin: 3rem 0 0 0;
		border-radius: 10px;
	}
	.lawtalkBoxInner {
		width: 100%;
		position: relative;
		padding: 3rem 2rem;
	}
	.lakimg img {
		height: 3rem;
	}
	.lawta_person {
		right: -0.4rem;
	}
	.lawta_person img{height:22rem;}
	.lakbtn h2 {
		margin: 0 0 1rem 0;
		font-size: 1.8rem;
		line-height: 3rem;
	}
	.lakbtn {
		margin: 3rem 0 0 0;
	}
	a.linkmore {
		width: 16rem;
		padding: 1.4rem 2rem;
		border-radius: 4px;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	
	
	.coninqBtn {
		margin: 1rem 0 0 0;
	}
	.coninqBtn ul {
		gap: 1rem;
	}
	.coninqBtn ul li a {
		border-radius: 10px;
		padding: 3rem 2rem;
	}
	.lecp img {
		height: 3.2rem;
	}
	.lecp {
		gap: 1.4rem;
		font-size: 1.8rem;
		line-height: 3rem;
	}
	.ricp {
		gap: 0.8rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.ricp img {
		height: 1.4rem;
	}
}

/*-----------------------------------------
# 묘수법률사무소 소개
-------------------------------------------*/
.myosu_bg {
    background-image: url(/public/img/myosu/sub/myosu_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.introWrap{
	position:relative;
	width:100%;
}
.introSideBox {
    max-width: 150rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}
.introContInner {
    /* padding: 12rem 0 24vw 0; */
	padding:12rem 0 52rem 0;
    background-image: url(/public/img/myosu/sub/myosu_intro_bg.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.inth1{
	position:relative;
}
.inth1 h1 {
    gap: 8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.inth1 h1 p{
	position:relative;
	margin:0;
	color: #C6AD70;
	text-align: center;
	font-family: 'TTBookendBatangR';
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4rem;
	letter-spacing: 1.92px;
}
.inth1 h1 p:after {
    transform: translateX(-50%);
    left: 50%;
    bottom: -4rem;
    display: inline-block;
    content: '';
    position: absolute;
    width: 5rem;
    height: 1px;
    background: #000;
}
.inth1 h1 strong{
	margin:0;
	color: #000;
	text-align: center;
	font-family: 'TTBookendBatangR';
	font-size: 5.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 8.4rem;
}


.introtextWrap{
	position:relative;
	width:100%;
	padding: 10rem 0 28vw 0;
	background:#fff;
	
	background-image: url(/public/img/myosu/sub/myosu_introtext_bg.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.introtextSideBox {
    max-width: 150rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}
.introsub{
    gap: 6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.introsub p, h2{
	margin:0;
	display:block;
	color: #000;
	text-align: center;
	font-family: pretendard-300;
	font-size: 2rem;
	font-style: normal;
	font-weight: 300;
	line-height: 4.6rem;
}
.introsub h3{
	display:block;
	color: #000;
	text-align: center;
	font-family: 'TTBookendBatangR';
	font-size: 3rem;
	font-style: normal;
	font-weight: 400;
	line-height: 5.4rem;
}

@media (max-width:1600px) {
	.introContInner {
		padding: 10rem 0 52rem 0;
	}
	.inth1 h1 strong {
		font-size: 5rem;
		line-height: 8rem;
	}
}
@media (max-width:991px) {
	.introContInner {
		padding: 8rem 0 36vw 0;
	}
	.inth1 h1 strong {
		font-size: 4rem;
		line-height: 7rem;
	}
	
	
	.introtextWrap {
		padding: 8rem 0 35vw 0;
	}
}
@media (max-width:767px) {
	.introSideBox {
		max-width: 150rem;
		padding: 0 0rem;
		margin: 0 auto;
		position: relative;
	}
	/* .introWrap { */
		/* background-size: 100%; */
		/* background-image: url(/public/img/myosu/sub/myosu_intro_bg_mo.webp); */
		/* overflow: hidden; */
		/* padding: 4rem 0 43vw 0; */
	/* } */
	.inth1 h1 {
		gap: 4rem;
	}
	.inth1 h1 p {
		font-size: 1.4rem;
		line-height: 2.2rem;
		letter-spacing: 1.12px;
	}
	.inth1 h1 p:after {
		bottom: -2rem;
		width: 2.5rem;
		height: 1px;
	}
	.inth1 h1 strong {
		font-size: 2rem;
		line-height: 3.4rem;
	}
	
	
	.introtextWrap {
		padding: 6rem 0 40vw 0;
	}
	.introsub {
		gap: 4rem;
	}
	.introsub p, h2 {
		font-size: 1.6rem;
		line-height: 3rem;
	}
	.introsub p br{display:none;}
	.introsub h2 br{display:none;}
	.introsub h3 {
		font-size: 1.8rem;
		line-height: 3rem;
	}
	.introsub h3 br{display:none;}
}

/*-----------------------------------------
# 업무분야
-------------------------------------------*/

.areas_of_work_bg {
    background-image: url(/public/img/myosu/sub/areas_of_work_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


/* ====== 업무분야 nav ====== */
.worknavWrap {
    width: 100%;
    position: relative;
    background: #fff;
    padding: 12rem 0 0 0;
}
.worknavSidebox{
	max-width: 150rem;
    padding: 0rem 2rem;
    margin: 0 auto;
	position:relative;
}
.subpNavTable{
	display:none;
}
.worknavSli{
	position:relative;
	width:100%;
}
.worknavSli:before {
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    content: '';
    width: 100%;
    height: 1px;
    background: #EEE;
    z-index: 1;
}
.worknavSli .worknavSliInner {
	display:flex;
    align-items: flex-end;
	justify-content: space-between;
}
.worknav {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.worknav span{
	position:relative;
}
.worknav span a {
    display: flex;
    padding: 0 0 2.1rem 0;
    color: #999;
    font-family: 'TTBookendBatangR';
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.2rem;
    letter-spacing: -0.48px;
    align-items: center;
    justify-content: center;
}
.worknav span a:before{
	content:'';
	width:100%;
	height:3px;
	position:absolute;
	left:0rem;
	bottom:0rem;
	border-radius: 4px 4px 0px 0px;
	background: inherit;
	z-index:1;
}
.worknav span a:hover{
	color: #111;
}
.worknav.onSt span a:before{
	z-index:1;
	background: #1C3C47;
}
.worknav.onSt span a{
	padding: 0 0 2.1rem 0;
	color: #1C3C47;
	font-size: 3rem;
	line-height: 4.2rem;
    letter-spacing: -0.6px;
}
@media (max-width:1600px) {
	.worknavWrap {
		padding: 10rem 0 0 0;
	}
	.worknav span a {
		padding: 0 0 2.1rem 0;
		font-size: 2.2rem;
		line-height: 4.2rem;
		letter-spacing: -0.48px;
	}
	.worknav.onSt span a {
		padding: 0 0 2.1rem 0;
		font-size: 2.8rem;
		line-height: 4.2rem;
		letter-spacing: -0.6px;
	}
}
@media (max-width:991px) {
	.worknavSli{display:none;}
	.worknavWrap {
		padding: 2rem 0 0 0;
		border-bottom: 1px solid #EEE;
	}
	.subpNavTable{
		display:block;
	}
	.subpNavTable {
		height: 7rem;
		padding: 0 0 0 0;
		display: flex;
		position: relative;
		justify-content: space-between;
		align-items: center;
	}
	.subpNavTable strong{
		color: #000;
		font-family: 'TTBookendBatangR';
		font-size: 2.4rem;
		font-style: normal;
		font-weight: 400;
		line-height: 6rem;
	}
	.supP_Btn{
		width:4rem;
		height:6rem;
	}
	.supP_Btn a {
		display: flex;
		position: relative;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: flex-start;
	}
	.supP_Btn.Next a{
		justify-content: flex-end;
	}
	.supP_Btn a:hover{
		/* border: 1px solid #000; */
		background: #FFF;
	}
	.supP_Btn.prev a:after {
		height: 20px;
		width: 20px;
		content: '';
		background-image: url(/public/img/myosu/sub/supP_prev.webp);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.supP_Btn.prev a:hover:after{
		background-image: url(/public/img/myosu/sub/supP_on_prev.webp);
	}
	.supP_Btn.Next a:after {
		height: 20px;
		width: 20px;
		content: '';
		background-image: url(/public/img/myosu/sub/supP_next.webp);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.supP_Btn.Next a:hover:after{
		background-image: url(/public/img/myosu/sub/supP_on_next.webp);
	}
}
@media (max-width:767px) {
	.areas_of_work_bg {
		background-position: 88%;
	}
	
	.worknavWrap {
		padding: 2rem 0 2rem 0;
		border-bottom: 1px solid #EEE;
	}
	.subpNavTable {
		height: 4rem;
	}
	.subpNavTable strong{
		font-family: 'TTBookendBatangR';
		font-size: 2rem;
		line-height: 4rem;
	}
	.supP_Btn{
		width:3rem;
		height:4rem;
	}
	.supP_Btn.prev a:after {
		height: 16px;
		width: 16px;
	}
	.supP_Btn.Next a:after {
		height: 16px;
		width: 16px;
	}
}




.aworkWrap{
	position:relative;
	width:100%;
	padding:6rem 0 12rem 0;
	background:#fff;
}
.aworkSideBox {
    max-width: 150rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}

.workImgIntro{
	position:relative;
	width:100%;
	height:43rem;
	overflow:hidden;
	border-radius: 1.4rem;
	margin:0 0 5rem 0;
	
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.workImgIntro span{
	z-index:2;
	position:absolute;
	left:5rem;
	top:4rem;
	display:inline-block;
	color: #FFF;
	font-family: "DM Serif Display";
	font-size: 3.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
	letter-spacing: 2.04px;
}
.workImgIntro dl{
	z-index:2;
	position:absolute;
	left:5rem;
	bottom:4rem;
	display:inline-block;
	color: #FFF;
	font-family: "DM Serif Display";
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
	letter-spacing: 1.44px;
}
.workImgIntro.worktype01{
	background-image: url(/public/img/myosu/sub/work/entertainment-eSports_introImg.webp);
}
.workImgIntro.worktype02{
	background-image: url(/public/img/myosu/sub/work/influencer_introImg.webp);
}
.workImgIntro.worktype03{
	background-image: url(/public/img/myosu/sub/work/sexual-crimes_introImg.webp);
}
.workImgIntro.worktype04{
	background-image: url(/public/img/myosu/sub/work/digital-crime_introImg.webp);
}
.workImgIntro.worktype05{
	background-image: url(/public/img/myosu/sub/work/startup_introImg.webp);
}
.workImgIntro.worktype06{
	background-image: url(/public/img/myosu/sub/work/general-detective_introImg.webp);
}
.workImgIntro.worktype07{
	background-image: url(/public/img/myosu/sub/work/civil-law_introImg.webp);
}


.wktitle {
    gap: 2rem;
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 0 0 3rem 0;
    margin: 0 0 5rem 0;
    align-items: center;
    justify-content: flex-start;
}
.wktitleicon {
    width: 9.6rem;
    height: 9.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2rem;
    background: #F8F6F0;
    backdrop-filter: blur(5px);
}
.wktitleicon img{height:6rem;}
.wktitleh1 h1{
	text-align:left;
	color: #000;
	font-family: 'TTBookendBatangR';
	font-size: 3.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 6rem;
}


.wkInfoWrap{
	position:relative;
	display:flex;
	gap:8rem;
}
.wkInfoDescription{
	width:100%;
	position:relative;
}
.wkInfoDescription dl{
	display:block;
	text-align:left;
	margin:0;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.6rem;
}
.wkInfoDescription h2{
	display:block;
	text-align:left;
	margin:2rem 0 0 0;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.2rem;
}

.wkih3{
	margin:2rem 0 0 0;
	position:relative;
	width:100%;
}
.wkih3 h3{
	position:relative;
	padding:0 0 0 1.8rem;
	text-align:left;
	margin:0;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.2rem;
}
.wkih3 h3:before {
    content: '';
    position: absolute;
    top: 1.2rem;
    left: 0;
    width: 0.8rem;
    height: 0.8rem;
    background-image: url(/public/img/myosu/common/dot_ver.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.wkInfoCaseInner {
    position: relative;
    right: 0;
    top: 0;
    width: 70.645rem;
}
.wkInfoCase{
	width:100%;
	padding: 4rem;
	border-radius: 1rem;
	background: #F8F6F1;
}
.wkInfoCase h2{
	display:block;
	text-align:left;
	margin:0 0 2rem 0;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}
.wkInfoCase h3 {
	margin:0.8rem 0 0 0;
    padding: 0 0 0 1.8rem;
    position: relative;
    width: 100%;
    color: #000;
    font-family: pretendard-400;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.6rem;
}
.wkInfoCase h3:before {
    content: '';
    position: absolute;
    top: 0.9rem;
    left: 0;
    width: 0.8rem;
    height: 0.8rem;
    background-image: url(/public/img/myosu/common/dot_ver.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.wkcaBtnList{
	display:none;
	
	margin:3rem 0 0 0;
	width:100%;
	gap:0.7rem;
	/* display:flex; */
}
.wkcaBtn{
	position:relative;
	width:100%;
}
.wkcaBtn a {
    border-radius: 0.6rem;
    display: flex;
    width: 100%;
    height: 100%;
    height: 6rem;
    align-items: center;
    justify-content: center;
}
.wkcaBtn a img{height:2rem;}

.wkcaBtn:nth-child(1) a{
	background: #E3C887;
}
.wkcaBtn:nth-child(2) a{
	background: #42D31A;
	backdrop-filter: blur(5px);
}
.wkcaBtn:nth-child(3) a{
	background: #FF5E00;
	backdrop-filter: blur(5px);
}
@media (max-width:1200px) {
	.wkInfoWrap {
		gap: 4rem;
	}
	.wkInfoCase {
		padding: 3rem;
		border-radius: 1rem;
	}
}

@media (max-width:991px) {
	.workImgIntro {
		height: 30rem;
		margin:0 0 4rem 0;
	}
	.workImgIntro span{
		left:3rem;
		top:3rem;
		font-size: 3.4rem;
		line-height: 3rem;
		letter-spacing: 2.04px;
	}
	.workImgIntro dl{
		left:3rem;
		bottom:3rem;
		font-size: 2.4rem;
		line-height: 3rem;
		letter-spacing: 1.44px;
	}
	
	
	.wktitle {
		gap: 2rem;
		padding: 0 0 2rem 0;
		margin: 0 0 4rem 0;
	}
	.wktitleicon {
		width: 8.6rem;
		height: 8.6rem;
		border-radius: 1.6rem;
	}
	.wktitleicon img{height:5rem;}
	.wktitleh1 h1{
		text-align:left;
		color: #000;
		font-family: 'TTBookendBatangR';
		font-size: 2.6rem;
		font-style: normal;
		font-weight: 400;
		line-height: 5rem;
	}
	
	
	.wkInfoWrap {
		display: block;
		padding: 0;
	}
	.wkInfoDescription{
		min-height:auto;
	}
	.wkInfoCaseInner {
		margin: 4rem 0 0 0px;
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
	}
}
@media (max-width:767px) {
	.aworkWrap {
		padding: 2rem 0 5rem 0;
	}
	
	
	.workImgIntro {
		border-radius: 0.8rem;
		height: 40vw;
		margin:0 0 3rem 0;
	}
	.workImgIntro span{
		left:1.8rem;
		top:1.6rem;
		font-size: 1.6rem;
		line-height: 1.4rem;
		letter-spacing: 0.96px;
	}
	.workImgIntro dl{
		left:1.8rem;
		bottom:1.6rem;
		font-size: 1.2rem;
		line-height: 1.6rem;
		letter-spacing: 0.72px;
	}
	
	.workImgIntro.worktype01{
		background-image: url(/public/img/myosu/sub/work/entertainment-eSports_introImg_mo.webp);
	}
	.workImgIntro.worktype02{
		background-image: url(/public/img/myosu/sub/work/influencer_introImg_mo.webp);
	}
	.workImgIntro.worktype03{
		background-image: url(/public/img/myosu/sub/work/sexual-crimes_introImg_mo.webp);
	}
	.workImgIntro.worktype04{
		background-image: url(/public/img/myosu/sub/work/digital-crime_introImg_mo.webp);
	}
	.workImgIntro.worktype05{
		background-image: url(/public/img/myosu/sub/work/startup_introImg_mo.webp);
	}
	.workImgIntro.worktype06{
		background-image: url(/public/img/myosu/sub/work/general-detective_introImg_mo.webp);
	}
	.workImgIntro.worktype07{
		background-image: url(/public/img/myosu/sub/work/civil-law_introImg_mo.webp);
	}
	
	
	.wktitle {
		gap: 1.4rem;
		padding: 0 0 1.8rem 0;
		margin: 0 0 2.6rem 0;
	}
	.wktitleicon {
		width: 6rem;
		height: 6rem;
		border-radius: 1.1rem;
	}
	.wktitleicon img{height:4rem;}
	.wktitleh1 h1{
		font-size: 2rem;
		line-height: 3rem;
	}
	
	.wkInfoDescription dl {
		margin: 0 0 -1rem 0;
		font-size: 1.8rem;
		line-height: 3rem;
	}
	.wkInfoDescription h2 {
		margin: 2rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.8rem;
	}
	.wkih3 h3 {
		padding: 0 0 0 1.4rem;
		font-size: 1.5rem;
		line-height: 2.8rem;
	}
	.wkih3 h3:before {
		content: '';
		position: absolute;
		top: 1.1rem;
		left: 0;
		width: 0.6rem;
		height: 0.6rem;
		background-image: url(/public/img/myosu/common/dot_ver.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	
	.wkInfoCaseInner {
		margin: 3rem 0 0 0;
	}
	.wkInfoCase {
		padding: 2rem;
		border-radius: 0.8rem;
	}
	.wkInfoCase h2 {
		margin: 0 0 1rem 0;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.wkInfoCase h3 {
		margin: 0.6rem 0 0 0;
		padding: 0 0 0 1.4rem;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.wkInfoCase h3:before {
		content: '';
		position: absolute;
		top: 0.8rem;
		left: 0;
		width: 0.6rem;
		height: 0.6rem;
		background-image: url(/public/img/myosu/common/dot_ver.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	.wkcaBtn a {
		border-radius: 0.4rem;
		height: 5rem;
	}
	.wkcaBtn a img {
		height: 1.8rem;
	}
}