@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

#landing_wrap {
	font-family:'Pretendard', Noto Sans KR, Nanum_BG, Nanum_BGB, NanumBarunGothicBold, 나눔고딕, '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica;
}

#landing_container {
	max-width: 1920px;
	min-width: 1000px;
	margin: 0 auto;
}

.landing_sectors {
	width: 960px;
	margin: 0 auto;
}

.landing_subtitle {
	font-size: 30px;
	letter-spacing: -0.6px;
	line-height: 60px;
}

.landing_subtext {
	font-size: 18px;
	letter-spacing: -0.36px;
	line-height: 24px;
}

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

	.landing_sectors {
		width: 88%;
	}

	.landing_subtitle {
		font-size: 6vw;
		line-height: 7.2vw;
	}

	.landing_subtext {
		font-size: 3.6vw;
		line-height: 4.8vw;
	}
}

.landing_title_area {}

.landing_slide {}

.landing_slide .slide {
	height: 500px;
}

.landing_slide .slide .slide_logo {
	margin-top: 90px;
}

.landing_slide .slide .slide_title {
	margin-top: 77px;
	margin-bottom: 56px;
	font-size: 44px;
	letter-spacing: -0.88px;
	line-height: 54px;
	color: #fff;
}

.landing_slide .slide .slide_button {}

@media screen and (max-width:1000px) {
	.landing_slide .slide {
		height: 100vw;
	}

	.landing_slide .slide .slide_logo {
		margin-top: 11vw;
	}

	.landing_slide .slide .slide_logo > img {
		width: 40vw;
		margin: 0 auto;
	}

	.landing_slide .slide .slide_title {
		margin-top: 24vw;
		margin-bottom: 40vw;
		font-size: 8.2vw;
		line-height: 10.8vw;
		text-align: center;
	}
}

.landing_contents_area {}

.landing_youtube_box {
	margin-top: 79px;
	margin-bottom: 118px;
}

.landing_youtube_box .landing_youtube {}

@media screen and (max-width:1000px) {
	.landing_youtube_box {
		margin-top: 15.8vw;
		margin-bottom: 21.4vw;
	}
}

.landing_intro_box {}

.landing_intro_list {
	margin-top: 50px;
}

.landing_intro_list::after {
	display: block;
	clear: both;
	content: "";
}

.landing_intro_list li {
	float: left;
	width: 33.33%;
	text-align: center;
}

.landing_intro_list li > img {}

.landing_intro_list li .landing_intro_title {
	margin-top: 30px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -0.4px;
	line-height: 60px;
}

.landing_intro_list li .landing_intro_text {
	font-size: 16px;
	letter-spacing: -0.32px;
	line-height: 24px;
}

@media screen and (max-width:1000px) {
	.landing_intro_list {
		margin-top: 10vw;
	}

	.landing_intro_list li {
		width: 100%;
		margin-bottom: 9.2vw;
	}

	.landing_intro_list li > img {
		width: 43%;
	}

	.landing_intro_list li .landing_intro_title {
		margin-top: 6vw;
		font-size: 4vw;
		line-height: 12vw;
	}

	.landing_intro_list li .landing_intro_text {
		font-size: 3.2vw;
		line-height: 5.2vw;
	}
}

.landing_process_box {
	margin-top: 177px;
}

.landing_process_list {
	margin-top: 53px;
}

.landing_process_list::after {
	display: block;
	clear: both;
	content: "";
}

.landing_process_list li {
	float: left;
	height: 114px;
	text-align: center;
}

.landing_process_list li.step {}

.landing_process_list li.step .number {
	display: inline-block;
	width: 93px;
	border-radius: 34px;
	background: #7B481A;
	font-size: 16px;
	letter-spacing: -0.32px;
	line-height: 34px;
	text-align: center;
	color: #fff;
}

.landing_process_list li.step .process {
	margin-top: 32px;
	font-size: 20px;
	letter-spacing: -0.4px;
	line-height: 24px;
	font-weight: bold;
}

.landing_process_list li.arrow {
	width: 46px;
	margin: 0 27.2px;
}

.landing_process_list li.arrow > img {}

@media screen and (max-width:1000px) {
	.landing_process_box {
		margin-top: 22.8vw;
	}

	.landing_process_list {
		margin-top: 9vw;
	}

	.landing_process_list::after {
		display: block;
		clear: both;
		content: "";
	}

	.landing_process_list li {
		width: 100%;
		height: auto;
	}

	.landing_process_list li.step .number {
		width: 18.6vw;
		border-radius: 6.8vw;
		font-size: 3.2vw;
		line-height: 6.8vw;
	}

	.landing_process_list li.step .process {
		margin-top: 5vw;
		font-size: 4vw;
		line-height: 4.8vw;
	}

	.landing_process_list li.arrow {
		width: 100%;
		margin: 0;
		padding: 20px 0;
	}

	.landing_process_list li.arrow > img {
		width: 5.6vw;
		transform: rotate(90deg);
	}
}

.landing_service_box {
	margin-top: 176px;
}

.landing_service_list {
	margin-top: 45px;
	margin-bottom: 100px;
}

.landing_service_list::after {
	display: block;
	clear: both;
	content: "";
}

.landing_service_list li {
	float: left;
	width: 33.33%;
	margin-bottom: 38px;
	text-align: center;
}

.landing_service_list li > img {}

.landing_service_list li .servicename {
	margin-top: 20px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -0.4px;
	line-height: 60px;
}

@media screen and (max-width:1000px) {
	.landing_service_box {
		margin-top: 22.8vw;
	}

	.landing_service_list {
		margin-top: 9vw;
		margin-bottom: 22.8vw;
	}

	.landing_service_list li {
		width: 48%;
		margin-bottom: 10vw;
	}

	.landing_service_list li:nth-child(odd) {
		margin-right: 4%;
	}

	.landing_service_list li > img {
		width: 100%;
	}

	.landing_service_list li .servicename {
		margin-top: 3vw;
		font-size: 4vw;
		line-height: 12vw;
	}
}

.landing_review_area {
	padding-top: 90px;
	padding-bottom: 90px;
	background: #f5f5f5;
}

.landing_review_slide {
	width: 673px;
	margin: 0 auto;
	margin-top: 20px;
}

.landing_review_slide .slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

.landing_review_slide .slide .img {}

.landing_review_slide .slide .img > img {}

.landing_review_slide .slide .text {
	margin-left: 26px;
}

.landing_review_slide .slide .text .review_title {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -0.4px;
	line-height: 24px;
}

.landing_review_slide .slide .text .review_contnet {
	margin-top: 20px;
	font-size: 16px;
	letter-spacing: -0.32px;
	line-height: 24px;
}

.landing_review_slide .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.landing_review_slide .slick-prev {
	left: -123px;
}

.landing_review_slide .slick-next {
	right: -123px;
}

@media screen and (max-width:1000px) {
	.landing_review_area {
		padding-top: 12.8vw;
		padding-bottom: 12.8vw;
	}

	.landing_review_slide {
		width: 100%;
		margin-top: 6.6vw;
	}

	.landing_review_slide .slide {
		display: block;
		text-align: center;
	}

	.landing_review_slide .slide .img > img {
		width: 52.95%;
		margin: 0 auto;
	}

	.landing_review_slide .slide .text {
		margin-left: 0;
	}

	.landing_review_slide .slide .text .review_title {
		margin-top: 6vw;
		font-size: 4.8vw;
		line-height: 4.8vw;
	}

	.landing_review_slide .slide .text .review_contnet {
		margin-top: 4.8vw;
		font-size: 3.6vw;
		line-height: 5.2vw;
	}

	.landing_review_slide .slick-arrow {
		top: 24vw;
	}

	.landing_review_slide .slick-arrow img {
		width: 8.8vw;
	}

	.landing_review_slide .slick-prev {
		left: 0;
	}

	.landing_review_slide .slick-next {
		right: 0;
	}
}

.landing_midbanner_area {
	height: 200px;
	background: url('../images/landing/etc_img.png') no-repeat center center / cover;
}

.landing_midbanner_area .landing_midbanner_txt, .landing_midbanner_area .landing_midbanner_button {
	margin-top: 65px;
	margin-bottom: 65px;
}

.landing_midbanner_area .landing_midbanner_txt {
	display: inline-block;
	font-size: 18px;
	letter-spacing: -0.36px;
	line-height: 70px;
	color: #fff;
}

.landing_midbanner_area .landing_midbanner_button {
	margin-left: 81px;
}

@media screen and (max-width:1000px) {
	.landing_midbanner_area {
		height: 40vw;
		background: url('../images/landing/m_etc_img.png') no-repeat center center / cover;
		text-align: center;
	}

	.landing_midbanner_area .landing_midbanner_txt {
		margin-top: 17.6vw;
		margin-bottom: 17.6vw;
	}

	.landing_midbanner_area .landing_midbanner_txt {
		font-size: 4vw;
		line-height: 1;
	}

	.landing_midbanner_area .landing_midbanner_button {
		display: none;
	}
}

.landing_faq_area {
	
}

.landing_faq_list {
	margin-top: 70px;
	margin-bottom: 130px;
}

.landing_faq_list dt, .landing_faq_list dd {
	
}

.landing_faq_list dt {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #DEDEDE;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.36px;
	line-height: 30px;
	color: #7B481A;
	cursor: pointer;
}

.landing_faq_list dt::before, .landing_faq_list dt::after {
	position: absolute;
	top: 50%;
	width: 10px;
	height: 2px;
	transform: translateY(-50%);
	content: "";
	transition: .2s;
}

.landing_faq_list dt::before {
	right: 0;
	transform: rotate(-45deg);
	background: #545454;
}

.landing_faq_list dt::after {
	right: 6px;
	transform: rotate(45deg);
	background: #545454;
}

.landing_faq_list dt.on::before {
	right: 0;
	transform: rotate(45deg);
	background: #7B481A;
}

.landing_faq_list dt.on::after {
	right: 6px;
	transform: rotate(-45deg);
	background: #7B481A;
}

.landing_faq_list dt.on + dd {
	display: block;
}

.landing_faq_list dd {
	display: none;
	padding: 0 35px;
	padding-bottom: 20px;
	font-size: 16px;
	letter-spacing: -0.32px;
	line-height: 24px;
}

.landing_faq_list dd:last-child {
	border-bottom: 1px solid #DEDEDE;
}

@media screen and (max-width:1000px) {
	.landing_faq_area .landing_subtitle {
		margin-top: 21.2vw;
	}

	.landing_faq_list {
		margin-top: 8vw;
		margin-bottom: 16vw;
	}

	.landing_faq_list dt {
		padding-top: 4vw;
		padding-bottom: 4vw;
		font-size: 4vw;
		line-height: 4.8vw;
	}

	.landing_faq_list dd {
		padding: 0 7vw;
		padding-bottom: 4vw;
		font-size: 3.6vw;
		line-height: 4.8vw;
	}

}

#landing_footer {
	max-width: 1920px;
	min-width: 1000px;
	margin: 0 auto;
	border-top: 1px solid #DEDEDE;
	background: #F5F5F5;
}

.landing_ft {
	padding-top: 65px;
	padding-bottom: 55px;
}

.landing_ft > .landing_sectors {
	display: flex;
	/* align-items: center; */
	/* justify-content: center; */
}

.landing_ft .landing_ft_logo {
	margin-right: 40px;
}

.landing_ft .landing_ft_menubox {}

.landing_ft .landing_ft_menubox > h5 {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.36px;
	line-height: 30px;
}

.landing_ft .landing_ft_menubox > h5::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 1px;
	background: #7B481A;
	content: "";
}

.landing_ft .landing_ft_menubox .landing_ft_menu {
	margin-right: 90px;
}

.landing_ft .landing_ft_menubox .landing_ft_menu li {
	padding: 5px 0;
}

.landing_ft .landing_ft_menubox .landing_ft_menu li > a {
	font-size: 16px;
	letter-spacing: -0.32px;
	line-height: 30px;
}

.landing_fb {
	padding: 50px 0;
	border-top: 1px solid #DEDEDE;
	font-size: 14px;
	letter-spacing: -0.28px;
	line-height: 24px;
	text-align: center;
	color: #545454;
}

@media screen and (max-width:1000px) {
	#landing_footer {
		max-width: 100%;
		min-width: 0;
		text-align: center;
	}

	.landing_ft {
		padding-top: 13.4vw;
		padding-bottom: 16vw;
	}

	.landing_ft > .landing_sectors {
		display: block;
	}

	.landing_ft .landing_ft_logo {
		margin-right: 0;
	}

	.landing_ft .landing_ft_logo img {
		width: 57.72%;
	}

	.landing_ft .landing_ft_menubox > h5 {
		padding-bottom: 5.6vw;
		margin-top: 12vw;
		margin-bottom: 4.8vw;
		font-size: 4vw;
		line-height: 6vw;
	}

	.landing_ft .landing_ft_menubox > h5::after {
		left: calc(50% - 15px);
	}

	.landing_ft .landing_ft_menubox .landing_ft_menu {
		width: 100%;
		margin-right: 0;
	}

	.landing_ft .landing_ft_menubox .landing_ft_menu li > a {
		font-size: 3.6vw;
		line-height: 6vw;
	}

	.landing_fb {
		padding: 10vw 0;
		padding-bottom: 30vw;
		font-size: 3.2vw;
		line-height: 4.8vw;
	}
}


#landing_quick_area {
	display: none;
}

@media screen and (max-width:1000px) {
	#landing_quick_area {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 20vw;
		background: #7B481A;
		z-index: 999;
	}

	.landing_quick_title {
		display: inline-block;
		margin-top: 7vw;
		font-size: 3.6vw;
		font-weighT: 500;
		letter-spacing: -0.36px;
		line-height: 6vw;
		color: #fff;
	}

	.landing_quick_button {
		margin-top: 4.3vw;
		float: right;
		width: 37.27%;
	}

	.landing_quick_button > img {
		width: 100%;
	}
}

/* 2023-06-13 추가 */ 
#landing2_container {
	max-width: 960px;
	margin: 0 auto;
}

.landing2_title_area {}

.landing2_content_area {
	padding-top: 113px;
	padding-bottom: 83px;
}

.landing2_subtitle, .landing2_title {
	line-height: 68px;
	text-align: center;
}

.landing2_subtitle {
	font-size: 40px;
	letter-spacing: -0.8px;
}

.landing2_title {
	font-size: 57px;
	font-weight: bold;
	letter-spacing: -1.14px;
}

.landing2_slide_box {
	text-align: center;
}

.landing2_slide {}

.landing2_slide li {}

.landing2_slide li > img {
	width: 100%;
}

.landing2_dots {
	display: inline-block;
	margin-top: 63px;
}

.landing2_dots::after {
	display: block;
	clear: both;
	content: "";
}

.landing2_dots li {
	position: relative;
	float: left;
	width: 13px;
    height: 13px;
	cursor: pointer;
}

.landing2_dots li:not(:last-child) {
	margin-right: 6px;
}

.landing2_dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100%;
    height: 100%;
	border-radius: 50%;
	background: #E2E2E2;
}

.landing2_dots li.slick-active button {
	background: #7B481A;
}

@media screen and (max-width:960px) {
	.landing2_content_area {
		padding-top: 11.771vw;
		padding-bottom: 8.646vw;
	}

	.landing2_subtitle, .landing2_title {
		line-height: 7.083vw;
	}

	.landing2_subtitle {
		font-size: 4.167vw;
	}

	.landing2_title {
		font-size: 5.938vw;
	}

	.landing2_dots {
		margin-top: 6.563vw;
	}

}

 
/* 2024.07.31_랜딩페이지 시작 */ /* 2024.07.31_랜딩페이지 시작 */ /* 2024.07.31_랜딩페이지 시작 */ /* 2024.07.31_랜딩페이지 시작 */

.landing_sectors_ {
	width: 1240px;
	height:450px;
	margin: 0 auto;
	position: relative;
    z-index: 2;
}

.landing_sectors_03{
	width: 1240px;
	height:450px;
	margin: 0 auto;
	position: relative;
    z-index: 2;
}


#hd {
	width:100%;
    height: 102px;
    border-bottom: 1px solid #fff;
	position: absolute;
	display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 */
}

.2024_logo img {
    display: block; /* 이미지의 기본 여백 제거 */
}


.con01{
	height:960px
}


.con01_box{
	width: 100%;
	text-align:center;
}

.con01_box img{
margin-top:340px;
}

.logo_text_c {
    margin-top: 136px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.4px;
	color:#7B481A;
	text-align:center;
	}
	
.tit_text_c {
    margin: 15px 0 15px 0;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -0.4px;
	color:#000;
	text-align:center;
	}
	
.sub_text_c {
    margin-bottom: 70px;
    font-size: 30px;
    letter-spacing: -0.4px;
	color:#000;
	text-align:center;
	}

.logo_text_w {
    padding-top: 120px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.4px;
	color:#fff;
	text-align:left;
	}	
	
.tit_text_w {
    margin: 15px 0 15px 0;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -0.4px;
	color:#fff;
	text-align:left;
	}
	
.sub_text_w {
    margin-bottom: 70px;
    font-size: 30px;
    letter-spacing: -0.4px;
	color:#fff;
	text-align:left;
	}	
	
.logo_text_b {
    padding-top: 120px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.4px;
	color:#7B481A;
	text-align:left;
	}
	
.tit_text_b {
    margin: 40px 0 15px 0;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -0.4px;
	color:#000;
	text-align:left;
	}
	
.sub_text_b {
    margin-bottom: 70px;
    font-size: 30px;
    letter-spacing: -0.4px;
	color:#000;
	text-align:left;
	}	
	
	
.con02_btn {
	display: inline-block;
	vertical-align: middle;
}	

.con02_btn ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.con02_btn li {
	width:600px;
    height: 100px;
	}
	
.button {
	display: block;
	width:600px;
    height: 100px;
	font-size: 26px;
	color: #7B481A;
    font-weight: bold;
    border: 2px solid #7B481A;
	border-radius:10px;
	
}

.button:hover {
	background-color: #7B481A;
	color: #fff;
}

.con02_btn li:first-child{ margin-right:40px; }

.con03{
	height:1430px;
	background: url('/laundry/images/landing/240731/con03_bg.png') no-repeat center center / cover;
    position: relative;
    z-index: 1;
}

.con03_box_mob_wrap{display: none;}

.con03_box_wrap{
	width:680px;
	height: 1100px;
	float:right;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
	
}
		
.con03_box{
	width:290px;
	height: 360px;
	background-color:#fff;
	padding: 57px 20px 57px 20px;
	border-radius:10px;
    position: relative;
	
}

.con03_box:nth-child(odd) {
    float: left;
	margin-top: 80px;
}

.con03_box:nth-child(even) {
    float: right;
}

.con03_box_header {
    display: flex;
    justify-content: space-between; 
    align-items: center; 
}

.con03_box_service{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.4px;
	color:#7B481A;
	text-align:left;
}

.con03_box_number{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.4px;
	color:#7B481A;
	text-align:right;
}

.con03_ico{
 padding: 40px 0 40px;
}

.con03_box_tit{
	font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.4px;
	color:#000;
	text-align:left;
	padding-bottom:14px;
}

.con03_box_sub{
	font-size: 18px;
    letter-spacing: -0.4px;
	color:#000;
	text-align:left;
}

.con03_box_sub02{
	font-size: 16px;
	font-weight: bold;
    letter-spacing: -0.4px;
	color:#7B481A;
	text-align:left;
	padding-bottom:14px;
}

.m_con04_img{display: none;}

.con04{
	height:1200px;
	background-color:#FBF5E8;
	position: relative;
    z-index: 1;
}

.con04_box_wrap{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
	
}
		
.con04_box{
    position: relative;
	padding-bottom:50px;	
}

.con04_box:nth-child(odd) {
    float: left;
	padding-right: 40px;
}


.con04_box_tit{
	font-size: 22px;
    font-weight: bold;
	color:#000;
	padding-bottom:14px;
	}
	
	
.con05{
	height:980px;
	background: url('/laundry/images/landing/240731/con05_bg.png') no-repeat center center / cover;
    position: relative;
    z-index: 1;
}

.con05_box_wrap{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
	
}
		
.con05_box{
    position: relative;	
}

.con05_box_tit{
	padding:40px 0 14px 0;
	font-size: 20px;
    font-weight: bold;
	color:#fff;
	text-align:center;
}

.con05_box_txt{
	font-size: 18px;
	color:#fff;
	text-align:center;
}

.con06{
	height:760px;
	background-color:#fff;
}

.con07{
	height:1700px;
	background-color:#FBF5E8;
}

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

.button02 {
	display: block;
	width:230px;
    height: 50px;
	font-size: 20px;
	color: #FBF5E8;
	background-color: #7B481A;
    font-weight: bold;
	border-radius:50px;
	margin: 40px 0 15px 0;
	
}

.m_con07_img{display: none;}

.con07_box_wrap{
	width:1240px;
	height:1240px;
	border-radius:10px;
	background-color:#fff;
	display: flex;
    justify-content: center; 
    align-items: center;
	margin-top:45px;
	
}

.con07_box{
	display: flex;
    flex-wrap: wrap;
    justify-content: center; 
	gap: 10px;
}


.m_con01_tit{display: none;}

/* 모바일 스타일 시작 */ /* 모바일 스타일 시작 */ /* 모바일 스타일 시작 */ /* 모바일 스타일 시작 */ /* 모바일 스타일 시작 */

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


.con01_tit{display: none;}
.con03_box_wrap{display: none;}
.con04_img{display: none;}
.con07_img{display: none;}



.landing_sectors_ {
	width: 80%;
	height:450px;
	margin: 0 auto;
	position: relative;
    z-index: 2;
}

.landing_sectors_03{
	width: 80%;
	height:450px;
	margin: 0 auto;
	position: relative;
    z-index: 2;
}

.logo_text_c {
    margin-top: 24vw;
	font-size: 4vw;
	}

.tit_text_c{
    font-size: 8vw;
	}

.sub_text_c {
    font-size: 6vw;
	margin-bottom: 16vw;
	}

.logo_text_w {
    margin-top: 24vw;
	font-size: 4vw;
	}	
	
.tit_text_w{
    font-size: 8vw;
	}
	
.sub_text_w {
    font-size: 6vw;
	}
	
.logo_text_b {
    margin-top: 24vw;
	font-size: 4vw;
	}
	
.tit_text_b{
    font-size: 8vw;
	}
	
.sub_text_b {
    font-size: 6vw;
	}


.con01{
	height: 160vw;
}

.con01_box img {
    margin-top: 70vw;
}

 .m_con01_tit {
        display: block;
        width: 80vw; /* 부모 요소 크기 설정 */
        margin: 0 auto; /* 중앙 정렬 */
    }

  .m_con01_tit img {
        width: 100%; /* 부모 요소에 맞춰 이미지 크기 조정 */
        height: auto; /* 이미지 비율에 맞게 높이 조절 */
        max-width: 100%; /* 이미지의 최대 너비를 부모에 맞게 제한 */
    }

 .con02_btn ul {
        flex-direction: column; /* 모바일에서 세로 정렬 */
        align-items: center; /* 중앙 정렬 */
        width: 100%; /* 전체 너비 사용 */
    }

 .con02_btn li {
        width: 100%; /* li 너비를 100%로 설정 */
        margin-bottom: 3vw; /* 버튼 사이의 간격 */
    }

 .button {
        width: 80vw;
		height:24vw;
		font-size: 6vw;
    }
	
	.con02_btn li:first-child{ margin-right:0; }

.con03{
	height:650vw;
}

.con03_box_mob_wrap{
	display: block;
	width:100%;
	float:center;
	display: flex;
    flex-wrap: wrap;
    justify-content: center; 
	
}

.con03_box{
	width:88vw;
	height: 100vw;
	background-color:#fff;
	padding: 57px 20px 57px 20px;
	border-radius:10px;
    position: relative;
	
}

.con03_box:nth-child(odd) {
    float: center;
	margin-top: 8vw;
	
}

.con03_box:nth-child(even) {
    float: center;
	margin-top: 8vw;
}

	
.con04{
	height:860vw;
}

con04_box_wrap{
	width: 80vw;
	margin: 0 auto;
}

.con04_box {
	width: 100%;
    height: auto; 
    max-width: 100%; 
}

 .m_con04_img {
    display: block;
    }


.con05{
	height:400vw;
}

.con05_box {
	width: auto;
    /* overflow: hidden; */
}

.con05_box_wrap{
	width: 80vw;
}

 .m_con05_img {
    display: block;
	width: 80vw;
    height: auto;
    }
	
.con07_box_wrap {
        width: 80vw; /* 모바일 화면에서의 여백을 고려하여 폭을 90%로 조정 */
        min-height: auto; /* 콘텐츠에 맞게 자동으로 높이 조정 */
        padding: 10px; /* 모바일에서 내부 여백 추가 */
        margin-top: 20px;
		background-color:#fff;
		overflow: hidden;
    }

 .con07_box {
        flex-direction: column; /* 세로로 정렬 */
        align-items: center; /* 세로 정렬 시 가운데 정렬 */
        gap: 10px;
		overflow: hidden;
    }

.m_con07_img{
	display: block;
	 width: 100%;
	}



} /* @media 끝 */