@charset "UTF-8";
/*body {
  overflow-x: hidden;
}*/

/* ------------------- 공통 -------------------- */
section {
	overflow:hidden;
}

.sec_tit h2 {
  font-size: clamp(34px, 2.19vw, 42px);
  font-weight: 700;
  color: #222;
}
.sec_tit h2 span {
  color: #603D29;
  margin-right: clamp(7px, 0.78vw, 15px);
}
.sec_tit p {
  font-size: clamp(18px, 1.04vw, 20px);
  color: #222;
  line-height: 1.5;
}
.view_more_btn, .m_view_more_btn {
	width: clamp(40px, 3.13vw, 60px);
	height: clamp(40px, 3.13vw, 60px);
	border: 1px solid #222;
	position: relative;
}
.view_more_btn::before, .view_more_btn::after, .m_view_more_btn::before, .m_view_more_btn::after {
	content:"";
	width: clamp(15px, 1.04vw, 20px);
	height: clamp(10px, 0.73vw, 14px);
	background-image: url(../img/new_left_arrow.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(180deg);
	transition: all 0.6s;
	
}
.view_more_btn::before, .m_view_more_btn::before {
	opacity: 0;
	left: -25px;
}
.view_more_btn:hover::before, .m_view_more_btn:hover::before {
	opacity: 1;
	left: 50%;
}
.view_more_btn:hover::after, .m_view_more_btn:hover::after {
	opacity: 0;
	left: 100%;
}
.m_view_more_btn {
  display: none;
}

/* ------------------- 섹션1 -------------------- */
#sec1 {
  height: 100vh;
  position: relative;
}
#sec1 .main_visual_swiper {
  height: 100%;
  position: relative;
}
#sec1 .main_visual_swiper .swiper-container {
  height: 100%;
  overflow: hidden;
}
#sec1 .main_visual_swiper .swiper-wrapper {
  height: 100%;
}
#sec1 .main_visual_swiper .swiper-slide {
  position: relative;
}
#sec1 .main_visual_swiper .swiper-slide .slide_img {
  height: 100%;
}
#sec1 .main_visual_swiper .swiper-slide .slide_img img {
  height: 100%;
  object-fit: cover;
}
#sec1 .main_visual_swiper .swiper-slide .slide_img:after {
	content:"";
	display:block; 
	position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#sec1 .main_visual_swiper .swiper-slide img {
  transition: transform 6s ease;
  transform: scale(1);
}

#sec1 .main_visual_swiper .swiper-slide-active img {
  transform: scale(1.08); /* 살짝 확대 */
}
#sec1 .main_visual_swiper .swiper-slide .slide_txt {
  width: fit-content;
  z-index : 10; 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
#sec1 .main_visual_swiper .swiper-slide .slide_txt h2, .main_visual_swiper .swiper-slide .slide_txt h3 {
  font-size: clamp(46px, 2.92vw, 56px);
  line-height: 1.3; 
  font-weight: 700;
  color: #fff;
  overflow: hidden;
  text-align: center;
}
#sec1 .main_visual_swiper .swiper-slide .slide_txt h2 span, .main_visual_swiper .swiper-slide .slide_txt h3 span {
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 1.2s 0.2s, transform 1.2s 0.2s;
}
#sec1 .main_visual_swiper .swiper-slide .slide_txt h3 span{
	transition: opacity 1.2s 0.4s, transform 1.2s 0.4s;
}
#sec1 .main_visual_swiper .swiper-slide .slide_txt .txt p {
	font-size: clamp(20px, 1.15vw, 22px);
	font-weight: 300;
	color: #fff;
	line-height: 1.5;
	overflow: hidden;
	text-align: center;
}
#sec1 .main_visual_swiper .swiper-slide .slide_txt .txt p span {
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 1.2s 1.2s, transform 1.2s 1.2s;
}
#sec1 .main_visual_swiper .swiper-slide .slide_txt .txt p:last-child span {
  transition: opacity 1.2s 1.4s, transform 1.2s 1.4s;
}
#sec1 .main_visual_swiper .swiper-slide .slide_txt .m_txt p:nth-child(2) span {
	transition: opacity 1.2s 1.4s, transform 1.2s 1.4s;
}
#sec1 .main_visual_swiper .swiper-slide .slide_txt .m_txt p:last-child span {
	transition: opacity 1.2s 1.6s, transform 1.2s 1.6s;
}

#sec1 .main_visual_swiper .swiper-slide-active .slide_txt h2 span, .main_visual_swiper .swiper-slide-active .slide_txt h3 span {
	opacity: 1;
	transform: translateY(0);
}
#sec1 .main_visual_swiper .swiper-slide-active .slide_txt .txt p span, #sec1 .main_visual_swiper .swiper-slide-active .slide_txt .m_txt p span {
	opacity: 1;
	transform: translateY(0);
}
#sec1 .main_visual_swiper .swiper-pagination {
	left: 50%;
	bottom: clamp(250px, 13.02vw, 250px);
	transform: translateX(-50%);
	height: fit-content;
	width: fit-content;
}
#sec1 .main_visual_swiper .swiper-pagination ul {
	display: flex;
}
#sec1 .main_visual_swiper .swiper-pagination .custom-bullet {
	position: relative;
	cursor: pointer;
}
#sec1 .main_visual_swiper .swiper-pagination .custom-bullet span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 5px;
	height: 5px;
	background-color: #fff;
	border-radius: 50%;
}
#sec1 .main_visual_swiper .swiper-pagination .custom-bullet .progress-ring {
	width: clamp(30px, 1.56vw, 30px);
	height: clamp(30px, 1.56vw, 30px);
}
#sec1 .main_visual_swiper .swiper-pagination .custom-bullet .progress-ring-bg {
  stroke-dasharray: 113.1;
  stroke-dashoffset: 0;
	display: none;
}
#sec1 .main_visual_swiper .swiper-pagination .custom-bullet .progress-ring-progress {
	stroke-dasharray: 113.1;
	stroke-dashoffset: 113.1; 
	transition: stroke-dashoffset 0ms linear;
	transform-origin: center;
	transform: rotate(-90deg);
}

/* ------------------- 섹션2 -------------------- */
#sec2 .sec2_cont .lawyer_swiper .swiper-slide a .img_wrapper {
	background-image: url(../img/lawyer_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: clamp(280px, 14.58vw, 280px);
}
#sec2 .sec2_cont .lawyer_swiper .swiper-slide a .img_wrapper img {
	/*width: auto;
	bottom: 0;*/
	width:76%;
	top:10%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
#sec2 .sec2_cont .lawyer_swiper {
	overflow: hidden;
}
#sec2 .sec2_cont .lawyer_swiper .swiper-container {
	position: relative;
	padding-bottom: clamp(50px, 3.65vw, 70px);
}
#sec2 .sec2_cont .lawyer_swiper .swiper-slide a .txt_wrapper dl dt {
	font-size: clamp(16px, 0.94vw, 18px);
	font-weight: 500;
}
#sec2 .sec2_cont .lawyer_swiper .swiper-slide a .txt_wrapper dl dt span {
	font-size: clamp(24px, 1.56vw, 30px);
	font-weight: 700;
	margin-right: 6px;
}
#sec2 .sec2_cont .lawyer_swiper .swiper-slide a .txt_wrapper dl dd {
	font-size: clamp(16px, 0.94vw, 18px);
	font-weight: 600;
	color: #888;
	line-height: 1.5;
	transition: 0.4s;
}
#sec2 .sec2_cont .lawyer_swiper .swiper-slide:hover a .txt_wrapper dl dd {
	color: var(--color-point);
}
#sec2 .sec2_cont .lawyer_swiper .swiper-pagination {
	bottom: 0;
}
#sec2 .sec2_cont .lawyer_swiper .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	opacity: 1;
	background-color: #ccc;
	transition: 0.4s;
}
#sec2 .sec2_cont .lawyer_swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: clamp(24px, 1.77vw, 34px);
	background-color: var(--color-point);
	border-radius: 200px;
}
/* ------------------- 섹션3 -------------------- */
#sec3 {
	background-image: url(../img/sec3_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#sec3::after {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#sec3 .container {
	position: relative;
	z-index: 10;
}
#sec3 .sec_tit h2, #sec3 .sec_tit p {
	color: #fff;
}
#sec3 .sec3_cont .success_swiper .swiper-container {
	padding-top: 10px;
	overflow: hidden;
}
#sec3 .top_img_wrapper {
	width: clamp(280px, 22.92vw, 440px);
}
#sec3 .sec3_cont .success_swiper .swiper-slide {
	transition: transform 0.4s;
}
#sec3 .sec3_cont .success_swiper .swiper-slide a {
	padding: clamp(25px, 2.08vw, 40px);
	background-color: #fff;
}
#sec3 .sec3_cont .success_swiper .swiper-slide a .txt_wrapper > span {
	font-size: clamp(16px, 0.94vw, 18px);
	font-weight: 700;
	color: var(--color-point);
}
#sec3 .sec3_cont .success_swiper .swiper-slide a .txt_wrapper h3 {
	font-size: clamp(18px, 1.04vw, 20px);
	font-weight: 700;
	word-break: break-all;
	line-height: 1.5;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
#sec3 .sec3_cont .success_swiper .swiper-slide a .txt_wrapper h3 span {
	color: #ED7035;
	margin-right: 5px;
}
#sec3 .sec3_cont .success_swiper .swiper-slide a .img_wrapper {
	position: relative;
	height:100px;
	overflow:hidden;
}
#sec3 .sec3_cont .success_swiper .swiper-slide a .img_wrapper p {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	top: 0;
	left: 0;
	padding: 0 clamp(12px, 1.04vw, 20px);
	font-size: clamp(18px, 1.04vw, 20px);
	font-weight: 700;
	color: #fff;
}
#sec3 .sec3_cont .success_swiper .swiper-slide a .more {
	margin-top: clamp(20px, 1.56vw, 30px);
	font-size: clamp(12px, 0.73vw, 14px);
	font-weight: 500;
	color: #999;
	position: relative;
	transition: color 0.4s;
}
#sec3 .sec3_cont .success_swiper .swiper-slide a .more::before {
	content: "";
	width: 0;
	height: 2px;
	position: absolute;
	background-color: var(--color-point);
	display: block;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 2;
	transition: all 0.4s;
}
#sec3 .sec3_cont .success_swiper .swiper-slide a .more::after {
	content: "";
	width: calc(100% - clamp(80px, 5.21vw, 100px));
	height: 2px;
	position: absolute;
	background-color: #ddd;
	display: block;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
#sec3 .sec3_cont .success_swiper .swiper-slide:hover {
	transform: translateY(-10px);
}
#sec3 .sec3_cont .success_swiper .swiper-slide:hover a .more {
	color: var(--color-point);
}
#sec3 .sec3_cont .success_swiper .swiper-slide:hover a .more::before {
	width: calc(100% - clamp(80px, 5.21vw, 100px));
}

/* ------------------- 섹션4 -------------------- */
#sec4 {
	background: linear-gradient(to left bottom, #EDF9F7, #F1F5FF);
	overflow: hidden;
}
#sec4 .sec4_cont .review_swiper .swiper-slide a {
	background-color: #fff;
	padding: clamp(25px, 2.08vw, 40px);
	border-radius: 4px;
	position: relative;
	transition: .4s;
}
#sec4 .sec4_cont .review_swiper .swiper-slide a dl span {
	font-size: clamp(14px, 0.83vw, 16px);
	color: #888;
	transition: .4s;
}
#sec4 .sec4_cont .review_swiper .swiper-slide a dl dt {
	font-size: clamp(19px, 1.15vw, 22px);
	font-weight: 700;
	line-height: 1.5;
	display: -webkit-box;
	overflow: hidden;
	word-break: break-all;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: .4s;
}
#sec4 .sec4_cont .review_swiper .swiper-slide a dl dd {
	font-size: clamp(16px, 0.94vw, 18px);
	color: #444;
	line-height: 1.5;
	display: -webkit-box;
	overflow: hidden;
	word-break: break-all;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: .4s;
}
#sec4 .sec4_cont .review_swiper .swiper-slide a .best {
	width: clamp(62px, 4.27vw, 82px);
	height: clamp(62px, 4.27vw, 82px);
	background: linear-gradient(to right bottom, #BAFFFA, #4DFFE7, #18C49C);
	border-radius: 50%;
	font-size: clamp(16px, 0.94vw, 18px);
	color: #000;
	font-weight: 700;
	position: absolute;
	top: calc(clamp(25px, 1.30vw, 25px) * -1);
	right: calc(clamp(25px, 1.30vw, 25px) * -1);
	transition: .4s;
}
#sec4 .sec4_cont .review_swiper .swiper-slide a:hover {
	background-color: var(--color-point);
}
#sec4 .sec4_cont .review_swiper .swiper-slide a:hover dl span, #sec4 .sec4_cont .review_swiper .swiper-slide a:hover dl dt, #sec4 .sec4_cont .review_swiper .swiper-slide a:hover dl dd {
	color: #fff;
}
#sec4 .sec4_cont .review_swiper .swiper-slide a:hover .best {
	background: #fff;
}

/* ------------------- 섹션5 -------------------- */
#sec5 .sec5_cont .left {
	width: clamp(330px, 19.27vw, 370px);
}
#sec5 .sec5_cont .left .more_btn {
	width: clamp(110px, 7.29vw, 140px);
	border: 1px solid #ddd;
	font-size: clamp(15px, 0.89vw, 17px);
	line-height: clamp(40px, 3.13vw, 60px);
	border-radius: 4px;
	transition: all 0.4s;
}
#sec5 .sec5_cont .left .more_btn:hover {
	background-color: var(--color-point);
	color: #fff;
	border-color: var(--color-point);
}
#sec5 .sec5_cont .right {
	width: clamp(640px, 52.08vw, 1000px);
}
#sec5 .sec5_cont .right ul {
	border-top: 1px solid #ddd;
}
#sec5 .sec5_cont .right ul li {
	border-bottom: 1px solid #ddd;
	position: relative;
}
#sec5 .sec5_cont .right ul li::before {
	content: "";
	width: 0;
	height: 1px;
	background-color: var(--color-point);
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	transition: width 0.6s;
}
#sec5 .sec5_cont .right ul li a {
	padding: clamp(24px, 1.98vw, 38px) clamp(20px, 1.56vw, 30px);
}
#sec5 .sec5_cont .right ul li span {
	width: clamp(100px, 7.29vw, 140px);
	font-size: clamp(15px, 0.83vw, 16px);
	font-weight: 600;
	color: var(--color-point);
}
#sec5 .sec5_cont .right ul li p {
	font-size: clamp(18px, 1.04vw, 20px);
	font-weight: 600;
	width: calc(100% - clamp(100px, 7.29vw, 140px));
	display: -webkit-box;
	overflow: hidden;
	word-break: break-all;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
#sec5 .sec5_cont .right ul li:hover::before {
	width: 100%;
}
#sec5 .sec5_cont .cont_bottom ul li {
	width: calc((100% - clamp(75px, 6.25vw, 120px)) / 4);
}
#sec5 .sec5_cont .cont_bottom ul li:not(:last-child) {
	margin-right: clamp(25px, 2.08vw, 40px);
}
#sec5 .sec5_cont .cont_bottom ul li .img_wrapper {
	height: clamp(170px, 10.94vw, 210px);
	border-radius: 4px;
	overflow: hidden;
}
#sec5 .sec5_cont .cont_bottom ul li .img_wrapper img {
	height: 100%;
	object-fit: cover;
}
#sec5 .sec5_cont .cont_bottom ul li .txt_wrapper span {
	font-size: clamp(14px, 0.83vw, 16px);
	font-weight: 600;
	color: var(--color-point);
}
#sec5 .sec5_cont .cont_bottom ul li .txt_wrapper p {
	font-size: clamp(18px, 1.04vw, 20px);
	font-weight: 600;
	display: -webkit-box;
	overflow: hidden;
	word-break: break-all;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

/* ------------------- 섹션6 -------------------- */
#sec6 {
	background-image: url(../img/sec6_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}
#sec6 .sec6_cont .youtube_swiper {
	position: relative;
	padding-bottom: clamp(64px, 3.33vw, 64px);
}
#sec6 .sec6_cont .youtube_swiper .swiper-wrapper {
	align-items: flex-end;
}
#sec6 .sec6_cont .youtube_swiper .swiper-slide {
	transform: scale(0.9);
}
#sec6 .sec6_cont .youtube_swiper .swiper-slide-active {
	transform: scale(1);
}
#sec6 .sec6_cont .youtube_swiper .swiper-slide .youtube_wrapper {
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}

#sec6 .sec6_cont .youtube_swiper .swiper-slide .youtube_wrapper::before {
	content: "";
	width: clamp(60px, 3.65vw, 70px);
	height: clamp(40px, 2.60vw, 50px);
	background-image: url(../img/youtube_btn.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
}
#sec6 .sec6_cont .youtube_swiper .swiper-slide .youtube_wrapper::after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	position: absolute;
	left: 0;
	top: 0;
	diplay: block;
}
#sec6 .sec6_cont .youtube_swiper .swiper-slide .youtube_wrapper img {
	height: 100%;
	object-fit: cover;
}
#sec6 .sec6_cont .youtube_swiper .swiper-slide-active .youtube_wrapper::before {
	display: block;
}
#sec6 .sec6_cont .youtube_swiper .swiper-slide-active .youtube_wrapper::after {
	display: none;
}
#sec6 .sec6_cont .youtube_swiper .swiper-slide .txt_wrapper p {
	padding: 0 10px;
	font-size: clamp(14px, 0.83vw, 16px);
	font-weight: 500;
	display: -webkit-box;
	overflow: hidden;
	word-break: break-all;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #666;
}
#sec6 .sec6_cont .youtube_swiper .swiper-slide .txt_wrapper span {
	font-size: clamp(14px, 0.83vw, 16px);
	color: #666;
	display: none;
}
#sec6 .sec6_cont .youtube_swiper .swiper-slide-active .txt_wrapper p {
	font-size: clamp(18px, 1.04vw, 20px);
	font-weight: 700;
	color: #000;
}
#sec6 .sec6_cont .youtube_swiper .swiper-slide-active .txt_wrapper span {
	display: block;
}
#sec6 .sec6_cont .youtube_swiper .swiper-navigation {
	position: absolute;
	left: 50%;
	bottom: calc(clamp(18px, 1.30vw, 25px) * -1);
	transform: translateX(-50%);
}
#sec6 .sec6_cont .youtube_swiper .swiper-navigation div {
	width: clamp(35px, 2.60vw, 50px);
	height: clamp(35px, 2.60vw, 50px);
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
#sec6 .sec6_cont .youtube_swiper .swiper-navigation div::after {
	content: "";
	width: 6px;
	height: 12px;
	background-image: url(../img/right_arrow_6.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#sec6 .sec6_cont .youtube_swiper .swiper-navigation .swiper-navigation-prev {
	margin-right: 10px;
}
#sec6 .sec6_cont .youtube_swiper .swiper-navigation .swiper-navigation-prev::after {
	transform: rotate(180deg);
}
#sec6 .sec6_cont .sns {
	border-top: 2px solid #C5E9E4;
}
#sec6 .sec6_cont .sns span {
	font-size: clamp(14px, 0.83vw, 16px);
	font-weight: 500;
	color: #666;
	margin-right: clamp(20px, 1.56vw, 30px);
}
#sec6 .sec6_cont .sns .sns_wrapper a {
	width: clamp(35px, 2.40vw, 46px);
	height: clamp(35px, 2.40vw, 46px);
	border-radius: 50%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#sec6 .sec6_cont .sns .sns_wrapper a:not(:last-child) {
	margin-right: clamp(10px, 0.83vw, 16px);
}
#sec6 .sec6_cont .sns .sns_wrapper .blog {
	background-image: url(../img/blog_icon_color.svg);
}
#sec6 .sec6_cont .sns .sns_wrapper .instagram {
	background-image: url(../img/insta_icon_color.svg);
}
#sec6 .sec6_cont .sns .sns_wrapper .youtube {
	background-image: url(../img/youtube_icon_color.svg);
}


/* ------------------- 섹션7 -------------------- */
#sec7 {
	background-image: url(../img/sec7_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
#sec7::after {
	content: "";
	width: clamp(453px, 34.01vw, 653px);
	height: clamp(450px, 33.85vw, 650px);
	background-image: url(../img/sec7_img.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: block;
	position: absolute;
	top: clamp(170px, 8.85vw, 170px);
	right: calc(clamp(300px, 12.50vw, 240px) * -1);
	z-index: 0;
	pointer-events: none
}
#sec7 .sec7_cont .left {
	width: clamp(470px, 34.38vw, 660px);
}
#sec7 .sec7_cont .left .qna li:not(:first-child) {
	padding-top: clamp(15px, 1.30vw, 25px);
}
#sec7 .sec7_cont .left .qna li:not(:last-child) {
	padding-bottom: clamp(15px, 1.30vw, 25px);
	border-bottom: 1px dashed #ddd;
}
#sec7 .sec7_cont .left .qna li span {
	width: clamp(25px, 1.56vw, 30px);
	height: clamp(25px, 1.56vw, 30px);
	background-color: var(--color-point);
	border-radius: 50%;
	color: #fff;
	margin-top: calc(clamp(1.5px, 0.16vw, 3px) * -1);
	font-size: clamp(16px, 0.94vw, 18px);
	font-weight: 700;
	margin-right: clamp(8px, 0.73vw, 14px);
}
#sec7 .sec7_cont .left .qna li .txt {
	width: calc(100% - clamp(33px, 5.87vw, 44px));
}
#sec7 .sec7_cont .left .qna li .question {
	font-size: clamp(18px, 1.04vw, 20px);
	color: #000;
	font-weight: 700;
}
#sec7 .sec7_cont .left .qna li .answer {
	font-size: clamp(16px, 0.94vw, 18px);
	color: #888;
	line-height: 1.5;
}
#sec7 .sec7_cont .right {
	width: clamp(420px, 31.25vw, 600px);
	border-radius: 4px;
	box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.06);
	padding: clamp(35px, 2.60vw, 50px);
	background-color: #fff;
}
#sec7 .sec7_cont .right .progress {
	height: 4px;
	background-color: #eee;
	position: relative;
}
#sec7 .sec7_cont .right .progress span {
	width: 0;
	height: 100%;
	background-color: var(--color-point);
	position: absolute;
	left: 0;
	top: 0;
	transition: width 0.4s;
}
#sec7 .sec7_cont .right #mainRevForm {
	height: 100%;
}
#sec7 .sec7_cont .right #mainRevForm .step, #sec7 .sec7_cont .right #mainRevForm .result {
	height: 100%;
	display: none;
}
#sec7 .sec7_cont .right #mainRevForm .step .step_tit span {
	font-size: clamp(18px, 1.25vw, 24px);
	font-weight: 700;
	color: var(--color-point);
}
#sec7 .sec7_cont .right #mainRevForm .step .step_tit h3 {
	font-size: clamp(18px, 1.25vw, 24px);
	font-weight: 700;
	color: #000;
	line-height: 1.5;
}
#sec7 .sec7_cont .right #mainRevForm .step .input_area {
	flex-direction: column;
	height: calc(100% - clamp(64px, 4.95vw, 95px));
}
#sec7 .sec7_cont .right #mainRevForm .step2 .input_area, #sec7 .sec7_cont .right #mainRevForm .step4 .input_area {
	height: calc(100% - clamp(91px, 6.82vw, 131px))
}
#sec7 .sec7_cont .right #mainRevForm .step .input_wrapper {
	padding: clamp(14px, 0.94vw, 18px) clamp(15px, 1.04vw, 20px);
	border-bottom: 1px solid #eee;
}
#sec7 .sec7_cont .right #mainRevForm .step .input_wrapper div {
	margin-right: clamp(8px, 0.73vw, 14px);
}
#sec7 .sec7_cont .right #mainRevForm .step .input_wrapper span {
	width: clamp(18px, 1.25vw, 24px);
	height: clamp(18px, 1.25vw, 24px);
	background-color: #ddd;
	background-image: url(../img/check_icon.svg);
	background-repeat: no-repeat;
	background-size: clamp(10px, 0.78vw, 15px);
	background-position: center;
	border-radius: 50%;
}
#sec7 .sec7_cont .right #mainRevForm .step .input_wrapper input[type="radio"]:checked + span {
	background-color: var(--color-point);
}
#sec7 .sec7_cont .right #mainRevForm .step .input_wrapper input[type="checkbox"]:checked + span {
	background-color: var(--color-point);
}
#sec7 .sec7_cont .right #mainRevForm .step .input_inner label {
	font-size: clamp(16px, 0.94vw, 18px);
	font-weight: 500;
	color: #000;
	width: calc(100% - clamp(26px, 1.98vw, 38px));
}
#sec7 .sec7_cont .right #mainRevForm .step .button_wrapper button {
	padding: clamp(14px, 0.94vw, 18px) clamp(10px, 1.56vw, 30px);
	border-radius: 4px;
	position: relative;
	width: calc((100% - clamp(12px, 1.04vw, 20px)) / 2);
	z-index: 10;
}
#sec7 .sec7_cont .right #mainRevForm .step .button_wrapper button span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: clamp(18px, 1.04vw, 20px);
	font-weight: 700;
	color: #999;
}
#sec7 .sec7_cont .right #mainRevForm .step .button_wrapper .next_btn {
	background: linear-gradient(to right, #BAFFFA, #4DFFE7, #18C49C);
}
#sec7 .sec7_cont .right #mainRevForm .step .button_wrapper .next_btn::after {
	content: "";
	width: clamp(20px, 1.35vw, 26px);
	height: clamp(20px, 1.35vw, 26px);
	background-image: url(../img/mainform_icon.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#sec7 .sec7_cont .right #mainRevForm .step .button_wrapper .next_btn span {
	color: #000;
}
#sec7 .sec7_cont .right #mainRevForm .step .button_wrapper .prev_btn {
	border: 1px solid #ddd;
}
#sec7 .sec7_cont .right #mainRevForm .step .button_wrapper .prev_btn::after {
	content: "";
	width: clamp(20px, 1.35vw, 26px);
	height: clamp(20px, 1.35vw, 26px);
	background-image: url(../img/mainform_icon2.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#sec7 .sec7_cont .right #mainRevForm .step .button_wrapper .first_next_btn {
	width: 100%;
}
#sec7 .sec7_cont .right #mainRevForm .active {
	display: block;
}
#sec7 .sec7_cont .right #mainRevForm .result.active {
	display: flex;
	flex-direction: column;
}
#sec7 .sec7_cont .right #mainRevForm .result .result_val {
	width: clamp(295px, 17.97vw, 345px);
}
#sec7 .sec7_cont .right #mainRevForm .result .result_val > span {
	font-size: clamp(18px, 1.04vw, 20px);
	color: var(--color-point);
}
#sec7 .sec7_cont .right #mainRevForm .result .result_val h3 {
	font-size: clamp(22px, 1.46vw, 28px);
	font-weight: 700;
}
#sec7 .sec7_cont .right #mainRevForm .result .result_val h3::before {
	content: "[";
	font-size: clamp(22px, 1.46vw, 28px);
	color: var(--color-point);
	display: block;
	font-weight: 700;
}
#sec7 .sec7_cont .right #mainRevForm .result .result_val h3::after {
	content: "]";
	font-size: clamp(22px, 1.46vw, 28px);
	color: var(--color-point);
	display: block;
	font-weight: 700;
}
#sec7 .sec7_cont .right #mainRevForm .result .result_val p {
	font-size: clamp(14px, 0.83vw, 16px);
	color: #888;
	line-height: 1.3;
}
#sec7 .sec7_cont .right #mainRevForm .result .result_txt {
	font-size: clamp(18px, 1.04vw, 20px);
	font-weight: 500;
	color: #000;
	line-height: 1.5;
}
#sec7 .sec7_cont .right #mainRevForm .result .result_input p {
	font-size: clamp(16px, 0.94vw, 18px);
	color: #444;
}
#sec7 .sec7_cont .right #mainRevForm .result .result_input .result_input_wrapper:nth-child(2) {
	margin-bottom: 10px;
}
#sec7 .sec7_cont .right #mainRevForm .result .result_input input {
	width: 100%;
	font-size: clamp(16px, 0.94vw, 18px);
	padding: clamp(10px, 0.65vw, 12.5px) clamp(15px, 1.04vw, 20px);
	border: 1px solid #ddd;
	border-radius: 4px;
}
#sec7 .sec7_cont .right #mainRevForm .result .submit_btn {
	width: 100%;
	background: linear-gradient(to right, #BAFFFA, #4DFFE7, #18C49C);
	font-size: clamp(18px, 1.04vw, 20px);
	font-weight: 700;
	color: #000;
	line-height: clamp(48px, 3.23vw, 62px);
	border-radius: 4px;
}

/* ------------------- 섹션8 -------------------- */
#sec8 {
	background-image: url(../img/sec8_bg.jpg);
	background-size: cover;
}
#sec8 .sec_tit {
	width: clamp(270px, 16.15vw, 310px);
}
#sec8 .sec8_cont {
	width: clamp(570px, 54.69vw, 1050px);
}
#sec8 .sec8_cont #mainCounselForm .input_inner:first-of-type {
	margin-bottom: clamp(15px, 1.30vw, 25px);
}
#sec8 .sec8_cont #mainCounselForm .input_wrapper {
	background-color: #fff;
	padding: clamp(15px, 1.56vw, 30px) clamp(20px, 2.08vw, 40px);
	border-radius: 4px;
}
#sec8 .sec8_cont #mainCounselForm .input_wrapper label {
	font-size: clamp(14px, 0.94vw, 18px);
	color: #000;
	font-weight: 700;
	margin-right: clamp(20px, 2.08vw, 40px);
	cursor: pointer;
}
#sec8 .sec8_cont #mainCounselForm .input_wrapper input, #sec8 .sec8_cont #mainCounselForm .input_wrapper textarea {
	font-size: clamp(16px, 1.04vw, 20px);
	border: none;
	width: 100%;
}
#sec8 .sec8_cont #mainCounselForm .input_wrapper textarea {
	height: auto;
	min-height: 220px;
}
#sec8 .sec8_cont #mainCounselForm .input_wrapper input::placeholder, #sec8 .sec8_cont #mainCounselForm .input_wrapper textarea::placeholder {
	color: #999;
}
#sec8 .sec8_cont #mainCounselForm .half {
	width: calc((100% - clamp(15px, 1.30vw, 25px)) / 2);
}
#sec8 .sec8_cont #mainCounselForm .full {
	width: 100%;
}
#sec8 .sec8_cont #mainCounselForm .agree_area {
	margin-top: clamp(15px, 1.30vw, 25px);
}
#sec8 .sec8_cont #mainCounselForm .agree_wrapper input[type="checkbox"] + span {
	width: clamp(16px, 1.25vw, 24px);
	height: clamp(16px, 1.25vw, 24px);
	background-color: #fff;
	background-image: url(../img/check_icon_9.svg);
	background-repeat: no-repeat;
	background-size: clamp(10px, 0.78vw, 15px);
	background-position: center;
	border-radius: 50%;
	margin-right: clamp(8px, 0.73vw, 14px);
}
#sec8 .sec8_cont #mainCounselForm .agree_wrapper input[type="checkbox"]:checked + span {
	background-color: var(--color-point);
	background-image: url(../img/check_icon.svg);
}
#sec8 .sec8_cont #mainCounselForm .agree_wrapper label {
	font-size: clamp(14px, 0.94vw, 18px);
	color: #000;
	font-weight: 500;
	margin-right: 10px;
}
#sec8 .sec8_cont #mainCounselForm .agree_wrapper button {
	width: clamp(8px, 0.63vw, 12px);
	height: clamp(8px, 0.63vw, 12px);
	background-image: url(../img/sitemap_arrow_6.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#sec8 .sec8_cont #mainCounselForm .counsel_btn {
	width: clamp(250px, 26.04vw, 500px);
	background: linear-gradient(to right, #BAFFFA, #4DFFE7, #18C49C);
	position: relative;
	padding: clamp(10px, 0.94vw, 18px) clamp(18px, 1.56vw, 30px);
	border-radius: 4px;
}
#sec8 .sec8_cont #mainCounselForm .counsel_btn::after {
	content: "";
	width: clamp(18px, 1.35vw, 26px);
	height: clamp(18px, 1.35vw, 26px);
	background-image: url(../img/mainform_icon.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#sec8 .sec8_cont #mainCounselForm .counsel_btn span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: clamp(16px, 1.04vw, 20px);
	font-weight: 700;
	color: #000;
}

@media (max-width: 1150px) {
	#sec5 .sec5_cont .cont_top {
		flex-direction: column;
	}
	#sec5 .sec5_cont .left {
		width: 100%;
		text-align: center;
	}
	#sec5 .sec5_cont .left .more_btn {
		display: none;
	}
	#sec5 .sec5_cont .right {
		width: 100%;
	}
	#sec5 .sec5_cont .cont_bottom ul li {
		width: calc((100% - 30px) / 2);
	}
	#sec5 .sec5_cont .cont_bottom ul li:not(:last-child):not(:nth-child(2n)) {
        margin-right: 30px;
    }
    #sec5 .sec5_cont .cont_bottom ul li:last-child,
    #sec5 .sec5_cont .cont_bottom ul li:nth-child(2n) {
        margin-right: 0;
    }
	#sec5 .sec5_cont .cont_bottom ul li:first-child,
    #sec5 .sec5_cont .cont_bottom ul li:nth-child(2) {
		margin-bottom: 30px;
	}
	#sec5 .sec5_cont .cont_bottom ul li .img_wrapper {
		height: clamp(170px, 20.87vw, 240px);
	}
}

@media (max-width: 1000px) {
	#sec3 .sec_top {
		flex-direction: column;
	}
	#sec3 .sec_tit {
		text-align: center;
		margin-bottom: 40px;
	}
	#sec3 .top_img_wrapper {
		
	}
	
	#sec7::after {
		top: auto;
		bottom: 150px;
		right: -200px
	}
	#sec7 .sec7_cont {
		flex-direction: column;
		align-items: center;
	}
	#sec7 .sec7_cont .left {
		width: 80%;
		margin-bottom: 60px;
	}
	#sec7 .sec_tit {
		text-align: center;
	}
	#sec7 .sec7_cont .right {
		width: 80%;
		padding: 50px;
		height: 570px;
	}
	
	#sec8 .container {
		flex-direction: column;
	}
	#sec8 .sec_tit {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	#sec8 .sec8_cont {
		width: 100%;
	}
	#sec8 .sec8_cont #mainCounselForm .agree_wrapper input[type="checkbox"] + span {
		width: 25px;
		height: 25px;
		background-size: 16px;
	}
	#sec8 .sec8_cont #mainCounselForm .agree_wrapper label {
		font-size: 17px;
	}
	#sec8 .sec8_cont #mainCounselForm .agree_wrapper button {
		width: 13px;
		height: 13px;
	}
	#sec8 .sec8_cont #mainCounselForm .counsel_btn {
		width: 300px;
		padding: 15px 20px;
	}
	#sec8 .sec8_cont #mainCounselForm .counsel_btn span {
		font-size: 20px;
	}
}

@media (max-width: 750px) {
	.sec_tit h2 {
		font-size: clamp(23px, 7.07vw, 53px);
	}
	.sec_tit p {
		font-size: clamp(16px, 3.73vw, 28px);
	}
	
	#sec1 .main_visual_swiper .swiper-slide .slide_txt {
		width: 90%;
	}
	#sec1 .main_visual_swiper .swiper-slide .slide_txt h2, .main_visual_swiper .swiper-slide .slide_txt h3 {
		font-size: clamp(26px, 7.47vw, 56px);
		text-align: left;
	}
	#sec1 .main_visual_swiper .swiper-slide .slide_txt .txt p {
		font-size: clamp(16px, 3.73vw, 28px);
		text-align: left;
	}
	#sec1 .main_visual_swiper .swiper-pagination {
		left: 5%;
		bottom: 230px;
		transform: none;
	}
	#sec1 .main_visual_swiper .swiper-pagination .custom-bullet .progress-ring {
		width: clamp(30px, 5.60vw, 42px);
		height: clamp(30px, 5.60vw, 42px);
	}
	#sec1 .main_visual_swiper .swiper-pagination .custom-bullet span {
		width: clamp(5px, 1.07vw, 8px);
		height: clamp(5px, 1.07vw, 8px);
	}
	
	#sec2 {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}
	#sec2 .sec_tit {
		width: calc(100% - (6.13vw * 2));
		margin:0 auto;
	}
	#sec2 .sec2_cont {
		margin-left: 6.13vw;
	}
	#sec2 .sec2_cont .lawyer_swiper .swiper-container {
		padding-bottom: clamp(37px, 9.87vw, 74px);
	}
	#sec2 .sec2_cont .lawyer_swiper .swiper-slide a .img_wrapper {
		height: clamp(190px, 50.67vw, 380px);
	}
	#sec2 .sec2_cont .lawyer_swiper .swiper-slide a .img_wrapper img {
		width: clamp(180px, 48.00vw, 360px);
		bottom: calc(clamp(8px, 2.00vw, 15px) * -1);
	}
	#sec2 .sec2_cont .lawyer_swiper .swiper-slide a .txt_wrapper dl dt, #sec2 .sec2_cont .lawyer_swiper .swiper-slide a .txt_wrapper dl dd {
		font-size: clamp(14px, 3.73vw, 28px);
	}
	#sec2 .sec2_cont .lawyer_swiper .swiper-slide a .txt_wrapper dl dt span {
		font-size: clamp(22px, 5.87vw, 44px);
	}
	#sec2 .sec2_cont .lawyer_swiper .swiper-pagination .swiper-pagination-bullet {
		width: clamp(8px, 1.87vw, 14px);
		height: clamp(8px, 1.87vw, 14px);
	}
	#sec2 .sec2_cont .lawyer_swiper .swiper-pagination .swiper-pagination-bullet-active {
		width: clamp(22px, 4.80vw, 36px);
	}
	
	#sec3 {
		background-image: url(../img/m_sec3_bg.jpg);
	}
	#sec3 .container {
		width: 100%;
		max-width: 100%;
	}
	#sec3 .sec_top {
		width: calc(100% - (6.13vw * 2));
		margin: 0 auto;
	}
	#sec3 .sec_tit {
		margin-bottom: 0;
	}
	#sec3 .top_img_wrapper {
		width: 100%;
	}
	#sec3 .sec3_cont .success_swiper .swiper-slide a {
		padding: clamp(25px, 6.67vw, 50px);
	}
	#sec3 .sec3_cont .success_swiper .swiper-slide a .txt_wrapper > span {
		font-size: clamp(16px, 4.27vw, 32px);
	}
	#sec3 .sec3_cont .success_swiper .swiper-slide a .txt_wrapper h3 {
		font-size: clamp(18px, 4.80vw, 36px);
	}
	#sec3 .sec3_cont .success_swiper .swiper-slide a .img_wrapper {
		height: clamp(70px, 21.33vw, 160px);
	}
	#sec3 .sec3_cont .success_swiper .swiper-slide a .img_wrapper p {
		font-size: clamp(16px, 4.27vw, 32px);
		padding: 0 clamp(20px, 5.33vw, 40px);
	}
	#sec3 .sec3_cont .success_swiper .swiper-slide a .more {
		margin-top: clamp(25px, 6.67vw, 50px);
		font-size: clamp(12px, 3.20vw, 24px);
	}
	#sec3 .sec3_cont .success_swiper .swiper-slide a .more::after {
		width: calc(100% - clamp(65px, 20.00vw, 150px));
	}
	#sec3 .sec3_cont .success_swiper .swiper-slide:hover a .more::before {
		width: calc(100% - clamp(65px, 20.00vw, 150px));
	}
	
	#sec4 .sec_tit {
		text-align: center;
	}
	#sec4 .sec4_cont .review_swiper .swiper-slide a {
		padding: clamp(25px, 6.67vw, 50px);
	}
	#sec4 .sec4_cont .review_swiper .swiper-slide a dl span {
		font-size: clamp(14px, 3.47vw, 26px);
	}
	#sec4 .sec4_cont .review_swiper .swiper-slide a dl dt {
		font-size: clamp(17px, 4.80vw, 36px);
	}
	#sec4 .sec4_cont .review_swiper .swiper-slide a dl dd {
		font-size: clamp(15px, 4.00vw, 30px);
	}
	#sec4 .sec4_cont .review_swiper .swiper-slide a .best {
		width:clamp(50px, 13.33vw, 100px);
		height: clamp(50px, 13.33vw, 100px);
		font-size: clamp(12px, 3.20vw, 24px);
		top: calc(clamp(15px, 4.00vw, 30px) * -1);
		right: calc(clamp(15px, 4.00vw, 30px) * -1);
	}
	
	#sec5 {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}
	#sec5 .sec5_cont .cont_top {
		width: calc(100% - (6.13vw * 2));
		margin: 0 auto;
	}
	#sec5 .sec5_cont .right ul li a {
		flex-direction: column;
		align-items: flex-start;
		padding: clamp(20px, 5.33vw, 40px) clamp(15px, 4.00vw, 30px);
	}
	#sec5 .sec5_cont .right ul li p {
		font-size: clamp(16px, 4.27vw, 32px);
		width: auto;
		margin-top: clamp(7px, 1.87vw, 14px);
	}
	#sec5 .sec5_cont .right ul li span {
		font-size: clamp(14px, 3.47vw, 26px);
		width: auto;
	}
	#sec5 .sec5_cont .cont_bottom {
		margin-left: 6.13vw;
		overflow: hidden;
	}
	#sec5 .sec5_cont .cont_bottom ul {
		flex-wrap: nowrap;
	}
	#sec5 .sec5_cont .cont_bottom ul li:first-child, #sec5 .sec5_cont .cont_bottom ul li:nth-child(2) {
		margin-bottom: 0;
	}
	#sec5 .sec5_cont .cont_bottom ul li:not(:last-child):not(:nth-child(2n)) {
		margin-right: 0;
	}
	#sec5 .sec5_cont .cont_bottom ul li .img_wrapper {
		height: clamp(108px, 28.67vw, 215px);
	}
	#sec5 .sec5_cont .cont_bottom ul li .txt_wrapper span {
		font-size: clamp(14px, 3.47vw, 26px);
	}
	#sec5 .sec5_cont .cont_bottom ul li .txt_wrapper p {
		font-size: clamp(16px, 4.27vw, 32px);
		padding-top: clamp(7px, 1.87vw, 14px);
	}
	
	#sec6 {
		background-image: url(../img/m_sec6_bg.jpg);
		padding-bottom: clamp(250px, 66.67vw, 500px);
	}
	#sec6 .sec6_cont .youtube_swiper {
		padding-bottom: clamp(55px, 14.67vw, 110px);
	}
	#sec6 .sec6_cont .youtube_swiper .swiper-slide .youtube_wrapper::before {
		width: clamp(41px, 10.93vw, 82px);
		height: clamp(29px, 7.73vw, 58px);
	}
	#sec6 .sec6_cont .youtube_swiper .swiper-slide .txt_wrapper p {
		font-size: clamp(15px, 4.00vw, 30px);
		padding: 0;
	}
	#sec6 .sec6_cont .youtube_swiper .swiper-slide .txt_wrapper span {
		font-size: clamp(12px, 3.20vw, 24px);
	}
	#sec6 .sec6_cont .youtube_swiper .swiper-navigation {
		bottom: calc(clamp(15px, 6.67vw, 50px) * -1);
	}
	#sec6 .sec6_cont .youtube_swiper .swiper-navigation div {
		width: clamp(40px, 13.33vw, 100px);
		height: clamp(40px, 13.33vw, 100px);
	}
	#sec6 .sec6_cont .youtube_swiper .swiper-navigation div::after {
		width: clamp(8px, 2.13vw, 16px);
		height: clamp(13px, 3.47vw, 26px);
	}
	#sec6 .sec6_cont .youtube_swiper .swiper-navigation .swiper-navigation-prev {
		margin-right: clamp(10px, 2.67vw, 20px);
	}
	#sec6 .sec6_cont .sns > div {
		flex-direction: column;
	}
	#sec6 .sec6_cont .sns span {
		font-size: clamp(12px, 3.47vw, 26px);
		margin-right: 0;
	}
	#sec6 .sec6_cont .sns .sns_wrapper a {
		width: clamp(40px, 10.67vw, 80px);
		height: clamp(40px, 10.67vw, 80px);
	}
	#sec6 .sec6_cont .sns .sns_wrapper a:not(:last-child) {
		margin-right: clamp(10px, 2.67vw, 20px);
	}
	
	#sec7 {
		background-image: url(../img/m_sec7_bg.jpg);
	}
	#sec7::after {
		width: clamp(190px, 50.67vw, 380px);
		height: clamp(190px, 50.67vw, 380px);
		bottom: clamp(320px, 85.33vw, 640px);
		right: calc(clamp(100px, 26.67vw, 200px) * -1)
	}
	#sec7 .sec7_cont .left {
		width: 100%;
		margin-bottom: 0;
	}
	#sec7 .sec7_cont .left .qna li:not(:first-child) {
		padding-top: clamp(20px, 5.33vw, 40px);
	}
	#sec7 .sec7_cont .left .qna li:not(:last-child) {
		padding-bottom: clamp(20px, 5.33vw, 40px);
	}
	#sec7 .sec7_cont .left .qna li span {
		width: clamp(25px, 6.67vw, 50px);
		height: clamp(25px, 6.67vw, 50px);
		font-size: clamp(16px, 4.00vw, 30px);
		margin-right: clamp(10px, 3.20vw, 24px);
		margin-top: 0;
	}
	#sec7 .sec7_cont .left .qna li .txt {
		width: calc(100% - clamp(35px, 9.87vw, 74px));
	}
	#sec7 .sec7_cont .left .qna li .question {
		font-size: clamp(20px, 4.80vw, 36px);
	}
	#sec7 .sec7_cont .left .qna li .answer {
		font-size: clamp(14px, 4.00vw, 30px);
		word-break: break-all;
	}
	#sec7 .sec7_cont .right {
		width: 100%;
		height: clamp(570px, 146.67vw, 1100px);
		padding: clamp(25px, 6.67vw, 50px);
	}
	#sec7 .sec7_cont .right .progress {
		height: clamp(3px, 0.80vw, 6px);
	}
	#sec7 .sec7_cont .right #mainRevForm .step .step_tit span {
		font-size: clamp(18px, 4.80vw, 36px);
	}
	#sec7 .sec7_cont .right #mainRevForm .step .step_tit h3 {
		font-size: clamp(18px, 4.80vw, 36px);
		line-height: 1.5;
	}
	#sec7 .sec7_cont .right #mainRevForm .step .input_area {
		height: calc(100% - clamp(110px, 22.27vw, 167px));
	}
	#sec7 .sec7_cont .right #mainRevForm .step2 .input_area, #sec7 .sec7_cont .right #mainRevForm .step4 .input_area {
		height: calc(100% - clamp(110px, 29.47vw, 221px));
	}
	#sec7 .sec7_cont .right #mainRevForm .step3 .input_area, #sec7 .sec7_cont .right #mainRevForm .step6 .input_area {
		height: calc(100% - clamp(83px, 20.80vw, 156px));
	}
	#sec7 .sec7_cont .right #mainRevForm .step .input_wrapper {
		padding: clamp(15px, 4.00vw, 30px) 0;
	}
	#sec7 .sec7_cont .right #mainRevForm .step .input_wrapper span {
		width: clamp(20px, 5.33vw, 40px);
		height: clamp(20px, 5.33vw, 40px);
		background-size: clamp(10px, 2.67vw, 20px);
		margin-right: clamp(10px, 2.67vw, 20px);
	}
	#sec7 .sec7_cont .right #mainRevForm .step .input_inner label {
		font-size: clamp(16px, 4.00vw, 30px);
		width: calc(100% - clamp(60px, 8.00vw, 30px));
	}
	#sec7 .sec7_cont .right #mainRevForm .step .button_wrapper button {
		padding: clamp(15px, 5.33vw, 40px) clamp(10px, 4.00vw, 30px);
	}
	#sec7 .sec7_cont .right #mainRevForm .step .button_wrapper .next_btn span, #sec7 .sec7_cont .right #mainRevForm .step .button_wrapper button span {
		font-size: clamp(16px, 4.00vw, 30px);
	}
	#sec7 .sec7_cont .right #mainRevForm .step .button_wrapper .next_btn::after, #sec7 .sec7_cont .right #mainRevForm .step .button_wrapper .prev_btn::after {
		width: clamp(20px, 5.33vw, 40px);
		height: clamp(20px, 5.33vw, 40px);
	}
	#sec7 .sec7_cont .right #mainRevForm .result .result_val {
		width: clamp(225px, 60.00vw, 450px);
	}
	#sec7 .sec7_cont .right #mainRevForm .result .result_val > span {
		font-size: clamp(16px, 4.00vw, 30px);
	}
	#sec7 .sec7_cont .right #mainRevForm .result .result_val h3 {
		font-size: clamp(18px, 4.80vw, 36px);
	}
	#sec7 .sec7_cont .right #mainRevForm .result .result_val h3::before, #sec7 .sec7_cont .right #mainRevForm .result .result_val h3::after {
		font-size: clamp(18px, 4.80vw, 36px);
	}
	#sec7 .sec7_cont .right #mainRevForm .result .result_val p {
		font-size: clamp(13px, 3.47vw, 26px);
		line-height: 1.5;
	}
	#sec7 .sec7_cont .right #mainRevForm .result .result_txt {
		font-size: clamp(14px, 4.00vw, 30px);
		max-width: 100%;
		width: 100%;
	}
	#sec7 .sec7_cont .right #mainRevForm .result .result_input {
		max-width: 100%;
		width: 100%;
	}
	#sec7 .sec7_cont .right #mainRevForm .result .result_input .result_input_wrapper:nth-child(2) {
		margin-bottom: clamp(15px, 4.00vw, 30px);
	}
	#sec7 .sec7_cont .right #mainRevForm .result .result_input p {
		font-size: clamp(12px, 3.47vw, 26px);
	}
	#sec7 .sec7_cont .right #mainRevForm .result .result_input input {
		font-size: clamp(15px, 4.00vw, 30px);
		padding: clamp(15px, 5.33vw, 40px) clamp(15px, 4.00vw, 30px);
	}
	#sec7 .sec7_cont .right #mainRevForm .result .submit_btn {
		font-size: clamp(16px, 4.00vw, 30px);
		line-height: clamp(60px, 16.00vw, 120px);
	}
	
	#sec8 {
		background-image: url(../img/m_sec8_bg.jpg);
	}
	#sec8 .sec_tit {
		margin-bottom: 0;
	}
	#sec8 .sec8_cont #mainCounselForm .input_inner {
		flex-wrap: wrap;
	}
	#sec8 .sec8_cont #mainCounselForm .input_inner:first-child {
		margin-bottom: clamp(15px, 4.00vw, 30px);
	}
	#sec8 .sec8_cont #mainCounselForm .input_wrapper {
		padding: clamp(21px, 5.60vw, 42px) clamp(25px, 6.67vw, 50px);
	}
	#sec8 .sec8_cont #mainCounselForm .input_wrapper label {
		margin-right: clamp(20px, 5.33vw, 40px);
		font-size: clamp(16px, 4.00vw, 30px);
	}
	#sec8 .sec8_cont #mainCounselForm .input_wrapper input, #sec8 .sec8_cont #mainCounselForm .input_wrapper textarea {
		font-size: clamp(16px, 4.00vw, 30px);
	}
	#sec8 .sec8_cont #mainCounselForm .input_wrapper textarea {
		min-height: clamp(100px, 26.67vw, 200px);
	}
	#sec8 .sec8_cont #mainCounselForm .half {
		width: 100%;
	}
	#sec8 .sec8_cont #mainCounselForm .half:first-child {
		margin-bottom: clamp(15px, 4.00vw, 30px);
	}
	#sec8 .sec8_cont #mainCounselForm .agree_area {
		margin-top: clamp(20px, 5.33vw, 40px);
		flex-wrap: wrap;
	}
	#sec8 .sec8_cont #mainCounselForm .agree_wrapper {
		width: 100%;
	}
	#sec8 .sec8_cont #mainCounselForm .agree_wrapper input[type="checkbox"] + span {
		width: clamp(20px, 5.33vw, 40px);
		height: clamp(20px, 5.33vw, 40px);
		background-size: clamp(10px, 2.40vw, 18px);
		margin-right: clamp(10px, 2.67vw, 20px);
	}
	#sec8 .sec8_cont #mainCounselForm .agree_wrapper label {
		font-size: clamp(13px, 3.47vw, 26px);
		margin-right: clamp(7px, 1.87vw, 14px);
	}
	#sec8 .sec8_cont #mainCounselForm .agree_wrapper button {
		width: clamp(9px, 2.40vw, 18px);
		height: clamp(9px, 2.40vw, 18px);
	}
	#sec8 .sec8_cont #mainCounselForm .counsel_btn {
		margin-top: clamp(30px, 8.00vw, 60px);
		width: 100%;
		padding: clamp(20px, 5.33vw, 40px) clamp(15px, 4.00vw, 30px);
	}
	#sec8 .sec8_cont #mainCounselForm .counsel_btn::after {
		width: clamp(20px, 5.33vw, 40px);
		height: clamp(20px, 5.33vw, 40px);
	}
	#sec8 .sec8_cont #mainCounselForm .counsel_btn span {
		font-size: clamp(16px, 4.00vw, 30px);
	}
}