@charset "utf-8";

/******************************  메인 페이지  ******************************/
/* 메인 배너 영역 시작 */
#main_visual_area {
	position: relative;
	height: 1079px;
	background: url('../images/main_banner.png') no-repeat center center / cover;
	color: #fff;
}

#main_visual_area .title {
	display: block;
	padding-top: 380px;
	font-size: 55px;
	line-height: 1.55;
}

#main_visual_area .title > b {
	font-weight: 800;
}

#main_visual_area .intro {
	display: block;
	margin-top: 50px;
	font-size: 32px;
}

#main_visual_area .eng_name {
	display: block;
	margin-top: 150px;
}

.eng_name {
	font-size: 18px;
	text-align: center;
	letter-spacing: 27px;
}

#main_visual_area .main_menu {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center;
}

#main_visual_area .main_menu button {
	margin-right: 95px;
	font-size: 24px;
	font-weight: 300;
	text-align: center;
	color: #fff;
}

#main_visual_area .main_menu button:last-child {
	margin-right: 0;
}

#main_visual_area .main_menu button > img {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}

@media screen and (max-width:1000px) {
	#main_visual_area {
		height: 192vw;
		background: url('../images/m_main_banner.png') no-repeat center top / contain;
	}

	#main_visual_area .title {
		padding-top: 59vw;
		font-size: 4.8vw;
		text-align: center;
		line-height: 1.75;
	}

	#main_visual_area .title > b {
		font-size: 7vw;
	}

	#main_visual_area .intro {
		margin-top: 7vw;
		font-size: 4vw;
		text-align: center;
		line-height: 1.625;
	}

	#main_visual_area .eng_name {
		margin-top: 5vw;
	}

	.eng_name {
		font-size: 1.8vw;
		letter-spacing: 2.7vw;
	}

	#main_visual_area .main_menu {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 1.5vw 0;
		text-align: center;
		background: var(--main-color);
	}

	#main_visual_area .main_menu .sector {
		width: 100%;
	}

	#main_visual_area .main_menu button {
		float: left;
		width: 25%;
		margin: 3.5vw 0;
		margin-right: 0;
		font-size: 3.6vw;
	}

	#main_visual_area .main_menu button:not(:nth-child(4n + 4)) {
		border-right: 1px solid rgba(255,255,255,0.5);
	}

	#main_visual_area .main_menu button:last-child {
		margin-right: 0;
	}

	#main_visual_area .main_menu button > img {
		width: 8vw;
		margin-bottom: 1vw;
	}
}

/* 메인 배너 영역 끝 */


/* 메인 변호사 영역 시작 */
#main_lawyer_area {
	position: relative;
	height: 1180px;
	background: url('../images/sec02_lawyer_img.png') no-repeat center bottom / contain;
}

#main_lawyer_area .title {
	display: block;
	padding-top: 150px;
	font-size: 55px;
	text-align: center;
	line-height: 1.55;
}

#main_lawyer_area .intro {
	display: block;
	margin-top: 50px;
	font-size: 32px;
	text-align: center;
}

@media screen and (max-width:1000px) {
	#main_lawyer_area {
		height: 146.5vw;
		background: url('../images/m_sec02_lawyer_img.png') no-repeat center bottom / contain;
	}

	#main_lawyer_area .title {
		padding-top: 13vw;
		font-size: 5.5vw;
	}

	#main_lawyer_area .intro {
		margin-top: 6.8vw;
		font-size: 3.2vw;
	}
}

/* 메인 변호사 영역 끝 */


/* 메인 쉬지않고 달려온 영역 시작 */
#main_running_area {
	display: flex;
	justify-content: center;
	align-items: center;
}

#main_running_area .img {
	width: 941px;
	height: 1087px;
	background: url('../images/sec03_img.png') no-repeat center center / cover;
}

#main_running_area .txt_box {
	width: calc(100% - 941px);
	min-width: 820px;
}

#main_running_area .txt_box .top {
	height: 620px;
	padding-left: 135px;
}

#main_running_area .txt_box .top .eng_name {
	display: inline-block;
	margin-top: 133px;
	color: #B8B8B8;
}

#main_running_area .txt_box .top .message {
	margin-top: 133px;
	font-size: 55px;
	line-height: 1.55;
}

#main_running_area .txt_box .bottom {
	height: 467px;
	padding-left: 135px;
	background: #EEEDEE;
}

#main_running_area .txt_box .bottom .message {
	padding-top: 130px;
	font-size: 36px;
	line-height: 2;
}

@media screen and (max-width:1000px) {
	#main_running_area .txt_box {
		width: 100%;
		min-width: 0;
	}

	#main_running_area .txt_box .top {
		height: 49.8vw;
		padding-left: 50vw;
		background: url('../images/m_sec03_img.png') no-repeat center left / contain;
	}

	#main_running_area .txt_box .top .eng_name {
		margin-top: 12.5vw;
	}

	#main_running_area .txt_box .top .message {
		margin-top: 4.5vw;
		font-size: 5vw;
		line-height: 1.7;
	}

	#main_running_area .txt_box .bottom {
		height: 25vw;
		padding-left: 0;
		text-align: center;
	}

	#main_running_area .txt_box .bottom .message {
		padding-top: 4vw;
		font-size: 3.6vw;
		line-height: 1.8;
	}
}

/* 메인 쉬지않고 달려온 영역 끝 */


/* 메인 솔루션 영역 시작 */
#main_solution_area {
	width: 100%;
	overflow: hidden;
}

.main_container {
	padding-top: 145px;
}

#main_solution_area .main_title {
	text-align: center;
}

.main_title {
	font-size: 55px;
	line-height: 1.45;
}

#main_solution_area .rolling_box {
	display: flex;
	margin: 120px 0 140px;
	animation: rolling_left 20s linear infinite;
}

@keyframes rolling_left {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

@media screen and (max-width:1000px) {
	.main_container {
		padding-top: 15.5vw;
	}

	.main_title {
		font-size: 5.5vw;
	}

	#main_solution_area .rolling_box {
		margin: 16vw 0 19vw;
		animation: rolling_left 10s linear infinite;
	}

	#main_solution_area .rolling_box > img {
		height: 46.4vw;
	}
}

/* 메인 솔루션 영역 끝 */


/* 메인 법무 서비스 영역 시작 */
#main_service_area {
	padding: 145px 0 150px;
	background: url('../images/sec04_bg.png') no-repeat center center / cover;
	color: #fff;
}

#main_service_area .main_title {
	text-align: center;
}

#main_service_area .intro {
	display: block;
	margin-top: 57px;
	font-size: 32px;
	text-align: center;
}

#main_service_area .main_service {
	max-width: 1730px;
	margin: 0 auto;
	margin-top: 110px;
}

#main_service_area .main_service > li {
	float: left;
	width: calc(25% - 30px);
	height: 275px;
	padding-top: 63px;
	padding-left: 34px;
	margin-bottom: 60px;
	margin-right: 40px;
	background: #29395D;
	border-radius: 20px;
	box-shadow: 3px 3px 10px rgba(255,255,255,0.56);
	box-sizing: border-box;
	transition: .25s;
}

#main_service_area .main_service > li:hover {
	background: #fff;
	color: #29395D;
}

#main_service_area .main_service > li:nth-child(4n + 4) {
	margin-right: 0;
}

#main_service_area .main_service > li .num {
	display: block;
	margin-bottom: 15px;
	font-size: 66px;
	font-weight: 800;
}

#main_service_area .main_service > li .service {
	font-size: 44px;
}

#main_service_area .eng_name {
	display: block;
	margin-top: 80px;
	text-align: center;
}

@media screen and (max-width:1000px) {
	#main_service_area {
		padding: 6vw 0;
		background-image: url('../images/m_sec04_bg.png');
	}

	#main_service_area .intro {
		margin-top: 4vw;
		font-size: 3.2vw;
	}

	#main_service_area .main_service {
		width: 88%;
		margin-top: 9vw;
	}

	#main_service_area .main_service > li {
		width: 27.5vw;
		height: 27.5vw;
		padding-top: 6.3vw;
		padding-left: 3.4vw;
		margin-bottom: 6vw;
		margin-right: 2.5vw;
		border-radius: 2vw;
		box-shadow: 0.3vw 0.3vw 1vw rgba(255,255,255,0.56);
	}

	#main_service_area .main_service > li:nth-child(4n + 4) {
		margin-right: 2.5vw;
	}

	#main_service_area .main_service > li:nth-child(3n + 3) {
		margin-right: 0;
	}

	#main_service_area .main_service > li .num {
		margin-bottom: 1.5vw;
		font-size: 6.6vw;
	}

	#main_service_area .main_service > li .service {
		font-size: 4.4vw;
	}

	#main_service_area .eng_name {
		margin-top: 6vw;
	}
}

/* 메인 법무 서비스 영역 끝 */


/* 메인 결과 영역 시작 */
#main_result_area {
	height: 1390px;
	padding-top: 145px;
	background: #EEEDEE;
	text-align: center;
	background: url('../images/sec05_bg.png') no-repeat center bottom / contain;
}

#main_result_area .intro {
	margin-top: 57px;
	margin-bottom: 89px;
	font-size: 32px;
	line-height: 1.55;
}

#main_result_area .eng_name {
	color: #B8B8B8;
}

@media screen and (max-width:1000px) {
	#main_result_area {
		height: 110.7vw;
		padding-top: 15.5vw;
		background-image: url('../images/m_sec05_bg.png');
	}

	#main_result_area .intro {
		margin-top: 5.7vw;
		margin-bottom: 9vw;
		font-size: 3.2vw;
	}
}

/* 메인 결과 영역 끝 */


/* 메인 끝까지 책임 시작 */
#main_nochange_area {
	height: 1177px;
	background: url('../images/sec06_bg.png') no-repeat right top;
}

#main_nochange_area .main_title {
	padding-top: 155px;
	text-align: center;
}

#main_nochange_area .nochange_box {
	display: flex;
	margin-top: 155px;
	align-items: center;
}

#main_nochange_area .nochange_box .nochange_list {
	margin-left: 40px;
}

#main_nochange_area .nochange_box .nochange_list > li {
	display: flex;
	width: 920px;
	height: 130px;
	margin-bottom: 19px;
	background: #29395D;
	align-items: center;
	color: #fff;
}

#main_nochange_area .nochange_box .nochange_list > li:last-child {
	margin-bottom: 0;
}

#main_nochange_area .nochange_box .nochange_list > li .num {
	display: inline-block;
	padding-left: 15px;
	padding-right: 35px;
	margin-right: 35px;
	border-right: 1px solid #fff;
	font-size: 44px;
	font-weight: bold;
}

#main_nochange_area .nochange_box .nochange_list > li .title {
	font-size: 44px;
	font-weight: bold;
}

#main_nochange_area .nochange_box .nochange_list > li .txt {
	font-size: 32px;
}

#main_nochange_area .nochange_box .nochange_txt {
	width: calc(100% - 920px);
	height: 647px;
	padding-left: 90px;
	box-sizing: border-box;
	background: #EEEDEE;
}

#main_nochange_area .nochange_box .nochange_txt .top {
	padding-top: 100px;
	font-size: 36px;
	line-height: 1.35;
}

#main_nochange_area .nochange_box .nochange_txt .quot {
	width: 54px;
	height: 44px;
	margin: 67px 0 75px;
	background: url('../images/sec06_quotes.png') no-repeat center center / contain;
}

#main_nochange_area .nochange_box .nochange_txt .bottom {
	font-size: 44px;
	line-height: 1.45;
}

#main_nochange_area .eng_name {
	display: block;
	margin-top: 60px;
	color: #B8B8B8;
}

@media screen and (max-width:1000px) {
	#main_nochange_area {
		height: auto;
		background: url('../images/m_sec06_bg.png') no-repeat right top / 56.4vw;
	}

	#main_nochange_area .main_title {
		padding-top: 15.5vw;
	}

	#main_nochange_area .nochange_box {
		display: block;
		margin-top: 8vw;
		padding-top: 6vw;
		background: #EEEDEE;
	}

	#main_nochange_area .nochange_box .nochange_list {
		margin-left: 0;
	}

	#main_nochange_area .nochange_box .nochange_list > li {
		width: 88vw;
		margin: 0 auto;
		height: 13vw;
		margin-bottom: 1.9vw;
		justify-content: center;
	}

	#main_nochange_area .nochange_box .nochange_list > li .num {
		display: none;
	}

	#main_nochange_area .nochange_box .nochange_list > li .title {
		font-size: 4.4vw;
	}

	#main_nochange_area .nochange_box .nochange_list > li .txt {
		font-size: 3.2vw;
	}

	#main_nochange_area .nochange_box .nochange_txt {
		width: 100%;
		height: 55vw;
		min-width: 0;
		padding-left: 0;
		text-align: center;
	}

	#main_nochange_area .nochange_box .nochange_txt .top {
		padding-top: 6vw;
		font-size: 3.6vw;
	}

	#main_nochange_area .nochange_box .nochange_txt .quot {
		width: 5.4vw;
		height: 4.4vw;
		margin: 4.8vw auto;
	}

	#main_nochange_area .nochange_box .nochange_txt .bottom {
		font-size: 4.4vw;
	}

	#main_nochange_area .nochange_box .nochange_txt .bottom > b {
		font-size: 5vw;
	}

	#main_nochange_area .eng_name {
		margin-top: 10vw;
		margin-bottom: 10vw;
	}
}

/* 메인 끝까지 책임 끝 */



/* 메인 서브 배너2 시작 */
#main_subbanner2_area {
	display: flex;
	height: 450px;
	background: url('../images/sec07_bg.png') no-repeat top left;
	align-items: center;
	justify-content: center;
}

#main_subbanner2_area .main_title {
	text-align: center;
}

@media screen and (max-width:1000px) {
	#main_subbanner2_area {
		height: 36vw;
		background: url('../images/m_sec07_bg.png') no-repeat top left / 52.7vw;
	}
}

/* 메인 서브 배너2 끝 */



/* 메인 오시는 길 시작 */
#main_contact_area {
	display: flex;
	padding: 130px 0;
	background: #EEEDEE;
	justify-content: center;
	align-items: center;
}

#main_contact_area .map {
	width: 941px;
	height: 449px;
}

#main_contact_area .info {
	margin-left: 98px;
	font-size: 36px;
}

#main_contact_area .info .address {
	display: block;
	position: relative;
	padding-top: 50px;
	margin-bottom: 50px;
}

#main_contact_area .info .address::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	height: 2px;
	background: #000;
	content: "";
}

#main_contact_area .info .detail {
	line-height: 1.95;
}

.map .root_daum_roughmap {
	width: 100%;
	height: 100%;
}

.map .root_daum_roughmap .wrap_map {
	height: 100%;
}

@media screen and (max-width:1000px) {
	#main_contact_area {
		display: block;
		padding: 15vw 0;
	}

	#main_contact_area .map {
		width: 88vw;
		height: 45vw;
		margin: 0 auto;
	}

	#main_contact_area .info {
		width: 88vw;
		margin: 10vw auto 0;
	}

	#main_contact_area .info .address {
		display: block;
		position: relative;
		padding-top: 4.4vw;
		margin-bottom: 4.4vw;
		font-size: 4.4vw;
	}

	#main_contact_area .info .address::before {
		width: 24vw;
	}

	#main_contact_area .info .detail {
		font-size: 4vw;
		line-height: 1.55;
	}
}

/* 메인 오시는 길 끝 */



/******************************  서브 페이지  ******************************/
/* 서브 공통 */
.sub_title {
	padding: 90px 0;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
}

.sub_title2 {
	position: relative;
	margin-top: 125px;
	margin-bottom: 45px;
	padding-left: 55px;
	font-size: 32px;
	font-weight: bold;
}

.sub_title2::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	content: "";
}

.sub_title2.history::after {
	background-image: url('../images/m_history_icon.png');
}

.sub_title2.letter::after {
	background-image: url('../images/m_batge_icon.png');
}

.sub_title3 {
	position: relative;
	margin-top: 85px;
	margin-bottom: 20px;
	padding-top: 33px;
	padding-left: 40px;
	padding-bottom: 20px;
	font-size: 28px;
	font-weight: 600;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 77px;
}

.business1 .sub_title3 { background-image: url('../images/sub03_title_icon01.png'); }
.business2 .sub_title3 { background-image: url('../images/sub03_title_icon02.png'); }
.business3 .sub_title3 { background-image: url('../images/sub03_title_icon03.png'); }
.business4 .sub_title3 { background-image: url('../images/sub03_title_icon04.png'); }
.business5 .sub_title3 { background-image: url('../images/sub03_title_icon05.png'); }
.business6 .sub_title3 { background-image: url('../images/sub03_title_icon06.png'); }
.business7 .sub_title3 { background-image: url('../images/sub03_title_icon07.png'); }
.business8 .sub_title3 { background-image: url('../images/sub03_title_icon08.png'); }

.sub_title3::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 260px;
	height: 0;
	border-bottom: 2px dashed #DCD7C9;
	content: "";
}

@media screen and (max-width:1000px) {
	.sub_title {
		padding: 10vw 0 5vw;
		font-size: 5vw;
	}

	.sub_title2 {
		margin-top: 14vw;
		margin-bottom: 5vw;
		padding-left: 7vw;
		font-size: 4vw;
	}

	.sub_title2::after {
		width: 5.5vw;
		height: 5.5vw;
	}
	
	.sub_title3 {
		margin-top: 20vw;
		margin-bottom: 5vw;
		padding-top: 3vw;
		padding-left: 4.5vw;
		padding-bottom: 2vw;
		font-size: 4.4vw;
		background-size: 7.7vw;
	}

	.sub_title3::after {
		width: 33.5vw;
		border-bottom: 1px dashed #DCD7C9;
	}
}


/* 법인소개 - 인사말 */
.info01_intro {
	text-align: center;
	line-height: 1.65;
}

.info01_intro > strong {
	font-size: 28px;
	font-weight: 600;
	color: var(--main-color);
}

.info01_list {
	display: flex;
	margin-top: 90px;
	margin-bottom: 150px;
	justify-content: space-between;
}

.info01_list > li {
	position: relative;
	width: 350px;
	height: 450px;
	text-align: center;
	color: #fff;
}

.info01_list > li > img {
	position: absolute;
	top: -12px;
	left: -12px;
	z-index: 0;
}

.info01_list > li > span,
.info01_list > li > p {
	display: block;
	position: relative;
	z-index: 1;
}

.info01_list > li > span.spell {
	font-size: 150px;
	font-weight: 600px;
	padding-top: 60px;
}

.info01_list > li:last-child > span.spell {
	padding-top: 50px;
}

.info01_list > li > span.title {
	margin-bottom: 36px;
	font-size: 40px;
}

.info01_list > li > p.txt {
	font-size: 18px;
	line-height: 1.5;
}

@media screen and (max-width:1000px) {
	.info01_intro > strong {
		font-size: 3.6vw;
	}

	.info01_list {
		display: block;
		margin-top: 12vw;
		margin-bottom: 13.5vw;
	}

	.info01_list > li {
		width: 100%;
		height: 28vw;
		margin-bottom: 6vw;
		padding-left: 35.4vw;
		text-align: left;
		box-sizing: border-box;
	}

	.info01_list > li > img {
		top: -1.2vw;
		left: -1.0vw;
		width: 31vw;
	}

	.info01_list > li > span.spell {
		display: none;
	}

	.info01_list > li:last-child > span.spell {
		padding-top: 50px;
	}

	.info01_list > li > span.title {
		margin-bottom: 3.5vw;
		font-size: 5.5vw;
		font-weight: 600;
		color: #BFA14A;
	}

	.info01_list > li > p.txt {
		font-size: 3.6vw;
		color: #666666;
	}
}


/* 오시는 길 */
.info02_area {
	background: url('../images/sub01_location_bg.png') no-repeat right 27px bottom 100px;
}

.info02_map {
	width: 100%;
	height: 660px;
}

.info02_detail {
	margin-top: 150px;
}

.info02_detail .address {
	display: inline-block;
	position: relative;
	padding-top: 55px;
	padding-bottom: 20px;
	font-size: 30px;
}

.info02_detail .address::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	height: 5px;
	background: #707070;
	content: "";
}

.info02_detail .detail {
	line-height: 2;
}

@media screen and (max-width:1000px) {
	.info02_area {
		background: none;
	}

	.info02_map {
		height: 60vw;
	}

	.info02_detail {
		margin-top: 15vw;
	}

	.info02_detail .address {
		padding-top: 5.5vw;
		padding-bottom: 3vw;
		font-size: 4vw;
	}

	.info02_detail .address::before {
		width: 23vw;
		height: 2px;
	}

	.info02_detail .detail {
		line-height: 1.65;
	}
}



/* 변호사 페이지 시작 */
.lawyer_img_box {
	padding-top: 95px;
	text-align: center;
}

.lawyer_img_box img {}

.lawyer_history_box {}

.lawyer_history_box .lawyer_history {}

.lawyer_history_box .lawyer_history > li {
	margin-bottom: 10px;
}

.lawyer_letter_box {}

.lawyer_letter_box .lawyer_letter {}

.lawyer_letter_box .lawyer_letter > li {
	float: left;
	width: calc(20% - 11.2px);
	margin-bottom: 45px;
	margin-right: 14px;
}

.lawyer_letter_box .lawyer_letter > li:nth-child(5n + 5) {
	margin-right: 0;
}

.lawyer_letter_box .lawyer_letter > li > img {}

@media screen and (max-width:1000px) {
	.lawyer_img_box {
		padding-top: 5vw;
	}

	.lawyer_history_box .lawyer_history > li {
		margin-bottom: 2.5vw;
	}

	.lawyer_letter_box .lawyer_letter > li {
		width: calc(33.33% - 2.667vw);
		margin-bottom: 3.5vw;
		margin-right: 4vw;
	}

	.lawyer_letter_box .lawyer_letter > li:nth-child(5n + 5) {
		margin-right: 4vw;
	}

	.lawyer_letter_box .lawyer_letter > li:nth-child(3n + 3) {
		margin-right: 0;
	}
}
/* 변호사 페이지 끝 */


/* 업무분야 목록 시작 */
.btn_wrap {
    position: relative;
    float: left;
    width: 300px;
	height: 300px;
	margin-right: 56px;
	margin-bottom: 50px;
}

.btn_wrap img {
    width: 100%;
    display: block;
    position: absolute;
    top:0; left:0;
    transition: opacity 0.3s;
}

.img_hover {
    opacity: 0;
}

.btn_wrap:hover .img_hover {
    opacity: 1;
}

.btn_wrap:hover .img_normal {
    opacity: 0;
}

.btn_wrap:nth-child(4n + 4) {
	margin-right: 0;
}

@media screen and (max-width:1000px) {
	.btn_wrap {
		width: 27vw;
		height: 27vw;
		margin-right: 3.5vw;
		margin-bottom: 2.6vw;
	}

	.btn_wrap:nth-child(4n + 4) {
		margin-right: 3vw;
	}

	.btn_wrap:nth-child(3n + 3) {
		margin-right: 0;
	}
}


/* 업무분야 목록 끝 */



/* 업무분야 시작 */
.business_area {
	padding-left: 590px;
	background-repeat: no-repeat;
	background-size: 506px;
	background-position: left top;
}

.business_area.business1 { background-image: url('../images/sub03_img01.png'); }
.business_area.business2 { background-image: url('../images/sub03_img02.png'); }
.business_area.business3 { background-image: url('../images/sub03_img03.png'); }
.business_area.business4 { background-image: url('../images/sub03_img04.png'); }
.business_area.business5 { background-image: url('../images/sub03_img05.png'); }
.business_area.business6 { background-image: url('../images/sub03_img06.png'); }
.business_area.business7 { background-image: url('../images/sub03_img07.png'); }
.business_area.business8 { background-image: url('../images/sub03_img08.png'); }

.business_area .main_message {
	display: block;
	margin-bottom: 25px;
	font-size: 50px;
	font-weight: bold;
}

.business_area .sub_message {
	display: block;
	font-size: 30px;
	font-weight: 500;
}

.business_area .feature_box {}

.business_area .feature_box .feature {
	padding-left: 55px;
	font-weight: 300;
	line-height: 1.45;
	color: #666666;
}

.business_area .point_box {}

.business_area .point_box .point {
}

.business_area .point_box .point > li {
	margin-bottom: 20px;
	padding: 25px 0;
	padding-left: 80px;
	border: 2px solid #DCD7C9;
	border-radius: 10px;
	background: url('../images/sub03_txt_icon.png') no-repeat center left 25px;
}

.business_area .member_box{

}

.business_area .member_box .member_list_area{
	width:100%;
}

.business_area .member_box .member_list_area .member_list{
	width:100%;
}

.business_area .member_box .member_list_area .member_list li{
	display:inline-block;
	width:calc(25% - 11.2px);
	margin-bottom:20px;
	padding:0;
}

.business_area .member_box .member_list_area .member_list li dl dt{
	text-align:center;
	margin-top:10px;
}

.business_area .member_box .member_list_area .member_list li dl dd img{
	width:100%;
}

.business_area2{
	padding-left:0;
}

@media screen and (max-width:1000px) {
	.business_area {
		padding-left: 0;
		background-size: 40.2vw;
		background-position: center top 25vw;
	}

	.business_area .main_message {
		margin-bottom: 2.5vw;
		font-size: 5.5vw;
		text-align: center;
	}

	.business_area .sub_message {
		margin-bottom: 90vw;
		font-size: 3.6vw;
		text-align: center;
	}

	.business_area .feature_box {}

	.business_area .feature_box .feature {
		padding-left: 0;
		line-height: 1.65;
	}

	.business_area .point_box {}

	.business_area .point_box .point {
	}

	.business_area .point_box .point > li {
		margin-bottom: 2.5vw;
		padding: 3vw 0;
		padding-left: 8vw;
		padding-right: 3vw;
		border: 1px solid #DCD7C9;
		border-radius: 1vw;
		background-size: 3vw;
		background-position: center left 3vw;
	}

	.business_area .member_box .member_list_area .member_list li{
		width:calc(50% - 11.2px);
		margin-bottom:20px;
	}
}


/* 업무분야 끝 */


/****************************** 커뮤니티 페이지 시작  ******************************/
/******* 공지사항 시작 *******/
.notice_wrap {
	padding : 30px;
	text-align : center;
}
.notice {
	width: 100%;
}
.notice_search {
	display : flex;
	justify-content : flex-end;
	align-items : center;
	gap : 10px;
	margin-bottom : 30px;
}
.search_input {
	width : 310px !important;
	height : 55px !important;
	padding : 0 12px !important;
	border : 1px solid #ccc !important;
	border-radius : 0 !important;
	font-size : 18px !important;
	transition : all 0.2s ease;
	margin : 0 !important;
}
.search_input:focus {
	outline : none;
	border-color : var(--main-color);
	box-shadow : 0 0 3px rgba(0, 43, 153, 0.2);
}

.search_btn {
	width : 102px;
	height : 55px;
	background-color : var(--main-color);
	color : #fff;
	font-size : 18px;
	font-weight : bold;
	border : none;
	cursor : pointer;
	transition : background-color 0.2s ease;
}



.write_btn {
	width : 120px;
	height : 55px;
	background-color : var(--main-color);
	color : #fff;
	font-size : 18px;
	font-weight : bold;
	border : none;
	cursor : pointer;
	transition : background-color 0.2s ease;
}

.notice thead {
	border-top : 2px solid var(--main-color);
}
.notice thead th,
.notice tbody td {
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	height: 60px;
}

.notice tbody td.ltext{
	text-align:left;
	padding-left:15px;
}
.notice thead th.num {
	width: 60px;
}

.notice tbody td span.reply_btn{
	padding:5px 10px;
	font-size:15px;
	line-height:15px;
	background:#ff7800;
	color:#fff;
	border-radius:3px;
	-webkit-border-radius:#3px;
	-moz-border-radius:#px;
}

@media screen and (max-width: 1000px) {
	.notice_wrap {
		padding : 25px 5px 12.5px 5px;
	}
	.search_input {
		width : 100% !important;
		height : 12vw !important;
		padding : 0 12px !important;
		font-size : 4vw !important;
	}
	.search_btn {
		width : 20vw;
		height : 12vw;
		font-size : 4vw;
	}
	.notice thead th,
	.notice tbody td {
		padding: 4.5vw 0;
		font-size: 4vw;
		vertical-align: top;
		height: auto;
	}
	.notice thead th.num {
		width: 10%;
	}
	.notice thead th.tit {
		text-align: left;
		padding: 4.5vw 3vw;
		padding-left: 15vw;
		white-space : nowrap;
	}
	.notice thead th.view {
		width: 15%;
		
	}
	.notice thead th.date {
		width: 25%;
	}
	.notice thead th.l_date {
		width: 27%;
	}
	.paging {
        margin: 10vw 0;
    }

}
/******* //공지사항 끝 *******/

/******* 공지사항 내용 시작 *******/
.notice_wrap.view {
	background : #fff;
	padding : 30px 24px;
	box-sizing : border-box;
	text-align : left;
}

/* 제목 + 날짜 */
.notice_head {
	display : grid;
	grid-template-columns : 1fr auto;
	align-items : end;
	padding : 20px 10px;
	border-bottom : 1px solid #ccc;
	border-top : 2px solid var(--main-color);
}
.notice_title {
	font-size : 22px;
	font-weight : bold;
	padding : 10px 0 10px 0;
}
.notice_date {
	font-size : 14px;
	color : #666;
	line-height : 46px;
}

.notice_writer{
	padding:10px 0;
	text-align:right;
	font-size:14px;
	border-bottom:1px solid #ccc;
	color:#666;
}
.notice_body {
	padding : 20px 10px;
	font-size : 18px;
	line-height : 1.8;
	color : #111;
	border-bottom:1px solid #ccc;
}
.notice_body img {
	max-width: 100%;
}

.lawyer_list{
	
}

.lawyer_list li{
	float:left;
	width:185px;
	margin-right:20px;
}

.lawyer_list li dl, .lawyer_list li dl dt, .lawyer_list li dl dd{
	float:left;
	width:100%;
}

.lawyer_list li dl dt{
	text-align:center;
}

.notice_img{
	clear:both;
}

.notice_reply{
	padding : 20px 10px;
	font-size : 18px;
	line-height : 1.8;
	color : #111;
	background:#f6f6f6;
	border-bottom:1px solid #ccc;
}

.notice_reply span.orange_box{
	padding:5px 10px;
	font-size:15px;
	line-height:15px;
	background:#ff7800;
	color:#fff;
	border-radius:3px;
	-webkit-border-radius:#3px;
	-moz-border-radius:#px;
}

.notice_file {
	display : flex;
	align-items : center;
	justify-content : space-between;
	padding : 15px 10px;
	border-bottom : 1px solid #ccc;
}
.file_name {
	font-size : 15px;
	color : #333;
}
.btn_download {
	background :#E1E1E1;
	border : 1px solid #ccc;
	padding : 8px 16px;
	font-size : 16px;
	cursor : pointer;
	transition : 0.2s;
}
.btn_download:hover {
	background : #e5e7eb;
}
.notice_btn_box {
	text-align : center;
	margin-top : 30px;
}
.btn_list {
	display : inline-block;
	padding : 12px 40px;
	background : #fff;
	font-size : 16px;
	text-decoration : none;
	border : 1px solid #DDDDDD;
}

@media screen and (max-width: 1000px) {
	.notice_wrap.view {
		padding : 0;
	}
	.notice_head {
		padding : 10px;
	}
	.notice_title {
		font-size : 4.5vw;
	}
	.notice_date {
		font-size : 3.5vw;
	}
	.notice_body {
		padding : 20px 10px;
		font-size : 4vw;
		line-height : 1.6;
	}
	.notice_file {
		padding : 10px;
	}
	.btn_download {
		font-size : 3vw;
	}
	.btn_list {
		display : inline-block;
		padding : 10px 30px;
		background : #fff;
		font-size : 4vw;
		text-decoration : none;
		border : 1px solid #DDDDDD;
	}

}
/******* //공지사항 내용 끝 *******/



/******************************  성공사례 시작  ******************************/
.success_area {}

.success_area .success_title {
	font-size: 44px;
	font-weight: bold;
}

.success_area .success_box {
	margin-top: 50px;
}

.example_list {
	width: calc(100% + 30px);
	/* padding-bottom: 30px; */
}

.example_list li {
	width: 320px;
	height: 400px;
	margin-right: 35px;
	margin-bottom: 30px;
	border: 1px solid #EEEDEE;
	box-shadow: 5px 5px 10px rgba(48, 65, 85, 0.2);
	box-sizing: border-box;
	cursor: pointer;
}

.example_list li .slide_head {
	background: #304155;
}

.example_list li .slide_head .hashtag {
	display: inline-block;
	line-height: 50px;
	font-size: 24px;
	font-weight: 600;
	text-indent: 20px;
	color: #fff;
}

.example_list li .slide_body {}

.example_list li .slide_body .title {
	display: block;
	padding: 30px 20px 0;
	font-size: 28px;
	font-weight: 600;
}

.example_list li .slide_body .content {
	display: block;
	padding: 8px 20px 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.25;
	color: #666666;
	height: 60px;
	display: -webkit-box;
	-webkit-line-clamp: 3;      /* 보여줄 줄 수 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}

.example_list li .slide_body .img {
	position: relative;
	height: 200px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.example_list li .slide_body .img > img  {
	position: absolute;
	top: calc(50% - 74px);
	left: calc(50% - 123px);
}

.example_list.success_slide {}

.example_list.all_list {
	margin-top: 100px;
}

.example_list.all_list > li {
	float: left;
	margin-bottom: 80px;
}

.example_list.all_list > li:nth-child(4n + 4) {
	margin-right: 0;
}

.success_area .success_arrow {
	/* margin-top: 30px; */
	text-align: right;
}

.success_area .success_arrow > button {
	margin-left: 15px;
}


.search_area2 {
	margin-top: 80px;
	padding: 50px 0;
	background: #F1F0EF;
	text-align: center;
}

.search_area2 .search_form2 {}

.search_area2 .search_form2 input {
	height: 70px;
	box-sizing: border-box;
	font-size: 24px;
	border-radius: 0;
	margin: 0;
}

.search_area2 .search_form2 input[type='text'] {
	width: 960px;
	padding: 0 35px;
}

.search_area2 .search_form2 input[type='text']::placeholder {
	color: #DDDDDD;
}

.search_area2 .search_form2 input[type='submit'] {
	width: 200px;
	height: 70px;
	border: 1px solid #DCD7C9;
	background: #304155;
	color: #ffffff;
}

.search_area2 .hash_example_box {
	margin-top: 30px;
	font-size: 24px;
}

.search_area2 .hash_example_box .title {
	margin-right: 15px;
	color: #304155;
}

.search_area2 .hash_example_box .keywords {
	display: inline-block;
}

.search_area2 .hash_example_box .keywords > li {
	display: inline-block;
	margin-right: 5px;
	padding: 5px 20px;
	border: 1px solid #AAAAAA;
	border-radius: 20px;
	color: #AAAAAA;
}

@media screen and (max-width: 1000px) {
	.success_area .success_title {
		font-size: 4.4vw;
	}
	
	.success_area .success_box {
		margin-top: 5vw;
	}
	
	.example_list {
		width: calc(100% + 30px);
		/* padding-bottom: 30px; */
	}
	
	.example_list li {
		width: 43vw;
		height: 64vw;
		margin-right: 2.2vw;
		margin-bottom: 2vw;
		box-shadow: 0.5vw 0.5vw 1vw rgba(48, 65, 85, 0.2);
	}
	
	.example_list li .slide_head .hashtag {
		line-height: 6.7vw;
		font-size: 3.6vw;
		text-indent: 1.7vw;
	}
	
	
	.example_list li .slide_body .title {
		padding: 6vw 3vw 0;
		font-size: 4vw;
	}
	
	.example_list li .slide_body .content {
		padding: 8px 20px 0;
		font-size: 2.8vw;
		height: 10vw;
	}
	
	.example_list li .slide_body .img {
		height: 26.8vw;
	}
	
	.example_list li .slide_body .img > img  {
		top: calc(50% - 9.9vw);
		left: calc(50% - 16.5vw);
		width: 33vw;
	}
	
	.example_list.all_list {
		margin-top: 13vw;
	}
	
	.example_list.all_list > li {
		margin-bottom: 5vw;
	}
	
	.example_list.all_list > li:nth-child(2n + 2) {
		margin-right: 0;
	}
		
	.success_area .success_arrow > button {
		width: 5vw;
		margin-left: 1.5vw;
	}
	
	
	.search_area2 {
		margin-top: 7vw;
		padding: 5vw 2vw;
	}
	
	.search_area2 .search_form2 input {
		height: 7vw;
		font-size: 3.2vw;
	}
	
	.search_area2 .search_form2 input[type='text'] {
		width: 69vw;
		padding: 0 2.5vw;
	}
	
	.search_area2 .search_form2 input[type='submit'] {
		width: 14vw;
		height: 7vw;
	}
	
	.search_area2 .hash_example_box {
		margin-top: 3vw;
		font-size: 24px;
	}
	
	.search_area2 .hash_example_box .title {
		float: left;
		margin-right: 1.5vw;
		margin-bottom: 2vw;
		font-size: 2.4vw;
	}
	
	.search_area2 .hash_example_box .keywords > li {
		float: left;
		margin-right: 0.5vw;
		margin-bottom: 1vw;
		padding: 0.5vw 2vw;
		border-radius: 2vw;
		font-size: 3vw;
	}
}


/******* //성공사례 끝 *******/


.qna_write_list{
	float:left;
	width:100%;
	margin-bottom:30px;
	border-top:1px solid #333;
}

.qna_write_list li{
	float:left;
	width:50%;
	padding:10px 0;
	border-bottom:1px solid #ddd;
}

.qna_write_list li.size100per{
	width:100%;
}

.qna_write_list li dl{
	float:left;
	width:100%;
	text-align:left;
}

.qna_write_list li dl dt{
	float:left;
	width:120px;
	font-size:16px;
	margin-top:15px;
	color:#989898;
	text-align:left;
	text-indent:10px;
}

.qna_write_list li dl dd{
	float:left;
	width:calc(100% - 130px);
}

.qna_write_list li dl dt span.oc{
	color:#f90;
}

.qna_write_list li dl dd input[type=text], .qna_write_list li dl dd input[type=password]{
	width:95%;
	height:48px;
	border:1px solid #ddd;
	margin:0;
	padding:0;
	text-indent:15px;
}

.qna_write_list li dl dd input[type=file]{
	display:inline-block;
	margin:10px 0;
	
}




.layer_pw_check_area{
	position:relative;
	float:left;
	margin:150px 0 0 calc(50% - 170px);
	width:300px;
	padding:20px;
	background:#fff;
}

.layer_pw_check_area .close_btn{
	position:absolute;
	right:10px;
	top:10px;
	width:20px;
}

.layer_pw_check_area .close_btn img{
	width:100%;
}

.layer_title{
	float:left;
	width:100%;
	margin-top:10px;
	font-size:22px;
	font-weight:700;
}

.layer_pw_check_list{
	float:left;
	width:100%;
	margin-top:15px;
}

.layer_pw_check_list dt, .layer_pw_check_list dd{
	float:left;
	width:100%;
}

.layer_pw_check_list dt{
	font-size:18px;
	font-weight:500;
}

.layer_pw_check_list dd{
	margin-top:10px;
}

.layer_pw_check_list dd input{
	width:98%;
	height:43px;
	text-indent:10px;
	font-size:15px;
}

.layer_btn_area{
	float:left;
	width:100%;
	margin-top:10px;
}

.layer_submit_btn{
	width:100%;
	height:45px;
	background:#333;
	color:#fff;
	font-size:16px;
	font-weight:700;
}






.doctor_list_area{
	width:100%;
}

.doctor_list{
}

.doctor_list > li{
	float:left;
	width:340px;
	margin-right:170px;
	margin-bottom:50px;
}

.doctor_list > li:nth-child(3n){
	margin-right:0;
}

.doctor_list > li.new_line{
	clear:both;
}

.doctor_list > li dl, .doctor_list > li dl dt, .doctor_list > li dl dd{
	float:left;
	width:100%;
}

.doctor_list > li dl dt{
	margin-top:15px;
	font-size:32px;
	font-weight:500;
}

.doctor_list > li dl dd.stxt{
	font-size:24px;
}

.doctor_list2{
	float:left;
	width:100%;
	margin-top:20px;
}

.doctor_list2 li{
	float:left;
	width:100%;
	font-size:20px;
	color:#444;
	margin-bottom:15px;
	letter-spacing:-1px;
}

@media screen and (max-width:640px){
	.doctor_list > li{
		width:100%;
		margin-right:0;
	}
	
	.doctor_list > li dl dd img{
		width:70%;
	}
	
	.doctor_list > li dl dt{
		font-size:26px;
	}
	
	.doctor_list > li dl dd.stxt{
		font-size:20px;
	}
	
	.doctor_list2 li{
		font-size:16px;
		margin-bottom:10px;
	}
}