@charset "utf-8";

/******************************************
	랜딩 페이지
*******************************************/
/*******  랜딩 공통 시작  *******/


/*******  랜딩 공통 끝  *******/

/*******  랜딩 타이틀 시작  *******/
#landing_title_area {
	height: 980px;
	background: url('../images/top_bg.png') no-repeat center center / cover;
	text-align: center;
	color: #fff;
}

#landing_title_area .awning {
	margin-top: 104px;
}

#landing_title_area .intro {
	margin-top: 30px;
	font-size: 24px;
	font-weight: 300;
}

#landing_title_area .title {
	margin-top: 22px;
	font-size: 120px;
	font-weight: 500;
	line-height: 1.2;
	text-shadow: 0px 3px 10px #00000029;
}

#landing_title_area .contact {
	display: block;
	width: 446px;
	margin: 0 auto;
	margin-top: 8px;
	padding: 19px 0 16px 0;
	border-radius: 59px;
	background: #fff;
	box-shadow: 0px 3px 10px #00000029;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
}

#landing_title_area .people {
	margin-top: 39px;
}

@media screen and (max-width:1000px) {
	#landing_title_area {
		height: 121.7vw;
		background: url('../images/m_top_bg.png') no-repeat center center / cover;
	}

	#landing_title_area .awning {
		width: 32.9vw;
		margin: 0 auto;
		padding-top: 9.8vw;
	}

	#landing_title_area .intro {
		margin-top: 3.8vw;
		font-size: 4vw;
	}

	#landing_title_area .title {
		margin-top: 2.7vw;
		font-size: 15.2vw;
	}

	#landing_title_area .contact {
		width: 56.8vw;
		margin-top: 1vw;
		padding: 2.5vw 0 2.1vw 0;
		border-radius: 5.9vw;
		font-size: 5vw;
	}

	#landing_title_area .people {
		width: 73.3vw;
		margin-top: 6.75vw;
	}
}

/*******  랜딩 타이틀 끝  *******/


/*******  랜딩 주요기능 시작  *******/
#landing_reason_area {
	padding: 86px 0 109px;
	background: var(--sub-color);
	line-height: 1.2;
	text-align: center;
}

#landing_reason_area .subtitle {
	font-size: 24px;
	font-weight: 300;
}

#landing_reason_area .title {
	font-size: 40px;
	font-weight: 700;
}

#landing_reason_area .reason_list {
	margin-top: 67px;
}

#landing_reason_area .reason_list > li {
	display: flex;
	float: left;
	width: calc(50% - 10px);
	height: 360px;
	margin-right: 20px;
	margin-bottom: 20px;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 3px 10px #00000029;
}

#landing_reason_area .reason_list > li:nth-child(even) {
	margin-right: 0;
}

#landing_reason_area .reason_list > li .img {
	width: 140px;
	height: 140px;
	margin: 0 auto;
}

#landing_reason_area .reason_list > li h3 {
	margin-top: 30px;
	font-size: 24px;
	font-weight: 700;
}

#landing_reason_area .reason_list > li p {
	margin-top: 10px;
	font-size: 18px;
}

@media screen and (max-width:1000px) {
	#landing_reason_area {
		padding: 12vw 0 16vw;
	}

	#landing_reason_area .subtitle {
		font-size: 4vw;
	}

	#landing_reason_area .title {
		font-size: 7vw;
	}

	#landing_reason_area .reason_list {
		margin-top: 9.5vw;
	}

	#landing_reason_area .reason_list > li {
		width: 100%;
		height: 50vw;
		margin-right: 0;
		margin-bottom: 6vw;
		border-radius: 1vw;
	}

	#landing_reason_area .reason_list > li .img {
		width: 14vw;
		height: 14vw;
	}

	#landing_reason_area .reason_list > li h3 {
		margin-top: 5.6vw;
		font-size: 5vw;
	}

	#landing_reason_area .reason_list > li p {
		margin-top: 1vw;
		font-size: 4vw;
	}
}


/*******  랜딩 주요기능 끝  *******/


/*******  랜딩 이벤트 시작  *******/
#landing_event_area {
	height: 500px;
	background: url('../images/event_bg.png') no-repeat center center / cover;
	text-align: center;
	color: #fff;
}

#landing_event_area .crown {
	margin-top: 77px;
}

#landing_event_area .title {
	margin: 17px 0;
	font-size: 40px;
	font-weight: 700;
}

#landing_event_area .intro {
	margin-bottom: 17px;
	font-size: 24px;
	font-weight: 300;
}

#landing_event_area .item {
	display: block;
	width: 336px;
	line-height: 57px;
	margin: 0 auto;
	border-radius: 10px;
	background: #8F0200;
	font-size: 22px;
	font-weight: 700;
}

#landing_event_area .item.item_txt {}

#landing_event_area .item.item_button {
	margin-top: 12px;
	color: var(--main-color);
	background: #fff;
}

@media screen and (max-width:1000px) {
	#landing_event_area {
		height: 110vw;
		background: url('../images/m_event_bg.png') no-repeat center center / cover;
	}

	#landing_event_area .crown {
		width: 14.832vw;
		margin: 0 auto;
		margin-top: 0;
		padding-top: 15.6vw;
	}

	#landing_event_area .title {
		margin: 3.9vw 0;
		font-size: 5vw;
	}

	#landing_event_area .intro {
		margin-bottom: 3.563vw;
		font-size: 4vw;
	}

	#landing_event_area .item {
		width: 76.557vw;
		line-height: 12.987vw;
		border-radius: 1vw;
		font-size: 5vw;
	}

	#landing_event_area .item.item_button {
		margin-top: 2.734vw;
	}
}


/*******  랜딩 이벤트 끝  *******/


/*******  랜딩 이용요금 시작  *******/
#landing_cost_area {
	padding: 86px 0 102px;
	background: #fff;
	line-height: 1.2;
	text-align: center;
}

#landing_cost_area .subtitle {
	font-size: 24px;
	font-weight: 300;
}

#landing_cost_area .title {
	margin-bottom: 67px;
	font-size: 40px;
	font-weight: 700;
}

#landing_cost_area .item {
	float: left;
	height: 180px;
	border: 3px solid var(--main-color);
	border-radius: 10px;
	box-sizing: border-box;
}

#landing_cost_area .item.black {
	border: 1px solid #000;
}

#landing_cost_area .item.top_left,
#landing_cost_area .item.top_right, 
#landing_cost_area .item.bottom_left, 
#landing_cost_area .item.bottom_right {
	width: calc(50% - 10px);
	margin-bottom: 75px;
}

#landing_cost_area .item.top_left,
#landing_cost_area .item.bottom_left{
	margin-right: 20px;
}

#landing_cost_area .item.top_right {}

#landing_cost_area .item.bottom {
	position: relative;
	width: 100%;
	margin-bottom: 100px;
}

#landing_cost_area .item.bottom::before,
#landing_cost_area .item.bottom::after {
	display: block;
	position: absolute;
	left: 50%;
	width: 50px;
	transform: translateX(-50%);
	background: var(--main-color);
	content: "";
	opacity: .4;
}

#landing_cost_area .item.bottom::before {
	top: -53px;
	height: 50px;
}

#landing_cost_area .item.bottom::after {
	bottom: -26px;
	height: 26px;
}

#landing_cost_area .item > h3 {
	background: var(--main-color);
	font-size: 28px;
	font-weight: 700;
	line-height: 70px;
	color: #fff;
}

#landing_cost_area .item.black > h3 {
	background: #000;
}

#landing_cost_area .item > p {
	position: relative;
	font-size: 30px;
	font-weight: 700;
	line-height: 110px;
	color: var(--main-color);
}

#landing_cost_area .ps {
	margin-top: 10px;
	font-size: 18px;
}

#landing_cost_area .item.black > p {
	color: #000;
}

#landing_cost_area .item.bottom > p::after {
	position: absolute;
	top: 130px;
	left: 45.8%;
	width: 0;
	height: 0;
	border-bottom: 50px solid transparent;
	border-top: 50px solid transparent;
	border-left: 50px solid var(--main-color);
	border-right: 50px solid transparent;
	transform: rotate(90deg);
	content: "";
	opacity: .4;
}

#landing_cost_area .item > p > .line-through {
	text-decoration: line-through;
}

@media screen and (max-width:1000px) {
	#landing_cost_area {
		padding: 11.6vw 0 13vw;
	}

	#landing_cost_area .subtitle {
		font-size: 4vw;
	}

	#landing_cost_area .title {
		margin-bottom: 7vw;
		font-size: 7vw;
	}

	#landing_cost_area .item {
		height: 30vw;
		border-radius: 1vw;
		border-width: 0.3vw;
	}

	#landing_cost_area .item.top_left,
	#landing_cost_area .item.top_right, 
	#landing_cost_area .item.bottom_left, 
	#landing_cost_area .item.bottom_right {
		width: 100%;
		margin-bottom: 5vw;
	}

	#landing_cost_area .item.top_left {
		margin-right: 0;
	}

	#landing_cost_area .item.top_right {
		margin-bottom: 15vw;
	}

	#landing_cost_area .item.bottom {
		margin-bottom: 20vw;
	}

	#landing_cost_area .item.bottom::before,
	#landing_cost_area .item.bottom::after {
		width: 10vw;
	}

	#landing_cost_area .item.bottom::before {
		top: -10.1vw;
		height: 10vw;
	}

	#landing_cost_area .item.bottom::after {
		bottom: -6.6vw;
		height: 6.5vw;
	}

	#landing_cost_area .item > h3 {
		font-size: 4vw;
		line-height: 10vw;
	}

	#landing_cost_area .item > p {
		font-size: 5vw;
		line-height: 20vw;
	}

	#landing_cost_area .item.bottom > p::after {
		top: 26vw;
		left: 38.4%;
		border-bottom: 10vw solid transparent;
		border-top: 10vw solid transparent;
		border-left: 10vw solid var(--main-color);
		border-right: 10vw solid transparent;
	}

	#landing_cost_area .item:nth-child(3) > p {
		padding-top: 3vw;
		line-height: 1.3;
	}
}


/*******  랜딩 이용요금 끝  *******/


/*******  랜딩 이용문의 시작  *******/
#landing_contact_area {
	padding: 86px 0 97px;
	background: var(--sub-color);
	line-height: 1.2;
	text-align: center;
}

#landing_contact_area .subtitle {
	font-size: 24px;
	font-weight: 300;
}

#landing_contact_area .title {
	margin-bottom: 35px;
	font-size: 40px;
	font-weight: 700;
}

#landing_contact_area .tel {
	display: block;
	width: 392px;
	margin: 0 auto;
	margin-bottom: 20px;
	border-radius: 10px;
	background: var(--main-color);
	font-size: 28px;
	font-weight: 700;
	line-height: 70px;
	color: #fff;
}

#landing_contact_area .txt {
	font-size: 22px;
	font-weight: 700;
	color: var(--main-color);
}

@media screen and (max-width:1000px) {
	#landing_contact_area {
		padding: 16.2vw 0;
	}

	#landing_contact_area .subtitle {
		font-size: 4vw;
	}

	#landing_contact_area .title {
		margin-bottom: 3vw;
		font-size: 7vw;
	}

	#landing_contact_area .tel {
		width: 53.4vw;
		margin-bottom: 1.5vw;
		border-radius: 1vw;
		font-size: 5vw;
		line-height: 9vw;
	}

	#landing_contact_area .txt {
		font-size: 4vw;
	}
}


/*******  랜딩 이용문의 끝  *******/


/*******  랜딩 서비스 바로가기 시작  *******/
#landing_service_area {
	padding: 60px 0;
	text-align: center;
	background: var(--main-color);
	color: #fff;
}

#landing_service_area .subtitle {
	font-size: 24px;
    font-weight: 300;
}

#landing_service_area .title {
	margin-bottom: 35px;
    font-size: 40px;
    font-weight: 700;
}

#landing_service_area button {
	float: left;
	width: calc(33.33% - 13.33px);
	height: 70px;
	margin-right: 20px;
	background: #fff;
	border-radius: 10px;
	font-size: 28px;
    font-weight: 700;
	/* color: var(--main-color); */
	transition: .2s;
}

#landing_service_area button:hover {
	background: rgba(0,0,0,0.5);
	color: #fff;
}

#landing_service_area button:last-child {
	margin-right: 0;
}

@media screen and (max-width:1000px) {
	#landing_service_area {
		margin-top: 10vw;
		padding: 12vw 0;
	}

	#landing_service_area .subtitle {
		font-size: 4vw;
	}

	#landing_service_area .title {
		margin-bottom: 3vw;
		font-size: 7vw;
	}

	#landing_service_area button {
		width: 70%;
		height: 14vw;
		margin-left: 15%;
		margin-right: 0;
		margin-bottom: 3vw;
		border-radius: 1vw;
		font-size: 5vw;
	}

}
/*******  랜딩 서비스 바로가기 끝  *******/