@charset "utf-8";

.m-limit { display: none; }

@media screen and (max-width: 920px) {
	html {
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-o-text-size-adjust: none;
		min-width: 0 !important;
		width: 100%;
		overflow-x: hidden;
	}
	body {
		-webkit-text-size-adjust: none;
		min-width: 0 !important;
		width: 720px;
		overflow-x: hidden;
		zoom: calc(100vw / 720px);
	}

	#wrap {
		overflow: hidden;
		position: relative;
		margin: 0 auto;
		width: 720px;
	}

	.container { width: 650px; margin: 0 auto; position: relative; }
	.mbr { display: inline !important; }
	.pcbr { display: none !important; }
	.m-limit {
		display: block;
		font-size: 22px;
		color: #636363;
	}

	/* header */
	header { background: #faf4e8; }
	header .container {
		display: block;
		padding: 40px 0 50px;
		justify-content: flex-start;
	}
	header h1 { display: block; }
	header a {
		width: fit-content;
		display: flex;
		align-items: center;
		gap: 15px;
		padding: 0;
	}
	header a .logo { width: 205px; padding-top: 18px; }
	header a .sm { width: 125px; }
	header a i { width: 1px; height: 50px; background: #ddd; }

	/* section1 */
	.sec1 { background: #faf4e8; padding: 20px 0 110px; }
	.sec1 .main_wrap {
		display: block;
		justify-content: unset;
		align-items: unset;
	}
	.sec1 .main_wrap .text_wrap {
		margin: 0;
		display: block;
		align-items: unset;
		position: relative;
	}
	.sec1 .main_wrap .text_wrap .title_wrap {
		text-align: center;
		position: relative;
		margin-bottom: 76px;
	}
	.sec1 .main_wrap .text_wrap .title_wrap img { margin-bottom: 10px; max-width: 100%; }
	.sec1 .main_wrap .text_wrap .title_wrap h2 {
		font-size: 85px;
		font-family: 'YeogiOttaeJalnanGothic';
		background: #ed7529;
		color: #fff;
		border-radius: 100px;
		padding: 22px 50px 10px;
		margin-bottom: 20px;
		display: inline-block;
	}
	.sec1 .main_wrap .text_wrap .title_wrap p {
		font-size: 35px;
		font-family: 'YeogiOttaeJalnanGothic';
		background: #6b3906;
		color: #fff;
		border-radius: 100px;
		padding: 18px 30px 12px;
		display: inline-block;
	}
	.sec1 .main_wrap .text_wrap ul {
		display: flex;
		flex-direction: column;
		gap: 30px;
		margin-bottom: 54px;
		margin-left: 20px;
	}
	.sec1 .main_wrap .text_wrap ul li {
		display: flex;
		align-items: center;
		gap: 15px;
	}
	.sec1 .main_wrap .text_wrap ul li .img_wrap {
		position: relative;
		width: 80px;
		height: 80px;
		border-radius: 100px;
		background: #f5e6d5;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.sec1 .main_wrap .text_wrap ul li .img_wrap img { width: 50px; }
	.sec1 .main_wrap .text_wrap ul li p {
		font-size: 30px;
		color: #222;
		font-family: 'YeogiOttaeJalnanGothic';
		line-height: 1.4;
	}

	.sec1 .form_wrap,
	.sec1 .main_wrap .form_wrap {
		background: #fff;
		border-radius: 30px;
		box-shadow: 0 0 8px rgba(0,0,0,0.2);
		width: 650px;
		border: 1px solid #512a03;
		padding: 34px 40px;
		box-sizing: border-box;
		position: relative;
	}
	.sec1 .form_wrap .button_wrap,
	.sec1 .main_wrap .form_wrap form .button_wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 64px;
		position: relative;
		gap: 0;
		width: 100%;
	}
	.sec1 .form_wrap .button_wrap::after {
		content: "";
		display: block;
		width: 1px;
		height: 85px;
		background: #d3d3d3;
		position: absolute;
		left: 50%;
		top: 2px;
		transform: translateX(-50%);
	}
	.sec1 .form_wrap .button_wrap a,
	.sec1 .main_wrap .form_wrap form .button_wrap a {
		display: flex;
		align-items: end;
		gap: 0;
		color: #512a03;
	}
	.sec1 .form_wrap .button_wrap a.on { color: #ed7529; position: relative; }
	.sec1 .form_wrap .button_wrap a.on::after {
		content: "";
		display: block;
		width: 100%;
		height: 6px;
		background: #ed7529;
		position: absolute;
		left: 0;
		bottom: -14px;
	}
	.sec1 .form_wrap .button_wrap a img { width: 62px; }
	.sec1 .form_wrap .button_wrap a p {
		font-size: 38px;
		font-family: 'YeogiOttaeJalnanGothic';
		white-space: nowrap;
	}
	.sec1 .form_wrap form h2 {
		font-size: 45px;
		color: #222;
		line-height: 1.4;
		font-weight: 700;
		margin-top: 0;
		margin-bottom: 120px;
	}
	.sec1 .form_wrap form > img {
		width: 280px;
		position: absolute;
		right: 40px;
		top: 196px;
	}
	.sec1 .form_wrap form ul {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-bottom: 30px;
	}
	.sec1 .form_wrap form ul li input {
		width: 100%;
		height: 90px;
		border-radius: 10px;
		background: #efede9;
		border: none;
		outline: none;
		font-size: 25px;
		padding-left: 30px;
		font-family: Pretendard, sans-serif;
	}
	.sec1 .main_wrap .form_wrap form ul li.tel select {
		height: 90px;
		background: #efede9 url('arrow.png') no-repeat 100% 50% !important;
		border-radius: 10px;
		font-size: 25px;
		width: 130px;
		border: none;
		outline: none;
		padding-left: 20px;
		font-family: Pretendard, sans-serif;
	}
	.sec1 .main_wrap .form_wrap form ul li.visit { margin-top: 10px; }
	.sec1 .main_wrap .form_wrap form ul li.visit label {
		display: block;
		font-size: 25px;
		color: #636363;
		font-weight: 500;
		margin-bottom: 10px;
	}
	.sec1 .main_wrap .form_wrap form ul li.visit .btn-group {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	.btn-group { display: flex; gap: 12px; margin-top: 8px; }
	.btn-yes-no {
		flex: 1;
		height: 70px;
		padding: 0;
		border: 1px solid #ddd;
		border-radius: 10px;
		background: #fff;
		font-size: 25px;
		color: #333;
		cursor: pointer;
	}
	.sec1 .form_wrap form .btn_submit {
		width: 100%;
		height: 100px;
		background: #ed7529;
		color: #fff;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 35px;
		font-weight: 700;
		margin-top: 0;
		margin-bottom: 35px;
	}
	.sec1 .form_wrap form .notice {
		display: flex;
		align-items: center;
		gap: 5px;
		margin-top: 0;
	}
	.sec1 .form_wrap form .notice img { width: 24px; }
	.sec1 .form_wrap form .notice p {
		font-size: 20px;
		color: #636363;
		text-decoration: underline;
		text-underline-offset: 3px;
	}

	/* section 2 */
	.sec2 { padding: 120px 0; }
	.sec2 .title_wrap { text-align: center; margin-bottom: 78px; }
	.sec2 .title_wrap h2 {
		font-size: 40px;
		font-family: 'YeogiOttaeJalnanGothic';
		color: #6b3906;
		line-height: 1.6;
		margin-bottom: 6px;
	}
	.sec2 .title_wrap h2 b {
		font-family: 'YeogiOttaeJalnanGothic';
		color: #ed7529;
	}
	.sec2 .title_wrap p {
		font-size: 25px;
		color: #636363;
		line-height: 1.4;
		margin-bottom: 6px;
	}

	.sec2 .same {
		width: auto;
		border-radius: 30px;
		box-shadow: 0 0 8px rgba(0,0,0,0.2);
		padding: 50px 50px 60px;
		margin-bottom: 20px;
	}
	.sec2 .same h3 {
		font-size: 36px;
		color: #222;
		font-weight: 700;
		margin-bottom: 52px;
	}
	.sec2 .same ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
		gap: 70px;
		align-items: center;
	}
	.sec2 .same ul li { margin-left: 35px; position: relative; }
	.sec2 .same ul li::after {
		display: none;
		margin: 0;
		right: auto;
	}
	.sec2 .same ul li:nth-child(2),
	.sec2 .same ul li:nth-child(4) { position: relative; }
	.sec2 .same ul li:nth-child(2)::after,
	.sec2 .same ul li:nth-child(4)::after {
		content: "";
		display: block;
		width: 1px;
		height: 90px;
		background: #d3d3d3;
		position: absolute;
		left: -36%;
		top: -10px;
		right: auto;
		margin: 0;
	}
	.sec2 .same ul li h4 {
		font-size: 24px;
		color: #636363;
		margin-bottom: 14px;
	}
	.sec2 .same ul li p {
		font-size: 32px;
		color: #222;
		font-weight: 700;
		margin-top: 0;
		white-space: nowrap;
	}

	.sec2 .plan_wrap {
		display: flex;
		flex-direction: column;
		grid-template-columns: none;
		align-items: stretch;
		justify-content: unset;
		gap: 20px;
		margin-bottom: 20px;
	}
	.sec2 .plan_wrap > li {
		border-radius: 30px;
		box-shadow: 0 0 8px rgba(0,0,0,0.2);
		padding: 40px 50px 58px;
	}
	.sec2 .plan_wrap > li h3 {
		font-size: 36px;
		font-weight: 700;
		margin-bottom: 46px;
	}
	.sec2 .plan_wrap > li ul {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 200px;
	}
	.sec2 .plan_wrap > li ul li::after {
		display: none;
		width: auto;
		height: auto;
		margin: 0;
		background: none;
	}
	.sec2 .plan_wrap > li ul li:nth-child(2) { position: relative; }
	.sec2 .plan_wrap > li ul li:nth-child(2)::after {
		content: "";
		display: block;
		width: 1px;
		height: 90px;
		background: #d3d3d3;
		position: absolute;
		left: -68%;
		top: -10px;
		margin: 0;
	}
	.sec2 .plan_wrap > li ul li h4 {
		font-size: 24px;
		color: #636363;
		margin-bottom: 20px;
	}
	.sec2 .plan_wrap > li ul li h4 i {
		margin-left: 3px;
		position: relative;
		top: 2px;
	}
	.sec2 .plan_wrap > li ul li h4 i img { width: 24px; }
	.sec2 .plan_wrap > li ul li p {
		font-size: 32px;
		color: #222;
		font-weight: 700;
	}

	.sec2 .question_card {
		background: #f8f7f6;
		width: auto;
		border-radius: 30px;
		padding: 40px 40px;
		box-sizing: border-box;
	}
	.sec2 .question_card div h3 {
		font-size: 22px;
		color: #636363;
		margin-bottom: 10px;
	}
	.sec2 .question_card div h3 i { margin-right: 5px; }
	.sec2 .question_card div p {
		font-size: 18px;
		color: #636363;
		line-height: 1.6;
		margin-bottom: 6px;
	}

	/* section3 */
	.sec3 { padding: 120px 0; background: #faf4e8; }
	.sec3 h2 {
		text-align: center;
		font-family: 'YeogiOttaeJalnanGothic';
		font-size: 40px;
		color: #6b3906;
		margin-bottom: 70px;
	}
	.sec3 ul {
		display: flex;
		flex-direction: column;
		gap: 20px;
		align-items: center;
		justify-content: center;
	}
	.sec3 ul li {
		background: #fff;
		border-radius: 40px;
		box-shadow: 0 0 8px rgba(0,0,0,0.2);
		width: 100%;
		padding: 50px 50px;
		box-sizing: border-box;
		position: relative;
	}
	.sec3 ul li h3 {
		font-size: 32px;
		color: #222;
		font-weight: 700;
		margin-bottom: 17px;
	}
	.sec3 ul li p {
		font-size: 24px;
		color: #636363;
		line-height: 1.6;
		margin-bottom: 31px;
	}
	.sec3 ul li span {
		font-size: 40px;
		color: #ed7529;
		font-weight: 800;
	}
	.sec3 ul li img {
		width: 180px;
		position: absolute;
		right: 60px;
		bottom: 30px;
	}

	/* section4 */
	.sec4 { padding: 120px 0; }
	.sec4 .title_wrap { text-align: center; margin-bottom: 70px; }
	.sec4 .title_wrap p {
		font-size: 27px;
		color: #ed7529;
		font-weight: 500;
		margin-bottom: 17px;
		display: block;
	}
	.sec4 .title_wrap h2 {
		font-size: 40px;
		color: #6b3906;
		font-family: 'YeogiOttaeJalnanGothic';
		line-height: 1.5;
		margin-bottom: 70px;
	}
	.sec4 .content_wrap .content_title { text-align: center; margin-bottom: 70px; }
	.sec4 .content_wrap .content_title h3 {
		font-size: 36px;
		color: #222;
		font-weight: 700;
		margin-bottom: 20px;
	}
	.sec4 .content_wrap .content_title p {
		font-size: 25px;
		color: #636363;
		line-height: 1.4;
		word-break: keep-all;
		text-align: center;
	}
	.sec4 ul { display: flex; flex-direction: column; gap: 20px; }
	.sec4 ul li {
		width: 100%;
		border-radius: 40px;
		box-shadow: 0 0 8px rgba(0,0,0,0.2);
		padding: 40px 40px 46px;
		position: relative;
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		box-sizing: border-box;
	}
	.sec4 ul li:nth-child(4) { padding: 40px 40px 88px; }
	.sec4 ul li:nth-child(5) { padding: 40px 40px 120px; }
	.sec4 ul li .text_wrap h4 {
		font-size: 32px;
		color: #222;
		font-weight: 700;
		margin-bottom: 34px;
	}
	.sec4 ul li:nth-child(4) .text_wrap h4,
	.sec4 ul li:nth-child(5) .text_wrap h4 { margin-bottom: 62px; }
	.sec4 ul li .text_wrap .card_content p {
		font-size: 26px;
		color: #222;
		font-weight: 600;
		position: relative;
		word-break: keep-all;
		margin-bottom: 2px;
		line-height: 1.5;
		white-space: nowrap;
	}
	.sec4 ul li .text_wrap .card_content span {
		display: block;
		font-size: 24px;
		color: #636363;
		line-height: 1.6;
		word-break: keep-all;
		margin-top: 0;
	}
	.sec4 ul li .img_wrap img { width: 240px; }

	/* section5 */
	.sec5 { padding: 120px 0; background: #faf4e8; }
	.sec5 .title_wrap { text-align: center; margin-bottom: 72px; }
	.sec5 .title_wrap h2 {
		font-size: 40px;
		color: #6b3906;
		line-height: 1.4;
		font-family: 'YeogiOttaeJalnanGothic';
		margin-bottom: 18px;
	}
	.sec5 .title_wrap p {
		font-size: 22px;
		color: #636363;
		line-height: 1.6;
	}
	.sec5 ul {
		display: flex;
		flex-direction: column;
		grid-template-columns: none;
		gap: 20px;
	}
	.sec5 ul li {
		background: #fff;
		border-radius: 40px;
		box-shadow: 0 0 8px rgba(0,0,0,0.2);
		height: 400px;
		padding: 50px 50px;
		box-sizing: border-box;
		position: relative;
	}
	.sec5 ul li .text_wrap p {
		font-size: 24px;
		color: #636363;
		margin-bottom: 12px;
	}
	.sec5 ul li .text_wrap h3 {
		font-size: 32px;
		color: #222;
		font-weight: 700;
		line-height: 1.4;
		margin-bottom: 2px;
	}
	.sec5 ul li .text_wrap small {
		font-size: 18px;
		color: #636363;
		line-height: 1.5;
	}
	.sec5 ul li img {
		width: 180px;
		position: absolute;
		right: 65px;
		bottom: 40px;
	}

	/* section6 */
	.sec6 { padding: 120px 0; }
	.sec6 .container { width: 650px; }
	.sec6 h2 {
		font-size: 40px;
		color: #6b3906;
		font-family: 'YeogiOttaeJalnanGothic';
		line-height: 1.5;
		text-align: center;
		margin-bottom: 70px;
	}
	.sec6 h2 b {
		font-family: 'YeogiOttaeJalnanGothic';
		position: relative;
		color: #fff;
		background: none;
	}
	.sec6 h2 b::after {
		content: "";
		display: block;
		width: 210px;
		height: 52px;
		background: #6b3906;
		position: absolute;
		z-index: -1;
		left: 50%;
		top: 45%;
		transform: translate(-50%, -50%);
	}
	.sec6 ul { display: flex; flex-direction: column; gap: 50px; }
	.sec6 ul li,
	.sec6 ul li:nth-child(2) {
		display: block;
		align-items: unset;
		justify-content: unset;
		flex-direction: unset;
	}
	.sec6 ul li .img_wrap {
		width: 100%;
		height: 300px;
		border-radius: 40px;
		box-shadow: 0 0 8px rgba(0,0,0,0.2);
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
	}
	.sec6 ul li .img_wrap img { width: 250px; }
	.sec6 ul li:nth-child(3) .img_wrap img { width: 400px; }
	.sec6 ul li .text_wrap { width: auto; }
	.sec6 ul li .text_wrap h3 {
		margin-bottom: 10px;
		font-size: 32px;
		color: #222;
		font-weight: 700;
		line-height: 1.4;
	}
	.sec6 ul li .text_wrap p {
		font-size: 27px;
		color: #636363;
		line-height: 1.4;
	}
	.sec6 ul li .text_wrap span {
		font-size: 23px;
		color: #222;
		font-weight: 500;
		line-height: 1.4;
		margin-top: 24px;
		display: block;
	}

	/* section7 */
	.sec7 { background: #e5dcca; color: #333; padding: 40px 0; width: 100%; }
	.sec7 h3 { margin-bottom: 30px; font-size: 25px; font-weight: 700; }

	/* footer */
	.footer {
		background: #867F72 !important;
		box-sizing: border-box;
		padding: 35px 0 !important;
		width: 720px !important;
		margin: 0 auto !important;
	}
	.footer .container,
	.footer_inner {
		width: 650px !important;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	.footer p {
		color: #fff !important;
		font-size: 14px !important;
		line-height: 1.4 !important;
		letter-spacing: -.2px;
	}
	.footer img { width: 100px; margin-top: 15px; }

	/* SMS 인증 팝업 */
	.cost_popup_wrap {
		width: 600px !important;
		padding: 100px 50px 50px !important;
	}
	.cost_popup_wrap p { font-size: 26px !important; }
	.cost_btn {
		font-size: 24px !important;
		width: 194px !important;
		height: 68px !important;
		line-height: 68px !important;
	}
	.cost_popup_wrap > .close {
		width: 40px !important;
		height: 40px !important;
		top: 30px !important;
		right: 25px !important;
	}
	.cost_popup_wrap > .close > div {
		width: 3px !important;
		height: 40px !important;
		top: 1px !important;
		left: 19px !important;
	}
	.form-set div span.phone_num {
		width: 200px !important;
		font-size: 24px !important;
		line-height: 37px !important;
		padding: 0 !important;
	}
	.form-set #cellverify_auth_code {
		width: 360px !important;
		border-bottom: 2px solid #ddd !important;
		height: 68px !important;
	}
	.form-set .inputform_2_space { margin-top: 30px !important; }
	input#cellverify_auth_code { font-size: 26px !important; }
	.form-set #input_screen,
	.form-set #send_data,
	.form-set #send_data_price,
	#re_send_date {
		height: 68px !important;
		width: 120px !important;
		font-size: 24px !important;
	}
	.cost_popup_wrap_title {
		height: 100px !important;
		line-height: 110px !important;
		font-size: 26px !important;
	}
	.form-set .phone_num_sub {
		font-size: 20px !important;
		padding: 0 !important;
		margin-top: 5px !important;
	}
	.form-set #mobile1_num_check {
		width: 100px !important;
		height: 66px !important;
		font-size: 26px !important;
	}
	.form-set #mobile2_num_check {
		width: 260px !important;
		font-size: 26px !important;
		height: 66px !important;
	}
	#mobile1_num_check,
	#mobile2_num_check { font-size: 26px !important; }
	.inputform_2_title { font-size: 24px !important; }

	/* 개인정보 / 안내 모달 */
	.pri-modal .pri-container {
		width: 90% !important;
		padding: 35px 25px !important;
		max-width: 650px !important;
	}
	.pri-alert-modal .pri-alert-container {
		width: 100% !important;
		max-width: 650px !important;
		padding: 35px 30px !important;
	}
	.pri_modal_inner {
		width: 650px !important;
		max-width: 90% !important;
	}
	.pri_modal_wrap3 .pri_modal_inner {
		width: 650px !important;
		max-width: 90% !important;
		max-height: 80% !important;
		border-radius: 20px !important;
		padding: 40px 30px 60px !important;
	}
	.pri_modal_wrap3 .notice_modal_head h3 { font-size: 30px !important; }
	.pri_modal_wrap3 .agree_close3 {
		width: 30px !important;
		height: 30px !important;
	}
	.pri_modal_wrap3 .agree_close3 > div {
		width: 3px !important;
		height: 30px !important;
	}
	.pri_modal_wrap3 .pri_modal_txt h4 { font-size: 21px !important; }
	.pri_modal_wrap3 .pri_modal_txt p {
		font-size: 20px !important;
		margin-bottom: 24px !important;
	}
}