@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
/* CSS Document */

@font-face {
	font-family: 'EtnerEmoji';
	src: url('../omni/fonts/EtnerEmoji.woff2') format('woff2'),
		url('../omni/fonts/EtnerEmoji.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	word-break: keep-all;
	overflow-x: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

fieldset,
img {
	vertical-align: middle;
	border: 0 none;
}

dl,
ul,
ol,
menu,
li {
	list-style: none;
	padding: 0;
}

header,
body,
nav,
input,
textarea,
select,
ul,
li,
a,
p,
button,
div,
h1,
h2,
h3,
h4,
h5,
ol,
td,
th,
dt,
dd,
label {
	font-family: 'Pretendard Variable', 'Pretendard', 'NotoKrR', sans-serif, 'EtnerEmoji' !important;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body ul {
	padding: 0;
	margin: 0;
}

body ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

dl,
dd,
dt,
ol,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wrap_m {
	display: none;
}

input {
	border: 1px #e5e5e5 solid;
	width: 100%;
	height: 45px;
	border-radius: 5px;
	padding: 0 15px;
	box-sizing: border-box;
	font-family: 'Noto Sans Korean', sans-serif;
	font-size: 16px;
	color: #333;
	margin-bottom: 8px;
}

input[type=checkbox] {
	float: left;
	display: block;
	width: 14px;
	height: 14px;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	margin-top: 9px;
	margin-right: 8px;
}

input[type=checkbox]:checked {
	background-color: #fe5f40;
}

.checkbox {
	width: 100%;
	display: inline-block;
}

.checkbox label {
	color: #333;
	font-weight: 500;
}

label span {
	color: #fe5f40 !important;
}

.checkbox label a,
.checkbox a {
	color: #fb8520;
	font-weight: 300;
	text-decoration: underline;
	/* margin-left: 8px; */
	font-size: 15px;

}

select {
	border: 1px #eee solid;
	width: 100%;
	height: 40px;
	border-radius: 5px;
	box-sizing: border-box;
	font-family: 'Noto Sans Korean', sans-serif;
	font-size: 14px;
	background: #4e4e4e;
	color: #fff;
	border: 1px solid #5d5d5d;
	padding: 0px 15px;
}

select.srch_category02 {
	font-size: 20px;
	background: none;
	border: none;
	color: #555;
	text-align: center;
	font-weight: 700;
	vertical-align: middle;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../img/dropdown_ic.png);
	background-repeat: no-repeat;
	background-position: 90%;
	/* padding: 0 80px 0 0; */
	padding: 0 20px 0 0;
}

.no_news_wrap {
	text-align: center;
	margin: 200px auto;
}

label {
	font-size: 16px;
	font-weight: 400;
	color: #999;
}

button {
	border: 0;
	outline: 0;
}

button:hover {
	/* background-color: #fe5f40; */
}

a {
	text-decoration: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.box_flex {
	display: flex;
}

.org {
	color: #fe5f40;
}

.w100 {
	width: 100%;
}

.w10 {
	width: 10%;
}

.w20 {
	width: 20%;
}

.w30 {
	width: 30%;
}

.w40 {
	width: 40%;
}

.w45 {
	width: 45%;
}

.w50 {
	width: 50%;
}

.w55 {
	width: 55%;
}

.w50 {
	width: 50%;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt80 {
	margin-top: 80px;
}

.mr10 {
	margin-right: 10px;
}

.mr20 {
	margin-right: 20px;
}

.mb50 {
	margin-bottom: 50px;
}

.txt_l {
	text-align: left;
}

.txt_r {
	text-align: right;
}

.txt_c {
	text-align: center;
}

.sub_txt {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 60px;
	width: 100%;
	line-height: 27px;
}

.f_l {
	float: left;
}

.sub_txt span {
	font-size: 16px;
	font-weight: 400;
	color: #999;
	display: block;
	margin-top: 30px;
}

.en_kr_btn_m {
	display: inline-block;
	font-weight: 700;
	font-size: 16px;
	margin: 0 3px;
	padding: 2px;
	color: #555;
	border-bottom: 1px #999 solid;
}

.category_list {
	display: flex;
	flex-direction: column;
}

.category_list .website_btn_m {
	color: #fff;
	font-weight: 700;
	text-align: center;
	border: 1px #ddd solid;
	border-radius: 5px;
	padding: 0 28px;
	font-size: 16px;
	margin-top: 5px;
	margin-left: 0px;
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
}

.en_kr {
	font-size: 14px;
	color: #aaa;
	padding-top: 30px;
	display: inline-block;
}

.language_btn {
	display: flex;
	width: 106px;
	align-items: center;
	gap: 10px;
}

.language_btn a {
	color: #999;
	font-size: 18px;
	font-weight: 700;
	line-height: 120%;
	/* 26.4px */
	letter-spacing: -0.88px;
}

.language_btn_line {
	width: 1px;
	height: 25px;
	background: #000;
}

.language_btn .select {
	color: #000;
}

.language_btn a:hover {
	color: #000;
}

nav {
	position: fixed;
	z-index: 999;
	width: 100%;
	display: flex;
	height: 75px;
	padding: 0 150px;
	justify-content: center;
	align-items: center;
	gap: 100px;
	flex-shrink: 0;
	min-width: 1690px;
	backdrop-filter: blur(6px);
	border-bottom: 1px #95959533 solid;
}

nav ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1 0 0;
	align-self: stretch;
}

nav ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
	align-self: stretch;
}

.logo_l {
	display: flex;
	width: 300px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	flex-shrink: 0;
}

.nav_right_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: stretch;
}

.login_btn_wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

.login_btn_org {
	display: flex;
	padding: 5px 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 10px;
	background: linear-gradient(180deg, #FF6D2D 0%, #FF902D 100%);
	color: var(--Typography-inverse, #FFF);
	font-size: 18px;
	font-weight: 700;
	line-height: 120%;
	/* 26.4px */
	letter-spacing: -0.88px;
}

.login_btn_blue {
	display: flex;
	padding: 5px 10px;
	justify-content: center;
	align-items: center;
	gap: 5px;
	border-radius: 10px;
	background: #5677FC;
	color: var(--Typography-inverse, #FFF);
	font-size: 18px;
	font-weight: 700;
	line-height: 120%;
	/* 26.4px */
	letter-spacing: -0.88px;
}

.proposal_btn {
	float: right;
	color: #fff;
	font-weight: 700;
	background-color: #fe5f40;
	border-radius: 5px;
	padding: 0px 20px;
	font-size: 15px;
	margin-top: 42px;
	margin-right: 15px;
	height: 33px;
	line-height: 30px;
	box-sizing: border-box;
}

.gnb_menu a {
	color: #fff;
	text-decoration: none;
}
.gnb_menu a.active {
	color: #fe5f40;
}
.proposal_btn a {
	color: #fff;
}

.login_btn a {
	color: #fff;
}

.web_nav,
.web_nav .logo_l svg *,
.web_nav ul li a,
.web_nav .nav_right_wrap * {
	transition: color 0.3s ease, fill 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

/* contact_section이 상단에 닿았을 때 흰색 전환 */
.web_nav.nav-white .logo_l svg * {
	fill: #fff !important;
}

.web_nav.nav-white ul li a {
	color: #fff !important;
}

.web_nav.nav-white ul li a:hover {
	border-bottom: 1px #999 solid;
}

.web_nav.nav-white .nav_right_wrap .select {
	color: #fff !important;
	fill: #fff !important;
}

.web_nav.nav-white .nav_right_wrap a:hover {
	color: #fff;
}

.web_nav.nav-white .nav_right_wrap .language_btn_line {
	background: #fff !important;
}

.gnb_menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1 0 0;
	align-self: stretch;
}

.gnb_menu a {
	color: var(--Typography-Body-1, #000);
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 120%;
	/* 26.4px */
	letter-spacing: -0.88px;
	text-decoration: none;
}

.gnb_menu a:hover {
	color: #eb6a34;
	border-bottom: 1px #eb6a34 solid;
}

.maincopy {
	font-size: 40px;
	font-weight: 500;
	color: #fff;
	line-height: 50px;
}

.org_t {
	color: #fe5f40;
}

.contact_btn {
	position: fixed;
	text-align: center;
	bottom: 30px;
	right: 30px;
	z-index: 999;
}
.contact_form_wrap {
	display: flex;
	gap: 20px;
}
.cont_btn a span {
	background-color: #555;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	border-radius: 5px;
	position: absolute;
	right: 60px;
	padding: 7px 18px;
	margin-top: 7px;
	display: none;
}

.cont_btn:hover a span {
	display: inline-block;
}

.maincopy_txt {
	font-size: 40px;
	font-weight: 700;
	display: inline-block;
	margin-top: 130px;
}

.maincopy_txt2 {
	font-size: 70px;
	font-weight: 900;
	margin-top: 30px;
}

.section-in.maincopy {
	margin: 100px auto;
}

.main_btn {
	width: 310px;
	height: 70px;
	border-radius: 500px;
	margin-top: 100px;
	border: 1px solid #fff;
	background: none;
}

.main_btn:hover {
	border: #fe5f40;
	background-color: #fe5f40;
}

.subcopy {
	margin-top: 80px;
	font-size: 25px;
	color: #fff;
	font-weight: 300;
	line-height: 37px;
}

.section-in {
	max-width: 1200px;
	margin: 0px auto;
	padding: 0 20px;
	flex-direction: column;
}

.rolling_section {
	background-color: #f2f4f7;
	height: 81px;
}

.rolling_news {
	max-width: 1200px;
	margin: 0px auto;
	text-align: center;
	height: 81px;
	padding-top: 18px;
}

.rolling_news span:nth-child(1) a {
	font-size: 30px;
	font-weight: 900;
	color: #fe5f40;
}

.rolling_news span:nth-child(2) {
	font-size: 20px;
	font-weight: 700;
	color: #111;
	display: inline-block;
	margin-top: 6px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 50%;
}

.rolling_news span:nth-child(3) {
	font-size: 15px;
	font-weight: 300;
	color: #999;
	float: right;
	margin-top: 12px;
}
.contact h1 {
	grid-area: title;
	color: #111;
	letter-spacing: -1.5px;
	font-size: 44px;
	line-height: 1.25;
	margin: 0 0 6px 0;
	flex: 1 0 0;
}
/*01.ABOUT*/

.content01 {
	display: flex;
	height: 980px;
	padding: 0 80px 100px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	position: relative;
	box-sizing: border-box;
	min-width: 1690px;
}

.content01_m {
	display: none;
}

.content01_bg_wrap {
	position: absolute;
	width: 100%;
	z-index: -1;
	overflow: hidden;
}

.content01_bg_wrap video {
	width: 100%;
}

.contents01_txt_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 25px;
	flex: 1 0 0;
	align-self: stretch;
}

.contents01_tit {
	align-self: stretch;
	color: var(--Typography-Body-1, #000);
	text-align: center;
	font-size: 80px;
	font-weight: 700;
	line-height: 150%;
	/* 120px */
	letter-spacing: -3.2px;
	animation: fadeInDown 1s ease-out;
}

.contents01_tit .delay {
	animation: fadeInDown 2s ease-out;
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.contents01_sub {
	color: var(--Typography-Body-1, #000);
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	line-height: 150%;
	/* 48px */
	letter-spacing: -1.28px;
	align-self: stretch;
	opacity: 0.7;
}

.contents01_news_wrap {
	display: flex;
	padding-bottom: 50px;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	align-self: stretch;
}

.contents01_news_btn_wrap {
	display: flex;
	width: 800px;
	padding: 0 15px;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
}

.contents01_news_btn01 {
	display: flex;
	padding: 10px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 10px;
	background: linear-gradient(180deg, #FF6D2D 0%, #FF902D 100%);
	background-size: 200% 200%;
	color: var(--Typography-inverse, #FFF);
	font-size: 16px;
	font-weight: 700;
	line-height: 120%;
	/* 19.2px */
	letter-spacing: -0.64px;
	cursor: pointer;
}

.contents01_news_btn01:hover {
	background: linear-gradient(-45deg, #ee8432, #ff606c, #FF902D);
	animation: colorChange 3.5s ease infinite;
	background-size: 200% 200%;
}

@keyframes colorChange {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.contents01_news_btn02 {
	display: flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 10px;
	background: var(--background-primary, #FFF);
	color: var(--Button-primary, #FF6E40);
	font-size: 16px;
	font-weight: 700;
	line-height: 120%;
	/* 19.2px */
	letter-spacing: -0.64px;
	cursor: pointer;
	transition: background 0.3s ease;
}

.contents01_news_btn02:hover {
	background: rgba(0, 0, 0, 0.80);
	color: #fff;
}

.mySwiper02 {
	height: 82.12px;
	overflow: hidden;
	width: 800px;
}

.contents01_news {
	border-radius: 30px;
	border: 1px solid var(--border-inverse, #FFF);
	background: rgba(0, 0, 0, 0.30);
	width: 800px;
	padding: 0 20px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: background 0.3s ease;
	overflow: hidden;
	height: 82.12px;
	display: flex;
	position: relative;
}

.contents01_news_slides_wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	transition: transform 0.8s ease-in-out;
	transform: translateY(0);
	position: relative;
	top: 0;
}

/* 모바일 슬라이더 */
.mySwiper02_mobile {
	height: 82.12px;
	overflow: hidden;
	width: 100%;
}

.contents01_m_news {
	border-radius: 30px;
	border: 1px solid var(--border-inverse, #FFF);
	background: rgba(0, 0, 0, 0.30);
	width: 100%;
	padding: 0 20px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: background 0.3s ease;
	overflow: hidden;
	height: 82.12px;
	display: flex;
	position: relative;
}

.contents01_m_news:hover {
	background: rgba(0, 0, 0, 0.70);
}

.contents01_m_news_slides_wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	transition: transform 0.8s ease-in-out;
	justify-content: flex-start;
	align-items: center;
	transform: translateY(0);
	position: relative;
	top: 0;
}

.contents01_m_news_slide {
	justify-content: center;
	align-items: center;
	display: flex;
	gap: 15px;
	flex-shrink: 0;
	width: 100%;
	height: 82.12px;
}

.contents01_m_news_slide .contents01_news_sub {
	display: flex;
	padding: 5px 10px;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	background: rgba(0, 0, 0, 0.60);
	color: var(--Typography-inverse, #FFF);
	font-size: 12px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.28px;
	flex-shrink: 0;
}

.contents01_m_news_slide .contents01_news_tit {
	flex: 1 0 0;
	color: var(--Typography-inverse, #FFF);
	font-size: 14px;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: -0.8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.contents01_m_news_slide .contents01_news_date {
	color: var(--Typography-inverse, #FFF);
	font-size: 12px;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: -0.56px;
	flex-shrink: 0;
}
.contents01_news_slide {
	justify-content: center;
	align-items: center;
	display: flex;
	gap: 25px;
	flex-shrink: 0;
	width: 100%;
	height: 82.12px;
}
.contents01_news:hover {
	background: rgba(0, 0, 0, 0.70);
}

.contents01_news_tit {
	flex: 1 0 0;
	color: var(--Typography-inverse, #FFF);
	font-size: 20px;
	font-weight: 500;
	line-height: 120%;
	/* 24px */
	letter-spacing: -0.8px;
}

.contents01_news_sub {
	display: flex;
	padding: 5px 10px;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	background: rgba(0, 0, 0, 0.60);
	color: var(--Typography-inverse, #FFF);
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
	/* 21px */
	letter-spacing: -0.28px;
}

.contents01_news_date {
	color: var(--Typography-inverse, #FFF);
	font-size: 14px;
	font-weight: 400;
	line-height: 120%;
	/* 16.8px */
	letter-spacing: -0.56px;
}

/*02. 근태관리솔루션*/
.content02_m {
	display: none;
}

.content02 {
	display: flex;
	padding: 100px 150px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	align-self: stretch;
}

.content02_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 50px;
	flex: 1 0 0;
	align-self: stretch;
}

.content02_wrap h1 {
	display: flex;
	align-self: stretch;
	color: var(--Typography-Body-1, #000);
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	line-height: 150%;
	/* 54px */
	letter-spacing: -1.44px;
	justify-content: center;
}

.content02_cont_wrap {
	display: flex;
	align-items: center;
	gap: 25px;
	align-self: stretch;
}

.content02_cont_wrap li:nth-child(1) {
	border-radius: 30px;
	background: #FFF3ED;
}

.content02_cont_wrap li:nth-child(2) {
	border-radius: 30px;
	background: #E9F3FF;
}

.content02_cont_wrap li:nth-child(3) {
	border-radius: 30px;
	background: var(--Outrageous-Orange-100, #FFE4D4);
}

.content02_cont {
	display: flex;
	padding: 50px 60px;
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
	flex: 1 0 0;
	transition: 0.3s ease;
		align-self: stretch;
}

.content02_cont:hover {
	box-shadow: 0px 0px 20px 3px rgb(241, 241, 241);
	margin-top: -20px;
	cursor: pointer;
	margin-bottom: 20px;
}

.content02_cont_img_wrap {
	display: flex;
	height: 415px;
	padding: 48px 10px;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	justify-content: center;
}

.content02_cont_img_wrap img {
	width: 100%;
}

.content02_cont_txt_wrap {
	display: flex;
	flex-direction: column;
	gap: 25px;
	align-self: stretch;
}

.content02_cont_txt_tit {
	color: var(--Typography-Body-1, #000);
	text-align: center;
	font-size: 34px;
	font-weight: 700;
	line-height: 120%;
	/* 40.8px */
	letter-spacing: -1.36px;
	align-self: stretch;
}

.content02_cont_txt_sub {
	align-self: stretch;
	color: var(--Typography-Body-1, #000);
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	/* 27px */
	letter-spacing: -0.36px;
}

/*04.CERTIFICATION*/
.content03_m {
	display: none;
}

.content03 {
	display: flex;
	padding: 100px 150px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	align-self: stretch;
	height: 880px;
}

.content03_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 50px;
	flex: 1 0 0;
	align-self: stretch;
}

.content03_wrap h1 {
	color: var(--Typography-Body-1, #000);
	font-size: 36px;
	font-weight: 700;
	line-height: 150%;
	/* 54px */
	letter-spacing: -1.44px;
	align-self: stretch;
}

.contents03_cont_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
}

.contents03_cont {
	display: flex;
	padding: 20px 0;
	align-items: center;
	gap: 150px;
	flex: 1 0 0;
	align-self: stretch;
}

.contents03_cont01 {
	display: flex;
	padding: 0 50px;
	justify-content: center;
	align-items: center;
	gap: 50px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 30px;
	background: var(--Outrageous-Orange-50, #FFF3ED);
}

.contents03_cont01_tit {
	font-size: 80px;
	font-weight: 900;
	line-height: 150%;
	/* 120px */
	letter-spacing: -3.2px;
	background: linear-gradient(180deg, #FF6D2D 18.75%, #FF902D 80.42%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	will-change: contents;
}

.contents03_cont01_sub {
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 30px;
	font-weight: 700;
	line-height: 150%;
	/* 45px */
	letter-spacing: -1.2px;
}

.contents03_cont02 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 25px;
	flex: 1 0 0;
}

.contents03_cont02_tit {
	color: var(--Typography-Body-1, #000);
	font-size: 30px;
	font-weight: 700;
	line-height: 150%;
	/* 45px */
	letter-spacing: -1.2px;
}

.contents03_cont02_sub {
	color: var(--Typography-Body-1, #000);
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	/* 27px */
	letter-spacing: -0.36px;
	align-self: stretch;
}

.contents03_cont03 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	flex: 1 0 0;
	align-self: stretch;
}

.contents03_cont03_img {
	display: flex;
	padding: 30px 25px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 20px;
	border: 1px solid var(--border-Input, #D1D1D1);
	--c03-duration: 700ms;
	/* 애니메이션 시간 */
	--c03-distance: 24px;
	/* 위로 올라오는 거리 */
	--c03-delay: 0ms;
	/* 각 카드별 지연(자바스크립트에서 덮어씀) */

	opacity: 0;
	/* 초기 투명 */
	transform: translateY(var(--c03-distance));
	will-change: opacity, transform;
	backface-visibility: hidden;
	contain: paint;
	/* 페인트 분리로 미세한 깜빡임 감소 */
}

.contents03_cont03_img img {
	width: 100%;
}

.contents03_cont03_img.reveal {
	animation: c03FadeInUp var(--c03-duration) ease-out var(--c03-delay) forwards;
}

@keyframes c03FadeInUp {
	from {
		opacity: 0;
		transform: translateY(var(--c03-distance));
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 접근성: 모션 최소화 설정이면 즉시 표시 */
@media (prefers-reduced-motion: reduce) {
	.contents03_cont03_img {
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
	}
}

.org {
	color: var(--content-primary, #FF6E40);
}

/* 04 */
.content04_m {
	display: none;
}

.content04 {
	display: flex;
	padding: 100px 150px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	align-self: stretch;
}

.content04_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 50px;
	flex: 1 0 0;
	align-self: stretch;
}
.e-column {
	flex-direction: column;
	display: flex;
}
.gap20 {
	gap: 20px;
}
.gap15 {
	gap: 15px;
}
.content04_wrap h1 {
	color: var(--Typography-Body-1, #000);
	font-size: 36px;
	font-weight: 700;
	line-height: 150%;
	/* 54px */
	letter-spacing: -1.44px;
	align-self: stretch;
}
.content04_wrap_h1sub {
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.36px;
	align-self: stretch;

}
.contents04_cont {
	display: flex;
	padding: 0 100px;
	align-items: center;
	gap: 150px;
	flex: 1 0 0;
	align-self: stretch;
}

.contents04_cont01 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 25px;
	flex: 1 0 0;
}

.contents04_cont01_tit {
	color: var(--Typography-Body-1, #000);
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	/* 45px */
	letter-spacing: -1.2px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.contents04_cont01_ic {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contents04_cont01_sub {
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 24px;
	font-weight: 400;
	line-height: 150%;
	/* 36px */
}

.contents04_cont02 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 30px;
	height: 345px;
}

.contents04_cont02 img {
	width: 50%;
	transition: 0.3s;
}

.contents04_cont02:hover img {
	width: 55%;
}

.contents04_cont02.bg_y {
	border-radius: 30px;
	background: var(--Selective-Yellow-50, #FFFBEB);
}

.contents04_cont02.bg_org {
	border-radius: 30px;
	background: var(--Outrageous-Orange-50, #FFF3ED);
}

.contents04_cont02.bg_blue {
	border-radius: 30px;
	background: var(--Royal-Blue-50, #EFF2FF);
}
.contents04_cont02.bg_green {
	border-radius: 30px;
	background: var(--Green-50, #EDFCF4);
}


/* 05 */
.content05_m {
	display: none;
}

.content05 {
	display: flex;
	padding: 100px 150px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 50px;
	align-self: stretch;
}

.content05_wrap {
	display: flex;
	padding: 0 100px;
	height: 587px;
	align-items: center;
	gap: 25px;
	align-self: stretch;
	border-radius: 30px;
	background: #FFDDD0;
}

.content05_cont01 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 50px;
	flex: 1 0 0;
}

.content05_cont01_tit {
	color: var(--Typography-Header, #000);
	font-size: 34px;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: -1.36px;
	flex: 1 0 0;
}


/* nav-bar-item 색상 애니메이션 */
@keyframes fillRed {
	0% {
		width: 0;
		background-color: transparent;
	}

	100% {
		width: 100%;
		background-color: red;
	}
}

.content05_cont02 {
	display: none;
	/* 기본적으로 숨김 */
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
	flex: 1 0 0;
	opacity: 0;
	justify-content: center;
	transition: opacity 1s ease, transform 0.3s ease;
}

.content05_cont02.active {
	display: flex;
	/* 보이도록 설정 */
	opacity: 1;
	transform: translateY(0);
	/* 초기 위치로 복원 */
	animation: fadeInUp 0.5s forwards;
	/* 애니메이션 적용 */
}

.content05_cont02.fadeOut {
	opacity: 0;
	transform: translateY(-30px);
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-30px);
	}
}

.nav-bar-item {
	flex: 1;
	position: relative;
	height: 5px;
	overflow: hidden;
	background-color: #e0e0e0;
}

.nav-bar-item.active {
	animation: fillRed 3s forwards;
}

.content05_cont01_navi_bar {
	width: 300px;
	display: flex;
	justify-content: space-between;
	/* 아이템을 양옆에 배치 */
	gap: 5px;
	margin-top: 10px;
	/* 위쪽 여백 추가 */
}

.nav-bar-item .fill {
	position: absolute;
	inset: 0 auto 0 0;
	width: 0;
	background: #ff3b30;
	/* 빨간색 */
}

.nav-bar-item.filling .fill {
	animation: navFill 3s linear forwards;
}

/* 채움 완료(고정 100%) */
.nav-bar-item.done .fill {
	width: 100%;
}

/* 채우기 키프레임 */
@keyframes navFill {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}

.content05_cont02_chat_you {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	align-self: stretch;
}

.content05_cont02_chat_you_ic {
	border-radius: 500px;
	background: var(--Outrageous-Orange-200, #FFC5A8);
	display: flex;
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	aspect-ratio: 1/1;
}

.content05_cont02_chat_you_txt {
	color: var(--Typography-Body-1, #000);
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	/* 150% */
	display: flex;
	padding: 20px 25px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 20px 20px 20px 0;
	background: var(--background-primary, #FFF);
	box-shadow: 0 10px 15px 0 rgba(255, 112, 45, 0.15);
}

.content05_cont02_chat_me {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
}

.content05_cont02_chat_me_ic {
	display: flex;
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	aspect-ratio: 1/1;
	border-radius: 500px;
	background: var(--background-primary, #FFF);
}

.content05_cont02_chat_me_txt {
	color: var(--Typography-inverse, #FFF);
	font-size: 20px;
	font-weight: 700;
	line-height: 27px;
	/* 135% */
	display: flex;
	padding: 20px 25px;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	border-radius: 20px 0 20px 20px;
	background: linear-gradient(180deg, #FF6D2D 0%, #FF902D 100%);
	box-shadow: 0 10px 15px 0 rgba(255, 112, 45, 0.15);
}

.content05_cont_rolling_wrap {
	display: flex;
	align-items: center;
	gap: 25px;
	align-self: stretch;
	flex: 1 0 0;
	flex-direction: column;
}

/* 06 */
.content06_m {
	display: none;
}

.content06 {
	display: flex;
	padding: 100px 150px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 50px;
	align-self: stretch;
}

.content06_header {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	align-self: stretch;
}

.content06_header h1 {
	flex: 1 0 0;
	color: var(--Typography-Body-1, #000);
	font-size: 36px;
	font-weight: 700;
	line-height: 150%;
	/* 54px */
	letter-spacing: -1.44px;
}

.content06_header_arrow_wrap {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.content06_header_arrow {
	display: flex;
	width: 56px;
	height: 56px;
	justify-content: center;
	align-items: center;
	border-radius: 500px;
	border: 1px solid var(--background-inverse, #000);
	cursor: pointer;
}

.content06_header_arrow:hover {
	border: 1px solid var(--content-primary, #fe5f40)
}

.content06_header_arrow:hover path {
	fill: var(--content-primary, #fe5f40)
}

.content06_cont_wrap {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	flex: 1 0 0;
	align-self: stretch;
}

.content06_cont01 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 50px;
	flex: 1 0 0;
	align-self: stretch;
}

.content06_cont01_tit {
	align-self: stretch;
	color: var(--Typography-Body-1, #000);
	font-size: 36px;
	font-weight: 700;
	line-height: 120%;
	/* 43.2px */
	letter-spacing: -1.44px;
}

.content06_cont01_sub {
	align-self: stretch;
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	/* 150% */
}

.content06_cont01_navigation_wrap {
	display: flex;
	padding: 0 50px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
}

.content06_cont01_navigatin_item {
	display: flex;
	padding: 20px 40px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	border-left: 5px solid var(--border-Input, #D1D1D1);
	color: var(--Typography-Placeholder, #D1D1D1);
	font-size: 24px;
	font-weight: 500;
	line-height: 120%;
	/* 28.8px */
	letter-spacing: -0.96px;
	cursor: pointer;
	transition: opacity 0.3s ease;
}

.content06_cont01_navigatin_item_txt {
	color: var(--Typography-Header, #000);
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	/* 24px */
	letter-spacing: -0.32px;
	display: none;
}

.content06_cont01_navigation_item.active {
	opacity: 1;
}

.content06_cont01_navigatin_item.active .content06_cont01_navigatin_item_txt {
	display: flex;
}

.content06_cont01_navigatin_item.active {
	border-left: 5px solid var(--border-primary, #FF6E40);
	color: var(--Typography-Body-1, #000);
}

.content06_cont02 {
	display: flex;
	padding: 100px 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 30px;
	background: var(--Royal-Blue-50, #EFF2FF);
	position: relative;
	overflow: hidden;
}
.content06_cont02.org_bg {
	background: #FFDDD0;
}
.content06_cont02 .content06_cont02_item video {
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.content06_cont02 .content06_cont02_item img {
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.content06_cont02 .content06_cont02_item {
	position: absolute;
	inset: 0;
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.8s ease, transform 0.8s ease;
	z-index: 0;
}

.content06_cont02 .content06_cont02_item.active {
	opacity: 1;
	transform: translateY(0);
	z-index: 1;
	animation: fadeInUp 0.8s ease forwards;
}

.content06_cont01_navigation_item.active {
	opacity: 1;
	transform: scale(1.06);
	transition: transform 0.25s ease, opacity 0.25s ease;
}

/* 06 */

/* 07 */
.content07_m {
	display: none;
}

.content07 {
	display: flex;
	padding: 100px 150px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 50px;
	align-self: stretch;
	background: #FEF2F2;
}

.content07_header {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	align-self: stretch;
}

.content07_header h1 {
	flex: 1 0 0;
	color: var(--Typography-Body-1, #000);
	font-size: 36px;
	font-weight: 700;
	line-height: 150%;
	/* 54px */
	letter-spacing: -1.44px;
}

.content07_cont_wrap {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	flex: 1 0 0;
	align-self: stretch;
}

.content07_cont {
	display: flex;
	padding: 50px;
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 30px;
	background: var(--background-primary, #FFF);
}

.content07_cont_txt_wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
	align-self: stretch;
	flex: 1 0 0;
}

.content07_cont_tit {
	color: var(--Typography-Body-1, #000);
	font-size: 36px;
	font-weight: 700;
	line-height: 120%;
	/* 43.2px */
	letter-spacing: -1.44px;
	align-self: stretch;
}

.content07_cont_sub {
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	/* 150% */
	align-self: stretch;
}

.content07_cont_img_wrap {
	display: flex;
	padding: 20px;
	align-items: flex-start;
	gap: 10px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 30px;
	border: 1px solid var(--border-Input, #D1D1D1);
}

.content07_cont_img {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 25px;
	flex: 1 0 0;
	align-self: stretch;
	height: 400px;
}

.content07_cont_img_wrap img {
	width: 200px;
	height: 200px;
	aspect-ratio: 1/1;
}

.content07_cont_img_tit {
	align-self: stretch;
	color: var(--Typography-Body-1, #000);
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	line-height: 120%;
	/* 38.4px */
	letter-spacing: -1.28px;
}

.content07_cont_img_num {
	transition: transform 0.45s ease, opacity 0.45s ease;
	opacity: 0.85;
	display: inline-block;
	/* transform 적용 안정화 */
}

.content07_cont_img_num.count-active {
	opacity: 1;
	transform: translateY(-2px);
}

/* 07 */
.content08_m {
	display: none;
}
.content08 {
	display: flex;
	padding: 100px 150px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 50px;
	align-self: stretch;
}
.content08_header {
	flex: 1 0 0;
	display: flex;
}
.content08_header h1{
	flex: 1 0 0;
	color: var(--Typography-Body-1, #000);
	font-size: 36px;
	font-weight: 700;
	line-height: 150%; /* 54px */
	letter-spacing: -1.44px;
}
.content08_cont_wrap {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	align-self: stretch;
	flex: 1 0 0;
}
.content08_cont_wrap .content08_cont:nth-child(1) img{
	border-radius: 40px;
	background: #D9AEFF33;	
}
.content08_cont_wrap .content08_cont:nth-child(2) img{
	border-radius: 40px;
	background:  rgba(177, 255, 148, 0.20);
}
.content08_cont_wrap .content08_cont:nth-child(3) img{
	border-radius: 40px;
	background: rgba(255, 132, 167, 0.20);
}
.content08_cont_wrap .content08_cont:nth-child(4) img{
	border-radius: 40px;
	background:  #E3E4FC;
}
.content08_cont {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	flex: 1 0 0;
	align-self: stretch;
}
.content08_cont img {
	width: 100%;
}
.content08_cont_txt {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	align-self: stretch;
}
.content08_cont_tit {
	align-self: stretch;
	color: var(--Typography-Body-1, #000);
	font-size: 30px;
	font-weight: 700;
	line-height: 120%; /* 36px */
	letter-spacing: -1.2px;
}
.content08_cont_sub {
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 18px;
	font-weight: 400;
	line-height: 27px; /* 150% */
	align-self: stretch;
}



/*08.CONTACT US*/
.contact_section_m {
	display: none;
}

.contact_section {
	display: flex;
	position: relative;
	height: 800px;
	padding: 100px 150px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 200px;
	background: url(../img/contact_bg.png) no-repeat;
	background-size: auto 100%;
}

.contact_section h1 {
	align-self: stretch;
	color: var(--Typography-inverse, #FFF);
	text-align: center;
	font-size: 60px;
	font-weight: 700;
	line-height: 150%;
	/* 90px */
	letter-spacing: -2.4px;
}

.contact_section h1,
.contact_section h1 .delay {
	opacity: 0;
	transform: translateY(-24px);
	will-change: opacity, transform;
}

/* 트리거되면 재생 */
.contact_section h1.play {
	animation: fadeInDown 1200ms ease-out forwards;
}

.contact_section h1 .delay.play {
	animation: fadeInDown 1200ms ease-out forwards;
	animation-delay: 200ms;
	/* 두 번째 줄 살짝 늦게 */
}

/* 키프레임 */
@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-24px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 접근성: 모션 최소화 */
@media (prefers-reduced-motion: reduce) {

	.contact_section h1,
	.contact_section h1 .delay {
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
	}
}

.payroll_go_wrap {
	display: flex;
	align-items: flex-start;
	gap: 50px;
}

.payroll_go_app {
	display: flex;
	padding: 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	border-radius: 10px;
	border: 1px solid var(--border-inverse, #FFF);
	background: linear-gradient(180deg, #FF6D2D 0%, #FF902D 100%), rgba(243, 115, 102, 0.90);
	background-size: 200% 200%;
	cursor: pointer;
}

.payroll_go_app:hover {
	background: linear-gradient(-45deg, #FF6D2D, #ff606c, #FF902D);
	animation: colorChange 3.5s ease infinite;
	background-size: 200% 200%;
}

.payroll_go_logo {
	display: flex;
	width: 160px;
	align-items: center;
	gap: 2px;
}

.payroll_service_down {
	display: flex;
	padding: 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	border-radius: 10px;
	border: 1px solid var(--border-inverse, #FFF);
	cursor: pointer;
	transition: 0.3s;
}

.payroll_service_down:hover {
	background: rgba(0, 0, 0, 0.80);
	color: #fff;
}

.payroll_go_txt_wrap {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	align-self: stretch;
}

.payroll_go_txt {
	color: var(--Typography-inverse, #FFF);
	font-size: 16px;
	font-weight: 700;
	line-height: 120%;
	/* 19.2px */
	letter-spacing: -0.64px;
	flex: 1 0 0;
}

/*08.CONTACT US*/
/*05.CONTACT US*/
.contact {
	width: 100%;
	padding: 150px 0 100px 0;
	background-color: #f1f1f1;
	background: cover;
	text-align: center;
	overflow: hidden;
}

.contact h1 {
	font-weight: 700;
}

.inputbox_l {
	flex: 1 0 0;
	text-align: left;
}
.inputbox_r {
	flex: 1 0 0;
	text-align: left;
}
.inputbox_f dl dd {
	font-size: 16px;
	font-weight: 400;
	color: #999;
}

.comp_group,
.service_group,
.path_group {
	font-size: 14px;
	margin-bottom: 20px;
}

.comp_group li,
.service_group li,
.path_group li {
	display: inline-block;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 10px 20px;
	cursor: pointer;
	border-radius: 50px;
	margin-top: 5px;
	margin-right: 5px;
}

.comp_group li:hover,
.service_group li:hover,
path_group li:hover {
	border: 1px solid #fe5f40;
	color: #fff;
	background-color: #fe5f40;
}

.comp_group li.comp_on,
.service_group li.service_on,
.path_group li.path_on {
	border: 1px solid #fe5f40;
	color: #fff;
	background-color: #fe5f40;
}

.btn_area {
	width: 100%;
	overflow: hidden;
}

.btn_area button {
	width: 30%;
	margin-top: 10px;
	float: right;
}

.proposal_down {
	width: 300px;
	margin: 0 auto;
	margin-bottom: 30px;
	height: 45px;
	line-height: 45px;
	border: 2px #fe5f40 solid;
	color: #fe5f40;
	border-radius: 25px;
	cursor: pointer;
	text-align: center;
	margin-top: 20px;
}

.contact_info {
	margin-bottom: 50px;
}

.contact_info span {
	border-bottom: 1px #333 solid;
	margin-left: 20px;
	font-size: 25px;
	letter-spacing: -1px;
}

.m_payroll_img {
	display: none;
}

.top_btn {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	width: 75px;
	height: 75px;
	padding: 17px;
	align-items: center;
	gap: 17.045px;
	flex-shrink: 0;
	aspect-ratio: 1/1;
	background: #E7E7E7;
	cursor: pointer;
	justify-content: center;
	overflow: hidden;
}

/* SVG 기본 셋업 */
.top_btn svg {
	display: block;
	transform-origin: 50% 50%;
	will-change: transform, opacity;
}

/* 호버/포커스 시 애니메이션 */
.top_btn:hover svg,
.top_btn:focus-visible svg {
	animation: launch-loop-slow-mid 1.5s linear infinite;
}

@keyframes launch-loop-slow-mid {

	/* ───── 중앙(출발) 구간: 이동량을 아주 작게 → 느린 체감 */
	0% {
		transform: translateY(0);
		opacity: 1;
		animation-timing-function: cubic-bezier(.25, .8, .25, 1);
		/* 부드러운 출발 */
	}

	/* ───── 중간 가속 구간: 위로 빠르게 */
	55% {
		transform: translateY(-120%);
		opacity: 0;
		animation-timing-function: linear;
	}

	55% {
		transform: translateY(-160%);
		/* 완전 이탈 */
		opacity: 0;
		animation-timing-function: steps(1, end);
		/* 바로 텔레포트 느낌 */
	}

	/* ───── 아래로 텔레포트(재진입 준비) */
	56% {
		transform: translateY(140%);
		opacity: .4;
		animation-timing-function: linear;
	}

	/* ───── 중앙 복귀 직전: 다시 느려지게(세밀 이동) */
	60% {
		transform: translateY(140%);
		/* 61%→90% 동안 큰 이동(빠르게) 후, 중앙 근처에서 속도 줄이기 */
		opacity: 1;
		animation-timing-function: cubic-bezier(5, 5, 5, 10);
		/* 감속 */
	}

	70% {
		transform: translateY(10%);
		/* 중앙 도착 */
		opacity: 1;
	}

	100% {
		transform: translateY(0);
		/* 중앙 도착 */
		opacity: 1;
	}
}

/* 접근성: 모션 최소화면 비활성화 */
@media (prefers-reduced-motion: reduce) {

	.top_btn:hover svg,
	.top_btn:focus-visible svg {
		animation: none;
	}
}

/*Footer*/
footer {
	display: flex;
	padding: 40px 0;
	width: auto;
	align-items: flex-start;
	gap: 100px;
	background-color: #E7E7E7;
	backdrop-filter: blur(250px);
}

.footer_m {
	display: none;
}

.section-in {
	width: 100%;
	max-width: 1440px;
	padding: 0 75px;
	margin: 0 auto;
}

.inner_footer {
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.inner_footer a {
	color: #666;
}

.footer_info {
	color: #666;
	flex: 1 0 0;
	display: flex;
	gap: 60px;
}

.footer_txt_wrap {
	display: flex;
	flex-direction: column;
}

.footer_logo {
	display: flex;
}

.footer_logo_wrap {
	display: flex;
	align-items: flex-start;
	gap: 100px;
	align-self: stretch;
	flex-direction: column;
}

.footer_copy_wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}

.footer_copy_wrap_tit {
	align-self: stretch;
	color: var(--Typography-Body-1, #000);
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	/* 27px */
	letter-spacing: -0.72px;
}

.footer_copy_wrap_sub {
	align-self: stretch;
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 18px;
	font-weight: 300;
	line-height: 150%;
	/* 27px */
	letter-spacing: -0.72px;
}

.footer_adress_wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
}

.footer_adress_txt {
	align-self: stretch;
	color: var(--Typography-Body-1, #000);
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	/* 27px */
	letter-spacing: -0.72px;
}

.footer_family_wrap {
	display: flex;
	width: 209px;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 10px;
	flex-shrink: 0;
	align-self: stretch;
}

.footer_family_ic_wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
}

.footer_family_ic {
	display: flex;
	padding: 10px;
	align-items: center;
	gap: 10px;
	border-radius: 500px;
	border: 1px solid #000;
	cursor: pointer;
}

.footer_family_ic:hover {
	background-color: #000;
}

.footer_family_ic:hover path {
	fill: #fff;
}

.footer_cont {
	background: none;
}

.footer_cont select {
	display: flex;
	padding: 10px 50px;
	flex-direction: column;
	border-radius: 10px;
	border: 1px solid #666;
	cursor: pointer;
	background: none;
	color: #666;
	-webkit-appearance: none;
	/* 크롬 화살표 없애기 */
	-moz-appearance: none;
	/* 파이어폭스 화살표 없애기 */
	appearance: none
		/* 화살표 없애기 */
	;
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	/* 27px */
	letter-spacing: -0.72px;
	height: auto;
	box-sizing: border-box;
	transition: 0.3s;
}

.footer_cont select:hover {
	background: #000;
	color: #fff;
}

.content_main {
	display: flex;
	padding: 0px 150px;
	height: 100vh;
	align-items: center;
	gap: 100px;
	align-self: stretch;
}

.content_main.menu02 {
	background: var(--Amaranth-50, #FEF2F2);
}

.content_main_wrap {
	display: flex;
	padding: 100px 0;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 30px;
	flex: 1 0 0;
	align-self: stretch;
}

.content_main_tit {
	color: var(--Typography-Body-1, #000);
	font-size: 50px;
	font-weight: 900;
	line-height: 150%;
	/* 75px */
	letter-spacing: -2px;
	align-self: stretch;
}

.content_main_sub {
	align-self: stretch;
	color: var(--Typography-Body-1, #000);
	font-size: 20px;
	font-weight: 400;
	line-height: 150%;
	/* 30px */
	letter-spacing: -0.8px;
}

.content_main_btn_wrap {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.content_main_img_wrap {
	display: flex;
	flex: 1 0 0;
}

.content_main_img_wrap img {
	width: 100%;
}

.content_main_m {
	display: none;
}

.content_main02_m {
	display: none;
}

.content_main02 {
	display: flex;
	padding: 100px 180px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.content_main02_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 80px;
	flex: 1 0 0;
	align-self: stretch;
}

.content_main02_wrap h1 {
	color: var(--Typography-Body-1, #000);
	font-size: 36px;
	font-weight: 700;
	line-height: 150%;
	/* 54px */
	letter-spacing: -1.44px;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.content_main02_wrap h1 span{
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.36px;
	align-self: stretch;
}

.content_main02_cont_wrap {
	display: flex;
	align-items: center;
	gap: 25px;
	flex: 1 0 0;
	align-self: stretch;
}

.content_main02_cont {
	display: flex;
	padding: 80px 50px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 20px;
	border: 1px solid var(--border-Input, #D1D1D1);
	gap: 70px;
	--c03-duration: 500ms;
	/* 애니메이션 시간 */
	--c03-distance: 50px;
	/* 위로 올라오는 거리 */
	--c03-delay: 500ms;
	/* 각 카드별 지연(자바스크립트에서 덮어씀) */
	opacity: 0;
}

.content_main02_cont.reveal {
	animation: c03FadeInUp var(--c03-duration) ease-out var(--c03-delay) forwards;
}

@keyframes c03FadeInUp {
	from {
		opacity: 0;
		transform: translateY(var(--c03-distance));
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}


.content_main02_cont_txt_wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	align-self: stretch;
}

.content_main02_cont_txt_tit {
	color: var(--Typography-Body-1, #000);
	font-size: 24px;
	font-weight: 700;
	line-height: 27px;
	/* 112.5% */
	align-self: stretch;
}

.content_main02_cont_txt_sub {
	color: var(--Typography-Body-1, #000);
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	/* 27px */
	align-self: stretch;
}
.content_main03_m {
	display: none;
}
.content_main03 {
	display: flex;
	padding: 100px 180px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.content_main03_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 80px;
	flex: 1 0 0;
	align-self: stretch;
}

.content_main03_wrap h1 {
	color: var(--Typography-Body-1, #000);
	font-size: 36px;
	font-weight: 700;
	line-height: 150%;
	/* 54px */
	letter-spacing: -1.44px;
	align-self: stretch;
}

.content_main03_cont_wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 50px;
	flex: 1 0 0;
	align-self: stretch;
}

.content_main03_cont {
	display: flex;
	align-items: center;
	gap: 150px;
	flex: 1 0 0;
	align-self: stretch;
}

.content_main03_cont_img_wrap {
	flex: 1 0 0;
}

.content_main03_cont_img_wrap img {
	width: 100%;
	--c03-duration: 500ms;
	/* 애니메이션 시간 */
	--c03-distance: 50px;
	/* 위로 올라오는 거리 */
	--c03-delay: 0ms;
	/* 각 카드별 지연(자바스크립트에서 덮어씀) */
	opacity: 0;
}

.content_main03_cont_img_wrap img.reveal {
	animation: c03FadeInUp var(--c03-duration) ease-out var(--c03-delay) forwards;
}

.contents03_cont_txt_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 50px;
	flex: 1 0 0;
	align-self: stretch;
}

.contents03_cont_tit {
	color: var(--Typography-Header, #000);
	font-size: 30px;
	font-weight: 700;
	line-height: 120%;
	/* 43.2px */
	letter-spacing: -1.44px;
	align-self: stretch;
}

.contents03_cont_txt {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
	align-self: stretch;
}

.contents03_cont_txt_sub_wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
	align-self: stretch;
}

.contents03_cont_sub_tit {
	color: var(--Typography-Header, #000);
	font-size: 24px;
	font-weight: 500;
	line-height: 120%;
	/* 28.8px */
	letter-spacing: -0.96px;
	align-self: stretch;
}

.contents03_cont_sub_sub {
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	/* 24px */
	letter-spacing: -0.32px;
	align-self: stretch;
}
.content_main04_m {
	display: none;
}
.content_main04 {
	display: flex;
	padding: 100px 180px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.content_main04_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 80px;
	flex: 1 0 0;
	align-self: stretch;
}

.content_main04_wrap h1 {
	align-self: stretch;
	color: var(--Typography-Body-1, #000);
	font-size: 36px;
	font-weight: 700;
	line-height: 150%;
	/* 54px */
	letter-spacing: -1.44px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.content_main04_wrap_h1sub {
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	/* 27px */
	letter-spacing: -0.36px;
	align-self: stretch;
}

.content_main04_cont {
	display: flex;
	align-items: center;
	gap: 150px;
	flex: 1 0 0;
	align-self: stretch;
}

.content_main04_cont_img_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 30px;
	background: var(--Amaranth-50, #FEF2F2);
	height: 466px;
}

.content_main04_cont_img_wrap img {
	--c03-duration: 1000ms;
	/* 애니메이션 시간 */
	--c03-distance: 50px;
	/* 위로 올라오는 거리 */
	--c03-delay: 0ms;
	/* 각 카드별 지연(자바스크립트에서 덮어씀) */
	opacity: 0;
}

.content_main04_cont_img_wrap img.reveal {
	animation: c03FadeInUp var(--c03-duration) ease-out var(--c03-delay) forwards;
}

.content_main04_cont_img {
	display: flex;
	padding: 0 100px;
	justify-content: center;
	align-items: center;
	gap: 50px;
	flex: 1 0 0;
	align-self: stretch;
	--c03-duration: 1000ms;
	/* 애니메이션 시간 */
	--c03-distance: 50px;
	/* 위로 올라오는 거리 */
	--c03-delay: 0ms;
	/* 각 카드별 지연(자바스크립트에서 덮어씀) */
	opacity: 0;
}

.content_main04_cont_img.reveal {
	animation: c03FadeInUp var(--c03-duration) ease-out var(--c03-delay) forwards;
}

.content_main04_cont_txt_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 50px;
	flex: 1 0 0;
}

.content_main04_cont_tit {
	align-self: stretch;
	color: var(--Typography-Header, #000);
	font-size: 30px;
	font-weight: 700;
	line-height: 120%;
	/* 43.2px */
	letter-spacing: -1.44px;
}

.content_main04_cont_sub_wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	align-self: stretch;
}

.content_main04_cont_sub {
	color: var(--Typography-Body-2, #5D5D5D);
	font-size: 24px;
	font-weight: 400;
	line-height: 150%;
	/* 36px */
	flex: 1 0 0;
	align-items: center;
	display: flex;
	gap: 10px;
}
.content_main.menu03 {
	background: var(--Royal-Blue-50, #EFF2FF);
}
.content_main02.menu03 .content_main02_cont {
	min-width: 498px;
	padding: 30px 50px;
}
.content_main02.menu03 .content_main02_cont_wrap {
	flex-wrap: wrap;
}

.content_main04_cont02_wrap {
	display: flex;
	align-items: center;
	gap: 25px;
	flex: 1 0 0;
	align-self: stretch;
}
.content_main04_cont02 {
	display: flex;
	padding: 60px 50px;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	align-self: stretch;
}
.content_main04_cont02.bg_org {
	border-radius: 20px;
	background: var(--Outrageous-Orange-50, #FFF3ED);
}
.content_main04_cont02.bg_blue {
	border-radius: 20px;
	background: var(--Royal-Blue-50, #EFF2FF);
}
.content_main04_cont02 .content_main04_cont_img{
	padding: 0;
}
.content_main04_cont02_txt_wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	flex: 1 0 0;
}
.content_main04_cont02_tit {
	color: var(--Typography-Body-1, #000);
	font-size: 24px;
	font-weight: 700;
	line-height: 27px; /* 112.5% */
	align-self: stretch;
}
.content_main04_cont02_sub {
	color: var(--Typography-Body-1, #000);
	font-size: 18px;
	font-weight: 400;
	line-height: 150%; /* 27px */
	align-self: stretch;
}
.content_main.menu04 {
	background: var(--Green-50, #EDFCF4);
}
.content_main05_m {
	display: none;
}
.content_main05 {
	display: flex;
	padding: 100px 180px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	background: var(--Gray-50, #F6F6F6);
}
.content_main05_cont_img_wrap {
	display: flex;
	align-items: center;
	gap: 20px;
}
.content_main05_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 50px;
	flex: 1 0 0;
	align-self: stretch;
}
.content_main05_wrap h1 {
	color: var(--Typography-Body-1, #000);
	font-size: 36px;
	font-weight: 700;
	line-height: 150%; /* 54px */
	letter-spacing: -1.44px;
}
.content_main05_cont_img {
	display: flex;
	flex: 1 0 0;
}
.news_content {
	display: flex;
	padding: 150px 150px 50px 150px;
	align-items: flex-start;
	gap: 100px;
	align-self: stretch;
	flex-direction: column;
	position: relative;
}
.news_content_wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	flex: 1 0 0;
	align-self: stretch;
}
.news_content_wrap h1 {
	align-self: stretch;
	color: var(--Typography-Body-1, #000);
	font-size: 50px;
	font-weight: 900;
	line-height: 150%; /* 75px */
	letter-spacing: -2px;
}
.news_search_wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	align-self: stretch;
}
.news_dropdown {
	border-radius: 30px;
	background: var(--Outrageous-Orange-50, #FFF3ED);
	display: flex;
	padding: 20px 30px;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	width: 200px;
	cursor: pointer;
	transition: background 0.3s ease;
	color: var(--Typography-Body-1, #000);
	font-size: 20px;
	font-weight: 400;
	line-height: 150%; /* 30px */
	letter-spacing: -0.8px;
}
.news_box.no_data {
	box-shadow: none;
	height: 120px;
}
.news_dropdown:hover {
	background: rgba(0, 0, 0, 0.80);
	color: #fff;
}
.news_dropdown:hover path {
	fill: #fff;
}
.news_input {
	border-radius: 30px;
	border: 1px solid var(--border-Input, #D1D1D1);
	background: var(--background-primary, #FFF);
	display: flex;
	padding: 20px 30px;
	align-items: center;
	gap: 20px;
	flex: 1 0 0;
}
.news_input input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 150%; /* 24px */
	letter-spacing: -0.64px;
	height: auto;
}
.news_input input::placeholder {
	color: var(--Typography-Placeholder, #D1D1D1);
	font-weight: 500;
}
.news_input input:focus-visible {
	outline: none;
	border-color: none;
}
.news_input input:focus {
	border: 0;
}
.news_wrap {
	display: grid;
	row-gap: 50px;
	column-gap: 30px;
	align-self: stretch;
	grid-template-rows: repeat(2, minmax(0, 1fr));
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.news_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 30px;
	background: var(--background-primary, #FFF);
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
	overflow: hidden;
	cursor: pointer;
	transition: 0.3s;
}
.news_box:hover {
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.35);
}
.news_box:hover {
	margin-top: -20px;
	margin-bottom: 20px;
}

.news_thumnail {
	aspect-ratio: 1 / 1;
	display: flex;
	flex: 1 0 0;
	align-self: stretch;
	align-items: center;
	justify-content: center;
}
.news_thumnail img {
	width: 100%;
	transition: 0.3s;
	aspect-ratio: 1 / 1;
}
.news_txt_wrap {
	display: flex;
	padding: 20px 30px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	align-self: stretch;
}
.news_title_wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	align-self: stretch;
}
.news_title_sub {
	color: var(--Typography-Body-1, #000);
	font-size: 16px;
	font-weight: 400;
	line-height: 150%; /* 24px */
	letter-spacing: -0.64px;
}
.news_title_tit {
	overflow: hidden;
	color: var(--Typography-Body-1, #000);
	text-overflow: ellipsis;
	font-size: 24px;
	font-weight: 700;
	line-height: 150%; /* 36px */
	letter-spacing: -0.96px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	align-self: stretch;
}
.news_date {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: var(--Typography-Body-1, #000);
	font-size: 16px;
	font-weight: 400;
	line-height: 150%; /* 24px */
	letter-spacing: -0.64px;
}
.news_navi {
	display: flex;
	padding: 20px 0;
	justify-content: center;
	align-items: center;
	gap: 60px;
	align-self: stretch;
	flex: 1 0 0;
	align-self: stretch;
}
.news_navi_arrow {
	display: flex;
	padding: 10px;
	align-items: center;
	gap: 10px;
	border-radius: 500px;
	background: var(--Outrageous-Orange-400, #FF6E40);
	cursor: pointer;
	transition: background 0.3s ease;
}
.news_navi_arrow:hover {
	background: rgba(0, 0, 0, 0.80);
}
.news_navi_arrow.disabled {
	background: var(--Outrageous-Orange-50, #FFF3ED);
}
.news_navi_arrow.disabled path{
	fill: var(--Typography-Placeholder, #D1D1D1);
}
.news_navi_wrap {
	display: flex;
	align-items: center;
	gap: 30px;
}
.news_navi_num {
	color: var(--Typography-Placeholder, #D1D1D1);
	font-size: 16px;
	font-weight: 400;
	line-height: 150%; /* 24px */
	letter-spacing: -0.64px;
	cursor: pointer;
}
.news_navi_num:hover {
	color: #fe5f40;
}
.news_navi_num.active {
	color: var(--Typography-Body-1, #000);
}
.news_detail_wrap {
	display: flex;
	flex-direction: column;
	gap: 30px;
	align-self: stretch;
}
.news_detail_tit_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: stretch;
	gap: 20px;
	text-align: center;
}
.news_detail_date {
	font-size: 18px;
	color: var(--Typography-Body-1, #000);
	letter-spacing: -.5px;
}
.news_detail_tit {
	color: var(--Typography-Body-1, #000);
	font-size: 35px;
	font-weight: 900;
	line-height: 150%;
	letter-spacing: -2px;
}
.news_detail_sub_wrap {
	align-self: stretch;
	display: flex;
	justify-content: space-between;
}
.news_detail_cont {
	max-width: 816px;
	margin: 30px auto 0;
}
.list_btn_a {
	margin: 0 auto;
}
.list_btn {
	display: flex;
	padding: 10px 50px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 10px;
	background: var(--background-primary, #FFF);
	color: var(--Typography-Body-1, #000);
	font-size: 20px;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: -0.64px;
	cursor: pointer;
	transition: background 0.3s ease;
	border: 1px solid #ccc;
	margin: 0 auto;
}
.list_btn:hover {
	background: rgba(0, 0, 0, 0.80);
	color: #fff;
}
/*popup관련*/
.pop_dim {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.5)
}

.pop_area {
	width: 30%;
	position: fixed;
	/* left: 50%; */
	top: 50%;
	margin-left: 35%;
	height: 630px;
	margin-top: -315px;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
}

.pop_tit {
	text-align: center;
	font-size: 35px;
	font-weight: 500;
	color: #fe5f40;
	line-height: 39px;
	letter-spacing: -2px;
}

.pop_tit span {
	color: #999;
	font-size: 18px;
	display: block;
	font-weight: 300;
	margin-top: -2px;
}

.pop_tit_sub {
	text-align: center;
	font-size: 16px;
	color: #999;
	border-bottom: 1px #fe5f40 solid;
	padding-bottom: 18px;
	margin-bottom: 30px;
}

.pop_btn button {
	width: 100%;
	margin-top: 15px;
	/*order: 1px #fe5f40 solid;*/
	background-color: #fe5f40;
	color: #fff;		
	height: 45px;
	font-size: 20px;
	font-weight: 700;
	border-radius: 5px;
	cursor: pointer;
}

.proposal_btn_m {
	display: none;
}
.compusercnt {
	background: #fff;
	border: 1px solid #e5e9f2;
	color: #000;
}
.compusercnt option {
	color: #000;
	padding: 10px 0;
}

@media (min-width:1000px) and (max-width:1600px) {
	nav {
		width: 100%;
		min-width: auto;
		gap: 0;
		justify-content: flex-start;
		padding: 0 30px;
	}
	.logo_l {
		width: 200px;
	}
	.logo_l svg {
		width: 150px;
	}
	.content01 {
		min-width: auto;
		padding: 0 40px 100px;
	}
	.content01_bg_wrap {
		height: 100%;
	}
	.content01_bg_wrap video {
		height: 100%;
		width: auto;
		position: absolute;
		left: 50%;
		transform: translate(-50%);		
	}
	.contents01_tit {
		font-size: 60px;
	}
	.content02 {
		padding: 50px;
	}
	.content03 {
		padding: 50px;
	}
	.content04 {
		padding: 50px;
	}
	.content05 {
		padding: 50px;
	}
	.content06 {
		padding: 50px;
	}
	.content07 {
		padding: 50px;
	}
	.content08 {
		padding: 50px;
	}
	.content_main02 {
		padding: 50px;
	}
	.content_main03 {
		padding: 50px;
	}
	.content_main04 {
		padding: 50px;
	}
	.content_main05 {
		padding: 100px 50px;
	}
	.content_main.menu02 {
		padding: 50px;
		height: auto;
	}
	.content_main.menu03 {
		padding: 50px;
		height: auto;
	}
	.content_main.menu04 {
		padding: 50px;
		height: auto;
	}
	.content07_cont_img_wrap img {
		width: 100%;
		height: auto;
	}
	.content02_cont {
		padding: 10px 30px;
	}
	.content02_cont_wrap {
		flex-direction: column;
	}
	.content02_cont a{
		display: flex;
		align-items: center;
		gap: 100px;
	}
	.content02_cont_img_wrap {
		flex: 1 0 0;
		height: auto;
	}
	.content02_cont_txt_wrap {
		flex: 1.5 0 0;
		justify-content: center;
	
	}
	.content02_cont_txt_tit {
		text-align: left;
	}
	.content02_cont_txt_sub {
		text-align: left;
	}
	.contents03_cont {
		gap: 50px;
	}
	.contents03_cont03 {
		flex: 2 0 0;
	}
	.contents03_cont03_img {
		align-self: auto;
		height: 150px;
	}
	.contents04_cont {
		gap: 50px;
		padding: 0 25px;
	}
	.content05_wrap {
		padding: 0 50px;
	}
	.content06_cont01_navigation_wrap {
		padding: 0;
	}
	.content07_cont_img_wrap {
		gap: 100px;
    padding: 50px 100px;
	}
	.content07_cont_wrap {
		flex-direction: column;
	}
	.content_main02_cont_wrap {
		flex-direction: row;
	}
	.content_main02.menu03 .content_main02_cont {
		min-width: 400px;
	}
	.content_main05_wrap h1 {
		flex: 1 0 0;
	}
	.news_content {
		padding: 150px 50px;
	}
	.news_wrap {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: repeat(3, minmax(0, 1fr));

	}
}





/* ////////////// */
/* 반응형-모바일 시작 */
@media (max-width: 990px) {
	.news_content.detail {
		gap: 50px;
	}
	.news_content.detail .se-component-content{
		padding: 0 20px !important;
	}
	.news_content.detail .se-component-content img{
		width: 100% !important;
	}
	.news_content.detail .se-component-content .se-section.se-section-table.se-l-default.se-section-align- {
		width: 100% !important;
	}
	.news_content.detail .se-component-content .se-section.se-section-table.se-l-default.se-section-align- .se-table-container{
		width: 100% !important;
	}
	.news_detail_wrap {
		margin-top: 50px;
	}
	.news_detail_cont {
		width: 100%;
		overflow-x: hidden;
	}
	.news_detail_tit {
		font-size: 24px;
	}
	.news_detail_sub_wrap {
		flex-direction: column;
		gap: 10px;
	}
	nav {
		width: 100%;
		min-width: auto;
		gap: 0;
		justify-content: flex-start;
	}

	.web_nav {
		display: none;
	}

	.wrap_m {
		display: block;
		position: relative;
		top: 0;
		width: 100%;
		height: auto !important;
		transition: 0.5s;
	}

	.m_nav {
		display: block;
		max-width: 100%;
		height: 70px;
		position: fixed;
		margin: 0 auto;
		padding: 0 30px;
		text-align: center;
		right: 0;
		left: 0;
		background: #fe5f40;
		z-index: 99999999;
		display: flex;
		align-items: center;
	}

	.m_nav a {
		display: flex;
	}

	.logo_l {
		width: 135px;
	}

	.logo_l path {
		fill: #fff;
	}

	.mobile-menu {
		display: block;
		position: fixed;
		right: 15px;
		z-index: 500;
		width: 45px;
		height: 45px;
		padding: 5px;
		background-color: inherit;
		border: 0;
		top: 12px;
	}

	.category_list li {
		display: block;
		padding: 0.5em 0;
		text-align: left;
		width: 100%;
		text-shadow: inherit
	}

	.category_list li a {
		color: #000;
	}

	.category_list li .proposal_btn,
	.category_list li .login_btn {
		font-size: 0.7em;
		padding: 0.7em 2em;
		display: block;
		text-align: center;
		line-height: inherit;
		height: inherit;
	}
	.en_kr {
    font-size: 14px;
    color: #aaa;
    padding-top: 0px;
    display: flex;
	}
	.language_chg {
		display: flex !important;
		margin-top: 30px;
		gap: 15px;
		align-items: center;
		justify-content: flex-start;
	}

	.category_list .website_btn_m {
		color: #fff;
		font-weight: 700;
		text-align: center;
		border: 1px #ddd solid;
		border-radius: 5px;
		padding: 0 28px;
		font-size: 16px;
		margin-top: 5px;
		margin-left: 0px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}

	.category_list .website_btn_m a {
		display: block;
	}

	.mobile-menu i {
		font-size: 1em;
		color: #fff;
	}

	.mobile-menu i.fa-time {
		background-color: #fff !important;
		color: red !important;
	}

	.menuwrap {
		position: fixed;
		top: 0;
		right: -300px;
		/* 너비 300px 인 사이드바를 왼쪽으로 300px 이동시켜 화면에 보이지 않게 함 */
		z-index: 400;
		overflow: auto;
		width: 280px;
		/* 너비 */
		height: 100vh;
		padding: 50px 20px;
		box-sizing: border-box;
		transition: right .3s ease-in-out;
		/* 0.3초 동안 이동 애니메이션 */
		background-color: #fff;
		color: #000;
		box-shadow: 0 0 20px #0000001a;
	}

	.menuwrap.on {
		right: 0;
	}

	#dimmed {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9998;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.content01 {
		display: none;
	}

	.content02 {
		display: none;
	}

	.content03 {
		display: none;
	}

	.content04 {
		display: none;
	}

	.content05 {
		display: none;
	}

	.content05 {
		display: none;
	}

	.content06 {
		display: none;
	}

	.content07 {
		display: none;
	}

	.contact_section {
		display: none;
	}

	.content01_m {
		display: flex;
		padding: 0 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		position: relative;
		box-sizing: border-box;
		height: 100vh;
	}

	.content01_m_bg_wrap {
		position: absolute;
		width: 100%;
		z-index: -1;
		overflow: hidden;
		height: 100vh;
	}

	.content01_m_bg_wrap video {
		width: auto;
		left: 50%;
		position: absolute;
		transform: translate(-50%, -50%);
		top: 50%;
		height: 100vh;
	}

	.contents01_m_txt_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 25px;
		flex: 1 0 0;
		align-self: stretch;
	}

	.contents01_m_tit {
		align-self: stretch;
		color: var(--Typography-Body-1, #000);
		text-align: center;
		font-size: 32px;
		font-weight: 700;
		line-height: 150%;
		/* 120px */
		letter-spacing: -1.2px;
		animation: fadeInDown 1s ease-out;
		flex-direction: column;
		display: flex;
	}

	.contents01_m_sub {
		color: var(--Typography-Body-1, #000);
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		line-height: 150%;
		/* 48px */
		letter-spacing: -1.28px;
		align-self: stretch;
		opacity: 0.7;
	}
	.contents01_m_news {
		display: flex;
		border-radius: 30px;
		border: 1px solid var(--border-inverse, #FFF);
		background: rgba(0, 0, 0, 0.30);
		width: 100%;
		padding: 0px 20px;
		justify-content: center;
		align-items: center;
		gap: 25px;
		cursor: pointer;
		transition: background 0.3s ease;
	}
	.contents01_m_news_slide {
		justify-content: center;
		align-items: center;
		gap: 10px;
		display: flex;
		box-sizing: border-box;
	}

	.contents01_m_news_btn_wrap {
		display: flex;
		gap: 5px;
	}

	.contents01_m_news_wrap {
		display: flex;
		padding-bottom: 50px;
		flex-direction: column;
		align-items: center;
		gap: 20px;
		align-self: stretch;
	}

	.contents01_news_tit {
		font-size: 14px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.content02_m {
		display: flex;
		padding: 30px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		position: relative;
		box-sizing: border-box;
	}

	.content02_m_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 20px;
		flex: 1 0 0;
		align-self: stretch;
	}

	.content02_m_wrap h1 {
		display: flex;
		align-self: stretch;
		color: var(--Typography-Body-1, #000);
		text-align: center;
		font-size: 24px;
		font-weight: 700;
		line-height: 150%;
		/* 54px */
		letter-spacing: -1.44px;
		justify-content: center;
	}

	.content02_m_cont_wrap {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

	.content02_m_cont {
		align-self: stretch;
		display: flex;
		padding: 0 30px 20px;
		flex-direction: column;
	}

	.content02_m_cont_img_wrap img {
		display: flex;
		width: 100%;
	}

	.content02_m_cont_txt_wrap {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.content02_cont_txt_tit {
		color: var(--Typography-Body-1, #000);
		text-align: center;
		font-size: 20px;
		font-weight: 700;
		line-height: 120%;
		/* 40.8px */
		letter-spacing: -1.36px;
		align-self: stretch;
	}

	.content02_cont_txt_sub {
		align-self: stretch;
		color: var(--Typography-Body-1, #000);
		text-align: center;
		font-size: 14px;
		font-weight: 400;
		line-height: 150%;
		/* 27px */
		letter-spacing: -0.36px;
	}

	.content02_m_cont_img_wrap {
		display: flex;
		padding: 30px;
	}

	.content02_m_cont_wrap li:nth-child(1) {
		border-radius: 30px;
		background: #FFF3ED;
	}

	.content02_m_cont_wrap li:nth-child(2) {
		border-radius: 30px;
		background: #E9F3FF;
	}

	.content02_m_cont_wrap li:nth-child(3) {
		border-radius: 30px;
		background: var(--Outrageous-Orange-100, #FFE4D4);
	}

	.content03_m {
		display: flex;
		padding: 30px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		position: relative;
		box-sizing: border-box;
	}

	.content03_m_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 20px;
		flex: 1 0 0;
		align-self: stretch;
	}

	.content03_m_wrap h1 {
		display: flex;
		align-self: stretch;
		color: var(--Typography-Body-1, #000);
		font-size: 24px;
		font-weight: 700;
		line-height: 130%;
		letter-spacing: -1.44px;
		margin-bottom: 10px;
	}

	.contents03_m_cont {
		display: flex;
		padding: 20px 0 30px;
		align-items: center;
		gap: 20px;
		flex: 1 0 0;
		align-self: stretch;
		flex-direction: column;
	}

	.contents03_m_cont_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		flex: 1 0 0;
		align-self: stretch;
		padding: 0 10px;
	}

	.contents03_m_cont01 {
		display: flex;
		padding: 30px 0;
		justify-content: center;
		align-items: center;
		gap: 50px;
		flex: 1 0 0;
		align-self: stretch;
		border-radius: 30px;
		background: var(--Outrageous-Orange-50, #FFF3ED);
	}

	.contents03_m_cont01_tit {
		font-size: 50px;
		font-weight: 900;
		line-height: 150%;
		/* 120px */
		letter-spacing: -3.2px;
		background: linear-gradient(180deg, #FF6D2D 18.75%, #FF902D 80.42%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		will-change: contents;
	}

	.contents03_m_cont01_sub {
		color: var(--Typography-Body-2, #5D5D5D);
		font-size: 20px;
		font-weight: 700;
		line-height: 150%;
		/* 45px */
		letter-spacing: -1.2px;
	}

	.contents03_m_cont02 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 15px;
		flex: 1 0 0;
	}

	.contents03_m_cont02_tit {
		color: var(--Typography-Body-1, #000);
		font-size: 20px;
		font-weight: 700;
		line-height: 150%;
		/* 45px */
		letter-spacing: -1.2px;
	}

	.contents03_m_cont02_sub {
		color: var(--Typography-Body-1, #000);
		font-size: 14px;
		font-weight: 400;
		line-height: 150%;
		/* 27px */
		letter-spacing: -0.36px;
		align-self: stretch;
		word-break: keep-all;
	}

	.contents03_m_cont02_tit {
		color: var(--Typography-Body-1, #000);
		font-size: 20px;
		font-weight: 700;
		line-height: 150%;
		/* 45px */
		letter-spacing: -1.2px;
	}

	.contents03_m_cont02_sub {
		color: var(--Typography-Body-1, #000);
		font-size: 14px;
		font-weight: 400;
		line-height: 150%;
		/* 27px */
		letter-spacing: -0.36px;
		align-self: stretch;
		word-break: keep-all;
	}

	.contents03_m_cont03 {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 5px;
		flex: 1 0 0;
		align-self: stretch;
		margin-top: 20px;
	}

	.contents03_m_cont03_img {
		display: flex;
		padding: 50px 10px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		flex: 1 0 0;
		align-self: stretch;
		border-radius: 20px;
		border: 1px solid var(--border-Input, #D1D1D1);
		--c03-duration: 700ms;
		/* 애니메이션 시간 */
		--c03-distance: 24px;
		/* 위로 올라오는 거리 */
		--c03-delay: 0ms;
		/* 각 카드별 지연(자바스크립트에서 덮어씀) */
		opacity: 0;
		/* 초기 투명 */
		transform: translateY(var(--c03-distance));
		will-change: opacity, transform;
		backface-visibility: hidden;
		contain: paint;
		/* 페인트 분리로 미세한 깜빡임 감소 */

	}

	.contents03_m_cont03_img img {
		width: 100%;
	}

	.contents03_m_cont03_img.reveal {
		animation: c03FadeInUp var(--c03-duration) ease-out var(--c03-delay) forwards;
	}

	@keyframes c03FadeInUp {
		from {
			opacity: 0;
			transform: translateY(var(--c03-distance));
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	/* 접근성: 모션 최소화 설정이면 즉시 표시 */
	@media (prefers-reduced-motion: reduce) {
		.contents03_cont03_img {
			opacity: 1 !important;
			transform: none !important;
			animation: none !important;
		}
	}

	.content04_m {
		display: flex;
		padding: 30px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		position: relative;
		box-sizing: border-box;
	}

	.content04_m_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 25px;
		align-self: stretch;
	}

	.content04_m_wrap h1 {
		align-self: stretch;
		color: var(--Typography-Body-1, #000);
		font-size: 24px;
		font-weight: 700;
		line-height: 130%;
		letter-spacing: -1.44px;
		margin-bottom: 10px;
	}
	.content04_m_wrap_h1sub {
		color: var(--Typography-Body-2, #5D5D5D);
		font-size: 16px;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.32px;
		align-self: stretch;
	}
	.contents04_m_cont {
		display: flex;
		padding: 0 10px;
		align-items: flex-start;
		gap: 10px;
		flex: 1 0 0;
		align-self: stretch;
		flex-direction: column;
	}

	.contents04_m_cont01 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 10px;
		flex: 1 0 0;
	}

	.contents04_m_cont01_tit {
		color: var(--Typography-Body-1, #000);
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		/* 45px */
		letter-spacing: -1.2px;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.contents04_m_cont01_ic {
		width: 24px;
		height: 24px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.contents04_m_cont01_sub {
		color: var(--Typography-Body-2, #5D5D5D);
		font-size: 14px;
		font-weight: 400;
		line-height: 150%;
		/* 36px */
	}

	.contents04_m_cont02 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
		align-self: stretch;
		border-radius: 30px;
		height: 200px;
	}

	.contents04_m_cont02 img {
		width: 50%;
		transition: 0.3s;
	}

	.contents04_m_cont02:hover img {
		width: 55%;
	}

	.contents04_m_cont02.bg_y {
		border-radius: 30px;
		background: var(--Selective-Yellow-50, #FFFBEB);
	}

	.contents04_m_cont02.bg_org {
		border-radius: 30px;
		background: var(--Outrageous-Orange-50, #FFF3ED);
	}

	.contents04_m_cont02.bg_blue {
		border-radius: 30px;
		background: var(--Royal-Blue-50, #EFF2FF);
	}
	.contents04_m_cont02.bg_green {
		border-radius: 30px;
		background: var(--Green-50, #EDFCF4);
	}

	.content05_m {
		display: flex;
		padding: 30px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		position: relative;
		box-sizing: border-box;
	}

	.content05_m_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 20px;
		flex: 1 0 0;
		align-self: stretch;
		border-radius: 30px;
		background: #FFDDD0;
		padding: 50px 20px;
	}

	.content05_m_cont01 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 25px;
		flex: 1 0 0;
		align-self: stretch;
	}

	.content05_m_cont01_tit {
		color: var(--Typography-Header, #000);
		font-size: 24px;
		font-weight: 700;
		line-height: 130%;
		letter-spacing: -1.44px;
		flex: 1 0 0;
		display: flex;
		flex-direction: column;
	}

	.content05_m_cont02 {
		display: none;
		flex-direction: column;
		align-items: flex-start;
		gap: 25px;
		flex: 1 0 0;
		opacity: 0;
		justify-content: center;
		transition: opacity 1s ease, transform 0.3s ease;
	}

	.content05_m_cont02.active {
		display: flex;
		/* 보이도록 설정 */
		opacity: 1;
		transform: translateY(0);
		/* 초기 위치로 복원 */
		animation: fadeInUp 0.5s forwards;
		/* 애니메이션 적용 */
	}

	.content05_m_cont02.fadeOut {
		opacity: 0;
		transform: translateY(-30px);
	}

	.content05_m_cont01_navi {
		display: flex;
		flex: 1 0 0;
		justify-content: center;
		align-self: stretch;
	}

	.content05_m_cont01_navi_bar {
		width: 150px;
		/* 모바일에서의 너비 */
		display: flex;
		justify-content: space-between;
		gap: 5px;
		margin-top: 10px;
	}

	.content05_m_cont_rolling_wrap {
		display: flex;
		flex-direction: column;
		position: relative;
		/* 넘치는 내용 숨기기 */
		padding: 30px 0;
		height: 400px;
	}

	.content05_m_cont02_chat_you {
		display: flex;
		align-items: flex-end;
		gap: 10px;
		align-self: stretch;
	}

	.content05_m_cont02_chat_you_ic {
		border-radius: 500px;
		background: var(--Outrageous-Orange-200, #FFC5A8);
		display: flex;
		width: 40px;
		height: 40px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		aspect-ratio: 1/1;
	}

	.content05_m_cont02_chat_you_ic svg {
		width: 32px;
		height: 32px;
	}

	.content05_m_cont02_chat_you_txt {
		color: var(--Typography-Body-1, #000);
		font-size: 16px;
		font-weight: 400;
		line-height: 150%;
		/* 150% */
		display: flex;
		padding: 20px 25px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		border-radius: 20px 20px 20px 0;
		background: var(--background-primary, #FFF);
		box-shadow: 0 10px 15px 0 rgba(255, 112, 45, 0.15);
	}

	.content05_m_cont02_chat_me {
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
		gap: 10px;
		align-self: stretch;
	}

	.content05_m_cont02_chat_me_ic {
		display: flex;
		width: 40px;
		height: 40px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		aspect-ratio: 1/1;
		border-radius: 500px;
		background: var(--background-primary, #FFF);
	}

	.content05_m_cont02_chat_me_ic svg {
		width: 24px;
		height: 24px;
	}

	.content05_m_cont02_chat_me_txt {
		color: var(--Typography-inverse, #FFF);
		font-size: 16px;
		font-weight: 600;
		line-height: 1.5em;
		/* 135% */
		display: flex;
		padding: 20px 25px;
		justify-content: flex-end;
		align-items: center;
		gap: 10px;
		border-radius: 20px 0 20px 20px;
		background: linear-gradient(180deg, #FF6D2D 0%, #FF902D 100%);
		box-shadow: 0 10px 15px 0 rgba(255, 112, 45, 0.15);
	}

	.content05_cont_rolling_wrap {
		display: flex;
		align-items: center;
		gap: 25px;
		align-self: stretch;
		flex: 1 0 0;
		flex-direction: column;
	}

	.content06_m {
		display: flex;
		padding: 30px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		position: relative;
		box-sizing: border-box;
		gap: 20px;
	}

	.content06_m_header {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 20px;
		align-self: stretch;
		flex-direction: column;
	}

	.content06_m_header h1 {
		flex: 1 0 0;
		color: var(--Typography-Body-1, #000);
		font-size: 24px;
		font-weight: 700;
		line-height: 130%;
		/* 54px */
		letter-spacing: -1.44px;
	}

	.content06_m_header_arrow_wrap {
		display: flex;
		justify-content: flex-end;
		gap: 10px;
		align-self: stretch;
	}

	.content06_m_header_arrow {
		display: flex;
		width: 40px;
		height: 40px;
		justify-content: center;
		align-items: center;
		border-radius: 500px;
		border: 1px solid var(--background-inverse, #000);
		cursor: pointer;
	}

	.content06_m_header_arrow svg {
		width: 24px;
		height: 24px;
	}

	.content06_m_cont_wrap {
		display: flex;
		align-items: flex-start;
		gap: 20px;
		flex: 1 0 0;
		align-self: stretch;
		flex-direction: column;
	}

	.content06_m_cont01 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 20px;
		flex: 1 0 0;
		align-self: stretch;
	}

	.content06_m_cont01_tit {
		align-self: stretch;
		color: var(--Typography-Body-1, #000);
		font-size: 24px;
		font-weight: 700;
		line-height: 120%;
		/* 43.2px */
		letter-spacing: -1.44px;
	}

	.content06_m_cont01_sub {
		align-self: stretch;
		color: var(--Typography-Body-2, #5D5D5D);
		font-size: 14px;
		font-weight: 400;
		line-height: 150%;
	}

	.content06_m_cont01_navigation_wrap {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex: 1 0 0;
		align-self: stretch;
		gap: 10px;
	}
	.content06_m_cont01_navigation_count {
		display: flex;
		justify-content: space-between;
	}
	.content06_m_cont01_navigatin_item {
		display: flex;
		padding: 10px 0px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 10px;
		align-self: stretch;
		border-top: 3px solid var(--border-Input, #D1D1D1);
		color: var(--Typography-Placeholder, #D1D1D1);
		font-size: 18px;
		font-weight: 500;
		line-height: 120%;
		/* 28.8px */
		letter-spacing: -0.96px;
		cursor: pointer;
		transition: opacity 0.3s ease;
		flex: 1 0 0;
	}
	.content06_m_cont01_navigatin_item.many {
		display: none;
	}
	.content06_m_cont01_navigatin_item.many.active {
		display: flex;
	}
	.content06_m_cont01_navigation_item.active {
		opacity: 1;
	}

	.content06_m_cont01_navigatin_item.active {
		border-top: 3px solid var(--border-primary, #FF6E40);
		color: var(--Typography-Body-1, #000);
	}
	.content06_m_cont01_navigatin_item_txt {
		display: none;
		color: var(--Typography-Body-2, #5D5D5D);
		font-size: 14px;
		font-weight: 400;
		line-height: 150%;
		/* 150% */
		align-self: stretch;
	}
	.content06_m_cont01_navigatin_item.active .content06_m_cont01_navigatin_item_txt {
		display: flex;
	}
	.content06_m_cont02 {
		display: flex;
		height: 300px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
		align-self: stretch;
		border-radius: 30px;
		background: var(--Royal-Blue-50, #EFF2FF);
		position: relative;
		overflow: hidden;
	}

	.content06_m_cont02 .content06_m_cont02_item img {
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.content06_m_cont02 .content06_m_cont02_item video {
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.content06_m_cont02.org_bg {
		background: #FFDDD0;
	}
	.content06_m_cont02 .content06_m_cont02_item {
		position: absolute;
		inset: 0;
		opacity: 0;
		transform: translateY(30px);
		transition: opacity 0.8s ease, transform 0.8s ease;
		z-index: 0;
	}

	.content06_m_cont02 .content06_m_cont02_item.active {
		opacity: 1;
		transform: translateY(0);
		z-index: 1;
		animation: fadeInUp 0.8s ease forwards;
	}

	.content06_m_cont01_navigation_item.active {
		opacity: 1;
		transform: scale(1.06);
		transition: transform 0.25s ease, opacity 0.25s ease;
	}

	.content07_m {
		display: flex;
		padding: 30px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		position: relative;
		box-sizing: border-box;
		gap: 20px;
		background: #FEF2F2;
	}

	.content07_m_header {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 20px;
		align-self: stretch;
	}

	.content07_m_header h1 {
		flex: 1 0 0;
		color: var(--Typography-Body-1, #000);
		font-size: 24px;
		font-weight: 700;
		line-height: 150%;
		/* 54px */
		letter-spacing: -1.44px;
	}

	.content07_m_cont_wrap {
		display: flex;
		align-items: flex-start;
		gap: 25px;
		flex: 1 0 0;
		align-self: stretch;
		flex-direction: column;
	}

	.content07_m_cont {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
		flex: 1 0 0;
		align-self: stretch;
		border-radius: 30px;
	}

	.content07_m_cont_txt_wrap {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		align-self: stretch;
	}

	.content07_m_cont_tit {
		color: var(--Typography-Body-1, #000);
		font-size: 20px;
		font-weight: 700;
		line-height: 120%;
		/* 43.2px */
		letter-spacing: -1.44px;
		align-self: stretch;
	}

	.content07_m_cont_sub {
		color: var(--Typography-Body-2, #5D5D5D);
		font-size: 14px;
		font-weight: 400;
		line-height: 150%;
		/* 150% */
		align-self: stretch;
	}

	.content07_m_cont_img_wrap {
		display: flex;
		padding: 20px;
		align-items: flex-start;
		gap: 10px;
		flex: 1 0 0;
		align-self: stretch;
		border-radius: 30px;
		border: 1px solid var(--border-Input, #D1D1D1);
		background: var(--background-primary, #FFF);
	}

	.content07_m_cont_img {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 25px;
		flex: 1 0 0;
		align-self: stretch;
		height: 200px;
	}

	.content07_m_cont_img_wrap img {
		width: 100px;
		height: 100px;
		aspect-ratio: 1/1;
	}

	.content07_m_cont_img_tit {
		align-self: stretch;
		color: var(--Typography-Body-1, #000);
		text-align: center;
		font-size: 20px;
		font-weight: 700;
		line-height: 120%;
		/* 38.4px */
		letter-spacing: -1.28px;
	}

	.content07_m_cont_img_num {
		transition: transform 0.45s ease, opacity 0.45s ease;
		opacity: 0.85;
		display: inline-block;
		/* transform 적용 안정화 */
	}

	.content07_m_cont_img_num.count-active {
		opacity: 1;
	}
	.content08 {
		display: none;
	}
	.content08_m {
		display: flex;
		padding: 30px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		position: relative;
		box-sizing: border-box;
		gap: 20px;
	}
	.content08_m_header {
		display: flex;
		flex: 1 0 0;
		align-self: stretch;
	}

	.content08_m_header h1 {
		flex: 1 0 0;
		color: var(--Typography-Body-1, #000);
		font-size: 24px;
		font-weight: 700;
		line-height: 130%;
		/* 54px */
		letter-spacing: -1.44px;
	}
	.content08_m_cont img{
		width: 100%;
	}
	.content08_m_cont_wrap {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		align-self: stretch;
		flex: 1 0 0;
		flex-direction: column;
		gap: 20px;
	}
	.content08_m_cont_wrap .content08_m_cont:nth-child(1) img{
		border-radius: 40px;
		background: #D9AEFF33;	
	}
	.content08_m_cont_wrap .content08_m_cont:nth-child(2) img{
		border-radius: 40px;
		background:  rgba(177, 255, 148, 0.20);
	}
	.content08_m_cont_wrap .content08_m_cont:nth-child(3) img{
		border-radius: 40px;
		background: rgba(255, 132, 167, 0.20);
	}
	.content08_m_cont_wrap .content08_m_cont:nth-child(4) img{
		border-radius: 40px;
		background:  #E3E4FC;
	}
	.content08_m_cont {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	.content08_m_cont_txt {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		align-self: stretch;
	}
	.content08_m_cont_tit {
		color: var(--Typography-Body-1, #000);
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		letter-spacing: -1.2px;
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.content08_m_cont_sub {
		color: var(--Typography-Body-2, #5D5D5D);
		font-size: 16px;
		font-weight: 400;
		line-height: 150%;
	}

	.contact_section_m {
		display: flex;
		padding: 50px 20px 50px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		position: relative;
		box-sizing: border-box;
		gap: 200px;
		background: url(../img/contact_bg.png) no-repeat;
		background-size: auto 100%;
	}

	.contact_section_m h1 {
		align-self: stretch;
		color: var(--Typography-inverse, #FFF);
		text-align: center;
		font-size: 28px;
		font-weight: 700;
		line-height: 150%;
		/* 90px */
		letter-spacing: -2.4px;
		padding-top: 30px;
	}

	.contact_section_m h1,
	.contact_section_m h1 .delay {
		opacity: 1;
		/* transform: translateY(-24px); */
		will-change: opacity, transform;
	}

	/* 트리거되면 재생 */
	.contact_section_m h1.play {
		animation: fadeInDown 1200ms ease-out forwards;
	}

	.contact_section_m h1 .delay.play {
		animation: fadeInDown 1200ms ease-out forwards;
		animation-delay: 200ms;
		/* 두 번째 줄 살짝 늦게 */
	}

	/* 접근성: 모션 최소화 */
	@media (prefers-reduced-motion: reduce) {

		.contact_section_m h1,
		.contact_section_m h1 .delay {
			opacity: 1 !important;
			transform: none !important;
			animation: none !important;
		}
	}

	.payroll_go_wrap_m {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		gap: 20px;
	}

	.payroll_go_app_m {
		display: flex;
		padding: 20px;
		flex-direction: column;
		align-items: flex-start;
		gap: 40px;
		border-radius: 10px;
		border: 1px solid var(--border-inverse, #FFF);
		background: linear-gradient(180deg, #FF6D2D 0%, #FF902D 100%), rgba(243, 115, 102, 0.90);
		background-size: 200% 200%;
		cursor: pointer;
		align-self: stretch;
	}

	.payroll_go_logo_m {
		display: flex;
		width: 160px;
		align-items: center;
		gap: 2px;
	}

	.payroll_service_down_m {
		display: flex;
		padding: 20px;
		flex-direction: column;
		align-items: flex-start;
		gap: 40px;
		border-radius: 10px;
		border: 1px solid var(--border-inverse, #FFF);
		cursor: pointer;
		transition: 0.3s;
		align-self: stretch;
	}

	.payroll_go_txt_wrap_m {
		display: flex;
		align-items: flex-start;
		gap: 40px;
		align-self: stretch;
	}

	.payroll_go_txt_m {
		color: var(--Typography-inverse, #FFF);
		font-size: 16px;
		font-weight: 700;
		line-height: 120%;
		/* 19.2px */
		letter-spacing: -0.64px;
		flex: 1 0 0;
	}

	.top_btn_m {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 75px;
		height: 75px;
		padding: 17px;
		align-items: center;
		gap: 17.045px;
		flex-shrink: 0;
		aspect-ratio: 1/1;
		background: #E7E7E7;
		cursor: pointer;
		justify-content: center;
		overflow: hidden;
		display: flex;
	}

	.footer_w {
		display: none;
	}

	.footer_m {
		display: flex;
		padding: 20px 0 45px 0;
		width: auto;
	}

	.inner_footer_m {
		display: block;
	}

	.inner_footer_m a {
		color: #a7a7a7;
	}

	.inner_footer_m .footer_cont {
		width: 100%;
	}

	.inner_footer_m .footer_info {
		color: #a7a7a7;
		font-size: 14px;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.inner_footer_m .footer_logo_wrap {
		float: left;
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	.inner_footer_m .txt_bar {
		margin: 0 10px;
	}

	.category_list .website_btn_m {
		color: #fff;
		font-weight: 700;
		text-align: center;
		border: 1px #ddd solid;
		border-radius: 5px;
		padding: 0 28px;
		font-size: 16px;
		margin-top: 5px;
		margin-left: 0px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
	}

	.category_list .website_btn_m a {
		display: block;
	}

	.section-in {
		padding: 0 25px;
	}
	.contact_form_wrap {
		flex-direction: column;
	}
	.contact h1 {
		font-size: 30px;
	}
	.contact {
		padding-top: 80px;
	}
	.content_main02 {
		display: none;
	}

	.content_main03 {
		display: none;
	}

	.content_main04 {
		display: none;
	}
	.content_main05 {
		display: none;
	}
	.content_main {
		display: none;
	}

	.content_main_m {
		display: flex;
		padding: 130px 20px 50px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		box-sizing: border-box;		
	}

	.content_main_m.menu02 {
		background: var(--Amaranth-50, #FEF2F2);
	}

	.content_main_m_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 25px;
		flex: 1 0 0;
		align-self: stretch;
	}

	.content_main_m_tit {
		align-self: stretch;
		color: var(--Typography-Body-1, #000);
		text-align: center;
		font-size: 32px;
		font-weight: 700;
		line-height: 150%;
		letter-spacing: -1.2px;
		animation: fadeInDown 1s ease-out;
		flex-direction: column;
	}

	.content_main_m_sub {
		color: var(--Typography-Body-1, #000);
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		line-height: 150%;
		letter-spacing: -1.28px;
		align-self: stretch;
		opacity: 0.7;
	}

	.content_main_m_btn_wrap {
		display: flex;
		gap: 5px;
	}


	.content_main02_m {
		display: flex;
		padding: 30px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		position: relative;
		box-sizing: border-box;
	}

	.content_main02_m_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 50px;
		flex: 1 0 0;
		align-self: stretch;
	}

	.content_main02_m_wrap h1 {
		display: flex;
		align-self: stretch;
		color: var(--Typography-Body-1, #000);
		font-size: 24px;
		font-weight: 700;
		line-height: 130%;
		letter-spacing: -1.44px;
		flex-direction: column;
		gap: 15px;
	}
	.content_main02_m_wrap h1 span{
		color: var(--Typography-Body-2, #5D5D5D);
		font-size: 16px;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.32px;
		align-self: stretch;
	}

	.content_main02_m_cont_wrap {
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 15px;
		flex: 1 0 0;
		align-self: stretch;
	}

	.content_main02_m_cont {
		display: flex;
		padding: 20px 20px;
		align-items: flex-start;
		flex: 1 0 0;
		align-self: stretch;
		border-radius: 20px;
		border: 1px solid var(--border-Input, #D1D1D1);
		gap: 25px;
		--c03-duration: 500ms;
		/* 애니메이션 시간 */
		--c03-distance: 50px;
		/* 위로 올라오는 거리 */
		--c03-delay: 5ms;
		/* 각 카드별 지연(자바스크립트에서 덮어씀) */
		opacity: 0;
	}

	.content_main02_m_cont.reveal {
		animation: c03FadeInUp var(--c03-duration) ease-out var(--c03-delay) forwards;
	}

	@keyframes c03FadeInUp {
		from {
			opacity: 0;
			transform: translateY(var(--c03-distance));
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.content_main02_m_cont svg {
		width: 40px;
		height: 40px;
		margin-top: 5px;
		margin-left: 10px;
		min-width: 40px;
	}

	.content_main02_m_cont_txt_wrap {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.content_main02_m_cont_txt_tit {
		color: var(--Typography-Body-1, #000);
		font-size: 20px;
		font-weight: 700;
		line-height: 150%;
		letter-spacing: -1.2px;
	}

	.content_main02_m_cont_txt_sub {
		color: var(--Typography-Body-1, #000);
		font-size: 14px;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.36px;
		align-self: stretch;
		word-break: keep-all;
	}

	.content_main03_m {
		display: flex;
		padding: 30px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		position: relative;
		box-sizing: border-box;
	}

	.content_main03_m_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 50px;
		flex: 1 0 0;
		align-self: stretch;
	}

	.content_main03_m_wrap h1 {
		display: flex;
		align-self: stretch;
		color: var(--Typography-Body-1, #000);
		font-size: 24px;
		font-weight: 700;
		line-height: 130%;
		letter-spacing: -1.44px;
		flex-direction: column;
		gap: 15px;
	}

	.content_main03_m_cont_wrap {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 50px;
		flex: 1 0 0;
		align-self: stretch;
	}

	.content_main03_m_cont {
		display: flex;
		align-items: center;
		gap: 20px;
		flex: 1 0 0;
		align-self: stretch;
		flex-direction: column;
	}

	.content_main03_m_cont_img_wrap {
		flex: 1 0 0;
		flex-direction: column;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 10px 0 25px;
	}

	.content_main03_m_cont_img_wrap img {
		width: 80%;
		--c03-duration: 500ms;
		/* 애니메이션 시간 */
		--c03-distance: 50px;
		/* 위로 올라오는 거리 */
		--c03-delay: 0ms;
		/* 각 카드별 지연(자바스크립트에서 덮어씀) */
		opacity: 0;
	}

	.content_main03_m_cont_img_wrap img.reveal {
		animation: c03FadeInUp var(--c03-duration) ease-out var(--c03-delay) forwards;
	}
	.contents03_m_cont_txt_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 30px;
		flex: 1 0 0;
		align-self: stretch;
	}

	.contents03_m_cont_tit {
		color: var(--Typography-Header, #000);
		font-size: 20px;
		font-weight: 700;
		line-height: 120%;
		/* 43.2px */
		letter-spacing: -1.44px;
		align-self: stretch;
	}

	.contents03_m_cont_txt {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		align-self: stretch;
	}

	.contents03_m_cont_txt_sub_wrap {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		align-self: stretch;
	}

	.contents03_m_cont_sub_tit {
		color: var(--Typography-Header, #000);
		font-size: 18px;
		font-weight: 500;
		line-height: 120%;
		/* 28.8px */
		letter-spacing: -0.96px;
		align-self: stretch;
		display: flex;
		gap: 5px;
	}
	.contents03_m_cont_sub_sub {
		color: var(--Typography-Body-2, #5D5D5D);
		font-size: 14px;
		font-weight: 400;
		line-height: 150%;
		/* 24px */
		letter-spacing: -0.32px;
		align-self: stretch;
	}
	.content_main04_m {
		display: flex;
		padding: 30px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		position: relative;
		box-sizing: border-box;
	}
	.content_main04_m_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 30px;
		flex: 1 0 0;
		align-self: stretch;
	}
	.content_main04_m_wrap h1 {
		display: flex;
		align-self: stretch;
		color: var(--Typography-Body-1, #000);
		font-size: 24px;
		font-weight: 700;
		line-height: 130%;
		letter-spacing: -1.44px;
		flex-direction: column;
		gap: 15px;
	}
	.content_main04_m_wrap_h1sub {
		color: var(--Typography-Body-2, #5D5D5D);
		font-size: 16px;
		font-weight: 400;
		line-height: 150%;
		/* 24px */
		letter-spacing: -0.32px;
		align-self: stretch;
	}
	.content_main04_m_cont {
		display: flex;
		align-items: center;
		gap: 30px;
		flex: 1 0 0;
		align-self: stretch;
		flex-direction: column;
	}
	.content_main04_m_cont_img_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
		flex: 1 0 0;
		align-self: stretch;
		border-radius: 30px;
		background: var(--Amaranth-50, #FEF2F2);
		padding: 20px 0;
	}
	
	.content_main04_m_cont_txt_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 25px;
		flex: 1 0 0;
	}

	.content_main04_m_cont_tit {
		color: var(--Typography-Header, #000);
		font-size: 18px;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: -0.96px;
		align-self: stretch;
		display: flex;
		gap: 5px;
	}

	.content_main04_m_cont_sub_wrap {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
		align-self: stretch;
	}

	.content_main04_m_cont_sub {
		color: var(--Typography-Body-2, #5D5D5D);
		font-size: 14px;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.32px;
		align-self: stretch;
		display: flex;
		gap: 5px;
	}

	.content_main04_m_cont_img.land {
		display: none;
	}
	.content_main04_m_cont_img {
		--c03-duration: 1000ms;
		/* 애니메이션 시간 */
		--c03-distance: 50px;
		/* 위로 올라오는 거리 */
		--c03-delay: 0ms;
		/* 각 카드별 지연(자바스크립트에서 덮어씀) */
		opacity: 0;
	}
	.content_main04_m_cont_img.reveal {
		animation: c03FadeInUp var(--c03-duration) ease-out var(--c03-delay) forwards;
	}
	.content_main_m.menu03 {
		background: var(--Royal-Blue-50, #EFF2FF);
	}
	.content_main04_m_cont02_wrap {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.content_main04_m_cont02 {
		display: flex;
		flex-direction: column;
		padding: 30px 20px;
	}
	.content_main04_m_cont02.bg_org {
    border-radius: 20px;
    background: var(--Outrageous-Orange-50, #FFF3ED);
	}
	.content_main04_m_cont02.bg_blue {
    border-radius: 20px;
    background: var(--Royal-Blue-50, #EFF2FF);
	}
	.content_main04_m_cont02_txt_wrap {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.content_main04_m_cont02_tit {
		color: var(--Typography-Header, #000);
		font-size: 18px;
		font-weight: 500;
		line-height: 120%;
		/* 28.8px */
		letter-spacing: -0.96px;
		align-self: stretch;
		display: flex;
		gap: 5px;
	}
	.content_main04_m_cont02_sub {
		color: var(--Typography-Body-2, #5D5D5D);
		font-size: 14px;
		font-weight: 400;
		line-height: 150%;
		/* 24px */
		letter-spacing: -0.32px;
		align-self: stretch;
	}
	.content_main04_m_cont02_img {
		display: flex;
		align-self: stretch;
		flex: 1 0 0;
		padding: 10px 0;
		justify-content: flex-end;
		margin-top: 20px;
	}

	.content_main_m.menu04 {
		background: var(--Green-50, #EDFCF4);
	}
	.content_main05_m {
		display: flex;
		padding: 50px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		position: relative;
		box-sizing: border-box;
		background: var(--Gray-50, #F6F6F6);
	}
	.content_main05_m_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 50px;
		flex: 1 0 0;
		align-self: stretch;
	}
	.content_main05_m_wrap h1 {
		align-self: stretch;
		color: var(--Typography-Body-1, #000);
		font-size: 24px;
		font-weight: 700;
		line-height: 130%;
		letter-spacing: -1.44px;
	}
	.content_main05_m_cont_img_wrap {
		display: flex;
		padding: 30px 0;
	}	

	.news_content {
		display: flex;
		padding: 70px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
	}
	.news_content_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 30px;
		flex: 1 0 0;
		align-self: stretch;
		padding: 30px 0 0;
	}
	.news_content_wrap h1 {
		display: flex;
		align-self: stretch;
		color: var(--Typography-Body-1, #000);
		font-size: 28px;
		font-weight: 700;
		line-height: 130%;
		letter-spacing: -1.44px;
		flex-direction: column;
		gap: 15px;
	}
	.news_search_wrap {
		flex-wrap: wrap;
	}
	.news_dropdown {
		color: var(--Typography-Header, #000);
		font-size: 18px;
		font-weight: 500;
		line-height: 120%;
		/* 28.8px */
		letter-spacing: -0.96px;
		align-self: stretch;
		display: flex;
		gap: 5px;
		flex: 1 0 0;
	}
	.news_input {
		flex: 0 0 100%;
	}
	.news_wrap {
		flex-direction: column;
		height: auto;
		display: flex;
		gap: 25px;
	}
	.news_box {
		flex: auto;
	}
	.news_thumnail {
		flex: auto;
	}
	.contact_l {
		flex-direction: column;
	}
	.contact .gform {
		flex-direction: column;
		display: flex !important;
	}
	.inputbox_r {
		width: 100% !important;
	}
		/*popup관련*/
	.pop_dim {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 100;
		background: rgba(0, 0, 0, 0.5)
	}

	.pop_area {
		width: 90%;
		position: fixed;
		/* left: 50%; */
		top: 50%;
		margin-left: 5%;
		height: 630px;
		margin-top: -317px;
		background-color: #fff;
		padding: 20px;
		box-sizing: border-box;
		border-radius: 10px;
	}

	.pop_tit {
		text-align: center;
		font-size: 24px;
		font-weight: 500;
		color: #fe5f40;
	}

	.pop_tit span {
		color: #999;
		font-size: 16px;
		display: block;
		font-weight: 300;
		line-height: 20px;
		margin-top: -2px;
		letter-spacing: -1px;
		margin-bottom: 20px;
	}

	.pop_tit_sub {
		text-align: center;
		font-size: 16px;
		color: #999;
		border-bottom: 1px #fe5f40 solid;
		padding-bottom: 18px;
		margin-bottom: 30px;
	}

	.pop_btn button {
		width: 100%;
		margin-top: 15px;
		/*order: 1px #fe5f40 solid;*/
		background-color: #fe5f40;
		color: #fff;
	}
}



/* 가로모드 모바일 */
@media only screen and (orientation: landscape) { 
	.content01_m {
		height: auto;		
		gap: 20px;
	}
	.content02_m {
		padding: 30px 40px;
	}
	.content03_m {
		padding: 30px 40px;
	}
	.content04_m {
		padding: 30px 40px;
	}
	.content05_m {
		padding: 30px 40px;
	}
	.content06_m {
		padding: 30px 40px;
	}
	.content07_m {
		padding: 30px 40px;
	}
	.contents01_m_tit {
		margin-top: 130px;
	}
	.content01_m_bg_wrap  {
		width: 100%;
		height: 100%;
	}
	.content01_m_bg_wrap video {
		height: 100%;
	}
	.contents01_m_news_wrap {
		padding: 50px 30px;
	}
	
	.content02_m_cont_wrap {
		flex-direction: row;
	}
	.content02_m_cont {
		flex: 1 0 0;
		padding: 0 20px 30px;
	}
	.content02_m_cont a {
		display: flex;
		flex-direction: column;
		flex: 1 0 0;
	}
	.content02_m_cont_img_wrap {
		aspect-ratio: 1 / 1;
		display: block;
	}
	.contents04_m_cont {
		flex-direction: row;
		align-items: center;
	}
	.contents04_m_cont02 {
		flex: 1 0 0;
	}
	.content05_m_wrap {
		flex-direction: row;
		align-items: center;
		align-self: stretch;
		padding: 20px 30px;
	}
	.content05_m_cont_rolling_wrap {
		flex: 1 0 0;
	}
	.content05_m_cont01_tit {
		flex: 0;
	}
	.content05_m_cont01_navi {
		justify-content: flex-start;
		flex: 0;
	}
	.content06_m_header {
		align-items: flex-start;
	}

	.content06_m_cont01_navigation_wrap {
		flex-direction: row;
	}
	.content06_m_cont02 {
		flex: 1 0 0;
		height: 100%;
	}
	.contents03_m_cont03_img img {
		width: 70%;
	}
	.content06_m_cont_wrap {
		flex-direction: row;
	}
	.content06_m_cont01_navigation_wrap {
		gap: 0;
		flex-direction: column;
	}
	
	.content06_m_cont01_navigatin_item {
		border-top: 0;
		border-left: 3px solid var(--border-Input, #D1D1D1);
		padding-left: 20px;
	}
	.content06_m_cont01_navigatin_item.active {
		border-top: 0;
		border-left: 3px solid var(--border-primary, #FF6E40);
	}
	.content07_m_cont_wrap {
		flex-direction: row;
	}
	.content07_m_cont_txt_wrap {
		flex: 1 0 0;
	}
	.contact_section_m {
		gap: 50px;
	}
	.contact_section_m {
		background-size: 100% 100%;
	}
	.payroll_go_wrap_m {
		flex-direction: row;
	}
	.content_main_m {
		height: auto;
		padding: 30px 40px;
	}
	.content_main02_m {
		padding: 30px 40px;
	}
	.content_main03_m {
		padding: 30px 40px;
	}
	.content_main04_m {
		padding: 30px 40px;
	}
	.content_main05_m {
		padding: 30px 40px;
	}
	.content_main_m_wrap {	
		margin-top: 70px;		
		flex-direction: row;
		flex-wrap: wrap;
	}
	.menu02 .content_main_m_wrap {	
		background: url(../img/main_bg01_en.png) no-repeat;
		background-size: auto 80%;
		background-position: top right;
	}
	.menu03 .content_main_m_wrap {	
		background: url(../img/main_bg02_en.png) no-repeat;
		background-size: auto 80%;
		background-position: top right;
	}
	.menu04 .content_main_m_wrap {	
		background: url(../img/main_bg03_en.png) no-repeat;
		background-size: auto 80%;
		background-position: top right;
	}
	.content_main_m_tit {
    text-align: left;
    flex: 0 0 100%;
	}
	.content_main_m_sub {
    text-align: left;
    flex: 0 0 100%;
	}
	.content_main_m_btn_wrap {
		flex: 1 0 0;
		margin-bottom: 40px;
	}
	.content_main_m_img_wrap {
		display: none;
	}
	.content_main04_m_cont02_wrap {
		flex-direction: row;
	}
	.contents03_m_cont_txt_wrap {
		flex-wrap: wrap;
		flex-direction: row;
	}
	.contents03_m_cont_tit {
		flex: 0 0 100%;
	}
	.contents03_m_cont_txt {
		flex: 1 0 0;
	}
	.content06_m_cont02_item img {
		width: 50%;
	}
	.content_main04_m_cont_img {
		display: none;
	}
	.content_main04_m_cont_img.land {
		display: flex;
		width: 80%;
		margin: 0 auto;
	}
	.content06_m_cont02.org_bg {
		height: 200px;
	}
	.content08_m_cont_wrap {
		flex-direction: row;
	}
	.content08_m_cont {
		flex: 1 0 0;
	}
	.news_wrap {
    display: grid;
    row-gap: 50px;
    column-gap: 30px;
    align-self: stretch;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.content_main04_m_cont {
		flex-direction: row;
	}
	.contact_l {
		flex-direction: row;
	}
	.contact .gform {
		flex-direction: row;
		display: grid;
	}
	.inputbox_r {
		width: auto;
	}	
}




/* contact us */

.contact_l {
	width: 100%;
	display: flex;
}

.contact h1 {
	letter-spacing: -3px;
	text-align: left;
}

.contact h1 span {
	font-weight: 700;
	display: inline-block;
	margin-top: 8px;
	text-align: left;
}

.btn_area {
	width: 100%;
	/* overflow: hidden; */
}

.btn_area button {
	width: 30%;
	margin-top: 10px;
	float: right;
	background: #003471;
}

.proposal_down {
	width: 300px;
	margin: 0 auto;
	margin-bottom: 30px;
	height: 45px;
	line-height: 45px;
	border: 2px #fe5f40 solid;
	color: #fe5f40;
	border-radius: 25px;
	cursor: pointer;
	text-align: center;
	margin-top: 20px;
}

.contact_info {
	text-align: left;
	margin-top: 10px;
	color: #000;
	flex: 1 0 0;
}

.contact_info b {
	color: #000;
}

.contact_info span {
	border-bottom: 1px #000 solid;
	margin-left: 20px;
	font-size: 25px;
	letter-spacing: -1px;
}

/* ===== Contact – 2단 그리드 리디자인 ===== */

.contact .section-in {
	display: flex;
	gap: 30px;
	align-items: start;
	justify-content: space-between;
	padding-top: 20px;
}

/* 타이틀: 검정 톤, 큰 글씨 */


.contact h1 span {
	color: inherit;
	font-weight: 700;
}

.contact_info b {
	display: block;
	font-size: 20px;
	color: #777;
	margin-bottom: 12px;
}

.contact_info span {
	display: block;
	/* 세로 정렬 */
	border: 0;
	/* 기존 밑줄 제거 */
	margin: 6px 0 0 0;
	font-size: 16px;
	letter-spacing: -0.3px;
	color: #98a1ad;
}

.contact_info .workhour {
	color: #98a1ad;
}

/* 선택: 근무시간 라인 */

/* 우측 폼 전체를 그리드로 */
.contact .gform {
	grid-area: form;
	display: grid;
	grid-template-columns: 1fr 1fr;
	/* 좌 입력 / 우 텍스트에어리어 */
	column-gap: 22px;
	grid-template-areas:
		"left right"
		"btn  btn";
	align-items: start;
}


.contact .btn_area {
	grid-area: btn;
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
}

/* 입력/라벨/체크박스 톤 */
.contact label {
	color: #8b8b8b;
	font-size: 14px;
}

.contact input,
.contact textarea {
	background: #fff;
	border: 1px solid #e5e9f2;
	box-shadow: 0 1px 0 rgba(13, 35, 84, .02);
	font-size: 16px;
}

.contact textarea {
	height: 240px;
	/* 이미지 높이와 유사 */
	resize: vertical;
}

.contact .checkbox {
	margin-top: 10px;
	clear: both;
	display: flex;
	gap: 5px;
	align-items: center;
}

.contact .checkbox label {
	color: #7d8790;
	font-weight: 400;
	font-size: 14px;
	display: flex;
	align-items: center;
}

.contact .checkbox a {
	color: #6f8dd6;
}

.agree_box {
	overflow-y: scroll;
	height: 80px;
}

/* 버튼 */
.contact .btn_area .button-success {
	width: 100%;
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
	padding: 15px 30px;
	background-color: #fe5f40;
	border-radius: 10px;
	cursor: pointer;
	text-align: center;
	color: #fff;
}

.contact .btn_area .button-success:hover {
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.20);
	transition: background .2s ease, box-shadow .2s ease;
}
.contact_body {
	height: 100vh;
	display: flex;
	flex-direction: column;
}
.contact input, .contact textarea {
	background: #fff;
	border: 1px solid #e5e9f2;
	box-shadow: 0 1px 0 rgba(13, 35, 84, .02);
	font-size: 16px;
}
.contact textarea {
	width: 100%;
	border-radius: 5px;
	padding: 10px;
}
.company_class_foam {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.company_class_tit_wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 10px;
}
.company_class_tit {
	text-align: left;
	color: #8b8b8b;
	font-size: 14px;
}
.company_class_wrap {
	display: flex;
	gap: 10px 5px;
	flex: 1 0 0;
	align-self: stretch;
	flex-wrap: wrap;
}
.company_class {
	display: flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	background: var(--background-primary, #FFF);
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: -0.64px;
	cursor: pointer;
	transition: background 0.3s ease;
}
.company_class:hover {
	background: rgba(0, 0, 0, 0.80);
	color: #fff;
}