@charset "utf-8";

@font-face {
    font-family: 'PreT';
    font-weight: 100;
    font-style: normal;
	src:url('/common/font/Pretendard-Thin.eot');
	src:local('��'),
	url('/common/font/Pretendard-Thin.woff') format('woff'),
	url('/common/font/Pretendard-Thin.woff2') format('woff2'),
	url('/common/font/Pretendard-Thin.otf') format('opentype');
}
@font-face {
    font-family: 'Pre';
    font-weight: 300;
    font-style: normal;
	src:url('/common/font/Pretendard-Light.eot');
	src:local('��'),
	url('/common/font/Pretendard-Light.woff') format('woff'),
	url('/common/font/Pretendard-Light.woff2') format('woff2'),
	url('/common/font/Pretendard-Light.otf') format('opentype');
	
}
@font-face {
    font-family: 'PreR';
    font-weight: 400;
    font-style: normal;
	src:url('/common/font/Pretendard-Regular.eot');
	src:local('��'),
	url('/common/font/Pretendard-Regular.woff') format('woff'),
	url('/common/font/Pretendard-Regular.woff2') format('woff2'),
	url('/common/font/Pretendard-Regular.otf') format('opentype');
}
@font-face{
    font-family: 'PreM';
    font-weight: 600;
    font-style: normal;
	src:url('/common/font/Pretendard-Medium.eot');
	src:local('��'),
	url('/common/font/Pretendard-Medium.woff') format('woff'),
	url('/common/font/Pretendard-Medium.woff2') format('woff2'),
	url('/common/font/Pretendard-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'PreSB';
    font-weight: 700;
    font-style: normal;
	src:url('/common/font/Pretendard-SemiBold.eot');
	src:local('��'),
	url('/common/font/Pretendard-SemiBold.woff') format('woff'),
	url('/common/font/Pretendard-SemiBold.woff2') format('woff2'),
	url('/common/font/Pretendard-SemiBold.otf') format('opentype');
}
@font-face {
    font-family: 'PreEB';
    font-weight: 900;
    font-style: normal;
	src:url('/common/font/Pretendard-ExtraBold.eot');
	src:local('��'),
	url('/common/font/Pretendard-ExtraBold.woff') format('woff'),
	url('/common/font/Pretendard-ExtraBold.woff2') format('woff2'),
	url('/common/font/Pretendard-ExtraBold.otf') format('opentype');
}
@font-face {
    font-family: 'Nanum';
    font-weight: 300;
    font-style: normal;
	src:url('/common/font/NanumMyeongjo.eot');
	src:local('��'),
	url('/common/font/NanumMyeongjo.woff') format('woff'),
	url('/common/font/NanumMyeongjo.woff2') format('woff2'),
	url('/common/font/NanumMyeongjo.ttf') format('truetype');
}
@font-face {
    font-family: 'Con';
    font-weight: 300;
    font-style: normal;
	src:url('/common/font/AnyConv.com__constan.eot');
	src:local('��'),
	url('/common/font/AnyConv.com__constan.woff') format('woff'),
	url('/common/font/AnyConv.com__constan.woff2') format('woff2'),
	url('/common/font/constan.ttf') format('truetype');
}

/*게ì??��??Œ ë²??��?Š¼ ?Š¤????¼*/
.prebtn{
	margin-top: 2rem;
    display: flex;
    justify-content: end;
}
.prebtn>a{
	width: 40px;
    display: inline-block;
    background-color: #fff;
    color: #333333 !important;
    text-align: center;
    padding: 8px;
    border-radius: 16px;
    font-family: 'PreR';
    margin-right: 10px;
    border: 1px solid #1b1b1b;
}
.btncancel{
	width: 40px;
    display: inline-block;
    background-color: #fff;
    color: #333333 !important;
    text-align: center;
    padding: 8px;
    border-radius: 16px;
    font-family: 'PreR';
    margin-right: 10px;
    border: 1px solid #1b1b1b;
}

.side_btn{
    position: fixed;
    bottom:20px; right:20px;
    z-index: 2;
}
.side_btn [class*="call-"]{
    width:90px; height:90px;
    border-radius: 50%;
    margin-bottom:10px;
    display: flex;
    justify-content: center; align-items: center;
    transition: all 0.3s;
}
.side_btn [class*="call-"]:hover{
        box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
}
.side_btn [class*="call-"] > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.side_btn .call-01{background:#503e7c;}
.side_btn .call-01:hover{background:#3f2875;}
.side_btn .call-02{background:#3b3c3f;}
.side_btn .call-02:hover{background:#222;}
.side_btn [class*="call-"] > a span{color:#fff; margin-top:5px; font-size:0.9rem;}

.side_btn .naver01{
    background: url(../../img/common/side_01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 77px;
    height: 77px;
}
.side_btn .naver01>a{
    display: block;
    width: 100%;
    height: 100%;
}
.side_btn .naver02{
    background: url(../../img/common/side_02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 77px;
    height: 77px;
}
.side_btn .naver02>a{
    display: block;
    width: 100%;
    height: 100%;
}
.side_btn .naverplace{
    background: url(../../img/common/side_naver.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 77px;
    height: 77px;
}
.side_btn .naverplace>a{
    display: block;
    width: 100%;
    height: 100%;
}
#scrollButton{
    width: 90px;
    height: 90px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    cursor: pointer;
    background:none;
    transition: all 0.3s;

    display:flex;
    align-items: center;
    justify-content: center;
}
#scrollButton img{transform: rotate(270deg); width:30%;}
#scrollButton:hover{
    background: #fff;
    border:1px solid #ccc;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
}

/*?¸???��?ë§?*/
.title{
	background: url(../../img/sub/title01.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
.hi_text{
	max-width: 1600px;
	margin: 0 auto 15rem auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.hi_text .left>h3{
	font-family: 'PreSB';
	font-size: 3rem;
	color: #333333;
	line-height: 4rem;
}
.hi_text .right p{
	font-family: 'PreR';
	color: #333333;
	font-size: 1.2rem;
	margin-bottom: 2rem;
	line-height: 1.8rem;
}
.hi_text .right .sshsign{
	display: flex;
	align-items: center;
	padding-top: 3rem;
}
.hi_text .right .sshsign>h3{
	font-family: 'Nanum';
    font-size: 1.5rem;
    margin-right: 2rem;
    letter-spacing: -1px;
}
.lawyergroup{
	width: 100%;
	position: relative;
}
.lawyergroup .groupwrap{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.lawyergroup .groupwrap .group{
	position: absolute;
	background-image:  linear-gradient(to right, #7a4a6e, #4b337e); /* 그라?°?´???��? ??��????��? ???��?? ??? */
    -webkit-background-clip: text; /* ???��??Š¤?Š¸???�ë�?? 그라?°?´???��? ? ?š© */
	font-family: 'PreSB';
	font-size: 7rem;
	color: transparent;
	animation: marquee 120s linear infinite;
	position: absolute;
	top: -70px;
	letter-spacing: 10px;
	display: inline-block;
	white-space: nowrap;
}
.lawyergroup .groupwrap .group.t1{
	animation-delay: -60s;
}
.lawyerimg{
	background: url(../../img/sub/lawyergroup.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 1450px;
}
.special{
	max-width: 1600px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto 10rem auto;
}
.special .left{
	flex: 1;
	position: relative;
}
.special .left>h4{
	font-family: 'PreSB';
    font-size: 1.12rem;
    color:#503e7c;
    text-decoration: underline;
    margin-bottom: 2rem;
}
.special .left>h2{
	font-family: 'PreSB';
    font-size: 3rem;
    color: #333333;
    line-height: 4rem;
}
.special .left .left_bg{
	position: absolute;
    top: 1250px;
    left: -555px;
    z-index: 0;
    opacity: 0.8;
}
.special .right{
	flex: 1.4;
}
.special .right .one{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 10rem;
}
.special .right .one>h2{
	font-family: 'PreSB';
	color: #000;
	font-size: 2.2rem;
	margin-bottom: 2rem;
}
.special .right .one>h2>span{
	font-family: 'Con';
	font-size: 3rem;
	color: #d6d4d8;
}
.special .right .one>p{
	font-family: 'PreR';
	color: #555555;
	font-size: 1.2rem;
	margin-bottom: 3rem;
	line-height: 2rem;
}
.special .right .one .oneimg{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
/*???��????��? ???��????��?*/
.title02{
	background: url(../../img/sub/title02.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title02-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title02-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title02-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title02-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
.news{
	width: 100%;
	margin-bottom: 10rem;
}
.news-in{
	max-width: 1600px;
	margin: 0 auto;
}
.news-list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.news-list li{
	width: calc(25% - 20px); /* 4ê°œì?? ??��??žê°? ?ž???œ¼ë¯?ë¡? 100% / 4 - margin ê°??��?œ¼ë¡? ì¡°ì ??? */
	margin: 10px;
	display: inline-block;
    vertical-align: middle;
}
.news-list>li>a:hover .listtit{
	text-decoration: underline;
}
.news-list>li>a:hover .sc{
	transform: translate(-50%, -50%) scale(1.2); /* ???��????��??Š??? ?¬ê¸°ë¡œ ì¡°ì ??????��????��??š??? */
}
.news-list>li>a:hover .list-box{
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.list-box{
	height: 100%;
    overflow: hidden;
    border-radius: 15px;
    margin: 0;
    background: #fff;
    position: relative;
	border: 0;
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.list-box .list-box-top{
	position: relative;
    overflow: hidden;
	padding-top: 70%;
}
.list-box .list-box-top>.sc{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	object-fit: cover;
    width: 100%;
    height: 100%;
	transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
}
.list-box-text{
	padding: 7%;
}
.list-box-text .listtit{
	font-family: 'PreSB';
	font-size: 1.25rem;
	color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-bottom: 1rem;
}
.list-box-text .listdate{
	font-family: 'PreSB';
	font-size: 15px;
	color: #8e9097;
}
/*???��????��????��????��?*/
.news-con{
	width: 100%;
	margin-bottom: 10rem;
}
.news-con-in{
	max-width: 1600px;
	margin: 0 auto;
}
.news-con-tit{
	border-top: 2px solid #000;
	border-bottom: 1px solid #333333;
	padding: 2rem 0;
}
.news-con-tit>h3{
	font-family: 'PreSB';
    font-size: 2.25rem;
    color: #000;
    margin-bottom: 2rem;
}
.news-view{
	display: flex;
	align-items: center;
}
.view-in{
	display: flex;
	align-items: center;
	margin-right: 1rem;
}
.view-in .writedate{
	font-family: 'PreSB';
    font-size: 16px;
    color: #333333;
	display: block;
}
.view-in .today{
	color:#503e7c;
	margin-left: 10px;
}
.view-in .viewnumber{
	color:#503e7c;
	margin-left: 10px;
}
.view-in>i{
	color: #333333;
	margin-right: 10px;
}
.news-con-sub{
	padding: 5rem 0 5rem 0;
	border-bottom: 2px solid #000;
}
.news-con-sub img{
	display: block;
	margin: 0 auto 2rem auto;
}
.news-con-sub p{
    font-family: 'PreM';
    color: #000;
    font-size: 1.12rem;
    line-height: 1.7rem;
	text-align: center;
}
.news-con-list{
	width: 100px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
	background-color:#503e7c;
	color: #fff;
	font-family: 'PreSB';
	font-size: 1.1rem;
	border-radius: 10px;
    margin: 4rem auto 0;
}
.news-con-list:hover{
	background-color: #6e51b3;
}

/*???�¸ë¡ ë³�?????*/
.title03{
	background: url(../../img/sub/title03.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title03-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title03-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title03-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title03-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
.report{
	width: 100%;
	margin-bottom: 10rem;
}
.report-inner,
.review_board
{
	max-width: 1600px;
	margin: 0 auto;
	box-sizing: border-box;
}
.review_board{margin-bottom:100px; }
.report_view{
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 2.5rem;
}
.report_view>p{
	font-family: 'PreSB';
	font-size: 1.2rem;
	color: #000;
}
#search2{
	display: flex;
	align-items: center;
	justify-content: center;
}
.report_view .count{
	color:#503e7c;
}
.report_list{
	font-size: 1.25rem;
    border-top: 2px solid #000;
}
.report_list ul{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.report_list ul li{
	display: flex;
    padding: 2rem 0;
    border-bottom: 1px solid #eee;
    color: #000;
    text-align: center;
	font-family: 'PreSB';
}
.report_list ul li>div:nth-of-type(1){
	width: 10%;
}
.report_list ul li>div:nth-of-type(2){
	width: 75%;
}
.report_list ul li>div:nth-of-type(3){
    width: 15%;
}
.report_no{
	font-family: 'PreM';
	color: #8e9097;
}
.board_tit{
	display: flex;
	gap: 0.75rem;
}
.board_tit span {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.report_date{
	font-family: 'PreM';
	color: #8e9097;
}
.page_wrap{
	width: 100%;
	margin-top: 5rem;
}
.page_wrap_inner{
	max-width: 1600px;
	margin: 0 auto;
}
.page_wrap_inner ul{
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'PreM';
	color: #333333;
}
.page_wrap_inner ul .page_check{
	background:#503e7c !important;
    border: 1px solid#503e7c;
	border-radius: 10px;
}
.page_wrap_inner ul .page_check>a{
	color: #fff;
}
.page_wrap_inner ul li{
	background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    display: inline-block;
    margin-right: 5px;
	color: #333333;
}
.page_wrap_inner ul li a{
	padding: 8px 16px;
    display: block;
    color: #000000;
}
.outview{
    background-color:#503e7c;
    padding: 10px;
    font-family: 'PreSB';
    font-size: 16px;
    cursor: pointer;
    color: white !important;
    display: block;
    width: 80px;
    text-align: center;
    margin: 2rem auto 0;
}
.board_tit_box{
	text-align: left;
}
/*???��???��¸ë¶?? ??�ê�??*/
.title18{
	background: url(../../img/sub/title18.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title18-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title18-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title18-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title18-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
.gallery-in{
	max-width: 1600px;
	margin: 10rem auto 20rem auto;
}
.gallery-in>h4{
	padding-bottom: 5rem;
    border-bottom: 1px solid #d3d3d3;
    font-family: 'PreSB';
    font-size: 3rem;
    color: #333333;
    margin-bottom: 7rem;
	line-height: 4rem;
}

.btn-next {
    right: var(--swiper-navigation-sides-offset, 35px) !important;
    left: auto;
	position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	background: url(../../img/sub/gallery-next.png);
	width: 50px;
	height: 50px;
}
.btn-prev {
    left: var(--swiper-navigation-sides-offset, 35px) !important;
    right: auto;
	position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	background: url(../../img/sub/gallery-prev.png);
	width: 50px;
	height: 50px;
}
.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.swiper-slide {
	background-size: cover;
	background-position: center;
}

.mySwiper2 {
	height: 960px;
	width: 100%;
}

.mySwiper3 {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
	margin-top: 30px;
	cursor: pointer;
}

.mySwiper3 .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
}

.mySwiper3 .swiper-slide-thumb-active {
	opacity: 1;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*??��????��??Š??�ê�??*/
.title04{
	background: url(../../img/sub/title04.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title04-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title04-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title04-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title04-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
.waymap{
	width: 100%;
	margin-bottom: 10rem;
}
.waymap-in{
	max-width: 1600px;
	margin: 10rem auto 15rem auto;
	display: flex;
	flex-direction: column-reverse;
}
.waymap-in .bot{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 10rem;
}
.waymap-in .bot .add{
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
}
.waymap-in .bot .add>h3{
	font-family: 'PreM';
	font-size: 1.5rem;
	color: #000;
	margin: 2rem 0 2rem 0;
}
.waymap-in .bot .add>p{
	font-family: 'PreR';
    color: #555555;
    font-size: 1.2rem;
	text-align: center;
	line-height: 2rem;
}
.waymap-in .bot .tel{
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
}
.waymap-in .bot .tel>h3{
	font-family: 'PreM';
	font-size: 1.5rem;
	color: #000;
	margin: 2rem 0 2rem 0;
}
.waymap-in .bot .tel>p{
	font-family: 'PreR';
    color: #555555;
    font-size: 1.2rem;
}
.waymap-in .bot .place{
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
}
.waymap-in .bot .place>h3{
	font-family: 'PreM';
	font-size: 1.5rem;
	color: #000;
	margin: 2rem 0 2rem 0;
}
.waymap-in .bot .place>p{
	font-family: 'PreR';
    color: #555555;
    font-size: 1.2rem;
	line-height: 2rem;
}
.waymap-in .bot .place>.bold{
	font-family: 'PreSB';
    margin-top: 2rem;
    color: #fff;
    background-color:#503e7c;
    padding: 5px;
}
.waymap-in .bot .subway{
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
}
.waymap-in .bot .subway>h3{
	font-family: 'PreM';
	font-size: 1.5rem;
	color: #000;
	margin: 2rem 0 2rem 0;
}
.waymap-in .bot .subway>p{
	font-family: 'PreR';
    color: #555555;
    font-size: 1.2rem;
	line-height: 2rem;
}

/*ë³???��????��? ???�Œê�??*/
.loop-img2{
    position: absolute;
    z-index: 2;
    top: 305px;
    right: 500px;
    animation-name: loop;
    animation-iteration-count: infinite;
    animation-duration: 10s;
    animation-timing-function: linear;
}
.lawyerinfo{
	background: url(../../img/sub/lawyerinfobg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 1000px;
    overflow: hidden;
}
.lawyerinfo-in{
	max-width: 1600px;
	margin: 0 auto;
}
.lawyerinfo-in .next{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	top: 500px;
}
.lawyerinfo-in .next .movebtnleft{
	background: url(../../img/main/btn_left.png);
	width: 68px;
	height: 68px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: none;
	cursor: pointer;
}
.lawyerinfo-in .next .movebtnright{
	background: url(../../img/main/btn_right.png);
	width: 68px;
	height: 68px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: none;
	cursor: pointer;
}
.lawyerinfo-in .flexbox{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.lawyerinfo-in .flexbox .left{
	width: 30%;
	position: relative;
	top: 95px;
}
.lawyerinfo-in .flexbox .left>img{
	width: 100%;
}
.lawyerinfo-in .flexbox .right{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: 40%;
}
.lawyerinfo-in .flexbox .right>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 4rem;
	margin-bottom: 2rem;
}
.lawyerinfo-in .flexbox .right>h2>span{
	font-family: 'PreT';
	color: #fff;
	font-size: 3rem;
}
.lawyerinfo-in .flexbox .right>h3{
	font-family: 'Nanum';
	color: white;
	font-size: 2.5rem;
	line-height: 3.5rem;
    margin-bottom: 2rem;

}
.lawyerinfo-in .flexbox .right .dash{
    width: 600px;
    border: 1px dashed #ffffff38;
	margin-bottom: 2rem;
}
.lawyerinfo-in .flexbox .right .call{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 60%;
	margin-bottom: 4rem;
}
.lawyerinfo-in .flexbox .right .call .call-in{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.lawyerinfo-in .flexbox .right .call .call-in>p{
	font-family: 'PreR';
	color: white;
	font-size: 1.1rem;
	padding-left: 20px;
}
/*.lawyerinfo-in .flexbox .right .advice{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 60%;
}*/
.lawyerinfo-in .flexbox .right .advice .adbtn{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 180px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 30px;
    color: white;
	font-family: 'PreM';
	font-size: 1rem;
	background-color: transparent;
	cursor: pointer;
	box-sizing: border-box;
}
.lawyerinfo-in .flexbox .right .advice .adbtn:hover{
	background-image:  linear-gradient(to right, #7a4a6e, #4b337e);
	border: none;
}
.profile{
	width: 100%;
}
.profile-in{
	max-width: 1600px;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin: 0 auto 16rem auto;
}
.profile>.profile-in>.left{
	border-right: 1px solid #d3d3d3;
	width: 85%;
	/* height: 85vh; */
}
.profile .left-in{
	display: flex;
	flex-direction: column;
	padding-top: 10rem;
}
.profile .left-in .fir{
	margin-bottom: 7rem;
}
.profile .left-in .fir p{
	font-family: 'PreR';
	font-size: 18px;
	color: #333333;
	line-height: 30px;
}
.profile .left-in .fir .one{
	margin-bottom: 2rem;
}
.profile .left-in .sec{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	/*width: 85%;*/
}
.profile .left-in .sec .left{
	flex: 0.6;
}
.profile .left-in .sec .left>h3{
	font-family: 'PreEB';
	color: #000;
	font-size: 1.9rem;
	margin-bottom: 2rem;
}
.profile .left-in .sec .left>p{
	font-family: 'PreR';
	font-size: 18px;
	color: #333333;
	margin-bottom: 1rem;
	line-height: 1.6rem;
}
.profile .left-in .sec .left>p:last-child{
	margin-bottom: 0;
}
.profile>.profile-in>.left>.left-in .sec>.right{
	flex: 0.7;
}
.profile>.profile-in>.left>.left-in .sec>.right>h3{
	font-family: 'PreEB';
	color: #000;
	font-size: 1.9rem;
	margin-bottom: 2rem;
}
.profile .left-in .sec .right>p{
	font-family: 'PreR';
	font-size: 18px;
	color: #333333;
	margin-bottom: 1rem;
	line-height: 1.6rem;
}
.profile .left-in .sec .right>p:last-child{
	margin-bottom: 0;
}
.profile .left-in .sec .right2{
	flex: 1;
	padding-top: 3.8rem;
}
.profile .left-in .sec .right2>p{
	font-family: 'PreR';
	font-size: 18px;
	color: #333333;
	margin-bottom: 1rem;
	line-height: 1.6rem;
}
.profile .left-in .sec .right2>p:last-child{
	margin-bottom: 0;
}
.profile .left-in .sec .right3{
	flex: 1;
}
.profile .left-in .sec .right3>h3{
	font-family: 'PreEB';
    color: #000;
    font-size: 1.9rem;
    margin-bottom: 2rem;
	padding-left: 55px;
}
.profile .left-in .sec .right3>p{
	font-family: 'PreR';
	font-size: 18px;
	color: #333333;
	margin-bottom: 1rem;
	line-height: 1.6rem;
	padding-left: 55px;
}
.profile .left-in .sec .right3>p:last-child{
	margin-bottom: 0;
}
.profile-in>.right{
	width: 20%;
	display: flex;
	flex-direction: column;
	padding-top: 12rem;
}
.profile-in .right .major{
    font-family: 'PreR';
    font-size: 1.7rem;
    color: #000;
	border-bottom: 1px solid #d3d3d3;
}
.profile-in .right .major>h3{
	font-family: 'PreR';
	font-size: 1.7rem;
	color: #000;
	margin-bottom: 2rem;
	margin-left: 4rem;
}
.profile-in .right .major .square{
    font-family: 'PreR';
    font-size: 15px;
    color: #333333;
    border: 1px solid #959ca5;
    display: inline-block;
    padding: 10px;
    margin-bottom: 1rem;
    width: 50%;
    text-align: center;
	margin-left: 4rem;
}
.profile-in .right .major .square:last-child{
	margin-bottom: 3rem;
}
.profile-in .right .have{
	margin-top: 3rem;
}
.profile-in .right .have>h3{
	font-family: 'PreR';
	font-size: 1.7rem;
	color: #000;
	margin-bottom: 2rem;
	margin-left: 4rem;
}
.profile-in .right .have>p{
	font-family: 'PreR';
    font-size: 15px;
    color: #333333;
	margin-left: 4rem;
	margin-bottom: 1rem;
}
.profile-in .right .have>p:last-child{
	margin-bottom: 3rem;
}
.profile-in .right .lang{
	margin-top: 3rem;
}
.profile-in .right .lang>h3{
	font-family: 'PreR';
	font-size: 1.7rem;
	color: #000;
	margin-bottom: 2rem;
	margin-left: 4rem;
}
.profile-in .right .lang>p{
	font-family: 'PreR';
    font-size: 15px;
    color: #333333;
	margin-left: 4rem;
	margin-bottom: 1rem;
}
.profile-in .right .lang>p:last-child{
	margin-bottom: 0;
}
.suc{
	width: 100%;
	background-color: #f5f5f5;
}
.suc-in{
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	padding: 4% 0 4% 0;
}
.suc-in .top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem;
}
.suc-in .top>h3{
	font-family: 'PreM';
	color: #000;
	font-size: 2rem;
	padding-left: 10px;
}
.suc-in .top .more{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.suc-in .top .more>a{
	font-family: 'PreEB';
	color: #000;
	font-size: 14px;
}
.suc-in .top .more>img{
	margin-left: 1rem;
}
.suc-in .bot{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.suc-in .bot .box{
    width: auto;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 15px;
    padding: 30px;
	overflow: hidden;
	transition: all 0.5s;
	cursor: pointer;
}
.suc-in .bot .box:hover{
	background-color:#503e7c;
	border: 1px solid#503e7c;
}
.suc-in .bot .box:hover .hash{
	color: #fff;
}
.suc-in .bot .box:hover .name{
	color: #fff;
	text-decoration: underline;
}
.suc-in .bot .box:hover .text{
	color: #fff;
}
.suc-in .bot .box:hover .plus{
	filter: invert(100%);
}
.suc-in .bot .box .hash{
	color: #717171;
	font-family: 'PreM';
	font-size: 1rem;
	margin-bottom: 2rem;
}
.suc-in .bot .box .name{
	font-family: 'PreM';
    color: #000;
    font-size: 1.45rem;
	margin-bottom: 1rem;
	height: 70px;
}
.suc-in .bot .box .text{
	font-family: 'PreM';
	color: #000;
	font-size: 1.2rem;
	margin-bottom: 4rem;
}
.suc-in .bot .box .plus{
	position: relative;
    left: 95%;
}
.inquiry{
	width: 100%;
	background: url(../../img/sub/inquiry_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.inquiry-in{
	max-width: 1600px;
	margin: 0 auto;
	padding: 4% 0 4% 0;
}
.inquiry-in>h4{
	font-family: 'PreSB';
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
    margin-bottom: 2rem;
}
.inquiry-in>h2{
	font-family: 'PreSB';
    font-size: 3rem;
    color: #fff;
    line-height: 4rem;
	margin-bottom: 2rem;
}
.inquiry-in .adbtn{
	display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 180px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 30px;
    color: white;
    font-family: 'PreM';
    font-size: 1rem;
    background-color: transparent;
    cursor: pointer;
	box-sizing: border-box;
}
.inquiry-in .adbtn:hover{
	background-image:  linear-gradient(to right, #7a4a6e, #4b337e);
	border: none;
}
.inquiry01{
	width: 100%;
	background: url(../../img/sub/inquiry_bg02.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.inquiry02{
	width: 100%;
	background: url(../../img/sub/inquiry_bg03.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.inquiry03{
	width: 100%;
	background: url(../../img/sub/inquiry_bg04.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.inquiry04{
	width: 100%;
	background: url(../../img/sub/inquiry_bg05.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.inquiry005{
	width: 100%;
	background: url(../../img/sub/inquiry_bg005.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
/*???��?�ë�?´ë¶??????��?*/
.loop-img4{
    position: absolute;
    z-index: 2;
    top: 146px;
    right: 318px;
    animation-name: loop;
    animation-iteration-count: infinite;
    animation-duration: 10s;
    animation-timing-function: linear;
}
.business_sel{
	background: url(../../img/sub/business_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 116vh;
}
.sel_in{
	display: flex;
	justify-content: space-around;
	align-items: center;
    max-width: 1600px;
    margin: 0 auto;
	height: 100%;
}
.sel_in .left{
	width: 20%;
	margin-top: 5%;
}
.sel_in .left .select{
	display: flex;
    flex-direction: column;
    text-align: center;
    font-family: 'PreM';
}
.sel_in .left .select .selbox{
    background-color: #292929;
    margin-bottom: 10px;
    padding-right:18px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
/*    width:calc(33.333% - 8px);*/
}
.sel_in .left .select .selbox:last-child{
	margin-bottom: 0;
}
.sel_in .left .select .selbox>a{
    color: #fff;
    display: block;
    font-size: 1.2rem;
    transition: all 0.3s ease;
    width: 100%;
    text-align: left;
    padding: 7%;
}
.sel_in .left .select .selbox:hover{
	background-image:  linear-gradient(to right, #7a4a6e, #4b337e);
	transition: all 0.3s ease;
}
.sel_in .right{
	width: 70%;
    position: relative;
    top: 170px;
    left: 0px;
}
.sel_in .right .rigttit{
	font-family: 'Nanum';
    color: #fff;
    text-align: center;
    position: absolute;
    font-size: 2.25rem;
    line-height: 3.7rem;
    right: 277px;
    opacity: 0.7;
    bottom: 360px;
}
.sel_in .right>img{
    width: 100%;
    position: absolute;
    top: -339px;
}
/*?¼ë°?��??¼ì??��?*/
.title05{
	background: url(../../img/sub/title05.png);
	max-width: 1700px;
	margin: 98px auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title05-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title05-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title05-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title05-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
.business-area{
	width: 100%;
}
.area-in{
	max-width: 1600px;
	margin: 0 auto;
}
.area-in>h3{
	font-family: 'Con';
	color:#503e7c;
	font-size: 4.25rem;
	margin-bottom: 5rem;
}
.areaflex{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row-reverse;
}
.areaflex .left{
	border-left: 1px solid #d3d3d3;
    flex: 5;
    margin-bottom: 5%;
    padding-left: 5%;
}





/* �����о� new */
.business-area .left{display:flex; flex-direction: column;}
.business_tab{display:flex; margin-bottom:60px;}
.business_tab.tab_sticky{position: sticky;	top: 100px; z-index: 9;}
.business_tab li{transition:all 0.3s; width:calc(33.3333% - 10px); margin-right:10px; padding:20px 15px; border:1px solid #ccc; display: flex; justify-content: center; align-items: center; box-sizing: border-box; border-radius: 15px 0 15px 0;}
.business_tab li:hover,
.business_tab li.active{background: #503e7c; border:1px solid #503e7c; cursor: pointer;}
.business_tab li:hover span{color:#fff;}
.business_tab li span{position:relative; padding-left:60px; font-size:1.2rem; font-weight:bold;}
.business_tab li span:before{position:absolute; left:0; top:50%; transform: translateY(-50%); color:#777;  font-weight:normal; font-size:1rem;}
.business_tab li:nth-of-type(1) span:before{content:'01';}
.business_tab li:nth-of-type(2) span:before{content:'02';}
.business_tab li:nth-of-type(3) span:before{content:'03';}
.business_tab li:nth-of-type(4) span:before{content:'04';}
.business_tab li:hover span:before{color:#fff;}
.business_tab li span:after{position:absolute; left:30px; top:50%; transform: translateY(-50%); width:20px; height:1px; background:#ccc; content:'';}
.busi_cont{padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #ccc;}
.busi_cont:last-child{padding-bottom:0; margin-bottom:0; border-bottom:none;}

.busi_cont .busi_h3{position:relative; background:#503e7c; color:#fff; margin-bottom:40px; font-size:1.3rem; font-weight:bold; padding:20px 20px 20px 70px; border-radius: 10px;}
.busi_cont .busi_h3:before{ position:absolute; top:50%; left:20px; font-size:1rem; font-weight: normal; transform:translateY(-50%); line-height:1rem;}
.busi_cont:nth-of-type(1) .busi_h3:before{content:'01';}
.busi_cont:nth-of-type(2) .busi_h3:before{content:'02';}
.busi_cont:nth-of-type(3) .busi_h3:before{content:'03';}
.busi_cont:nth-of-type(4) .busi_h3:before{content:'04';}

.busi_cont .busi_h3:after{position:absolute; left:53px; top:50%; transform: translateY(-50%); width:1px; height:10px; background:#ccc; content:'';}
.busi_cont .busi_h3 + .busi_item{padding-left:20px;}

.busi_cont .grayBx{background:#f3f3f3; padding:25px; margin-bottom:50px; border-radius: 15px; line-height:1.8em; font-size:1.125em;}
.busi_cont .busi_h4{position:relative; padding-left:30px; font-size: 1.2rem; margin-bottom:15px; font-size:1.3rem; font-weight:bold;}
.busi_cont .busi_h4:after{position:absolute; content:''; left:0; top:50%; transform: translateY(-50%); width: 20px; height: 20px; background:url(../../img/sub/sub_check.png) no-repeat;}
.busi_cont .busi_h4 + .cont{ border:1px dashed #ccc; margin-bottom:70px; padding:25px; line-height:1.8em; font-size:1.125em; border-radius:10px; }

.busi_cont .conLst{display:flex; flex-direction: column;}
.busi_cont .conLst li{position:relative; margin-bottom:12px; padding-left:12px; font-size:1.025rem;}
.busi_cont .conLst li:before{position:absolute; left:0; top:50%; width:3px; height:3px; background:#555; content:''; transform:translateY(-50%); }





.areaflex .right{
	flex: 0.7;
	padding-right: 3%;
}
.areaflex .left .leftin{
	margin-bottom: 5%;
    padding-left: 5%;
}
.areaflex .left .leftin>p{
	font-family: 'PreR';
    font-size: 1.3rem;
    color: #333333;
    line-height: 2.6rem;
}
.areaflex .left .leftbg{
	padding-bottom: 12%;
	padding-top: 5%;
	position: relative;
	background-color: #f3f3f3;
}
.areaflex .left .leftbg::before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -1000px;
    bottom: 0;
    width: 1000px;
    background: #f3f3f3;
}
.areaflex .left .leftbg>h4{
	font-family: 'PreEB';
    color: #000;
    font-size: 1.5rem;
    margin-bottom: 2rem;
	padding-left: 5%;
}
.areaflex .left .leftbg>p{
	font-family: 'PreR';
    font-size: 1.3rem;
    color: #333333;
    margin-bottom: 1.5rem;
	padding-left: 5%;
}
.sidemenu{
	font-family: 'PreR';
    font-size: 1rem;
    color: #333333;
    border: 1px solid #959ca5;
    margin-bottom: 1rem;
    text-align: center;
	transition: all 0.3s;
	cursor: pointer;
}
.sidemenu>a{
	padding: 15px 0 15px 0;
	display: block;
	width: 100%;
}
.sidemenu:hover{
	background-color:#503e7c;
	border: 1px solid#503e7c;
}
.sidemenu:hover>a{
	color: #fff;
}
.sidemenu.active{
	background-color:#503e7c;
	border: 1px solid#503e7c;
}
.sidemenu.active>a{
	color: #fff;
	display: block;
	width: 100%;
}
.suc02{
	width: 100%;
	background-color: #1b1b1b;
}
.suc02-in{
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	padding: 4% 0 4% 0;
}
.suc02-in .top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem;
}
.suc02-in .top>h3{
	font-family: 'PreM';
	color: #fff;
	font-size: 2rem;
}
.suc02-in .top .more{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.suc02-in .top .more>a{
	font-family: 'PreEB';
	color: #fff;
	font-size: 14px;
}
.suc02-in .top .more>img{
	margin-left: 1rem;
}
.suc02-in .bot{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.suc02-in .bot .box{
    width: 18%;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 15px;
    padding: 30px;
	overflow: hidden;
	transition: all 0.5s;
	cursor: pointer;
}
.suc02-in .bot .box:hover{
	background-color:#503e7c;
	border: 1px solid#503e7c;
}
.suc02-in .bot .box:hover .hash{
	color: #fff;
}
.suc02-in .bot .box:hover .name{
	color: #fff;
	text-decoration: underline;
}
.suc02-in .bot .box:hover .text{
	color: #fff;
}
.suc02-in .bot .box:hover .plus{
	filter: invert(100%);
}
.suc02-in .bot .box .hash{
	color: #717171;
	font-family: 'PreM';
	font-size: 1rem;
	margin-bottom: 2rem;
}
.suc02-in .bot .box .name{
	font-family: 'PreM';
    color: #000;
    font-size: 1.45rem;
    margin-bottom: 1rem;
    height: 90px;
}
.suc02-in .bot .box .text{
	font-family: 'PreM';
	color: #000;
	font-size: 1.2rem;
	margin-bottom: 4rem;
}
.suc02-in .bot .box .plus{
	position: relative;
    left: 95%;
}
/*?¼ë°?��??��?????��?*/
.title06{
	background: url(../../img/sub/title06.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title06-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title06-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title06-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title06-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
/*?´??��???��????��?*/
.title07{
	background: url(../../img/sub/title07.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title07-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title07-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title07-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title07-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
/*?Œì£? ???�±ë²�?��?£???*/
.title08{
	background: url(../../img/sub/title08.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title08-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title08-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title08-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title08-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
/*ê±´ì??��? ë¶???��???��?*/
.title09{
	background: url(../../img/sub/title09.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title09-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title09-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title09-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title09-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
/*ì¡°ì??��? ???��??? ???*/
.title10{
	background: url(../../img/sub/title10.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title10-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title10-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title10-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title10-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
/*기ì??��?? ??��????��?*/
.title11{
	background: url(../../img/sub/title11.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title11-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title11-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title11-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title11-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
/*???��???�� ???��??ž¬*/
.title12{
	background: url(../../img/sub/title12.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title12-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title12-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title12-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title12-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
/*ì§????��? ?ž¬???�°ê�??*/
.title13{
	background: url(../../img/sub/title13.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title13-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title13-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title13-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title13-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
/*???�™êµí­? ¥*/
.title14{
	background: url(../../img/sub/title14.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title14.title15{
	background: url(../../img/sub/title19.png);
	background-size: cover;
}
.title14.title16{
	background: url(../../img/sub/title20.png);
	background-size: cover;
}
.title14-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title14-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title14-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title14-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
/*?Š¹???��????��?ë¡?*/
.loop-img3{
    position: absolute;
    z-index: 2;
    top: 225px;
    left: 600px;
    animation-name: loop;
    animation-iteration-count: infinite;
    animation-duration: 10s;
    animation-timing-function: linear;
}
.title15{
	background: url(../../img/sub/title15.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title15-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title15-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title15-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title15-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
.success_intro{
	background: url(../../img/sub/success_bg.jpg);
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 15% 0 15% 0;
}
.intro-in{
	max-width: 1400px;
	margin: 0 auto;
}
.intro-in>h3{
	font-family: 'PreSB';
    font-size: 4.5rem;
    color: #fff;
    line-height: 5rem;
    line-height: 6rem;
}
.intro-in>p{
	font-family: 'PreM';
    font-size: 2.25rem;
    color: #000000;
    line-height: 3.5rem;
    text-align: right;
}
.success-area{
	width: 100%;
	margin-bottom: 15rem;
}
.success-area-in{
	max-width: 1600px;
	margin: 0 auto 10rem auto;
}
.top_form{
	max-width: 1600px;
    margin: 10rem auto 7rem auto;
    text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: row-reverse;
}
#srch{
	padding-bottom: 5rem;
    border-bottom: 1px solid #d3d3d3;
}
.report_search{
	display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.report_search_in{
	position: relative;
    width: 40rem;
    height: 5rem;
    border: 1px solid #dddddd;
    border-radius: 0.75rem;
    overflow: hidden;
}
.report_search_in .inp{
	width: 100%;
    height: 100%;
    padding: 0 1rem;
    border: 0;
    outline: 0;
    background: 0;
    font-size: 1rem;
    color: #3b3b3b;
	font-family: 'PreM';
}
.report_search_in .srch_btn{
	position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    color: rgba(0, 0, 0, 0);
    background: no-repeat center center;
    background-image: url(../../img/sub/serch.png);
    background-size: 100% auto;
	border: none;
	cursor: pointer;
}
.all_view{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#503e7c;
    cursor: pointer;
    width: 7rem;
    height: 5rem;
    border-radius: 0.75rem;
    margin-right: 2rem;
}
.all_view>h3{
	font-family: 'PreSB';
    color: #000;
    font-size: 1rem;
    margin-right: 7px;
    color: white;
}
.successflex{
	display: flex;
	flex-direction: column;
}
.succon{
	width: 100%;
    padding-top: 5rem;
    display: flex;
    align-items: center;
	flex-wrap: wrap;
}
.succon .box{
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 15px;
    padding: 2%;
    overflow: hidden;
    transition: all 0.5s;
    width: calc(20% - 6px);
	cursor: pointer;
	margin: 10px;
}
.succon .box .hash{
	color: #717171;
    font-family: 'PreM';
    font-size: 1.12rem;
    margin-bottom: 2rem;
}
.succon .box .name{
	font-family: 'PreM';
    color: #000;
    font-size: 1.55rem;
    height: 90px;
	margin-bottom: 2rem;
}
.succon .box .text{
	font-family: 'PreM';
    color: #000;
    font-size: 1.2rem;
    padding-bottom: 2rem;
	/* border-bottom: 1px solid#503e7c; */
	height: 110px;
}
.succon .box .lawppwrap{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row-reverse;
	height: 110px;
}
.succon .box .lawppwrap img{
	margin-right: 13px;
}
.succon .box .lawpp{
	font-family: 'PreM';
    color: #000;
    font-size: 1.2rem;
	text-align: right;
}
.succon .box .plus{
	position: relative;
    left: 95%;
}
.succon .box:hover{
	background-color:#503e7c;
	border: 1px solid#503e7c;
}
.succon .box:hover .hash{
	color: #fff;
}
.succon .box:hover .name{
	color: #fff;
	text-decoration: underline;
}
.succon .box:hover .text{
	color: #fff;
	/* border-bottom: 1px solid #ffffff; */
}
.succon .box:hover .lawpp{
	color: #fff;
	text-decoration: underline;
}
.succon .box:hover .plus{
	filter: invert(100%);
}
.successright>#sidenav{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.successright>#sidenav>.sidemenu{
	flex: 0.5;
	font-family: 'PreR';
    font-size: 1rem;
    color: #333333;
    margin-bottom: 1rem;
    text-align: center;
    transition: all 0.3s;
    cursor: pointer;
	border: none;
	border-top: 1px solid #959ca5;
    border-right: 1px solid #959ca5;
    border-bottom: 1px solid #959ca5;
}
.successright>#sidenav>.sidemenu:first-child{
	border-left: 1px solid #959ca5;;
}
.inquiry05{
	width: 100%;
	background: url(../../img/sub/inquiry_bg06.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.pager_btn{display: none;} /*?´? ???,???��??Œ ë²??��?Š¼*/
/*?Š¹???��????��?ë¡? ?Š¤???��?*/
.suc-con-flex{
	padding: 5rem 0 5rem 0;
	border-bottom: 2px solid #000;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.suc-con-sub{
	width: 50%;
}
.suc-con-sub .text{
	font-family: 'PreM';
    color: #000;
    font-size: 1.25rem;
    line-height: 2.5rem;
}
.summary{
	margin-bottom: 5rem;
}
.summary-in{
	display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
.summary-in>h4{
	font-family: 'PreSB';
    margin-left: 1rem;
    font-size: 1.5rem;
}
.exclamation{
	margin-bottom: 5rem;
}
.exclamation-in{
	display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
.exclamation-in>h4{
	font-family: 'PreSB';
    margin-left: 1rem;
    font-size: 1.5rem;
}
.star{
	margin-bottom: 5rem;
}
.star-in{
	display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
.star-in>h4{
	font-family: 'PreSB';
    margin-left: 1rem;
    font-size: 1.5rem;
}
.suc-con-right{
	width: 30%;
}
.respon-lawyer>img{
    display: block;
    margin: 0 auto;
    border-bottom: 1px solid;
    padding-bottom: 2rem;
}
.resultimg>img{
    width: 100%;
    display: block;
    margin: 0 auto;
}
.hidden .tag{
	color: #fff;
	display: inline;
}
/*문ì?? 게ì??��??Œ*/
.title16{
	background: url(../../img/sub/title16.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title16-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title16-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title16-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title16-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
#srch2{
	display: flex;
    align-items: center;
}
.input_select_wrap{
	position: relative;
    width: 100%;
    display: inline-block;
    padding-right: 1rem;
}
#search_category{
	width: 10rem;
    height: 4rem;
    border: 1px solid #dddddd;
    border-radius: 0.75rem;
	padding: 0 1rem;
    padding-right: 20px;
    outline: none;
    border-radius: 0.75rem;
    background: #fff;
    transition: all 0.15s;
    font-size: 1rem;
    color: #000;
    font-family: 'PreM';
}
.report_search2{
	display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.report_search_in2{
	position: relative;
    width: 38rem;
    height: 4rem;
    border: 1px solid #dddddd;
    border-radius: 0.75rem;
    overflow: hidden;
}
.report_search_in2 .inp2{
	width: 100%;
    height: 100%;
    padding: 0 1rem;
    border: 0;
    outline: 0;
    background: 0;
    font-size: 1rem;
    color: #8e9097;
	font-family: 'PreM';
}
.report_search_in2 .srch_btn2{
	position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    color: rgba(0, 0, 0, 0);
    background: no-repeat center center;
    background-image: url(../../img/sub/serch.png);
    background-size: 100% auto;
	border: none;
}
.report_list2{
	font-size: 1.25rem;
    border-top: 2px solid #000;
}
.report_list2 ul{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.report_list2 ul li{
	display: flex;
    padding: 2rem 0;
    border-bottom: 1px solid #eee;
    color: #000;
    text-align: center;
	font-family: 'PreSB';
}
.report_list2 ul li>div:nth-of-type(1){
	width: 10%;
}
.report_list2 ul li>div:nth-of-type(2){
	width: 70%;
}
.report_list2 ul li>div:nth-of-type(3){
    width: 10%;
}
.report_list2 ul li>div:nth-of-type(4){
    width: 10%;
}
.report_people{
	font-family: 'PreM';
	color: #8e9097;
}
.report_no2{
	font-family: 'PreM';
	color: #8e9097;
}
.inquirycom{
	display: flex;
	gap: 0.75rem;
	align-items: center;
}
.board_tit2 span {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-align: left;
}
.board_tit2 .complete{
	background-color:#503e7c;
    color: #fff;
    font-size: 12px;
    padding: 5px;
    font-family: 'PreR';
    border-radius: 14px;
}
.report_date2{
	font-family: 'PreM';
	color: #8e9097;
}
.answer{
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
    margin-top: 3rem;
    padding: 3rem 0 3rem 0;
    display: flex;
	align-items: center;
}
.appleanswer{
	margin-left: 1rem;
	font-family: 'PreM';
    color: #000;
    font-size: 1rem;
	margin-right: 1rem;
}
.answer>.date{
	font-family: 'PreR';
}
.answer>.date>a{
	display: inline-block;
    border: 1px solid #000;
    padding: 7px;
    border-radius: 15px;
}
.write_page{
	width: 100%;
	max-width: 1600px;
	display: flex;
	justify-content: center;
	margin: 4rem auto 0 auto;
}
.gowrite{
	width: 120px;
    padding: 13px;
    text-align: center;
    cursor: pointer;
    background-color:#503e7c;
    color: #fff;
    font-family: 'PreSB';
    font-size: 1.1rem;
    border-radius: 10px;
}
.gowrite:hover{
	background-color: #6e51b3;
}
/*??��????��? ??��????��?*/
.title17{
	background: url(../../img/sub/title17.png);
	max-width: 1700px;
	margin: 6.5rem auto 7rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px 0 100px 0;
	background-size: cover;
	padding: 8% 0 8% 0;
}
.title17-in{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
.title17-in>h2{
	font-family: 'PreSB';
	color: #fff;
	font-size: 3.7rem;
}
.title17-in .title-sub{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 15%;
	margin-top: 2rem;
}
.title17-in .title-sub p{
	font-family: 'PreSB';
	color: white;
	font-size: 15px
}
.reservation{
	width: 100%;
	margin-bottom: 10rem;
	position: relative;
}
.reservation-in{
	max-width: 1600px;
    margin: 0 auto 15rem auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.reservation-in>h3{
	font-family: 'PreSB';
    font-size: 3rem;
    color: #333333;
    line-height: 4rem;
	flex: 1;
}
.reservation-in .left_bg{
	position: absolute;
    /* opacity: 0.8; */
    top: 347px;
    left: -100px;
}
.reservation-in>.right_form{
	flex: 1;
}
.reser{
	background: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
    padding: 60px;
}
.reser .dot>p{
	color: #e33662;
    font-family: 'PreSB';
    text-align: right;
    font-size: 1rem;
	margin-bottom: 1.5rem;
}
.writebox .dot>p{
	color: #e33662;
    font-family: 'PreSB';
    text-align: right;
    font-size: 1rem;
	margin-bottom: 1.5rem;
}
.writebox .st{
	color: #e33662;
    margin-right: 5px;
}
.reser .formbox{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 2rem;
}
.reser .formbox .st{
	color: #e33662;
    margin-right: 5px;
}
.reser .formbox .st2{
	color: #000;
    margin-right: 5px;
}
.reser .formbox label{
	font-family: 'PreM';
    font-size: 1.1rem;
    font-weight: bold;
    color: #000;
    padding: 15px 0 15px 0;
}
.reser .formbox #cmanager{
	width: 85%;
    height: 100%;
	padding: 15px 0 15px 10px !important;
    color: #000;
    box-shadow: 0px 0px 0px 1px #ddd;
    outline: none;
    border-radius: 4px;
    background: transparent;
    transition: all 0.15s;
    border: none;
	font-family: 'PreM';
    font-size: 1.1rem;
	box-sizing: border-box;
}
.reser .formbox #lawyer-select{
	width: 85%;
    height: 100%;
	padding: 15px 0 15px 5px !important;
    color: #575757;
    box-shadow: 0px 0px 0px 1px #ddd;
    outline: none;
    border-radius: 4px;
    background: transparent;
    transition: all 0.15s;
    border: none;
    font-family: 'PreM';
    font-size: 16px;
	box-sizing: border-box;
}
input::placeholder{
    font-family: 'PreM';
    font-size: 16px;
    color: #575757;
}
textarea::placeholder{
    font-family: 'PreM';
    font-size: 16px;
    color: #575757;
}

.reser .formbox #ctype{
	width: 85%;
    height: 100%;
	padding: 15px 0 15px 5px !important;
    color: #575757;
    box-shadow: 0px 0px 0px 1px #ddd;
    outline: none;
    border-radius: 4px;
    background: transparent;
    transition: all 0.15s;
    border: none;
    font-family: 'PreM';
    font-size: 16px;
	box-sizing: border-box;
}
.reser .formbox #ctel{
	width: 85%;
    height: 100%;
	padding: 15px 0 15px 10px !important;
    padding-right: 20px;
    color: #000;
    box-shadow: 0px 0px 0px 1px #ddd;
    outline: none;
    border-radius: 4px;
    background: transparent;
    transition: all 0.15s;
    border: none;
	font-family: 'PreM';
    font-size: 1.1rem;
	box-sizing: border-box;
}
.reser .formbox #cemail{
	width: 85%;
    height: 100%;
	padding: 15px 0 15px 10px !important;
    padding-right: 20px;
    color: #000;
    box-shadow: 0px 0px 0px 1px #ddd;
    outline: none;
    border-radius: 4px;
    background: transparent;
    transition: all 0.15s;
    border: none;
	font-family: 'PreM';
    font-size: 1.1rem;
	box-sizing: border-box;
}
.reser .formbox #comment{
	width: 85%;
    height: 100%;
	padding: 15px 0 15px 10px !important;
    padding-right: 20px;
    color: #000;
    box-shadow: 0px 0px 0px 1px #ddd;
    outline: none;
    border-radius: 4px;
    background: transparent;
    transition: all 0.15s;
    border: none;
	font-family: 'PreM';
    font-size: 1.1rem;
	box-sizing: border-box;
}
.check02{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.check02 .agree{
	font-family: 'PreM';
    font-size: 1.2rem;
    color: #000;
}
#agree {
    display: none;
  }
  
  /* 커스??? 체크ë°??��?Š¤ ?Š¤????¼ */
  input[type="checkbox"] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px; /* 체크ë°??��?Š¤???��? ê³µê°??????? 만ë??�¤ê�?? ?œ??????��? ??��¼ìª? ?Œ¨???��? ì¶??��??? */
  }
  
  /* 커스??? 체크ë°??��?Š¤ ???��???´ì½? ?Š¤????¼ */
  input[type="checkbox"] + label:before {
	content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    position: absolute;
    left: -24px;
    top: 1px;
    background-color: transparent;
    border-radius: 20px;
  }
  
  /* 체크?œ ??��???��???? 커스??? 체크ë°??��?Š¤ ???��???´ì½? ?Š¤????¼ */
  input[type="checkbox"]:checked + label:before {
    background-color:#503e7c; /* 체크??????��????? ???��???? ??��????��? */
    border-color:#503e7c;
  }
  
  /* 체크?œ ??��???��???? 체크ë°??��?Š¤ ???��???´ì½? */
  input[type="checkbox"]:checked + label:after {
	content: "\2713";
    font-size: 20px;
    color: #fff;
    position: absolute;
    left: -21px;
    top: 1px;
  }
  .reser .finish>input{
	width: 100%;
    border: none;
    background-color: white;
    color: black;
    font-size: 1.2rem;
    font-family: 'preSB';
    padding: 15px;
    cursor: pointer;
	box-shadow: 0px 0px 0px 1px #ddd;
	box-sizing: border-box;
	border-radius: 4px;
	transition: all 0.15s;
  }
.reser .finish>input:hover{
	background-color:#503e7c;
	box-shadow: none;
	color: #fff;
}
.lawyerimg02{
	background: url(../../img/sub/lawyergroup02.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 1125px;
}
.writeform{
	width: 100%;
	margin-bottom: 10rem;
}
.writeform_in{
	max-width: 1600px;
	margin: 0 auto;
}
.wrfo{
	display: flex;
	flex-direction: column;
	width: 50%;
	margin: 0 auto;
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
    padding: 60px;
}
.writebox{
	display: flex;
	flex-direction: column;
}
.writeform_in .wrfo .writebox label{
	font-family: 'PreSB'; /* ?°?Š¸ ë³?ê²? */
	font-size: 18px; /* ?°?Š¸ ?¬ê¸? ë³?ê²? */
	color: #000;
	padding-bottom: 10px;
}
.writeform_in .wrfo input[type="text"],
.writeform_in .wrfo input[type="password"],
.writeform_in .wrfo textarea,
.writeform_in .wrfo input[type="date"] {
	width: 100%;
	padding: 10px;
	margin-bottom: 2rem;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	font-family: 'PreR'; /* ?°?Š¸ ë³?ê²? */
	font-size: 16px; /* ?°?Š¸ ?¬ê¸? ë³?ê²? */
	color: #000;
}
.wrfo .endf>input{
	width: 100%;
    border: none;
    background-color: white;
    color: black;
    font-size: 1.2rem;
    font-family: 'preSB';
    padding: 15px;
    cursor: pointer;
    box-shadow: 0px 0px 0px 1px #ddd;
    box-sizing: border-box;
    border-radius: 4px;
    transition: all 0.15s;
}
.wrfo .endf>input:hover{
	background-color:#503e7c;
    box-shadow: none;
    color: #fff;
}
.btnWrap>p{
	font-family: 'PreSB';
    color: #333333;
    font-size: 1rem;
    line-height: 1.4rem;
}
.btnWrap .pw{
	margin-top: 2rem;
	font-size: 1.25rem;
}
.btnWrap>.pw>input{
	margin-top: 2rem !important;
}
.btn_reg{
	width: 40px;
    display: inline-block;
    background-color:#503e7c;
    color: #fff !important;
    text-align: center;
    padding: 8px;
    border-radius: 16px;
	font-family: 'PreR';
	margin-right: 10px;
}.btn.cancel{
	width: 40px;
    display: inline-block;
    background-color:#503e7c;
    color: #fff !important;
    text-align: center;
    padding: 8px;
    border-radius: 16px;
	font-family: 'PreR';
}
.m_d_btn{
	margin-top: 2rem;
    text-align: center;
}
.m_d_btn>a{
	width: 40px;
    display: inline-block;
    background-color: #fff;
    color: #333333 !important;
    text-align: center;
    padding: 8px;
    border-radius: 16px;
	font-family: 'PreR';
	margin-right: 10px;
	border: 1px solid #1b1b1b;
}
#btn_cmt{
	margin-top: 2rem;
	display: block;
}
#btn_cmt>.btn_msg{
	width: 40px;
    display: inline-block;
    background-color: #fff;
    color: #333333 !important;
    text-align: center;
    padding: 8px;
    border-radius: 16px;
    font-family: 'PreR';
    border: 1px solid #1b1b1b;
	cursor: pointer;
}
/*개인? ??�ë³´�?²?�ë¦�?ë°©ì¹?*/
.pertext-in{
	max-width: 1600px;
	margin: 0 auto 150px auto;
    box-sizing: border-box;
}
.para {
    line-height: 1.8;
	font-family: 'PreM';
	font-size: 1.1rem;
}
.pertext-in .section:not(:first-child){
	margin-top: 3rem;
}
.section-name{
	margin: 0 0 1rem 0;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 500;
	font-family: 'PreSB';
}
ol.data-list.theme-a {
    counter-reset: data-list;
}
ol.data-list.theme-a>li {
    position: relative;
    padding-left: 2rem;
    font-size: 1rem;
    line-height: 1.5rem;
	font-family: 'PreM';
}
.data-list.theme-a .data-list {
    margin: 0.5rem 0;
	font-family: 'PreM';
}
ul.data-list.theme-a.type-a>li {
    position: relative;
    padding-left: 1.8125rem;
	font-family: 'PreM';
}
ul.data-list.theme-a.type-a>li:after {
    content: '';
    display: block;
    position: absolute;
    top: 0.625rem;
    left: 0.625rem;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background-color: #2d231e;
}
ol.data-list.theme-a>li+li {
    margin-top: 0.5rem;
	font-family: 'PreM';
}

.margin_side{margin:0 10px;} 

/* 의뢰인후기 */
.review_cont_wrap{margin:10rem auto 7rem auto; display:flex; flex-direction: column;}
.review_cont_wrap h3{font-size:2.3rem; margin-bottom:50px; text-align: center;}
.review_board{display:flex; flex-wrap: wrap; gap:25px;}
.review_board .review_items{width:calc(25% - 25px);   border:1px solid #ddd; border-radius: 20px; overflow: hidden;}
.review_board .review_items > a{border-radius: 20px 20px 0 0; overflow: hidden; display:block; height:250px; max-height:250px;}
.review_board .review_items > a img{display: block; object-fit:cover; height:100%; width:100%; transition:0.5s ease-in-out;}
.review_board .review_items .review_cont{border-radius: 0 0 20px 20px; padding:25px; box-sizing: border-box; }
.review_board .review_items > a:hover img{transform: scale(1.1);}


.review_board .review_items .review_cont{background:#fff; border-radius: 0 0 20px 20px; padding:20px; border-top:1px solid rgba(0, 0, 0, 0.1);}
.review_board .review_items .review_cont .review_info{display:flex; justify-content: flex-start; align-items: center; margin-bottom:15px;}
.review_board .review_items .review_cont .review_info .review_writer{display:flex; align-items: center;}
.review_board .review_items .review_cont .review_info .review_writer .review_profile{position:relative; display:flex; margin-right:15px; width:50px; height:50px; background:#bdb7bc; border-radius: 50%;}
.review_board .review_items .review_cont .review_info .review_writer .review_profile:before{position:absolute; top:0; left:0; width:50px; height:50px; content:'';border-radius: 50%; background:url(../../img/main/review_profile.png) no-repeat center;}
.review_board .review_items:nth-of-type(7n+1) .review_cont .review_info .review_writer .review_profile:before{background:url(../../img/main/review_profile.png) no-repeat center;}
.review_board .review_items:nth-of-type(7n+2) .review_cont .review_info .review_writer .review_profile:before{background:url(../../img/main/review_profile2.png) no-repeat center;}
.review_board .review_items:nth-of-type(7n+3) .review_cont .review_info .review_writer .review_profile:before{background:url(../../img/main/review_profile3.png) no-repeat center;}
.review_board .review_items:nth-of-type(7n+4) .review_cont .review_info .review_writer .review_profile:before{background:url(../../img/main/review_profile4.png) no-repeat center;}
.review_board .review_items:nth-of-type(7n+5) .review_cont .review_info .review_writer .review_profile:before{background:url(../../img/main/review_profile5.png) no-repeat center;}
.review_board .review_items:nth-of-type(7n+6) .review_cont .review_info .review_writer .review_profile:before{background:url(../../img/main/review_profile6.png) no-repeat center;}
.review_board .review_items .review_cont .review_info .review_writer p{font-size:1rem;}
.review_board .review_items .review_cont .review_info .review_cate{font-size:1.025rem; color:#6440bb; font-weight:bold;     margin-left: 15px;
    border: 1px solid #6440bb;
    padding: 5px 10px;
    border-radius: 30px;}
.review_board .review_items .review_cont .review_info + .review_text{font-size:1.025rem; font-family: 'PreR'!important;}

/* 모달 기본 숨김 상태 */
.review_modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 80px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

.review_modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  max-width: 90%;
  max-height: 80vh;
  border-radius: 8px;
}

.review_modal.show .review_modal-content {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
/* 닫기 버튼 */
.close {
  position: absolute;
  top: 40px;
  right: 50px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

/* 애니메이션 */
@keyframes zoom {
  from { transform: scale(0.8); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}



@media screen and ( max-width: 1700px ) {

	.successright>#sidenav{flex-wrap: wrap;}
	.successright>#sidenav>.sidemenu{
		flex:none;
		width:16.66667%; 
		margin:-1px 0 0 0;
		box-sizing: border-box;
	}

    .successright>#sidenav>.sidemenu:nth-child(7){
		border-left: 1px solid #959ca5;
	}
	.title{
		max-width: 90%;
		border-radius: 90px 0 90px 0;
	}
	.title-in{
		max-width: 90%;
	}
	.hi_text{
		max-width: 90%;
	}
	.special{
		max-width: 90%;
	}
	.foot-inner{
        max-width: 90%;
    }
	/*???��????��? ???��????��?*/
	.title02{
		max-width: 90%;
		border-radius: 90px 0 90px 0;
	}
	.title02-in{
		max-width: 90%;
	}
	.news-in{
		max-width: 90%;
	}
	.news-con-in{
		max-width: 90%;
	}
	/*???�¸ë¡ ë³�?????*/
	.title03{
		max-width: 90%;
		border-radius: 90px 0 90px 0;
	}
	.title03-in{
		max-width: 90%;
	}
	.report-inner,
	.review_board{
		max-width: 90%;
	}
	/*???��???��¸ë¶?? ??�ê�??*/
	.title18{
		max-width: 90%;
		border-radius: 90px 0 90px 0;
	}
	.title18-in{
		max-width: 90%;
	}
	.gallery-in{
		max-width: 90%;
	}
	/*??��????��??Š??�ê�??*/
	.title04{
		max-width: 90%;
		border-radius: 90px 0 90px 0;
	}
	.title04-in{
		max-width: 90%;
	}
	.waymap-in{
		max-width: 90%;
	}
	/*???��????��???��??*/
	.lawyerinfo-in{
		max-width: 90%;
	}
	.lawyerinfo-in .flexbox .right .call{
		width: 62%;
	}
	.profile-in{
		max-width: 90%;
	}
	.suc-in{
		max-width: 90%;
	}
	.inquiry-in{
		max-width: 90%;
	}
	/*???��?�ë�?´ë¶??????��?*/
	.loop-img4 {
		top: 120px;
		right: 450px;
	}
	.business_sel{
		height: 130vh;
	}
	.sel_in{
		max-width: 94%;
	}
	.sel_in .right {
		width: 73%;
		top: 185px;
	}
	.sel_in .right>img {
		top: -380px;
	}
	.title05{
		max-width: 90%;
		border-radius: 90px 0 90px 0;
	}
	.title05-in{
		max-width: 90%;
	}
	.title06,.title07,.title08,.title09,.title10,.title11,.title12,.title13,.title14,.title15,.title16,.title17{max-width: 90%; border-radius: 90px 0 90px 0;}
	.title06-in,.title07-in,.title08-in,.title09-in,.title10-in,.title11-in,.title12-in,.title13-in,.title14-in,.title15-in,.title16-in,.title17-in{
		max-width: 90%;
	}
	.area-in{
		max-width: 90%;
	}
	.suc02-in{
		max-width: 90%;
	}
	/*?Š¹???��????��?ë¡?*/
	.intro-in{
		max-width: 90%;
	}
	.top_form{
		max-width: 90%;
	}
	.success-area-in{
		max-width: 90%;
	}
	/*??��??¼?¸ 문ì??*/
	.reservation-in{
		max-width: 90%;
	}
	.writeform_in{
		max-width: 90%;
	}
	.page_wrap_inner{
		max-width: 90%;
	}
	.write_page{
		max-width: 90%;
	}
	.succon .box{
		width: calc(19% - -7px);
	}
	/*개인? ??�ë³´�?²?�ë¦�?ë°©ì¹?*/
	.pertext-in{
		max-width: 90%;
	}

	.review_cont_wrap h3{font-size:1.8rem; margin-bottom:30px;}

}
@media screen and ( max-width: 1650px ) {
	/*???��????��???��??*/
	.loop-img2{
		top: 209px;
		right: 547px;
	}
	.lawyerinfo-in .flexbox .right .call{
		width: 70%;
	}
	/*???��?�ë�?´ë¶??????��?*/
	.business_sel{
		height: 130vh;
	}
	.sel_in .right .rigttit{
		right: 200px;
		bottom: 300px;
	}
	.sel_in .right{
		top: 210px;
	}
	.sel_in .right>img {
		top: -360px;
	}
	/*?Š¹???��????��?ë¡?*/
	/*??��??¼?¸ë¬¸ì??*/
	.reservation-in .left_bg{
		top: 400px;
	}
	.reser .formbox label{
		white-space: nowrap;
	}
	.suc-in .bot .box .name{
		height: 100px;
		margin-bottom: 0;
	}
	.suc-in .bot .box .text{
		height: 80px;
		margin-bottom: 0;
	}
	.suc02-in .bot .box .text{
		height: 85px;
		margin-bottom: 0;
	}
	.succon .box {
		width: calc(16% - -45px);
	}

}
@media screen and ( max-width: 1490px ) {


	.hi_text .left>h3{
		font-size: 2.4rem;
		line-height: 3.5rem;
	}
	.lawyerimg{
		background-size: cover;
		height: 1300px;
	}
	.special .left>h2{
		font-size: 2.4rem;
		line-height: 3.5rem;
	}
	.special .right .one>h2{
		font-size: 2rem;
	}
	/*???��????��???��??*/
	.loop-img2 {
		top: 162px;
		right: 474px;
	}
	.lawyerinfo-in .flexbox .left {
		width: 32%;
		top: 95px;
	}
	.lawyerinfo-in .flexbox .right{
		width: 45%;
	}
	.profile-in{
		margin: 0 auto 10rem auto;
	}
	.suc-in .bot .box .text{
		margin-bottom: 2rem;
	}
	/*???��?�ë�?´ë¶??????��?*/
	.business_sel {
		height: 125vh;
	}
	.sel_in .right {
		top: 230px;
	}
	.sel_in .right .rigttit {
		right: 150px;
	}
	.loop-img4{
		right: 390px;
	}
	.sel_in .right>img {
		top: -350px;
	}
	.suc02-in .bot .box .text{
		margin-bottom: 2rem;
	}
	/*??��??¼?¸ë¬¸ì??*/
	.lawyerimg02{
		background-size: cover;
		height: 800px;
	}
	.reservation-in>h3{
		font-size: 2.4rem;
		line-height: 3.5rem;
	}
	.suc02-in .bot .box .name{
		height: 120px;
	}
	.succon .box {
		width: calc(25% - -29px);
	}

}
@media screen and ( max-width: 1330px ) { /*????´??? ë°??�ê¿�?��?£¼ê¸°*/

	.review_board{margin-bottom:50px;}

	.title-in>h2{
		font-size: 3.4rem;
	}
	.title-in .title-sub{
		width: 20%;
	}
	.hi_text .left{
		width: 20%;
	}
	.hi_text .left>h3 {
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
	.hi_text .right{
		width: 75%;
	}
	.special .left>h2{
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
	.special .left{
		flex: initial;
		width: 20%;
	}
	.special .right{
		flex: initial;
		width: 75%;
	}
	/*???��????��????��????��?*/
	.title02-in>h2{
		font-size: 3.4rem;
	}
	.title02-in .title-sub{
		width: 20%;
	}
	/**/
	.foot-inner .bottom .right{
		width: 24%;
	}
	.foot-inner>.top>.right{
		width: 50%;
	}
	/*???�¸ë¡ ë³�?????*/
	.title03-in>h2{
		font-size: 3.4rem;
	}
	.title03-in .title-sub{
		width: 20%;
	}
	/*???��???��¸ë¶?? ??�ê�??*/
	.title18-in>h2{
		font-size: 3.4rem;
	}
	.title18-in .title-sub{
		width: 20%;
	}
	.mySwiper2{
		height: 785px;
	}
	/*??��????��??Š??�ê�??*/
	.title04-in>h2{
		font-size: 3.4rem;
	}
	.title04-in .title-sub{
		width: 20%;
	}
	/*???��????��???��??*/
	.lawyerinfo{
		height: 920px;
	}
	.lawyerinfo-in .flexbox .left {
		width: 33%;
		top: 135px;
	}
	.lawyerinfo-in .flexbox .right {
		width: 48%;
	}
	.profile .left-in{
		padding-top: 8rem;
	}
	.profile>.profile-in>.left{
		height: 80vh;
	}
	.profile-in>.right{
		padding-top: 10rem;
	}
	.profile-in .right .major>h3{
		margin-left: 2.5rem;
	}
	.profile-in .right .major .square{
		margin-left: 3rem;
	}
	.profile-in .right .have>h3{
		margin-left: 3rem;
	}
	.profile-in .right .have>p{
		margin-left: 3rem;
	}
	.suc-in .bot .box{
		padding: 25px;
	}
	.suc-in .bot .box .hash{
		margin-bottom: 1rem;
	}
	.suc-in .bot .box .name{
		font-size: 1.5rem;
	}
	.suc-in .bot .box .text{
		font-size: 1.12rem;
	}
	.inquiry-in>h2 {
		font-size: 2.5rem;
		line-height: 3.5rem;
	}
	/*???��?�ë�?´ë¶??????��?*/
	.sel_in .left .select .selbox>a{
		font-size: 1.1rem;
	}
	.sel_in .right{
		width: 77%;
		top: 240px;
	}
	.sel_in .right>img {
		top: -340px;
	}
	.title05-in>h2{
		font-size: 3.4rem;
	}
	.title05-in .title-sub{
		width: 20%;
	}
	.suc02-in .bot .box{
		padding: 25px;
	}
	.suc02-in .bot .box .hash{
		margin-bottom: 1rem;
	}
	.suc02-in .bot .box .name{
		font-size: 1.5rem;
	}
	.suc02-in .bot .box .text{
		font-size: 1.12rem;
	}
	.title06-in>h2,.title07-in>h2,.title08-in>h2,.title09-in>h2,.title10-in>h2,.title11-in>h2,.title12-in>h2,.title13-in>h2,.title14-in>h2,.title15-in>h2,.title16-in>h2,.title17-in>h2{
		font-size: 3.4rem;
	}
	.title06-in .title-sub,	.title07-in .title-sub,	.title08-in .title-sub,	.title09-in .title-sub,	.title10-in .title-sub,	.title11-in .title-sub,	.title12-in .title-sub,	.title13-in .title-sub,	.title14-in .title-sub,	.title15-in .title-sub,	.title16-in .title-sub,	.title17-in .title-sub{
		width: 20%;
	}
	/*?Š¹???��????��?ë¡?*/
	.intro-in>h3 {
		font-size: 4rem;
		line-height: 5rem;
	}
	.intro-in>p {
		font-size: 2rem;
		line-height: 3rem;
	}
	.succon .box .name>br{
		display: none;
	}
	/*??��??¼?¸ë¬¸ì??*/
	.reservation-in>h3{
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
	.reser .formbox #cmanager,.reser .formbox #lawyer-select,.reser .formbox #ctype,
	.reser .formbox #ctel,.reser .formbox #cemail,.reser .formbox #comment{
		width: 79%;
	}
	.succon .box {
		width: calc(24% - -38px);
	}

	.review_board {gap:20px;}
	.review_board .review_items{width:calc(33.3333% - 16px);}
}
@media screen and ( max-width: 1260px ) {
	.review_board{gap:15px;}
	.review_board .review_items{width:calc(33.333% - 12px);}
	.review_board{width:96%;}

	 .side_btn [class*="call-"],
    #scrollButton{width:80px; height:80px;}
	.title-in>h2{
		font-size: 3.2rem;
	}
	.title-in .title-sub{
		width: 22%;
	}
	.hi_text{
		margin: 0 auto 11rem auto;
	}
	.hi_text .left>h3 {  /*ë°??�ê¿�?��?£¼ê¸°*/
		font-size: 2rem;
		line-height: 3rem;
	}
	.lawyerimg{
		height: 1200px;
	}
	.special .left>h2{
		font-size: 2rem;
		line-height: 3rem;
	}
	.special .right .one .oneimg{
		flex-wrap: wrap;
		justify-content: center;
	}
	.special .right .one .oneimg img{
		max-width: 100%;
		height: auto;
		margin: 0 3px 0 3px;
	}
	.special .right .one .oneimg .oe{
		width: 37%;
	}
	.special .right .one .oneimg .tw{
		width: 58%;
	}
	.special .right .one>h2{
		font-size: 1.7rem;
	}
	.special .right .one>h2>span{
		font-size: 2.7rem;
	}
	/*???��????��????��????��?*/
	.title02-in>h2{
		font-size: 3.2rem;
	}
	.title02-in .title-sub{
		width: 22%;
	}
	.news-list li {
        width: calc(31% - -13px);
        margin: 0 5px 40px 5px;
	}
	/*???�¸ë¡ ë³�?????*/
	.title03-in>h2{
		font-size: 3.2rem;
	}
	.title03-in .title-sub{
		width: 22%;
	}
	/*???��???��¸ë¶?? ??�ê�??*/
	.title18-in>h2{
		font-size: 3.2rem;
	}
	.title18-in .title-sub{
		width: 22%;
	}
	.gallery-in>h4{
		font-size: 2.7rem;
	}
	/*??��????��??Š??�ê�??*/
	.title04-in>h2{
		font-size: 3.2rem;
	}
	.title04-in .title-sub{
		width: 22%;
	}
	/*???��????��???��??*/
	.loop-img2 {
		right: 405px;
	}
	.lawyerinfo {
		height: 800px;
	}
	.lawyerinfo-in .next{
		top: 400px;
	}
	.lawyerinfo-in .flexbox .right{
		width: 46%;
	}
	.lawyerinfo-in .flexbox .right>h2{
		font-size: 3.4rem;
		margin-bottom: 1rem;
	}
	.lawyerinfo-in .flexbox .right>h2>span{
		font-size: 2.4rem;
	}
	.lawyerinfo-in .flexbox .right>h3 {
		font-size: 2rem;
		line-height: 3.2rem;
	}
	.lawyerinfo-in .flexbox .right .dash {
		width: 450px;
	}
	.lawyerinfo-in .flexbox .right .call {
		width: 80%;
		margin-bottom: 3rem;
	}
	.lawyerinfo-in .flexbox .right .advice .adbtn{
		width: 170px;
	}
	.profile-in{
		flex-direction: column;
		align-items: center;
	}
	.profile>.profile-in>.left{
		height: 58vh;
		border-right: none;
		width: 100%;
		border-bottom: 1px solid #d3d3d3;
	}
	.profile .left-in{
		padding-top: 8rem;
	}
	.profile .left-in .fir{
		margin-bottom: 7rem;
	}
	.profile .left-in .fir .one{
		margin-bottom: 1rem;
	}
	.profile .left-in .fir .one{
		margin-bottom: 1rem;
	}
	.profile .left-in .fir p>br{
		display: none;
	}
	.profile .left-in .sec{
		width: 100%;
	}
	.profile .left-in .sec .left{
		flex: 1;
	}
	.profile .left-in .sec .left>p{
		white-space: nowrap;
	}
	.profile>.profile-in>.left>.left-in .sec>.right{
		flex: 1;
	}
	.profile .left-in .sec .right>p{
		white-space: nowrap;
	}
	.profile .left-in .sec .right2{
		flex: 1;
		padding-left: 3rem;
	}
	.profile-in>.right{
		width: 100%;
		padding-top: 5rem;
		flex-direction: row;
		align-items: flex-start;
	}
	.profile-in .right .major{
		flex: 1;
		border-bottom: none;
		border-right: 1px solid #d3d3d3;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.profile-in .right .have{
		margin-top: 0;
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.profile-in .right .have>h3{
		margin-left: 0;
	}
	.profile-in .right .have>p{
		margin-left: 0;
	}
	.profile-in .right .major>h3{
		margin-left: 0;
		text-align: center;
	}
	.profile-in .right .major .square{
		margin-left: 0;
		width: 25%;
	}
	.suc-in .top>h3{
		font-size: 1.8rem;
	}
	.suc-in .bot .box .hash{
		font-size: 15px;
	}
	.suc-in .bot .box .name {
		font-size: 1.4rem;
	}
	.suc-in .bot .box .text {
		margin-bottom: 1.3rem;
	}
	.inquiry-in>h4{
		margin-bottom: 1rem;
	}
	.inquiry-in>h2 {
		font-size: 2.3rem;
		line-height: 3.2rem;
		margin-bottom: 1rem;
	}
	.inquiry-in .adbtn{
		width: 170px;
	}
	/*?œ??��?§??��??��?*/
	.profile .left-in .sec .right3>p{
		white-space: nowrap;
	}
	.profile .left-in .sec .right3>h3{
		padding-left: 30px;
	}
	.profile .left-in .sec .right3>p{
		padding-left: 30px;
	}
	/*???��?�ë�?´ë¶??????��?*/
	.business_sel {
		height: 120vh;
	}
	.loop-img4 {
		right: 320px;
	}
	.sel_in .right{
		top: 260px;
	}
	.sel_in .right .rigttit {
		right: 100px;
	}
	.sel_in .right>img {
		top: -330px;
	}
	.title05-in>h2{
		font-size: 3.2rem;
	}
	.title05-in .title-sub{
		width: 22%;
	}
	.suc02-in .top>h3{
		font-size: 1.8rem;
	}
	.suc02-in .bot .box .hash{
		font-size: 15px;
	}
	.suc02-in .bot .box .name {
		font-size: 1.4rem;
	}
	.suc02-in .bot .box .text {
		margin-bottom: 1.3rem;
	}
	/*?Š¹???��????��?ë¡?*/
	.intro-in>h3 {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 2rem;
	}
	.intro-in>p {
		font-size: 2rem;
		line-height: 3rem;
	}
	.successright>#sidenav>.sidemenu>a{
		white-space: nowrap;
	}
	.title06-in>h2,.title07-in>h2,.title08-in>h2,.title09-in>h2,.title10-in>h2,.title11-in>h2,.title12-in>h2,.title13-in>h2,.title14-in>h2,.title15-in>h2,.title16-in>h2,.title17-in>h2{
		font-size: 3.2rem;
	}
	.title06-in .title-sub,	.title07-in .title-sub,	.title08-in .title-sub,	.title09-in .title-sub,	.title10-in .title-sub,	.title11-in .title-sub,	.title12-in .title-sub,	.title13-in .title-sub,	.title14-in .title-sub,	.title15-in .title-sub,	.title16-in .title-sub,	.title17-in .title-sub{
		width: 22%;
	}
	.intro-in>h3{
		font-size: 3.4rem;
		line-height: 4.4rem;
	}
	.intro-in>p {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.success_intro{
		padding: 14% 0 14% 0;
	}
	.succon .box{
		width: calc(30% - 30px);
	}
	.successright{width:100%;}
	.successright>#sidenav{
		justify-content:space-between;
		flex-wrap: wrap;
		width:100%;
	}
	.successright>#sidenav>.sidemenu{
		flex: none;
		width:33.333%; box-sizing: border-box; margin:-1px 0 0 0;
	}
	.successright>#sidenav>.sidemenu:nth-child(3n+1){
		border-left: 1px solid #959ca5;
	}
	/**/
	.foot-inner>.top>.left p {
        font-size: 15px;
        margin-bottom: 13px;
    }
    .foot-inner>.top>.right>.titl>.one>a{
        font-size: 16px;
    }
    .foot-inner>.top>.right>.titl>.one>ul>li>a{
        font-size: 13px;
    }
    .foot-inner .bottom .right{
        width: 22%;
    }
    .foot-inner .bottom .left>h3{
        font-size: 13px;
    }
    .foot-inner .bottom .right>a{
        font-size: 13px;
    }
	/*??��??¼?¸ë¬¸ì??*/
	.report_list2 ul li>div:nth-of-type(4){
		white-space: nowrap;
	}
	#search_category{
		width: 9rem;
	}
	.report_search_in2{
		width: 35rem;
	}
	.lawyerimg02{
		height: 60px;
	}
	.reservation-in>h3{
		flex: 0.5;
	}
	.special .right .one{
		margin-bottom: 8rem;
	}
	
}
@media screen and ( max-width: 1120px ) {

	/*???��????��???��??*/
	.lawyerinfo-in .flexbox .right .call{
		width: 87%;
	}
	/*?œ??��?§??��??��?*/
	.profile .left-in .sec .right3>p{
		white-space: break-spaces;
	}
	/*???��?�ë�?´ë¶??????��?*/
	.business_sel {
		height: 115vh;
	}
	.sel_in .right .rigttit {
		right: 90px;
		font-size: 2rem;
		line-height: 3rem;
	}
	.loop-img4{
		right: 250px;
		top: 140px;
	}
	/*??��??¼?¸ë¬¸ì??*/
	.report_list2 {
		font-size: 1.1rem;
		border-top: 2px solid #000;
	}
	.reservation-in>h3 {
		font-size: 2rem;
		line-height: 3rem;
	}
	.reservation-in>.right_form{
		z-index: 1;
	}
	.suc02-in .bot .box .name{
		font-size: 1.25rem;
		height: 110px;
	}
	.succon .box .lawpp{
		font-size: 1.1rem;
	}
	.news-list li{
		width: calc(30% - -20px);
	}
}
@media screen and ( max-width: 1025px ) {
	.review_board .review_items{width:calc(50% - 10px); gap:20px;}
	.review_cont_wrap{margin:7rem auto 4rem;}
	.review_board .review_items .review_cont .review_info .review_cate{font-size:1rem;}



	.review_board .review_items .review_cont .review_info{flex-direction: column-reverse;}
	.review_board .review_items .review_cont .review_info .review_writer{margin-top:10px;}
	.review_board .review_items .review_cont .review_info .review_writer .review_profile{margin-right:10px;}
	.review_board .review_items .review_cont{padding:15px;}


	.title{
		border-radius: 80px 0 80px 0;
	}
	.title-in>h2{
		font-size: 2.8rem;
	}
	.title-in .title-sub{
		width: 25%;
		margin-top: 1rem;
	}
	.hi_text{
		margin: 0 auto 10rem auto;
	}
	.hi_text .left>h3 {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.hi_text .right .sshsign{
		padding-top: 2rem;
	}
	.lawyerimg{
		height: 1024px;
	}
	.lawyergroup .groupwrap .group{
		top: -59px;
		font-size: 6rem;
	}
	.special .left>h4{
		font-size: 1rem;
	}
	.special .left>h2{
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.special .left>h2>br{
		display: none;
	}
	.special .left .left_bg{
		top: 550px;
	}
	.special .right .one>h2{
		font-size: 1.6rem;
	}
	.special .right .one>h2>span{
		font-size: 2.5rem;
	}
	/*???��????��????��????��?*/
	.title02{
		border-radius: 80px 0 80px 0;
	}
	.title02-in>h2{
		font-size: 2.8rem;
	}
	.title02-in .title-sub{
		width: 25%;
		margin-top: 1rem;
	}
	.list-box-text .listtit{
		font-size: 1.2rem;
	}
	/*???�¸ë¡ ë³�?????*/
	.title03{
		border-radius: 80px 0 80px 0;
	}
	.title03-in>h2{
		font-size: 2.8rem;
	}
	.title03-in .title-sub{
		width: 25%;
		margin-top: 1rem;
	}
	/*???��???��¸ë¶?? ??�ê�??*/
	.title18{
		border-radius: 80px 0 80px 0;
	}
	.title18-in>h2{
		font-size: 2.8rem;
	}
	.title18-in .title-sub{
		width: 25%;
		margin-top: 1rem;
	}
	.gallery-in {
		margin: 8rem auto 10rem auto;
	}
	.gallery-in>h4 {
		font-size: 2.4rem;
		line-height: 3.5rem;
		padding-bottom: 3rem;
		margin-bottom: 5rem;
	}
	.mySwiper2 {
		height: 500px;
	}
	/*??��????��??Š??�ê�??*/
	.title04{
		border-radius: 80px 0 80px 0;
	}
	.title04-in>h2{
		font-size: 2.8rem;
	}
	.title04-in .title-sub{
		width: 25%;
		margin-top: 1rem;
	}
	.waymap-in .bot .place>p{
		white-space: nowrap;
	}
	/*???��????��???��??*/
	.loop-img2 {
		right: 305px;
		top: 145px;
	}
	.lawyerinfo{
		height: 700px;
	}
	.lawyerinfo-in .next {
		top: 380px;
		z-index: 1;
	}
	.lawyerinfo-in .flexbox .left {
		width: 37%;
		top: 135px;
	}
	.lawyerinfo-in .flexbox .right {
		width: 55%;
	}
	.lawyerinfo-in .flexbox .right>h2{
		font-size: 3rem;
	}
	.lawyerinfo-in .flexbox .right>h2>span {
		font-size: 2rem;
	}
	.lawyerinfo-in .flexbox .right>h3 {
		font-size: 1.8rem;
		line-height: 2.7rem;
	}
	.lawyerinfo-in .flexbox .right .dash {
		width: 350px;
	}
	.lawyerinfo-in .flexbox .right .call .call-in img{
		width: 20px;
	}
	.lawyerinfo-in .flexbox .right .call .call-in>p {
		font-size: 1rem;
		padding-left: 15px;
	}
	.lawyerinfo-in .flexbox .right .call {
		width: 80%;
		margin-bottom: 2rem;
	}
	.lawyerinfo-in .flexbox .right .advice .adbtn {
		width: 150px;
		height: 40px;
	}
	.profile .left-in {
		padding-top: 6rem;
	}
	.profile>.profile-in>.left{
		height: auto;
	}
	.profile .left-in .fir {
		margin-bottom: 4rem;
	}
	.profile .left-in .sec{
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.profile .left-in .sec .left{
		margin-bottom: 3rem;
	}
	.profile .left-in .sec .left>h3{
		margin-bottom: 1rem;
	}
	.profile>.profile-in>.left>.left-in .sec>.right{
		margin-bottom: 1rem;
	}
	.profile>.profile-in>.left>.left-in .sec>.right>h3{
		margin-bottom: 1rem;
	}
	.profile .left-in .sec .right2{
		padding-left: 0;
		padding-top: 0;
		margin-bottom: 3rem;
	}
	.profile-in>.right{
		padding-top: 4rem;
	}
	.inquiry-in .adbtn{
		width: 150px;
		height: 40px;
	}
	/*?œ??��?§??��??��?*/
	.profile .left-in .sec .right3{
		margin: 3rem 0 3rem 0;
	}
	.profile .left-in .sec .right3>h3{
		padding-left: 0;
		margin-bottom: 1rem;
	}
	.profile .left-in .sec .right3>p{
		padding-left: 0;
		white-space: nowrap;
	}
	/*???��?�ë�?´ë¶??????��?*/
	.loop-img4 {
		right: 36%;
		top: 36%;
	}
	.business_sel {
		height: auto;
	}
	.sel_in{
		flex-direction: column;
		align-items: center;
		padding-top: 15%;
	}
	.sel_in .left{
		margin-top: 0;
		width: 100%;
	}
	.sel_in .left .select{
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}

	.sel_in .left .select .selbox:last-child {
		margin-bottom: 5px;
	}
	.sel_in .right{
		width: 100%;
	}
	.sel_in .right{
		position: static;
		padding-top: 10%;
	}
	.sel_in .right .rigttit{
		position: static;
	}
	.sel_in .right>img{
		position: static;
		margin-bottom:-10px;
	}
	.title05{
		border-radius: 80px 0 80px 0;
	}
	.title05-in>h2{
		font-size: 2.8rem;
	}
	.title05-in .title-sub{
		width: 25%;
		margin-top: 1rem;
	}
	.area-in>h3 {
		font-size: 3.8rem;
		margin-bottom: 4rem;
	}

	/* 업무분야 반응형 수정 */
	.areaflex{flex-direction: column-reverse;}
	.areaflex .right{flex:auto; width:100%; overflow-x: auto; padding-right:0;}
	.areaflex .right #sidenav{display:flex;}
	.areaflex .right #sidenav li{display:flex; margin-right:5px;}

	.business-area .left{padding-left:0; padding-top:30px; margin-top:30px; flex:auto; border-left:0;    border-top: 1px solid #d3d3d3;}
	.sidemenu{margin-bottom:0;}
	.sidemenu>a{
		white-space: nowrap;
		padding:15px 25px;
		        box-sizing: border-box;
	}
	.business_tab li{padding:15px 10px;}
	.business_tab li span{padding-left:28px; font-size:1.1rem;}
	.business_tab li span:after{display:none;}
	.business_tab{margin-bottom:40px;}
	.busi_cont .busi_h3{margin-bottom:20px; font-size:1.2rem; padding:15px 15px 15px 65px;}
	.busi_cont .grayBx{margin-bottom:35px; padding:20px; font-size:1.2em;}
	.busi_cont .busi_h3 + .busi_item{padding-left:0;}
	.busi_cont .busi_h4{font-size:1.125rem;}
	.busi_cont .busi_h4 + .cont{font-size:1.2em; padding:20px; margin-bottom:50px;}


	.title06,.title07,.title08,.title09,.title10,.title11,.title12,.title13,.title14,.title15,.title16,.title17{
		border-radius: 80px 0 80px 0;
	}
	.title06-in>h2,.title07-in>h2,.title08-in>h2,.title09-in>h2,.title10-in>h2,.title11-in>h2,.title12-in>h2,.title13-in>h2,.title14-in>h2,.title15-in>h2,.title16-in>h2,.title17-in>h2{
		font-size: 2.8rem;
	}
	.title06-in .title-sub,.title07-in .title-sub,.title08-in .title-sub,.title09-in .title-sub,.title10-in .title-sub,.title11-in .title-sub,.title12-in .title-sub,.title13-in .title-sub,.title14-in .title-sub,.title15-in .title-sub,.title16-in .title-sub,.title17-in .title-sub{
		width: 25%;
		margin-top: 1rem;
	}
	/*?Š¹???��????��?ë¡?*/
	.loop-img3 {
		top: 70px;
		left: 300px;
	}
	.intro-in>p {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.top_form {
		margin: 8rem auto 5rem auto;
	}
	.success-area {
		margin-bottom: 12rem;
	}
	.succon .box .hash {
		font-size: 1.1rem;
		margin-bottom: 1rem;
	}
	.succon .box .name{
		font-size: 1.5rem;
	}
	.succon .box .text{
		font-size: 1.1rem;
	}
	.suc-con-flex{
		flex-direction: column;
	}
	.suc-con-sub {
		width: 100%;
	}
	.suc-con-right {
		width: 100%;
		border-top: 1px solid #000;
		padding-top: 3rem;
	}
	.respon-lawyer>img {
		margin: 0 auto;
		border-bottom: none;
	}
	.resultimg>img{
		margin: 0 auto;
		width: auto;
	}
	/*??��??¼?¸ 문ì??*/
	#search_category {
		width: 8rem;
	}
	.report_search_in2 {
		width: 25rem;
	}
	.reservation-in{
		margin: 0 auto 13rem auto;
	}
	.reservation-in>h3 {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.gowrite {
		width: 100px;
		padding: 11px;
		font-size: 1rem;
	}
	.special .right .one {
		margin-bottom: 7rem;
	}
	.suc02-in .bot .box .name{
		height: 100px;
	}
	.succon .box{
		width: calc(44% - 22px);
		padding: 3%;
	}
	.succon .box .lawppwrap img{
		width: 50px;
	}
	.succon .box .lawpp{
		width: 150px;
	}
	.news-list li{
		width: calc(29% - -23px);
	}
}
@media screen and ( max-width: 860px ) {
	.review_board {gap:20px;}
	.review_board .review_items{width:100%;}

    
    .side_btn{bottom:10px; right:10px;}
    .side_btn [class*="call-"] > a img{display:none;}
    .side_btn [class*="call-"] > a span{margin:0;}
    .side_btn [class*="call-"],
    #scrollButton{width:60px; height:60px;}
    #scrollButton img{width:35%;}

    
	.title{
		border-radius: 70px 0 70px 0;
		margin: 6rem auto 4rem auto;
	}
	.title-in>h2{
		font-size: 2.4rem;
	}
	.title-in .title-sub{
		width: 32%;
	}
	.hi_text{
		flex-direction: column;
		align-items: center;
	}
	.hi_text .left{
		width: 100%;
		margin-bottom: 3rem;
	}
	.hi_text .left>h3{
		text-align: center;
	}
	.hi_text .right{
		width: 100%;
	}
	.lawyerimg{
		height: 850px;
	}
	.lawyergroup .groupwrap .group {
		top: -51px;
		font-size: 5rem;
	}
	.special{
		flex-direction: column;
		align-items: center;
		margin: 0 auto 7rem auto;
	}
	.special .left{
		width: 100%;
		text-align: center;
		margin-bottom: 3rem;
	}
	.special .left>h4{
		margin-bottom: 1rem;
	}
	.special .right{
		width: 100%;
	}
	/*???��????��????��????��?*/
	.title02{
		border-radius: 70px 0 70px 0;
		margin: 6rem auto 4rem auto;
	}
	.title02-in>h2{
		font-size: 2.4rem;
	}
	.title02-in .title-sub{
		width: 32%;
	}
	.news-list li {
        width: calc(42% - -39px);
	}
	.news-con-tit>h3{
		font-size: 2rem;
	}
	.news-con-sub>img{
		width: 100%;
	}
	/*???�¸ë¡ ë³�?????*/
	.title03{
		border-radius: 70px 0 70px 0;
		margin: 6rem auto 4rem auto;
	}
	.title03-in>h2{
		font-size: 2.4rem;
	}
	.title03-in .title-sub{
		width: 32%;
	}
	.report_list{
		font-size: 1.1rem;
	}
	.report_list ul li>div:nth-of-type(3){
		white-space: nowrap;
	}
	/*???��???��¸ë¶?? ??�ê�??*/
	.title18{
		border-radius: 70px 0 70px 0;
		margin: 6rem auto 4rem auto;
	}
	.title18-in>h2{
		font-size: 2.4rem;
	}
	.title18-in .title-sub{
		width: 32%;
	}
	.gallery-in>h4 {
		font-size: 2.2rem;
		line-height: 3.3rem;
	}
	/*??��????��??Š??�ê�??*/
	.title04{
		border-radius: 70px 0 70px 0;
		margin: 6rem auto 4rem auto;
	}
	.title04-in>h2{
		font-size: 2.4rem;
	}
	.title04-in .title-sub{
		width: 32%;
	}
	.waymap-in .bot{
		flex-direction: column;
		align-items: center;
		margin-bottom: 5rem;
	}
	.waymap-in .bot .add{
		margin-bottom: 3rem;
	}
	.waymap-in .bot .tel{
		margin-bottom: 3rem;
	}
	.waymap-in .bot .place{
		margin-bottom: 3rem;
	}
	/*???��????��???��??*/
	.lawyerinfo {
		height: 600px;
	}
	.loop-img2 {
		right: 200px;
		top: 130px;
	}
	.lawyerinfo-in .next .movebtnleft{
		background: url(../../img/main/btn_left_m.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		width: 40px;
		height: 40px;
	}
	.lawyerinfo-in .next .movebtnright{
		background: url(../../img/main/btn_right_m.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		width: 40px;
		height: 40px;
	}
	.lawyerinfo-in .next {
		top: 335px;
	}
	.lawyerinfo-in .flexbox .left{
		width: 40%;
	}
	.lawyerinfo-in .flexbox .right>h2 {
		font-size: 2.5rem;
	}
	.lawyerinfo-in .flexbox .right>h3 {
		font-size: 1.6rem;
		line-height: 2.4rem;
		margin-bottom: 1rem;
	}
	.lawyerinfo-in .flexbox .right .dash {
		width: 340px;
	}
	.lawyerinfo-in .flexbox .right .call {
		width: 92%;
	}
	.lawyerinfo-in .flexbox .right .call .call-in>p{
		padding-left: 10px;
	}
	.lawyerinfo-in .flexbox .right .advice .adbtn{
		width: 145px;
	}
	.profile-in{
		margin: 0 auto 7rem auto;
	}
	.inquiry-in>h2 {
		font-size: 2rem;
		line-height: 3rem;
	}
	.inquiry-in .adbtn{
		width: 145px;
	}
	/*???��?�ë�?´ë¶??????��?*/
	.sel_in .right .rigttit {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
	.loop-img4 {
		right: 34%;
		top: 31%;
	}
	.title06,.title07,.title08,.title09,.title10,.title11,.title12,.title13,.title14,.title15,.title16,.title17{
		border-radius: 70px 0 70px 0;
		margin: 6rem auto 4rem auto;
	}
	.title06-in>h2,.title07-in>h2,.title08-in>h2,.title09-in>h2,.title10-in>h2,.title11-in>h2,.title12-in>h2,.title13-in>h2,.title14-in>h2,.title15-in>h2,.title16-in>h2,.title17-in>h2{
		font-size: 2.4rem;
	}
	.title06-in .title-sub,.title07-in .title-sub,.title08-in .title-sub,.title09-in .title-sub,.title10-in .title-sub,.title11-in .title-sub,.title12-in .title-sub,.title13-in .title-sub,.title14-in .title-sub,.title15-in .title-sub,.title16-in .title-sub,.title17-in .title-sub{
		width: 32%;
	}
	/**/
	.foot-inner>.top{
		align-items: flex-end;
	}
	.foot-inner>.top>.left{
		padding-left: 0;
	}
	.foot-inner>.top>.left p{
			padding-left: 0;
	}
	.foot-inner>.top>.right>.titl{
		flex-direction: column;
		align-items: center;
	}
	.foot-inner>.top>.right>.titl>li>ul{
		display: none;
	}
	.foot-inner .bottom .right{
		width: 35%;
	}
	.title05{
		border-radius: 70px 0 70px 0;
		margin: 6rem auto 4rem auto;
	}
	.title05-in>h2{
		font-size: 2.4rem;
	}
	.title05-in .title-sub{
		width: 32%;
	}
	.area-in>h3 {
		font-size: 3.6rem;
		margin-bottom: 3rem;
	}

	/*?Š¹???��????��?ë¡?*/
	.intro-in>h3 {
		font-size: 2.7rem;
		line-height: 3.5rem;
	}
	.intro-in>p {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.top_form {
		margin: 7rem auto 4rem auto;
	}
	#srch{
		padding-bottom: 4rem;
	}
	.report_search_in{
		width: 32rem;
	}
	.all_view{
		margin-right: 1rem;
	}
	.succon .box .hash{
		font-size: 15px;
	}
	.succon .box .name{
		font-size: 1.2rem;
		height: 75px;
		height: 65px;
	}
	.succon .box .lawpp{
		font-size: 1rem;
	}
	.succon .box .text {
		font-size: 1rem;
		height: 80px;
	}
	.succon .box {
		width: calc(41% - 30px);
		padding: 5%;
	}
	/*??��??¼?¸ë¬¸ì??*/
	.report {
		margin-bottom: 7rem;
	}
	.input_select_wrap{
		padding-right: 10px;
	}
	#search_category {
		width: 7rem;
		padding: 0 5px;
		border-radius: 0.6rem;
		height: 3rem;
	}
	.report_search_in2 {
		width: 20rem;
		height: 3rem;
		border-radius: 0.6rem;
	}
	.report_search_in2 .srch_btn2{
		width: 1.1rem;
	}
	.report_list2 ul li>div:nth-of-type(4){
		display: none;
	}
	.report_list2 ul li>div:nth-of-type(2){
		width: 80%;
	}
	.page_wrap_inner ul li a {
		padding: 8px 14px;
	}
	.lawyerimg02{
		height: 450px;
	}
	.reservation-in{
		flex-direction: column;
		align-items: center;
		margin: 0 auto 10rem auto;
	}
	.reservation-in>h3{
		flex: 1;
		width: 100%;
		margin-bottom: 2rem;
	}
	.reservation-in>.right_form{
		width: 100%;
	}
	.reservation-in .left_bg {
		top: 900px;
		z-index: -1;
	}
	.writeform_in .wrfo input[type="text"], .writeform_in .wrfo input[type="password"], .writeform_in .wrfo textarea, .writeform_in .wrfo input[type="date"] {
		margin-bottom: 1rem;
	}
	.writeform_in .wrfo .writebox label{
		font-size: 15px;
	}
	.wrfo{
		width: 60%;
	}
	.wrfo .endf>input{
		font-size: 1.1rem;
		padding: 11px;
	}
	.reservation-in>h3{
		text-align: center;
	}
	.suc-in .bot .box .name{
		height: 150px;
	}
	.suc-in .bot .box .text{
		height: 100px;
	}
	.succon .box .lawppwrap img {
		width: 45px;
	}

	.successright>#sidenav>.sidemenu>a{padding:15px 8px; white-space:break-spaces;}
	.business_tab{margin-bottom:20px; flex-wrap: wrap;}
	.business_tab li{padding:10px; width:calc(50% - 5px); margin-right:5px; margin-bottom:5px;}
	.business_tab li span{font-size:1rem;}
	.busi_cont .busi_h3{font-size:1.1rem; padding:10px 10px 10px 45px;}
	.busi_cont .busi_h3:after{display:none;}
	.busi_cont .busi_h4 + .cont{margin-bottom:30px; padding:15px;}
	.busi_cont .conLst li{margin-bottom:10px; font-size:1rem;}


}
@media screen and ( max-width: 690px ) {
	.review_cont_wrap{margin:3rem auto 2rem;}
	.title{
		border-radius: 60px 0 60px 0;
	}
	.title-in>h2{
		font-size: 2.1rem;
	}
	.title-in .title-sub{
		width: 44%;
	}
	.title-in .title-sub p{
		font-size: 14px;
	}
	.lawyerimg{
		height: 620px;
	}
	.lawyergroup .groupwrap .group {
		top: -43px;
		font-size: 4rem;
	}
	.special .left .left_bg{
		top: 720px;
	}
	/*???��????��????��????��?*/
	.title02{
		border-radius: 60px 0 60px 0;
	}
	.title02-in>h2{
		font-size: 2.1rem;
	}
	.title02-in .title-sub{
		width: 44%;
	}
	.title02-in .title-sub p{
		font-size: 14px;
	}
	.news{
		margin-bottom: 7rem;  /*ë°??�ê¿�?��?£¼ê¸°*/
	}
	.page_wrap{
		margin-top: 2rem;
	}
	.page_wrap_inner ul li a{
		padding: 7px 13px;
	}
	.news-con{
		margin-bottom: 7rem;
	}
	.news-con-tit>h3{
		font-size: 1.8rem;
		margin-bottom: 1rem;
	}
	.news-con-list{
		width: 90px;
		margin-top: 4rem;
		font-size: 1rem;
	}
	/*???�¸ë¡ ë³�?????*/
	.title03{
		border-radius: 60px 0 60px 0;
	}
	.title03-in>h2{
		font-size: 2.1rem;
	}
	.title03-in .title-sub{
		width: 44%;
	}
	.title03-in .title-sub p{
		font-size: 14px;
	}
	.report{
		margin-bottom: 7rem;
	}
	.report_list ul li>div:nth-of-type(1){
		width: 18%;
	}
	.report_list ul li>div:nth-of-type(2){
		width: 80%;
	}
	.report_list ul li>div:nth-of-type(3){
		display: none;
	}
	/*???��???��¸ë¶?? ??�ê�??*/
	.title18{
		border-radius: 60px 0 60px 0;
	}
	.title18-in>h2{
		font-size: 2.1rem;
	}
	.title18-in .title-sub{
		width: 44%;
	}
	.title18-in .title-sub p{
		font-size: 14px;
	}
	.gallery-in {
		margin: 7rem auto 7rem auto;
	}
	.gallery-in>h4 {
		font-size: 1.6rem;
		line-height: 2.5rem;
		padding-bottom: 2rem;
		margin-bottom: 4rem;
	}
	.mySwiper2 {
		height: 310px;
	}
	.btn-prev {
		left: var(--swiper-navigation-sides-offset, 20px) !important;
		top: var(--swiper-navigation-top-offset, 45%);
		background: url(../../img/sub/gallery-prev_m.png);
		width: 30px;
		height: 30px;
	}
	.btn-next{
		right: var(--swiper-navigation-sides-offset, 20px) !important;
		top: var(--swiper-navigation-top-offset, 45%);
		background: url(../../img/sub/gallery-next_m.png);
		width: 30px;
		height: 30px;
	}
	.mySwiper3 {
		margin-top: 15px;
	}
	/*??��????��??Š??�ê�??*/
	.title04{
		border-radius: 60px 0 60px 0;
	}
	.title04-in>h2{
		font-size: 2.1rem;
	}
	.title04-in .title-sub{
		width: 44%;
	}
	.title04-in .title-sub p{
		font-size: 14px;
	}
	.waymap-in{
		margin: 6rem auto 10rem auto;
	}
	/*???��????��???��??*/
	.loop-img2 {
		right: 175px;
		top: 100px;
	}
	.lawyerinfo {
		height: auto;
	}
	.lawyerinfo-in .next {
		top: 230px;
	}
	.lawyerinfo-in .flexbox .left{
		display: none;
	}
	.lawyerinfo-in .flexbox .right {
		width: 100%;
		padding: 100px 0 100px 0;
		align-items: center;
	}
	.lawyerinfo-in .flexbox .right>h2{
		font-size: 2.5rem;
	}
	.lawyerinfo-in .flexbox .right>h2>span {
		font-size: 1.5rem;
	}
	.lawyerinfo-in .flexbox .right>h2>span {
		font-size: 1.3rem;
	}
	.lawyerinfo-in .flexbox .right>h3 {
		font-size: 1.1rem;
		line-height: 2rem;
	}
	.lawyerinfo-in .flexbox .right .dash {
		width: 200px;
		margin-bottom: 1rem;
	}
	.lawyerinfo-in .flexbox .right .call {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 1rem;
		align-items: center;
	}
	.lawyerinfo-in .flexbox .right .call .call-in{
		margin-bottom: 10px;
	}
	.lawyerinfo-in .flexbox .right .advice .adbtn{
		font-size: 14px;
	}
	.profile .left-in {
		padding-top: 5rem;
	}
	.profile .left-in .fir {
		margin-bottom: 3rem;
	}
	.profile .left-in .sec .left {
		margin-bottom: 2rem;
	}
	.profile .left-in .sec .left>h3{
		font-size: 1.7rem;
	}
	.profile .left-in .sec .left>p{
		margin-bottom: 0.6rem;
	}
	.profile>.profile-in>.left>.left-in .sec>.right {
		margin-bottom: 0.6rem;
	}
	.profile>.profile-in>.left>.left-in .sec>.right>h3{
		font-size: 1.7rem;
	}
	.profile .left-in .sec .right>p{
		margin-bottom: 0.6rem;
	}
	.profile-in {
		margin: 0 auto 6rem auto;
	}
	.profile-in>.right {
		padding-top: 3rem;
	}
	.profile-in .right .major>h3{
		font-size: 1.5rem;
	}
	.profile-in .right .major .square{
		width: 40%;
		margin-bottom: 0.6rem;
	}
	.profile-in .right .have>h3{
		font-size: 1.5rem;
	}
	.profile-in .right .have>p{
		margin-bottom: 0.6rem;
	}
	.suc-in {
		padding: 10% 0 10% 0;
	}
	.suc-in .top>h3 {
		font-size: 1.5rem;
		padding-left: 15px;
	}
	.suc-in .bot .box .hash {
		font-size: 13px;
	}
	.suc-in .bot .box .name {
		font-size: 1.2rem;
	}
	.suc-in .bot .box .text {
		font-size: 17px;
		margin-bottom: 1rem;
	}
	.inquiry-in {
		padding: 6% 0 6% 0;
	}
	.inquiry-in>h4{
		margin-bottom: 7px;
		font-size: 13px;
	}
	.inquiry-in>h2 {
		font-size: 1.7rem;
		line-height: 2.4rem;
		margin-bottom: 10px;
	}
	.inquiry-in .adbtn{
		font-size: 14px;
		width: 130px;
	}
	/*?œ??��?§??��??��?*/
	.profile .left-in .sec .right3>h3{
		font-size: 1.7rem;
	}
	.profile .left-in .sec .right3{
		margin: 2rem 0 2rem 0;
	}
	.profile .left-in .sec .right3>p{
		margin-bottom: 0.6rem;
	}
	/*???��?�ë�?´ë¶??????��?*/
	.sel_in{
		padding-top: 20%;
	}
	.sel_in .left .select .selbox{ margin-bottom:10px;  width:calc(50% - 5px);}
	.sel_in .left .select .selbox>a {
		font-size: 1rem;
		padding: 15px 10px;
	}
	.sel_in .right .rigttit {
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
	.loop-img4 {
		right: 25%;
		top: 42%;
		z-index: 0;
	}
	.title05{
		border-radius: 60px 0 60px 0;
	}
	.title05-in>h2{
		font-size: 2.1rem;
	}
	.title05-in .title-sub{
		width: 44%;
	}
	.title05-in .title-sub p{
		font-size: 14px;
	}
	.area-in>h3 {
		font-size: 3.3rem;
		margin-bottom: 2rem;
	}

	.all_view{
		width: 6.4rem;
	}
	.all_view>img{
		width: 10px;
	}
	.all_view>h3{
		font-size: 14px;
		margin-right: 6px;
	}
	.sidemenu{
		font-size: 16px;
	}

	
	.suc-in {
		padding: 10% 0 10% 0;
	}
	.suc-in .top>h3 {
		font-size: 1.5rem;
		padding-left: 15px;
	}
	.suc-in .bot .box .hash {
		font-size: 13px;
	}
	.suc-in .bot .box .name {
		font-size: 1.2rem;
	}
	.suc-in .bot .box .text {
		font-size: 17px;
		margin-bottom: 1rem;
	}
	.suc02-in {
		padding: 10% 0 10% 0;
	}
	.suc02-in .top>h3 {
		font-size: 1.5rem;
		padding-left: 15px;
	}
	.suc02-in .bot .box .hash {
		font-size: 13px;
	}
	.suc02-in .bot .box .name {
		font-size: 1.2rem;
	}
	.suc02-in .bot .box .text {
		font-size: 17px;
		margin-bottom: 1rem;
	}
	.title06,.title07,.title08,.title09,.title10,.title11,.title12,.title13,.title14,.title15,.title16,.title17{
		border-radius: 60px 0 60px 0;
	}
	.title06-in>h2,.title07-in>h2,.title08-in>h2,.title09-in>h2,.title10-in>h2,.title11-in>h2,.title12-in>h2,.title13-in>h2,.title14-in>h2,.title15-in>h2,.title16-in>h2,.title17-in>h2{
		font-size: 2.1rem;
	}
	.title06-in .title-sub,.title07-in .title-sub,.title08-in .title-sub,.title09-in .title-sub,.title10-in .title-sub,.title11-in .title-sub,.title12-in .title-sub,.title13-in .title-sub,.title14-in .title-sub,.title15-in .title-sub,.title16-in .title-sub,.title17-in .title-sub{
		width: 44%;
	}
	/*?Š¹???��????��?ë¡?*/
	.success_intro {
		padding: 20% 0 16% 0;
	}
	.loop-img3 {
		top: 70px;
		left: 200px;
	}
	.intro-in>h3 {
		font-size: 2rem;
		line-height: 3rem;
	}
	.intro-in>p {
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.top_form {
		margin: 2rem auto 1rem auto;
	}
	#srch {
		padding-bottom: 3rem;
	}
	.report_search_in {
		width: 22rem;
	}
	.report_search_in .inp{
		font-size: 16px;
	}
	.report_search_in .srch_btn{
		width: 1.1rem;
	}
	.success-area {
		margin-bottom: 9rem;
	}
	.inp::placeholder {
		font-size: 14px; /* ???��????��??Š??? ?°?Š¸ ?¬ê¸°ë¡œ ë³?ê²½í??��????��??š??? */
	}
	.succon{
		padding-top: 4rem;
	}
	.successright>#sidenav{
/*		justify-content: space-evenly;*/
	}
	.successright>#sidenav>.sidemenu {
		width: calc(50% - 5px);
		margin:0 0 5px 0;
		font-size: 15px;
		border-left: 1px solid #959ca5;
	}
	.successright>#sidenav>.sidemenu:nth-child(2n){margin-right:0;}
	.succon .box .lawppwrap img{
		width: 50px;
	}
	.summary {
		margin-bottom: 4rem;
	}
	.summary-in{
		margin-bottom: 1rem;
	}
	.exclamation {
		margin-bottom: 4rem;
	}
	.exclamation-in{
		margin-bottom: 1rem;
	}
	.star {
		margin-bottom: 4rem;
	}
	.star-in{
		margin-bottom: 1rem;
	}
	/**/
	.foot-inner .bottom .right>a{
		font-size: 11px;
	}
	.foot-inner .bottom .right {
		width: 37%;
	}
	.foot-inner .bottom .left>h3{
		font-size: 11px;
	}
	.foot-inner>.top>.left>img{
		width: 140px;
		margin-bottom: 1rem;
	}
	.foot-inner>.top>.right{
		display: none;
	}
	/*??��??¼?¸ë¬¸ì??*/
	.report_view{
		flex-direction: column;
		align-items: flex-start;
	}
	.report_view>p{
		margin-bottom: 1rem;
	}
	.report_list2{
		font-size: 1rem;
	}
	.lawyerimg02{
		height:260px;
	}
	.reser{
		padding: 50px;
	}
	.reser .dot>p{
		margin-bottom: 1rem;
		font-size: 16px;
	}
	.writebox .dot>p{
		font-size: 16px;
		margin-bottom: 1rem;
	}
	.reser .formbox label{
		font-size: 15px;
	}
	.reser .formbox{
		flex-direction: column;
		padding-bottom: 10px;
	}
	.reser .formbox #cmanager,.reser .formbox #lawyer-select,.reser .formbox #ctype,
	.reser .formbox #ctel,.reser .formbox #cemail,.reser .formbox #comment{
		width: 100%;
	}
	input::placeholder{
		font-size: 15px;
	}
	textarea::placeholder{
		font-size: 15px;
	}
	.reser .formbox #lawyer-select{
		font-size: 15px;
	}
	.reser .formbox #ctype{
		font-size: 15px;
	}
	.check02 .agree{
		font-size: 1.1rem;
	}
	input[type="checkbox"] + label:before{
		top: -2px;
	}
	input[type="checkbox"]:checked + label:after{
		top: -1px;
	}
	.reser .finish>input{
		font-size: 1.1rem;
		padding: 13px;
	}
	.reservation{
		margin-bottom: 7rem;
	}
	.write_page{
		margin-top: 2rem;
	}
	.gowrite {
		width: 90px;
		padding: 9px;
		font-size: 16px;
	}
	.special{
		margin: 0 auto 5rem auto;
	}
	.special .right .one {
		margin-bottom: 5rem;
	}
	.suc-in .bot .box .name{
		height: 100px;
	}
	.succon .box .lawppwrap img{
		display: none;
	}
	.succon .box .lawpp{
		width: 100%;
	}
	.news-list li {
        width: calc(39% - -38px);
        margin: 0 5px 40px 5px;
    }
	.list-box-text .listtit{
		white-space: break-spaces;
	}
}
@media screen and ( max-width: 490px ) {
	.business_tab{display:none;}
	.busi_cont .conLst li{font-size:1.2em;}


	.title{
		padding: 12% 0 12% 0;
		border-radius: 50px 0 50px 0;
	}
	.title-in>h2{
		font-size: 2rem;
	}
	.title-in .title-sub{
		width: 60%;
	}
	.title-in .title-sub>img:nth-child(1){
		width: 15px;
	}
	.title-in .title-sub p{
		font-size: 12px;
	}
    
	#scrollButton{
		width: 60px;
		height: 60px;
	}
	.hi_text {
		margin: 0 auto 6rem auto;
	}
	.hi_text .left{
		margin-bottom: 2rem;
	}
	.hi_text .left>h3 {
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.hi_text .right p{
		font-size: 1rem;
		line-height: 1.6rem;
		margin-bottom: 1.3rem;
	}
	.hi_text .right p>br{
		display: none;
	}
	.hi_text .right .sshsign>h3{
		font-size: 1.2rem;
		margin-right: 1rem;
	}
	.hi_text .right .sshsign>img{
		width: 124px;
	}
	.lawyerimg {
		height: 400px;
	}
	.lawyergroup .groupwrap .group {
		top: -30px;
		font-size: 3rem;
	}
	.special{
		margin: 0 auto 5rem auto;
	}
	.special .left{
		margin-bottom: 2rem;
	}
	.special .left>h4 {
		font-size: 14px;
	}
	.special .left>h2{
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.special .right .one{
		margin-bottom: 4rem;
	}
	.special .right .one>h2{
		font-size: 1.2rem;
		margin-bottom: 1rem;
	}
	.special .right .one>h2>span{
		font-size: 1.8rem;
	}
	.special .right .one>p{
		font-size: 1rem;
		line-height: 1.6rem;
		margin-bottom: 1.3rem;
	}
	.special .left .left_bg{
		top: 400px;
	}
	.news-con-tit{
		padding: 1.4rem 0;
	}
	.news-con-tit>h3{
		font-size: 1.6rem;
	}
	.news-con-sub{
		padding: 3rem 0 3rem 0;
	}
	.news-view{
		flex-direction: column;
        align-items: flex-start;
	}
	.view-in{
		margin-bottom: 10px;
	}
	.view-in>i::before{
		width: 12px;
		display: block;
	}
	.view-in .writedate{
		font-size: 13px;
		white-space: nowrap;
	}
	/*???��????��????��????��?*/
	.title02{
		padding: 12% 0 12% 0;
		border-radius: 50px 0 50px 0;
	}
	.title02-in>h2{
		font-size: 2rem;
	}
	.title02-in .title-sub{
		width: 60%;
	}
	.title02-in .title-sub>img:nth-child(1){
		width: 15px;
	}
	.title02-in .title-sub p{
		font-size: 12px;
	}
	.news{
		margin-bottom: 6rem;
	}
	.news-list li{
		width: calc(36% - -37px);
        margin: 0 5px 40px 5px;
	}
	.list-box-text .listtit{
		font-size: 14px;
		white-space: break-spaces;
	}
	.list-box-text .listdate{
		font-size: 12px;
	}
	.news-con-list{
		width: 80px;
		margin: 3rem auto 0 auto;
		font-size: 16px;
	}
	.news-con-sub p{
		font-size: 1rem;
		line-height: 1.4rem;
	}
	/*???�¸ë¡ ë³�?????*/
	.title03{
		padding: 12% 0 12% 0;
		border-radius: 50px 0 50px 0;
	}
	.title03-in>h2{
		font-size: 2rem;
	}
	.title03-in .title-sub{
		width: 60%;
	}
	.title03-in .title-sub>img:nth-child(1){
		width: 15px;
	}
	.title03-in .title-sub p{
		font-size: 12px;
	}
	.report_view{
		margin-bottom: 2rem;
	}
	.report_list{
		font-size: 16px;
	}
	.report_list ul li{
		padding: 1.5rem 0;
	}
	/*???��???��¸ë¶?? ??�ê�??*/
	.title18{
		padding: 12% 0 12% 0;
		border-radius: 50px 0 50px 0;
	}
	.title18-in>h2{
		font-size: 2rem;
	}
	.title18-in .title-sub{
		width: 60%;
	}
	.title18-in .title-sub>img:nth-child(1){
		width: 15px;
	}
	.title18-in .title-sub p{
		font-size: 12px;
	}
	.gallery-in {
		margin: 5rem auto 5rem auto;
	}
	.gallery-in>h4 {
		font-size: 1.1rem;
		line-height: 2rem;
		padding-bottom: 1rem;
		margin-bottom: 2rem;
	}
	.mySwiper2 {
		height: 200px;
	}
	.btn-prev{
		left: var(--swiper-navigation-sides-offset, 10px) !important;
	}
	.btn-next{
		right: var(--swiper-navigation-sides-offset, 10px) !important;
	}
	.mySwiper3 {
		margin-top: 10px;
	}
	/*??��????��??Š??�ê�??*/
	.title04{
		padding: 12% 0 12% 0;
		border-radius: 50px 0 50px 0;
	}
	.title04-in>h2{
		font-size: 2rem;
	}
	.title04-in .title-sub{
		width: 60%;
	}
	.title04-in .title-sub>img:nth-child(1){
		width: 15px;
	}
	.title04-in .title-sub p{
		font-size: 12px;
	}
	.waymap-in {
		margin: 5rem auto 7rem auto;
	}
	.waymap-in>.map{
		height: 350px !important;
	}
	.waymap-in .bot{
		margin-bottom: 3rem;
	}
	.waymap-in .bot img{
		width: 60px;
	}
	.waymap-in .bot .add{
		margin-bottom: 2rem;
	}
	.waymap-in .bot .add>h3 {
		font-size: 1.23rem;
		margin: 1rem 0 1rem 0;
	}
	.waymap-in .bot .add>p {
		font-size: 17px;
		line-height: 1.5rem;
	}
	.waymap-in .bot .tel{
		margin-bottom: 2rem;
	}
	.waymap-in .bot .tel>h3{
		font-size: 1.23rem;
		margin: 1rem 0 1rem 0;
	}
	.waymap-in .bot .tel>p{
		font-size: 17px;
		line-height: 1.5rem;
	}
	.waymap-in .bot .place>h3{
		font-size: 1.23rem;
		margin: 1rem 0 1rem 0;
	}
	.waymap-in .bot .place>p{
		font-size: 17px;
		line-height: 1.5rem;
	}
	.waymap-in .bot .place>.bold {
		margin-top: 1rem;
	}
	.waymap-in .bot .subway>h3{
		font-size: 1.23rem;
		margin: 1rem 0 1rem 0;
	}
	.waymap-in .bot .subway>p{
		font-size: 17px;
		line-height: 1.5rem;
	}
	/*???��????��???��??*/
	.loop-img2 {
		right: 50px;
		top: 80px;
	}
	.lawyerinfo-in .flexbox .right{
		padding: 90px 0 90px 0;
	}
	.lawyerinfo-in .flexbox .right>h2 {
		font-size: 2rem;
	}
	.lawyerinfo-in .flexbox .right>h2>span {
		font-size: 1.2rem;
	}
	.lawyerinfo-in .flexbox .right>h3{
		text-align: center;
	}
	.lawyerinfo-in .flexbox .right .advice .adbtn{
		width: 140px;
	}
	.lawyerinfo-in .next {
		top: 230px;
	}
	.profile-in {
		margin: 0 auto 2rem auto;
	}
	.profile .left-in {
		padding-top: 4rem;
	}
	.profile .left-in .fir .one{
		font-size: 15px;
		line-height: 25px;
	}
	.profile .left-in .fir p{
		font-size: 15px;
		line-height: 25px;
	}
	.profile .left-in .sec .left>h3 {
		font-size: 1.3rem;
	}
	.profile .left-in .sec .left>p{
		font-size: 15px;
		margin-bottom: 0.1rem;
	}
	.profile>.profile-in>.left>.left-in .sec>.right{
		margin-bottom: 0.1rem;
	}
	.profile .left-in .sec .right2>p{
		margin-bottom: 0.1rem;
		font-size: 15px;
	}
	.profile .left-in .sec .right>p{
		font-size: 15px;
		margin-bottom: 0.1rem;
	}
	.profile>.profile-in>.left>.left-in .sec>.right>h3 {
		font-size: 1.3rem;
	}
	.profile-in .right .major>h3{
		font-size: 1.3rem;
	}
	.profile-in .right .major .square{
		width: 45%;
	}
	.profile-in .right .have>h3{
		font-size: 1.3rem;
	}
	.profile-in .right .have>p{
		text-align: center;
	}
	.profile .left-in .sec .right2{
		margin-bottom: 2rem;
	}
	.profile-in>.right{
		padding-top: 2rem;
		flex-direction: column;
		align-items: center;
	}
	.profile-in .right .major{
		display: flex;
		flex-direction: column;
		align-items: center;
		border-right: none;
		border-bottom: 1px solid #d3d3d3;
		width: 100%;
	}
	.profile-in .right .have{
		width: 100%;
		padding-top: 2rem;
	}
	.suc-in{
		padding: 20% 0 20% 0;
	}
	.suc-in .top{
		margin-bottom: 1rem;
	}
	.suc-in .top>h3{
		font-size: 1.3rem;
	}
	.inquiry01{
		background: url(../../img/sub/inquiry_bg02_m.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0 0 4rem 0;
	}
	.inquiry-in>h2{
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.inquiry-in .adbtn {
		font-size: 12px;
		width: 100px;
		height: 30px;
	}
	/*?œ??��?§??��??��?*/
	.profile .left-in .sec .right3>h3{
		font-size: 1.3rem;
	}
	.profile .left-in .sec .right3>p{
		font-size: 15px;
		margin-bottom: 0.1rem;
	}
	.inquiry02{
		background: url(../../img/sub/inquiry_bg03_m.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0 0 4rem 0;
	}
	/*ë°??�ì�?��??œ¤*/
	.inquiry03{
		background: url(../../img/sub/inquiry_bg04_m.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0 0 4rem 0;
	}
	/*? ??��?§??��?š±*/
	.inquiry04{
		background: url(../../img/sub/inquiry_bg05_m.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0 0 4rem 0;
	}
	/*?œ¤???�±�?¤?*/
	.inquiry005{
		background: url(../../img/sub/inquiry_bg005_m.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0 0 4rem 0;
	}
	/*???��?�ë�?´ë¶??????��?*/
	.sel_in {
		padding-top: 30%;
	}
	.sel_in .left .select .selbox>a {
		font-size: 14px;
/*		padding: 15%;*/
	}
	.sel_in .right .rigttit {
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.loop-img4 {
		right: 15%;
		top: 45%;
	}
	.title05{
		padding: 12% 0 12% 0;
		border-radius: 50px 0 50px 0;
	}
	.title05-in>h2{
		font-size: 2rem;
	}
	.title05-in .title-sub{
		width: 60%;
	}
	.title05-in .title-sub>img:nth-child(1){
		width: 15px;
	}
	.title05-in .title-sub p{
		font-size: 12px;
	}
	.area-in>h3 {
		font-size: 2.2rem;
		margin-bottom: 1rem;
	}
	
	#sidenav{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.sidemenu{
		flex: calc(40% - 10px);
		margin: 5px;
		font-size: 14px;
	}
	
	.suc02-in .top{
		margin-bottom: 1rem;
	}
	.suc02-in .top>h3{
		font-size: 1.3rem;
	}
	.title06,.title07,.title08,.title09,.title10,.title11,.title12,.title13,.title14,.title15,.title16,.title17{
		padding: 12% 0 12% 0;
		border-radius: 50px 0 50px 0;
	}
	.title06-in>h2,.title07-in>h2,.title08-in>h2,.title09-in>h2,.title10-in>h2,.title11-in>h2,.title12-in>h2,.title13-in>h2,.title14-in>h2,.title15-in>h2,.title16-in>h2,.title17-in>h2{
		font-size: 2rem;
	}
	.title06-in .title-sub,.title07-in .title-sub,.title08-in .title-sub,.title09-in .title-sub,.title10-in .title-sub,.title11-in .title-sub,.title12-in .title-sub,.title13-in .title-sub,.title14-in .title-sub,.title15-in .title-sub,.title16-in .title-sub,.title17-in .title-sub{
		width: 60%;
	}
	.title06-in .title-sub>img:nth-child(1),.title07-in .title-sub>img:nth-child(1),.title08-in .title-sub>img:nth-child(1),.title09-in .title-sub>img:nth-child(1),.title10-in .title-sub>img:nth-child(1),.title11-in .title-sub>img:nth-child(1),.title12-in .title-sub>img:nth-child(1),.title13-in .title-sub>img:nth-child(1),.title14-in .title-sub>img:nth-child(1),.title15-in .title-sub>img:nth-child(1),.title16-in .title-sub>img:nth-child(1),.title17-in .title-sub>img:nth-child(1){
		width: 15px;
	}
	.title06-in .title-sub p,.title07-in .title-sub p,.title08-in .title-sub p,.title09-in .title-sub p,.title10-in .title-sub p,.title11-in .title-sub p,.title12-in .title-sub p,.title13-in .title-sub p,.title14-in .title-sub p,.title15-in .title-sub p,.title16-in .title-sub p,.title17-in .title-sub p{
		font-size: 12px;
	}
	/*?Š¹???��????��?ë¡?*/
	.loop-img3{
		top: 50px;
		left: 70px;
	}
	.success-area-in {
		margin: 0 auto 7rem auto;
	}
	.success_intro {
		padding: 25% 0 18% 0;
	}
	.intro-in>h3 {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.intro-in>p {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.top_form {
		flex-direction: column;
	}
	.all_view{
		margin-top: 1.5rem;
		margin-right: 0;
		height: 3.5rem;
		width: 6rem;
	}
	.all_view>h3 {
		font-size: 13px;
	}
	.all_view>img {
		width: 9px;
	}
	.report_search_in {
		width: 17rem;
		height: 4rem;
	}
	.report_search_in .inp {
		font-size: 14px;
		padding: 0 8px;
	}
	.inp::placeholder {
		font-size: 11px; /* ???��????��??Š??? ?°?Š¸ ?¬ê¸°ë¡œ ë³?ê²½í??��????��??š??? */
	}
	.successright>#sidenav>.sidemenu {
		width: calc(50% - 3px);
		font-size: 14px;
	}
	.succon {
		padding-top: 3rem;
	}
	.succon .box .lawppwrap img{
		display: none;
	}
	.succon .box .lawpp{
		padding-left: 0;
		padding: 10px 0 10px 0;
        justify-content: flex-end;
	}
	.succon .box .text{
		display: none;
	}
	.succon .box .hash {
		font-size: 13px;
		margin-bottom: 12px;
		height: 32px;
	}
	.succon .box{
		margin: 5px;
		width: calc(43% - 25px);
	}
	.succon .box .name {
		font-size: 1rem;
		height: 65px;
	}
	.succon .box .lawppwrap{
		padding: 0;
		justify-content: flex-end;
		height: 70px;
	}
	.succon .box .plus{
		width: 10px;
	}
	.success-area {
		margin-bottom: 5rem;
	}
	.inquiry05{
		background: url(../../img/sub/inquiry_bg06_m.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0 0 4rem 0;
	}
	.suc-con-flex{
		padding: 3rem 0 3rem 0;
	}
	.summary {
		margin-bottom: 3rem;
	}
	.summary-in>h4 {
		margin-left: 10px;
		font-size: 1.3rem;
	}
	.exclamation {
		margin-bottom: 3rem;
	}
	.exclamation-in>h4{
		margin-left: 10px;
		font-size: 1.3rem;
	}
	.star {
		margin-bottom: 3rem;
	}
	.star-in>h4{
		margin-left: 10px;
		font-size: 1.3rem;
	}
	.suc-con-sub .text{
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.respon-lawyer>img{
		width: 80%;
		margin: 0 auto;
		padding-bottom: 0;
	}
	.resultimg>img{
		width: 90%;
		margin: 0 auto;
	}
	/*??��??¼?¸ 문ì??*/
	.report {
		margin-bottom: 5rem;
	}
	.report_view>p{
		font-size: 1.1rem;
	}
	.report_search_in2 {
		width: 13rem;
	}
	.report_search_in2 .srch_btn2 {
		width: 1rem;
		right: 1rem;
	}
	#search_category {
		width: 5rem;
		font-size: 14px;
	}
	.inp2::placeholder {
		font-size: 14px; /* ???��????��??Š??? ?°?Š¸ ?¬ê¸°ë¡œ ë³?ê²½í??��????��??š??? */
	}
	.report_list2 ul li{
		padding: 1.5rem 0;
	}
	.report_list2 {
		font-size: 15px;
	}
	.board_tit2 .complete{
		font-size: 11px;
	}
	.report_list2 ul li>div:nth-of-type(1){
		display: none;
	}
	.report_list2 ul li>div:nth-of-type(2) {
		width: 87%;
	}
	.reservation-in>h3{
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.reservation-in .left_bg{
		top: 690px;
	}
	/**/
	.foot-inner{
		padding-top: 10%;
		padding-bottom: 10%;
	}
	.foot-inner>.top>.left p {
		font-size: 13px;
		margin-bottom: 10px;
	}
	.foot-inner .bottom{
		padding: 5% 0 4% 0;
	}
	.foot-inner .bottom .right{
		display: none;
	}

	.reser {
		padding: 25px;
	}
	.reservation-in {
		margin: 0 auto 7rem auto;
	}
	.reser .dot>p{
		margin-bottom: 0;
	}
	.writebox .dot>p{
		margin-bottom: 0;
	}
	.reser .formbox label{
		padding: 10px 0 10px 0;
	}
	.reser .formbox #cmanager,.reser .formbox #lawyer-select,.reser .formbox #ctype,
	.reser .formbox #ctel,.reser .formbox #cemail,.reser .formbox #comment{
		padding: 10px 0 10px 5px !important;
	}
	.check02{
		padding: 20px 0 20px 0;
	}
	.check02 .agree {
		font-size: 1rem;
	}
	input[type="checkbox"] + label:before {
		top: 0px;
		left: -3px;
		width: 15px;
		height: 15px;
	}
	.reser .finish>input {
		font-size: 1rem;
		padding: 11px;
	}
	.gowrite {
		width: 80px;
		padding: 8px;
		font-size: 15px;
	}
	.wrfo {
		width: 80%;
		padding: 30px;
	}
	.wrfo .endf>input {
		font-size: 1rem;
		padding: 10px;
	}
	input[type="checkbox"]:checked + label:after{
		font-size: 15px;
		left: 0px;
		top: 0px;
	}
	.suc-in .bot .box .name{
		height: 80px;
	}
	.suc-in .bot .box .text{
		height: 50px;
	}
	.btnWrap .pw {
		margin-top: 1rem;
		font-size: 1.2rem;
	}
	.btnWrap>.pw>input {
		margin-top: 1rem !important;
	}
	.suc02-in .bot .box .name{
		height: 80px;
	}
	.suc02-in .bot .box .text{
		height: 80px;
	}
	.succon .box .lawpp {
		font-size: 15px;
		text-align: left;
	}
	.news-con-sub img{
		width: 100%;
	}
	.suc-in .bot .box .plus{
		left: 0;
	}
	/*개인? ??�ë³´�?²?�ë¦�?ë°©ì¹?*/
	.pertext-in{
		margin: 0 auto 50px auto;
	}
	.para {
		line-height: 1.5;
		font-size: 1rem;
	}
	.pertext-in .section:not(:first-child) {
		margin-top: 1rem;
	}
	.section-name {
		margin: 0 0 0.7rem 0;
		font-size: 1.2rem;
		line-height: 1rem;
	}
	ol.data-list.theme-a>li{
		padding-left: 0;
		font-size: 15px;
		line-height: 17px;
	}
}
@media screen and ( max-width: 690px ) {
	.news-list li{
		width: calc(33% - -38px);
	}
}