/*폰트 사이즈 추가 */

:root {
	/*color*/
	--color-base: #000;
	--color-gray: #838383;
	--color-wh-gray: #bdbdbd;
	--color-point: #adcce6;
	--color-main03_01: #00deff;
	--color-main03_02: #00a2ff;
	--color-main03_03: #00ffcc;
	--color-main03_04: #ba00ff;
	--color-ft_copy: #575757;
	--color-kakao: #ffc401;
	--color-kakao-text: #442f01;
	--color-naver: #00c13a;
	--color-his: #e4e4e4;
	--color-his_on: #62a8e2;
	--color-qa_f: #6e6e6e;

	/*font-size*/

	--font-size-14: 0.875rem;
	--font-size-15: 0.938rem;
	--font-size-16: 1rem;
	--font-size-17: 1.0625rem;
	--font-size-18: 1.125rem;
	--font-size-19: 1.188rem;
	--font-size-20: 1.25rem;
	--font-size-22: 1.375rem;
	--font-size-23: 1.438rem;
	--font-size-24: 1.5rem;
	--font-size-26: 1.625rem;
	--font-size-28: 1.75rem;
	--font-size-30: 1.875rem;
	--font-size-34: 2.125rem;
	--font-size-38: 2.375rem;
	--font-size-40: 2.5rem;
	--font-size-48: 2.938rem;
	/*3rem*/
	--font-size-58: 3.625rem;
	--font-size-70: 4.375rem;
	--font-size-80: 5rem;
	--font-size-150: 9.375rem;

	/*font-weight*/
	--font-l: 300;
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: bold;
	--font-eb: 800;
	--font-bl: 900;
}

.fs_14 {
	font-size: var(--font-size-14);
}

.fs_15 {
	font-size: var(--font-size-15);
}

.fs_16 {
	font-size: var(--font-size-16);
}

.fs_17 {
	font-size: var(--font-size-17);
}

.fs_18 {
	font-size: var(--font-size-18);
}

.fs_19 {
	font-size: var(--font-size-19);
}

.fs_20 {
	font-size: var(--font-size-20);
}

.fs_22 {
	font-size: var(--font-size-22);
}

.fs_23 {
	font-size: var(--font-size-23);
}

.fs_24 {
	font-size: var(--font-size-23);
}

.fs_26 {
	font-size: var(--font-size-26);
}

.fs_28 {
	font-size: var(--font-size-28);
}

.fs_30 {
	font-size: var(--font-size-30);
}

.fs_34 {
	font-size: var(--font-size-34);
}

.fs_38 {
	font-size: var(--font-size-38);
}

.fs_40 {
	font-size: var(--font-size-40);
}

.fs_48 {
	font-size: var(--font-size-48);
}

.fs_58 {
	font-size: var(--font-size-58);
}

.fs_70 {
	font-size: var(--font-size-70);
}

.fs_80 {
	font-size: var(--font-size-80);
}



/*font weight*/
.font_l {
	font-weight: var(--font-l);
}

.font_r {
	font-weight: var(--font-r);
}

.font_m {
	font-weight: var(--font-m);
}

.font_b {
	font-weight: var(--font-b);
}

.font_sb {
	font-weight: var(--font-sb);
}

.font_eb {
	font-weight: var(--font-eb);
}

.font_bl {
	font-weight: var(--font-bl);
}


.j_motion.common_motion {
	transform: translateY(25px);
	opacity: 0;
	transition: transform 0.8s ease, opacity 0.4s;
}

.j_motion.common_motion.on {
	transform: translateY(0);
	opacity: 1;
}

.j_delay_01 {
	transition-delay: 0.2s !important;
}

.j_delay_02 {
	transition-delay: 0.4s !important;
}

.j_delay_03 {
	transition-delay: 0.6s !important;
}

.j_delay_04 {
	transition-delay: 0.8s !important;
}

.j_delay_05 {
	transition-delay: 1s !important;
}

.j_delay_06 {
	transition-delay: 1.2s !important;
}

.j_delay_07 {
	transition-delay: 1.4s !important;
}

.j_delay_08 {
	transition-delay: 1.6s !important;
}

.j_delay_09 {
	transition-delay: 1.8s !important;
}

.j_delay_10 {
	transition-delay: 2s !important;
}

.j_delay_11 {
	transition-delay: 2.2s !important;
}


/*---landing page common css---*/

/*common*/
.landing_container {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	overflow-x: hidden;
}

.land_img_box>img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

/*---css variable---*/
:root {

	--form_tit_size: 1.875rem;
	/*-- 성함, 연락처 등 label font-size --*/
	--form_normal_size: 1.5rem;
	/*-- 성함, 연락처 등 label font-size --*/

	--form_height: 59px;
	/*-- form input 높이 --*/
	--form_mar_btm: 26px;
	/*-- input box 아래 여백 --*/
	--form_last_btm: 21px;
	/*-- 마지막 input box 아래 여백 --*/

	--main_color: #1669df;
	/*-- form 버튼색 등 주색상 --*/
	--gray_color: #a19d9e;
	/*-- placeholder 등 회색컬러 --*/
}

/*landing slide common*/

.landing_slide .swiper-slide img {
	display: block;
	width: 100%;
}

.slide_btn_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 54px;
	padding-bottom: 20px;
}

.slide_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 52px;
	height: 52px;
	border-radius: 52px;
	border: 3px solid var(--main_color);
	cursor: pointer;
	margin: 0 8px;
	box-shadow: 0 8px 13px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 8px 13px rgba(0, 0, 0, .2);
}

.slide_btn i {
	font-size: 1.5rem;
	font-weight: bold;
	color: var(--main_color);
}

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

	.landing_slide {
		width: 80% !important;
	}

	.slide_btn_wrap {
		margin-top: 20px;
	}

	.slide_btn {
		width: 40px;
		height: 40px;
	}
}

/*mobile*/
.landing_mobile {
	display: none;
}

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

	/*mobile*/
	.landing_mobile {
		display: block;
	}

	.landing_pc {
		display: none;
	}
}


/*---form css---*/
/*---form css---*/
/*---form css---*/

/*---form content---*/
/* 수정된 폼 스타일 */
#new_form {
	width: 90%;
	max-width: 680px;
	margin: 0 auto;
}

.form_list {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	/* 수정: --form_mar_btm 대신 직접 값 지정 */
}

.form_list:last-child {
	margin-bottom: 0;
	/* 수정: --form_last_btm 대신 0으로 변경 */
}

.form_list label {
	width: 90px;
	font-size: 16px;
	/* 수정: --form_tit_size 대신 직접 값 지정 */
	font-weight: bold;
	letter-spacing: -0.045em;
}

.form_list div {
	width: calc(100% - 90px);
}

.form_input {
	font-size: 16px !important;
	/* 수정: --form_normal_size 대신 직접 값 지정 */
	font-weight: bold;
	border: 2px solid #000;
	height: 40px;
	/* 수정: --form_height 대신 직접 값 지정 */
	line-height: 40px;
	/* 수정: --form_height 대신 직접 값 지정 */
	padding: 0 15px;
}

.form_input::placeholder {
	font-size: 16px;
	/* 수정: --form_tit_size 대신 직접 값 지정 */
	color: #888;
	/* 수정: --gray_color 대신 직접 값 지정 */
}

.form_input:focus {
	border-radius: 0 !important;
	outline: none !important;
}

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

/* Checkbox 스타일 */
.form_check {
	position: relative;
}

.form_check>input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
	z-index: -1;
}

.check_flex {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.check_flex>span {
	width: 21px;
	height: 21px;
	border: 2px solid #888;
	/* 수정: --gray_color 대신 직접 값 지정 */
	margin-right: 7px;
}

.form_check>input[type="checkbox"]+label:hover span {
	background: url(../img/chk.png) no-repeat 50% 50% #888;
	/* 수정: --gray_color 대신 직접 값 지정 */
	border-color: #888;
	/* 수정: --gray_color 대신 직접 값 지정 */
}

.form_check>input[type="checkbox"]:checked+label span {
	background: url(../img/chk.png) no-repeat 50% 50% #007bff;
	/* 수정: --main_color 대신 직접 값 지정 */
	border-color: #007bff;
	/* 수정: --main_color 대신 직접 값 지정 */
}

.check_flex .fw_m {
	font-size: 20px;
	/* 수정: 1.25rem 대신 직접 값 지정 */
	font-weight: 500;
	-webkit-text-stroke: 0.01em;
}

.form_btn_wrap {}

.form_button {
	display: block;
	width: 100%;
	background: #007bff;
	/* 수정: --main_color 대신 직접 값 지정 */
	color: #fff;
	line-height: 40px;
	/* 수정: --form_tit_size 대신 직접 값 지정 */
	text-align: center;
	font-size: 16px;
	/* 수정: --form_tit_size 대신 직접 값 지정 */
	font-weight: bold;
	border-radius: 13px;
}

/* quick_form 스타일은 그대로 유지 */
#form_quick {
	position: fixed;
	top: 24%;
	right: 3.3%;
	width: 220px;
	z-index: 100;
}


.quick_wrap {
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 8px 13px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 8px 13px rgba(0, 0, 0, .4);
}

.quick_wrap h3 {
	background: var(--main_color);
}

.quick_wrap h3 img {
	display: block;
	margin: 0 auto;
}

.quick_wrap form {
	padding: 20px 15px 36px 15px;
	background: #FFF;
}

.quick_list {
	position: relative;
	margin-bottom: 8px;
}

.quick_list>label {
	position: absolute;
	top: 0;
	left: 10px;
	line-height: 40px;
	z-index: 1;
	font-size: 13px;
	font-weight: bold;
	color: var(--main_color);
	-webkit-text-stroke: 0.01em;
	/*-- 기본폰트 나눔스퀘어/나눔스퀘어 라운드가 아닐 경우 제거 --*/
}

.quick_list>label b {
	color: #F00;
}

.quick_input {
	font-size: 13px !important;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	border: 1px solid #c9c9c9;
	padding: 0 15px;
	padding-left: 58px;
	border-radius: 5px;
	overflow: hidden;
}

.quick_input::placeholder {
	font-size: 13px;
	color: #a5adb8;
}

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

.quick_check {
	position: relative;
}

.quick_check>input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
	z-index: -1;
}

.quick_flex {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.quick_flex>span {
	width: 14px;
	height: 14px;
	border: 1px solid #c9c9c9;
	margin-right: 3px;
}

.quick_check>input[type="checkbox"]+label:hover span {
	background: url(../img/chk.png) no-repeat 50% 50% var(--gray_color);
	border-color: var(--gray_color);
}

.quick_check>input[type="checkbox"]:checked+label span {
	background: url(../img/chk.png) no-repeat 50% 50% var(--main_color);
	border-color: var(--main_color);
}

.quick_flex .fw_m {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: -0.045em;
	-webkit-text-stroke: 0.015em;
	/*-- 기본폰트 나눔스퀘어/나눔스퀘어 라운드가 아닐 경우 제거 --*/
}

.quick_btn_wrap {
	margin-top: 11px;
}

.quick_button {
	display: block;
	width: 100%;
	background: var(--main_color);
	color: #fff;
	line-height: 39px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	border-radius: 8px;
}

/*---quick_form tel---*/
.quick_tel {
	background: var(--main_color);
	padding: 0 25px;
	padding-bottom: 6px;
	border-radius: 20px;
	overflow: hidden;
	margin-top: 21px;
	box-shadow: 0 8px 13px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 8px 13px rgba(0, 0, 0, .4);
}

.qt_box {
	border-bottom: 2px solid #FFF;
	padding: 14px 0;
}

.qt_box:last-child {
	border-bottom: 0;
}

.qt_box a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.qt_box span,
.qt_box h4 {
	color: #FFF;
	font-weight: bold;
}

.qt_box h4 {
	font-size: 18px;
}

.qt_box span {
	font-size: 13px;
}

.qt_box img {
	display: block;
	margin-right: 5px;
}

.qt_btm h4 {
	color: #fae300;
}

.quick_icon {
	position: absolute;
	top: 312px;
	right: -40px;
	z-index: 1;
}

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

	/*---quick_form---*/
	#form_quick {
		right: 25px;
	}

	.quick_icon {
		right: -25px;
	}
}

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

	/*---quick_form---*/
	#form_quick {
		width: 70%;
		transform: translateX(110%);
		opacity: 0;
		transition: transform .6s ease, opacity .45s;
	}

	#form_quick.on {
		transform: translateX(0);
		opacity: 1;
	}

	.quick_tel,
	.quick_icon {
		display: none;
	}
}

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

	.form_list {
		display: block;
		flex: none;
		margin-bottom: 15px;
	}

	.form_list:last-child {
		margin-bottom: 10px;
	}

	.form_list label {
		font-size: 16px;
		width: 100%;
		margin-bottom: 5px;
		display: block;
	}

	.form_list div {
		width: 100%;
	}

	.form_input {
		height: 43px;
		line-height: 43px;
	}

	.form_button {
		line-height: 45px;
		font-size: 16px;
		border-radius: 5px;
	}
}

/*---footer---*/
.k_footer {
	padding: 42px 0;
	background: #222;
}

.k_ft_con {
	width: 90%;
	max-width: 1291px;
	margin: 0 auto;
}

.ft_logo {
	float: left;
	margin-bottom: 45px;
}

.ft_logo a {
	display: block;
	width: 100%;
	height: 100%;
}

.ft_logo img {
	display: block;
}

.ft_info {
	float: left;
	clear: both;
	width: 100%;
	font-size: 1.5625rem;
	color: #FFF;
	font-weight: 500;
	line-height: 200%;
}

.ft_info i {
	display: block;
}

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

	.k_footer {
		padding: 25px 0;
		padding-bottom: 125px;
	}

	.ft_logo {
		margin-bottom: 20px;
	}

	.ft_logo img {
		max-width: 120px;
	}

	.ft_info {
		font-size: 12px;
	}
}

/*---admin button---*/
.admin_btn {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 2000;
}

.admin_btn ul {
	display: flex;
	align-items: center;
}

.admin_btn ul li {
	margin-right: 5px;
}

.admin_btn ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background: #077134;
	color: #FFF;
	font-size: 1.13rem;
	font-weight: bold;
	color: #FFF;
	padding: 0 10px;
	line-height: 45px;
}

/*---mobile menu---*/
#mobile_quick {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

#mobile_quick ul {
	display: flex;
}

#mobile_quick ul a {
	display: block;
	width: 100%;
	height: 100%;
}

#mobile_quick ul img {
	display: block;
	width: 100%;
}

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

	#mobile_quick {
		display: block;
	}
}

/*---개인정보처리방침, 이용약관 팝업 추가---*/
.add_pop_wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .9);
	z-index: 9999;
	display: none;
}

.add_pop_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 94%;
	max-width: 800px;
	height: 600px;
	border-radius: 15px;
	overflow: hidden;
	transform: translate(-50%, -50%) scale(.9);
	transition: transform .3s ease;
}

.add_pop_wrap.active .add_pop_inner {
	transform: translate(-50%, -50%) scale(1);
}

.add_pop_tit {
	background: var(--main_color);
	color: #FFF;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 0 25px;
	font-weight: bold;
}

.add_pop_close {
	width: 20px;
	height: 60px;
	position: relative;
}

.add_pop_close span {
	position: absolute;
	top: 29px;
	left: 0;
	width: 20px;
	height: 2px;
	background: #FFF;
	z-index: 1;
	transition: transform .3s ease;
}

.add_pop_close span:nth-child(1) {
	transform: rotate(45deg);
}

.add_pop_close span:nth-child(2) {
	transform: rotate(-45deg);
}

.add_pop_close:hover span {
	transform: rotate(0);
}

.add_pop_con {
	background: #FFF;
	padding: 22px 25px;
	overflow-y: scroll;
	height: calc(100% - 60px);
}

.add_pop_con h5 {
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.add_pop_con p {
	font-size: 14px;
	line-height: 160%;
	margin-bottom: 25px;
	-webkit-text-stroke: 0.015em;
	/*-- 기본폰트 나눔스퀘어/나눔스퀘어 라운드가 아닐 경우 제거 --*/
}

@media (max-width: 768px) {

	.add_pop_con p {
		font-size: 12px;
	}
}

/**2022.10.27 css 수정사항***/
/*2023.10.27 css 수정*/
/* 헤더 영역 */
/* .main_bg_con {
	width:100%;
	height:100%;
	background-image: url(/img/mv_pc_01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position:top;
	position:relative;
} */
/* .main_bg_con img{width:100%;height:100%; */
}

.main_bg_con .mv_tit {
	width: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}

.main_bg_con .mv_tit img {
	width: 100%;
	object-fit: cover;
}

.main_bg_con .m_mv_tit {
	display: none;
}

#b_header {
	width: 100%;
	height: 85px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	z-index: 10;
}

/*#b_header.active{background-color:#fff; height:70px; color:#fff; transition:all .3s;}*/
#b_header .b_inner {
	width: 95%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	max-width: 1200px;
}




@media screen and (max-width: 768px) {
	#b_header {
		height: 50px;
	}
}


/*추가*/
.j_inner {
	width: 95%;
	margin: 0 auto;
	height: 100%;
	max-width: 1200px;
	position: relative;
}

#b_header nav {
	height: 100%;
}

#b_header .b_gnb {
	display: flex;
	align-items: center;
	height: 100%;
}

#b_header .b_gnb li {
	color: #000000;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	margin-left: 30px;
}

/*20230829수정*/
#b_header .b_gnb li:last-child {
	margin-right: 0px;
}

#b_header .b_gnb li:after {
	content: '';
	width: 0;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: -14px;
	bottom: -1px;
	transition: width .2s ease;
}

#b_header .b_gnb>li:hover:after {
	width: 140%;
	transition: width .2s ease;
}

#b_header .b_gnb li a {
	display: block;
	font-size: 1.125rem;
	text-align: center;
	font-weight: 500;
	transition: 0.28s;
	letter-spacing: -0.02em;
}

/*20230829수정*/
#b_header .b_gnb li a:hover {
	font-weight: 700;
	color: #077134;
}

#b_header .b_gnb li a i {
	position: relative;
}

#b_header .b_gnb li a i:after {
	position: absolute;
	content: '';
	width: 0;
	height: 2px;
	bottom: -4px;
	left: 0;
	background: #077134;
	transition: 0.28s;
}

#b_header .b_gnb li a i:hover:after {
	width: 100%;
}

#b_header .b_gnb li .b_blue {
	color: #006fff;
	font-size: 0.813rem;
	display: block;
	margin-top: -1px;
}

#b_header .b_logo a {
	display: block;
}

#b_header .b_logo img {
	display: block;
	height: 100%;
	padding-top: 5px;
}

#b_header .b_logo img.b_logo-c {
	display: none;
}

#b_header .b_toggle-btn {
	width: 25px;
	height: 25px;
	margin-left: 25px;
	display: none;
}

#b_header .b_toggle-btn button {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#b_header .b_toggle-btn span {
	display: block;
	background-color: #000;
	width: 100%;
	height: 2px;
}

#b_header .b_toggle-btn .b_top {
	transform: translateY(-5px);
	transition: all .2s;
}

#b_header .b_toggle-btn .b_bot {
	transform: translateY(0px);
	transition: all .2s;
}

#b_header .b_toggle-btn .b_bot2 {
	transform: translateY(5px);
	transition: all .2s;
}





#b_toggle-menu {
	max-width: 360px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;
	transform: translateX(500px);
	transition: all .3s;
}

#b_toggle-menu.on {
	transform: translateX(0px);
	transition: all .3s;
}

#b_toggle-menu .b_m_inner {
	width: 100%;
	margin: 0 auto;
	height: 100%;
}

#b_toggle-menu .b_m_inner .m_toggle_inner {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	background-color: #077134;
	height: 70px;
}

#b_toggle-menu .b_gnb {
	width: 100%;
}

#b_toggle-menu .b_gnb li {
	font-size: 1.125rem;
	font-weight: 500;
	color: #666;
	padding: 10px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	width: 100%;
	transition: all .2s;
}

#b_toggle-menu .life_toggle .b_gnb li .b_blue {
	color: #0d8ef2;
}

#b_toggle-menu .life_toggle .b_gnb li a {
	width: 100%;
	height: 100%;
	display: block;
	padding: 15px 0;
}

#b_toggle-menu .life_toggle .b_gnb li:hover {
	color: #333;
	font-weight: bold;
	transition: all .2s;
}

#b_toggle-menu .b_m_close-btn {
	width: 25px;
	height: 25px;
	margin-right: 20px;
	margin-top: 30px;
}

#b_toggle-menu .m_login_btn {
	margin-left: 20px;
	margin-top: 28px;
	height: 100%;
	font-size: 1.1rem;
	font-weight: bold;
	color: #fff;
}

#b_toggle-menu .b_m_close-btn button {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#b_toggle-menu .b_m_close-btn span {
	display: block;
	background-color: #fff;
	width: 100%;
	height: 2px;
}

#b_toggle-menu .b_m_close-btn .b_fst {
	transform: translateY(1px);
}

#b_toggle-menu .b_m_close-btn:hover .b_fst {
	transform: translateY(-3px);
	transition: all .2s;
	height: 2px;
}

#b_toggle-menu .b_m_close-btn:hover .b_snd {
	transform: translateY(3px);
	transition: all .2s;
	height: 2px;
}







/* 메인텍스트 모션 */
.b_motion {
	transform: translateY(25px);
	opacity: 0;
	transition: transform 1s ease, opacity 1s;
}

.b_motion.on {
	transform: translateY(0);
	opacity: 1;
}

/* app_section */
.app_section {
	width: 100%;
	height: 100%;
	background-image: url(/img/app_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	padding-bottom: 100px;
}

.app_con {
	width: 100%;
	height: 100%;
}

.app_con img {
	object-fit: cover;
	margin: 0 auto;
	width: 100%;
}

.app_con_m {
	display: none;
}

.life_ytb {
	max-width: 75%;
	height: 790px;
	margin: 0 auto;
}

.life_ytb iframe {
	width: 100%;
	height: 100%;
}

/* #new_form */
#new_form {
	padding: 50px 0;
}

.new_form_bg {
	width: 100%;
	background-image: url(/img/j_img/st_form_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding-bottom: 50px;
}

.new_form_tit {
	width: 100%;
	margin: 0 auto;
}

.new_form_tit img {
	object-fit: cover;
	width: 100%;
}

.new_form_tit_m {
	display: none;
}



@media (max-width: 1200px) {
	.life_ytb {
		height: 500px;
	}

	#b_header .b_gnb {
		display: none;
	}

	#b_header .b_toggle-btn {
		display: block;
	}
}

@media (max-width: 960px) {

	/* #b_header .b_inner {padding: 0 20px;} */
	.life_ytb {
		height: 450px;
	}
}

@media (max-width: 930px) {
	#b_header .b_logo img {
		width: 195px;
	}

	.b_sec03 .b_tap-box .b_tabs li {
		font-size: 0.813rem;
	}
}

@media (max-width: 768px) {

	/* 	.main_bg_con {
		
		background-image: url(/img/mv_m_01.jpg);
		background-size: cover;
	        width: 100%;
	        height: 880px;
	}
	.new_form_bg{
		width:100%;
		height:100%;
		background-image: url(/img/m_form_bg.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		padding-bottom:50px;
	} */
	#b_header .b_logo img {
		width: 150px;
	}

	.new_form_tit_m {
		display: block;
	}

	.new_form_tit {
		display: none;
	}

	.new_form_tit_m img {
		object-fit: cover;
		width: 100%;
	}

	.app_section {
		background-image: url(/img/app_bg_m.jpg);
		padding: 50px 0;
		display: none;
	}

	.app_con_m {
		width: 100%;
		height: 100%;
	}

	.app_con_m img {
		object-fit: cover;
		margin: 0 auto;
		width: 100%;
	}

	.app_con {
		display: none;
	}

	.app_con_m {
		display: block;
	}

	.life_ytb {
		max-width: 90%;
		height: 400px;
	}

	.main_bg_con .mv_tit {
		display: none
	}

	.main_bg_con .m_mv_tit {
		display: block;
	}

	.main_bg_con .m_mv_tit {
		width: 80%;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
	}

	.main_bg_con .m_mv_tit img {
		width: 100%;
		height: 100%;
		object-fit: cover
	}
}

@media (max-width: 500px) {
	#new_form {
		padding: 20px 0;
	}

	.life_ytb {
		height: 300px;
	}

	.main_bg_con {
		height: 600px;
	}
}

@media (max-width: 480px) {
	.main_bg_con {
		height: 450px;
	}
}

.st_mo_img {
	display: none;
}

@media screen and (max-width: 768px) {
	.st_pc_img {
		display: none;
	}

	.st_mo_img {
		display: block;
	}
}

/*st header */

.j_banner_box {
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
}

.j_banner_box img {
	width: 100%;
}

/*st slide*/
.slide_wrap_01 {
	display: none;
}


/*st mv*/

.st_main_visual {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	overflow-x: hidden;
	background: url('/img/j_img/st_mv.jpg')no-repeat center / cover;
	height: 640px;
}

.st_main_visual .mv_text_box {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.st_main_visual .mv_text_box h2 {
	line-height: 1.7em;
}

.st_main_visual .mv_text_box p {
	font-weight: 400;
	line-height: 1.7em;
	margin-top: 10px;
	color: #010101;
}

.st_main_visual .mv_text_box a {
	display: block;
	margin-top: 32px;
	border-radius: 20px;
	width: 311px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #3fccf2;
	color: #fff;
	font-weight: 700;
}

.st_main_visual .mv_text_box a i {
	margin-left: 19px;
	margin-bottom: 5px;
}


@media screen and (max-width: 768px) {
	.st_main_visual {
		background: url('/img/j_img/st_mv_m-1.jpg')no-repeat center / cover;
		height: 325px;
	}

	.st_main_visual .mv_text_box h2 {
		font-size: 20px;
	}

	.st_main_visual .mv_text_box h2 strong {
		font-size: 35px;
	}

	.st_main_visual .mv_text_box p {
		margin-top: 10px;
		font-size: 13px;
	}

	.st_main_visual .mv_text_box a {
		margin-top: 10px;
		font-size: 12px;
		height: 25px;
		width: 155px;
		line-height: 25px;
	}

	.st_main_visual .mv_text_box a i {
		margin-left: 3px;
		margin-bottom: 5px;
	}

	.st_main_visual .mv_text_box a i img {
		width: 7px;
	}

	.st_main_visual .mv_text_box {
		top: 39%;
	}
}


/*추가 폼 */


/*---문의폼---*/


.form_tit p {
	margin-top: 25px;
}

.form_list_box {
	padding: 88px 83px 150px;
	border-radius: 10px;
	max-width: 933px;
	width: 90%;
	margin: 64px auto 0;
	box-sizing: border-box;
	background: #fff;
}

.form_list_box .form_box {
	display: flex;
	position: relative;
}

.form_list_box .form_box>label {
	width: 157px;
}

.form_list_box .form_box>label b {
	color: #ff0000;
}

.form_list_box .form_box+.form_box {
	margin-top: 12px;
}

.form_list_box .j_input_box {
	/* align-items:center; */
}

/*20230829 수정*/
/* .form_list_box .j_input_box02 label{margin-top:20px;} */
.form_list_box .form_box input[type=text] {
	font-size: 1.125rem;
}

/* .form_list_box .form_box:nth-of-type(2) .field_box:before {content:''; width:100%; height:1px; background:#f2f2f2; position:absolute; top:-18px; left:0;} */
.form_list_box .form_box .field_box {
	width: calc(100% - 157px);
	position: relative;
}

.form_list_box .check_list ul {
	display: flex;
	flex-wrap: wrap;
}

.form_list_box .check_list ul li {
	margin-right: 35px;
	width: calc((100% - 35px*3)/4);
	position: relative;
}

.form_list_box .check_list ul li:nth-of-type(4n) {
	margin-right: 0;
}

.form_list_box .check_list ul li:nth-of-type(n + 5) {
	margin-top: 12px;
}

.form_list_box .check_list ul li input[type=checkbox] {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
	outline: 0;
	z-index: -1;
	overflow: hidden;
}

.form_list_box .check_list ul li input[type=checkbox]+label {
	cursor: pointer;
	display: flex;
	color: #acabab;
}

.form_list_box .check_list ul li input[type=checkbox]+label span {
	display: block;
	width: 19px;
	height: 19px;
	border: 1px solid #dfdfdf;
	border-radius: 19px;
	cursor: pointer;
	margin-right: 9px;
	background: url(/img/chk_white.png) no-repeat 50% 50%;
	background-color: #f8f8f8;
}

.form_list_box .check_list ul li input[type=checkbox]:checked+label {
	color: #116ae9;
}

.form_list_box .check_list ul li input[type=checkbox]:checked+label span {
	background: url(/img/chk_white.png) no-repeat 50% 50% #116ae9;
	border: none;
}

.form_list_box .form_box .field_box .form_input {}

.form_list_box .form_box .field_box .form_input {
	width: 100%;
	border-radius: 5px;
	background: #f8f8f8;
	height: 55px;
	padding: 0 18px;
	border: 1px solid #ddd;
}

.form_list_box .form_box .form_input::placeholder {
	font-size: 1rem;
	font-weight: 400;
	color: #aaaaaa;
}

.form_list_box .field_box .agree_box {
	margin-top: 18px;
	position: relative;
}

.form_list_box .field_box .agree_box label a {
	color: #aeaeae;
	border-bottom: 2px solid #aeaeae;
	display: block;
	margin-left: 10px;
}

.form_list_box .field_box .agree_box input[type=checkbox] {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
	outline: 0;
	z-index: -1;
	overflow: hidden;
}

.form_list_box .field_box .agree_box input[type=checkbox]+label {
	display: flex;
	cursor: pointer;
}

.form_list_box .field_box .agree_box input[type=checkbox]+label span {
	display: block;
	width: 19px;
	height: 19px;
	border: 1px solid #dfdfdf;
	border-radius: 19px;
	cursor: pointer;
	margin-right: 9px;
	background: url(/img/chk_white.png) no-repeat 50% 50%;
}

.form_list_box .field_box .agree_box input[type=checkbox]:checked+label span {
	background: url(/img/chk_white.png) no-repeat 50% 50% #077134;
	border: none;
}

.form_list_box .field_box .form_btn_wrap .form_btn {
	width: 100%;
	height: 65px;
	text-align: center;
	line-height: 65px;
	border-radius: 5px;
	color: #fff;
	font-size: 30px;
	background: #27a3ff;
	margin-top: 26px;
}

/*text-area 추가*/
.form_list_box .form_box .field_box .form_textarea {
	font-size: 18px !important;
	font-weight: 700;
}

.form_list_box .form_box .field_box .form_textarea {
	width: 100%;
	border-radius: 5px;
	background: #f8f8f8;
	padding: 18px;
	border: 1px solid #ddd;
	height: 149px;
}

.form_list_box .form_box .field_box .form_textarea::placeholder {
	font-size: 1rem;
	font-weight: 400;
	color: #aaaaaa;
}


@media screen and (max-width: 1024px) {
	.form_list_box .check_list ul li {
		width: calc((100% - 30px*2)/3);
		margin-right: 30px;
	}

	.form_list_box .check_list ul li:nth-of-type(3n) {
		margin-right: 0;
	}

	.form_list_box .check_list ul li:nth-of-type(4n) {
		margin-right: 30px;
	}

	.form_list_box .check_list ul li:nth-of-type(n + 4) {
		margin-top: 10px;
	}
}


@media screen and (max-width: 767px) {
	.form_list_box {
		padding: 60px;
	}
}

@media screen and (max-width: 767px) {
	#j_section010 {
		padding-bottom: 40px;
	}

	.form_list_box {
		padding: 20px;
		margin: 40px auto 0;
	}

	.form_list_box .form_box {
		flex-wrap: wrap;
	}

	.form_list_box .check_list {
		margin-top: 16px;
	}

	.form_list_box .check_list ul li {
		width: calc((100% - 23px*2)/3);
		margin-right: 23px;
	}

	.form_list_box .check_list ul li:nth-of-type(4n) {
		margin-right: 23px;
	}

	.form_list_box .form_box>label {
		width: 100%;
	}

	.form_list_box .form_box .field_box {
		width: 100%;
	}

	.form_list_box .form_box .field_box .form_input {
		height: 40px;
		margin-top: 10px;
		width: 90%;
	}

	.form_list_box .form_box:nth-of-type(2):before {
		top: -11.5px;
	}


	.form_list_box .check_list ul li input[type=checkbox]+label span {
		width: 20px;
		height: 20px;
	}

	.form_list_box .field_box .agree_box input[type=checkbox]+label span {
		width: 20px;
		height: 20px;
		margin-right: 2px;
	}

	.form_list_box .field_box .agree_box input[type=checkbox]+label {
		flex-wrap: wrap;
		align-items: center;
	}

	.form_list_box .field_box .agree_box input[type=checkbox]:checked+label span {
		background: url(/img/chk_white.png) no-repeat 50% 50% #077134;
		border: none;
	}

	.form_list_box .field_box .form_btn_wrap .form_btn {
		height: 40px;
		line-height: 40px;
	}

	.form_list_box .j_input_box02 label {
		margin-top: 12px;
	}

	.form_list_box .form_box:nth-of-type(2) .field_box:before {
		top: -26px;
	}

	.form_list_box .check_list ul li input[type=checkbox]+label {
		font-size: 12px;
		align-items: center;
	}




	.form_list_box .form_box .field_box .form_textarea {
		margin-top: 10px;
		width: 90%;
	}
}


/*추가 footer*/

footer {
	height: 75px;
	width: 100%;
	background: #054519;
	padding-top: 18px;
}

footer .ft_con {
	height: 100%;
	display: flex;
	align-items: center;
	color: #fff;
	justify-content: space-between;
}

footer .ft_con .left_box {
	display: flex;
}

footer .ft_con .left_box a {
	display: block;
	font-weight: bold;
}

footer .ft_con .left_box a+a {
	margin-left: 19px;
}

footer .ft_con .right_box p {
	opacity: 0.6;
}

@media screen and (max-width: 768px) {
	footer {
		height: 75px;
	}

	footer .ft_con {
		flex-wrap: wrap;
	}

	footer .ft_con .left_box {
		width: 100%;
		justify-content: center;
	}

	footer .ft_con .right_box {
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}

	footer .ft_con .left_box a {
		font-size: 13px;
	}

	footer .ft_con .right_box p {
		font-size: 12px;
	}

	footer .ft_con {
		display: block;
	}
}


/*---개인정보처리방침, 이용약관 팝업 추가---*/
.add_pop_wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .9);
	z-index: 9999;
	display: none;
}

.add_pop_wrap * {
	color: #000;
}

.add_pop_wrap h4 {
	color: #fff;
}

.add_pop_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 94%;
	max-width: 800px;
	height: 600px;
	border-radius: 15px;
	overflow: hidden;
	transform: translate(-50%, -50%) scale(.9);
	transition: transform .3s ease;
}

#add_wrap_02 .add_pop_inner {
	height: 250px;
}

.add_pop_wrap.active .add_pop_inner {
	transform: translate(-50%, -50%) scale(1);
}

.add_pop_tit {
	background: #054519;
	color: #FFF;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 0 25px;
}

.add_pop_close {
	width: 20px;
	height: 60px;
	position: relative;
}

.add_pop_close span {
	position: absolute;
	top: 29px;
	left: 0;
	width: 20px;
	height: 2px;
	background: #fff;
	z-index: 1;
	transition: transform .3s ease;
}

.add_pop_close span:nth-child(1) {
	transform: rotate(45deg);
}

.add_pop_close span:nth-child(2) {
	transform: rotate(-45deg);
}

.add_pop_close:hover span {
	transform: rotate(0);
}

.add_pop_con {
	background: #FFF;
	padding: 22px 25px;
	overflow-y: scroll;
	height: calc(100% - 60px);
}

.add_pop_con h5 {
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.add_pop_con p {
	font-size: 14px;
	line-height: 160%;
	margin-bottom: 25px;
}

@media (max-width: 768px) {

	.add_pop_con p {
		font-size: 12px;
	}
}