@charset "utf-8";

/*************************************
//	메인	//
*************************************/
.main_banner {}

.main_banner > img {}


.main_intro {
	padding: 100px 0;
}

.main_intro .main_sector {
	display: flex;
}

.main_intro_item {
	width: 33.33%;
	height: 260px;
	text-align: center;
	color: #fff;
}

.main_intro_item:first-child { background: url('/images/main_con_img01.png') no-repeat center center / cover; }
.main_intro_item:nth-child(2) { background: var(--main-color); }
.main_intro_item:last-child { background: url('/images/main_con_img02.png') no-repeat center center / cover; }

.main_intro_button {}

.main_intro_button_name {
	display: inline-block;
	padding: 16px 75px;
	border: 2px solid #fff;
	font-size: 22px;
	font-weight: bold;
}

.main_intro_ico {
	display: inline-block;
}

.main_intro_title {
	margin-top: 8px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.27;
}

.main_intro_txt {
	margin-top: 6px;
	font-size: 14px;
	font-weight: 200;
	line-height: 1.42;
}

@media screen and (max-width:500px) {
	.main_intro {
		padding: 12vw 0;
	}

	.main_intro .main_sector {
		display: block;
		width: 100%;
	}

	.main_intro_item {
		width: 100%;
		height: 52vw;
	}

	.main_intro_item:first-child { background: url('/images/m_main_con_img01.png') no-repeat center center / cover; }
	.main_intro_item:last-child { background: url('/images/m_main_con_img02.png') no-repeat center center / cover; }

	.main_intro_button_name {
		padding: 3.200vw 15vw;
		font-size: 4.400vw;
	}

	.main_intro_title {
		font-size: 6.400vw;
	}

	.main_intro_txt {
		font-size: 2.800vw;
	}
}


.main_promotion {
	padding: 61px 0;
	background: var(--main-color);
}

.main_promotion .main_sector {}

.main_promotion_left {
	float: left;
	color: #fff;
}

.main_promotion_left .main_promotion_title {
	margin-top: 66px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.46;
}

.main_promotion_left .main_promotion_button {
	margin-top: 35px;
	padding: 10px 25px;
	border: 2px solid #fff;
	background: none;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.45;
	color: #fff;
}

.main_promotion_left .main_promotion_button > span {
	display: inline-block;
	margin-right: 29px;
}

.main_promotion_left .main_promotion_button > img {
	position: relative;
	top: -2px;
}

.main_promotion_right {
	display: flex;
	width: 1000px;
	height: 264px;
	justify-content: center;
	align-items: center;
	float: right;
	background: #fff;
}

.main_promotion_right > img {
	margin-left: 73px;
}

.main_promotion_right .main_promotion_intro {
	margin-left: 85px;
	margin-right: 70px;
}

.main_promotion_right .main_promotion_intro .main_promotion_intro_title {}

.main_promotion_right .main_promotion_intro .main_promotion_intro_title > img {}

.main_promotion_right .main_promotion_intro .main_promotion_intro_txt {
	margin: 4px 0 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

.main_promotion_right .main_promotion_intro .main_promotion_intro_subtxt {
	font-size: 14px;
	font-weight: 200;
	line-height: 1.42;
}

@media screen and (max-width:500px) {
	.main_promotion {
		padding: 16vw 0;
	}

	.main_promotion_left {
		width: 100%;
	}

	.main_promotion_left .main_promotion_title {
		float: left;
		margin-top: 8px;
		font-size: 6.400vw;
		line-height: 1;
	}

	.main_promotion_left .main_promotion_button {
		float: right;
		margin-top: 0;
		padding: 2vw 5vw;
		font-size: 4vw;
	}

	.main_promotion_left .main_promotion_button > span {
		margin-right: 6vw;
	}

	.main_promotion_right {
		display: block;
		margin-top: 11vw;
		width: 100%;
		height: auto;
	}

	.main_promotion_right > img {
		width: 70.45%;
		margin: 0 auto;
		margin-top: 9.400vw;
		margin-bottom: 14.400vw;
	}

	.main_promotion_right .main_promotion_intro {
		padding: 0 7.5%;
		box-sizing: border-box;
		margin-left: 0;
		margin-right: 0;
	}

	.main_promotion_right .main_promotion_intro .main_promotion_intro_title {
		margin-top: 9vw;
	}

	.main_promotion_right .main_promotion_intro .main_promotion_intro_title > img {
		width: 46.8%;
	}

	.main_promotion_right .main_promotion_intro .main_promotion_intro_txt {
		font-size: 3.200vw;
	}

	.main_promotion_right .main_promotion_intro .main_promotion_intro_subtxt {
		font-size: 2.800vw;
	}
}


/*************************************
//	행복나래 소개	//
*************************************/
.info01_intro {
	margin-top: 85px;
	padding: 50px 0;
	text-align: center;
}

.info01_intro img {}

.info01_intro p {
	margin-top: 30px;
	font-size: 20px;
	font-weight: 500;
}

.info01_content {
	margin-top: 70px;
}

.info01_content .info01_content_title {
	padding-top: 20px;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.3;
}

.info01_content .info01_content_title::before {
	display: block;
	position: relative;
	top: -20px;
	width: 40px;
	height: 5px;
	border-radius: 5px;
	background: var(--main-color);
	content: "";
}

.info01_content .info01_content_text {
	margin: 37px 0;
	font-size: 18px;
	line-height: 1.44;
}

.info01_content_sign {
	margin-left: 7px;
	font-size: 29px;
	font-weight: bold;
}

.info01_content_history {
	margin-top: 25px;
	font-size: 18px;
	line-height: 2.22;
}

.info01_content_history li {
	display: flex;
}

.info01_content_history li > span {
	color: #666666;
}

.info01_content_history li > p {
	margin-left: 70px;
}

.info01_content_map {
	margin-top: 25px;
}

#daumRoughmapContainer1693381455517 .wrap_map,
#daumRoughmapContainer1706055282953 .wrap_map {
	height: 521px;
}

.info01_content_map_info {
	margin-top: 30px;
}

.info01_content_map_info li {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.info01_content_map_info li > span {}

.info01_content_map_info li > p {
	margin-left: 12px;
	font-size: 20px;
}


@media screen and (max-width:500px) {
	.info01_intro {
		margin-top: 18vw;
		padding: 10vw 0;
	}

	.info01_intro img {
		width: 42%;
	}

	.info01_intro p {
		margin-top: 6vw;
		font-size: 4vw;
	}

	.info01_content {
		margin-top: 14vw;
	}

	.info01_content .info01_content_title {
		padding-top: 4.800vw;
		font-size: 5.200vw;
	}

	.info01_content .info01_content_text {
		margin: 7.400vw 0;
		font-size: 3.600vw;
	}

	.info01_content_sign {
		font-size: 5.800vw;
	}

	.info01_content_history {
		margin-top: 5vw;
		font-size: 3.600vw;
		line-height: 2;
	}

	.info01_content_history li {
		display: block;
		margin-bottom: 3vw;
	}

	.info01_content_history li > p {
		margin-left: 0;
	}

	.info01_content_map {
		margin-top: 5vw;
	}

	#daumRoughmapContainer1693381455517 .wrap_map,
	#daumRoughmapContainer1706055282953 .wrap_map {
		height: 76vw;
	}

	.info01_content_map_info {
		margin-top: 6vw;
	}

	.info01_content_map_info li {
		margin-bottom: 6vw;
	}

	.info01_content_map_info li > p {
		margin-left: 2.400vw;
		font-size: 4vw;
	}
}


/*************************************
//	행복나래보호작업장	//
*************************************/
.info02_intro {
	margin-top: 86px;
	text-align: center;
}

.info02_intro .info02_contact {
	display: inline-block;
	padding: 12px 31px;
	border-radius: 31px;
	background: var(--main-color);
	font-size: 18px;
	line-height: 1.8;
	color: #fff;
}

.info02_intro .info02_contact .info02_contact_arrow {
	position: relative;
	top: -1.5px;
}


.info02_process {
	display: flex;
	margin-top: 40px;
	/* justify-content: center; */
	align-items: center;
}

.info02_process > li {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	text-align: center;
}

.info02_process > li > span {
	font-size: 18px;
}

.info02_process > li > span > img {}

.info02_process > li.info02_process_circle {
	width: 140px;
	height: 140px;
	border: 5px solid var(--main-color);
	border-radius: 50%;
	background: rgba(203,27,17,0.05);
}

.info02_process > li.info02_process_circle.last {
	background: rgba(203,27,17,0.8);
	color: #fff;
}

.info02_process > li.info02_process_arrow {
	width: calc(33.33% - 186.67px);
}


.info02_business {}

.info02_business > li {
	font-size: 18px;
}

.info02_business > li::after {
	display: block;
	clear: both;
	content: "";
}

.info02_business > li > p > span {
	display: inline-block;
	margin-top: 31px;
	margin-bottom: 12px;
	padding: 0 20px;
	background: var(--main-color);
	border-radius: 31px;
	line-height: 1.89;
	color: #fff;
}

.info02_business > li > p {
	float: left;
	line-height: 1.5;
}

.info02_business > li > p.info02_business_col_1 {
	width: 100%;
}

.info02_business > li > p.info02_business_col_2 {
	width: 50%;
}


.info02_product {}

.info02_product > li {
	float: left;
	width: 160px;
}

.info02_product > li:not(:last-child) {
	margin-right: 8px;
}

.info02_product > li > img {}

@media screen and (max-width:500px) {
	.info02_intro {
		margin-top: 18vw;
	}

	.info02_intro .info02_contact {
		width: 100%;
		padding: 2.400vw 0;
		border-radius: 15.600vw;
		font-size: 3.600vw;
		line-height: 1.5;
	}


	.info02_process {
		display: block;
		margin-top: 8vw;
	}

	.info02_process > li {
		float: left;
	}

	.info02_process > li:nth-child(1),
	.info02_process > li:nth-child(2),
	.info02_process > li:nth-child(3) {
		margin-bottom: 3.6vw;
	}

	.info02_process > li:nth-child(3) {
		margin-right: calc(100% - 68vw);
	}

	.info02_process > li:nth-child(4) {
		margin-left: calc(100% - 80vw);
	}

	.info02_process > li > span {
		font-size: 3.600vw;
	}

	.info02_process > li.info02_process_circle {
		width: 28vw;
		height: 28vw;
	}

	.info02_process > li.info02_process_arrow {
		width: 12vw;
		height: 28vw;
	}


	.info02_business > li {
		font-size: 3.600vw;
	}

	.info02_business > li > p > span {
		margin-top: 6vw;
		margin-bottom: 2.4vw;
		padding: 0 4vw;
		border-radius: 6vw;
	}

	.info02_product {}

	.info02_product > li {
		width: calc(33.33% - 4.67px);
		margin-bottom: 7px;
	}

	.info02_product > li:not(:last-child) {
		margin-right: 0;
	}

	.info02_product > li:not(:nth-child(3n + 3)) {
		margin-right: 7px;
	}

	.info02_product > li > img {}
}



/*************************************
//	꿈드래판촉물	//
*************************************/
.info03_content {
	margin-bottom: 51px;
}

.info03_intro {}

.info03_title, .info03_detail {
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
}

.info03_title {
	margin-top: 20px;
}

.info03_detail {
	color: #858585;
}

.info03_promotion {
	height: 271px;
	border: 1px solid var(--main-color);
}

.info03_promotion .info03_promotion_img,
.info03_promotion .info03_promotion_intro {
	float: left;
}

.info03_promotion .info03_promotion_img {
	margin-top: 48px;
	margin-left: 48px;
}

.info03_promotion .info03_promotion_intro {
	margin-left: 85px;
}

.info03_promotion .info03_promotion_intro .info03_promotion_title {
	margin-top: 59px;
}

.info03_promotion .info03_promotion_intro .info03_promotion_text {
	margin-top: 4px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

.info03_promotion .info03_promotion_intro .info03_promotion_mark {
	margin-top: 15px;
}


@media screen and (max-width:500px) {
	.info03_content {
		margin-bottom: 10vw;
	}

	.info03_intro {
		width: 284px;
		margin: 0 auto;
		margin-top: 18vw;
	}

	.info03_title, .info03_detail {
		font-size: 3.600vw;
	}

	.info03_title {
		margin-top: 4vw;
	}

	.info03_promotion {
		height: 78vw;
	}

	.info03_promotion .info03_promotion_img,
	.info03_promotion .info03_promotion_intro {
		float: left;
	}

	.info03_promotion .info03_promotion_img {
		width: 50%;
		margin-top: 9vw;
		margin-left: 25%;
	}

	.info03_promotion .info03_promotion_intro {
		width: 100%;
		margin-left: 0;
		text-align: center;
	}

	.info03_promotion .info03_promotion_intro .info03_promotion_title {
		width: 46%;
		margin-top: 3vw;
	}

	.info03_promotion .info03_promotion_intro .info03_promotion_text {
		font-size: 3.200vw;
	}

	.info03_promotion .info03_promotion_intro .info03_promotion_mark {
		width: 93%;
		margin-top: 3vw;
	}
}